/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html, body, form {height: 100%;}

#wrap {min-height: 100%;}

html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family:  Arial, Helvetica, sans-serif;
  color: #747b80;
  margin: 0px;
}

#container {
	border: 0;
	width: 100%;
	height: 100%;
	text-align: left;
	left: 0px;
	margin: 0 auto;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
 }
h1 { font-size: 4.0rem; line-height: 1.2; color: #747b80; font-weight: 400;}
h2 { font-size: 3.6rem; line-height: 1.25; font-weight: 300;  }
h3 { font-size: 3.0rem; line-height: 1.3;  font-weight: 300; }
h4 { font-size: 2.4rem; line-height: 1.35;  font-weight: 400; color:#ee3c24}
h5 { font-size: 1.8rem; line-height: 1.5;  font-weight: 400;}
h6 { font-size: 1.5rem; line-height: 1.6; font-weight: 400;}

h2.subtitle_content {
	font-size: 12px;
	font-weight: bold;
	color: #4c4942;
	margin-bottom: 10px;
}
h2.subtitle_content_filds {
	font-size: 12px;
	font-weight: bold;
    color: #4c4942;
	margin-top: 15px;
}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 4.0rem; }
  h2 { font-size: 3.6rem; }
  h3 { font-size: 3.0rem; }
  h4 { font-size: 2.4rem; }
  h5 { font-size: 1.8rem; }
  h6 { font-size: 1.5rem; }
}

/*p {
  margin-top: 0; }*/

.red {
    color:#ee3c24;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #ee3c24; }
a:hover {
  color: #c8331f; }
.mandatory {
	color: #f00;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #fff;
  background-color: #ee3c24;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid #ee3c24;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #fff;
  background-color:#c8331f;
  border: 1px solid #c8331f ;
  outline: 0; }

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.button:focus,
button:focus,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  color: #ee3c24;
  background-color: transparent;
  border: 1px solid #ee3c24 ;
  outline: 0; }

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
 background-color: #ee3c24;
  color: #fff;
  border: 1px solid #ee3c24;}



.button.button-secondary,
button.button-secondary,
input[type="submit"].button-secondary,
input[type="reset"].button-secondary,
input[type="button"].button-secondary {
 background-color: #a7a9ac;
  color: #fff;
  border: 1px solid #a7a9ac;}

.button.button-secondary:hover,
button.button-secondary:hover,
input[type="submit"].button-secondary:hover,
input[type="reset"].button-secondary:hover,
input[type="button"].button-secondary:hover,
.button.button-secondary:focus,
button.button-secondary:focus,
input[type="submit"].button-secondary:focus,
input[type="reset"].button-secondary:focus,
input[type="button"].button-secondary:focus {
   color: #fff;
  background-color:#747b80;
  border: 1px solid #747b80;
  outline: 0; }

.button.button-secondary:active,
button.button-secondary:active,
input[type="submit"].button-secondary:active,
input[type="reset"].button-secondary:active,
input[type="button"].button-secondary:active {
   color: #747b80;
  background-color: transparent;
  border: 1px solid #a7a9ac;
  outline: 0; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  color: #747b80;
  border: 1px solid #acaeb0;
  box-shadow: none;
  box-sizing: border-box;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #747b80;
  outline: 0; }
label,
legend {
  margin-bottom: .5rem;
  font-weight: 600;
  margin-left: .5rem;
}
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
 
  text-align: left;}
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
p,
ul,
ol {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-width: 0;
  border-top: 1px solid #dbdbdb; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}

/*------------Custom Styles-----------------------------------------*/

.header {
    border-top: 20px solid #757c81;
    margin-bottom: 25px;
}
#headerText{
    margin-top: 4%;
    text-align: right;
}
.dropdown select {
    width:95%;
}
.dropdown p {
    margin-bottom: 0;
}
.checkbox label {
    display: inline;
    font-weight: 400;
    margin-left: 2px;
}
footer {
    background-color: #757c81;
    color: #fff;
    font-size: 11px;
    text-transform:uppercase;
    line-height: 20px;
    padding: 10px;
    height: 20px;
    position: relative;
	margin-top: -40px; /* negative value of footer height */
	clear:both;
}
footer a {
    color: white;
    text-decoration: none;
}
#visible_area{
    overflow:auto;
	padding-bottom: 20px;
}

/* Spinner */
.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #333;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

/*------------Search Results-----------------------------------------*/
.searchResults {
    margin-bottom: 20px;
}
span.txt_results, span.txt_results:visited, span.txt_results:active {
	color: #ee3c24!important;
	padding-left: 5px;
   cursor: hand;
   text-decoration: none;
   font-weight: 600;
   font-size: .8em;
}
span.txt_results:hover {
	color: #c8331f;
	text-decoration: none;
}
.career_search_results_box {
	border: 1px solid #a2a7ab;
}
.career_search_results_box_bootomline 
{
   padding: 0!important;
    }
