.navbar-header:before{box-shadow:2px 0px 0 -1px rgba(0,0,0,0.07);z-index:2}.navbar-content{border:0 !important}#mainnav-container{box-shadow:0 0 0 1px rgba(0,0,0,0.07)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,#page-title{color:#4d627b}
    #navbar{background-color:#fff}::selection{background-color:#587da9;color:#fff}::-moz-selection{background-color:#587da9;color:#fff}::placeholder{color:#cdd2d4 !important}::-webkit-input-placeholder{color:#cdd2d4 !important}::-ms-input-placeholder{color:#cdd2d4 !important}:-ms-input-placeholder{color:#cdd2d4 !important}#container.boxed-layout{background-color:#f5f5f5}.cls-container{background-color:#fff}.cls-container,.cls-container a:not(.btn),.cls-container a:hover:not(.btn),.cls-container a:focus:not(.btn){color:#69757b}#container.cls-container .cls-brand .brand-icon,#container.cls-container .cls-brand .brand-title{color:#4d627b}@media (min-width: 1024px){#container.boxed-layout,#container.boxed-layout.navbar-fixed #navbar{background-color:#545f63}}.nano>.nano-pane>.nano-slider,.pace .pace-progress{background-color:#4f7199}.pace .pace-progress-inner{box-shadow:0 0 10px #587da9,0 0 5px #587da9}@media (min-width: 768px){#navbar{background-color:transparent}}.navbar-content{background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.07);}.navbar-aside-icon>i:before{background-color:#7a878e !important;box-shadow:0 0.45em 0 #7a878e,0 0.9em 0 #7a878e !important}.navbar-icon-color,.navbar-top-links>li>a:focus:not(.mainnav-toggle)>i,.navbar-top-links>li>a:hover:not(.mainnav-toggle)>i{color:#566065}.navbar-top-links>li>a{color:#7a878e}.navbar-top-links>li>a:not(.mainnav-toggle)>i{color:#7a878e}.navbar-top-links>li>a:hover{background-color:#fff !important;color:#566065}.navbar-top-links>.open>a,.navbar-top-links>.open>a:focus{background-color:#f9f9f9 !important;color:#566065}.navbar-top-links .tgl-menu-btn>a,.navbar-top-links .tgl-menu-btn>a:hover,.navbar-top-links .tgl-menu-btn>a:focus{color:#7a878e}.navbar-top-links .head-list li a i{color:#4d627b}.navbar-top-links .head-list li a:hover{color:#7a878e}@media (min-width: 768px){.navbar-header:before{background-color:#fff}#navbar-container{background-color:#fff}#container.mainnav-in .brand-title,#container.mainnav-sm .brand-title,#container.mainnav-lg .brand-title{color:#4d627b}}.navbar-content .custom-search-form i{color:#7a878e}@media (min-width: 768px){.navbar-content .custom-search-form input{color:#7a878e}.navbar-content .custom-search-form input::placeholder{color:rgba(122,135,142,0.4) !important}.navbar-content .custom-search-form input::-webkit-input-placeholder{color:rgba(122,135,142,0.4) !important}.navbar-content .custom-search-form input::-ms-input-placeholder{color:rgba(122,135,142,0.4) !important}.navbar-content .custom-search-form input:-ms-input-placeholder{color:rgba(122,135,142,0.4) !important}}#mainnav{background-color:#fff;color:#a7aeb5}#mainnav .list-header{color:#707b86}.mainnav-profile,.mainnav-profile .mnp-name,.mainnav-profile .dropdown-caret,.mainnav-profile .mnp-desc{color:#4d627b}.mainnav-profile .profile-wrap{background-color:#fff}#mainnav .mainnav-profile .list-group{background-color:#fafafa}#mainnav .mainnav-profile .list-group-item{color:#4d627b}#mainnav .mainnav-profile .list-group-item:hover{color:#303d4c}#mainnav-menu>li>a:hover,#mainnav-menu>li>a:active{color:#587da9}#mainnav-menu>li>a.hover{color:#587da9;background-color:#fff}#mainnav-menu>.active-link>a,#mainnav-menu>.active-link>a:hover{color:#fff;background-color:#587da9}#mainnav-menu>.active-link>a i,#mainnav-menu>.active-link>a:hover i{color:#fff}#mainnav-menu>.active-sub>a,#mainnav-menu>.active-sub>a:hover{color:#fff;background-color:#587da9}#mainnav-menu>.active-sub .active-sub>a,#mainnav-menu>.active-sub .active-sub>a:hover{color:#587da9}#mainnav-menu .active:not(.active-sub)>a{color:#587da9}#mainnav-menu>.active{background-color:#fafafa}#mainnav-menu>.active .active{background-color:#f5f5f5}#mainnav-menu ul a:hover,#mainnav-menu ul ul a:hover,#mainnav-menu ul .active-link a,.menu-popover .sub-menu ul a:hover,.menu-popover .sub-menu ul ul a:hover,.menu-popover .sub-menu ul .active-link a{color:#587da9}#container.mainnav-sm #mainnav-menu>.active-link>a,#container.mainnav-sm #mainnav-menu>.active-link a:hover,#container.mainnav-sm #mainnav-menu>.active-sub>a,#container.mainnav-sm #mainnav-menu>.active-sub a:hover{background-color:#587da9;box-shadow:none}#mainnav-shortcut .shortcut-grid{color:#a7aeb5}#mainnav-shortcut .shortcut-wrap .shortcut-grid:hover>.icon-wrap{background-color:#587da9;color:#fff}.mainnav-widget{color:#a7aeb5}@media (min-width: 768px){#container.mainnav-sm ul:not(.shortcut-wrap) .shortcut-grid:hover,#container.mainnav-sm .popover.mainnav-shortcut{background-color:#fff;color:#587da9}#container.mainnav-sm #mainnav-menu .active-link>a,#container.mainnav-sm #mainnav-menu .active-sub>a{color:#fff}#container.mainnav-sm #mainnav{position:relative}#container.mainnav-sm #mainnav .mainnav-widget>.show-small a{color:#a7aeb5}#container.mainnav-sm #mainnav .mainnav-widget>.show-small a:hover{color:#587da9}#container.mainnav-sm #mainnav .mainnav-widget .hover{color:#587da9;background-color:#fff}.menu-popover .sub-menu ul{background-color:#f7f7f7}.menu-popover .sub-menu ul ul{background-color:#f2f2f2}.menu-popover .sub-menu ul ul>li>a:hover{color:#587da9}.menu-popover .sub-menu ul a:hover{color:#587da9}.menu-popover .sub-menu ul li>a{color:#a7aeb5}.menu-popover .single-content{color:#587da9;background-color:#fff}.menu-popover.popover{background-color:#fafafa;color:#587da9}.menu-popover>.popover-title{background-color:#fff;color:#587da9}.menu-popover .mainnav-widget-content{background-color:#fff}}.mainnav-sm .popover.mainnav-shortcut{background-color:#fafafa;color:#587da9}@media (min-width: 768px){#container.mainnav-in.easeInBack:not(.boxed-layout) #mainnav-container{box-shadow:-20px 0 0 0 #fff}#container.mainnav-out .brand-title{color:#4d627b}}#container #aside .list-link li a:not(.btn){color:#d1d1d1}#container #aside .list-link li a:not(.btn):hover{color:#fff}#container #aside .badge-stat{color:#344146}#container #aside .text-main{color:#fff}#aside{background-color:#344146;color:#fff}#aside .btn-link{color:#fff}#aside .text-muted{color:#879da6}#aside-container #aside .nav-tabs li{border-bottom:1px solid #293337}#aside-container #aside .nav-tabs li>a{background-color:#344146}#aside-container #aside .nav-tabs li>a:before{background:#587da9}#aside-container #aside .nav-tabs .active a:before{background:#587da9}#container.aside-bright #aside .nav-tabs li{border-bottom:1px solid #f9f9f9}#container.aside-bright #aside .nav-tabs li>a{background-color:#fff}#container.aside-bright #aside{background-color:#fff;color:#7a878e}#container.aside-bright #aside .badge-stat{color:#fff}#container.aside-bright #aside .text-main{color:#4d627b}#container.aside-bright #aside .text-light{color:#7a878e}#container.aside-bright #aside .text-muted{color:#b1b9bd}#container.aside-bright #aside .progress{background-color:#e6e6e6}#container.aside-bright #aside .list-link li a:not(.btn){color:#88939a}#container.aside-bright #aside .list-link li a:not(.btn):hover{color:#7a878e}#container.aside-bright #aside a:not(.btn){color:#7a878e}#container.aside-bright #aside a:not(.btn):hover,#container.aside-bright #aside a:not(.btn):focus{color:#626d73}#container.aside-bright #aside .btn-link{color:#7a878e}#footer{background-color:#fff;color:#7a878e}.jumbotron{background-color:#f2f2f2}.open.mega-dropdown>.mega-dropdown-toggle:before{border-bottom:7px solid rgba(0,0,0,0.07)}.open.mega-dropdown>.mega-dropdown-toggle:after{border-bottom:7px solid #fff}.timeline{background-color:#fff;color:#7a878e}.timeline:before,.timeline:after{background-color:#bfc5c9}.timeline:after{border:1px solid #bfc5c9;background-color:#fff}.timeline-time{background-color:#fff;color:#7a878e}.timeline-icon:not([class*="bg-"]){background-color:#fff}.timeline-icon:empty{border:2px solid #bfc5c9}.timeline-label{background-color:#fff}.timeline-label:after{border-right:9px solid #fff}.panel .timeline,.panel .timeline:after,.panel .timeline-time,.panel .timeline-label,.panel .timeline-icon:not([class^="bg-"]):not([class*=" bg-"]){background-color:#fff}.panel .timeline-label{background-color:#fff}.panel .timeline-label:after{border-right-color:#fff}@media (min-width: 768px){.two-column.timeline .timeline-entry:nth-child(even) .timeline-label:after{border-left:9px solid #fff}}.tag:not(.label){background-color:#fff;border:1px solid #d4dee0}.mail-time{color:#b1b9bd}.mail-list>li:nth-child(odd){background-color:rgba(0,0,0,0.01)}.mail-list>li:hover{background-color:rgba(0,0,0,0.05)}.mail-list>li.highlight{background-color:#f2f0c2}.mail-list a,.mail-list a:focus{display:inline-block;color:#7a878e}.mail-star>a,.mail-star>a:focus{color:#d3d7da}.mail-starred .mail-star>a{color:#ffa100}.mail-list .mail-star>a:hover{color:#ffbd4d}.mail-attach-list>li .mail-file-img,.mail-attach-list>li .mail-file-icon{background-color:#f8f9fa}.wz-icon-bw li.active ~ li>a .icon-wrap{color:#7a878e}.wz-icon-bw li:not(.active)>a p{color:#7a878e !important}.alert-primary .alert-icon{color:#fff}.alert-info .alert-icon{color:#fff}.alert-success .alert-icon{color:#fff}.alert-warning .alert-icon{color:#fff}.alert-danger .alert-icon{color:#fff}.alert-mint .alert-icon{color:#fff}.alert-purple .alert-icon{color:#fff}.alert-pink .alert-icon{color:#fff}.alert-dark .alert-icon{color:#fff}.select:before{border-top-color:#b1b9bd}.select select:focus{border-color:#587da9}.pci-hor-dots:before,.pci-ver-dots:before{background-color:#7a878e;box-shadow:0 0.45em 0 #7a878e,0 0.9em 0 #7a878e}.breadcrumb li,.breadcrumb li a{color:#626d73}.form-control:focus{border-color:#587da9}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{background-color:#587da9;border-color:#587da9;color:#fff}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#fff}.dropdown-menu:not(.head-list)>li>a:hover{background-color:#587da9;color:#fff}.well{background-color:#fcfcfc;border-color:#f7f7f7}.popover{border:1px solid #fcfcfc}.pager li>a:active{background-color:#587da9 !important;color:#fff !important}.pager li>a:hover,.pager li>a:focus{background-color:#fff;border-color:#587da9;color:#587da9;box-shadow:inset 0 0 1px #587da9,0 3px 15px rgba(0,0,0,0.25);z-index:2}.pagination>li a:hover,.pagination>li a:focus{border-color:#587da9;color:#587da9;box-shadow:inset 0 0 1px #587da9}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color:#587da9;border-color:#587da9}.tab-base .tab-content{background-color:#fff}.tab-base .tab-content .tab-footer{background-color:#fff;color:#7a878e;border-color:#fff}.nav-tabs li a{color:#7a878e}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#4d627b}.btn-primary,.btn-primary:focus{background-color:#337ab7;border-color:#6285ae !important;color:#fff}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary:disabled,.btn-primary.disabled,.btn-primary:not([class*="btn-active-"])+.dropdown-menu>li>a:hover,.btn-primary:not([class*="btn-active-"])+.dropdown-menu>li>a:focus,.btn-primary:not([class*="btn-active-"])+.dropdown-menu>.active>a,.btn-primary+.dropdown-menu:not(.head-list)>li>a.active,.open>.dropdown-toggle.btn-primary,.btn-hover-primary:hover,.btn-hover-primary:active,.btn-hover-primary.active,.btn-active-primary.btn:active,.btn-active-primary.btn.active,.btn-active-primary+.dropdown-menu>li>a:hover,.btn-active-primary+.dropdown-menu>li>a:focus,.btn-active-primary+.dropdown-menu>.active>a,.open .dropdown-toggle.btn.btn-active-primary,.btn-group.open .dropdown-toggle.btn.btn-active-primary{background-color:#4b6c92 !important;border-color:#4b6c92 !important;color:#fff !important}.panel-primary .panel-heading,.panel-primary .panel-footer,.panel-primary.panel-colorful{background-color:#337ab7;border-color:#337ab7;color:#fff}.panel-primary.panel-colorful{box-shadow:0 1px 1px #354b66}.panel-footer{background-color:#fff;color:#7a878e}.magic-radio+label:hover:before,.magic-checkbox+label:hover:before{border-color:#587da9}.magic-checkbox:checked+label:before{background:#587da9;border-color:#587da9}.magic-radio+label:after{background:#587da9}.magic-radio:checked+label:before{border-color:#587da9}.magic-radio:checked:focus+label:before,.magic-checkbox:checked:focus+label:before{box-shadow:0 0 0 10px rgba(88,125,169,0.17),inset 0 0 0 10px rgba(22,119,179,0.17)}.alert-primary,.btn-primary{border-color:#587da9}.label-primary,.badge-primary,.progress-bar-primary,.alert-primary,.bg-primary{background-color:#337ab7;color:#fff}.scroll-top.in{background-color:#337ab7;color:#fff}body .chosen-container-multi .chosen-choices li.search-choice,body .chosen-container .chosen-results li.highlighted{background-color:#587da9;color:#fff}body .select2-container--default .select2-results__option[aria-selected="true"]:hover,body .select2-container--default .select2-selection--multiple .select2-selection__choice,body .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#587da9;color:#fff}body .select2-container--default .select2-selection--multiple .select2-selection__choice{border-color:#587da9}body .datepicker table thead{color:#4d627b}body .datepicker-switch{color:#587da9}body .datepicker table tr td span.active.active,body .datepicker table tr td span.active.disabled.active,body .datepicker table tr td span.active.disabled:active,body .datepicker table tr td span.active.disabled.active:hover,body .datepicker table tr td span.active.disabled:hover:active,body .datepicker table tr td span.active:active,body .datepicker table tr td span.active.active:hover,body .datepicker table tr td span.active:hover:active,body .datepicker table tr td.active.active,body .datepicker table tr td.active.highlighted.active,body .datepicker table tr td.active.highlighted:active,body .datepicker table tr td.active:active,body .datepicker table tr td.selected,body .datepicker table tr td.selected.highlighted{background-color:#587da9;border-color:#587da9;color:#fff}body .datepicker table tr td.active.active:hover{background-color:#466488}body .datepicker table tr td.range{background-color:#bdccdd}body .bootstrap-timepicker-widget table td a{color:#4d627b}body .noUi-connect{background:#587da9}body .noUi-handle{background:#587da9}body .noUi-marker-large,body .noUi-marker{background:rgba(255,255,255,0.2)}body .fixed-table-container tbody .selected td,body #container .table.dataTable tbody tr.selected{background-color:#587da9;color:#fff}body .fixed-table-container tbody .selected td .text-muted,body .fixed-table-container tbody .selected td .btn-link,body #container .table.dataTable tbody tr.selected .text-muted,body #container .table.dataTable tbody tr.selected .btn-link{color:#fff}body .jstree-default .jstree-clicked{background-color:#587da9 !important;color:#fff}body .dd-dragel{color:#4d627b}body .dd-dragel .dd-handle-btn:before{background-color:#fff;color:#fff}body .dd-dragel .dd-content,body .dd-dragel>.dd-item .dd-handle{background-color:#587da9;color:#fff;box-shadow:none}body .dd-outline:hover,body .dd-dashed:hover{border-color:#587da9}@keyframes dd-update{1%{color:#fff;background-color:#587da9}100%{background-color:#fff}}@keyframes dd-dragging{1%{background-color:#fff;box-shadow:none}100%{background-color:#587da9;color:#fff;box-shadow:0 5px 5px rgba(0,0,0,0.15)}}body .note-editable.panel-body{border:1px solid rgba(0,0,0,0.07)}#page-head,#page-content{position:static}.page-header{color:#4d627b}#page-head,#page-head h1,#page-head h2,#page-head h3,#page-head h4,#page-head h5,#page-head h6,#page-head .text-main,#page-head .breadcrumb li,#page-head .breadcrumb li a,#page-head .breadcrumb .active{color:#4d627b}#page-head .breadcrumb>li+li:before{border-color:#4d627b}.select select{color:#7a878e}.panel .fixed-fluid [class*="fixed-"]{background-color:transparent}.fixed-fluid [class*="fixed-"]{background-color:#fff;border-radius:3px}

