/**
 * Don't forget ...
 * restorecon -R images/
 */

a { color: #3a859a; word-break: break-word; }
a:hover { color: #2eabce; }
a:focus { color: #2eabce; } 

label.option { cursor: pointer; }

#container {min-height: 250px; }
#body .content { font-size: 16px; }

input[type="text"], input[type="password"], input[type="email"], select { width: -webkit-fill-available !important; width: -moz-available !important; width: 100%; }

.errors input, .form-item input.error, .form-item textarea.error, .form-item select.error, .form-item select.error + .chosen-container a {
    border: 0px solid red;
    outline: 1px solid red !important;
}

.webform-component-date .form-type-select { width: 225px; display: inline-block !important; }

.webform-component-checkboxes .form-item, .webform-component-radios .form-item { display: inline-block; margin-right: 15px; }

/* input[type="text"], input[type="password"], input[type="email"], select { width: -webkit-fill-available !important; width: -moz-available !important; } */

/* a:visited { color: #660099; } */

#superfish-1 .fa { line-height: 18px; }
#superfish-1-accordion .fa, #superfish-1 .fa, #dropdown-login .fa { font-family: "Open Sans", sans-serif; position: relative; }
#superfish-1-accordion .fa.tweak, #superfish-1 .fa.tweak, #dropdown-login .fa.tweak  { padding-left: 40px; }
#superfish-1-accordion .fa:before, #superfish-1 .fa:before, #dropdown-login .fa:before {
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    left: 12px;
    font-weight: 400;
}

/* #layerslider_1 .ls-inner {
  background-image: url('/sites/abp/files/images/slides/home-big.jpg');
} */

.box-certified {
  background: url(../../../files/images/lg_seal_background.png) no-repeat right -30px #fff;
  border-left: 5px solid #3a859a; 
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 80px;
  padding-left: 20px;
  height: auto;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .box-certified { min-height: 120px; }
}

.box-green {
  
}

.button-container {
  list-style: none outside none;
  margin: 0;
  text-transform: uppercase;
  background: url('../../../files/images/transparency.png') repeat transparent;
}
.button-container li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding: 20px;
  margin: 0px;
}

.button-container li:hover { background: none repeat rgba(255,255,255,.75); }

.button-desc {
  margin-bottom: 15px;
  font-weight: 600;
}

/* .button-container .sm_orange_button_text,
.button-container .orange_button_text { width: 190px; } */


/* Buttons */

a.simple_button {
	-moz-box-shadow:inset 0px 0px 18px 0px #474747;
	-webkit-box-shadow:inset 0px 0px 18px 0px #474747;
	box-shadow:inset 0px 0px 18px 0px #474747;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #3a859a) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #3a859a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#3a859a');
	background-color:#79bbff;
	-webkit-border-top-left-radius:37px;
	-moz-border-radius-topleft:37px;
	border-top-left-radius:37px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:37px;
	-moz-border-radius-bottomright:37px;
	border-bottom-right-radius:37px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px !important;
	width:140px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 0px #a3bad1;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
	margin-right: 10px;
}

a.simple_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3a859a), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #3a859a 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a859a', endColorstr='#79bbff');
	background-color:#3a859a;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}

a.simple_button:active {
	position:relative;
	top:1px;
}

/* Complex Buttons ----------------------------------- */

#verifyCert_button {
  float: left;
}

@media only screen and (max-width: 479px) {
  #verifyCert_button {
    margin-right: -45px;
  }
}

span.button_text {
	display: block;
	text-align: center;
	padding: 13px 0 17px 0;
	color: white;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 1em;
	/* font-family: 'Montserrat', sans-serif; */
}

.two_lines span.button_text { padding: 5px 0 !important; line-height: 1em !important; }

.button_wrap { width: 720px; margin: 0 auto; }

@media only screen and (max-width: 479px) {
  .button_wrap {
    width: 300px;
  }
}


/* Orange Complex Buttons */

.float_wrap_orange { min-width: 226px; margin: 10px; }

.orange_button { 
	height: 45px; 
	display: block;
	text-decoration: none !important;
	color: white !important;
	float: left;
	width: 100%
}

.orange_button_icon {
        width: 50px;
        height: 45px;
        background: url('../../../files/images/icons/orange_button_arrow_l_redused.png') no-repeat center right transparent;
        background-color: #ff9000;
        float:left;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}


.orange_button_icon img {
        position: relative;
        display: block;
        margin: 12px auto 0px auto;
}

