@charset "utf-8";

* {
	margin:0;
	padding:0;
	outline:0;
	border:none;
	font-family:Arial,Helvetica,sans-serif;
	list-style:none;
	text-decoration:none;
	font-size:14px
}

html,body{ height:100%;}

input, textarea, button {
     /*-webkit-appearance: none; Safari/Chrome Comment by Pardeep singh on 22 07 2015 for resolving chrome check boxes issue  */  

    /* -moz-appearance: none;  */
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    /* appearance: none; */
}

.no border {
	border:none
}

.clearfix {
	clear:both
}

.clearfix5 {
	clear:both;
	height:5px
}

.noborder {
	border:none!important
}

.span3 {
	width:75%;
	float:left
}

.span_w4 {
	width:40%;
	float:left
}

.span_Col1 {
	width:100%;
	float:left
}

.span_Col2 {
	width:49%;
	float:left
}

.span_Col4 {
	width:25%;
	float:left
}
.span_Col05 {
	width:20%;
	float:left
}
.span_Col22 {
	width:75%;
	float:left;
	float:right;
	margin-right:41px;
	margin-top:-23px
}

.span_Col3 {
	width:33.3%;
	float:left
}

.wrapper {
	width:100%;
/*float:left;
	margin: 0 0 45px;*/
}

.displayblock {
	display:block
}

.overlay {
	position:fixed;
	left:120px;
	top:0;
	width:100%;
	height:100%
}

.pull_left {
	float:left
}

.pull_right {
	float:right;
	
}

.header {
	/*background:url(../Content/images/header_bg.png) right top no-repeat #3ebeef;*/
	background:#3ebeef;
	float:left;
	width:100%;
	height:58PX;
	position:fixed;
	z-index: 999;
}

.lt-ie7 .header {
	width:40px;
	height:50px
}

.logo {
	width:270px;
	float:left;
	margin:18px
}

.header_right_icons {
	float:right;
	display:block;
}

.header_right_icons>li {
	border-right: 1px solid #fff;
    float: left;
    height: 30px;
    margin-top: 23px;
    padding-left: 2px;
    padding-right: 4px;
    position: relative;
}

.header_right_icons li a img {
	float:left;
	margin:0 5px
}

.header_right_icons li a span {
	color:#fff;
	float:left;
	font-size:14px;
	padding:10px 12px 10px 0;
	text-transform: capitalize;
}

.drop_down>a span {
	background:url(../Content/images/dd_icon.png) center right no-repeat
}

.drop_down_menu_list a {
	float:left;
	width:100%
}

.header_right_icons .drop_down_menu_list img {
	float:left;
	margin:0;
	width:20px
}

.header_right_icons li .drop_down_menu_list span {
	padding:3px
}

/*.dropdown {
	background-image:url(../Content/images/hassub_menu.png);
	border-radius:0 0 5px 5px;
	padding:5px;
	position:absolute;
	right:7px;
	top:34px;
	width:160px
}*/

.dropdown.showhide a {
	color:#b4c4d2;
	float:left;
	font-size:13px;
	padding:6px
}

.dropdown.showhide a:hover {
	color:#fff
}

/*.left_panel {
    background: #165e7b none repeat-y scroll 0 0;
    float: left;
    height: 100%;
    width: 110px;
	
}*/

.timesheet { background-image:url(../Content/images/timesheet_icon.png) }
.active.timesheet, .timesheet:hover {    background-image:url(../Content/images/timesheet_icon_hover.png)      }
  
.main_menu li {
	height:70px !important; 
	float:left;
	text-align:center;
	width:110px;
	background-repeat:no-repeat;
	background-position:center 12px
}

.main_menu li a {
	color:#92aab7;
	float:left;
	padding-top:48px;
	text-align:center;
	width:100%;
	padding-bottom:15px
}

.workorder {
	background-image:url(../Content/images/work_order.png)
}
.hr {background-image:url(../Content/images/hr.png)}
.hr:hover {background-image:url(../Content/images/hr_hover.png)}
.asset {
	background-image:url(../Content/images/work_order.png)
}

.cpe {
	background-image:url(../Content/images/cpe.png)
}

.invoicing {
	background-image:url(../Content/images/invoicing.png)
}

.payroll {
	background-image:url(../Content/images/payroll.png)
}

.dispatch {
	background-image:url(../Content/images/icon_dispatch.png)
}

.kpi {
	background-image:url(../Content/images/kpi.png)
}
.timecard {
	background-image:url(../Content/images/icon-buffer.png)
}
.settings {
	background-image:url(../Content/images/settings.png)
}

.active.settings,.settings:hover {
	background-image:url(../Content/images/settings.png)
}
.active.workorder,.workorder:hover {
	background-image:url(../Content/images/work_order_hover.png)

}

.active.asset,.asset:hover {
	background-image:url(../Content/images/work_order_hover.png)
}


.active.cpe,.cpe:hover {
	background-image:url(../Content/images/cpe_hover.png)
}

.active.invoicing,.invoicing:hover {
	background-image:url(../Content/images/invoicing_hover.png)
}

.active.payroll,.payroll:hover {
	background-image:url(../Content/images/payroll_hover.png)
}

.active.kpi,.kpi:hover {
	background-image:url(../Content/images/kpi_hover.png)
}

/* added by Meenakshi Pasrija on 12th Sept 2017 for Survey module--*/
.survey {
	background-image:url(../Content/images/survey.png)
}

.active.survey,.survey:hover {
	background-image:url(../Content/images/survey_hover.png)
}
/* added by Meenakshi Pasrija on 12th Sept 2017 for Survey module--*/

.main_menu li.active a,.main_menu li:hover a {
	color:#fff;
	background-image:url(../Content/images/active_menu_arrow.png);
	background-position:right center;
	background-repeat:no-repeat
}

.main_menu li.active,.main_menu li:hover {
	background-color:#2fafe0
}

.second_menu {
	float:left;
	background:#262930;
	width:222px
}

.second_menu_header {
	float:left;
	padding:5%;
	width:90%
}

.second_menu_header a {
	text-align:center;
	width:10%
}

.heading_secons_menu {
	color:#505f70;
	font-weight:400;
	font-size:15px;
	float:left;
	width:90%
}

.close {
	float:left
}

.nav_left2>li.current,.nav_left2>li:hover {
	background-color:#191b20;
	border-left:5px solid #2fafe0
}

.nav_left2>li a:hover,.nav_left2>li.current a {
	color:#fff
}

.nav_left2>li {
	border-left:5px solid #262930
}

.has_sub {
	background-image:url(../Content/images/arrow.png);
	background-position:190px center !important;
	background-repeat:no-repeat;
	position:relative
}

.styling_sub3 {
	background-image:url(../Content/images/hassub_menu.png);
    margin-left:8% !important;
}

.sub.styling_sub3>li {
	float:left;
	width:49%
}

.even {
	border-right:1px solid #698197
}

.styling_sub10 {
	width:211px!important
}

.styling_sub10>li {
	width:79%!important;
	border:none!important
}

.has_sub:hover .sub.styling_sub3 {
	display:block;
	left:199px;
	top:-50px;
	width:460px;
	padding:20px
}

.right_panel {
	float:left;
	margin-left:5px;
	   
}

.Brdcrms {
	
	float:left;
	font-size:14px;
	padding:10px 0;
	width:100%;
	margin: 2px 0 8px 4px;
}

.Brdcrms a {
	color:#1063af
}

.Brdcrms a:hover {
	text-decoration:underline
}

.Brdcrms {
	font-weight:700;
	color:#625f5f
}

.content_area {
	width:100%;
	float:left;
	margin:10px 0 0
}

.label_form,.span_Col2.radios_concast>label.label_form {
	min-width:125px;
	color:#223241;
	float:left;
	font-size:14px;
	font-weight:700;
	padding:10px;
	text-align:right;
}

.span_Col2.radios_concast>input {
	float:left;
	margin:13px 5px
}

.span_Col2.radios_concast>label {
	float:left;
	padding:11px 20px 8px 0;
	color:#5a5a5a
}

#removeDiv textarea,.Comcast_inventory input[type=text],.Comcast_inventory input[type=file],.Comcast_inventory select {
	background:#fff;
	min-height:22px;
	color:#5a5a5a;
	border:1px solid #a9a9a9;
	padding:5px;
	width:125px;
	float:left;
	border-radius:5px
}

.Comcast_inventory select {
	width:143px
}

.blue_btn {
	/*background:#32b2e3;*/
	border-radius:5px;
	color:#fff;
	font-weight:700;
	padding:7px;
	border:none;
	cursor:pointer;
	min-width:70px
}

.gray_btn {
	background:#555;
	border-radius:5px;
	color:#fff;
	font-weight:700;
	padding:7px 17px;
	border:none;
	cursor:pointer
}

.Form_Fields.Comcast_inventory {
	float:left;
	width:100%
}

.Comcast_inventory .table_styling {
	float:left;
	margin:30px auto 22px 2%
}
.table_styling {
	float:none !important;
	}

.table_heading {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc
}

.table_heading th {
	/*background:#32b2e3;*/
	color:#fff;
	font-size:14px;
	padding:10px
}
.table_headingdark {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc
}

.table_headingdark th {
	background:#0387bb !important;
	color:#fff;
	font-size:14px;
	padding:10px
}

.table_styling td {
	border-bottom:1px solid #ccc;
	padding:9px;
/*	text-align:center;*/
	color:#000
}

.table_styling {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc
}

.Confirmcount {
	border:1px solid #ccc;
	border-radius:5px;
	margin-left:9px;
	padding:6px 10px;
	color:#585858;
	float:right
}

.Confirmcount font {
	color:#000
}

.left_table_small {
	border:1px solid #ccc;
	width:49%;
	margin-right:1%;
	min-height:420px
}
.55width{width:55% !important;}

.right_table_small {
	border:1px solid #ccc;
	height:420px
}

.Comcast_inventory .left_table_small .table_styling,.Comcast_inventory .right_table_small .table_styling {
	margin-top:0
}

.right_table_small>h2,.span_Col2.left_table_small>h2 {
	padding:3%;
	width:70%;
	float:left
}

.right_table {
	min-height:290px
}
.43width{width:43% !important;}
.span_Col2.right_table_small .span_Col2 {
	width:49%
}

.span_Col2.right_table_small .blue_btn {
	padding:7px 10px;
	float:left
}

.span_Col2.right_table_small .Confirmcount {
	margin-right:1%
}

.green td {
	background-color:#e1efd8!important
}

.red td {
	background-color:#fbe2e3!important
}

.gray td {
	background-color:#f1f1f1!important
}

.content_area.admin {
	border:1px solid #eee;
	padding:15px 0 0
}

.admin .span_Col3.radios_concast>input {
	float:left;
	margin:13px 5px
}

.admin .span_Col3.radios_concast>label.label_form {
	margin:0
}

.admin .span_Col3.radios_concast>label {
	float:left;
	margin:10px 10px 10px 0
}

.admin .span_Col3 input {
	float:left
}

.admin .span_Col3 input[type=text] {
	width:180px
}

.admin .span_Col3 input.blue_btn {
	margin-left:20px
}

.table_styling td.table_link a {
	text-decoration:underline
}

.table_styling td.table_link,.table_styling td.table_link a {
	color:#4e8dc2
}

.tech_Issue .label_form {
	width:120px
}

.tech_Issue.span_Col2.large_select .label_form {
	width:150px
}

.Comcast_inventory .large_select select {
	margin:10px 5px;
	width:270px
}

.padding_etc_top {
	padding:10px 0
}

.Comcast_inventory input[type=password] {
	background:#fff;
	min-height:22px;
	color:#5a5a5a;
	border:1px solid #a9a9a9;
	border-radius:5px;
	padding:5px;
	width:207px
}

.span_Col2.left_table_small>a,.span_Col2.right_table_small>a {
	float:right;
	margin:3%
}

.Overflow_Table {
	width:98%;
	margin:0 auto 10px;
	overflow:auto;
	float:left
}

.hide_popup {
	position:absolute;
	right:-10px;
	top:-10px
}

.black_overlay {
	background:url(../Content/images/overlay.png);
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99;
	display:none
}

.Comcast_inventory .Overflow_Table .table_styling {
	margin-bottom:0
}

.show_table_div {
	cursor:pointer
}

.popup_contaner_2 {
	width:800px;
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-400px;
	background:#FFF;
	display:none;
	padding:5px;
	z-index:999
}

.Comcast_inventory input.table_text_box[type=text] {
	float:none;
	margin:0 auto;
	min-height:17px;
	padding:2px;
	width:70%
}

.barcode {
	width:100px
}

.span_Col3.radios_concast_tech>input {
	float:left;
	margin:11px 4px 11px 15px
}

.span_Col3.radios_concast_tech>label.label_form {
	padding:8px 10px
}

.span_Col3.radios_concast_tech>label {
	float:left;
	padding:8px 0
}

.tech_Issue.upload_wo .label_form {
	width:130px
}

.Add_WOrder {
	width:768px;
	border:2px solid #7f7f7f;
	background:#f9f9f9;
	min-height:150px;
	position:absolute;
	top:10%;
	left:50%;
	margin-left:-414px;
	padding:10px 30px;
	z-index:999
}

.Add_WOrder ul {
	width:100%;
	float:left
}

.Add_WOrder ul li {
	width:50%;
	float:left;
	margin:4px 0
}

.Add_WOrder .blue_btn {
	width:auto;
	border:none;
	min-width:100px;
	padding:7px 17px;
	color:#fff
}

.Add_WOrder label {
	color:#5a5a5a;
	float:left;
	font-weight:700;
	text-align:left;
	width:110px;
	margin-left:15px;
	padding:10px 0
}

.Add_WOrder input,.Add_WOrder select {
	border:1px solid #ccc;
	border-radius:5px;
	margin:5px 0;
	padding:5px;
	width:200px;
	color:#444
}

.Add_WOrder select {
	padding:4px;
	width:212px
}

.Edit_WOrder {
	width:768px;
	border:2px solid #7f7f7f;
	background:#f9f9f9;
	min-height:150px;
	position:absolute;
	top:10%;
	left:50%;
	margin-left:-414px;
	padding:10px 30px;
	z-index:999
}

.pop_headimg {
	width:100%;
	float:left;
	text-align:center;
	border-bottom:1px solid #f1f1f1;
	padding:10px 0;
	color:#625f5f;
	font-size:18px
}

.Edit_WOrder ul {
	width:100%;
	float:left
}

.Edit_WOrder ul li {
	width:50%;
	float:left;
	margin:4px 0
}

.Edit_WOrder .blue_btn {
	width:auto;
	border:none;
	min-width:100px;
	padding:7px 17px;
	color:#fff
}

.Edit_WOrder label {
	color:#5a5a5a;
	float:left;
	font-weight:700;
	text-align:left;
	width:110px;
	margin-left:15px;
	padding:10px 0
}

.hide_popup {
	cursor:pointer
}

.Edit_WOrder input,.Edit_WOrder select {
	border:1px solid #ccc;
	border-radius:5px;
	margin:5px 0;
	padding:5px;
	width:200px;
	color:#444
}

.Edit_WOrder select {
	padding:4px;
	width:212px
}

.second_menu {
	left:110px;
	position:fixed;
	top:58px;
	z-index:9999
}

.Tabbimg_Popup {
	width:942px;
	min-height:513px;
	position:absolute;
	padding:15px;
	left:50%;
	top:15%;
	margin-left:-456px;
	background:#fff;
	z-index:999
}

.hide_popup_tabimg {
	position:absolute;
	right:-30px;
	top:0
}

.ui-helper-clearfix::after,.ui-helper-clearfix::before {
	border-collapse:collapse;
	content:"";
	display:table
}

.right_contaner.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
	background:#fff;
	border:none;
	padding:0;
	width:470px
}

.ui-tabs.ui-widget.ui-widget-content.ui-corner-all.ui-tabs-vertical.ui-helper-clearfix {
	padding:0;
	width:100%
}

.right_contaner.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all .ui-state-default.ui-corner-left {
	border:1px solid #e4e4e4;
	border-radius:0;
	background:#f8f8f8;
	padding:0;
	margin:0
}

.right_contaner.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all .ui-state-default.ui-tabs-active.ui-state-active.ui-corner-left {
	background-color:#fff;
	background-image:url(../Content/images/Blue_strip_active.jpg);
	background-repeat:no-repeat;
	background-position:left center
}

.ui-state-default.ui-corner-left a .hide {
	display:none
}

.ui-state-default.ui-corner-left.ui-tabs-active.ui-state-active a .hide {
	display:block
}

.ui-state-default.ui-corner-left.ui-tabs-active.ui-state-active a .show {
	display:none
}

.ui-state-default.ui-corner-left p {
	float:left;
	padding:10px 0 10px 20px;
	text-align:left;
	width:110px;
	color:#000
}

.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
	padding:.5em;
	width:450px
}

.inner_tab_popup {
	float:left;
	width:290px
}

.inner_tab_popup>input,.inner_tab_popup>select,.inner_tab_popup>textarea {
	border:1px solid #ccc;
	margin:5px 0;
	padding:5px;
	width:282px;
	color:#555
}

.inner_tab_popup>input {
	width:270px
}

#tabs h2 {
	background:#fff;
	color:#107ec3;
	font-size:15px;
	padding:0 5px;
	position:absolute;
	top:-10px
}

.right_content_popup {
	width:100%;
	float:left;
	margin-top:20px
}

.right_content_popup label {
	float:left;
	margin-left:10px;
	width:110px;
	padding:10px 0
}

.right_content_popup input,.right_content_popup select {
	border:1px solid #ccc;
	float:left;
	margin-bottom:2px;
	padding:6px;
	width:260px
}

.right_content_popup select {
	width:275px
}

.right_content_popup input.pop_button {
	background:#708796;
	border:#708796;
	color:#fff;
	font-size:16px;
	padding:10px 0;
	width:274px
}

.Update {
	color:#fff;
	font-size:15px;
	padding:10px;
	width:470px;
	background:#107ec3
}

.inner_tab_popup span label {
	color:#929292;
	float:left;
	margin-right:5px;
	padding:13px 0;
	text-align:right;
	width:70px
}

.inner_tab_popup span input {
	border:1px solid #ccc;
	border-image:none;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	float:left;
	margin:7px 0;
	padding:5px 0;
	width:60px;
	color:#555;
	text-indent:5px
}