#container .table td {
    vertical-align: middle;
}

.dataTables_filter {
    float: left !important;
}
#DataTables_Table_1_wrapper .col-sm-6 {
    float: right !important;
}

.text-primary, a.text-primary:hover, a.text-primary:focus {
    color: #337ab7 !important;
}

.create-room.preload {
    pointer-events:none;
    opacity: 0.5;
}
  .nav-tabs li a {
    border: 1px solid #eee;
    border-bottom: 1px solid #ddd;
   }

   .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
        font-weight: 600;
        color: #666;
    }

    .dash-tabs {
        margin: 0 -10px;
    }

    .dash-tabs  > .tab-lft {
        margin-left: 15px;
    }

    .well.api-well {
        background: #f7f7f7;
        margin: 0;
    }

    .api-well .tab-stacked-left .nav-tabs {
        width: 215px;
        border: 0;
    }

  .panel-bordered-primary {
        border-color: #337ab7
    }
     #footer {
        padding-top: 7px;
    }
    .default-bg {
       /*background: url(https://static.learncube.net/images/gradient.svg) no-repeat fixed,url(https://static.learncube.net/images/sky-left.png) 0 0 no-repeat fixed,url(https://static.learncube.net/images/sky-right.png) 0 0 no-repeat fixed,#b4cdd9;*/
        background-size: 150% 150%,500px 900px,370px 907px;
        background-position: top,0 0,100% 0;
    }
    #content-container {
        background-color: transparent;
        overflow-x: hidden;
        margin: 15px 20px;
    }
    #content-container:before {
        content: '';
        display: none;
    }

    .navbar-header {
        display: block;
        max-height: 0px;
    }

    img.logo {
        max-height: 35px;
        min-height: 35px;
        margin: 11px 15px;
        max-width: 175px;
    }


