/* 
    Document   : custom-assan.css
    Author     : JJF - PSI Information Technology
    Description: Custom CSS for Assan Boostrap Theme - CSF
    Version    : V1.0
*/


.maintenance-page {
	background-color: #fcfcfc;	
}

.maintenance-page .main-text {
	font-size: 28px;	
	line-height: 32px;	
}


.csf-order-recap h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 6px;
}

/* Fix Assan disabled pagination button - add color back, default shows up as clear */
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
  background-color: #eee;
  padding: 3px 9px;
  margin-right: 6px;
  margin-bottom: 4px;
  color: #fff;
}
.pagination > li > a {
    margin-bottom: 4px;
}


.csf-finish-wrap {
  padding: 3px 3px 20px;
  text-align: center;
}    

.csf-finish-wrap img {
	width: 250px;
	height: 112px;
}


.csf-product-page h2 {
	margin-top:1px;
}

.csf-product-page hr {
	background-image: linear-gradient(to right, #EEEEEE, #DDDDDD 50%, #EEEEEE); */
}

.csf-product-page-icon-title h4 {
	font-size:16px !important;
}

.csf-product-page-icon-title h4 i {
	font-size:16px !important;
}

.csf-product-data-table caption {
	font-weight:bold;
}

.csf-product-page div.page-title {
	padding: 4px;
	font-size:18px;
	margin-bottom:12px;
}

.csf-product-page div.intro {
	padding: 4px;
	margin-bottom:12px;
}

.csf-product-page-add-info {
	width: 170px;
	line-height:25px;
	display: inline;
	white-space: nowrap;
}

.csf-product-page-add-info .info-label {
	font-weight:normal; 
	font-size:84%; 
	margin-right:8px; 
	text-align: right;
	display: inline;
}

.csf-product-page-add-info .info-data {
	font-weight:bold; 
	font-size:84%; 
	display: inline;
}

.blue-bg {
	padding-top:40px;
	padding-bottom:40px;
}

#search-results-list .results-box .results-image {
	height: 160px;
}

#search-results-list .results-box .btn {
	padding: 8px 12px 8px 12px;
	margin-bottom: 0;
	margin-top: 1px;
	font-size: 13px;
	color: whitesmoke;
}

#td_Notes_Label div {
	margin-top: 12px !important;
	margin-bottom: -6px !important;
}


.btn {
	text-transform: none;	
	font-size: 110%;	
}

.CSF-vertical-title {
  color: #fff;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 2px;
  font-size: 52px !important;
	font-family: 'Times New Roman' !important;	
	margin-bottom: 36px;
}

p.CSF-service-box {
	padding-left: 24px;
}

body {
	font-family: 'Open Sans', 'Roboto', 'Noto Sans', sans-serif;	
}

.vertical-title {
	color: #fff;
	font-weight: 500;
	text-transform: none;
	font-size: 42px !important;
	font-family: 'Open Sans', 'Roboto', 'Noto Sans', sans-serif !important;	
}

.vertical-caption-larger {
    font-size: 26px;
}

.vertical-caption-small {
    font-size: 14px;
}

.vertical-caption-smaller {
    font-size: 13px;
    line-height: 21px;
}

#header-top {
  /* background-color: #f1f1f1; */
}

.navbar-default {
	padding: 12px;
}

.navbar-default .navbar-nav > li > a {
  text-transform: none;
}

.navbar .dropdown-menu li.break-top {
  border-top: 1px solid #AAAABA; 
}

.navbar .dropdown-menu li.break-bottom {
  border-bottom: 1px solid #AAAABA; 
}

.navbar .dropdown-menu li a {
  text-transform: none;
}

.navbar-brand img {
  width: auto;
  height: 36px; 
  margin-top:-6px
}

a.navbar-brand div {
  display:inline;
  font-size: 25px;
  font-weight: 100;
  font-family: "Franklin Gothic", Helvetica, Arial;
  color: #555577;
  margin-left: 10px; 
  text-transform: uppercase;
	text-size-adjust: 80%;
}


