@font-face {
    font-family: 'Euro-Caps';
    src: url('../fonts/Eurocaps.otf');
}

/* font-family: 'Audiowide', cursive; */
html, body {
    height: 100%;
    margin: 0;
}
body {
    background-size: 100% 100%;
    height: 100%;
    margin: 0;
    font-family: "klavika-web", sans-serif;
}
div.body-wrapper {    
    min-height: -webkit-calc(100% - 40px);
    min-height:    -moz-calc(100% - 40px);
    min-height:         calc(100% - 40px);            
    position: relative;
    overflow: hidden;
}
#buttonbar , #button-subset-list , div.content-main { background-color: #F8F8F8; }
#page-footer { height: 40px; }
div.content-main { margin: 15px 30px; }
div.main-column {background-color: #F8F8F8; min-height: 820px;}
/* Header */
html, body, #page-footer, div.body-wrapper {
    background: rgba(15,16,18,1);
    background: -moz-linear-gradient(left, rgba(15,16,18,1) 0%, rgba(77,79,92,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(15,16,18,1)), color-stop(100%, rgba(77,79,92,1)));
    background: -webkit-linear-gradient(left, rgba(15,16,18,1) 0%, rgba(77,79,92,1) 100%);
    background: -o-linear-gradient(left, rgba(15,16,18,1) 0%, rgba(77,79,92,1) 100%);
    background: -ms-linear-gradient(left, rgba(15,16,18,1) 0%, rgba(77,79,92,1) 100%);
    background: linear-gradient(to right, rgba(15,16,18,1) 0%, rgba(77,79,92,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1012', endColorstr='#4d4f5c', GradientType=1 );    
}
#header div.headerbar{ padding: 25px 0 15px 0; }
#user-range-select {width:200px;}
#page-footer { 
    text-align: center; 
    color: white;
    padding:8px 0;
    font-size: 16px;
}
ul.header-nav {
    margin: 0px;
}
ul.header-nav li {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 15px;
}

div.headerbar-left { 
    width: 100%;
    display: inline-block;
    overflow: hidden;
    vertical-align: super;
    text-align: center;
}
div.headerbar-right {    
    width: 100%;
    display: block;
    overflow: hidden;
    /* vertical-align: bottom; */
    text-align: center;
    padding-top: 15px;
}

@media (min-width:900px) {
    div.headerbar-left {  width: 53%; text-align: left;}
    div.headerbar-right {    
        width: 46%;
        display: inline-block;
        overflow: hidden;
        vertical-align: bottom;
        text-align: right;
        /* padding-bottom: 25px; */
    }
}
#menubar {
    position: absolute;
    top:0;
    left:-370px;
    width: 370px;    
    z-index: 100;
    background-color: #0F1012;

    -webkit-animation: slide 2s forwards;
    -webkit-animation-delay: 5s;
    animation: slide 2s forwards;
    animation-delay: 5s;    
}
#menubar-wrapper {    
    position:relative;
    padding-bottom: 40px;
    background-color: #0F1012;
}
/* Navigation:menubar */
div.big-menu-title {
    font-family: Audiowide;
    color:#FFFF00;
    font-size: 50px;
    margin: 10px 25px;
}
ul#nav-list {
    list-style: none;
    padding-inline-start: 0px;
    margin-inline-end: 50px;
    text-align: right;
    vertical-align: text-bottom;    
    margin-top: 35px;
}
ul#nav-list li {
    background-color: #FCFCFC;
    border: 1px solid #B1B1B1;
    color: #6E6E6E;
    font-size: 23px;
    padding: 6px 10px;
    cursor: pointer;
    margin: 8px 0px;
    min-height: 40px;
    border-radius: 0px 42px 42px 0px;
    -moz-border-radius: 0px 42px 42px 0px;
    -webkit-border-radius: 0px 42px 42px 0px;
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-size: 34px;
    background-position-y: 55%;
    padding-right: 70px;
}
ul#nav-list li.active , ul#nav-list li:hover{
    background-color: #2ED9BF;
    border: 1px solid #2ED9BF;    
    color:white;
}
ul#nav-list li.active { cursor: unset; }
ul#nav-list li div {
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
    margin-top: 15px;
}
ul#nav-list li img {
    vertical-align: bottom;
    margin-right: 15px;
    max-width: 40px;
    max-height: 40px;
}
ul#nav-list li[target="calendar"] { background-image: url('../img/menu_icons/calendar.png'); }
ul#nav-list li[target="calendar"].active, ul#nav-list li[target="calendar"]:hover { background-image: url('../img/menu_icons_active/calendar.png'); }

ul#nav-list li[target="instructors"] { background-image: url('../img/menu_icons/instructors.png'); }
ul#nav-list li[target="instructors"].active, ul#nav-list li[target="instructors"]:hover{ background-image: url('../img/menu_icons_active/instructors.png'); }

ul#nav-list li[target="schedule"] { background-image: url('../img/menu_icons/schedule.png'); }
ul#nav-list li[target="schedule"].active, ul#nav-list li[target="schedule"]:hover{ background-image: url('../img/menu_icons_active/schedule.png'); }

ul#nav-list li[target="courses"] { background-image: url('../img/menu_icons/courses.png'); }
ul#nav-list li[target="courses"].active, ul#nav-list li[target="courses"]:hover{ background-image: url('../img/menu_icons_active/courses.png'); }

ul#nav-list li[target="private_lessons"] { background-image: url('../img/menu_icons/private_lessons.png'); }
ul#nav-list li[target="private_lessons"].active, ul#nav-list li[target="private_lessons"]:hover{ background-image: url('../img/menu_icons_active/private_lessons.png'); }

ul#nav-list li[target="group_events"] { background-image: url('../img/menu_icons/group_events.png'); }
ul#nav-list li[target="group_events"].active, ul#nav-list li[target="group_events"]:hover{ background-image: url('../img/menu_icons_active/group_events.png'); }

ul#nav-list li[target="inventory"] { background-image: url('../img/menu_icons/inventory.png'); }
ul#nav-list li[target="inventory"].active, ul#nav-list li[target="inventory"]:hover{ background-image: url('../img/menu_icons_active/inventory.png'); }

ul#nav-list li[target="rentals"] { background-image: url('../img/menu_icons/rentals.png'); }
ul#nav-list li[target="rentals"].active, ul#nav-list li[target="rentals"]:hover{ background-image: url('../img/menu_icons_active/rentals.png'); }

ul#nav-list li[target="settings"] { background-image: url('../img/menu_icons/settings.png'); }
ul#nav-list li[target="settings"].active, ul#nav-list li[target="settings"]:hover{ background-image: url('../img/menu_icons_active/settings.png'); }

ul#nav-list li[target="users"] { background-image: url('../img/menu_icons/users.png'); }
ul#nav-list li[target="users"].active, ul#nav-list li[target="users"]:hover{ background-image: url('../img/menu_icons_active/users.png'); }

ul#nav-list li[target="billing"] { background-image: url('../img/menu_icons/billing.png'); }
ul#nav-list li[target="billing"].active, ul#nav-list li[target="billing"]:hover{ background-image: url('../img/menu_icons_active/billing.png'); }

ul#nav-list li[target="dealer"] { background-image: url('../img/menu_icons/dealers.png'); }
ul#nav-list li[target="dealer"].active, ul#nav-list li[target="dealer"]:hover{ background-image: url('../img/menu_icons_active/dealers.png'); }
ul#nav-list li[target="inventory_setup"] { background-image: url('../img/menu_icons/inventorysetup.png'); }
ul#nav-list li[target="inventory_setup"].active, ul#nav-list li[target="inventory_setup"]:hover{ background-image: url('../img/menu_icons_active/inventorysetup.png'); }