@media (max-width: 320px){
    img.logo {
        max-height: 25px;
        min-height: 20px;
        margin: 17px 0 0 10px;
        max-width: 120px;
    }

}
    li.cloudinary-thumbnail.active {
        margin: 0 10px;

    }
   .cloudinary-thumbnail img {
       border: none !important;
        margin: 5px;
    }


    .well, pre {
        background-color: #fff;
        margin: 0 50px;
    }

    .floating-container {
        margin-top: 60px;
    }

    .col-md-9.checkboxes i.fa {
        display: initial;
        padding-right: 0;
    }


    .col-md-9.checkboxes .magic-radio+label:not(:empty), .col-md-9.checkboxes .magic-checkbox+label:not(:empty) {
        margin: 8px 30px 0 0;

    }



    .form-horizontal .has-feedback .form-control-feedback {
        top: 3px;
    }




    .fa-spin {
        display: inline-block !important;
        animation: fa-spin 2s infinite linear;
    }

    div#image-thumb img {
        border-radius: 50%;
        height: 64px;
        width: 64px;
    }


    .panel-border .panel-heading {
        border-bottom: 1px solid #ddd;
    }

    img.landing-logo {
        margin: auto;
        display: block;
    }

    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
        border-color: #ddd;
        border-bottom-color: transparent;
    }

    #create-class-button, #create-class-button-upgrade {
        margin-bottom: -30px;
    }

    #one-more, .social {
        display:None;
    }
    .social a, .social2 a {
        color: #337ab7;
        padding: 5px;
    }

    div#navbar-container {
       border-bottom: 2px solid #337ab7
    }