.career_search_results {
    background-color: #e6e7e8;
	height: 38px;
	text-decoration: none !important;

}

.career_search_results_left {float:left; margin: 8px 0 10px 0;}
.career_search_results_right {float:right; margin: 4px 0 4px 0;}
.career_search_results_left a.size11 {
	font-size: 11px;
	font-weight: normal;
	padding-left: 3px;
}
.search_for a.txt_link_nospace {
	margin: 0;
	padding: 0;
}


a.txt_link {
	color: #ee3c24;
	padding-left: 2px;
	}
a.txt_link:link, 
a.txt_link:visited,
a.txt_link:active {
	color: #ee3c24;
	}
a.txt_link:hover {
	color: #c8331f;
	text-decoration: none;
	}

.paging a
{
	color: #ee3c24;
	padding-left: 2px;
	padding-right: 2px;
}

.paging span
{
    content: 'mama';
	color: #000000;
	padding-left: 2px;
	padding-right: 2px;
}


a.apply_for {
	display: block;
	height: 30px;
	width: 169px;
}
/*------------Search Results-----------------------------------------*/
.career_search_details {	
	clear:both;
	float:right;	
	background-repeat: repeat-x;
	background-position: left -35px;
	background-color: #ddddff;
	margin-top: -1px;
	width: 533px;
	border-left: 1px solid #a7c1e1;
	border-right: 1px solid #a7c1e1;
	border-bottom: 1px solid #a7c1e1;
}
html .career_search_details {
	max-width: 532px;
}
.career_search_details_left {float:left; margin: 8px 0 8px 0px;}
.career_search_details_right {float:right;}
.career_search_details_right a {
    padding: 10px;
}
.career_search_details_interior {
   clear:both;
	padding: 10px 7px 2px 7px !important;	
}
.career_search_details  a.txt_link:hover {
	color: #ee3c24;
	text-decoration: none;
	}

.career_search_details_txt {
	font-weight: normal;
}
.career_search_details_txt span {
	color: #747b80;
	font-size: 11px;
}
.career_search_details_list td {		
	padding: 5px 3px 3px 0 !important;
	font-weight: normal;
	vertical-align: top;
}
#results ul {
    list-style-type: none;
}
#results li {
    margin-bottom: 20px;
}
.expanded {
    margin-bottom: 15%;
}
#emptyState {
    height: 200px;
}
#emptyState h4 {
    margin-top: 100px
}
/*----------------------Search Results BUTTONS--------------------------------*/
a.un_check_all {
	padding: 3px 0 4px 0;
	text-align: center;
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
	background-repeat: repeat-x;
	background-position: left top;
	margin: 4px 4px 0 0;
	text-decoration: none !important;
	cursor: pointer;
	position: relative;
	font-weight: bold;
}

.expand_det, .hide_det {
	width: 103px;
	padding: 4px 0 4px 0;
	margin: 2px 4px 0 0;
	background-color: #ee3c24;
	border: 1px solid #ee3c24;
	color: #ffffff;
	display: block;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
    font-weight: 600;
}
.expand_det:visited, .expand_det:active, .expand_det:hover,
.hide_det:visited, .hide_det:active, .hide_det:hover 
{
	color: #ffffff!important;
	text-decoration: none!important;
	}


.hide_all_det {
	width: 108px;	
	border: 1px solid #ee3c24;
	color: #fff;
}
.expand_all_det {
	width: 125px;	
	border: 1px solid #ee3c24;
	color: #fff;
}

/*----------------------Search Results Pager --------------------------------*/
#pager {
    margin-left: 0;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
}


.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  cursor: default;
  color: #747b80;

}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/*----------------------Search Results Sample Title---------------------------*/

.career_search_results_box_red {
    margin: 10px 0 10px 0;
	border: 1px solid #e08771;
    background-color: #FFDBD2;
}
.career_search_results_red {
	height: 38px;
	font-weight: bold;
	text-decoration: none !important;
 
}

/*----------------------Page Options----------------------------*/

.page_options td {
	padding: 3px 5px 3px 0;
	vertical-align: middle;
}
.page_options a {
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	color: #ee3c24;
}
.page_options a:link, 
.page_options a:visited,
.page_options a:active {
	color: #ee3c24;
	text-decoration: underline;
}
.page_options a:hover {
	color: #c8331f;
	text-decoration: none;
}
.career_search_results_right {
    float: right;
}
.career_search_results_left {
    float: left;
}

/*------------Search Option-----------------------------------------*/

.career_search_option 
{
	height: 38px;
	font-weight: bold;
}

