/**
 * Filename: css.css
 * @author Sven Philipsen
 */

/***************************************************************************/

html, body{height:100%;margin:0;padding:0;background-color:#fbfbfb;color:#444444;font-family:Tahoma,Geneva,sans-serif;font-size:13px;}
a{color:#2f3c44;text-decoration:none;}
a:hover{text-decoration:underline;}
h1{font-size:22px;margin:0;}
h2{font-size:18px;margin:0;}
h3{font-size:14px;margin:0;}
img{border:0;vertical-align:middle;}
hr{margin-top:10px;margin-bottom:10px;border:0;border-top:1px solid #eee;}

.clear{clear:both;height:0;}
.right{float:right;}
.left{float:left;}
.center{text-align:center}
.req{color:red}
.message,.ui-state-error,.ui-state-highlight{font-size:11px;font-weight:700;font-style:italic;margin-bottom:10px;padding:10px;}
.message{background:#B2DBA8;border:1px solid green;}
.pink{color:#ec008c;}
.pink a{color:#ec008c;text-decoration:underline;}
.blue{color:#1869A0;}
.blue a{color:#1869A0;text-decoration:underline;}

.btn.btn-primary{color:#1869A0;color:#fff;}
.btn.btn-primary a{color:#fff;}
.btn.btn-success{background:#37b841;color:#fff;}
.btn.btn-success:hover{background:#32a63b;}
.btn.btn-info a{color:#fff;}
.btn.btn-danger a{color:#fff;}

.choose{margin:14px 0;line-height:26px;font-size:14px;font-weight:bold;cursor:pointer;}
.choose img{margin-left:10px;vertical-align:middle;z-index:1;}
.select .options{margin-top:10px;font-size:12px;font-weight:normal;}
.select .options ul{list-style:none;margin:0;padding:0;}
.select .options ul li{padding:5px;background-color:#1869A0;text-align:center;line-height:20px;color:#fff;}
.select .options ul li:hover{background:none #f663a7;cursor:pointer;color:#fff;}


header{background:#fff;border-bottom:2px solid #eee; position:fixed; width:100%; left:0; top:0; z-index:1; }
/*header{background:none #1f7ebe;border-bottom:2px solid #1869a0;}*/
 header .logo{position:relative;right:80px; padding-top:10px; padding-bottom:10px; padding-left:50px}
 header .user{height:auto;position:relative;}
 header .btn-header{margin:30px 0;width:100%;}
  header #main_login{display:none;position:absolute;top:40px;right:0;z-index:999;padding:10px;background:none #2f3c44;border:1px solid #20292e;border-radius:3px;color:#fff;}
  header #main_login form{}
  header #main_login .input-group{width:100%;margin:5px 0;}

nav.menu{background-color:#2f3c44;border-bottom:2px solid #20292e;}
 nav.menu a{color:#fff;}
 nav.menu a:hover{color:#2f3c44;}
 
  
  
 ul.ul_top_right{ margin:0; padding:0}
 
  ul.ul_top_right li { float:left; padding:10px; list-style-type:none }
  
  	a.a_top_right{ color: #595968;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0;
    text-decoration: none;
    text-transform: uppercase;}
  
section#content{ margin-top:80px;}
 
section.content{padding:30px 0;}
section.content.lightgray{background-color:#fbfbfb;border-bottom: 1px solid #d6d6d6;border-top: 1px solid #d6d6d6;}
section.content.darkgray{background-color:#e3e5e6;}
/*section.content.lightblue{background-color:#1f7ebe;border-top:2px solid #1869a0;border-bottom:2px solid #1869a0;color:#fff;}*/
section.content.lightblue{background-color:#fff;border-top:2px solid #eee;border-bottom:2px solid #eee;color:#666;}
/*section .createtaskbanner{min-height:400px;background:#cccccc url('bg.jpg') top center no-repeat;box-shadow: inset 0 4px 0px rgba(0, 0, 0, 0.1), inset 0 -4px 0px rgba(0, 0, 0, 0.06);background-size:cover;}*/

section .createtaskbanner {
    background: #cccccc url("bg-vid.png") no-repeat scroll center top / cover ;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset, 0 -4px 0 rgba(0, 0, 0, 0.06) inset;
    max-height: 400px;
    overflow: hidden;
    position: relative;
}

section .createtaskbanner .overlay-box{color:#fff;margin-top:10px;padding:20px;background-color:#0f1f2e;opacity:0.8;}
section .createtaskbanner h1{color:#fff;}
section .createtaskbanner ul{list-style:none;padding:0;margin:0;}
section .createtaskbanner ul li{padding:5px 0;font-size:16px;color:#fff;}
section .createtaskbanner .createprint{margin:20px 0;color:#fff;cursor:pointer;}
section .createtaskbanner .createprint div{padding:20px 0;margin:0;background:#37b841;color:#fff;font-size:18px;line-height:22px;}
section .createtaskbanner .createprint div.arrow{background:#298030;font-size:22px;line-height:22px;}
section .createtaskbanner .createprint div:hover{background:#32a63b;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;}
section.content .row{overflow:hidden;}
section.content .row .content-box{padding:20px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;}
section.content .row .content-box .icon i{height:64px;line-height:64px;font-size:64px;color:#999;}
section.content .row .content-box.benifit{height:210px;}
section.content .row .content-box.partner, section.content .row div.content-box.counter{height:170px;}
section.content .row .content-box.counter .count{padding:10px;background-color:#fbfbfb;border:1px solid #d6d6d6;border-radius:3px;text-align:center;}

.press .headline h3{margin:0;padding:0;color:#888;font-size:22px;font-family:Arial,sans-serif;line-height:33px;}

 #steps{height:26px;font-weight:bold;}
 #steps div{line-height:26px;}
 #steps p{display:block;float:left;margin:-2px 0 0 -2px;margin-right:10px;border-radius:13px;background:none;border:1px solid #bbb;}
 #steps p span{display:block;width:26px;height:26px;border-radius:13px;line-height:26px;background:none #f4f4f4;border:1px solid #fefefe;font-style:normal;text-align:center;}
 #steps .active{font-style:italic;}
 #steps .active p span{background:none #1f7ebe;color:#fff;}
 #steps .stepclose{display:block;float:right;margin-right:0;line-height:26px;cursor:pointer;}
 #steps .stepclose p{}
 #steps .stepclose p span{width:100px;background-color:#f2dede;}
 .header-symbol{line-height:26px;}
 .header-symbol p{display:block;float:left;margin:-2px 10px 0 -2px;border-radius:13px;background:none;border:1px solid #bbb;}
 .header-symbol p span{display:block;width:26px;height:26px;border-radius:13px;line-height:26px;background:none #f4f4f4;border:1px solid #fefefe;text-align:center;font-style:normal;}
 #updateattribute .header-symbol{margin:5px 0;}
 
 .products{}
 .products .product{margin-bottom:10px;}
 .products .done .header-symbol p span{background:none #1f7ebe;color:#fff;}
 .products .done .specify{display:none;}
 .products .productlink{font-size:14px;font-weight:bold;text-decoration:none;}
 .products .productlink .change{display:none;float:left;}
 .products .done .productlink .change{display:block;}
 .products .productlink .remove{display:block;float:left;}
 .products .done .productlink .remove{display:none;}
 
 .form_date{position:relative;border-radius:13px;padding:5px;background:none #fff;border:1px solid #fefefe;width:570px;outline:none;}
 .form_date input{position:relative;height:20px;width:540px;border:0;}

 #updateattribute{padding:10px;background:none #FBEC88;border:1px solid #FAD42E;color:#363636;}

 footer section.content.lightblue h3, footer section.content.blue h3 a{margin:10px 0;padding:0;color:#fff;font-size:14px;font-weight:bold;font-family:Arial,sans-serif;text-decoration:none;}
 footer section.content.lightblue ul{float:left;padding:0 20px 0 0;margin:0;}
 footer section.content.lightblue li{list-style:none;line-height:20px;}
 footer section.content.lightblue a{color:#666;}
 
 footer section.content.darkgray .menu{margin:10px 0;}
 footer section.content.darkgray .menu a{margin:10px;}
 footer section.content.darkgray .flags{margin:5px 0;}
 footer section.content.darkgray .flags a{display:block;float:left;padding:3px;margin:2px;}
 footer section.content.darkgray .flags a.active{background:none #136093;border:1px solid #0a3552;border-radius:3px;}
 footer section.content.darkgray .flags a img{vertical-align:center;}
 
/**
 * Mixed elements
 */

#load_anim{position:fixed;top:0;left:0;min-width:100%;min-height:100%;background:rgb(55, 55, 55);background:rgba(55, 55, 55, .5);z-index:9999;}
 #load_anim img{position:absolute;top:50%;bottom:50%;left:50%;right:50%;height:50px;width:50px;padding:10px;background:#fff;border:2px solid #bfc3d7; border-radius:5px;}

.ui-widget-content{padding:10px;}
.ui-button{padding:10px;background:none #1f7ebe;border-radius:3px;color:#fff;font-weight:bold;text-align:center;cursor:pointer;}

.star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating{background:url(../gfx/rate.gif) left -1000px repeat-x}
.star-rating{position:relative;width:125px;height:25px;overflow:hidden;list-style:none;background-position:left top;margin:0;padding:0}
.star-rating li{display:inline}
.star-rating a,.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden;border:none}
.star-rating a.one-star{width:20%;z-index:6}
.star-rating a.two-stars{width:40%;z-index:5}
.star-rating a.three-stars{width:60%;z-index:4}
.star-rating a.four-stars{width:80%;z-index:3}
.star-rating a.five-stars{width:100%;z-index:2}
.star-rating .current-rating{z-index:1;background-position:left center}

#ui-datepicker-div{display:none;}
.ui-datepicker-trigger{position: absolute;top:7px;right:1%;}
.ui-button{cursor:pointer;}

/*290116*/
select#srep{
	border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    text-transform: capitalize;
    width: 50%;
	}
	
	
select.select_big{
	border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    text-transform: capitalize;
    width: 50%;
	}
	
	#steps .stepclose_n p span {
		background-color: #F7745D;
		color:#FFFFFF;
		width: 100px;
		cursor:pointer
	}
	
	
/*03-03-16*/
	.pnk_clr{color:#FFCC66; font-size:14px}
	.top_ord_CT{font-size:12px; color:#fff; display:block; margin-left:10px; width:81%; font-weight:bold; margin-bottom:25px; background:#1F7FBF; border-radius:5px; padding:5px; border:solid 0px #EFFCFB;  }
	.top_right_box_ord
	{
	   background: #679dc6  none repeat scroll 0 0;
		border-radius: 0 5px 0 10px;
		color: #fff;
		font-weight: bold;
		margin-right: -6px;
		margin-top: -8px;
		padding: 5px;
	}
	.top_right_box_ord a{color:#fff}
	
	.box_ord_print_front
	{
	  margin: 10px; 
	 border-radius: 5px; 
	 padding: 1%; 
	 background: #edf3f9 ; 
	  border: 1px solid #679dc6;
	 margin-bottom:20px
	}
	
	
	/*View orders*/
	a.lnkGuide{color:#C83065; text-decoration:none; font-size:14px; font-weight:bold}
	a.lnkGuide:hover{color:#C83065; font-size:14px; font-weight:bold;text-decoration:underline;}
	.OfrGuideDiv{border:solid 1px #258BBC; padding:10px; background:#A6C9E2; display:none}
	.OfrGuideDiv p{color:#363636; font-size:13px; }
	
	.orderOverDue{color:#D94275;font-size:16px; font-weight:bold;font-family:Verdana; cursor:pointer}
	/*.orderOverDue:hover{color:#D94275; font-size:16px; font-weight:bold;font-family:Verdana;}*/
	.ovrDueDivShow{display:none;border:solid 2px #ddd;position:absolute;width:330px;height:120px;left:180px;color:#FFF;margin-top:25px; color:#094C87; background:#EAF4FD}
	.divOverdueInTop{width:320px; background:#3BB7E7; height:20px; padding:5px; color:#fff; font-weight:bold}
	.divOverdueInBot{width:320px; padding:5px;}
	.divOverdueInTop span{float:right; font-weight:bold; cursor:pointer}
	.divOverdueInTop span:hover{float:right;font-weight:bold;cursor:pointer}
	
	
	.ovrDueViewDiv{border:solid 1px #A6C9E2; padding:10px; color:#fff; background:#FFCB0E;  border: 3px solid #FFFFFF;   border-radius: 3px 3px 3px 3px;   box-shadow: 2px 2px 5px 0 #bbb; font-weight:bold}
	.divOvrDue_center{padding:10px; }
	.divOvrDue_center span{ font-size:16px; color:#CC0000; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
	
	/*View orders*/
	.div_Offer_print_Box{margin: 10px; border-radius: 5px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; padding: 4%; border: 2px solid rgb(31, 126, 190);}
	
	.title_top_po{
	background: #1f7ebe none repeat scroll 0 0;
    border-radius: 0 0 10px 10px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: -19px auto 0;
    padding: 2%;
    text-align: center;
    width: 50%;}
	
	#tbl_Ord_HOLD_view {
	border:solid 1px #eee;
	margin-bottom:20px;
	padding-bottom:10px;
	}
	#tbl_Ord_HOLD_view tr{border-bottom:dashed 1px #eee; padding:10px; background:#fff;}
	#tbl_Ord_HOLD_view tr:hover{ background:#eee;}
	#tbl_Ord_HOLD_view tr td{padding:5px}
	#Ord_HOLD_view{padding-left:0;}
	#Ord_HOLD_view h3{font-size:14px; color:#003366; font-weight:bold}
	.ofrList_byP{ border:solid 0px #7BDAF2; padding:5px; background:#E1F0F4; color:#003366; border-radius:5px; margin-bottom:10px}
	.ofrList_byP span.title{font-size:15px; font-weight:bold; }
	
	.ofrList_byP span.title a{}
	p.break_SP{ display:block; border-bottom:solid 1px #eee}
	.OfrGuideDiv{margin-bottom:20px}
	.comment_NewList{
	background: #fcf4d3 none repeat scroll 0 0;
    border-bottom: 1px dashed #eee;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 7px;
	}
	.u_line{ text-decoration:underline}
	.right_offr_stat{ border-left:solid 1px #ccc; text-align:center;}
	.graph {
	  height: 220px;
		margin: 0 auto;
		width: 85%;
	}
	.ofr_stat_HOLDS{ border-bottom:dotted 1px #ccc; margin-bottom:10px}
	.no_pad{padding:0}
	
	select#sort_drop{padding:5px; color:#000}
	
	.top_ord_CT_in_right{float:right}
	
	video#bgvid {
		background-size: cover;
		height: auto;
		left: 0;
		min-height: 100%;
		min-width: 100%;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 0;
	}
	
	a.mob_burg{display:none}

#nav-icon1{ display:none}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 40px;
  height: 25px;
  position: relative;
  /*margin: 50px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
	margin: 0;
	position: absolute;
	right: 10px;
	top: -50px;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #595968;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  
  
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 12px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 12px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#right_top_link_HOLD{}
header .logo img{width:130px}
@media only screen and (max-width: 767px) {
	#nav-icon1{ display:block}
	header .logo{
		right: 40px;
	}
	a.mob_burg{display:block}
	
	#right_top_link_HOLD{ width:100%; padding:0}
	.pull-right {
		width: 100%;
	}
	header .btn-header{ margin:0}
	ul.ul_top_right{ display:none; width:100%; background:#eee; border-top: dotted 1px #ccc;}		
	ul.ul_top_right li { float:none;list-style-type:none; width:100%; border-top: dotted 1px #ccc; padding: 10px 10px 10px 35px; }
	header #main_login{top: 82px;}
	

}