.smart-rtl .miniPic {
    left: 18px;
    right: auto;
}

.smart-rtl .smart-form .label:first-child {
    text-align: right !important;
}

.smart-rtl .smart-form .select i {
    left: 11px;
    right: auto;
}

.header-search > input[type=text] {
    /*min-width:320px!important;*/
}

.top-right-activity-dropdown {
    right: 16px !important;
    left: auto !important;
}

.smart-rtl #divSmallBoxes {
    right: auto !important;
    left: 0 !important;
}

.smart-rtl .SmallBox {
    right: auto !important;
    left: 5px !important;
}

.smart-rtl #divSmallBoxes {
    right: auto !important;
    left: 0 !important;
}

.smart-rtl .has-feedback .form-control {
    padding-left: 40px !important;
    padding-right: 12px !important;
}

.smart-rtl .form-control-feedback {
    left: 0 !important;
    right: auto !important;
}
.smart-rtl [class^=col-]>.form-control+.form-control-feedback {
    left: 13px !important;
    right: auto !important;
}

.smart-rtl .smart-form .input-file .button {
    left: 4px !important;
    right: auto !important;
}

.smart-rtl .dt-toolbar > :first-child .DTTT,
.smart-rtl .dt-toolbar > :first-child .dataTables_filter > :only-child,
.smart-rtl .dt-toolbar > :first-child .dataTables_length,
.smart-rtl .dt-toolbar > :first-child .pagination {
    float: right !important;
    margin-left: 5px;
}

.smart-rtl .dt-toolbar > :last-child .DTTT,
.smart-rtl .dt-toolbar > :last-child .dataTables_filter > :only-child,
.smart-rtl .dt-toolbar > :last-child .dataTables_length,
.smart-rtl .dt-toolbar > :last-child .pagination {
    float: left !important;
}

.alert-danger2 {
    background-color: #f2dede !important;
    border-color: #ebcccc !important;
    color: #a94442 !important;
}


.import_duplicated_row {
    border-color: #953b39 !important;
    color: #fff !important;
    background-color: #c26565 !important;
    text-shadow: none !important;
}

/******/
.input-group-addon label input[type=checkbox].checkbox + input[type=hidden] + span, .input-group-addon label input[type=checkbox].checkbox + input[type=hidden] + span:before, .input-group-addon label input[type=radio].radiobox + span, .input-group-addon label input[type=radio].radiobox + span:before {
    margin-right: 0;
}

.checkbox input[type=checkbox].checkbox + input[type=hidden] + span, .checkbox-inline input[type=checkbox].checkbox + input[type=hidden] + span, .radio input[type=radio].radiobox + span, .radiobox-inline input[type=radio].radiobox + span {
    margin-left: -20px;
}

.form-inline .checkbox input[type=checkbox].checkbox + input[type=hidden] + span, .form-inline .radiobox input[type=radio].radiobox + span {
    margin-left: 0;
}

input[type=checkbox].checkbox + input[type=hidden] + span, label input[type=radio].radiobox + span {
    vertical-align: middle;
    line-height: 20px;
}

    input[type=checkbox].checkbox + input[type=hidden] + span, input[type=checkbox].checkbox + input[type=hidden] + span:after, input[type=checkbox].checkbox + input[type=hidden] + span:before, input[type=radio].radiobox + span, input[type=radio].radiobox + span:after, input[type=radio].radiobox + span:before {
        box-sizing: content-box !important;
        -webkit-box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
    }

label input[type=checkbox].checkbox + input[type=hidden] + span, label input[type=radio].radiobox + span {
    position: relative;
    z-index: 19;
    display: inline-block;
    margin: 0;
    line-height: 17px;
    min-height: 14px;
    min-width: 14px;
    margin-right: 5px;
}

    label input[type=checkbox].checkbox + input[type=hidden] + span:hover, label input[type=radio].radiobox + span:hover {
        cursor: pointer;
    }

    label input[type=checkbox].checkbox + input[type=hidden] + span:before, label input[type=radio].radiobox + span:before {
        font-family: FontAwesome;
        font-size: 12px;
        border-radius: 0;
        content: "\a0";
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 1px;
        height: 12px;
        line-height: 12px;
        min-width: 12px;
        margin-right: 5px;
        border: 1px solid #bfbfbf;
        background-color: #f4f4f4;
        font-weight: 400;
        margin-top: -1px;
    }

    label input[type=checkbox].checkbox + input[type=hidden] + span:before {
        content: "\a0";
    }

