.validation-form .form-group, .validation-form .row {
    margin-right: 0px;
    margin-left: 0px;
}

.daterangepicker_input .input-mini, .input-xxs {
    width: 100%!important;
}

.daterangepicker.dropdown-menu {
    z-index: 10099 !important;
}

.login {
    background-color: #E1E1E1!important;
}

.table.table-vertical>tbody>tr>th {
    vertical-align: top;
}

.table.table-light>tbody>tr>th {
    border-top: 0;
}

.avatar {
    width: 100%;
    height: 100%;
    max-width: 150px;
    max-height: 150px;
}

.challenge-thumbnail {
    width: 100%;
    height: 100%;
    max-width: 150px;
    max-height: 85px;
}
.challenge-thumbnail-small {
    width: 100%;
    height: 100%;
    max-width: 74px;
    max-height: 42px;
}
.title-margin {
    margin: 0 15px;
}
.challenge-navigation {
    padding: 11px 0;
    cursor: pointer;
}
.challenge-navigation i {
    height: 23px;
    vertical-align: middle;
}
.challenge-navigation-col {
    position: initial;
}
.challenge-navigation-col.left > span {
    left: 15px;
}
.challenge-navigation-col.right > span {
    right: 15px;
}
.not-active {
    pointer-events: none;
    cursor: default;
    color: #ddd;
}

.fc-event .fc-time {
    color: #fff;
}

.fc-event .fc-title {
    color: #fff;
}

.fc-event.isPast, .fc-event.hasBooking {
    cursor: default;
}

.inline-list {
    padding: .5em 2em;
    display: inline-block;
}

.inline-list>li {
    display: inline-block;
}

.inline-list>li:before {
    content: "•";
    color: #b6c1cb;
    margin: 0 1em;
}

.Select-menu-outer {
    z-index: 9999 !important;
}

.table .btn-group .btn {
    margin-right: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.btn-group>.dropdown-menu-right:before, .dropdown-toggle>.dropdown-menu-right:before, .dropdown>.dropdown-menu-right:before {
    left: auto;
    right: 9px;
}

.btn-group>.dropdown-menu-right:after, .dropdown-toggle>.dropdown-menu-right:after, .dropdown>.dropdown-menu-right:after {
    left: auto;
    right: 10px;
}

#n-toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    /*overrides*/
}
#n-toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#n-toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}
#n-toast-container > :hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}
#n-toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#n-toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#n-toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#n-toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#n-toast-container.toast-top-center > div,
#n-toast-container.toast-bottom-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
#n-toast-container.toast-top-full-width > div,
#n-toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}


.terms-modal {
    overflow-y: hidden!important;
}
.terms-modal .modal-body {
    height: 50vh;
    max-height: calc(100vh - 210px);
    overflow-y: scroll;
    background-color: #f0eff4;
}

.logo {
    width: 128px;
    height: 59px;
}

.fc-event .fc-content span.operator {
    font-style: italic;
}

hr, p {margin:10px 0 10px}

audio { max-height: 50px; }

.no-wrap { white-space: nowrap; }

.nav-pills>li {
    background-color: #efefef;
}

.mt-actions .mt-action {
    border-bottom-color: #ddd;
}

.mt-actions .mt-action .mt-action-body .mt-action-row .mt-action-info .mt-action-details {
    vertical-align: middle;
}

