/* ---- COLORS (SITEWIDE) ---------------------------------------------------*/

/* Fix for width of actions column */
#admin td:has(.actions) { width: 1px; white-space: nowrap; padding: 0 10px;}

#admin { font-family: "Open Sans"; color: #000; font-size: 14px; line-height: 17px; letter-spacing: 0px !important;}
#admin a { color: #000; }

#admin li { padding: 0px; margin: 0; }

div.clear { clear: both; height:0px;}

#admin.ltred, .ltred { background-color: #FAB6B6;}
#admin .red, .red, #subnav .red { background-color: #A51E22;}
#admin .orange, .orange { background-color: #FE5C00; }
#admin .redsp, .redsp { color: #A51E22; font-weight: bold;}
#admin .ltred, .ltred { background-color: #FB797E !important; }
#admin .ltredsp, .ltredsp { color: #FB797E; font-weight: bold;}
#admin .green, .green { background-color: #008000 !important; }    
#admin .greensp, .greensp { color: #008000; font-weight: bold; }    
#admin .orange, .orange { background-color: #FF9732 !important; }
#admin .ltgreen, .ltgreen { background-color: #ACFCAC !important; }
#admin .ltgreensp, .ltgreensp { color: #ACFCAC; font-weight: bold;}
#admin .dkblue, .dkblue { background-color: #1D499D !important;}
#admin .blue, .blue { background-color: #0F63ED !important; }
#admin .bluesp, .bluesp { color: #0F63ED; }
#admin .ltblue, .ltblue { background-color: #CADEFE; }
#admin .ltbluesp, .ltbluesp { color: #CADEFE; font-weight: bold;}
#admin .grey, .grey { background-color: #EAE8E8; }
#admin .greysp, .greysp { color: #C7C7C7; }
#admin .dkgrey, .dkgrey { background-color: #838383; color: #fff; }
#admin .black, .black { background-color: #000; }
#admin .yellow, .yellow { background-color: #F1FA04; }
#admin .yellowtxt, .yellowtxt { color: #F1FA04; }
#admin .whiteth, .whiteth { color: #fff; font-weight: bold; text-align: center; }
#admin .yellowsp, .yellowsp { color: #FAF103; font-weight: bold; }
#admin .center, .center { text-align: center; }
#admin .right, .right { text-align: right; }
#admin .left, .left { text-align: left; }

