.navbar-brand {
    padding: 0 15px;
}

.sidebar-wrapper img,
.navbar-brand img {
    height: 50px;
}

.sidebar .logo {
    padding: 8px 0px;
}

.off-canvas-sidebar .logo {
    padding: 0px;
}

/*.sidebar li:last-child {
        position: absolute;
    width: 100%;
    bottom: 10px;
}*/

.form-control {
    border: 1px solid #cacac7;
}

.main-panel {
    position: static;
}

.main-panel>.content {
	padding: 30px 15px;
	min-height: calc(100% - 146px);
}

.btn, .navbar .navbar-nav > li > a.btn {
    border-width: 1px;
}

.page-nav>li.active a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #FD6208;
    background-color: transparent;
    transition: all .3s;
}

h3.heading {
    margin-top: 11px;
}

h3.heading .btn {
    margin-top: -5px;
}

.container.register,
.container.login {
    margin-top: 5%;
}

.container.register .logo-container,
.container.login .logo-container {
    margin: 30px;
}

.container.register .logo-container img,
.container.login .logo-container img {
    display: block;
    margin: auto;
    padding: 10px 30px;
    background-color: #FFF;
    border: 1px solid #d3e0e9;
    border-radius: 20px;
}

.panel-body.table {
    padding: 15px 0;
}

.panel-body.table .dataTables_wrapper > div:first-child,
.panel-body.table .dataTables_wrapper > div:last-child {
    padding: 5px 15px 0;
}

.dataTables_filter {
    text-align: right;
}

.dataTables_filter input {
    margin-left: 10px;
}

.table>thead>tr>th,
.dataTable thead th {
    font-size: 13px;
}

.dataTable .btn-sm {
    margin-right: 5px;
}

table.responsive {
    width: 100% !important;
}

input.form-control[disabled] {
    background-color: #fafafa;
}

.flatpickr-wrapper {
    width: 100%;
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    line-height: 25px;
    padding-left: 20px;
    padding-top: 0;
}

.input-group-addon {
    background-color: #fafafa;
    border-left: 1px solid #ccc;
    border: 1px solid #ccc;
}

.input-group .form-control:last-child, 
.input-group-addon:last-child, 
.input-group-btn:last-child > .dropdown-toggle, 
.input-group-btn:first-child > .btn:not(:first-child) {
    border-left: 1px solid #ccc;
}

.alert span[data-notify="icon"] {
    margin-top: -15px;
}
.alert .close ~ span[data-notify="message"] {
    overflow: auto;
    max-height: 200px;
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.card-wizard .nav-pills>li>a {
	text-align: center;
	border: none;
	background-color: #9A9A9A;
	color: #FFFFFF;
	text-transform: uppercase;
	border-radius: 0;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	background-color: #66615B;
	color: #FFFFFF;
}

.nav-pills>li+li {
	margin-left: 0;
}

.bootstrap-select .dropdown-menu {
    background-color: #eee;
    margin-top: -5px;
    border-top: none;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border:1px solid #dfdfdf;
    max-height: 350px !important;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    color: #999;
}

.bootstrap-select .dropdown-menu .bs-searchbox .form-control {
    background-color: #fff;
    border-bottom-color: #cacac7;
}

.bootstrap-select .dropdown-menu .bs-searchbox .form-control:focus {
    border-bottom-color: #66afe9;
}

.bootstrap-select .dropdown-menu > li:first-child > a {
    border-radius: 0px;
}

.bootstrap-select .btn, 
.bootstrap-select .navbar .navbar-nav > li > a.btn {
    border-radius: 4px;
}

.open > .btn.dropdown-toggle,
.open > .navbar .navbar-nav > li > a.btn.dropdown-toggle {
    background-color: #fff;
    color: rgb(74, 74, 74);
    border-color: #d9d9d9;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#addBookingModal .checkbox {
    display: inline-block;
}

#addBookingModal .form-group,
#addBookingModal .input-group {
    margin-bottom: 5px;
}

#preparingDeliveries,
#preparingInvoices {
    height: 200px;
    position: relative;
}

#preparingDeliveries h3,
#preparingInvoices h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	width: 100%;
}

.table-striped > thead > tr > th, 
.table-striped > tbody > tr > th, 
.table-striped > tfoot > tr > th, 
.table-striped > thead > tr > td, 
.table-striped > tbody > tr > td, 
.table-striped > tfoot > tr > td {
    padding: 8px;
}