.ui-tabs-vertical {
	width:55em
}

.ui-tabs-vertical .ui-tabs-nav {
	padding:.2em .1em .2em .2em;
	float:left;
	width:12em
}

.ui-tabs-vertical .ui-tabs-nav li {
	clear:left;
	width:100%;
	border-bottom-width:0!important;
	border-left-width:0!important;
	margin:0 -1px .2em 0
}

.ui-tabs-vertical .ui-tabs-nav li a {
	display:block
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom:0;
	padding-right:.1em;
	border-right-width:1px
}

.ui-tabs-vertical .ui-tabs-panel {
	padding:1em;
	float:right;
	width:40em
}

.top_span>input {
	margin:0 5px 0 10px;
	width:10px
}

.span_Col3.radios_concast.new>label.label_form {
	margin:auto
}

.span_Col3.radios_concast.new>label {
	float:left;
	margin:10px 0
}

.span_Col3.radios_concast.new>input {
	float:left;
	margin:13px 3px 0 10px
}

.icon_cntaner {
	float:right;
	width:auto
}

.icon_cntaner>li {
	float:left;
	margin-bottom:5px;
	margin-left:20px
}

.icon_cntaner a {
	float:left;
	color:#888
}

.icon_cntaner img {
	float:left
}

.icon_cntaner span {
	float:left;
	padding:5px;
	color:#888
}

.top_span>label {
	float:left;
	margin:-3px 0;
	padding:0
}

.topuptable {
	border:1px solid #ccc;
	float:left;
	margin-top:15px;
	border-collapse:collapse;
	font-weight:400
}

.topuptable th {
	border-bottom:1px solid #ccc;
	font-weight:400;
	padding:7px;
	text-align:left;
	color:#fff;
	background-color:#7a7a7a
}

.last_contanerEQP {
	border:1px solid #ccc;
	padding:15px 5px;
	margin-top:20px;
	float:left
}

.right_content_popup .last_contanerEQP label {
	color:#8d8d8d
}

.topuptable td {
	color:#000;
	padding:7px;
	border:1px solid #dededc
}

.ontruck_heading {
	width:100%;
	font-size:15px;
	color:#000;
	float:left;
	margin-top:20px
}

.right_content_popup input.olive_btn {
	width:133px;
	background:#6a7f8d;
	border:1px solid #6a7f8d;
	color:#fff;
	cursor:pointer
}

.olive_btn {
	background:#818588;
	border:1px solid #818588;
	color:#fff;
	cursor:pointer;
	float:right;
	margin-right:2px;
	padding:6px 10px;
	width:auto
}

.add_code .span_Col2>input {
	border:1px solid #ccc;
	float:left;
	margin:6px 0;
	padding:3px;
	width:100px
}

.add_code .span_Col2>label {
	float:left;
	margin:10px 2px;
	padding-left:10px;
	width:65px
}

.textarea_popup {
	border:1px solid #ccc;
	height:85px;
	margin:1%;
	width:98%
}

.invoice_date .ui-datepicker-trigger {
	float:right;
	padding:0
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
	background:#fff
}

.span_Col3.radios_concast>label.label_form {
	padding:10px
}

.span_Col3.radios_concast>label {
	float:left;
	padding:10px 12px 10px 0
}

.span_Col3.radios_concast>input {
	float:left;
	margin:13px 5px
}

.tabbimg_style {
	position:relative
}

.tabbimg_style li {
	float:left;
	border: 1px solid #e8e8e8;
	position:relative;
	  margin-left: 2px;
}

.tabbimg_style li a {
	background:#f6f6f6;
	float:left;
	padding:8px
}

.tabbimg_style li img {
	float:left
}

.tabbimg_style li span {
	color:#989898;
	float:left;
	font-size:14px;
	padding:8px 0
}

.tabbimg_style li.active_toptab a {
	background:#fff;
	position:relative
}

.tabbimg_style li.active_toptab span {
	color:#3796C2;
	font-weight:700
}

.tabbimg_style li.active_toptab {
	background: #fff none repeat scroll 0 0;
    border-color: #ababab #eee -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 1px medium;
}

.content_area.inventory {
	border:1px solid #eee;
	margin:-1px 0 25px 0;
}

.Form_Fields.inventory {
	margin:20px auto 0;
	overflow:hidden;
	width:96%
}

.Form_label_main {
	color:#223241;
	float:left;
	font-weight:700;
	margin-right:10px;
	padding:9px 0;
	text-align:right;
	width:120px
}

.disabled {
	background:#F9F9F9!important;
	color:#b5b5b5!important;
	border-color:#b5b5b5!important
}

.blue_btn.disable {
	background:#dfdfdf
}

.note {
	clear:both;
	color:red;
	font-size:9px;
	margin-left:131px;
	text-align:left;
	width:auto;
	font-weight:700
}

.note.top>font {
	font-size:10px
}

.radios_btn {
	float:left;
	margin:12px 5px
}

.radio_label {
	float:left;
	padding:9px 10px 0 0
}

.button_contaner {
	margin:20px auto;
	overflow:hidden;
	width:96%
}

.link_addtoext {
	color:#3ebeef;
	float:right;
	font-weight:400;
	margin-bottom:20px;
	margin-right:.7%;
	text-align:right;
	text-decoration:underline;
	width:25%
}

.content_2_tabel {
	width:96%;
	margin:0 auto;
	overflow:hidden
}

.content_3_tabel {
	width:100%;
	margin:0 auto;
	overflow:hidden
}

.Form_label_main.large {
	padding-bottom:0;
	padding-top:0
}

.disabled_r {
	color:#b8b8b8
}

.has_sub:hover .sub.styling_sub3.single_line {
	margin-top:50px;
	padding:5px;
	width:160px
}

.has_sub:hover .sub.styling_sub3.single_line li {
	width:100%;
	border:none
}

.note {
	display:inline-block;
	float:left;
	min-width:150px
}

.lightbox {
	background-image:url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAADUlEQVQYV2NgYGCoBwAAhACAEozAVQAAAABJRU5ErkJggg==);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	/*z-index:999999 changed by Pardeep Singh for resolve the autocomplete issue */
	z-index:999999
}

.message_box_outer {
	display:block;
	margin:22% auto auto 7%;
	vertical-align:middle
}

.dialog_box {
	border-radius:5px;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	width:650px
}

.errorvalidation {
	background:#da5858;
	color:#fff;
	float:left;
	font-size:1em;
	font-weight:700;
	width:100%
}

.confirmvalidation {
	background:#FF9A58;
	color:#fff;
	float:left;
	font-size:1em;
	font-weight:700;
	width:100%
}

.infovalidation {
	background:#35ADD5;
	color:#fff;
	float:left;
	font-size:1em;
	font-weight:700;
	width:100%
}

.successvalidation {
	background:#39BA80;
	color:#fff;
	float:left;
	font-size:1em;
	font-weight:700;
	width:100%
}

.title_line {
	float:left;
	margin:10px 0 10px 10px;
	text-align:left;
	width:90%
}

.content_box {
	width:96%;
	padding:2%;
	background:#fff;
	float:left;
	max-height:500px;
	overflow:auto;
	text-align:left
}

.content_box ul {
	color:#e69171;
	list-style-type:square
}

.content_box li {
	color:#555;
	padding:0 0 0 20px;
	background:url(../Content/Images/blackcheck.png) left top no-repeat
}

.msg_footer {
	background:#fff;
	border-top:1px solid #eee;
	float:left;
	padding:5px 0;
	width:100%
}

.ligntbox_error_button {
	background:#da5858
}

.ligntbox_info_button {
	background:#35ADD5
}

.ligntbox_success_button {
	background:#39BA80
}

.lightbox_footer_close_btn {
	cursor:pointer;
	float:right;
	text-align:center;
	border:1px solid #eee;
	border-radius:5px;
	color:#fff;
	font-size:14px;
	margin:0 10px 0 0;
	padding:3px 10px
}

.jNotify {
    background: #2c2c2c none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 0;
    color: #fff;
    font-family: Verdana;
    font-size: 12px;
    margin: 0 2px 2px 0;
    opacity: 0.7;
    padding: 17px;
    position: fixed;
    right: 0;
    width: 28%;
    z-index: 99999;
}


.jNotify img {
	width:50px
}

.jNotify span {
	font-size:11px;
	color:#36dc01;
	cursor:pointer;
	float:right
}

.progressbar_bg {
	z-index:9999;
	position:fixed;
	bottom:-60px;
	height:4px;
	font-size:14px;
	text-align:center;
	width:100%;
	background-color:#d5d5d5;
	border:1px solid #bfbfbe
}

.progressbar {
	position:relative;
	width:100%;
	height:4px;
	color:#595959;
	background:url(../Content/images/progressbar.GIF) top repeat-x
}

.bottomimage {
	bottom:60px;
	position:fixed;
	right:16%
}

.suggestionsBox {
	display:none;
	background-color:#FFF;
	border:1px solid #9c9797;
	color:#5f5f5e;
	font-weight:700;
	position:absolute;
	margin-top:2px;
	min-width:242px;
	width:auto
}

.suggestionsBox div {
	background-color:#1b71c1;
	color:#fff;
	height:22px
}

.suggestionList {
	height:100px;
	list-style:none none;
	margin:0;
	overflow-y:scroll;
	padding:0
}

.suggestionList li {
	background-color:#E7E7E7;
	border:1px solid #a9a9a9;
	color:#2d2d2d;
	cursor:pointer;
	margin:2px;
	padding:3px
}

#confirmOverlay {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-image:url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAADUlEQVQYV2NgYGCoBwAAhACAEozAVQAAAABJRU5ErkJggg==);
	z-index:100000
}

#confirmBox {
	height:auto;
	font-family:Trebuchet MS;
	background:#F8F8F8;
	border:1px solid #E7E7E7;
	left:50%;
	margin:-130px 0 0 -230px;
	position:fixed;
	top:50%;
	width:460px
}

#confirmBox h1,#confirmBox p {
	padding:10px 20px;
	color:#666
}

#confirmBox h1 {
	margin:0;
	background-color:#EEE;
	border-bottom:1px solid #D3D3D3;
	color:#888;
	font-size:18px
}

#confirmBox p {
	background:0 0;
	font-size:15px;
	padding-top:5px
}

#confirmButtons {
	 text-align:center;
	 margin-bottom: 10px;
}

#confirmBox .button {
	color:#FFF;
	display:inline-block;
	font:17px/33px Cuprum,'Lucida Sans Unicode','Lucida Grande',sans-serif;
	height:33px;
	margin-right:13px;
	padding:0 19px 0 22px;
	position:relative;
	text-decoration:none
}

#confirmBox .blue {
	background-color:#479EFB;
	margin-left:2px
}

#confirmBox .gray {
	background-color:#BCBCBC
}

.loadingtr,.noData {
	text-align:center
}

.minitext {
	width:20px!important
}

.logout {
	border:none;
	background:0 0;
	color:#fff;
	cursor:pointer;
	/*padding:3px*/
}

.link {
	color:#4e8dc2;
	text-decoration:underline
}

.span_Col5 {
	float:right;
	margin-right:-1%;
	width:38%
}

.span_Col6 {
	float:right;
	width:65%
}

.blue_btnleft {
	float:none!important
}

.invoicepopup {
	padding:1em;
	background:#fff;
	min-height:155px;
	overflow-y: auto;
	height: 350px;
}

.invoicelightbox {
	background-image:url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAADUlEQVQYV2NgYGCoBwAAhACAEozAVQAAAABJRU5ErkJggg==);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:9999;
}

.invoicemessage_box_outer {
	display:block;
	margin:12% auto auto;
	vertical-align:middle
}

.invoicedialog_box {
	border-radius:5px;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	width:282px
}

.invoicepopup input[type=text],.invoicepopup select {
	float:left;
	background:#fff;
	min-height:22px;
	color:#5a5a5a;
	border:1px solid #a9a9a9;
	border-radius:5px;
	padding:5px;
	width:110px
}

.manifestdialog_box {
	border-radius:5px;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	width:600px;
	/*height:150px */
}

select {
	height:33px
}

.invoiceheading,.removeheading {
	background:#32b2e3;
	color:#fff;
	float:left;
	font-size:1em;
	font-weight:700;
	width:100%
}

.orange_btn {
	background:#32b2e3;
	margin-top:3%;
	border:none;
	border-radius:5px;
	color:#fff;
	cursor:pointer;
	font-weight:700;
	min-width:90px;
	padding:7px 17px;
	float:right
}

.invoicetitle_line {
	float:left;
	margin:10px 0 10px 10px;
	text-align:left;
	width:95%
}

.invoicetitle_line span {
	float:right;
	color:#fff;
	cursor:pointer
}

.invoicepopup label {
	color:#223241;
	float:left;
	font-size:14px;
	font-weight:700;
	min-width:100px;
	padding:7px;
	text-align:right
}

.invoicedivleft {
	width:50%;
	float:left;
	margin-top:8px
}

.invoicedivright {
	width:50%;
	float:right;
	margin-top:8px
}

.invoicefullwidth {
	width:95%
}

.invoicedivleft1 {
	float:left
}

.invoicedivright1 {
	width:50%;
	float:right
}

.invoiceerror {
	color:red;
	font-size:12px;
	padding:3px
}

.displaynone {
	display:none
}

.notyellow,.yellow {
	background-color:#fffabc!important
}

#removeDiv {
	width:282px;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
	padding-bottom:13px;
	border-radius:5px
}

#removeTitle {
	float:left;
	padding:10px 0 10px 10px;
	text-align:left;
	width:100%;
	background:#32b2e3;
	color:#fff;
	font-size:14px;
	font-weight:700
}

#CommentArea {
	margin:10px
}

#CommentArea textarea {
	margin:10px 0
}

#SuccessMessageOnTop {
	display:none;
	border:1px solid #099f57;
	background-color:#099f57;
	border-radius:5px;
	color:#fff;
	font-weight:700;
	left:37%;
	min-width:400px;
	padding:15px;
	position:fixed;
	text-align:center;
	top:3px;
	z-index:9999
}

.textarea {
	border:1px solid #e3e3e3;
	margin-top:8px;
	margin-bottom:8px;
	width:98%;
	height:80px
}

.turnInTableOverFlowHeight {
	height:250px;
	overflow:scroll
}

.divscroll {
	height:285px;
	overflow:auto;
	width:100%;
	margin-bottom:15px
}

#barcodeTarget {
	margin-top:20px
}

.alternate_row,.search_bar {
	background:#f1f1f1
}

.Comcast_inventory .search_bar .search_box,.search_bar .search_box {
	background:url(../Content/Images/search_box_bg.jpg) right no-repeat #fff;
	border:1px solid #a9a9a9;
	border-radius:4px;
	padding:0 22px 0 4px;
	font-size:13px;
	width:70%
}

.squaredTwo {
	width:28px;
	height:28px;
	background:#fcfff4;
	background:-webkit-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);
	background:-moz-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);
	background:-o-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);
	background:-ms-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);
	background:linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4',endColorstr='#b3bead',GradientType=0);
	margin:20px auto;
	-webkit-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);
	-moz-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);
	box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);
	position:relative
}

