/* Minification failed. Returning unminified contents.
(4,1): run-time error CSS1019: Unexpected token, found '@import'
(4,9): run-time error CSS1019: Unexpected token, found '"//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic"'
(58,43): run-time error CSS1033: Expected closing bracket, found 'i'
(58,44): run-time error CSS1031: Expected selector, found ']'
(58,44): run-time error CSS1025: Expected comma or open brace, found ']'
(367,38): run-time error CSS1038: Expected hex color, found '#FFFF'
(1085,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1086,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1089,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1090,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1094,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1095,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1098,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1099,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1103,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1104,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1107,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1108,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1112,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1113,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1117,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1118,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1123,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1124,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1127,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1128,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2162,195): run-time error CSS1046: Expect comma, found '37'
(2162,201): run-time error CSS1046: Expect comma, found '/'
(2216,59): run-time error CSS1046: Expect comma, found '255'
(2216,67): run-time error CSS1046: Expect comma, found '/'
(2226,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(2229,70): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(2230,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(2231,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(2556,18): run-time error CSS1033: Expected closing bracket, found 'i'
(2556,19): run-time error CSS1031: Expected selector, found ']'
(2556,19): run-time error CSS1025: Expected comma or open brace, found ']'
(2596,34): run-time error CSS1046: Expect comma, found '26'
(2596,40): run-time error CSS1046: Expect comma, found '/'
(2596,65): run-time error CSS1046: Expect comma, found '26'
(2596,71): run-time error CSS1046: Expect comma, found '/'
(2979,19): run-time error CSS1046: Expect comma, found '65'
(2979,25): run-time error CSS1046: Expect comma, found '/'
(3054,35): run-time error CSS1046: Expect comma, found '0'
(3054,39): run-time error CSS1046: Expect comma, found '/'
(3078,36): run-time error CSS1046: Expect comma, found '42'
(3078,42): run-time error CSS1046: Expect comma, found '/'
(3425,30): run-time error CSS1046: Expect comma, found '34'
(3425,36): run-time error CSS1046: Expect comma, found '/'
(3432,30): run-time error CSS1046: Expect comma, found '34'
(3432,36): run-time error CSS1046: Expect comma, found '/'
(3463,42): run-time error CSS1046: Expect comma, found '0'
(3463,46): run-time error CSS1046: Expect comma, found '/'
(3464,34): run-time error CSS1046: Expect comma, found '0'
(3464,38): run-time error CSS1046: Expect comma, found '/'
(3481,42): run-time error CSS1046: Expect comma, found '26'
(3481,48): run-time error CSS1046: Expect comma, found '/'
(3481,73): run-time error CSS1046: Expect comma, found '26'
(3481,79): run-time error CSS1046: Expect comma, found '/'
(3482,34): run-time error CSS1046: Expect comma, found '26'
(3482,40): run-time error CSS1046: Expect comma, found '/'
(3482,65): run-time error CSS1046: Expect comma, found '26'
(3482,71): run-time error CSS1046: Expect comma, found '/'
(3754,42): run-time error CSS1046: Expect comma, found '26'
(3754,48): run-time error CSS1046: Expect comma, found '/'
(3755,34): run-time error CSS1046: Expect comma, found '26'
(3755,40): run-time error CSS1046: Expect comma, found '/'
(3950,38): run-time error CSS1046: Expect comma, found '196'
(3950,46): run-time error CSS1046: Expect comma, found '/'
(4023,35): run-time error CSS1046: Expect comma, found '202'
(4023,43): run-time error CSS1046: Expect comma, found '/'
(4023,76): run-time error CSS1046: Expect comma, found '138'
(4023,84): run-time error CSS1046: Expect comma, found '/'
(4061,60): run-time error CSS1046: Expect comma, found '202'
(4061,68): run-time error CSS1046: Expect comma, found '/'
(4061,101): run-time error CSS1046: Expect comma, found '138'
(4061,109): run-time error CSS1046: Expect comma, found '/'
(4100,19): run-time error CSS1046: Expect comma, found '37'
(4100,25): run-time error CSS1046: Expect comma, found '/'
(4262,70): run-time error CSS1046: Expect comma, found '0'
(4262,74): run-time error CSS1046: Expect comma, found '/'
(4263,78): run-time error CSS1046: Expect comma, found '0'
(4263,82): run-time error CSS1046: Expect comma, found '/'
(4322,42): run-time error CSS1046: Expect comma, found '26'
(4322,48): run-time error CSS1046: Expect comma, found '/'
(4323,34): run-time error CSS1046: Expect comma, found '26'
(4323,40): run-time error CSS1046: Expect comma, found '/'
(5125,33): run-time error CSS1046: Expect comma, found '0'
(5125,37): run-time error CSS1046: Expect comma, found '/'
(5127,27): run-time error CSS1046: Expect comma, found '193'
(5127,34): run-time error CSS1046: Expect comma, found ')'
(5129,25): run-time error CSS1046: Expect comma, found '199'
(5129,33): run-time error CSS1046: Expect comma, found '/'
(5248,36): run-time error CSS1046: Expect comma, found '203'
(5248,44): run-time error CSS1046: Expect comma, found '/'
(5249,25): run-time error CSS1046: Expect comma, found '255'
(5249,33): run-time error CSS1046: Expect comma, found '/'
(5254,25): run-time error CSS1046: Expect comma, found '255'
(5254,33): run-time error CSS1046: Expect comma, found '/'
(5547,31): run-time error CSS1046: Expect comma, found '199'
(5547,39): run-time error CSS1046: Expect comma, found '/'
(5748,83): run-time error CSS1046: Expect comma, found '31'
(5748,88): run-time error CSS1046: Expect comma, found ')'
(5749,75): run-time error CSS1046: Expect comma, found '31'
(5749,80): run-time error CSS1046: Expect comma, found ')'
(5907,20): run-time error CSS1046: Expect comma, found '255'
(5907,28): run-time error CSS1046: Expect comma, found '/'
(6032,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6033,10): run-time error CSS1035: Expected colon, found '{'
(6042,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6043,10): run-time error CSS1035: Expected colon, found '{'
(6052,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6053,10): run-time error CSS1035: Expected colon, found '{'
(6404,33): run-time error CSS1046: Expect comma, found '0'
(6404,37): run-time error CSS1046: Expect comma, found '/'
(6457,33): run-time error CSS1046: Expect comma, found '0'
(6457,37): run-time error CSS1046: Expect comma, found '/'
(6482,37): run-time error CSS1046: Expect comma, found '42'
(6482,43): run-time error CSS1046: Expect comma, found '/'
(6494,34): run-time error CSS1046: Expect comma, found '235'
(6494,41): run-time error CSS1046: Expect comma, found ')'
(8288,36): run-time error CSS1046: Expect comma, found '42'
(8288,42): run-time error CSS1046: Expect comma, found '/'
(8310,24): run-time error CSS1046: Expect comma, found '136'
(8310,32): run-time error CSS1046: Expect comma, found '/'
(8370,38): run-time error CSS1046: Expect comma, found '42'
(8370,44): run-time error CSS1046: Expect comma, found '/'
(9723,45): run-time error CSS1046: Expect comma, found '0'
(9723,49): run-time error CSS1046: Expect comma, found '/'
 */
/* LAST UPDATED: 17-02-2022 14:34  */

@charset "UTF-8";
@import "//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic";
.glyphicon{display:inline-block;font:normal normal normal 14px/1 "Font Awesome 5 Pro";font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.glyphicon.fa-pull-left{margin-right:.3em}
.glyphicon.fa-pull-right{margin-left:.3em}
.glyphicon.pull-left{margin-right:.3em}
.glyphicon.pull-right{margin-left:.3em}
.glyphicon.glyphicon-chevron-left:before{content:"\f053"}
.glyphicon.glyphicon-chevron-right:before{content:"\f054"}
.glyphicon.glyphicon-chevron-up:before{content:"\f077"}
.glyphicon.glyphicon-chevron-down:before{content:"\f078"}
.glyphicon.glyphicon-folder-open:before{content:"\f07c"}
.h5{font-size:14px}
.sidebar .fal{font-weight:unset}
.float-right{float:right}
.float-left{float:left}
:focus{outline:0!important}
*{font-family:"Source Sans Pro",arial,sans-serif;-webkit-font-smoothing:antialiased}
a{outline:none!important;color:#5988d4}
.btn-link{color:#03a9f4}
a:hover,a:focus{color:#5988d4}
a.text-muted:hover,a.text-muted:focus{color:#748690}
hr{border-top:1px solid #e4eaec}
[data-now]{display:inline-block}
.navbar-toggle .icon-bar{background-color:#fff}
.list-group{line-height:1.3}
.contact-phonemail{list-style-type:none}
.list-group .list-group-item {
    padding: 10px;
    display: grid
}
.list-group .list-group-item .form-group .fa-bars{position:absolute;left:-1px;top:10px;opacity:.3}
.list-group-item .form-group{margin:0}
.panel > .list-group .list-group-item{border-top:0}
.page-header{border-bottom-color:#e4eaec}
.panel .panel-heading{font-size:15px;font-weight:600;background:#fafbfc}
.panel .panel-heading a.btn{background:#FFF}
.panel .panel-heading a.btn-danger{background:#F44336}
.panel.panel-default{border-top-width:1px}
.well{border:1px solid #dde6e9}
.jumbotron{border:1px solid #dde6e9}
@media only screen and (min-width: 768px) {
.jumbotron{padding:30px 15px}
}
.nav-tabs > li > a{font-weight:700;color:#515253;background-color:#edf1f2;margin:0;border:1px solid #dde6e9;border-radius:0;padding:10px 20px}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{color:inherit;border-bottom-color:#fff}
.tab-content{padding:10px 20px;border-style:solid;border-width:0 1px 1px;border-color:#dde6e9}
.nav-pills + .tab-content{border:0;padding:0}
.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 16px;font-size:14px;line-height:1.52857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button,select{text-transform:none}
button{overflow:visible}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
user agent stylesheet input[type="button" i],input[type="submit" i],input[type="reset" i],input[type="file" i]::-webkit-file-upload-button,button{border-color:#d8d8d8 #d1d1d1 #bababa;border-style:solid;border-width:1px;padding:1px 7px 2px;align-items:flex-start;text-align:center;cursor:default;color:buttontext;background-color:buttonface;box-sizing:border-box;padding:2px 6px 3px;border-width:2px;border-style:outset;border-color:buttonface;border-image:initial}
user agent stylesheet input,textarea,select,button{text-rendering:auto;color:initial;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;display:inline-block;text-align:start;margin:0;font:400 11px}
user agent stylesheet input,textarea,select,button,meter,progress{-webkit-writing-mode:horizontal-tb!important}
user agent stylesheet button{-webkit-appearance:button}
body{font-family:"Source Sans Pro",sans-serif;font-size:14px;line-height:24px;color:#212529;background-color:#f5f7fa}
html{direction:ltr;height:100%;-ms-touch-action:manipulation;touch-action:manipulation;font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btn{border-radius:3px;font-size:13px;border-color:transparent;-webkit-appearance:none;outline:none!important;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s}
.btn.btn-link{box-shadow:none;border:0}
.btn.btn-default{border-color:#eaeaea}
.btn.btn-default:hover{border-color:#D5D5D5}
.input-group .btn{font-size:14px;border-color:#dde6e9}
.input-group .input-sm + .input-group-btn .btn{font-size:13px}
.form-control{padding:6px 12px;border:1px solid #c8d1d4}
.input-sm,select.input-sm{height:31px}
fieldset{padding-bottom:20px;border-bottom:1px dashed #eee;margin-bottom:20px}
fieldset.last-child,fieldset:last-child{border-bottom:0}
@media only screen and (max-width: 767px) {
input[type="text"],input[type="email"],input[type="search"],input[type="password"]{-webkit-appearance:none}
}
.table > thead > tr > th{border-bottom-width:1px}
.table > tbody + tbody{border-bottom-width:1px}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:1px}
.progress{-webkit-box-shadow:0 0 0 #000;box-shadow:0 0 0 #000;border-radius:3px;border:1px solid #f1f1f1;background-color:#fff}
.progress .progress-bar{-webkit-box-shadow:0 0 0 #000;box-shadow:0 0 0 #000}
.popover{box-shadow:0 0 0 #000;border-color:#eee;border-bottom:2px solid #e4eaec;border-radius:3px}
.popover .popover-title{border:0}
.nav.nav-pills .active > a{background-color:#5988d4}
.dropdown-menu{border-radius:3px}
.dropdown-header{color:#a1a2a3}
.navbar-top .navbar-nav > .active > a{color:#999}
.navbar-top .navbar-nav > .active > a:hover,.navbar-top .navbar-nav > .active > a:focus{color:#d1d2d3}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#666}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#222}
.carousel .carousel-indicators{bottom:0}
.carousel .carousel-control.left,.carousel .carousel-control.right{background-image:none}
.carousel .carousel-control em{position:absolute;top:50%;left:50%;z-index:5;display:inline-block;width:20px;height:20px;margin-top:-10px;margin-left:-10px}
.modal-backdrop{position:fixed;bottom:0}
.topnavbar,.navbar,.navbar .dropdown-menu{filter:none!important}
.m-0{margin:0!important}
.ml-0{margin-left:0!important}
.mr-0{margin-right:0!important}
.mt-0{margin-top:0!important}
.mb-0{margin-bottom:0!important}
.ml-1{margin-left:.5rem!important}
.mr-1{margin-right:.5rem!important}
.mt-1{margin-top:.5rem!important}
.mb-1{margin-bottom:.5rem!important}
.ml-2{margin-left:1rem!important}
.mr-2{margin-right:1rem!important}
.mt-2{margin-top:1rem!important}
.mb-2{margin-bottom:1rem!important}
.ml-3{margin-left:2rem!important}
.mr-3{margin-right:2rem!important}
.mt-3{margin-top:2rem!important}
.mb-3{margin-bottom:2rem!important}
.ml-4{margin-left:3rem!important}
.mr-4{margin-right:3rem!important}
.mt-4{margin-top:3rem!important}
.mb-4{margin-bottom:3rem!important}
.p-0{padding:0!important}
.p-1{padding:.5rem!important}
.p-2{padding:1rem!important}
.p-3{padding:2rem!important}
.pl-0{padding-left:0!important}
.pr-0{padding-right:0!important}
.pt-0{padding-top:0!important}
.pb-0{padding-bottom:0!important}
.pl-1{padding-left:.5rem!important}
.pr-1{padding-right:.5rem!important}
.pt-1{padding-top:.5rem!important}
.pb-1{padding-bottom:.5rem!important}
.pl-2{padding-left:1rem!important}
.pr-2{padding-right:1rem!important}
.pt-2{padding-top:1rem!important}
.pb-2{padding-bottom:1rem!important}
.pl-3{padding-left:2rem!important}
.pr-3{padding-right:2rem!important}
.pt-3{padding-top:2rem!important}
.pb-3{padding-bottom:2rem!important}
.pl-4{padding-left:3rem!important}
.pr-4{padding-right:3rem!important}
.pt-4{padding-top:3rem!important}
.pb-4{padding-bottom:3rem!important}
.w-25{width:25%!important}
.w-50{width:50%!important}
.w-75{width:75%!important}
.w-100{width:100%!important}
.w-auto{width:auto!important}
@media (max-width: 992px) {
.form-group.col-sm-12{padding:0!important}
}
h1,h2,h3,h4{font-weight:700}
html{direction:ltr;height:100%;-ms-touch-action:manipulation;touch-action:manipulation}
.wrapper{position:relative;width:100%;height:auto;min-height:100%;overflow-x:hidden}
.layout-fixed > .wrapper{display:grid}
.wrapper.ng-leave{display:none}
.wrapper > .aside,.wrapper > .aside-main{position:absolute;width:220px;top:0;left:0;bottom:0;z-index:116;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff}
.wrapper > .aside-main{z-index:120}
.wrapper > .aside .aside-inner{padding-top:110px;height:100%;width:220px;overflow:hidden}
.wrapper > .aside > .nav-floating{left:inherit;margin-left:220px;z-index:1110;min-width:190px;overflow:auto}
.wrapper .dropdown-backdrop{z-index:109}
.wrapper > section{position:relative;height:100%;margin-left:0;background-color:#f5f7fa;margin-bottom:60px!important}
.wrapper > footer{height:60px;border-top:1px solid #e4eaec;padding:20px;width:calc(100% - 270px);float:left;position:absolute;bottom:0;font-size:13px}
.wrapper > footer > p{margin:0}
.modal-open .wrapper{z-index:0}
.content-wrapper{padding:0 15px 15px;width:100%;max-width:1500px;margin:0 auto}
.content-wrapper > .unwrap{margin:-15px}
@media only screen and (min-width: 768px) {
.content-wrapper > .unwrap{margin:-20px}
}
.content-wrapper > h3,.content-wrapper > .content-heading{font-size:24px;line-height:1.1;color:#929292;margin:-15px;margin-bottom:20px;padding:15px;font-weight:400;background-color:#fafbfc;border-bottom:1px solid #cfdbe2}
.content-wrapper > h3 > small,.content-wrapper > .content-heading > small{display:block;font-size:12px;color:#909FA7}
.content-wrapper .container,.content-wrapper .container-fluid{padding-left:0;padding-right:0}
@media only screen and (min-width: 768px) {
.content-wrapper{padding:0 20px}
.content-wrapper > h3,.content-wrapper > .content-heading{margin:-20px;margin-bottom:20px;padding:20px}
.content-wrapper > button,.content-wrapper > .btn{margin:0}
}
@media only screen and (min-width: 768px) {
body{min-height:100%}
.wrapper > .aside .aside-inner{padding-top:55px}
.wrapper > section,.wrapper > footer{margin-left:270px}
.wrapper > section.has-sidebar-right{margin-right:240px}
.wrapper > section.has-sidebar-right + .offsidebar{z-index:1}
}
@media only screen and (max-width: 767px) {
.wrapper > .aside{margin-left:-220px}
.aside-toggled .wrapper > section,.aside-toggled .wrapper > footer{margin-left:220px}
.aside-toggled .wrapper > .aside{margin-left:0}
.csstransforms3d .wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.csstransforms3d .wrapper > section,.csstransforms3d .wrapper > footer{margin-left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}
.csstransforms3d .wrapper > .aside{margin-left:0;-webkit-transform:translate3d(-220px,0,0);transform:translate3d(-220px,0,0);-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}
.csstransforms3d .aside-toggled .wrapper > section,.csstransforms3d .aside-toggled .wrapper > footer{-webkit-transform:translate3d(220px,0,0);transform:translate3d(220px,0,0)}
.csstransforms3d .aside-toggled .wrapper > .aside{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@media only screen and (max-width: 767px) {
.wrapper > .aside-main{margin-left:-70px}
.wrapper > footer{width:100%}
.aside-collapsed.aside-toggled .wrapper > section,.aside-collapsed.aside-toggled .wrapper > footer{margin-left:70px}
.aside-collapsed.aside-toggled .wrapper > .aside-main{margin-left:0}
.csstransforms3d .aside-collapsed .wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.csstransforms3d .aside-collapsed .wrapper > section,.csstransforms3d .aside-collapsed .wrapper > footer{margin-left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}
.csstransforms3d .wrapper > .aside-main{margin-left:0;-webkit-transform:translate3d(-70px,0,0);transform:translate3d(-70px,0,0);-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}
.csstransforms3d .aside-collapsed.aside-toggled .wrapper > section,.csstransforms3d .aside-collapsed.aside-toggled .wrapper > footer{-webkit-transform:translate3d(70px,0,0);transform:translate3d(70px,0,0)}
.csstransforms3d .aside-collapsed.aside-toggled .wrapper > .aside-main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.aside-collapsed{overflow-y:auto}
.wrapper > .aside-main,.wrapper > .aside-main > .aside-inner{width:260px}
.wrapper > .aside-main > .nav-floating{margin-left:50px}
@media only screen and (min-width: 768px) {
.aside-collapsed .wrapper > section,.aside-collapsed .wrapper > footer{margin-left:50px}
}
@media only screen and (max-width: 767px) {
.aside-collapsed-text .wrapper > .aside-main{margin-left:-90px}
.aside-collapsed-text.aside-toggled .wrapper > section,.aside-collapsed-text.aside-toggled .wrapper > footer{margin-left:90px}
.aside-collapsed-text.aside-toggled .wrapper > .aside-main{margin-left:0}
.csstransforms3d .aside-collapsed-text .wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.csstransforms3d .aside-collapsed-text .wrapper > section,.csstransforms3d .aside-collapsed-text .wrapper > footer{margin-left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}
.csstransforms3d .aside-collapsed-text .wrapper > .aside-main{margin-left:0;-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0);-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}
.csstransforms3d .aside-collapsed-text.aside-toggled .wrapper > section,.csstransforms3d .aside-collapsed-text.aside-toggled .wrapper > footer{-webkit-transform:translate3d(90px,0,0);transform:translate3d(90px,0,0)}
.csstransforms3d .aside-collapsed-text.aside-toggled .wrapper > .aside-main{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.aside-collapsed-text{overflow-y:auto}
.aside-collapsed-text .wrapper > .aside-main,.aside-collapsed-text .wrapper > .aside-main > .aside-inner{width:90px}
.aside-collapsed-text .wrapper > .aside-main > .nav-floating{margin-left:90px}
@media only screen and (min-width: 768px) {
.aside-collapsed-text .wrapper > section,.aside-collapsed-text .wrapper > footer{margin-left:90px}
}
@media (max-width: 1140px) {
.layout-fixed.aside-toggled,.layout-fixed.offsidebar-open{overflow-y:hidden}
}
.layout-fixed .wrapper .topnavbar-wrapper{position:fixed;top:0;width:100%;z-index:121}
.layout-fixed .wrapper > aside{position:fixed; padding-bottom: 50px; background: #131d27;}
.layout-fixed .wrapper > .aside{height:1px;min-height:100%;padding-left:50px}
.layout-fixed .wrapper > .aside-main > .aside-inner{ padding-top: 60px; background: #131d27!important; }
.layout-fixed .wrapper > .aside-main .sidebar:not(.show-scrollbar){overflow:inherit;margin:0;background: #2a3040;}
.layout-fixed .wrapper > .aside > .aside-inner,.layout-fixed .wrapper > .aside-main > .aside-inner{height: 100%}
.layout-fixed .wrapper > section{margin-top:114px}
@media only screen and (min-width: 768px) {
.layout-fixed .wrapper > section{margin-top:55px}
.action-menu{font-size:24px;line-height:1.1;color:#929292;font-weight:400;background-color:#fafbfc;border-bottom:1px solid #cfdbe2;margin:0;height:60px;padding-top:15px}
}
_:-ms-lang(x),.layout-fixed .wrapper > .aside > .aside-inner{position:static!important}
@media only screen and (min-width: 992px) {
.layout-boxed{overflow:auto!important}
.layout-boxed .wrapper{margin:0 auto;overflow:hidden;box-shadow:0 0 13px rgba(0,0,0,0.25)}
.layout-boxed .wrapper .offsidebar{position:absolute!important}
.layout-boxed .wrapper > .aside{left:inherit}
.layout-boxed .wrapper,.layout-boxed .wrapper .topnavbar-wrapper{width:970px}
.layout-boxed.layout-fixed .wrapper > .aside > .aside-inner{left:inherit}
}
@media only screen and (min-width: 1200px) {
.layout-boxed .wrapper,.layout-boxed .wrapper .topnavbar-wrapper{width:1140px}
}
.hidden-footer .wrapper > footer{display:none}
.hidden-footer .wrapper > section{margin-bottom:0!important}
.layout-fs .wrapper > section{position:absolute;top:114px;left:0;right:0;bottom:60px;height:auto;margin-top:0!important;margin-bottom:0!important;overflow-y:auto;-webkit-overflow-scrolling:touch}
@media only screen and (min-width: 480px) {
.layout-fs .wrapper > section{overflow:hidden}
}
@media only screen and (min-width: 768px) {
.layout-fs .wrapper > section{top:55px}
}
.layout-fs .wrapper > section > .content-wrapper{width:100%;height:100%;padding:0}
.layout-fs.hidden-footer .wrapper > section{bottom:0}
.d-table,.d-table-fixed{display:table;width:100%;height:100%;min-height:240px;border-spacing:0}
.d-table-fixed{table-layout:fixed}
.d-row{display:table-row;height:100%}
.d-cell,.d-cell-wrapper{position:relative;display:table-cell;height:100%;width:100%;vertical-align:top;overflow:auto}
.d-cell-wrapper{display:block}
.d-cell-wrapper .d-cell-inner{position:absolute;top:0;right:0;bottom:0;left:0}
@media only screen and (max-width: 767px) {
.d-table-fixed{display:block}
.d-table-fixed > .d-cell{display:block;width:auto;height:auto}
}
.d-cell-inner{overflow:auto}
.fh{height:100%!important}
.fw{width:100%!important}
.scroll{overflow:auto}
.scroll-y{overflow-y:auto;overflow-y:auto}
.layout-h .wrapper > section{max-width:1140px;margin-left:auto;margin-right:auto}
.layout-h .wrapper > section > .content-wrapper > h3{display:none}
.layout-h .wrapper > section{margin-top:0}
.layout-h .wrapper > .offsidebar{margin-top:55px}
.layout-h .wrapper > footer{margin:0}
.layout-h.layout-fixed .wrapper > section,.layout-h.layout-fixed .wrapper > .offsidebar{margin-top:55px}
.aside-float .wrapper{box-shadow:0 0 0 #000}
.aside-float .wrapper > footer{border:0}
.aside-float .wrapper > .aside{padding:15px 0;background:transparent}
.aside-float .wrapper > .aside > .aside-inner{height:100%;top:15px;bottom:15px;left:inherit}
.aside-float .wrapper > .aside .sidebar{border:1px solid #e4eaec}
.aside-float .wrapper > .aside .sidebar:after{display:none}
@media only screen and (min-width: 768px) {
.aside-float .wrapper > section{padding-left:15px}
.aside-float .wrapper > footer{left:15px}
}
.aside-float .wrapper .content-wrapper{border:0}
.aside-float .wrapper .content-wrapper > h3,.aside-float .wrapper .content-wrapper > .content-heading{padding-top:30px;border:0;background-color:transparent}
.aside-float .wrapper .content-wrapper > .unwrap{margin:0!important}
.aside-float.aside-toggled .wrapper > .aside{-webkit-transition-delay:.05s;transition-delay:.05s}
.aside-float.aside-toggled .wrapper > .aside > .aside-inner{margin-left:15px}
.aside-float.aside-toggled .wrapper > section{padding-left:15px}
.aside-float.aside-toggled .wrapper > footer{left:15px}
@media only screen and (min-width: 768px) {
.aside-float.aside-collapsed .topnavbar .navbar-header{width:100px}
.aside-float.aside-collapsed-text .topnavbar .navbar-header{width:120px}
.aside-float.layout-fs .wrapper > section > .content-wrapper{padding:0 0 0 20px}
.aside-float .wrapper > .aside > .aside-inner{margin-left:15px}
}
@media only screen and (min-width: 992px) {
.aside-float.layout-boxed .wrapper > .aside > .aside-inner{margin-left:0}
.aside-float.layout-boxed .wrapper > section{padding-left:0}
}
.aside-float.aside-toggled.layout-fs .wrapper > section > .content-wrapper{padding:0 0 0 20px}
.wrapper > .aside{-webkit-transition:width .2s cubic-bezier(0.35,0,0.25,1),translate .2s cubic-bezier(0.35,0,0.25,1);-o-transition:width .2s cubic-bezier(0.35,0,0.25,1),translate .2s cubic-bezier(0.35,0,0.25,1);transition:width .2s cubic-bezier(0.35,0,0.25,1),translate .2s cubic-bezier(0.35,0,0.25,1)}
.aside-inner,.navbar-header,.sidebar > .nav > li{-webkit-transition:width .2s cubic-bezier(0.35,0,0.25,1);-o-transition:width .2s cubic-bezier(0.35,0,0.25,1);transition:width .2s cubic-bezier(0.35,0,0.25,1)}
.wrapper > section{-webkit-transition:margin-left .2s cubic-bezier(0.35,0,0.25,1);-o-transition:margin-left .2s cubic-bezier(0.35,0,0.25,1);transition:margin-left .2s cubic-bezier(0.35,0,0.25,1)}
.sidebar > .nav .label{-webkit-animation-fill-mode:both;animation-fill-mode:both}
.aside-collapsed .sidebar > .nav .label,.aside-collapsed-text .sidebar > .nav .label{-webkit-animation:fadeIn 1s;-o-animation:fadeIn 1s;animation:fadeIn 1s}
.sidebar > .nav > .nav-heading,.sidebar > .nav > li > a > span,.navbar-brand .brand-logo{-webkit-animation:fadeIn 1s;-o-animation:fadeIn 1s;animation:fadeIn 1s}
.sidebar li > a,.sidebar li > .nav-item,.sidebar > .nav > .nav-heading{white-space:nowrap}
.aside-collapsed .user-block-picture,.aside-collapsed-text .user-block-picture{-webkit-transition:width .2s cubic-bezier(0.35,0,0.25,1);-o-transition:width .2s cubic-bezier(0.35,0,0.25,1);transition:width .2s cubic-bezier(0.35,0,0.25,1)}
.aside-collapsed .user-block,.aside-collapsed-text .user-block{-webkit-transition:padding .2s cubic-bezier(0.35,0,0.25,1);-o-transition:padding .2s cubic-bezier(0.35,0,0.25,1);transition:padding .2s cubic-bezier(0.35,0,0.25,1)}
.topnavbar{-webkit-backface-visibility:hidden;margin-bottom:0;border-radius:0;background-color:#fff;z-index:1050;border:0;border-bottom:1px solid rgba(0,0,0,0.15);position:relative}
.topnavbar .navbar-header{position:relative}
.topnavbar .navbar-header .navbar-brand{padding:0;position:relative;z-index:10}
.topnavbar .navbar-header .brand-logo > img,.topnavbar .navbar-header .brand-logo-collapsed > img{margin:0 auto;max-height:35px;padding-top:0;float:left}
.topnavbar .navbar-header .brand-logo{display:block;padding:10px 15px}
.topnavbar .navbar-header .brand-logo-collapsed{display:none;padding:6px 15px}
.topnavbar .navbar-nav > li > .navbar-text{color:#1b212f}
.topnavbar .navbar-nav > li > a,.topnavbar .navbar-nav > .open > a{color:#1b212f}
.topnavbar .navbar-nav > li > a:hover,.topnavbar .navbar-nav > .open > a:hover,.topnavbar .navbar-nav > li > a:focus,.topnavbar .navbar-nav > .open > a:focus{color:#117391}
.topnavbar .navbar-nav > .active > a,.topnavbar .navbar-nav > .open > a,.topnavbar .navbar-nav > .active > a:hover,.topnavbar .navbar-nav > .open > a:hover,.topnavbar .navbar-nav > .active > a:focus,.topnavbar .navbar-nav > .open > a:focus{background-color:transparent}
.topnavbar .navbar-nav > li > [data-toggle='navbar-search']{position:absolute;top:0;right:0;z-index:20;font-size:16px;line-height:55px;color:#fff;padding-top:0;padding-bottom:0;-webkit-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}
@media only screen and (min-width: 768px) {
.topnavbar .navbar-nav > li > [data-toggle='navbar-search']{color:#fff}
}
@media only screen and (max-width: 767px) {
.topnavbar .navbar-text{margin:10px}
}
@media only screen and (max-width: 767px) {
.sidebar-toggle{position:absolute!important;top:5px;right:0;z-index:3001}
.sidebar-toggle > em{color:#fff}
}
.nav-wrapper{padding:0 15px;background-color:transparent}
.nav-wrapper .nav.navbar-nav{float:left}
.nav-wrapper .nav.navbar-nav.navbar-right{float:right;margin-right:0}
.nav-wrapper .nav > li{position:static;float:left}
.nav-wrapper .navbar-nav .open .dropdown-menu{position:absolute;background-color:#fff;left:0;right:0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.nav-wrapper .navbar-nav .open .dropdown-menu button{display:inherit;width:100%;background:none!important;border:0!important;box-shadow:none;padding:0 10px;text-align:left;margin-top:2px;height:37px;line-height:37px;border-radius:4px}
.nav-wrapper .navbar-nav .open .dropdown-menu button.btn-danger:hover{background:#ea5348!important}
.nav-wrapper .navbar-nav .open .dropdown-menu button .btn-label{display:none}
.dropdown-list.lang > .dropdown-menu{padding:0;min-width:150px}
.nav-wrapper .navbar-nav > li{padding:12.5px 0}
.nav-wrapper .navbar-nav li{font-size:16px}
.nav-wrapper .navbar-nav .fa-user-circle{font-size:17px;position:relative;top:2px;font-weight:600;color:#DDD}
.topnavbar .navbar-form{position:absolute;top:-100%;left:0;right:0;margin:0;padding:0;height:55px;z-index:9001;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;border:0;border-bottom:1px solid #e1e2e3}
.topnavbar .navbar-form .form-group{height:100%;width:100%}
.topnavbar .navbar-form .form-control{height:100%;border:0;border-radius:0;width:100%}
.topnavbar .navbar-form.open{top:0}
.topnavbar .navbar-form .has-feedback .form-control-feedback{height:30px;cursor:pointer;top:50%;margin-top:-15px;line-height:30px;margin-right:10px;color:#c1c2c3;font-size:1.5em;pointer-events:auto}
.pagetitle h3{font-weight:400;font-size:20px;color:#1b212f;margin:0;line-height:32px;float:left}
.nav-wrapper .nav-inner h3 em,.nav-wrapper .nav-inner h3 i{margin-right:5px;font-size:18px}
.nav-wrapper{position:absolute;right:0;top:0;height:58px;left:0;z-index:99}
@media only screen and (min-width: 768px) {
.topnavbar .navbar-form{left:220px}
}
@media only screen and (min-width: 768px) {
.topnavbar{border:0;background-color:#FFFF}
.topnavbar .navbar-header{background-image:none;background-repeat:no-repeat;filter:none}
.topnavbar .navbar-nav > .open > a.btn,.topnavbar .navbar-nav > .open > a.btn:hover,.topnavbar .navbar-nav > .open > a.btn:focus{box-shadow:none;border-color:#eaeaea}
.topnavbar .navbar-nav > li > .navbar-text{color:#1b212f}
.topnavbar .navbar-nav > li > a,.topnavbar .navbar-nav > .open > a{color:#1b212f}
.topnavbar .navbar-nav > li > a:hover,.topnavbar .navbar-nav > .open > a:hover,.topnavbar .navbar-nav > li > a:focus,.topnavbar .navbar-nav > .open > a:focus{color:#1b212f}
.topnavbar .navbar-nav > li > [data-toggle='navbar-search']{position:static}
.nav-wrapper{position:relative;box-shadow:0 1px 2px rgba(0,0,0,0.15);z-index:10;margin-left:260px;padding-left:0}
.nav-wrapper:before,.nav-wrapper:after{content:" ";display:table}
.nav-wrapper:after{clear:both}
.nav-wrapper .nav > li{position:relative}
.nav-wrapper .navbar-nav .open .dropdown-menu{left:auto;right:auto}
.nav-wrapper .navbar-nav.navbar-right .open .dropdown-menu{left:auto;right:0}
.nav-wrapper .nav-inner{width:100%;max-width:1500px;margin:0 auto;padding:0 15px}
}
@media only screen and (min-width: 768px) {
.aside-collapsed .topnavbar .navbar-header .brand-logo{display:none}
.aside-collapsed .topnavbar .navbar-header .brand-logo-collapsed{display:block}
.aside-collapsed .topnavbar .navbar-header{width:70px}
.aside-collapsed .topnavbar .navbar-form{left:70px}
}
@media only screen and (max-width: 767px) {
.layout-fixed .wrapper > section{margin-top:100px}
.wrapper > .aside .aside-inner{padding-top:55px;width:100%}
.navbar-nav{margin:0 -15px}
.nav-wrapper .navbar-nav .fa-user-circle{padding-right:0}
.flag{margin-right:2px!important}
.nav-wrapper{height:55px}
.openmenu{font-size:22px;float:left;height:55px;width:55px;text-align:center;line-height:55px;color:#232a3b;margin-right:-10px;z-index:999;position:relative}
.openmenu .fal{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}
.openmenu .fa-bars{opacity:1}
.openmenu .fa-times{opacity:0}
.openmenu.open .fa-bars{opacity:0}
.openmenu.open .fa-times{opacity:1;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;font-size:24px;top:calc(50% - 11px);left:calc(50% - 8px)}
.layout-fixed .wrapper > .aside{padding-left:0}
.layout-fixed .wrapper > .aside.open{padding-left:270px;width:calc(100% - 50px)}
.layout-fixed .wrapper > .aside-main{margin-left:0}
.layout-fixed .wrapper > .aside-main.open{margin-left:70px}
.topnavbar .navbar-header .brand-logo > img,.topnavbar .navbar-header .brand-logo-collapsed > img{padding-top:2px;max-height:31px;width:100px}
}
.aside-main .sidebar{padding:0}
.sidebar{height:100%;padding:10px;background-color:#232A3B;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.sidebar .nav-heading{padding:12px 15px;color:#919DA8;font-size:13px;letter-spacing:.035em;pointer-events:none;cursor:default}
.sidebar > .nav{position:relative}
.sidebar > .nav > .nav-heading:first-child{padding-top:20px}
.sidebar > .nav > li{border-radius:4px}
.sidebar > .nav > li > a,.sidebar > .nav > li > .nav-item{padding:10px;color:#FFF;letter-spacing:.025em;font-weight:400;cursor:pointer;font-size:15px;border-radius:4px;margin-bottom:5px}
.sidebar > .nav > li > a:focus,.sidebar > .nav > li > .nav-item:focus,.sidebar > .nav > li > a:hover,.sidebar > .nav > li > .nav-item:hover{text-decoration:none;outline:none;background:#2f374a}
.sidebar > .nav > li > a > em,.sidebar > .nav > li > .nav-item > em{width:1.8em;display:inline-block;font-style:normal;font-weight:200;line-height:1;-webkit-font-smoothing:antialiased;color:inherit}
.sidebar > .nav > li.open,.sidebar > .nav > li.active > a,.sidebar > .nav > li.open > a,.sidebar > .nav > li.active > .nav-item,.sidebar > .nav > li.open > .nav-item,.sidebar > .nav > li.open .nav{background-color:#5988d4;color:#FFF}
.sidebar > .nav > li.active{border-left-color:#5988d4}
.sidebar > .nav .label{display:block}
@media only screen and (min-width: 1025px) {
.sidebar:not(.show-scrollbar){margin-right:-17px;overflow-y:scroll}
}
.sidebar-subnav{background-color: rgba(61, 70, 82, 0.5);border-radius:4px;margin-bottom:15px;}
.sidebar-subnav > .sidebar-subnav-header{color:#515253;display:none;padding:10px 20px;font-weight:700}
.sidebar-subnav > li{border-left:0!important}
.sidebar-subnav > li > a,.sidebar-subnav > li > .nav-item{display:block;position:relative;padding:10px 20px;padding-left:15px;font-weight:400;background-color:transparent!important;color:#919DA8}
.sidebar-subnav > li > a:focus,.sidebar-subnav > li > .nav-item:focus,.sidebar-subnav > li > a:hover,.sidebar-subnav > li > .nav-item:hover{color:#5988d4}
.sidebar-subnav > li > a > em,.sidebar-subnav > li > .nav-item > em{display:inline-block;width:1.8em;margin:0 0 0 -2em}
.sidebar-subnav > li.active > a,.sidebar-subnav > li.active > .nav-item{color:#FFF}
.sidebar-subnav > li.active > a:after,.sidebar-subnav > li.active > .nav-item:after{border-color:#5988d4;background-color:#5988d4}
.sidebar-subnav > li .nav > li{padding-left:5px}
.sidebar-subnav.nav-floating{border:1px solid rgba(0,0,0,0.15);margin-left:-1px}
.sidebar-subnav.nav-floating,.sidebar-subnav.nav-floating .collapse{height:auto!important;display:block!important;visibility:visible!important}
.sidebar-subnav.nav-floating > .sidebar-subnav-header{display:block}
.sidebar-subnav.nav-floating li > a,.sidebar-subnav.nav-floating li > .nav-item{padding-left:20px}
.sidebar-subnav.nav-floating li > a em,.sidebar-subnav.nav-floating li > .nav-item em{margin-left:0}
@media only screen and (min-width: 768px) {
.sidebar > .nav .label{margin:2px 0 0;background:#FFF;color:#5988d4;padding:.3em .6em .2em}
}
.aside-main .sidebar,.aside-main .sidebar{overflow-x:hidden}
.aside-main .sidebar > .nav > .nav-heading,.aside-main .sidebar > .nav > li > .nav-item > span,.aside-main .sidebar > .nav > li > a > span{display:none!important}
.aside-main .sidebar > .nav > li{width:50px;border-radius:0}
.aside-main .sidebar > .nav > li > a{opacity:.4;}
.aside-main .sidebar > .nav > li a:hover,.aside-main .sidebar > .nav > li.active a{opacity:1;color:#fff;background: #222b35;}
.aside-main .sidebar > .nav > li a:hover .navtooltip{display:block!important;background:#FFFDE6;color:#333;font-size:14px;position:absolute;left:60px;animation:inherit;top:calc(53% - 13px);height:22px;line-height:22px;border-radius:2px;box-shadow:0 2px 3px 0 rgba(0,0,0,0.30);padding:0 7px}
.aside-main .sidebar > .nav > li a:hover .navtooltip:before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:3px solid #fffde5;position:absolute;left:-3px;top:6px}
.aside-main .sidebar > .nav > li > a,.aside-main .sidebar > .nav > li > a,.aside-main .sidebar > .nav > li > .nav-item,.aside-main .sidebar > .nav > li > .nav-item{padding:20px 0;text-align:center}
.aside-main .sidebar > .nav > li > a > em,.aside-main .sidebar > .nav > li > a > em,.aside-main .sidebar > .nav > li > .nav-item > em,.aside-main .sidebar > .nav > li > .nav-item > em{font-size:1.6em;width:auto}
.aside-main .sidebar > .nav > li > a:focus,.aside-main .sidebar > .nav > li > a:focus,.aside-main .sidebar > .nav > li > .nav-item:focus,.aside-main .sidebar > .nav > li > .nav-item:focus{background-color:transparent}
.aside-main .sidebar > .nav > li > a:focus > em,.aside-main .sidebar > .nav > li > a:focus > em,.aside-main .sidebar > .nav > li > .nav-item:focus > em,.aside-main .sidebar > .nav > li > .nav-item:focus > em{color:inherit}
.aside-main .sidebar .nav .label,.aside-main .sidebar .nav .label{position:absolute;top:10px;right:5px;text-indent:0}
.aside-main .sidebar > .nav > li > a{padding:7.5px 0;border-radius:0}
.aside-main .sidebar > .nav > li > a > em,.aside-main .sidebar > .nav > li > a > i{font-size:1.4em;line-height:1.4em;font-weight:100}
.offsidebar{position:absolute;top:0;bottom:0;right:0;width:235px;margin-top:114px;border-left:1px solid #ccc;background-color:#fff;color:#515253;z-index:-1;overflow:auto;-webkit-overflow-scrolling:touch}
.offsidebar > nav{min-height:100%;overflow:hidden;-webkit-transform:translateZ(0px)}
.offsidebar .progress{border:0}
.offsidebar .nav > li > a:hover,.offsidebar .nav > li > a:focus{background-color:rgba(0,0,0,0.025)}
.offsidebar .tab-content{padding:0;border:0}
.offsidebar .nav-tabs.nav-justified > li > a,.offsidebar .nav-tabs.nav-justified > li > a:hover,.offsidebar .nav-tabs.nav-justified > li > a:focus{background-color:transparent;border:0;border-right:1px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05);border-radius:0;color:#909FA7}
.offsidebar .nav-tabs.nav-justified > li.active > a{color:#5988d4}
@media only screen and (min-width: 768px) {
.offsidebar{margin-top:55px}
}
.offsidebar-open .offsidebar{overflow-y:auto;z-index:116}
@media only screen and (min-width: 768px) {
.offsidebar-open{overflow-y:auto}
}
.offsidebar{right:-235px}
.no-csstransforms3d .offsidebar-open .offsidebar{right:0}
.csstransforms3d .offsidebar{right:0;-webkit-transform:translate3d(235px,0,0);transform:translate3d(235px,0,0);-webkit-transition:-webkit-transform .3s ease,z-index 0 linear .3s;-moz-transition:-moz-transform .3s ease,z-index 0 linear .3s;-o-transition:-o-transform .3s ease,z-index 0 linear .3s;transition:transform .3s ease,z-index 0 linear .3s}
.csstransforms3d .offsidebar-open .offsidebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}
.action-menu .content-wrapper{padding-top:0}
.breadcrumb{font-weight:400;color:#909FA7;padding:0 10px;background:none;margin:0;font-size:15px;float:left;background:none;line-height:36px}
.nav-inner .breadcrumb{float:left}
.btn-primary{background-color:#5988d4;border-color:#367cc7}
.btn-primary-outline{color:#0e7dd6;border-color:#0e7dd6}
.btn-primary-outline:hover{background-color:#0e7dd6!important;color:#FFF}
.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#d7dce0}
.btn-primary:active:hover,.btn-primary.active:hover,.open > .dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open > .dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open > .dropdown-toggle.btn-primary.focus,.btn-primary:focus,.btn-primary.focus,.btn-primary:hover,.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary{background-color:#4973b7;border-color:#4973b7;outline:none}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color:#5988d4;border-color:#5988d4}
.btn-success{background-color:#27c14c}
.btn-success:hover{background-color:#0fb537}
.btn-danger{background-color:#ea5348;color:#FFF;border-color:#d7dce0}
.btn-danger:hover{background-color:#f9f9f9!important;border-color:#c3372d!important;color:#c3372d}
.btn-green{background-color:#8BC34A}
.btn-purple{background-color:#7E57C2}
.btn-pink{background-color:#EC407A}
.btn-xs{padding:4px 10px!important;font-size:11px}
.btn-sm{padding:5px 10px!important}
.btn{padding:6px 16px}
.btn-lg{padding:15px 50px!important;font-size:16px}
.btn-inverse{color:#fff;background-color:#131e26;border-color:#131e26}
.btn-inverse:focus,.btn-inverse.focus{color:#fff;background-color:#0c1318;border-color:#05090b}
.btn-inverse:hover{color:#fff;background-color:#0c1318;border-color:#05090b}
.btn-inverse:active,.btn-inverse.active,.open > .dropdown-toggle.btn-inverse{color:#fff;background-color:#0c1318;border-color:#05090b}
.btn-inverse:active:hover,.btn-inverse.active:hover,.open > .dropdown-toggle.btn-inverse:hover,.btn-inverse:active:focus,.btn-inverse.active:focus,.open > .dropdown-toggle.btn-inverse:focus,.btn-inverse:active.focus,.btn-inverse.active.focus,.open > .dropdown-toggle.btn-inverse.focus{color:#fff;background-color:#0c1318;border-color:#05090b}
.btn-inverse:active,.btn-inverse.active,.open > .dropdown-toggle.btn-inverse{background-image:none}
.btn-inverse.disabled:hover,.btn-inverse[disabled]:hover,fieldset[disabled] .btn-inverse:hover,.btn-inverse.disabled:focus,.btn-inverse[disabled]:focus,fieldset[disabled] .btn-inverse:focus,.btn-inverse.disabled.focus,.btn-inverse[disabled].focus,fieldset[disabled] .btn-inverse.focus{background-color:#131e26;border-color:#131e26}
.btn-inverse .badge{color:#131e26;background-color:#fff}
.btn-green{color:#fff;background-color:#37bc9b;border-color:transparent}
.btn-green:focus,.btn-green.focus{color:#fff;background-color:#32ac8e;border-color:rgba(0,0,0,0)}
.btn-green:hover{color:#fff;background-color:#32ac8e;border-color:rgba(0,0,0,0)}
.btn-green:active,.btn-green.active,.open > .dropdown-toggle.btn-green{color:#fff;background-color:#32ac8e;border-color:rgba(0,0,0,0)}
.btn-green:active:hover,.btn-green.active:hover,.open > .dropdown-toggle.btn-green:hover,.btn-green:active:focus,.btn-green.active:focus,.open > .dropdown-toggle.btn-green:focus,.btn-green:active.focus,.btn-green.active.focus,.open > .dropdown-toggle.btn-green.focus{color:#fff;background-color:#32ac8e;border-color:rgba(0,0,0,0)}
.btn-green:active,.btn-green.active,.open > .dropdown-toggle.btn-green{background-image:none}
.btn-green.disabled:hover,.btn-green[disabled]:hover,fieldset[disabled] .btn-green:hover,.btn-green.disabled:focus,.btn-green[disabled]:focus,fieldset[disabled] .btn-green:focus,.btn-green.disabled.focus,.btn-green[disabled].focus,fieldset[disabled] .btn-green.focus{background-color:#37bc9b;border-color:transparent}
.btn-green .badge{color:#37bc9b;background-color:#fff}
.btn-purple{color:#fff;background-color:#7266ba;border-color:transparent}
.btn-purple:focus,.btn-purple.focus{color:#fff;background-color:#6558b4;border-color:rgba(0,0,0,0)}
.btn-purple:hover{color:#fff;background-color:#6558b4;border-color:rgba(0,0,0,0)}
.btn-purple:active,.btn-purple.active,.open > .dropdown-toggle.btn-purple{color:#fff;background-color:#6558b4;border-color:rgba(0,0,0,0)}
.btn-purple:active:hover,.btn-purple.active:hover,.open > .dropdown-toggle.btn-purple:hover,.btn-purple:active:focus,.btn-purple.active:focus,.open > .dropdown-toggle.btn-purple:focus,.btn-purple:active.focus,.btn-purple.active.focus,.open > .dropdown-toggle.btn-purple.focus{color:#fff;background-color:#6558b4;border-color:rgba(0,0,0,0)}
.btn-purple:active,.btn-purple.active,.open > .dropdown-toggle.btn-purple{background-image:none}
.btn-purple.disabled:hover,.btn-purple[disabled]:hover,fieldset[disabled] .btn-purple:hover,.btn-purple.disabled:focus,.btn-purple[disabled]:focus,fieldset[disabled] .btn-purple:focus,.btn-purple.disabled.focus,.btn-purple[disabled].focus,fieldset[disabled] .btn-purple.focus{background-color:#7266ba;border-color:transparent}
.btn-purple .badge{color:#7266ba;background-color:#fff}
.btn-pink{color:#fff;background-color:#f532e5;border-color:transparent}
.btn-pink:focus,.btn-pink.focus{color:#fff;background-color:#f41fe3;border-color:rgba(0,0,0,0)}
.btn-pink:hover{color:#fff;background-color:#f41fe3;border-color:rgba(0,0,0,0)}
.btn-pink:active,.btn-pink.active,.open > .dropdown-toggle.btn-pink{color:#fff;background-color:#f41fe3;border-color:rgba(0,0,0,0)}
.btn-pink:active:hover,.btn-pink.active:hover,.open > .dropdown-toggle.btn-pink:hover,.btn-pink:active:focus,.btn-pink.active:focus,.open > .dropdown-toggle.btn-pink:focus,.btn-pink:active.focus,.btn-pink.active.focus,.open > .dropdown-toggle.btn-pink.focus{color:#fff;background-color:#f41fe3;border-color:rgba(0,0,0,0)}
.btn-pink:active,.btn-pink.active,.open > .dropdown-toggle.btn-pink{background-image:none}
.btn-pink.disabled:hover,.btn-pink[disabled]:hover,fieldset[disabled] .btn-pink:hover,.btn-pink.disabled:focus,.btn-pink[disabled]:focus,fieldset[disabled] .btn-pink:focus,.btn-pink.disabled.focus,.btn-pink[disabled].focus,fieldset[disabled] .btn-pink.focus{background-color:#f532e5;border-color:transparent}
.btn-pink .badge{color:#f532e5;background-color:#fff}
.btn-flat{border-bottom-width:1px;border-radius:0;box-shadow:0 0 0 #000}
.btn-xl{padding:20px 16px;font-size:18px}
.btn-square{border-radius:0}
.btn-pill-left,.btn-oval{border-top-left-radius:50px;border-bottom-left-radius:50px;padding-left:18px}
.btn-pill-right,.btn-oval{border-top-right-radius:50px;border-bottom-right-radius:50px;padding-right:18px}
.btn-labeled{padding-top:0;padding-bottom:0}
.btn-label{position:relative;background:transparent;background:rgba(0,0,0,0.05);display:inline-block;padding:6px 16px;left:-16px;border-radius:3px 0 0 3px}
.btn-label.btn-label-right{left:auto;right:-16px;border-radius:0 3px 3px 0}
.btn-lg .btn-label{padding:10px 20px;left:-20px;border-radius:5px 0 0 5px}
.btn-lg .btn-label.btn-label-right{left:auto;right:-20px;border-radius:0 5px 5px 0}
.btn-sm .btn-label{padding:5px 10px;left:-10px;border-radius:2px 0 0 2px}
.btn-sm .btn-label.btn-label-right{left:auto;right:-10px;border-radius:0 2px 2px 0}
.btn-xs .btn-label{padding:1px 5px;left:-5px;border-radius:2px 0 0 2px}
.btn-xs .btn-label.btn-label-right{left:auto;right:-5px;border-radius:0 2px 2px 0}
.btn-fw{min-width:80px}
.btn-fw.btn-sm{min-width:40px}
.btn-fw.btn-md{min-width:60px}
.btn-fw.btn-lg{min-width:140px}
.btn-circle{width:35px;height:35px;text-align:center;font-size:12px;line-height:35px;border-radius:500px;padding:0;border:0}
.btn-circle > *{line-height:inherit!important}
.btn-circle.btn-lg{width:50px;height:50px;font-size:18px;line-height:50px}
.btn-outline{background-color:transparent}
.btn-outline.btn-default{border-color:#eaeaea;color:#333!important}
.btn-outline.btn-primary{border-color:#5988d4;color:#5988d4}
.btn-outline.btn-primary:hover{border-color:#1c6aa9}
.btn-outline.btn-success{border-color:#27c24c;color:#27c24c}
.btn-outline.btn-info{border-color:#5988d4;color:#5988d4}
.btn-outline.btn-warning{border-color:#ff902b;color:#ff902b}
.btn-outline.btn-danger{border-color:#f05050;color:#f05050}
.btn-outline.btn-inverse{border-color:#131e26;color:#131e26}
.btn-outline.btn-green{border-color:#37bc9b;color:#37bc9b}
.btn-outline.btn-purple{border-color:#7266ba;color:#7266ba}
.btn-outline.btn-pink{border-color:#f532e5;color:#f532e5}
.btn-outline:hover,.btn-outline:focus,.btn-outline:active,.btn-outline.hover,.btn-outline.focus,.btn-outline.active{color:#fff}
.box-placeholder{margin-bottom:15px;padding:20px;border:1px dashed #ddd;background:#fafafa;color:#444;cursor:pointer}
.box-placeholder > :last-child{margin-bottom:0}
.box-placeholder-lg{padding-top:80px;padding-bottom:80px}
.panel .table{margin-bottom:0;border:0;width:100%!important}
.panel.panel-transparent{border:0;background-color:transparent;box-shadow:0 0 0 #000}
.panel.panel-transparent .panel-heading,.panel.panel-transparent .panel-body{background-color:transparent;/* padding-left:0; *//* padding-right:0; */}
.panel-flat{margin:0!important;border:0}
.panel-footer{padding:2px 15px!important}
.panel-group .panel-flat{box-shadow:0 0 0 #000}
.panel-group .panel-flat:first-child{border-radius:4px 4px 0 0}
.panel-group .panel-flat:last-child{border-radius:0 0 4px 4px}
.panel-heading > a[data-tool]{display:inline-block;color:#fff;width:2em;text-align:center}
.panel .nav-tabs > li > a{border-top:0!important;border-left:0!important}
.panel .tab-content{border:0}
.panel-body ol{padding-left:20px}
.panel-default .panel-heading > a[data-tool]{color:#c1c2c3}
.panel-heading > .label.pull-right{margin-top:3px}
.panel-heading > .label.pull-right + .label.pull-right{margin-right:10px}
.panel-heading.panel-heading-collapsed{border-radius:3px}
.panel-footer span{font-size:12px;}
.panel-footer .pagination{margin:0}
.panel-footer .radial-bar{margin-bottom:0}
.panel-footer p{margin-bottom:0}
.panel-heading-active{background-color:#27c24c!important;font-weight:700;font-size:16px}
.panel-heading-active > a{padding:15px 0;color:#fff!important;-webkit-transition:padding .5s ease;-o-transition:padding .5s ease;transition:padding .5s ease}
.panel-heading-active + .panel-collapse:after{content:"";display:block;width:60%;margin:0 auto;height:0;border-bottom:1px solid #e1e2e3}
.panel-inverse{border-color:#cfdbe2}
.panel-inverse > .panel-heading{color:#fff;background-color:#23293b;border-color:#1a212e}
.panel-inverse > .panel-heading + .panel-collapse > .panel-body{border-top-color:#cfdbe2}
.panel-inverse > .panel-heading .badge{color:#131e26;background-color:#fff}
.panel-inverse > .panel-footer + .panel-collapse > .panel-body{border-bottom-color:#cfdbe2}
.panel-green{border-color:#cfdbe2}
.panel-green > .panel-heading{color:#fff;background-color:#37bc9b;border-color:#37bc9b}
.panel-green > .panel-heading + .panel-collapse > .panel-body{border-top-color:#cfdbe2}
.panel-green > .panel-heading .badge{color:#37bc9b;background-color:#fff}
.panel-green > .panel-footer + .panel-collapse > .panel-body{border-bottom-color:#cfdbe2}
.panel-pink{border-color:#cfdbe2}
.panel-pink > .panel-heading{color:#fff;background-color:#f532e5;border-color:#f532e5}
.panel-pink > .panel-heading + .panel-collapse > .panel-body{border-top-color:#cfdbe2}
.panel-pink > .panel-heading .badge{color:#f532e5;background-color:#fff}
.panel-pink > .panel-footer + .panel-collapse > .panel-body{border-bottom-color:#cfdbe2}
.panel-purple{border-color:#cfdbe2}
.panel-purple > .panel-heading{color:#fff;background-color:#7266ba;border-color:#7266ba}
.panel-purple > .panel-heading + .panel-collapse > .panel-body{border-top-color:#cfdbe2}
.panel-purple > .panel-heading .badge{color:#7266ba;background-color:#fff}
.panel-purple > .panel-footer + .panel-collapse > .panel-body{border-bottom-color:#cfdbe2}
.panel-dark{border-color:#cfdbe2}
.panel-dark > .panel-heading{color:#fff;background-color:#3a3f51;border-color:#3a3f51}
.panel-dark > .panel-heading + .panel-collapse > .panel-body{border-top-color:#cfdbe2}
.panel-dark > .panel-heading .badge{color:#3a3f51;background-color:#fff}
.panel-dark > .panel-footer + .panel-collapse > .panel-body{border-bottom-color:#cfdbe2}
.progress-sm{height:15px}
.progress-xs{height:8px}
.progress-bar-purple{background-color:#7266ba}
.progress-striped .progress-bar-purple{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
.progress-bar-inverse{background-color:#131e26}
.progress-striped .progress-bar-inverse{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
.progress-bar-green{background-color:#37bc9b}
.progress-striped .progress-bar-green{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
.progress-bar-pink{background-color:#f532e5}
.progress-striped .progress-bar-pink{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
.progress-bar-yellow{background-color:#fad732}
.progress-striped .progress-bar-yellow{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}
.progress-0{width:0}
.progress-10{width:10%}
.progress-20{width:20%}
.progress-30{width:30%}
.progress-40{width:40%}
.progress-50{width:50%}
.progress-60{width:60%}
.progress-70{width:70%}
.progress-80{width:80%}
.progress-90{width:90%}
.progress-100{width:100%}
.radial-bar{position:relative;display:inline-block;font-size:16px;border-radius:50%;border:2px solid #fafafa;background-color:transparent;margin-bottom:20px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:80px;height:80px;font-size:18px}
.radial-bar:after,.radial-bar > img{display:inline-block;position:absolute;top:0;left:0;border-radius:50%;text-align:center;font-weight:700;color:#a1a2a3}
.radial-bar:after{content:attr(data-label);background-color:#fff;z-index:101}
.radial-bar > img{z-index:102}
.radial-bar:after,.radial-bar > img{width:56px;height:56px;margin-left:12px;margin-top:12px;line-height:56px}
.radial-bar.radial-bar-0{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-5{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-10{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-15{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-20{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-25{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-30{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-35{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-40{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-45{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-50{background-image:linear-gradient(270deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-55{background-image:linear-gradient(288deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-60{background-image:linear-gradient(306deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-65{background-image:linear-gradient(324deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-70{background-image:linear-gradient(342deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-75{background-image:linear-gradient(360deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-80{background-image:linear-gradient(378deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-85{background-image:linear-gradient(396deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-90{background-image:linear-gradient(414deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-95{background-image:linear-gradient(432deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar.radial-bar-100{background-image:linear-gradient(450deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-0{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-5{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-10{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-15{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-20{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-25{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-30{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-35{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-40{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-45{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-50{background-image:linear-gradient(270deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-55{background-image:linear-gradient(288deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-60{background-image:linear-gradient(306deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-65{background-image:linear-gradient(324deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-70{background-image:linear-gradient(342deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-75{background-image:linear-gradient(360deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-80{background-image:linear-gradient(378deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-85{background-image:linear-gradient(396deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-90{background-image:linear-gradient(414deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-95{background-image:linear-gradient(432deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-primary.radial-bar-100{background-image:linear-gradient(450deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-0{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-5{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-10{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-15{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-20{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-25{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-30{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-35{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-40{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-45{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-50{background-image:linear-gradient(270deg,#27c24c 50%,transparent 50%,transparent),linear-gradient(270deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-55{background-image:linear-gradient(288deg,#27c24c 50%,transparent 50%,transparent),linear-gradient(270deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-60{background-image:linear-gradient(306deg,#27c24c 50%,transparent 50%,transparent),linear-gradient(270deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-65{background-image:linear-gradient(324deg,#27c24c 50%,transparent 50%,transparent),linear-gradient(270deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-70{background-image:linear-gradient(342deg,#27c24c 50%,transparent 50%,transparent),linear-gradient(270deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-75{background-image:linear-gradient(360deg,#27c24c 50%,transparent 50%,transparent),linear-gradient(270deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-80{background-image:linear-gradient(378deg,#27c24c 50%,transparent 50%,transparent),linear-gradient(270deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-85{background-image:linear-gradient(396deg,#27c24c 50%,transparent 50%,transparent),linear-gradient(270deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-90{background-image:linear-gradient(414deg,#27c24c 50%,transparent 50%,transparent),linear-gradient(270deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-95{background-image:linear-gradient(432deg,#27c24c 50%,transparent 50%,transparent),linear-gradient(270deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-success.radial-bar-100{background-image:linear-gradient(450deg,#27c24c 50%,transparent 50%,transparent),linear-gradient(270deg,#27c24c 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-0{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-5{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-10{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-15{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-20{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-25{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-30{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-35{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-40{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-45{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-50{background-image:linear-gradient(270deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-55{background-image:linear-gradient(288deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-60{background-image:linear-gradient(306deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-65{background-image:linear-gradient(324deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-70{background-image:linear-gradient(342deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-75{background-image:linear-gradient(360deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-80{background-image:linear-gradient(378deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-85{background-image:linear-gradient(396deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-90{background-image:linear-gradient(414deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-95{background-image:linear-gradient(432deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-info.radial-bar-100{background-image:linear-gradient(450deg,#5988d4 50%,transparent 50%,transparent),linear-gradient(270deg,#5988d4 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-0{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-5{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-10{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-15{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-20{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-25{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-30{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-35{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-40{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-45{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-50{background-image:linear-gradient(270deg,#ff902b 50%,transparent 50%,transparent),linear-gradient(270deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-55{background-image:linear-gradient(288deg,#ff902b 50%,transparent 50%,transparent),linear-gradient(270deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-60{background-image:linear-gradient(306deg,#ff902b 50%,transparent 50%,transparent),linear-gradient(270deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-65{background-image:linear-gradient(324deg,#ff902b 50%,transparent 50%,transparent),linear-gradient(270deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-70{background-image:linear-gradient(342deg,#ff902b 50%,transparent 50%,transparent),linear-gradient(270deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-75{background-image:linear-gradient(360deg,#ff902b 50%,transparent 50%,transparent),linear-gradient(270deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-80{background-image:linear-gradient(378deg,#ff902b 50%,transparent 50%,transparent),linear-gradient(270deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-85{background-image:linear-gradient(396deg,#ff902b 50%,transparent 50%,transparent),linear-gradient(270deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-90{background-image:linear-gradient(414deg,#ff902b 50%,transparent 50%,transparent),linear-gradient(270deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-95{background-image:linear-gradient(432deg,#ff902b 50%,transparent 50%,transparent),linear-gradient(270deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-warning.radial-bar-100{background-image:linear-gradient(450deg,#ff902b 50%,transparent 50%,transparent),linear-gradient(270deg,#ff902b 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-0{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(90deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-5{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(108deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-10{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(126deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-15{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(144deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-20{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(162deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-25{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(180deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-30{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(198deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-35{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(216deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-40{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(234deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-45{background-image:linear-gradient(90deg,#fafafa 50%,transparent 50%,transparent),linear-gradient(252deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-50{background-image:linear-gradient(270deg,#f05050 50%,transparent 50%,transparent),linear-gradient(270deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-55{background-image:linear-gradient(288deg,#f05050 50%,transparent 50%,transparent),linear-gradient(270deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-60{background-image:linear-gradient(306deg,#f05050 50%,transparent 50%,transparent),linear-gradient(270deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-65{background-image:linear-gradient(324deg,#f05050 50%,transparent 50%,transparent),linear-gradient(270deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-70{background-image:linear-gradient(342deg,#f05050 50%,transparent 50%,transparent),linear-gradient(270deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-75{background-image:linear-gradient(360deg,#f05050 50%,transparent 50%,transparent),linear-gradient(270deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-80{background-image:linear-gradient(378deg,#f05050 50%,transparent 50%,transparent),linear-gradient(270deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-85{background-image:linear-gradient(396deg,#f05050 50%,transparent 50%,transparent),linear-gradient(270deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-90{background-image:linear-gradient(414deg,#f05050 50%,transparent 50%,transparent),linear-gradient(270deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-95{background-image:linear-gradient(432deg,#f05050 50%,transparent 50%,transparent),linear-gradient(270deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-danger.radial-bar-100{background-image:linear-gradient(450deg,#f05050 50%,transparent 50%,transparent),linear-gradient(270deg,#f05050 50%,#fafafa 50%,#fafafa)}
.radial-bar-lg{width:100px;height:100px;font-size:22px}
.radial-bar-lg:after,.radial-bar-lg > img{width:70px;height:70px;margin-left:15px;margin-top:15px;line-height:70px}
.radial-bar-sm{width:50px;height:50px;font-size:12px}
.radial-bar-sm:after,.radial-bar-sm > img{width:35px;height:35px;margin-left:7.5px;margin-top:7.5px;line-height:35px}
.radial-bar-xs{width:30px;height:30px;font-size:8px}
.radial-bar-xs:after,.radial-bar-xs > img{width:21px;height:21px;margin-left:4.5px;margin-top:4.5px;line-height:21px}
x:-o-prefocus,.radial-bar{background-clip:content-box}
.has-user-block{display:block;overflow:hidden;border:0!important;width:100%!important}
.user-block{position:relative;padding:25px 0 10px;cursor:pointer}
.user-block:before,.user-block:after{content:" ";display:table}
.user-block:after{clear:both}
.user-block > .user-block-picture{position:relative;width:60px;margin:0 auto}
.user-block > .user-block-picture > img{max-width:100%;height:auto}
.user-block .user-block-info{padding-top:15px;text-align:center;white-space:nowrap}
.user-block .user-block-info .user-block-name,.user-block .user-block-info .user-block-role{display:block}
.user-block .user-block-info .user-block-name{color:#7D848F}
.user-block .user-block-info .user-block-role{font-size:12px;color:#aaa}
.user-block-status{position:relative}
.user-block-status > .circle{position:absolute;bottom:0;right:0;border:2px solid #fff}
.aside-collapsed .user-block,.aside-collapsed-text .user-block{padding:15px 0 14px;margin:0;text-align:center}
.aside-collapsed .user-block > .user-block-picture,.aside-collapsed-text .user-block > .user-block-picture{float:none;margin:0 auto;width:50px}
.aside-collapsed .user-block > .user-block-picture > .user-block-status,.aside-collapsed-text .user-block > .user-block-picture > .user-block-status{display:block}
.aside-collapsed .user-block .user-block-info,.aside-collapsed-text .user-block .user-block-info{display:none}
.circle{display:inline-block;width:7px;height:7px;border-radius:500px;margin:0 .5em;background-color:#ddd;vertical-align:baseline;border:2px solid transparent}
.circle.text-left{margin-left:0}
.circle.text-right{margin-right:0}
.circle-primary{background-color:#5988d4}
.circle-success{background-color:#27c24c}
.circle-info{background-color:#5988d4}
.circle-warning{background-color:#ff902b}
.circle-danger{background-color:#f05050}
.circle-green{background-color:#37bc9b}
.circle-pink{background-color:#f532e5}
.circle-inverse{background-color:#131e26}
.circle-purple{background-color:#7266ba}
.circle-sm{width:5px;height:5px}
.circle-lg{width:11px;height:11px}
.circle-xl{width:18px;height:18px}
.circle-outline{background-color:transparent}
.circle-outline.circle-primary{border:1px solid #5988d4}
.circle-outline.circle-success{border:1px solid #27c24c}
.circle-outline.circle-info{border:1px solid #5988d4}
.circle-outline.circle-warning{border:1px solid #ff902b}
.circle-outline.circle-danger{border:1px solid #f05050}
.timeline,.timeline-alt{list-style:none;padding:0 0 20px;position:relative;z-index:0}
.timeline:before,.timeline-alt:before{position:absolute;top:0;bottom:0;content:" ";width:1px;background-color:#d1d2d3;left:18px}
.timeline .timeline-end,.timeline-alt .timeline-end{float:none;clear:both}
.timeline .popover.left > .arrow:after,.timeline-alt .popover.left > .arrow:after{border-left-color:#fff}
.timeline .popover.right > .arrow:after,.timeline-alt .popover.right > .arrow:after{border-right-color:#fff}
.timeline .popover.left > .popover-title + .arrow:after,.timeline-alt .popover.left > .popover-title + .arrow:after{border-left-color:#fafafa}
.timeline .popover.right > .popover-title + .arrow:after,.timeline-alt .popover.right > .popover-title + .arrow:after{border-right-color:#fafafa}
.timeline > li,.timeline-alt > li{margin-bottom:20px}
.timeline > li:before,.timeline-alt > li:before,.timeline > li:after,.timeline-alt > li:after{content:" ";display:table}
.timeline > li:after,.timeline-alt > li:after{clear:both}
.timeline > li.timeline-separator,.timeline-alt > li.timeline-separator{position:relative;float:none;clear:both;margin:0 auto;padding:40px 0}
.timeline > li.timeline-separator:first-child,.timeline-alt > li.timeline-separator:first-child{padding-top:0}
.timeline > li.timeline-separator:before,.timeline-alt > li.timeline-separator:before{content:attr(data-datetime);display:inline-block;width:120px;text-align:center;padding:0 20px;line-height:30px;background-color:#b6c5da;color:#fff}
.timeline > li > .timeline-panel,.timeline-alt > li > .timeline-panel{margin-left:60px}
.timeline > li > .timeline-panel .popover,.timeline-alt > li > .timeline-panel .popover{position:relative;display:block;margin:0;width:100%;max-width:none}
.timeline > li > .timeline-panel .popover .arrow,.timeline-alt > li > .timeline-panel .popover .arrow{top:18px;display:none}
.timeline > li > .timeline-panel .popover .popover-content .popover-title,.timeline-alt > li > .timeline-panel .popover .popover-content .popover-title{background-color:transparent;border:0;padding-left:0;padding-top:0}
.timeline > li > .timeline-date,.timeline-alt > li > .timeline-date{margin:-20px 0 0;display:block;height:20px;line-height:20px;font-size:13px}
.timeline > li > .timeline-date > time:after,.timeline-alt > li > .timeline-date > time:after{content:attr(datetime)}
.timeline > li > .timeline-badge,.timeline-alt > li > .timeline-badge{position:absolute;left:0;width:36px;height:36px;border-radius:500px;line-height:36px;font-size:1em;text-align:center;color:#fff;background-color:#999;z-index:100}
.timeline > li > .timeline-badge.primary,.timeline-alt > li > .timeline-badge.primary{background-color:#5988d4}
.timeline > li > .timeline-badge.success,.timeline-alt > li > .timeline-badge.success{background-color:#27c24c}
.timeline > li > .timeline-badge.warning,.timeline-alt > li > .timeline-badge.warning{background-color:#ff902b}
.timeline > li > .timeline-badge.danger,.timeline-alt > li > .timeline-badge.danger{background-color:#f05050}
.timeline > li > .timeline-badge.info,.timeline-alt > li > .timeline-badge.info{background-color:#5988d4}
.timeline > li > .timeline-badge.inverse,.timeline-alt > li > .timeline-badge.inverse{background-color:#131e26}
.timeline > li > .timeline-badge.green,.timeline-alt > li > .timeline-badge.green{background-color:#37bc9b}
.timeline > li > .timeline-badge.pink,.timeline-alt > li > .timeline-badge.pink{background-color:#f532e5}
.timeline > li > .timeline-badge.purple,.timeline-alt > li > .timeline-badge.purple{background-color:#7266ba}
.timeline > li > .timeline-badge.dark,.timeline-alt > li > .timeline-badge.dark{background-color:#3a3f51}
.timeline > li > .timeline-badge.yellow,.timeline-alt > li > .timeline-badge.yellow{background-color:#fad732}
.timeline-alt .popover .arrow{display:block!important}
.timeline-title{margin-top:0;color:inherit}
.timeline-body > p,.timeline-body > ul{margin-bottom:0}
.timeline-body > p + p{margin-top:5px}
@media only screen and (min-width: 992px) {
.timeline:before{left:50%;margin-left:18px}
.timeline > li{float:left;clear:left;width:45%}
.timeline > li.timeline-inverted{float:right;clear:right;margin-top:50px}
.timeline > li.timeline-separator{text-align:center}
.timeline > li.timeline-separator:before{margin-left:36px}
.timeline > li > .timeline-badge{left:50%;margin-left:0}
.timeline > li > .timeline-date{float:none;position:absolute;width:40%;left:50%;top:18px;margin-left:54px;margin-top:-10px}
.timeline > li > .timeline-panel{margin:0}
.timeline > li > .timeline-panel:before{border-left-width:15px;border-right-width:0;top:26px;right:-15px;left:auto}
.timeline > li > .timeline-panel:after{border-left-width:14px;border-right-width:0;top:27px;right:-14px;left:auto}
.timeline > li > .timeline-panel .popover .arrow{display:block}
.timeline > li.timeline-inverted > .timeline-panel{padding-left:36px}
.timeline > li.timeline-inverted .timeline-date{left:auto;right:50%;width:auto;margin-left:0;margin-right:36px}
}
.dropdown-lg > .dropdown-menu{min-width:200px}
.dropdown-list > .dropdown-menu{padding:0;min-width:200px}
.dropdown-list .list-group{margin:0}
.dropdown-list .list-group-item{border-radius:0;border-left:0;border-right:0}
.dropdown-list .list-group-item:first-child{border-top:0}
.dropdown-list .list-group-item:last-child{border-bottom:0}
.dropdown > a{position:relative}
.dropdown > a > .label{position:absolute;top:0;right:0;padding:2px 5px}
@media only screen and (min-width: 768px) {
.dropdown > a > .label{top:10px}
}
.dropdown-menu-header{padding:10px 15px;background-color:#fafafa;border-bottom:1px solid #e1e1e1}
.container-sm{max-width:750px;width:auto}
.container-md{max-width:970px;width:auto}
.container-lg{max-width:1170px;width:auto}
.row-table{display:table;table-layout:fixed;height:100%;width:100%;margin:0}
.row-table > [class*="col-"]{display:table-cell;float:none;table-layout:fixed;vertical-align:middle}
.row-flush > [class*="col-"]{padding-left:0;padding-right:0}
.half-float{position:relative;margin-bottom:65px}
.half-float .half-float-bottom,.half-float .half-float-top{position:absolute;left:50%;bottom:-60px;width:120px;height:120px;margin-left:-60px;z-index:2}
.half-float .half-float-top{bottom:auto;top:-60px}
.half-float + *{margin-top:-55px;padding-top:65px}
.row-masonry{position:relative;margin:0;padding:0;width:100%}
.row-masonry > .col-masonry{display:inline-block;width:100%;min-height:1em;margin-bottom:15px}
@media only screen and (min-width: 480px) {
.row-masonry-sm-1{-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:1;-webkit-columns:1;columns:1}
.no-csscolumns .row-masonry-sm-1{text-align:justify}
.no-csscolumns .row-masonry-sm-1:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-1 > .col-masonry{vertical-align:top;display:inline-block;width:99%}
.row-masonry-sm-2{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:2;-webkit-columns:2;columns:2}
.no-csscolumns .row-masonry-sm-2{text-align:justify}
.no-csscolumns .row-masonry-sm-2:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-2 > .col-masonry{vertical-align:top;display:inline-block;width:49%}
.row-masonry-sm-3{-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:3;-webkit-columns:3;columns:3}
.no-csscolumns .row-masonry-sm-3{text-align:justify}
.no-csscolumns .row-masonry-sm-3:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-3 > .col-masonry{vertical-align:top;display:inline-block;width:32%}
.row-masonry-sm-4{-moz-column-count:4;-webkit-column-count:4;column-count:4;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:4;-webkit-columns:4;columns:4}
.no-csscolumns .row-masonry-sm-4{text-align:justify}
.no-csscolumns .row-masonry-sm-4:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-4 > .col-masonry{vertical-align:top;display:inline-block;width:24%}
.row-masonry-sm-5{-moz-column-count:5;-webkit-column-count:5;column-count:5;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:5;-webkit-columns:5;columns:5}
.no-csscolumns .row-masonry-sm-5{text-align:justify}
.no-csscolumns .row-masonry-sm-5:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-5 > .col-masonry{vertical-align:top;display:inline-block;width:19%}
.row-masonry-sm-6{-moz-column-count:6;-webkit-column-count:6;column-count:6;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:6;-webkit-columns:6;columns:6}
.no-csscolumns .row-masonry-sm-6{text-align:justify}
.no-csscolumns .row-masonry-sm-6:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-6 > .col-masonry{vertical-align:top;display:inline-block;width:15%}
.row-masonry-sm-7{-moz-column-count:7;-webkit-column-count:7;column-count:7;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:7;-webkit-columns:7;columns:7}
.no-csscolumns .row-masonry-sm-7{text-align:justify}
.no-csscolumns .row-masonry-sm-7:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-7 > .col-masonry{vertical-align:top;display:inline-block;width:13%}
.row-masonry-sm-8{-moz-column-count:8;-webkit-column-count:8;column-count:8;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:8;-webkit-columns:8;columns:8}
.no-csscolumns .row-masonry-sm-8{text-align:justify}
.no-csscolumns .row-masonry-sm-8:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-8 > .col-masonry{vertical-align:top;display:inline-block;width:11%}
.row-masonry-sm-9{-moz-column-count:9;-webkit-column-count:9;column-count:9;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:9;-webkit-columns:9;columns:9}
.no-csscolumns .row-masonry-sm-9{text-align:justify}
.no-csscolumns .row-masonry-sm-9:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-9 > .col-masonry{vertical-align:top;display:inline-block;width:10%}
.row-masonry-sm-10{-moz-column-count:10;-webkit-column-count:10;column-count:10;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:10;-webkit-columns:10;columns:10}
.no-csscolumns .row-masonry-sm-10{text-align:justify}
.no-csscolumns .row-masonry-sm-10:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-10 > .col-masonry{vertical-align:top;display:inline-block;width:9%}
.row-masonry-sm-11{-moz-column-count:11;-webkit-column-count:11;column-count:11;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:11;-webkit-columns:11;columns:11}
.no-csscolumns .row-masonry-sm-11{text-align:justify}
.no-csscolumns .row-masonry-sm-11:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-11 > .col-masonry{vertical-align:top;display:inline-block;width:8%}
.row-masonry-sm-12{-moz-column-count:12;-webkit-column-count:12;column-count:12;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:12;-webkit-columns:12;columns:12}
.no-csscolumns .row-masonry-sm-12{text-align:justify}
.no-csscolumns .row-masonry-sm-12:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-sm-12 > .col-masonry{vertical-align:top;display:inline-block;width:7%}
}
@media only screen and (min-width: 768px) {
.row-masonry-md-1{-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:1;-webkit-columns:1;columns:1}
.no-csscolumns .row-masonry-md-1{text-align:justify}
.no-csscolumns .row-masonry-md-1:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-1 > .col-masonry{vertical-align:top;display:inline-block;width:99%}
.row-masonry-md-2{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:2;-webkit-columns:2;columns:2}
.no-csscolumns .row-masonry-md-2{text-align:justify}
.no-csscolumns .row-masonry-md-2:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-2 > .col-masonry{vertical-align:top;display:inline-block;width:49%}
.row-masonry-md-3{-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:3;-webkit-columns:3;columns:3}
.no-csscolumns .row-masonry-md-3{text-align:justify}
.no-csscolumns .row-masonry-md-3:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-3 > .col-masonry{vertical-align:top;display:inline-block;width:32%}
.row-masonry-md-4{-moz-column-count:4;-webkit-column-count:4;column-count:4;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:4;-webkit-columns:4;columns:4}
.no-csscolumns .row-masonry-md-4{text-align:justify}
.no-csscolumns .row-masonry-md-4:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-4 > .col-masonry{vertical-align:top;display:inline-block;width:24%}
.row-masonry-md-5{-moz-column-count:5;-webkit-column-count:5;column-count:5;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:5;-webkit-columns:5;columns:5}
.no-csscolumns .row-masonry-md-5{text-align:justify}
.no-csscolumns .row-masonry-md-5:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-5 > .col-masonry{vertical-align:top;display:inline-block;width:19%}
.row-masonry-md-6{-moz-column-count:6;-webkit-column-count:6;column-count:6;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:6;-webkit-columns:6;columns:6}
.no-csscolumns .row-masonry-md-6{text-align:justify}
.no-csscolumns .row-masonry-md-6:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-6 > .col-masonry{vertical-align:top;display:inline-block;width:15%}
.row-masonry-md-7{-moz-column-count:7;-webkit-column-count:7;column-count:7;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:7;-webkit-columns:7;columns:7}
.no-csscolumns .row-masonry-md-7{text-align:justify}
.no-csscolumns .row-masonry-md-7:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-7 > .col-masonry{vertical-align:top;display:inline-block;width:13%}
.row-masonry-md-8{-moz-column-count:8;-webkit-column-count:8;column-count:8;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:8;-webkit-columns:8;columns:8}
.no-csscolumns .row-masonry-md-8{text-align:justify}
.no-csscolumns .row-masonry-md-8:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-8 > .col-masonry{vertical-align:top;display:inline-block;width:11%}
.row-masonry-md-9{-moz-column-count:9;-webkit-column-count:9;column-count:9;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:9;-webkit-columns:9;columns:9}
.no-csscolumns .row-masonry-md-9{text-align:justify}
.no-csscolumns .row-masonry-md-9:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-9 > .col-masonry{vertical-align:top;display:inline-block;width:10%}
.row-masonry-md-10{-moz-column-count:10;-webkit-column-count:10;column-count:10;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:10;-webkit-columns:10;columns:10}
.no-csscolumns .row-masonry-md-10{text-align:justify}
.no-csscolumns .row-masonry-md-10:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-10 > .col-masonry{vertical-align:top;display:inline-block;width:9%}
.row-masonry-md-11{-moz-column-count:11;-webkit-column-count:11;column-count:11;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:11;-webkit-columns:11;columns:11}
.no-csscolumns .row-masonry-md-11{text-align:justify}
.no-csscolumns .row-masonry-md-11:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-11 > .col-masonry{vertical-align:top;display:inline-block;width:8%}
.row-masonry-md-12{-moz-column-count:12;-webkit-column-count:12;column-count:12;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:12;-webkit-columns:12;columns:12}
.no-csscolumns .row-masonry-md-12{text-align:justify}
.no-csscolumns .row-masonry-md-12:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-md-12 > .col-masonry{vertical-align:top;display:inline-block;width:7%}
}
@media only screen and (min-width: 992px) {
.row-masonry-lg-1{-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:1;-webkit-columns:1;columns:1}
.no-csscolumns .row-masonry-lg-1{text-align:justify}
.no-csscolumns .row-masonry-lg-1:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-1 > .col-masonry{vertical-align:top;display:inline-block;width:99%}
.row-masonry-lg-2{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:2;-webkit-columns:2;columns:2}
.no-csscolumns .row-masonry-lg-2{text-align:justify}
.no-csscolumns .row-masonry-lg-2:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-2 > .col-masonry{vertical-align:top;display:inline-block;width:49%}
.row-masonry-lg-3{-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:3;-webkit-columns:3;columns:3}
.no-csscolumns .row-masonry-lg-3{text-align:justify}
.no-csscolumns .row-masonry-lg-3:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-3 > .col-masonry{vertical-align:top;display:inline-block;width:32%}
.row-masonry-lg-4{-moz-column-count:4;-webkit-column-count:4;column-count:4;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:4;-webkit-columns:4;columns:4}
.no-csscolumns .row-masonry-lg-4{text-align:justify}
.no-csscolumns .row-masonry-lg-4:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-4 > .col-masonry{vertical-align:top;display:inline-block;width:24%}
.row-masonry-lg-5{-moz-column-count:5;-webkit-column-count:5;column-count:5;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:5;-webkit-columns:5;columns:5}
.no-csscolumns .row-masonry-lg-5{text-align:justify}
.no-csscolumns .row-masonry-lg-5:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-5 > .col-masonry{vertical-align:top;display:inline-block;width:19%}
.row-masonry-lg-6{-moz-column-count:6;-webkit-column-count:6;column-count:6;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:6;-webkit-columns:6;columns:6}
.no-csscolumns .row-masonry-lg-6{text-align:justify}
.no-csscolumns .row-masonry-lg-6:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-6 > .col-masonry{vertical-align:top;display:inline-block;width:15%}
.row-masonry-lg-7{-moz-column-count:7;-webkit-column-count:7;column-count:7;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:7;-webkit-columns:7;columns:7}
.no-csscolumns .row-masonry-lg-7{text-align:justify}
.no-csscolumns .row-masonry-lg-7:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-7 > .col-masonry{vertical-align:top;display:inline-block;width:13%}
.row-masonry-lg-8{-moz-column-count:8;-webkit-column-count:8;column-count:8;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:8;-webkit-columns:8;columns:8}
.no-csscolumns .row-masonry-lg-8{text-align:justify}
.no-csscolumns .row-masonry-lg-8:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-8 > .col-masonry{vertical-align:top;display:inline-block;width:11%}
.row-masonry-lg-9{-moz-column-count:9;-webkit-column-count:9;column-count:9;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:9;-webkit-columns:9;columns:9}
.no-csscolumns .row-masonry-lg-9{text-align:justify}
.no-csscolumns .row-masonry-lg-9:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-9 > .col-masonry{vertical-align:top;display:inline-block;width:10%}
.row-masonry-lg-10{-moz-column-count:10;-webkit-column-count:10;column-count:10;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:10;-webkit-columns:10;columns:10}
.no-csscolumns .row-masonry-lg-10{text-align:justify}
.no-csscolumns .row-masonry-lg-10:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-10 > .col-masonry{vertical-align:top;display:inline-block;width:9%}
.row-masonry-lg-11{-moz-column-count:11;-webkit-column-count:11;column-count:11;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:11;-webkit-columns:11;columns:11}
.no-csscolumns .row-masonry-lg-11{text-align:justify}
.no-csscolumns .row-masonry-lg-11:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-11 > .col-masonry{vertical-align:top;display:inline-block;width:8%}
.row-masonry-lg-12{-moz-column-count:12;-webkit-column-count:12;column-count:12;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:12;-webkit-columns:12;columns:12}
.no-csscolumns .row-masonry-lg-12{text-align:justify}
.no-csscolumns .row-masonry-lg-12:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-lg-12 > .col-masonry{vertical-align:top;display:inline-block;width:7%}
}
@media only screen and (min-width: 1200px) {
.row-masonry-xl-1{-moz-column-count:1;-webkit-column-count:1;column-count:1;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:1;-webkit-columns:1;columns:1}
.no-csscolumns .row-masonry-xl-1{text-align:justify}
.no-csscolumns .row-masonry-xl-1:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-1 > .col-masonry{vertical-align:top;display:inline-block;width:99%}
.row-masonry-xl-2{-moz-column-count:2;-webkit-column-count:2;column-count:2;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:2;-webkit-columns:2;columns:2}
.no-csscolumns .row-masonry-xl-2{text-align:justify}
.no-csscolumns .row-masonry-xl-2:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-2 > .col-masonry{vertical-align:top;display:inline-block;width:49%}
.row-masonry-xl-3{-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:3;-webkit-columns:3;columns:3}
.no-csscolumns .row-masonry-xl-3{text-align:justify}
.no-csscolumns .row-masonry-xl-3:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-3 > .col-masonry{vertical-align:top;display:inline-block;width:32%}
.row-masonry-xl-4{-moz-column-count:4;-webkit-column-count:4;column-count:4;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:4;-webkit-columns:4;columns:4}
.no-csscolumns .row-masonry-xl-4{text-align:justify}
.no-csscolumns .row-masonry-xl-4:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-4 > .col-masonry{vertical-align:top;display:inline-block;width:24%}
.row-masonry-xl-5{-moz-column-count:5;-webkit-column-count:5;column-count:5;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:5;-webkit-columns:5;columns:5}
.no-csscolumns .row-masonry-xl-5{text-align:justify}
.no-csscolumns .row-masonry-xl-5:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-5 > .col-masonry{vertical-align:top;display:inline-block;width:19%}
.row-masonry-xl-6{-moz-column-count:6;-webkit-column-count:6;column-count:6;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:6;-webkit-columns:6;columns:6}
.no-csscolumns .row-masonry-xl-6{text-align:justify}
.no-csscolumns .row-masonry-xl-6:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-6 > .col-masonry{vertical-align:top;display:inline-block;width:15%}
.row-masonry-xl-7{-moz-column-count:7;-webkit-column-count:7;column-count:7;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:7;-webkit-columns:7;columns:7}
.no-csscolumns .row-masonry-xl-7{text-align:justify}
.no-csscolumns .row-masonry-xl-7:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-7 > .col-masonry{vertical-align:top;display:inline-block;width:13%}
.row-masonry-xl-8{-moz-column-count:8;-webkit-column-count:8;column-count:8;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:8;-webkit-columns:8;columns:8}
.no-csscolumns .row-masonry-xl-8{text-align:justify}
.no-csscolumns .row-masonry-xl-8:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-8 > .col-masonry{vertical-align:top;display:inline-block;width:11%}
.row-masonry-xl-9{-moz-column-count:9;-webkit-column-count:9;column-count:9;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:9;-webkit-columns:9;columns:9}
.no-csscolumns .row-masonry-xl-9{text-align:justify}
.no-csscolumns .row-masonry-xl-9:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-9 > .col-masonry{vertical-align:top;display:inline-block;width:10%}
.row-masonry-xl-10{-moz-column-count:10;-webkit-column-count:10;column-count:10;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:10;-webkit-columns:10;columns:10}
.no-csscolumns .row-masonry-xl-10{text-align:justify}
.no-csscolumns .row-masonry-xl-10:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-10 > .col-masonry{vertical-align:top;display:inline-block;width:9%}
.row-masonry-xl-11{-moz-column-count:11;-webkit-column-count:11;column-count:11;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:11;-webkit-columns:11;columns:11}
.no-csscolumns .row-masonry-xl-11{text-align:justify}
.no-csscolumns .row-masonry-xl-11:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-11 > .col-masonry{vertical-align:top;display:inline-block;width:8%}
.row-masonry-xl-12{-moz-column-count:12;-webkit-column-count:12;column-count:12;-moz-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;-moz-columns:12;-webkit-columns:12;columns:12}
.no-csscolumns .row-masonry-xl-12{text-align:justify}
.no-csscolumns .row-masonry-xl-12:after{content:'';display:inline-block;width:100%}
.no-csscolumns .row-masonry-xl-12 > .col-masonry{vertical-align:top;display:inline-block;width:7%}
}
.widget{margin-bottom:20px;border:0}
.widget.panel,.widget .panel{overflow:hidden}
.widget .lateral-picture{position:relative;display:block;height:240px;width:auto;overflow:hidden}
.widget .lateral-picture > img{position:absolute;top:0;left:0;max-height:100%;width:auto}
@-webkit-keyframes fadeOutUpShort {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
}
@keyframes fadeOutUpShort {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
}
.fadeOutUpShort{-webkit-animation-name:fadeOutUpShort;animation-name:fadeOutUpShort}
@-webkit-keyframes fadeInUpShort {
0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpShort {
0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUpShort{-webkit-animation-name:fadeInUpShort;animation-name:fadeInUpShort}
@-webkit-keyframes zoomInShort {
0%{opacity:0;-webkit-transform:scale3d(0.95,0.95,0.95);transform:scale3d(0.95,0.95,0.95)}
50%{opacity:1}
}
@keyframes zoomInShort {
0%{opacity:0;-webkit-transform:scale3d(0.95,0.95,0.95);-ms-transform:scale3d(0.95,0.95,0.95);transform:scale3d(0.95,0.95,0.95)}
50%{opacity:1}
}
.zoomInShort{-webkit-animation-name:zoomInShort;animation-name:zoomInShort}
@-webkit-keyframes zoomBack {
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5);transform:scale3d(0.5,0.5,0.5)}
100%{opacity:0}
}
@keyframes zoomBack {
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5);-ms-transform:scale3d(0.5,0.5,0.5);transform:scale3d(0.5,0.5,0.5)}
100%{opacity:0}
}
.zoomBack{-webkit-animation-name:zoomBack;animation-name:zoomBack}
@-webkit-keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
.sortable > li i:hover{cursor:pointer;cursor:-webkit-grabbing}
@media only screen and (min-width: 768px) {
.table-grid{display:table;width:100%;height:100%;table-layout:fixed}
.col{display:table-cell;vertical-align:top;height:100%}
.col.col-full-center{vertical-align:middle}
.col-1{width:8.333333%}
.col-2{width:16.666667%}
.col-3{width:25%}
.col-4{width:33.333333%}
.col-5{width:41.666667%}
.col-6{width:50%}
.col-7{width:58.333333%}
.col-8{width:66.666667%}
.col-9{width:75%}
.col-10{width:83.333333%}
.col-11{width:91.666667%}
.col-12{width:100%}
.col-xxs{width:60px}
.col-xs{width:90px}
.col-sm{width:150px}
.col-sd{width:200px}
.col-md{width:240px}
.col-lg{width:280px}
.col-xl{width:320px}
.col-xxl{width:360px}
.col-wide{width:100%}
.col-auto{width:auto}
.table-grid-padded{margin-left:-1rem;margin-right:-1rem}
.table-grid-padded .table-grid{border-spacing:1rem 0}
}
@media only screen and (max-width: 991px) {
.table-grid-desktop.table-grid,.table-grid-desktop .col{display:block;width:auto}
}
.table-grid-align-middle .col{vertical-align:middle}
.todo .todo-item-list{position:relative}
.todo .todo-item .todo-edit{display:none;cursor:pointer}
.todo .todo-item:hover .todo-edit{display:inline}
.todo .todo-item.todo-complete .todo-edit{display:none}
.todo textarea{resize:none;max-width:100%;min-width:100%}
.todo .todo-complete{background:#edf1f2;opacity:.6;color:#232735}
.todo .todo-complete .todo-title{text-decoration:line-through}
.todo .panel-group > .panel{border:1px;margin:0}
.todo .panel-group > .panel .panel-body{border-bottom:1px solid #edf1f2}
.dd{position:relative;display:block;margin:0;padding:0;max-width:600px;list-style:none;font-size:13px;line-height:20px}
.dd-list{display:block;position:relative;margin:0;padding:0;list-style:none}
.dd-list .dd-list{padding-left:30px}
.dd-collapsed .dd-list{display:none}
.dd-item,.dd-empty,.dd-placeholder{display:block;position:relative;margin:0;padding:0;min-height:20px;font-size:13px;line-height:20px}
.dd-handle{display:block;margin:5px 0;padding:10px;text-decoration:none;border:1px solid #ebebeb;background:#fff;-webkit-border-radius:3px;border-radius:3px}
.dd-handle:hover{background:#fff}
.dd-item > button{display:block;position:relative;cursor:pointer;float:left;width:25px;height:30px;margin:5px 0;padding:0;text-indent:100%;white-space:nowrap;overflow:hidden;border:0;background:transparent;font-size:12px;line-height:1;text-align:center;font-weight:700}
.dd-item > button:before{content:'+';display:block;position:absolute;width:100%;text-align:center;text-indent:0}
.dd-item > button[data-action="collapse"]:before{content:'-'}
.dd-placeholder,.dd-empty{margin:5px 0;padding:0;min-height:30px;background:#f2fbff;border:1px dashed #b6bcbf;box-sizing:border-box;-moz-box-sizing:border-box}
.dd-empty{border:1px dashed #bbb;min-height:100px;background-color:#e5e5e5;background-size:60px 60px;background-position:0 0,30px 30px}
.dd-dragel{position:absolute;pointer-events:none;z-index:9999}
.dd-dragel > .dd-item .dd-handle{margin-top:0}
.dd-dragel .dd-handle{-webkit-box-shadow:2px 4px 6px 0 rgba(0,0,0,0.1);box-shadow:2px 4px 6px 0 rgba(0,0,0,0.1)}
.nestable-lists{display:block;clear:both;padding:30px 0;width:100%;border:0;border-top:2px solid #ddd;border-bottom:2px solid #ddd}
@media only screen and (min-width: 700px) {
.dd + .dd{margin-left:2%}
}
.dd-hover > .dd-handle{background:#2ea8e5!important}
.dd3-content{display:block;margin:5px 0;padding:10px 10px 10px 50px;text-decoration:none;border:1px solid #ebebeb;background:#fff;-webkit-border-radius:3px;border-radius:3px}
.dd-dragel > .dd3-item > .dd3-content{margin:0}
.dd3-item > button{margin-left:40px}
.dd3-handle{position:absolute;margin:0;left:0;top:0;cursor:pointer;width:40px;text-indent:100%;white-space:nowrap;overflow:hidden;border:1px solid #ebebeb;background:#fff;border-top-right-radius:0;border-bottom-right-radius:0}
.dd3-handle:before{content:'≡';display:block;position:absolute;left:0;top:10px;width:100%;text-align:center;text-indent:0;color:#ccc;font-size:20px;font-weight:400}
.dd3-handle:hover{background:#f7f7f7}
.badge{font-weight:600;border-radius:2px}
.badge-primary{color:#fff;background-color:#5988d4}
.badge-secondary{color:#fff;background-color:#6c757d}
.badge-success{color:#fff;background-color:#27c14c}
.badge-danger{color:#fff;background-color:#dc3545}
.badge-warning{color:#6f3603;background-color:#ffc107}
.badge-info{color:#fff;background-color:#17a2b8}
.badge-light{color:#212529;background-color:#eaeaea}
.badge-dark{color:#fff;background-color:#343a40}
.badge-bond{color:#fff;background-color:#fd4600}
.flot-chart{display:block;width:100%;height:260px}
.flot-chart .legend > table tr td{padding:3px}
.flot-chart .legend > table tr td:first-child{padding-left:3px}
.flot-chart .legend > table tr td:last-child{padding-right:3px}
.flot-chart .legend > table tr + tr td{padding-top:0}
.flot-chart .legend > div:first-child{border-color:rgba(0,0,0,0.1)!important}
.flot-chart .legend .legendColorBox > div,.flot-chart .legend .legendColorBox > div > div{border-radius:400px}
.flot-chart-content{width:100%;height:100%}
.flot-pie-label{padding:3px 5px;font-size:10px;text-align:center;color:#fff}
#flotTip{position:relative;padding:5px;font-size:12px!important;border-radius:2px!important;border-color:transparent!important;background-color:rgba(0,0,0,0.75)!important;color:#f1f1f1;z-index:5}
.easypie-chart{display:inline-block;position:relative;padding:0 6px}
.easypie-chart span{display:block;position:absolute;left:50%;top:50%;width:100%;margin-left:-50%;height:30px;margin-top:-15px;font-size:20px}
.easypie-chart canvas{max-width:100%}
.easypie-chart.easypie-chart-lg span{font-size:40px;margin-top:-25px;line-height:40px}
.easypie-chart.easypie-chart-md span{font-size:30px;margin-top:-25px;line-height:40px}
label{margin:0}
.c-checkbox,.c-radio{margin-right:4px}
.c-checkbox *,.c-radio *{cursor:pointer}
.c-checkbox input,.c-radio input{opacity:0;position:absolute!important;margin-left:0!important}
.c-checkbox span.fa,.c-radio span.fa{position:relative;display:inline-block;vertical-align:top;margin-left:-20px;width:20px;height:20px;border-radius:2px;border:1px solid #ccc;margin-right:5px;text-align:center;background:#FFF}
.c-radio span.fa{border-radius:40px}
.c-checkbox:hover span,.c-radio:hover span{border-color:#5988d4;background:#FFF}
.form-inline .c-checkbox span,.form-inline .c-radio span{margin-left:0}
.c-checkbox.c-checkbox-rounded span,.c-radio.c-checkbox-rounded span,.c-checkbox.c-radio-rounded span,.c-radio.c-radio-rounded span{border-radius:500px}
.c-radio span{border-radius:500px}
.c-checkbox span:before,.c-radio span:before{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;text-align:center!important;font-size:13px;line-height:19px;vertical-align:middle}
.c-checkbox input[type=checkbox]:checked ~ span:before,.c-radio input[type=checkbox]:checked ~ span:before,.c-checkbox input[type=radio]:checked ~ span:before,.c-radio input[type=radio]:checked ~ span:before{color:#fff;opacity:1;transition:color .3s ease-out}
.c-checkbox input[type=checkbox]:checked ~ span,.c-radio input[type=checkbox]:checked ~ span,.c-checkbox input[type=radio]:checked ~ span,.c-radio input[type=radio]:checked ~ span{border-color:#a4caf6;background-color:#5988d4}
.c-checkbox input[type=radio]:checked ~ span,.c-radio input[type=radio]:checked ~ span{background-color:#fff}
.c-checkbox input[type=radio]:checked ~ span:before,.c-radio input[type=radio]:checked ~ span:before{color:#5988d4}
.c-checkbox input[type=checkbox]:disabled ~ span,.c-radio input[type=checkbox]:disabled ~ span,.c-checkbox input[type=radio]:disabled ~ span,.c-radio input[type=radio]:disabled ~ span{border-color:#ddd!important;background-color:#ddd!important}
.c-checkbox input[type=radio]:disabled ~ span,.c-radio input[type=radio]:disabled ~ span{background-color:#fff!important}
.c-checkbox input[type=radio]:disabled ~ span:before,.c-radio input[type=radio]:disabled ~ span:before{color:#ddd}
.c-radio.c-radio-nofont span:before{content:"";width:10px;height:10px;top:50%;left:50%;margin-top:-5px;margin-left:-5px;border-radius:500px}
.c-radio.c-radio-nofont input[type=radio]:checked ~ span:before{color:#fff;opacity:1;transition:color .3s ease-out}
.c-radio.c-radio-nofont input[type=radio]:checked ~ span{border-color:#5988d4;background-color:#5988d4;background-color:#fff}
.c-radio.c-radio-nofont input[type=radio]:checked ~ span:before{background-color:#5988d4}
.c-radio.c-radio-nofont input[type=radio]:disabled ~ span{border-color:#ddd!important;background-color:#ddd!important;background-color:#fff!important}
.c-radio.c-radio-nofont input[type=radio]:disabled ~ span:before{background-color:#ddd}
.form-control-rounded{border-radius:100px}
.searchtop{margin-left:10px;max-width:390px;display:flex;top:10px;flex-grow:1!important;min-width:120px}
.searchtop .form-control{height:38px;border-radius:4px!important}
.searchtop .btn{height:36px;padding:5px 15px;border-radius:0 3px 3px 0;border-left:0;z-index:2;border-color:transparent;margin-top:1px;margin-right:1px}
.action-menu .btn{margin-top:-4px;box-shadow:0 2px 3px rgba(0,0,0,0.15);padding:8px 15px}
.actionbtns .btn{box-shadow:0 2px 3px rgba(0,0,0,0.15);padding:8px 15px;margin-left:10px}
.switch .form-control{padding-top:7px;margin-bottom:0}
.switch *{cursor:pointer}
.switch input{opacity:0;position:absolute;z-index:-1}
.switch span{position:relative;display:inline-block;width:40px;height:20px;background-color:#fff;border:1px solid #ddd;border-radius:100px;transition:all .5s;box-shadow:1px 2px 3px rgba(0,0,0,0.1) inset;vertical-align:middle}
.switch span:after{content:"";position:absolute;background-color:#fff;top:0;left:0;height:18px;width:18px;border:1px solid #ddd;border-radius:400px;box-shadow:1px 1px 3px rgba(0,0,0,0.1);-webkit-transition:all .2s}
.switch.switch-lg span{width:50px;height:25px}
.switch.switch-lg span:after{height:23px;width:23px}
.switch.switch-sm span{width:30px;height:15px}
.switch.switch-sm span:after{height:13px;width:13px}
.switch input:checked ~ span{background-color:#5988d4;border-color:#5988d4;transition:all .5s}
.switch input:checked ~ span:after{left:50%;transition:all .2s}
.switch input:disabled ~ span{background-color:#f1f1f1;cursor:not-allowed}
.form-control-feedback{left:16px;right:auto}
.form-control + .form-control-feedback,.form-control + .parsley-errors-list + .form-control-feedback{right:0;left:auto}
.input-sm + .form-control-feedback,.input-sm + .parsley-errors-list + .form-control-feedback{top:0}
.input-md{width:260px}
.note-editor{background-image:-webkit-linear-gradient(#eee 0.1em,transparent 0.1em);background-image:linear-gradient(#eee 0.1em,transparent 0.1em);background-size:100% 20px;background-color:#fff;line-height:20px;margin-top:5px;padding:0;padding-bottom:1px;border:none}
.note-editor.note-editor-margin{background-image:-webkit-linear-gradient(0deg,transparent 49px,#ffe0c4 49px,#ffe0c4 51px,transparent 51px),-webkit-linear-gradient(#eee 0.1em,transparent 0.1em);background-image:linear-gradient(90deg,transparent 49px,#ffe0c4 49px,#ffe0c4 51px,transparent 51px),linear-gradient(#eee 0.1em,transparent 0.1em);padding-left:55px}
.parsley-error{background:#fff8f8;border-color:#f05050;box-shadow:0 0 0 1px #f05050 inset}
.parsley-errors-list{display:none;margin:0;padding:0}
.parsley-errors-list.filled{display:block}
.parsley-errors-list > li{font-size:12px;list-style:none;color:#f05050}
body .bootstrap-tagsinput{box-shadow:0 0 0 #000!important;display:block;width:100%;height:35px;padding:6px 16px;font-size:14px;line-height:1.52857143;color:#3a3f51;background-color:#fff;background-image:none;border:1px solid #dde6e9;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;height:auto;min-height:35px;margin-bottom:0}
body .bootstrap-tagsinput:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
body .bootstrap-tagsinput::-moz-placeholder{color:#b7bac9;opacity:1}
body .bootstrap-tagsinput:-ms-input-placeholder{color:#b7bac9}
body .bootstrap-tagsinput::-webkit-input-placeholder{color:#b7bac9}
body .bootstrap-tagsinput[disabled],body .bootstrap-tagsinput[readonly],fieldset[disabled] body .bootstrap-tagsinput{cursor:not-allowed;background-color:#edf1f2;opacity:1}
textareabody .bootstrap-tagsinput{height:auto}
body .bootstrap-tagsinput .tag{color:#fff}
.wizard,.tabcontrol{display:block;width:100%;overflow:hidden}
.wizard a,.tabcontrol a{outline:0}
.wizard ul,.tabcontrol ul{list-style:none!important;padding:0;margin:0}
.wizard ul > li,.tabcontrol ul > li{display:block;padding:0}
.wizard > .steps .current-info,.tabcontrol > .steps .current-info{position:absolute;left:-999em}
.wizard > .content > .title,.tabcontrol > .content > .title{position:absolute;left:-999em}
.wizard > .steps{position:relative;display:block;width:100%}
.wizard > .steps .number{font-size:1.429em}
.wizard > .steps > ul > li{width:25%}
.wizard > .content{background:#fff;display:block;margin:.5em;min-height:300px;overflow:hidden;position:relative;width:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.wizard > .content > .body{float:left;position:absolute;width:100%;height:95%;padding:2.5% 0}
.wizard > .content > .body ul{list-style:disc!important}
.wizard > .content > .body ul > li{display:list-item}
.wizard > .content > .body > iframe{border:0 none;width:100%;height:100%}
.wizard > .content > .body input{display:block}
.wizard > .content > .body input.error{background:#fbe3e4;border:1px solid #fbc2c4;color:#8a1f11}
.wizard > .content > .body label{display:inline-block;margin-bottom:.5em}
.wizard > .content > .body label.error{color:#f05050;display:block!important;margin-left:1.5em;padding:0}
.wizard > .actions{position:relative;display:block;text-align:right;width:100%}
.wizard > .actions > ul{display:inline-block;text-align:right}
.wizard > .actions > ul > li{margin:0 .5em}
.wizard.vertical > .steps{display:inline;float:left;width:30%}
.wizard.vertical > .steps > ul > li{float:none;width:100%}
.wizard.vertical > .content{display:inline;float:left;margin:0 2.5% .5em;width:65%}
.wizard.vertical > .actions{display:inline;float:right;margin:0 2.5%;width:95%}
.wizard.vertical > .actions > ul > li{margin:0 0 0 1em}
.wizard > .steps > ul > li,.wizard > .actions > ul > li{float:left}
.wizard > .steps a,.wizard > .steps a:hover,.wizard > .steps a:active{display:block;width:auto;margin:0 .5em .5em;padding:1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:0;font-weight:700;color:#515253}
.wizard > .steps a > small,.wizard > .steps a:hover > small,.wizard > .steps a:active > small{font-weight:400;color:#909FA7}
.wizard > .steps .disabled a,.wizard > .steps .disabled a:hover,.wizard > .steps .disabled a:active{background:#fcfcfc;color:#515253;cursor:default}
.wizard > .steps .current a,.wizard > .steps .current a:hover,.wizard > .steps .current a:active{background:#5988d4;color:#fff;cursor:default}
.wizard > .steps .current a > small,.wizard > .steps .current a:hover > small,.wizard > .steps .current a:active > small{color:#fff}
.wizard > .steps .done a,.wizard > .steps .done a:hover,.wizard > .steps .done a:active{background:#fcfcfc;color:#515253}
.wizard > .steps .error a,.wizard > .steps .error a:hover,.wizard > .steps .error a:active{background:#ff3111;color:#fff}
.wizard > .actions a,.wizard > .actions a:hover,.wizard > .actions a:active{display:inline-block;padding:6px 16px;font-size:13px;border-radius:3px;text-decoration:none;color:#fff;background-color:#5988d4;border-color:#5988d4}
.wizard > .actions a:focus,.wizard > .actions a:hover:focus,.wizard > .actions a:active:focus,.wizard > .actions a.focus,.wizard > .actions a:hover.focus,.wizard > .actions a:active.focus{color:#fff;background-color:#4b91ea;border-color:#3886e8}
.wizard > .actions a:hover,.wizard > .actions a:hover:hover,.wizard > .actions a:active:hover{color:#fff;background-color:#4b91ea;border-color:#3886e8}
.wizard > .actions a:active,.wizard > .actions a:hover:active,.wizard > .actions a:active:active,.wizard > .actions a.active,.wizard > .actions a:hover.active,.wizard > .actions a:active.active,.open > .dropdown-toggle.wizard > .actions a,.open > .dropdown-toggle.wizard > .actions a:hover,.open > .dropdown-toggle.wizard > .actions a:active{color:#fff;background-color:#4b91ea;border-color:#3886e8}
.wizard > .actions a:active:hover,.wizard > .actions a:hover:active:hover,.wizard > .actions a:active:active:hover,.wizard > .actions a.active:hover,.wizard > .actions a:hover.active:hover,.wizard > .actions a:active.active:hover,.open > .dropdown-toggle.wizard > .actions a:hover,.open > .dropdown-toggle.wizard > .actions a:hover:hover,.open > .dropdown-toggle.wizard > .actions a:active:hover,.wizard > .actions a:active:focus,.wizard > .actions a:hover:active:focus,.wizard > .actions a:active:active:focus,.wizard > .actions a.active:focus,.wizard > .actions a:hover.active:focus,.wizard > .actions a:active.active:focus,.open > .dropdown-toggle.wizard > .actions a:focus,.open > .dropdown-toggle.wizard > .actions a:hover:focus,.open > .dropdown-toggle.wizard > .actions a:active:focus,.wizard > .actions a:active.focus,.wizard > .actions a:hover:active.focus,.wizard > .actions a:active:active.focus,.wizard > .actions a.active.focus,.wizard > .actions a:hover.active.focus,.wizard > .actions a:active.active.focus,.open > .dropdown-toggle.wizard > .actions a.focus,.open > .dropdown-toggle.wizard > .actions a:hover.focus,.open > .dropdown-toggle.wizard > .actions a:active.focus{color:#fff;background-color:#4b91ea;border-color:#3886e8}
.wizard > .actions a:active,.wizard > .actions a:hover:active,.wizard > .actions a:active:active,.wizard > .actions a.active,.wizard > .actions a:hover.active,.wizard > .actions a:active.active,.open > .dropdown-toggle.wizard > .actions a,.open > .dropdown-toggle.wizard > .actions a:hover,.open > .dropdown-toggle.wizard > .actions a:active{background-image:none}
.wizard > .actions a.disabled:hover,.wizard > .actions a:hover.disabled:hover,.wizard > .actions a:active.disabled:hover,.wizard > .actions a[disabled]:hover,.wizard > .actions a:hover[disabled]:hover,.wizard > .actions a:active[disabled]:hover,fieldset[disabled] .wizard > .actions a:hover,fieldset[disabled] .wizard > .actions a:hover:hover,fieldset[disabled] .wizard > .actions a:active:hover,.wizard > .actions a.disabled:focus,.wizard > .actions a:hover.disabled:focus,.wizard > .actions a:active.disabled:focus,.wizard > .actions a[disabled]:focus,.wizard > .actions a:hover[disabled]:focus,.wizard > .actions a:active[disabled]:focus,fieldset[disabled] .wizard > .actions a:focus,fieldset[disabled] .wizard > .actions a:hover:focus,fieldset[disabled] .wizard > .actions a:active:focus,.wizard > .actions a.disabled.focus,.wizard > .actions a:hover.disabled.focus,.wizard > .actions a:active.disabled.focus,.wizard > .actions a[disabled].focus,.wizard > .actions a:hover[disabled].focus,.wizard > .actions a:active[disabled].focus,fieldset[disabled] .wizard > .actions a.focus,fieldset[disabled] .wizard > .actions a:hover.focus,fieldset[disabled] .wizard > .actions a:active.focus{background-color:#5988d4;border-color:#5988d4}
.wizard > .actions a .badge,.wizard > .actions a:hover .badge,.wizard > .actions a:active .badge{color:#5988d4;background-color:#fff}
.wizard > .actions .disabled a,.wizard > .actions .disabled a:hover,.wizard > .actions .disabled a:active{color:#333;background:#fff;border:1px solid #eaeaea}
.tabcontrol > .steps{position:relative;display:block;width:100%}
.tabcontrol > .steps > ul{position:relative;margin:6px 0 0;top:1px;z-index:1}
.tabcontrol > .steps > ul > li{float:left;margin:5px 2px 0 0;padding:1px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}
.tabcontrol > .steps > ul > li > a{color:#5f5f5f;display:inline-block;border:0 none;margin:0;padding:10px 30px;text-decoration:none}
.tabcontrol > .steps > ul > li > a:hover{text-decoration:none}
.tabcontrol > .steps > ul > li:hover{background:#edecec;border:1px solid #bbb;padding:0}
.tabcontrol > .steps > ul > li.current{background:#fff;border:1px solid #bbb;border-bottom:0 none;padding:0 0 1px;margin-top:0}
.tabcontrol > .steps > ul > li.current > a{padding:15px 30px 10px}
.tabcontrol > .content{position:relative;display:inline-block;width:100%;height:300px;overflow:hidden;border-top:1px solid #bbb;padding-top:20px}
.tabcontrol > .content > .body{float:left;position:absolute;width:95%;height:95%;padding:2.5%}
.tabcontrol > .content > .body ul{list-style:disc!important}
.tabcontrol > .content > .body ul > li{display:list-item}
.img-container,.img-preview{background-color:#f7f7f7;overflow:hidden;width:100%;text-align:center}
.img-container{min-height:200px;max-height:340px;margin-bottom:20px}
.docs-preview{margin-right:-15px;margin-bottom:10px}
.img-preview{float:left;margin-right:10px;margin-bottom:10px}
.img-preview > img{max-width:100%}
.preview-lg{width:263px;height:148px}
.preview-md{width:139px;height:78px}
.preview-sm{width:69px;height:39px}
.preview-xs{width:35px;height:20px;margin-right:0}
.cropper-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:100%;min-height:0!important;max-height:none!important;image-orientation:0!important}
.dataTable .sorting,.dataTable .sorting_asc,.dataTable .sorting_desc{position:relative}
.dataTable .sorting_asc:after,.dataTable .sorting:after,.dataTable .sorting_desc:after{font-family:"Font Awesome 5 Pro"!important;font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;position:absolute;right:0;top:7px}
.dataTable .sorting{color:rgba(34,42,58,0.60);cursor:pointer}
.dataTable .sorting .sorting_asc,.dataTable .sorting .sorting_desc{color:#232b3b;cursor:pointer!important}
.dataTable .sorting_asc:after{content:"\f0de";line-height:18px}
.dataTable .sorting_desc:after{content:"\f0dd"}
.panel-footer .btn{margin-left:10px}
.dataTable thead{border-bottom:2px solid #cfd1d5}
.ledenlijst .dataTable thead tr th:nth-child(2){pointer-events:none}
.dataTable thead tr th:last-child.sorting_desc:after,.dataTable thead tr th:last-child.sorting_asc:after{content:"";top:5px}
.dataTable tbody{border-bottom:1px solid #EEE}
.table.dataTable > thead > tr > th:last-child,.table.dataTable > tbody > tr > td:last-child{padding-right:15px}
.dataTableactions{max-width:200px;float:right;top:-60px;position:relative;right:15px}
.dataTable .clickable-row{cursor:pointer}
@media only screen and (max-width: 991px) {
.dataTables_filter{clear:both}
}
.dataTables_filter input{margin-left:15px}
.dataTables_paginate{padding:0 15px}
.dataTables_filter{float:left}
.dataTables_filter input{width:220px!important;height:33px;font-size:14px}
.dataTables_length select{height:33px;font-size:14px}
.dataTables_length{float:left;margin-left:15px;margin-bottom:10px}
.dataTables_length select{margin-right:10px}
.dataTables_info{float:left;margin-left:15px}
.panel .panel-body > .table-responsive{overflow:auto;margin:0 -10px;position:relative}
.panel .dataTables_wrapper .row{margin:10px 0}
.panel .dataTable{border-top:1px solid #e4eaec}
.html5buttons{float:none;text-align:center;margin:0 15px 15px}
@media only screen and (min-width: 992px) {
.html5buttons{float:right;margin-left:10px}
    .br-lg{border-right:1px solid rgba(0,0,0,0.12)}
.bl-lg{border-left:1px solid rgba(0,0,0,0.12)}
.bt-lg{border-top:1px solid rgba(0,0,0,0.12)}
.bb-lg{border-bottom:1px solid rgba(0,0,0,0.12)}
}
@media only screen and (max-width: 991px) {
div.ColVis{float:none;text-align:center}
div.ColVis button.ColVis_Button,div.ColVis ul.ColVis_collection li{float:none}
}
div.ColVis .ColVis_Button{background-image:none;border:1px solid #e1e2e3;box-shadow:0 0 0 #000}
div.ColVis .ColVis_Button > span{color:#656565}
.ColVis_collectionBackground{display:none}
ul.ColVis_collection{background-color:#fff}
ul.ColVis_collection > li{border:0!important;background-image:none!important;box-shadow:0 0 0 #000!important;margin:0}
ul.ColVis_collection > li > label{margin:0}
ul.ColVis_collection > li > label > span{color:#888;vertical-align:top;font-weight:400}
ul.ColVis_collection > li > label > span:hover{color:#555}
ul.ColVis_collection > li > label input[type=checkbox]:checked + span,ul.ColVis_collection > li > label input[type=radio]:checked + span{background-color:transparent}
.ColVis_catcher{cursor:pointer}
.table-responsive{border:0}
.table-responsive .dataTables_wrapper .row{margin:0}
@media only screen and (max-width: 991px) {
.dataTables_length{float:none}
div.dataTables_wrapper div.dataTables_length label,div.dataTables_filter label,div.dataTables_length label,div.dataTables_paginate{float:none;text-align:center!important;display:block}
div.dataTables_wrapper div.dataTables_length label select,div.dataTables_filter label select,div.dataTables_length label select,div.dataTables_paginate select{display:inline-block}
.dataTables_wrapper > .row > div{float:none;text-align:center;width:100%}
}
div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:#fff;border:2px solid #dde6e9;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:2100}
div.dt-button-info h2{padding:.5em;margin:0;font-weight:400;border-bottom:1px solid #ddd;background-color:#f3f3f3}
div.dt-button-info h2:before{content:"\f00c";font-family:FontAwesome;color:#27c24c;margin-right:8px}
div.dt-button-info > div{padding:1em}
.table .gender{text-align:center}
.table .gender span{display:none}
.table > thead > tr > th:first-child,.table > thead > tr > th:last-child{padding:5px 15px;color:#232b3b}
.table > thead > tr > th{padding:5px 8px}
.table > tbody > tr > td{vertical-align:middle;line-height:18px}
.table > tbody > tr > td:first-child,.table > tbody > tr > td:last-child{padding:5px 15px}
.table > tfoot > tr > th:first-child,.table > tfoot > tr > th:last-child{padding:5px 15px}
.table > tbody > tr > td > .media img{width:28px;height:28px;margin:0 auto;border-radius:28px;max-width:28px!important}
.table .checkbox{width:20px;margin:0}
.table .progress{margin-bottom:0}
.table .radial-bar{margin:0 auto}
.jqstooltip{box-sizing:content-box}
#table-ext-1 th:nth-child(1){width:3%}
#table-ext-1 th:nth-child(2){width:5%}
#table-ext-1 th:nth-child(7){width:5%}
#table-ext-1 th:nth-child(9){width:5%}
#table-ext-2 th:nth-child(1){width:5%}
#table-ext-2 th:nth-child(3){width:10%}
.ui-widget{font-family:inherit}
.ui-jqgrid{border-radius:4px;border-width:3px 1px 1px;border-color:#cfdbe2}
.ui-jqgrid *{max-width:100%}
.ui-jqgrid .ui-jqgrid-titlebar{position:relative;padding:8px 15px;border-bottom:0;line-height:1.52857143;text-transform:none;font-size:14px;font-weight:400;background-color:#fff;color:#444;height:auto}
.ui-jqgrid .ui-jqgrid-titlebar .ui-jqgrid-titlebar-close{margin-right:10px}
.ui-jqgrid .ui-jqgrid-pager{position:relative;padding:8px 14px!important;height:auto!important;max-width:100%}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-table .navtable .ui-corner-all{border-radius:0}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-input,.ui-jqgrid .ui-jqgrid-pager .ui-pg-selbox{height:24px;padding:4px;font-size:12px;line-height:1.5;color:#3a3f51;background-color:#fff;background-image:none;border:1px solid #dde6e9;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.ui-jqgrid .ui-jqgrid-pager .ui-pager-control{position:relative}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button:hover{padding:1px;border:0}
.ui-jqgrid .loading{position:absolute;top:45%;left:45%;width:auto;height:auto;z-index:101;padding:6px;margin:5px;text-align:center;font-weight:700;display:none;border-width:2px!important;font-size:11px}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:0;background:#fafbfc;font-weight:700;color:#888}
.ui-state-default.ui-state-hover,.ui-widget-content .ui-state-default.ui-state-hover,.ui-widget-header .ui-state-default.ui-state-hover{background:#fafbfc}
.ui-state-default .ui-state-default,.ui-widget-content .ui-state-default .ui-state-default,.ui-widget-header .ui-state-default .ui-state-default{border-top:0!important}
.ui-widget-header{background-image:none}
.ui-jqgrid tr.ui-row-ltr td{border-right:0;text-align:left;border-color:#edf1f2;background-color:inherit}
.ui-jqgrid tr.ui-search-toolbar th{border-top-width:0!important;border-top-color:inherit!important;border-top-style:ridge!important}
.ui-jqgrid tr.jqgrow td{padding:8px}
.ui-jqgrid .ui-jqgrid-btable{border-collapse:separate}
.ui-jqgrid .ui-jqgrid-htable{border-collapse:separate}
.ui-jqgrid .ui-jqgrid-htable th{padding:14px 8px}
.ui-jqgrid .ui-jqgrid-bdiv,.ui-jqgrid .ui-jqgrid-btable{width:auto!important}
.ui-jqgrid tr.jqfoot td{min-height:25px;padding:5px 2px}
.ui-jqgrid tr.footrow td{height:30px}
.ui-jqgrid tr.footrow-ltr td{border:0}
.ui-search-toolbar input[type="text"]{font-size:12px;height:15px;border:1px solid #e4eaec;border-radius:0}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{background:#edf1f2;border-collapse:separate;color:#656565}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{background:#edf1f2;color:#656565}
.ui-widget-content{color:#656565;font-size:13px;background-image:none}
tr.ui-widget-content{border:0}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #edf1f2;background:#fff;font-weight:400;color:#888}
.ui-jqdialog .ui-jqdialog-titlebar{padding:10px}
.ui-jqdialog .ui-jqdialog-title{float:none!important}
.ui-jqdialog > .ui-resizable-se{position:absolute}
body .slider-handle,body .slider-track,body .slider-selection{background-image:none;box-shadow:0 0 0 #000}
body .slider-handle{background-color:#fff;border:1px solid #5988d4;opacity:1}
body .slider-track{background-color:#fff;border:1px solid #5988d4}
body .slider-selection{background-color:#5988d4}
body .slider .tooltip.top .tooltip-arrow{border-top-color:#2c3037}
body .slider .tooltip.right .tooltip-arrow{border-right-color:#2c3037}
body .slider .tooltip-inner{background-color:#2c3037}
body .slider-lg{width:380px}
body .chosen-container{width:100%!important;max-width:100%}
body .chosen-container-multi .chosen-choices{box-shadow:0 0 0 #000!important;display:block;width:100%;height:35px;padding:6px 16px;font-size:14px;line-height:1.52857143;color:#3a3f51;background-color:#fff;background-image:none;border:1px solid #dde6e9;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
body .chosen-container-multi .chosen-choices:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
body .chosen-container-multi .chosen-choices::-moz-placeholder{color:#b7bac9;opacity:1}
body .chosen-container-multi .chosen-choices:-ms-input-placeholder{color:#b7bac9}
body .chosen-container-multi .chosen-choices::-webkit-input-placeholder{color:#b7bac9}
body .chosen-container-multi .chosen-choices[disabled],body .chosen-container-multi .chosen-choices[readonly],fieldset[disabled] body .chosen-container-multi .chosen-choices{cursor:not-allowed;background-color:#edf1f2;opacity:1}
textareabody .chosen-container-multi .chosen-choices{height:auto}
body .chosen-container-multi .chosen-choices li.search-field input[type=text]{height:auto;padding:0}
body .chosen-container-multi .chosen-choices li.search-choice{margin:0 5px 3px 0;background-color:#f5f6f7;border:1px solid #e7e9ec;background-image:none}
body .chosen-container .chosen-results li.highlighted{background-color:#a1a2a3;background-image:none}
body .chosen-container .chosen-drop{border-color:#ddd}
body .chosen-container .chosen-results li.group-result{color:#747576;letter-spacing:.02em}
body .chosen-container-single .chosen-single,body .chosen-container-active.chosen-with-drop .chosen-single{box-shadow:0 0 0 #000!important;display:block;width:100%;height:35px;padding:6px 16px;font-size:14px;line-height:1.52857143;color:#3a3f51;background-color:#fff;background-image:none;border:1px solid #dde6e9;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
body .chosen-container-single .chosen-single:focus,body .chosen-container-active.chosen-with-drop .chosen-single:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
body .chosen-container-single .chosen-single::-moz-placeholder,body .chosen-container-active.chosen-with-drop .chosen-single::-moz-placeholder{color:#b7bac9;opacity:1}
body .chosen-container-single .chosen-single:-ms-input-placeholder,body .chosen-container-active.chosen-with-drop .chosen-single:-ms-input-placeholder{color:#b7bac9}
body .chosen-container-single .chosen-single::-webkit-input-placeholder,body .chosen-container-active.chosen-with-drop .chosen-single::-webkit-input-placeholder{color:#b7bac9}
body .chosen-container-single .chosen-single[disabled],body .chosen-container-active.chosen-with-drop .chosen-single[disabled],body .chosen-container-single .chosen-single[readonly],body .chosen-container-active.chosen-with-drop .chosen-single[readonly],fieldset[disabled] body .chosen-container-single .chosen-single,fieldset[disabled] body .chosen-container-active.chosen-with-drop .chosen-single{cursor:not-allowed;background-color:#edf1f2;opacity:1}
textareabody .chosen-container-single .chosen-single,textareabody .chosen-container-active.chosen-with-drop .chosen-single{height:auto}
body .chosen-container-active .chosen-single,body .chosen-container-active .chosen-choices{border:1px solid #66afe9}
body .chosen-container-single .chosen-drop{margin-top:-3px}
body .chosen-container-single .chosen-single div{top:6px;right:5px}
body .chosen-container-multi .chosen-choices li.search-field input[type=text]{color:#b7bac9}
body .bootstrap-filestyle{max-width:380px}
body .select2-container{max-width:100%}
body .select2-container--bootstrap .select2-selection--single,body .select2-container--bootstrap .select2-selection--multiple{border:1px solid #dde6e9;box-shadow:0 0 0 #000!important}
body .select2-container--default .select2-search--inline .select2-search__field{min-width:100px}
[data-scrollable]{display:block}
.slimScrollBar{opacity:1!important;background-color:rgba(0,0,0,0.35)!important;border:0!important;border-radius:1px!important}
.slimScrollRail{opacity:1!important;background-color:rgba(0,0,0,0.15)!important;border:0!important;border-radius:0!important;bottom:0}
.alerts{position:fixed;top:60px;left:60px;z-index:9090;width:350px;left:auto;right:60px}
.alerts:hover .alert .close{opacity:1;visibility:visible}
.alerts-top-right,.alerts-bottom-right{left:auto;right:60px}
.alerts-top-center,.alerts-bottom-center{left:50%;margin-left:-175px}
.alerts-bottom-left,.alerts-bottom-right,.alerts-bottom-center{top:auto;bottom:60px}
@media (max-width: 480px) {
.alerts{left:10px;right:10px;width:auto;margin:0}
.uk-notify{position:fixed;top:50px;left:50px;z-index:1040;-moz-box-sizing:border-box;box-sizing:border-box;width:350px}
.uk-notify-top-right,.uk-notify-bottom-right{left:auto;right:50px}
.uk-notify-top-center,.uk-notify-bottom-center{left:50%;margin-left:-175px;z-index:999999}
.uk-notify-bottom-left,.uk-notify-bottom-right,.uk-notify-bottom-center{top:auto;bottom:50px}

.uk-notify{left:10px;right:10px;width:auto;margin:0}
}
.uk-notify-message{position:relative;margin-bottom:10px;padding:15px;font-size:15px;line-height:22px;border-radius:3px;cursor:pointer;text-align:center}
.uk-notify .alert-dismissable .close{position:absolute;top:10px;right:5px;color:#333;text-decoration:none;padding:5px 15px;cursor:pointer}
.uk-notify-message.alert.alert-normal{background:#444;color:#fff}
.uk-notify-message > .close{visibility:hidden}
.uk-notify-message:hover > .close{visibility:visible}
.calendar-app .fc-button{color:#333;background-color:#fff;border-color:#eaeaea;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;height:auto;background-image:none}
.calendar-app .fc-button:focus,.calendar-app .fc-button.focus{color:#333;background-color:#f5f5f5;border-color:#d6d6d6}
.calendar-app .fc-button:hover{color:#333;background-color:#f5f5f5;border-color:#d6d6d6}
.calendar-app .fc-button:active,.calendar-app .fc-button.active,.open > .dropdown-toggle.calendar-app .fc-button{color:#333;background-color:#f5f5f5;border-color:#d6d6d6}
.calendar-app .fc-button:active:hover,.calendar-app .fc-button.active:hover,.open > .dropdown-toggle.calendar-app .fc-button:hover,.calendar-app .fc-button:active:focus,.calendar-app .fc-button.active:focus,.open > .dropdown-toggle.calendar-app .fc-button:focus,.calendar-app .fc-button:active.focus,.calendar-app .fc-button.active.focus,.open > .dropdown-toggle.calendar-app .fc-button.focus{color:#333;background-color:#f5f5f5;border-color:#d6d6d6}
.calendar-app .fc-button:active,.calendar-app .fc-button.active,.open > .dropdown-toggle.calendar-app .fc-button{background-image:none}
.calendar-app .fc-button.disabled:hover,.calendar-app .fc-button[disabled]:hover,fieldset[disabled] .calendar-app .fc-button:hover,.calendar-app .fc-button.disabled:focus,.calendar-app .fc-button[disabled]:focus,fieldset[disabled] .calendar-app .fc-button:focus,.calendar-app .fc-button.disabled.focus,.calendar-app .fc-button[disabled].focus,fieldset[disabled] .calendar-app .fc-button.focus{background-color:#fff;border-color:#eaeaea}
.calendar-app .fc-button .badge{color:#fff;background-color:#333}
.calendar-app .fc-button:active,.calendar-app .fc-button.active,.calendar-app .fc-button.fc-state-active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.calendar-app .fc-button .fc-icon{margin:0 .1em;font-size:inherit;font-family:FontAwesome!important;vertical-align:baseline;color:#555}
.calendar-app .fc-button .fc-icon:after{display:none}
.calendar-app .fc-state-highlight,.calendar-app .fc-day:hover{background-color:#f7f8f9}
.calendar-app .fc-day-number{font-size:18px;font-weight:700;color:#a1a2a3}
.calendar-app .fc-view{overflow:visible}
.calendar-app .external-events{margin:0}
.calendar-app .external-events > div{margin-right:5px;margin-bottom:5px;padding:6px 10px;color:#fff;font-size:11px;border-radius:2px;cursor:move}
.calendar-app .external-events:empty{content:"EMRTPUY"}
.calendar-app .external-events-trash{position:relative;min-height:120px}
.calendar-app .external-events-trash:after{content:"\f00d";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#131e26;opacity:0;font-family:FontAwesome;color:#fff;text-align:center;font-size:50px;padding:8%;max-height:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:-1}
.calendar-app .external-events-trash.active:after{opacity:1;z-index:1}
.calendar-app .external-events-trash.hovered:after{background-color:#fb797e}
.calendar-app .external-event-color-selector .circle.selected{border:3px solid rgba(255,255,255,0.5)}
body .whirl{position:relative}
body .whirl:before{content:attr(data-spinner-text);display:block;background-color:#f0f0f0;opacity:.7}
body .whirl.solid{opacity:1}
body .whirl:after{border-top-color:#5988d4}
body .whirl.blade:after{border-bottom-color:#5988d4}
body .whirl.double-up:after{border-color:#5988d4}
body .whirl.duo:after{border-color:#7266ba #5988d4}
body .whirl.helicopter:after{background-color:#5988d4}
body .whirl.ringed:after{border-color:#7266ba #5988d4 #7266ba #7266ba}
body .whirl.traditional:after{border-color:#5988d4 #5988d4 #fad732 #7266ba}
body .whirl.line:after{box-shadow:inset -10px 0 0 rgba(93,156,236,0.5)}
.no-cssanimations body .whirl:before{opacity:.9}
.no-cssanimations body .whirl:after{content:"Loading...";width:40px;height:40px;margin:-20px 0 0 -20px;line-height:40px;color:#000;opacity:1;border:0;box-shadow:0 0 0 #000;background-color:transparent;text-align:center}
body .ball-pulse > div,body .ball-grid-pulse > div,body .square-spin > div,body .ball-pulse-rise > div,body .ball-rotate > div,body .ball-rotate > div:before,body .ball-rotate > div:after,body .cube-transition > div,body .ball-zig-zag > div,body .ball-zig-zag-deflect > div,body .ball-triangle-path > div,body .ball-scale > div,body .line-scale > div,body .line-scale-party > div,body .ball-scale-multiple > div,body .ball-pulse-sync > div,body .ball-beat > div,body .line-scale-pulse-out > div,body .line-scale-pulse-out-rapid > div,body .ball-spin-fade-loader > div,body .line-spin-fade-loader > div,body .triangle-skew-spin > div,body .ball-grid-beat > div,body .semi-circle-spin > div{background-color:#5988d4}
body .ball-clip-rotate-multiple{width:1px}
body .ball-clip-rotate-multiple > div{border-color:#5988d4 transparent}
body .ball-clip-rotate-multiple > div:last-child{border-color:transparent #5988d4}
body .ball-clip-rotate > div{border-color:#5988d4;border-bottom-color:transparent}
body .ball-clip-rotate-pulse > div:first-child{background-color:#5988d4;top:5px;left:-8px}
body .ball-clip-rotate-pulse > div:last-child{border-color:#5988d4 transparent}
body .square-spin > div,body .ball-scale-ripple > div,body .ball-scale-ripple-multiple > div{border-color:#5988d4}
body .pacman > div:first-of-type{border-top-color:#5988d4;border-left-color:#5988d4;border-bottom-color:#5988d4}
body .pacman > div:nth-child(2){border-top-color:#5988d4;border-left-color:#5988d4;border-bottom-color:#5988d4}
body .pacman > div:nth-child(3),body .pacman > div:nth-child(4),body .pacman > div:nth-child(5),body .pacman > div:nth-child(6){background-color:#5988d4}
body .sk-rotating-plane.sk-spinner,body .sk-double-bounce .sk-double-bounce1,body .sk-double-bounce .sk-double-bounce2,body .sk-wave .sk-rect,body .sk-wandering-cubes .sk-cube1,body .sk-wandering-cubes .sk-cube2,body .sk-chasing-dots .sk-dot1,body .sk-chasing-dots .sk-dot2,body .sk-three-bounce div,body .sk-circle .sk-child:before,body .sk-cube-grid .sk-cube,body .sk-fading-circle .sk-circle:before,body .sk-spinner-pulse.sk-spinner,body .sk-rotating-plane{background-color:#5988d4!important}
body .sk-wordpress .sk-inner-circle{background-color:#fff}
.loader-demo{height:150px;padding-top:50px;text-align:center}
.loader-demo > div{display:inline-block}
.loader-demo.loader-demo-sk{padding-top:0}
.gmap{height:300px}
.gmap.gmap-sm{height:150px}
body .jvectormap-label{position:absolute;display:none;border:solid 1px #313232;border-radius:2px;background:#313232;color:#fff;padding:3px 6px;opacity:.9;z-index:1100}
body .jvectormap-zoomin,body .jvectormap-zoomout{position:absolute;left:10px;width:22px;height:22px;border-radius:2px;background:#515253;padding:5px;color:#fff;cursor:pointer;line-height:10px;text-align:center}
body .jvectormap-zoomin{top:10px}
body .jvectormap-zoomout{top:30px}
[data-toggle="portlet"]{min-height:30px}
[data-toggle="portlet"].portlet-handler,[data-toggle="portlet"] .portlet-handler{cursor:move}
.portlets-wrapper{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;overflow:auto}
.portlet.box-placeholder{padding:0}
.mb-boxes{overflow:hidden}
.mb-boxes .nav > li > a{font-weight:600;color:#3a3f51;margin:5px 0;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}
.mb-boxes .nav > li > a:hover,.mb-boxes .nav > li > a:focus{background-color:#C0D0D3}
.mb-boxes .nav > li.active > a{background-color:#5988d4!important;color:#fff}
@media only screen and (min-width: 992px) {
.mb-boxes{height:auto!important;visibility:visible!important;display:block}
}
@media only screen and (min-width: 992px) {
.mb-compose-button{display:block;width:100%}
.mb-toggle-button{display:none}
}
.mb-mails > tbody > tr > td{border-top-color:transparent;cursor:pointer}
.mb-mails .mb-mail-active{background-color:#f7f8f9!important}
.mb-mails .mb-mail-avatar{float:left;margin-right:10px;width:40px;height:40px;border-radius:3px}
.mb-mails .mb-mail-date{display:block;float:right;color:#909FA7;font-size:12px;font-weight:700}
.mb-mails .mb-mail-from{font-size:14px;font-weight:600;line-height:1}
.mb-mails .mb-mail-meta{overflow:hidden}
.mb-mails .mb-mail-subject{font-size:18px;font-weight:600;line-height:1.1;margin-bottom:6px}
.mb-mails .mb-mail-preview{clear:both;margin-top:10px;color:#909FA7;margin-top:2px}
.mb-mails .mb-attachment{margin-top:30px;padding-top:30px;border-top:1px solid #e4eaec}
.mb-view > tbody > tr > td{cursor:auto}
.mb-view .mb-mail-to-list{margin-top:6px}
.mb-view .mb-mail-to-list > a{margin-right:5px;color:#909FA7}
.plan{background-color:#edf1f2;overflow:auto;border-radius:4px;padding-bottom:30px}
.plan .plan-header{background-color:#5988d4;color:#fff;margin:0;padding:20px 10px;text-align:center}
.plan .plan-price{background:#fff;padding:16px 8px;text-align:center}
.plan .plan-price h2{margin:0}
.plan .plan-period{font-size:16px}
.plan hr{display:block;margin:24px;border-top:1px solid rgba(0,0,0,0.05);height:0}
.plan .plan-description{padding:0 24px;text-align:center}
.plan .plan-features{list-style-type:none;padding-left:0;margin-top:25px;margin-bottom:25px;text-align:left}
.plan .plan-features > li{padding:8px 24px}
.plan .plan-features > li > em{color:#5988d4;margin-right:7px}
.plan .plan-features > li:last-child{padding-bottom:0}
.plan .plan-feature-disable{color:#f05050!important}
.m0{margin:0!important}
.ml0{margin-left:0!important}
.mr0{margin-right:0!important}
.mt0{margin-top:0!important}
.mb0{margin-bottom:0!important}
.m{margin:10px!important}
.ml{margin-left:10px!important}
.mr{margin-right:10px!important}
.mt{margin-top:10px!important}
.mb{margin-bottom:10px!important}
.m-sm{margin:5px!important}
.ml-sm{margin-left:5px!important}
.mr-sm{margin-right:5px!important}
.mt-sm{margin-top:5px!important}
.mb-sm{margin-bottom:5px!important}
.m-lg{margin:15px!important}
.ml-lg{margin-left:15px!important}
.mr-lg{margin-right:15px!important}
.mt-lg{margin-top:15px!important}
.mb-lg{margin-bottom:15px!important}
.m-xl{margin:30px!important}
.ml-xl{margin-left:30px!important}
.mr-xl{margin-right:30px!important}
.mt-xl{margin-top:30px!important}
.mb-xl{margin-bottom:30px!important}
.mv{margin-top:10px!important;margin-bottom:10px!important}
.mh{margin-left:10px!important;margin-right:10px!important}
.mv-lg{margin-top:15px!important;margin-bottom:15px!important}
.mh-lg{margin-left:15px!important;margin-right:15px!important}
.mv-sm{margin-top:5px!important;margin-bottom:5px!important}
.mh-sm{margin-left:5px!important;margin-right:5px!important}
.p0{padding:0!important}
.pl0{padding-left:0!important}
.pr0{padding-right:0!important}
.pt0{padding-top:0!important}
.pb0{padding-bottom:0!important}
.pv0{padding-top:0!important;padding-bottom:0!important}
.ph0{padding-left:0!important;padding-right:0!important}
.p{padding:10px!important}
.pl{padding-left:10px!important}
.pr{padding-right:10px!important}
.pt{padding-top:10px!important}
.pb{padding-bottom:10px!important}
.p-sm{padding:5px!important}
.pl-sm{padding-left:5px!important}
.pr-sm{padding-right:5px!important}
.pt-sm{padding-top:5px!important}
.pb-sm{padding-bottom:5px!important}
.p-lg{padding:15px!important}
.pl-lg{padding-left:15px!important}
.pr-lg{padding-right:15px!important}
.pt-lg{padding-top:15px!important}
.pb-lg{padding-bottom:15px!important}
.p-xl{padding:30px!important}
.pl-xl{padding-left:30px!important}
.pr-xl{padding-right:30px!important}
.pt-xl{padding-top:30px!important}
.pb-xl{padding-bottom:30px!important}
.pv{padding-top:10px!important;padding-bottom:10px!important}
.ph{padding-left:10px!important;padding-right:10px!important}
.pv-xl{padding-top:30px!important;padding-bottom:30px!important}
.ph-xl{padding-left:30px!important;padding-right:30px!important}
.pv-lg{padding-top:15px!important;padding-bottom:15px!important}
.ph-lg{padding-left:15px!important;padding-right:15px!important}
.pv-sm{padding-top:5px!important;padding-bottom:5px!important}
.ph-sm{padding-left:5px!important;padding-right:5px!important}
.b0{border-width:0!important}
.bl0{border-left-width:0!important}
.br0{border-right-width:0!important}
.bt0{border-top-width:0!important}
.bb0{border-bottom-width:0!important}
.br{border-right:1px solid rgba(0,0,0,0.12)}
.bl{border-left:1px solid rgba(0,0,0,0.12)}
.bt{border-top:1px solid rgba(0,0,0,0.12)}
.bb{border-bottom:1px solid rgba(0,0,0,0.12)}
.b,.ba{border-right:1px solid rgba(0,0,0,0.12);border-left:1px solid rgba(0,0,0,0.12);border-top:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12)}
.radius-clear{border-radius:0!important}
.shadow-clear{box-shadow:0 0 0 #000!important}
.text-white{color:#fff}
.text-inverse{color:#131e26}
.text-primary{color:#5988d4!important}
.text-alpha{color:rgba(255,255,255,0.5)}
.text-pink{color:#f532e5}
.text-purple{color:#7266ba}
.text-dark{color:#3a3f51}
.text-alpha-inverse{color:rgba(0,0,0,0.5)}
.text-green{color:#37bc9b}
.text-yellow{color:#fad732}
.text-gray-darker{color:#232735}
.text-gray-dark{color:#3a3f51}
.text-gray{color:#dde6e9}
.text-gray-light{color:#e4eaec}
.text-gray-lighter{color:#edf1f2}
.text-inherit{color:inherit}
.text-sm{font-size:14px}
.text-md{font-size:26.6px}
.text-lg{font-size:42px}
.text-nowrap{white-space:nowrap}
.text-thin{font-weight:100!important}
.text-normal{font-weight:400!important}
.text-bold{font-weight:700!important}
.inline{display:inline-block!important}
.block-center{margin:0 auto}
.bg-primary{background-color:#5988d4;color:#fff!important}
.bg-primary-light{background-color:#8bb8f1;color:#fff!important}
.bg-primary-dark{background-color:#2f80e7;color:#fff!important}
.bg-primary small{color:inherit}
.bg-success{background-color:#37C127;color:#fff!important}
.bg-success-light{background-color:#43d967;color:#fff!important}
.bg-success-dark{background-color:#1e983b;color:#fff!important}
.bg-success small{color:inherit}
.bg-info{background-color:#5988d4;color:#fff!important}
.bg-info-light{background-color:#51c6ea;color:#fff!important}
.bg-info-dark{background-color:#1797be;color:#fff!important}
.bg-info small{color:inherit}
.bg-warning{background-color:#ff902b;color:#fff!important}
.bg-warning-light{background-color:#ffab5e;color:#fff!important}
.bg-warning-dark{background-color:#f77600;color:#fff!important}
.bg-warning small{color:inherit}
.bg-danger{background-color:#f05050;color:#fff!important}
.bg-danger-light{background-color:#f47f7f;color:#fff!important}
.bg-danger-dark{background-color:#ec2121;color:#fff!important}
.bg-danger small{color:inherit}
.bg-green{background-color:#37bc9b;color:#fff!important}
.bg-green-light{background-color:#58ceb1;color:#fff!important}
.bg-green-dark{background-color:#2b957a;color:#fff!important}
.bg-green small{color:inherit}
.bg-pink{background-color:#f532e5;color:#fff!important}
.bg-pink-light{background-color:#f763eb;color:#fff!important}
.bg-pink-dark{background-color:#e90bd6;color:#fff!important}
.bg-pink small{color:inherit}
.bg-purple{background-color:#7266ba;color:#fff!important}
.bg-purple-light{background-color:#9289ca;color:#fff!important}
.bg-purple-dark{background-color:#564aa3;color:#fff!important}
.bg-purple small{color:inherit}
.bg-inverse{background-color:#131e26;color:#fff!important}
.bg-inverse-light{background-color:#243948;color:#fff!important}
.bg-inverse-dark{background-color:#020304;color:#fff!important}
.bg-inverse small{color:inherit}
.bg-yellow{background-color:#fad732;color:#fff!important}
.bg-yellow-light{background-color:#fbe164;color:#fff!important}
.bg-yellow-dark{background-color:#f3ca06;color:#fff!important}
.bg-yellow small{color:inherit}
.bg-white{background-color:#fff;color:inherit!important}
.bg-gray-darker{background-color:#232735;color:#fff!important}
.bg-gray-dark{background-color:#3a3f51;color:#fff!important}
.bg-gray{background-color:#dde6e9;color:#515253!important}
.bg-gray-light{background-color:#e4eaec;color:#515253!important}
.bg-gray-lighter{background-color:#edf1f2;color:#515253!important}
.bg-transparent{background-color:transparent!important}
.bg-cover{background-size:cover}
.thumb8{width:8px!important;height:8px!important}
.thumb16{width:16px!important;height:16px!important}
.thumb24{width:24px!important;height:24px!important}
.thumb32{width:32px!important;height:32px!important}
.thumb48{width:48px!important;height:48px!important}
.thumb64{width:64px!important;height:64px!important}
.thumb80{width:80px!important;height:80px!important}
.thumb96{width:96px!important;height:96px!important}
.thumb128{width:128px!important;height:128px!important}
.align-middle{vertical-align:middle}
.align-top{vertical-align:top}
.align-bottom{vertical-align:bottom}
.bg-center{background-position:center center;background-size:cover}
.list-icon em{font-size:14px;width:40px;vertical-align:middle;margin:0;display:inline-block;text-align:center;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;line-height:30px}
.list-icon div:hover em{-webkit-transform:scale(3,3);-ms-transform:scale(3,3);-o-transform:scale(3,3);transform:scale(3,3)}
.wd-xxs{width:60px}
.wd-xs{width:90px}
.wd-sm{width:150px}
.wd-sd{width:200px}
.wd-md{width:240px}
.wd-lg{width:280px}
.wd-xl{width:320px}
.wd-xxl{width:360px}
.wd-wide{width:100%}
.wd-auto{width:auto}
.wd-zero{width:0}
.label-inverse{background-color:#131e26}
.label-inverse[href]:hover,.label-inverse[href]:focus{background-color:#020304}
.label-green{background-color:#37bc9b}
.label-green[href]:hover,.label-green[href]:focus{background-color:#2b957a}
.label-pink{background-color:#f532e5}
.label-pink[href]:hover,.label-pink[href]:focus{background-color:#e90bd6}
.label-purple{background-color:#7266ba}
.label-purple[href]:hover,.label-purple[href]:focus{background-color:#564aa3}
.alert-purple{background-color:#7266ba;border-color:#7266ba;color:#fff}
.alert-purple hr{border-top-color:#6254b2}
.alert-purple .alert-link{color:#e6e6e6}
.alert-green{background-color:#37bc9b;border-color:#37bc9b;color:#fff}
.alert-green hr{border-top-color:#31a88b}
.alert-green .alert-link{color:#e6e6e6}
.alert-pink{background-color:#f532e5;border-color:#f532e5;color:#fff}
.alert-pink hr{border-top-color:#f41ae2}
.alert-pink .alert-link{color:#e6e6e6}
.alert-inverse{background-color:#131e26;border-color:#131e26;color:#fff}
.alert-inverse hr{border-top-color:#0a1115}
.alert-inverse .alert-link{color:#e6e6e6}
.clickable{cursor:pointer}
.abs-center-container{position:relative}
.abs-center{height:50%;overflow:auto;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
.abs-center.abs-fixed{position:fixed;z-index:999}
.abs-center.abs-right{left:auto;right:20px;text-align:right}
.abs-center.abs-left{right:auto;left:20px;text-align:left}
@media (max-height: 720px) {
.abs-center{position:relative}
}
.link-unstyled{text-decoration:none!important;outline:none!important}
.no-resize{resize:none;max-width:100%;min-width:100%}
.hover-visible .hover-hidden{display:none}
.hover-visible:hover .hover-hidden{display:block}
.hover-visible:hover .hover-hidden-inline{display:inline-block}
.media-box,.media-box-body{overflow:hidden;zoom:1}
.media-box,.media-box .media-box{margin-top:15px}
.media-box:first-child{margin-top:0}
.media-box-object{display:block}
.media-box-heading{margin:0 0 5px}
.media-box > .pull-left{margin-right:10px}
.media-box > .pull-right{margin-left:10px}
.media-box-list{padding-left:0;list-style:none}
@media print {
.sidebar,.topnavbar,.offsidebar,.btn{display:none!important;width:0!important;height:0!important}
.wrapper,.wrapper > section,.content-wrapper{margin:0!important;padding:0!important;width:100%!important}
.content-wrapper{overflow:hidden!important}
}
.setting-color{padding:0 5px}
.setting-color > label{display:block;position:relative;margin:0 10px;border-radius:3px;overflow:hidden;border:1px solid rgba(0,0,0,0.1);cursor:pointer}
.setting-color > label:first-child{margin-left:0}
.setting-color > label:last-child{margin-right:0}
.setting-color > label > .color{display:block;height:18px}
.setting-color > label > .split{display:block}
.setting-color > label > .split:before,.setting-color > label > .split:after{content:" ";display:table}
.setting-color > label > .split:after{clear:both}
.setting-color > label > .split > .color{display:block;height:37.5px}
.setting-color > label > .split > .color:first-child{float:left;width:70%}
.setting-color > label > .split > .color:last-child{float:right;width:30%}
.setting-color > label > .icon-check{position:absolute;display:block;left:50%;top:50%;width:20px;height:20px;margin-top:-20px;margin-left:-10px;text-align:center;font-size:1.33333333em;vertical-align:-15%;color:#fff;opacity:0}
.setting-color > label > input[type="radio"]{position:absolute;opacity:0;visibility:hidden}
.setting-color > label > input[type="radio"]:checked + .icon-check{opacity:1!important}
.flatdoc-wrapper{display:block;margin:-15px}
@media only screen and (min-width: 768px) {
.flatdoc-wrapper{margin:-20px}
}
.flatdoc-wrapper .flatdoc{width:100%;height:100%}
@media only screen and (min-width: 768px) {
.flatdoc-wrapper .flatdoc{display:table;table-layout:fixed;border-spacing:0}

}
.flatdoc-wrapper .flatdoc-menu{border-right:1px solid #e1e2e3;font-size:14px}
@media only screen and (min-width: 768px) {
.flatdoc-wrapper .flatdoc-menu{position:relative;display:table-cell;height:100%;vertical-align:top;width:180px}
.flatdoc-wrapper .flatdoc-menu > ul{padding-top:20px}
}
.flatdoc-wrapper .flatdoc-menu ul{list-style-type:none;margin:0;padding:0}
.flatdoc-wrapper .flatdoc-menu ul.level-1 > li > a{padding-top:25px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e1e2e3;pointer-events:none}
.flatdoc-wrapper .flatdoc-menu ul.level-2 > li + li > a,.flatdoc-wrapper .flatdoc-menu ul.level-2 > li:first-child > a{background-color:rgba(255,255,255,0.75)}
.flatdoc-wrapper .flatdoc-menu ul a{position:relative;display:block;padding:10px;padding-right:30px}
.flatdoc-wrapper .flatdoc-menu ul a,.flatdoc-wrapper .flatdoc-menu ul a:visited{color:#3a3f51}
.flatdoc-wrapper .flatdoc-menu ul a:hover{color:#2e3241;background-color:rgba(255,255,255,0.75);text-decoration:none}
.flatdoc-wrapper .flatdoc-menu ul a.level-1{font-family:montserrat,sans-serif;text-transform:uppercase;font-size:.9em;font-weight:700}
.flatdoc-wrapper .flatdoc-menu ul a.level-1,.flatdoc-wrapper .flatdoc-menu ul a.level-1:visited{color:#3a3f51}
.flatdoc-wrapper .flatdoc-menu ul a.level-1:hover{color:#3a3f51}
.flatdoc-wrapper .flatdoc-menu ul a.level-2{font-weight:600}
.flatdoc-wrapper .flatdoc-menu ul a.level-3{font-weight:400;font-size:.9em;padding-left:15px}
.flatdoc-wrapper .flatdoc-menu ul a.active{font-weight:700!important}
.flatdoc-wrapper .flatdoc-menu ul a.active,.flatdoc-wrapper .flatdoc-menu ul a.active:visited,.flatdoc-wrapper .flatdoc-menu ul a.active:hover{color:#505050!important}
.flatdoc-wrapper .flatdoc-menu ul a.active:after{content:'';display:block;position:absolute;top:50%;margin-top:-2px;right:15px;width:9px;height:3px;border-radius:2px;background:#3a3f51}
.flatdoc-wrapper .flatdoc-content{background-color:#fff;padding:1px 20px 50px}
@media only screen and (min-width: 768px) {
.flatdoc-wrapper .flatdoc-content{display:table-cell;height:100%;vertical-align:top}
}
.flatdoc-wrapper .flatdoc-content pre{background-color:#f3f6fb;border:1px solid #dde6e9}
.flatdoc-wrapper .flatdoc-content pre code{display:inline-block;white-space:pre}
.flatdoc-wrapper .flatdoc-content pre code .string,.flatdoc-wrapper .flatdoc-content pre code .number{color:#2b957a}
.flatdoc-wrapper .flatdoc-content pre code .init{color:#2b957a}
.flatdoc-wrapper .flatdoc-content pre code .keyword{color:#3a3f51;font-weight:700}
.flatdoc-wrapper .flatdoc-content pre code .comment{color:#909FA7}
.flatdoc-wrapper .flatdoc-content > h1{padding:11px 0;margin:0;line-height:1}
.flatdoc-wrapper .flatdoc-content > h2,.flatdoc-wrapper .flatdoc-content > h3{padding:20px;border-top:1px solid #f1f2f3;margin:0 -20px}
.flatdoc-wrapper .button{display:inline-block;padding:6px 16px;font-size:13px;border-radius:3px;text-decoration:none;color:#fff;background-color:#5988d4;border-color:#5988d4}
.flatdoc-wrapper .button:focus,.flatdoc-wrapper .button.focus{color:#fff;background-color:#1aacda;border-color:#189ec8}
.flatdoc-wrapper .button:hover{color:#fff;background-color:#1aacda;border-color:#189ec8}
.flatdoc-wrapper .button:active,.flatdoc-wrapper .button.active,.open > .dropdown-toggle.flatdoc-wrapper .button{color:#fff;background-color:#1aacda;border-color:#189ec8}
.flatdoc-wrapper .button:active:hover,.flatdoc-wrapper .button.active:hover,.open > .dropdown-toggle.flatdoc-wrapper .button:hover,.flatdoc-wrapper .button:active:focus,.flatdoc-wrapper .button.active:focus,.open > .dropdown-toggle.flatdoc-wrapper .button:focus,.flatdoc-wrapper .button:active.focus,.flatdoc-wrapper .button.active.focus,.open > .dropdown-toggle.flatdoc-wrapper .button.focus{color:#fff;background-color:#1aacda;border-color:#189ec8}
.flatdoc-wrapper .button:active,.flatdoc-wrapper .button.active,.open > .dropdown-toggle.flatdoc-wrapper .button{background-image:none}
.flatdoc-wrapper .button.disabled:hover,.flatdoc-wrapper .button[disabled]:hover,fieldset[disabled] .flatdoc-wrapper .button:hover,.flatdoc-wrapper .button.disabled:focus,.flatdoc-wrapper .button[disabled]:focus,fieldset[disabled] .flatdoc-wrapper .button:focus,.flatdoc-wrapper .button.disabled.focus,.flatdoc-wrapper .button[disabled].focus,fieldset[disabled] .flatdoc-wrapper .button.focus{background-color:#5988d4;border-color:#5988d4}
.flatdoc-wrapper .button .badge{color:#5988d4;background-color:#fff}
.flag{display:inline-block;width:16px;height:11px;background:url(flags.png) no-repeat;margin-right:5px;margin-left:2px;position:relative;top:-1px}
.flag.flag-ad{background-position:-16px 0}
.flag.flag-ae{background-position:-32px 0}
.flag.flag-af{background-position:-48px 0}
.flag.flag-ag{background-position:-64px 0}
.flag.flag-ai{background-position:-80px 0}
.flag.flag-al{background-position:-96px 0}
.flag.flag-am{background-position:-112px 0}
.flag.flag-an{background-position:-128px 0}
.flag.flag-ao{background-position:-144px 0}
.flag.flag-ar{background-position:-160px 0}
.flag.flag-as{background-position:-176px 0}
.flag.flag-at{background-position:-192px 0}
.flag.flag-au{background-position:-208px 0}
.flag.flag-aw{background-position:-224px 0}
.flag.flag-ax{background-position:-240px 0}
.flag.flag-az{background-position:0 -11px}
.flag.flag-ba{background-position:-16px -11px}
.flag.flag-bb{background-position:-32px -11px}
.flag.flag-bd{background-position:-48px -11px}
.flag.flag-be{background-position:-64px -11px}
.flag.flag-bf{background-position:-80px -11px}
.flag.flag-bg{background-position:-96px -11px}
.flag.flag-bh{background-position:-112px -11px}
.flag.flag-bi{background-position:-128px -11px}
.flag.flag-bj{background-position:-144px -11px}
.flag.flag-bm{background-position:-160px -11px}
.flag.flag-bn{background-position:-176px -11px}
.flag.flag-bo{background-position:-192px -11px}
.flag.flag-br{background-position:-208px -11px}
.flag.flag-bs{background-position:-224px -11px}
.flag.flag-bt{background-position:-240px -11px}
.flag.flag-bv{background-position:0 -22px}
.flag.flag-bw{background-position:-16px -22px}
.flag.flag-by{background-position:-32px -22px}
.flag.flag-bz{background-position:-48px -22px}
.flag.flag-ca{background-position:-64px -22px}
.flag.flag-catalonia{background-position:-80px -22px}
.flag.flag-cd{background-position:-96px -22px}
.flag.flag-cf{background-position:-112px -22px}
.flag.flag-cg{background-position:-128px -22px}
.flag.flag-ch{background-position:-144px -22px}
.flag.flag-ci{background-position:-160px -22px}
.flag.flag-ck{background-position:-176px -22px}
.flag.flag-cl{background-position:-192px -22px}
.flag.flag-cm{background-position:-208px -22px}
.flag.flag-cn{background-position:-224px -22px}
.flag.flag-co{background-position:-240px -22px}
.flag.flag-cr{background-position:0 -33px}
.flag.flag-cu{background-position:-16px -33px}
.flag.flag-cv{background-position:-32px -33px}
.flag.flag-cw{background-position:-48px -33px}
.flag.flag-cy{background-position:-64px -33px}
.flag.flag-cz{background-position:-80px -33px}
.flag.flag-de{background-position:-96px -33px}
.flag.flag-dj{background-position:-112px -33px}
.flag.flag-dk{background-position:-128px -33px}
.flag.flag-dm{background-position:-144px -33px}
.flag.flag-do{background-position:-160px -33px}
.flag.flag-dz{background-position:-176px -33px}
.flag.flag-ec{background-position:-192px -33px}
.flag.flag-ee{background-position:-208px -33px}
.flag.flag-eg{background-position:-224px -33px}
.flag.flag-eh{background-position:-240px -33px}
.flag.flag-england{background-position:0 -44px}
.flag.flag-er{background-position:-16px -44px}
.flag.flag-es{background-position:-32px -44px}
.flag.flag-et{background-position:-48px -44px}
.flag.flag-eu{background-position:-64px -44px}
.flag.flag-fi{background-position:-80px -44px}
.flag.flag-fj{background-position:-96px -44px}
.flag.flag-fk{background-position:-112px -44px}
.flag.flag-fm{background-position:-128px -44px}
.flag.flag-fo{background-position:-144px -44px}
.flag.flag-fr{background-position:-160px -44px}
.flag.flag-ga{background-position:-176px -44px}
.flag.flag-gb{background-position:-192px -44px}
.flag.flag-gd{background-position:-208px -44px}
.flag.flag-ge{background-position:-224px -44px}
.flag.flag-gf{background-position:-240px -44px}
.flag.flag-gg{background-position:0 -55px}
.flag.flag-gh{background-position:-16px -55px}
.flag.flag-gi{background-position:-32px -55px}
.flag.flag-gl{background-position:-48px -55px}
.flag.flag-gm{background-position:-64px -55px}
.flag.flag-gn{background-position:-80px -55px}
.flag.flag-gp{background-position:-96px -55px}
.flag.flag-gq{background-position:-112px -55px}
.flag.flag-gr{background-position:-128px -55px}
.flag.flag-gs{background-position:-144px -55px}
.flag.flag-gt{background-position:-160px -55px}
.flag.flag-gu{background-position:-176px -55px}
.flag.flag-gw{background-position:-192px -55px}
.flag.flag-gy{background-position:-208px -55px}
.flag.flag-hk{background-position:-224px -55px}
.flag.flag-hm{background-position:-240px -55px}
.flag.flag-hn{background-position:0 -66px}
.flag.flag-hr{background-position:-16px -66px}
.flag.flag-ht{background-position:-32px -66px}
.flag.flag-hu{background-position:-48px -66px}
.flag.flag-ic{background-position:-64px -66px}
.flag.flag-id{background-position:-80px -66px}
.flag.flag-ie{background-position:-96px -66px}
.flag.flag-il{background-position:-112px -66px}
.flag.flag-im{background-position:-128px -66px}
.flag.flag-in{background-position:-144px -66px}
.flag.flag-io{background-position:-160px -66px}
.flag.flag-iq{background-position:-176px -66px}
.flag.flag-ir{background-position:-192px -66px}
.flag.flag-is{background-position:-208px -66px}
.flag.flag-it{background-position:-224px -66px}
.flag.flag-je{background-position:-240px -66px}
.flag.flag-jm{background-position:0 -77px}
.flag.flag-jo{background-position:-16px -77px}
.flag.flag-jp{background-position:-32px -77px}
.flag.flag-ke{background-position:-48px -77px}
.flag.flag-kg{background-position:-64px -77px}
.flag.flag-kh{background-position:-80px -77px}
.flag.flag-ki{background-position:-96px -77px}
.flag.flag-km{background-position:-112px -77px}
.flag.flag-kn{background-position:-128px -77px}
.flag.flag-kp{background-position:-144px -77px}
.flag.flag-kr{background-position:-160px -77px}
.flag.flag-kurdistan{background-position:-176px -77px}
.flag.flag-kw{background-position:-192px -77px}
.flag.flag-ky{background-position:-208px -77px}
.flag.flag-kz{background-position:-224px -77px}
.flag.flag-la{background-position:-240px -77px}
.flag.flag-lb{background-position:0 -88px}
.flag.flag-lc{background-position:-16px -88px}
.flag.flag-li{background-position:-32px -88px}
.flag.flag-lk{background-position:-48px -88px}
.flag.flag-lr{background-position:-64px -88px}
.flag.flag-ls{background-position:-80px -88px}
.flag.flag-lt{background-position:-96px -88px}
.flag.flag-lu{background-position:-112px -88px}
.flag.flag-lv{background-position:-128px -88px}
.flag.flag-ly{background-position:-144px -88px}
.flag.flag-ma{background-position:-160px -88px}
.flag.flag-mc{background-position:-176px -88px}
.flag.flag-md{background-position:-192px -88px}
.flag.flag-me{background-position:-208px -88px}
.flag.flag-mg{background-position:-224px -88px}
.flag.flag-mh{background-position:-240px -88px}
.flag.flag-mk{background-position:0 -99px}
.flag.flag-ml{background-position:-16px -99px}
.flag.flag-mm{background-position:-32px -99px}
.flag.flag-mn{background-position:-48px -99px}
.flag.flag-mo{background-position:-64px -99px}
.flag.flag-mp{background-position:-80px -99px}
.flag.flag-mq{background-position:-96px -99px}
.flag.flag-mr{background-position:-112px -99px}
.flag.flag-ms{background-position:-128px -99px}
.flag.flag-mt{background-position:-144px -99px}
.flag.flag-mu{background-position:-160px -99px}
.flag.flag-mv{background-position:-176px -99px}
.flag.flag-mw{background-position:-192px -99px}
.flag.flag-mx{background-position:-208px -99px}
.flag.flag-my{background-position:-224px -99px}
.flag.flag-mz{background-position:-240px -99px}
.flag.flag-na{background-position:0 -110px}
.flag.flag-nc{background-position:-16px -110px}
.flag.flag-ne{background-position:-32px -110px}
.flag.flag-nf{background-position:-48px -110px}
.flag.flag-ng{background-position:-64px -110px}
.flag.flag-ni{background-position:-80px -110px}
.flag.flag-nl{background-position:-96px -110px}
.flag.flag-no{background-position:-112px -110px}
.flag.flag-np{background-position:-128px -110px}
.flag.flag-nr{background-position:-144px -110px}
.flag.flag-nu{background-position:-160px -110px}
.flag.flag-nz{background-position:-176px -110px}
.flag.flag-om{background-position:-192px -110px}
.flag.flag-pa{background-position:-208px -110px}
.flag.flag-pe{background-position:-224px -110px}
.flag.flag-pf{background-position:-240px -110px}
.flag.flag-pg{background-position:0 -121px}
.flag.flag-ph{background-position:-16px -121px}
.flag.flag-pk{background-position:-32px -121px}
.flag.flag-pl{background-position:-48px -121px}
.flag.flag-pm{background-position:-64px -121px}
.flag.flag-pn{background-position:-80px -121px}
.flag.flag-pr{background-position:-96px -121px}
.flag.flag-ps{background-position:-112px -121px}
.flag.flag-pt{background-position:-128px -121px}
.flag.flag-pw{background-position:-144px -121px}
.flag.flag-py{background-position:-160px -121px}
.flag.flag-qa{background-position:-176px -121px}
.flag.flag-re{background-position:-192px -121px}
.flag.flag-ro{background-position:-208px -121px}
.flag.flag-rs{background-position:-224px -121px}
.flag.flag-ru{background-position:-240px -121px}
.flag.flag-rw{background-position:0 -132px}
.flag.flag-sa{background-position:-16px -132px}
.flag.flag-sb{background-position:-32px -132px}
.flag.flag-sc{background-position:-48px -132px}
.flag.flag-scotland{background-position:-64px -132px}
.flag.flag-sd{background-position:-80px -132px}
.flag.flag-se{background-position:-96px -132px}
.flag.flag-sg{background-position:-112px -132px}
.flag.flag-sh{background-position:-128px -132px}
.flag.flag-si{background-position:-144px -132px}
.flag.flag-sj{background-position:-160px -132px}
.flag.flag-sk{background-position:-176px -132px}
.flag.flag-sl{background-position:-192px -132px}
.flag.flag-sm{background-position:-208px -132px}
.flag.flag-sn{background-position:-224px -132px}
.flag.flag-so{background-position:-240px -132px}
.flag.flag-somaliland{background-position:0 -143px}
.flag.flag-sr{background-position:-16px -143px}
.flag.flag-ss{background-position:-32px -143px}
.flag.flag-st{background-position:-48px -143px}
.flag.flag-sv{background-position:-64px -143px}
.flag.flag-sx{background-position:-80px -143px}
.flag.flag-sy{background-position:-96px -143px}
.flag.flag-sz{background-position:-112px -143px}
.flag.flag-tc{background-position:-128px -143px}
.flag.flag-td{background-position:-144px -143px}
.flag.flag-tf{background-position:-160px -143px}
.flag.flag-tg{background-position:-176px -143px}
.flag.flag-th{background-position:-192px -143px}
.flag.flag-tibet{background-position:-208px -143px}
.flag.flag-tj{background-position:-224px -143px}
.flag.flag-tk{background-position:-240px -143px}
.flag.flag-tl{background-position:0 -154px}
.flag.flag-tm{background-position:-16px -154px}
.flag.flag-tn{background-position:-32px -154px}
.flag.flag-to{background-position:-48px -154px}
.flag.flag-tr{background-position:-64px -154px}
.flag.flag-tt{background-position:-80px -154px}
.flag.flag-tv{background-position:-96px -154px}
.flag.flag-tw{background-position:-112px -154px}
.flag.flag-tz{background-position:-128px -154px}
.flag.flag-ua{background-position:-144px -154px}
.flag.flag-ug{background-position:-160px -154px}
.flag.flag-um{background-position:-176px -154px}
.flag.flag-us{background-position:-192px -154px}
.flag.flag-uy{background-position:-208px -154px}
.flag.flag-uz{background-position:-224px -154px}
.flag.flag-va{background-position:-240px -154px}
.flag.flag-vc{background-position:0 -165px}
.flag.flag-ve{background-position:-16px -165px}
.flag.flag-vg{background-position:-32px -165px}
.flag.flag-vi{background-position:-48px -165px}
.flag.flag-vn{background-position:-64px -165px}
.flag.flag-vu{background-position:-80px -165px}
.flag.flag-wales{background-position:-96px -165px}
.flag.flag-wf{background-position:-112px -165px}
.flag.flag-ws{background-position:-128px -165px}
.flag.flag-xk{background-position:-144px -165px}
.flag.flag-ye{background-position:-160px -165px}
.flag.flag-yt{background-position:-176px -165px}
.flag.flag-za{background-position:-192px -165px}
.flag.flag-zanzibar{background-position:-208px -165px}
.flag.flag-zm{background-position:-224px -165px}
.flag.flag-zw{background-position:-240px -165px}
.with-counter { padding-right: 30px !important; }
.suboption-counter { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); width: 16px; height: 16px; border-radius: 50%; background: #F8F9FD; text-align: center; color: rgb(33 37 41 / 50%); line-height: 15px; font-size: 12px;}
#totalCounter { top: 10px !important; z-index: 99999 }
.btn-mollie-connect { background-image: url("../../Content/Images/mollie-connect.png"), url("../../Images/mollie-connect.png"); background-repeat: no-repeat; background-position: center; background-clip: border-box; display: block; width: 240px; height: 45px; text-decoration: none; cursor: pointer; overflow: hidden; text-indent: 100%; white-space: nowrap; }

.badge-container {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.badge-container .col {
    padding-left:0px;
    padding-right:0px;
}

table.dataTable .badge-container .badge {
    margin-right: 0px;
}

.layout-fixed aside .aside-inner { -webkit-font-smoothing: antialiased; overflow-y: auto }
.layout-fixed aside .aside-inner::-webkit-scrollbar { width: 8px }
.layout-fixed aside .aside-inner::-webkit-scrollbar-thumb { background: #7e8996; border-radius: 40px; right: 10px; border: 2px solid #232A3B; }
.layout-fixed aside .aside-inner::-webkit-scrollbar-track { background: #131d27; }
.admin-sidebar .nav { padding: 0 10px;}
.admin-sidebar .nav-heading { border-bottom: 1px solid rgba(255, 255, 255, 0.07); border-radius: 0; margin: 3px 0; padding-bottom: 3px;}
.admin-sidebar .nav-heading > a[data-toggle="collapse"]:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 100;
    height: 16px;
    width: 16px;
    display: inline-block;
    float: right;
    top: 15px;
    position: absolute;
    border-radius: 20px;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    opacity: 0;
    right: 15px;
    transition: all 0.3s ease-in-out;
}
.admin-sidebar .nav-heading:hover > a[data-toggle="collapse"]:after {
    opacity: 1;
}
.admin-sidebar .nav-heading > a:not(.collapsed):after {
    transform: rotate(180deg);
}

.admin-sidebar .nav-heading .module { font-size: 16px; padding: 10px; line-height: inherit; border-radius: 5px}
.admin-sidebar .nav-heading.active .module { border-radius: 5px 5px 0 0 }
.admin-sidebar .nav-heading .fas { color: rgba(255, 255, 255, .7);font-size: 14px !important; font-weight: 700 !important; margin-right: 3px !important; width: 20px !important; text-align: center !important;}
.admin-sidebar .nav-heading .description { color: rgb(255 255 255 / 60%); font-size: 13px; font-weight: initial !important; line-height: 16px; text-overflow: ellipsis; display: block; width: 100%; overflow: hidden; margin-bottom: 2px; height: 16px; transition: all 0.2s linear; white-space: nowrap; padding-left: 35px; opacity: 0.5;}
.admin-sidebar .nav-heading .title { color: rgba(255, 255, 255, .7); margin-left: 10px}
.admin-sidebar .nav-heading a:not(.collapsed) .description {opacity: 0; height: 0}
.admin-sidebar .nav-heading:hover .module { color: white !important }
.admin-sidebar .nav-heading:hover .description { color: white; }
.admin-sidebar .nav.submenu { padding: 0; background: #28313d;}
.admin-sidebar .nav.submenu a { padding: 5px 10px; }
.admin-sidebar .nav.submenu a .fas { width: 1.25em; text-align: center; margin-right: 1rem}
.admin-sidebar .nav.submenu .child-module { padding-bottom: 0 }
.admin-sidebar .nav.submenu .child-module .badge { background: none !important; color: rgba(255, 255, 255, .7);}
.admin-sidebar .nav.submenu .child-module.active .title{ color: white; !important }
.admin-sidebar .nav.submenu .child-module.active .badge { color: white !important }
.admin-sidebar .nav.submenu .child-module:hover .badge { color: white !important; }
.admin-sidebar .nav.submenu .child-module.active .fas{ color: white; !important }
.admin-sidebar .nav.submenu .child-module:hover .title{ color: white; !important }
.admin-sidebar .nav.submenu .child-module:hover .fas{ color: white; !important }
.admin-sidebar .nav .child-module .sub-module a { color: rgba(255, 255, 255, .7) }
.admin-sidebar .nav .child-module .sub-module.active a { color: white !important; font-weight: bold}
.admin-sidebar .nav .child-module .sub-module a:hover { color: white !important; font-weight: bold}
.admin-sidebar .nav-heading-section { color: #919DA8; padding: 10px;}
.admin-sidebar .nav-heading .module:not(.collapsed) {
    background: rgba(255, 255, 255, 0.05) !important;
    opacity: 1 !important;
}
.admin-sidebar .nav-heading .module:hover{
    background:#28313d !important
}
.admin-sidebar .nav.submenu .child-module:first-child {
    margin-top: 5px;
}
.admin-sidebar .nav.submenu .child-module:last-child {
    margin-bottom: 5px;
}
.bottom-stick { width: 260px;  background: #131d27; border-top: 1px solid #131d27}

@media only screen and (min-width: 991px) {
    .topnavbar .navbar-header{width: 260px; z-index: 10; height: 58px; background: #131d27!important;}
    .topnavbar .navbar-header .navbar-brand{width:100%}
    .topnavbar .navbar-header {
        transition: background 0.2s linear;
    }
    .topnavbar.closed-menu .navbar-header {
        background: white !important;
    }
    section.closed-menu {
        margin-left: 0;
    }
    .aside-main {
        transition: margin-left 0.2s linear;
    }
    .aside-main.closed-menu {
        margin-left: -260px;
    }
    .aside-main.closed-menu .menu-collapse {
        right: -40px;
    }
    .aside-main:not(.closed-menu) .menu-collapse .fa-arrow-right-to-line {
        display: none;
        opacity: 0;
    }
    .aside-main.closed-menu .menu-collapse .fa-arrow-left-to-line {
        display: none;
        opacity: 0;
    }
    .aside-inner .menu-collapse {
        position:  absolute;
        right: -16px;
        top:  75px;
        height: 32px;
        width: 32px;
        background:  #131d27;
        border: 1px solid #242d36;
        z-index: 999;
        border-radius: 50px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .aside-inner .menu-collapse:hover {
        background: white;
    }
    .aside-inner .menu-collapse .arrow-icon {
        color: white;
    }
    .aside-inner .menu-collapse:hover .arrow-icon {
        color: #131d27;
    }
}

@media only screen and (max-width: 992px)  {
    .aside-main, .aside-inner { width: 75vw !important; margin-left: -75vw; transition: all 0.2s linear}
    .aside-main.open, .aside-inner { margin-left: 0;}
    .nav-wrapper .favourite-teams { display: none !important; }
    .nav-wrapper .teamsearch { display: none !important; }
    .bottom-stick { width: 75vw; }
    .wrapper > section { margin-left: 0 }
    .wrapper > footer { margin-left: 0; width: 100vw }
    .navbar-header .openmenu { font-size: 22px; float: left; height: 55px; width: 55px; text-align: center; line-height: 55px; color: #232a3b; margin-right: -10px; z-index: 999; position: relative }
    .topnavbar .navbar-header .brand-logo{background-image:url(https://knltb.club/designs/lisa-x/app/img/KNLTB-club-logo.svg);width:115px;margin-left:-10px;padding-right:0;background-size:80% !important;}
    .topnavbar .openmenu.open .fa-bars { opacity: 0 }
    .topnavbar .openmenu.open .fa-times { opacity: 1 }
    .topnavbar .openmenu .fa-bars { opacity: 1 }
    .topnavbar .openmenu .fa-times { opacity: 0 }
    .openmenu .fal{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}
}

.guest-report-table > .table thead {
    top: auto;
}

.select2-container--default.select2-grouped .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 14px
}

.news-header, .news-comment-header{
min-width: 120px;
}

#registrations_wrapper{
    overflow-x: auto;
}

#cancelled-registrations_wrapper{
    overflow-x: auto;
}

.-mx-1 {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important;
}

.-mr-1 {
    margin-right: -.5rem !important;
}

.-ml-1 {
    margin-left: -.5rem !important;
}

.-mx-2 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
}

.-mr-2 {
    margin-right: -1rem !important;
}

.-ml-2 {
    margin-left: -1rem !important;
}

.-mx-3 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}

.-mr-3 {
    margin-right: -1.5rem !important;
}

.-ml-3 {
    margin-left: -1.5rem !important;
}

.dataTable tr.child>td {
    padding-right: 0 !important;
}
/*  LAST UPDATED: 05-12-2022 10:25  */
hr {
    border-top: 1px solid #eee;
}
.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}
.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}
.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}
.d-inline-block {
    display: inline-block
}
.overflow-hidden {
    overflow: hidden !important
}
.align-center {
    -ms-flex-align: center !important;
    align-items: center !important
}
.ml-auto {
    margin-left: auto !important;
}
.mr-auto {
    margin-right: auto !important;
}
.px-1 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.px-2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px-3 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.px-4 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.px-5 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.position-absolute {
    position: absolute
}

.position-relative {
    position: relative
}

.top-n3{top: -3px}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.z-index-0 {
    z-index: 0
}

.z-index-10 {
    z-index: 10
}

.z-index-50 {
    z-index: 50
}

.z-index-100 {
    z-index: 100
}

.disabled {
    opacity: .5;
    cursor: not-allowed
}

.wrapper {
    overflow-x: inherit
}

.info-text,
.text-info {
    color: #457bd4;
}

.row-eq {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.relative {
    position: relative
}

.fas.text-muted,
.fal.text-muted,
.far.text-muted {
    color: #909FA7 !important
}

.badge {
    padding: 5px 10px !important;
    border-radius: 10px;
    margin: 1px 0;
}

.badge-light {
    color: #2e7d32;
    background-color: #def7ec;
}

.badge-success-inverse {
    color: #2e7d32;
    background-color: #def7ec;
}

.badge-primary-inverse {
    color: #0d47a1;
    background-color: #e1effe
}

.badge-warning-inverse {
    color: #e65100;
    background-color: #feecdc
}

.badge-danger-inverse {
    color: #c62828;
    background-color: #fde8e8;
}

input[type="date"i]::-webkit-calendar-picker-indicator {
    margin-inline-start: 10px;
    margin-left: 10px;
}

input::-webkit-datetime-edit {
    flex: auto;
}

.btn-danger {
    background-color: #fff4f3 !important;
    border-color: #e19690 !important;
    color: #c3372d !important;
    box-shadow: none
}

.btn-danger:hover {
    background: #ea5348 !important;
    border-color: #ea5348 !important;
    color: #FFF !important
}

.nav-items li.active .badge-light {
    background-color: #FFF !important;
    color: #131d27;
}

body .whirl:before {
    margin: 0 auto;
}

.modal-body {
    display: block;
    max-height: 70vh;
    overflow: auto;
}

.btn-group[data-toggle="buttons"] .btn:active,
.btn-group[data-toggle="buttons"] .btn.active {
    background-image: none;
    box-shadow: 0 1px 2px rgb(24 26 26 / 10%), 0 1px 2px rgb(24 26 26 / 10%) inset;
    background: #e9eef9 !important;
    border-color: #457bd4 !important;
    color: #3e92ed !important;
}

.badge-light {
    color: #252f3f;
    background: #F8F9FD
}

a.badge-light:hover {
    background: #252f3f
}

.badge.card {
    background: none;
    height: 16px;
    width: 11px;
    display: inline-block;
    padding: 0;
    border-radius: 2px;
    position: relative;
    transform: rotate(8deg);
}

.badge.card.red.yellow {
    transform: rotate(8deg);
}

.badge.card.yellow {
    background: #FFDD00;
}

.badge.card.yellow:after {
    content: "";
    background: #FFDD00;
    position: relative;
    left: -3px;
    display: block;
    height: 16px;
    width: auto;
    border-radius: 2px;
    z-index: 1;
    transform: rotate(-16deg);
    top: 1px;

}

.badge.card.red {
    background: #E12E24
}

.badge-xs {
    padding: 4px 10px !important;
    font-size: 11px;
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.cursor-pointer {
    cursor: pointer
}

.tox-tinymce {
    border: 1px solid #bdc7d4;
    border-radius: 6px;
}

.fa-xs {
    font-size: 12px
}

.fa-sm {
    font-size: 15px
}

.fa-md {
    font-size: 20px
}

.fa-xl {
    font-size: 30px
}

table tr td a,
.strong,
.font-weight-bold {
    font-weight: 600 !important
}

.font-weight-normal {
    font-weight: 500 !important
}

.table.table-large > tbody > tr > td:first-child,
.table.table-large > tbody > tr > td:last-child {
    padding: 15px;
}

.filter-options .select2-container {
    width: 100% !important
}

.select2-dropdown {
    border: 1px solid #ced4da !important
}

.select2-results__option {
    padding: 5px 10px !important;
    vertical-align: middle;
    margin: 0;
}

.select2-results__option:not([role=group]):before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -2px
}

.select2-results__option[aria-selected=true]:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    color: #457bd4;
    background-color: #e9eef9;
    border: 1px solid #457bd4;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    line-height: 20px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #FFF;
    color: #272727
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 4px
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f77750;
    border-width: 2px
}

.select2-container--open .select2-dropdown--below {
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

.select2-selection .select2-selection--multiple:after {
    content: ''
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    overflow: inherit !important
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    background: #f8f8f8;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    margin-right: 0 !important;
    margin-top: 8px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear:hover {
    background: #212529;
    color: #FFF;
}


.panel-filter .select2-container .select2-selection--multiple .select2-selection__rendered {
    max-height: 60px;
    overflow-y: scroll !important;
}


.select2-container--default .select2-results__option[role=group] {
    padding: 0 !important;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 0px 10px;
    position: sticky;
    top: 0;
    background: #FFF;
    z-index: 3;
    line-height: 36px;
    border-bottom: 1px solid #f6f7f8;
}

.select-icon .select2-selection__placeholder .badge {
    display: none
}

.select-icon .placeholder {
    display: none
}

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important
}

.select-icon .select2-search--dropdown {
    display: none
}

.input-group.flex {
    display: flex
}

.input-group.flex .input-group-btn {
    width: auto
}

.input-group.flex .form-control {
    width: -webkit-fill-available
}

.alert-dismissable .close,
.alert-dismissible .close {
    top: 2px;
    right: -5px;
    opacity: 0.5;
}

.alert {
    padding: 8px 15px;
}

.o-50 {
    opacity: .5
}

.panel-heading .btn.btn-success,
.add-profile-picture {
    color: #457bd4 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none;

}

.panel-heading .btn.btn-success:hover,
.add-profile-picture:hover {
    color: #FFF !important;
    border-color: #457bd4 !important;
    background: #457bd4 !important;
    box-shadow: 0 0 0 1px #367cc7 inset !important
}

.panel-heading .btn.btn-success:first-child {
    margin-right: -5px !important
}

.panel .panel-heading a.btn {
    position: relative;
    top: -2px;
    right: -5px;
}

.panel-heading .btn.btn-success {
    margin-left: 5px
}

.panel-heading .btn {
    margin-left: 5px;
    font-weight: 600;
    padding: 4px 10px !important
}

.panel-heading .btn-link:hover {
    color: #FFF;
    background: #457bd4 !important;
    text-decoration: none;
    box-shadow: 0 0 0 1px #367cc7 inset !important
}
.panel .panel-heading a.btn-primary{background:#447bd4}
.panel .panel-heading a.btn-primary:hover{background:#4973b7}

.panel-default.clean,
.panel-heading.clean {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important
}

/*.panel-heading .btn-link:after{margin-left:5px;content:"\f055";font-family:"Font Awesome 5 Pro","Source Sans Pro",arial,sans-serif;font-weight:800!important}*/

.panel-heading .type-view .btn.active {
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);
    background: #F8F9FD !important
}

.panel-heading .type-view .btn i {
    position: relative;
    top: -1px
}

.panel-default > .panel-body {
    border-radius: 6px
}

.ox-hidden {
    overflow-x: hidden !important;
}

.oy-hidden {
    overflow-y: hidden !important;
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.form-group {
    margin-bottom: 10px;
    display: flow-root
}

#panelChart9 .panel-body {
    padding: 10px
}

.pagination > li > a,
.pagination > li > span {
    color: #374151;
    border: 1px solid #d2d6dc;
    font-weight: 600;
    font-size: 14px;
    height: 35px
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    border-color: #d2d6dc;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    border-color: #d2d6dc;
}

.pagination > li.disabled {
    opacity: 1;
}

.pagination > li.disabled a:before {
    color: rgb(55 65 81 / .25) !important;
}

.pagination > li.next a {
    font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.pagination > li.next a:before {
    content: "\f054" !important;
    color: #374151;
    line-height: 24px;
    font-size: 13px;
}

.pagination > li.previous a:before {
    content: "\f053" !important;
    color: #374151;
    line-height: 24px;
    font-size: 13px;
}

.pagination > li.previous a,
.pagination > li.next a {
    width: 40px;
    color: transparent !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #F8F9FD;
    color: #374151;
    border-color: #d2d6dc;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #374151;
    padding: 6px 15px;
}

div.dataTables_paginate li.first > a,
div.dataTables_paginate li.previous > a {
    padding-left: 14px !important;
}

div.dataTables_paginate li.first a:before,
div.dataTables_paginate li.previous a:before {
    position: initial !important;
}

.panel.statistics p {
    line-height: 18px
}

.panel.statistics .badge {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 11px;
    border-radius: 40px;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
    margin: 0
}

.statsholder {
    display: -ms-flexbox !important;
    display: flex !important;
    text-align: center
}

.panel.stats:first-child {
    border-radius: 6px 0 0 6px;
    border: 1px solid #e7ebf0;
}

.panel.stats:last-child {
    border-radius: 0 6px 6px 0
}

.panel.stats {
    border-right: 1px solid #e7ebf0;
    border-top: 1px solid #e7ebf0;
    border-bottom: 1px solid #e7ebf0;
    border-radius: 0;
    box-shadow: 0 3px 5px 0 rgb(36 42 59 / 8%);
    background: #fff;
    color: #626B7E;
    -ms-flex: 1 1 0 !important;
    flex: 1 1 0 !important;
    padding: 30px 0;
    position: relative;
}

.panel.stats > i {
    position: absolute;
    left: 15px;
    font-size: 26px;
    top: 15px;
    font-weight: 700;
    color: #cfdbe2;
    width: 35px;
}

.table > thead > tr > th {
    padding: 7.5px 10px;
    cursor: pointer !important;
    color: #9a9a9d !important
}

.table > thead > tr > th:hover {
    color: #232b3b !important;
    background: #f5f7fa;
}

.table > thead > tr > th:first-child {
    border-top-left-radius: 6px;
    padding: 7.5px 15px;
}

.table > thead > tr > th:last-child {
    border-top-right-radius: 6px;
    padding: 7.5px 15px !important;
}

.table > tbody > tr > td {
    padding: 7.5px 10px;
}
.table > tbody > tr > td:empty{
    padding: 0px!important;
}

.ledenlijst .dataTable thead tr th:nth-child(2) {
    pointer-events: inherit;
}

.selected .c-checkbox input[type=checkbox] ~ span,
.c-checkbox input[type=checkbox]:checked ~ span,
.c-radio input[type=checkbox]:checked ~ span,
.c-checkbox input[type=radio]:checked ~ span,
.c-radio input[type=radio]:checked ~ span {
    border-color: #457bd4;
    background: #e9eef9
}

.selected .c-checkbox input[type=checkbox] ~ span:before,
.c-checkbox input[type=checkbox]:checked ~ span:before,
.c-radio input[type=checkbox]:checked ~ span:before,
.c-checkbox input[type=radio]:checked ~ span:before,
.c-radio input[type=radio]:checked ~ span:before {
    color: #457bd4;
    opacity: 1
}

.c-checkbox input[type=checkbox]:disabled ~ span,
.c-radio input[type=checkbox]:disabled ~ span,
.c-checkbox input[type=radio]:disabled ~ span,
.c-radio input[type=radio]:disabled ~ span {
    border-color: #cccccc !important;
    cursor: not-allowed;
    background: #dddddd !important;
}

.c-checkbox input[type=checkbox]:disabled ~ span:before,
.c-radio input[type=checkbox]:disabled ~ span:before,
.c-checkbox input[type=radio]:disabled ~ span:before,
.c-radio input[type=radio]:disabled ~ span:before {
    color: #FFF !important;

}

.c-radio input[type=radio]:disabled ~ span:before{background: #FFF !important;}

.radio label,
.checkbox label,
label {
    line-height: 20px
}

.switch input:checked ~ span,
.switch input:checked:hover ~ span {
    background-color: #dceafc;
    border-color: #457bd4;
    transition: all .5s
}

.switch input:checked ~ span:after {
    background-color: #457bd4;
    border: 1px solid #dbe8fb;
}

.switch input:hover ~ span {
    background: #eff6fe;
    border-color: #457bd4;
    transition: all 0
}

.switch.admininput span {
    border: 1px solid #abadb3
}

.switch.admininput span:after {
    background: #585c67
}

.switch.admininput input:checked ~ span,
.switch.admininput input:checked:hover ~ span {
    border: 1px solid #575b66;
    background-color: #585c6730;
}

.switch.admininput input:checked ~ span:after {
    background-color: #585c67;
}


.switch input ~ span {
    transition: all 0
}
.aside-inner .menu-collapse{}
.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-success {
    background-color: #def7ec;
    border-color: #def7ec;
    color: #2e7d32;}

.alert-danger {

    border-color: #fde8e8;
    color: #c62828;
    background-color: #fde8e8;}

.alert-warning {
    border-color: #feecdc;
    color: #e65100;
    background-color: #feecdc;
}

.alert-warning a {
    color: #E06A00;
    font-weight: 600
}

.alert-warning a:hover {
    opacity: 1
}

.systemnotifications .panel-body h3 {
    margin-top: 0;
    padding-top: 20px
}

.input-group-addon .fa {
    color: #616b7e
}

.input-group .input-group-addon > div {
    margin: 0 -10px;
    padding: 0;
    min-height: auto;
    position: relative;
    left: 2px;
    top: 1px;
}

.text-grey {
    color: #616b7e
}

.bt-0 {
    border-top: 0 !important
}

.bb-1 {
    border-bottom: 1px solid #eee !important
}

.v-center {
    align-items: center;
    display: flex
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.col {
    float: left;
    display: inline-block;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.img-thumbnail {
    padding: 0px;
}

.mw-120 {
    max-width: 120px
}

.panel-row {
    display: block;
    width: 100%;
    float: left
}

.d-block {
    display: block !important
}

.row-no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.row-no-gutters [class *=col-] {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.no-round-bl {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.no-round-br {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.form-horizontal .control-label {
    vertical-align: middle;
    line-height: 22px;
}

.select-custom {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .5em;
    padding-right: 1.5em
}

.img-rounded {
    border-radius: 3px
}

.content-lang li a {
    padding: 7px 20px
}

.content-lang li img {
    width: 16px
}


.modal-dialog.ui-draggable {
    opacity: 1;
    -webkit-transition: -webkit-opacity 2s ease;
    -moz-transition: -moz-opacity 2s ease;
    -o-transition: -o-opacity 2s ease;
    transition: opacity 2s ease;
}

.modal-dialog.ui-draggable .modal-header:focus,
.modal-dialog.ui-draggable-dragging {}

.modal-header {
    display: flex;
    -ms-flex-pack: justify !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    min-height: 48px;
    background: none;
    border-bottom: none;
    cursor: grab;
}

.modal-header:focus,
.modal-header:active {
    cursor: grabbing;
}


.modal-header .close {
    -ms-flex-order: 2;
    order: 2;
    margin-right: 0;
    position: absolute;
    right: 5px
}

.modal-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.modal-footer {
    background: #f8f8f8;
    border-radius: 0 0 6px 6px;
}

.panel .nav-tabs.content-lang > li > a {
    border-top: 1px solid #dde6e9 !important;
    border-left: 1px solid #dde6e9 !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.modal .carousel .carousel-indicators {
    bottom: 70px;
}

.modal .carousel-indicators .active {
    margin: 1px;
    width: 12px;
    height: 12px;
    background-color: rgb(34 34 34 / 50%);
}

.modal .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 1px;
    border: 1px solid rgb(34 34 34 / 20%);
}

.modal .carousel-control {
    bottom: 70px;
    color: #222;
    text-align: center;
    text-shadow: none;
    width: 10%;
}

.modal .carousel-control:hover,
.modal .carousel-control:focus {
    color: #333;
}

.modal-backdrop.in {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.modal-open .modal,
.modal-backdrop.in {
    pointer-events: none
}

.modal.in .modal-dialog {
    pointer-events: all
}

.modal-content {
    -webkit-box-shadow: 0 5px 55px rgb(0 0 0 / 30%);
    box-shadow: 0 5px 55px rgb(0 0 0 / 30%);
}

.input-group-addon {
    border: 1px solid #c8d0d4;
    background-color: #f6f7fa
}

.radio-inline,
.checkbox-inline {
    line-height: 22px;
    display: inline-flex;
    align-items: center;
}

.c-checkbox span.fa,
.c-radio span.fa {
    -webkit-box-shadow: 0 1px 2px rgb(24 26 26 / 10%), 0 1px 2px rgb(24 26 26 / 10%) inset;
    box-shadow: 0 1px 2px rgb(24 26 26 / 10%), 0 1px 2px rgb(24 26 26 / 10%) inset;
    border: 1px solid #bdc7d4;
    margin-right: 7.5px
}

.c-checkbox:hover span,
.c-radio:hover span {
    border-color: #457bd4 !important;
}

.c-checkbox.admininput span.fa,
.c-radio.admininput span.fa {
    border: 1px solid #abadb3;
    background: #efeff0
}

.c-checkbox.admininput:hover span,
.c-radio.admininput:hover span {
    border-color: #575b66 !important;
}

.selected .c-checkbox.admininput input[type=checkbox] ~ span,
.c-checkbox.admininput input[type=checkbox]:checked ~ span,
.c-radio.admininput input[type=checkbox]:checked ~ span,
.c-checkbox.admininput input[type=radio]:checked ~ span,
.c-radio.admininput input[type=radio]:checked ~ span {
    border-color: #575b66;
    background: #e0e0e2;
}

.selected .c-checkbox.admininput input[type=checkbox] ~ span:before,
.c-checkbox.admininput input[type=checkbox]:checked ~ span:before,
.c-radio.admininput input[type=checkbox]:checked ~ span:before,
.c-checkbox.admininput input[type=radio]:checked ~ span:before,
.c-radio.admininput input[type=radio]:checked ~ span:before {
    color: #585c67;

}

.c-radio.admininput input[type=checkbox]:checked ~ span:before,
.c-radio.admininput input[type=radio]:checked ~ span:before {
    background: #585c67;

}

.wrapper > footer {
    z-index: 111
}

.test-version-banner {
    position: fixed;
    bottom: 0;
    z-index: 19;
    width: 220px;
    height: 30px;
    display: block;
    text-align: center;
    left: 50px;
    border-radius: 0;
    line-height: 28px;
    padding: 0;
    background: #ff4917;
    margin-bottom: 0;
    font-weight: 600
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 200ms !important;
    animation-duration: 200ms !important
}

input#searchtop::placeholder {
    color: #75777b !important
}

.input-group .form-control:focus {
    z-index: 4
}

.customhr {
    width: 100%;
    margin-bottom: 15px
}

label.less {
    font-weight: 500
}

label.less:hover {
    cursor: pointer
}

.green {
    color: #27B93C
}

.c-checkbox.custom,
.c-radio.custom {
    margin-top: 0;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    top: 2px
}

.wrapper .dropdown-backdrop {
    z-index: 2 !important
}

body .whirl.traditional:after {
    border-color: rgba(0, 151, 243, 0.6) rgba(0, 151, 243, 0.6) transparent
}

.btn-link {
    color: #447bd4
}

.btn-u:hover {
    background-color: #F8F9FD;
    text-decoration: inherit
}

.table-hover > tbody > tr:hover {
    background-color: #fafbfc;
}

.table-hover > tbody > tr:hover
    /*.table-hover > tbody > tr:active {background-color: #E8F0FE;color:#1967d2}
    table.dataTable tr:hover .badge.bg-light {background: #FFF;}*/

table.dataTable td .btn-default {
    background: #FFF
}

.bg-light {
    background: #fafbfc
}

.move-item {
    margin: 0 0.25rem !important;
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.rounded,
.rounded-corners {
    border-radius: 4px !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.field-validation-error,
.parsley-errors-list > li {
    margin-top: 5px;
    line-height: 18px;
    font-size: 14px;
    color: #f05050;
}

.label-success {
    background-color: #37C127
}

.glyphicon-screenshot:before {
    content: "\f274"
}

.glyphicon-screenshot:after {
    content: "Vandaag";
    font-family: "Source Sans Pro", sans-serif;
    margin-left: 10px;
}

form .thumbnail {
    background-image: linear-gradient(45deg, #DEDEDE 25%, transparent 25%), linear-gradient(-45deg, #DEDEDE 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #DEDEDE 75%), linear-gradient(-45deg, transparent 75%, #DEDEDE 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
    min-height: 102px;
    background-color: transparent
}

.form-control {
    border: 1px solid #bdc7d4;
}

.form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px #dceafc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px #dceafc;
    border-color: #457bd4
}

.form-control:hover {
    border-color: #457bd4;
    z-index: 3
}

.form-select {
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 7px 10px;
    padding-right: 20px;
}

.btn-group .form-control.custom-select {
    padding-right: 25px;
    width: inherit;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #F8F9FD
}

.form-control {
    min-height: 38px;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 7px 10px;
    line-height: initial;
    -webkit-box-shadow: 0 1px 2px rgb(24 26 26 / 10%) !important;
    box-shadow: 0 1px 2px rgb(24 26 26 / 10%) !important;
    cursor: pointer;
    min-height: 38px
}

select.form-control:not[mulitple] {
    height: 38px
}

.player-score {
    width: 80px;
    text-align: center;
    margin-top: 0
}

.player-contact,
.tr-actions {
    opacity: 0;
    visibility: hidden;
    text-align: right;
}

.player-contact .btn {
    width: 34px
}

tr:hover .player-contact,
tr:hover .tr-actions {
    opacity: 1;
    visibility: visible
}

.remove-guest {
    background: #f8f8f8;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    margin-right: 0 !important;
    display: block;
    float: right;
    font-weight: 700;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px;
}

.remove-guest:hover {
    background: #212529;
    color: #FFF;
}

.multi-member select.form-control:first-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: -2px;
    border-bottom: 1px solid #f0f0f0;
    z-index: 10;
    position: relative
}

.multi-member select.form-control:last-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.multi-member select.form-control {
    padding: 6px 12px
}

.centered {
    margin: 0 auto
}

.btn.reset-password {
    background: none;
    color: #3d93ed
}

.btn.reset-password:hover {
    background: none;
    border-color: transparent;
    text-decoration: underline
}

/*.btn > .fal,.btn > .fas,.btn > .far{font-size:.75em}*/

.text-danger {
    color: #dc3545 !important
}

.text-success {
    color: #27c14c !important
}

.alert a {
    text-decoration: underline
}

.alert a:hover {
    opacity: .8
}

.popover {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.65)
}

.federationFilter {
    color: #f05223 !important;
    background: #FFF !important
}

#js-password-form .progress {
    height: 28px;
    font-weight: 700;
    margin-top: 5px;
    border-radius: 60px
}

#js-password-form .progress-bar {
    line-height: 23px;
    border-radius: 60px
}

#js-password-form #passwordStrength {
    border-color: transparent !important
}

#js-password-form #passwordRequirements {
    margin-bottom: 15px
}

#js-password-form #passwordRequirements .fal {
    font-family: "Font Awesome 5 Pro", "Source Sans Pro", arial, sans-serif;
    font-weight: 400 !important
}

#js-password-form #passwordRequirements .requirement {
    width: 100%;
    text-align: left
}

#js-password-form .requirement {
    height: 22px;
    overflow: hidden;
    opacity: 1;
    display: inherit;
    font-size: 15px
}

#js-password-form .requirement.text-success {
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    height: 0;
    display: block;
    opacity: 0
}

.lh-35 {
    line-height: 35px
}

.topnavbar .btn > .fal,
.topnavbar .btn > .fas,
.topnavbar .btn > .far {
    font-size: 17px !important;
    color: #626B7E;
    position: relative;
    top: 2px
}

.helpitem {
    font-size: 12.5px;
    margin-left: 2px;
    display: inline-flex
}

.helpitem:hover {
    text-decoration: none;
    color: #333
}

.tooltip-inner {
    font-size: 13px;
    padding: 5px 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1)
}

.nav-wrapper {
    z-index: 9 !important;
    box-shadow: 10px -75px 30px 70px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgb(192 196 202 / 50%);
    margin-left: 260px;
}

.nav-wrapper .navbar-nav li.dropdown {
    padding: 10px 0
}

.nav-wrapper .navbar-nav li.dropdown > a {
    padding: 5px 13px !important
}

.nav-wrapper .navbar-nav li.dropdown .list-group-item {
    border: 0;
    border-radius: 4px;
    font-weight: 600;
    color: #232A3B !important;
    display: block;
    margin-bottom: 0
}

.wrapper > .aside-main,
.wrapper > .aside-main > .aside-inner {
    width: 260px;
}

.dropdown-menu .divider {
    margin: 5px 0
}

.nav-wrapper .navbar-nav li.dropdown .list-group-item:hover {
    background: #457bd4 !important;
    color: #FFF !important
}

.topnavbar a,
.topnavbar .navbar-nav > li > a:hover,
.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a,
.nav-wrapper .navbar-nav li.dropdown > a {
    color: #232A3B !important
}

.nav-wrapper .navbar-nav .fa-user-circle {
    font-size: 17px;
    color: #626B7E
}

.nav-wrapper .navbar-nav.navbar-right .btn {
    line-height: 28px;
    border-radius: 4px;
    margin-left: 5px !important
}

.nav-wrapper .navbar-nav.navbar-right .btn.btn-danger {
    margin-left: 0 !important;
    line-height: 20px !important;
}

.nav-wrapper .navbar-nav.navbar-right #helitemtop i,
.nav-wrapper .navbar-nav.navbar-right #helitemtop span {
    color: #2e7d32;
}

.nav-wrapper .navbar-nav.navbar-right #helitemtop {
    color: #2e7d32;
    background-color: #def7ec;
    -webkit-transition: all ease-in-out .1s;
    -o-transition: all ease-in-out .1s;
    transition: all ease-in-out .1s;
    color: #1aa53b !important;
    font-weight: 600 !important;
    background: #dbf4e1 !important;
    box-shadow: 0 1px 3px rgb(196 202 204 / 20%), inset 0 -1px 3px rgb(132 138 138 / 10%);
    border-radius: 3px;
    font-size: 13px;
    border-color: transparent;
    -webkit-appearance: none;
    outline: none !important;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    border: 1px solid #7acd8e;
    line-height: 26px;
    margin-left: 5px;
}


.nav-wrapper .navbar-nav.navbar-right #helitemtop:hover i,
.nav-wrapper .navbar-nav.navbar-right #helitemtop:hover span {
    color: #FFF;
}

.nav-wrapper .navbar-nav.navbar-right #helitemtop:hover {
    color: #FFF !important;
    background-color: #1aa53b !important;
    border-color: #1aa53b !important
}

.nav-wrapper .navbar-nav.navbar-right .select2-container .select2-selection--single {
    height: 38px;
}

.nav-wrapper .navbar-nav.navbar-right .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}


.nav-wrapper .navbar-nav.navbar-right .btn:hover,
.nav-wrapper .navbar-nav.navbar-right .dropdown-list.open > .btn {
    background: #ffffff !important;
    box-shadow: 0 0 0 1px #bdc7d4 inset, 0 1px 3px rgb(196 202 204 / 20%), inset 0 -1px 3px rgb(132 138 138 / 10%);
}

.nav-wrapper .navbar-nav.navbar-right .dropdown-list .nav-action-button {
    border-radius: 4px;
    margin-left: 5px;
    position: relative
}

.nav-wrapper .navbar-nav.navbar-right .btn:hover i {
    color: #232a3b
}

.nav-wrapper .navbar-nav.navbar-right .btn[data-target="#logOutModal"]:hover {
    color: #FFF;
    background: #c3372d !important;
    box-shadow: none !important;
}

.nav .dropdown-menu button.btn-danger .btn-label {
    display: none !important
}

.nav .dropdown-menu button.btn-danger {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none;
    text-align: left;
    padding: 10px !important;
    height: inherit !important;
    line-height: 18px !important;
    border-radius: 4px !important
}

.nav .dropdown-menu .badge-notify {
    background-color: #F8F9FD;
    color: rgb(33 37 41 / 50%);
    border-radius: 30px;
    text-align: center;
    height: 16px;
    min-width: 16px;
    line-height: 15px;
    font-size: 12px;
    font-family: 'Source Sans Pro';
    font-weight: bold;
    padding: 0 5px !important;
    -webkit-font-smoothing: subpixel-antialiased;
}

.nav-wrapper .navbar-nav li.dropdown > a .fa-envelope-open-text {
    color: #626B7E
}

.nav.navbar-nav.navbar-right {
    height: 55px;
    display:flex;
}

.nav-info-icon {
    font-size: 17px !important;
    color: #626B7E;
    position: relative;
    top: 2px
}

.nav-action-button span {
    padding-left: 5px
}

a.nav-action-button:hover {
    color: #232A3B !important;
    background: #f6f7f8 !important;
}

.notification-counter {
    background-color: #F44336;
    color: #FFF;
    border-radius: 30px;
    text-align: center;
    height: 16px;
    min-width: 16px;
    line-height: 15px;
    right: 2px;
    top: 0px !important;
    font-size: 12px;
    font-family: 'Source Sans Pro';
    font-weight: bold;
    position: absolute !important;
    padding: 0 5px !important;
    -webkit-font-smoothing: subpixel-antialiased;
}

.nav-action-button .fa-bell {
    transform: translate(0, 0) scale(1, 1) rotate(30deg);
}

select {
    font-weight: 500
}

.select2-container--default .select2-search--inline .select2-search__field {
    font-size: 14px
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #5897fb !important;
    color: white !important;
    border-radius: 4px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    border-radius: 4px;
    background-color: #e1effe !important;
    color: #333 !important
}


.select2-results__option {
    margin: 0px 2px 0;
    padding: 4px 10px
}

.select2-results__option:first-child {
    margin-top: 4px
}

.select2-results__option:last-child {
    margin-bottom: 2px
}

.select2-results__option[aria-disabled="true"] {
    opacity: .75;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding-top: 0;
    padding-bottom: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0 0 0 5px;
    color: #0d47a1 !important;
    border: 1px solid #e1effe !important;
    background-color: #e1effe !important;
    border-radius: 3px;
    font-size: 14px;
    max-width: 100%;
    white-space: initial;
    position: relative;
    top: 5px;
    font-weight: 700;
    margin-top: 0 !important;
    margin-bottom: 3px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #0d47a1 !important;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-left: 5px;
    float: right;
    margin-right: -3px !important;
    font-size: 22px;
    line-height: 24px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: .4
}

.select2-container--default .select2-results__option:not[role=group]:hover {
    background-color: #eef2fb !important
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #bdc7d4 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.select2-container--default .select2-selection:hover {
    border-color: #457bd4 !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 4px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgba(129, 129, 130, 0.5)
}

.select2-container--open .select2-dropdown--below {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgb(0 0 0 / 8%), 3px 0 0 0px #dceafc, 0 3px 0 0px #DCEAFC, -3px 0 0 0px #dceafc !important;
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgb(0 0 0 / 8%), 3px 0 0 0px #dceafc, 0 3px 0 0px #DCEAFC, -3px 0 0 0px #dceafc !important;
}

.select2-container--bootstrap .select2-selection:hover,
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection,
.select2-container--bootstrap .select2-dropdown {
    border-color: #457bd4 !important
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]:not(:hover),
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected=false] {
    background: inherit !important;
    color: inherit;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected],
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected=true] {
    background-color: #457bd4 !important
}

.select2-container--bootstrap .select2-results__option {
    padding: 2px 12px !important;
    border-radius: 4px;
    font-size: 14px !important;
}

.select2-container--bootstrap .select2-results__option:hover {
    background: #f8f8f8;
}

.select2-container--bootstrap .select2-results__option[role=group] {
    padding: 2px 0px !important;
    border-radius: 4px
}

.select2-container--bootstrap .select2-results__option[role=group]:hover {
    background: none;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true]:hover {
    color: #FFF;
    background: #457bd4 !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #3a3f51 transparent transparent transparent !important;
}

.select2-container--bootstrap .select2-results__group {
    color: #212529 !important;
    padding: 7px 12px !important;
    font-size: 14px !important;
    background: #f6f7f8;
}

body .select2-container--bootstrap .select2-selection--single,
body .select2-container--bootstrap .select2-selection--multiple {
    border: 1px solid #bdc7d4 !important;
    -webkit-box-shadow: 0 1px 2px rgb(24 26 26 / 10%) !important;
    box-shadow: 0 1px 2px rgb(24 26 26 / 10%) !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    height: auto;
    min-height: 35px;
    display: flex;
}

.select2-container--bootstrap.select2-container--open {
    box-shadow: 0 0px 0px 3px #dceafc;
    border-radius: 4px 4px 0px 0px;
}

.select2-container--bootstrap .select2-results__option[id*="showall"] {
    color: #337ab7 !important;
    text-decoration: underline;
}

.select2-container--bootstrap .select2-results__option[id*="showall"]:hover {
    color: #212529 !important;
    background: none !important;
    text-decoration: none;
}

.fc-unthemed td.fc-today {
    background: rgba(61, 147, 237, 0.05) !important
}

.fc-event,
.fc-event-dot {
    background-color: #457bd4 !important;
    border-color: #457bd4 !important
}

.fc .fc-button-group > *,
.fc-today-button {
    float: left;
    margin: 0 0 0 -1px;
    border-color: #eaeaea;
    box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.15);
    background: #FFF !important
}

.fc .fc-button-group > :hover,
.fc-today-button:hover {
    border-color: #D5D5D5;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15);
    color: #333;
    background-color: #f5f5f5
}

.fc-event-container .fc-title {
    width: 100%;
    display: block;
    font-weight: 600
}

.fc-event-container .fc-desc {
    width: 100%;
    display: block
}

.fc-event .fc-content {
    font-size: 14px
}

.fc-event .fc-content .fas {
    font-size: 12px
}

.fc-event .fc-content .fa-times-circle {
    position: absolute;
    right: 2px;
    top: 3px;
    opacity: 0
}

.fc-event .fc-content .fa-pencil {
    position: absolute;
    right: 20px;
    top: 3px;
    opacity: 0
}

.fc-event .fc-content:hover .fas {
    opacity: 1
}

.fc-event.training {
    background-color: #ff902b !important;
    border-color: #ff902b !important
}

.fc-event.competition {
    background-color: #457bd4 !important;
    border-color: #457bd4 !important
}

.fc-event.booking {
    background-color: #37C127 !important;
    border-color: #37C127 !important
}

.fc-event.other {
    background-color: #f05050 !important;
    border-color: #f05050 !important
}

.panel.widget .h2 {
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 5px;
    margin-top: 5px !important
}

.panel.widget div {
    text-transform: inherit;
    line-height: 22px
}

.dashboard-link:hover {
    text-decoration: none
}

.dashboard-link:hover .panel {
    opacity: .9
}

#panelChart9 .btn-outline-secondary {
    margin-bottom: 5px
}

.panel .panel-body > .table-responsive {
    margin: -16px -15px -15px -15px;
    clear: both;
    width: auto;
    float: left;
    width: calc(100% + 30px);
}

.panel .panel-body > .table-responsive > div {
    position: relative;
}

.dataTables_wrapper .dataTables_filter {
    margin: 10px 0
}

.table.standalone {
    border: 1px solid #e4eaec !important;
    border-radius: 4px;
    border-collapse: unset;
    overflow: hidden
}

.table.standalone thead {
    box-shadow: 0 -2px 0 #D6DCDE inset
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
    background-color: #457bd4
}

.dataTable thead tr th:last-child.sorting_desc:after {
    content: "\f0dd";
    top: 8px
}

.dataTable thead tr th:last-child.sorting_asc:after {
    content: "\f0de";
    top: 8px
}

.dataTable thead, thead {
    border-bottom: 1px solid #cfd1d5;
    background: #fafbfc;
}

.dataTable ul.dtr-details {
    padding: 0 0 0 33px;
    list-style: none;
    margin: 0
}

.dtr-details li {
    margin: 5px 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.dataTable ul li .dtr-title,
.dataTable ul li .dtr-data {
    min-width: 100px;
    display: inline-block;
}

.dataTable.dt-fullwidth ul[data-dtr-index],
.dataTable.dt-fullwidth ul li .dtr-title,
.dataTable.dt-fullwidth ul li .dtr-data {
    width: 100%
}

.dt-control.dataTable tbody tr:not(.child):not(.group) td.expand:first-child:before {
    background: #F8F9FD;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    line-height: 18px;
    text-align: center;
    color: #909FA7;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.dt-control.dataTable tbody > tr > td.expand:first-child:not(.child) {
    padding-left: 40px;
    position: relative;
}

.dt-control.dataTable tbody tr:hover td.expand:first-child:before {
    background: #457bd4 !important;
    color: #FFF !important;
}

.dt-control.dataTable tbody tr.parent td.expand:first-child:before {
    content: "\f068" !important;
}
.dt-responsive.dataTable tbody tr:not(.child):not(.group) td.expand:first-child:before {
    background: #F8F9FD;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    line-height: 18px;
    text-align: center;
    color: #909FA7;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    content: "\2b";
    font-family: "Font Awesome 5 Pro";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.dt-responsive.dataTable tbody > tr > td.expand:first-child:not(.child) {
    padding-left: 40px;
    position: relative;
}

.dt-responsive.dataTable tbody tr:hover td.expand:first-child:before {
    background: #457bd4 !important;
    color: #FFF !important;
}

.dt-responsive.dataTable tbody tr.parent td.expand:first-child:before {
    content: "\f068" !important;
}
@media only screen and (max-width: 1600px) {



}

.dataTable ul li .dtr-title {
    font-weight: 600;
    margin-bottom: 5px;
}

.dataTable ul li .dtr-title:empty {
    margin: 0;
    display: none
}

.dataTable ul li .dtr-title,
.dataTable ul.dtr-details .dtr-data > .row:not(:last-child) {
    margin-bottom: 5px;
}

.dataTable tr.child {
    background: #fafbfc;
}

.dataTable .row.datatb {
    display: block !important;
    padding: 0 15px;
}

/*
.dataTable tr.parent{background: #f7fafe;}
.dataTable.parent td {
    border-top: 1px solid #82b6f3 !important;
    border-bottom: 1px solid #82b6f3 !important;
}*/

.dataTable ul[data-dtr-index] {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dataTable i.far.fa-plus.expand {
    background: #F8F9FD;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    line-height: 18px;
    text-align: center;
    color: #909FA7;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
}

.dataTable tr:hover i.far.fa-plus.expand {
    background: #457bd4 !important;
    color: #FFF !important;
}

.dataTable tr.parent i.far.fa-plus.expand {
    background: #cfdbe2;
    color: #FFF;
}

.dataTable tr.parent i.far.fa-plus:before {
    content: "\f068"
}

.dataTable .expand {
    cursor: pointer
}


.dataTable tbody {
    border-bottom-color: transparent
}

.duty .dataTable tbody tr td:last-child {
    text-align: inherit
}

table.dataTable .badge {
    margin-right: 3px;
}

table .totals {
    height: 50px;
}

table.dataTable .badge.badge-light {
    max-width: 160px;
    word-wrap: break-word;
    white-space: inherit
}


.dataTables_empty {
    text-align: center !important;
    line-height: 60px !important;
    font-style: italic;
    height: 60px;
    float: inherit !important
}




/*.table thead {
    position: sticky;
    top: 58px;
    background: #fafbfc;
    box-shadow: 0 1px 3px #DDD;
    z-index: 1
}
*/
.dataTables_wrapper .pagination {
    float: right;
    margin: 15px 0 0 0 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

.dataTables_wrapper .dataTables_info {
    margin-top: 15px;
}

.dataTables_filter label {
    position: relative
}

.dataTables_filter label:after {
    content: "\f002";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 33px;
    opacity: .3;
    pointer-events: none
}

.dataTables_filter label:focus-within:after {
    opacity: .8
}

.dataTables_length select {
    width: 55px
}

.dataTables_wrapper th .c-checkbox span {
    margin-left: 0
}

.dataTables_wrapper table table {
    margin: -5px -5px -5px -15px !important;
    width: calc(100% + 30px);
    max-width: inherit
}

.dataTables_length {
    margin: 15px 0 0 15px;
}

.panel .dataTable {
    border-bottom: 1px solid #e4eaec;
    /* margin-bottom: 15px; */
}

.panel.dienst.refplan {
    padding-bottom: 80px;
}

.panel.dienst.refplan label.referee i {
    color: #CED7DA;
    padding: 4px;
    float: right;
    font-weight: 300
}

.panel.dienst.refplan label.referee:hover i {
    opacity: 1
}

.panel.dienst.refplan .referee-actions {
    border-top: 1px solid #eee;
    color: #CED7DA;
    border-radius: 0 0 6px 6px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.panel.dienst.refplan .referee-actions i {
    padding: 5px;
    font-style: normal;
    font-weight: 300
}

.panel.dienst.refplan .ref-btns {
    background: #FFF;
    position: absolute;
    bottom: 40px;
    width: 100%
}

.panel.dienst.refplan .referee {
    margin: 3px 0
}

.panel.dienst.refplan .referee:hover .circle-success {
    background-color: #27c24c !important;
    border-color: transparent !important;
}

.panel.dienst.refplan .referee:hover .circle-warning {
    background-color: #ff902b !important;
    border-color: transparent !important;
}

.panel.dienst.refplan .referee:last-of-type {
    margin-bottom: 15px
}

.panel.dienst.refplan .referee .circle {
    margin-left: 0;
    margin-right: 5px;
    height: 5px;
    width: 5px;
    position: relative;
    top: -2px;
}

.panel.dienst.refplan label.referee i:hover,
.panel.dienst label.referee i.on,
.panel.dienst .referee-actions i:hover,
.panel.dienst .referee-actions i.on {
    color: #636b7e;
    font-weight: 600
}
.panel.dienst .referee-actions i{    font-weight: 600!important}
.table-maxheight {
    overflow-y: auto;
    max-height: 381px
}

.table-maxheight thead th {
    position: sticky;
    top: 0;
    background: #FFF;
    box-shadow: 0 1px 3px #DDD;
    z-index: 1
}

tr.selectedrow,
tr.selectedrow:hover {
    background: #f4f6fc !important
}

tr.selectedrow td {
    border-bottom: 1px solid #e9eef9;
    border-top: 1px solid #e9eef9 !important
}

.panel-body #clubsListTable_filter {
    margin: 8px 0
}

.primary-text {
    color: #457bd4
}

.bootstrap-datetimepicker-widget table td {
    width: 28px !important
}

.b-0 {
    border: 0
}

.label {
    line-height: 13px;
    display: inline-block;
    padding: .3em .6em
}

.clearfix {
    clear: both
}

.clubswitcher {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 2px;
    position: absolute;
    bottom: 0px;
    transition: color 0 !important;
    background: #313A45;
    border-radius: 5px;
    height: 33px;
    width: 30%;
    margin: 8px;
    line-height: 30px;
    z-index: 26;
}

.clubswitcher:hover {
    color: #457bd4;
    background: #FFF
}

.help {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 2px;
    position: absolute;
    bottom: 0;
    transition: color 0 !important;
    background: #313A45;
    border-radius: 5px;
    height: 33px;
    width: 30%;
    margin: 8px;
    line-height: 30px;
    z-index: 26;
    left: 2px;
}

.help:hover {
    color: #457bd4;
    background: #FFF
}

.breadcrumb li a {
    color: #515253
}

.breadcrumb > .active {
    color: rgba(81, 82, 83, 0.6)
}

.delete-media,
.delete-item,
.delete-category,
.btn-delete-invoice-line {
    background: #FFF;
    color: #c3372d;
    border-color: none;
    transition: background 0ms, border-color 0ms, color 0ms, box-shadow 0 !important
}

.btn-delete-invoice-line:hover {
    color: #FFF
}

.dataTables_wrapper .delete-media,
.dataTables_wrapper .delete-item,
.dataTables_wrapper .delete-category,
.dataTables_wrapper .btn {
    padding: 7px 10px;
    margin: 0 1.5px
}
.dataTables_wrapper > .row > div{text-align: inherit;}
.html5buttons {
    width: 100%;
    margin: 15px 0;
    text-align: right;
    padding: 0 15px
}

.html5buttons .btn.btn-default {
    margin-left: -3px !important;
    font-size: 12px;
    color: #2b77cc !important;
    background: #FFF !important;
    border-color: #3e92ee !important;
    padding: 5px 10px !important
}

.html5buttons .btn.btn-default:hover {
    background: #3e92ee !important;
    color: #FFF !important
}

.btn.btn-success {
    border-color: #7acd8e !important;
    color: #1aa53b !important;
    font-weight: 600 !important;
    background: #dbf4e1 !important
}

.btn.btn-success:hover {
    background: #1aa53b !important;
    border-color: #1aa53b !important;
    color: #FFF !important
}

.panel .btn[type=submit] {
    margin-left: 10px;
    float: right
}

table.dataTable thead th.sorting:after {
    color: #666 !important
}

table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    font-size: .8em;
    right: 7px;
    height: 100%;
    /* background: red; */
    top: 0;
    line-height: 42px;
}

table.dataTable thead th.sorting_desc:after {
    /* top:12px!important */
}

table.dataTable thead th.sorting:before,
table.dataTable thead th.sorting_asc:before,
table.dataTable thead th.sorting_desc:before {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: FontAwesome
}

.table-responsive label {
    /*   color: rgba(34, 42, 58, 0.60)*/
}

.table-responsive .fal {
    font-weight: 600;
}

.fal.fa-heart {
    opacity: 0.25;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 0.1px;
    padding-left: 10px;
    padding-right: 10px
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.row-flex {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.min-height-110 {
    min-height: 110px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #457bd4 !important
}

.btn {
    font-weight: 600 !important;
    box-shadow: 0 1px 3px rgba(196, 202, 204, .2), inset 0 -1px 3px rgba(132, 138, 138, .1);
    white-space: initial;
}

.btn.btn-default:hover,
.filters .btn.btn-default:hover {
    box-shadow: 0 2px 2px rgb(0 0 0 / 5%) !important;
    color: #333;
    border-color: rgb(183 193 206);
    z-index: 3 !important;
    background: rgb(189 199 212 / 20%);
}

.btn.btn-default {
    color: #6c757d;
    background-color: #FFF;
    background-image: none;
    border-color: #bdc7d4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.filters .badge {
    padding: 5px 25px 5px 10px !important;
}

.btn.btn-md {
    padding: 10px 35px
}
.input-group-btn .btn{height:38px;}


.js-duty-item-form {
    padding-top: 0 !important
}

.text-center {
    text-align: center !important
}

.overflow-y {
    height: 450px;
    overflow-y: scroll;
    padding: 15px 45px 15px 15px
}

.login.twofa .panel {
    width: 800px;
    left: calc(50% - 400px)
}

.login.twofa .panel .logo {
    max-width: 20%;
    margin: 5px auto 25px
}

.login {
    background: url(../img/login-bg.jpg) center center;
    background-size: cover
}

.login:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(33, 39, 52, 0.90)
}

.login .panel {
    width: 360px;
    background: #fff;
    overflow: hidden;
    padding: 15px 0;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 40%;
    left: calc(50% - 190px);
    z-index: 1;
    transform: translateY(-50%)
}

.login .panel .panel-body {
    padding: 0 20px
}

.login .panel .panel-body form .form-group input:focus {
    z-index: 1;
    position: relative
}

.login .panel hr {
    display: none
}

.login label {
    font-size: 13px
}

.login .form-group .fal {
    color: #272f3d !important;
    font-weight: 800;
    opacity: .25;
}

.login .showpass {
    color: #272f3d !important;
    font-weight: 800;
    opacity: 1 !important;
    z-index: 100;
    cursor: pointer;
    display: block;
    font-size: 16px;
    pointer-events: all;
    line-height: 51px;
    padding: 0 10px;
    width: 55px;
    height: inherit;
    top: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid rgb(193 203 215 / 50%);
    background: rgb(255 255 255 / 50%);
}

.login .showpass:hover {
    opacity: 1;
    background: rgb(255 255 255 /100%);
}

.login .input-lg {
    background: #F8F9FD;
    box-shadow: none;
    height: 55px;
}

.login .input-lg:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px #dceafc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px #dceafc;
    border-color: #457bd4
}

.login input::-webkit-outer-spin-button,
.login input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    margin-right: 10px;
}

/* Firefox */

.login input.digit {
    -moz-appearance: textfield;
    margin-right: 10px;
    font-weight: 800;
    font-size: 38px;
    padding: 0px;
    text-align: center;

}

.login input.digit:nth-child(3) {
    margin-right: 25px;
}

.login input.digit:last-child {
    margin: 0
}

.form-control + .parsley-errors-list + .form-control-feedback {
    top: 6px !important;
    right: 5px !important;
    color: #f05050
}

.form-control.parsley-success + .parsley-errors-list + .form-control-feedback {
    color: inherit !important
}

.login .btn-primary {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    background: #272E3D !important;
    border-color: #202632 !important;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px
}

.login .btn-primary:hover {
    background-color: #457bd4 !important;
    border-color: #457bd4 !important
}

.login form {
    margin-bottom: 30px
}

.login .panel .logo {
    max-width: 30%;
    margin: 10px auto 30px
}

.login .panel .recover-pw {
    line-height: 36px
}

.login .panel .btn-link {
    margin-top: 15px;
    margin-bottom: -10px;
    text-align: left;
    padding-left: 5px
}

.login .panel .btn .fa-arrow-left {
    margin-right: 5px
}

.login .notyourlogin {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 15px 30px;
    border-radius: 4px;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #FFF;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    line-height: 16px;
}

.login .notyourlogin p {
    margin-bottom: 0
}

.login .notyourlogin .close {
    position: absolute;
    right: 5px;
    top: 0;
    padding: 16px
}

.login .text-copyright {
    color: #FFF;
    text-align: center;
    display: block;
    width: 100%;
    opacity: .5;
    position: fixed;
    bottom: 100px;
    width: 100%;
    text-align: center;
    z-index: 0
}

.login .system-status {
    text-align: center;
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0px;
    text-align: center;
    z-index: 0;
    background-color: white;
    padding: 5px;
}

.btn + .dropdown-menu {
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 5px;
    z-index: 1000
}

.dropdown-menu > li > a {
    padding: 5px 10px;
    border: 0;
    border-radius: 4px;
    color: #232A3B
}

.dropdown-menu > li:last-child > a {
    border-bottom: 0
}

.dropdown-menu > li > a:hover {
    background: #457bd4 !important;
    color: #FFF !important
}

.dropdown-menu > li > a:hover * {
    color: #FFF !important
}

.datepicker-dropdown {
    padding: 10px !important
}

.datepicker td,
.datepicker th {
    font-family: inherit
}

.datepicker table tr td.day:hover {
    background: #dceafc
}

.datepicker table tr td.active.active {
    background: #457bd4;
    color: #FFF
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active {
    background: #6aabf1
}

.datepicker table td.today {
    position: relative;
}

.datepicker table td.today:before {
    content: "";
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #6aabf1;
    border-top-color: rgba(0,0,0,.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.datepicker table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0,0,0,.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}


.input-group .form-control {
    font-weight: 500
}

.input-group:not(:first-child) .btn:last-of-type {
    border-radius: 0 3px 3px 0 !important
}

.input-group .btn[type="button"] {
    z-index: 2
}

.input-group .btn.switch {
    border-radius: 3px 0 0 3px;
    z-index: 3;
    border-color: #bdc7d4;
    line-height: 24px;
    background: #FFF
}

.input-group .btn.switch:hover {
    border-color: #457bd4;
}

.switch:hover span:after {
    background: #457bd4;
}
.switch i.fas {
    width: 20px;
    text-align: center;
}

.input-group :last-of-type {
    margin-right: -1px
}

.input-group :not(:last-of-type) {
    /* margin-right: -1px;*/
}

.input-group .btn ~ .btn {
    margin-left: -1px !important;
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group{margin-right:-1px}

.input-group .btn .caret{display: inline;position: relative;top: 11px;margin: 0 2px;}

.agreement-checkbox-text .c-checkbox span.fa {
    background: #FFF
}

.group-span-filestyle .btn{white-space: nowrap;line-height: 25px;}

div.dataTables_paginate li.next a:after,
div.dataTables_paginate li.last a:after,
div.dataTables_paginate li.previous a:before {
    font-family: "Font Awesome 5 Pro" !important;
    top: 7px !important
}

.searchtop .form-control {
    float: left;
    padding: 5px 10px;
    text-indent: 8px;
    position: relative;
    z-index: 20 !important;
    border-radius: 4px !important;
    border: 1px solid rgb(189 199 212 / 25%);
    box-shadow: none;
    background: #f5f7fa;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1)
}

.btn-group-custom,
.btn-group-custom .dropdown-toggle {
    width: 100%;
    text-align: left;
}

.btn-group-custom .dropdown-toggle {
    padding: 7px 12px;
    font-weight: 500 !important;
    color: #3a3f51;
}

.btn-group-custom .dropdown-toggle .caret {
    float: right;
    top: 8px;
    position: relative;
}

.btn-group-custom .dropdown-menu > li > a {
    padding: 2px 10px;
}

.searchtop .form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px #dceafc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px #dceafc;
    border: 1px solid #457bd4 !important;
    background: #FFF
}

.searchtop .form-control:hover {
    border-color: #457bd4;
}

.searchtop .input-group-btn {
    position: absolute;
    right: 0;
    width: 42px;
    z-index: 20
}

.search-results {
    -webkit-box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5);
    z-index: 13;
    width: 100%;
    border: 0;
    padding-bottom: 0;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 4px
}

.search-results h4 {
    text-indent: 10px;
    font-size: 13px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    color: #BBB
}

.search-results ul li strong {
    color: #111
}

.search-results ul {
    margin: -11px 0 0;
    padding: 0;
    max-height: 400px;
    overflow: auto
}

.search-results ul li {
    list-style: none;
    margin: 5px !important;
}

.search-results ul li a {
    color: inherit;
    display: block;
    padding: 5px 10px
}

.search-results ul li:hover {
    background: #f8f8f8
}

.search-results .search-bid {
    float: right;
    background: #f8f8f8;
    padding: 0 5px;
    font-size: 12px;
    margin-top: 1px;
    border-radius: 2px
}

.search-results mark {
    background-color: transparent;
    padding: 0;
    font-weight: 700
}

.search-results .badge {
    margin-right: 2px
}

.searchtop .btn {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important
}

.searchtop .btn:hover {
    border: 0 !important;
    box-shadow: none !important;
    color: #457bd4;
    border-radius: 0 40px 40px 0;
    background: none !important
}

.searchtop .helptop {
    position: absolute;
    right: -40px;
    line-height: 26px;
    display: none
}

.searchtop .helptop:hover {
    color: #23293b !important
}

.topnavbar .navbar-header .brand-logo {
    background: url(https://knltb.club/designs/lisa-x/app/img/knltb-white-color.png);
    background-size: 100px;
    background-repeat: no-repeat;
    height: 55px;
    margin-left: 5px;
    background-position: 15px center;
    -webkit-transition: opacity ease-in-out .15s;
    -o-transition: opacity ease-in-out .15s;
    transition: opacity ease-in-out .15s;
    margin-top: 1px;
}

.topnavbar .navbar-header .brand-logo:hover {
    opacity: .8
}

.topnavbar .navbar-header .brand-logo > img {
    display: none
}

.sidebar .nav-heading {}

.module:not(.collapsed) span.title {
    color: rgba(255, 255, 255, 1);
}

.sidebar > .nav > li.open,
.sidebar > .nav > li.active > a,
.sidebar > .nav > li.open > a,
.sidebar > .nav > li.active:hover > a {
    background-color: #3e93ee !important;
    opacity: 1;
}

.sidebar > .nav > li > a,
.sidebar > .nav > li > .nav-item {
    letter-spacing: 0;
    font-weight: 600;
    font-size: 14.5px
}

.aside-main {
    width: 260px;
    background: #2a3040;
    height: 100%;
}

aside-main > .aside-inner {
    width: inherit !important;
}

.aside-inner:after {
    /* content: ""; */
    position: absolute;
    bottom: 50px;
    width: 100%;
    height: 30px;
    z-index: -1;
    background: -moz-linear-gradient(top, rgba(49, 58, 69, 0) 0%, rgba(49, 58, 69, 1) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(19, 29, 39, 0) 0%, rgb(19 31 39) 90%);
    background: linear-gradient(to bottom, rgba(19, 29, 39, 0) 0%, rgb(19 31 39) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00313a45', endColorstr='#313a45', GradientType=0);
    pointer-events: none;
}

.aside-main .navtooltip {
    letter-spacing: 0;
    font-weight: 500
}

.aside-main .sidebar > .nav > li > a > em,
.aside-main .sidebar > .nav > li > a > i {
    font-weight: 100
}

.sidebar .nav li {
    border-radius: 4px
}

.sidebar-subnav > li:last-child {
    margin-bottom: 0.5rem;
}

.sidebar-subnav > li:first-child {
    margin-top: 0.5rem;
}


.sidebar > .nav > li i {
    width: 1.8em
}


.sidebar > .nav > li.active > .nav-items,
.sidebar > .nav > li:hover > .nav-items {
    opacity: 1;
    pointer-events: inherit;
    z-index: 9
}

.sidebar > .nav > li:hover > .nav-items {
    z-index: 10
}

.sidebar > .nav > li:hover > .nav-items li:hover {
    cursor: pointer
}

.sidebar > .nav {
    bottom: 0;
    height: inherit;
    padding: 0 10px;
}

.sidebar > .nav > li .nav-items {
    bottom: 0;
    height: inherit;
    background: #232A3B;
    scrollbar-color: #4e5e7d #232A3B;
    scrollbar-width: thin
}

.sidebar > .nav > li > a {
    margin-bottom: 0
}

.sidebar {
    overflow-y: auto !important;
}

.sidebar::-webkit-scrollbar {
    width: 8px
}

.sidebar::-webkit-scrollbar-track {
    background: #232A3B
}

.sidebar::-webkit-scrollbar-thumb {
    background: #7e8996;
    border-radius: 40px;
    right: 10px;
    border: 2px solid #232A3B
}

.sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .5)
}

.sidebar > .nav > li {
    border-radius: 4px;
    padding-bottom: 0
}

.sidebar > .nav > li > a:hover {
    text-decoration: none
}

.sidebar > .nav > li:not(.active) > a:hover{
    background: rgba(255, 255, 255, 0.05) !important
}

.sidebar > .nav > li > a:not(.collapsed) {
    background: rgba(255, 255, 255, 0.05) !important;
    opacity: 1 !important;
}



.sidebar > .nav > li.active > a {
    background-color: #3e93ee !important
}

.sidebar > .nav > li.active > a[title="Bekijk site"] {
    margin-top: 15px;
    background: transparent !important
}

.sidebar > .nav > li.active > a[title="Bekijk site"]:hover {
    background-color: #394154 !important
}

.sidebar > .nav > li.active > a[title="Bekijk site"]:before {
    content: "";
    width: 200px;
    height: 1px;
    background: #3b4254;
    position: relative;
    top: -18px;
    display: block;
    left: -10px
}

.sidebar > .nav > li.active > a[title="Bekijk site"].fa {
    float: right;
    margin-top: 4px
}

.sidebar > .nav > .nav-heading {
    /* border-bottom:1px solid rgba(255, 255, 255, 0.07); */
    border-radius: 0 !important;
    padding: 0 0px 0px 0;
}

.sidebar > .nav > li.nav-heading > a {
    font-size: 16px;
    color: #ffffff;
    padding: 10px;
    opacity: 0.7;
    border-radius: 5px;
    margin: 0;
}

.sidebar > .nav > li.nav-heading > a:hover {
    background: #28313d !important;
}

.sidebar > .nav > li.nav-heading > a span {
    color: rgb(255 255 255 / 60%);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-left: 35px;
    margin-bottom: 4px;
}

.sidebar > .nav > li a {
    letter-spacing: 0;
    font-weight: 600 !important;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    padding: 5px 10px;
    color: rgba(255, 255, 255, .7);
    position: relative;
    display: block;
    background: none !important;
}

.sidebar > .nav > li a:hover {
    /* background: rgba(255, 255, 255, .1) !important; */
}

.sidebar > .nav > li a:focus {
    text-decoration: none !important
}

.sidebar > .nav > li a[data-toggle="collapse"]:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 500;
    height: 15px;
    width: 15px;
    display: inline-block;
    float: right;
    top: 15px;
    position: absolute;
    border-radius: 20px;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    opacity: 0;
    right: 10px;
    -webkit-transition: opacity ease-in-out .15s, transform ease-in-out .3s;
    -o-transition: opacity ease-in-out .15s, transform ease-in-out .3s;
    transition: opacity ease-in-out .15s, transform ease-in-out .3s;
}

.sidebar > .nav > li:hover a[data-toggle="collapse"]:after {
    opacity: .5
}

.sidebar > .nav > li a:not(.collapsed):after {
    transform: rotate(-180deg);
    opacity: 1;
}

.sidebar > .nav > li > a > span {
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
    height: 16px;
}

.sidebar > .nav > li > a:not(.collapsed) > span {
    opacity: 0;
    height: 0;
}

.sidebar > .nav > li > a > i {
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-right: 15px !important;
    width: 20px !important;
    text-align: center !important;
}

.sidebar > .nav > li > a > i.fa-coffee {}

.sidebar > .nav > li a i {
    width: 20px;
    text-align: center;
    margin-right: 13px;
    font-weight: 400;
}

.sidebar > .nav ul.sidebar-subnav > li a > i {
    opacity: 0.75;
    font-weight: 600;
}

.sidebar > .nav > li .sidebar-subnav li.active a {
    color: #ffffff;
    background: rgba(255, 255, 255, .1) !important;
}

.sidebar > .nav > li .sidebar-subnav .sidebar-subsubnav .active {
    background-color: rgba(255, 255, 255, 0.05);
}

.sidebar > .nav:not(.notactive) > li.active > ul.nav-items li {
    animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s
}

.sidebar > .nav > li .sidebar-subnav .sidebar-subsubnav {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    overflow: hidden;
}

.sidebar > .nav > li .sidebar-subnav .sidebar-subsubnav li a {
    border-radius: 0;
}



@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.admin.index .panel.widget.bg-success {
    background-color: #232a3b;
    border: 1px solid #232a3b;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15)
}

.admin.index .panel.widget.bg-success .bg-success-dark {
    background-color: #232a3b;
    color: #FFF !important
}

.admin.index .panel.widget.bg-success:hover {
    border-color: #457bd4 !important;
    background: #3d93ee
}

.admin.index .panel.widget.bg-success a:hover .bg-success-dark {
    background: #457bd4 !important
}

.admin.index .panel.widget.bg-success a .bg-success-dark em {
    font-weight: 100
}

.admin.index .panel.widget.bg-success a:hover {
    text-decoration: none
}

.admin.index .panel.widget.bg-success .bg-success-dark .text-uppercase {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px
}

.admin.index .panel.widget.bg-success .bg-success-dark .fal {
    font-size: 2.5em
}

#categoriesPanel .fal,
#attachmentsPanel .fal {
    font-weight: 600
}

#dropArea:hover,
.box-placeholder:hover {
    border: 2px dashed #82b6f3 !important;
    background: #f7fafe !important;
}


.files {
    padding: .5rem !important;
}

.files .dd {
    display: inline;
    width: 100% !important
}

.files .dd .dd-handle {
    height: 100%
}

.files .dd .dd3-content {
    margin: 2px 0;
}

.files ol {
    padding-left: 0 !important
}

.files .dd-empty ~ .dd-empty {
    display: none;
}

.dd {
    max-width: 100%
}

.dd-list:first-child {
    padding-left: 0 !important
}

.dd3-handle {
    text-indent: -200px;
    cursor: grab;
    color: transparent;
    height: 42px;
}

.dd3-handle:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.dd3-handle:hover {
    background: rgba(62, 147, 238, 0.05) !important;
    color: transparent;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    border-color: #457bd4;
}

.dd3-handle:before {
    font-size: 16px;
    position: initial;
    align-content: center;
    display: grid;
    text-align: center;
    height: 100%;
    content: "\f0c9";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}

.dd3-handle:hover:before {
    color: #457bd4
}

.dd3-content {
    height: 42px
}

.dd3-item > button {
    display: none;
    margin-left: 40px;
    float: right;
    font-size: 20px;
    background: #F8F9FD;
    margin-right: 6px;
    margin-top: 5px;
    width: 34px;
    border-radius: 3px;
    height: 32px;
    line-height: 26px;
    color: #6c757d;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #d7dce0;
    font-weight: 800 !important;
    box-shadow: 0 1px 3px rgba(196, 202, 204, .2), inset 0 -1px 3px rgba(132, 138, 138, .1);
}

.dd3-item > button:hover {
    background: rgba(62, 147, 238, 0.05) !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
    color: #457bd4;
    border-color: #457bd4;
}

.dd-placeholder {
    min-height: inherit !important;
    margin-bottom: 0 !important
}

.dd-placeholder,
.dd-empty,
.box-placeholder,
#dropArea {
    border: 2px dashed #ddd !important;
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 20px;
    background: #fafafa !important;
    color: #444 !important;
    cursor: pointer;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.box-placeholder input[type="file"] {
    opacity: 0;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    cursor: pointer;
    display: block !important;
}

.list-group-flush .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
    border-bottom: 0;
}

.list-group.bg-transparent .list-group-item {
    background-color: transparent !important;
}

#attachmentsPanel ul {
    list-style: none;
    padding: 0
}

#attachmentsPanel ul li.item {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    padding-top: 5px
}

#attachmentsPanel .video .form-control {
    width: 88%;
    display: inline-block
}

#attachmentsPanel .videoinput {
    margin-left: 30px;
    width: 75%;
    float: left
}

#categoriesPanel .delete-media,
#attachmentsPanel .delete-media {
    position: absolute;
    right: 10px
}

#attachmentsPanel .edit-media {
    position: absolute;
    right: 50px
}

#categoriesPanel .list-group .list-group-item,
#attachmentsPanel .list-group .list-group-item {
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important
}

#attachmentsPanel .other .fa-file {
    position: absolute;
    top: 23px;
    left: 53px;
    color: #333;
    font-size: 22px
}

#attachmentsPanel .videoli .fa-youtube {
    position: absolute;
    top: 22px;
    left: 48px;
    color: #FFF;
    font-size: 24px;
    text-shadow: 0 1px 15px rgba(0, 0, 0, 0.6)
}

.club.locations .location h3 {
    margin-top: 10px
}

.club.locations .location .locationaddress .address {
    border: 1px solid #cfdbe2;
    background: #F8F9FD;
    padding: 15px;
    border-radius: 4px
}

.club.locations .location .locationaddress .address > i {
    font-size: 22px;
    margin-bottom: 10px
}

.club.locations .location .locationaddress .address h4 {
    margin-top: 0;
    margin-bottom: 5px
}

.club.locations .location .locationcourts {}

.club.locations .location .locationcourts .panel {
    margin-bottom: 15px
}

.club.locations .location .locationcourts .panel.custom:first-child .panel-heading .move-up {
    display: none
}

.club.locations .location .locationcourts .panel.custom:last-child .panel-heading .move-down {
    display: none
}

.club.locations .location .locationcourts .panel:last-child {
    margin-bottom: 0
}

.club.locations .location .locationcourts .panel-body {
    padding: 15px 10px
}

.club .location .row:first-child .locationaddress .move-up,
.club .location .row:last-child .locationaddress .move-down {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed
}

.club .locationtitle .panel-heading {
    font-size: 18px;
    padding-top: 0;
    padding-bottom: 5px
}

.action-menu {
    background: #f5f7fa;
    border: 0 !important;
    /*position: sticky;*/
    top: 54px;
    z-index: 999;
}

.action-menu .btn {
    margin-left: 10px;
    font-weight: 600;
    /*    padding: .9rem 3rem*/
}

.action-menu .btn:hover {
    box-shadow: 0 2px 2px rgb(0 0 0 / 5%);
}

.action-menu .btn.btn-primary-outline:hover {
    border-color: #367cc7 !important;
    background: #367cc7 !important;
    color: #FFF
}

.action-menu .btn-primary {
    background-color: #457bd4 !important;
    border-color: #457bd4 !important;
    color: #FFF;
    z-index: 9;
    position: relative;
}

.btn-primary {
    background-color: #447bd4;
    border-color: #447bd4;
}
.btn-primary-outline {
    color: #447bd4;
    border-color: #447bd4;
}
.btn-primary-outline:hover{
    background-color: #4973b7 !important;
    border-color: #4973b7 !important;
}

.action-menu .btn-primary:hover,
.action-menu .btn-primary:focus {
    background-color: #447bd4 !important;
    border-color: #447bd4 !important
}

.btn-secondary {
    background-color: #131d27;
    border-color: #131d27 !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
    color: #FFF !important;
    background-color: #585c67;
    border-color: #585c67 !important;
}

.action-menu .btn-success:hover {
    background-color: #0fb537 !important
}

.action-menu .btn-default {
    box-shadow: 0 2px 3px rgb(0 0 0 / 8%) !important;
}


/*.table .btn-danger{background-color:transparent!important;border-color:transparent!important;color:#626b7e!important}
.table .btn-danger:hover{color:#ea5348!important}*/

.action-menu .btn-group {
    margin-left: 10px
}

.action-menu .btn.active {
    border: 1px solid #2c96f3;
    color: #2c96f3;
    background: #f7fbff
}

.action-menu .btn-outline.btn-primary:hover {
    border-color: #1c6aa9;
    background: #2c96f3 !important
}

.panel-default {
    position: relative;
    border-radius: 6px;
    box-shadow: 0 3px 10px 0 rgb(36 42 59 / 5%);
    border: 1px solid #e7ebf0 !important;
    background: #fff;
}

.panel-heading {
    position: relative;
    z-index: 10;
    border-color: #BBB !important;
    color: #444 !important;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-color: rgb(231 235 240) !important;
}

.panel-primary > .panel-heading {
    color: #fff !important;
    background-color: #457bd3 !important;
}

.panel-heading.panel-heading-collapsed {
    border-radius: 6px !important
}

.panel-heading.transparent {
    background: none;
    border-color: transparent
}

.panel-heading.panel-heading-sm {
    padding: 6px 10px !important;
    font-size: 14px !important
}

.panel-heading .xplayers {
    color: #aaa;
    padding: 0 5px;
    display: inline-block;
    font-size: 14px;
    float: right;
    font-weight: 500
}

.panel-heading.edit-title {
    padding: 5px !important
}

.panel-heading.edit-title input {
    font-size: 16px;
    padding-top: 5px;
    padding-left: 10px
}

.panel-heading.edit-title .btn {
    margin-left: -5px;
    padding: 6px 15px !important;
    background: #457bd4 !important;
    border-radius: 0 4px 4px 0
}

.panel-heading.edit-title .panel-title {
    line-height: 35px;
    padding-left: 10px
}

.panel-heading.edit-title .panel-title .fal {
    color: #457bd4;
    padding-left: 5px;
    cursor: pointer
}

.panel-heading.edit-title .panel-title .fal:hover {
    color: #333
}

.panel-heading a[data-tool="panel-collapse"]:hover .fa {
    color: #666
}

.panel-heading.panel-heading-collapsed input[type="text"] {
    opacity: 0;
    pointer-events: none
}

.panel-heading input[type="text"] {
    opacity: 1;
    -webkit-transition: opacity ease-in-out .15s;
    -o-transition: opacity ease-in-out .15s;
    transition: opacity ease-in-out .15s
}

.panel-body {
    padding: 15px;
}

.persons .panel-heading .btn-edit-filter {
    margin-top: -2px
}

.persons .panel-heading .btn-edit-filter:after {
    content: ""
}

.persons .panel-heading .btn-edit-filter .fal {
    font-weight: 600
}

.persons .show-save-filter-btn {
    margin-top: -3px
}

.persons .show-save-filter-btn:after {
    content: ""
}

#memberListPanel {
    float: left;
    width: 100%
}

#memberListPanel .panel-heading > div {
    float: left;
    width: 100%;
    border-bottom: 1px solid #DDC;
    padding-bottom: 20px
}

#memberListPanel .panel-heading > div:last-child {
    padding-bottom: 0
}

#memberListPanel .panel-heading {
    float: left;
    width: 100%
}

#memberListPanel .filter-big-container {
    clear: both;
    width: 100%;
    float: left
}

#memberListPanel .panel-body {
    float: left;
    width: 100%
}

.quickFilters {
    float: left;
    padding-right: 10px;
    width: 70%;
    margin-bottom: 10px
}

.quickFilters .form-control {
    max-width: 220px;
    float: left
}

.persons .quickFilters .btn {
    float: left;
    padding: 6px 10px !important;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 4px
}

.quickFilters .btn:first-child {
    margin-left: 0
}

#addFilterDropDown {
    width: auto;
    min-width: 220px;
    float: left;
    margin-right: 5px;
    height: 35px
}

.filter-big-container {
    clear: both
}

.filter-big-container .badge {
    background-color: #444;
    float: left;
    margin-right: 5px;
    padding: 0 10px !important;
    line-height: 20px;
    border-radius: 20px
}

.filter-big-container .alert-dismissable .close,
.filter-big-container .alert-dismissible .close {
    position: relative;
    top: 2px;
    right: -7px;
    color: #FFF;
    opacity: .5;
    font-size: 15px
}

.filter-big-container .close:hover {
    opacity: 1
}

.filters {
    width: 100%
}

.filters select {
    min-width: 220px;
    margin-right: 10px;
    height: 33px
}

.filters .numeric-container input {
    max-width: 70px;
    margin-right: 5px;
    text-align: center
}

.filters .numeric-container input:last-child {
    margin-left: 5px
}

.filters .savedfilters {
    float: right;
    max-width: 290px
}

.filters .savedfilters select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 20px;
    font-size: 14px;
    background: #fff url(dropdown.svg) no-repeat right .75rem center;
    background-size: 8px 10px
}

.filters .filter-container button:last-child {
    margin-right: 10px
}

.filters .panel .panel-heading {
    padding-bottom: 5px !important;
    margin-bottom: 5px;
    padding-top: 5px !important;
    font-size: 15px !important;
    line-height: 25px
}

.filters .panel-filter {
    border-color: #cfdbe2;
    float: left;
    width: 100%;
    padding-bottom: 10px
}


.filters .close {
    top: 0;
    right: 0;
    position: absolute;
    font-size: 14px;
    color: #cfdbe2;
    opacity: 1;
    padding: 5px
}

.filters .close:hover {
    color: #F44336
}

.filters .badge {
    margin-bottom: 5px;
    padding: 5px 25px 5px 10px;
    color: #444 !important;
    border: 1px solid #cfdbe2 !important;
    background-color: #FFF !important;
    border-radius: 20px;
    font-size: 13px;
    border: 0;
    position: relative;
    margin-right: 3px
}

.filters .badge-add {
    background: #27c14c !important;
    cursor: pointer;
    color: #FFF !important;
    border-color: #19a53b !important
}

.filters .badge-add i {
    color: #FFF
}

.filters .badge-add:hover {
    background: #FFF !important;
    color: #27c14c !important;
    border-color: #27c14c !important
}

.filters .badge-add:hover i {
    color: #27c14c !important
}

.filters .badge-add .close {
    color: #FFF;
    text-shadow: none !important
}

.filters .badge.alert i.fa-indent,
.filters .badge.alert i.fa-outdent {
    font-size: .875em;
    margin-right: 5px;
    font-weight: 500
}

.filters .badge .fa-outdent {
    color: #ff8c00
}

.filters .badge .fa-indent {
    color: #27c14c
}

.filters .exclude-switch {
    padding: 4px 15px 5px;
    background: #FFF;
    border-radius: 4px;
    border: 1px solid #eee;
    position: relative;
    top: 1px;
    margin-right: 5px;
    margin-bottom: 10px
}

.filters .exclude-switch input:checked ~ span:after {
    background: #FFF
}

.filters .orfilter-txt {
    margin-right: 2rem !important;
    float: left !important;
    line-height: 35px;
    margin-right: 2rem !important;
    float: left !important;
    line-height: 35px
}

.filters hr {
    margin-bottom: 15px;
    margin-top: 5px
}

.filters .switch input ~ span {
    background-color: #dceafc;
    border-color: #457bd4
}

.filters .switch input ~ span:after {
    background-color: #457bd4
}

.table > tbody > tr > td > .media {
    background: #F8F9FD;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    border-radius: 28px;
    max-width: 28px !important;
    z-index: 1;
    position: relative
}

.table > tbody > tr > td > .media:before {
    content: "\f406";
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    opacity: .3
}

.table > tbody > tr > td > .media img {
    object-fit: cover;
    z-index: 1;
    position: relative
}

/*.person .panel .checkbox{position:absolute;top:0;left:10px}*/

.person .panel-body.avatar {
    padding: 15px 5px
}

.person .panel-body.avatar .panel:hover {
    cursor: pointer;
    border-color: #B7C3CA;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)
}

.switch input ~ i.fa-eye,
.switch input ~ i.fa-eye-slash {
    margin-left: .5rem !important;
    position: relative;
    top: 1px
}

.switch input:checked ~ i.fa-eye-slash {
    display: none !important
}

.switch input:checked ~ i.fa-eye {
    display: inline-block !important
}

.switch input ~ i.fa-eye {
    display: none !important
}

.switch input ~ i {
    margin-left: .5rem !important;
    position: relative;
    top: 1px
}

.switch input:checked ~ i.text-muted {
    display: none !important
}

.switch input:checked ~ i:not(.text-muted) {
    display: inline-block !important
}

.switch input ~ i:not(.text-muted) {
    display: none !important
}

.content-wrapper.full-width {
    max-width: inherit
}

.content-wrapper.ledenlijst {
    padding-top: 5px;
    max-width: 1500px
}

.persons.index .nav-wrapper .nav-inner,
.persons.index .content-wrapper {
    max-width: 1500px
}

.ledenlijst .col-lg-12 > .panel > .panel-heading {
    background: #F6F7F9 !important;
    border-color: transparent !important;
    padding: 0 0 15px !important
}

.ledenlijst #filter {
    border: none !important;
    box-shadow: none
}

.ledenlijst #memberListTable tr td:nth-child(3) a {
    font-weight: 700;
    color: #232a3b
}

.ledenlijst #memberListTable tr:hover a {
    color: #457bd4 !important
}

.ledenlijst #memberListTable.table-striped > tbody > tr:nth-of-type(odd) {
    background: none !important
}

.ledenlijst #memberListTable.table-striped > tbody > tr:nth-of-type(odd):hover {
    background: #F8F9FD !important
}

.ledenlijst .profile-pic {
    float: left;
    width: 40px;
    border-radius: 40px;
    overflow: hidden;
    margin-right: 15px;
}

.ledenlijst .person-name {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
}

.ledenlijst .person-name {
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
}

.ledenlijst .table > tbody > tr > td {
    padding: 15px;
}

.contact-details .badge {
    white-space: inherit;
}

.table > tbody > tr > td:first-child {
    border-radius: 0 0 0 5px;
}

.table > tbody > tr > td:last-child {
    border-radius: 0 0 5px 5px;
}

.avatars .btn-accept-selcted {
    margin-top: -5px
}

.avatars .btn-deny-selected {
    margin-top: -5px
}

.lidkaart .disabled {
    cursor: not-allowed;
    background: #fafbfc;
    /* color: #A6A8AB; */
    opacity: 0.5;
}

.lidkaart .dataTables_wrapper div.dataTables_info {
    padding: 0
}

.dataTables_wrapper > .row > .col-sm-12 {
    padding: 0
}

.switch.switch-sm span {
    top: -1px;
    margin-left: 4px
}


.lidkaart .disabled {
    display: none
}

.lidkaart .disabled.showrow {
    display: table-row
}

.lidkaart .bg-user {
    height: 100px;
    overflow: hidden
}

.lidkaart .bg-user img {
    width: 100%;
    margin-top: auto;
    filter: blur(20px);
    height: 100px;
    opacity: .4
}

.lidkaart .member-active {
    border-bottom: 3px solid #43b052
}

.lidkaart .member-inactive {
    border-bottom: 3px solid #f05050
}

.lidkaart .member-cancelled {
    border-bottom: 3px solid #ff902b
}

.lidkaart .btn-edit-note {
    position: relative;
    top: -40px;
    right: 6px;
    float: right;
    background: none;
    border-color: transparent;
    color: #5d4603;
    background: none;
    box-shadow: none;
    opacity: .6;
    font-size: 14px
}

.lidkaart .btn-edit-note:hover {
    opacity: 1;
    background: transparent !important
}

.lidkaart .btn-edit-note i {
    font-weight: 800
}

.lidkaart .btn-edit-note:hover {
    opacity: 1;
    background: #85640417 !important
}

.lidkaart .tab-content {
    padding: 0;
    border: 0;
}

.pos-user i.text-muted {
    color: rgba(144, 159, 167, 0.5);
}

.pos-user:not(:last-child) {
    border-bottom: 1px solid rgba(228, 234, 236, 0.5);
    margin-bottom: 5px;
}

.pos-user:first-child {
    padding-top: 0;
}

.pos-user:last-child {
    padding-bottom: 0;
}

.pos-user {
    padding: 5px 0;
}

.paymethod {
    background: #eaeaea;
    width: 25px;
    height: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    line-height: 21px;
}

.paymethod.ideal {
    background: #FFEBEE;
    text-indent: 2px;
    line-height: 17px;
}

.paymethod.bank {
    background: #edf1fa;
    color: #618dd3;
    font-size: 11px;
}

.module {
    display: block;
    line-height: 34px;
}

.module i {
    margin-right: 5px;
    font-weight: 400;
    text-indent: 0;
    width: 18px;
}

.module.inactive {
    opacity: .25
}

.clublidnummer {
    position: relative;
    top: -2px
}

span.activity {
    background: #EEE;
    width: 10px;
    display: inline-block;
    text-indent: -99999px;
    height: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    border-radius: 40px;
    opacity: 1;
    margin-right: 5px
}

span.activity.alow {
    background: #F64952
}

span.activity.amed {
    background: #FF8C31
}

span.activity.ahigh {
    background: #37C127
}

.contact-details {
    line-height: 22px
}

.contact-details .bg-inverse-light {
    background-color: #232a3b;
    color: #fff !important;
    height: 100px;
    border-radius: 5px 5px 0 0
}

.club.dashboard .contact-details .bg-inverse-light {
    height: 80px;
    margin-bottom: 30px
}

.club.dashboard .contact-details .half-float .half-float-bottom {
    text-align: center
}

.club.dashboard .contact-details .latestaddperson {
    margin-bottom: 7.5px;
    margin-top: 7.5px
}

.club.dashboard .contact-details .latestaddperson h4 {
    font-size: 13px;
    margin: 0
}

.club.dashboard .contact-details .latestaddperson a:hover h4 {
    color: #457bd4
}

.club.dashboard .contact-details .latestaddperson .thumb64 {
    object-fit: cover
}

#js-lastAddedPersons .img-circle.thumb128,
.contact-details .img-circle.thumb128 {
    object-fit: cover
}

.contact-details h4,
.contact-details h5 {
    font-weight: 700
}

.contact-details .nopicture {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    font-size: 30px;
    text-align: center;
    line-height: 64px;
    background: #e0e0e0;
    color: #FFF
}

.contact-phonemail {
    text-align: center
}

.contact-phonemail > .list-group-item {
    background-color: #F8F9FD;
    padding: 0;
    border-bottom: 2px solid #e4eaec !important
}

.contact-phonemail > .list-group-item:last-child {
    border-bottom: 1px solid #e4eaec !important
}

.contact-phonemail > .list-group-item:hover {
    color: #457bd4
}

.contact-phonemail > .list-group-item > a {
    display: block;
    padding: 7.5px 20px;
    margin: 0 auto
}

.contact-phonemail > .list-group-item > a:hover {
    color: #2e333c;
    text-decoration: none;
    transition: none !important
}

.contact-phonemail > .list-group-item > a:hover i {
    transition: none !important
}

.btn.mail-options:hover {
    color: #333
}

.btn.mail-options {
    position: absolute;
    right: 15px;
    bottom: 50px;
    height: 36px;
    line-height: 36px;
    width: 40px;
    text-align: center;
    padding: 0;
    background: #FFF;
    z-index: 9;
    color: #333;
    font-size: 16px
}

.mail-options + .dropdown-menu {
    left: inherit;
    right: 10px;
    top: 55px;
    bottom: inherit;
    margin: 0
}

.btn.synchronization-options:hover {
    color: #333
}

.btn.synchronization-options {
    position: absolute;
    left: 15px;
    bottom: 50px;
    height: 36px;
    line-height: 36px;
    width: 40px;
    text-align: center;
    padding: 0;
    background: #FFF;
    z-index: 9;
    color: #333;
    font-size: 16px
}

.synchronization-options + .dropdown-menu {
    left: inherit;
    right: 10px;
    top: 55px;
    bottom: inherit;
    margin: 0
}

.contact-details .btn-edit {
    position: relative;
    top: -2px
}

.contact-details .thumb96 {
    object-fit: cover
}

.contact-details .box-placeholder {
    border-radius: 3px
}

.contact-details .template-upload .preview canvas {
    max-width: 40px
}

.contact-details .template-upload .name,
.contact-details .template-upload .size {
    font-size: 12px
}

body .slider-handle{border: 1px solid #bdc7d4;}
body .slider-handle:hover{border: 1px solid #457bd4;cursor: grab;}
body .slider-handle:active{cursor:grabbing}
body .slider-track {
    border: 1px solid #bdc7d4;
}



.alert-note {
    padding: 8px 15px;
    border-color: #f0c4a8;
    color: #d96d28;
    background-color: #fdf5d9
}

.alert-info {
    border-color: #e1effe;
    color: #0d47a1;
    background-color: #e1effe;
}

.panel-customfields .panel-body {
    padding: 5px
}

.panel-customfields .table {
    margin-bottom: 5px;
    background: #FFF;
    border: 1px solid #e7ebf0;
    border-radius: 6px;
    border-collapse: initial
}

.panel-customfields .table thead {
    background: #fafbfc;
}

.panel-customfields .table:last-child {
    margin-bottom: 0
}

.panel-customfields .table > tbody > tr > td {
    border-top-width: 0;
    line-height: 16px
}

.layout-fixed .wrapper > section {
    margin-bottom: 0 !important;
    padding-bottom: 100px;
    padding-top: 55px;
    margin-top: 0;
    min-height: 100vh
}

.pasfoto {
    width: 100%;
    height: 150px;
    background: #F8F9FD;
    border-radius: 3px;
    border: 1px solid #cfdbe2
}

.pasfoto:before {
    content: "\f406";
    font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    line-height: inherit;
    position: absolute;
    top: calc(50% - 5px);
    opacity: .3;
    font-weight: 100;
    font-size: 50px;
    width: calc(100% - 17px);
    text-align: center
}

.dutydashboard .dutyday {
    margin-top: 0
}

.dutydashboard .dutyholder {
    padding-bottom: 15px;
    min-height: 110px
}

.dutydashboard .facts .row {
    margin: 0
}

.dutydashboard .facts .panel {
    overflow: hidden
}

.duty .panel-heading span {
    font-weight: 400
}

.duty .facts h3 {
    font-size: 48px;
    margin-top: 10.5px
}

.duty .text-right .fal {
    opacity: .6
}

/*.weeknumber{position:relative;top:-6px;right:-5px}
.weeknumber span{position:relative;top:2px}*/

.dienst.remind {
    border-color: #457bd4;
    box-shadow: 0 0 0 1px #457bd4 inset
}

.dienst.remind input {
    display: block !important;
    position: absolute;
    right: 10px;
    top: 5px
}

.panel.dienst h4 {
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 15px
}

.panel.dienst h5,
.panel.custom h5 {
    margin-top: 5px;
    margin-bottom: 0
}

.panel.dienst,
.panel.custom {
    margin-bottom: 0;
    width: 100%;
    height: 100%
}

.panel.dienst:hover,
.panel.custom:hover {
    cursor: pointer;
    border-color: #B7C3CA;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1
}

.panel-body {
    position: relative;
}

.dienst .panel-body {
    padding: 10px
}

.dienst .panel-footer {
    padding: 5px 10px !important;
    line-height: 18px;
    font-size: 13px;
    border-radius: 0 0 6px 6px;
}

.btn.reminder {
    font-size: 14px !important;
    height: 30px;
    line-height: 20px;
    font-weight: 600;
    margin-right: 0 !important
}

.dutyholder {
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px
}

.dutyholder .dienst {
    margin-bottom: 15px
}

.dienst .panel-body:not(.referee-actions) .badge {
    font-weight: 600;
    position: absolute;
    right: 6px;
    top: 30px;
    width: inherit;
    border: inherit;
    padding: 4px 10px
}

.dienst .badge.zl:hover {
    opacity: 1;
    cursor: inherit !important;
}

.dienst .badge.badge-warning:hover {
    color: #6f3603;
    background-color: #ffc107
}

.dienst .editduty {
    font-weight: 600;
    border-radius: 2px;
    position: absolute;
    right: 6px;
    top: 6px;
    border: inherit;
    padding: 4px 10px;
    width: 36.45px;
    height: 20px;
    color: #848791;
    opacity: 0
}

.dienst:hover .editduty {
    opacity: 1
}

.dienst .editduty:hover {
    background: #828b9c;
    color: #FFF
}

.dutyholder > h4 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    text-align: center
}

.dutyholder h5.dutydate {
    margin-top: 5px
}

.duty .addtask .panel-body {
    padding-top: 5px
}

.duty .addtask .img-thumbnail {
    border: none;
    background: none
}

.duty .addtask .media {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    margin-top: 5px;
    padding-bottom: 5px
}

.duty .addtask .media:last-child {
    border: 0
}

.duty .addtask .btn {
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%)
}

.duty .panel-default.adddienst {
    border-color: #457bd4;
    min-height: 56px;
    cursor: pointer;
    padding: 16px 0;
    color: #457bd4;
    font-weight: 600
}

.duty .panel-default.adddienst .panel-body {
    padding: 0
}

.duty .panel-default.adddienst:hover {
    background: #457bd4;
    border-color: #457bd4 !important;
    color: #FFF
}

.duty .panel-default.adddienst .fal {
    margin-right: 5px
}

.duty .diensten .panel-body > .row:nth-child(even) {
    background: #fbfcfd;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.duty .diensten .row {
    margin-left: -15px;
    margin-right: -15px
}

.duty #datetimepicker12 .datepicker .day.prio3 {
    background: #ffc106;
    color: #562a02
}

.duty #datetimepicker12 .datepicker .day.prio2 {
    background: #FFA000;
    color: #562a02
}

.duty #datetimepicker12 .datepicker .day.prio1 {
    background: #FF6F00;
    color: #4a2300
}

.duty #datetimepicker12 .datepicker .day.filled {
    background: #27c14c;
    color: #FFF
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #6f3603;
    opacity: .5
}

.datepicker table tr td.active.active {
    background: #457bd4;
    text-shadow: none;
    font-weight: 600
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #f4f7fa;
    color: #212529
}

.dutytasks .panel-heading {
    font-size: 14px
}

.duty .input-group.title {
    display: flex;
    display: -ms-flexbox
}

.duty .date .input-group-addon {
    width: -webkit-fill-available;
    font-size: 16px;
    line-height: 20px
}

.fillinfo {
    display: none;
    background: #F8F9FD;
    margin-top: 10px;
    border-radius: 3px;
    padding: 10px 15px 15px !important;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee
}

.btn-fillinfo.foldout .fa-plus:before {
    content: "\f068" !important
}

.dutytasks tbody > tr > td {
    position: relative;
    padding: 10px 8px
}

.dutytasks .ibtnDel {
    position: absolute;
    top: 10px;
    right: 0;
    border-radius: 40px;
    height: 30px;
    width: 30px;
    padding: 0;
    line-height: 30px
}

.dutytasks .ibtnDel:hover {
    background: #f05050;
    color: #FFF
}

.dutytasks .table > tbody > tr > td:first-child {
    padding: 8px
}

.dutytasks .time {
    display: flex
}

@media screen and (max-width: 767px) {
    .login {
        background-image: none
    }

    .login.twofa .panel {
        width: 95%;
        left: 2.5%
    }

    .login .btn-lg {
        padding: 20px 50px !important;
    }

    .dutytasks .time {
        display: inline-block
    }

    .dutytasks .time .timefrom,
    .dutytasks .time .timetill {
        margin-bottom: 10px
    }

    .input-group.date {
        padding-left: 5px
    }

    .selectdays .selectday {
        margin-bottom: 15px
    }

    .dutyrolepoints .btn {
        margin-top: 10px
    }

    .sidebar > .nav > li a {
        padding: 10px 5px 10px 15px
    }
}

.dutytasks .time .time-hour {
    padding-left: 16px
}

.dutytasks .time .timefrom,
.dutytasks .time .timetill {
    float: left;
    display: flex
}

.dutytasks .time .timefrom select,
.dutytasks .time .timetill select {
    background: url("data:image/svg+xml;utf8,<svg aria-hidden='true' data-prefix='fas' data-icon='sort' class='svg-inline--fa fa-sort fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='currentColor' d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z'></path></svg> ") #FFF;
    background-size: 18px 12px;
    background-position: right center;
    background-repeat: no-repeat
}

.dutytasks .time .timefrom select:first-child,
.dutytasks .time .timetill select:first-child {
    border-radius: 4px 0 0 4px !important;
    border-right: 0;
    -webkit-appearance: button
}

.dutytasks .time .timefrom select:last-child,
.dutytasks .time .timetill select:last-child {
    border-radius: 0 4px 4px 0 !important;
    -webkit-appearance: button
}

.invitations #accordion .panel {
    margin-bottom: 15px
}

.invitations .panel .panel-heading {
    padding: 5px !important
}

.invitations .panel .panel-heading a {
    width: 100%;
    display: inline-block;
    padding: 10px 15px
}

.invitations .selectday {
    width: 13%
}

.invitations .dutyholder .selectday .badge {
    pointer-events: none;
    font-weight: 600;
    border-radius: 2px;
    position: absolute;
    right: 20px;
    top: 26px;
    width: inherit;
    border: inherit
}

.invitations .dutyholder .selectday .checkbox span {
    margin-left: 20px
}

.invitations .badge {
    margin-left: 5px;
    position: relative;
    top: -1px
}

.invitations .invitation-days {
    padding: 10px 0 0;
    float: left;
    width: 100%
}

.invitations .invitation-days label i {
    font-style: inherit;
    opacity: .6;
    font-weight: 700;
    letter-spacing: -.5px
}

.invitations .invitation-days .dutytype .checkbox.c-checkbox {
    margin: 0
}

.invitations .invitation-days .dutytype > div:last-child {
    margin-bottom: 10px
}

.invitations .inv-day {
    background: #F8F9FD;
    margin-bottom: 10px;
    border: 1px solid #cedbe2;
    border-radius: 4px
}

.invitations .inv-day > .checkbox > label {
    font-weight: 700
}

.datetitlestart .checkbox {
    pointer-events: none;
    margin-left: 5px
}

.datetitlestart:hover .checkbox span {
    border-color: #2196F3
}

.selectday {
    width: 12.5%;
    float: left;
    border-color: #bdc7d4;
    text-align: center;
    height: 56px;
    margin-bottom: 5px
}

.selectday:not(:last-child) {
    margin-right: 8px
}

.selectday:hover {
    border-color: #457bd4;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)
}

.selectday .checkbox,
.selectday .radio {
    margin: 0;
    text-align: center;
    position: relative
}

.selectday .checkbox label,
.selectday .radio label {
    font-size: 13px;
    padding: 6px 0 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    line-height: 20px;
    font-weight: 600;
    display: grid
}

.selectday .checkbox span,
.selectday .radio span {
    margin: 0 auto
}

.selectday label input {
    width: calc(100% + 5px);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 70px;
    margin-top: 0
}

.daterangepicker td.available:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #5988d4 !important;
    color: #FFF !important
}

.daterangepicker td.in-range.end-date {
    border-radius: 0 4px 4px 0 !important
}

.bootstrap-datetimepicker-widget table td.day {
    box-shadow: 0 0 0 1px #FFF inset, 0 0 0 1px #FFF inset
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{width: 35px!important;font-size: 14px!important;}
.daterangepicker td.start-date {font-weight: 600;}

.daterangepicker td.in-range {
    background-color: #e1effe;
    border-color: transparent;
    border-radius: 0;
}

.selectday:nth-child(6),
.selectday:nth-child(7) {
    color: #7E838C
}


.dutyboard .Categoryholder p {
    line-height: 20px
}

.dutyboard .Categoryholder .action {
    color: #626b7e !important;
    padding-left: 10px
}

.dutyboard .Categoryholder .action.delete:hover {
    color: #c3372d !important
}

.dutyboard .Categoryholder.not-divided .sortable {
    background: none;
    columns: 8 200px;
    column-gap: 1rem;
}

.dutyboard .Categoryholder.not-divided .sortable li {}

.dutyboard .Categoryholder.not-divided .sortable li:hover .c-checkbox span {
    border-color: #5988d4;
}

.dutyboard .Categoryholder .sortable li {
    padding: 0 5px;
    border-radius: 4px;
    line-height: 26px;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    border: 1px solid #fff;
    position: relative;
    margin-bottom: 2px;
    background: #FFF;
    box-shadow: 0 0 0 2px #fff
}

.dutyboard .Categoryholder .sortable li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    bottom: -2px;
    left: 0
}

.dutyboard .Categoryholder .coaches.sortable li {
    padding: 10px;
    line-height: 18px
}

.dutyboard .Categoryholder .sortable li span.actions {
    float: right;
    opacity: 0;
    right: 10px;
    position: absolute
}

.dutyboard .Categoryholder .sortable li:hover span.actions {
    opacity: 1
}

.dutyboard .Categoryholder .sortable li .checkbox {
    float: left;
    margin: 1px 0px;
    position: relative;
    top: 3px;
    pointer-events: none;
}

.dutyboard .Categoryholder .xplayers {
    color: #aaa;
    padding: 5px 5px 0;
    display: inline-block;
    font-size: 14px;
    float: right;
    font-weight: 500;
    position: relative;
    top: -2px
}

.dutyboard .Categoryholder.dragging .panel {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 3px #dceafc;
    border-color: #457bd4 !important
}

.dutyboard .content-wrapper .row.row-eq {
    display: flex;
    flex-wrap: wrap
}

.dutyboard .content-wrapper .row.row-eq .panel-Category {
    height: calc(100% - 20px)
}

.dutyboard .content-wrapper.full-width .Categoryholder {}

.dutyboard .content-wrapper.full-width .Categoryholder.not-divided {
    width: 100%
}

.dutyboard .content-wrapper.full-width .Categoryholder.not-divided .sortable li {}

.dutyboard .content-wrapper.full-width dutyboa.Categoryholder.not-divided .sortable li {}

.dutyboard .content-wrapper .clearfix.full-width {
    display: none
}

.dutyboard .content-wrapper.full-width .clearfix.normal-width {
    display: none
}

.dutyboard .content-wrapper.full-width .clearfix.full-width {
    display: block
}

.dutyboard .panel-heading > a[data-tool]:hover {
    color: #212529 !important
}

.dutyboard .panel .panel-heading .fa-exclamation-triangle {
    color: #f05223
}

.collapse,
.collapsed.in {
    overflow: hidden
}

.collapse.in {
    overflow: inherit
}

.dutyboard .btn-resize {
    font-size: 20px;
    background: none !important;
    box-shadow: none;
    position: relative;
    top: -8px;
    right: -8px;
    color: #c1c2c3
}

.dutyboard .btn-resize:hover {
    color: #212529 !important
}

.dutyboard .Category {
    background: #EEE;
    width: 30px;
    display: inline-block;
    border-radius: 3px;
    opacity: 1;
    margin-right: 5px;
    text-align: center;
    color: #FFF;
    font-weight: 900;
    letter-spacing: -.5px;
    font-size: 12px;
    height: 17px;
    line-height: 17px
}

.dutyboard .Category-1f {
    background: #85E3D9;
    color: #07695f
}

.dutyboard .Category-2f {
    background: #67BA54
}

.dutyboard .Category-1e {
    background: #E2B452
}

.dutyboard .Category-2e {
    background: #FB2C11
}

.dutyboard .Category-1d {
    background: #cff243;
    color: #3e4c05
}

.dutyboard .Category-2d {
    background: #EFFDFD;
    color: #1e5f5f
}

.dutyboard .Category-1c {
    background: #85E3D9;
    color: #004a42
}

.dutyboard .Category-2c {
    background: #67BA54;
    color: #18480d
}

.dutyboard .Category-1b {
    background: #F5B3C1
}

.dutyboard .Category-2b {
    background: #85E3D9;
    color: #003e37
}

.dutyboard .Category-1a {
    background: #FB2C11
}

.dutyboard .Category-2a {
    background: #FFB3B3
}

.dutyboard .Category-sen {
    background: #6CF
}

.dutyboard .Category-vet {
    color: #555
}

.dutyboard .Category-1g {
    background: #FFC000
}

.dutyboard .Category-2g {
    background: #FF8000
}

.dutyboard .Category-wl3 {
    background: #A65FD7
}

.dutyboard .Category-wl2 {
    background: #A65FD7
}

.product .img-product {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.product .img-product:hover {
    border: 1px solid #ccc;
}

.product .img-product .actions {
    display: none;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    padding: 80px 0;
    background: rgba(0, 0, 0, 0.1);
}

.product .img-product:hover .actions {
    display: block
}

.product .price {
    font-weight: 700;
    font-size: 24px;
    float: left
}

.product .price .price-old {
    font-size: 16px;
    margin-left: 5px;
    text-decoration: line-through;
}

.product .bg-light .btn-primary-outline {
    background: #FFF
}

.nav-person {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 3;
    box-shadow: 0 3px 5px 0 rgb(36 42 59 / 8%);
    background: #ffffff;
    padding: 10px;
    border: 1px solid #e7ebf0 !important;
    border-radius: 5px;
}

.nav > li > a {
    padding: 7.5px 20px;
    font-weight: 600
}

.nav.nav-pills .active > a,
.nav.nav-pills .active > a:focus {
    background: #5988d4
}

.nav-person li a {
    color: #333
}

.nav-person li:hover a {
    background: rgb(89 136 212 / 0.1);
    color: #5988d4
}

.nav-pills > li + li {
    margin-left: 5px;
}

.sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-height: 30px;
    border-radius: 4px;
    background: #F8F9FD
}

.sortable li:hover {
    background: #F8F9FD
}

.sortable li.selected,
.sortable li.sortable-chosen {
    background: #dceafc !important;
    border: 1px solid #457bd4 !important;
    display: inline-block !important;
    box-shadow: none !important
}

.sortable li.child {
    margin-left: 20px
}

.sortable .ui-sortable-placeholder {
    background: #F8F9FD;
    border-radius: 4px
}

.sortable .selected[style="left"] {
    box-shadow: 0 15px 20px -5px rgba(0, 0, 0, 0.1)
}

.sortable .ui-sortable-helper {
    box-shadow: 0 15px 20px -5px rgba(0, 0, 0, 0.1)
}

.tablelabeltitle {
    display: inline-block;
    min-width: 180px;
    margin-bottom: 3px
}

.weeknumber input[name="dates"] {
    display: inline-block;
    width: 120px;
    position: relative;
    text-align: center;
}

.daterangepicker {
    box-shadow: 0 10px 25px 0 rgb(36 42 59 / 30%);
}

.topContainer::-webkit-scrollbar,
.leftContainer::-webkit-scrollbar {
    display: none
}

.mainContainer::-webkit-scrollbar-track {
    background: transparant
}

.mainContainer::-webkit-scrollbar-thumb {
    background: #9d9ea0;
    border-radius: 40px
}

.topContainer,
.leftContainer,
.mainContainer {
    height: 100%;
    overflow-x: auto;
    clear: both;
    white-space: nowrap;
    float: left;
    -webkit-overflow-scrolling: touch
}

.topContainer {
    width: calc(100% + -16px);
    display: inline-flex;
    padding-left: 32px !important
}

.leftContainer {
    width: 33px
}

.mainContainer {
    width: calc(100% - 33px);
    clear: inherit;
    background: #f1f2f2;
    padding-top: 3px
}

.courtoverview {
    height: calc(100vh - 300px)
}

#courtTop {
    position: relative;
    z-index: 1;
    height: 52px;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 3px -4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 3px -4px rgba(0, 0, 0, 0.05)
}

#courtLeft {
    overflow: hidden
}

#courtTop,
#courtMain .courts {
    display: inline-flex
}

#courtMain .courts {
    position: relative
}

#courtMain .courts::-webkit-scrollbar {
    display: none
}

#courtTop .courtholder,
#courtMain .courtholder {
    min-width: 120px;
    position: relative;
    margin-right: 1px;
    float: left
}

#courtTop .courtholder .inner {
    width: 120px
}

#courtTop .inner .court-head,
#courtMain .inner .court-head {
    height: 52px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    line-height: 16px;
    padding-top: 10px;
    border-radius: 4px 4px 0 0;
    font-size: 15px !important;
    color: #444 !important;
    z-index: 1;
    position: relative;
    background: #FFF
}

#courtTop .notavailable .inner .court-head,
#courtTop .notavailable .inner .court-head .ground {
    color: #ea5348 !important
}

#courtTop .inner .court-head .ground {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    opacity: .5;
    width: 100%;
    float: left;
    color: #212529
}

#courtMain .inner .court-body {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 3072px;
    background: #f1f2f2;
    border-radius: 0 0 4px 4px;
    box-shadow: 4px 0 0 0 #f1f2f2;
    border-right: 1px solid rgba(207, 219, 226, 0.5)
}

#courtMain .notavailable .inner .court-body {
    background: #f7bfbd !important;
    cursor: not-allowed
}

#courtMain.courtholder:last-child .inner .court-body {
    border-right: none;
    width: 146px
}

#courtMain .inner .court-body .reservation {
    position: absolute;
    line-height: 20px;
    background: #FFF !important;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    right: 2px;
    left: 2px;
    z-index: 1
}

#courtMain .inner .court-body .reservation .reservation-holder {
    position: relative;
    height: -webkit-fill-available;
    top: 0;
    bottom: inherit;
    font-size: 16px;
    width: inherit;
    right: 0;
    left: 0;
    z-index: 2;
    bottom: 0;
    border-radius: 4px;
    text-align: left;
    height: 100%;
}

#courtMain .inner .court-body .reservation .reservation-holder:hover {
    -webkit-box-shadow: 0 4px 25px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px -2px rgba(0, 0, 0, 0.1)
}

#courtMain .inner .court-body .reservation:hover {
    z-index: 2
}

#courtMain .inner .court-body .reservation .reservation-holder .label {
    top: 0;
    font-size: 14px;
    padding: 3px 20px 3px 7px;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 2;
    border-radius: 2px;
    color: #FFF;
    text-align: left;
    font-weight: 600;
    line-height: 14px;
    background: #4c4d4f;
    display: block;
    word-wrap: break-word;
    white-space: normal;
}

.reservation-holder .label i {
    position: absolute;
    right: 5px;
    font-size: 11px;
}

.reservation-holder .label i:not(:last-of-type) {
    right: 20px;
}

#courtMain .inner .court-body .reservation .reservation-holder .playswith {
    font-size: 13px;
    font-weight: 400 !important;
    color: #333;
    line-height: 16px;
    white-space: initial;
    padding: 0 5px;
}

#courtMain .inner .court-body .reservation .reservation-holder .playswith br {
    line-height: 22px
}

.courtoverview .timeline {
    position: relative;
    left: 0;
    font-size: 13px;
    line-height: 32px;
    top: -23px;
    background: #fff;
    padding-right: 1px;
    text-align: right;
    width: 33px;
    z-index: 1
}

.courtoverview .timeline .hour .full {
    font-size: 32px;
    position: relative;
    letter-spacing: -2px
}

.courtoverview .timeline .hour .full:before {
    content: "";
    height: 1px;
    width: 13px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    right: -5px;
    top: 20px
}

.courtoverview .timeline:before {
    position: absolute;
    top: 0;
    bottom: 0;
    content: " ";
    width: 1px;
    background-color: #d1d2d3;
    right: 0 !important;
    left: auto
}

.courtoverview .timeline .hour .full:after {
    content: "";
    height: 11px;
    width: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    top: 31px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.courtoverview .timeline .hour:last-child .full:after {
    display: none
}

.courtoverview .timeline .hour .full span {
    font-size: 20px;
    right: 7px;
    text-align: center;
    display: block;
    top: 3px;
    font-weight: 600
}

.courtoverview .timeline .hour span {
    position: relative;
    right: 15px;
    top: 4px
}

.courtoverview .timeline .hour .quarter,
.courtoverview .timeline .hour .half,
.courtoverview .timeline .hour .three-quarter {
    position: relative
}

.courtoverview .timeline .hour .quarter:before,
.courtoverview .timeline .hour .half:before,
.courtoverview .timeline .hour .three-quarter:before {
    content: "";
    height: 11px;
    width: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    top: 31px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.courtoverview .timeline .hour .quarter:after,
.courtoverview .timeline .hour .half:after,
.courtoverview .timeline .hour .three-quarter:after {
    content: "";
    width: 10px;
    height: 1px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 20px;
    right: 0
}

.courtoverview .currenttime {
    border-bottom: 2px solid #FF4F00;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4
}

.panel .panel-heading a.btn-courts {
    font-size: 14px;
    font-weight: 600;
    padding: 7px 10px !important;
    border: 1px solid transparent;
    color: #3a3f51;
    position: relative
}

.panel .panel-heading a.btn-courts:hover,
.panel .panel-heading a.btn-courts.active {
    background: #FFF;
    text-decoration: none;
    border: 1px solid #d7dce0;
    border-radius: 4px
}

.panel .panel-heading a.btn-courts:focus {
    text-decoration: none
}

.panel .panel-heading a.btn-courts b {
    color: #457bd4
}

.panel .panel-heading a.btn-courts i {
    padding-left: 3px
}

.panel .panel-heading a.btn-courts .courts-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-radius: 3px;
    padding: 5px 0;
    z-index: 10;
    top: calc(100% + 2px);
    min-width: 215px;
    max-height: 300px;
    overflow: auto
}

.panel .panel-heading a.btn-courts .courts-dropdown .c-checkbox {
    margin: 0
}

.panel .panel-heading a.btn-courts .courts-dropdown .c-checkbox label {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px
}

.panel .panel-heading a.btn-courts .courts-dropdown .c-checkbox label:hover {
    background: #F8F9FD
}

.panel-heading .switch {
    margin-top: 2px;
}


.label-darkorange {
    background: #F73D17 !important
}

.label-orange {
    background: #F88300 !important
}

.label-pink {
    background: #DB0051 !important
}

.label-purple {
    background: #5027AB !important
}

.label-blue {
    background: #2383F3 !important
}

.label-darkgreen {
    background: #1D8675 !important
}

.label-green {
    background: #7EB932 !important
}

.label-yellow {
    background: #ffc81b !important
}

.reservation {
    padding: 0 !important
}

.reservation .reservation-holder {
    background: #FFF;
    border-radius: 4px
}

.reservation {
    color: #FFF !important
}

.reservation .reservation-holder .time {
    font-size: 14px;
    color: #212529;
    z-index: 1;
    font-weight: 600;
    padding: 0px 5px;
    width: 100%;
}

.fa-exclamation-triangle {
    color: #FFF
}

.reservation .reservation-holder .status {
    position: absolute;
    top: 1px;
    z-index: 3;
    right: 5px;
    font-size: 10px
}

.reservation.not-published .reservation-holder .label {
    background: none !important;
    color: #4c4d4f !important;
    z-index: 3 !important;
    line-height: 17px !important
}

.reservation.not-published .reservation-holder .label:after {
    content: "\f070";
    font-family: "Font Awesome 5 Pro";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #626b7f;
    right: 5px;
    top: 5px;
    position: absolute
}

.label-reservation .label {
    background: #e0e0e0 !important;
    color: #333 !important
}

.label-grey .label {
    background: #607d8b !important
}

.label-grey {
    color: #607d8b !important
}

.label-other .label {
    background: #ff5000 !important
}

.label-other {
    color: #ff5000 !important
}

.label-closed .label {
    background: #D0021B !important
}

.label-closed {
    color: #D0021B !important
}

.label-competition .label {
    background: #152255 !important
}

.label-competition {
    color: #152255 !important
}

.label-tournament .label {
    background: #4960ab !important
}

.label-tournament {
    color: #4960ab !important
}

.label-darkgreen .label {
    background: #1D8675 !important
}

.label-darkgreen {
    color: #1D8675 !important
}

.label-training .label {
    background: #78C823 !important
}

.label-training {
    color: #78C823 !important
}

.label-maintenance .label {
    background: #fa0 !important
}

.label-maintenance {
    color: #fa0 !important
}

@media only screen and (max-width: 767px) {


    .topnavbar .navbar-header .brand-logo {
        background-image: url(https://knltb.club/designs/lisa-x/app/img/KNLTB-club-logo.svg);
        width: 115px;
        margin-left: -10px;
        padding-right: 0;
        background-size: 80%
    }

    #courtTop .courtholder,
    #courtTop .courtholder .inner,
    #courtMain .courtholder {
        width: 75px
    }

    #courtMain .inner .court-body .reservation .reservation-holder {
        white-space: normal
    }

    #courtMain .inner .court-body .reservation .reservation-holder .playswith {
        top: 65px;
        font-size: 12px;
        line-height: 14px
    }

    .courtbooking .col-lg-12 {
        padding: 0
    }

    .courtbooking .panel-body {
        padding: 15px 5px
    }

    .courtbooking .panel-heading {
        display: flow-root;
    }

    .courtbooking .panel-heading span {
        font-weight: 400;
        display: inline-block;
        margin: 0px auto 0;
    }

    .panel-heading .pull-right {
        float: inherit !important;
    }
    .nav-wrapper .navbar-nav > li {
        padding: 10px 0 !important
    }
    .panel-heading .btn {
        margin-left: 0px;
    }
    .nav-wrapper .navbar-nav.navbar-right .btn {
        padding: 4px 10px !important
    }

    .nav .dropdown-menu button.btn-danger {
        line-height: 34px !important
    }
}

@media only screen and (max-height: 768px) {
    .courtoverview {
        height: calc(100vh - 120px)
    }
}

.CodeMirror {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 15px
}

.CodeMirror.cm-s-default .cm-property {
    color: #a66cd6
}

.CodeMirror.cm-s-default .cm-atom {
    color: #c5750c
}

.CodeMirror.cm-s-default .cm-qualifier {
    color: #577bce
}

.CodeMirror.cm-s-default .cm-variable-3,
.CodeMirror .cm-s-default .cm-type {
    color: #FF5722
}

.CodeMirror.cm-s-default .cm-number {
    color: #799601
}

.clubsite .radio.panel.widget {
    box-shadow: none
}

.clubsite .panel.widget label {
    padding: 0
}

.clubsite .panel.widget label > img {
    margin-bottom: 10px
}

.clubsite .panel.widget label span.fa {
    margin: 0
}

.clubsite .c-radio input[type=radio]:checked ~ img,
.clubsite .c-radio input[type=radio]:hover ~ img {
    border: 1px solid #457bd4;
    box-shadow: 0 0 0 2px #dceafc inset
}

.clubsite .themeoption label {
    padding: 0
}

.clubsite .themeoption img {
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 2px
}

.clubsite .themeoption .c-radio label span.fa {
    margin-left: 0
}

.clubsite .img-upload .media-object {
    border: 1px solid #c4cacc;
    border-radius: 5px;
    padding: 2px;
    object-fit: contain;
    background-color: #FFF;
    background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee), linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee);
    background-size: 20px 20px;
    background-position: 0 0, 30px 30px
}

.clubsite .img-upload,
.clubsite .img-upload .media-body,
.clubsite .img-upload .media-heading {
    display: flex
}

.clubsite .img-upload .media-heading p {
    display: inline-flex;
    align-items: center
}

.clubsite.theme .form-group.themeoption {
    display: block !important;
    margin: 0
}

.clubsite.theme .form-group.themeoption .control-label {
    padding: 0;
    text-align: center;
    width: 100%;
    line-height: 30px
}

.clubsite.theme .form-horizontal .radio:first-child,
.clubsite.theme .form-horizontal .checkbox:first-child {
    padding-top: 7px
}

.clubsite.theme .form-horizontal .radio,
.clubsite.theme .form-horizontal .checkbox {
    padding-top: 0;
    padding-left: 0;
    font-weight: 500
}

.clubsite.theme .form-horizontal .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
    padding-left: 15px
}

.clubsite.theme .form-horizontal label p {
    font-weight: 500;
    color: #515253;
    opacity: .6;
    line-height: 16px
}

.clubsite.theme .form-horizontal label p small {
    font-weight: 600
}

.clubsite.theme .form-horizontal h4 {
    border-bottom: 1px solid #EEE;
    padding-bottom: 10px;
    margin-bottom: 30px
}

.clubsite.theme fieldset {
    border: none !important
}

.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
    display: inline-block;
    cursor: pointer;
    height: 16px;
    vertical-align: text-top;
    width: 16px
}

.c-radio .fa-circle:before {
    content: "";
    background: #457bd4;
    border-radius: 30px;
    top: 4px;
    bottom: 4px;
    right: 4px;
    left: 4px
}

@media only screen and (min-width: 767px) {
    .clubsite.theme .form-group {
        -ms-flex-align: center !important;
        align-items: center !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.kiosk-carousel {
    display: grid !important
}

.kiosk-carousel .owl-thumbs {
    width: 100%;
    display: flex;
    justify-content: center
}

.kiosk-carousel .owl-thumbs button.owl-thumb-item {
    width: 130px;
    float: left;
    border: 0;
    margin-top: 10px
}

.kiosk-carousel .owl-thumb-item img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    border-radius: 2px
}

.kiosk-carousel .owl-thumb-item {
    opacity: .6;
    -webkit-transition: all ease-in-out .1s;
    -o-transition: all ease-in-out .1s;
    transition: all ease-in-out .1s;
    cursor: pointer
}

.kiosk-carousel .owl-thumb-item.active {
    opacity: 1
}

.kiosk .editimg {
    position: relative;
    overflow: hidden
}

.kiosk .editimg:hover .btnholder {
    opacity: 1
}

.kiosk .editimg:hover {
    opacity: 1
}

.kiosk .editimg .btnholder {
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transition: opacity ease-in-out .2s;
    -o-transition: opacity ease-in-out .2s;
    transition: opacity ease-in-out .2s;
    transform: translateY(-50%);
    text-align: center
}

.kiosk .editimg .btn-remove:hover {
    background: #ea5348 !important;
    color: #FFF;
    border: 1px solid #ea5348 !important
}

.kiosk .kioskimg {
    border-radius: 3px
}

.kiosk h4 {
    margin-top: 5px;
    margin-bottom: 15px
}

.kiosk .kiosks {
    width: calc(100% - 40px)
}

.kiosk .checkbox {
    display: inline-block;
    width: 100%;
    min-height: 1em;
    margin-bottom: 5px;
    margin-top: 0;
    color: #888
}

.kiosk .checkbox label {
    width: 100%;
    line-height: 20px
}

.kiosk .c-checkbox input[type=checkbox]:checked ~ .kioskname {
    background: none;
    color: #212529
}

.kiosk .rearrange .btn {
    box-shadow: none;
    border-color: transparent !important;
    color: #626b7e;
    font-weight: 500 !important;
    background: none
}

.kiosk .rearrange .btn:hover {
    color: #457bd4
}

.kiosk .rearrange {
    display: grid;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    align-items: center;
    width: 55px;
    vertical-align: middle
}

.kiosk .rearrange:hover {
    background: #F8F9FD
}

.kiosk .panel-body.kioskholder {
    border-bottom: 1px solid #c4cacc
}

.kiosk .panel-body.kioskholder:last-child {
    border-bottom: none
}

.kiosk-preview {
    position: relative;
    min-height: 330px
}

.kiosk-preview .img-preview {
    margin: 0 auto;
    float: none;
    border-radius: 1px;
    box-shadow: #222a3b 0 0 0 15px, #727886 0 0 0 17px, rgba(90, 103, 107, 0.4) 0 5px 24px 11px;
    transform: scale(1.4) translateY(40px)
}

.kiosk-preview .cam {
    background: rgba(255, 255, 255, 0.2);
    width: 4px;
    height: 4px;
    position: absolute;
    left: 50%;
    top: 12px;
    z-index: 1;
    border-radius: 50px;
    transform: translate(-50%)
}

.kiosk-preview .bg {
    background-image: url(../img/brick.png);
    width: 100px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 60px;
    z-index: -1;
    left: -50px
}

.kiosk-preview .bg:before {
    content: "";
    background-image: url(../img/brick.png);
    width: 100px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 100px;
    z-index: -1;
    left: 500px
}

.kiosk-preview .bg:after {
    content: "";
    background-image: url(../img/brick.png);
    width: 100px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 220px;
    z-index: -1;
    left: 160px
}

.kiosk-preview .logo {
    background-image: url(../img/elo.png);
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    top: 238px;
    height: 10px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .3
}

.kioskholder .cropper-container {
    width: 100% !important
}

@media only screen and (max-width: 991px) {
    .kioskimg {
        margin-bottom: 15px
    }
}

.panel-heading > a[data-tool] {
    margin-right: -5px;
}

.label .fal {
    font-weight: 900
}

.panel-heading a[data-toggle="collapse"] {
    display: block;
    padding: 15px;
    margin: -14px
}

.panel-heading a.collapse-icon {
    display: inline-block;
    float: right;
    padding: 7.5px 15px;
    margin: 0;
    position: absolute;
    right: 0;
    height: auto;
    top: 0;
    color: rgba(51, 51, 51, 0.5)
}

.panel-heading a.collapse-icon.collapsed {
    transform: scaleY(-1)
}

.panel-heading a.collapse-icon {
    transform: scaleY(1)
}

.panel-heading .checkbox {
    position: relative;
    right: 1px;
    top: 0
}

#accordion .panel-heading {
    padding-right: 40px !important;
    position: relative;
    border-radius: 3px;
}

.finances .invoicestable tbody tr[role="row"] {
    border-radius: 4px 0 0 4px !important;
    font-size: 15px;
    font-weight: 600;
    background: #F8F9FD;
    color: #444;
    border: 1px solid #cfdbe2;
    cursor: pointer
}

.finances .invoicestable tbody tr[role="row"]:hover .details-control {
    color: #457bd4
}

.finances .invoicestable tr:not([role="row"]) {
    background: #FFF
}

.finances .invoicestable .invdetail {
    width: calc(100% + 20px);
    margin-bottom: 5px !important
}

.finances .invoicestable .invdetail td {
    line-height: 38px;
    border-top: 1px solid #eee
}

.finances td.details-control:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\2b";
    cursor: pointer;
    font-size: 11px;
    position: relative;
    left: -5px;
    opacity: .5
}

.finances .invoicestable .totals span {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #e4eaec;
    border-radius: 2px;
    font-weight: 600;
    color: #fff;
    background-color: #457bd4
}

.finances tr.shown td.details-control:before {
    content: "\f068" !important
}

.finances .invoicestable .invdetail .checkbox .fa-check {
    margin-top: 8px;
    margin-left: 3px
}

.finances .invoicestable td.text-right {
    text-align: right !important
}

.finances .invoicestable td.totals {
    padding-right: 20px !important
}

.finances .invoicestable th:last-child {
    width: 20px !important
}

.finances .invoicestable th.invtotals {
    text-align: right !important;
    padding-right: 20px !important
}

.finances .dataTables_filter, .courtbooking .dataTables_filter {
    float: right !important
}

.finances .invoicestable {
    border-collapse: collapse !important
}

.finances .invoice-status .label {
    padding: .2em 1.2em .3em;
    font-size: 120%;
    vertical-align: bottom
}

.finances .invoice .table > thead > tr > th:first-child,
.finances .invoice .table > thead > tr > th:last-child,
.finances .invoice .table > tbody > tr > td:first-child,
.finances .invoice .table > tbody > tr > td:last-child {
    padding: 5px 0
}

.finances .invoice .table {
    margin-bottom: 0;
    border: 0;
    width: calc(100% - 60px) !important;
    margin-left: 35px;
    margin-top: 30px
}

.finances .invoice .subsum {
    font-weight: 600
}

.finances .invoice .subsum td {
    border-top: 2px solid #AAA;
    padding-bottom: 32px !important
}

.finances .invoice tr.subsum + tr td {
    border-top: 0
}

.finances .invoice .h3 {
    font-weight: 700;
    margin: 10px 0 30px
}

.finances .invoice .stornering {
    color: #9CA0A4
}

.customfields .location .table-responsive .label {
    width: 22px;
    display: inline-block
}

.customfields .location .panel.custom {
    margin-bottom: 15px
}

ol.group-items > li {
    border-top: 1px solid #ebedf0;
    line-height: 30px
}

ol.group-items > li.entryform-tree-item .fa-bars {
    color: #616b7e;
    font-weight: 100;
    font-size: 14px;
    opacity: .5
}

ol.group-items li.entryform-tree-item .col-md-6 {
    height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-right: 50px
}

ol.group-items li.placeholder {
    height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-right: 50px
}

ol.group-items > li.entryform-tree-item .nested .col-md-6 {
    width: calc(50% - 9px)
}

ol.group-items > li.entryform-tree-item .col-md-1 {
    text-align: center
}

ol.group-items > li.entryform-tree-item .col-md-1 .fa-check {
    margin-top: 5px
}

@media screen and (max-width: 767px) {
    .searchtop {
        margin-right: 15px
    }

    .layout-fixed .wrapper > section {
        margin-top: 15px;
        margin-bottom: 0 !important
    }

    .action-menu {
        display: inline-block;
        width: 100%
    }

    .breadcrumb {
        display: none
    }

    .login .panel {
        top: 50%;
        width: 360px;
        left: calc(50% - 180px)
    }

    .login .panel .logo {
        max-width: 45%
    }

    .duty .input-group.title {
        display: table;
        width: 100%
    }

    .duty .input-group.title select {
        margin-top: 10px
    }

    .selectdays {
        margin-left: -10px;
        margin-right: -10px
    }

    .selectdays .selectday {
        border-radius: 0;
        width: 15%;
        margin-right: -3px
    }

    .selectdays .selectday:hover {
        z-index: 5;
        position: relative
    }
    
    .dataTable thead tr th .checkbox {
        float: none
    }

    .table > tbody > tr > td > .media,
    .table > tbody > tr > td > .media img {
        width: 20px;
        height: 20px;
        max-width: 20px !important
    }

    .ledenlijst .dataTable .clickable-row:nth-child(3) {
        padding-left: 0
    }

    .dataTables_length {
        display: none
    }

    .dataTables_filter {
        width: 100%
    }

    .dataTables_filter input[type="search"] {
        width: calc(100% - 30px) !important
    }

    .dataTables_filter label:after {
        right: 25px
    }

    .dataTables_info {
        line-height: 24px;
        margin-left: 20px;
        margin-bottom: 5px;
        font-size: 11px
    }

    .table-responsive{margin: -5px !important;width: calc(100% + 10px) !important;}

    table.dataTable > tbody > tr > td:first-child,
    .table > tbody > tr > td:last-child {
        padding: 5px 30px 5px 15px !important
    }

    .club.locations .location .locationaddress .address {
        margin-top: 10px
    }

    .topnavbar {
        box-shadow: 0 -55px 14px 50px #00000050;
        border-bottom: 0
    }

    .action-menu .btn {
        padding: 12px 25px
    }

    .layout-fixed .wrapper > .aside-main {
        margin-left: -100%
    }
    .layout-fixed .wrapper > .aside-main.open {
        box-shadow: 0 0px 0px 10000px rgb(0 0 0 / 50%);
    }

    .nav-wrapper {
        box-shadow: none;
        margin-left: 0
    }


    ol.group-items > li.entryform-tree-item .fa-bars {
        position: relative;
        top: 5px;
        font-size: 25px
    }

    ol.group-items li.entryform-tree-item .col-md-6 {
        height: 35px
    }

    ol.group-items > li.entryform-tree-item .col-md-1 .fa-check {
        margin-top: 7px
    }

    ol.group-items > li.entryform-tree-item .col-md-1 .fieldtype {
        margin-top: 3px
    }
}

@media screen and (min-width: 768px) {
    .duty .input-group.title select {
        border-radius: 0 4px 4px 0 !important;
        margin-left: -3px
    }



    .eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .eq-height > .col-xs-1,
    .eq-height > .col-sm-1,
    .eq-height > .col-md-1,
    .eq-height > .col-lg-1,
    .eq-height > .col-xs-2,
    .eq-height > .col-sm-2,
    .eq-height > .col-md-2,
    .eq-height > .col-lg-2,
    .eq-height > .col-xs-3,
    .eq-height > .col-sm-3,
    .eq-height > .col-md-3,
    .eq-height > .col-lg-3,
    .eq-height > .col-xs-4,
    .eq-height > .col-sm-4,
    .eq-height > .col-md-4,
    .eq-height > .col-lg-4,
    .eq-height > .col-xs-5,
    .eq-height > .col-xs-5,
    .eq-height > .col-sm-5,
    .eq-height > .col-md-5,
    .eq-height > .col-lg-5,
    .eq-height > .col-xs-6,
    .eq-height > .col-sm-6,
    .eq-height > .col-md-6,
    .eq-height > .col-lg-6,
    .eq-height > .col-xs-7,
    .eq-height > .col-sm-7,
    .eq-height > .col-md-7,
    .eq-height > .col-lg-7,
    .eq-height > .col-xs-8,
    .eq-height > .col-sm-8,
    .eq-height > .col-md-8,
    .eq-height > .col-lg-8,
    .eq-height > .col-xs-9,
    .eq-height > .col-sm-9,
    .eq-height > .col-md-9,
    .eq-height > .col-lg-9,
    .eq-height > .col-xs-10,
    .eq-height > .col-sm-10,
    .eq-height > .col-md-10,
    .eq-height > .col-lg-10,
    .eq-height > .col-xs-11,
    .eq-height > .col-sm-11,
    .eq-height > .col-md-11,
    .eq-height > .col-lg-11,
    .eq-height > .col-xs-12,
    .eq-height > .col-sm-12,
    .eq-height > .col-md-12,
    .eq-height > .col-lg-12 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .panel .avatar .col-md-2 {
        display: flex
    }
}

@media (min-width: 992px) {
    .topnavbar .navbar-header {
        width: 260px;
        z-index: 10;
        height: 58px;
        background: #131d27 !important;
        /* border-bottom: 1px solid rgb(36 45 54 / 50%); */
    }
    .panel .panel-body > .table-responsive {
        overflow: unset;
    }

    .dropdown-menu-right {
        right: 0 !important;
        left: auto !important;
    }

    .topnavbar .btn > .fas {
        font-size: 15px !important;
        top: 1px
    }

    .uk-notify-top-center,
    .uk-notify-bottom-center {
        margin-left: -50px !important
    }

    .col-md-offset-right-12 {
        margin-right: 100%
    }

    .col-md-offset-right-11 {
        margin-right: 91.66666667%
    }

    .col-md-offset-right-10 {
        margin-right: 83.33333333%
    }

    .col-md-offset-right-9 {
        margin-right: 75%
    }

    .col-md-offset-right-8 {
        margin-right: 66.66666667%
    }

    .col-md-offset-right-7 {
        margin-right: 58.33333333%
    }

    .col-md-offset-right-6 {
        margin-right: 50%
    }

    .col-md-offset-right-5 {
        margin-right: 41.66666667%
    }

    .col-md-offset-right-4 {
        margin-right: 33.33333333%
    }

    .col-md-offset-right-3 {
        margin-right: 25%
    }

    .col-md-offset-right-2 {
        margin-right: 16.66666667%
    }

    .col-md-offset-right-1 {
        margin-right: 8.33333333%
    }

    .col-md-offset-right-0 {
        margin-right: 0
    }
}

@media screen and (max-width: 991px) {
    .topnavbar .navbar-header {
        background: #FFF
    }
    .nav-wrapper{margin-left:0;}

    .searchtop {
        float: right;
        position: absolute;
        top: 55px;
        left: 0;
        right: 0;
        max-width: inherit;
        margin-right: 0;
        margin-left: 0;
        background: #FFF;
        padding: 0 10px 10px;
        box-shadow: 0 10px 20px -18px rgba(0, 0, 0, 0.3)
    }

    .searchtop .search-results {
        -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
        width: calc(100% - 20px);
        left: 10px
    }

    .searchtop .form-control {
        height: 45px;
        border-radius: 40px !important
    }

    .searchtop .input-group-btn {
        right: 10px !important;
        z-index: 3;
        top: 7px !important;
        height: 48px
    }

    .searchtop .btn {
        height: 43px;
        padding: 5px 15px;
        margin-top: 4px;
        background: none
    }

    .topnavbar .openmenu .fa-bars {
        transform: scaleX(1.25);
    }

    .pagetitle {
        width: 70%;
        float: left
    }

    .action-menu .page-title {
        margin-bottom: 15px
    }

    .lidkaart .row {
        display: flex;
        flex-direction: column
    }

    .lidkaart .col-sm-first {
        order: 1
    }

    .lidkaart .col-sm-last {
        order: 2
    }

    .dutytasks {
        padding: 0
    }

    .ledenlijst .panel .dataTables_wrapper .table tbody tr td {
        line-height: 28px
    }

    .ledenlijst .panel .dataTables_wrapper .table tbody tr td.phone,
    .ledenlijst .panel .dataTables_wrapper .table thead th[aria-label="Telefoonnummer"] {
        display: none;
    }

    .statsholder {
        display: block !important
    }

    .panel.stats:first-child {
        border-radius: 3px 3px 0 0
    }

    .panel.stats {
        padding: 10px 0;
        margin-bottom: -1px;
        border-left: 1px solid #c4cacc
    }

    .panel.stats:last-child {
        border-radius: 0 0 3px 3px;
        margin-bottom: 10px
    }

    .panel.stats.widget .h2 {
        font-size: 26px;
        float: left;
        width: 100%;
    }

    .panel.stats.widget div {
        float: left;
        width: 100%
    }

    .ledenlijst .profile-pic {
        float: left;
        width: 30px;
    }
}

#filter .alert-dismissible {
    display: flex !important;
    width: fit-content !important;
    white-space: pre-line !important;
    max-width: 100% !important;
}

.management {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 2px;
    position: absolute;
    bottom: 0px;
    transition: color 0 !important;
    background: #313A45;
    border-radius: 5px;
    height: 33px;
    width: 30%;
    margin: 8px;
    line-height: 30px;
    z-index: 26;
    right: 2px;
}

.management:hover {
    color: #457bd4;
    background: #FFF
}
.team-planner-overview.team-list-linear .panel-body {
    min-width: 260px;
}

.panel-filter .select2-container .select2-selection--multiple .select2-selection__rendered
{
  overflow-y: hidden !important;
  max-height: none !important;
}
.panel-filter .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search__field
{
  min-width: auto;
}

/* LAST UPDATED: 03-09-2024 */

.table-fit-screen{
    table-layout: fixed;
    width: 100%;
}

.checkbox-center{
    vertical-align: middle;
    margin: 0 auto!important;
}