/* Style for collapsible divs.  Feel free to edit as needed */



#print-header {
    display: none;
}

#headerContent h1 {
    margin: 0px;
}

.TWHeader {
    /*background-color:#c8500a;*/
    background-color:#ffffff;    
    padding:3px 0 0 5%;
    margin:-50px 0 0 0;
    width:100%;
}

.backgrid-filter .clear {
    right: -25px !important;
}



a:focus,
input:focus {
    outline: 1px solid black !important;
    /*outline-offset: -2px;*/
    border-color: #000 !important;
   /* box-shadow: 0px 0px 4px 1px #000 !important;*/
}



tr:hover { 
    background: #BEB9B9;
}

.cleaner {
    clear: both;
}

.h20 {
     height: 20px;
}

.h10 {
     height: 10px;
}

#loading {
    display: none;
}

/*body {
    background-image: url("Images/background.jpg");
    background-color: #EBEBEB;
    border-spacing: 0;    
}*/

/*.border-radius {
    border: 5px solid #c3c3c3;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    box-sizing: content-box;
}

.border-top {
border-top: 5px solid #c3c3c3;
}

.border-left {
border-left: 5px solid #c3c3c3;
}

.border-right {
border-right: 5px solid #c3c3c3;
}

.border-bottom {
border-bottom: 5px solid #c3c3c3;
}

.border-radius-top-left {
    border-top-left-radius: 12px;    
    -webkit-border-top-left-radius: 12px;    
    -moz-border-radius-topleft: 12px;    
    box-sizing: content-box;
}

.border-radius-top-right {
    border-top-right-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    box-sizing: content-box;
}*/

/*.border-LeftBottomRight {
   border-left: 5px solid #c3c3c3;
   border-bottom: 5px solid #c3c3c3;
   border-right: 5px solid #c3c3c3;    
    border-bottom-left-radius: 12px;    
    -webkit-border-bottom-left-radius: 12px;    
    -moz-border-radius-bottomleft: 12px; 
    border-bottom-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    box-sizing: content-box;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    min-height: 710px;
}*/


/*Auto Complete styles*/
.ui-autocomplete {
    max-height: 130px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    width: 255px !important;
}
          /* IE 6 doesn't support max-height
          *  We use height instead, but this forces the menu to always be this tall
          */
* html .ui-autocomplete {
    height: 100px;
}

/*Navbar styles*/
.custom-navbar-default {
    /*background-color: transparent;
    background-image: url("Images/Tool_Bar_6.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
    background-color: #8EDA7D;
  border-color: #e7e7e7;
}

.custom-navbar-default .navbar-brand {
  color: #777;
}



.custom-navbar-default .navbar-text {
  color: #777;
}

.custom-navbar-default .navbar-nav > li > a {
  color: #000;
        font-weight: bold;
}

.custom-navbar-default .nav > li > a {
  padding: 15px 10px;
  text-decoration: none;
}

.custom-navbar-default .navbar-nav > li > a:hover,
.custom-navbar-default .navbar-nav > li > a:focus {
  /*color: orange;*/
    color: #000;
    background-color: transparent;
    text-shadow: 2px 2px 5px #777;
}

.custom-navbar-default .navbar-nav > .active > a,
.custom-navbar-default .navbar-nav > .active > a:hover,
.custom-navbar-default .navbar-nav > .active > a:focus {
  color: orange;
  background-color: transparent;
}

.custom-navbar-default .navbar-nav > .disabled > a,
.custom-navbar-default .navbar-nav > .disabled > a:hover,
.custom-navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.custom-navbar-default .navbar-toggle {
  border-color: #ddd;
}

.custom-navbar-default .navbar-toggle:hover,
.custom-navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.custom-navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.custom-navbar-default .navbar-collapse,
.custom-navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.custom-navbar-default .navbar-nav > .open > a,
.custom-navbar-default .navbar-nav > .open > a:hover,
.custom-navbar-default .navbar-nav > .open > a:focus {
    color: #000;
    background-color: transparent;
    text-shadow: 2px 2px 5px #777;
    outline: 5px auto black;
    outline-offset: -2px;
}

@media (max-width: 767px) {
  .custom-navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
  }

  .custom-navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .custom-navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000;
    background-color: transparent;
    text-shadow: 2px 2px 5px #777;
  }

  .custom-navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .custom-navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .custom-navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000;
    background-color: transparent;
    text-shadow: 2px 2px 5px #777;
  }

  .custom-navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .custom-navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .custom-navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.custom-navbar-default .navbar-link {
  color: #777;
}

.custom-navbar-default .navbar-link:hover {
  color: #333;
}

.custom-navbar-default .btn-link {
  color: #777;
}

.custom-navbar-default .btn-link:hover,
.custom-navbar-default .btn-link:focus {
  color: #333;
}

