/* ==== ADMIN STYLES ==========================================================================*/


*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.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; }

#menu-item-container { display: flex; flex-wrap: wrap; }
#menu-item-container > div:nth-child(5n) { margin-right: 0; }
.menu-item { width: 15%; text-align: center; border: solid 1px #505050; border-radius: 5px; margin: 10px 2% 0 0; float: right;}
.menu-item img { width: 78%; border: 0; margin-bottom: 10px; }
.menu-item a { font-size: 13px; text-decoration: none; font-weight: bold; }
.menu-item:hover { background-color: #F9F061; }
.menu-item-inner { margin: 10px; }
    
@media (max-width: 960px){
    .menu-item { width: 18%; }
}
@media (max-width: 480px){
    .menu-item { width: 32%; }
    #menu-item-container > div:nth-child(5n) { margin-right: 2%; }
    #menu-item-container > div:nth-child(3n) { margin-right: 0; }
}

#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; }

@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; }

}

/* List Boxes */

#admin-item-container { display: flex; flex-wrap: wrap; }
#admin-item-container > div:nth-child(4n) { margin-right: 0; }

.admin-item-header { background-color: #000; color: #fff; padding: 5px 0; }
.admin-item .yellow { color: #FAF103; font-weight: bold; }
.admin-item-body { padding: 5px 0; }
.admin-item { font-size: 13px; width: 23.5%; text-align: center; border: solid 1px #505050; border-radius: 5px; margin: 10px 2% 0 0; padding: 0 0 5px 0; }
.admin-item i { font-size: 20px; }
.admin-item a { font-size: 14px; text-decoration: none; font-weight: bold; }
.admin-item a span { font-size: 18px; }
.admin-item-inner { margin: 10px; }

@media (max-width: 1000px){
    #admin-item-container .admin-item { width: 32%; }
    #admin-item-container > div:nth-child(4n) { margin-right: 2%; }
    #admin-item-container > div:nth-child(3n) { margin-right: 0; }
}
@media (max-width: 760px){
    #admin-item-container .admin-item { width: 49%; }
    #admin-item-container > div:nth-child(3n) { margin-right: 2%; }
    #admin-item-container > div:nth-child(2n) { margin-right: 0; }
}

@media (max-width: 560px){
    #admin-item-container .admin-item { width: 100%; }
    #admin-item-container > div:nth-child(3n) { margin-right: 0; }
    #admin-item-container > div { margin-right: 0; }
}


/* List Tables */

.admin-table { width: 100%; border-spacing: 1px; font-size: 14px; }
.admin-table th { background: #0F63ED; font-weight: bold; color: #fff;  padding: 5px;}
.admin-table td { padding: 5px; font-weight: bold; }
.admin-table td .center { text-align: center; }


.admin-table tr:nth-child(odd) {background-color: #EAE8E8;}
.admin-table tr:nth-child(even) {background-color: #FFF;}
.admin-table tr.regular:nth-child(odd) {background-color: #EAE8E8;}
.admin-table tr.regular:nth-child(even) {background-color: #FFF;}
.admin-table tr.special:nth-child(even) {background-color: #EAE8E8;}
.admin-table tr.special:nth-child(odd) {background-color: #FFF;}





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

@media (max-width: 480px){        
    .hleft { text-align: center; float: none; margin: 5px 0;}
}

.buttonright i { color: #fff; font-size: 22px; margin: 8px;}
 
#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; }
}

#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: 12px;}
#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; }
}