.dashboard-info h5,
.dashboard-info h6 { font-weight: 400 !important }

.dashboard-info a,
a,
a:active,
a:focus,
a:hover { text-decoration: none !important }
.ellipsis-text,
.loc-max-w,
.loc-max-w-70,
.user-selectize,
.user-selectize-165 {
    text-overflow: ellipsis
}

.font-8-sub { font-size: 8px !important; position: absolute; bottom: -10px; left: 0 }

.p-relative { position: relative !important }

.bg-gradient-danger { background: linear-gradient(to right, #ffbf96, #fe7096) }

.bg-gradient-info { background: linear-gradient(to right, #90caf9, #047edf 99%) }

.bg-gradient-success { background: linear-gradient(to right, #84d9d2, #07cdae) }

.bg-gradient-warning { background: linear-gradient(to right, #e4c997, #c39d53 99%) }

.card.card-img-holder .card-img-absolute { position: absolute; top: 0; right: 0; height: 100% }

.white-nav { background-color: #fff !important; -webkit-box-shadow: 0 .25rem .125rem 0 rgba(0, 0, 0, .05); box-shadow: 0 .25rem .125rem 0 rgba(0, 0, 0, .05) }

.m-t-40 { margin-top: 40px !important }

.dark-badge { background: #5b93bf !important }

.dashboard-info a { color: #333 !important }

.dashboard-block-info { position: absolute; bottom: 30px; color: #fff !important; text-align: center; padding: 20px; max-width: 94% !important }

.grid-margin { margin-bottom: 1.5em }

@media (min-width:576px) {
    .grid-margin-sm-0 { margin-bottom: 0 }
}

@media (min-width:768px) {
    .grid-margin-md-0 { margin-bottom: 0 }
}

@media (min-width:1133px) {
    .tab-nav-header { display: none !important }
}

@media only screen and (min-width: 991px) and (max-width: 1133px) {
    nav .navbar-brand { display: none !important }
    .navbar-nav.mr-auto { display: none !important }
    .navbar-nav#myDIV { margin: 0 auto }
    .tab-nav-header { display: block; width: 100%; float: left; height: 45px; text-align: center; background-color: #fff; border-bottom: 1px solid #f3ebde }
}

@media (min-width:992px) {
    .grid-margin-lg-0 { margin-bottom: 0 }
}

@media (min-width:1200px) {
    .grid-margin-xl-0 { margin-bottom: 0 }
}

@media screen and (min-width:990px) {
    .align-middle-lg { position: relative; top: 50% }
}




html { position: relative; min-height: 100% }

.footer-main { position: absolute; bottom: 0; width: 100%; height: 60px; line-height: 60px; background-color: #f5f5f5 }

body { margin-bottom: 60px; font-family: Poppins, sans-serif !important; background: #f2edf3 !important }

.card-statistics { border: 0; border-radius: 2px }

.notification.dropdown-menu { top: 60px; right: 0; left: unset; width: 460px; box-shadow: 0 5px 7px -1px #c1c1c1; padding: 0; transition: .5s }

    .notification.dropdown-menu:before { content: ""; position: absolute; top: -19px; right: 5px; border: 10px solid #1471ba; border-color: transparent transparent #1471ba }

.notification .head { padding: 5px 15px; border-radius: 3px 3px 0 0 }

.notification .footer { padding: 5px 15px; border-radius: 0 0 3px 3px }

.notification-box { padding: 10px 0 }

.bg-gray { background-color: #eee }

@media (max-width:991px) {
    .tab-nav-header { display: none !important }
}

@media (max-width:640px) {
    .notification.dropdown-menu { top: 50px; left: -16px; width: 290px }
    .nav { display: block }
        .nav .nav-item,
        .nav .nav-item a { padding-left: 0 }
    .message { font-size: 13px }
}

.notification .head,
.notification-footer { background: #1471ba !important }

.pfle-img { height: 37px; width: 37px }

.btn-block-select .btn-group,
.btn-block-select button { width: 100% !important; text-align: left !important }

.btn-block-select .dropdown-menu { width: 100% !important }

    .btn-block-select .dropdown-menu li:hover,
    .btn-block-select .dropdown-menu li:hover a { background: #0069d9 !important; color: #fff !important; width: 100% }

.wrapper { max-width: 458px; overflow: visible }

    .wrapper .nav-bar ul { list-style: none; padding-left: 10px; margin: 0; position: relative }

        .wrapper .nav-bar ul li { vertical-align: middle; display: inline-block; border: 0 }

    .wrapper .nav-bar .search-box { position: relative; display: inline }

        .wrapper .nav-bar .search-box .search-icon { position: absolute; top: 2px; left: 8px; font-size: 18px; color: #9fb6c3 }

        .wrapper .nav-bar .search-box input { background: #e3ebef; box-shadow: none; border: 0; width: 130px; padding: 8px 10px 8px 30px; border-radius: 30px; color: #747f8b; font-size: 14px; font-weight: 700 }

            .wrapper .nav-bar .search-box input:focus { outline: 0 }

    .wrapper .nav-bar .dropdowns-wrapper { padding: 4px 0 }

    .wrapper .nav-bar .dropdown-container { display: inline-block; position: relative }

        .wrapper .nav-bar .dropdown-container .dropdown { position: relative; cursor: pointer; z-index: 2 }

        .wrapper .nav-bar .dropdown-container .dropdown-menu { position: absolute; display: none; z-index: 1; left: -162px; top: 46px; min-height: 10px; min-width: 10px; width: 280px }

            .wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-header { background: #fff; padding: 15px; position: relative; text-align: center; color: #747f8b; font-weight: 700; border-radius: 10px 10px 0 0; border: 0 solid; border-bottom-width: 1px; -moz-border-image: -moz-linear-gradient(right, #fff, #cedae0, #cedae0, #fff) 1 20%; -o-border-image: -o-linear-gradient(right, #fff, #cedae0, #cedae0, #fff) 1 20%; border-image: linear-gradient(to right, #fff 0, #cedae0 40%, #cedae0 60%, #fff 100%) 1 20%; box-shadow: 0 2px 10px -2px #cedae0 }

                .wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-header .triangle { position: absolute; top: -7px; right: 103px; height: 15px; width: 15px; border-radius: 6px 0 0; transform: rotate(45deg); background: #fff }

                .wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-header .count { position: static; height: 25px; width: 25px; display: inline-block; line-height: 24px; margin-left: 8px; font-size: 12px; vertical-align: middle }

            .wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body { max-height: 292px; background: #e9f0f3; overflow-y: auto; overflow-x: hidden }

                .wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body .notification { background: #fff; padding: 15px; border: 2px solid; border-bottom-width: 1px; -moz-border-image: -moz-linear-gradient(right, #fff, #cedae0, #cedae0, #fff) 1 20%; -o-border-image: -o-linear-gradient(right, #fff, #cedae0, #cedae0, #fff) 1 20%; border-image: linear-gradient(to right, #fff 0, #cedae0 40%, #cedae0 60%, #fff 100%) 1 20% }

                    .wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body .notification.new { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: #e9f0f3 }

                    .wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body .notification .notification-image-wrapper { display: table-cell; vertical-align: middle }

                    .wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body .notification .notification-image { display: inline-block; height: 32px; width: 32px; overflow: hidden; border-radius: 100% }

                    .wrapper .nav-bar .dropdown-container .dropdown-menu .dropdown-body .notification .notification-text { display: table-cell; padding-left: 15px; vertical-align: middle; color: #747f8b; cursor: pointer; font-size: 14px; word-spacing: 2px; line-height: 21px }

        .wrapper .nav-bar .dropdown-container .fa { color: #9fb6c3; font-size: 22px }

        .wrapper .nav-bar .dropdown-container .count { position: absolute; top: -7px; right: -7px; height: 15px; width: 15px; overflow: hidden; background: #d6690b; color: #fff; text-align: center; border-radius: 100%; font-size: 9px; font-weight: 700; line-height: 15px }

    .wrapper .nav-bar .notifications { margin-right: 10px }

    .wrapper .nav-bar .messages { margin-left: 10px }

    .wrapper .nav-bar .user { background: #9fb6c3; border-left: 0; position: absolute; right: 0; top: -1px }

    .wrapper .nav-bar .user-options-wrapper .user-image { background: url(http://www.apnatimepass.com/tom-cruise-ms.jpg) center; background-size: cover; vertical-align: bottom; height: 32px; width: 32px; display: inline-block; border-radius: 100%; margin-right: 10px }

    .wrapper .nav-bar .user-options-wrapper .user-options { vertical-align: bottom; border: 2px solid #fff; border-radius: 100%; height: 30px; width: 30px; display: inline-block; text-align: center; position: relative }

        .wrapper .nav-bar .user-options-wrapper .user-options .fa { position: absolute; top: 9px; left: 0; bottom: 0; right: 0; margin: auto; color: #fff; font-size: 12px }

::-webkit-scrollbar { width: 3px }

::-webkit-scrollbar-track { webkit-box-shadow: inset 0 0 6px #e3ebef; -webkit-border-radius: 10px; border-radius: 10px; background: #e3ebef }

::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #9fb6c3; -webkit-box-shadow: none }

    ::-webkit-scrollbar-thumb:window-inactive { background: #9fb6c3 }

.new.notification.ng-enter { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin-top: -20%; background: #dde6eb !important }

.new.notification.ng-enter-active { margin-top: 0 }

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@-webkit-keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0) }
    to { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0) }
    to { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }

@-webkit-keyframes fadeOutUp {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0) }
}

@keyframes fadeOutUp {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0) }
}

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp }

@-webkit-keyframes fadeOut {
    from { opacity: 1 }
    to { opacity: 0 }
}

@keyframes fadeOut {
    from { opacity: 1 }
    to { opacity: 0 }
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut }

@-webkit-keyframes fadeIn {
    from { opacity: 0 }
    to { opacity: 1 }
}

@keyframes fadeIn {
    from { opacity: 0 }
    to { opacity: 1 }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }

@-webkit-keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
    50% { opacity: 1 }
}

@keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
    50% { opacity: 1 }
}

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }

@-webkit-keyframes zoomOut {
    from { opacity: 1 }
    50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
    to { opacity: 0 }
}

@keyframes zoomOut {
    from { opacity: 1 }
    50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
    to { opacity: 0 }
}

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut }

.dropdown-menu#notification-dropdown,
.dropdown-menu#notification-dropdown-notification { background-color: transparent !important; border: 0 }

.navbar-brand img { max-width: 180px !important }

.pad-none { padding: 0 !important }

.user-nav { border-left: 1px solid #fdf6f6; padding-left: 9px }

.notifications.dropdown { top: 3px !important }

.navbar-nav .nav-item { margin-right: 8px !important }

.dropdown-menu .dropdown-item,
.nav-item .nav-link { font-size: 14px !important }

.navbar-dropdown a i { margin-right: 10px; color: #9da8b1 }

.card-weather { background: #e1ecff; background-image: linear-gradient(to left bottom, #d6eef6, #dff0fa, #e7f3fc, #eff6fe, #f6f9ff) }

.report-title2 p span { width: 12px; height: 12px; background: #24346f; padding: 0; float: left; position: relative; top: 3px; margin-left: 20px; margin-right: 5px }

.report-title2 p { position: relative; color: #231f20; text-transform: none; font-size: 13px; display: inline-block; text-align: right; margin: 0; padding-bottom: 20px; font-weight: 300 }

.register { background: -webkit-linear-gradient(left, #1b74bc, #1b74bc) }

.register-left { text-align: center; color: #fff; margin-top: 4% }

    .register-left input { border: none; border-radius: 1.5rem; padding: 2%; width: 60%; background: #f8f9fa; font-weight: 700; color: #383d41; margin-top: 30%; margin-bottom: 3%; cursor: pointer }

.register-right { background: #f8f9fa }

.register-left img { margin-top: 15%; margin-bottom: 5%; width: 25%; -webkit-animation: mover 2s infinite alternate; animation: mover 1s infinite alternate }

@-webkit-keyframes mover {
    0% { transform: translateY(0) }
    100% { transform: translateY(-20px) }
}

@keyframes mover {
    0% { transform: translateY(0) }
    100% { transform: translateY(-20px) }
}

.register-left p { font-weight: lighter; padding: 12%; margin-top: -9% }

.register .register-form { padding: 10%; margin-top: 7% }

.btnRegister { float: right; margin-top: 5% auto; border: none; border-radius: 1.5rem; padding: 2%; background: #0062cc; color: #fff; font-weight: 600; width: 50%; cursor: pointer }

.register .nav-tabs { margin-top: 3%; border: none; background: #0062cc; border-radius: 1.5rem; width: 28%; float: right }

    .register .nav-tabs .nav-link { padding: 2%; height: 34px; font-weight: 600; color: #fff; border-top-right-radius: 1.5rem; border-bottom-right-radius: 1.5rem }

        .register .nav-tabs .nav-link:hover { border: none }

        .register .nav-tabs .nav-link.active { width: 100px; color: #0062cc; border: 2px solid #0062cc; border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem }

.register-heading { text-align: center; margin-top: 8%; margin-bottom: -15%; color: #495057 }

.createFormValidation { color: red; font-size: small }

.numbervalidation::-webkit-inner-spin-button,
.numbervalidation::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0 }

.card-statistics .badge { font-size: 80% !important }

.bottom-push-card { position: absolute; bottom: 30px; right: 0; left: 0; padding: 25px }

.img-sm { width: 43px; height: 43px }

.list-collapse .card { margin-bottom: 0; border: 0; border-bottom: 1px solid #f2f2f2; border-radius: 0 }

.list-collapse .card-header { background: #fff !important; border: 0 }

.list-collapse .card-body { border-top: 1px dashed #f2f2f2; border-bottom: 2px solid #f2f2f2 }

.list-collapse .badge { font-size: 15px !important; padding: 5px }

.list-collapse-sm .card { margin-bottom: 0; border: 0; border-radius: 0 }

.list-collapse-sm .card-header { background: #fff !important; cursor: pointer; border: 0 }

.basic-header .card-header { background-color: rgba(0, 0, 0, .03) !important; border-bottom: 1px solid rgba(0, 0, 0, .125) !important }

.basic-header .card { border: .25rem !important }

.list-collapse-sm .card-body { border-top: 1px dashed #f2f2f2; border-bottom: 2px solid #f2f2f2 }

.border-bottom-light { border-bottom: 1px dashed #e5e2e2 }

.icon-li-1 { font-size: 30px }

.border-link { border: 1px solid #4089ff !important; border-radius: 15px !important; font-size: 14px; font-weight: 400; padding: 4px 10px }

.accordion-link-arrow:after,
.order-steps li::after { font-family: "Font Awesome 5 Free"; font-weight: 900 }

.table .form-control { border: 1px solid #faf9f9 }

.pagination-btn { margin-top: 15px !important }

    .pagination-btn a { margin: 10px 3px 5px 0 !important; padding: 0 3px; font-size: 14px !important }

.upload-sm-path { width: 100% !important; float: left !important; font-size: 14px !important; margin-top: 6px !important }

div[aria-expanded=true] { -webkit-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 11px 0 rgba(0, 0, 0, .3); box-shadow: 0 0 11px 0 rgba(0, 0, 0, .3); margin-bottom: 5px }

.accordion-link-arrow:after { content: "\f078"; float: right; margin-left: 10px }

.accordion-link-arrow[aria-expanded=true]:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077" }

.fileupload-w { max-width: 245px !important }

.list-collapse .card-header,
.list-collapse.card-header { cursor: pointer }

.table .thead-dark th { background-color: #1c75bc !important; border-color: #1c75bc !important }

.report-radio-buttons { padding-left: 0 !important }

.order-steps-line { width: 80%; position: absolute; z-index: 1; left: 63px; height: 2px; background-color: #ccc; top: 36px }

.order-steps { display: flex; align-items: stretch; justify-content: space-between; width: 100%; margin: 0; padding: 0 }

    .order-steps li { display: block; flex: 0 1 auto; list-style-type: none; width: 85px; height: 50px; background-color: #fff; z-index: 12; position: relative; text-align: center }

        .order-steps li::after { content: "\f00c"; font-size: 20px; position: absolute; top: 0; left: 50%; margin-left: -5px; color: #ccc }

        .order-steps li p { position: absolute; top: 30px; width: 100%; color: #007bff }

        .order-steps li span { width: 100%; margin: 10px 0 0 -43px; font-family: Nunito; font-weight: 700; line-height: 15px; position: absolute; left: 50%; top: 39px; color: #ccc }

        .order-steps li.checked::after,
        .order-steps li.cross::after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; position: absolute; top: 0; left: 50%; margin-left: -5px }

        .order-steps li.checked::after { content: "\f00c"; color: green }

        .order-steps li.cross::after { content: "\f00d"; color: red }

.booking-label-changes label,
.quote-btn a { font-family: Nunito; font-weight: 700; text-transform: uppercase }

.ui-helper-hidden { display: none !important }

.max-w-tb-1 { max-width: 160px }

.d-none,
.dis-none { display: none }

.error-text { color: red !important; font-size: 12px }

.floating-btn { width: 60px !important; height: 60px !important; position: fixed !important; right: 15px !important; bottom: 65px !important; border-radius: 50% !important; text-align: center !important; line-height: 50px !important; font-size: 25px !important; z-index: 1001 !important }

.report-radio-buttons li { list-style: none; display: inline-block; outline: 0; margin-right: 12px; }

    .report-radio-buttons li img { max-width: 25px !important; }

.radio-custom:checked + .radio-custom-label:before { background: #1a74bc !important; box-shadow: inset 0 0 0 3px #fff !important; border: 2px solid #1a74bc !important; outline: 0 !important }

.checkbox-custom + .checkbox-custom-label:before,
.radio-custom + .radio-custom-label:before { border: 2px solid #1a74bc !important }

.quote-btn a { padding: 15px 38px; font-size: 16px; background: #1a74bc; color: #fff; border-radius: 4px; border: none }

.booking-label-changes label { font-size: 14px; color: #333; margin: 20px 0 0; padding: 10px 0 5px; display: inline-block !important; text-align: left !important; position: relative; left: 0 }

.pb-none { padding-bottom: 0 !important }

.pr-none { padding-right: 0 !important }

.pt-none { padding-top: 0 !important }

.lbl-chng-span { margin-left: 5px }

.pd-rt-change { margin-right: 15px }

.radio-custom { /*margin-right: 5px*/ }

#SelectedWeightVal { font-size: 15px }

.border-less { border: 0 !important }

.m-l-30 { margin-left: 30px !important }

.multi-select-form .multiselect-native-select { display: block !important }

.incoming_msg_img,
.received_msg,
.srch_bar { display: inline-block }

.multiselect-container > li > a > label { padding: 3px 20px 3px 10px !important }

.loader-main-wrapper { position: fixed !important; top: 0 !important; left: 0 !important; background-color: rgba(255, 255, 255, .8) !important; width: 100% !important; z-index: 100001 !important; height: 100% !important }

.sk-cube-grid { width: 40px; height: 40px; margin: 250px auto }

    .sk-cube-grid .sk-cube { width: 33%; height: 33%; background-color: #1c75bc; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out }

.car-control,
.carousel .carousel-control { width: 30px; height: 30px; border-radius: 50% }

.sk-cube-grid .sk-cube1 { -webkit-animation-delay: .2s; animation-delay: .2s }

.sk-cube-grid .sk-cube2 { -webkit-animation-delay: .3s; animation-delay: .3s }

.sk-cube-grid .sk-cube3 { -webkit-animation-delay: .4s; animation-delay: .4s }

.sk-cube-grid .sk-cube4 { -webkit-animation-delay: .1s; animation-delay: .1s }

.sk-cube-grid .sk-cube5 { -webkit-animation-delay: .2s; animation-delay: .2s }

.sk-cube-grid .sk-cube6 { -webkit-animation-delay: .3s; animation-delay: .3s }

.sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0s; animation-delay: 0s }

.sk-cube-grid .sk-cube8 { -webkit-animation-delay: .1s; animation-delay: .1s }

.sk-cube-grid .sk-cube9 { -webkit-animation-delay: .2s; animation-delay: .2s }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 100%, 70% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1) }
    35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1) }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 100%, 70% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1) }
    35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1) }
}

.user-selectize { max-width: 145px; white-space: nowrap; overflow: hidden; float: left }

.user-selectize-165 { max-width: 165px; white-space: nowrap; overflow: hidden; float: left }

.dropdown-close { position: absolute; right: -7px; z-index: 4; top: -9px }

.pl-none { padding-left: 0 !important }

.font-14 { font-size: 14px !important }

.font-12 { font-size: 12px !important }

label { font-size: .8em !important }

.f-up-w2 { max-width: 225px !important }

.car-control { z-index: 10001 !important; margin: 1px 5px; background: #1c75bc !important; cursor: pointer }

.carousel .carousel-control { background: #999; text-shadow: none; top: 4px }

.carousel-control i { font-size: 20px; margin-right: 2px }

.carousel-control.left { left: auto; right: 45px }

.carousel-control.right { right: 11px !important }

    .carousel-control.right i { margin-right: -2px }

.carousel .carousel-indicators { bottom: 15px }

.carousel-indicators li,
.carousel-indicators li.active { width: 11px; height: 11px; margin: 1px 5px; border-radius: 50% }

.carousel-indicators li { background: #e2e2e2; border-color: transparent }

    .carousel-indicators li.active { border: none; background: #888 }

ul.order-steps li { font-size: 14px !important }

    ul.order-steps li span { color: #9f9e9e !important; font-weight: 400 !important; font-size: 12px !important }

.btn-bordered,
.dashboard-info a:hover,
.dashboard-info a:hover .badge-light { color: #5fb1e9 !important }

.list-collapse col-md-3 { max-width: 195px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }

.fade.in { opacity: 1 }

.modal-open { overflow: scroll }

.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }

.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5 }

.modal-backdrop .fade .in,
.modal-backdrop.fade { opacity: .5 !important }

@media screen and (max-width:990px) {
    .wrapper .nav-bar .dropdown-container .dropdown-menu { left: 20px !important; width: 300px !important }
    .bottom-push-card { position: inherit }
}

@media screen and (min-width:990px) {
    .reply-area .btn { height: 48px !important }
    .card-min-1 { min-height: 434px !important }
}

.badge-light,
.dashboard-info a { transition: .2s }

.btn-bordered { border: 1px solid #5fb1e9 !important; border-radius: 20px; padding: 5px 8px; text-decoration: none !important; }


    .btn-bordered:hover { border: 1px solid #5fb1e9 !important; border-radius: 20px; padding: 5px 8px }

.m-t-5 { margin-top: 5px !important }

p { font-size: .8em !important }

.validation-box { border: 1px solid red !important }

.z-1000 { z-index: 1000 }

.p-none { padding: 0 !important }

.chat-card { background-color: #fffcfc !important }

    .chat-card .card-body { padding: 10px !important }

    .chat-card h5 { font-size: 14px !important; font-weight: 500 !important }

    .chat-card h6 { margin-bottom: 5px !important; font-size: 13px !important; font-weight: 400 !important }

    .chat-card i { font-size: 18px !important; color: #858080 !important }

    .chat-card p { margin-bottom: 0 !important; font-size: 10px !important; color: #858080 !important }

.reply-area { margin-bottom: 5px !important }

    .reply-area textarea { padding: 5px 10px; border: 1px solid #ccc !important; border-radius: 5px !important; font-size: 13px !important; width: inherit !important }

.inbox_people,
.recent_heading { float: left; width: 40% }

.reply-area::-webkit-input-placeholder { color: #ccc; font-size: 13px }

.reply-area::-moz-placeholder { color: #ccc; font-size: 13px }

.reply-area:-ms-input-placeholder { color: #ccc; font-size: 13px }

.reply-area:-moz-placeholder { color: #ccc; font-size: 13px }

.card-link-none { color: inherit !important }

    .card-link-none:hover { color: #5fb1e9 !important }

img { max-width: 100% }

.inbox_people { background: #f8f8f8; overflow: hidden; border-right: 1px solid #c4c4c4 }

.inbox_msg { clear: both; overflow: hidden }

.top_spac { margin: 20px 0 0 }

.srch_bar { text-align: right; width: 60% }

.headind_srch { padding: 10px 29px 10px 20px; overflow: hidden; border-bottom: 1px solid #c4c4c4 }

.recent_heading h4 { color: #05728f; font-size: 21px; margin: auto }

.srch_bar input { border: 1px solid #cdcdcd; border-width: 0 0 1px; width: 80%; padding: 2px 0 4px 6px; background: 0 0 }

.srch_bar .input-group-addon button { background: rgba(0, 0, 0, 0); border: none; padding: 0; color: #707070; font-size: 18px }

.received_withd_msg p,
.sent_msg p { border-radius: 15px; min-height: 27px }

.srch_bar .input-group-addon { margin: 0 0 0 -27px }

.chat_ib h5 { font-size: 15px; color: #464646; margin: 0 0 8px }

.chat_ib h6 { font-size: 13px; color: #464646; margin: 0 }

    .chat_ib h6 span { color: #878080; font-weight: 300 }

.chat_ib h5 span { font-size: 13px; float: right }

.chat_ib p { font-size: 14px; color: #706c6c; margin: auto }

.chat_img { float: left; width: 7% }

.chat_ib { float: left; padding: 0 0 0 15px; width: 92% }

.chat_people { overflow: hidden; clear: both }

.chat_list { border-bottom: 1px solid #c4c4c4; margin: 0; padding: 18px 16px 10px; cursor: pointer }

.inbox_chat { height: 564px; overflow-y: scroll }

.active_chat { background: #2a7dc0 }

    .active_chat h5 { color: #fff !important }

    .active_chat h6 { color: #e7e3e3 !important }

    .active_chat p { color: #fff !important }
.fl-r .chat_date { float: right !important; }
.active_chat .chat_date,
.active_chat h6 span { color: #fcfcfc !important }
.status-value-1 { float: right !important }


.incoming_msg_img { width: 6% }

.received_msg { padding: 0 0 0 10px; vertical-align: top; width: 92% }

.received_withd_msg p { background: #ebebeb; color: #646464; font-size: 14px; margin: 0; padding: 5px 10px 5px 12px; width: 100%; margin-top: 7px !important }

.time_date { color: #747474; display: block; font-size: 10px; margin: 3px 0 0 }

#notification.error,
.ng-cloak,
[ng-cloak],
[ng\:cloak] { display: none !important }

.received_withd_msg { width: 57% }

.mesgs { float: left; padding: 0 15px; width: 100%; max-height: 368px; overflow-y: auto }

.sent_msg p { background: #2a7dc0; font-size: 14px; margin: 0; color: #fff; padding: 5px 10px 5px 12px; width: 100% }

.outgoing_msg { overflow: hidden; margin: 15px 0 }

.sent_msg { float: right; width: 46% }

.input_msg_write input { background: rgba(0, 0, 0, 0); border: none; color: #4c4c4c; font-size: 15px; min-height: 40px; width: 100%; margin-top: 5px }

.type_msg { border-top: 1px solid #c4c4c4; position: relative; width: 100%; margin-top: 15px; padding: 0 15px }

.msg_send_btn { background: #2a7dc0; border: none; border-radius: 50%; color: #fff; cursor: pointer; font-size: 17px; height: 33px; position: absolute; right: 15px; top: 11px; width: 33px }

.not-allowed { cursor: not-allowed }

.messaging { padding: 0 }

.chat_date { color: #89838b; font-weight: 300; font-size: 12px !important }

.chat-name { color: #2a7dc0 !important; font-size: 16px !important }

.input_msg_write .ladda-button { position: absolute !important }

.l-collapse-override .card-header { background-color: rgba(0, 0, 0, .03) !important }

.l-collapse-override .card { border: 1px solid rgba(0, 0, 0, .125) !important; border-radius: .25rem !important }

.l-collapse-override .card-body { border-top: inherit !important; border-bottom: 0 !important }

.pagination-btn,
.pagination-btn a { border: 0 !important }

@media (min-width:576px) {
    .customerlist-display { max-width: 1000px }
}

.pagination-btn { margin-bottom: 15px !important; padding: 0 5px; font-size: 14px !important }

.nav-bar i { color: rgba(0, 0, 0, .5) !important }

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link { font-weight: 700 !important; color: rgba(136, 123, 123, .9) }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0 }

#notification.error { opacity: 0 !important }

.slide-2 .ui-widget.ui-widget-content { width: 100% !important }

.block-with-text { overflow: hidden; position: relative; line-height: 1.3em; max-height: 2.6em; text-align: justify; margin-right: -1em; padding-right: 1em }

    .block-with-text:before { content: ''; position: absolute; right: 7px; bottom: 4px }

    .block-with-text:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: .2em; background: #fff }

.pagination-btn span { margin-right: 8px !important; color: #9b8f8f }

.slide-val { position: relative; top: 11px }

.loc-max-w { white-space: nowrap; overflow: hidden; max-width: 100% }

.loc-max-w-70 { white-space: nowrap; overflow: hidden; max-width: 70% }

.no-hover { color: #212529 }

.btnUpload.btn-success,
.save-button { color: #fff !important }

.grey-b-txt:after { background: #f8f9fa !important }

.ellipsis-text { white-space: nowrap; max-width: 250px; overflow: hidden }

.admin-pay-card-number { font-size: 20px !important }

.overflow-hidden-h { overflow-x: hidden !important; }

.api-badge { position: absolute; top: 10px; right: 10px; z-index: 101; text-align: right }

.status_badge .badge { font-size: 9px !important }
    .status_badge .badge span { font-size: 9px !important }

.ln-40 { line-height: 40px !important }
.lt-b-brdr { border-color: #f7f3f3 !important }

.api-badge img { max-width: 25px !important; }

.bootbox-accept.btn-primary { background-color: #28a745 !important; border-color: #28a745 !important }

.bootbox-cancel.btn-secondary { background-color: #dc3545 !important; border-color: #dc3545 !important }

.status-value-2 { float: right !important; border-right: 1px solid #eee !important; padding-right: 5px !important; margin-right: 5px !important }
h6 { font-size: 0.9em !important }
.m-b-10 { margin-bottom: 10px !important; }

.m-b-5m { margin-bottom: 0.5rem !important; }

.m-b-0 { margin-bottom: 0px !important; }

.paddingLeft12 { padding-left: 12px !important; }

.deletelink { color: #dc3545 !important; }

.disabledBlog { cursor: not-allowed; }

.cursor { cursor: pointer; }

.disabledBlogEdit { cursor: not-allowed; }

.invoice-card table thead th { font-size: 0.8rem !important; text-transform: uppercase; }

.invoice-card td { font-size: 0.9rem !important; }

.dw-invoice { font-size: 0.9rem; }

.inv-header .badge { font-weight:300!important;font-size:14px!important; }

.in-num{ font-weight:500!important; }

.d-inv { color: #5fb1e9 !important; }
.contact-icon {
    text-decoration: underline !important;
}
.invoice-url {
    color: #5fb1e9 !important;
}
.cancel-link {
    display: none;
}