label:active input[type=checkbox].checkbox + input[type=hidden] + span:before {
    box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4);
}

label:hover input[type=checkbox].checkbox + input[type=hidden] + span:before {
    color: #2E7BCC;
    border-color: #2E7BCC;
}

label input[type=checkbox][disabled].checkbox + input[type=hidden] + span, label input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span, label:hover input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span:before {
    color: #A7A7A7;
    cursor: not-allowed;
}

    label input[type=checkbox][disabled].checkbox + input[type=hidden] + span:before, label input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span:before, label:active input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span:before, label:hover input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span:before {
        background: #eee !important;
        border-color: #CCC !important;
        color: #A7A7A7;
        box-shadow: none !important;
    }



/******/

label input[type=checkbox].checkbox:checked + input[type=hidden] + span:before {
    content: "\f00c";
}

label input[type=checkbox].checkbox:checked + input[type=hidden] + span {
    font-weight: 700;
}

    label input[type=checkbox].checkbox:checked + input[type=hidden] + span:before {
        color: #2E7BCC;
    }

label:active input[type=checkbox].checkbox:checked + input[type=hidden] + span:before {
    color: #fff;
    background: #2E7BCC;
    border-color: #2E7BCC;
}

label input[type=checkbox][disabled].checkbox + span, label input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span, label:hover input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span:before {
    color: #A7A7A7;
    cursor: not-allowed;
}

    label input[type=checkbox][disabled].checkbox.style-2:checked + input[type=hidden] + span:before, label input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span:before {
        content: "\f00c";
    }

    label input[type=checkbox][disabled].checkbox + span:before, label input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span:before, label:active input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span:before, label:hover input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span:before {
        background: #eee !important;
        border-color: #CCC !important;
        color: #A7A7A7;
        box-shadow: none !important;
    }




.smart-rtl label input[type=checkbox].checkbox + input[type=hidden] + span:before, .smart-rtl label input[type=radio].radiobox + input[type=hidden] + span:before {
    margin-right: 0;
    margin-left: 5px;
}

.d-block {
    display: block !important;
}
textarea.resize_vertical { resize: vertical !important; }
.select2-hidden-accessible {
display:none !important;
}
td[role="gridcell"] > select {
width:100%;
}
.table_custom > tbody > tr > td, .table_custom > tbody > tr > th, .table_custom > tfoot > tr > td, .table_custom > tfoot > tr > th, .table_custom > thead > tr > td, .table_custom > thead > tr > th {
padding: 3px 10px !important;
}

#extr-page .hero {
 background-image:none !important;
}
#extr-page .login-desc-box-l {
width:100%!important;
}
.loginBG  #main{
    background-image: url(/Content/Images/green2-min.jpg) !important;
     background-position: center !important;
     
  background-size: cover !important;
    background-position-y: top!important;

}
.ContainerJourneyPlanDay {
        overflow: scroll;
    overflow-x: scroll;
    overflow-y: hidden;
    display: inline-flex;
    width: 100%;
}
.JourneyPlanDay {
    border: 1px solid #c0bbb7;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    width: 250px;
}
.JourneyPlanDay .btn-arrow{
     width:32px;
    margin: 1px;
}
 .JourneyPlanDay .btn-map{
     width:90px;
    margin: 1px;
} 
.JourneyPlanDay .div_customers{
     height:200px;
     overflow-y:auto;
} 
.JourneyPlanDay .div_customers table>thead>tr>th:first-child>label {
    margin-top: -18px;
}
.form_hr hr.TopHr {
margin-top: 8px !important;
margin-bottom: 3px !important;
}.form_hr hr.BottompHr {
margin-top: 3px !important;
margin-bottom: 8px !important;
}
.modal-full-width{
    width: 98% !important;}
.ui-datepicker{ z-index: 9999 !important;}

.form-group checkbox-inline + .checkbox-inline, .form-group .radio-inline + .radio-inline {
margin-top:10px !important;
}


.favourite_button {
	font-size: 33px;
	color: rgba(0,0,0,.5);
	width: 38px;
	height: 38px;
	margin: 0 5px;
	margin-top: 5px;
	position: relative;
	cursor: pointer;
  margin-right: 15px;

  float:right;
}
.favourite_button span {
	margin-left: 4px;
	margin-top: 3px;
	z-index: 999;
	position: absolute;
}
.smart-rtl .favourite_button {
  float:left;
}
.smart-rtl .favourite_button span{
 margin-left: initial ;
 margin-right: 4px ;
}