.report { padding: 10px; text-align: center; font-weight: bold; margin-bottom: 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.report-red {  color: #000; border: solid 2px #A51E22; background-color: #FCB3BB; }
.report-green { color: #000; border:solid 2px #008000; background-color: #D0FDB3; }
.report-ltblue { color: #000; border:solid 2px #8CB7FC; background-color: #CADEFE; }

/* ---- PRINT HELPERS ----------------------------------------------------*/

.print-helper { min-height: 40px; display: none; width: 100%; padding: 10px 6px; font-size: 16px; line-height: 1.3; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal; }
.question-to-print { display: block; width: 100%; padding: 10px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media print {
    .print-helper { display: block; overflow: visible; font-family: Open Sans, sans-serif; white-space: pre; white-space: pre-wrap; }
    .question-to-print { display: none; }
}


/* ---- MOBILE ACTIONS ---------------------------------------------------*/
                    
a.cancel-sidebar.site-button.dkgrey { text-align: center; }

.action { display: none; }
.actions .closebtn { display: none; }
.actions span.label { display: none; }
.group-label { display: none; }

.utilities { margin-right: 20px; margin-top: 10px; }

@media screen and (max-width: 600px){

    .utilities { margin-right: 0; margin-top: 5px;}

    .action { display: block; }
    .actions .closebtn { display: block; }
    #admin .actions a { color: #fff; }
    .actions { height: 0%; width: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-y: hidden; transition: 0.5s; }
    .actions-content { position: relative; top: 15%; width: 100%; text-align: center; margin-top: 30px; }
    .actions a { padding: 8px; text-decoration: none; font-size: 24px; color: #fff; display: block; transition: 0.3s; }
    .actions a i { font-size: 24px !important; }
    .actions span.label { display: inline; }
    .group-label { display: inline; }
    .actions span.spacer { display: none; }
    .actions a:hover, .overlay a:focus { color: #f1f1f1; }
    .actions .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; }
    .actions-column { width: 50px !important; }
    
    #admin .admin-table .smallbutton { width: 49%; }
    
}

/* ---- FORMS (SITEWIDE) ---------------------------------------------------*/

h5 { font-size: 16px; background-color: #002E5D !important; color: #fff; margin-top: 20px; margin-bottom: 5px; padding: 8px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.siteforms .form-item { float: left; margin-top: 10px; width: 49%; display: block;  }
.siteforms .form-item-2 { float: left; margin-top: 10px; width: 32%; display: block; }
.siteforms .form-item-3 { float: left; margin-top: 10px; width: 23%; display: block; }
.siteforms .form-item-3.limit, .siteforms .form-item-4.limit { max-width: 120px; }
.siteforms .form-item-4 { float: left; margin-top: 10px; width: 19%; display: block;}
.siteforms .form-item-full { margin-top: 10px; width: 100%; display: block; float: left;}
.siteforms .br { clear: both; }
.siteforms .col1 { margin-left: 0;  margin-right: 2%; }
.siteforms .form-control { height: auto; display: block; width: 100%; padding: 10px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 5px; }
.siteforms .form-control-slim { height: auto; display: block; width: 100%; padding: 5px; font-size: 14px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.siteforms select.form-control-slim { height: auto; padding: 4px 5px; }
.siteforms .form-control-slim-in { height: auto; display: inline-block; padding: 4px; font-size: 14px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.siteforms .form-control-special { height: auto; padding: 10px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.siteforms .form-control-2 { height: auto; display: block; width: 100%; padding: 11px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }

.siteforms .form-control-alt, .form-control-alt { margin-top: 3px; height: auto; display: block; width: 100%; padding: 10px 6px; font-size: 16px; line-height: 1.3; color: #000; background-color: #fff; border: 1px dashed #838383; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal;}
.siteforms .form-control-alt2 {  margin-top: 3px;  height: auto; display: block; width: 99%; padding: 10px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px dashed #838383; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal;}
.siteforms .form-control-alt3, .form-control-alt3 { margin-top: 3px; height: auto; display: block; width: 100%; padding: 10px 6px; font-size: 16px; line-height: 1.3; color: #000; background-color: #EAE8E8; border: 1px solid #838383; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal;}
.siteforms .form-control-alt4, .form-control-alt4 { margin-top: 0px; height: auto; display: block; width: 100%; padding: 3px 5px 4px 5px; font-size: 14px; line-height: 1.2; color: #000; background-color: #FFF; border: 1px solid #838383; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal;}

.siteforms label { font-weight: bold; }
.siteforms label.col1 { margin-left: 0; clear: both; }
.req, #admin .req { font-weight: bold; color: red; }

.buttons { clear: both; margin: 10px 0;}
.buttonleft {float: left; margin-right: 10px;}    
.buttonright {float: right;}    

.labelright {float: right;}    
.site-button, #subnav .site-button { box-sizing: border-box; display: block; color: #fff; padding: 10px 35px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
.site-button:hover { background-color: #FB2930 !important;}
.site-button-add { display: block; color: #fff;  padding: 6px 8px; border: 0; margin: 0 0 0 4px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; }
.site-button-add:hover { background-color: #FB2930 !important;}
.smallbutton { margin: 0 0 0 4px; padding: 6px 8px; float: left; } 
.cancellink { display: none; text-align: center; margin-top: 10px; }
.left { float: left; }
.right { float: right; }

.button { display: inline-block; box-sizing: border-box; color: #fff; padding: 10px 35px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color: #A51E22; }
.button:hover { background-color: #FB2930 !important;}

.colorbutton { display: inline-block; box-sizing: border-box; color: #fff; padding: 10px 35px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.colorbutton:hover { filter: brightness(150%); }

.g-recaptcha { display: inline-block; margin-top: 10px; clear: both;}

.userbutton { background-color: #A51E22; box-sizing: border-box; display: inline-block; color: #fff; padding: 10px 35px; border: 0; margin-top: 10px; text-decoration: none; font-weight: bold; font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.userbutton:hover {background-color: #FB2930 !important;}

.group-button-div { float: left; padding: 5px 2px 3px 2px; width: 40px; display: block; border: solid 1px #fff; border-radius: 5px; margin-right: 3px; }
.group-button-div a { color: #fff; text-decoration: none;}

#processing { clear: both; }

@media screen and (max-width: 600px){

   .smallbutton { margin: 5px 0 0 0 !important; } 
   
   .siteforms .form-control-special { width: 100%; }
   
   .siteforms .form-item { float: none; margin-left: 0; width: 100%; clear: both; }
   .siteforms .form-item-2 {float: none; width: 100%; clear: both; }
   .siteforms .form-item-3 {float: none; width: 100%; clear: both; }
   .siteforms .form-item-3.limit, .siteforms .form-item-4.limit { max-width: none; }
   .siteforms .form-item-4 {float: none; width: 100%; clear: both; }
   .siteforms .form-item-full { margin-bottom: 10px; }
   .siteforms col1 { margin-right: 0; }
   
   .buttonleft {float: none; margin-right: 0;}    
   .buttonleft .button {width: 100%; text-align: center; }    
   .buttonright {float: none; margin-left: 0;}    
   .buttonright .button {width: 100%; text-align: center; }    
   .site-button { display: inline-block; float: none; width: 100%; text-align: center; margin-top: 10px; }
   .add-new-media-item { margin-bottom: 4px; }
   .userbutton { float: none; width: 100%; text-align: center; margin-top: 10px; }
   .site-button-add { display: inline-block; margin: 5px 0 0 0; float: none; text-align: center; width: 100%; }

   .cancelbtn .site-button { background-color: #838383; }
   
   .group-button-div { float: none; margin: 4px 0;  width: 100%; padding: 4px;}
    
}

@media (max-width: 480px){
    #buttons .button { float: none; margin: 10px auto; clear: both; width: 100%; display: block; padding: 10px;}
}

/* ---- SELECT2 STYLES -----------------------------------------------------*/

.select2-container { font-family: fontAwesome, Open Sans, sans-serif; }

.siteforms .select2-selection__rendered { height: auto; display: block; width: 100%; padding: 11px 6px; font-size: 16px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #222; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal; }

.siteforms .select2-container--default .select2-selection--single { border: 0;  font-family: fontAwesome, Open Sans, sans-serif; }

.siteforms .select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #000 transparent transparent transparent !important; }

.siteforms .iconselect { font-family: fontAwesome, Open Sans, sans-serif; }


/* ---- ADMIN MENU --------------------------------------------------*/

#admin-menu-item-container { display: flex; flex-wrap: wrap; }
#admin-menu-item-container > a:nth-child(4n) { margin-right: 0; }
#admin-menu-item-container .site-button { width: 24%; display: block; color: #fff; padding: 10px 35px; border: 0; margin-right: 1%; margin-bottom: 10px; text-decoration: none; font-weight: bold;font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; }

.admin-menu-item-container-group { 
    padding: 10px; background-color: #EAE8E8; margin-bottom: 10px; border-radius: 6px;
}

@media (max-width: 930px){
    #admin-menu-item-container .site-button { width: 32%; }
    #admin-menu-item-container > a:nth-child(4n) { margin-right: 1%; }
    #admin-menu-item-container > a:nth-child(3n) { margin-right: 0; }
    
}
@media (max-width: 680px){
    #admin-menu-item-container .site-button { width: 48%; }
    #admin-menu-item-container > a:nth-child(3n) { margin-right: 1%; }
    #admin-menu-item-container > a:nth-child(2n) { margin-right: 0; }
    #admin-menu-item-container > a:nth-child(2n+1) { clear: both; }
}
@media (max-width: 480px){
    #admin-menu-item-container .site-button { width: 100%; }
    #admin-menu-item-container > a:nth-child(3n) { margin-right: 0; }
}

/* ---- ADMIN LIST TABLES ---------------------------------------------------*/


#admin .admin-form-input.admin-form-bot10.halfwidth { display: block; width: 49%; float: left; }
#admin .admin-form-input.admin-form-bot10.halfwidth.col1 { margin-right: 1%; }
@media (max-width: 800px){
    #admin .admin-form-input.admin-form-bot10.halfwidth { display: block; width: 100%; float: none;; }
    #admin .admin-form-input.admin-form-bot10.halfwidth.col1 { margin-right: 0; }
}

#admin .admin-table { width: 100%; border-spacing: 1px; font-size: 14px; font-family: "Open Sans"; border-collapse: separate;;}
#admin .admin-table th { background: #0F63ED; font-weight: bold; color: #fff;  padding: 5px; text-align: center;}
#admin .admin-table th a { color: #fff; text-decoration: none; }
#admin .admin-table td { padding: 5px; font-weight: bold; }
#admin .admin-table td .center { text-align: center; }
#admin .admin-table.navi td { border-bottom: solid 1px #000; }
#admin .admin-table tr.regular:nth-child(odd) {background-color: #EAE8E8;}
#admin .admin-table tr.regular:nth-child(even) {background-color: #FFF;}
#admin .admin-table tr.special:nth-child(even) {background-color: #EAE8E8;}
#admin .admin-table tr.special:nth-child(odd) {background-color: #FFF;}
#admin .admin-table tr.special, .admin-table tr.regular { line-height: 1.5em; }

.hleft { float: left; margin-top: 0px; }
.hlabelleft { float: left; margin-top: 0px; }
.hleft2 { float: left; margin-top: 10px; }

@media (max-width: 600px){        
   .hleft { margin-top: 10px; float: none; }
   .hright { margin-top: 10px; }
}

.buttonright i { color: #fff; font-size: 22px; margin: 8px;}
#admin #admin-menu-item-container { display: flex; flex-wrap: wrap; }
#admin #admin-menu-item-container > a:nth-child(4n) { margin-right: 0; }
#admin #admin-menu-item-container .site-button { box-sizing: border-box; width: 24%; display: block; color: #fff; padding: 10px 10px; border: 0; margin-right: 1%; margin-bottom: 10px; text-decoration: none; font-weight: bold;font-size: 14px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align: center; }

.largericon { font-size: 18px; }
#mobilefooter .largericon { font-size: 24px; }

@media (max-width: 930px){
    #admin #admin-menu-item-container .site-button { width: 32%; }
    #admin #admin-menu-item-container > a:nth-child(4n) { margin-right: 1%; }
    #admin #admin-menu-item-container > a:nth-child(3n) { margin-right: 0; }
}
@media (max-width: 680px){
    #admin #admin-menu-item-container .site-button { width: 48%; }
    #admin #admin-menu-item-container > a:nth-child(3n) { margin-right: 1%; }
    #admin #admin-menu-item-container > a:nth-child(2n) { margin-right: 0; }
    #admin #admin-menu-item-container > a:nth-child(2n+1) { clear: both; }
}
@media (max-width: 600px){
    .hleft2 { float: none; text-align: center; margin-bottom: 10px; }
    .hleft { margin-bottom: 10px; }
    .buttonright { text-align: center; }
    h1 .buttonright {  display: flex; flex-direction: row-reverse; }
    
    #admin form[name="frmSearch"] > div { display: flex; justify-content: space-between; }
    #admin form[name="frmSearch"] > div.nomobilein { display: none; }
    #admin form[name="frmSearch"] > div a { width:calc(50% - 5px); }
    #admin form[name="frmSearch"] > div.group-button-div { display: block; }
    .hleft2 { margin-top: 4px; margin-bottom: 10px; }
    
}

@media (max-width: 480px){
    #admin #admin-menu-item-container .site-button { width: 100%; }
    #admin #admin-menu-item-container > a:nth-child(3n) { margin-right: 0; }
}

#admin h1 { margin: 0 0 10px 0; padding: 0; font-weight: bold; font-size: 28px; color: #0F63ED; font-family: "Open Sans";}
#admin h2 { margin: 15px 0 8px 0; padding: 0; font-weight: bold; font-size: 20px; color: #0F63ED; font-family: "Open Sans"; }
#admin h2 + * { margin-top: 0; }
#admin h3 { margin: 15px 0 4px 0; padding: 0; font-weight: bold; font-size: 16px; color: #0F63ED; font-family: "Open Sans";}
#admin h4 { font-size: 16px; background-color: #0F63ED; color: #fff; margin-top: 20px; margin-bottom: 5px; padding: 8px 8px 8px 16px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family: "Open Sans" ; }
#admin h5 { display: block; font-size: 16px; background-color: #002E5D; color: #fff; margin-top: 20px; margin-bottom: 5px; padding: 8px 8px 8px 16px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family: "Open Sans"; }
#admin h6 { font-size: 16px; background-color: #EAE8E8; color: #002E5D; border: solid 2px #002E5D; margin-top: 20px; margin-bottom: 5px; padding: 8px 8px 8px 16px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family: "Open Sans"; }

#admin .siteforms label { display: inline !important; } 


@media (max-width: 1000px){
    #admin h1 { font-size: 22px; }
    #admin h2 { font-size: 18px; }
    #admin h3 { font-size: 16px; }
} 
@media (max-width: 640px){
    #admin h1 { font-size: 20px; }
    #admin h2 { font-size: 16px; }
    #admin h3 { font-size: 14px; }
    #admin h4 { font-size: 14px; }
}
@media (max-width: 600px){
    #admin h5 { padding: 8px; }
    #admin h6 { padding: 8px; }
}

/*----- Discount Admin -----*/

#discount-category-container .discount-category-cell { width: 24.625%; text-align: center; margin: 5px 0.5% 0 0; padding: 7px; box-sizing: border-box; font-weight: bold; font-size: 12px;}
#discount-category-container div.checked { background-color:#0F63ED; color: #fff; }
#discount-category-container div.unchecked { background-color:#CADEFE; color: #000; }
#discount-category-container div.hover { background-color:#7BC02F; color: #000; }
 
#discount-category-container { display: flex; flex-wrap: wrap; }
#discount-category-container > div:nth-child(4n) { margin-right: 0; }
#discount-category-container > div:nth-child(4n+1) { clear: both; }

@media (max-width: 900px){
    #discount-category-container .discount-category-cell { width: 33%; }
    #discount-category-container > div:nth-child(4n) { margin-right: 0.5%; }
    #discount-category-container > div:nth-child(4n+1) { clear: none; }
    #discount-category-container > div:nth-child(3n) { margin-right: 0; }
    #discount-category-container > div:nth-child(3n+1) { clear: both; }
}

@media (max-width: 600px){
    #discount-category-container .discount-category-cell { width: 49.75%; }
    #discount-category-container > div:nth-child(3n) { margin-right: 0.5%; }
    #discount-category-container > div:nth-child(3n+1) { clear: none; }
    #discount-category-container > div:nth-child(2n) { margin-right: 0; }
    #discount-category-container > div:nth-child(2n+1) { clear: both; }
}


/* ---- AGENCY ADMIN ---------------------------------------------------*/

#categories-container .category-cell { width: 24.625%; text-align: center; margin: 5px 0.5% 0 0; padding: 7px; box-sizing: border-box; font-weight: bold; font-size: 14px;}
#categories-container div.checked { background-color:#0F63ED; color: #fff; }
#categories-container div.unchecked { background-color:#CADEFE; color: #000; }
#categories-container div.hover { background-color:#7BC02F; color: #000; }
 
#categories-container { display: flex; flex-wrap: wrap; }
#categories-container > div:nth-child(4n) { margin-right: 0; }
#categories-container > div:nth-child(4n+1) { clear: both; }

@media (max-width: 900px){
    #categories-container .category-cell { width: 33%; }
    #categories-container > div:nth-child(4n) { margin-right: 0.5%; }
    #categories-container > div:nth-child(4n+1) { clear: none; }
    #categories-container > div:nth-child(3n) { margin-right: 0; }
    #categories-container > div:nth-child(3n+1) { clear: both; }
}

@media (max-width: 600px){
    #categories-container .category-cell { width: 49.75%; }
    #categories-container > div:nth-child(3n) { margin-right: 0.5%; }
    #categories-container > div:nth-child(3n+1) { clear: none; }
    #categories-container > div:nth-child(2n) { margin-right: 0; }
    #categories-container > div:nth-child(2n+1) { clear: both; }
}


#services-container .service-cell { width: 24.625%; text-align: center; margin: 5px 0.5% 0 0; padding: 7px; box-sizing: border-box; font-weight: bold; font-size: 12px;}
#services-container div.checked { background-color:#0F63ED; color: #fff; }
#services-container div.unchecked { background-color:#CADEFE; color: #000; }
#services-container div.hover { background-color:#7BC02F; color: #000; }
 
#services-container { display: flex; flex-wrap: wrap; }
#services-container > div:nth-child(4n) { margin-right: 0; }
#services-container > div:nth-child(4n+1) { clear: both; }

@media (max-width: 900px){
    #services-container .service-cell { width: 33%; }
    #services-container > div:nth-child(4n) { margin-right: 0.5%; }
    #services-container > div:nth-child(4n+1) { clear: none; }
    #services-container > div:nth-child(3n) { margin-right: 0; }
    #services-container > div:nth-child(3n+1) { clear: both; }
}

@media (max-width: 600px){
    #services-container .service-cell { width: 49.75%; }
    #services-container > div:nth-child(3n) { margin-right: 0.5%; }
    #services-container > div:nth-child(3n+1) { clear: none; }
    #services-container > div:nth-child(2n) { margin-right: 0; }
    #services-container > div:nth-child(2n+1) { clear: both; }
}


#types-container .type-cell { width: 24.625%; text-align: center; margin: 5px 0.5% 0 0; padding: 7px; box-sizing: border-box; font-weight: bold; font-size: 12px;}
#types-container div.checked { background-color:#0F63ED; color: #fff; }
#types-container div.unchecked { background-color:#CADEFE; color: #000; }
#types-container div.hover { background-color:#7BC02F; color: #000; }
 
#types-container { display: flex; flex-wrap: wrap; }
#types-container > div:nth-child(4n) { margin-right: 0; }
#types-container > div:nth-child(4n+1) { clear: both; }

@media (max-width: 900px){
    #types-container .type-cell { width: 33%; }
    #types-container > div:nth-child(4n) { margin-right: 0.5%; }
    #types-container > div:nth-child(4n+1) { clear: none; }
    #types-container > div:nth-child(3n) { margin-right: 0; }
    #types-container > div:nth-child(3n+1) { clear: both; }
}

@media (max-width: 600px){
    #types-container .type-cell { width: 49.75%; }
    #types-container > div:nth-child(3n) { margin-right: 0.5%; }
    #types-container > div:nth-child(3n+1) { clear: none; }
    #types-container > div:nth-child(2n) { margin-right: 0; }
    #types-container > div:nth-child(2n+1) { clear: both; }
}


/* ---- CLEARFIX ---------------------------------------------------*/

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }
  

.clear { clear: both; }


/* ---- NO-MOBILE ---------------------------------------------------*/

.nomobile, .nomobile {display: block;}
.nomobilein, .nomobilein {display: auto; }
.mobileonly, .mobileonly { display: none; }
.mobileonlyin, .mobileonlyin { display: none; }
.mobileonlyblock, .mobileonlyblock { display: none; }

@media (max-width: 850px){

   .nomobile, .nomobile { display: none  !important; } 
   .nomobilein, .nomobilein {display: none; }
   .mobileonly, .mobileonly { display: block; }    
   .mobileonlyin, .mobileonlyin { display: inline-block; }    
   .mobileonlyblock, .mobileonlyblock { display: block; }
    
}

/* ---- MISC ---------------------------------------------------*/

.user-menu-table { font-size: 14px; color: #000;}

/* ---- PRINT  ---------------------------------------------------*/

@media print {

    .noprint { display: none; }
    #header, #footer, #admin-bar { display: none; }
    #container { padding: 30px; }
    h5, #subnav h5, h5.dkgrey, .admin-table th { border: solid 1px #000; text-transform: uppercase; color: #000;}
    @page { size: auto;  margin: 0mm; }

}