@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-Bd';
	src: url('/Content/font/HelveticaNeueLTStd-Bd.eot'),url('/Content/font/HelveticaNeueLTStd-Bd.eot')/* IE9 */;
	src: url('/Content/font/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('/Content/font/HelveticaNeueLTStd-Bd.woff') format('woff'), url('/Content/font/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('/Content/font/HelveticaNeueLTStd-Bd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-Lt';
	src: url('/Content/font/HelveticaNeueLTStd-Lt.eot'),url('/Content/font/HelveticaNeueLTStd-Lt.eot')/* IE9 */;
	src: url('/Content/font/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'), url('/Content/font/HelveticaNeueLTStd-Lt.woff') format('woff'), url('/Content/font/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('/Content/font/HelveticaNeueLTStd-Lt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-Md';
	src: url('/Content/font/HelveticaNeueLTStd-Md.eot');
	src: url('/Content/font/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'), url('/Content/font/HelveticaNeueLTStd-Md.woff') format('woff'), url('/Content/font/HelveticaNeueLTStd-Md.ttf') format('truetype'), url('/Content/font/HelveticaNeueLTStd-Md.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-Roman';
	src: url('/Content/font/HelveticaNeueLTStd-Roman.eot');
	src: url('/Content/font/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('/Content/font/HelveticaNeueLTStd-Roman.woff') format('woff'), url('/Content/font/HelveticaNeueLTStd-Roman.ttf') format('truetype'), url('/Content/font/HelveticaNeueLTStd-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*, html,body{
   box-sizing: border-box;
}
body{background:#f0f0f0; font-size:12px; font-family:'Conv_HelveticaNeueLTStd-Roman';}
*:focus {    outline: none;}
td { -webkit-user-select : text;}
td::selection {    background-color: transparent;}
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, {    outline:0px !important;    -webkit-appearance:none;}
::-ms-clear        {  display: none; }
table.dataTable tfoot th, table.dataTable tfoot td{border-top: none!important}
.disable-mode{width: 100%; height: 100%; z-index: 15; position: absolute; background:#ffffff;opacity: 0;} /*for disable div*/
.fl{float:left;}
.fr{float:right;}
a{text-decoration:none; outline: none;}
header, footer, aside{display:block;}
.icon{background: url('/Content/images/sprite.png') no-repeat; cursor: pointer;}
.clear{clear: both; height:0; width:0;}
.disabled {cursor: auto ;}
.abs{position:absolute;}
.errormsg{font-size:12px; color:#a94442; display:inline;}
.datatable-vertical table.dataTable thead th:hover .iconheader.content-none {display:none; }
.content-none {display:none !important;}
.content-block {display:block;}
.btnstandard{border:2px solid #cbcbcb; background:#fff; color:#979797; }
.btnstandard:hover{border:2px solid #52d1da; background:#52d1da; color:#fff;}
.loaderContainer{width: 100%; height: 100%; position: fixed;z-index:12;}
.overlay {position:fixed; width:100%; height:100%; opacity:0.7; z-index:8; background:#fff; top:0;}
.loader {background: url('/Content/images/712.GIF')no-repeat; position:fixed; width:41px; height:41px; margin-left:-20px; left:50%; top:50%; margin-top:-20px; opacity:0.7; z-index:9;}
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
div.header-bg{background:#f4f4f4 !important;}
.container ::-webkit-input-placeholder{   color: #555555; }
.container :-moz-placeholder{ /* Firefox 18- */   color: #555555;opacity:1 !important;}
.container ::-moz-placeholder {  /* Firefox 19+ */   color: #A7A7A7;opacity:1 !important;}
.container :-ms-input-placeholder {  color: #555555;opacity:1 !important;}
.container input[type="text"].error::-webkit-input-placeholder {   color: #f23d38; }
.container input[type="text"].error:-moz-placeholder { /* Firefox 18- */   color: #f23d38;}
.container input[type="text"].error::-moz-placeholder {  /* Firefox 19+ */   color: #f23d38 !important;}
.container input[type="text"].error:-ms-input-placeholder{  color: #f23d38;}
.input-shadow{  
	-webkit-box-shadow: 4px 4px 0px 0px #dfdfdf; /* WebKit */
	-moz-box-shadow: 4px 4px 0px 0px #dfdfdf; /* Firefox */
	box-shadow: 4px 4px 0px 0px #dfdfdf; /* Standard */
}
.disable{background: #CECFD1; color: #EAEAEA;}
.disable:hover {
    background: none repeat scroll 0 0 #cecfd1;
    color: #eaeaea;
}
.disable:hover .s-message {    background: url("/Content/images/sprite.png") no-repeat scroll -180px -220px rgba(0, 0, 0, 0);    display: block;    float: right;    height: 15px;    margin: 12px 13px 0 0;   width: 16px;}
.custom-btn{cursor: pointer;  display:block;  border:solid 1px #979797; color: #979797; height: 39px; line-height: 38px; vertical-align: middle; background: none; text-align: center; width: 158px}
.tiny-btn{cursor: pointer;  display:block;  border:solid 1px #979797; color: #979797; height: 29px; line-height: 28px; vertical-align: middle; background: none; text-align: center; width: 108px}
.overflowhidden{overflow-x:hidden;}
.hidemenu{width:60px; position:fixed; background:#454551; z-index:50; left:0; top:0; height:80px;}
.vertical-m{vertical-align: middle !important;}
.vertical-c{text-align: center !important;}
.vertical-c i{margin: 0 auto;}
.border-none {border: none !important;}
#tbldistributionreport tr:hover td { color: #707070 }

/* ---------------------------------------------------- login page ---------------------------------------*/

 header {background:#454551; height:80px; /*margin:0 0 52px 0;*/}
.container{	width:95% ;margin:0 auto; padding:0 2.5%;	position: relative;}
.container:before,.container:after  {  content: "";  display: table;} 
.container:after {  clear: both;} 
.container  {  zoom: 1; /* ie 6/7 */}
.logo {background:url(/Content/images/logo.png) left top; background-repeat: no-repeat; cursor: auto;	width:300px;	height:64px;	display:block; margin-top: 5px;}
.container h1 sup{font-size:22px; vertical-align:super; }
.signinfrm .labelinput{width:280px; display:inline-block; margin-right:10px; position: relative;}
.learnmore{font-size:14px; color:#fff; font-family:'Conv_HelveticaNeueLTStd-Roman'; display:block; margin-top:14px;}
 h1{color:#52D1DA; font-size:45px; font-family:'Conv_HelveticaNeueLTStd-Roman'; line-height: 55px;} 
 p.info{color:#878787; margin:30px 0 50px 0 ; font: 23px 'Conv_HelveticaNeueLTStd-Lt';}
.signinfrm input{width:265px; height:40px; line-height:40px !important; border:0; border-right:4px solid #dfdfdf; border-bottom:4px solid #dfdfdf; padding:0 2px 0 15px; color: #52d1da; font: 14px 'Conv_HelveticaNeueLTStd-Bd'; color:#52d1da;}
.signinfrm ::-webkit-input-placeholder {   color: #52D1DA;   opacity:1;}
.signinfrm :-moz-placeholder { /* Firefox 18- */   color: #52D1DA;opacity:1;}
.signinfrm ::-moz-placeholder {  /* Firefox 19+ */   color: #52D1DA;opacity:1;}
.signinfrm :-ms-input-placeholder {     color: #52D1DA;opacity:1;}
.inputmgr{margin-bottom:18px;}
.forgotpassword{margin:10px 0 40px; width:280px; text-align:right; }
.forgotpassword a{color:#878787; font:11px 'Conv_HelveticaNeueLTStd-Roman' ;}
.forgotpassword a:hover{text-decoration:underline;}
.signin{background: none;	width:240px;	height:40px;	font-size:14px; 	padding-right:14px;	font: 14px 'Conv_HelveticaNeueLTStd-Bd';}
.right-arrow{width:14px; height:16px; background:url(/Content/images/sprite.png) 0 0;   position: absolute; right: 15px;}
.signin:hover .right-arrow{background-position:  -178px -1902px;}
.field-validation-error span { top: 1px; right: -247px; position: absolute !Important; min-width: 138px;  padding:11px 13px; font-size: 14px; text-align: center; color: #fff; background: #f23d38; font-family:'Conv_HelveticaNeueLTStd-Lt';}
.field-validation-error span:after{ border-color: transparent #f23d38 transparent transparent; border-style: solid; border-width: 13px; content: ""; height: 0;left: -26px; position: absolute; top: 5px; width: 0;}

/* ---------------------------------------------------- Basic step page with header ---------------------------------------*/
.top-nav-right { float: right; height: 46px; margin: 0; background: #000; position: absolute; right: 2.5%; top: 0;}
.top-nav-right.bg-none{background:none;}
.top-nav-right ul{padding: 0px;margin: 0px;}
.top-nav-right ul li{float: left; padding-left: 0px; list-style: none; position: relative ;}
.top-nav-right table{padding: 0px;margin: 0px;}
.top-nav-right table td{float: left; padding-left: 0px; list-style: none; position: relative ;}
.top-nav-right ul li .message-info{background: url('/Content/images/sprite.png') no-repeat -176px -75px; width: 24px; height: 25px; background-repeat: no-repeat; display: block;  }
.top-nav-right ul li .admin-info{ cursor: pointer; background: url('/Content/images/sprite.png') no-repeat -119px -1667px; width: 24px; height: 24px; background-repeat: no-repeat; display: block;  }
.top-nav-right ul li .admin-info:hover{background-position: -158px -1667px;}
.top-nav-right ul li .client-info{ cursor: pointer; background: url('/Content/images/sprite.png') no-repeat -13px -1873px; width: 24px; height: 24px; background-repeat: no-repeat; vertical-align:middle; display:block;  }
.top-nav-right ul li .client-info:hover{background-position: -59px -1872px;}
.top-nav-right ul li .archive-info{cursor:pointer;background: url('/Content/images/sprite.png') no-repeat -114px -2146px; width:24px; height:24px; background-repeat: no-repeat; vertical-align:middle; display:block;  }
.top-nav-right ul li .archive-info:hover{background-position: -150px -2146px;}
.top-nav-right ul li .arrow-top{ background: url('/Content/images/sprite.png') no-repeat -179px -8px; width: 17px; height: 13px; background-repeat: no-repeat;  display: block; margin-top:10px; position:absolute; top: 10px; right: 10px;}
.arrow{padding-top:10px;}
.top-nav-right ul li span,.top-nav-right ul li a{text-decoration: none; padding: 9px 13px;  overflow: hidden; display:block; cursor: auto; }
.top-nav-right ul li span img,.top-nav-right ul li a img{ display: block; float: left;  margin-right: 10px;  max-height: 60px;}
.top-nav-right ul li .smart{ background: url('/Content/images/sprite.png') no-repeat -123px -188px; width: 48px; display:block; height: 26px; display:block;}
.top-nav-right ul li a.profile-link{min-width: 192px; cursor: pointer;} 
.top-nav-right ul li a.profile-link.active {background: #DEDEDE;} 
.top-nav-right ul li  a.active .arrow-top{ background-position: -179px -439px;  display: block; }
 .top-nav-right ul li a .profile-link{position: relative;}
 .profile-link p{ color: #878787; font-size: 11px; text-align: center; padding-right: 15px;}
 .profile-link p span{ color: #878787; font-size: 18px;}
 .top-nav-right ul li .log-part{ position: absolute; z-index: 9; top: 47px; right: 0; background: #DEDEDE; padding-bottom: 10px; display:none; width: 100%; min-width: 192px;}
 .top-nav-right ul li.log-part ul {padding: 0px; margin: 0px;}
 .top-nav-right ul li .log-part li{ float: none; width:auto;list-style: none; padding: 10px 10px 0px 10px;}
 .top-nav-right ul li .log-part li a{cursor: pointer;display: block; background: #fff; color: #52D1DA ; font: 12px 'Conv_HelveticaNeueLTStd-Bd' ; text-align:center; vertical-align: middle; height: 40px; line-height: 40px;  letter-spacing: 1px; padding:0px; }
 .top-nav-right ul li .log-part li a:hover{background: #52D1DA; color: #fff ;}
 table.dataTable thead th.border-none,table.dataTable tbody td.border-none{border-bottom: none !important; width: 160px ;}
 table.dataTable#offergridView tbody td.border-none, table.dataTable#offergridView thead th.border-none{padding:0}
 .pagesize{color:#707070; width:400px; float:left; margin: 20px 0;} 
.view-search .pagesize{padding-left: 0;}
 .pagesize a{color:#707070; padding:0 11px 0 0;}
.pagesize a:first-child{padding-left:10px;}
.pagesize a:hover, .pagesize a.selected{color:#52d1da;}
.datatable-vertical .pagesize a:hover, .datatable-vertical .pagesize a.selected{color:#005a83;}
.panelcontainer{position:relative;}
.panelcontainer.border-none{border: 0;}
.dataTables_wrapper .dataTables_filter input { vertical-align: top;   padding-top: 4px; border: medium none;    color: #a7a7a7;    font-family: "Conv_HelveticaNeueLTStd-Bd";    font-size: 14px;    height: 26px;    margin-left: 0.5em;    width: 170px;}
#left_panel_table {float:left; position:relative; width: 100%; padding-bottom: 50px;}  
#left_panel_table .dataTables_wrapper{min-height: 400px;}
#left_panel_table .dataTables_wrapper .simply-scroll-clip{  min-height: 340px;}
#FSRangeControl select{display:none;}
.dataTables_wrapper .dataTables_filter input,  x:-moz-any-link  { vertical-align: top;   padding-top: 2px; }
.dataTables_wrapper .dataTables_filter input,  x:-moz-any-link, x:default  {vertical-align: top;   padding-top: 2px;  }
.dataTables_wrapper .dataTables_info,.dataTables_info{float: left; font: 13px 'Conv_HelveticaNeueLTStd-Lt';  color:#707070;margin-top: 8px;}
.dataTables_wrapper .dataTables_paginate,.dataTables_paginate{width:50%;	margin-left:60px; position: relative; top: 10px;}
#offergridView_previous{ position: absolute; font-size: 0px; top: 7px; margin-left:-22px; font-size: 0px; background: url('/Content/images/sprite.png') no-repeat  -67px -629px;; width: 20px; height: 19px;	color:#f0f0f0 !important;	line-height:0;	padding:0;	}
#offergridView_previous.disabled{background-position: -178px -836px;}
#offergridView_next{   position: absolute; font-size: 0px;  top: 9px; background: url('/Content/images/sprite.png') no-repeat -91px -629px; width: 20px; height: 19px; color:#f0f0f0 !important; line-height:0;	padding:0;}
#offergridView_next.disabled{ background-position:-178px -812px; width: 20px; height: 19px;}
#grid-section .dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0.5em 8px;}
#grid-section .dataTables_wrapper .dataTables_filter{top:-130px; top:-143px\9; /* IE6, IE7, IE8, IE9 */}
.chosen-container{float: left; }
.search-field input[type="text"],.search-field {width: 330px !important;}
.chosen-container-multi .chosen-choices li.search-field {    height: auto;    margin: 0;    padding: 0;    white-space: nowrap;}
.chosen-container .chosen-results li,.chosen-container-multi .chosen-choices li.search-choice{height: auto;}
#grid-section table.dataTable tbody th,#grid-section table.dataTable tbody td { padding: 25px 10px 25px 5px;	font-size: 12px;	border-bottom:1px solid #a7a7a7;	font-family: 'Conv_HelveticaNeueLTStd-Roman';	color: #6D6E70 ;	position: static;	 vertical-align: top; cursor: pointer;}
.dataTables_empty{border-bottom: none !important;}
#grid-section #left_panel_table{overflow:hidden; position:relative;min-height: 395px; padding-bottom: 50px;}
#left_panel_table table#offergridView{border:none; }
#left_panel_table .dataTables_paginate {    width:360px;}
#offergridView_wrapper .dataTables_filter{display:none;}
.data-time,.event-filter{  float: right;    text-align: left;     width: 186px;    margin-top: 13px;}
.event-filter{float: left; width: auto; margin: 55px 0 0;}
.data-time p,.event-filter p{display: block;  float: left; height:42px;  vertical-align:middle ;   width: 58px; font: 16px/42px "Conv_HelveticaNeueLTStd-Bd"; color: #878787;}
.event-filter p{height: 32px; line-height: 32px;}
.event-filter p{width: auto; height:inherit; padding-right: 10px;}
.event-filter .date-select p.active,.select-panel .date-select p.active{background: #52d1da; border:solid 1px #52d1da; color: #fff;}
.event-filter .date-select p,.select-panel .date-select p,.custom-select{font-size: 14px; cursor: pointer;overflow: hidden; height:42px; line-height: 42px; padding-left: 10px;  vertical-align: middle;   text-overflow: ellipsis;    white-space: nowrap;    width: 94%; color: #878787;}
.event-filter .date-select p{height:30px; line-height: 30px;}
.new-event .date-select .link-item{padding-bottom: 0;}
.new-event .date-select .link-item li{padding: 0;}
.new-event .date-select .link-item li a{padding:10px; width: 96%; display: block;}
.event-filter .date-select.active p{color: #fff;}
.event-filter .date-select .select-arrow,.select-panel .date-select .select-arrow{top: 13px; background-position: -180px -245px;  right: 13px;}
.new-event .date-select .select-arrow{background-position:-181px -645px;}
.event-filter .date-select .select-arrow {top: 9px;}
.event-filter .date-select p.active .select-arrow ,.select-panel .date-select p.active .select-arrow {    background-position:  -180px -902px;    top: 13px; right: 13px;}
.event-filter .date-select p.active .select-arrow{top: 9px;}
.date-select p span,.event-filter p span,.select-panel p span{    display: inline-block;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    width: 83%;}
.date-select .link-item{left: -1px;  top: 41px; width: 126px; height: auto; overflow: inherit;}
.event-filter .link-item{width: 162px; top: 32px; left: 0px; height:150px;}
.new-event .date-select .link-item { left: 0; top: 44px; width: 100%;}
.date-event,.group-event{display: none; float: left;}
.date-event .date-select,.group-event .date-select{margin: 0px 5px;}
.date-select .link-item li ,.event-filter .link-item li{width: 100%; padding: 10px ;  word-wrap: break-word;}
.date-select .link-item li:hover,.event-filter .link-item li:hover{background: #52d1da; }
.date-event,.group-event{display: none; float: left;}
.event-filter .date-event .date-select,.event-filter .group-event .date-select{display: none;}
.date-event .date-select,.group-event .date-select{margin: 0px 5px;}
.event-filter .date-select,.select-panel .date-select{ float: left; width: auto;position: relative; display: inline-block;  }
.event-filter .date-select p,.select-panel .date-select p{width: 140px; background: #fff; border:solid 1px #a7a7a7; position: relative;}
.new-event .date-select p{width: 240px; background: #52d1da none repeat scroll 0 0;    border: 1px solid #52d1da;    color: #fff;}
.select-delete{ display: none; cursor: pointer; margin-top: 3px; background-position: -138px -67px; width: 26px; height: 27px; float: left; margin-left: 5px;}
.select-delete:hover{background-position: -83px -447px;}
.date-select  .mCSB_scrollTools{width: 12px; background: #eee;}
#myInput {
    background-image: url('/Content/images/search-icon-png-2.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}
#grid-section table.dataTable.hover tbody tr:hover td,#grid-section table.dataTable.hover tbody tr.odd:hover td,#grid-section table.dataTable.hover tbody tr.even:hover td,#grid-section table.dataTable.display tbody tr:hover td,#grid-section table.dataTable.display tbody tr.odd:hover td,#grid-section table.dataTable.display tbody tr.even:hover td {
    background-color: #fff; color:#52d1da;
}
#grid-section .dataTables_paginate {float: left;   margin-left: 39px; top:7px;}
 #grid-section .dataTables_paginate span {
        
        display: inline-block;
    }
#grid-section  .dataTables_paginate .next{background-position: -91px -629px;   cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-left: 10px;
    vertical-align: top;
    width: 20px; }
#grid-section  .dataTables_paginate .next.disabled{background-position: -178px -811px;}
#grid-section  .dataTables_paginate .previous {background-position:-67px -629px;    cursor: pointer;
    display: inline-block;
    float: left;
    height: 20px;
    margin-right: 10px;
    vertical-align: top;
    width: 20px; position:relative;}
#grid-section  .dataTables_paginate .previous.disabled{background-position: -178px -837px;}
#grid-section .dataTables_paginate span a.current, #grid-section .dataTables_paginate span a:hover {    color: #52d1da;}
#grid-section .dataTables_paginate span a { cursor: pointer;   color: #878787;    display: inline-block;    font: 12px "Conv_HelveticaNeueLTStd-MD";    padding: 0 8px;}
#offergridView td.dataTables_empty {    font-weight: bold;    text-align: left;}
#offergridView td.dataTables_empty:hover {background:#f0f0f0;cursor: auto;}
/* ---------------------------------------------------- date page ---------------------------------------*/
div.fileinputs {	position: relative;	float:left; width:710px; overflow: hidden;}
div.fakefile {	position: absolute;	top: 0px;	left: 0px;	z-index: 1;}
input.file {	position: relative;	float:left;	text-align: left;	-moz-opacity:0 ;	filter: alpha(opacity = 0);	opacity: 0;	z-index: 2;}
.file_dimension{width:268px; padding-left:12px; height:40px; color:#52D1DA; font: 14px "Conv_HelveticaNeueLTStd-Bd"; float:left; border: none;}
.file_dimension.input-shadow{height:34px;}
.upload-btn,.updatespc{background: none; width: 160px; margin-left:13px; border: solid 1px #979797; height: 40px; text-align: center; vertical-align: middle; color: #979797 ; font: 14px/40px 'Conv_HelveticaNeueLTStd-Bd'; cursor: pointer; }
.upload-btn:hover{background: #005a83; color: #fff;}
.browsefile{ background:none; border:0;}
.uploadpanel{width:699px; text-align:left;}

 /* ---------------------------------------------------- division-custom list---------------------------------------*/

span.expand, span.collapse{background: #fff; cursor: pointer;width:102px; padding:0 10px; border:1px solid #53d2db; display:none; text-align:left; height: 25px;  vertical-align: middle; color: #53d2db; font:14px/25px "Conv_HelveticaNeueLTStd-MD"}
span.expand .icon_expand,span.collapse .icon_expand{ background-position: -180px -245px; float:right; display:block; height:15px; width:15px; text-align:right; margin-top:5px;}
.rotate{	-ms-transform: rotate(180deg); /* IE 9 */    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */    transform: rotate(180deg);}
.apply-btn{    border: 1px solid #979797;    color: #979797;    cursor: pointer;    font: 14px/34px "Conv_HelveticaNeueLTStd-Bd";    height: 38px;    background:#dedede;    text-align: center;    vertical-align: middle;    width: 124px;	margin:20px 0 10px;}
.custom-store label { color: #79c3eb; display: block; font: 20px "Conv_HelveticaNeueLTStd-Roman"; padding-bottom: 10px;}
.fileupload {  float: left;   position: relative;    width: 100%;}
.popup-manual{ width: 680px; margin: 0 auto 25px;}
.custom-form {    color: #babcbe;    font: 15px "Conv_HelveticaNeueLTStd-ROMAN";    margin: 0 auto 5px;    width: 680px;}
.popup-manual span{ font: 13px/21px 'Conv_HelveticaNeueLTStd-Roman'; color: #979797; text-align:left; display: inline-block; padding:0 0 8px 12px; float: left;}
.file-upload { border: medium none; color: #79c3eb; float: left; font: 14px "Conv_HelveticaNeueLTStd-Bd"; height: 40px; padding-left: 12px; width: 416px; -webkit-box-shadow: 4px 4px 0px 0px #454551; /* WebKit */-moz-box-shadow: 4px 4px 0px 0px #454551; /* Firefox */box-shadow: 4px 4px 0px 0px #454551; /* Standard */ box-sizing: border-box;}
.fileupload .upload-btn {height: 44px;}
.fileupload .upload-btn:hover{background: #79c3eb; border:solid 1px #79c3eb;} 

/* ---------------------------------------------------- billing page and tag billing event grouping ---------------------------------------*/

.select-arrow{background: url('/Content/images/sprite.png') no-repeat -180px -861px; width: 15px; height: 17px; position: absolute; right: 10px; top: 12px; }
.tag .select-arrow{background-position: -157px -862px;}
.custom-select.active{background: #DE1889; color: #fff; border: none;  border: solid 1px #DE1889 ;}
.active .select-arrow{background: url('/Content/images/sprite.png') no-repeat -180px -902px; width: 15px; height: 14px;}
.tag .custom-select.active{background: #e55c91; color: #fff; border: none;}
.select-billing li:hover{color: #fff; background:#de1889;}
.link-item{ position: absolute; height: 127px; overflow: auto; background: #fff; width: 100%; top: 41px; left: 0; display: none; z-index: 5; padding-bottom: 10px;}
.link-item ul{ padding: 0px; margin: 0; }
.link-item li { cursor: pointer; text-align: left; list-style: none; width: 97%; padding: 6px 10px;box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; color: #878787; cursor: pointer;}
.link-item li:hover{background: #DE1889; color: #fff;}
.multi-table table th{color: #858585;}
.mCSB_container {width: 100% !important;}
.change-popup .mCSB_scrollTools {   width: 12px; background: #eee;}
.attribute-upload .upload-check > label{display: inline-block;  width: 90%; padding-top: 15px;}
.create-btn-section li a.create-group:hover{background: #bc572a;}

/* ---------------------------------------------------- add popup section of  billing ,tag billing and event grouping ---------------------------------------*/

.add-popup{ display: none; width: 615px; top:27px; left: 0px; background: #dedede; position: absolute; z-index: 2; padding: 20px 10px; }
.search-box{ background: #fff; padding: 0px 15px; overflow: hidden; height: 37px;}
.search-box input[type="text"]{  float: left; width: 550px; padding-top: 10px;vertical-align: middle; border: none; font: 14px 'Conv_HelveticaNeueLTStd-Bd'; color: #707070 ;}
.search-ico{margin-top: 10px; float: right; background: url('/Content/images/sprite.png') no-repeat -116px -605px; width: 16px; height: 17px; border: none;  cursor:pointer;}
.add-popup P{COLOR: #6d6e70; font: 12px 'Conv_HelveticaNeueLTStd-Md'; padding: 20px 0px 10px 0; text-align: left;}
.add-close {width: 360px; margin: 0 auto;}
.add-vendor,.cancel-addpopup{ cursor: pointer; margin-top: 20px; background: none; border: solid 1px #979797 ; width: 160px; height: 40px; line-height: 35px; vertical-align: middle; text-align: center; float:left; display: block; color: #979797; font-size: 14px; font-family: "Conv_HelveticaNeueLTStd-Bd";}
.add-vendor {margin-left:40px;}
.cancel-addpopup:hover,.add-vendor:hover{background: #de1889; color: #fff; border: 1px solid #de1889; }

 /*----------create-btn-popup--------------------*/

.link-item  .mCSB_container_wrapper > .mCSB_container{/*padding-left: 10px;*/ padding-right: 0px !important;}
.link-item  .mCSB_container_wrapper {margin-right: 0;}
 .create-btn-popup .change-popup{top:50%;}
 .mCSB_scrollTools .mCSB_draggerRail{background: #eee;}
 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {    background-color: #A7A7A7; border-radius: 1px; padding: 0px 1px;}
 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {    background-color: #A7A7A7;}
 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #A7A7A7;}
 .download-link{text-align: left; padding: 5px 0; width: 100%;}
 .download-link a{color: #ce2e09;  text-decoration: underline;}

/* ---------------------------------------------------- event-alert-section ---------------------------------------*/
.notification-form label .tooltip{ left: 128px;}
.datatable-vertical .removeselected{margin-bottom: 20px;}
.js_show{display: block !important}
 table tr:hover .icon-section {visibility: visible;}
.icon-section .icon{cursor: pointer;}
.button {    float: left;    height: 50px;    text-align: center;    width: 20px;}

/* ---------------------------------------------------- change password  section ---------------------------------------*/

.password-section,.forget-popup,.basic-popup,.preview-section {width:100%; display: none;  height: 100%;}
.pop-container{height: 500px; overflow: auto; position: relative;}
.pop-container .mCSB_container_wrapper{margin-right: 0px; right: 2px; top: 5px;}
.pop-container .mCSB_container_wrapper > .mCSB_container{padding-right: 0px;}
.pop-container .mCSB_scrollTools{top: 10px;}
.chanege-overlay{position: fixed; background: #fff; opacity: 0.7; width:100%; height: 100%; z-index:17; top:0; left: 0;}
.change-popup,.preview-popup{display: block; padding: 20px 20px 30px 20px; position: absolute; width: 760px; top: 50%; left:50%; margin-top:-225px; margin-left: -380px; background: #6E6E77;z-index:18; }
.change-popup h2,.item-popup h2 {text-align: center; color: #fff; font: 24px 'Conv_HelveticaNeueLTStd-Bd' ; margin-bottom: 24px; position: relative;}
.change-popup h2 .popup-close,.item-popup h2 .popup-close,.offer-detail .popup-close{background: url('/Content/images/sprite.png') no-repeat -139px -284px; width: 26px; height: 28px; display: block; cursor: pointer; position:absolute; right: 0; top: 0;}
.popup-close{background: url('/Content/images/sprite.png') no-repeat -139px -284px; width: 26px; height: 28px; display: block; cursor: pointer; float: right;}
.form-container { width: 420px; margin: 0 auto;}
.form-container p{position:relative;}
.form-container label,.notification-form label,.list-container h2{color: #52D1DA; font:20px 'Conv_HelveticaNeueLTStd-Roman';display: block; padding-bottom: 10px; position: relative;}
.form-container input[type="text"],.form-container input[type="password"],.notification-form input[type="text"] {  box-sizing: border-box; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    width:99%; height:40px; line-height:40px !important; border:0;-webkit-box-shadow: 4px 4px 0px 0px #454551; /* WebKit */-moz-box-shadow: 4px 4px 0px 0px #454551; /* Firefox */box-shadow: 4px 4px 0px 0px #454551; /* Standard */ padding:0 2px 0 15px; color:#52d1da; font: 14px 'Conv_HelveticaNeueLTStd-Bd'; color:#52d1da; margin-bottom: 14px ;}
.btn-content{ width: 528px; margin: 0 auto; padding-top: 14px;}
.btn-cancel{border:solid 2px #BABCBE;   line-height: 40px; height: 40px; width: 240px; text-align: center; color: #CFD1D2 ; font: 14px/40px 'Conv_HelveticaNeueLTStd-Bd'; vertical-align: middle; display:block; float:left; margin-right: 30px;}
.btn-cancel .cancel-icon{background: url('/Content/images/sprite.png') no-repeat -181px -670px; width: 14px; height: 15px; display: inline-block;   vertical-align: middle; margin-left: 30px;}
.btn-cancel:hover{background: #BABCBE;color: #454551;}
.btn-cancel:hover .cancel-icon{background: url('/Content/images/sprite.png') no-repeat -181px -694px; width: 14px; height: 15px;}
.btn-apply{border:solid 2px #52D1DA; line-height: 40px; height: 40px; width: 240px; text-align: center; color: #52D1DA ; font: 14px/40px 'Conv_HelveticaNeueLTStd-Bd'; vertical-align: middle; display:block; float:left;}
.btn-apply .apply-icon{background: url('/Content/images/sprite.png') no-repeat -143px -326px; width: 22px; height: 21px; display: inline-block;   vertical-align: middle; margin-left: 30px;}
.btn-apply:hover{background: #52D1DA;color: #fff;}
.btn-apply:hover .apply-icon{background: url('/Content/images/sprite.png') no-repeat -143px -360px; width: 22px; height: 21px;}
.message-popup{ display: none; padding: 20px 20px 20px 20px; position: absolute; width: 760px; top: 50%; left:50%; margin-top:-225px; margin-left: -380px; background: #6E6E77;z-index:18; height: 340px;}
.message-popup h1{color: #52D1DA; font: 40px 'Conv_HelveticaNeueLTStd-Md';  text-align: center; margin-top: 100px;}
.js-notificationmsgsectio .message-popup h1{color: #f0f0f0;} 
.message-popup  p{color: #CFD1D2 ;font: 26px 'Conv_HelveticaNeueLTStd-Md'; text-align:center;margin-top: 30px; }
.logout-section {width:100%; display: none;}
.form-container ::-webkit-input-placeholder{   color: #979797;   opacity:1;}
.form-container :-moz-placeholder { /* Firefox 18- */   color: #979797;opacity:1;}
.form-container ::-moz-placeholder {  /* Firefox 19+ */   color: #979797;opacity:1;}
.form-container :-ms-input-placeholder {     color: #979797;opacity:1;}
.pass-message{color: #BABCBE; font-size: 15px; font-family: 'Conv_HelveticaNeueLTStd-Roman'; padding-bottom:25px; text-align: center;}
.forget-height{min-height: 340px;}
.change-popup.forget-height h2{padding-top: 28px;}
.forget-popup .cancel-icon,.forget-popup .apply-icon{margin-left: 30px;}
 
/* ---------------------------------------------------- validation  ---------------------------------------*/

.error{color: #F23D38;}
.validationElement{color: #F23D38 !important;}
span.tooltip {  border-radius: 5px;  top: -13px; left: 33px; position: absolute !Important; min-width: 138px;  padding: 9px 13px 13px; font-size: 14px; text-align: center; color: #fff; background: #f23d38; font-family:'Conv_HelveticaNeueLTStd-Lt';}
span.tooltip:after {background: url('/Content/images/sprite.png') no-repeat -113px -565px; width: 18px; height: 14px; content: ""; left: -17px; position: absolute; top: 14px; }
.both-invalid{padding:10px 0px; font: 12px'Conv_HelveticaNeueLTStd-Roman'; min-height: 14px;}
span.tooltip.login-position{left: 308px; top:0px;}
span.tooltip.input-validate { left: 434px; position: absolute;  top: 33px;  padding: 13px 18px; width: auto;}
span.tooltip.input-validate:after{top: 12px;}
.forget-popup span.tooltip.input-validate:after { top:7px;   }
.forget-popup span.tooltip.input-validate {top:36px;} 
.password-section span.tooltip,.create-btn-popup span.tooltip{ min-width:90px;  width: 140px; padding: 13px 10px 13px 20px;}
.password-section span.tooltip{width:135px;}
.create-btn-popup span.tooltip.input-validate{top:24px;}
.password-section span.tooltip.input-validate{top:28px;}
.signinfrm span.tooltip { top: 1px; right: 42px; position: absolute !Important; min-width: 138px;  padding:11px 13px; font-size: 14px; text-align: center; color: #fff; background: #f23d38; font-family:'Conv_HelveticaNeueLTStd-Lt';}
.signinfrm span.tooltip:after { border-color: transparent #f23d38 transparent transparent; border-style: solid; border-width: 13px; content: ""; height: 0;left: -26px; position: absolute; top: 5px; width: 0;}

/* ----------------------------------------------------   column filter  datagrid ---------------------------------------*/

.showfilter{ background: url('/Content/images/sprite.png') no-repeat -86px -185px;  display: none; width: 28px; height: 18px; position: absolute; right: 30px;  top: 15px;}
.close-filter{	background-position:-116px -693px; width: 20px; height: 25px; display:inline-block;  margin-right: 31px; top:14px;}
.selected-filter{ background: url('/Content/images/sprite.png') no-repeat -86px -158px;  display: none; width: 28px; height: 18px; right: 30px;  top: 15px; position: absolute; }
table.dataTable#offergridView thead th:hover  {color:#fff;}
table.dataTable#offergridView thead th.sorting_disabled:hover{color: #52d1da;}
table.dataTable#offergridView thead th.selectedheader{background:url("/Content/images/down-arrow-hover.png") no-repeat scroll right 15px #52d1da ; color: #fff;}
.yadcf-filter-reset-button,.close-selected{cursor: pointer; float:left; display:block; margin-top: 20px; border:solid 1px #979797;color: #979797; height: 39px; line-height: 38px; vertical-align: middle; background: none; text-align: center; width: 158px}
.yadcf-filter-reset-button:hover,.close-selected:hover{background: #52d1da; color: #fff; border: solid 1px #52d1da;} 
.close-selected{ float:right; cursor:pointer;}
table.dataTable#offergridView thead th:hover  .selected-filter{display: none;}
table.dataTable#offergridView thead th:hover  .showfilter{display:inline-block;}
table.dataTable#offergridView  .yadcf-filter-wrapper {outline: none; cursor: auto;   background: none repeat scroll 0 0 #dedede;    display: none;	left: 0;    margin: 19px 0px;    padding: 20px 10px;    position: absolute;    white-space: nowrap;    width: 340px;    z-index: 2;}

/*  ------------------------------send-notification------------------------------- */

.send-noti-popup{width: 100%; height: 100%;  position: fixed; display: none; top: 0px; z-index: 60;}
.send-noti-popup .change-popup{background: #6e6e77; position: absolute;   padding: 20px 20px 30px; min-height: 330px ; top: 50%;  margin-top: -165px;}
.send-noti-popup .change-popup .exclamatory,.send-noti-popup .change-popup .warning{background-position: -72px -1px; width: 63px; height: 54px; display:block; margin: 0 auto;}
.send-noti-popup .change-popup .warning{background-position: -15px -1918px; }
.send-noti-popup .change-popup h3{ position: relative ;color: #52d1da; font:20px 'Conv_HelveticaNeueLTStd-Roman'; text-align: center;}
.send-noti-popup p{width: 680px; display: block; margin: 0 auto;}
.send-noti-popup textarea{ float:left; border-top: none; border-left: none; 	width: 100%;  height: 90px; -webkit-box-shadow: 4px 4px 0px 0px #454551; /* WebKit */-moz-box-shadow: 4px 4px 0px 0px #454551; /* Firefox */box-shadow: 4px 4px 0px 0px #454551; /* Standard */ box-sizing: border-box;	padding:5px 2px 5px 10px; background: #fff; color:#555555; font: 18px 'Conv_HelveticaNeueLTStd-Roman'; margin-bottom: 18px;}
.send-noti-popup .btn-content{/*padding-top: 0;*/}
.message-text{width: 680px; color: #babcbe; font: 15px 'Conv_HelveticaNeueLTStd-ROMAN'; margin: 0 auto 20px;}
.message-text h2{margin-bottom: 15px;}
.message-text p{text-align: center;}
.send-noti-popup h3 span.tooltip{left:  inherit; top:inherit; margin-left: 33px;  margin-top: -8px; }

/* ---------------------------------------------------- footer page ---------------------------------------*/

footer{background: #454551; width: 100%; min-height:168px; padding-top:40px; }
footer ul {padding: 0; margin: 0; text-align: center;}
footer li{ display: inline-block; /*width:240px;*/ padding: 10px 20px;list-style: none; position: relative;}
.btn-section{width: 595px; margin: 0 auto;  overflow: hidden;}
.btn-section.single-btn{  width: 282px;}
footer li a{margin-left:0;}
footer a{float: left; display: block; border: solid 1px #EFEEF0; width: 328px; height: 40px; line-height: 40px; vertical-align: middle; font-size: 14px; color: #EFEEF0; text-align: center;margin-left:40px;}
footer a:hover{background: #EFEEF0; color: #454551;}
.s-message {background: url('/Content/images/sprite.png') no-repeat -180px -220px; width: 16px; height: 15px; display: block; float: right; margin: 12px 13px 0px 0px;}
.c-arrow {background: url('/Content/images/sprite.png') no-repeat -180px -245px; width: 15px; height: 15px; display: block; float: right; margin: 12px 13px 0px 0px;}
.s-manager {background: url('/Content/images/sprite.png') no-repeat -179px -742px; width: 16px; height: 16px;  display: block; float: right; margin: 12px 13px 0px 0px;}
.s-correction {background: url('/Content/images/sprite.png') no-repeat -157px -955px; width: 14px; height: 16px;  display: block; float: right; margin: 12px 13px 0px 0px;}
.p-submit {background: url('/Content/images/sprite.png') no-repeat -180px -719px; width: 15px; height: 13px; display: block; float: right; margin: 12px 13px 0px 0px;}
.s-approval {background: url('/Content/images/sprite.png') no-repeat -6px -1172px; width: 20px; height: 14px; display: block; float: right; margin: 12px 13px 0px 0px;}
.conti-btn{float: left; display: block; border: solid 1px #52D1DA; width: 240px; height: 40px; line-height: 40px; vertical-align: middle; font-size: 14px; color: #52D1DA; text-align: center;}
.save-time{float:right; text-align: left; width: 240px; margin-top: 20px; color: #A5A5A5;  font:11px 'Conv_HelveticaNeueLTStd-Roman';letter-spacing: 1px; margin-right: 100px;}
.conti-btn:hover,.submit-approval:hover{background: #52D1DA; color: #fff; border:solid 1px #52D1DA}
.conti-btn:hover .c-arrow{background-position: -181px -645px ;  }
 footer a:hover .s-message{ background-position:  -179px -621px; }
 footer a:hover .s-manager {background-position:  -180px -789px;  }
 footer a:hover .p-submit {background-position:  -180px -766px;  }
 footer a:hover .s-correction{background-position:  -158px -980px;  }
.submit-popup .btn-apply:hover{background: #52d1da; }
.login-footer{min-height:28px; color: #fff; position: fixed;  bottom: 0; left: 0; vertical-align: middle; line-height: 28px; padding-top:0px; z-index: 36;}

/* ----------------------------------------------------   admin-panel ---------------------------------------*/

.panel-heading{color: #979797;  font-family: "Conv_HelveticaNeueLTStd-md"; margin: 40px 0 0;}
 .panel-heading .return-ico-sec a {padding-top: 17px;  }
.panel-heading .select-panel{border: none;}
.panel-heading span.tab-heading{font-size: 40px; color:#A7A7A7; font-family: "Conv_HelveticaNeueLTStd-MD";}
.add-user { float: right;    height: 40px;    width: 100%;}
.add-user .user {    background-position: -5px -1755px;    cursor: pointer;    height: 40px;    position: absolute;    right: 0;    width: 40px;}
.select-panel{float: right; position: relative;border:solid 1px #000;}
.select-panel li{float: left; display: inline-block; list-style: none; padding-top: 12px;  text-align: center;     width: auto;}
.select-panel li a{padding: 0 20px; color: #53D2DB;  font-size: 24px; display:block; text-decoration: underline;}
.select-panel li a:hover{text-decoration: underline;}
.select-panel.error{ border:solid 1px red; }
.select-panel .error{position: absolute; top:0; left: 0; padding: 5px; width: 98%; background: #f67874; color: #fff; line-height: 15px;}
.select-panel .date-select p { width: 200px; height: 40px; line-height: 40px;}
.select-panel .date-select .link-item {       left: 0;    top: 42px;    width: 212px;}
.admin-popup{float: right; width: 100%; height: 40px; }
.admin-popup .user{cursor: pointer; background-position:  -5px -1755px ; right: 0; position: absolute;	width: 40px;	height: 40px;}

/*--------------------------------------------------------------   FD planogram----------------*/

.fixedwidth{ max-width: 864px;}
.fixedwidth h1{margin-top:50px;}
.dataTable  td a{text-decoration:underline; color:#6d6e70; line-height: 17px;}
.dataTable  td a:hover {color: #52d1da;}
.formrow{margin:15px 0 0 0; width:100%; float:left;}
.formrow label.label{float:left; width: 29%; color: #6D6E70;font-size: 14px; font-family: 'Conv_HelveticaNeueLTStd-Bd';}
.formrow label.text{float:left;color: #6D6E70;font-size: 14px; width: 70%; font-family: 'Conv_HelveticaNeueLTStd'; line-height: 20px;}
.actionbtn {
    border: 1px solid #979797;
    color: #979797;
	display:block;
    cursor: pointer;
	text-align: center;
	vertical-align: middle;
    font-family: "Conv_HelveticaNeueLTStd-Bd";
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    position:relative;
    width: 260px;
	float:left;
}


.actionbtn:hover{background:#53d2db; color:#fff; border: 1px solid #53d2db;}
.actionbtn.fr{float:right;}

.actionbtn .cancel-icon {background-position: -146px -1989px ;width: 14px;	height: 14px;  display: inline-block; position: absolute; right: 10px;  top: 13px;}
.actionbtn:hover .cancel-icon{background-position:-174px -1989px;} 
.actionbtn .approve-icon {background-position:-174px -2015px; width: 20px;	height: 14px;  display: inline-block; margin-left: 30px; position: absolute; right: 10px;  top: 13px;}
.actionbtn:hover .approve-icon {background-position:-146px -2015px;}
.proofrun{margin-bottom:50px;margin:0 auto; width:970px;}
.proofrun h3 a{font: 20px 'Conv_HelveticaNeueLTStd-Md'; color:#53D2DB; margin-bottom:20px;  margin-bottom: 20px; display:block;} 
.proofrun:last-child{border:0;}
.proofrun textarea{height: 93px;  background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #dfdfdf #dfdfdf -moz-use-text-color;
    border-style: none solid solid none;
    border-width: medium 4px 3px medium;
    color: #555555;
    float: left;
    font: 14px "Conv_HelveticaNeueLTStd-Roman";
        border-color: #DFDFDF;
    padding: 5px 2px 5px 10px;
    width: 775px;}
	
input.btn.addcomment[type="submit"] {margin-top: 64px; float:right; width:160px; border: 1px solid #53D2DB;
    color: #53D2DB;
    cursor: pointer;
    font-family: "Conv_HelveticaNeueLTStd-Bd";
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    }
input.btn.addcomment[type="submit"]:hover{background:#53d2db; color:#fff; border: 1px solid #53d2db;}
.btncontainer{width: 600px; float:left;  margin: 30px 0 0 100px;}
.btncontainer input.btn{margin:50px 0 0 0 !important;}
.orderdesc {    display: table;	 margin: 40px 0 25px;	 padding-bottom: 20px;	 border-bottom: 2px solid #a7a7a7;}
.orderdesc  > div{width:49.5%; display: table-cell; vertical-align:middle;}
.orderdesc  > div:first-child{border-right:1px solid #A7A7A7; vertical-align:middle; }
.cancelsection{padding-left:30px;}
.proofdivider{border-bottom:1px solid #a7a7a7; margin:40px 0 30px;}
.icon-download{background-position:-172px -1868px;	width: 24px;height: 24px; display:inline-block; margin-left:20px; transform: rotate(180deg);}

/*--------------------------------------------------------------   FD planogram component----------------*/

.componentsec{	margin: 40px 0 25px; position: relative;}
 .componentsec.set-margin {  margin: 10px 0;  }
.componentsec .validate-error {    left: 103px;    top: -13px; color: #D41616;  position: absolute;  font-size: 13px; }
.componentsec  .lsec span{	float:left;	font: 14px 'Conv_HelveticaNeueLTStd-Bd';	color:#6D6E70;	}
.componentsec  span.middle{margin-top:10px;margin-right: 17px;	width: 125px;}
.componentsec .event-filter {margin:0;}
.lsec{width:40%; margin-top: 15px;}
.rsec{width:50%;float:left;}
.plano-select{margin: 25px 0 0 136px;}
.componentsec .event-filter {width:70%;}
.componentsec .event-filter  .date-select, .componentsec .event-filter  .date-select p, .componentsec .event-filter .link-item {width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-right: 23px; }
.componentsec .event-filter .date-select p{ padding: 10px; border: 0 none; box-shadow: 4px 4px 0 0 #dfdfdf; -moz-box-shadow: 4px 4px 0 0 #dfdfdf; -webkit-box-shadow: 4px 4px 0 0 #dfdfdf;}
.componentsec .event-filter .date-select p span{font-family: "Conv_HelveticaNeueLTStd-Roman";}
.componentsec .event-filter .date-select p.active span{color: #fff;}
.componentsec .event-filter .link-item{top: 30px;}
.componentsec .mCSB_scrollTools{right: 3px;}
.componentsec .event-filter .link-item li{width: 98%;}
.componentsec .event-filter .link-item{height: 134px;   border-top: none;}
.componentsave{margin:0 auto; padding:50px 0 70px 0; width:262px;}
.planogramorder .custom-checkbox input,.plano-select  .custom-checkbox input {display: none;}
.planogramorder .checkboxcontaner .custom-checkbox, .custom-radio {float:left; width:70%;  height:auto;}
.planogramorder  .checkboxcontaner {margin:0;border-bottom: 1px solid #a7a7a7; background:#fff; padding: 10px 0; }
.expendtable{width:100%;  background: #fff;margin: 0 auto; width: 90%; display:none;}
.planogramorder table.dataTable thead th, .planogramorder table.dataTable tbody  tr td{font-size: 14px; border-bottom:0; padding: 15px 15px 15px 72px}
.planogramorder table.dataTable tbody td{border-top: 1px solid #F0F0F0; background: #fff ; line-height: inherit;}
 .custom-checkbox label,.custom-checkbox label.hover {    background: url(/Content/images/meta-check.png) -2px -2px no-repeat;    height: 21px;    margin: 0 auto;    padding: 0 0 0.5em 1px;}
 .custom-checkbox label.checked, .custom-checkbox label.header.checked{    background-position: -2px -23px; padding-top: 0;}
 .custom-checkbox label.header{  background-position: -2px -46px;}  
.rsec  .actionbtn{margin-top:20px;}

.planogramorder  .custom-checkbox,.plano-select  .custom-checkbox{width:35px; float:left; height:30px; }
.planogramorder th label { color: #6d6e70;    font-family: "Conv_HelveticaNeueLTStd-bd";    font-size: 14px;}
.planogramorder td label.plano-label { font-family: "Conv_HelveticaNeueLTStd-roman"; font-size: 13px;     padding-top: 5px;    display: block;}
ul.planogramorder  li{float: left;background: #fff;    width: 100%; border-bottom: 1px solid #a7a7a7; padding:15px 0; }
ul.planogramorder  li span.lbl{ font-family: "Conv_HelveticaNeueLTStd-Roman"; font-size: 14px; color: #6d6e70; line-height: 36px}
.heading-font,.heading-type {font-family: "Conv_HelveticaNeueLTStd-bd"; font-size: 14px; color: #6d6e70; line-height: 23px;   }
.heading-type{margin-left: 17px;}
ul.planogramorder  li:first-child{/*background: #f0f0f0; border: 0 none;*/}
ul.planogramorder  li:last-child{border:0;}
.planogramorder  .custom-checkbox input{ left: 25px; top: 3px;	}
.planogramorder  .expand {float: right;   height: 26px;   margin-right: 20px;}
h3.time-heading{font-size: 30px;  padding: 0 0 10px 0;   font-family: 'Conv_HelveticaNeueLTStd-Md';  color: #A7A7A7;}
.planog-container{width: 79%; overflow: hidden; margin-top: 10px; margin-left: 142px;background: #fff; padding: 0 15px;}
.delcomp.paneldsp .remove-icon {    background-position: -39px -2050px;    display: block;    float: right;    height: 22px;    margin-left: 11px;    margin-top: -1px;    width: 22px;}
.delcomp.paneldsp a:hover .remove-icon,.paneldsp.show-part .remove-icon{ background-position: -39px -2081px; }

/*--------------------------------------------------------------   FD planogram Assignment----------------*/

.selectcommodity  {float:left; width:100%;}
.selectcommodity.componentsec span{color: #6d6e70;float: left;font: 14px "Conv_HelveticaNeueLTStd-Bd";}
.selectcommodity.componentsec .event-filter .date-select{width: 500px;}
.checkboxcontaner{float:left; width:100%; margin-top:25px;}
.checkboxcontaner .custom-checkbox, .custom-radio {float: left; width: 19.6%;}
.checkboxcontaner .custom-checkbox label {
    background: rgba(0, 0, 0, 0) url("/Content/images/meta-check.png") no-repeat scroll 0 3px;
    height: 23px;
    line-height: 1;
    margin: 0 auto;
    padding: 8px 0 0.5em 40px;
    position: relative;
	font: 14px 'Conv_HelveticaNeueLTStd-roman';
	color:#6D6E70;
}
.checkboxcontaner  .custom-checkbox label.checked { background-position: 0 -20px;}

.delcomp a{float:right; display:inline-block; color: #53d2db; font: 14px 'Conv_HelveticaNeueLTStd-roman'; text-decoration:underline;  }
.delcomp a:hover,.delcomp.show-part a{color: #53d2db}
.checkboxcontaner  input{ left: 10px; top: 9px;}
/*--------------------------------------------------------------   FD component maintennance----------------*/
.compmaintenance.componentsec span{width:auto;}
.compmaintenance.componentsec input.btn.addcomment[type="submit"]{float:none; margin-top:3px; width:170px; margin-left: 10px; height: 45px; background: none;}
.compmaintenance.componentsec span.middle { color: #6d6e70; float: left; font: 14px "Conv_HelveticaNeueLTStd-Bd"; margin-right: 20px;	width:auto;}
span.cmp {
    color: #6d6e70;
    float: left;
    font: 14px "Conv_HelveticaNeueLTStd-Bd";
    margin-right: 20px;
	}
.compmaintenance span  input[type='text']
{
	width:585px;
	height:42px;
	box-shadow: 4px 4px 0 0 #dfdfdf;
	 border: 0 none;
	  box-sizing: border-box;
	  color:#6d6e70;
	  font:14px 'Conv_HelveticaNeueLTStd-Roman' ;
	  padding:0 5px 0 10px;
	  
}
.compmaintenance span input[type='text'].error {border: solid 1px #D41616; color: #D41616; }
.checkboxcontaner.maintenance .custom-checkbox{width: 33%;}
.remove-icon {background-position: -43px -2019px;width: 14px;	height: 14px;  display: inline-block;     margin-left: 11px;}
.report-icon{background-position:  -9px -2016px; width: 20px;	height: 20px;  display: inline-block; float:right; }
.reportbox{position:absolute; background: #454551; font: 12px 'Conv_HelveticaNeueLTStd-roman'; padding:10px 10px 20px; margin-top:30px; right: 10px; display:none; width: 200px; z-index: 1;}
.reportbox li{padding-top:10px; cursor: auto;}
.reportbox li a{color:#53D2DB; }
.reportbox h3{color:#fff;  padding-bottom:10px;}

.triangle-bottomright {
    border-bottom: 10px solid #454551;
    border-left: 10px solid transparent;
    height: 0;
    width: 0;
	float:right;
	margin: -20px -10px 0 0;
}

.portalheading{background:#DEDEDD; padding:20px 0 20px 2.5%; color:#fff; font: 40px 'Conv_HelveticaNeueLTStd-roman';}

footer .disable-mode {width: 90%;}

/*--------------------------------------------------------------   Usage report----------------*/
.report-filter .date-select{ margin-right:10px;}
.report-filter .date-select p{
    width: 300px;
    height: 36px;
    line-height: 35px;
}
.report-filter .actionbtn{
    float: right;
    margin: 20px 12px 0 0;
}
.event-filter.report-filter .link-item{
    width: 300px;
}
/*--------------------------------------------------------------   Road map----------------*/
.paneldsp a{margin-top:10px;color: #979797;}
/*#road-map .panelcontainer{margin-top: 30px;}*/
#road-map .tab-heading.deactive{color:#DEDDDD;}
#road-map .file_dimension{width:520px;}
#road-map div.manageroadmap{float: left;    margin: 20px 0;    width: 100%;}
.manageroadmap  label {
    float: left;
    margin-right: 10px;
	color:#6D6E70;
	font: 14px/30px 'Conv_HelveticaNeueLTStd-bd';
	width: 174px;
	
}
#road-map .upload-btn{border: 1px solid #53d2db;  color: #53d2db;}
#road-map .upload-btn:hover,.updatespc:hover{ background: #53d2db none repeat scroll 0 0; border: 1px solid #53d2db;  color: #fff;}
#road-map .custom-checkbox label {background: rgba(0, 0, 0, 0) url("/Content/images/meta-check.png") no-repeat;
   height: 22px;
  margin: 0 0 0 7px;
   padding: 0 0 0.5em 1px;
   width: 27px;

}
#road-map  .custom-checkbox label.checked {    background-position: 0 -23px;}
#road-map .custom-checkbox  input {left: 13px; top: 7px;}
#road-map .custom-checkbox{height: 28px;  overflow: hidden;}

/*--------------------------------------------------------------   review pog order----------------*/


#reviewpog tbody td input{ width:200px; height:40px; padding:0 5px; float:left;}
.input-container{width: 285px; height: 40px;}
#reviewpog tbody td .delete-ico{background-position: -142px -1900px; width: 24px; height: 23px;  margin: 7px 5px 0; margin-top:5px; display: inline-block;}
#reviewpog tbody td .delete-ico:hover{background-position: -142px -1936px;}
#reviewpog tbody td .select-ico {background-position: -150px -2100px; width: 24px; height: 23px; margin: 7px 5px 0; display: inline-block;}
#reviewpog tbody td .select-ico:hover{background-position: -114px -2100px;}
.pogaction{margin:50px 0 ;}
.pogaction.set-margin{margin:30px 0 30px;}
.pogaction .return-ico-sec span {padding-left: 0;    }
.pogaction label{font: 24px 'Conv_HelveticaNeueLTStd-roman'; color:#6D6E70;} 
.pogaction span  a{font-size:14px; color:#979797; margin-left: 20px;  float:left;}
.pogaction a:hover  span{color: #53D2DB;}
.pogaction span  a span{float:left; margin: 5px 10px 0 0; text-decoration:underline;}
.pogaction a  .icon-xls{background-position: -173px -2039px;	width: 24px;	height: 26px; display:inline-block;}
.pogaction a:hover  .icon-xls{background-position: -131px -1306px ;}
.pogaction a  .icon-save{background-position:  -104px -1901px;	width: 20px; height: 21px; display:inline-block;}
.pogaction a:hover .icon-save, .icon-save:hover{background-position: -104px -1938px;}
.icon-save-row{background-position: -104px -1901px;display: inline-block;height: 21px;margin-left: 10px;margin-top: 9px;width: 20px;}
.icon-save-row:hover{background-position: -104px -1938px;display: inline-block;height: 21px;margin-left: 10px;margin-top: 9px;width: 20px;}

#reviewpog  .dataTable td a:first-child{margin-right:10px;}
#reviewpog  .dataTable td a.selected{color: #52d1da;}
.updatespc{width:240px;}
.return-ico-sec {
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 600px;
}
 .return-ico-sec span{ font: 25px 'Conv_HelveticaNeueLTStd-roman'; color:#6D6E70; padding-left: 10px; }
.return-ico-sec {
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 500px;
}
.return-ico-sec a{display: inline-block; float:left; padding-top: 5px;}
.link-refresh{display: inline-block; margin: 20px 15px;}
.icon-refresh{background-position:-79px -2015px; width: 21px;	height: 17px; display:block;} 
.return-ico{background-position: -9px -2081px;width: 20px;	height: 20px; display: inline-block;}
.return-ico:hover{background-position: -9px -2050px;}
#reviewpog tbody td .delete-ico{display: none; background-position: -142px -1900px; width: 24px; height: 23px;  margin: 7px 5px 0; margin-top:5px; }
#reviewpog tbody td .select-ico {display: none; background-position: -150px -2100px; width: 24px; height: 23px; margin: 7px 5px 0;}
#reviewpog tbody tr:hover td .delete-ico,#reviewpog tbody tr:hover td .select-ico{display: inline-block;}
.review-btn{ border: 1px solid #979797;
   color: #979797;
   cursor: pointer;
   display: inline-block;
   font: 14px "Conv_HelveticaNeueLTStd-Bd";
   margin-left: 10px;
   padding: 12px 20px;
}
 .review-btn:hover {border: 1px solid #52D1DA; background:#52D1DA ;color: #fff;    }
 .pogaction label{font: 25px 'Conv_HelveticaNeueLTStd-roman'; color:#898a8a;} 
/*--------new css--------*/
.category {
    position: relative;
   
	
	}
.column-divider{
    width: 40%;  
    padding-bottom: 20px
}
.fr{
float: right;
}
.fl{
   float: left;
}
.column-divider input,.event-filter .date-select p,.custom-select{
    border-style: none solid solid none;
    border-width: medium 4px 3px medium;
    color: #979797;
    border-color: #DFDFDF;
	}
.divider-filter{ 
    width: 100%;
    margin-top: 20px;
}
.divider-textinput input::placeholder{
  color: #979797
}
.divider-filter p{
    width: 100%!important;
	height: 40px!important;
    line-height: 40px!important;
}
.divider-filter  .date-select{
   width: 100%;
}
.divider-filter .link-item{
  width: 100%;
}

.btn-container .actionbtn{
  margin-left: 10px;
  margin-top: 20px;
}
.divider-filter input[type='text']{
    width: 100%;
    margin-top: 10px;
	padding: 13px 20px 11px 13px ;
    font: 13px "Conv_HelveticaNeueLTStd-Bd";

}
.divider-textinput{
   position: relative;
}

.divider-textinput .icon-save {
   position: absolute;
   right: 3%;
   top: 20px;
}
.icon-save {
    background-position: -104px -1901px;
    width: 20px;
    height: 21px;
    display: inline-block;
}

*, html,body{
   box-sizing: border-box;
}
.border-divider{
	border: solid 1px #e8e7e7;
	width: 100%;
}
.dataTablesfilter {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 2px solid #dfdfdf;
    border-right: 2px solid #dfdfdf;
    float: right;
    height: 43px;
    line-height: 43px;
    padding:  0 5px;
    text-align: left;
    width: 302px;
    margin-left: 8px;
    margin-top: 10px;
	position: relative;
}
.dataTablesfilter input{
    border: medium none;
    color: #a7a7a7;
    font-family: "Conv_HelveticaNeueLTStd-Bd";
    font-size: 14px;
    height: 41px;
    margin-left: 0.5em;
    vertical-align: top;
    width: 211px;
    padding-top: 1px;

}
.dataTablesfilter label{
    color: #52d1da;
    font-family: "Conv_HelveticaNeueLTStd-Bd";
    font-size: 14px;
    display: block;
}
 .search-ico {
    background-position: -91px -677px;
    position: absolute;
    right: 10px;
	top: 3px;
}
.review-order{
    width: 100%;
    overflow: hidden;
}
.review-order span{
margin-top: 30px;
}
	.login-checkbox {
    float: left;
    margin-right: 5px;
    display: inline-block;
    width: 20px;
}
.new-checkbox {
    width: 21px;
    height: 20px;
    display: block;
    float: left;
    /* position: relative; */
    z-index: 0;
    background: url(/Content/images/meta-check.png) -2px -2px no-repeat;
}
.new-checkbox input[type="checkbox"] {
    opacity: 0;
    _noFocusLine: expression(this.hideFocus=true);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
.new-checkbox.selected {
    background-position: -2px -23px;
}
.new-checkbox.selected,.header.new-checkbox.selected {
    background-position: -2px -23px;
}
.header.new-checkbox {
    background-position: -2px -46px;
    width: 21px;
    height: 20px;
    display: block;
}
.top-ico{
    background-position: -6px -2183px;
	width: 39px;
	height: 39px;
    display: none;
    position: fixed;
    bottom: 80px;
    right: 30px;
    cursor: pointer;
    z-index:99;
}
.paging-container .pagesize{width: auto;}
.password-instruction label{
    font-size: 13px;
    color: #52D1DA!important;
    padding-bottom: 5px;
}
.change-password label{
    color: #fff;
}
.password-inputs{
    margin-top: 10px;
}
.underline {
    text-decoration: underline;
    color: #979797;
}
.inner-label{
    margin-top: 6px;
    display: inline-block;
}

.custom-select{
    background: #fff;
    cursor: inherit!important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.product-detail.datatable-vertical table.dataTable .custom-checkbox input {  top: 7px;  left: 6px;}
.check-section li .custom-checkbox input, .marketing-check .custom-checkbox input{left: 4px;}
#road-map .custom-checkbox input{top: 2px; left: 7px;}
.checkboxcontaner input{left: 7px; top: 7px;}
 }