/*INMATE SEARCH STYLES*/

/*ACCORDION OVERRIDES*/
/*.accordion {font-size:12px!important;width:100%!important;}*/
/*.ui-accordion-header {width:100%!important;}*/
.ui-accordion .ui-accordion-content {background:#e8ecf1;padding:10px;border:1px solid #d1deec;border-top:0px;overflow:none;margin-bottom:2px;border-radius:0px!important;}
.ui-corner-all, .ui-corner-top {border-radius:0px!important;}
.ui-accordion .ui-accordion-icons {padding-left:28px;padding-right:15px;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {position:absolute;left:.5em;top:50%;margin-top:-8px;}
.ui-state-default .ui-icon {background-position:-32px -128px;}
.ui-state-active .ui-icon {background-position:-64px -128px;}
.ui-state-hover {background:#e8ecf1;}
.ui-state-active {border-color:#d1deec;border-bottom:0px;}
.ui-accordion .ui-accordion-header {padding-top: 4px;padding-bottom: 4px;}

/*GENERAL*/
.box-inmate {padding:10px!important;}
.cc-inmate {font-size:1rem!important;}
.cc-inmate h3 {font-size:12px!important;}
.id {box-sizing:border-box;}
.id ul {list-style:none;}
.id h2 {float:none;font-size:16px!important;padding:15px 0 0 10px!important;margin:0!important;width:100%!important;box-sizing:border-box;font-weight:bold;}
.id h4 {margin:0px!important;}

.head-bar {/*padding:20px 15px 3px 28px;width:100%!important;*/}
.head-bar ul {list-style:none;width:100%;box-sizing:border-box;padding:20px 15px 3px 28px;}
.head-bar ul li {display:inline-block;float:left;width:7.1%;box-sizing:border-box;padding:0 5px;font-weight:bold;color:#003366;/*text-transform:uppercase;*/}
.headmarginleft {margin-left:80px;}

.mugshot-wrap {width:100%;padding:0;margin:0;}
.mugshot {width:20%;float:right;box-sizing:border-box;}

.info-inmate {display:none;}
.info-more {float:left;width:auto;padding:10px 0px;box-sizing:border-box;display:block;width:80%;}
.info-more ul {width:100%;box-sizing:border-box;display:block;padding:0px 5px;}
.info-more li {float:left;width:25%;box-sizing:border-box;display:block;padding:2px 5px;}
.info-bar {float:left;display:block;width:7.1%;padding:0 5px;box-sizing:border-box;font-weight:normal;text-transform:uppercase;}
.info-more b, .info-inmate b {color:#003366;}

.icon-print {width:60px;padding:10px;}

.info-charge {width:80%;float:left;border-top:1px solid #d1deec;box-sizing:border-box;display:block;}
.info-charge ul {padding:4px 5px;box-sizing:border-box;display:block;}
.info-charge li {width:12.5%;float:left;box-sizing:border-box;display:block;padding:2px 5px;}
.cd-title {display:none;}
.charge-detail {text-transform:uppercase;}
.info-charge ul.charge-detail:nth-child(odd) {background:#d0d3d8!important;}
.info-charge ul.charge-detail:nth-child(even) {background:#dde1e5!important;}
.charge-head li {color:#003366;}

.head-bar1 ul li {width: 8.9%;}
.info-bar-width {width: 8.9%;}

.Charge_total span {
    padding-right: 48px;
}


.mugshot-wrap-wid
{
    float:right;
    width:20%;
    padding-top:10px;
}
.mugshot-wid
{
    padding-top: 5px;
    width: 100%;
}

/*BREAK FOR SMALL SCREENS*/
@media screen and (max-width: 980px) {

.head-bar ul li.desk {display:none;}
.head-bar ul li {width:16.6%;}
.head-bar1 ul li {width:16.6%;}
.info-bar.desk {display:none;}
.info-bar {width:16.6%;}
.info-bar-width  {width:16.6%;}
.info-inmate {float:left;width:auto;padding:10px 0px;box-sizing:border-box;display:block;width:80%;}
.info-inmate ul {width:100%;box-sizing:border-box;display:block;}
.info-inmate li {float:left;width:33.333%;box-sizing:border-box;display:block;padding:2px 5px;}
.info-charge {width:100%;}
.info-more:after {clear:both;}


.headmarginright {margin-right:0px;}
.headmarginleft {margin-left:0px;}
}


/*BREAK FOR TABLETS 2*/
@media screen and (max-width: 680px) {

ul.charge-head {display:none;}
.info-charge li {float:none;width:100%}
.charge-detail li {width:50%;float:left;}
.cd-title {display:inline-block;font-weight:bold;padding-right:5px;color:#003366;}
.info-more {float:none;width:100%;}
.info-inmate li {width:50%;}
.Charge_total span {
    padding-right: 0px;
}

}


/*BREAK FOR PHONES*/
@media screen and (max-width: 480px) {

.head-bar ul li.tablet {display:none;}
.head-bar ul li {width:25%;}
.head-bar1 ul li {width:25%;}

.info-bar.tablet {display:none;}
.info-bar {width:25%;}
.info-bar-width  {width:25%;}

.mugshot-wrap {text-align:center;}
.mugshot {width:180px;float:none;}
.info-inmate {width:100%;}
.info-inmate ul {padding:0 5px;}
.info-inmate li {width:50%;}
.info-more li {width:50%;}
.charge-detail li {width:100%;float:none;}


}


/*BREAK FOR PHONES*/
@media screen and (max-width: 380px) {

.head-bar ul li.phone {display:none;}
.head-bar ul li {width:50%;}
.head-bar1 ul li {width:50%;}
.info-bar.phone {display:none;}
.info-bar {width:50%;}
.info-bar-width  {width:50%;;}

.info-inmate li {width:100%;}
.info-more li {width:100%;}


}