.custom-navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .custom-navbar-default .btn-link:hover,
.custom-navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .custom-navbar-default .btn-link:focus {
  color: #ccc;
}

.custom-header {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 60px;
    padding-left: 360px;
}

/*menu bar responsive*/
.menubar-height {
    height: 54px !important;
    box-sizing: border-box;
}

.nopadding {
padding: 0px !important;
}

.nomargin {
margin: 0px !important;
}

.page-title {
    margin: 0px;
    text-align: center;
}

.pageTitleImage
{
    margin-top: -68px;
    margin-left: -30px;
}

/*Filters styling on Occupation Info Page*/

.filter_border {
    padding: 20px 0px;
    border-bottom: 2px solid #c3c3c3;    
}

#filtersContainer input[type="radio"], input[type="checkbox"] {
    margin: 5px !important;
    line-height: normal;
}

.filter-font, .filter-font select {
    font-size: 12px !important;
    font-weight: bold !important;
}

.orClass {
    text-align: center;
    width: 100%;
}

.form-search::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-search[disabled],
.form-search[readonly],
fieldset[disabled] .form-search {
  background-color: #eee;
  opacity: 1;
}

.form-search[disabled],
fieldset[disabled] .form-search {
  cursor: not-allowed;
}

#searchcontainer{
    margin:10px 50px 0 0;
    width:200px;
}


/*Accordion*/

.accordion-image:before {
    display: inline-block;
    content: url("Images/accordion_icon_sprite.png");
    margin: 0;
}

.accordion-image-minus:before {
    display: inline-block;
    content: url("Images/accordion_icon_sprite.png");
    margin-top: -74px;
}

.accordion-image,
.accordion-image-minus {
    position: absolute;
    height: 29px;
    width: 29px;
    display: inline-block;
    vertical-align: bottom;
    border: 1px solid transparent;
    overflow: hidden;
    left: 0;
    top: 50%;
    margin-top: -13.5px;
}

.accordion-title {
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    padding-left: 37px;
}

#SummaryAccordion button {
    width: 100%;
    text-align: left;
    margin: 0px;
    position: relative;
    display: block;
    text-decoration: none;
    background-color: transparent;
    color: #2d699e;
    border: none;
    padding: 12px;
    outline: none !important;
}

#print-page {
    padding-left: 8%;
    padding-right: 8%;
}

#SummaryAccordion button:hover {    
    background-color: #BEB9B9;
}

.accordion-data ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}

.accordion-data li.bold, .accordion-data-bootstrapBar .bold {
    font-weight: bold;
}

.accordion-data li.bullet::before,
.accordion-data-bootstrapBar.bullet::before {
    content: "•";
    padding-right: 8px;
    padding-left: 10px;
    color: #337ab7;
}

#SummaryAccordion .accordion-data {
    padding-left: 10px;
    text-align: left;
    padding-bottom: 12px;
}

#SummaryAccordion .accordion-data-bootstrapBar {
    padding-left: 10px;
    text-align: left;
}

#SummaryAccordion .accordion-data-bootstrapBar {
    padding-bottom: 10px;
}

#jobTasksList {
    padding-left:20px;
}
.progress{
    margin-left:10px;
}
.progress-bar{
    text-align:center !important;
}
.progressBarValuePrint {
    display: none;
}

#SummaryAccordion .progress-bar-success,
.wrapperRow .progress-bar-success{
    background-color:#348334;
}

#SummaryAccordion .progress-bar-info,
.wrapperRow .progress-bar-info{
    background-color:#337AB7;
}

#SummaryAccordion .progress-bar-warning,
.wrapperRow .progress-bar-warning{
    background-color:#E71E1E;
}

#SummaryAccordion .progress-bar-info{
    background-color:#337AB7;
}

.headerOccupationTitle {
    text-align: center;
    padding-left:10px;
}

#expand-collapse button {
    margin-left: 10px;
    float: left;
    font-weight: bold;
}

#regionalInfo table {
    border-collapse: collapse;
}

#regionalInfo table {
    padding: 5px !important; 
    text-align: center;
}

.contactHrBar {
    background-color: #000000;
    border-width: 0;
    color: #000000;
    height: 1px;
    line-height: 0;
    display: inline-block; 
    text-align: left; 
    width: 100%;
}

.paddingZero {
    padding: 0px !important;
}

.container .btn-info {
    background-color: #337ab7;
    border-color: #337ab7;
}

.container .btn-info:hover {
    background-color: #286090;
    border-color: #204d74;
}

#btnSearch, #btnReset {
    margin-right: 10px;
    width: 109px;
}

.container mark {
    padding: 0 !important;
}

#exTab1 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 2px solid #ddd !important;
    border-bottom-color: transparent !important;
}