.favourite_button span:hover {
	opacity: 0.8;
}

.favourite_button span:active {
	transform: scale(0.93,0.93) translateY(2px)
}

.favourite_button .favourite_ring,.favourite_button .favourite_ring2 {
	opacity: 0;
	background: grey;
	width: 1px;
	height: 1px;
	position: absolute;
	top: 19px;
	left: 18px;
	border-radius: 50%;
	cursor: pointer;
}

.favourite_button.favourite_active span,.favourite_button .favourite_active-2 span {
	color: #F5CC27 !important;
}

.favourite_button.favourite_active-2 .favourite_ring {
	width: 58px !important;
	height: 58px !important;
	top: -10px !important;
	left: -10px !important;
	position: absolute;
	border-radius: 50%;
	opacity: 1 !important;
}

.favourite_button.favourite_active-2 .favourite_ring {
	background: #F5CC27 !important;
}

.favourite_button.favourite_active-2 .favourite_ring2 {
	background: #efefef !important;
}

.favourite_button.favourite_active-3 .favourite_ring2 {
	width: 60px !important;
	height: 60px !important;
	top: -11px !important;
	left: -11px !important;
	position: absolute;
	border-radius: 50%;
	opacity: 1 !important;
}

.favourite_button .favourite_info {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;
	color: grey;
	position: relative;
	top: 30px;
	left: -46px;
	opacity: 0;
	transition: all 0.3s ease;
}

.favourite_button .favourite_info-tog {
	color: #F5CC27;
	position: relative;
	top: 45px;
	opacity: 1;
}

.favourite_button * {
	transition: all .32s ease;
}
 label.checked_disabled_black input[type=checkbox][disabled].checkbox + span,
label.checked_disabled_black  input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span,
 label.checked_disabled_black :hover input[type=checkbox][disabled].checkbox:checked + input[type=hidden] + span:before {
color:#333 !important;}
/*------------------------------------
  Paymant Checkout
------------------------------------*/
.creditCardForm {
    max-width: 700px;
    background-color: #fff;
    margin: 20px auto;
    overflow: hidden;
    padding: 25px;
    color: #4c4e56;
}
.creditCardForm label {
    width: 100%;
    margin-bottom: 10px;
}
.creditCardForm .heading h1 {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color: #4c4e56;
}
.creditCardForm .payment {
    float: left;
    font-size: 18px;
    padding: 10px 25px;
    margin-top: 20px;
    position: relative;
}
.creditCardForm .payment .form-group {
    float: left;
    margin-bottom: 15px;
}
.creditCardForm .payment .form-control {
    line-height: 40px;
    height: auto;
    padding: 0 16px;
}
.creditCardForm .first-name {
    width: 38%;
    margin-right: 10px;
}
.creditCardForm .last-name {
    width: 38%;
    margin-right: 10px;
}
.creditCardForm .CVV {
    width: 20%;
}
.creditCardForm #card-number-field {
    width: 100%;
}
.creditCardForm #expiration-date {
    width: 49%;
}
.creditCardForm #credit_cards {
    width: 50%;
    margin-top: 25px;
    text-align: right;
}
.creditCardForm #pay-now {
    width: 100%;
    margin-top: 25px;
}
.creditCardForm .payment .btn {
    width: 100%;
    margin-top: 3px;
    font-size: 24px;
    background-color: #2ec4a5;
    color: white;
}
.creditCardForm .payment select {
    padding: 10px;
    margin-right: 15px;
}
.transparent {
    opacity: 0.2;
}
@media(max-width: 650px) {
    .creditCardForm .owner,
    .creditCardForm .CVV,
    .creditCardForm #expiration-date,
    .creditCardForm #credit_cards {
        width: 100%;
    }
    .creditCardForm #credit_cards {
        text-align: left;
    }
}
/*------------------------------------
  Paymant Checkout
------------------------------------*/

.header-seperator {
    display: block;
    height: 100% !important;
    width: 0px;
    border: 1px solid #d6d6d6;
    margin: -2px 0px -2px -1px;
    opacity: .8;
}
.header-company-info-logo img  {
    max-height: 40px;
    margin: 5px 5px;
}
.header-company-info-text  {
    line-height: 2.7;
    font-size: 16px;
    color: #6d6a69;
}


input.has-error.form-control {
    border-color: #b94a48 !important;
}