#footer {
	background:#222240;
	color:#999999;
	padding-top: 24px;
}

#footer a {
  color: #9999A2 !important;
}

#footer a:hover {
  background: #444455;
}


.footer-col p {
	color:#999999;
  margin-bottom: 8px;
  line-height: 1.6em;
}

.footer-col h3 {
  margin-bottom: 16px;
}

.footer-btm {
	background:#222240;
	color:#999999;
  margin-top: 1px;
  padding-top: 10px;
}


.footer-col h3:first-letter {
  border-bottom: 1px solid #222240; 
}

/****vertical slider****/
.vertical-title {
    font-weight: 500;
    text-transform: none;
    font-size: 52px;
}


#footer a {
  color: #9999A2 !important;
}

a {
  color: #337ab7;
}

#footer a:hover {
  background: #444455;
}

.tparrows {
	display:none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

h1 {
  font-size: 2.5em;
  line-height: 44px;
  margin: 28px 0 14px 0;
}

h2 {
	font-size:2.0em;
  margin: 26px 0 14px 0;
  color: #555555;
}

h3 {
	font-size:1.6em;
  margin: 22px 0 14px 0;
  color: #444455;
}


h3.heading {
  padding-top: 2px;
  margin-bottom: 5px;
  padding-bottom: 0;
}

dt {
	margin-left: 16px; 
}

dd {
	margin-left: 32px;
	margin-bottom: 24px;
}

.breadcrumb-wrap {
  padding: 12px 0;
  /* background-color: #f3f3f9; */
  border-top: 1px solid #d2d3e4;
  border-bottom: 1px solid #d2d3e4;
  /* background-image: url(/images/bc-bg.png); */
  background-image: linear-gradient(to right, #f3f3f9, #e3e3e9 50%, #f3f3f9)
}


.breadcrumb-wrap h4 {
  margin: 0px;
  font-size: 21px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 2px;
  font-family: "Open Sans", sans-serif;
  /* background-image: url(../images/shadow-bg-blue-2.png); */
}

.fontsize6 { font-size:6px !important ;}
.fontsize8 { font-size:8px !important ;}
.fontsize10 { font-size:10px !important ;}
.fontsize12 { font-size:12px !important ;}
.fontsize13 { font-size:13px !important ;}
.fontsize14 { font-size:14px !important ;}
.fontsize16 { font-size:16px !important ;}
.fontsize18 { font-size:18px !important ;}
.fontsize20 { font-size:20px !important ;}
.fontsize24 { font-size:24px !important ;}
.fontsize32 { font-size:32px !important ;}  
.fontsize40 { font-size:40px !important ;}  
.fontsize48 { font-size:48px !important ;}  
.fontsize60 { font-size:60px !important ;}  

.fontweight200 { font-weight:200; }
.fontweight300 { font-weight:300; }
.fontweight600 { font-weight:600; }

.top-24 { margin-top:-24px!important ;}
.top-16 { margin-top:-16px!important ;}
.top-12 { margin-top:-12px!important ;}
.top-8 { margin-top:-8px!important ;}
.top-2 { margin-top:-2px!important ;}
.top0 { margin-top:0!important ;}
.top2 { margin-top:2px !important ;}
.top4 { margin-top:4px !important ;}
.top6 { margin-top:6px !important ;}
.top8 { margin-top:8px !important ;}
.top10 { margin-top:10px !important ;}
.top12 { margin-top:12px !important ;}
.top16 { margin-top:16px !important ;}
.top24 { margin-top:24px !important ;}
.top32 { margin-top:32px !important ;}  
.top48 { margin-top:48px !important ;}  
.top60 { margin-top:60px !important ;}  

.right6 { margin-right:6px !important ;}
.right8 { margin-right:8px !important ;}
.right10 { margin-right:10px !important ;}
.right12 { margin-right:12px !important ;}
.right16 { margin-right:16px !important ;}
.right24 { margin-right:24px !important ;}
.right32 { margin-right:32px !important ;}  
.right48 { margin-right:48px !important ;}  
.right60 { margin-right:60px !important ;}  
.right200 { margin-right:200px !important ;}  

.bottom-2 { margin-bottom:-2px !important ;}
.bottom2 { margin-bottom:2px !important ;}
.bottom4 { margin-bottom:4px !important ;}
.bottom6 { margin-bottom:6px !important ;}
.bottom8 { margin-bottom:8px !important ;}
.bottom10 { margin-bottom:10px !important ;}
.bottom12 { margin-bottom:12px !important ;}
.bottom16 { margin-bottom:16px !important ;}
.bottom24 { margin-bottom:24px !important ;}
.bottom32 { margin-bottom:32px !important ;}  
.bottom48 { margin-bottom:48px !important ;}  
.bottom60 { margin-bottom:60px !important ;}  

.left-16 { margin-left:-16px!important ;}
.left-12 { margin-left:-12px!important ;}
.left-8 { margin-left:-8px!important ;}
.left-6 { margin-left:-6px!important ;}
.left-4 { margin-left:-4px!important ;}
.left-2 { margin-left:-2px!important ;}
.left0 { margin-left:0!important ;}
.left2 { margin-left:2px !important ;}
.left4 { margin-left:4px !important ;}
.left6 { margin-left:6px !important ;}
.left8 { margin-left:8px !important ;}
.left10 { margin-left:10px !important ;}
.left12 { margin-left:12px !important ;}
.left16 { margin-left:16px !important ;}
.left24 { margin-left:24px !important ;}
.left32 { margin-left:32px !important ;}  
.left48 { margin-left:48px !important ;}  
.left60 { margin-left:60px !important ;}  
.left200 { margin-left:200px !important ;}  

.pad0 { padding:0; }
.pad6 { padding:6px; }
.pad8 { padding:8px; }
.pad16 { padding:16px; }
.pad24 { padding:24px; }
.pad32 { padding:32px; }  
.pad48 { padding:48px; }  
.pad60 { padding:60px; }  

.toppad0 { padding-top:0; }
.toppad6 { padding-top:6px; }
.toppad8 { padding-top:8px; }
.toppad16 { padding-top:16px; }
.toppad24 { padding-top:24px; }
.toppad32 { padding-top:32px; }  

.leftpad0 { padding-left:0; }
.leftpad6 { padding-left:6px; }
.leftpad8 { padding-left:8px; }
.leftpad16 { padding-left:16px; }
.leftpad24 { padding-left:24px; }
.leftpad32 { padding-left:32px; }  
.leftpad48 { padding-left:48px; }  
.leftpad60 { padding-left:60px; }  

.rightpad0 { padding-right:0px !important; }
.rightpad6 { padding-right:6px !important; }
.rightpad8 { padding-right:8px !important; }
.rightpad12 { padding-right:12px !important; }
.rightpad16 { padding-right:16px !important; }
.rightpad24 { padding-right:24px !important; }
.rightpad32 { padding-right:32px !important; }  
.rightpad48 { padding-right:48px !important; }  
.rightpad60 { padding-right:60px !important; }  

.bottompad0 { padding-bottom:0px !important; }
.bottompad6 { padding-bottom:6px !important; }
.bottompad8 { padding-bottom:8px !important; }
.bottompad16 { padding-bottom:16px !important; }
.bottompad18 { padding-bottom:18px !important; }
.bottompad24 { padding-bottom:24px !important; }
.bottompad32 { padding-bottom:32px !important; }  

.pad6 { padding:6px; }
.pad8 { padding:8px; }
.pad16 { padding:16px; }
.pad24 { padding:24px; }
.pad32 { padding:32px; }  

.max50 {max-width:50%}
.max60 {max-width:60%}
.max70 {max-width:70%}
.max80 {max-width:80%}
.max90 {max-width:90%}

.lineHeightShort {
  line-height: 20px;
}


.service-box h3 {
	margin-top:1px;
	font-size: 20px;
  font-weight: 500;
}

.service-box h3.landing-search {
	margin-top:12px;
	font-size: 24px;
	text-transform: none;
  margin-bottom: 15px;
}

.service-box i {
    background-color: #f2f4f7;
}

img.landing-search {
  width: auto;
  height: 123px; 
}

select, 
	textarea, 
	input[type="text"], 
	input[type="password"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="date"], 
	input[type="month"], 
	input[type="time"], 
	input[type="week"], 
	input[type="number"], 
	input[type="email"], 
	input[type="url"], 
	input[type="search"], 
	input[type="tel"], 
	input[type="color"], 
	.form-control
{
		color: #111111 !important;
		font-size: 13.5px !important;
		background-color: AliceBlue !important;
}


.form_title h3 {
	font-size:24px; 
	font-weight:500;
}


/* Sweet Alert Popup Overrides */

.sweet-alert h2 {
	font-size: 24px;
	color:#333333;
}

.sweet-alert button.cancel {
	background: #DD3030;
}

/* Sweet Alert Popup - Allow Embedded INPUT tags in text */

.sweet-alert input.embedded_input {
   display: initial;
   width: auto;
   height: auto;
   margin: auto;
}

.sweet-alert p {
  color: #111111;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}


::selection {
    background: #e5e5e5;
    color: #555555;
}


.btn {
	text-transform: none;	
	font-size: 110%;	
}

.CSF-vertical-title {
  color: #fff;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 2px;
  font-size: 52px !important;
	font-family: 'Times New Roman' !important;	
	margin-bottom: 36px;
}

p.CSF-service-box {
	padding-left: 24px;
}

body {
	font-family: 'Open Sans', 'Roboto', 'Noto Sans', sans-serif;	
}



.vertical-title {
	color: #fff;
	font-weight: 500;
	text-transform: none;
	font-size: 42px !important;
	font-family: 'Open Sans', 'Roboto', 'Noto Sans', sans-serif !important;	
}

.vertical-caption-larger {
    font-size: 26px;
}


#footer {
	background:#222240;
	color:#999999;
	padding-top: 24px;
}

.footer-col p {
	color:#999999;
  margin-bottom: 8px;
  line-height: 1.6em;
}

.footer-col h3 {
  margin-bottom: 16px;
}

.footer-btm {
	background:#222240;
	color:#999999;
  margin-top: 1px;
  padding-top: 10px;
}


.footer-col h3:first-letter {
  border-bottom: 1px solid #222240; 
}

/****vertical slider****/
.vertical-title {
    font-weight: 500;
    text-transform: none;
    font-size: 52px;
}



a {
  color: #337ab7;
}


.tparrows {
	display:none;
}

/*
.breadcrumb-wrap {
    padding: 20px 0;
}

.breadcrumb-wrap h4 {
  margin: 0px;
  font-size: 32px;
  font-weight: 300;
  text-transform: none;
  letter-spacing: 2px;
  font-family: "Open Sans", sans-serif;
  /* background-image: url(../images/shadow-bg-blue-2.png); */
}
*/

.service-box h3 {
	margin-top:1px;
	font-size: 20px;
  font-weight: 500;
}

.service-box h3.landing-search {
	margin-top:12px;
	font-size: 24px;
	text-transform: none;
  margin-bottom: 15px;
}

.service-box i {
    background-color: #f2f4f7;
}

img.landing-search {
  width: auto;
  height: 123px; 
}

.product-img-title {
	border-bottom: solid 1px #eeeeee;
	padding:4px; 
	margin-bottom:16px;
	font-size:16px; 
	font-weight:600;
}

.product-img-large {
	margin-bottom:48px;
}


.cfgsol-image-link {
	margin:24px;
}

.cfgsol-image-link img {
	max-height:240px;
	border:none;
	padding:24px;
}

.cfgsol-cust-page img {
   max-height: 110px;
   max-width: 160px;
   margin: 8px 24px 16px 0;
   border: none;
}