.squaredTwo label {
	cursor:pointer;
	position:absolute;
	width:20px;
	height:20px;
	left:4px;
	top:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,1);
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,1);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,1);
	background:-webkit-linear-gradient(top,#222 0,#45484d 100%);
	background:-moz-linear-gradient(top,#222 0,#45484d 100%);
	background:-o-linear-gradient(top,#222 0,#45484d 100%);
	background:-ms-linear-gradient(top,#222 0,#45484d 100%);
	background:linear-gradient(top,#222 0,#45484d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222',endColorstr='#45484d',GradientType=0)
}

.squaredTwo label:after {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter:alpha(opacity=0);
	opacity:0;
	content:'';
	position:absolute;
	width:9px;
	height:5px;
	background:0 0;
	top:4px;
	left:4px;
	border:3px solid #fcfff4;
	border-top:none;
	border-right:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}

.squaredTwo label:hover::after {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	filter:alpha(opacity=30);
	opacity:.3
}

.squaredTwo input[type=checkbox]:checked+label:after {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter:alpha(opacity=100);
	opacity:1
}

.squaredTwo input[type=checkbox] {
	visibility:hidden
}

.alert.style-3.successtop {
	background:#10ad0e 
}

.alert.successtop {
	background:#10ad0e;
	border-color:#0b9809;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.42);
	border-radius:5px;
	border-style:solid;
	border-width:1px
}

div.successtop {
	z-index:999;
	right:9px;
	border:0;
	display:block;
	font-family:Arial,"Helvetica Neue",Helvetica,Tahoma,Verdana,sans-serif;
	font-size:14px;
	padding:10px 35px 13px 12px;
	position:fixed;
	top:8px;
	width:39%
}

.alert.successtop a.close {
	color:#FFFEFE
}

.alert a.close {
	border-radius:15px;
	color:#fff;
	float:right;
	font-family:Tahoma;
	font-size:16px;
	font-weight:700;
	line-height:17px;
	margin-left:17px;
	padding:0 5px 4px;
	position:absolute;
	right:12px;
	text-decoration:none;
	text-shadow:none;
	top:10px
}

.alert a.close:hover {
	color:#fff!important
}

.alert.successtop a.close:hover {
	background:#538c18
}

.wo_popup_title {
	text-align:center;
	font:21px Arial,Helvetica,sans-serif;
	color:#625f5f;
	border-bottom:1px solid #e8e8e8;
	padding:10px 0;
	margin-bottom:10px
}

.wo_popup label {
	color:#223241;
	font-weight:700
}

.req {
	color:red
}

.popup_txtbox {
	background:#fff;
	border:1px solid #a9a9a9;
	border-radius:5px;
	color:#5a5a5a;
	min-height:22px;
	padding:5px;
	width:202px!important
}

select.popup_txtbox {
	width:202px
}

.PopUpHeader {
	background:#32b2e3;
	color:#fff;
	float:left;
	font-size:1em;
	font-weight:700;
	width:100%
}

.message_box_outer1 {
	display:block;
	margin:4% auto auto;
	vertical-align:middle
}

.table_styles {
	float:left;
	margin:30px auto 22px 2%
}

.table_styles td {
	border-bottom:1px solid #ccc;
	padding:9px;
	text-align:center;
	color:#000
}

.table_styles {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc
}

.table_styles a {
	color:#0284c9;
	text-decoration:underline
}

.dataTables_length select {
	float:right;
	height:30px;
	margin-left:10px;
	margin-top:-4px;
	width:55px
}

.loadinfo {
	background:#fffcb1;
	border:1px solid #c5c5c5;
	margin:4px;
	padding:10px
}

.textcenter {
	text-align:center
}

.billtext {
	width:80px;
	border-radius:5px;
	height:23px;
	border:1px solid #d9d9d9
}

.wotabloading {
	color:#ff8700;
	font-size:15px;
	font-weight:700;
	margin-top:25px;
	text-align:center;
	text-transform:uppercase
}

.inputfile {
	background:#fff;
	border:1px solid #a9a9a9;
	border-radius:5px;
	color:#5a5a5a;
	float:left;
	min-height:22px;
	padding:5px;
	width:200px
}

.wofiledivleft {
	float:left;
	margin-top:8px
}

.divActive25 {
	width:30px;
	height:30px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+vr9qj9q/UfAGsy/DP4bS28fiq3t4pvE3iOWK3vE0Bb21M9rpemW0xkhfWmt5be/uri9gltbG1mtoYYLq7upZNM/Oy4+MfxbuLv8AtCX4n+P/ALYCWW4Txdr0RjzkkRpFfxxRINzARxosag4CgcVoQafpfj/9qfxf4b8ceIbXwpY6v8YPGtnrep303kfZ44fEuqxrpVvPIskMF5eGGLR9NmucW0E00DylkQRyfd3hv9k74ffB/wAUeIfiL8S/FOl6r8PPCkaav4ft9WVY1QRDz5LzxZGYxZ3X9mSBILGztFuINZnZJ5rWCTy9Mf8AzVz3C+MfjZxdnGb5bnFbKuFMp4nxmSf8j6OWZdwpl+CpzxX9pZhgKeKoYjkjgqLq4jM50HPFY1PDU6kFCnSo/wA8YuHFfGeZ4vF4fFyw2WYXMq2C/wB9+rUMroUYyq/WK9BVIVLexhz1MQ4OVSsnTi4pRhDkfgT+1j478KeKfBfw5/aBjvl074hx2KeAPGWsafJZaq0moXlxYaWdXdIlXUtG1e+SGwtNYlghu7G4lgu9TubzTL9b2w/UGv5xf2uv2k9a/ah8a6Zo/wANvB+qXNh4FTVJ/C8eiaPd6j4wuIrqWx8/W9XOnrOdKsnuLGyNjZnbDYyFXuLya7uBHB+sX/CV/tJ/9CvrX/gui/8Aiq/oPwT8RcVKlxTw/LMOJOP+G+HMfl2F4Y40nlGLnis3w9fBz/tOhWqzlOWIoYHMcPV+oV6tWriJ4LE0VOo6UaCj9rwdxJUf9q5f7bMs+y7Lq+Fp5ZnDwlWVTFU6lFrE05Td/aU6GIpy9hOUp1JUakOaXJyW/P3/AIKF/sufEPwv431v46fDXSdU8S+BfFci6j420fRLe4v9S8J+ImWOLUNXk0y0V7u58Oa2w/tK8vYY7ldJ1KTVJtUNpps1pInwXqH7SPxe+M3hz4d/Au58XxT6XFren6Jo93qc7IpN7cQ2Om3PinU/OaS+0vwlavM9khRZLewWRXF3PBZNb/1mP9xv91v5GvwHj/5SE+G/+ytW/wD6HdV8x4p+DGV5bxZhc3ybPM1yjLfEfP8AAZJxTkODnOnhcZRx+ZYfFYxRrU8RStha9aLrPBV6GIp061Sp7KpDDNYVeHxdwdRwWb4fF4DMMXhMJxNmeHwGa5dSclSqwxGJp1a/JUjVg1SqTXP7CdOcYTlLkkqTVJfoB+y7+zfZeEdO0G4Gg3Phn4e+HHtNV8MaBrdilt44+JXjCOFQfjB8XQQssOpKdsvgbwLPDAPBSrHeXdtbapBplhoX31RRX9hZdl2BynA4TLMswlDA5fgaFPDYTB4anGlQw9CkuWFOnTikopLfrJtyk3Jtv9ow+HoYShSwuFpQoYehCNKjRpRUadOnFWjGMVokl829Xdts/9k=)
}

.divInActive25 {
	cursor:pointer;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAcFBQYFBAcGBQYIBwcIChELCgkJChUPEAwRGBUaGRgVGBcbHichGx0lHRcYIi4iJSgpKywrGiAvMy8qMicqKyr/2wBDAQcICAoJChQLCxQqHBgcKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKir/wAARCAAZABkDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD0v4hfEObRro6RoZUXagGecgN5WRkKo/vdDz0/l5zda34pt9Q8m71LVYrrIxG08gbnkcZ75pmrXVzH4+vbiOPzLpNSdkjK7ssJDhcd+wxXvEFhDe/YtX1PTYI9Wjt+AWyYycEjPse/bJ9a85KVeT1tY+4dTD5TQp/u1LmWr0vf/L+vXz/wd8Rr611mPQvFpbdI4hjmlXbJG/ZX9QcgZ6+ue3q9fNPjCXX9f8cXX2nS3h1KMAfZ7VCxRR905HXr976fSvY/7R8W/wDPi3/fIrWhUeqd3Y87NsFS5qdWnyxcldpNWv5HD/FHwXqmn64/iXQVlkgkcSyrBkvbyj+PA5wSM57HOa5FvGXiTxJ4vsLuO+EN9lYICnyxoDgNkeh6t/8AWFfTJ6V4rH/yWaD/AK/P6GlVpWkmnux4HMJTouFSKbhF2b7dj0fQdE8uQ3MsZRGfzT5i4kuJP+esn/sq/wAIH0A6Oiiu3Y+YlJyd2f/Z)
}

input[type=radio]:not(old) {
	width:28px;
	margin:0;
	padding:0;
	opacity:0;
	cursor:pointer;
	/*display:none;*/
}

input[type=radio]:not(old)+label {
	display:inline-block;
	margin-left:-28px;
	padding-left:28px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABICAYAAADs+TUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAMaSURBVFhH7ZjPb1JBEMcHtFI4iIUWSNRCQluNJxoLjRdiojf/EP8m/5gmphdjsMDJi7xKGzHQCIgHfkRF+U7fkvXt8B4vpTZt+CSTZd/OfGd3+nZZGvgzgS6RoN1eGtc/gfg3wKPT01M6OzujwWDAfYlAIEDhcJgSiQRtbm5y34mRAN1qtcqfEQgBKRDAFxPAREAulzN8jRJh5ghMp9MsDtCXDMAHvugj1omRALPZ2NgwxLwMMWolOkYCLHl1dVUUcTPEINaJkQDOqvVjKsaJ+Jo6g+c1iatJsEhuYImwE8fjsSjgZoiRdryRADtzOByKIm6GGLXzdYwEOH+63a4o4maIQawTIwFOxWAwSM1mk3emW7kwBh/4IgaxTlyP61arNS2XBGqOIyKZTM5/XC8a8TVdJMsEniwTePL/Nxq6lUqFj4FoNEqhUEgMBPAdjUbU6/X4qNjd3TV8jRJh5hBPpVJ8OiIQQZJhDD7wRczc96K1tTVRULevXYtN9RHj616kizkNwvvVx2wqia97kVtZIFioPKI3+0E2fG50axzj+HMy4muqCzY6NTYlni/vsLDOxJPHJVwTNDrngrDy8QHtHW3/I/76/Zg+PK3Rw/UdfwnAl/anieDWtBSvrJei+IP4lv1ExnUFOk7xoz3MfHvq62sFcMayy3mLxXTQx3NVFt8JlCNaiFQKx9MkaNGfJa5aHSOBuhepQIhVC59ZHK0kDpt1LzLOopOTE2q325TJZOwn5/z8NaKV2yG7Z1Kv1ykej/PPKR1jBepURCK1M9G/s2LubgAf+KLv+16EswUCggsDUZTF18/YRSO+potkmcCTZQJPlvciz3uRsYJSqUSxWIyX/mPQpifvkvaIzMdnLbobjnMpO50O5fN5e+QcI8Hh4SFls1me4f2DW/xM/7rUUV9EjRe/uVyWZVGxWORnCiMSjqosYJY4UGOqXI65MmK0qvG8uPlfTYJFcgNLpBxVq15FCTXmjNERNxp2ZiQSoV7/G2Xf3rNHZKzn3ykaWad+v8//dfHcaLPuRV5c+F4kGVjeiy7MdU9A9BdN4Kiu3hl5rwAAAABJRU5ErkJggg==) no-repeat;
	    height: 20px;
    line-height: 22px;
}

input[type=radio]:not(old):checked+label {
	background-position:0 -48px
}

.loginhtml {
	background:url(../content/images/login_page_bg.jpg) center fixed
}

body.login_body_area {
	background-image:url(../content/images/login_area_bg.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:left center;
	width:100%;
	height:100%
}

.se-pre-con {
	display:none;
	text-align:center;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:9999;
	background:url(../content/images/tableloading.gif) center no-repeat #000000
}

.se-pre-con img {
	margin-top:20%
}

.loadingtd {
	height:20px;
	background:url(../content/images/tableloading.gif) center no-repeat #fff;
	padding:13px!important
}

.log_contaner {
	height:auto;
	width:390px;
	float:left
}

.logo_login {
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:20px
}

.input_login {
	color:#666;
	font-size:17px;
	height:14px;
	margin:0 10px 15px;
	padding:16px 0 20px 53px;
	width:257px
}

.username {
	background-image:url(../content/images/usermane.jpg)
}

.password {
	background-image:url(../content/images/password.jpg)
}

.forgot_pass {
	float:left;
	font-size:12px;
	margin-left:24%;
	padding:8px 0;
	color:#3099D0
}

.login_btn {
	background:url(../content/images/loginbtn.jpg) no-repeat;
	border:none;
	float:right;
	height:27px;
	margin-right:24%;
	width:94px;
	cursor:pointer
}

.lt-ie7 .forgot_pass {
	margin-left:12%
}

.lt-ie7 .login_btn {
	margin-right:48%
}

.long_content_area {
	margin:0 auto
}

.long_content_area td {
	vertical-align:middle
}

.long_content_area ul li {
	float:left;
	padding:5% 2.5%;
	text-align:center;
	width:44%
}

.long_content_area ul li.equipment {
	border-bottom:1px solid #e2e2e3;
	border-right:1px solid #e2e2e3;
	padding-bottom:60px
}

.long_content_area ul li.wo_tracking {
	border-bottom:1px solid #e2e2e3;
	padding-bottom:57px
}

.long_content_area ul li.Qualitycontrol {
	border-right:1px solid #e2e2e3;
	padding-top:60px
}

.long_content_area ul li.money_track {
	padding-top:44px
}

.long_content_area ul li p {
	color:#565656;
	font-size:18px;
	padding:10px 0 0
}

.imgPrevious {
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJ7SURBVDjLpZNNbxJRFIb7A/wF/A5YunRDovEjalEXJm5M2Ji4aFoTI6kxjcVaCGOJYtq0NlBJ0AS0tcbWSkeQhhQopQwfAhYotAwIAwPDUI5zLh9SdedN3kzmznmfc86dc4cAYGhQZ2ZAJkkhSSlJ1ZWyuyf7M37QeEqSfOxNWW37uk+5fVF6Z3ePDQRD7KY3TL/eSFAj1qIaYzD2BKBrPm1xZjWBvTiTK5SB45sgHreJKjUBMvkiuLxBZnY1rsHYHqQHkKM5GP7O1Rsi4OKFFhS5JrCSqo0W2eN4ATY9fs60HEGInACwLywbM/fMR2UB9gt1yJUEomypAYk834esrruYO4s5bEeGAIWN/kFh2YNmldZ7wjw8uUX2cYUTB2Cwuin0IkDp2o7Q2DOWmjqqw6WHTgLIFBsQz/Fw7p6DAPBbuSbCYYmHuSUHjV4EqPw7uyweVv6nABfHP0vaIAbMfHbMLskBVx97yDtWIYjHsGheYtFLAL5AkAAKlSZcm/LDhQefCACBlx/RcP7+B7gy4SbVdKpowtz8qz5A+WUrRJe4BlR4EdKs1P8Tn9TCNiQPOwaEDU96IXZQI38mmi6BwWTut6Awr8WoVKYA7TYQA5Z5YzpAMqKw9OtP/RDJ1KDZasP6txBojO/7hyi7azlSrzk9DFvunDKaMDtmjGZrxIhPTBCTsuufLzC3jNHOb+wNkuFtQGP/6ORyxSoJLFVFUg2CcJgwczRdBJ3Jwo0aln8P0uAoa80ezYLVzrj9MUjlyuRMsOdQkoUVZwC0hllmRP/u71EevEy3XybV4y9WqKmZedrwzMhO6yl2QmeiR3U26iYV/vdl+p/r/AvMhAk86cw6LgAAAABJRU5ErkJggg==)
}

.imgNext {
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJySURBVDjLpVNLbxJRFO4P8BfwO2Dp0g27VmvSnYkbEzYmLpq6sZP66KIxQmYsUUyb1gYqCZrU2qamVJwOIKaxUKAMD4HyKBQGHAaGx1COcy4P8bHzJt/i3pzvO+c759wJAJgYx7Vl0KjQqdCrmBlAP3jT/Bk/TryiQnv/rWhwuDOM9zjGnYROhUAwLBweRbg3riQza68YMAZjfxMYkK/a2DwVOE3whbIIktwB5bJHUGu0IVesgOcoyK/sJSiMHYoMBbRIDka+S82WAnjkdhcqUgcEFfVWl7xJchsOfX7JshNFES0RQF9YNmYekuPnDSj+aEOh2kc014BcpTUS2Tvw8Hc3CmhHgwI6B3fGYNl4SmIbbjxiCQnJ+WoLphZcEMpIkCk3SUwkeQ603csgFwX0nm9RDj1jqUi6/pBV4YJIrg5ZoakKfCIInkkgNhS4qMqwuvmeQy4KzPhPQgI2q1zrEAHMiLi56IVYvgFTlCpAOWH6sZvc28olbFg3BeQSgeNAkAhg+egVydNP3CQrik7OO4mtyfl9chcbHVhdez0S0H/+GuaqUgtqskJ8EjLVJyeL8oiMCXAysWwVaIt1ZEFndcaZdK4MvR5AutQk5SI5UZAJJh/sk6lgYzvdHhx8CQNl/jBqouaerWRwsj5eEJujSSARx4mekYwNxQRxNbvpxTp/2xzrj3G4SPS7ALX1kZUKlX5gta6QalIXMlkmzBzLVsBosUlz9M6vRRpf5SWrj1q3b/FefxzSBZH0BD2HUwLssgFYolf4WdP236s8/pnuvEoZFl7uMk+X1zj6uVl4ZmKERaOFmzM6mFtM5N+f6X++80/jPghfk2d02wAAAABJRU5ErkJggg==)
}

input[disabled="disabled"] + Label {
	color:Gray
}

textarea {
	border:1px solid #dadad8;
	border-radius:5px
}

.miniselect {
	border:1px solid #dadad9;
	border-radius:5px;
	height:23px
}

.aedit {
	background:#fff url(../content/images/edit.png) no-repeat scroll center center;
	padding:7px
}

.completed {
	background:#fff url(../content/images/checkmini.png) no-repeat scroll center center;
	float:right;
	height:20px;
	width:18px
}

.cancel {
	background:#fff url(../content/images/crossmini.png) no-repeat scroll center center;
	float:right;
	height:20px;
	width:18px
}

.open {
	background:#fff url(../content/images/open.png) no-repeat scroll center center;
	float:right;
	height:20px;
	width:20px
}

input[disabled="disabled"],select[disabled="disabled"] {
	background-color:#e4e4e4
}

.errorlist {
	position:fixed;
	z-index:999;
	background:#F1F1F1 none repeat scroll 0 0;
	border:1px solid #adadad;
	color:#626262;
	height:300px;
	margin-left:8%;
	overflow:auto;
	padding:10px;
	width:70%;
	top:30%;
}

.errorlist div {
	word-wrap:break-word;
	background-color:#fff;
	border:1px solid #b1b1b1;
	float:left;
	font-size:13px;
	margin-bottom:4px;
	margin-right:10px;
	padding:8px;
	width:44%
}

.errorlist .errordiv {
	background-color:#f87878;
	border:1px solid #e76565;
	color:#434343;
	font-weight:700;
	width:98%
}

.errorlist span {
	float:right;
	font-weight:700;
	cursor:pointer;
	font-size:12px;
	color:#8c0404
}

.errorlist .displaynone {
	width:98%
}

.errorlist .closediv {
	background:transparent url(../content/images/close.png) no-repeat scroll center center;
	border:medium none;
	float:right!important;
	height:11px;
	margin-left:70%;
	margin-top:-2%;
	position:inherit;
	width:10px;
	cursor:pointer
}

.red {
	color:red
}


.SkyBlue {
	background-color: #dce6f1;
}

/*Change Password Popup style*/
	.changepasswordpopup 
	{
		padding:1em;
		background:#fff;
		min-height: 155px;
		overflow:hidden
	}
	.changepasswordlightbox 
	{
		background-image:url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAADUlEQVQYV2NgYGCoBwAAhACAEozAVQAAAABJRU5ErkJggg==);
		display:none;
		height:100%;
		left:0;
		position:fixed;
		text-align:center;
		top:0;
		width:100%
	}
	.changepasswordmessage_box_outer 
	{
		display:block;
		margin:12% auto auto;
		vertical-align:middle
	}
   .changepassworddialog_box 
   {
	   border-radius:5px;
	   margin:0 auto;
	   overflow:hidden;
	   padding:0;
	   width:282px
   }
   .changepasswordpopup input[type=password]
   {
	   float:left;
	   background:#fff;
	   min-height:22px;
	   color:#5a5a5a;
	   border:1px solid #a9a9a9;
	   border-radius:5px;
	   padding:5px;
	   width:95%
  }
	.manifestdialog_box1
	{
		border-radius:5px;
		margin:0 auto;
		overflow:hidden;
		padding:0;
		width:35%;
	}
   
	.changepasswordheading,.removeheading 
	{
		background:#32b2e3;color:#fff;float:left;font-size:1em;font-weight:700;width:100%
	}
	.orange_btn 
	{
		background:#32b2e3;margin-top:3%;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;min-width:90px;padding:7px 17px;float:right
	}