ul#nav-list li[target="dealer_settings"] { background-image: url('../img/menu_icons/settings.png'); }
ul#nav-list li[target="dealer_settings"].active, ul#nav-list li[target="dealer_settings"]:hover{ background-image: url('../img/menu_icons_active/settings.png'); }

ul#nav-list li[target="directory"] { background-image: url('../img/menu_icons/dealers.png'); }
ul#nav-list li[target="directory"].active, ul#nav-list li[target="directory"]:hover{ background-image: url('../img/menu_icons_active/dealers.png'); }

ul#nav-list li[target="history"] { background-image: url('../img/menu_icons/rentals.png'); }
ul#nav-list li[target="history"].active, ul#nav-list li[target="history"]:hover{ background-image: url('../img/menu_icons_active/rentals.png'); }

ul#nav-list li[target="orders"] { background-image: url('../img/menu_icons/rentals.png'); }
ul#nav-list li[target="orders"].active, ul#nav-list li[target="orders"]:hover{ background-image: url('../img/menu_icons_active/rentals.png'); }

ul#nav-list li[target="range_orders"] { background-image: url('../img/menu_icons/rentals.png'); }
ul#nav-list li[target="range_orders"].active, ul#nav-list li[target="range_orders"]:hover{ background-image: url('../img/menu_icons_active/rentals.png'); }

ul#nav-list li[target="dealer_billing"] { background-image: url('../img/menu_icons/billing.png'); }
ul#nav-list li[target="dealer_billing"].active, ul#nav-list li[target="dealer_billing"]:hover{ background-image: url('../img/menu_icons_active/billing.png'); }

ul#nav-list li[target="retail_billing"] { background-image: url('../img/menu_icons/billing.png'); }
ul#nav-list li[target="retail_billing"].active, ul#nav-list li[target="retail_billing"]:hover{ background-image: url('../img/menu_icons_active/billing.png'); }

ul#nav-list li[target="assets_mgr"] { background-image: url('../img/menu_icons/assets.png'); }
ul#nav-list li[target="assets_mgr"].active, ul#nav-list li[target="assets_mgr"]:hover{ background-image: url('../img/menu_icons_active/assets.png'); }

ul#nav-list li[target="reports"] { background-image: url('../img/menu_icons/courses.png'); }
ul#nav-list li[target="reports"].active, ul#nav-list li[target="reports"]:hover{ background-image: url('../img/menu_icons_active/courses.png'); }


a#hide-menu {
    float: right;
    margin: 15px;
}
/* Navigation : subNav */
ul#button-nav-list li a, ul#nav-list li a { text-decoration: none; color: inherit;}
ul#button-nav-list , ul#button-subset-list, ul#button-report-list {
    list-style: none;
    padding-inline-start: 0px;
    margin-inline-end: 0px;
    margin-block-end: 0px;
    text-align: left;
    vertical-align: top;    
    display: inline-block;

    width: -webkit-calc(100% - 90px);
    width:    -moz-calc(100% - 90px);
    width:         calc(100% - 90px);            
        

}
ul#button-subset-list {
    margin-left: 90px;
    margin-block-start: 5px;
}
ul#button-nav-list li , ul#button-subset-list li, ul#button-report-list li {
    border:1px solid #E9E9F0;
    color:#999F99;
    font-size: 15px;
    background-color: #FDFDFD;
    display: inline-block;
    min-width: 55px;
    text-align: center;
    padding:10px 12px;
    cursor: pointer;
}
ul#button-nav-list li.active , ul#button-subset-list li.active { cursor: unset; pointer-events: none; }
ul#button-nav-list li.active, ul#button-nav-list li:hover , ul#button-subset-list li.active , ul#button-subset-list li:hover{
    color: #2ED9BF;
    background-color: #F8F8F8;
    border:1px solid #E9E9F0;
}
a#home-link{
    font-size: 36px;
    display: inline-block;
    margin: 15px 15px 0px 30px;
    color: #2ED9BF;
    cursor: pointer;
}
/* BACKDROP */
div.modal-backdrop{
    position: absolute;
    opacity: 0.6;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000000;   
    text-align: center; 
    height: 100%;
}
div.modal-pop {
    position: absolute;
    top: 20%;
    width: 92%;
    left: 4%;
    text-align: center;
    display: none;
}
div.preview-modal-pop {
    position: absolute;
    top: 5%;
    width: 92%;
    left: 4%;
    text-align: center;
    display: none;
}
div#toolbarRight button { display: none;}
div.modal-content:not(.datepicker-container) {
    width: 50%;
    margin: 0 auto;
    background-color: white;
    padding: 15px 15px 5px 15px;
    color: #4D4F5C;    
    text-align: left;
}
div.modal-content.modal-80 { width: 100%; }
@media(min-width:992px){
    div.modal-content.modal-80 { max-width: 950px; }
}
div.modal-content.single-col {
    width: 400px;
}
div.modal-content div.form-group{
    text-align: left;    
}
div.modal-content div.panel-bordered {
    padding: 15px;
}
.lds-facebook {
    display: inline-block;
    position: relative;
    width: 300px;
    height: 150px;
    margin: 25% auto;
}
.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 60px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
    left: 86px;
    animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
    left: 164px;
    animation-delay: 0;
}
@keyframes lds-facebook {
    0% {
        top: 8px;
        height: 64px;
    }
    50%, 100% {
        top: 24px;
        height: 100px;
    }
}

