@charset "utf-8";
/*
FILE: CSS exclusively for Cool Beds-Air Conditioned Beds file.
BY: Wendy Skains-McLeod, TDCJ Web Services
DATE: September 27, 2023
UPDATED: September 27, 2023
*/

.gradient_background_blue {
	width: 100%;
	height: 60px;
    margin-top: -7px;
	background-image: url("/images/co3/CO_Blue_Gradient.png");
	background-repeat: repeat;
	color: #FFFFFF;
	border-radius: 3px;
	border: thick#8B8B8B;
    vertical-align: middle;
}

.vertical_align_middle {
    vertical-align: middle;
}

/*the following styles came from the covid-19 stylesheet and have been modified for cool beds-air conditioned beds*/

.total {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 3px;
    border-bottom: 5px;
    border-bottom-style: solid;
}

.total_employee {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    /*margin-bottom: 3px;*/
    border-bottom: 5px;
    border-bottom-style: solid;
}

.total_lockdown {
    font-size: 16px;
    font-weight: bold;
    /*text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 3px;
    border-bottom: 5px;
    border-bottom-style: solid;*/
}

table.offender {
    width:100%;
    line-height: 19px;
    font-size: 11pt;
    border-collapse: collapse;
}

table.employee {
    width:100%;
    margin-top: 3px;
    border-collapse: collapse;
}

.div_for_table {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
}

.div_panel {
    margin: 0px 11px 5px 0px;
    height: auto;
    /*width: 232px;*/
    width: 165px;
    float: left;
    border-style: solid;
    border-width: 10px;
}

.div_panel_lockdown {
    margin: 0px 11px 5px 0px;
    height: auto;
    width: auto; 
    float: left;
    border-style: solid;
    border-width: 10px;
}

.div_box {
    margin: 0px 11px 5px 0px;
    height: auto;
    width: 95%; 
    float: left;
    border-style: solid;
    border-width: 10px;
}



.completed {border-color: #bccad6;}
.under_construction {border-color: #7196BB;}
.procurement {border-color: #92b1ce;}
.design {border-color: #9cc1e3;}
/*.med_res {border-color: #ffcc00;}*/
/*.med_iso {border-color: #ff9600;}*/
/*.lockdown {border-color: #679dcc; margin-left: 10px;}*/
/*.blue_border {border-color: #679dcc; margin-left: 10px;}*/


/* make IE play nice with SVG graphic */
.svg-flex-inner {
  position: relative;
  padding-top: 25%;
}

.svg-flex svg {
  position: absolute;
  margin-top: -25%;
  width: 100%;
  height: 100%;
}

.background_yellow {
    background-color: #FFF9A5;
}

.div_container_employee {
    width: auto;
    height: auto;
    margin-bottom: -14px;
}

.dashboard_button {
    background-color: #002859;
    width: 200px;
    height: 40px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    align-content: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    float: left;
    font-size: 18px;
    text-transform: capitalize;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    line-height: 40px;
}


/*
=====================================================
PROGRESSIVELY ENHANCED STYLES
=====================================================
*/

@media screen and (min-width: 1152px) {
    #no_rollovers {display: none;}
    #rollovers {display: block;}
}

@media screen and (min-width: 480px) {
}


@media screen and (min-width: 640px)  {
}


@media screen and (min-width: 768px)  {
}


@media screen and (min-width: 1024px)  {
}