.ui-datepicker {
  background-color: #fff;
  border: 1px solid #66AFE9;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(102, 175, 233, .6);
  display: none;
  margin-top: 4px;
  padding: 10px;
  width: 240px;

}
.ui-datepicker a,
.ui-datepicker a:hover {
  text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
  color: #2A6496;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
  margin-bottom: 4px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title {
  font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  font-family: Font Awesome\ 5 Pro;
  cursor: default;
  font-style: normal;
  font-weight: normal;
  height: 20px;
  line-height: 1;
  margin-top: 2px;
  width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
  float: left;
  text-align: left;
}
.ui-datepicker .ui-datepicker-next {
  float: right;
  text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\f060";
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\f061";
}
.ui-datepicker .ui-icon {
  display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
  width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
  border-radius: 4px;
  -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
  color: #eee;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
  background-color: #5fa2dd;
}
.ui-datepicker .ui-datepicker-current-day a {
  color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
  background-color: #fff;
  cursor: default;
}
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ':';
  display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: '.';
  display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}
.ui-slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.ui-slider-horizontal {
  width: 100%;
  height: 8px;
  background-color: #ddd;
  border-radius: 4px;
}
.ui-slider-horizontal .ui-slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.ui-slider-horizontal .ui-slider-selection,
.ui-slider-horizontal .ui-slider-track-low,
.ui-slider-horizontal .ui-slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.ui-slider-horizontal .ui-slider-tick,
.ui-slider-horizontal .ui-slider-handle {
  margin-left: -10px;
  margin-top: -6px;
}
.ui-slider-horizontal .ui-slider-tick.triangle,
.ui-slider-horizontal .ui-slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.ui-slider-horizontal .ui-slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}
.ui-slider-horizontal .ui-slider-tick-label-container .ui-slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}
.ui-slider-vertical {
  height: 210px;
  width: 20px;
}
.ui-slider-vertical .ui-slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.ui-slider-vertical .ui-slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.ui-slider-vertical .ui-slider-track-low,
.ui-slider-vertical .ui-slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}
.ui-slider-vertical .ui-slider-tick,
.ui-slider-vertical .ui-slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.ui-slider-vertical .ui-slider-tick.triangle,
.ui-slider-vertical .ui-slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.ui-slider-disabled .ui-slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
}
.ui-slider-disabled .ui-slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  cursor: not-allowed;
}
.ui-slider input {
  display: none;
}