.orange_button_text {
        width: 240px;
        height: 45px;
        background: url('../../../files/images/icons/orange_button_arrow_r.png') no-repeat left center
 transparent;
        background-color: #405158;
        float: left;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.orange_button_text a { background: url('../../../files/images/icons/orange_button_arrow_r.png') no-repeat left center transparent; }

.orange_button_text img {
        float: left;
        margin-top: 16px;
}

.float_wrap_orange:hover .orange_button_icon {
        background: url('../../../files/images/icons/orange_button_arrow_l.png') no-repeat center right transparent;
        background-color: #405158;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.float_wrap_orange:hover .orange_button_text {
        background-color: #ff9000;
        color: white;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

/* Sm Orange Complex Buttons */

.float_wrap_sm_orange { margin: 10px !important;}
.cert_buttons { min-width: 220px !important; }

.sm_orange_button_text {
        width: 170px;
        height: 45px;
        background: url('../../../files/images/icons/orange_button_arrow_r.png') no-repeat left center transparent;
        background-color: #405158;
        float: left;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
	color: white;
}

.sm_orange_button_text img {
        float: left;
        margin-top: 16px;
}

.float_wrap_sm_orange:hover .orange_button_icon {
        background: url('../../../files/images/icons/orange_button_arrow_l.png') no-repeat center right transparent;
        background-color: #405158;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.float_wrap_sm_orange:hover .sm_orange_button_text {
        background-color: #ff9000;
        color: white;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.float_wrap_sm_orange:active .sm_orange_button_text, .float_wrap_orange:active .orange_button_icon, .float_wrap_orange:active .orange_button_text, .float_wrap_sm_orange:active .orange_button_icon {
        background-color: #ff9000;
        color: white;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

/* Blue Complex Buttons */

.float_wrap_blue { min-width: 280px; float: left; margin: 10px; }

.blue_button_icon {
        width: 50px;
        height: 45px;
        background: url('../../../files/images/icons/blue_button_arrow_l.png') no-repeat center right transparent;
        background-color: #3a859a;
        float: left;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}


.blue_button_icon .check_icon {
        position: relative;
        display: block;
        margin: 0px auto 0px auto;
	padding: 15px 0 18px 0;
}

.blue_button_icon img {
	position: relative;
	display: block;
	margin: 0px auto 0 auto;
	padding: 13px 0 20px 0;
}

.blue_button_text {
        width: 225px;
        height: 45px;
        background: url('../../../files/images/icons/blue_button_arrow_r.png') no-repeat left center transparent;
        background-color: #405158;
        float: left;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.blue_button { display: block; text-decoration: none; }

.float_wrap_blue:hover .blue_button_icon {
        background: url('../../../files/images/icons/blue_button_arrow_l.png') no-repeat center right transparent;
        background-color: #405158;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.float_wrap_blue:hover .blue_button_text {
        background-color: #3a859a;
        color: white;
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
}

.float_wrap_blue:active .blue_button_icon, .blue_button:active .blue_button_text {
        background-color: #3a859a;
        color: white;
}

/* Accordion and Tabs for FAQs */

.ui-tabs .ui-tabs-panel, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs {
	background-color: #f7f7f7;
}

/* .ui-accordion .ui-accordion-content { background: url('../../../files/images/background.png') repeat; */

.jquery-ui-filter-accordion .ui-accordion-header-active  {
	background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
}

.ui-widget-content a { color: #3a859a; }
.ui-widget-content a:hover { color: #2eabce; }

/* Tables */

table.border th { border: 1px solid black; }
table.border tr td { 
	border: 1px solid black;
	padding: 0 5px;
	background: url('../../../files/images/transparency.png') repeat transparent;
}

table { margin-left: auto; margin-right: auto; width: 100%; }

/* Lists */

ul { color: #556970; }

ul.button-container > li { line-height: 18px; }

ul.content_button > li { line-height: 18px; margin-bottom: 12px; }

ul.content_button {
	background: url('../../../files/images/transparency.png') repeat transparent;
	margin-left: 0px;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
}

ul.content_button > li.first { border-top: 0px solid #dbdbdb; }

ul.content_button > li {
	border-top: 1px solid #dbdbdb;
	padding: 10px 25px 10px 25px; 
	list-style-type: none;
	margin-bottom: 0px !important;
}

ul.content_button > li:hover { background-color: rgba(255,255,255,.75); }

/** Your killin me -> **/
#node-283 li { line-height: 18px; }

/* Text Area Callouts */

div.text_area {
	padding: 20px 20px 0 20px;
	background: url('../../../files/images/blue_transparency.png') repeat transparent;
	margin: 20px 0;
/*	border-radius: 10px;
	-webkit-border-radius: 10px; */
	box-shadow: 0px 20px 12px -20px #000;
	-webkit-box-shadow: 0px 20px 12px -18px #000;
	border: 2px solid #3a859a;
}

/* Popup Page Styling */
#popup_page { padding: 15px; }
#popup_page a.print-page { display: none; }

/* File Entity Stylings */
span.file a {
  padding: 25px;
  display: inline-block;
  border: 1px solid #c1c1c1;
  position: relative;
  background: hsla(0,0%,97%,1);
  border-radius: 5px;
  margin-top: 20px;
  transition: all 0.5s ease;
}

span.file a:hover {
  background: #3a859a;
  color: white;
  transition: all 0.5s ease;
}

span.file img {
  position: absolute;
  display: block;
  z-index: 2;
  margin: 49px 15px;
}

textarea.cke_source { white-space: pre-wrap !important; }

.ajax-spinner-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(200, 200, 200, .4);
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    text-align: center;
    overflow: hidden;
    z-index: 2;
    border-radius: 5px;
}
#vc-pd-ajax-spinner-wrap { transition: all 0.5s ease; }
.ajax-spinner-wrap .fa-spin {
  position: absolute;
  margin: auto;
  max-height: 48px;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  font-size: 48px;
}

#hidden-input { position: absolute; top: 0px; right: 0px; opacity: 0; }

/* For the buttons that go to two lines on this smaller size */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.two_lines_resize span.button_text { padding: 7px 0; line-height: 1em !important; }
}

@media only screen and (max-width: 479px) {
  #block-system-main img {
    float: none !important;
    display: block;
  }

}