label.error {
	bottom: -3px;
	position: absolute;
	right: 20px;
}

.input-group label.error {
	z-index: 2;
	right: 55px;
}

.bootstrap-select label.error {
	bottom: 2px;
	right: 25px;
}

.tab-pane.summary input {
    text-transform: uppercase;
}

#viewInvoiceChargesModal input {
    color: #666;
    font-weight: 700;
}

#updatePasswordForm .popover,
.main-carousel .popover {
    max-width: 100%;
}

input.paidThruDate {
    background-color: #f7f7f7;
}

.daterangepicker.dropdown-menu.hackaround {
    visibility: inherit;
    opacity: inherit;
}

#viewInvoiceModal a.btn-block {
	border-radius: 5px;
	padding: 10px;
}

#viewInvoiceModal .row.btn-row {
    padding: 20px;
}

@media (max-width: 991px){
    .modalwidth{ width: 42%}

    .wrapper {
        background-color: initial;
    }
    .main-panel > .content {
        padding: 30px 15px;
        min-height: calc(100% - 115px);
    }
    .dropdown-menu {
        display: block;
        width: 100%;
    }
    .dropdown-menu.inner {
        display: block;
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        max-width: 200px;
    }
    table.dataTable > tbody > tr.child span.dtr-title {
        vertical-align: top;
    }
    table.dataTable > tbody > tr.child span.dtr-data {
        display: inline-block;
        white-space: normal;
    }

    #preparingDeliveries h3, 
    #preparingInvoices h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .modalwidth{ width: 93%}

    div.dataTables_wrapper div.dataTables_length, 
    div.dataTables_wrapper div.dataTables_filter, 
    div.dataTables_wrapper div.dataTables_info, 
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: left;
    }

    div.dataTables_wrapper div.dataTables_length select {
        margin-left: 17px;
    }
    #preparingDeliveries h3, 
    #preparingInvoices h3 {
        font-size: 18px;
    }
}

.paytype span.second-icon.fa.fa-dot-circle-o.fa-base {
    display: none;
}
.paytype span.first-icon.fa.fa-circle-o.fa-base {
    display: none;
}
.paytype{border: 1px solid #ccc;border-radius: 20px;height: 42px;}
.radiobtn{    margin: 0px 3px!important;
    float: left;
    width: 16px;}
.img1{
   width: 60px;
    height: 16px;
    margin: 13px 0px 0px 20px;
    float: left;
}
.img2{
      width: 34px;
    height: 21px;
    margin: 9px 0px 0px 20px;
}
.srctype{float: left;
    font-size: 12px;
    font-weight: 100;
       /*padding: 12px 0px 8px 0px;*/
       margin-left: -11px;}
.img3{
        width: 84px;
    height: 40px;
    margin: 0px 0px 0px 24px;
}
.img31{
        width: 40px;
    height: 17px;
    margin: 12px 0px 0px 20px;
}
.img4{
     width: 108px;
    height: 23px;
    margin: 8px 0px 0px 24px;
}
.img5{
   width: 32px;
    height: 32px;
    margin: 4px 0px 0px 30px;
}
.magn{margin: 40px;}
.img33 {
    width: 47px;
    height: 13px;
    margin: 13px 0px 0px 24px;
}
.img334 {
    width: 25px;
    height: 20px;
    margin: 9px 0px 0px 20px;
}

.close {
     font-size: 25px !important;
     line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    font-weight: 100 !important;
    opacity: 2.2 !important;
  }
  .hdr{    color: black;
    font-size: 16px;
    font-family: arial;
    margin-top: 14px;
    opacity: 0.7;}
  .navbar .navbar-nav > li > a.btn-primary:hover, .navbar .navbar-nav > li > a.btn-primary:focus, .navbar .navbar-nav > li > a.btn-primary:active, .navbar .navbar-nav > li > a.btn-primary.active, .open > .navbar .navbar-nav > li > a.btn-primary.dropdown-toggle, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-color: #68B3C8 !important;
    color: #fff !important;
    border-color: #68B3C8 !important;
}
.navbar .navbar-nav > li > a.btn-primary, .btn-primary {
    border-color: #68B3C8 !important;
    color: #68B3C8 !important;
}