.ui-slider .hide {
  display: none;
}
.ui-slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.ui-slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.ui-slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
}
.ui-slider-track-low,
.ui-slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.5em;
  height: 1.5em;
  cursor: default;
  background: #fff;
  text-decoration: none;
  border: 3px solid #5fa2dd;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -ms-touch-action: none;
  touch-action: none;
  margin-top: -3px;
  outline: 0;
}
.ui-slider-handle.round {
  border-radius: 50%;
}
.ui-slider-handle.triangle {
  background: transparent none;
}
.ui-slider-handle.custom {
  background: transparent none;
}
.ui-slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.ui-slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}
.ui-slider-tick.round {
  border-radius: 50%;
}
.ui-slider-tick.triangle {
  background: transparent none;
}
.ui-slider-tick.custom {
  background: transparent none;
}
.ui-slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.ui-slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
  opacity: 1;
}
.ui-slider .ui-slider-handle:before {
  content: '';
  width: 7px;
  height: 8px;
  position: absolute;
  background-color: #5fa2dd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 2;
  left: 3px;
  top: 3px;
}
button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
  background-color: #5fa2dd;
  color: #fff;
  border: none;
  padding: 4px 9px;
}
button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {
  float: right;
  background-color: #9cc96b;
  color: #fff;
  border: none;
  padding: 4px 9px;
}

    div#ui-datepicker-div {
        z-index: 99999;
    }

