@charset "utf-8";

@font-face {
	font-family: 'Conv_WINGDNG3';
	src: url('../fonts/WINGDNG3.eot');
	src: local('☺'), url('../fonts/WINGDNG3.woff') format('woff'), url('../fonts/WINGDNG3.ttf') format('truetype'), url('../fonts/WINGDNG3.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_taileb';
	src: url('../fonts/taileb.eot');
	src: local('☺'), url('../fonts/taileb.woff') format('woff'), url('../fonts/taileb.ttf') format('truetype'), url('../fonts/taileb.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_taile';
	src: url('../fonts/taile.eot');
	src: local('☺'), url('../fonts/taile.woff') format('woff'), url('../fonts/taile.ttf') format('truetype'), url('../fonts/taile.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SWZ721N';
	src: url('../fonts/SWZ721N.eot');
	src: local('☺'), url('../fonts/SWZ721N.woff') format('woff'), url('../fonts/SWZ721N.ttf') format('truetype'), url('../fonts/SWZ721N.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SWZ721M';
	src: url('../fonts/SWZ721M.eot');
	src: local('☺'), url('../fonts/SWZ721M.woff') format('woff'), url('../fonts/SWZ721M.ttf') format('truetype'), url('../fonts/SWZ721M.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_SWZ721KC';
	src: url('../fonts/SWZ721KC.eot');
	src: local('☺'), url('../fonts/SWZ721KC.woff') format('woff'), url('../fonts/SWZ721KC.ttf') format('truetype'), url('../fonts/SWZ721KC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SWZ721K';
	src: url('../fonts/SWZ721K.eot');
	src: local('☺'), url('../fonts/SWZ721K.woff') format('woff'), url('../fonts/SWZ721K.ttf') format('truetype'), url('../fonts/SWZ721K.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SWZ721C';
	src: url('../fonts/SWZ721C.eot');
	src: local('☺'), url('../fonts/SWZ721C.woff') format('woff'), url('../fonts/SWZ721C.ttf') format('truetype'), url('../fonts/SWZ721C.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_SWZ721BC';
	src: url('../fonts/SWZ721BC.eot');
	src: local('☺'), url('../fonts/SWZ721BC.woff') format('woff'), url('../fonts/SWZ721BC.ttf') format('truetype'), url('../fonts/SWZ721BC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_phagspab';
	src: url('../fonts/phagspab.eot');
	src: local('☺'), url('../fonts/phagspab.woff') format('woff'), url('../fonts/phagspab.ttf') format('truetype'), url('../fonts/phagspab.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_phagspa';
	src: url('../fonts/phagspa.eot');
	src: local('☺'), url('../fonts/phagspa.woff') format('woff'), url('../fonts/phagspa.ttf') format('truetype'), url('../fonts/phagspa.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_micross';
	src: url('../fonts/micross.eot');
	src: local('☺'), url('../fonts/micross.woff') format('woff'), url('../fonts/micross.ttf') format('truetype'), url('../fonts/micross.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_merit4';
	src: url('../fonts/merit4.eot');
	src: local('☺'), url('../fonts/merit4.woff') format('woff'), url('../fonts/merit4.ttf') format('truetype'), url('../fonts/merit4.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_FUTURAN';
	src: url('../fonts/FUTURAN.eot');
	src: local('☺'), url('../fonts/FUTURAN.woff') format('woff'), url('../fonts/FUTURAN.ttf') format('truetype'), url('../fonts/FUTURAN.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_FUTURAH';
	src: url('../fonts/FUTURAH.eot');
	src: local('☺'), url('../fonts/FUTURAH.woff') format('woff'), url('../fonts/FUTURAH.ttf') format('truetype'), url('../fonts/FUTURAH.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "DB Hindi";
	src: url('../fonts/DB Hindi.ttf') format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "DBHindiMatrix";
	src: url('../fonts/DBHindiMatrix.ttf') format("truetype");
	font-weight: normal;
	font-style: normal;
}

 label {
    color: #333333;
    font-family: "open_sansregular";
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: thinn dotted;
    outline-offset: -2px;
}
.btn {border-radius:0;}
body{font-family:"open_sansregular";}
h3{color:#ee1f25;}
.w40{width:40%;}
/* .book-mainpart {margin-top:1%;} */
 .advertisement-booking-part,.customer-head, .book-head, .primium-part, .schedule-part , .discount-part ,.payment-part , .pricingdetail-part , .enterad-part , .order-review-part{margin:0.5% 0 0 0;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{padding:10px 15px;vertical-align:middle;}
.advertisement-booking-part{margin:0;} 
/*custom radio start*/
.end-user-radio input[type="radio"] {
    display: inline-block;
    float: left;
    height: 20px;
    margin: 0;
    width: 20px;
}
.end-user-radio input[type="radio"] + label {
    color: #292321;
    font-family:"open_sansregular";
    font-size:12px;
	margin: 0 0 0 -18px;
    position:relative;
    padding:0;
}
.end-user-radio input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:0px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:  50%;
    border-radius:  50%;
}
.end-user-radio input[type="radio"]:checked + label span {
    background: rgba(0, 0, 0, 0) url("../images/radio-checked.png") no-repeat scroll left top;
}
.end-user-radio input[type="radio"] + label span {
    background: rgba(0, 0, 0, 0) url("../images/radio-unchecked.png") no-repeat scroll left top;
}
.end-user-radio{float:left;width: 150px;}
.wdtpayment{width: 170px;}
/*custom radio end*/


/*CSS START*/
.can-padd{padding:0;}
.margin-bottom{margin:0 0 3px 0;}
.margin-top{margin-top:0.5%;}
input{ border: 1px solid #ccc;}
/*custom drop down start*/
.wd311  {
   width: 100%;
}
.wd55{width:55%;}
.select-style {
    background: #f7f7f7 url("../images/dropdown-btn.png") no-repeat scroll right -3px;
    border-radius: 0;
    
    margin: 0;
    overflow-x: hidden;
    padding: 0;
   
}

.select-style select {
    -moz-appearance: none;
    background-color: transparent;
    background-image: none;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    cursor: pointer;
    font-family: "open_sansitalic";
    font-size: 12px;
    height: 24px;
    line-height: 16px;
    padding: 0 0 0 20px;
    width: 100%;
}
/*custom drop down end*/


/*custom check-box start*/

	/* Base for label styling */
	[type="checkbox"]:not(:checked),
	[type="checkbox"]:checked {
	  position: absolute;
	  left: -9999px;
	}
	[type="checkbox"]:not(:checked) + label,
	[type="checkbox"]:checked + label {
	  position: relative;
	  padding-left: 25px;
	  cursor: pointer;
	}

	/* checkbox aspect */
	[type="checkbox"]:not(:checked) + label:before,
	[type="checkbox"]:checked + label:before {
	  content: '';
	  position: absolute;
	  left:0; top: 2px;
	  width: 16px; height: 16px;
	background:url("../images/check-unchecked.png") no-repeat left top;
	}
	[type="checkbox"]:checked + label:before { background:url("../images/check-checked.png") no-repeat left top;}
	/* checked mark aspect */
	[type="checkbox"]:not(:checked) + label:after,
	[type="checkbox"]:checked + label:after {

	  position: absolute;
	  top: 0; left: 2px;
	  width: 16px; height: 16px;
	background:url("../images/check-checked.png") no-repeat left top;
	}







	/*custom date picker start*/
.form-inline .form-group {
    position: relative;
}
.calendar-field label.nowd {
    width: auto;
}
.customer-information-myaccount .accbooking-part2 .calendar-field label.nowd {width:175px;}
.customer-information-myaccount .accbooking-part2 .ui-datepicker-trigger {right:31px;}
.customer-information-myaccount .secondName {padding:0 0 0 29px;}
.calendar-field label {
    color: #333333;
    font-family: "open_sansregular";
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-right: 30px;
}
.scheme-date .calendar-field label {
    font-family: "open_sansregular";
}
.has-datepicker {
     background-color: #f7f7f7!important;
    color: #333333;
    float: right;
    font-family: "open_sansitalic";
    height: 30px;
    margin: 0 15px 0 0;
    padding: 0 0 0 20px!important;
    width: 45%!important;
	}
	
.form-inline .form-control {
    width: 50%;
}
.schedule-size{width:50%;}

.ui-datepicker-trigger {
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 0;
}

/*custom date picker end */
.schedule-part .part-content .start-date .calendar-field{width:90%;}
.main-logo{ border-bottom: 7px solid red;
    margin-top: 15px;
    padding-bottom: 15px;
    text-align: center;
	}
	


.custom-checkbox .check-label{margin-right:20px;}

.schedule-label label{float:left; width:100%;}

.total-days .insertion-text > input{ border: 1px solid #ccc;border-radius: 4px; width: 20%;}

.total-days label {
    float: left;
    width: 65%;
}
.insertion-days label{ float: left;
   width: 65%;}

.insertion-days .insertion-text > input {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 20%;
}
.total-scheme-words{margin-bottom:18px;}
.insertion-part{margin-bottom:18px;}
.insertion-text{width:100%;}
.insertion-sheme-no{ float: left!important;
    width: 65%;}
.squaredOne .discount-checkbox {list-style: outside none none;}

.squaredOne .custom-checkbox{list-style:none; margin:0;}
.premium-rc-book .squaredOne .custom-checkbox {padding:0 0px;}
.squaredOne .custom-checkbox li {display:inline-block;}

.squaredOne .custom-checkbox .payment-radio{float:left; margin-right:1%;}
.payment-radio{float:left; margin-right:1%;}

.scheme-selection-label{width:50%;float:left!important;}

.paymentoption .payment-second-part label{float:left;width:30%;}

.payment-second-part{padding-left:15%;}


.discount-list {width:12%;}
.discount-label{float:left; width:25%;}
.discount-type label{float: left;width: 25%;}
.discount-part .discount-radio .end-user-radio{margin-right:1%;}
.remark-textarea .adtext {
    border: 1px solid #d7d7d7;
    color: #333333;
    font-family: "open_sansregular";
    font-size: 14px;
    font-weight: 300;
    height: 138px;
    line-height: 20px;
    padding: 10px 14px 10px 10px;
    width: 100%;
    max-width: 100%;
}
.textarea-text.wdfull {
    margin: 0 0 0 0;
    width: auto;
}
.dicsount-text-detail ul li a {
    color: #333333;text-decoration: underline;}
 
.discount-part .padd-discount{ padding: 2% 0 0 15%;}
.remark-textarea .dicsount-text-detail{margin-top: 4px;padding: 0;}
 .remark-textarea .dicsount-text-detail ul  {margin: 0;width: auto;}
 .remark-textarea .dicsount-text-detail ul li {
    display: inline-block;
    float: none;
    margin: 0;
    text-align: center;
    width: 33%;
}
 .remark-textarea .dicsount-text-detail ul li.sampel-ad {
    padding: 0 0 0 15px;
    text-align: left;
}
.pricingdetail-part .pricing-table .table-striped{border:1px solid #ccc;}


.enterad-part .ad-text .adtextarea {border: 1px solid #ccc;height: 100px;width: 100%;}
.form-button .button-orders .leftbtn{background-color:#ee1f25;border:none;color: #fff; margin:0 1.5% 0 0;border-bottom:3px solid #b11117;border-radius: 0;font-size:16px;line-height:18px;}
.form-button .button-orders .right-btn{background-color:#ee1f25;border:none;color: #fff;width:12%;border-bottom:3px solid #b11117;border-radius: 0;}
.order-review-part .table-striped{border:1px solid #ccc;}


.customer-button{ background-color: red;border: 0 none;color: #fff;height: 25px;margin: 30% 0 0 5%;width: 20%; border-radius:4px;}
/*table expand start*/
.expand .clickTo::after {
    content: "Collapse";
}
.clickTo::after {
    content: "Expand";
    display: inline-block;
}
/*table expand end*/
.totalname{text-align:right;}





.footer-1logo {float:left;}
	
.total-detail{	   background-color: white;
   background-color: #f7f7f7;
    border: 1px solid #ccc;
    left: 49%;
    position: relative;
    top: 165px;
    width: 30%;
}
.total-detail ul{list-style:none;margin: 10px 0;}
.popup-li > label {
    width: 49%;
	color: gray;
}
.popup-li{height:30px;}
/*button*/
.common-btn-css {background-color: #ee1f25;border: medium none;color: #fff;float: right;border-bottom:3px solid #b11117;padding:6px 12px;font-size:16px;line-height:18px;}
.save-draft-button button {margin:0 0 0 10px;}    
.discount-save-button .discount-button{float: none;
    margin: 0 0 0 40%;
    width: 30%;}

.order-head .primium-button { margin: 2% 1% 0 0;
    width: 10%;}
	
	
	/*----------------Datepicker start----------------------*/
	.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	border: 1px solid #d4d4d4;
	background-color: white;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 12px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 12px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
	/*-------------Datepicker end---------------------------*/



    #ModalTable .modal-dialog {max-width:1170px;width:100%;}
#ModalTable .left-button{margin:15px 0 0 0;}
.table>tbody>tr>th.date {width:15%;}
.table>tbody>tr>th.package {width:15%;}
.table>tbody>tr>th.edition {width:15%;}
.table>tbody>tr>th.subedition {width:20%;}
.table>tbody>tr>th.price {width:15%;}
.table>tbody>tr>th.link {width:20%;}

#ModalTable .table>tbody>tr>th.date {width:10%;}
#ModalTable .table>tbody>tr>th.package {width:10%;}
#ModalTable .table>tbody>tr>th.edition {width:10%;}
#ModalTable .table>tbody>tr>th.subedition {width:15%;}
#ModalTable .table>tbody>tr>th.price {width:45%;}
#ModalTable .table>tbody>tr>th.link {width:10%;}

.detailinfo .validation-advice {padding:0;margin:0;}
.select-style .validation-advice {padding:0;margin:0;background-color:#ffffff;}
.MultiSelect .validation-advice {padding:0;margin:0;}
.btn.fileUpload .validation-advice {position:absolute;top: 32px;left: 0;padding:0;margin:0;}
#dcinternaladbookform .calendar-field {position:relative;}
#dcinternaladbookform .calendar-field .validation-advice {margin:10px 0 0 291px;}

#discountmaindiv .remark-textarea {float:left;width:415px;}

#discountmaindiv .remark-textarea .adtext {width:100%;}
#discountmaindiv .discount-save-button .discount-button {margin: 0 0 0 25%;}
#discountcode-form .payment-second-part {padding-left:0;}
#discountcode-form #couponmaindiv .discount-save-button .discount-button {margin: 0 0 0 30%;}
.center-button {margin-bottom:50px;text-align:center;}
#order_cancel_save {margin:0 0 10px 0;padding: 5px 10px;width: auto;background-color:#ee1f25;}
#order_cancel_save:hover {background-color:#;}

#discountmaindiv .amount-text {width:200px;float:left;}

#ModalTable .center-button {
  margin: 15px 0 0;
}


.modal-box {
  display: none;    
  position: absolute;
  z-index: 1000;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
@media (min-width: 32em) {

.modal-box { width: 70%; }
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-box a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

.modal-box a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}


/*naitik*/
.drop-down .discount_coupen_text{width:auto;}
.amount-text .discount_coupen_text{width:auto;}

.insertion-days label{ width: 68%;}
.caption {z-index:1 !important}

.has-datepicker-my-order {
     background-color: #f7f7f7!important;
    color: #333333;
    float: right;
    font-family: "open_sansitalic";
    height: 30px!important;
    margin: 0 15px 0 0;
    padding: 0 0 0 20px!important;
    width: auto;
  }

.table-striped > tbody > tr > td {
  color: #333333;
  font-family: "open_sansregular";
  font-size: 12px;
  line-height: 14px;
  padding:7px 19px;
}
.table-striped > tbody > tr > td span {font-family: "open_sansregular";}
.myaccount_page .leftheading {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #ef4223;
  font-family: "open_sanssemibold";
  font-size: 20px;
  text-align:center;
  line-height: 22px;
  margin: 8px 20px 7px;
  padding: 7px 0 5px 0;
}

.myaccount_page .leftheading{
  text-transform : inherit;
}


.leftColumn ul.sidelinks li a:hover {
  background-color: #ef4223;
  color:#ffffff;
}

.leftColumn ul.sidelinks li a.active {
  background-color: #ef4223;
}

.leftColumn ul.sidelinks li a {
  background-color: transparent;
}

.bookingaccount-head h3 {
  color: #ee1f25;
  font-family: "open_sanssemibold";
  font-size:20px;
  line-height:22px;
  text-transform : inherit;
}


/*11-8-12*/
.z-index1{z-index:1!important;}

.matter-compose .matter-filter-btn{

background-color:#ee1f25;
border: medium none;
border-bottom: 3px solid #b11117;
box-shadow: none;
color: #fff;
float: right;
font-family: open_sansregular;
font-size: 16px;
line-height:18x;
padding: 6px 12px;
}
.accbooking-part2 .toolbar-fields {margin:0 20px 14px;}

.matter-compose {
  background-color:#fff;
}

.matter-compose #filter_orderno {
  width: 90px;
}

.matter-compose #filter_memono {
  margin-right: 20px;
  width: 94px;
}

.matter-compose #filter_rono {
  width: 90px;
}

.matter-compose .matter-form {
  margin-top: 0;
}

/*new orderlist page start*/
.order-widecol{width:870px;background-color:#ffffff;border:1px solid #c1c1c1;}
.account-right-container .order-background{ background: ghostwhite none repeat scroll 0 0;}
.account-right-container .approver-header h1{ border: medium none;color:#ee1f25;text-transform:none;}
.account-right-container .packagebox,.account-right-container .premium-option,.account-right-container .customer-info,
.account-right-container .payment-options{border:none;}
.account-right-container .packagebox h3,.account-right-container .package-detail,.account-right-container .premium-option h3
,.account-right-container .scheme-scheduling h3,.account-right-container .customer-info h3,.account-right-container .premiumorder-option-detail
,.account-right-container .payment-options h3,.account-right-container .order-detail h3,.col12-left-layout{ background-color: transparent;}
.order-table-border{border:1px solid #ccc;}
.account-right-container{padding: 20px 0 15px;}
@font-face {
font-family: 'Micosoft Tai Le';
src: url('../fonts/taile.ttf');
}
.booking-information-myaccount .leftheading {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ef4223;
    font-family: 'Micosoft Tai Le';
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 8px 20px 7px;
    padding: 7px 0 5px 41px;
}
.leftColumn ul.sidelinks li a.active {
    background-color: #ef4223;
}
.leftColumn{margin:0;width: 270px;}
.order-widecol{ width: 900px;}
.leftColumn ul.sidelinks li a:hover{background-color:#ef4223;}
.leftColumn ul.sidelinks li a{background-color:transparent;}
.update-button .update-btn{color:#fff;background: red none repeat scroll 0 0; margin: 15px 0 0;}

.account-right-container .order-background  .order-header-info{font-size:14px;color:#333333; float:left; margin:0 90px 0 0;}

.account-right-container .order-background  .order-header-info-last{font-size:14px;color:#333333; float:left; margin:0 0px 0 0;}


.account-right-container .packagebox h3,.account-right-container .premium-option h3,.account-right-container .scheme-scheduling h3
,.account-right-container .customer-info h3,.account-right-container .payment-options h3,.account-right-container .order-detail h3
{color:#ef4223;}

.leftColumn ul.sidelinks li a,.account-right-container .approver-header h1,.account-right-container .package-detail .package-label
,.account-right-container .package-detail em,.account-right-container .table > tbody > tr > th,.table > tbody > tr > td,.premiumorder-option-detail em
{font-family: "open_sansregular";}
/*new orderlist page end*/
/*my booking*/
.table > tbody > tr > th {font-family: "open_sanssemibold";font-size:13px;line-height:15px;}

.calendar-field label{font-weight:normal;}

/*customer infor page*/
.customer-information-myaccount .wd128 {
    width: 116px;
}
.customer-information-myaccount .input-group .zipCode label {
    margin: 6px 0 0;
    width: 55px;
}
.customer-information-myaccount .leftheading{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ef4223;
    font-family: 'Micosoft Tai Le';
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 8px 20px 7px;
    padding: 7px 0 5px 41px;
}
.customer-information-myaccount .create-ad-head h3 {
    color: #ef4223;
    font-family: "open_sanssemibold";
    font-size: 20px;
    line-height: 22px;
    margin: 0;
}
.customer-information-myaccount .button-part .btn {
    background-color: #ee1f25;
    color: #fff;
    display: inline-block;
    font-family: open_sansregular;
    font-size: 16px;
    margin: 0;
    border-bottom:3px solid #b11117;
    padding: 6px 12px;
}
.noMatter {border:1px solid #ccc;background-color:#ddd;text-align:center;padding:4px;margin:10px 0 0 0;clear:both;}
#head1 {
  width: auto;
  height:auto;
  min-height:80px;
  word-wrap:break-word;
  border: 2px solid #ccc;
  outline:0 solid transparent;padding:2px;
  font-size : 20px !important;
}

.button {
    display: inline-block;
    background-color: #ee1f25;
	border-bottom:3px solid #b11117;
    padding: 6px 12px;
	font-size: 16px;
	line-height:18px;
    z-index: 0;
    color: #fff;
    text-transform:none;
}
 .button:hover, .cart-table .product-cart-actions .button:hover, #co-shipping-method-form .buttons-set .button:hover, .footer .button:hover {
    background-color: #ee1f25;
    cursor: pointer;
}
.button:focus, .cart-table .product-cart-actions .button:focus, #co-shipping-method-form .buttons-set .button:focus, .footer .button:focus {background-color: #ee1f25;}
.overlay {
    z-index: 5;
    background: rgba(0, 0, 0, .50);
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
}
 
.popup {
    padding: 10px 10px 35px;
    background: #ddd;
    z-index: 999;
    display: none;
	height:auto;
	width:300px;
    right: 0;
	top:0;
	left:0;
	bottom:0;
	margin:auto;
	position:fixed;
}

.popup {
  background-color: #f4f4f4;
  border: 0 solid #6f6f6f;
  display: none;
  min-height: 100px;
  padding: 0;
  position: fixed;
  z-index: 2000;
}

.popup .sampletext {
  margin: 0 5px;
  padding: 10px !important;
  word-wrap: break-word;
}

.popup .header {
  background-color: #ee1f25;
  color: White;
  font-size: 16px;
  padding: 10px 5px;
}

.popup .close .fa {
  color: #fff;
  display: block;
  font-size: 14pt;
  height: 30px;
}

.popup .fa {
  color: #fff;
  margin-right: 5px;
}

.fa-fw {
  text-align: center;
  width: 1.28571em;
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.popup .close, .popup .close:hover {
  cursor: pointer;
  display: block;
  font-size: 14pt;
  height: 30px;
  margin-right: 5px;
  opacity: 1;
  position: relative;
  top: -30px;
  width: 26px;
}

.close {
  color: #000;
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  opacity: 0.2;
  text-shadow: 0 1px 0 #fff;
}



#chequeDiv,#ddDiv {margin:10px 0 0 0;}
#chequeDiv .discount-type label,#ddDiv .discount-type label {font-weight: normal;width:auto;}
#chequeDiv .calendar-field,#ddDiv .calendar-field {padding:0;}
#chequeDiv .has-datepicker,#ddDiv .has-datepicker {width: 100% !important;}
#chequeDiv .ui-datepicker-trigger,#ddDiv .ui-datepicker-trigger {right: 16px;}
.widsml {width:310px;}

.schedule-label .drop-down {width;138px;float;left;}
.schedule-label .scheme-selection-label {width:42%;}
 
.select-style select {width:100%;width:110%\9;}
.MultiSelect select {width:100%;}


.TemplateCover {height:400px;overflow-y:auto;}
.TemplateCover table {width:100%;}
.TemplateCover table tr td:first-child {width:25%}
.TemplateCover table tr td {padding:10px 10px 10px 0;width:75%}

.wd94 .has-datepicker {width:94% !important;}  
.fieldset .requiredSign p.required {float:left;}

.ErrorWrap {float:right;position:relative;}
.ErrorWrap .has-datepicker {width: 85% !important;}
.ErrorWrap .validation-advice {bottom:-19px;left:14px;position:absolute;}
.select-style.schdselWrap .validation-advice {left:118px;top:32px;}
.insertion-part .insertion-text {position:relative;}
.insertion-part .insertion-text .validation-advice {left: 24px;position: absolute;top: 27px;}
.insertion-part .insertion-sheme-no label {width: 89%}

#div_agency_user .input-group .form-control {border-bottom-right-radius: 4px !important;border-top-right-radius: 4px !important;}
.MinusMargin {width:868px;margin:0 0 0 -20px;}
.MinusMarginsch {width:868px;margin:0 0 0 -15px;}
.WideColumnwithoutspace .noMatter {margin:0 20px 10px;}

#previewTemplateContent
{
	
	box-sizing: content-box;
}

body #previewTemplateContent
{
	line-height: normal;
	font:12px/1.5em Arial,Helvetica,sans-serif;
}

#previewTemplateContent *,
#previewTemplateContent *:before,
#previewTemplateContent *:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.message-radio {
  float: left;
  margin-left: 0%;
  width:125px;
}
.form-control {border-radius:0;box-shadow:none;font-size: 12px;}

ul.registered-field li div.select-style {width:365px;outline:none;}
ul.registered-field li div.select-style select {margin:0;} 
ul.registered-field li .input-text {border-radius:0;}
.input-text {border-radius:0;}
#couponmsg {color: #df280a;font-size: 13px;margin: 5px 0 5px 166px;}
#div_coupen_msg {color: #df280a;font-size: 13px;margin: 5px 0 5px 166px;}
.customer-account-resetpassword .fieldset, .customer-account-resetpassword .buttons-set {max-width: 400px;}
.account-right-container .order-detail h3.orderitem {font-family: "open_sanssemibold";padding: 10px 0;}
.orderItemBtn {margin-bottom:20px;}
.order-item-btn {background-color: #ee1f25;
    border-bottom: 3px solid #b11117;
    color: #fff;
    display: inline-block;
    font-family: open_sansregular;
    font-size: 18px;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 15%;float:right;} 
.order-item-btn:hover,.order-item-btn:focus  {color:#ffffff;}   
.table > tbody > tr > th.order-view-pkg {width:90px;}
.table > tbody > tr > th.order-view-pkg {width:90px;}
.table > tbody > tr > td.order-view-edition {width:90px;word-wrap:break-word;}
.table > tbody > tr > td.order-view-edition {width:90px;word-wrap:break-word;}
.order-detail.can-padd h3 {padding:0 15px;}
.packagebox.can-padd h3 {padding:0 15px;}
.packagebox.can-padd h3.no-padd {padding:0;}
.packagebox.can-padd .template-head h3 {padding:0;}
.btn.focus, .btn:focus, .btn:hover {color: #ffffff;text-decoration: none;}
.top-space {margin: 2% 0 0 0;}

.tab-content .editionsep .end-user-radio {width:200px;}

.holdDiv .orderval > div {position:static !important;}
.editdiscount .MinusMargin {margin:0;width:100%;}
.editdiscount .MinusMargin .table-striped {border: 1px solid #ccc;}

#editorderlineitem table tr td .hasDatepicker{ padding: 0 8px !important;width: 91px !important;font-family:open_sansitalic;}

#headerTemplateTable ul li {width:75%;float:left;padding:6px 10px;font-family: "open_sanssemibold";color:#333333;font-size:16px;line-height:18px;}
#headerTemplateTable ul li:first-child {width:25%}
#headerTemplateTable ul {background-color: #F8F8FF;width:100%;padding:0;margin:0;}

.customreport {margin:2% 0 2% 0;}
.customreport table.TopDetail {width:100%;}
.customreport table.TopDetail tr td {width:25%;}
.customreport table.TopDetail tr td table tr td{width:auto;}
.customreport table.TopDetail tr td .validation-advice {width:100%;clear:both;}
.customreport form .calendar-field {margin:0 0 10px 0;width:100%;}
.customreport form .calendar-field .has-datepicker {padding: 0 0 0 5px !important;width: 100% !important;float:left;}
.customreport form .calendar-field .ui-datepicker-trigger {right:40px;}
.customreport form .calendar-field.fromDate .ui-datepicker-trigger {right:10px;}
.customreport form .calendar-field.toDate .ui-datepicker-trigger {right:29px;}
.customreport form .calendar-field label {float:left;margin:4px 15px 0 0;}
.customreport form .calendar-field .select-style {float:left;}
.customreport form .calendar-field .select-style select {padding: 0 0 0 5px;}
.customreport form button {margin-bottom:10px;}
.wd165 {width:165px;}
.customreport .table-striped {border: 1px solid #ccc;}
.customreport .reportsTableCover {margin-top:20px;}
.CoverTable {overflow-x:auto;}

.has-datepicker-order-edit {
  background-color: #f7f7f7 !important;
  color: #333333;
  float: none;
  font-family: "open_sansitalic";
  height: 30px !important;
  margin: 0 15px 0 0;
  width: 45% !important;
}

.reportsLinks {margin:0 5px 0 0;padding:0;float:left}
.reportsLinks li {list-style:none;position:relative;min-height:35px;}
.reportsLinks li a {text-decoration:none;outline:none;border: 1px solid #ee1f25;color: #ee1f25;display:block;padding: 3px 10px;}
.reportsLinks li a.reportsMain {background:url("../images/reports-arrow.png") no-repeat 95% 11px;padding: 3px 20px 3px 10px;}
.reportsLinks li a.reportsMain:hover {background:#ee1f25 url("../images/reports-hover-arrow.png") no-repeat 95% 11px;color:#ffffff;}
.reportsLinks li a.myaccountMain {background:url("../images/reports-arrow.png") no-repeat 90px 11px;padding: 3px 20px 3px 10px;}
.reportsLinks li a.myaccountMain:hover {background:#ee1f25 url("../images/reports-hover-arrow.png") no-repeat 90px 11px;color:#ffffff;}
.reportsLinks > li:hover ul {display:block;}
.reportsLinks li ul {position:absolute;width:185px;background-color: #ee1f25;top:30px;z-index:9999;display:none;}
.reportsLinks li ul li:first-child {border-top:none;}
.reportsLinks li ul li {list-style:none;width:100%;border-top:1px solid #ffffff;min-height:inherit;}
.reportsLinks li ul li a {padding:3px 8px;color:#ffffff !important;display:block !important;}
.reportsLinks li ul li a:hover {background-color:#ffffff !important;color:#ee1f25 !important;} 
.customer-information-myaccount .proof-approver-cover .input-group label {margin:0;}
.proof-textarea.remark-textarea .dicsount-text-detail ul li {width:auto;margin:0 40px 0 0;}
.HeaderDetail {clear:both;}
.HeaderDetail span:first-child {margin:0 20px 0 0;}
.HeaderDetail span em {font-weight:normal;font-style:normal;color:#ee1f25;}

.CouponDiv input[type="text"] {float:left;}
.CouponDiv .common-btn-css {float:left;margin: 0 0 0 5px;padding:4px 12px 5px;}
#discountmaindiv .DiscountDiv.remark-textarea .adtext {width:222px;resize:none;float:left;height:80px;}
#discountmaindiv .DiscountDiv.remark-textarea .common-btn-css {float:left;margin:47px 0 0 10px;}
#ui-datepicker-div {z-index:2 !important;}

.schLineTab {border-collapse:inherit;}
.schLineTab.table>tbody>tr>th {border-top:none;}
.netAmount span {text-align:right;display:block;}
.netAmount span em {font-style:normal;font-family: "open_sanssemibold";}
.schedule-part .scheduleHeadTag {text-align:center;color:red;font-size: 15px;margin:0;}

input[type=button]:focus{
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.configuration-account-screen.customer-information-myaccount .secondName {padding: 0;}
.configuration-account-screen.customer-information-myaccount .input-group .secondName label {width: 160px;}
.configuration-account-screen .code-field {border-bottom: 1px solid #eee;border-top: 1px solid #eee;padding: 12px 0 10px 0;}
.configuration-account-screen.customer-information-myaccount .code-field.input-group label {width: 180px;}
.configuration-account-screen.customer-information-myaccount .button-part .btn {margin:0 13px 0 0;}
.customreport.reciept_Report form .calendar-field.fromDate .ui-datepicker-trigger {right:0px;}
.customreport.reciept_Report form .calendar-field label {margin: 4px 10px 0 5px;}

.accbooking-part1 .input-group.orderNumber {width:auto;}
.accbooking-part1 .input-group.orderNumber label {width:auto;}
.accbooking-part1 .input-group.roNumber {width:auto;margin-top:10px !important;}
.accbooking-part1 .input-group.roNumber label {width:auto;}
.Mybookedaids .margin-btm {margin-bottom: 10px !important;}

.audit-schedule-report-live .pager {
	float: none !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  /* Safari and Chrome, if Chrome rule needed */
  #head1 {
    width:325px;
  }
/* Label Value*/
.orderval{ font-weight: normal;}
}
input[type=text] {height: 24px;}
.select-style.MultiSelect select {padding: 2px 20px;height: 47px !important;}
hr{margin-top: 0px; margin-bottom: 0px;}
.dbcl-num-logo p {font-size: 36px;}

button:focus {outline:dotted;}

.select-style.wd311 > select[disabled=""] {
    background-color: #ccc;
}


.form-control:focus { outline:initial;}
[type="checkbox"]:focus:not(:checked) + label::before, [type="checkbox"]:focus:checked + label::before { outline:1px solid #ef4223;}

@media screen and (-webkit-min-device-pixel-ratio:0) {    
 .end-user-radio input[type="radio"] {
  height: 17px;
  width: 18px;
  margin-top: 2px;
 }
 a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; text-decoration:none;}
 button:focus, input:focus, select:focus, textarea:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
 button:focus, input:focus, select:active, textarea:active {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
 [type="checkbox"]:focus:not(:checked) + label::before, [type="checkbox"]:focus:checked + label::before { outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
}


#matterComposePDF .filefield{width:100%;max-width:50%}
#matterComposePDF td{padding-top: 12px; vertical-align: top;}
#matterComposePDF .uplbtn {border-bottom: none; margin-top: -1px;}
.upl_brw {float: right; margin: 1px -15px;}
#matterComposePDF .filefield {max-width: 55%; width: 100%;}
.matterComposePDF .instrutionline{float: right;}

/*to resolved readio button issue in Fixed Size Section*/
#tab-2 .end-user-radio input[type="radio"] {position:static; }
#tab-2 .end-user-radio input[type="radio"] + label { padding:0;}
#tab-2 .end-user-radio input[type="radio"] + label span { margin-top:0;}
#templateMain ul.selectsize li .radioDiv { text-align:left;}

.uplbtn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.success_pdf_fixed_size {
  color: #11b400;
  font-family: open_sansregular;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  margin-top: 9px;
}

#dc_bulkpdfuploadform input[type="checkbox"] {
	left: 0;
	position:relative;
}

#bulkpdfupload-model > form {
  overflow-y: scroll;
  max-height: 300px;
}

#pdf-date-checkbox {
  display: inline;
  max-width: 85px !important;
}

#published-date-edit-checkbox {
	margin-bottom: 7px;
}
.date-checkbox-pdf-edit {
	margin-right: 3px !important;
}

.multipdfupload{
	float: left;
	padding: 0;
}

.packagebox-pdf-lable{
	float: left;
	padding: 0;
}

.downloadpdfsec{
	width: 100% !important;
}

.downloadpdfsec .detailinfo{
	width: 100% !important;
}

#rc-epaper-samplead {
	float: right;
	cursor: pointer;
	margin-top: 5px;
}

#epaperpreview {
	width: 60%;
	height:400px;
}

.epaperpreview-label {
  border-bottom: 1px solid black;
  font-size: 15px;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
}

.epaper-img-preview {
	float:left;
	width:29%;
	margin-left:24px;
	margin-top:5px;
}

.epaper-img-preview img {
	width: 100%;
}

#showhtmlForm > label{
	float: left;
}

.colorPicker-picker{
	float: left;
	margin: 0 5px;
}

#showhtmlForm section {
    background: #eee;
    padding: 10px 5px 5px 0;
}
#showhtmlForm section:hover {
    background: #ccc;
}
#showhtmlForm section + section{
 margin-top: 1px;
}
#showhtmlForm section *:not(option) {
    display: inline-block;
    margin-left: 5px;
}
#showhtmlForm .inner-div-template + .inner-div-template{
 margin-bottom: 10px;
 width:46%;
}
#showhtmlForm .inner-div-template + .inner-div-template.full {
    width: calc(100% - 15px);
}
#showhtmlForm section select {
    width: 100%;
}
/*
*:focus{
 border: 0px solid #ee1f25 !Important;
 outline: 0 !Important;
}*/
@media only screen and (max-width:767px) {
.accbooking-part1 .input-group.orderNumber, .accbooking-part1 .input-group.roNumber{width:100%;}
.accbooking-part1 .input-group.roNumber label{width:97px;}
.accbooking-part1 .input-group.roNumber{margin-bottom:10px;}
.customer-information-myaccount .accbooking-part2 .ui-datepicker-trigger{right:19px;}
.customreport form .calendar-field.fromDate .ui-datepicker-trigger, .customreport form .calendar-field.toDate .ui-datepicker-trigger{right:0px;}
.MinusMargin.table-responsive{width:100%; float: none; margin:0px;}
}