#exTab1 ul.nav-tabs > li {
    margin-bottom: -2px;
}

/* Occupation Summary - Texas Regional Employment Information */
#regionalInfo .regionTitle, #texasInfo .regionTitle {
    text-align: left;
    width: 600px !important;
}

#regionalInfo .regionEmployment, .regionProjectedEmployment, .regionProjectedOpenings, .regionGrowthRate, .regionAverageIncome {
    text-align: center !important;
}


#texasInfo .regionEmployment, .regionProjectedEmployment, .regionProjectedOpenings, .regionGrowthRate, .regionAverageIncome {
    text-align: center !important;
}

#regionalInfo .regionProjectedEmploymentHeader, #texasInfo .regionProjectedEmploymentHeader {
    width: 200px !important;
    height: 42px !important; 
    white-space: pre-wrap !important;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; 
    word-wrap: break-word !important;
}

#regionalInfo .regionProjectedEmploymentHeader a, #texasInfo .regionProjectedEmploymentHeader a {
    white-space: pre-wrap;
    word-wrap: break-word;
}

#texasInfo table, 
#texasInfo tr,
#regionalInfo table,
#regionalInfo tr,
#industryEmploymentPattern table,
#industryEmploymentPattern tr,
#SummaryAccordion table {
    page-break-inside: avoid !important;
    /*page-break-after:avoid !important;*/
}

#tableIndustryPattern th,
.customTable th {
    color: #23527c;
    vertical-align: bottom;
    background-color: #f9f9f9;
    padding: 4px 5px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #DDD;
}

#tableIndustryPattern td,
.customTable td{
    width: 600px;
    padding: 4px 5px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #DDD;
}

#tableLMI {
    width:100%;
}
#tableLMI td {
    padding: 4px 5px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #DDD;
}

.LMIcolumn1{
    width:63%;
}

.LMIcolumn2{
    width:37%;
}

#tableIndustryPattern .headerEmployedPercentage,
#tableIndustryPattern .headerGrowthRate {
    text-align: center;
}

#tableIndustryPattern .columnIndustry {
    width: 800px !important;
}

#tableIndustryPattern .columnEmployedPercentage {
    width: 500px !important;
    text-align: center;
}

#tableIndustryPattern .columnGrowthRate {
    width: 300px !important;
    text-align: center;
}

/* ----------------------------------------------------------- */
/* Occupation Trends CSS */
.occupationTrendsTitle {
    width: 750px !important;
}

.occupationTrendsAnnualOpenings {
    text-align: center !important;
}

#occTrendsFindYourRegion {
    margin-right: 15px;
    margin-top:10px;
}
/* ----------------------------------------------------------- */


/* ----------------------------------------------------------- */
/* Global Search - Autocomplete UI component */
.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.combobox-container {
  position: relative;
  max-width: 275px;
}

.combobox-suggestions {
    background-color:white;
    padding-left:10px;
    position: absolute;
    z-index:999;
}
.combobox-suggestion {
  cursor: pointer;
}

.combobox-clear-button {
  /*position: absolute;
  right: 1px;
  font-family: inherit;
  font-size: 1em;
  padding: .5em;
  background: transparent*/

  position: absolute;
  background: transparent;
  border: none;
  top: 16px;
  right: 0px;
  z-index: 1000;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-right:5px;
  font-family: sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  color: gray;
  text-decoration: none;
}

.combobox-clear-button:focus {
    /*outline: -webkit-focus-ring-color auto 5px;*/

    background: #BEB9B9;
    outline: 1px solid grey;
    outline-offset: -2px;
}

.js-combobox::-ms-clear {display: none; width:0; height:0;}

.js-combobox{

  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  font-size: 1em;
  display: block;
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 12px;
  width: 100%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.js-combobox:focus{
    outline: 5px auto black !important;
    outline-offset: -2px;
    border-color: #000 !important;
    box-shadow: 0px 0px 4px 1px #000 !important;
}


.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #1f6e1f;
  border-color: #398439;
}

.btn-success {
  color: #ffffff;
  background-color: #1f6e1f;
  border-color: #4cae4c;
}

.btn-success:hover {
    color: #fce804;
    background-color: #1f6e1f;
    border-color: #4cae4c;

}

.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #973b09;
  border-color: #602705;
}

.btn-warning:hover {
    color: #fce804;
    background-color: #973b09;
    border-color: #602705;
}

.btn-warning {
  color: #ffffff;
  background-color: #973b09;
  border-color: #602705;
}

.btn-primary {
  color: #ffffff;
  background-color: #1f6e1f;
  border-color: #357ebd;
}

.btn-mySub {
  color: #ffffff;
  background-color: #1f596e;
  border-color: #030C7B;

}

.btn-mySub:hover,
.btn-mySub:focus,
.btn-mySub:active
{
    background-color:#B71C1C;
    color:white;
}