input.ui_tpicker_time_input {
    width: 70PX;
}
.ui-datepicker {
  background-color: #fff;
  border: 1px solid #66AFE9;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(102, 175, 233, .6);
  display: none;
  margin-top: 4px;
  padding: 10px;
  width: 240px;

}
.ui-datepicker a,
.ui-datepicker a:hover {
  text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
  color: #2A6496;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
  margin-bottom: 4px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title {
  font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  font-family: Font Awesome\ 5 Pro;
  cursor: default;
  font-style: normal;
  font-weight: normal;
  height: 20px;
  line-height: 1;
  margin-top: 2px;
  width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
  float: left;
  text-align: left;
}
.ui-datepicker .ui-datepicker-next {
  float: right;
  text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\f060";
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\f061";
}
.ui-datepicker .ui-icon {
  display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
  width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
  border-radius: 4px;
  -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
  color: #eee;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
  background-color: #5fa2dd;
}
.ui-datepicker .ui-datepicker-current-day a {
  color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
  background-color: #fff;
  cursor: default;
}
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ':';
  display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: '.';
  display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}
.ui-slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.ui-slider-horizontal {
  width: 100%;
  height: 8px;
  background-color: #ddd;
  border-radius: 4px;
}
.ui-slider-horizontal .ui-slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.ui-slider-horizontal .ui-slider-selection,
.ui-slider-horizontal .ui-slider-track-low,
.ui-slider-horizontal .ui-slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.ui-slider-horizontal .ui-slider-tick,
.ui-slider-horizontal .ui-slider-handle {
  margin-left: -10px;
  margin-top: -6px;
}
.ui-slider-horizontal .ui-slider-tick.triangle,
.ui-slider-horizontal .ui-slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.ui-slider-horizontal .ui-slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}
.ui-slider-horizontal .ui-slider-tick-label-container .ui-slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}
.ui-slider-vertical {
  height: 210px;
  width: 20px;
}
.ui-slider-vertical .ui-slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.ui-slider-vertical .ui-slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.ui-slider-vertical .ui-slider-track-low,
.ui-slider-vertical .ui-slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}
.ui-slider-vertical .ui-slider-tick,
.ui-slider-vertical .ui-slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.ui-slider-vertical .ui-slider-tick.triangle,
.ui-slider-vertical .ui-slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.ui-slider-disabled .ui-slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
}
.ui-slider-disabled .ui-slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  cursor: not-allowed;
}
.ui-slider input {
  display: none;
}

