@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

.eui-checkbox {
	margin:0px 10px 0px 10px;
	width:15px;
	height:15px;
	/*background: url(../images/template/checkbox.png) top no-repeat;*/
}
.eui-checkbox.error {
	border-color: #f00;
	display: block;
	padding-top: 2px;
	min-height: 15px;
}
.eui-checkbox.focused {
	-moz-box-shadow: 0 0 3px #999999;
	-webkit-box-shadow: 0 0 3px #999999;
	box-shadow: 0 0 3px #999999;
}
.eui-checkbox.checked {
	/*background: url(../images/template/checkbox.png) bottom no-repeat;*/
}
*:before, *:after {
    box-sizing: border-box;
}

:-moz-placeholder {
  color: '#333843';
}
::-moz-placeholder {
  color: '#333843';
  opacity: 0.5;
}
:-ms-input-placeholder {
  color: '#333843';
}
::-webkit-input-placeholder {
  color: '#333843';
}
.placeholder {
  color: '#333843';
}
html {
  font-size: 100%;
  height: 100%;
}
html, body {
	padding:0;
	margin:0;
}

.eui-component-pagination_textbox {
	margin: 0 10px;
    text-align: center;
    width: 80px;
}
.dataTables_filter > * {
	float:right;
}
.eui-component-dropdown_mobi.eui-component .outer {
}
.table-striped tbody > tr.eui-component-lead_tr_selectable:hover > td {
	background-color:#cae5cd;
}
.table-striped tbody > tr.eui-component-lead_tr_selectable:hover:nth-child(2n+1) > td {
	background-color:#cae5cd;
}
.eui-component-lead_tr_selectable .fa-plus-circle {
	cursor:pointer;
    font-size: 18px !important;
}
.ecms-error-text {
	color:#f35958;
}
.eui-input {
	width:100%;
}
.eui-field.eui-textarea {
	width:100%;
	resize:none;
	color:#282323;
	padding:6px 11px;
	font-size:13px;
	height:102px;
	font-weight:normal;
	line-height:15px;
}
.eui-textarea.error {
	border: 1px solid #f35958;
}
.eui-field.eui-textarea::-webkit-input-placeholder {
	color:#6b6b6b;
}
.eui-field.eui-textarea::-moz-placeholder {
	color:#6b6b6b;
}
.eui-field.eui-textarea:-ms-input-placeholder {
	color:#6b6b6b;
}
.eui-field.eui-textarea:-moz-placeholder {
	color:#6b6b6b;
}
.ecms-validation-group .clearfix:before, .ecms-validation-group  .clearfix:after, .ecms-validation-group .container:before, .ecms-validation-group .container:after, .ecms-validation-group .container-fluid:before, .ecms-validation-group .container-fluid:after, .ecms-validation-group .row:before, .ecms-validation-group .row:after, .ecms-validation-group .form-horizontal .form-group:before, .ecms-validation-group .form-horizontal .form-group:after, .ecms-validation-group .btn-toolbar:before, .ecms-validation-group .btn-toolbar:after, .ecms-validation-group .btn-group-vertical > .btn-group:before, .ecms-validation-group .btn-group-vertical > .btn-group:after, .ecms-validation-group .nav:before, .ecms-validation-group .nav:after, .ecms-validation-group .navbar:before, .ecms-validation-group .navbar:after, .ecms-validation-group .navbar-header:before, .ecms-validation-group .navbar-header:after, .ecms-validation-group .navbar-collapse:before, .ecms-validation-group .navbar-collapse:after, .ecms-validation-group .pager:before, .ecms-validation-group .pager:after, .ecms-validation-group .panel-body:before, .ecms-validation-group .panel-body:after, .ecms-validation-group .modal-footer:before, .ecms-validation-group .modal-footer:after {
	display:block;
}
.ecms-validation-group .form-row {
	overflow:hidden;
}
.eui-date {
	height:auto !important;
	background-color: #ffffff;
    border: 1px solid #e5e9ec;
    border-radius: 2px;
    box-shadow: none !important;
    color: #282323;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    outline: 0 none;
    transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align: top;
}
.eui-date .datepicker {
	padding:0;
	width:100% !important;
	height:auto !important;
}
.eui-date .datepickerContainer {
	padding:0;
	float:none !important;
	position:relative !important;
	height:242px !important;
	width:100% !important;
	border:0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	background-color: transparent !important;
}
.eui-date .datepickerContainer table {
	height:inherit !important;
	width:100% !important;
}
.eui-date .datepickerContainer .datepickerDays td, .eui-date .datepickerContainer .datepickerDays th {
	text-align:center;
	vertical-align: middle;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.eui-date .datepickerContainer .datepickerDays td a, .eui-date .datepickerContainer .datepickerDays th a {
	width:auto;
}
.eui-date .datepickerViewDays thead {
	background-color: transparent !important;
}
.eui-date .datepicker * {
	border:none !important;
	border-collapse:collapse !important;
	outline:none !important;
}
.eui-date div.datepicker a {
	float:none !important;
	width:auto !important;
}
.eui-date div.datepicker .datepickerGoPrev > a span, .eui-date div.datepicker .datepickerGoNext > a span {
	color:#0090d9;
	text-align:center;
	margin-bottom:10px;
	margin-top:0;
}
.eui-date div.datepicker .datepickerMonth > a > span {
	color:#6f7b8a;
	font-size:13px;
	font-weight:700;
	margin-bottom:5px;
}
.eui-date .datepickerDoW > th > span {
	color:#0090d9;
	font-size:11px;
	font-weight:700;
	text-transform: uppercase;
	margin-bottom:2px;
	margin-top:3px;
}
.eui-date div.datepicker a span {
	color:#6f7b8a;
}
.eui-date div.datepicker .datepickerWeek a span {
	color:#b4bdcc;
}
.eui-date td.datepickerNotInMonth a span {
	color:#d0d3d8;
}
.eui-date .datepickerDoW span, .eui-date .datepickerDays a > span, .eui-date .datepickerMonth > a > span {
	line-height:22px;
}
.eui-date .datepickerDoW span, .eui-date .datepickerDays a, .eui-date .datepickerMonth > a {
	height:auto;
}
.eui-date div.datepicker div.datepickerContainer > table > tbody > tr > td {
	vertical-align:top !important;
}
.eui-date tbody.datepickerDays td.datepickerSelected {
	background-color:#0090d9;
}
.eui-date tbody.datepickerDays td.datepickerSelected > a > span {
	color:#fff;
	font-weight:700;
}
.eui-date tbody.datepickerDays td.datepickerSelected:hover {
	opacity:0.5;
}
.eui-date .datepickerViewDays > thead > tr:first-child th:hover, .eui-date .datepickerViewMonths > thead > tr:first-child th:hover, .eui-date .datepickerViewYears > thead > tr:first-child th:hover {
	background-color:#eee;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.eui-date .datepickerContainer > table > tbody > tr > td {
	padding:5px !important;
}
.eui-date .datepickerMonths a {
	line-height:66px;
	height:auto;
}
.eui-date .datepickerMonths td:hover {
	background-color:#eee;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.eui-date .datepickerYears a {
	line-height:66px;
	height:auto;
}
.eui-date .datepickerYears td:hover {
	background-color:#eee;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.eui-modal.eui-modal-mask {
	position: fixed;
	display: block;
	background-color: rgba(51,51,51,0.5);
	z-index: 1000;
	width:100%;
	min-height:100%;
	padding:15px;
	box-sizing: border-box;
}
.eui-modal .eui-modal-popup {
	display:block;
	background: none repeat scroll 0 0 #e5e9ec;
	box-shadow: 0 0 5px #111111;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin:0 auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	max-height:100%;
	max-width:100%;
}
.eui-modal-popup header {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding-top:1px;
	background: #fff;
	color:#484343;
	font-weight:700;
	line-height:22px;
	font-size:18px;
}
.eui-modal-popup .main-popup-content {
	min-height:115px;
}
.eui-modal-popup .popup-scrollable {
	overflow:auto;
	min-height:200px;
}
.eui-modal-popup > * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.eui-modal-popup header h1 {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding:12px 0 14px;
	margin:0;
	height:auto;
	text-align:center;
	background: #fff;
	color:#484343;
	font-weight:700;
	line-height:22px;
	font-size:18px;
}
.eui-modal-popup footer
{
	overflow:hidden;
	background-color:#f3f5f6;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding: 10px 0;
}
.eui-modal-popup footer a
{
	float: right;
	display:inline;
	min-width:50px;
	margin-bottom:0;
	margin-left: 0;
	margin-right: 10px;
}
.eui-modal-popup > div > div
{
	padding: 10px;
}
.eui-modal-popup p
{
	margin: 0px;
}
.eui-modal-popup h1
{
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 11px;
	background-color: #DDDDDD;
	border-bottom: 1px solid #ccc;
	color: #555;
	text-shadow: 1px 1px 1px #eee;
	letter-spacing: 1px;
}
.eui-modal-popup > div
{
	padding: 10px!important;
	min-height: 40px;
}
.popup-contents-loading {
	background:#fff url(../images/template/small_loader.gif) center no-repeat;
}
.popup-contents-loading > .main-popup-content {
	-moz-opacity:0;
	opacity:0;
	filter:alpha(opacity=0);
}
.eui-modal-popup > div > p
{
	margin-top: 3px;
}
.eui-modal-popup > div > img
{
	display: inline;
	float: left;
	margin-right:5px;
}
.eui-modal-popup > span
{
	position: absolute;
	margin-left: 440px;
	margin-top: -29px;
}
.page-sidebar .page-sidebar-wrapper > ul > li > a i {
	font-family:FontAwesome;
}
.eui-checkbox {
	background-color: #ffffff;
	border: 1px solid #c2c6cb;
	border-radius: 3px;
	content: "";
	display: inline-block;
	height: 17px;
	/*left: 0;*/
	margin-right: 10px;
	/*position: absolute;*/
	/*top: 0px;*/
	transition: border 0.2s linear 0s, color 0.2s linear 0s;
	width: 17px;
	display:inline-block;
	font-size:12px;
	text-indent:2px;
	line-height:15px;
	cursor:pointer;
	float:left;
	margin-top:1px;
	margin-bottom: 0px;
}
.eui-checkbox.checked:before {
	font-family:FontAwesome;
	content:"\f00c";
}
.eui-checkbox ~ label {
	margin-left:10px;
}
.eui-checkbox input {
	display:none;
}
.eui-component-lead_tr_selectable{
    cursor: pointer !important;
}
label.eui-required:after
{
	content:' *';
	color:#ff0000;
}
.eui-dropbox .listing ul {
	font-size:13px;
	line-height:23px;
	font-weight:normal;
	list-style:none;
	display: block;

	margin: 3px 10px 10px 3px;
    max-height: 300px;
    padding: 0 0 0 4px;
    position: relative;
}
.eui-dropbox .listing li {
	display: block;
	line-height:20px;
	padding:3px 7px 4px;
	cursor:pointer;
	color: #6f7b8a;
}
.eui-dropbox .listing li:hover, .eui-dropbox .listing li.selected {
	color: #fff;
	background-color: #0090d9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.eui-dropbox select {
	position:absolute;
	left:-5999px;
}

.eui-dropbox .listing {
	display:none;
	position: absolute;
	margin:0px 4px 0;
	background-color: #fff;
	-moz-box-shadow: 0 1px 1px #333333;
	-webkit-box-shadow: 0 1px 1px #333333;
	box-shadow: 0 1px 1px #333333;
	max-height:400px;
	overflow: auto;
	z-index: 51;
	margin-top: -1px;
	border: 1px solid #dddddd;
}
.eui-dropbox .listing
{
	background-color: #ffffff;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e5e9ec;
    border-image: none;
    border-radius: 2px;
    border-width: 1px;
    padding-top: 0;
	margin:-1px 0;
	border-top:0;
	border-bottom:0;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    border-style: none solid none;
}

/*start Support pagination modified by saranya june 7th 2016*/
.dataTables_paginate .paginate_button {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #ddd;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    padding: 5px 7px;
}
.dataTables_paginate .paginate_active {
    background: #c73834 none repeat scroll 0 0;
    border: 1px solid #222;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    padding: 5px 7px;
}

/* start drop off 1-6-2016 */
.drop_of_txt{float:left;width:23%;margin:10px 0 10px 14px;}
.drop_off_hd{float:left;width: 100%;margin-left: 15px;}
.drop_st{float:left;width:100%;margin:10px 15px;}
/* End drop off 1-6-2016 */

/*start Support pagination modified by saranya june 7th 2016*/
.dataTables_paginate .paginate_button {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #ddd;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
    padding: 5px 7px;
}

.Total_values{
	float: left;width: 100%;
}
/* Css for Download link bt in boxes July13,2016 Fathi code */
.download_link_bt {
	height: 32px !important;
	background: linear-gradient(#F7F7F7,#E8E8E8);
	color: #333359;
	border: 1px solid #ADADAD;
	border-radius: 2px;
	font-weight: 600;
	font-size: 11px;
	width: 81px;
	display: block;
	text-align: center;
	padding-top: 8px;
}
/*start pledge*/
.pagination select {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857;
color: #428BCA;
text-decoration: none;
background-color: #FFF;
border: 1px solid #DDD !important;
width:70px;
}
ul.pagination li {list-style:none;}
.pagination > li > a, .pagination > li > span {
background-color: #fff;
border: 1px solid #ddd;
color: #337ab7;
float: left;
line-height: 1.42857;
margin-left: -1px;
padding: 6px 12px;
position: relative;
text-decoration: none;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
background-color: #fff;
border-color: #ddd;
color: #777;
cursor: not-allowed;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.filterbox {
border-right: 2px dotted #999;
width: 23%;
float: left;
height:76px;
padding: 10px;
}
form-control {
display: block;
width: 20%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;

}
.pledge_error_msg{color:red;float: right; padding: 6px;}
#count , #estimate{color:#b92c28;font-size:26px}
.drpdown{width:50% !important;float: left;}
.wrap_btn{float: left; margin-left: 24px;margin-top: 3px;}
.hd_pledge{margin-left:14px;padding-top:15px}
/*End pledge*/

/* Css for Download link bt in boxes July13,2016 Fathi code */
.add{padding-left: 15px;
font-size: 12px;
cursor: pointer;padding-top: 10px;float: left;}

.remove {
     padding-left: 12px;
    font-size: 12px;
    cursor: pointer;
    float: left;
    padding-top: 10px;
}
.add:hover, .remove:hover {
    text-decoration: underline;
}

#add_more{float: left;padding-bottom: 15px;margin-top: -16px;}
.addmore_inp{margin-top: 10px;float: left;}
.left{float:left;margin-right: 10px;}

.add_more_contact
{
   /*  float: right;
    font-size: 12px;
    margin-right: -5px;
    margin-top: -13px;*/
    float: left;
    font-size: 11px;
    margin-right: -20px;
    margin-top: -8px;
  margin-bottom: 18px;
    width: 162px;
}
.add_more_go{

    float: left;
    font-size: 11px;
    margin-bottom: 18px;
    margin-right: 4px;
    margin-top: -8px;
    width: 164px;
}
.remove_more_contact 
{
	/*color: red;
    float: right;
    margin-right: -181px;
    margin-top: -13px;*/
    color: red;
     float: right;
    margin-right: -18px;
    margin-top: -12px;
}
.remove_more_go{
	/*color: red;
    float: right;
    margin-right: -10px;
    margin-top: -17px;*/
	color: red;
	float: right;
	margin-top: -10px;
	/*margin-right: -163px;*/
}
.remove_more_go_last
{
margin-right: -8px !important;	
}
.dropoffgodetails
{
	float: left;
	width:  100%;
	margin: 60px 0px;
}
.clear_row,.remove_row{background-image: url(../images/template/redcross.png) !important;
    width: 16px;
    height: 16px;
    box-shadow: none!important;
    border: none !important;
    background-color: white !important;
    margin-top: 8px;}

.grid.simple {
	padding: 0px !important;
	overflow-x: scroll !important;
}
.grid.simple .grid-body
{
  border: none !important;
}
/*.dropoffgodetails .dropoff_date{margin-top: -39px !important;}*/
.dropoffgodetails .dropoff_date input{margin-bottom:32px !important;}

.dropoffgodetails .dropoff_timeopen{margin-top: -93px !important;}
.dropoffgodetails .dropoff_timeclose{margin-top: -94px !important;}
h2.dropconh label{ font-size: 18px;}

.dropoffgodetails .dropoff_dname{margin-top: -30.15px !important;}
.dropoffgodetails .dropoff_dname input{margin-bottom:32px !important;}
/*.dropoff_date label{margin-top: 28px !important;}*/
.add_new_drg_date,.remove_new_drg_date { width: 100% !important;font-size: 12px;}
.add_new_d {margin-top: -48px !important; }

#drop_and_go_details { margin-bottom: 124px;
	float: left;
	width: 100%;
	overflow-x: hidden !important;
	padding-bottom: 10px !important;
 }