/* Fixed Top NavBar */
.page-header.navbar{background-color: #ffffff;height: 60px;border-bottom: 1px solid #ddd;}
.page-header.navbar .page-logo{height: 60px;border-right: 1px solid #ddd;}
.page-header.navbar .page-logo .logo-default{margin:0;padding:0;}
.page-header.navbar .menu-toggler{background-image: url(/assets/metronic/layouts/layout/img/tek-navicon.png);}
.page-header.navbar .menu-toggler.sidebar-toggler{margin:17px 15px 0;font-size:22px;color:#2d4053;opacity:0.9;}
.page-header.navbar .menu-toggler.responsive-toggler{margin:18px;opacity: 0.9;}
.dropdown-user{padding: 0 !important;}
.navbar-nav a{padding: 20px !important;}

/* Left Sidebar */
.page-sidebar{background: #34495e;}
.page-sidebar .page-sidebar-menu>li>a, .page-sidebar .page-sidebar-menu>li>h3{padding:15px 15px;border-top:1px solid #3e5a77;border-bottom: 1px solid #1d252c;}
.page-sidebar .page-sidebar-menu>li>h3 { color: #ccc; font-size: 14px; margin: 0 }
.page-sidebar .title{color:#ccc;}
.sub-menu{margin:0 !important;background: #445e77;border-left: 4px solid #06b1f0;}
.sub-menu .nav-item {border-bottom:none !important;}
.nav-item:last-child{border-bottom:1px solid #1d252c !important;}

.page-sidebar .page-sidebar-menu>li:hover>a{background: none;color:#fff;}
.page-sidebar .page-sidebar-menu>li.open>a{background:none;color:#fff;}
.page-sidebar .page-sidebar-menu .sub-menu>li:hover>a{background: none !important;color:#fff;}
.page-sidebar .title:hover{color:#fff;}
.sub-menu .nav-item .nav-link i{display:none;}
.page-sidebar .page-sidebar-menu>li>a>[class^=icon-]{margin-right: 12px;}
.page-sidebar.navbar-collapse.collapse{position: fixed;height:100% !important;overflow-y:auto !important;padding-top: 60px;}
.page-sidebar-menu.page-sidebar-menu-closed>li{background: #34495e;box-shadow: none !important;}
.page-sidebar-menu-closed ul.sub-menu{left:45px !important;width:211px !important;background: #445e77 !important;box-shadow: none;}

/* Main Container */
.page-header-fixed .page-container{margin-top: 0px;}
.page-content{background: #f6f6f6;}
.page-content-wrapper{background: #34495e;margin-top:60px;}


@media(max-width: 991px) {
    .page-sidebar.navbar-collapse.collapse{position: relative;padding-bottom: 0;padding-top:0;margin-left:0;margin-right:0;margin-top:0;}
    .page-sidebar .page-sidebar-menu .sidebar-search input, .page-sidebar .page-sidebar-menu>li .sub-menu{background-color: #445e77 !important;}
    .page-header.navbar .page-logo .logo-default{padding:0;}
    .page-header.navbar .page-logo img{margin-left:0;}
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-xs-1-5 { width: 20%; float: left;
}

@media(max-width: 768px){
    .ec-divider{margin:25px 0 !important;width: 100%;}
}
@media (min-width: 768px) {
    .col-sm-1-5 { width: 20%; float: left; }               
}
@media (min-width: 992px) {
    .col-md-1-5 { width: 20%; float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 { width: 20%; float: left; }
}

/*Participant Dashboard*/
.ec-dashboard .ec-cards{margin-bottom: 30px;}
.ec-dashboard .ec-title span{border-bottom: 2px solid #e74c3c;}
.ec-dashboard .ec-title{margin:0 0 30px 0;color: #34495e;}
.ec-dashboard .ec-subtitle{font-weight: 500;}
.ec-dashboard .ec-card{position:relative;height: 200px;background: #fff;border:1px solid #d4d3d3;margin-bottom: 10px;}
.ec-card-value{font-size:40px;text-align: center;padding: 45px 0;line-height: 1;}
.ec-card-title{display:inline-block;position: absolute;width:100%;padding:15px 5px;bottom: 0;background:#f9f9f9;border-top:1px solid #d4d3d3;font-size:16px;font-weight:500;color:#34495e;text-align: center;}
.ec-card.ec-green {border-top:3px solid #3ccf79;color: #3ccf79;}
.ec-card.ec-orange {border-top:3px solid #f88f08;color: #f88f08;}
.ec-card.ec-blue {border-top:3px solid #37bbf2;color:#37bbf2;}
.ec-card.ec-red {border-top:3px solid #e74c3c; color: #e74c3c;}
.ec-card.ec-yellow {border-top:3px solid #f1c40f; color: #f1c40f;}
.ec-programme-card{position:relative;min-height: 330px;padding:20px;background: #fff;border:1px solid #d4d3d3;margin-bottom: 10px;}
.ec-programme-card h4{padding-bottom:10px;border-bottom: 1px solid #d4d3d3;font-weight: 400;color: #34495e;}
.ec-programme-card .table-scrollable{border:none;}
.ec-programme-card .table-scrollable td{padding:12px 8px;}
.ec-programme-card .table>thead>tr>th{border:1px;}
.ec-card-buttons{position: absolute;right:0;bottom: 0;width: 100%;padding:20px;}
.ec-list{display: inline-block;width:100%;padding: 5px 0;}
.ec-list .ec-item{list-style-type: none;color: #34495e;padding: 10px 0;}


.ec-progress-container{position:relative;float:left;min-width:60%;height:0.5em;margin:8px 10px 8px 0;border-radius:5px !important;background-color:#e1e1e1;}
.ec-progressbar{position:absolute;height:100%;background-color:#2ecc71;border-radius:5px !important;line-height:inherit;}
.ec-progress-value {line-height: 22px;}

.ec-challenge-info{float:left;width: 75%;}
.ec-challenge-info .ec-label{width: 100px;float: left;font-weight: 600;color: #34495e;}
.ec-challenge-info .ec-value{color:#34495e;}
.ec-challenge-trophies{float: right;width: 25%;padding:10px;}
.ec-challenge-trophies .ec-label{text-align: center;margin-bottom: 10px;}
.ec-challenge-trophies img{display:block;margin: 0 auto;}
.ec-image{width: 60px;height: 60px;margin:0 auto;position: relative;}
.ec-image{background:url("metronic/pages/img/trophy.png");}
.ec-image{background-repeat:no-repeat;}
.ec-image .ec-value{position: absolute;display: inline-block;left:40%;top:14%;color: #06b1f0;font-size:16px;font-weight: 600;}
.ec-button{color: #06b1f0;font-weight: 600;}
.ec-programme-card .ec-start{color: #2ecc71;}
.ec-programme-card .ec-end{color: #e74c3c;}

/* Current Challenge */
.ec-challenge-details .row:not(.title-nav){padding:20px 0;}
.ec-challenge-details th{padding:20px 30px 20px 8px !important;}
.ec-challenge-details .table>thead>tr>th{border-bottom: 1px;}
.ec-challenge-details td{padding:20px 8px !important;vertical-align: middle !important;}
.ec-challenge-details h4{font-weight: 500;color: #34495E;}
.ec-challenge-details .ec-video{background: transparent;border:none;}
.ec-challenge-details .ec-title span{border-bottom: 2px solid #e74c3c;}

.ec-media-container{height: 170px;margin-bottom:10px;}
.ec-file-details{width: 100%;height:150px;}
.ec-icon{position: absolute;top: 45%;margin-top: -24px;left: 50%;margin-left: -24px;z-index: 1;}
.ec-file-title{position: absolute;left:0;bottom: 0;width: 100%;padding: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:center;}
.ec-file-name{display:none;}
.ec-link{position: absolute;height: 100%;top: 0;left:0;width: 100%;background: transparent;border: 0;cursor: pointer;z-index: 2;}
.ec-link:hover{background: rgba(248, 248, 248, 0.2);}
.ec-link:active{background: rgba(248, 248, 248, 0.2);}
.modal-dialog {top: 10%}
.no-top-spacing .modal-dialog {top: 4%}



/* View Challenges */

.ec-challenges .portlet.blue-dark{background: #f6f6f6;border:none;}
.ec-challenges .portlet.blue-dark>.portlet-title{background: #f6f6f6;}
.ec-challenges .portlet.blue-dark>.portlet-title>.caption{color: #34495e;}
.ec-challenges .portlet.box>.portlet-body{background: #f6f6f6;}

.ec-challenges .table-scrollable td:not(.td-challenge-thumbnail){padding:25px 8px;vertical-align: middle;}
.ec-challenges .table-scrollable th{padding:30px 8px;}
.ec-challenges .table-scrollable .ec-order-th{text-align: center;}
.ec-challenges .table-scrollable .ec-order-td{text-align: center;font-size: 20px;margin:0 auto;}
.ec-challenges .table thead tr th{font-size:16px;font-weight: 600;color:#34495E;border-bottom: 1px;}
.ec-challenges .table-striped>tbody>tr:nth-of-type(odd){background: none;}

.ec-challenges .ec-action-th, .ec-challenges .ec-action-td{text-align: center;}
.ec-challenges .ec-action-td .btn{width: 150px;padding:10px;border-radius:20px !important;}


.ec-order-circle{ display:inline-block; width: 50px; height: 50px; border-radius: 50px !important;text-shadow:1px 1px 1px #516982; background: linear-gradient(rgba(52, 73, 94, 0.65),rgba(52, 73, 94, 0.28)); color: #fff; padding: 10px; }
.ec-order-circle-small {display: inline-block; width: 30px; height: 30px; border-radius: 50% !important; text-shadow: 1px 1px 1px #516982; background: linear-gradient(rgba(52, 73, 94, 0.65),rgba(52, 73, 94, 0.28)); color: #fff; padding: 5px; margin: 0 10px; text-align: center;}
.ec-form .control-label{text-align: left;}
.ec-form .fa-play{color:#2ecc71; margin-right: 15px;}
.ec-form .fa-stop{color:#e74c3c; margin-right: 15px;}
.ec-form .ec-start{margin:0 15px;}
.ec-form .ec-end{margin:0 15px;}
.ec-labels{float:left;margin-right: 20px;}

/*Manager Dashboard*/
.table-manager-dashboard { border: 0; width: 99.9%; }
.table-responsive .table-manager-dashboard thead tr th { white-space: initial; }
.table-manager-dashboard thead tr th { border-bottom: none; vertical-align: middle; }
.table-manager-dashboard tbody tr { box-sizing: border-box; }
.table-manager-dashboard tbody tr:nth-child(odd) { background-color: #fbfbfb;}
.table-manager-dashboard tbody tr td { padding: 0 0 0 5px; vertical-align:middle; white-space: nowrap; box-sizing: border-box; border-top: none;}
.table-manager-dashboard tbody tr td span.ec-expand-cont {  }
.table-manager-dashboard tbody tr td a.ec-expand-button { margin-left: 3px; }
.table-manager-dashboard tbody tr td a.ec-expand-button span.arrow::before { float: right; width: 28px; text-align: center; margin-top: 0px; margin-bottom: -12px; display: inline; font-size: 24px; font-family: FontAwesome;     height: auto; content: "\f138"; font-weight: 300; text-shadow: none; color: #bbb; }
.table-manager-dashboard tbody tr td a.ec-expand-button span.arrow-open::before { float: right; width: 28px; text-align: center; margin-top: 0px; margin-bottom: -12px; display: inline; font-size: 24px; font-family: FontAwesome; height: auto; content: "\f13a"; font-weight: 300; text-shadow: none; color: #bbb; }
.table-manager-dashboard tbody tr td a { border: 0px; padding: 2px; padding-left:5px; padding-right:5px; border: 0px solid #ddd;  border-radius: 11px !important;}
.table-manager-dashboard tbody tr td a.ec-href-manager { background-color: #659be0; color: #fff; }
.table-manager-dashboard tbody tr td a.ec-href-participant { background-color: #bac3d0; }
.table-manager-dashboard tbody tr td a.ec-href-participant.ec-depth-0 { margin-left: 47px; }
.table-manager-dashboard tbody tr td span { display: inline-block; box-sizing: border-box; }
.table-manager-dashboard tbody tr td span.ec-name { display: inline-block; margin: 7px 0; border: 0; vertical-align: middle; }
.table-manager-dashboard tbody tr td span.ec-name-sub { display:inline-block; margin-left:0px; }
.table-manager-dashboard tbody tr td div.ec-circle{width: 12px;height: 12px;margin:0 auto !important;background-color: #e74c3c;border-radius: 12px !important;-webkit-border-radius: 12px !important;-moz-border-radius: 12px !important;margin:5px;}
.table-manager-dashboard tbody tr td span.ec-dots-cont {display:inline-block; height:100%; box-sizing: border-box; margin: 0; }
.table-manager-dashboard tbody tr td span.ec-dots{display:inline-block; width:22px; height:100%; border-right: 1px solid #ddd; box-sizing: border-box; }
.table-manager-dashboard tbody tr td span.ec-space{margin-left: 22px;}
.table-manager-dashboard tbody tr td span.ec-dots-empty{display:inline-block; width:12px; height:100%; border-right: 0px solid #ddd; box-sizing: border-box; }
.table-manager-dashboard tbody tr td span.ec-line{display:inline-block; width:11px; height:11px; border-top: 1px solid #ddd; vertical-align: bottom; box-sizing: border-box; }
.table-manager-stats tbody tr td, .table-manager-stats thead tr th { border: none;}

/*Helpers*/
.left{float: left;}
.right{float: right;}
.float-none{float: none !important;}
.ec-divider{margin:10px 0;width: 100%;}

.icheck-inline>div {
    margin-left: 5px;
}

.icheck-colors>li, .icheck-inline>div, .socicon, .socicon-btn {
    display: inline-block;
}

.icheckbox_line.scheduled, .icheckbox_line.scheduled.checked {
    background: #34495e;
}

.icheckbox_line.failed_attempt, .icheckbox_line.failed_attempt.checked {
    background: #34495e;
}

.dataTables_wrapper .label.label-info{
    background: #34495e;
}

.icheckbox_line.success, .icheckbox_line.success.checked {
    background: #27ae60;
}

.dataTables_wrapper .label.label-success{
    background: #27ae60;
}

.icheckbox_line.failed, .icheckbox_line.failed.checked {
    background: #e03e52;
}
.dataTables_wrapper .label.label-danger{
    background: #e03e52;
}

.icheckbox_line.suspended, .icheckbox_line.suspended.checked {
    background: #e67e22;
}
.dataTables_wrapper .label.label-warning{
    background: #e67e22;
}
.icheckbox_line.programme_suspended, .icheckbox_line.programme_suspended.checked {
    background: #7f8c8d;
}

.icheckbox_line.open, .icheckbox_line.open.checked {
    background: #3498db;
}

.icheckbox_line.full, .icheckbox_line.full.checked {
    background: #bdc3c7;
}

.icheckbox_line {
    padding: 5px 10px 5px 30px !important;
}

.page-header.navbar.navbar-fixed-top, .page-header.navbar.navbar-static-top {
    text-align: center;
    z-index: 99999;
}

.header-subdomain {
    height: 59px;
    padding-top: 1.5em;
}

.header-subdomain.qa, .header-subdomain.local {
    background: #FFFF00;
}

.header-subdomain.staging {
    background: #5C9BD1;
}

.placeholder-user>a.jstree-anchor {
    color : #E87E04;
}

table.condensed>thead>tr>th, table.condensed>tbody>tr>td {
    font-size: 10px;
}
@media screen and (max-width: 1199px){
    div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate {
        text-align:center
    }
}

audio::-internal-media-controls-download-button, video::-internal-media-controls-download-button {
    display:none !important;
    visibility: hidden !important;
}

audio::-webkit-media-controls-timeline {
    display: flex !important;
}

audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
    margin-right: 40px;
}

.asteriskAudioStreamMp3 {
    width: calc(100% - 50px);
}

.asteriskAudioDownloadMp3 {
    margin-top: -20px;
}

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

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.label-attended {
    background-color: #27ae60;
}

.label-scheduled {
    background-color: #34495e;
}

.label-suspended {
    background-color: #e67e22;
}

.label-programme-suspended {
    background-color: #7f8c8d;
}

.label-missed {
    background-color: #e03e52;
}

.label-white-text {
    color: #fff;
}

.coach-comment-gray {
    color: #333;
}

@media screen and (min-width: 1200px){
    .table-smaller {
        width: 70%;
    }
}
.modal-full-screen {
    width: 90%;
    height:100%;
}
.modal-full-screen .page-bar {
    margin: -15px 0 0;
}
.modal-full-screen .page-content {
    min-height: 70vh !important;
}
.row.mt-comment-author {
    line-height: 26px;
}
.profile-info h1 {
    color: #32c5d2;
}
.portlet-title.handle-expand {
    cursor: pointer;
}
.programme-overview .table td, .cases-table td {
    vertical-align: middle !important;
}
.portlet.box>.portlet-title>.tools>span.collapse {
    background-image: url(../img/portlet-collapse-icon-white.png);
}
.comment-image-small {
    width: 28px;
    height: 28px;
}

.comment-image-small-plus {
    width: 42px;
    height: 42px;
}

.comment-image-medium {
    width: 64px;
    height: 64px;
}

.comment-image-large {
    width: 128px;
    height: 128px;
}

.award-image-small {
    width: 32px;
    height: 32px;
}

i.fa-comment {
    vertical-align: middle;
}
tr.handle-expand {
    cursor: pointer;
}
tr.collapsed {
    display: none;
}
tr.expanded > td {
    padding-left: 75px !important;
    background-color: #fff;
}
.next-booking {
    height: 60px;
    float: left;
    display: block;
    padding: 0 15px;
    line-height: 60px;
}
.dropdown-menu.bookings > span {
    display: block;
    height: 40px;
    line-height: 44px;
    padding: 0 10px;
    white-space: nowrap;
}

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

.margin-top-3 {
    margin-top: 3px;
}

.padding-top-5 {
    padding-top: 5px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.padding-left-20 {
    padding-left: 20px;
}

.criteria-bullets {
    list-style:none;
    padding-left: 0;
}

.good-examples-note {
    margin: 10px 0 !important;
}

.row-header {
    font-weight: bold;
}

.td-challenge-thumbnail {
    min-width: 150px;
}
.td-audio {
    min-width:120px;
}
.user-avatar, .comment-avatar {
    width: 100%;
}
.bookings-modal .page-content{
    min-height: initial !important;
}
.current-user-highlight {
    background-color: rgba(243, 210, 90, 0.39) !important
}
.current-user-highlight td:first-child {
    font-weight: bold;
    font-size: 15px;
}
.btn-group a {
    margin: 0 5px;
}

.text-color-black {
    color: #000;
}

.fixed-width-150 {
    width: 150px;
    max-width: 150px;
}
.fixed-width-130 {
    width: 130px;
    max-width: 130px;
}

.fixed-width-110 {
    width: 110px;
    max-width: 110px;
}

.fixed-width-85 {
    width: 85px;
    max-width: 85px;
    white-space: normal;
}

.fixed-width-75 {
    width: 75px;
    max-width: 75px;
}

.fixed-width-60 {
    width: 60px;
    max-width: 60px;
    white-space: normal;
}

.dropdown-notifications {
    max-height: 250px;
    height: auto;
    overflow-y: scroll;
}
.dropdown-notification-menu a {
    padding: 20px 10px!important;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a { top: -3px; }
.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu {
    max-width: 88vw;
    width: 400px;
}

.cursorDefault {
    cursor: default!important;
}
.cursorPointer {
    cursor: pointer!important;
}
.dropdown-menu-list .label.label-icon {
    padding: 4px 3px 4px 4px;
    margin-bottom: 5px;
}

.color-dark-blue {
    color: #3e5a77;
}
.image-16 {
    width: 16px;
    height: 16px;
}
.icon-margin {
    margin-right: 10px;
    margin-bottom: 3px;
}

.iso-certificate {
    margin-top: 40px;
    margin-bottom: -20px;
    text-align: center;
}
.iso-certificate img {
    max-width: 100px;
}
.responsible-pm {
    font-weight: bold;
}
.responsible-pm:after {
    content: " *"
}
.full-width {
    width: 100%;
}
.margin-right-10 {
    margin-right: 10px;
}
.program-progress-summary {
    margin-bottom: 20px;
}
.program-progress-bar .progress {
    background-color: #fff;
}
.current-interval {
    background-color: rgba(255, 220, 0, 0.3) !important;
    font-weight: bold;
}
.programme-language-label {
    line-height: 36px;
    margin-bottom: 0;
}

.no_set_free_user {
    cursor: default;
}

#user-form .form-group, #user-form .select-group {
    min-height: 58px;
}

i.help-tooltip + div .tooltip-inner {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc;
}
i.help-tooltip + div.tooltip {
    opacity: 1 !important;
}

td.vertical-align-middle {
    vertical-align: middle !important;
}

.overdue {
    background-color: rgba(255,0,0, 0.2) !important;
}

#activity-report th {
    vertical-align: middle;
}

#activity-report th:after {
    top: 50%;
    top: calc(50% - 8px);
}

.extra-booking {
    background-color: rgba(142, 68, 173, 0.3) !important;
}

.extra-booking-highlight {
    box-shadow: 0 0 5px rgba(142, 68, 173, 1);
    margin: 5px 1px 3px 0px;
    border: 2px solid rgba(142, 68, 173, 1) !important;
}

.extra-timeslot {
    background-color: #8775A7 !important;
}
.jqvmap_pin {
    position: fixed !important;
}

.animate.tada {
    -moz-animation: tada 1s infinite;
    -webkit-animation: tada 1s infinite;
    animation: tada 1s infinite;
}
.align-vertical-reset {
    vertical-align: initial !important;
}

#good-examples td {
    border-left: none;
    border-right: none;
}

#good-examples td {
    vertical-align: middle;
}

.max-2-lines-elipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.65;
    max-height: 3.2em;
}
.max-1-lines-elipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.65;
    max-height: 3.2em;
}
table.dataTable tfoot>tr>th.sortable {
    padding-right: 30px;
}

.table tfoot tr th {
    font-size: 14px;
    font-weight: 600;
}
.no-resize {
    resize: none;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-container {
    position: relative;
}
.modal-container .modal, .modal-container .modal-backdrop {
    position: absolute;
}

.modal-draggable .modal-header {
    cursor: move;
}

.session-list {
    padding: 6px;
    margin-bottom: 8px;
}

.challenge-media-iframe {
    width: 100%;
    height: 60vh;
    min-height: 400px;
}

.feedback-selected {
    border: 1px dashed black;
}

.timeslot-details {
    overflow-x: auto;
}

.react-pdf__Page__svg > svg {
    width: 100%;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@media (min-width: 768px)
{
    .vsto-modal .modal-dialog {
        width: 690px;
    }
}

@media screen and (max-width: 768px){
    .ec-title {
        font-size: 18px;
        line-height: 28px;
        padding: 4px 0;
    }
    .modal-dialog {
        width: 95%;
        left: auto;
    }
    .portlet.light.portlet-fit>.portlet-body {
        padding: inherit;
    }
    .user-avatar {
        width: 30%;
    }
    .comment-avatar {
        width: 100%;
    }
    .icheck-inline .icheck-inline-title {
        display: block;
    }
    .icheck-inline .icheckbox_line {
        margin: 5px;
    }
}

@media screen and (max-width: 576px) {
    .visual-timeline > .col-sm-1 {
        padding-left: 2px;
        padding-right: 2px;
    }
}