.ui-slider .hide {
  display: none;
}
.ui-slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.ui-slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.ui-slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
}
.ui-slider-track-low,
.ui-slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.5em;
  height: 1.5em;
  cursor: default;
  background: #fff;
  text-decoration: none;
  border: 3px solid #5fa2dd;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -ms-touch-action: none;
  touch-action: none;
  margin-top: -3px;
  outline: 0;
}
.ui-slider-handle.round {
  border-radius: 50%;
}
.ui-slider-handle.triangle {
  background: transparent none;
}
.ui-slider-handle.custom {
  background: transparent none;
}
.ui-slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.ui-slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}
.ui-slider-tick.round {
  border-radius: 50%;
}
.ui-slider-tick.triangle {
  background: transparent none;
}
.ui-slider-tick.custom {
  background: transparent none;
}
.ui-slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.ui-slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
  opacity: 1;
}
.ui-slider .ui-slider-handle:before {
  content: '';
  width: 7px;
  height: 8px;
  position: absolute;
  background-color: #5fa2dd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 2;
  left: 3px;
  top: 3px;
}
button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
  background-color: #5fa2dd;
  color: #fff;
  border: none;
  padding: 4px 9px;
}
button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {
  float: right;
  }
.ui-datepicker {
  background-color: #fff;
  border: 1px solid #66AFE9;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(102, 175, 233, .6);
  display: none;
  margin-top: 4px;
  padding: 10px;
  width: 240px;

}
.ui-datepicker a,
.ui-datepicker a:hover {
  text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
  color: #2A6496;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
  margin-bottom: 4px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title {
  font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  font-family: Font Awesome\ 5 Pro;
  cursor: default;
  font-style: normal;
  font-weight: normal;
  height: 20px;
  line-height: 1;
  margin-top: 2px;
  width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
  float: left;
  text-align: left;
}
.ui-datepicker .ui-datepicker-next {
  float: right;
  text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\f060";
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\f061";
}
.ui-datepicker .ui-icon {
  display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
  width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
  text-align: center;
  padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
  border-radius: 4px;
  -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
  color: #eee;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
  background-color: #5fa2dd;
}
.ui-datepicker .ui-datepicker-current-day a {
  color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
  background-color: #fff;
  cursor: default;
}
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ':';
  display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: '.';
  display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}
.ui-slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.ui-slider-horizontal {
  width: 100%;
  height: 8px;
  background-color: #ddd;
  border-radius: 4px;
}
.ui-slider-horizontal .ui-slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.ui-slider-horizontal .ui-slider-selection,
.ui-slider-horizontal .ui-slider-track-low,
.ui-slider-horizontal .ui-slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.ui-slider-horizontal .ui-slider-tick,
.ui-slider-horizontal .ui-slider-handle {
  margin-left: -10px;
  margin-top: -6px;
}
.ui-slider-horizontal .ui-slider-tick.triangle,
.ui-slider-horizontal .ui-slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.ui-slider-horizontal .ui-slider-tick-label-container {
  white-space: nowrap;
  margin-top: 20px;
}
.ui-slider-horizontal .ui-slider-tick-label-container .ui-slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
}
.ui-slider-vertical {
  height: 210px;
  width: 20px;
}
.ui-slider-vertical .ui-slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.ui-slider-vertical .ui-slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.ui-slider-vertical .ui-slider-track-low,
.ui-slider-vertical .ui-slider-track-high {
  width: 100%;
  left: 0;
  right: 0;
}
.ui-slider-vertical .ui-slider-tick,
.ui-slider-vertical .ui-slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.ui-slider-vertical .ui-slider-tick.triangle,
.ui-slider-vertical .ui-slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.ui-slider-disabled .ui-slider-handle {
  background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
}
.ui-slider-disabled .ui-slider-track {
  background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  cursor: not-allowed;
}
.ui-slider input {
  display: none;
}