.career_search_option_left {
    float:left; margin: 8px 0 8px 5px; 
    border-bottom: 1px solid #a7a9ac;
    color: #747b80;

}
/* -------- Verify -----------*/
.verify {border: 1px solid #dadada; background: url(../images/utils/bg-box-verify.png) 0 100% repeat-x; margin-bottom: 20px; margin-top: 5px; }
.verify .wrap { padding: 10px 0 10px 10px;}
.verify .logo-verify {margin-bottom: 5px;}
.verify .wrap p {margin-bottom: 3px;}
.verify .sep {font-size:1px; height: 1px; line-height: 1px; background: #dadada; margin-right: 10px; margin-top: 5px; margin-bottom: 5px;}
.verify .wrap p.last span {text-transform: none;}
.verify a {text-transform: uppercase; background: url(../images/icons/icn-arrow-down.png) 100% 5px no-repeat; padding: 0 10px 0 0; margin-right: 5px; color: #ff3300}
.verify a:hover { text-decoration: none;}

/*------------------JOB Details---------------------------------*/
.job_details_list {
	width: 100%;
	border: 0;
}
.job_details_list td {
	vertical-align: top;
	padding: 4px 0 4px 0;
}
.job_details_description {
	line-height: 18px;
	padding: 0 0 0 0!important;
	margin: -3px 0 0 0!important;
}
ul.job_list {
	list-style-position: inside;
	line-height: 18px;
	margin-top: -3px;
}

/*-----------------------Content FIELDS------------------------*/
table.content_fields {
	width: 100%;
	border: 0;
}
table.content_fields p {
	line-height: 16px!important;
	padding: 0!important;
}
table.content_fields td {
	padding: 4px 0 4px 0;
}
.fields_ex {
	padding-left: 5px;
}
.fields_notice {
	padding: 10px 0 10px 0!important;
}
.inputlong30 {width: 30px;}
.inputlong60 {width: 60px;}
.inputlong80 {width: 80px;}
.inputlong100 {width: 100px;}
.inputlong120 {width: 120px;}
.inputlong140 {width: 140px;}
.inputlong160 {width: 160px;}
.inputlong180 {width: 180px;}
.inputlong200 {width: 200px;}

.dotted_content {
	height: 10px;
	background-image: url(../images/bg/bg_line_content.gif);
	background-position: center left;
	background-repeat: repeat-x;
}
/*-----------------------Career Opportunities-------------------*/
.quick_menu {
	vertical-align: middle;
	padding: 0px 0 0px 10px;
	height: 20px;
}
.quick_menu a {
	text-decoration: none;
	font-weight: normal;
}
.quick_menu  a:link, 
.quick_menu  a:visited,
.quick_menu  a:active {
	text-decoration: none;
	}
.quick_menu  a:hover {
	color: #ff3300;
	}
.content_spacing {
	padding: 17px 25px 0px 25px;
}

.content_spacing a {
	text-decoration: underline;
}


.content_spacing ul {
	margin: 0px 35px 15px 35px;
}
.content_spacing ul li {
	line-height: 18px;
}
.img_diversity {
	float: right;
	border: 2px solid #cccccc;
	padding: 4px;
	margin-left: 15px;
	width: 200px;
}
.title_spacing {
	padding: 35px 25px 0px 24px;
}
.title_spacing h2 {
	color: #ff3300;
	font-size: 18px;	
}
.title_spacing h3 {
	font-weight: bold;
	font-size: 11px;
	padding: 2px 0 0 1px;
	margin-bottom: 10px;
	color: #333333;
}
.content_spacing td {
	vertical-align: middle;
}

.search_for_results {
    text-align: center;
}
.search_for_input {
	width: 150px;
}
.list_of_locations td {
	vertical-align: middle;
	text-align: left;
}
.txt_behind {
	font-size: 12px;
}

/* --------------------Accordion ----------------*/
.collapsible-item {
  margin-bottom: 10px;
}

.collapsible-item .title {
    float: left;
  margin: 8px 0 8px 5px;
  border-bottom: 1px solid #a7a9ac;
  color: #747b80;
  cursor: pointer;
  font-weight: bold;
}

.collapsible-item .title .icon {
  float: right;
  height: 20px;
  width: 20px;
  padding-right: 1px;
}
.icon {
    margin-top: 5px;
    margin-left: 3px;
}

.collapsible-item .title .iconleft {
  float: left !important;
}

.collapsible-item .title.disabled {
  background: #eee;
  color: #999;
  cursor: text;
}

.collapsible-item .body {
  position: relative;
  top: -4px;
  max-height: 0;
  overflow: hidden;
  border-top: 0;
  z-index: -1;
  width: 100%;

}


.collapsible-item.open .body {
  max-height: 1000px;
  z-index: 1;
}

.collapsible-item.open .title {
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}