.changepasswordtitle_line {
	float:left;margin:10px 0 10px 10px;text-align:left;width:95%
}
.changepasswordtitle_line span {
	float:right;color:#fff;cursor:pointer
}
.changepasswordpopup label {
	color:#223241;float:left;font-size:14px;font-weight:700;min-width:100px;padding:7px;text-align:right
}
.changepassworddivleft {
	width:50%;float:left;margin-top:8px
}
.changepassworddivright {
	width:50%;float:right;margin-top:8px
}
.changepasswordfullwidth {
	width:95%
}
.changepassworddivleft1 {
	 float:left
 }
.changepassworddivright1 {
	width:50%;float:right
}
.changepassworderror {
	color:red;font-size:12px;padding:3px
}
.wofiledivleft {
	float:left;margin-top: 8px;
}
.form-group {
	margin-bottom: 15px !important;
	width: 100%;
	float: left;
}
.form-control {
  display: block;
  width: 100%;
  height: 20px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 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;
}
.forgot {
	color: #848687;
    font-size: 12px;
    margin-left: 7%;
    padding: 14px;
    text-align: left;
    width: 80%
}
.forgot a {
	color: #44a3d6;
	font-size: 12px;	 
   cursor:pointer;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxx Updated css 9-june xxxxxxxxxxxxxxxxxxxxxx */
.small_font, .small_font th, .small_font td { font-size:12px!important; }
.table_styling td td { border-bottom:0; padding:0;} 

.three_cols { float:left; width:33.3%; padding-bottom:20px; }
.two_cols { float:left; width:50%; padding-bottom:20px;  }
.successmessage {background-color: #239A03;  top: -73px;}
.messagetop h3 {margin: 0 0 5px;}
.messagetop p {margin: 0;}
.messagetop {  
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    border: 1px solid #27691c;
    color: #fff;
    left: -1px;
    padding: 9px;
    position: fixed;
    width: 100%;
  /*  z-index: 999;*/
    z-index:999999;
}

/*@media screen and (max-width: 1024px)  
{
    
 .header{ height:88px; }   
    
.headertops 
{
    background-size:cover;
    padding: 25px 0px 0px 0;
    top: 35px;
}

}*/

@media screen and (max-width: 1000px) { 
.three_cols { width:50%;  }
.two_cols.last { width:100%; }

}
/* user_table_top,nput[type=radio]:not(old):checked+label[for="rdTranslatorUsed"] Css added on 13 Dec  */  
@media screen and (max-width: 1000px) { 
.three_cols, .two_cols { width:100%;  }
.two_cols.last { width:100%; }
.user_table_top tr td{ width:100% !important; float: left;    margin: 9px 0;}
input[type=radio]:not(old):checked+label[for="rdTranslatorUsed"]{ margin-left:0;}
} 

 .alternate_row { background:#f1f1f1;}
  /*Required Fields Style Class*/
  .required:after { content:" *"; color: red; }
  .notefield  { font-size: 10x; padding-right: 25px; float: right; color: red; }
  .atag{ color: #00a6ff;    cursor: pointer;}
  .footertag{ background-color: #e4e3e3;   border-top: 1px solid #a6a6a6;   bottom: 0;   color: #111111;   opacity: 0.6;   padding: 2px;   position: fixed;   text-align: center;   width: 100%;   z-index: 9999;opacity: 0.6;filter:alpha(opacity=60);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}
  .lineheight50{ line-height: 40px;}
  .redrequired{color: red;    float: right;    padding: 9px;}
  .Comcast_inventory {    padding: 2px;}
  
  #result{margin-left:5px;}
.short{	color:#FF0000;}
.weak{color:#E66C2C;}
.good{color:#2D98F3;}
.strong{color:#006400;}


/************************************************************************
////////////////////////////FORGET PASSWORD PAGE CSS ONLY//////////////////////////////
************************************************************************/
.Forget_contaner {border:1px solid #dbdbdb; height:300px; left:50%; margin-left:-250px; margin-top:-150px; position:absolute; top:50%; width:500px; }
.forget_logo {float: left; text-align: center; width: 100%;background:#F9F9F9; padding:5px 0; border-bottom:1px solid #E1E1E1; }

.forget_logo img {
    width: 80px;
}

.inner_forget{ width:85%; margin:0 auto; overflow:hidden;}
.forget {  border: 1px solid #ccc;
    color: #666;
    display: block;
    font-size: 17px;
    height: 14px;
    margin: 5px auto;
    padding: 10px 0;
    width: 99%;
	text-indent:10px;}

label.forget_label {
    display: block;
    font-weight: bold;
    margin: 15px auto 0;
    width: 100%;
}

.forget_label_span {
    color: #959595;
    display: block;
    font-size: 14px;
    margin: 0 auto;
    width: 100%;
}

h1.forget_heading {
    margin: 20px auto 5px;
    width: 100%;
}
.forget_button_cntaner{ width:100%; float:left; padding:10px 0;}
.backtologin{ float:right; color:#666666; padding:8px 5px; font-size:12px; }



/******************************29-06-2015 Starts***************************************/

.wharehouse_list_box{ border:2px solid #1696c7; border-radius:2px; padding:5px; width:90%; margin:5px 0; overflow:hidden; padding-left:3%;}
.arrow_image{ background-image:url(../images/arrrow.png); background-repeat:no-repeat; background-position:90% 15px;}
.wharehouse_list_box .arrow_image h3{ color:#737373; font-size:14px;}
.wharehouse_list_box .arrow_image h2{font-size:17px; margin-top:4px;}
.No_backgrounfimage{ background-image:none;}
.listing { height: 120px; overflow-x: hidden; float:left;}
.listing > li {float: left; padding: 5px; width: 100%; background:url(../images/small_arrow.png) no-repeat left center;}
.listing li a {color:#0c7ba5;}

.span_Col3 > .wharehouse_list_box{ width:87%; border:1px solid #d7d7d7; padding:0;}
.wharehouse_list_box  h3{ color:#737373; font-size:14px;}
.wharehouse_list_box h2{font-size:17px; margin-top:4px;}
.span_Col2.inner_2 { border-right: 1px solid #ccc; padding:6% 2% ; width: 45%;}
.botom_link {background: none repeat scroll 0 0 #f6f6f6; border-top: 1px solid #ccc; float: left; width: 100%;}
.botom_link a{ width:96%; float:left; padding: 2%;}

.span_Col2.minwidth_for2 {
    min-width: 510px;
}
.span_Col3.minwidth_for3 {
    min-width: 390px;
}
/**********************************29-06-2015 Ends*******************************************/


/**************====================== Only for iPad =====================***************/

@media screen and (min-width: 760px) and (max-width:769px) { 

.logo { margin:22px 0 0 10px; width: 180px !important;}

.logo img{ width:auto;}

.header_right_icons li a img{ display:none !important;}

.span_Col3 {  float: left; width: 50% !important;}

.span_Col3_space { margin-top:7px;}

.span_Col3_space b{ margin-left: 21px; font-size:13px; font-weight:normal !important;}

.Form_label_main, .label_form{ text-align:right; width:70px; font-size:12px !important; min-width:105px;}

.radio_label{ font-size:12px;}

.note{ margin-left: 115px !important;}

.blue_btn{ margin-left:0;}

.responsive-blu{ padding:5px !important; font-size: 13px; }

.span_Col4{ width:39%;}

.div-dis{ display:none;}

.full_width{ width:100%; margin-top:10px;}

.width-ful{ width:50% !important;}

.spl-width{ width:91% !important; margin-top:12px;}

/* input[type=radio]:not(old) {
	width:28px;
	margin:0;
	padding:0;
	opacity:0;
	cursor:pointer
}

input[type=radio]:not(old)+label {
	display:inline-block;
	margin-left:-28px;
	padding-left:28px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABICAYAAADs+TUPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAMaSURBVFhH7ZjPb1JBEMcHtFI4iIUWSNRCQluNJxoLjRdiojf/EP8m/5gmphdjsMDJi7xKGzHQCIgHfkRF+U7fkvXt8B4vpTZt+CSTZd/OfGd3+nZZGvgzgS6RoN1eGtc/gfg3wKPT01M6OzujwWDAfYlAIEDhcJgSiQRtbm5y34mRAN1qtcqfEQgBKRDAFxPAREAulzN8jRJh5ghMp9MsDtCXDMAHvugj1omRALPZ2NgwxLwMMWolOkYCLHl1dVUUcTPEINaJkQDOqvVjKsaJ+Jo6g+c1iatJsEhuYImwE8fjsSjgZoiRdryRADtzOByKIm6GGLXzdYwEOH+63a4o4maIQawTIwFOxWAwSM1mk3emW7kwBh/4IgaxTlyP61arNS2XBGqOIyKZTM5/XC8a8TVdJMsEniwTePL/Nxq6lUqFj4FoNEqhUEgMBPAdjUbU6/X4qNjd3TV8jRJh5hBPpVJ8OiIQQZJhDD7wRczc96K1tTVRULevXYtN9RHj616kizkNwvvVx2wqia97kVtZIFioPKI3+0E2fG50axzj+HMy4muqCzY6NTYlni/vsLDOxJPHJVwTNDrngrDy8QHtHW3/I/76/Zg+PK3Rw/UdfwnAl/anieDWtBSvrJei+IP4lv1ExnUFOk7xoz3MfHvq62sFcMayy3mLxXTQx3NVFt8JlCNaiFQKx9MkaNGfJa5aHSOBuhepQIhVC59ZHK0kDpt1LzLOopOTE2q325TJZOwn5/z8NaKV2yG7Z1Kv1ykej/PPKR1jBepURCK1M9G/s2LubgAf+KLv+16EswUCggsDUZTF18/YRSO+potkmcCTZQJPlvciz3uRsYJSqUSxWIyX/mPQpifvkvaIzMdnLbobjnMpO50O5fN5e+QcI8Hh4SFls1me4f2DW/xM/7rUUV9EjRe/uVyWZVGxWORnCiMSjqosYJY4UGOqXI65MmK0qvG8uPlfTYJFcgNLpBxVq15FCTXmjNERNxp2ZiQSoV7/G2Xf3rNHZKzn3ykaWad+v8//dfHcaLPuRV5c+F4kGVjeiy7MdU9A9BdN4Kiu3hl5rwAAAABJRU5ErkJggg==) no-repeat;
	line-height:24px
}
*/
input[type=radio]:not(old):checked+label {
	background-position:0 -48px
}

.Form_Fields.inventory{ width:100%;}

.span_Col-sm{ width:44% !important;}

.span_Col-sm label{ min-width: 75px;}

.span_Col-lr{ width:56% !important;}

.span_Col-lr label{ min-width: 75px;}

.Confirmcount2{ margin-top:10px !important; margin-right:6px !important;}

.first-LB { width:115px;}

.second-LB { width:138px !important;}

.blu-res{ width:150px !important;}

.last-cont{ margin-left: 5px !important;  margin-top: 8px;  width: 285px !important;}

.right_table_small > h2, .span_Col2.left_table_small > h2 { font-size: 13px;}

.blu-lef{ float:left !important; }

.note2{ margin-left:106px !important;}

.text-left-red{ margin-left:94px !important;}

.width_short{ width:30.3% !important;}

.left-buttons{ margin-left:125px !important;}

.blue_small{ min-width:0 !important;}

.b-blue input{ margin-left:9px;}
.invoicepopup {
  
    height: 640px !important;

}
/****** Changes made of 22AUG By preeti ******/

#password-popup .password {
   
    width: 61% !important;
}

}

@media screen and (min-width: 1020px) and (max-width:1030px)  
{
  
.span_Col3 {  float: left; width: 43%;}

.span_Col4{ width:27%;}

.div-dis{ display:none;}

.full_width{ width:100%; margin-top:10px;}

.text_qua{ min-width:90px !important;}

.text-left-red{ margin-left:111px !important;}

.spl-width{ width:75% !important; margin-top:12px;}

.span_Col3_space { margin-top:5px;}

.span_Col3_space b{ margin-left: 31px;}

.Confirmcount2{ margin-top:10px !important; margin-right:6px !important;}

.first-LB { width:158px;}

.second-LB { width:163px;}

.blu-res{ width:250px !important;}

.last-cont{ margin-left: 8px !important;  margin-top: 8px;  width: 406px !important;}

.blue_small{ min-width:70px;}

.b-blue input{ margin-left:9px;}


}


.second-LB{ width:154px;}



/*refferal popup css*  added on 09/10/2015


/**
 * jqFenster - Lightweight Modal Framework
 * Version: 1.2.4 (2013-05-18)
 * https://github.com/kkamkou/jqFenster
 */
div.jqFensterHolder {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:auto;
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse
}
*:first-child+html div.jqFensterHolder {
	height:100%
}
table.jqFensterContainer {
	height:100%;
	margin:0 auto
}
td.jqFensterContent {
	padding:24px;
	margin:0;
	border:0;
	vertical-align:middle
}
div.jqFensterModal {
	background-color:#5c5959;
	padding:0px;
	border:0;
	position:relative;
	display:none;
	box-shadow:0 0 10px 2px #333;
	min-width:310px;
}
div.jqFensterModal div.jqFensterModalContent {
	background-color:#FFF;
	padding:10px;
}
div.jqFensterModal a.jqFensterModalClose {
	padding:1px 7px;
	background-color:#e70707;
	text-decoration:none;
	color:#fff;
	font-size:110%;
	position:absolute;
	right:10px;
	top:10px;
	font-weight:bold;
}

div.jqEbony {
	z-index:1000!important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #7F000000, endColorstr = #7F000000);
	zoom:1;
	-webkit-overflow-scrolling:touch
}
div.jqEbony>* {
	-webkit-transform:translateZ(0)
}
.jqFensterContainer { width:auto!important; }


@media screen and (max-width: 1000px) { 
.three_cols { width:50%;  }
.two_cols.last { width:100%; }
}
@media screen and (max-width: 1000px) { 
.three_cols, .two_cols { width:100%;  }
.two_cols.last { width:100%; }
}
.logo{ float:left; margin:18px 0 18px 18px; width:auto; }
.my-referral-cont { width:97%; margin:0 auto;  }
.my-referral-cont .Comcast_inventory input.table_text_box[type="text"] { max-width:100px; }
.my-referral-cont .tabbimg_style li span { font-size:12px; }
.popup_title { background:#32b2e3; padding:10px; color:#fff; font-weight:bold; }
.referral_popup { width:96%;  }
.referral_popup label { width:40%; float:left; color:#5a5a5a; font-weight:bold; text-align:right; padding:7px; }
.referral_popup .txtbox { border:1px solid #a9a9a9; border-radius:5px; padding:7px; color:#5a5a5a; width:50%;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  }
.form_btns { text-align:center; }
.reset_btn { background:#888888; } 





   @media print
        {
            table.tablesorter tbody tr
            {
                display: table-row !important;
            }
        }
        
        input[name=multiselect_ddlTechList]
        {
            margin-right: 5px;
        }
        
        .table_custom
        {
            border-right: 1px solid #b1b1b1;
            float: none !important;
            margin: 30px auto 22px 2%;
        }
        
        .table_custom td
        {
             border-bottom: 1px solid #b1b1b1;
            border-left: 1px solid #b1b1b1;
            color: #000;
            padding: 10px;
            text-align: center;
        }
         .table_custom_cursor
        {
            cursor:pointer;
        }
        .table_custom thead tr
        {
          /*  border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;*/
        }
        .table_custom th
        {
                background : #32b2e3 none repeat scroll 0 0;
                border-left: 1px solid #ffffff;
                color: #fff;
                font-size: 14px;
                padding: 10px;
        }
        .table_custom_search
        {
             background-color: #165e7b;
            border-top: 1px solid;
            }
        ul.simple-pagination
        {
            list-style: none;
        }
        .custompaging
        {
            padding: 0 10px 10px 0;
            color: #555454;
        }
        .custompaging a.current
        {
            background: rgba(0, 0, 0, 0) linear-gradient(to bottom, white 0%, #e1e1e1 100%) repeat scroll 0 0;
            border: 1px solid #cacaca;
            color: #000000 !important;
            padding: 4px;
        }
        .custompaging a
        {
            color: black;
            font-weight: bold;
            text-decoration: none;
        }
        .customshowing
        {
            color: #5f5f5f;
            font-size: 12px;
            font-weight: bold;
            padding-left: 25px;
        }
        .simple-pagination
        {
            display: block;
            overflow: hidden;
            padding: 0 22px 9px 0;
            margin: 0;
            float: right;
        }
        .simple-pagination ul
        {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .simple-pagination li
        {
            list-style: none;
            padding: 0;
            margin: 0;
            float: left;
        }
        /*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/
        .compact-theme a, .compact-theme span
        {
            float: left;
            color: #333;
            font-size: 14px;
            line-height: 24px;
            font-weight: normal;
            text-align: center;
            border: 1px solid #AAA;
            border-left: none;
            min-width: 14px;
            padding: 0 7px;
            box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
            background: #efefef; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
            background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
            background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
        }
        .compact-theme a:hover
        {
            text-decoration: none;
            background: #efefef; /* Old browsers */
            background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
            background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
            background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
        }
        .compact-theme li:first-child a, .compact-theme li:first-child span
        {
            border-left: 1px solid #AAA;
            border-radius: 3px 0 0 3px;
        }
        .compact-theme li:last-child a, .compact-theme li:last-child span
        {
            border-radius: 0 3px 3px 0;
        }
        .compact-theme .current
        {
            background: #bbbbbb; /* Old browsers */
            background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
            background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
            background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
            cursor: default;
        }
        .compact-theme .ellipse
        {
            background: #EAEAEA;
            padding: 0 10px;
            cursor: default;
        }
        /*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/
        .light-theme a, .light-theme span
        {
            float: left;
            color: #666;
            font-size: 14px;
            line-height: 24px;
            font-weight: normal;
            text-align: center;
            border: 1px solid #BBB;
            min-width: 14px;
            padding: 0 7px;
            margin: 0 5px 0 0;
            border-radius: 3px;
            box-shadow: 0 1px 2px rgba(0,0,0,0.2);
            background: #efefef; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
            background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
            background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
        }
        .light-theme a:hover
        {
            text-decoration: none;
            background: #FCFCFC;
        }
        .light-theme .current
        {
            background: #666;
            color: #FFF;
            border-color: #444;
            box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
            cursor: default;
        }
        .light-theme .currentnext
        {
            background: #666;
            color: #FFF;
            border-color: #444;
            box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
            cursor: default;
        }
        .light-theme .ellipse
        {
            background: none;
            border: none;
            border-radius: 0;
            box-shadow: none;
            font-weight: bold;
            cursor: default;
        }
        .exportdiv{ margin: 5px 14px 0 0;padding: 0 10px;}
        .exportdiv span{margin: 4px;}
        
        
 

.cbuffer {
	background-image:url(../Content/images/icon-buffer.png);
	border-bottom: 1px solid #226A87;
}

.teissue {
	background-image:url(../Content/images/icon-tech-equipment.png);
	border-bottom: 1px solid #226A87;
}

.tsissue {
	background-image:url(../Content/images/icon-supply.png);
	border-bottom: 1px solid #226A87;
}

.lostequip {
	background-image:url(../Content/images/icon-lost.png);
	border-bottom: 1px solid #226A87;
}

  
.active.cbuffer,.cbuffer:hover {
	background-image:url(../Content/images/icon-buffer-hover.png);
	border-bottom: 1px solid #226A87;
}

.active.teissue,.cpe:teissue {
	background-image:url(../Content/images/icon-tech-equipment-hover.png);
	border-bottom: 1px solid #226A87;
}

.active.tsissue,.invoicing:tsissue {
	background-image:url(../Content/images/icon-supply-hover.png);
	border-bottom: 1px solid #226A87;
}

.active.lostequip,.payroll:lostequip {
	background-image:url(../Content/images/icon-lost-hover.png);
	border-bottom: 1px solid #226A87;
}

 
 /**********************************Tech Sold Page Classs*******************************************/
 .Form-tech{}
.form-tech-div{  padding:1%;  margin:0 auto; width:600px;}
.form-tech-div-bottom{ margin-top:4%}
.Form-tech h2{  padding: 10px 0 0; color:#165e7b; font-weight:400; font-size: 13pt;}
.Form-tech label{ color:#223241;  display: inline-block;   width: 17%; font-weight:700;}
.Form-tech input[type="text"]{   border: 1px solid #cdcdcd; color: #000; font-size: 12px; max-width: 400px; padding: 10px 4px;  width: 100%; margin-bottom: 1%;}
.form-tech-div-bottom input[type="button"]{ float:left;  margin-left: 9.6%; cursor:pointer; padding:10px; background:#165e7b; color:#FFFFFF}
.row-style td{ background:#f2f2f2; border-bottom:1px soldi #999;}
.mandatory{color:#ec4646}
.change-left input{ margin-right: 15%; cursor:pointer; padding:10px 14px; background:#42c2f3; color:#FFFFFF; float:left; margin-top:2%;}
.change-right input{ margin-right: 15%; cursor:pointer; padding:10px 14px; background:#42c2f3; color:#FFFFFF; float:right; margin-top:2%;}

@media screen and (max-width:768px){	
	.form-tech-div {
    width:100% !important;
} 
.form-tech-div-bottom {
    width:100% !important;
}
.Form-tech label { width:100%; padding-bottom:4px;}

.Form-tech input[type="text"] {

    max-width: 100%;
    width: 100%;
}

#divTableDetail {
    margin:0 !important;
   
    width: 100% !important;
}#divTableDetail table{ width: 100% !important;}
.change-left input{ float:none; width:100%;}
.change-right input{  float:none; width:100%;}

}

@media screen and (min-width: 768px) and (max-width: 810px){
	
	.left_panel-hideme{ display:none;}
	}   
	
}                  
 /**********************************END OF Tech Sold Page Classs*******************************************/
 
 /**********************************Tech Return page*****************************************************/
 
 



.form-button{   width: 81px; margin:0 auto;}
.add-more{ width:170px; float:right;}

a { color:#1283ae; }

 
.form-tech-div-bottom input[type="button"] {
	margin-left:0 !important;
	}
 	
	.add-more{ width: 77px; float:right;} 
 /**********************************End Tech Return page*****************************************************/
 
  /********************************** March 07 2016 ******************************************/
 
   @media screen and (min-width: 320px) and (max-width: 340px)
  {
      
      .blue_btn {  width: 95% !important;}
      
      .Confirmcount { width: 89% !important; }
      

      
      }
  
  @media screen and (min-width: 320px) and (max-width: 480px)
  {
      
      .Form_label_main{width: 50px;}
      .span_Col2 { width:100% !important;}
      }
      
    @media screen and (min-width: 360px) and (max-width: 380px)
  {
      .Form_label_main{float:none;}
      
      
      }    
      
      @media screen and (min-width: 480px) and (max-width: 490px)
  {
      .Form_label_main{width: 90px; padding: 4px 0;}
      }    
 
  @media screen and (min-width: 320px) and (max-width: 640px)
  {
      .right_panel { margin-left: 7px;}
      .left_panel { position:unset;}
      
      
      
      .manifest{ width:100%;}
      .manifest input{ width: 53% !important; margin: 5px 0 15px;}
      .manifest textarea{width: 56% !important; margin: 5px 0 15px;}
      
      }
   @media screen and (min-width: 320px) and (max-width: 767px)
  {
   
   .responsive-btn {
    width: 100% !important;}
    
    .blue_btn { margin-bottom:10px; padding: 3%; width: 98%;}
    
    .Confirmcount{ float: left !important; margin: 0 auto; width: 94%; padding:2%;}
    
    .responsive-btn2{ width: 100% !important; float:left;}
    .responsive-btn2 input{ margin-right:14px !important; margin-top:10px; float:left !important;}
    
    .span_Col3 { width:100% !important;}
    .span_Col3 input{ width: 53% !important; margin: 5px 0 15px;}
    .span_Col3 textarea{width: 56% !important; margin: 5px 0 15px;}
    
    .for-res{ margin-right:10% !important;}
    .for-res-f{ margin-right:10% !important;}
    
    .left_panel{ display:none;}
    .right_panel{ width:94% !important; margin-left:2%;}
    
          
      }
      
      
     @media screen and (min-width: 320px) and (max-width: 360px)
  {
      
            .Form_label_main { text-align:left; float:none;}
            
            .manifest input {
    margin: 5px 0 15px;
    width: 72% !important;
}

.manifest textarea {
    margin: 5px 0 15px;
    width: 78% !important;
}

.for-res{ float:none !important;}
.for-res-f{ float:none !important;}

.span_Col3 { width:100% !important;}
.span_Col3 input{ width: 74% !important; margin: 5px 0 15px;}
          
  }
  /********************************** March 07 2016 ******************************************/
  
/********************************** March 08 2016 ******************************************/  
.maroon td {
	background-color:#fcacac!important
}
/********************************** March 08 2016 ******************************************/  


/* added on 14 march 2016 for scroll on reponsive grid*/
.work-table {
    margin-top: 10px;
    overflow-x: scroll;
    width: 100%;
}
/* added on 16 march 2016 for side menu display*/

.main_menu2 li,.main_menu2 li.cbuffer,.main_menu2 li.tdaily   {
	height:50px;
	float:left;
	text-align:center;
	width:110px;
	background-repeat:no-repeat;
	background-position:center 12px;
	background-image:none;
}


.main_menu2 li a {
	color:#92aab7;
	float:left;
	padding-top:16px;
	text-align:center;
	width:100%;
	padding-bottom:15px
}

.main_menu2 li.active a,.main_menu li:hover a {
	color:#fff;
	background-image:url(../Content/images/active_menu_arrow.png);
	background-position:right center;
	background-repeat:no-repeat
}

.main_menu2 li.active,.main_menu li:hover {
	background-color:#2fafe0
}


   @media screen and (min-width: 320px) and (max-width: 767px)
  {
.scroll-me{ overflow-x:scroll; width:100%;}

.message_box_outer {
    display: block;
    margin: 22% 7% auto;
    vertical-align: middle;
}

.manifestdialog_box1 {
    border-radius: 5px;
    margin: 0 auto;
    overflow: hidden;
    padding: 5% 0 0;
    width: 75%;
}
.form-group {
    float: left;
    margin-bottom: 5px !important;
    width: 100%;
}
.changepasswordmessage_box_outer {
    margin: 20% auto auto;
}
.dialog_box {
    width: 100% !important;
     padding: 0 auto !important;
}

.give-right{ margin-right:8% !important;}



}

.radiobtn_section{/*float:left; width:57%;     margin-left: 6%;*/}

/* ********************* Graph 30-03-2016 strats ********************* */ 
.right_panel{min-width: 80% !important;} /* line number 80, its coming inline style*/

.graph_container{border: 1px solid #eeeeee; border-bottom:0px; box-sizing: border-box;    float: left;    margin: 15px 0;    width: 100%;}
.graph_container .graph_section {float: left;  width: 100%;}
.graph_container .title{ background: #32B2E3;color: #fff;    font-size: 17px;    padding: 7px 10px;margin: 0 0 1px;}
.graph_container .half_section {float: left;  text-align: center;  width: 50%; box-sizing: border-box; }
.graph_container .half_section.borderright {border-right: 1px solid #eeeeee; }
.graph_container .form-group {border-bottom: 1px solid #eeeeee;  box-sizing: border-box; float: left;  padding: 10px;    width: 100%;}
.blank_s{min-height:59px;}
.graph_container .form-group label {box-sizing: border-box;float: left;  line-height: 36px;  padding-right: 10px;  text-align: right;  width: 43%;}
.graph_container .form-group .input_space {box-sizing: border-box; float: left; line-height: 36px; padding-left: 10px; text-align: left; width: auto;position: relative;}
.graph_container .form-group .form-control{ border: 1px solid #ccc;   padding: 7px;    width:150px;}
.graph_container .form-group .input_space .calendar {float: left;  left: 150px;  margin-top: 8px;  position: absolute;  width: 20px;}
@media screen and (max-width:767px) { 
.graph_container .half_section {width:100%;}
.graph_container .half_section.borderright { border-right: medium none;}
}
@media screen and (max-width:479px) { 
.graph_container .half_section {width:100%;}
.graph_container .form-group label {box-sizing: border-box;  float: left;  line-height: 36px;  padding-right: 0;  text-align: left;  width: 100%;}
.graph_container .form-group .input_space { box-sizing: border-box;  float: left;  line-height: 36px;  padding-left: 0;  text-align: left;  width: 100%;}
.graph_container .form-group .form-control {box-sizing: border-box;  height: 42px;  max-width: 100%;  width: 100%;}
.graph_container .form-group .input_space .calendar {left: 90%;  margin-top: 11px;}

}
/* ********************* Graph 30-03-2016 Ends ********************* */ 

/************************************************************* HR module 16may-2016 ****************************************************************/
.header_hr{ color: #555; font-size: 17px;font-weight: normal;}
.top_header_content {color:#5a5a5a;font-size: 14px;line-height: 22px;margin: 10px 0;}
.collpsable_form_controller > h2 { background: #f2f2f2; border:1px solid #e6e6e6;  color: #333; font-size: 17px; font-weight: normal; margin: 10px 0 0; padding: 10px;text-transform: capitalize; cursor:pointer;}
.collpsable_form_controller .form-contaner { border:1px solid #e6e6e6 ;	border-top:none; padding: 10px; overflow:hidden;}
.collpsable_form_controller > h2.active_class { border-bottom: 1px solid #e6e6e6;}
.form_fields_contaner { float: left; width: 33.3%; padding:10px 0;position: relative;}
.form_fields_contaner label {
    color: #223241;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    position: relative;
    text-align: left;
    width: 45%;
}
.form_fields_contaner select, .form_fields_contaner input[type="text"],.form_fields_contaner input[type="number"],  .form_fields_contaner input[type="tel"], .form_fields_contaner input[type="Signature"], .form_fields_contaner input[type="email"], .form_fields_contaner input[type="text"], .form_fields_contaner input[type="file"]{background: #fff; border: 1px solid #dcdada; border-radius: 5px; color: #5a5a5a;min-height: 22px;    padding: 5px;   width:34%; }

.form_fields_contaner textarea{background: #fff; border: 1px solid #dcdada; border-radius: 5px; color: #5a5a5a;min-height: 22px;    padding:10px;   width:54%;min-height: 120px;}
.additional_section .form_fields_contaner textarea, .criminal_information .form_fields_contaner textarea{/*width:90%;*/}
.form_fields_contaner select{    width: 39%;height:35px;}
.form_fields_contaner input[type="text"]:focus{box-shadow: 0px 0px 5px #73CEF1;}	
.form_fields_contaner label.mandatory:after{content: '*';display: block;    position: absolute;    font-size: 14px;    color: #ff0000;    top: 0;    right: 8px;}
.single_row{display: table;  width: 100%;    clear: both;}	
.form_fields_contaner .ui-datepicker-trigger { cursor: pointer;
   /* float: right;*/
    position: relative;
    right: -7px;
    top: 6px;}
.form_fields_contaner input[type="submit"] {background: #44c4f5; border-radius: 5px;  color: #fff;  margin:0;  padding: 10px 15px; cursor:pointer}
.form_fields_contaner .radiobtn_section > input, .checkbox_section > input, .form_fields_contaner .radiobtn_section > label , .checkbox_section > label{float: left; margin: 7px 10px 10px ;  width: auto;font-weight: normal;color: #5a5a5a;padding: 0;   line-height: 20px;}
.radiobtn_section > input{margin: 22px 0 10px;}
.checkbox_section > input {margin: 22px 0 10px;}
.fullwith_section{width:100%;}

.form_fields_contaner.halfwidth{width:100%;}
.addmore {background: #45c5f6 !important; text-decoration:none;  border-radius: 5px;  color: #fff;  float: right;  margin-right: 50px;  margin-top: 30px;  padding: 10px 20px;}
a.addmore{ color:#fff !important;}
a.addmore:hover{ text-decoration:none;}
.collpsable_form_controller h2 > img {  float: right;  cursor: pointer; position:relative; top:6px;}

.Agreementlink{margin:30px 0px;}



.policy ol li {color: #44c4f5;font-size: 17px;line-height: 22px;  list-style-position: outside;  list-style-type: upper-roman;  margin: 20px 25px;}
.policy ol li p{margin: 10px 0; color: #666;}
.policy ol li h3{color:#555; font-size: 16px; margin:0px 0px 10px 0px; font-weight:normal;}
.policy ol li .tot{margin:0px; padding:0px;}
.policy ol li .tot li{list-style-type: upper-alpha;}
.policy ol li .tot ul li{list-style-type:none; margin: 10px;}
.policy ol li .tot ul li span{color:#666;}
.policy ol li .tot_inner {list-style-type: upper-alpha;}
.policy ol li .tot_inner li{list-style-type: decimal;margin: 10px;}
.policy ol li .tot_inner li span{color:#666;}
.policy ol li .tot ol{padding:0px 30px; display: block;}

.drug_test h3{color:#555; font-size: 16px; margin:0px 0px 10px 0px; font-weight:normal;}
.drug_test p{color:#666;margin:15px 0px; line-height:20px;}




.Background_Release ol li {color: #44c4f5;font-size: 17px;line-height: 22px;  list-style-position: outside;  list-style-type: upper-roman;  margin: 20px 25px;}
.Background_Release ol li span{color: #666;}
.small_text {margin-bottom:50px;}
.small_text p{font-size:13px; line-height:20px; margin:0px; color: #5a5a5a;}
.small_text p.request_checking {margin: 15px 0;  text-align: center;}
.cc_form {  border: 1px solid #e6e6e6;  float: left;  margin: 10px 0 30px;  max-width: 100%;  padding: 10px 3%;  width: 93%;}
.cc_form h2 {background: #fafafa;  color: #333;  font-size: 18px;  font-weight: normal;  margin-bottom: 15px;  padding: 15px 0;  text-align: center;}
.link_poptct{  color: #3ebeef;  float: left;  font-weight: normal;  margin-bottom: 20px;  text-align: left;  text-decoration: underline; /* width: 100%;*/}


.criminal_information .form_fields_contaner label { text-align: left;    width: 55%;}
.criminal_information .radiobtn_section { float: left;  margin-left: 30px; width:auto;}
.criminal_information .form_fields_contaner .radiobtn_section > input, .criminal_information .form_fields_contaner .radiobtn_section > label {  width: auto;}


/*  popup */
/*
.invoicepopup {
    background: #fff none repeat scroll 0 0;
    height: 350px;
    overflow-y: scroll;
    padding: 2em;
}*/

.invoicepopupHR {
    background: #fff none repeat scroll 0 0;
    height: 350px;
    overflow-y: scroll;
    padding: 2em;
}
.invoicepopup1 {
    background: #fff none repeat scroll 0 0;
   /* height: 350px; */
    overflow-y: scroll;
    padding: 2em;
}
.invoicelightbox {background-image:url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAADUlEQVQYV2NgYGCoBwAAhACAEozAVQAAAABJRU5ErkJggg==);
	display:none;	height:100%;	left:0;	position:fixed;	text-align:center;	top:0;	width:100%}
	
	
.manifestdialog_box {margin: 0 auto;  max-width: 800px;  text-align: left;  width: 100%;}	

.invoicemessage_box_outer {	display:block;	margin:12% auto auto;	vertical-align:middle}
.invoicedialog_box {	border-radius:5px;	margin:0 auto;	overflow:hidden;	padding:0;	width:300px}
.policy_log_box {  border-radius: 5px;  margin: 0 auto;  max-width: 750px;  padding: 0;  text-align: left;  width: 100%;}

.invoiceheading,.removeheading {background:#32b2e3;	color:#fff;	float:left;	font-size:1em;	font-weight:700;	width:100%}
.invoicetitle_line {float: left;  font-size: 17px;  line-height: 30px;  margin: 10px 0 10px 10px;  text-align: left;  width: 95%;}
.invoicetitle_line span {	float:right;	color:#fff;	cursor:pointer}

p.newfullsection {color: #625f5f;  float: left;  line-height: 22px;  margin:10px 0px;  padding: 0 2%;  width: 96%;}
p.paragraph_txt {color: #625f5f;  float: left;  line-height: 22px;  margin:10px 0px;  padding: 0 2%;  width: 96%;}
p.paragraph_txt .ui-datepicker-trigger { float: none;     margin: 0 0 -3px 5px; cursor:pointer}
p.paragraph_txt_bold { color: #625f5f;  float: left;  font-weight: bold;  line-height: 22px;  margin: 10px 0;  padding: 0 2%;  text-decoration: underline;  width: 96%;}
.collpsable_form_controller {float: left;  width: 100%;}
.fullwidth{float:left; width:100%;}
.ACKNOWLEDGEMENT{float:left; width:100%; margin:50px 0 0 0; color:#223241;  line-height: 22px; padding: 0 2%;  width: 96%;}

.agreement p{color: #625f5f;  float: left;  margin:10px 0px;  padding: 0 2%;  width: 96%;}
.agreement_form{float:left; width:100%;}
.agreement_form > h2 { background: #fafafa none repeat scroll 0 0; border:1px solid #e6e6e6; border-bottom:1px none; color: #333; font-size: 18px; font-weight: normal; margin: 10px 0 0; padding: 10px;}
.agreement_form .form-contaner { border:1px solid #e6e6e6 ;	border-top:none; padding: 10px; overflow:hidden;}
.agreement_form > h2.active_class { border-bottom: 1px solid #e6e6e6;}


/*------ Meenakshi --added on 7th Nov for common sequence validation--START----*/

.sequencepopup {
	padding:1em;
	background:#fff;
	overflow-y: auto;
	height: 140px;
	
}

.sequencepopupouter {
    display: block;
    margin: 22% auto auto 7%;
    vertical-align: middle;
}
/*------ Meenakshi --for common sequence validation END------*/



@media screen and (max-width: 1200px) {
.form_fields_contaner label.mandatory::after { left:0px;}
.form_fields_contaner label {padding: 0 0 10px 10px;  position: relative;  text-align: left;  width: 90%;}	
.form_fields_contaner select, .form_fields_contaner input[type="text"],.form_fields_contaner input[type="number"], .form_fields_contaner input[type="Signature"], .form_fields_contaner input[type="email"], .form_fields_contaner input[type="text"], .form_fields_contaner input[type="file"] { width: 77%;}
.form_fields_contaner select { height: 34px;  width: 86%;}
.form_fields_contaner .ui-datepicker-trigger { margin: 0 7px 0 1%;}
.HR-ID {
    margin: 0 auto;
    width: 100% !important;
}
.HR-ID input {

    width: 97% !important;
}
.form_fields_contaner .checkbox_section input[type="checkbox"] {
       left: -1% !important;
    position: relative !important;
    top: 6% !important;
 }
 .checkbox_section{ margin-left:1%;}
.form_fields_contaner input[type="checkbox"] {
    position: absolute;
    top: 96% !important;
	left:4% !important;
}

}
@media screen and (max-width: 767px) {
.form_fields_contaner {float: left;  padding: 10px 0;  width: 50%;}
.HR-ID {
    margin: 0 auto;
    width: 100% !important;
}
.HR-ID input {

    width: 97% !important;
}
.HR-ID label { padding:10px 0 !important;}
.Comcast_inventory select, .Comcast_inventory input[type="text"], .Comcast_inventory input[type="file"] {
   
   /* width: 91% ;*/
}
.form_fields_contaner-long textarea {

    width: 91% !important;
}
.criminal_information .form_fields_contaner label {
    width: 100%;

}

}

@media screen and (max-width:480px){
	.clearfix{ clear:none; }
	
.form_fields_contaner-long input[type="text"]{ width:82%;}	
.invoicepopup1 {
    height: 300px;
}

.addmore {
    margin-right: 38px;

}
.form_fields_contaner input[type="submit"] {

  margin-top: 22px;

}
.form_fields_contaner label {

    font-size: 12px;
}
.border-bottom{ display:none;}
.checkbox_section input[type="checkbox"] {
    position: relative !important;
}
.form_fields_contaner .checkbox_section input[type="checkbox"] {
       left: -1% !important;
    position: relative !important;
    top: 6% !important;
 }
 

}
@media screen and (max-width:640px){
	.clearfix{ clear:none; }
	.form_fields_contaner input[type="submit"] {margin-top: 22px;  margin-left: 6px;}
.form_fields_contaner	input[type="checkbox"] {
       right: 88% !important;
    top: 76% !important;
	position:relative;
}
.border-bottom {
    border-bottom: 1px dashed #ccc;
    overflow:hidden;
}
.form_fields_contaner .checkbox_section input[type="checkbox"] {
       left: -1% !important;
    position: relative !important;
    top: 6% !important;
 }

}
@media screen and (max-width:1024px){

.form_fields_contaner label.width, .form_fields_contaner-long label.width {
    width: 100% !important;
}


}
@media screen and (max-width:479px){
.form_fields_contaner {float: left;  padding: 10px 0;  width: 100%;}
.form_fields_contaner label {padding: 0 0 10px 10px; position: relative;  text-align: left;  width: 96%;}
.form_fields_contaner select, .form_fields_contaner input[type="text"], .form_fields_contaner input[type="number"], .form_fields_contaner input[type="Signature"], .form_fields_contaner input[type="email"], .form_fields_contaner input[type="text"], .form_fields_contaner input[type="file"], .form_fields_contaner input[type="tel"]  { width: 82%;}
.form_fields_contaner .ui-datepicker-trigger {margin: 0 7px 0 0;}
.cc_form {border: 1px solid #e6e6e6;  float: left;  margin: 10px 0 30px;  max-width: 100%;  padding: 10px;  width: auto;}

}

.mandatory{color: #ff0000;}
.list{ margin:0; padding:0;}
.list li{ list-style-type:none; padding:6px;}


.form_fields_contaner label.mandatory::after {
    color: #ff0000;
    content: none;
    display: block;
    font-size: 14px;
    position: absolute;
    right: 8px;
    top: 0;
}


.form_fields_contaner-label {
    color: #ff0000 !important;
   /* content: "*";
    display: block;*/
    font-size: 14px;
    right: 8px;
    top: 0;
}

.form_fields_contaner label.long {
    color: #223241;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    position: relative;
    text-align: left;
    width: 100%;
}

.form_fields_contaner-long {
    float: left;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.form_fields_contaner-long label {
    color: #223241;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    position: relative;
    text-align: left;
    
}

.form_fields_contaner-long .radiobtn_section > input, .form_fields_contaner-long .radiobtn_section > label {
    color: #5a5a5a;
    float: left;
    font-weight: normal;
    margin: 6px 2px 6px 0;
    padding: 0;
    width: auto;
  /* line-height: 20px; */
}

.form_fields_contaner-long textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdada;
    border-radius: 5px;
    color: #5a5a5a;
    min-height: 120px;
    padding: 10px;
    width: 54%;
}

i.fa-upload { padding: 8px 4px 0 12px !important; cursor:pointer; font-size:10pt;}

.HR-ID{ margin:0 auto; width: 18%;}

.HR-ID label{
  color: #223241;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 10px ;
    text-align: left;
    width: auto;
}

.HR-ID input{
 background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdada;
    border-radius: 5px;
    color: #5a5a5a;
    font-size: 11px;
    min-height: 22px;
    padding: 5px;
    width: 36%;
}


.list_popup li{   list-style-type: circle;
    margin: 0 10px;
    padding: 7px 10px;}
.list_popup li ul li{ margin-left:20px; margin-top:10px; padding:0; list-style-type:decimal; color:#494949 }
.form_fields_contaner input[type="checkbox"]{ position: absolute; top:33%;}
.fullwidth input[type="submit"] {
    background: #44c4f5 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    margin: 0 0 0 12px;
    padding: 10px 15px;
}

.bg{ background:#f2f2f2;}
#tbodyequipment td{ white-space:nowrap;  background:#f7f7f7; border-right: 1px solid #ccc}
.border-bottom{border-bottom: 1px dashed #ccc; width:100%;}
.form_fields_contaner .checkbox_section input[type="checkbox"] {
    position: relative !important;
    top: 25% !important;
 }
 
 
 .headertop {
    color: white;
    padding-top: 15px !important;
    position: absolute;
    z-index: 9;
}

 .QCButton
     {
    background: #2DA4D2;
    padding: 6px 8px;
    border-radius: 2px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
     }
     
     
.form_fields_contaner-long .radiobtn_section > input, .form_fields_contaner-long .radiobtn_section > label {padding: 0 4px  0 26px;}
.form_fields_contaner .radiobtn_section > input, .checkbox_section > input, .form_fields_contaner .radiobtn_section > label, .checkbox_section > label { margin: 0; padding:0 0 0 26px;} 
/************************************************************* HR module 16may-2016 End ****************************************************************/

/********************* 17june ************************/

.checkbox_section{ width:99%; float:left; margin-left:1%;}
.policy ol li span{  color: #625f5f !important;}

.checkbox_section {
    float: left;
    width: 100%;
}
#tableNoDataDetail input[type="radio"]{ display:block !important; opacity:1 !important;}

.form_fields_contaner label.hrid{text-align:right; width:50%; padding:10px;}
.sigpadding{padding:0px 10px 0px 0px;}
.samespace .form_fields_contaner label {  min-height: 28px;}
.form_fields_contaner label.width, .form_fields_contaner-long label.width {
    width: 15%;
}



#divViolation input[type="radio"]{ opacity:1 !important; }
#divViolation {float:left !important; /* margin-left:1% !important; */ width:80% !important;}
#divViolation label{color: #5a5a5a !important; float:left !important;   
                font-weight: normal !important;
                margin: 10px 2px 10px 0 !important;
               /* padding: 0;*/
                width: auto !important;
	            line-height: 24px !important;} 	         
#divEmployee input[type="radio"]{ opacity:1 !important; }	


/*********************20July **********************/

            
#divEquipment .radiobtn_section > label, .checkbox_section > label {
    margin: 0;
    padding: 10px;
}

#divEquipment input[type="checkbox"] {
    position: relative !important;
    top: 25% !important;
    left: -4px !important;
} 

#divAbsenceType .radiobtn_section label
{
  padding:�2px 4px 0 23px !important;
}

#payroll_change .form_fields_contaner{width:40%; }


#payroll_change .radiobtn_section label{line-height: 25px !important;}


 @media only screen and (width: 1280px)
  {
      
    
.form_fields_contaner label {

    width: 40%;
}


      
      }
      
      .fa-unlock-alt:before {
       content: "\f13e";
    margin-top: 3%;
    position: absolute;
    margin-left: 1%;
    font-size: 20px;
    color: #3ebeef;
    cursor: pointer;
   
}

/********************* 20 jULY *****************/
#tableNoDataDetail td{  font-size:10pt;}

.section{ overflow:hidden;}




/************* 26 July *******************/
.link_poptct1 {
    
    font-weight: normal;
    margin-bottom: 0;
    text-align: left;
    text-decoration: underline;
	color: #3ebeef;
}

.fullwidth label {
    color: #223241;
   
}

ul.que_list li {
    font-size: 12px;
    font-weight: normal;
    list-style: outside none none;
    margin: 10px 0 0;
    padding: 0;
}





/*******************22Aug *************************** added By Preeti */


#password-popup{}
#password-popup .password {
	background-image:url(../content/images/password.jpg);
	background-repeat:no-repeat;
	width:312px;
	height:50px;
	float:left;
}
#password-popup .input_login {
    color: #666;
    font-size: 17px;
    margin: 5% 17%;
    width: 76%;
    padding:0;
}

/*@media screen and (min-device-width: 1024px) and (max-device-width: 1900px) 
{
    body{ background:url(../Content/images/bg-nav.jpg)repeat-y;}
}*/


/* Css added on 14 sep */

.invoicepopup p{ color: #666; line-height:24px;} 
h2.heading_label{ font-size:18px; text-align:center; padding:7px 0; background:none !important;}
p.content{ text-align:center; font-weight:normal;}

/* added by Meenakshi to make common css for Error */
 .jerror{background-color: #D8A2A2 !important;}
 
  .jerror_radio
        {
            background-color: #D8A2A2 !important;
            background: url(../Content/images/index.png) no-repeat !important;
        }
        
 .bordered
        {
            background-color: #D8A2A2 !important;
        }
        
/* Css added on 13 Dec  */        
.form_fields_contaner.new_date_picker .ui-datepicker-trigger{left: 17%;}        

.disabledFields {background-color :#D3D3D3 !important;}
 .link_poptct.help_icons{
    display: inline-block;
    margin: 6px 5px 0 8px;
    float: none;
    
    }
    .dynamicTrans
    {
      min-height: 715px;
    background: #f3f3f3;
    padding: 10px 0;
        margin-bottom: 5px;
    border-bottom: 1px dashed #cdcdcd;
        } 
        .form_fields_contaner-long .radiobtn_section > label[for="Authorizedtowork"] .ui-datepicker-trigger{    float: none;
    display: inline-block;
    position: relative;
    top: 8px;
    margin: 0 7px;
    line-height: normal;}
    .form_fields_contaner-long .radiobtn_section > label[for="Authorizedtowork"] .link_poptct.help_icons, .form_fields_contaner-long .radiobtn_section > label[for="Permanentresident"] .link_poptct.help_icons{ margin-top:0;}
    
    .change_height .dynamicTrans{ min-height:200px;}
    #SSNEmpPopUp.link_poptct.help_icons{    margin: 4px 0 0 4px;}
    .segregate{display: table;
    width: 99.8%;
    border: 1px solid #dcdcdc;
    margin: 17px 0;}
    
   /*scorecard*/
.Container_scorecard{ width: 100%; margin-top:25px; }
.row{ float:left; /*margin-bottom:15px;*/}
.box-green, .box-red, .box-yellow, .box-gray{ float:left; background:#fff; /*box-shadow: 0 0 7px 7px #dbdbdb; */padding:10px 6px; height: 293px; margin-left: 10px; margin-bottom: 10px; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.box-green h2, .box-red h2, .box-yellow h2, .box-gray h2{position:relative; color:#000; font-size:16px; text-align:center; font-weight:400; padding:7px 0 7px; margin-top: -35px; margin-bottom: 14px; background:#f2f2f2; border:1px solid #e6e6e6; border-radius: 50px;}
.box-green .date, .box-red .date, .box-yellow .date, .box-gray .date {text-align:center; color:#6f6f6f; font-size:18px; font-weight:400; margin-bottom:10px;}
.progress{float:left; width:83px; height:83px; margin-right: 15px;}
.status, .Measures, .left, .trend, .month{float:left;}
.Measures{margin-top:20px;}
.marginR15{margin-right:15px;}
h3{font-size:18px; color: #484848; font-weight: normal; padding-bottom: 5px;}
.status{text-align: center; margin-bottom: 18px;}
h4{font-size: 18px; color: #6f6f6f; font-weight: 500;}
.left span.green{/*color:#3fae4f;*/ font-size: 18px; font-weight: 600;}
.left span.yellow{/*color:#c4aa33;*/ font-size: 18px; font-weight: 600;}
.left span.red{/*color:#eb6b6b;*/ font-size: 18px; font-weight: 600;}
.single-chart {width: 100%; justify-content: space-around; text-align: center; color: #6d6d6f;}
.circular-chart {display: block; margin: 0; max-width: 100%; max-height: 250px;}
.circle-bg {fill: #fff; stroke:#f2f2f2 ; stroke-width: 2.8;}
.circle {fill: none; stroke-width: 2;  animation: progress 1s ease-out forwards;}
@keyframes progress {0% {stroke-dasharray: 0 100;}}
.circular-chart.yellow .circle {stroke: #c3a931;}
.circular-chart.green .circle {stroke: #3fae4f;}
.circular-chart.red .circle {stroke: #eb6c6c;}
.percentage {font-size:6px; text-anchor: middle; font-weight: 500;}
.circular-chart-center {display: block; margin: 10px auto; max-height: 250px; max-width: 34%;}
.circle-bg-center {fill: #fff;stroke: #d1d2d7; stroke-width: 3.8;}
.count{ font-size:36px; color:#000; padding: 19px 15px;}
.highcharts-menu{overflow-y:scroll !important; height:100px !important;}
.highcharts-button{top:-10px !important;}

@media only screen and (max-width:768px)
{
	.box-green, .box-red, .box-yellow{ width:90%; margin-left:0;}
	.graph{ width: 100%;}
	.clearfix{display: none;}
	.topRow input[type="text"], .topRow select{width:90% !important; margin-top:10px; margin-bottom: 15px;}
}

.topRow{ width:100%; margin-bottom: 20px;}
.topRow button{ border-radius:20px; background:#d8d8d8; color:#444; padding:7px 20px; cursor: pointer}
button.selected{background:#165e7b; color:#fff; /* box-shadow: 1px 1px 7px #888888;*/}
.topRow input[type="text"], .topRow select{ border-bottom:1px solid #9a9a9a; padding:5px; background:none; margin-left:25px; font-size:16px; width:15%;}
.topRow button[type="submit"]{ background: #30a8d6; color:#fff; margin-left: 10px;}
.legends{ float:right; color:#6a6a6a; font-weight:400;} 
.legends label{ float: left; margin-top:15px;}
.legends .green, .legends .red, .legends .amber{width:10px; height: 10px; float:left; }
.legends .green{ background:#3fae4f; margin:20px 25px 0 6px}
.legends .red{ background:#eb6969; margin:20px 25px 0 6px}
.legends .amber{ background:#c3a931; margin:20px 4px 0 6px}
.date{text-align:center; }
.date button{color:#444; font-size:17px; font-weight:400; margin-bottom:30px; border-radius:50px; background:#fff; box-shadow: 1px 1px 7px #b4b4b4; padding: 5px 25px;}
input:placeholder{opacity:1}
select{ color: #999;}
.MarginLeft{margin-left:17px; }
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold; margin-top: -15px;
margin-bottom: 10px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.TopBottom{float:right !important;}
.topRow button.topB{ background:#262930; color:#fff; box-shadow: 2px 2px 7px #888888;}
#myTable th{cursor:pointer; text-align:left;}
table#myTable {
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

#myTable th {
    cursor: pointer;
}

#myTable th, #myTable td {
    text-align: left;
    padding: 10px; 
}

#myTable tr:nth-child(even) {
    background-color: #f2f2f2
}
.box-green{border-bottom:3px solid #3fae4f; margin-top: 18px; margin-bottom: 15px;}
.box-red{border-bottom:3px solid #eb6b6b; margin-top: 18px; margin-bottom: 15px;}
.box-yellow{border-bottom:3px solid #c3a931; margin-top: 18px; margin-bottom: 15px;}
.search-date{padding: 15px;

background: #165e7b;

margin-left: 13px;

border-radius: 50px;position: absolute;

z-index: 9; width:85%; opacity: 0.95;

border: 1px dotted #e6e6e6;}
.search-date input[type="text"]{ padding:7px 10px; color:#fff;}
.accordion1 {
   
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion1:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}
.box-green h2 img, .box-red h2 img, .box-yellow h2 img, .box-gray h2 img{ position:absolute; right:10px; top:8px; cursor:pointer; }
.search-date img{margin-top:5px;}
.search-date input[type="text"]{border-bottom:1px solid #fff !important; padding-left:0;}
.contentSection{width:96%; margin:0 auto;}
.box-green table td, .box-red table td, .box-yellow table td, .box-gray table td{ padding:5px; border-bottom:1px solid #ccc}
.box-green table tr, .box-red table tr, .box-yellow table tr, .box-gray table tr { background:#f9f9f9;}
.box-green table, .box-red table, .box-yellow table, .box-gray table { width:100%;}
.box-green table th, .box-red table th, .box-yellow table th{ bbackground:#fff !important; border-bottom:1px solid #ccc}

.box-gray{border-bottom:3px solid #b4b4b4; margin-top: 18px; margin-bottom: 15px;}
/********Anil Designer*******/
h3.graph_heading { font-size: 14px;}
.graph_circle{width: 100%;position: relative;top: 2px;font-size: 14px; text-align:center;}
.highcharts-axis-title tspan { font-size: 12px;}



/* meenakshi 12-9-18 */
.customstyle .Form_Fields.inventory {margin: 20px auto 0; overflow: hidden; width: 96%; float:none;}
body.customstyle {background: transparent;}
.customstyle .bottom_btns{ margin:5px;    width: auto!important;}
.customstyle .fullspace{float: left; width: 100%; padding:10px;}
.customstyle .content_area.admin { border: 1px solid #eee;  padding: 0;}
.customstyle .marT20{margin-top:20px;}
.customstyle .box-green, .customstyle .box-red, .customstyle .box-yellow, .customstyle .box-gray { margin-left: 20px;}

.customstyle .scroecardck{padding-top: 5px; padding-bottom: 0; width: auto;}
.customstyle .scroecardouter{width: 70%; text-align: center;    float: left;    padding-left: 20px;    box-sizing: border-box;}
.customstyle #divTechBenchmarch table { width:100%;  margin:0;}
.customstyle .printbtn{width: 30%; float: right;    text-align: left;}
.customstyle .printbtn a{cursor: pointer;  margin-left: 19px;    margin-top:10px;    display: inline-block;}
.customstyle .techbtns{    float: left;   margin-left: 10px;}
.customstyle .link_addtoext { width: auto;}
.customstyle .span_Col2 {float: none;}
.customstyle .techtrans{width:100%}
.customstyle .span_Col3 input[type=radio]{width:23px!important;}
.customstyle .Transeradio{width:100%;}


@media screen and (max-width:1270px){
.techdailyonly .Form_label_main {text-align: left; width: 100%;}
.customstyle .Form_label_main{text-align: left; width: 100%;}
}

@media screen and (max-width:1000px){
.customstyle .manifestdialog_box{height:auto!important}
}

@media screen and (max-width:863px){
.customstyle .techbtns {    float: left;    margin-left: 0;    margin-top: 6px;}
}

@media screen and (min-width:768px){
.customstyle .adminmenu{display: none!important;}
.customstyle .Form_Fields.inventory {margin: 20px auto 0; overflow: hidden; width: 96%; float:none;}
.customstyle .hidemenu, .customstyle .left_panel{display:block!important;}
.techdailyonly .span_Col3 { float: left;    width: 33.3%;}
}

@media screen and (max-width:767px){
.customstyle .left_panel {display: block;}
.customstyle .adminmenu{display: block!important;}
.customstyle .Form_label_main{width:100%; display:inline-block;text-align: left;}
.customstyle .right_panel {min-width: 60% !important;} 
.customstyle .right_panel.rt_panel{width:76%!important;} 
.customstyle .scroll-me {overflow-x: auto;  width: 100%;} 
.customstyle .bottom_btns {margin: 0px 0px;  float: left!important;    width: auto!important;    clear: both;} 
.customstyle .blue_btn {padding: 7px; width:auto;}
.customstyle #divTechBenchmarch table { width: 100%;}
.customstyle .scroecardck { padding-top: 10px;  padding-bottom: 20px;   width: 100%;}
.customstyle .printbtn{width:100%;}
.customstyle .scroecardouter{width:100%; padding-left: 0px;}
.customstyle .techbtns{    float: left;   margin-left:0px;}
.customstyle .manifestdialog_box{height:auto!important}
.customstyle .manifestdialog_box .invoicedivleft, .customstyle .manifestdialog_box .invoicedivright{width:100%!important}
.customstyle .invoicepopup label { text-align: left;  width: 100%;}
.customstyle .invoicedivright1 {width: 100%; float: right;}
.customstyle .invoicedivright1 .blue_btn {padding: 7px; width: auto; float: left!important; margin-right: 0!important; margin-top: 10px;}
.customstyle .invoicepopup input[type=text], .customstyle .invoicepopup select{max-width:90%;}
.customstyle .techtrans{width:100%!important;}
.customstyle .bottom_btns .Confirmcount{margin-bottom:4px; width:auto;}

}

@media screen and (max-width:520px){
    .customstyle .right_panel.rt_panel{width:60%!important;} 
}
     
     
@media screen and (min-width:767px) and (max-width:1024px){
    
.customstyle .scroecardouter{ width: 80%; padding-left: 20px; padding-top:15px;}
.customstyle .printbtn { width: 20%; padding-top: 20px;}

    
}
    
    
.table_ash #tbodyequipment td {white-space:normal !important;  }


/* 17-10-2018 added for production log functionality */
.align_c{text-align:center;}
.sunshinelogo{max-width: 160px;margin: 10px 0px 20px 0px;}

/* accordion */
.paystub_content .accordion {background-color: #686868; color: #ffffff; cursor: pointer; padding: 10px; width: 100%;  border: none; text-align: left; outline: none; font-size: 14px;  transition: 0.4s;  margin: 2px 0px 2px 0px;border-radius: 0;}
.paystub_content .active, .paystub_content .accordion:hover {background-color:#165E7B;}
.paystub_content .panel {padding:18px;display: none;background-color: white;border: 1px solid #ccc; overflow: hidden;transition: max-height 0.2s ease-out;}
.paystub_content .accordion:after {content: '\02795';font-size:9px; color: #ffffff; float: right;    margin-left: 5px;}
.paystub_content .active:after {content: "\2796";}
.paystub_content .panel{line-height:normal;}


.paystub_content {}
.paystub_content .field_left{float:left; width:50%;}
.paystub_content .field_right{float:right; width:50%;}
.paystub_content label {color: #223241; display: inline-block; font-weight: 700; width: 30%;padding:5px 0;}
.paystub_content input[type="text"] {border: 1px solid #cdcdcd;color: #000;font-size: 14px; padding: 5px 4px; max-width: 60%; width: 100%;border-radius:5px;}
.paystub_content input[type="text"].readonly{border-color:transparent;}
.paystub_content .datewidth{min-width:95px;}
.paystub_content .text{text-align:center; line-height:22px; margin:20px 0px;    float: left; width: 100%;}
.paystub_content .text .warning{font-size:16px; font-weight:bold; margin-bottom:5px;}

/* table */
.scroll_table{width:100%; overflow:hidden; float: left; margin: 10px 0px;}
.paystub_table{border:1px solid #ccc;}
.paystub_table thead{background:#32B2E3;}
.paystub_table thead th{color:#ffffff;}
.paystub_table thead td{color:#595555;}
.paystub_table thead th, .paystub_table tbody td{padding:7px; text-align:center; border-right:1px solid #ccc;line-height: normal;border-bottom: 1px solid #dcdcdc;    vertical-align: top;}
.paystub_table tbody td .dayswork td{border:0px;}
/* .paystub_table thead th:last-child, .paystub_table tbody td:last-child{border-right:0px;border-bottom:0px;} */

/* signature*/
.Signature_container{margin: 20px 0px; float: left; width: 100%; padding: 18px; border: 1px solid #ccc; box-sizing: border-box; background:#ffffff;}
.Signature_container p{margin: 20px 0px;}
.paystub_content canvas {border: 1px solid #cccccc; margin-bottom: 10px;background: #fff;}

.signature-component {text-align: left;display: inline-block;max-width: 100%;}
.signature-component h1 { margin-bottom: 0;}
.signature-component h2 { margin: 0;  font-size: 100%;}
.signature-component button {  padding: 1em;  background: transparent;  box-shadow: 2px 2px 4px #777;  margin-top: 0.5em;  border: 1px solid #777; font-size: 1rem;}
.signature-component button.toggle {  background: rgba(255, 0, 0, 0.2);}
.signature-component canvas { display: block;  position: relative;  border: 1px solid;}
.signature-component img {  position: absolute;  left: 0;  top: 0;}
.signation_box_outer{float:left; width:46%; padding:2%;}
.signature_img{width: 100%; border: 1px solid #cccccc;  padding: 30px 0px; text-align:center;}
.signature_img img{max-width:100%;}
.exportpdf{position: absolute; right: 10px;  top: 10px;}
.exportpdf a:hover{text-decoration: underline;}
.exportpdf i{float: left; margin-right: 5px;}
.exportpdf span{line-height: 21px;}
.exportpdf_outer{ position: relative;}


/* added for question modal*/

.questionpopup {
	padding:1em;
	background:#fff;
	min-height:155px;
	overflow-y: auto;
	height: auto
}
.questionpopup input[type=text],.questionpopup select {
	float:left;
	background:#fff;
	min-height:30px;
	color:#5a5a5a;
	border:1px solid #a9a9a9;
	border-radius:5px;
	padding:5px;
	width:110px
}
.questionpopup label {
	color:#223241;
	float:left;
	font-size:14px;
	font-weight:700;
	min-width:100px;
	padding:7px;
	text-align:right
}

.questionpopup p{ color: #666; line-height:24px;} 
.questiondialog_box {
	border-radius:5px;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	width:auto;	
}
.questionlightbox {background-image:url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAADUlEQVQYV2NgYGCoBwAAhACAEozAVQAAAABJRU5ErkJggg==);
	display:none;	height:100%;	left:0;	position:fixed;	text-align:center;	top:0;	width:100%}

/* end for question modal*/

	/*Added on 6-11-2019  Harshdeep Gupta For Construction */
	
	.Constructionlightbox {
	background-image:url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAADUlEQVQYV2NgYGCoBwAAhACAEozAVQAAAABJRU5ErkJggg==);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:9999;
}

/*Construction Reject Comments*/
#rejectDiv {
	width:282px;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
	padding-bottom:13px;
	border-radius:5px
}

#rejectTitle {
	float:left;
	padding:10px 0 10px 10px;
	text-align:left;
	width:100%;
	background:#32b2e3;
	color:#fff;
	font-size:14px;
	font-weight:700
}

#rejectArea {
	margin:10px
}

#rejectArea textarea {
	margin:10px 0
}

/*DashBoard new */

.Dashboardlightbox {
	background-image:url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAALGPC/xhBQAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAADUlEQVQYV2NgYGCoBwAAhACAEozAVQAAAABJRU5ErkJggg==);
	display:none;
	height:100%;
	left:0;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:9999;
}

.Dashboardmessage_box_outer {
	display:block;
	margin:12% auto auto;
	vertical-align:middle
}

.Dashboarddialog_box {
	border-radius:5px;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	width:282px
}

.Dashboardpopup input[type=text],.Dashboardpopup select {
	float:left;
	background:#fff;
	min-height:22px;
	color:#5a5a5a;
	border:1px solid #a9a9a9;
	border-radius:5px;
	padding:5px;
	width:110px
}

.Dashboarddialog_box {
	border-radius:5px;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	width:600px;
	/*height:150px */
}

.Dashboardheading {
	background:#32b2e3;
	color:#fff;
	float:left;
	font-size:1em;
	font-weight:700;
	width:100%
}

.Dashboardtitle_line {
	float:left;
	margin:10px 0 10px 10px;
	text-align:left;
	width:95%
}

.Dashboardtitle_line span {
	float:right;
	color:#fff;
	cursor:pointer
}

/*.Dashboardpopup label {
	color:#223241;
	float:left;
	font-size:14px;
	font-weight:700;
	min-width:100px;
	padding:7px;
	text-align:right
}*/

.Dashboardpopup {
	padding:1em;
	background:#fff;
	min-height:155px;
	height: 350px;
}

/*.Dashboardpopup {
	padding:1em;
	background:#fff;
	min-height:155px;
	overflow-y: scroll;
	height: 350px;
}*/
.right_panel{Padding-bottom:70px} 

/*Construction Select workers on Task Completion Added on 3/27/2019*/
#WorkersDiv {
	width: 458px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 0;
    border-radius: 5px;
    max-width: 100%;
}

#ConstructionWorkersTitle {
	float:left;
	padding:10px 0 10px 10px;
	text-align:left;
	width:100%;
	background:#32b2e3;
	color:#fff;
	font-size:14px;
	font-weight:700
}

#ConstructionWorkersArea {
	    margin: 20px;
    float: left;
    min-height: 80px;
}

#ConstructionWorkersArea .ui-multiselect{float:left;}
#ConstructionWorkersArea .blue_btn {float: left; margin: 0px 0px 0px 10px;}

#ConstructionWorkersArea ddlConstructionWorkerOnComplete {	margin:10px 0}

.construction
 {
	background-image:url(../Content/images/construction.png)
}

.construction:hover
 {
	background-image:url(../Content/images/construction_h.png)
}

.active.construction,.construction:hover {
	background-image:url(../Content/images/construction_h.png)

}

/* table header */
.slick-header-column.ui-state-default {
    background-color: #32b2e3;
    border: 1px solid silver;
    color: #fff;
    display: inline-block;
    float: left;
    height: 45px!important;
    line-height: 23px;
    margin: 0;
    overflow: hidden;
    padding: 4px;
    position: relative;
    white-space: normal !important;
    text-overflow: unset!important;
    font-weight:bold!important;
}
.slick-sort-indicator{float:none!important}

.styling_sub3 {background-color: #1F1F1F;}


.dashboard_construction {border: 1px solid #eee; padding: 10px;box-sizing: border-box;}
.graph_listing li{width: 33%;display: inline-block; text-align: center;vertical-align: middle; float:left;}
.graph_listing li section{width: 130px;  display: inline-block;}
.graph_listing li section img{float:left;}
.graph_listing li.Profit{border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee;}
.graph_listing h6{font-size:19px}
.graph_listing p{font-size:16px}
.graph_listing li.revenue h6, .graph_listing li.revenue p{color:#F18007;}
.graph_listing li.Profit h6, .graph_listing li.Profit p{color:#5BA251;}
.graph_listing li.GP h6, .graph_listing li.GP p{color:#148BB8;}

.col2{width: 50%; float: left;    margin-top: 20px;    box-sizing: border-box;}
.colinner{border: 1px solid #eee; padding:15px 10px;}
.colinner h2, .dashboard_construction h2{font-size:15px; color:#000000; margin-bottom:10px;}
.colinner input[type="checkbox"]{position: relative; top: 1px;    margin-right: 2px;}
.colinner select{position: relative;top: 1px; margin-right: 2px; border: 1px solid #cccccc;  height: 24px; border-radius: 3px; margin: 0px 3px; color: #000000;}
.pad_r15{padding-right:15px;}
.pad_l15{padding-left:15px;}
.greentxt{color:#22763f!important;}
.redtxt{color:#e15759!important;}
.colinner .table_styling td { text-align: center;}
.colinner .table_styling td:first-child, .colinner .table_styling th:first-child{ text-align:left;}
.table_responsive{width:100%; overflow:auto;}

#heatmap {min-width: 300px; max-width: 98%; margin: 0; height:100px;padding:0px;width:100%;}

@media only screen and (max-width: 768px){
.col2 { width: 100%;    float: left;    margin-top: 10px; margin-bottom:10px;   box-sizing: border-box;}
.pad_r15{padding-right:0px;}
.pad_l15{padding-left:0px;}
.graph_listing li {width: 100%;  padding: 15px 0px;}
.graph_listing li.Profit {border-right: 0px; border-left: 0px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
}


/*New CSS for Constuction*/
.Signature_container{margin: 20px 0px; float: left; width: 100%; padding: 18px; border: 1px solid #ccc; box-sizing: border-box; background:#ffffff;}
.Signature_container p{margin: 20px 0px;}
.paystub_content canvas {border: 1px solid #cccccc; margin-bottom: 10px;background: #fff;}

.signature-component {text-align: left;display: inline-block;max-width: 100%;}
.signature-component h1 { margin-bottom: 0;}
.signature-component h2 { margin: 0;  font-size: 100%;}
.signature-component button {  padding: 1em;  background: transparent;  box-shadow: 2px 2px 4px #777;  margin-top: 0.5em;  border: 1px solid #777; font-size: 1rem;}
.signature-component button.toggle {  background: rgba(255, 0, 0, 0.2);}
.signature-component canvas { display: block;  position: relative;  border: 1px solid;}
.signature-component img {  position: absolute;  left: 0;  top: 0;}


.filters_contaner{margin: 20px 0px; float: left; width: 100%; padding: 18px; border: 1px solid #ccc; box-sizing: border-box; background:#ffffff;}
.filters_close .showfilter,.filters_close.open_filtes .hidefilter{display: none}
.filters_close .hidefilter,.filters_close.open_filtes .showfilter{ display: block;font-size: 13px;font-weight: bold;}
.filters_close {position: fixed; left:135px; cursor: pointer; top: 58px; z-index: 9999; padding: 2px 7px; border-radius: 0 0 5px 5px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,.5);background: #ffffff;background: -moz-linear-gradient(top, #ffffff 1%, #ffffff 1%, #d7d7d7 98%);background: -webkit-linear-gradient(top, #ffffff 1%,#ffffff 1%,#d7d7d7 98%);background: linear-gradient(to bottom, #ffffff 1%,#ffffff 1%,#d7d7d7 98%);font-size: 12px; font-weight: normal;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 );-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
/*.blue_btn{border:1px solid #32b2e3;}*/
.blue_btn_outer{background:transparent;   border-radius: 5px;color: #32b2e3;font-weight: bold;padding: 7px 17px;border: none;cursor: pointer;min-width: 90px; border:1px solid #32b2e3;}

.add_filters{padding: 12px 14px; background: #fff; border-radius: 0px; margin: 10px 0px; border: 1px solid #ccc; float:left; width:100%;    box-sizing: border-box;}
.divTableDetail{padding: 12px 14px; background: #fff; border-radius: 0px; margin: 10px 0px; border: 1px solid #ccc; float:left; width:100%;     box-sizing: border-box;}

.filters_contaner .form-group {margin-bottom: 15px;    width: 25%;    float: left;    padding: 0px 10px;    box-sizing: border-box;}
.filters_contaner .form-group label{    margin-bottom: 7px;  display: inline-block;    width: 100%;}
.filters_contaner .form-control {height: 32px;    box-sizing: border-box;}
.btn_group_outer{float:left; width:100%; text-align:center; margin:0px}
.upload_Field{width: 220px;border: 1px solid #ccc;padding: 5px;border-radius: 5px;}
button{ background:#1697c8; color:#fff; padding: 5px 16px; border-radius: 4px; text-transform: uppercase;}



/*New CSS for Responsive Pages containing Slick Grid*/
/* meenakshi 12-9-18 */
.customstyle .Form_Fields.inventory {margin: 20px auto 0; overflow: hidden; width: 96%; float:none;}
body.customstyle {background: transparent;}
.customstyle .bottom_btns{ margin:5px;    width: auto!important;}
.customstyle .fullspace{float: left; width: 100%; padding:10px;}
.customstyle .content_area.admin { border: 1px solid #eee;  padding: 0;}
.customstyle .marT20{margin-top:20px;}
.customstyle .box-green, .customstyle .box-red, .customstyle .box-yellow, .customstyle .box-gray { margin-left: 20px;}

.customstyle .scroecardck{padding-top: 5px; padding-bottom: 0; width: auto;}
.customstyle .scroecardouter{width: 70%; text-align: center;    float: left;    padding-left: 20px;    box-sizing: border-box;}
.customstyle #divTechBenchmarch table { width:100%;  margin:0;}
.customstyle .printbtn{width: 30%; float: right;    text-align: left;}
.customstyle .printbtn a{cursor: pointer;  margin-left: 19px;    margin-top:10px;    display: inline-block;}
.customstyle .techbtns{    float: left;   margin-left: 10px;}
.customstyle .link_addtoext { width: auto;}
.customstyle .span_Col2 {float: none;} 
.customstyle .techtrans{width:100%}
.customstyle .span_Col3 input[type=radio]{width:23px!important;}
.customstyle .Transeradio{width:100%;}


@media screen and (max-width:1270px){
.techdailyonly .Form_label_main {text-align: left; width: 100%;}
.customstyle .Form_label_main{text-align: left; width: 100%;}
}

@media screen and (max-width:1000px){
.customstyle .manifestdialog_box{height:auto!important}
}

@media screen and (max-width:863px){
.customstyle .techbtns {    float: left;    margin-left: 0;    margin-top: 6px;}
}

@media screen and (min-width:768px){
.customstyle .adminmenu{display: none!important;}
.customstyle .Form_Fields.inventory {margin: 20px auto 0; overflow: hidden; width: 96%; float:none;}
.customstyle .hidemenu, .customstyle .left_panel{display:block!important;}
.techdailyonly .span_Col3 { float: left;    width: 33.3%;}
}

@media screen and (max-width:767px){
.customstyle .left_panel {display: block;}
.customstyle .adminmenu{display: block!important;}
.customstyle .Form_label_main{width:100%; display:inline-block;text-align: left;}
.customstyle .right_panel {min-width: 60% !important;} 
.customstyle .right_panel.rt_panel{width:76%!important;} 
.customstyle .scroll-me {overflow-x: auto;  width: 100%;} 
.customstyle .bottom_btns {margin: 0px 0px;  float: left!important;    width: auto!important;    clear: both;} 
.customstyle .blue_btn {padding: 7px; width:auto;}
.customstyle #divTechBenchmarch table { width: 100%;}
.customstyle .scroecardck { padding-top: 10px;  padding-bottom: 20px;   width: 100%;}
.customstyle .printbtn{width:100%;}
.customstyle .scroecardouter{width:100%; padding-left: 0px;}
.customstyle .techbtns{    float: left;   margin-left:0px;}
.customstyle .manifestdialog_box{height:auto!important}
.customstyle .manifestdialog_box .invoicedivleft, .customstyle .manifestdialog_box .invoicedivright{width:100%!important}
.customstyle .invoicepopup label { text-align: left;  width: 100%;}
.customstyle .invoicedivright1 {width: 100%; float: right;}
.customstyle .invoicedivright1 .blue_btn {padding: 7px; width: auto; float: left!important; margin-right: 0!important; margin-top: 10px;}
.customstyle .invoicepopup input[type=text], .customstyle .invoicepopup select{max-width:90%;}
.customstyle .techtrans{width:100%!important;}
.customstyle .bottom_btns .Confirmcount{margin-bottom:4px; width:auto;}

}

@media screen and (max-width:520px){
    .customstyle .right_panel.rt_panel{width:60%!important;} 
}
     
     
@media screen and (min-width:767px) and (max-width:1024px){
    
    .customstyle .scroecardouter{ width: 80%; padding-left: 20px; padding-top:15px;}
    .customstyle .printbtn { width: 20%; padding-top: 20px;}

    
    }

.table_ash #tbodyequipment td {white-space:normal !important;  }

.grid-canvas .active{
    background-color: #fff;
}

/* END Added on 6-11-2019  Harshdeep Gupta For Construction */



/**************chat loader****/

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin: -75px 0 0 -75px;
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #3498db;
  width: 90px;
  height: 90px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}



.bounce {
    background: #f00;
    border-radius: 65px;
    height: 23px;
    width: 23px;
    left: -7px;
    top: -14px;
    position: absolute;
    line-height: 23px;
    text-align: center;
    color: #fff;
}
 .bounce {
    background: #f00;
    border-radius: 65px;
    height: 23px;
    width: 23px;
    left: -7px;
    top: -14px;
    position: absolute;
    line-height: 23px;
    text-align: center;
    color: #fff;
    display:none;
}

.bounce {
	position: absolute;
	bottom: 10px;
	left: 50% ;
	margin-left:-25px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	animation: bounce 1.5s infinite;
	-webkit-animation: bounce 1.5s infinite;
	-moz-animation: bounce 1.5s infinite;
	-o-animation: bounce 1.5s infinite;
}
 
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-10px);}
	60% {-webkit-transform: translateY(-10px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-10px);}
	60% {-moz-transform: translateY(-10px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-10px);}
	60% {-o-transform: translateY(-10px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-10px);}
	60% {transform: translateY(-10px);}
}


/*Sep-17-2019*/
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  
{
    
    .field_left { text-align:left; }
    .paystub_content label{ text-align:left;}
    .paystub_content input[type="text"]{ padding: 5px 0px;}
     #locationpopup{z-index: 99999 !important;}
     }
     
@media only screen and (min-device-width : 320px) and (max-device-width : 425px)   
{
    #confirmBox 
    {
        width: 70%; left: 80%;
        
        }
        
     .mobile_frind{ width:100% !important;} 
     
     #confirmBox .button { font-size: 13px; padding: 0 10px 0 10px;}  
    .left_panel { position: fixed; z-index: 9;}
    .customstyle .right_panel.rt_panel { width: 100%!important;}
   #locationpopup{z-index: 99999 !important;}
     }


@media only screen and (min-device-width : 375px) and (max-device-width : 425px)   
{
    .form-button > input { width: 100%;}
    .blue_btn { padding: 2% !important;}
    .navbar-brand { font-size: 15px;}
    #locationpopup{z-index: 99999 !important;}
    }
	
/*  start  file repository css */
.filerepository.Form_Fields {padding: 0 20px;    float: left;    width: 100%;    box-sizing: border-box;}
.Document_form .label_form{    min-width: inherit;}
.Document_form .txtinput{width:230px;}
.Document_form .blue_btn{margin-left: 15px;}
.filerepository td.label {    text-align: right;    font: bold 14px arial;    color: #223241;}
.filerepository fieldset {position: relative; padding-top: 0; background: #fff;    -webkit-border-radius: 8px;    -moz-border-radius: 8px;    border-radius: 8px;    border: 1px solid #eee;   padding: 10px;    margin: 10px 0px 10px 0px; float: left;    width: 100%;    box-sizing: border-box;}
.filerepository_responsivetable{overflow:auto;}
.documentlist_table{border-collapse: separate;    border-spacing: 0 15px; }
.documentlist_table th{text-align: left; background: #32b2e3;  color: #fff;    font-size: 14px;    padding: 7px 5px;white-space: nowrap;}
.documentlist_table tbody tr{background: #ffffff; box-shadow: 0 0 3px 0 #c5c3c3; border-radius: 5px;}
.documentlist_table td{padding: 7px 5px 7px 2px;vertical-align: top; border-radius: 5px;white-space: nowrap;}
/*.documentlist_table td input[type=radio]:not(old)+label { margin-left: -34px;  padding-left: 24px;}*/
.pre_document{margin: 0px;  color: #44c4f5;  text-decoration: underline;  padding-right: 30px;margin-bottom: 3px;    position: relative;}
.pre_document a{display:block}
.pre_document button{color: #000000; margin: 0; padding: 0px; background: transparent; position:absolute; right:10px; top:3px; cursor:pointer;}
.pre_document button:hover,.pre_document a:hover{color: #44c4f5;}
.Comcast_inventory .documentlist_table td input[type="text"], .Comcast_inventory .documentlist_table td input[type="file"]{float:none;}

@media screen and (max-width: 810px) {          
       .right_panel {min-width: calc(100% - 115px)!important;}
       .filerepository_responsivetable{    min-width: 100%;}
}
@media screen and (max-width: 767px) and (min-width: 320px){
       .filerepository.Form_Fields .blue_btn {  width: auto; }
       .blue_btn { padding: 7px 12px;}
    .blue_btn {width:98%!important;margin-top: 5px;}
    .span_Col3 input.blue_btn { width: 98% !important;margin-top: 5px;}
    .invoicedivleft {width: 100% !important; }
    .invoicedivright {width: 100% !important; }
    
}
       
@media screen and (max-width: 600px) { 
#mandatorytext{float:left!important;width: 100%;    display: inline-block;    margin-top: 10px;}
}  
@media screen and (max-width: 480px) {   
       .Document_form .label_form { width: 100%;    text-align: left;    padding-left: 0;}      
       .Comcast_inventory .Document_form .txtinput{width: 90%; margin-bottom: 10px;}
       .Document_form .blue_btn{margin-left: 0px;}
       .Form_label_main { width: 100%;      display: inline-block;      text-align: left;      margin: 0px;      padding: 5px 0;}

}

@media screen and (max-width: 379px) {
	.navbar-header img{margin-left: 2px!important; width: 25px;margin-top: 12px!important;}
	.adminmenu img{margin-right: 2px!important; margin-top: 13px!important; height: 25px!important; width: 25px!important;}
	.navbar-brand {font-size: 15px !important;    line-height: 14px!important;    padding:4px 0px 4px 4px!important; margin-top:8px!important;}
	.navbar-brand a {font-size: 9px !important;}
	#spnCurrentWarehouseID{font-size: 9px !important; line-height:19px;}
	
	
	}


/*  end  file repository css */

@media screen and (max-width: 767px) and (min-width: 320px){
.form-group {
    float: left;
    margin-bottom: 5px !important;
    width: 100% !important;
}
}




/*//--------------------------------------------------------------------------------------*/
     /*//-------------------------CSS FOR ADMIN FILTERS-------------------------------*/
/*//--------------------------------------------------------------------------------------*/

.heading_admin h1 { font-size: 15px; margin: 20px 0 10px;}
.text_field_cont { float: left;  width: 24%;  margin-right: 1%;}
.text_field_cont label { font-size: 13px; float: left; line-height: 30px; padding-right: 10px;}
select.intut_dd { width: 70%; border: 1px solid #c7c7c7; padding: 5px; height: 30px; border-radius: 4px;}
input.submit_btns_admin {background: #69c2f0;color: #fff; padding: 0 17px; text-transform: uppercase; line-height: 15px;font-weight: bold; border-radius: 5px; height: 30px;    font-size: 13px;}
.filters_heading_admin { width: 100%; float: left; margin-bottom: 20px;}
.break_line_border { display: block; float: left; width: 100%; border-bottom: 1px solid #dbdbdb; margin: 20px 0;}
ul.admin_icon_dashboard {  float: left;  width: 100%;}
ul.admin_icon_dashboard li { box-sizing: border-box; float: left; width: 13%; margin-right: 1.41%; border-radius: 6px; border: 1px solid #e9e9e9; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding: 0.6% 0.3%;margin-bottom: 20px;}
ul.admin_icon_dashboard li a{display:inline-block; width:100%;}
ul.admin_icon_dashboard li:last-child {margin-right: 0}
.icon_dash_link { width: 33%; float: left; text-align: center; padding: 2px 0;}
 .icon_dash_link img { height: 32px;}
.icon_text_link p { font-size: 11px; color: #000; font-weight: 600;}
.icon_text_link h3 {float: left;padding: 0; font-size: 18px; font-weight: bold; color: #000; margin-top: 4px; margin-bottom: 0;}
.icon_text_link { float: left; border-left: 1px solid #ccc; padding-left: 5%;}
.dashboard_admin_table { width: 100%; float: left; }
.dashboard_admin_table h2{font-size: 15px;  margin: 20px 0 10px; color: #000;}
table.table_admin_custom { border-collapse: collapse;width: 100%; border: 1px solid #dbdbdb; padding: 0;}
table.table_admin_custom tr th{background: #69c2f0; color: #fff;border: 1px solid #dbdbdb;}
table.table_admin_custom tr th, 
table.table_admin_custom tr td { text-align: left;  padding: 10px;border: 1px solid #dbdbdb;}
table.table_admin_custom tr td a{color:#1283ae; text-decoration:underline;}
.responsive_admin_table {  display: block;  margin-bottom: 20px;  overflow: auto;}
.responsive_admin_table table tr,
.responsive_admin_table table td{white-space: nowrap}
span.edit_admin_custom { float: right; width: 25px; height: 25px; cursor: pointer;  padding: 5px; box-sizing: border-box; cursor: pointer;}
span.edit_admin_custom img { width: 12px;}

@media screen and (max-width: 1450px) { 
    .icon_dash_link {  width: 27%}
}

@media screen and (max-width: 1390px) { 
    ul.admin_icon_dashboard li {width: 13.8%;  margin-right: 0.51%;}
}

@media screen and (max-width: 1280px) { 
    ul.admin_icon_dashboard li { width: 23%; margin-right: 1.9%; margin-bottom: 1.9%; padding: 1%;}
}
@media screen and (max-width: 1080px) { 
    .text_field_cont{width: 29%;}
}
@media screen and (max-width: 980px) { 
    .text_field_cont label{width: 100%;}
    select.intut_dd{width: 90%;}
    input.submit_btns_admin { margin-top: 29px;}
}
@media screen and (max-width: 850px) { 
    ul.admin_icon_dashboard li { width: 31%; margin-right: 2.3%; margin-bottom: 2.3%;  padding: 1%;}
    .text_field_cont {  width: 53%;}
}

@media screen and (max-width: 600px) { 
    ul.admin_icon_dashboard li {  width: 47%;}    
}

/* -------- full Popup CSS ------- */

.overlay {position: fixed;width: calc(100% - 40px);height: 100%;    top: 0;    left: 0;    background: #ffffff;    z-index: 999999;    padding: 40px 20px 20px 20px;}
.overlay-close {position: absolute;    right: 10px;    top: 3px;    font-size: 19px;    background: transparent;    color: #888888;    cursor: pointer;}
.overlay-data {  opacity: 0;  visibility: hidden;  -webkit-transition: opacity 0.5s;  transition: opacity 0.5s;  visibility: 0s 0.5s;  transition: opacity 0.5s,visibility 0s 0.5s;}
.overlay-open {  opacity: 1;  visibility: visible;  -webkit-transition: opacity 0.5s;  transition: opacity 0.5s;}

.overlay-data  .button_container{text-align: center; margin: 20px 10px;}
.overlay-data  .blue_btn_outline {background: transparent; border-radius: 5px;color: #32b2e3; font-weight: bold; padding: 7px 17px;border: 1px solid #32b2e3;    cursor: pointer; min-width: 90px;}
.overlay-data  .blue_btn{width:auto;}
.overlay-data  .blue_btn_outline:hover, .overlay-data  .blue_btn:hover{background: #000000;    color: #ffffff;    border: 1px solid #000000;}

.poptableresponsive {  width: 100%; overflow: auto;}
.HTMLpopuptable th, .HTMLpopuptable td{white-space: nowrap;}
.HTMLpopuptable th{background: #32b2e3;   color: #fff;    font-size: 14px;    padding: 10px;    text-align: left;}
.HTMLpopuptable td{background: #ffffff;   color: #333333;    font-size: 14px;    padding: 10px; border-bottom:1px solid #e5e5e5;vertical-align: top;}
.HTMLpopuptable td input[type="text"], .HTMLpopuptable td input[type="file"]{background: #fff;    min-height: 22px;    color: #5a5a5a;    border: 1px solid #dcdada;    border-radius: 5px;    padding: 5px;    width: 130px;    float: none;}

/*.HTMLpopuptable td input[type="text"].hasDatepicker{background-image: url(../Content/Images/calender.png);background-repeat: no-repeat; background-position: 97% center;   padding-right: 30px; width: 100px;}*/

.overlay-data ol{padding-left: 16px;}
.up_pre_document{ margin: 5px 0px;    color: #000000;    text-decoration: none;padding-right: 30px;position: relative;list-style-type: decimal;}
.up_pre_document a{display: block;color: #4c4c4c;text-decoration: none;font-size: 12px;}
.up_pre_document button{color: #000000; margin: 0; padding: 0px; background: transparent; position:absolute; right:10px; top:3px; cursor:pointer;}
.up_pre_document button:hover,.up_pre_document a:hover{color: #44c4f5;}