/* GENERICS */
strong { font-family: "klavika-web", sans-serif; font-weight: 700; }
.read-only {pointer-events: none;}
.center-align { text-align: center!important;}
.centered { margin: 0 auto;}
.hidden { display: none; }
.tiny-text { font-size: 10px; color:#adabab;}
.small-text {
    font-size: 14px;
    color: #adabab;
    font-style: italic;
}
.small-orange {
    font-size: 14px;
    color: #FF5200;
}
.small-gray {
    font-size: 14px;
    color: #4D4F5C;
}
.smaller-gray {
    font-size: 13px;
    color: #6E6E6E;
    line-height: 1.3;
}
.gray-label{
    color:#707070;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.tiny-text-italic {
    font-size: 12px;
    color: #adabab;
    font-style: italic;
}
.warning-label { font-size: 14px; color:#FF5200;}
.bg-gray { background-color: #6E6E6E !important; }
.regular-color { color:#4D4F5C !important;}
div.spacer { margin: 10px;}

.hundred-less-20 {
    width: -webkit-calc(100% - 25px);
    width:    -moz-calc(100% - 25px);
    width:         calc(100% - 25px);            
}
.with-50-percent {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.with-50-less60 {
    width: -webkit-calc(50% - 20px);
    width:    -moz-calc(50% - 20px);
    width:         calc(50% - 20px);            
    margin: 10px;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
}
div.form-group label.block, div.form-group-50 label.block, div.form-group-25 label.block, div.mini-section-detail label.block { display: block; }
.block-bottom8 { display: block; margin-bottom: 8px!important;}
.block-margin8 { display: block; margin-bottom: 8px!important;margin-top: 8px!important;}

.bigger-label {
    font-size: 18px;
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
    color :#333333DE;
}
.tiny-input { width: 75px!important;}
.small-input { width: 150px!important;}
.medium-input { width: 220px!important;}
div.small-arrow {
    color: #444;
    width: 25px;    
    float: right;
    background-color: transparent;
    background-image:
    url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232ED9BF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
/* TOGGLER */
div.toggle {
    width: 90px;
    display: inline-block;
    text-align: center;
    margin-top: 5px;
    position: relative;
}
div.toggle div.toggle-cover.disabled {
    width: 100%;
    top: 0;
    left: 0;
    /* background-color: red; */
    height: 34px;
    position: absolute;
}
div.toggle label{
    margin-bottom: 5px;
}
div.toggle .switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 16px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    transition: all 0.3s;
  }
div.toggle .switch::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius:50%;
    background-color: white;
    top: 1px;
    left: 1px;
    transition: all 0.3s;
  }
  
div.toggle .checkbox:checked + .switch::after {
    left : 20px;
  }
div.toggle .checkbox:checked + .switch {
    background-color: #98FF3E;
  }
div.toggle .checkbox {
    display : none;
  }
  /* *********************** autocomplete ******************** */
.autocomplete {
    position: relative;
    /* border-left: 3px solid #98FF3E!important; */
}
@media (min-width : 990px){
    .autocomplete {
        width: 300px!important;
        /* float: right; */
    }    
}
.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 2000;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}
.autocomplete-items div {
    padding: 2px 10px;
    cursor: pointer;
    background-color: #fff; 
    border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover { background-color: #e9e9e9;  }
.autocomplete-active {
    background-color: #a5a4bf !important; 
    color: #ffffff!important; 
}
.auto-option-item { color: #43425D; }
/* *********************** CHECKBOX */
div.checkboxset { 
    margin-left: -15px;
    margin-right: 15px;
    display: inline-block;
    margin-bottom: 8px;    
    }
div.checkboxset input[type="checkbox"] {
    visibility: hidden;
  }
div.checkboxset label {
    cursor: pointer;
    font-size: 14px;
    color: #4D4F5C;
    font-family: "klavika-web", sans-serif;
  }
div.checkboxset input[type="checkbox"] + label:before {
    border: 1px solid #FF5200;
    font-size: 13px;    
    content: "\00a0";
    display: inline-block;
    font: 14px/1em sans-serif;
    width: 14px;    
    height: 14px;
    margin: 0 .25em 0 0;
    padding: 0;
    vertical-align: baseline;

    font-size: 23px;line-height: 0.5;
  }
div.checkboxset input[type="checkbox"]:checked + label:before {
    /* content: "\2713"; */
    color:#FF5200;
    text-align: center;
    content: "\25A0";
  }
div.content-section.disabled div.checkboxset input[type="checkbox"]:checked + label:before { color:#D8D8D8; }

div.checkboxset div { display: inline-block; }
div.checkboxset input[type="checkbox"].check-pblc + label:before { border: 1px solid #B1B1B1;  }
div.checkboxset input[type="checkbox"].check-pblc:checked + label:before { color: #B1B1B1;}
  
div.checkboxset input[type="checkbox"].check-lgue + label:before { border: 1px solid #FFFF00;  }
div.checkboxset input[type="checkbox"].check-lgue:checked + label:before { color: #FFFF00;}

div.checkboxset input[type="checkbox"].check-plsn + label:before { border: 1px solid #C10000;  }
div.checkboxset input[type="checkbox"].check-plsn:checked + label:before { color: #C10000;}

div.checkboxset input[type="checkbox"].check-clse + label:before { border: 1px solid #0098C9;  }
div.checkboxset input[type="checkbox"].check-clse:checked + label:before { color: #0098C9;}

div.checkboxset input[type="checkbox"].check-cors + label:before { border: 1px solid #2ED9BF;  }
div.checkboxset input[type="checkbox"].check-cors:checked + label:before { color: #2ED9BF;}

div.checkboxset input[type="checkbox"].check-gevt + label:before { border: 1px solid #B70FFF;  }
div.checkboxset input[type="checkbox"].check-gevt:checked + label:before { color: #B70FFF;}


div.checkboxset input[type="checkbox"].check-stdrd + label:before { border: 1px solid #2ED9BF;  }
div.checkboxset input[type="checkbox"].check-stdrd:checked + label:before { color: #2ED9BF;}
div.checkboxset input[type="checkbox"].check-premm + label:before { border: 1px solid #C10000;  }
div.checkboxset input[type="checkbox"].check-premm:checked + label:before { color: #C10000;}

div.checkboxset input[type="checkbox"].check-0 + label:before { border: 1px solid #2ED9BF;  }
div.checkboxset input[type="checkbox"].check-0:checked + label:before { color: #2ED9BF;}
div.checkboxset input[type="checkbox"].check-1 + label:before { border: 1px solid #C10000;  }
div.checkboxset input[type="checkbox"].check-1:checked + label:before { color: #C10000;}



div.content-section.disabled div.checkboxset input[type="checkbox"] + label:before ,
div.content-section.disabled div.checkboxset input[type="checkbox"]:checked + label:before { border: 1px solid #ded9d9}  
div.checkboxset input[type="checkbox"]:checked + label:after { font-weight: bold; }  
    /* div.checkboxset input[type="checkbox"]:focus + label::before { outline: rgb(59, 153, 252) auto 5px; } */

/* SELECT - regular*/
.select-css {
    color: #444;
    box-sizing: border-box;
    padding-left: 5px;
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    /* background-image:
    url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);     */
    background-image:
    url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232ED9BF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);    
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand { display: none; }
.select-css:hover { border-color: #888; }
.select-css:focus { border-color: #aaa; outline: none; }
.select-css option { font-weight:normal; }


.select-css2 {
    color: #444;
    box-sizing: border-box;
    padding-left: 5px;
    padding: 5px 10px;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid gray;
    border-radius: 0px; 
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232ED9BF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-color: transparent;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}


/* override*/
#user-range-select-wrapper.withStyle {
    background-image: url('../img/grid.png');
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 3%;
    padding-left: 25px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;        
    vertical-align: super;
    width: 233px;
    margin: 0 auto;
}
@media (min-width:768px) {
    #user-range-select-wrapper { display: inline-block; }        
} 

#user-range-select-wrapper select.select-css { 
    border: none;
    background-color: transparent;        
}

/* ***********************  SELECT2 */
span.select2-container { 
    width: 100%!important;
    border: none!important;
    
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none!important;
    border-radius: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #DEDEDF;
}
li.select2-selection__choice {
    padding: 4px 5px!important;
    font-size: 14px!important;
    color: #525151!important;
}
li.select2-results__option {
    font-size: 14px!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color:#6E6E6E; 
    color: white;
}

/* Drop zone */
/* Upload Area */
div.upload-area{
    position:relative;
  }
  div.upload-area div {
    position : absolute;
    left:0;
    top:0;
  }
  div.upload-area, div.upload-area div{
    width:264px;
    height:76px;
  }
  div.temp-upload img {
    max-width:264px;
    max-height:76px;
  }
  div.temp-upload{
    background-color:#F0F2F8;
    background-image: url('../img/upload.png');
    background-repeat: no-repeat;
    background-position-y: 20%;
    background-position-x: 5%;  
  }
  div.actual-upload {
    color: rgba(77, 79, 92, 0.5); /* #4D4F5C; */
    font-size:16px;
    padding-top: 20px;
    padding-left: 110px;
  }
  div.oomdo-modal-content div.actual-upload {
    color: rgba(77, 79, 92, 0.5); /* #4D4F5C; */
    font-size:16px;
    padding-top: 10px;
    padding-left: 90px;
  }
  a.modal-close {
    color: white;
    float: right;      
  }
  div.actual-upload span {
    font-size:11px;            
  }
  div.actual-upload span a {
    color:#0098C9;
  }
div.upload-area.tall-upload, div.upload-area.tall-upload div{
    width:230px;
    height:130px;
    margin: 2px auto 15px auto;

}
div.tall-upload div.temp-upload {
    background-repeat: no-repeat;
    background-position-x: 50%;
  }
div.tall-upload div.actual-upload {
    padding-top: 70px;
    padding-left: 10px;
    text-align: center;
  }

div.dz-success-mark, div.dz-filename, div.dz-error-mark, a.dz-remove {    
    display:none;
}
button.dz-delete-file-btn {
    font-size: 35px;
    color: black;
    position: absolute;
    background: transparent;
    border: none;    
    cursor: pointer;    
}


div.actual-upload div.dz-filename span {
    color: red;font-size: 24px;
}
/* ***********************  PAGINATION */
div.page-list-item, li.page-list-item , div.student-page-list-item{
    display: block;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 15px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
    min-height: 72px;
}
@media(min-width:768px) { 
    div.page-list-item,li.page-list-item, div.student-page-list-item  {width: 45%; display: inline-block; margin: 15px; } }
@media(min-width:992px) { 
    div.page-list-item,li.page-list-item {width: 30%; display: inline-block;}
    div.student-page-list-item {width: 23%; display: inline-block;}
 }

div.record-photo-div {
    height: 90px;
    width: 90px;
    border: 1px solid lightgray;
    white-space: nowrap;
    border-radius: 45px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    padding: 5px;
    overflow: hidden;
    vertical-align: middle;
}
div.record-photo {
    display: inline-flex;
    width: 80px;
    vertical-align: middle;
    justify-content: center;
}
div.record-photo img {
    vertical-align: middle;
    max-height: 80px;
    max-width: 80px;
}
div.record-info {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    display: inline-block;
    padding: 0 10px;
    overflow: hidden;
    vertical-align: middle;
}
div.record-name {
    font-size: 18px;
    font-family: "klavika-web", sans-serif;
    font-weight: 700;
    color: #2ED9BF;
    margin: 5px auto;
}
div.record-detail {
    word-break: break-word;
    font-size: 15px;
    color: #B1B1B1;
    margin: 5px auto;
}
div.record-detail-bold {
    word-break: break-word;
    font-size: 15px;
    color: #4D4F5C;
    margin: 5px auto;
    font-family: "klavika-web", sans-serif;
    font-weight: 700;
}
div.record-title {
    word-break: break-word;
    font-size: 20px;
    color: #4D4F5C;
    margin: 5px auto;
    font-family: "klavika-web", sans-serif;
    font-weight: 700;
}
div.record-photo-sm {
    height: 50px;
    width: 50px;
    /* border: 1px solid lightgray; */
    white-space: nowrap;
    /* border-radius: 30px; */
    display: inline-flex;
    text-align: center;
    align-items: center;
    padding: 5px;
    overflow: hidden;
    vertical-align: middle;
}
div.record-photo-sm div.record-photo {
    display: inline-flex;
    width: 50px;
    vertical-align: middle;
    justify-content: center;
}
div.record-photo-sm div.record-photo img {
    vertical-align: middle;
    max-height: 50px;
    max-width: 50px;
}
div#list-pagination, div#list-pagination-ca, div#student-list-pagination, div#list-pagination-p, div#list-pagination-dp {
    margin: 25px auto 60px auto;
}
div#page-links, div#user-page-links, div#page-links-p,div#page-links-dp ,
div#page-links-ca{ 
    text-align: right;
    padding-right: 80px;
}
button.page-links, button.page-links-p, button.page-links-dp ,
button.page-links-ca  
{
    color: #4D4F5C;
    background-color: #FFFFFF;
    border: 1px solid #E8E9EC;
    width: 35px;
    height: 35px;
    margin-left: 5px;
    cursor: pointer;
}
button.page-links.selected, button.page-links-p.selected, button.page-links-dp.selected,
button.page-links-ca.selected
 {
    background-color: #FF5200;
    color: #FFFFFF;
}

button.page-links.noshow, button.page-links-p.noshow, button.page-links-ca.noshow, button.page-links-dp.noshow {    
    display: none;
}
button.update-pencil, button.add-plus, button.user-update-pencil, button.update-trash, button.dragable, button.info-icon, button.update-clone,
button.update-pencil-l, button.update-trash-l {
    position: absolute;
    top: 5px;
    right: 3px;
    border: none;
    font-size: 15px;
    color: #A4AFB7;
    cursor: pointer;
    background-color: inherit;
}
button.update-pencil-l, button.update-trash-l{
    position: relative;
}
button.update-trash {
    top: 5px;
    right: 28px;
    font-size: 16px;
}
button.update-clone {
    top: 5px;
    right: 50px;
    font-size: 16px;
}
button.dragable {
    left: 5px;
    font-size: 16px;
    pointer-events: none;
    cursor: none;
}
button.add-plus {
    font-size: 20px;
}
button.update-pencil:focus, button.add-plus:focus, button.update-trash:focus,
button.user-update-pencil:focus { outline: none;}
div.record-bottom {
    position: relative;
    margin:5px auto;
    min-height: 25px;
}
/* AUTO-COMPLETE */
div.autocomplete {
    margin-top: 4px; height: 23px; 
    position: relative;
}
div.autocomplete input {
    margin-top: 0px; height: 22px; 
    width: 280px;
    vertical-align: top;
    font-style: italic;
    padding-left: 7px;
    border: none;
    background-color: #4D4F5C;
    color: #A5A4BF;				
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;    
    margin-right: 6px;
}
@media(min-width:768px) {
    div.autocomplete { float: right; }
}

/* BLOCKS */
div.content-on-mid {
    margin-top:225px;
    padding: 0 50px;
    text-align: center;
    margin-bottom:50px;
}
a.close-panel {
    float: right;
    margin-right: 10px;
    color: #2ED9BF;    
}
div.black-title {
    background-color: #000000;
    color: white ;
    font-size: 18px;
    padding: 5px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    margin-bottom: 15px;

}
div.title-bar {
    background-color: #000000;
    color: #2ED9BF ;
    font-size: 18px;
    padding: 5px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    margin-bottom: 15px;
}
div.title-bar-w-btn {
    background-color: #000000;
    color: #2ED9BF ;
    font-size: 18px;
    padding: 0 5px;
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    margin-bottom: 15px;
}
div.content-section.disabled div.title-bar {
    background-color: #B1B1B1;
    color: #D8D8D8 ;
}
div.panel-bordered {
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    padding: 15px 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 22px;
}
div.panel-bordered-white {
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    padding: 15px 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 22px;
    background-color: white;
}

div.side-panel {
    padding-top: 25px;
    padding-left: 25px;        
}
div.side-panel div.title {
    font-size: 30px;
    color: #FF5200;
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
}
div.ol-content-header { margin-top: 1em!important; }
div.side-panel ol, div.ol-content div.label , div.ol-content-header div.label {font-size: 22px;}
div.side-panel ol div.label, div.ol-content div.label,
div.ol-content-header div.label {
    display: block;
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
    color: white;
}
div.ol-content div.detail-text, ul#other-dates div.detail-text {
    color: #B1B1B1;
    font-family: "klavika-web", sans-serif;
    display: block;
}
span.detail-text {
    color: #B1B1B1;
    font-family: "klavika-web", sans-serif;
}
ul#other-dates li {margin: 8px auto; }

div.side-panel ol li {margin-bottom: 30px; color:white;}
/* div.side-panel ol li {counter-increment: li;}
div.side-panel ol li::before {content: counter(li) ; color: white; } */
div.ol-content {
    font-size: 18px;
    font-family: "klavika-web", sans-serif;
    color: #000000;    
}
div.ol-content div.label {margin-bottom: 12px;}

div.side-panel div.checkboxset label, div.ol-content label { color: white;}


div.query-list { 
    min-height: 400px;
    position: relative;
}
div.circle-btn-w-label span {
    color: #4D4F5C;
    font-size: 20px;
    font-family: "klavika-web", sans-serif;
    font-weight: 700;
}
div.sm-note {
    color: #B1B1B1;
    font-size: 14px;
    margin: 5px 0;
}
div.cert-panel {
    height: 70px;
    overflow-y: scroll ;
    margin: 15px 0;
}
/* TEXT */
.green-title {
    color:#2FD7BD;
    font-size: 38px;
    text-align: center;
    font-family: Audiowide;
}
.small-desc {
    font-size: 18px;
    color: #797979;
    font-family: "klavika-web", sans-serif;
    text-align: center;
    line-height: 1.2;
}

/* INPUTS */
input:focus, select:focus {outline: none;}
div.form-group { margin: 10px 0;}
div.form-group label, div.form-group-60 label, div.form-group-40 label, div.form-group-50 label, div.form-group-25 label { font-size: 17px; margin-bottom: 5px; }
label.smaller { font-size: 13px!important;}
div.form-group input[type='text'], 
div.form-group input[type='password'], 
div.form-group-60 input[type='text'], 
div.form-group-50 input[type='text'], 
div.form-group-50 input[type='password'], 
div.form-group-40 input[type='text'], 
div.form-group-25 input[type='text'], 
div.form-group textarea {
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;    
    border: 1px solid #DEDEDF;
    width: 100%;
    padding: 5px;
    font-size: 14px;
}

div.form-group textarea {
    height: 80px;
}
div.form-group textarea.two-line {
    height: 50px;
}
input.dropdown-trigger { border:none !important; }
div.form-group-60 {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    width: -webkit-calc(60% - 12px);
    width:    -moz-calc(60% - 12px);
    width:         calc(60% - 12px);              
    margin-right: 12px;
}
div.form-group-50 {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    width: -webkit-calc(50% - 12px);
    width:    -moz-calc(50% - 12px);
    width:         calc(50% - 12px);              
    margin-right: 12px;
}
div.form-group-25 {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    width: -webkit-calc(25% - 6px);
    width:    -moz-calc(25% - 6px);
    width:         calc(25% - 6px);              
    margin-right: 6px;
}

div.form-group-40 {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    width: -webkit-calc(40% - 12px);
    width:    -moz-calc(40% - 12px);
    width:         calc(40% - 12px);              
    margin-right: 12px;
}
div.form-group-sm {
    max-width: 375px;
    text-align: center;
    padding: 8px 15px;
    margin: 0 auto;
}
div.form-group-md {
    max-width: 475px;
    /* text-align: center; */
    padding: 8px 15px;
    margin: 0 auto;
}

div.form-group-sm label {
    display: block;
    font-size: 13px;
    color: white;
    text-align: left;
    margin-bottom: 5px;
}
div.form-title-sm {
    display: block;
    font-size: 15px;
    color: white;
    text-align: center;
    margin: 25px auto 15px auto;
}
div.form-group-sm input[type='text'], div.form-group-md input[type='text'],
div.form-group-sm input[type='password'] {
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DEDEDF;
    border-radius: 4px;
    opacity: 1;    
    padding: 8px;
    font-size: 14px;
}
select.time-block {
    width: 74px;
    /* height: 25px;     */
    padding: 5px;
    font-size: 11px;
}
/* BUTTONS */
button.time-block-btn {
    color: #4D4F5C;
    background-color: #FFFFFF;
    border: 1px solid #707070;
    font-size: 11px;
    margin: 3px;
    padding: 4px;
    min-width: 55px;
    cursor: pointer;
}
button.time-block-btn.selected { background-color: #FFFF00; }
button.time-block-btn.included { background-color: #FCF3CF; }
button.time-block-btn.disabled { background-color: lightgray !important; pointer-events: none; display: none;}

input.sm-btn {
    border-radius: 4px;
    min-width: 90px;
    font-size: 11px;    
    padding: 5px;
    margin: 3px;
    cursor:pointer;
    border:none;
}
input.sm-btn:focus { outline: none;}
input.orange-btn, div.orange-btn {
    color: white;
    background-color: #FF5200;
}
input.yellow-btn {
    color: #4D4F5C;
    background-color: #FFD452;    
}
input.teal-btn {
    color: #4D4F5C;
    background-color: #2ED9BF;
}
a.orange-btn div {
    width: 90px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;       
    color: white;
    background-color: #FF5200;
    cursor: pointer;
    padding: 8px 4px;
    text-align: center;    
    margin: 0 auto;
}
a.sm-orange-btn div {
    font-size: 11px;
    padding: 4px;
    width: 90px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;       
    color: white;
    background-color: #FF5200;
    cursor: pointer;
    text-align: center;    
    margin: 4px auto;
}
a.orange-btn, a.sm-orange-btn { text-decoration: none;    }
input.ltgray-btn {
    color: white;
    background-color: #C3C3C3;
}
input.dkgray-btn {
    color: white;
    background-color: #4D4F5C;
}
input.dkgray2-btn {
    color: gray;
    background-color: #4D4F5C;
}
input.dkgray2-btn:hover {
    color: #2ED9BF;
}
input.dkgray-btn.selected, input.dkgray2-btn.selected {
    color: #4D4F5C;
    background-color: #2ED9BF;
}
input.dkgray-yellow-btn {
    color: #FFFF00;
    background-color: #4D4F5C;
}

div.item-btns div.selected, div.item-big-btns div.selected {
    background-color: #FF5200;
    color: white;
}
.oomdo-circle-plus {
    background-color: #FF5200;
    color: #FFFFFF;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    font-size: 19px;
    font-weight: bold;
    cursor: pointer;
    border: none;
}
.oomdo-circle-plus:focus , .oomdo-circle-plus-sm:focus{
    outline: none;
}
.oomdo-circle-plus-sm{
    background-color: #FF5200;
    color: #FFFFFF;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    padding-left: 4px;
    padding-top: 2px;    
    border: none;
}
div.item-btns div {
    width: 32%;
    display: inline-block;
    overflow: hidden;
    padding: 5px 3px;
    border: 1px solid #707070;
    color: #6E6E6E;
    font-size: 14px;
    margin: 2px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    /* min-height: 38px; */
    overflow: hidden;    
}
div.item-big-btns div {
    width: 100%;
    padding: 5px 3px;
    border: 1px solid #707070;
    color: #6E6E6E;
    font-size: 14px;
    margin: 5px 0;
    cursor: pointer;
    text-align: center;
}

/* DISABLED-SECTION */
div.content-section.disabled div.item-btns div , div.content-section.disabled div.item-big-btns div,
 div.modal-availability.disabled button, input.disabled[type='input'] {
    border: 1px solid #DEDEDF;
    color: #B1B1B1;
    pointer-events: none;
}

div.content-section.disabled div.form-group label, div.content-section.disabled div.form-group-50 label
, div.content-section.disabled div.form-group-25 label, div.content-section.disabled div.setting-subtitle
{ color: #D8D8D8;}

div.content-section.disabled input.sm-btn, div.content-section.disabled div.form-group button, input.disabled {
    background-color: #D8D8D8;
    color: #F8F8F8;
    pointer-events: none;
}
div.content-section.disabled div.form-group-sm input[type='text'],
div.content-section.disabled div.form-group-sm input[type='password'],
div.content-section.disabled div.form-group input[type='text'], 
div.content-section.disabled div.form-group-60 input[type='text'], 
div.content-section.disabled div.form-group-40 input[type='text'], 
div.content-section.disabled div.form-group-25 input[type='text'], 
div.content-section.disabled div.form-group-50 input[type='text'], 
div.content-section.disabled div.form-group-50 select, 
div.content-section.disabled div.form-group textarea, div.form-group textarea.disabled, 
div.content-section.disabled div.form-group select
{   pointer-events: none; color:#B1B1B1;}
div.content-section.disabled div.cert-panel { color: #D8D8D8;}
div.content-section.disabled div.form-group select.select-css {
    color: #D8D8D8;
    border: 1px solid #D8D8D8;

    background-image:
    url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23#D8D8D8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);       
}

/* INTRO PAGES: Login / signup / etc */
img#logoimg { max-width: 226px; width: 100%;}
li#branding img { height: 65px; }
img#branding-img { max-width: 325px; max-height: 120px;}
div.oomdo-logo img {height: 48px;}
div#top-powered-by {
    color: white;
    font-size: 11px;
    margin-bottom: 5px;
    text-align: center;    
}
div.icon-container {
    margin: 30px auto;
}
div.feature {
    display:inline-block;
    vertical-align: top;
    overflow:hidden;
    width :200px;
    margin: 15px;
}
div.content-on-mid {
    max-width: 800px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}            
div.column1 {
    background: white;
    display:inline-block;                
}
div.column2 {
    display:inline-block;
    background-color:#4D4F5C;
    vertical-align: top;
}

.toast-error { min-width: 400px !important;width: 90% !important;}

/* SETTINGS */
div.setting-title {
    font-size: 24px;
    font-family: "klavika-web", sans-serif;
    font-weight: 700;
    color: #6E6E6E;
    text-decoration: underline;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
div.text-value {
    color: #B1B1B1;
}
div.setting-subtitle {
    font-size: 20px;
    font-family: "klavika-web", sans-serif;
    color: #2ED9BF;
    text-decoration: underline;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
a.subtitle-link {
    font-size: 14px;
    font-family: "klavika-web", sans-serif;
    color: #2ED9BF;
    text-decoration: underline;
}
table.record-table {
    width: 100%;
    text-align: center;
    box-sizing: content-box;
    border-spacing: 0;
    border-collapse: collapse;
}
table.record-table th {
    background-color: #F5F6FA;
    color: #A3A6B4;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px;
}
table.record-table td {
    color: #4D4F5C;
    font-size: 14px;
    padding: 8px;
    border-bottom: 1px solid #e4e6ea;
}
table.record-table td a {    
    color: #BCBCCB;
    font-size: 15px;
    margin: 0 3px;
}
table.record-table td a:hover {color: #2699FB;}
table.record-table td a.bigger {
    font-size: 19px;
    vertical-align: middle;    
}
table.record-table td img { max-width:200px; }

.each-file-icon {
    margin: auto !important;
    text-align: center;
    vertical-align: middle;
    line-height: 98px;
    opacity: .6;
}
div.pdf-file.disabled {
    /* visibility: hidden; */
    display: none;
}


/* SCHEDULE Listing */
div.schedule-list { padding: 0 12px; }
div.date-group-title{ 
    background-color :#EDEDED; 
    font-size: 16px;
    color: #4D4F5C;
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
    padding: 6px 12px;
}
div.schedule-item {
    color: #4D4F5C;
    font-size: 15px;
    padding: 9px 0px 9px 24px;
}
div.schedule-item:not(:last-child) {
    border-bottom: 1px solid #00000029;
}
div.legend-indicator { display: inline-block; margin-right: 6px;}
div.schedule-item div.lesson-type-stdrd , div.schedule-item div.lesson-type-group0{
    color: #2ED9BF;
}
div.schedule-item div.lesson-type-premm, div.schedule-item div.lesson-type-group1 {
    color: #C10000;
}
div.schedule-item.active {
    background-color: rgba(48, 217, 189, 0.25)
}

div.eScheduled {
    color: #4D4F5C;
    background-color: rgba(48, 217, 189, 0.25);
    padding: 5px 10px;
    margin: 5px auto;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
div.eAvailable {
    color: #4D4F5C;
    /* background-color: 	rgb(255, 82, 0, 0.25); */
    padding: 5px 10px;
    margin: 5px auto;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #00000029;
}
div.eConflict {
    /* color: #4D4F5C;
    background-color: rgb(193, 0, 0, 0.25); */
    color: white;
    background-color: rgb(193, 0, 0);
    padding: 5px 10px;
    margin: 5px auto;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}


/* MINI DISPLAY on side panel */
div.mini-section {
    margin-top: 15px;
}
div.mini-section-icon {
    color: #2ED9BF;
    width: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
div.mini-section-detail {
    width: -webkit-calc(100% - 35px);
    width:    -moz-calc(100% - 35px);
    width:         calc(100% - 35px);            
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}
a#close-mini-section, a#close-mini-section2 { float: right; }
div#partial-backdrop, div.mini-section-panel { display:none;}


/* CALENDAR VIEW */
div#calendar-header {
    color: #2ED9BF;
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
    background-color: #000000 ;
    padding: 1px;
    position: relative;
    text-align: center;
}
div#calendar-header h1{
    text-align: center;
    font-size: 40px;
}
div#calendar-header div.list-view-btn, div#calendar-header div.calendar-view-btn {
    position: absolute;
    right: 10px;
    top:10px;
    font-size: 13px;
    font-family: "klavika-web", sans-serif;
    padding: 3px 6px;
}
div#calendar-header h1 a img {
    vertical-align: text-top;
    margin: 0 10px;
}

div#calendar div.sched-types{ font-size: 10px; padding: 3px; margin-bottom: 5px; cursor: pointer;}
div#calendar div.sched-type-plsn{ background-color: #C10000; color: #FFFFFF; }
div#calendar div.sched-type-cors{ background-color: #2ED9BF; color: #000000; }
div#calendar div.sched-type-lgue{ background-color: #FFFF00; color: #000000; }
div#calendar div.sched-type-clse{ background-color: #0098C9; color: #FFFFFF; }
div#calendar div.sched-type-pblc{ background-color: #B1B1B1; color: #000000; }
div#calendar div.sched-type-gevt{ background-color: #B70FFF; color: #FFFFFF; }

div#side-panel-title {
    text-align: center;
}
div.side-panel table.sched-visual {
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    padding: 15px 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 22px;
    background-color: white;
    box-sizing: content-box;
    border-spacing: 0;
    border-collapse: collapse;    

}
div.side-panel table.sched-visual td {
    border-bottom: 1px solid #EDEDED;
    font-family: "klavika-web", sans-serif;
    font-size: 14px;
    padding: 4px 0px;
    color: #4D4F5C;
}
table.sched-visual td.table-label {background-color: #EDEDED;}
table.sched-visual div.bar {
    /* border-radius: 15px; */
    /* padding: 3px 5px; */
    /* display: inline;     */
    width: 100%;
    height: 100%;
}
div#legend { padding: 0!important; text-align: center;}
div#legend div{ display: inline-block; margin: 5px 5px 5px 0; color: lightgray;}
div.bar-circle{
    width: 13px;
    height: 13px;
    border-radius: 15px;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
}
div.side-panel div.bar-plsn, div.side-panel div.bar2-plsn{ background-color: #C10000; color: #FFFFFF; }
div.bar-cors, div.side-panel div.bar2-cors{ background-color: #2ED9BF; color: #000000; }
div.bar-lgue, div.side-panel div.bar2-lgue{ background-color: #FFFF00; color: #000000; }
div.side-panel div.bar-clse, div.side-panel div.bar2-clse{ background-color: #0098C9; color: #FFFFFF; }
div.side-panel div.bar-pblc, div.side-panel div.bar2-pblc{ background-color: #B1B1B1; color: #000000; }
div.side-panel div.bar-gevt, div.side-panel div.bar2-gevt{ background-color: #B70FFF; color: #FFFFFF; }

div#scheduled-view table { position: relative; }
div#scheduled-view caption#close-label { 
    position: absolute;
    top: 100px;
    width: 100%;
    font-size: 30px;
 }

 div#scheduled-view caption {
    padding: 8px 0;
    color: lightgray;
 }
 div#scheduled-view table { width:100%;}
 div#scheduled-view table td { text-align:center;}
 div#scheduled-view td.tb-display div.bar-main-content { display: inline; }


 div#scheduled-view tr td.tb-display:nth-child(odd) { background-color: #f7f6f6; }
 span.bar-alt-content { color:#C10000;}
 div.schedule-list-view { 
     border: 1px solid #ccc; 
     max-height: 700px;
     overflow-y: scroll;       
}
 div#notification-list-view {
    max-height: 650px;
    overflow-y: scroll;     
 }
 div.schedule-list-view .view-details-btn{
    float: right;
    margin: -3px 0 0 0;
 }
 div.schedule-list-table {
     max-height: 750px;
    overflow-y: scroll;  
 }   
 table.sched-visual thead {  
    top:0px;
    position:sticky;
}

 div.schedule-item div.time-label { 
    width: 60px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;     
 }
 div.schedule-item div.lesson-label 
 , div.schedule-item div.customer-label
 , div.schedule-item div.instructor-label
 { display: inline-block; }

 div.student-list { margin: 15px 0;}
 div.student-list label { color: #fc6823; font-family: "klavika-web", sans-serif; font-weight: 700; font-size: 19px;}

 
 ul.not-confirmed {
	list-style-image: url('../img/booleanfalse.png');
	font-size: 18px;
    font-weight: unset;
    padding-inline-start: 24px;
}
ul.not-confirmed li { margin-bottom: 8px; }
ul.did-confirmed {
	list-style-image: url('../img/booleantrue.png');
	font-size: 18px;
    font-weight: unset;
    padding-inline-start: 24px;
}
ul.did-confirmed li { margin-bottom: 8px; }

div.type-indicator-plsn{ display: inline-block; margin-right: 6px; color: #C10000; }
div.type-indicator-cors{ display: inline-block; margin-right: 6px; color: #2ED9BF; }
div.type-indicator-lgue{ display: inline-block; margin-right: 6px; color: #FFFF00; }
div.type-indicator-clse{ display: inline-block; margin-right: 6px; color: #0098C9; }
div.type-indicator-pblc{ display: inline-block; margin-right: 6px; color: #B1B1B1; }
div.type-indicator-gevt{ display: inline-block; margin-right: 6px; color: #B70FFF; }

span.active-session-cors { color: #2ED9BF;  }
span.active-session-lgue { color: #FFFF00;  }

.headerbar-right .dropdown a { text-decoration: none; color:white ; margin-bottom: 8px;}
img#user_img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    /* border: 1px solid #777676;; */
    /* vertical-align: -8px; */
    margin-left: 10px;    
    margin-right: -10px;
}
.dropdown-menu {
    position: absolute;
    right: 155px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 10px;
    margin: 0px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #393a44;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
div.dropdown {
    color: #BCBCCB;
    font-size: 15px;
    display: inline-block;
    margin: 15px 25px;
    vertical-align: middle;
    /* position: relative; */
}
#profile-dropdown-menu li { margin: 8px auto; font-size: 16px; }
#profile-dropdown-menu li a { color:darkgray ; }
div#greet-user small { display: block; margin-top: 8px; color:darkgray ;}
div#greet-user i { color:darkgray ; }
div#greet-user{
    display: inline-block;
    font-size: 16px;
    text-align: left;    
    vertical-align: bottom;
    margin-bottom: 12px;
    color:darkgray ;
}
#help-icon, #notification-icon { color:#ffff00; margin: 0 10px; }

div.header-modal {
    position: absolute;
    right: 30px;
    z-index: 900;
    display: none;
    float: left;
    width: 325px;
    margin: 0px;
    list-style: none;
    font-size: 13px;
    text-align: left;
    color: #393a44;
    background-color: #F8F8F8;
    /* border: 1px solid rgba(0, 0, 0, 0.15); */
    border-top: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

div.mint-bg {
    padding: 15px 25px;
    background-color: #C7FBFF;
}
div.white-bg { padding: 10px 25px; background-color: white; }
div.white-bg img {display:inline-block;vertical-align: -7px;}
div.white-bg div.t1 {font-size:17px;margin-bottom: 3px;}
div.white-bg div.t2 {font-size:15px;margin-bottom: 3px;}

div.white-bg.small img{ width: 30px; }
div.white-bg.small div.t1 {font-size:12px;margin-bottom: 0px;}
div.white-bg.small div.t2 {font-size:10px;margin-bottom: 3px;}
div.white-bg div.form {
    margin: 15px auto;
    color: rgb(110, 110, 110);
    font-size: 15px;
    display: none;
}
div.white-bg div.form label { display: block;}
div.white-bg div.form input { height: 24px; }
div.white-bg div.form textarea { height: 85px; }
div.white-bg div.form input, div.white-bg div.form textarea {
    border:1px solid rgb(238, 238, 238);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;    
    font-size: 15px;
    width: 100%;
    margin: 3px auto;
}
div.white-bg div.form input::placeholder { color: #B1B1B1!important;   }
div.white-bg div.form input:-ms-input-placeholder ,div.white-bg div.form input::-ms-input-placeholder { color: #B1B1B1!important;   }
div.white-bg div.form textarea::placeholder { color: #B1B1B1!important;   }
div.white-bg div.form textarea:-ms-input-placeholder ,div.white-bg div.form textarea::-ms-input-placeholder { color: #B1B1B1!important;   }
  
a#email-help { color:#2ED9BF; text-decoration: none;}
img#loading {
    width: 30px;
    display:none;
}
#calendar .close-day, div.schedule-item.close-day {
    background: rgb(216, 216, 216, .30);
    color: rgb(216, 213, 213);
}

.badge {
    display: none;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
    background-color: #ef5350;
    top: -20px;
    right: -10px;
    position: absolute;
}
a#notification-icon { position: relative;}
a.notif-link {
    display: block;
    width: 100%;
    margin: 10px auto;
    text-decoration: none;
    color: #4D4F5C;
    font-size: 14px;
}
div#notification-modal-panel {
    padding: 5px 15px;
    max-height: 300px;
    overflow: scroll;
    background-color: white;
}
a.notif-link img {
    float: left;
    margin-right: 5px;
    max-width: 30px;
}

div.photo-link { display: inline-block;}
div.photo-link a { color: inherit; }
div.plan-disclaimer {
    color: #FF5200;
    text-align: center;    
    width: 100%;
    margin-top: 25px;
}
div.content-section.disabled div.plan-disclaimer { color:#D8D8D8; }
div.credit-card {
    background-color: #6E6E6E;
    border-radius: 12px;
    margin: 0 2px 22px 2px;
    padding: 15px;    
    max-width: 335px;
    position: relative;
}
div.cc-big { 
    display: block;
    color: #FF5201;
    background-color: #4D4F5C;
    padding: 13px 10px;
    border-radius: 12px;
    font-weight: bold;
    font-family: Audiowide;
    margin-bottom: 20px;
    font-size: 15px;
}
div.cc-label { 
    display: block;
    width: 100%;
    color: #2ED9BF;
    font-family: Audiowide;
    font-size: 12px;
    font-weight: bold;
}
div.cc-no { 
    display: block;
    width: 100%;
    color: #D4D4D4;
    font-size: 14px;
    margin-bottom: 24px;
}
div.cc-expire { 
    display: block;
    width: 100%;
    color: #D4D4D4;
    font-size: 14px;
    margin-bottom: 8px;
}

div.payment-info {
    background-image: url(../img/booleantrue.png);
    padding-left: 28px;
    background-repeat: no-repeat;
    background-size: 5%;
}
div.payment-info.failed {
    background-image: url(../img/booleanfalse.png);
}
div.payment-info-title {
    font-size: 26px;
    font-family: "klavika-web", sans-serif;
    font-weight: 700;
    color: #FF5201;
    text-decoration: none;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
div.payment-info-title a {
    font-size: 20px;
    text-decoration: none;
    color: inherit;
}
.expandable {
    cursor: pointer;
}

ul.filter {
    padding-inline-start: 0;
}
ul.filter li {
    background-color: white;
    padding: 10px;
    margin: 10px 0;
    /* height: 35px; */
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
    cursor: pointer;
    border-left:6px solid #C64910;
}
ul.filter li:hover {
    padding: 12px;
    margin-bottom: -7px;
    font-size: 20px;
}
div.mint-title {
    background-color: #2ED9BF;
    color: white;
    text-align: center;
    height: 40px;
    font-size: 22px;
    font-weight: bold;
    padding: 10px;
}
div.filter-subtitle {
    font-size: 19px;
    padding: 10px;
    border-bottom: 1px solid black;
    margin-top: 12px;
}
div.filter-subtitle i {
    float: right;
    color: #C64910;
    cursor: pointer;
}
div#main-title {
    font-weight: bold;
    font-size: 20px;
}
div#main-title a {
    color:#2ED9BF;
    cursor: pointer;
    text-decoration: none;
}
div#filter-row {
    background-color: #D6D6D6;
    padding: 6px;
    margin-top: 15px;
}

div#filter-row select{
    border: none;
    /* background: transparent; */
    border-bottom: 1px solid black;
    border-radius: 0;
    background-image:
    url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232ED9BF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #D6D6D6 0%,#D6D6D6 100%);    
}

div#filter-row span, div#filter-row2 span {
    margin-top: 6px;
    /* margin-right: 6px; */
}
a.yellow-link { color: #FFFF00; text-decoration: none;}

div.gray-small {
    background-color: #4D4F5C;
    color: white;
    text-align: center;
    font-size: 10px;
    padding: 2px;
    border-radius: 7px;
    width: 75px;    
}
div.orange-small {
    background-color: #FF5200;
    color: white;
    text-align: center;
    font-size: 10px;
    padding: 2px;
    border-radius: 7px;
    width: 31%;
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
}

div.switch-view {
    background-color: #FF5200;
    border-radius: 4px;
    color: white;
    width: 150px;
    text-align: center;
    padding: 8px;
    display:none;
    vertical-align: super;
    margin-right: 25px;
    cursor: pointer;
}
div.switch-view.iline {
    display: inline-block;
}


.sub-panel {
    /* margin: 30px auto; */
    background-color: #ececec;
    padding: 15px 15px 1px 15px;
    border-radius: 8px;
}
div.option-class {
    border: 1px solid gray;
    padding: 10px;
    cursor: pointer;
}
div.option-class:hover {
    background-color: lightgray;
}

#page-assets li#create-folder{
    border: 1px solid #4D4F5C;
    background-color: transparent;
    height: 30px;
    font-size: 14px;
    padding: 6px;    
}
#page-assets ul#folders{
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 2px inset #AAAAAA;
    padding-inline-start: 0;
}
#page-assets ul#folders li.folder-names i {
    color: #2ED9BF;
}
#page-assets ul#folders li#folder-faves i {
    color: #FF5200;
}
#page-assets ul#folders li.folder-names,
#page-assets ul#folders li#folder-faves {
    color: white;
    background-color: #4D4F5C;
    border: 1px solid #4D4F5C;
    height: 30px;
    font-size: 14px;
    padding: 6px;
}

#page-assets ul#folders li{
    border-radius: 5px;   
    width: 17%;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    margin: 0 2px;
}
#folder-section {
    width: -webkit-calc(100% - 15px);
    width:    -moz-calc(100% - 15px);
    width:         calc(100% - 15px);            
    margin: 0 15px 0 15px;
}
.sub-label {
 color : #2ED9BF!important;   
}
div.sub2-panel {
    border-bottom: 1px solid white;
    width: calc( 100% - 30px);
    margin-top: 15px;
    padding-bottom: 10px;
}
.qty-display {
    border-left: 1px solid #4D4F5C;
    text-align: center;
}
#qty-display-inside {
    width: 284px;
    margin: auto;
}
div.prod-rows {
    border-bottom: 1px solid #4D4F5C;
    margin-left: 25px;
    margin-right: 25px;
}
#qty-display-inside{
    background-color:#eae7e7
}
#qty-display-inside div.title {
    background-color: #4D4F5C;
    color: #2ED9BF;
    text-align: left;
    padding: 4px 10px;
}
#qty-display-inside div.text {
    text-align: left;
    padding: 10px;
}

#qty-display-inside div.footer {
    text-align: right;
    padding: 15px 10px;
    border-top: 1px solid #4D4F5C;
    font-weight: bold;
}
#qty-display-inside div.text span {
    float: right;
}
div.cart-status {
    background-color: #FBE7E8;
    color: #E03021;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;    
    font-size: 12px;
    padding: 5px;
}
div.order-status {
    background-color: #DBEBDC;
    color: #367A21;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;    
    font-size: 12px;
    padding: 5px;
}
div.expand-btn {
    width: 23px;
    height: 23px;
    background-color: #D8D8D8;
    color: #4D4F5C;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;    
    text-align: center;
    padding-top: 4px;
    cursor: pointer;
}
div.camo-label {
    color: #4D4F5C;
    font-size: 15px;
    padding: 5px 0;
}
div.camo-text {
    color:#000000;
    font-size: 15px;
    padding: 5px 0;
}

div.camo-label2 {
    color: #FFFFFF;
    font-size: 15px;
    padding: 5px 0;
}
div.camo-text2 {
    color:#FFFF00;
    font-size: 15px;
    padding: 5px 0;
}


table.camo-order-items td {
    border-bottom: 1px solid #D8D8D8;
}
table.camo-order-items {
    width: 100%;
    border-collapse: collapse;
}
div.camo-bar {
    background-color: #4D4F5C;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;    
    padding: 5px 10px;
    width: 240px;
}
td.camo-total {
    background-color: #4D4F5C;
    color: white;
    text-align: right!important;
    height: 61px;
}
td.camo-total span {
    color: #2ED9BF;
}
ul#folder-actions, ul#group-actions {
    padding-inline-start: 0;
    padding-inline-end: 30px;    
}
ul#folder-actions li, ul#group-actions li {
    border-bottom: 1px solid lightgray;
}
div.action-big-button {
    color: white;
    text-align: center;
    height: 118px;
    margin: 35px auto;
    cursor: pointer;
    padding-top: 22px;
}
div.action-big-button:hover{
    background-color: #FF5200;
}
div.action-big-button i{
    font-size: 35px;
    margin-bottom: 12px;
}
div#action-links {
    text-align: right;
}
div#action-links ul , ul#groups {
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}
div#action-links ul li{
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-left: 10px;
    cursor: pointer;
}
div#action-links ul li i{
    color: #FF5200;
}
div#selected-name{
    color: #777474;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    width: 90%;
}
ul#groups {
    width: 100%;
}
ul#groups li {
    width: 100%;
    border-bottom: 1px solid lightgrey;
    padding-top: 5px
}

div#side-controls {
    margin-bottom: 20px;
    width: 95%;
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 12px;
}
div#asset-info div.subtitle{
    color: #FFFF00;
    font-size: 24px;
    margin-bottom: 12px;
}
div#asset-info div.small-text{
    color: #D8D8D8;
    font-size: 15px;
    font-style: normal;
    margin-bottom: 12px;
}
div#asset-info div.attribute {
    margin-bottom: 12px;
    width: 95%;
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 12px;
}
div#asset-info div.attribute span.label {
    color: #AAAAAA;
    font-size: 21px;
}
div#asset-info div.attribute span.text {
    float:right;
    color: #FFFFFF;
    font-size: 21px;
}

div#asset-info img {
    margin-top: 15px;
    margin-bottom: 15px;
}
div#side-controls li {
    width: 25%;
    display: inline-block;
    text-align: center;
    font-size: 25px;
    color: #2ED9BF;
    cursor: pointer;
}

table.camo-order-labels th {
    padding: 6px!important;
    color: black!important;
    background-color: lightgray!important;
}
table.camo-order-labels td {
    padding: 6px!important;
    color: #4D4F5C;
}
table.camo-order-labels a {
    color: #4D4F5C;
}
table.camo-order-labels {
    background-color: #efeeee;
    font-size: 13px;
}
table.item-pack {
    width: 93%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 5px 10px;
    background-color: #efefef;
}
table.item-pack th {
    background-color: #4D4F5C!important;
    color: #FFFFFF!important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
table.item-pack td{
    padding: 5px!important;
    color: #4D4F5C;
}