.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fce804;
  background-color: #1f6e1f;
  border-color: #285e8e;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #CFF3AA;
}
.table tbody > tr > td, .table tfoot > tr > td {
    line-height:.75;
    text-align:right;
}
.table thead > tr > html > td, .table tfoot > tr > td {
    vertical-align:text-bottom;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td {
    text-align:center;
    vertical-align:bottom;
}

.backgrid tr:nth-child(even) {background: #C5F592}
.backgrid tr:nth-child(even):hover {background: #6DD003}

.backgrid tr:nth-child(odd) {background: white}
.backgrid tr:nth-child(odd):hover {background: #C1C3C1}

 







/* ----------------------------------------------------------- */


/*PRINT*/
@media print {
    #headerContent {
        display: none !important;
    }

    #print-header {
        display: block;
        text-align: center;
    }

        #print-header p {
            font-size: 10px;
    }

    .collapse {
        height: auto !important;
        display: block !important;
    }
}


/*PDF STyles*/

 #PrintPage {
    font-family: inherit;
    font-size: 10px !important;
    }

 /*Navbar styles Default*/

    #navbarHome {
        padding-left: 0px;
        padding-right: 30px;
    }

    #navbarCareer {
        padding-right: 23px;
        padding-left: 23px;
    }

    #navbarEducation {
        padding-left: 27px;
        padding-right: 18px;
    }

    #content {
        min-height: 579px;
    }

    #navbarCareerUl li a {
        text-decoration: none;
    }

    #navbarEducationUl li a {
        padding-left: 27px;
        padding-right: 60px;
        text-decoration: none;
    }

 /*Navbar Container Responsive*/
 /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */


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

        #navbarHome {
        padding-left: 0px !important;
            padding-right: 10px !important;
        }

        #navbarCareer {
            padding-right: 10px !important;
            padding-left: 10px !important;
        }

        #navbarEducation {
            padding-left: 10px !important;
            padding-right: 0px !important;
        }
        
        #expand-collapse button {
            margin-left: 5px;
            float: left;
            font-weight: bold;
        }
        #print-page {
            padding-left: 6%;
            padding-right: 5%;
        }
             

        #searchcontainer {
            margin:10px 50px 10px 0;                                  
        }

        .TWHeader {
           padding:0 0 0 15px;
        }

       

    }

    /*IE specific styles*/
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
         /* IE10+ CSS styles go here */
        #navbarHome {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        /*.pageTitleImage {
            margin-top: -50px;
            margin-left: -15px;
        }*/
    }


    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        .menuSpacer {
        height: 21px !important;
        }

        .border-LeftBottomRight {
        min-height: 579px !important;
        }

        #content {
        min-height: 579px;
        }

       #imgFollowUs {
            width: 344px;
            height: 32px;
        }

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        #imgFollowUs {
            width: 244px;
            height: 32px;
        }

        #expand-collapse button {
            margin-left: 5px ;
            float: left;
            font-weight: bold;
        }
        #print-page {
            padding-left: 6%;
            padding-right: 5%;
        }
    }

@media only screen and (max-width: 700px) {
        #imgFollowUs {
            width: 225px;
            height: 32px;
        }

        .pageTitleImage {
            margin-top: -50px;
            margin-left: -15px;
        }
    }

@media only screen and (max-width: 650px) {
        #imgFollowUs {
            width: 210px;
            height: 32px;
        }
    }

@media only screen and (max-width: 620px) {
        #imgFollowUs {
            width: 200px;
            height: 32px;
        }

    #TexasRegionalWDAMap {
        height: 370px !important;
        width: 330px !important;
    }
}

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
       #imgFollowUs {
            width: 144px;
            height: 32px;
        }
       
        #TexasRegionalWDAMap {
            height: 170px !important;
            width: 210px !important;
        }
        #expand-collapse button {
            margin-left: 5px ;
            float: left;
            font-weight: bold;
            margin-bottom: 1px;
        }
        #print-page {
            padding-left: 40px;
            padding-right: 40px;
        }
        #expandBtn{
            padding-left: 19px;
            padding-right: 19px;
        }
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
            #imgFollowUs {
             width: 63%;
            /*width: 44px;*/
            height: 32px;
        }

         #TexasRegionalWDAMap {
        height: 100px !important;
        width: 130px !important;
        }

    }

    @media only screen and (min-device-width : 320px) and (max-device-width : 380px) { 
        #expand-collapse button {
            /*margin-right:55px;*/
            margin-bottom:5px;
        }

        #print-page {
            padding-left: 36px ;
            padding-right: 36px;
        }

        #expandBtn{
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

    }

/* Handle point at which navbar collapses */
@media (max-width: 1250px) {
    #autolink {
        padding-bottom:5px;
    }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }

}