.lm_content {
overflow-y:auto !important;}
#sparks.home-page-blocks {
float:left;
margin: 12px 0 12px;
}

.dz-input-field {
width:120px;
border-radius:5px;
margin-top: 4px;
}
.dropzone .dz-preview .dz-image img {
    width: 100%;
}

.dz-input-field-textarea {
width:120px;
height:70px;
overflow-x:hidden;
overflow-y:auto;
border-radius:5px;
margin-top: 4px;
resize: none;
}
span.tag-home-status {
  position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    padding: 10px 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 16px;
    -webkit-box-shadow: 6px 9px 15px 2px  rgba(0,0,0,0.6);
    -moz-box-shadow: 6px 9px 15px 2px  rgba(0,0,0,0.6);
    box-shadow: 6px 9px 15px 2px rgba(0,0,0,0.6);
}

.home-status  .product-content .product-image {
    min-height: auto !important;

}

.home-status .info-status{
    border-bottom: 1px solid #dfe5e9;
}
.home-status .product-content .product-deatil {
    border-bottom: none;
}
.home-status .product-content{
    border: 1px solid #1f7fae;
}
.product-content .description {
    background: #f1f1f1 !important;
}


@media only screen and (min-width:1024px) {
 .smart-rtl .product-content div[class*=col-md-4] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.smart-rtl .product-content div[class*=col-md-8] {
    padding: 0 0 0 13px !important;;
}
.smart-rtl .product-wrap div[class*=col-md-5] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.smart-rtl .product-wrap div[class*=col-md-7] {
    padding: 0 0px 0 13px !important;
}
.smart-rtl .product-content .product-image {
    border-right: 0 !important;
    border-left: 1px solid #dfe5e9 !important;
}
}


.month-picker .ui-datepicker-calendar {
    display: none !important;
}
.legendColorBox div>div {
    width: 6px !important;
    height: 6px!important;
    border-width:5px !important;   
    margin-right : 5px !important;   
}
.legend-chart {
    min-height:21px;
}
.table  tr td .form-group {
width:100% ;
}
.table  tr td .form-group select {
width:100% ;
}
nav ul span.menu-item-parent {
    max-width: 160px;
}

nav ul .level_3 span.menu-item-parent {
    max-width: 130px !important;
}
nav ul li a i{
    vertical-align: top!important;
    margin-top: 5px;
}

.well-bg-color-green-1 {
 border: 1px solid #5d923a!important;
 background-color: #6eac44!important;
}
.well-bg-color-blue-1 {
 border: 1px solid #1f7fae!important;
 background-color: #1f7fae!important;
}

.easy-pie-chart .percent {
font-size:10px !important;
}
.media-object.img-circle{
  border: 1px solid #e6e6e6;
}
.smart-rtl div.dataTables_filter label {
    float: left!important;
}
.smart-rtl .ui-datepicker-prev i,.smart-rtl .ui-datepicker-next i{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.smart-rtl .lm_row>.lm_item{
    float:right;
}
.table-small-rows {


}
.table-small-rows>tbody>tr>td, .table-small-rows>tbody>tr>th, .table-small-rows>tfoot>tr>td, .table-small-rows>tfoot>tr>th, .table-small-rows>thead>tr>td, .table-small-rows>thead>tr>th {
     padding:2px !important;/* */
}

.table-small-rows .btn-sm {
    padding: 3px 8px 3px !important;
}

nav ul li>a b {
        position: absolute!important;
    right: 10px;
    top: 10px;
}
.smart-rtl nav ul b {
        position: unset !important;
    left: 10px;
    top: 10px;
}
.smart-rtl  nav ul span.menu-item-parent{

    padding-right : 14px !important;
}
.feedback-input-group .form-control-feedback {
    top: 23px !important;
}

.tabel-container {
width:100%;
overflow:hidden;
overflow-x:auto;
}

@media only screen and (max-width: 768px) and (min-width: 320px){
.page-title {
     display: inherit !important;

    margin: 12px 0 10px !important;
}
.favourite_button {
    margin-top:-12px ;margin-bottom:14px;
}

.dt-toolbar>:last-child .DTTT, .dt-toolbar>:last-child .dataTables_filter>:only-child, .dt-toolbar>:last-child .dataTables_length, .dt-toolbar>:last-child .pagination {
    width: 100% !important;
}



.dataTables_filter {
    margin-top: 7px !important;
}
}


#extr-page #main {
    padding-top: 36px !important;
}