.ui-slider .hide {
  display: none;
}
.ui-slider-track {
  position: absolute;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.ui-slider-selection {
  position: absolute;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.ui-slider-selection.tick-slider-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
}
.ui-slider-track-low,
.ui-slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.5em;
  height: 1.5em;
  cursor: default;
  background: #fff;
  text-decoration: none;
  border: 3px solid #5fa2dd;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -ms-touch-action: none;
  touch-action: none;
  margin-top: -3px;
  outline: 0;
}
.ui-slider-handle.round {
  border-radius: 50%;
}
.ui-slider-handle.triangle {
  background: transparent none;
}
.ui-slider-handle.custom {
  background: transparent none;
}
.ui-slider-handle.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.ui-slider-tick {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent;
}
.ui-slider-tick.round {
  border-radius: 50%;
}
.ui-slider-tick.triangle {
  background: transparent none;
}
.ui-slider-tick.custom {
  background: transparent none;
}
.ui-slider-tick.custom::before {
  line-height: 20px;
  font-size: 20px;
  content: '\2605';
  color: #726204;
}
.ui-slider-tick.in-selection {
  background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
  background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
  background-repeat: repeat-x;
  opacity: 1;
}
.ui-slider .ui-slider-handle:before {
  content: '';
  width: 7px;
  height: 8px;
  position: absolute;
  background-color: #5fa2dd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 2;
  left: 3px;
  top: 3px;
}
button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
  background-color: #5fa2dd;
  color: #fff;
  border: none;
  padding: 4px 9px;
}
button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {
  float: right;
  background-color: #9cc96b;
  color: #fff;
  border: none;
  padding: 4px 9px;
}

div#ui-datepicker-div {
    z-index: 99999;
}

input.ui_tpicker_time_input {
  width: 70px;
  background-color: #9cc96b;
  color: #fff;
  border: none;
  padding: 4px 9px;
}

div#ui-datepicker-div {
    z-index: 99999;
}

input.ui_tpicker_time_input {
    width: 70PX;

}
.table-responsive {
    overflow-x: visible;
}

p.last-month-c {
    margin: 0;
    padding: 0;
    height: 10px;
    font-size: 10px;
    line-height: 8px;
}
.month-badge.text-center {
    border: solid 1px #ddd;
    border-radius: 4px;
    background: #fff;
}
.month-day {
    font-weight: 600;
    margin: 1px 0;
}

.month-shot {
    background: #ef5350;
    padding: 0px 5px 2px 5px;
    0px 0px 0px -20px;
    border-radius: 0 0 4px 4px;
    color: #fff;
}

#past .month-shot {
    background: #888;
}

.show-api, li.show-api, .show-api-prod {
    display:None;
}

.api-well pre code {
    white-space: pre-line;
    font-size: 11px;
}

.api-well pre {
    margin: 0;
    padding: 30px 10px;
    background: #444;
    color: #fff;
    white-space: pre-wrap;
    word-break: keep-all;
}


a.api-copy-link.pull-right {
    color: #fff;
    text-shadow: 1px 0px 1px #666;
    position: absolute;
    right: 100px;
    margin-top: 5px;
}

.muted span {
    color: #ddd;
}

td .btn {
    margin:4px;
}

#prik-hide {
    display:none;
}

#show-error-contact, #save-webhook  {
    display:none;
}

table.dataTable thead .no-sort:after {
    opacity: 0 !important;
}

#app-buttons img {
    width: 48px;
    margin: 0 5px 2px 0;
}

img.pwa-icon {
    opacity: 0.6;
}

.pwa-text {
    margin:0 0 0 5px;
}

.img-center {
    margin: auto;
}

.pwa-apps img {
    width: 50%;
    padding:10px;
}

#pwa-android, .btn-apple-pwa {
    margin-bottom: 15px;
}


button.create-room.btn.btn-primary {
    margin-right: 20px;
}

.table-responsive  {
    border: none;
}

.upcoming-btm {
    margin: -10px;
}

.panel-footer button.previous.btn.btn-info {
    margin: 6px;
}

@media (max-width: 576px) {
  #page-content{
    padding: 0;
    }
  #content-container {
    background: #fff;
    margin: 0;
    }
    .tab-content {
        margin: 10px;
    }
  .dash-tabs {
    margin: 0;
    }
  .modal-dialog {
    margin-left: 20px;
    }
}
iframe#twitter-widget-0 {
    margin: 4px;
}

.tooltip {
    text-indent: 0;
}