@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

body {
    color: #171d36;
    background-color: #F7FAFF;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    /* font-family: 'Barlow Condensed', sans-serif; */
    font-weight: 400;
    overflow-y: scroll;
}
.card {
    background-color: #fafafa !important;
}
.text-melco {
    color: #25377e;
}
.text-red-melco {	
    color: #ed2a28;
}
.border-left-melco{
    border-left-color: #25377e;
}
.hide{
    display: none !important;
}
.navbar-brand-md img {
    height: 1.5rem;
    display: block;
    /*width: 80%;*/
}
.navbar-brand-xs img {
    height: 1.5rem;
    display: block;
}
.navbar-light {
    background-color: #fafafa !important; 
}
.navbar-light .navbar-text a {
    color: #25377e;
    font-weight: 600;
    text-transform: uppercase;
}
.navbar-light .navbar-text a:hover,.navbar-light .navbar-text a.selected {
    color: #ed2a28;
    font-weight: 600;
    text-transform: uppercase;
}
.navbar-text {
    color: #273346 !important;
    /*    padding-top: 0px !important; 
        padding-bottom: 0px !important; */
}
.navbar-text.footer-copy {text-align: center; width: 100%;}
.bg-melco {
    background: linear-gradient(91deg, rgba(37,56,126,1) 0%, rgba(3,122,192,1) 100%) !important;
}
.card-header {
    /*background: linear-gradient(91deg, rgba(37,56,126,1) 0%, rgba(3,122,192,1) 100%) !important;*/

    background-color: #fff !important;
    color:black !important;
    border-color: #1565c0;
}
.btn-melco{
    background: linear-gradient(91deg, rgba(37,56,126,0.8) 0%, rgba(3,122,192,0.8) 100%) !important;
    border: #25377e 1.5px solid;
    color: #fff !important;
    text-transform: capitalize;
    font-size: 14px;
}
.btn-melco:hover, .your_design_file:hover{
    background: linear-gradient(91deg, rgba(37,56,126,1) 0%, rgba(3,122,192,1) 100%) !important;
    /*background: linear-gradient(91deg, rgba(37,56,126,1) 0%, rgba(37,56,126,1) 100%) !important;*/
    color: #fff !important;
}
.btn-red{
    background: linear-gradient(270deg, rgba(237,42,40,0.8) 0%, rgba(131,22,24,0.8) 100%);
    color: #fff !important;
    text-transform: capitalize;
    font-size: 14px;
    border: rgba(131,22,24,1) 1.5px solid;
}
.btn-red:hover{
    background: linear-gradient(270deg, rgba(131,22,24,1) 0%, rgba(131,22,24,1) 100%);
    color: #fff !important;
    border: rgba(131,22,24,1) 1.5px solid;
}
.modal-header{
    background: linear-gradient(91deg, rgba(37,56,126,0.8) 0%, rgba(3,122,192,0.8) 100%) !important;
    border: #25377e 1.5px solid;
}
.modal-title{
    color: #fff !important;
    padding-bottom: 15px;
}
.header-phone a{
    color: #830d05 !important;
    background-image: url(../images/phone-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}
.header-email a{
    color: #25377e !important;
    background-image: url(../images/mail-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
}
#navbar-footer-text{
    /*background: linear-gradient(91deg, rgba(37,56,126,0.8) 0%, rgba(3,122,192,0.8) 100%) !important;*/
    display: flex;
    /*justify-content: space-between; align-items: stretch; position: relative; z-index: 1; padding: 20px 20px;*/
    width: 100%;
}
/*#navbar-footer-text .footer-left{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#navbar-footer-text .footer-logo {
    min-width: 200px;
    width: 200px;
    height: 100%;
    display: flex;
    align-items: center;
}
#navbar-footer-text .footer-address-block {
    width: 28%;
}
#navbar-footer-text .footer-left .address {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    text-transform: capitalize;
}
*/
#navbar-footer-text .footer-right {
    min-width: 185px;
    width: 185px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}
.address-txt {
    display: inline-flex;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    align-items: flex-start;
    margin-top: 15px;
}
a.address-txt.mail-row {
    text-decoration: underline;
}
#navbar-footer-text h6 {
    color: #fff;
    text-transform: uppercase;
    margin-left: 40px;
    font-size: 18px !important;
}
.footer-menu-block{
    padding-left: 50px;
    padding-top: 10px;
}
ul.footer-menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}

ul.footer-menu li {
    width: 50%;
    list-style: none;
    background-image: url(../images/foter-menu-bullet-point.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    position: relative;
    margin-bottom: 5px;
}   
ul.footer-menu li a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding-left: 18px;
    text-transform: capitalize;
}
.address-txt img {
    margin-right: 15px;
    margin-top: 4px;
}
.address a:hover{
    color: #fff;
}
ul.social-icons {
    display: inline-flex;
    align-items: flex-start;
    margin: 0;
}
ul.social-icons li {
    width: 60px;
    list-style: none;
}
ul.social-icons li a {
    display: block;
}
.footer-right h6{
    margin-top: 10px;
}
a {
    color: #4777ac;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
    text-decoration: none;
}
#navbar-footer-text:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background-image: url(../images/footer-img.png);*/
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 0;
    opacity: 0.1;
}
.navbar-footer{
    padding:0px;
}
.header_notification_bar .text-muted {
    color: #686565!important;
}
.sidebar-light .nav-sidebar .nav-link.selected, .sidebar-light .nav-sidebar .nav-link.selected:hover{
    color: #fff;
    background: linear-gradient(91deg, rgba(37,56,126,0.8) 0%, rgba(3,122,192,0.8) 100%) !important;
    /*background: linear-gradient(180deg, rgba(66,87,170,0.8) 0%, rgba(61,162,221,0.8) 100%);*/
    border: #25377e 1px solid;
}
/*.nav-item-open .selected :hover{
    color: #fff;
}*/
.sidebar-light .nav-sidebar .nav-link:not(.disabled):hover,  .dropdown-item:focus, .dropdown-item:hover  {
    color: #273346;
    background: #fff;
}
.dropdown-item:focus, .dropdown-item{
    font-size: 0.9rem;
}
.sidebar-user-material .sidebar-user-material-body {
    background: linear-gradient(180deg, rgba(3, 122, 192, 1) 0%, #25377e 100%);
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    z-index: 1;
    padding: 20px 20px;
    width: 100%;
}
.sidebar-user-material .sidebar-user-material-body:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/footer-img.png);
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 0;
    opacity: 0.1;
}
.border-melco {
    border-color: #25377e;
}
.border-top-melco,.border-bottom-melco{
    border-color: #0288d1;
}
.form-control:not(.border-bottom-1):not(.border-bottom-2):not(.border-bottom-3):focus, .form-control:not(.border-bottom-1):not(.border-bottom-2):not(.border-bottom-3):hover {
    border-color: #186CC3;
    border-top-color: #186CC3 !important;
}

.form-control:focus {
    border-bottom-color: #186CC3;
    box-shadow: none;
}
.form-control {
    font-size: 1rem;
}
.payment-method .form-control {
    font-size: 14px !important;
}
.cc_email{
    margin-top: 42.5px !important;
}
.help-block-error,#_error{
    color: #ed2a28;
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: block;
    position: relative;
    padding-left: 1.625rem;
    color:#ed2a28 !important;
}
.help-block-error:before,#_error:before {
    content: '\ed63';
    font-family: icomoon;
    font-size: 1rem;
    position: absolute;
    top: .12502rem;
    left: 0;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.form-check-label{
    font-size: 13px;
}
.swal2-icon.swal2-question {
    color: #0288d1;
    border-color: #25377e;
}
input.form-control {
    color: #273346 !important;
}
.dataTables_filter input{
    font-size: 1rem !important;
    color: #0288d1 !important;
}
div#swal2-content {
    color: #0288d1;
}
.uniform-uploader .filename {
    color: #999;
}
legend {
    padding-top: 0.5px;
    padding-bottom: 0.5px;
    margin-bottom: 1.25rem;
    /*background-image: -webkit-linear-gradient(left, #ffffff , #25377e, #ffffff);*/
    font-size: .8125rem;
    margin-top: 1.25rem;
    height: 1px;
}
.select2-container--open .select2-selection--single, .select2-selection--single:hover, .dataTables_filter input:hover {
    border-color: #186CC3;
    box-shadow: none;
}

.select2-selection--single:focus, .dataTables_filter input:focus {
    background-color: #186CC3;
    border-color: #186CC3; 
    color: #fff;
    font-weight: 500;
}
.select2-selection--single:focus .select2-selection__placeholder, .dataTables_filter input:focus .select2-selection__placeholder {
    color: #FFFFFF;
}

.select2-selection--single {
    /*border-bottom: 1px solid #25377e;*/
    line-height: 1.6585;
    color: #A8A8A8;
}
.select2-results__option[aria-selected=true] {
    color: #000;
    background-color: #E0E0E0;
    /*background: linear-gradient(180deg, rgba(66,87,170,1) 0%, rgba(61,162,221,1) 100%);*/

}
.form-check-div{
    column-count: 2;
    font-size: 97%;
}
.form-check .uniform-checker, .form-check .uniform-choice {
    display: inline-flex;
}
/*.add_order_image_btn_div{margin-top: 1.975rem!important;}*/
.g-recaptcha {
    display: inline-block;
}
.form-group {
    margin-bottom: 1.1rem;
}
.sidebar {
    width: 12.875rem;
}
@media (min-width: 768px){
    .navbar-expand-md .navbar-brand {
        min-width: 10.625rem;
    }
}
.navbar-collapse {
    margin-left: -2.25rem;
}
thead{
    color: #273346;
}
table.quotations tr.odd, table.orders tr.odd, table.notifications tr.odd{ background-color: #fff !important; }
table.quotations tr.even, table.orders tr.even, table.notifications tr.even{ background-color: #fff !important; }
.detail-page-div{
    flex: 1 1 auto;
    /*padding: 1.25rem;*/
    padding: 0 1.25rem 0 1.25rem;
    margin-top: 1.25rem!important;
}
.detail-page-title{
    margin-bottom: 0rem !important;
}
.media-chat-item-reverse .media-chat-item:not([class*=bg-]) {
    background-color: #2d3170;
    border-color: #2d3170;
}
.list-feed{
    /*min-height: 300px;*/
    max-height: 450px;
    overflow-y: auto;
}
/*::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
    background-color: #CCCCCC;
    border-radius: 10px;
}

::-webkit-scrollbar
{
    width: 5px;
    background-color: #F3F3F3;
}

::-webkit-scrollbar-thumb
{
    background-color: #F3F3F3;
    background-image: linear-gradient(180deg, rgba(66,87,170,1) 0%, rgba(61,162,221,1) 100%);
}*/

.media-chat-item.attachments.mt-1 {
    /*display: block;*/
    width: fit-content;
}
.stripe .card, .paypal .card{
    text-align: center;
    background-color: rgb(249, 249, 249);
}
.stripe img.card-img.img-fluid, .paypal img.card-img.img-fluid {
    width: 60%;
}
.reopen-remark-div{
    font-size: 20px;
}
.reopen-remark-div .head{
    color: #0288d1;
}
.select2-results__options--nested>.select2-results__option {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3px;
    padding-bottom: 3px;
}
.select2-results__option:first-child>.select2-results__group {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 13px;
    padding-right: 13px;
}
.select2-search--dropdown {
    padding: 0px 15px 0px 15px;
}
.pt{
    display: contents;
}
/*.nav-sidebar .nav-item:not(.nav-item-header):first-child {
    padding-top: 3.4rem;
}*/
.sidebar-content {
    overflow: hidden !important;
}
.list-icons{
    display: flex;
    justify-content: center;
}
td.files {
    display: inline-flex !important;
}
.card.dashboard {
    min-height: 355px;
}
.header-elements.dashboard-elements {
    /*display: contents !important;*/
}
.sidebar.sidebar-light.sidebar-main.sidebar-expand-md.sidebar-fixed, .card.card-sidebar-mobile{
    background-color: #F0F0F0 !important;
}
.sidebar-light .nav-sidebar .nav-link {
    color: #273346;
}
.sidebar-light .nav-sidebar>.nav-item-open>.nav-link:not(.disabled), .sidebar-light .nav-sidebar>.nav-item>.nav-link.active {
    color: #273346;
    background: #fff;
}
.form-control::placeholder {
    font-size: 14px;
}
.order-id-ajax{
    color: #4b8df8  !important; 
    font-size: 95%;
    font-weight: 500;
}
.order-id-ajax:hover{
    color: #25377e !important;

}
.text-info-600 {
    color: #4b8df8 ;
}
.border-primary{
    border-color: #1565c0 !important;
}
/*li.select2-results__option:hover{
    background: linear-gradient(180deg, rgba(66,87,170,1) 0%, rgba(61,162,221,1) 100%);
}*/
hr {
    margin-top: 0; 
    margin-bottom: 1.25rem;
    border: 0;
    border-top: 1px solid #ddd;
}
.update-quotation-table.table td{
    vertical-align: baseline !important;
}
.modal .select2-selection--single {
    border-bottom: 1px solid #ddd;
}
.account-table{
    font-size: 14px !important;
}
ul.nav.nav-group-sub{
    height: fit-content!important;
}
@media (min-width: 768px){
    .sidebar-xs .sidebar-main.sidebar-fixed {
        z-index: 99 !important; 
    }
}
/*.uniform-checker{
    border-color: #eee !important;
}*/
.uniform-checker span.checked {
    color: #25377e !important;
}
.form-group.row.no-of-colors {
    margin-top: -18px;
}
.disabled{
    pointer-events: none !important;
}
.disabled .form-group label{
    color: #888 !important;
}
.format-div{
    margin-top: -18px !important;
}
.method .card:hover {
    border: #25377e 1.5px solid;
    background-color: #fff !important;
}



a {font-size: 13px; color: #186CC3; text-decoration: none;}
a:hover {color: #1259A3; text-decoration: underline;}
a:focus {color: #044384; text-decoration: none;}


.btn {border-radius: 8px; padding: 12px 32px !important; line-height: 16px; font-size: 14px; text-transform: capitalize !important; box-shadow: none !important; display: flex; flex-wrap: wrap; align-items: center;}
.btn svg {margin-right: 8px; fill: #fff; height: 16px; width: 16px;}

.btn.btn-primary {background-color: #186CC3 !important; color: #EFF1F4 !important; border-color: #186CC3 !important;}
.btn.btn-primary:hover {background-color: #1259A3 !important; border-color: #1259A3 !important;}
.btn.btn-primary:focus {background-color: #044384 !important; border-color: #044384 !important;}

.btn.btn-secondary {background-color: #FFFFFF !important; color: #434C56 !important; border-color: #186CC3 !important; border: 2px solid;}
.btn.btn-secondary:hover {background-color: #fff !important; border-color: #1259A3 !important; color: #222428 !important;}
.btn.btn-secondary:focus {background-color: #fff !important; border-color: #044384 !important;}



/* Header */
.header-bg.navbar {background-color: #FFFFFF; box-shadow: none; border: 0px; padding: 0 50px;}
.header-bg.navbar .navbar-header .navbar-brand {padding: 17px 0px;}
.header-bg.navbar ul.navbar-nav {display: flex; align-items: center;}
.header-bg.navbar ul.navbar-nav li.nav-item a.nav-link {text-transform: capitalize; color: #637483; font-size: 14px; font-weight: 500; position: relative; overflow: inherit; padding-left: 24px; padding-right: 24px;}
.header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:focus {box-shadow: none; outline: none;}
.header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:hover, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.selected{color: #186CC3;}
.header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:hover:before,
.header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.selected:before {content: ''; position: absolute; bottom: -9px; left:24px; right: 24px; height: 3px;}

.header-bg.navbar ul.navbar-nav li.nav-item-open {display: block; padding-left: 24px;}
.header-bg.navbar ul.navbar-nav li.nav-item-open:hover a.nav-link.btn {background-color: #1259A3 !important; border-color: #1259A3 !important;}
.header-bg.navbar ul.navbar-nav li.nav-item-open a.nav-link.btn:hover:before {display: none;}
.header-bg.navbar ul.navbar-nav li.nav-item-open .dropdown-toggle::after {display: none;}
.header-bg.navbar ul.navbar-nav li.nav-item-open .dropdown-menu {position: absolute; right: 50px; top: 52px; min-width: 168px; padding: 0; margin: 0; box-shadow: none; border-radius: 0; background: none;}
.header-bg.navbar ul.navbar-nav li.nav-item .dropdown-menu {position: absolute; left: 25px; right: 47px; top: 38px; min-width: 125px; padding: 0; margin: 0; box-shadow: 0px 4px 50px #00000014; border-radius: 0;}
.header-bg.navbar ul.navbar-nav li.nav-item .dropdown-item {color: #637483;}
.header-bg.navbar ul.navbar-nav li.nav-item .dropdown-item:hover {background: #EFF1F4; color: #000;}
.header-bg.navbar ul.navbar-nav li.nav-item-open:hover .dropdown-menu {display: block;}
.header-bg.navbar ul.navbar-nav li.nav-item-open .dropdown-menu a.dropdown-item {font-size: 14px; font-weight: 500; color: #fff; background: #186CC3; border-radius: 8px; justify-content: center;}
.header-bg.navbar ul.navbar-nav li.nav-item-open .dropdown-menu a.dropdown-item:hover {background: #1259A3;}
.header-bg.navbar ul.navbar-nav li.nav-item-open .dropdown-menu a.dropdown-item.first {margin-bottom: 2px;}

.page-content {padding: 60px 50px 0;}
.page-content .content-wrapper {overflow: inherit;}
.page-content .content-wrapper .content.dashboard-page {padding: 1.25rem 0; margin: 0 -20px;}

.submenu-bg {display: flex; flex-wrap: wrap; background: #FFFFFF; box-shadow: 0px 7px 50px #00000014; border-radius: 0 0 8px 8px; align-items: center; padding: 0 30px; z-index: 9; left: 30px; right: 30px; top: 60px; margin: 0px;}
.submenu-bg.collapse:not(.show) {display: flex;}
.submenu-bg ul.navbar-nav {display: flex; flex-wrap: wrap; flex-direction:row;}
.submenu-bg ul.navbar-nav li {margin: 0 30px 0 0;}
.submenu-bg ul.navbar-nav li a {display: flex; flex-wrap: wrap; font-size: 14px; color: #434C56; line-height: 16px; align-items: center; padding: 24px 0px; font-weight: 500; outline: 0;}
.submenu-bg ul.navbar-nav li a svg {width: 16px; height: 16px; fill: #434C56; margin-right: 10px;}
.submenu-bg ul.navbar-nav li a:hover, .submenu-bg ul.navbar-nav li a.selected {color: #186CC3;}
.submenu-bg ul.navbar-nav li a:hover svg, .submenu-bg ul.navbar-nav li a.selected svg {fill: #186CC3;}
.submenu-bg .dropdown .dropdown-toggle {background: none; border: 0px; padding: 0px; outline: 0px; transition: all 0.5s ease;}
.submenu-bg .dropdown .dropdown-toggle:hover:after {color: #186CC3;}


.card {background: #FFFFFF !important; box-shadow: 0px 7px 50px #00000014 !important; border-radius: 8px;}
.card .card-header {border-radius: 8px !important; padding: 22px 30px !important; border: 0px !important; justify-content: flex-start; }
.card .card-header h5 {color: #637483; font-size: 16px; font-weight: 700;}
.card .card-header h5 .badge {width: 8px; height: 8px; border-radius: 50%; display: inline-flex; padding: 0px; margin-left: 10px;}

.card-header.mark-header {display: flex; flex-wrap: wrap; padding: 0;}
.card-header.mark-header button {display: block; padding: 0; margin: 0; border: 0; background: none;}
.card-header.mark-header button a.mark-all{display: block; font-size: 13px; color: #186CC3; font-weight: 500; text-decoration: none;}
.card-header.mark-header button a.mark-all:hover{color: #1259A3; text-decoration: underline;}
.card-header.mark-header button a.mark-all:focus{color: #044384; box-shadow: none; outline: none;}

.sticky-open.sticky {position: fixed; z-index: 1; margin-top: 49px; right: 50px; left: 50px;}
.slidebar-sticky.sticky {position: fixed; z-index: 2; width: 38%; margin-top: 166px;}
.slidebar-sticky.orderlogs-boxs.sticky {margin-top: 320px; z-index: 1;}

.dashboard-slider-slick {max-width: 1260px; overflow: hidden;}
.dashboard-slider-slick .card.content-boxs.dog-img {margin-bottom: 0;}
.dashboard-slider-slick a.slick-prev.slick-arrow {position: absolute; padding: 12px 15px; right: 24px; top: 25px; z-index: 2; cursor: pointer;}
.dashboard-slider-slick a.slick-next.slick-arrow {position: absolute; padding: 12px 15px; right: 64px; top: 25px; transform: rotate(180deg); z-index: 2; cursor: pointer;}
.dashboard-slider-slick a.slick-arrow:hover{background: #EFF1F4;}
.dashboard-slider-slick a.slick-arrow:hover path {fill: #186CC3;}


.holder-box.card {display: flex; flex-wrap: wrap; padding: 31px 60px; flex-direction: row; align-items: center; margin-bottom: 15px;}
.holder-box.green.card:hover{box-shadow: 0px 9px 40px #7F9B2047 !important; cursor: pointer;}
.holder-box.yellow.card:hover{box-shadow: 0px 9px 40px #E0AF3C21 !important; cursor: pointer;}
.holder-box.purple.card:hover{box-shadow: 0px 9px 40px #7161EF33 !important; cursor: pointer;}
.holder-box.blue.card:hover{box-shadow: 0px 9px 40px #186CC327 !important; cursor: pointer;}

.holder-box.card h1 {width: auto; font-size: 48px; color: #222428; font-weight: bold; margin: 0 15px 0 0; line-height: 1;}
.holder-box.card h3 {width: auto; font-size: 16px; color: #637483; margin: 0; line-height: 1;}

.content-boxs.card {display: flex; flex-wrap: wrap; padding: 74px 32px; flex-direction: row;}
.content-boxs.card p {display: block; padding: 0; margin: 0; font-size: 14px; color: #434C56; line-height: 19px; font-weight: 500;}
.content-boxs.card.dog-img {display: flex; flex-wrap: wrap; position: relative; padding: 0; flex-direction: row; max-height: 236px; overflow: hidden; min-height: 236px;}
.content-boxs.card.dog-img:before {position: absolute; content: ''; width: 100%; height: 236px; background-image: linear-gradient(-115deg, rgba(255,255,255,.73), rgba(255,255,255,0%));}
.content-boxs.card.dog-img .imge {display: block; padding: 0; margin: 0; max-width: 186px; width: 100%;}
.content-boxs.card.dog-img img {width: 100%; min-height: 100%;}
.content-boxs.card.dog-img .img-detail {display: block; width: calc(100% - 186px); padding: 62px 32px 50px 32px;}

.card .table-responsive {border: 0px !important;}
.card.dashboard-slider-slick {min-height: auto; position: relative;}
.card.dashboard-slider-slick:after {position: absolute; content: 'No message'; top: 50%; left: 50%; font-size: 14px; color: #434C56; font-weight: 500; transform: translate(-50%,-50%);}
.card.dashboard-slider-slick .slick-list {z-index: 1;}

tr.highlighted td {color: #222428 !important;}
tr.highlighted td span.green {color: #5B720C !important;}

.card.table-last {min-height: 354px;}

table.table th {padding: 13px 20px; color: #637483; font-size: 12px; font-weight: 500; border: 0px !important; border-bottom: 1px solid rgba(99,116,131, 0.3) !important;}

table.table td {padding: 13px 20px; border-top: 1px solid #D7E5F5; color: #434C56; font-size: 13px; font-weight: 500;}
table.table td:first-child {text-align: center;}
table.table td:last-child {text-align: center;}
table.table td.blue, tr.highlighted td.blue {position: relative; color: #186CC3 !important;}
table.table td.blue span.badge {display: block; position: absolute; padding: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%;}
table.table td .green {color: #7F9B20;}
table.table td svg {display: inline-block; fill: #A8A8A8; width: 16px; height: 16px;}
.dataTable thead .sorting::before, .dataTable thead .sorting::after, .dataTable thead .sorting_asc::after, .dataTable thead .sorting_desc::after {display: none;}

.notification-boxs.media-list {overflow-y: scroll; height: 286px; padding: 0;}
.media-list li.media {border-bottom: 1px solid #EFF1F4; padding: 8px 30px; margin: 0px;}
.media-list li.media:hover {background: rgba(215, 229, 245, 0.16);}
.media-list li.media a {position: relative; color: #637483; font-size: 13px; font-weight: 450; text-decoration: none;}
.media-list li.media .media-body a {color: #186CC3;} 
.media-list li.media .media-body a:hover {text-decoration: underline;} 
.media-list li.media a span.badge {display: block; position: absolute; padding: 0; top: 50%; left: -15px; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%;}
.media-list li.media .media-body {color: #434C56; font-size: 13px; flex: inherit; width: 68%;}
.media-list li.media .media-body .text-muted {color: #637483; font-size: 11px; font-weight: 550;}

.myorders-bg.card {margin-top: 62px; border-radius: 8px;}

.myorders-bg .dataTables_wrapper .datatable-header {margin-top: -82px;}
.myorders-bg .dataTables_wrapper .datatable-header.sticky {background: #F7FAFF; position: fixed; top: 57px; left:0; right:0; margin-top: 0; z-index: 99;}
.myorders-bg .dataTables_wrapper .datatable-header.sticky .dataTables_filter {margin-left: 50px;}
.myorders-bg .dataTables_wrapper .datatable-header.sticky .dataTables_paginate {margin-right: 50px;}
.fixedHeader-floating {margin-top: 140px;}

.myorders-bg .datatable-header {padding: 1.25rem 0 0; border-bottom: 0;}
.myorders-bg .dataTables_filter > label {display: flex; flex-wrap: wrap; padding: 8px 52px 7px 29px; background: #fff; align-items: center; border-radius: 8px;}
.myorders-bg .dataTables_filter > label > span {display: block; padding: 0; margin: 0 7px 0 0; font-size:  14px; color: #637483; font-weight:500;  line-height: 19px}
.myorders-bg .dataTables_filter input {padding: 0; border: none; width: 11.25rem; font-size: 14px ! important;}
.myorders-bg .dataTables_filter input:focus {box-shadow: none ! important; border: none ! important; font-size: 10px;}
.myorders-bg .dataTables_filter > label:after {right: 32px; transition: all 0.3s ease; cursor: pointer;}  
.myorders-bg .dataTables_filter > label:hover:after {color: #186CC3;}  
.myorders-bg .dataTables_paginate .paginate_button {text-indent: -9000px; overflow: hidden;}
.myorders-bg .dataTables_paginate .paginate_button.previous {background: url(../images/right-arow.svg) center center no-repeat; background-size: auto; transform: rotate(-180deg);}
.myorders-bg .dataTables_paginate .paginate_button.previous:hover {background: url(../images/arrow-hover.svg) center center no-repeat; background-size: auto; background-color: #EFF1F4; transform: rotate(-180deg);}
.myorders-bg .dataTables_paginate .paginate_button.next {background: url(../images/right-arow.svg) center center no-repeat; background-size: auto;}
.myorders-bg .dataTables_paginate .paginate_button.next:hover {background: url(../images/arrow-hover.svg) center center no-repeat; background-size: auto; background-color: #EFF1F4;}
.myorders-bg .dataTables_info {float: right; display: block; font-size: 12px; color: #637483; font-weight: 550;}

.myorders-bg .dataTables_length label{display: none;}
.myorders-bg table.table th {padding: 15px 32px 16px; margin: 0; font-size: 12px; color: #637483; text-transform: uppercase; border-bottom: 1px solid #637483 ! important;}
.myorders-bg table.table td {padding: 14px 33px; font-size: 14px; color: #434C56; line-height: 20px; vertical-align: top;}
.myorders-bg table.table td:first-child {font-size: 13px; color: #186CC3; line-height: 18px; text-align: left;}
.myorders-bg table.table td:first-child a.order-id-ajax:hover {color: #1259A3 !important;}
.myorders-bg table.table td .text-info-600 {color: #7F9B20;}
.myorders-bg table.table td:last-child {text-align: center;}
.myorders-bg table.table tr {background-color: #fff ! important;}
.myorders-bg table.table .badge-light {background: #fff; font-size: 14px; color: #434C56;}
.myorders-bg table.table td span.display_designs {padding: 12px 10px 7px 10px; transition:  all 0.5s ease;}
.myorders-bg table.table td span.display_designs:hover {background: #EFF1F4;}
.myorders-bg table.table td span.display_designs:hover path {fill: #186CC3;}

.myorders-bg .modal-content{display: block; padding: 0; margin: 0;}
.modal-sm{max-width: 402px;}
.modal-content {border-radius: 8px;}
.header-section{display: block; padding: 32px 32px 0 32px; margin: 0; border-bottom: 1px solid #D7E5F5;}
.item-number{display: flex; flex-wrap: wrap; align-items: flex-start; padding: 0; margin: 0 0 12px;}
.item-number h4{display: block; padding: 0; margin: 0; font-size: 16px; color: #434C56; font-weight: 500;}
.item-number button.close{display: block; padding: 11px; margin: -5px 0 0 auto; transition: all 0.3s ease;}
.item-number button.close:hover {background: #EFF1F4;}
.item-number button.close:hover path {fill: #186CC3;}

.upload-div{display: block; padding: 0; margin: 0;}
.upload-div span{display: flex; flex-wrap: wrap; position: relative; padding: 0; margin: 0 0 16px; cursor: pointer; transition: all 0.3s ease;}
.upload-div span:hover a, .upload-div span:hover path, .updoad-file .dropdown .dropdown-toggle.zip-btn:hover path, .updoad-file .dropdown .dropdown-toggle.zip-btn:hover {fill: #1259A3; color: #1259A3; text-decoration: underline;}
.upload-div span a{display: block; position: relative; font-size: 13px; color: #186CC3; font-weight: 450; text-decoration: none;}    

.design-model {display: block; padding: 0; margin: 0;}
.design-model.two-img {display: flex; flex-wrap: wrap; justify-content: space-around; padding: 0; margin: 15px auto;}
.design-model .image{display: block; padding: 0; margin: 0 0 24px;}
.design-model .image img{display: block; padding: 0; margin: 0 auto;}

.modal-body{display: block; padding: 24px 32px 40px 32px; margin: 0;}
.modal-body .count-price{display: flex; flex-wrap: wrap; padding: 0; margin: 0;}
.modal-body h5{display: block; padding: 0; margin: 0; font-size: 13px; color: #637483; font-weight: 500;} 
.modal-body p{display: block; padding: 0; margin: 0 0 16px; font-size: 13px; color: #434C56; font-weight: 500;} 
.modal-body p.modal-pay-amount{font-size: 14px; color: #7F9B20;}

.pay-alert .modal-xs {max-width: 328px; margin: 11.75rem auto;}
.pay-alert .modal-content {box-shadow: 0 10px 20px #B8C3D5;}
.modal-body .close-i {display: flex; flex-wrap: wrap; padding: 0; margin: 0;}
.modal-body .close-i button {display: block; padding: 12px; margin-left: auto;}
.modal-body .close-i button:hover, .modal-body .close-i button:hover path {background: #EFF1F4; fill: #186CC3;}
.body-content {display: block; padding: 30px 13px; margin: 0;}
.body-content .event-logo {display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 23px; justify-content: center;}
.modal-body .body-content p {display: block; padding: 0; margin: 0; font-size: 16px; font-weight: 500; color: #637483; text-align: center;}
.modal-body .body-content p.success {color: #7F9B20;}
.modal-body .body-content p.failed {color: #D45144;}

.pay-alert .modal-md {max-width: 418px; margin: 11.75rem auto;}
.pay-alert .modal-md .modal-body {padding: 24px 22px 24px 30px;}
.pay-alert .modal-md .modal-body .popup-detail {display: flex; flex-wrap: wrap; padding: 0; margin: 0; align-items: center;}
.popup-detail .body-content {display: flex; flex-wrap: wrap; padding: 0; margin: 0 auto 0 0; align-items: center;}
.popup-detail .body-content .logo-sm {display: block; padding: 0; margin: 0 24px 0 0;}

.count-price .count-div{display: block;} 
.count-price .price-div{display: block; padding: 0; margin: 0 70px 0 auto;}

.header-section .order-id{display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 20px; align-items: first baseline;}
.header-section .order-id h5.modal-title{display: block; padding: 0; margin: 0; font-size: 16px; color: #637483 !important; font-weight: 500; width: calc(100% - 40px);}
.header-section .order-id h5.modal-title span {display: block; font-size: 12px; color: #434C56;}
.header-section .order-id button.close {display: block; padding: 11px; margin: 0; transition: all 0.3s ease;}
.header-section .order-id button.close:hover {background: #EFF1F4;}
.header-section .order-id button.close:hover path {fill: #186CC3;}

.order-id button.close{display: block; padding: 0; margin: 0 0 0 auto;}
.header-section .price{display: block;}
.header-section .price p{display: block; padding: 0; margin: 0 0 3px; font-size: 14px; color: #637483; font-weight: 500;}
.header-section .price h2{display: block; padding: 0; margin: 0 0 10px; font-size: 32px; color: #434C56; font-weight: 450;}
.modal-body h4.method{display: block; padding: 0; margin: -10px 0 22px; font-size: 16px; color: #434C56; font-weight: 500;}

.footer-section{display: flex; flex-wrap: wrap; position: relative; padding: 0 23px; margin: 16px 0 0; text-align: center; justify-content: center;}
.footer-section span.line-bracker{display: block; width: 100%; position: relative; padding: 0; margin: 16px 0; font-size: 16px; color: #A8A8A8; font-weight: 500;}
.footer-section span.line-bracker:before{position: absolute; content: ''; background: #EFF1F4; left: 0; top: 50%; width: 43%; height: 1px;}
.footer-section span.line-bracker:after{position: absolute; content: ''; background: #EFF1F4; right: 0; top: 50%; width: 43%; height: 1px;}
.footer-section button.credit-debit{display: block; border-color: #D7E5F5 !important; padding: 16px 32px !important; font-size: 15px; color: #186CC3 !important; font-weight: 500;}
.footer-section button.pay-pal{display: block; border-color: #D7E5F5 !important; padding: 0 !important;}

.modal-body .card-number button{display: block; width: 100%; padding: 0 23px; margin: 0; background: none; border: 0;}
.modal-body .card-number button .logo-number{display: flex; flex-wrap: wrap; padding: 12px 23px; margin: 8px 0 0; background: #F7FAFF; border-radius: 8px; align-items: center; cursor: pointer;}
.modal-body .card-number button .logo-number .card-logo{display: block;}
.modal-body p.number{display: block; padding: 0; margin: 0 16px; background: none; color: #637483;}
.modal-body .footer-section .form-inline{display: block; padding: 0; margin: 0 0 23px; text-align: left;}
.modal-body .footer-section .form-inline.checkbox{margin: 0;}
.modal-body .footer-section .form-inline span.brand {display: none;}
.modal-body .footer-section .card-detail{display: block; margin: -10px 0 35px}

.footer-section button.btn{width: auto;}
.footer-section button{display: flex; flex-wrap: wrap; width: 100%; padding: 12px 23px; align-items: center; border: 1px solid #D7E5F5; border-radius: 8px; transition: all .3s ease; cursor: pointer; background: #fff;}
.footer-section button:hover{border-color: #1259A3;}
.footer-section button:focus{box-shadow: none; outline: none;}
.footer-section button p{display: block; padding: 0; margin: 0 16px; font-size: 13px; color: #637483;}

.footer-section .form-inline label{display: block; padding: 0; margin: 0; font-size: 13px; color: #637483; font-weight: 450; justify-content: left;}
.footer-section .form-inline label.alert-icon:hover path{fill: #186CC3; cursor: pointer;} 
.footer-section .form-inline label span{position: relative; margin: 0 0 0 7px; transition: all 0.5s ease;}
.footer-section .form-inline label:hover span path{fill: #186CC3;}
.footer-section .form-inline label:hover span .tool-message{opacity: 1;}
.footer-section .form-inline label span .tool-message{display: block; opacity: 0; position: absolute; top: 0; left: 30px; min-width: 117px; padding: 5px; border: 1px solid #186CC3; background: #fff; z-index: 1; transition: all 0.3s ease; cursor: pointer;}    
.footer-section .form-inline label span .tool-message p{display: block; padding: 0; margin: 0; font-size: 11px; color: #000;}

.footer-section .form-inline input.form-control{display: block; width: 100%; padding: 2px 0; margin: 0; font-size: 14px; color: #222428; flex-wrap: 450; border-bottom: 2px solid #EFF1F4;}
.footer-section .form-inline .StripeElement{display: block; padding: 0; margin: -13px 0; border-bottom: 2px solid #EFF1F4;}
.footer-section .form-inline #card-cvv-element{display: block; padding: 0 0 26px 0; border-bottom: 2px solid #EFF1F4;}


.footer-section .form-inline input.form-control:focus{border-bottom-color: #186CC3 !important; box-shadow: none;}
.footer-section .form-inline.checkbox{display: flex; flex-wrap: wrap; padding: 0; margin: 0;}
.footer-section .form-inline.checkbox input.check-box{display: none;}
.footer-section .form-inline.checkbox input:checked + .box:after{opacity: 1;}
.footer-section .form-inline.checkbox .box{position: relative; padding: 0; margin: 0 11px 0 0; width: 15px; height: 15px; border: 0.125rem solid #637483; border-radius: 1px;}
.footer-section .form-inline.checkbox .box:after{position: absolute; content: "\e600"; font-family: icomoon; font-size: 15px; left: -2px; top: -6px; opacity: 0;} 
.footer-section button.pay-btn{display: flex; flex-wrap: wrap; padding: 13px 32px !important; justify-content: center;}

/*.select2-selection--single {border: 1px solid #D7E5F5; padding: 9px 16px; font-size: 13px; color: #A8A8A8; font-weight: 400;}
.select2-selection--single .select2-selection__arrow::after {right: 16px;}
.select2-selection--single:hover .select2-selection__arrow::after {color: #186CC3;}

.select2-results__option + .select2-results__option {font-size:14px; color: #637483 !important;}
.select2-results__option.select2-results__option--highlighted {background: #EFF1F4; color: #222428 !important;}*/

/*.placeorder-bg .card {padding: 50px 200px 60px;} 
.placeorder-title {font-size: 16px; color: #434C56; line-height: 1; padding: 24px 76px;}
.placeorder-title label{display: block; font-size: 12px; color: #637483; font-weight: 500; padding: 0; margin: 5px 0 0;}
.placeorder-title label span{padding: 0 4px 0 0;}
.placeorder-bg.content {padding: 0 76px;}
.placeorder-bg .form-group {display: block; margin-bottom: 32px; width: 100%;}
.placeorder-bg .form-group.has-error .form-control {border: 1px solid #D45144; border-top-color: #D45144 !important; }

.placeorder-bg .form-group .col-form-label {display: block; padding: 0; margin: 0 0 16px; font-size: 16px;  color: #434C56 ! important; text-align: left; line-height: 20px;}
.placeorder-bg .form-group input.form-control {display: block; padding: 9px 16px; font-size: 14px; color: #222428 !important; border: 1px solid #D7E5F5; border-top-color: #D7E5F5 !important;}

.placeorder-bg .col-form-label.promo_code {padding: 0; color: #637483 !important; margin-bottom: 5px;}
.placeorder-bg .form-group input#promo_code {display: block; padding: 0; font-size: 14px; color: #637483; border-color: transparent !important; border-bottom: 2px solid #EFF1F4 !important;}

.placeorder-bg .form-group input.form-control:placeholder {font-size: 14px; color: #A8A8A8 !important;}

.placeorder-bg .form-group .form-control:not(:placeholder-shown) {border-bottom-color: #186CC3; box-shadow: none;}
.placeorder-bg .form-group .form-control::-webkit-input-placeholder {opacity: 0;}
.placeorder-bg .form-group .form-control:-ms-input-placeholder {opacity: 0;}
.placeorder-bg .form-group .form-control::placeholder {opacity: 0;}
.placeorder-bg #non-mandatory .form-group, .form-group.po-number {position: relative; margin-left: auto;}

.placeorder-bg .form-check-div {column-count: 1;}
.placeorder-bg .form-check:not(.form-check-inline) {margin-bottom: 8px;}
.placeorder-bg .form-check-label:hover .uniform-checker span {border-color: #186CC3;}
.placeorder-bg .form-check-label {display: block; font-size: 14px; color: #434C56; text-transform: capitalize;}

.placeorder-bg .form-check-label .uniform-checker {top: 4px;}
.placeorder-bg .form-check-label .uniform-checker span{width: 14px; height: 14px;}
.placeorder-bg .form-check-label .uniform-checker span:after{font-size: 14px; top: -2px; left: -2px;}
.placeorder-bg .mb-3 .form-check-label .uniform-checker{margin-right: 8px;}

.placeorder-bg .form-group .price-div {border: 2px solid #EFF1F4; margin-top: 10px;}
.placeorder-bg .form-group .price-div .form-control {border: none; padding: 15px 16px; min-height: 216px;}

.placeorder-bg .form-group.discount {display: block; font-size: 14px; color: #637483; font-weight: 550; line-height: 16px;}
.placeorder-bg .form-group.discount span {display: block; font-size: 14px; font-weight: 550; color: #7F9B20;}
.placeorder-bg .form-group.promo-offer {padding: 16px; border: 1px solid #E2BD67; margin-bottom: 0;}
.placeorder-bg .form-group.promo-offer label{display: block; padding: 0; margin: 0; font-size: 12px; color: #637483 !important; font-weight: 550; }

.placeorder-bg .text-center a.ml-1 {display: flex; flex-wrap: wrap; justify-content: center;}
.placeorder-bg .text-center a.ml-1:hover {text-decoration: none;}
.placeorder-bg .text-center .form-check.form-check-inline.mb-3 {margin: 0 0 24px;}
.placeorder-bg .text-center .form-check .form-check-label a.ml-1 {display: inline-flex; margin: 0 auto; font-size: 14px; color: #434C56; text-decoration: none; line-height: 19px;}

.placeorder-bg #your_design_file_1{position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer;}

.placeorder-bg .card .upload-text {font-size: 12px; color: #637483; line-height: 1 }
  
.placeorder-bg .radio-boxs {display: block; position: relative;}
.placeorder-bg .radio-boxs input {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;}
.placeorder-bg .radio-boxs input + label {display: block; border: solid 1px #D7E5F5; padding: 12px; margin: 0 0 4px !important; line-height: 1; font-size: 14px; color: #A8A8A8; margin: 0px; transition: all 0.5s;}
.placeorder-bg .radio-boxs input:hover + label {border: solid 1px #186CC3; color: #434C56;}
.placeorder-bg .radio-boxs input:checked + label {border: solid 1px #186CC3; background: #186CC3; color: #fff; font-weight: 500;}*/

.select2-selection--single {border-bottom: 2px solid #EFF1F4; font-size: 13px; color: #B8C3D5; font-weight: 550;}
.select2-results__option + .select2-results__option {font-size:14px; color: #637483 !important;}
.select2-results__option.select2-results__option--highlighted {background: #EFF1F4; color: #222428 !important;}

.placeorder-bg .card {padding: 50px 108px 60px;} 
.placeorder-title {font-size: 16px; color: #434C56; line-height: 1; padding: 24px 76px;}
.placeorder-title label{display: block; font-size: 12px; color: #637483; font-weight: 500; padding: 0; margin: 5px 0 0;}
.placeorder-title label span{padding: 0 4px 0 0;}
.placeorder-bg.content {padding: 0 76px  60px;}
.placeorder-bg .form-group {display: block; margin-bottom: 24px; width: 100%;}
.placeorder-bg .form-group .col-form-label {display: block; padding: 4px 0; font-size: 14px;  color: #637483 ! important; text-align: left; line-height: 19px;}
.placeorder-bg .form-group .form-control {display: block; font-size: 14px; color: #222428 !important; border-bottom: 2px solid #EFF1F4;}
.placeorder-bg .form-group .form-control::placeholder {font-size: 13px; color: #B8C3D5; font-weight: 550;}
.placeorder-bg #non-mandatory .form-group, .form-group.po-number {position: relative; margin-left: auto;}

.placeorder-bg .form-check-div {column-count: 1;}
.placeorder-bg .form-check:not(.form-check-inline) {margin-bottom: 8px;}
.placeorder-bg .form-check-label {display: block; font-size: 14px; color: #434C56; text-transform: capitalize;}

.placeorder-bg .form-check-label .uniform-checker {top: 4px;}
.placeorder-bg .form-check-label .uniform-checker span{width: 14px; height: 14px;}
.placeorder-bg .form-check-label .uniform-checker span:after{font-size: 14px; top: -2px; left: -2px;}
.placeorder-bg .mb-3 .form-check-label .uniform-checker{margin-right: 8px;}

.placeorder-bg .form-group .price-div {border: 2px solid #EFF1F4;}
.placeorder-bg .form-group .price-div .form-control {border: none; padding: 15px 16px; min-height: 216px;}

.placeorder-bg .form-group.discount {display: block; font-size: 14px; color: #637483; font-weight: 550; line-height: 16px;}
.placeorder-bg .form-group.discount span {display: block; font-size: 14px; font-weight: 550; color: #7F9B20;}
.placeorder-bg .form-group.promo-offer {padding: 16px; border: 1px solid #E2BD67; margin-bottom: 0;}
.placeorder-bg .form-group.promo-offer label{display: block; padding: 0;}
.placeorder-bg .col-form-label.promo_code {padding: 0;}

.placeorder-bg .text-center a.ml-1 {display: flex; flex-wrap: wrap; justify-content: center;}
.placeorder-bg .text-center a.ml-1:hover {text-decoration: none;}
.placeorder-bg .text-center .form-check.form-check-inline.mb-3 {margin: 0 0 24px;}
.placeorder-bg .text-center .form-check .form-check-label a.ml-1 {display: inline-flex; margin: 0 auto; font-size: 14px; color: #434C56; text-decoration: none; line-height: 19px;}

.placeorder-bg .note-div {margin-bottom: 40px;}
/*.placeorder-bg #your_design_file_1{position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer;}
*/
.placeorder-bg .card .dropzone {border: 1px dashed #707070; background: #fff; margin: 0 30px;}

.placeorder-bg .form-control:not(.border-bottom-1):not(.border-bottom-2):not(.border-bottom-3):focus, .placeorder-bg .select2-selection--single:focus, .placeorder-bg .select2-selection--single:focus, .placeorder-bg .select2-container--open .select2-selection--single {border-bottom-color: #186CC3 !important; box-shadow: none !important;}

.placeorder-bg .uniform-uploader {display: block; position: relative; padding: 0; margin: 0; top: 35%;}
.placeorder-bg .uniform-uploader .filename {display: block; border-bottom: none; text-align: center; font-size: 14px; color: #707070; padding: 10px 0;}

.placeorder-bg .action.btn.btn-melco.legitRipple {display: block; position: relative; padding: 12px 22px 12px 44px !important; margin: 0; background: #fff !important; border: none; font-size: 13px; color: #186CC3 !important; text-transform: uppercase !important;}
.placeorder-bg .action.btn.btn-melco.legitRipple::after {position: absolute; content: ''; background: url(../images/active-file-upload.png) center center no-repeat; width: 14px; height: 16px; left: 75px; transform: translateX(0);}

.placeorder-bg .uniform-checker span.checked, .placeorder-bg .form-check-label.text-melco.font-weight-semibold {font-weight: normal;  border-color: #186CC3;} 
.placeorder-bg .price-div textarea.form-control, .placeorder-bg .form-control.first.required, .placeorder-bg .form-control.first.number {font-size: 14px; color: #222428;}

.dropzone {border: 1px dashed #707070 !important; background: #fff !important; padding: 12px; margin: 15px 30px 0; border-radius: 0; }
.dropzone .dz-default.dz-message {display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.dropzone.dz-started .dz-default.dz-message {opacity: 1;}
.dropzone .dz-default.dz-message:before {display: none;}
.dropzone .dz-default.dz-message span {margin: 0}
.dropzone .dz-default.dz-message span .drag-text {display: block; font-size: 14px; color: #707070; line-height: 1; margin: 0 0 8px;}
.dropzone .dz-default.dz-message span .or-text {display: block; font-size: 12px; color: #434C56; line-height: 1; margin: 0 0 5px; font-weight: bold;}
.dropzone .dz-default.dz-message span .choose-text {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 13px; color: #186CC3; line-height: 1; margin: 0 0 5px; font-weight: 500;}
.dropzone .dz-default.dz-message span .choose-text svg {margin: 0 7px 0 0; }
.dropzone .dz-default.dz-message span .choose-text:hover path, .dropzone .dz-default.dz-message span .choose-text:hover{fill: #1259A3;color: #1259A3; cursor: pointer;}

.dropzone .dz-preview.dz-image-preview {padding: 0; margin: 0.75rem; min-width: 9.3rem; min-height: 257px; vertical-align: top; border: none; box-shadow: 0px 7px 23px #00000014 !important;}
.dropzone .dz-preview.dz-image-preview .dz-image {display: block; min-height: 145px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.dropzone .dz-preview.dz-image-preview .dz-error-mark, .dropzone .dz-preview.dz-image-preview .dz-progress{display: none;} 
.dropzone .dz-preview.dz-image-preview .dz-remove {padding: 12px 32px; margin-top: 8px; font-size: 14px; color: #637483; font-weight: 450; background: #F7FAFF; border-radius: 0; text-decoration: none;}
.dropzone .dz-preview.dz-image-preview .dz-size,
.dropzone .dz-preview.dz-image-preview .dz-filename {display: block; padding: 0 8px; font-size: 12px; font-weight: 500; color: #434C56;} 

.placeorder-bg .uniform-checker span.checked, .placeorder-bg .form-check-label.text-melco.font-weight-semibold {font-weight: normal;  border-color: #186CC3;} 
.placeorder-bg .price-div textarea.form-control, .placeorder-bg .form-control.first.required, .placeorder-bg .form-control.first.number {font-size: 14px; color: #222428;}

.content.my-account-bg {display: block; padding: 0 76px 60px;}
.content.my-account-bg .card {min-height: 365px;}

.my-account-bg .card .card-header {padding: 32px 32px 20px !important; background: #fff !important;}
.my-account-bg .card .card-title {font-size: 13px; color: #434C56; font-weight: bold; line-height: 1; text-transform: uppercase;}
.my-account-bg .card .card-header .edit-btn {border: 0px; padding: 0px; background: none; font-size: 13px; text-transform: uppercase; color: #186CC3; outline: 0px; font-weight: 500; cursor: pointer; display: flex; flex-wrap: wrap; align-items: center;}
.my-account-bg .card .card-header .edit-btn svg {margin-right: 8px;}

.my-account-bg .card .card-body .personal-detail {display: block; padding: 16px 32px 32px 32px; margin: 0;}
.my-account-bg .card .card-body .personal-detail ul {display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; align-items: center;}
.my-account-bg .card .card-body .personal-detail ul li {display: block; width: 50%; padding: 0; margin: 0 0 24px; font-size: 14px; color: #637483; font-weight: 450; text-transform: capitalize;}
.my-account-bg .card .card-body .personal-detail ul li:nth-last-child(2), .my-account-bg .card .card-body .personal-detail ul li:last-child {margin-bottom: 0;}
.my-account-bg .card .card-body .personal-detail ul li span {display: block; color: #434C56;}

.my-account-bg .card .card-body.card-detail {display: block; padding: 12px 32px 32px 32px;}

.card-detail .addcard-div {display: block; padding: 0; margin: 0 0 8px 0; width: calc(100% - 50px); border: 1px solid #D7E5F5; border-radius: 8px;}
.card-detail .addcard-div button.add-card-btn {display: flex; flex-wrap: wrap; width: 100%; padding: 12px 24px; margin: 0; background: transparent; border:0; border-radius: 0; align-items: center; cursor: pointer; transition: all 0.5s ease; outline: 0px;}
.card-detail .addcard-div button.add-card-btn .add-img {display: flex; flex-wrap: wrap; align-items: center; width: 20px; height: 20px; justify-content: center;}
.card-detail .addcard-div button.add-card-btn .add-img svg {fill: #637483;}
.card-detail .addcard-div button.add-card-btn:hover .add-img {background: #EFF1F4;}
.card-detail .addcard-div button.add-card-btn:hover .add-img svg {fill: #186CC3;}

.card-detail .addcard-div button.add-card-btn p {display: block; padding: 0 0 0 16px; margin: 0; font-size: 13px; color: #637483; font-weight: 450; line-height: 1;}


.card-detail .card-number{display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 8px 0; align-items: center; justify-content: space-between;}
.card-detail .card-number .logo-number {display: flex; flex-wrap: wrap; width: calc(100% - 50px); padding: 12px 24px; margin: 0; background: #F7FAFF; border-radius: 8px; align-items: center;}
.card-detail .card-number .logo-number .modal-body button .logo-number{display: block;}
.card-detail .card-number .logo-number p{display: block; padding: 0 0 0 16px; margin: 0; font-size: 13px; color: #637483; font-weight: 450;}
.card-detail .card-number button.delete{display: block; padding: 12px; margin: 0; border: none; background: #fff; cursor: pointer; transition: all .3s ease;}
.card-detail .card-number button.delete:hover {background: #EFF1F4;}
.card-detail .card-number button.delete:hover path{fill: #D45144;}

.card-detail .card-number button.delete:focus{box-shadow: none; outline: none;}
.card-detail .div-details{border: 1px solid #D7E5F5; border-radius: 8px;}

.card-detail .card-form {display: block; padding: 10px 54px 12px;}
.card-detail .card-form .form-inline{display: block; padding: 0; margin: 0 0 24px; position: relative;}
.card-detail .card-form .form-inline label{display: block; padding: 0; margin: 0; font-size: 14px; color: #637483; font-weight: 450;}
.card-detail .card-form .form-inline label.d-flex{display: flex; flex-wrap: wrap; justify-content: left; cursor: pointer; transition: all .5s ease;}
.card-detail .card-form .form-inline label.d-flex:hover path{fill: #186CC3;}
.card-detail .card-form .form-inline label.d-flex span{display: block; padding: 0; margin: 0 7px;}
.card-detail .card-form .form-inline .form-control {display: block; width: 100%; padding: 2px 0; margin: 0; font-size: 14px; color: #222428; font-weight: 450; border-bottom: 2px solid #EFF1F4;}
.card-detail .card-form .form-inline .form-control:focus {border-bottom-color: #186CC3; box-shadow: none;}
.card-detail .card-form .form-inline .form-control:not(:placeholder-shown) {border-bottom-color: #186CC3; box-shadow: none;}
.card-detail .card-form .form-inline .form-control::-webkit-input-placeholder {opacity: 0;}
.card-detail .card-form .form-inline .form-control:-ms-input-placeholder {opacity: 0;}
.card-detail .card-form .form-inline .form-control::placeholder {opacity: 0;}

.card-detail .card-form .StripeElement {display: block; border-bottom: 2px solid #EFF1F4 !important;}
.card-detail .card-form .StripeElement:hover, .card-detail .card-form .StripeElement--focus {border-bottom: 2px solid #186CC3 !important;}
.card-detail .card-form .form-inline.date .form-control{max-width: 115px; width: 100%;}
.card-detail .card-form .form-inline .brand {display: none;}
.card-detail .card-form .buttons{display: flex; flex-wrap: wrap; justify-content: right;}
.card-detail .card-form .buttons .btn{display: block; width: auto;}

.modal-backdrop.show{background: #fff; opacity: 0.4;}
.my-account-bg .modal-dialog, #cancel_order.modal .modal-dialog{margin: 10.25rem auto;}
.my-account-bg .delete-message, #cancel_order.modal .delete-message {display: block; padding: 95px 0; margin: 0;}
.my-account-bg .delete-message h4, #cancel_order.modal .delete-message h4 {display: block; padding: 0; margin: 0 0 16px; font-size: 16px; color: #E33501; font-weight: 400;}
.my-account-bg .delete-message p, #cancel_order.modal .delete-message p{display: block; padding: 0; margin: 0 0 45px; font-size: 14px; color: #242424; font-weight: 400;}
.my-account-bg .footer-section .btn-secondary, #cancel_order.modal .footer-section .btn-secondary{border-color: #D45144 !important;}
.my-account-bg .footer-section .btn-primary, #cancel_order.modal .footer-section .btn-primary {background: #D45144 !important; border-color: #D45144 !important;}
.my-account-bg .footer-section .btn-primary:hover, #cancel_order.modal .footer-section .btn-primary:hover{background: #BF4033 !important; border-color: #BF4033 !important;}

#cancel_order.modal .modal-body {padding: 0 42px 1px; margin: -15px 0 0;}


.my-account-bg .card .table.table td {padding: 12px 0; border: 0; font-size: 13px; color: #434C56; font-weight: 500; line-height: 1; text-align: left;}
.my-account-bg .card .table.table td:first-child {width: 40%;}
.my-account-bg .card .table.table td.font-weight-semibold {font-size: 14px; color: #637483;}

.order-bg {display: block; padding: 0;}
.order-title {display: flex; flex-wrap: wrap; padding: 4px 0; margin: 0; font-size: 12px; color: #637483; font-weight: 500; vertical-align: middle; z-index: 1; align-items: center;}
.order-title i.back {display: block; padding: 14px; margin: 0 8px 0 0;}
.order-title.sticky {position: fixed; left: 50px; right: 50px; background: #F7FAFF;}

.order-title label{padding: 0; margin: 0; color: #434C56;}

.order-bg .header-left{display: block; padding: 0; margin: 0;}
.order-bg .header-right{display: flex;  flex-wrap: wrap; padding: 0; margin: 0;}
.order-bg .card-header{padding: 24px 32px !important; background: #fff !important;}
.order-bg .card-header h5.card-title {display: block; padding: 0; margin: 0; font-size: 16px; color: #434C56; font-weight: 500; text-transform: uppercase;}
.order-bg .card-header h5 .badge {background: #fff; font-size: 14px; color: #7F9B20; text-transform: capitalize; font-weight: 450; width: auto; height: auto;}
.order-bg .card-header h5 .badge > span {margin: 0 5px 0 0;}
.order-bg .card-header h5 .badge.new {color: #E0AF3C;}
.order-bg .card-header h5 .badge.canceled {color: #D45144;}

.order-bg .card-header .pop-buttons {display: flex; flex-wrap: wrap; align-items: center; padding: 0; margin: 8px 0 0;}

.order-bg .design-title{display: block; padding: 32px 32px 8px 32px; margin: 0;}
.order-bg .design-title h5{display: block; padding: 0; margin: 0; font-size: 16px; color: #637483; font-weight: 500;}

.order-bg .order-path ul{display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; align-items: center; background: #F7FAFF;}
.order-bg .order-path ul li{display: block; position: relative; padding: 16px 0 16px 32px; margin: 0 0 0 32px; font-size: 13px; color: #637483; font-weight: 450; text-transform: capitalize; transition: all .3s ease;}
.order-bg .order-path ul li.active{color: #7F9B20;}
.order-bg .order-path ul li > span i.icon{position: absolute; background: url(../images/black-icon.png) center center no-repeat; width: 16px; height: 16px; left: 2px; top: 50%; transform: translateY(-50%);}
.order-bg .order-path ul li.active > span i.icon{position: absolute; background: url(../images/true-ic.png) center center no-repeat; width: 16px; height: 16px; left: 2px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease;}
.order-bg .order-path ul li.active:hover > span i.icon{position: absolute; background: url(../images/true-dark.png) center center no-repeat; width: 16px; height: 16px; left: 2px; top: 50%; transform: translateY(-50%);}
.order-bg .order-path ul li.active:hover {color: #1259A3; cursor: pointer;}

.order-bg .order-detail{display: block; padding: 16px 32px 32px 32px; margin: 0;}
.order-bg .order-detail ul{display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; align-items: center;}
.order-bg .order-detail ul li{display: block; width: 40%; padding: 0; margin: 0 0 20px; font-size: 14px; color: #637483; font-weight: 450; text-transform: capitalize;}
.order-bg .order-detail ul li:nth-child(2n){width: 60%;}
.order-bg .order-detail ul li:last-child{margin-bottom: 0;}

.order-bg .order-detail ul > li > ul.file-icon > li {display: flex; flex-wrap: wrap; width: 100%; padding: 4px 0; margin: 0; color: #434C56; align-items: center;}
.order-bg .order-detail ul > li > ul.notes > li {display: block; width: 100%; padding: 4px 0; margin: 0; color: #434C56; align-items: center;}
.order-bg .order-detail ul > li > ul.file-icon > li .image{display: block; padding: 0; margin: 0 10px 0 0;}

.order-bg .order-detail ul li span{display: block; color: #434C56;}
.order-bg .order-detail ul li span.danger{color: #D45144;}
.order-bg .order-detail ul li span.success{color: #7F9B20;}
.order-bg .order-detail ul li span.warning{color: #E0AF3C;}
.order-bg .order-detail ul li span a{padding: 0; margin: 0; font-size: 13px; font-weight: 450; color: #186CC3;}

.order-bg .card-header button.chat-box {display: flex; flex-wrap: wrap; padding: 0 24px 0 0; margin: 0; background: none; border: 0; font-size: 13px; color: #186CC3; font-weight: 450; align-items: center; cursor: pointer;}
.order-bg .card-header button.chat-box:hover path,.order-bg .card-header button.chat-box:hover  {fill: #1259A3; color: #1259A3; text-decoration: underline;}
.order-bg .card-header button.chat-box:focus {box-shadow: none; outline: none;}
.order-bg .card-header button.chat-box svg {display: block; margin: 0 8px 0 0;}
.order-bg .card-header .price-div {display: block; position: relative; padding: 0; margin: 0 48px 0 0;}
.order-bg .card-header .price-div h5{display: block; padding: 0; margin: 0; font-size: 12px; color: #637483; font-weight: 500; text-transform: uppercase;}
.order-bg .card-header .price-div h5 span{display: block; padding: 0; margin: 0; font-size: 14px; color: #7F9B20; font-weight: 450;}


.order-bg table.table{margin-bottom: 1.25rem;}
.order-bg table.table th{padding: 32px 32px 20px 32px; font-size: 16px; color: #637483; font-weight: 500; border-bottom: none !important;}
.order-bg table.table th span{display: block; padding: 0; margin: 0; font-size: 14px; color: #186CC3; font-weight: 450; cursor: pointer;}
.order-bg table.table th span.edit-icon{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; transition: all 0.5s ease;}
.order-bg table.table th span.edit-icon:hover path, .order-bg table.table th span.edit-icon:hover{fill: #1259A3; color: #1259A3;}
.order-bg table.table th span i{padding: 0; margin: 0 11px 0 0;}
.order-bg table.table td{padding: 12px 12px 12px 32px; font-size: 14px; color: #637483; font-weight: 450; border: none; vertical-align: top; text-align: left;}
.order-bg table.table td .badge{padding: 0; margin: 0; font-size: 14px; color: #D45144; font-weight: 450; background: #fff;}
.order-bg table.table td a > img{margin: 0 14px 0 0 !important; max-width: 24px;}
.order-bg table.table td span > a{padding: 0; margin: 0; font-size: 14px; color: #434C56; font-weight: 450; text-decoration: none;}
.order-bg table.table tr td:nth-child(2n){color: #434C56;}

.chat-popup .modal-dialog{max-width: 510px; margin: 1.75rem auto;}
.chat-support .timeline-icon{display: none;}
.chat-support .card-header{padding: 32px 0 15px 32px !important; border-bottom: 1px solid #D7E5F5 !important; border-radius: 8px 8px 0 0 !important;}
.chat-support .card-title{display: block; font-size: 16px; color: #637483; font-weight: 500;}
.chat-support .media-chat-item:not([class*="bg-"]){font-size: 14px; color: #434C56; background-color: #EFF1F4; border-color: #EFF1F4;}
.chat-support .media-chat-item-reverse .media-chat-item:not([class*="bg-"]){background-color: #D7E5F5; border-color: #D7E5F5;}
.chat-support .media-list li.media{display: flex; flex-wrap: wrap; border: none;}
.chat-support .media-list li.media.media-chat-item-reverse{justify-content: right; margin-left: 0;}

.chat-footer {position: relative; display: block;}
.card-body.order-discussion{padding: 0;}
.card-body .media-chat-scrollable {min-height: 330px; overflow: auto;}
.chat-footer a.attech-icon i,
.chat-footer button i{opacity: 0;}
.chat-footer a.attech-icon {display: block; position: absolute; background: url(../images/attech-i.png) center center no-repeat; top: 50%; transform: translateY(-50%); left: 32px; width: 14px; z-index: 1;}
.chat-footer textarea {display: block; position: relative; padding: 18px 70px 18px 65px; margin: 0; font-size: 14px; color: #434C56; font-weight: 450; border-bottom: none; border-top: 1px solid #D7E5F5 !important; width: 100%; max-width: 100%; min-width: 100%; height: 60px; max-height: 60px; min-height: 60px; resize:none;}
.chat-footer textarea::placeholder{display: block; font-size: 13px; color: #B8C3D5; font-weight: 550; line-height: 1.5;}
.chat-footer button.button-next {display: block; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); border: none; background: url(../images/send-i.png) center center no-repeat; width: 16px;}

.order-bg .sample-file{display: block; padding: 32px 32px 24px 32px; margin: 0; min-height: 135px;}
.order-bg .sample-file h5.heading{display: block; padding: 0; margin: 0 0 16px; font-size: 16px; color: #637483; font-weight: 500;}
.order-bg .sample-file .updoad-file {display: flex; flex-wrap: wrap; padding: 0; margin: 0;}
.updoad-file .dropdown {width: auto;}
.updoad-file .dropdown .dropdown-toggle::after {display: none;}
.updoad-file .dropdown .dropdown-menu.show{display: block; margin: 5px 0; padding: 0; box-shadow: 0px -7px 66px 0 #00000012;}
.updoad-file .dropdown .dropdown-menu a.dropdown-item{display: block; padding: 7px 16px; margin: 0; font-size: 15px; color: #637483; font-weight: 450;}
.updoad-file .dropdown .dropdown-menu a.dropdown-item:hover{background: #EFF1F4; color: #000; text-decoration: none;}
.updoad-file .dropdown .dropdown-toggle.zip-btn {width: auto; background: none; border: 0px; display: flex; flex-wrap: wrap; align-items: center; padding: 0px; font-size: 13px; color: #186CC3; font-weight: 450; outline: 0px; cursor: pointer;}
.updoad-file .dropdown .dropdown-toggle.zip-btn svg, .upload-div span i {margin: 0 10px 0 0;}

.order-bg .sample-file .updoad-file p{display: block; padding: 0; margin: 0; font-size: 14px; color: #637483; font-weight: 450;}
.order-bg .sample-file a{display: flex; flex-wrap: wrap; padding: 0; margin: 0 48px 0 0; align-items: center; font-size: 13px; color: #186CC3; font-weight: 450; text-decoration: none;}
.order-bg .sample-file a:hover, .order-bg .sample-file a:hover path {fill: #1259A3; color: #1259A3; text-decoration: underline;}
.order-bg .sample-file a > i{padding: 0 11px 0 0;}

.order-bg .uplod-imgs{display: flex; flex-wrap: wrap; padding: 0; margin: 0 0 50px; justify-content: space-around;}
.order-bg .file-logo{display: block; max-width: 180px;}
.order-bg .file-logo img{width: 100%;}


.order-bg .order-path{display: block; padding: 0; margin: 0;}
.order-bg .order-path .card-header{display: block; padding: 32px 32px 24px 32px !important;}
.order-bg .order-path .card-header h5.heading{display: block; padding: 0; margin: 0; font-size: 16px; color: #637483; font-weight: 500;}
.order-bg .order-path .card-body{display: block; padding: 0 32px 32px; margin: 0;}

.modal-content .header-section .dropzone {margin: 0px 15px 32px; padding: 0px; min-height: 14.5rem;}
.modal-content .header-section .dropzone .dz-message {height: 14.5rem;}
.modal-content .header-section .dropzone .dz-preview.dz-image-preview {min-width: 8rem; margin: 0.35rem;}
.modal-content .form-group .col-form-label  {display: block; padding: 4px 0; font-size: 14px; color: #637483 !important; text-align: left; line-height: 19px;}
.modal-content .form-group .price-div {border: 2px solid #EFF1F4;}
.modal-content .form-group .price-div .form-control {border: 0px; font-size: 13px; color: #B8C3D5; font-weight: 500; padding: 15px 16px; min-height: 80px;}

.content.myquotations{padding: 1.25rem 0;}
.content.myquotations .card-body{padding: 0;}
.content.myquotations .card-body .datatable-footer{padding: 1.25rem;}


footer {background: #fff; line-height: 1; text-align: center; font-size: 14px; color: #000; padding: 20px 0; margin: 0 -20px;}

.dz-max-files-reached {
    pointer-events: none;
    cursor: default;
}


.btn-outline-danger {
    border: 1px solid #DE350B !important;
    color: #DE350B !important;
    background-color: transparent;
    box-shadow: none;
}
.btn-outline-danger:hover {
    color: #fff !important;
    background-color: #DE350B;
    box-shadow: 0 10px 20px -10px #DE350B;
}
@media(min-width: 1601px) {
    .page-content .content-wrapper .content.dashboard-page {padding: 32px 0;}

    .holder-box.card {margin-bottom: 32px; padding: 42px 60px;}
    .holder-box.card h1 {font-size: 70px; margin: 0 24px 0 0}
    .holder-box.card h3 {font-size: 23px;}
    .holder-box.card svg {width: 70px; height: 70px;}

    .card.dashboard-slider-slick .slick-arrow svg {width: 10px; height: 16px;}
    .dashboard-slider-slick a.slick-prev.slick-arrow {padding: 21px 24px;} 
    .dashboard-slider-slick a.slick-next.slick-arrow {padding: 21px 24px; right: 84px;}

    .content-boxs.card.dog-img {max-height: 340px; min-height: 340px;}
    .content-boxs.card.dog-img::before {height: 340px;}
    .content-boxs.card.dog-img .img-detail {padding: 90px 32px 50px 32px;}

    .card.table-last {margin-bottom: 0px;}
    .card.table-last .card-header {padding: 46px 45px 23px !important;}

    .card.notification-box {margin-bottom: 0px;}
    .card.notification-box .card-header {padding: 46px 30px 23px !important;}

    .card .card-header h5 {font-size: 23px;}
    table.table th {font-size: 17px; font-weight: 500; padding: 20px; line-height: 1;}
    table.table td {font-size: 18px; padding: 20px; line-height: 1;}
    table.table td span a {font-size: 18px;}
    table.table td svg {width: 29px; height: 29px;}
    table.table td .dashboard_chat_button svg {width: 14px; height: 14px;}

    .card-header.mark-header button a.mark-all {font-size: 18px;}
    .card-header.mark-header button {font-size: 18px;}
    .media-list li.media a {font-size: 19px;}
    .media-list li.media .media-body .text-muted {font-size: 16px;}
    .notification-boxs.media-list {height: 417px    ;}

}

@media(max-width: 1440px){
}

@media(max-width: 1366px){
    .holder-box.card {padding: 27px 60px;}

    .placeorder-bg .card {padding: 50px 80px 60px;}

    .content-boxs.card.dog-img {min-height: 236px;}

    .dropzone .dz-preview.dz-image-preview {margin: 0.5rem; min-width: 7.8rem;}

    .dashboard-slider-slick {max-width: 1220px;}

}

@media(max-width: 1280px){
    .holder-box.card {padding: 23px 60px;}
    .holder-box.card h1 {font-size: 40px;}
    .placeorder-bg .card {padding: 50px 77px 60px;}

    .content-boxs.card.dog-img {max-height: 205px; min-height: 205px; overflow-y: hidden;}

    .card.dashboard-slider-slick {max-width: 1100px;}

    .slidebar-sticky.sticky {width: 37.5%;}
}

/* 1024 */
@media(max-width: 1199px){

    .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link {padding: 10px 15px; width: max-content;}

    .holder-box.card {padding: 23px 30px;}
    .holder-box.card h1 {font-size: 34px;}
    .content-boxs.card.dog-img {max-height: 158px;}
    .content-boxs.card.dog-img .imge {max-width: 50%;}
    .content-boxs.card.dog-img .img-detail {width: 50%; padding: 60px 22px 22px;}
    table.table td .green {display: block;}

    .placeorder-bg.content {padding: 0 50px;}
    .placeorder-title {padding: 24px 50px;}
    .placeorder-bg .card {padding: 50px 41px 60px;}
    .dashboard-slider-slick .card.content-boxs.dog-img {margin-bottom: 0;}

    .dropzone {padding: 10px;}
    .dropzone .dz-preview.dz-image-preview {margin: 0.5rem; min-width: 8rem;}

    .content.my-account-bg {padding: 0 0 20px;}
    .placeorder-title {padding: 24px 0px;}

    .order-bg .sample-file a {margin: 0 18px 0 0}
    .order-bg table.table th {padding: 20px;}
    .order-bg table.table td {padding: 12px 12px 12px 25px;}
    .slidebar-sticky.sticky {width: 36.5%;}

    .dashboard-slider-slick {max-width: 860px;}
    .dashboard-slider-slick a.slick-prev.slick-arrow {right: 20px; top: 20px;}
    .dashboard-slider-slick a.slick-next.slick-arrow {right: 50px; top: 20px;}

    .header-elements-inline .header-elements {width: 50%;}

}

/* 768 */

@media(max-width: 991px){
    .header-bg.navbar {padding: 0 30px;}
    .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link {width: auto; padding: 10px; margin: 0 5px 0 0; font-size: 12px;}
    .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:hover::before, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.selected::before {left: 15px; right: 13px;}
    .navbar-expand-md .navbar-brand {min-width: 8.625rem;}
    .header-bg ul.navbar-nav li .btn.btn-primary {padding: 12px 18px !important; width: max-content;}
    .header-bg.navbar ul.navbar-nav li.nav-item-open {padding-left: 0;}
    .header-bg.navbar ul.navbar-nav li.nav-item-open .dropdown-menu {right: 30px; min-width: 140px;}
    .media-list li.media .media-body {width: 100%;}

    .myorders-bg .dataTables_wrapper .datatable-header.sticky .dataTables_paginate {margin-right: 50px;}

    .placeorder-bg.content {padding: 0 30px;}
    .placeorder-title {padding: 20px 0;}
    .placeorder-bg .card {padding: 50px 70px 60px;}

    .placeorder-bg .form-group.promo-offer {margin: 0 0 20px;}

    .header-elements-inline .header-elements {width: 47%;}
    .order-bg .card-header .price-div {width: auto; text-align: right; margin: 0 15px;}
    .order-bg .card-header .price-div::after {height: 146px; left: -25px;}
    .order-bg .card-header .header-right .btn {padding: 12px 15px !important;}

    .dropzone {padding: 15px;}
    .dropzone .dz-preview.dz-image-preview {margin: 1rem; min-width: 9.5rem;}


    .content.my-account-bg .card {min-height: 320px;}

    .my-account-bg .card .card-header {padding: 15px !important;}
    .my-account-bg .card .card-body.card-detail {padding: 15px !important;}

    .my-account-bg .card .card-body .personal-detail {padding: 10px 15px;}

    .chat-popup .modal-dialog {max-width: 400px;}
    .card-detail .addcard-div button {padding: 12px 15px !important;}

    .card-detail .card-form {padding: 10px 10px 12px;}

    .my-account-bg .card .table.table td {font-size: 12px; padding: 10px 0;}
    .my-account-bg .card .table.table td.font-weight-semibold {font-size: 12px;}
    .my-account-bg .card span.note {font-size: 12px;}
    .card-detail .card-form .form-inline label {font-size: 12px;}

    .slidebar-sticky.sticky {position: relative; width: 100%; margin-top: 0;}
    .slidebar-sticky.orderlogs-boxs.sticky {margin-top: 0}

    .order-bg .sample-file {padding: 20px;}
    .order-bg .order-path .card-header {padding: 20px !important;}
    .order-bg .order-path .card-body {padding: 0 20px 20px;}

    .card.dashboard-slider-slick {max-width: 710px;}

    .dataTables_wrapper {max-width: 667px;}

}

@media(max-width: 767px){
    .page-content {padding: 3rem 15px 0}

    .header-bg.navbar {padding: 0 15px;}
    .navbar-expand-md.fixed-top .navbar-collapse {margin-left: -1.25rem; margin-right: -1.25rem; overflow-y: visible;}

    .holder-box.card {margin: 0 20px 15px;}
    .card.dashboard-slider-slick {max-width: 650px; margin: 0 auto 15px;}
    .card.table-last {margin: 0 20px 15px;}
    .card.notification-box {margin: 0 20px 15px;}

    .submenu-bg.collapse:not(.show) {display: none;}
    .submenu-bg {margin: 0px; position: fixed; left: 0px; top: 48px; right: 0px; z-index: 3; padding: 0 15px;}
    .submenu-bg ul.navbar-nav {width: 100%;}
    .submenu-bg ul.navbar-nav li {padding: 0px; margin: 0px; width: 100%;}
    .submenu-bg ul.navbar-nav li a {padding: 10px 0px;}

    .submenu-bg .dropdown {width: 100%;}
    .submenu-bg .dropdown .dropdown-toggle {width: 100%; padding: 10px 0; text-align: left;}
    .submenu-bg .dropdown .dropdown-toggle:after {right: 0px; top: 15px; position: absolute;}
    .submenu-bg .dropdown .dropdown-menu {position: relative !important; width: 100%; transform: translate3d(0px, 0px, 0px) !important; box-shadow: none; padding: 0px;}
    .submenu-bg .dropdown .dropdown-menu .dropdown-item {padding: .5rem 0;}

    .header-bg.navbar ul.navbar-nav {display: block; margin: 0px 0 15px;}
    .header-bg.navbar ul.navbar-nav li.nav-item {margin: 0px 0 5px;}
    .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link {width: auto; margin: 0px; border-radius: 8px;}
    .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:hover::before, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.selected::before {display: none;}
    .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link:hover, .header-bg.navbar ul.navbar-nav li.nav-item a.nav-link.selected {background: #186CC3; color: #fff;}
    .header-bg.navbar ul.navbar-nav li.nav-item .dropdown-menu {position: relative; top: 0; left: 0; right: 0;}
    .header-bg.navbar ul.navbar-nav li.nav-item-open .dropdown-menu {top: 0px; right: 0px; position: relative; margin-top: 3px;}
    .header-bg.navbar ul.navbar-nav li.nav-item-open .dropdown-menu a.dropdown-item {justify-content: left;}
    .header-bg.navbar ul.navbar-nav li a.dropdown-toggle.nav-link.btn.legitRipple {width: auto; margin-left: 0;}

    .myorders-bg .datatable-header {display: flex; flex-wrap: wrap; align-items: center;}
    .myorders-bg .datatable-header .dataTables_paginate {margin: 0 5px 18px auto}

    .myorders-bg .dataTables_wrapper .datatable-header.sticky .dataTables_filter {margin-left: 15px;}
    .myorders-bg .dataTables_wrapper .datatable-header.sticky .dataTables_paginate {margin-right: 5px;}
    .myorders-bg .dataTables_wrapper .datatable-header.sticky .dataTables_info {margin: 0 20px 18px 0;}

    .dropzone {padding: 11px; margin: 0;}
    .dropzone .dz-preview.dz-image-preview {margin: 0.6rem; min-width: 8.7rem;}

    .order-bg .order-detail ul li, .order-bg .order-detail ul li:nth-child(2n) {width: 50%;}

    .order-bg .card-header .pop-buttons {display: block;}
    .order-bg .card-header button.chat-box {margin: 0 0 7px;}

    .order-bg .header-right {display: block;}
    .order-bg .card-header .price-div {margin: 15px 10px;}


    .my-account-bg .card .card-body .personal-detail , .my-account-bg .card .card-body.card-detail {padding: 10px 30px !important;}

    .card-detail .card-form {padding: 10px 24px;}

    .dataTables_wrapper {max-width: 539px;}

    .placeorder-bg .card {padding: 50px 65px 60px;}
    .placeorder-bg .col-form-label.px-2, .placeorder-bg .card .upload-text {padding-left: 0 !important;}
    .placeorder-bg .form-group button.btn.btn-secondary.legitRipple {margin: 0 !important;}
    .placeorder-bg .form-group.discount {margin: 0;}

    .order-title.sticky {position: relative; left: 0px; right: 0px;}
    .sticky-open.sticky {position: relative; margin-top: 0px; left: 0px; right: 0px;}
}

/* 567 */
@media(max-width: 567px){

    .content {padding: 0 0 1.25rem;}

    .submenu-bg {padding: 0 10px 10px;}
    .submenu-bg ul.navbar-nav li {margin: 0 15px 0 0;}
    .submenu-bg ul.navbar-nav li a {padding: 15px 0px; font-size: 12px;}
    .submenu-bg ul.navbar-nav li a svg {margin-right: 5px;}

    .holder-box.card {padding: 18px 40px; margin: 0 0 15px;}
    .holder-box.card h3 {margin: 0 0 0 15px;}

    .card.table-last {margin: 0 0px 15px}
    .card.notification-box {margin: 0 0 15px;}

    .card.dashboard-slider-slick {max-width: 320px}

    table.table th, table.table td {padding: 7px 10px; font-size: 11px;}
    table.table td a {font-size: 11px;}

    .dataTable {max-width: 100%;}

    .myorders-bg.card {margin-top: 135px;}
    .myorders-bg.card .datatable-header .dataTables_info {margin-right: auto;}
    .myorders-bg .dataTables_wrapper .datatable-header.sticky {position: relative; top: 0}
    .myorders-bg .dataTables_wrapper .datatable-header.sticky .dataTables_filter {margin: 0 15px;}
    .myorders-bg .dataTables_wrapper .datatable-header.sticky .dataTables_info {margin-right: auto;}
    .myorders-bg .dataTables_wrapper .datatable-header > div:first-child {width: 100%;}

    .placeorder-bg.content {padding: 0;}
    .placeorder-title {padding: 20px 0;}
    .placeorder-bg .card {padding: 15px 20px;}
    .placeorder-bg .btn.btn-primary.place_order.mr-2, .placeorder-bg .btn.btn-secondary.get_a_quote {margin: 0 0 10px 0 !important; width: 100%;}
    .placeorder-bg .text-center .form-check .form-check-label a.ml-1, .placeorder-bg .form-check-label {font-size: 13px;}
    .placeorder-bg .card .accept-box {margin-top: 35px !important;}

    .order-bg .card-header {padding: 15px !important;}
    .order-bg .card-header h5.card-title {font-size: 14px; width: 100%;}
    .order-bg .card-header h5 .badge {font-size: 12px; width: auto; height: auto;}
    .order-bg .card-header button.chat-box a {font-size: 12px;}
    .order-bg .card-header button.chat-box i.chat-icon {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
    .order-bg .card-header button.chat-box .chat-icon svg {height: 10px; width: 10px;}

    .order-bg table.table th {font-size: 14px; padding: 10px 15px; width: 25%;}
    .order-bg table.table th span {font-size: 12px;}
    .order-bg table.table td {font-size: 12px; padding: 12px 12px 12px 15px;}
    .order-bg table.table td span > a {font-size: 11px;}
    .order-bg table.table td .badge {font-size: 12px;}


    .chat-popup .modal-dialog {max-width: 300px;}
    .chat-support .card-header {padding: 15px !important;}
    .chat-support .card-title {font-size: 14px;}
    .order-bg .sample-file {padding: 15px;}
    .order-bg .sample-file h5.heading {font-size: 14px;}
    .order-bg .sample-file .updoad-file p {font-size: 12px;}

    .order-bg .design-title {padding: 15px;}

    .order-bg .order-path .card-header {padding: 15px !important;}
    .order-bg .order-path .card-header h5.heading {font-size: 14px;}
    .order-bg .order-path .card-body {padding: 15px;}

    .order-bg .order-detail {padding: 15px;}
    .order-bg .order-detail ul {display: block;}
    .order-bg .order-detail ul li, .order-bg .order-detail ul li:nth-child(2n){width: 100%; margin: 0 0 20px;}

    .order-bg .chat-footer textarea {line-height: 1.5; padding: 20px 0 20px 45px;}
    .order-bg .chat-footer textarea::placeholder {line-height: 1.5;}
    .order-bg .chat-footer a.attech-icon {left: 15px;}
    .order-bg .chat-footer button.button-next {right: 15px;}

    .order-bg .card-header {flex-wrap: wrap;}
    .order-bg .card-header .pop-buttons {margin: 15px 0 0;}
    .order-bg .card-header .price-div {margin: 15px 0;}

    .order-bg .order-path ul {display: block;}
    .order-bg .order-path ul li {padding: 10px 32px; margin: 0 0 0 15px; font-size: 12px;}

    .order-bg .uplod-imgs {margin: 0;}
    .order-bg .file-logo {margin: 0 0 30px;}


    .my-account-bg .card .card-body .personal-detail ul li {width: 100%;}
    .my-account-bg .card .card-body .personal-detail, .my-account-bg .card .card-body.card-detail {padding: 15px !important;}

    .card-detail .card-form .buttons {justify-content: center;}
    .card-detail .card-form .buttons .btn {width: 100%;}
    .card-detail .card-form .buttons .btn.btn-secondary.cancel_card_submit {margin: 0 0 7px;}
    .card-detail .card-form .buttons .btn.btn-primary.ml-2 {margin: 0 !important;}

    .card-detail .addcard-div button.add-card-btn p {padding: 0 0 0 10px;}
    .card-detail .addcard-div button.add-card-btn, .card-detail .card-number .logo-number {padding: 12px;}

    .header-elements-inline .header-elements {width: 100%; margin-top: 10px;}
    .header-elements-inline .header-elements .btn.btn-primary, .header-elements-inline .header-elements .btn.btn-secondary {width: 100%; justify-content: center;}
    .header-elements-inline .header-elements .btn.btn-secondary {margin: 7px 0 0 !important;}
    .order-bg .card-header .price-div {text-align: left;}

    .media-list li.media {padding: 8px 10px;}
    .modal-sm {margin: 40px auto; max-width: 300px;}

    .header-section {padding: 15px 15px 0 15px;}
    .header-section .order-id h5.modal-title {font-size: 14px;}
    .header-section .order-id h5.modal-title span {font-size: 10px;}
    .modal-body {padding: 15px 15px 30px 15px;}
    .modal-content .header-section .dropzone {margin: 0px 0px 20px;}
    .modal-content .header-section .dropzone .dz-preview.dz-image-preview {min-width: 7rem;}
    .dropzone .dz-preview.dz-image-preview {min-height: 218px;}
    .dropzone .dz-preview.dz-image-preview .dz-image {min-height: 115px;}
    .dropzone .dz-preview.dz-image-preview .dz-remove {font-size: 12px; line-height: 1; padding: 10px 12px;}

    .font-size-lg {font-size: 0.675rem;}
    .order-bg .sample-file a {margin: 0 25px 0 0}

    .upload-div span i {left: 15px;}
    .upload-div span a {font-size: 12px;}

    .updoad-file .dropdown .dropdown-menu a.dropdown-item {padding: 5px 15px; font-size: 13px;}

    .design-model.two-img {display: block;}

    .modal-body p.number {margin: 0 0 0 8px;}
    .modal-body button .logo-number, .footer-section button{padding: 8px;}

    footer {margin: 0 -15px;}
    .footer-section button p {margin: 0 0 0 8px;}
    .footer-section .btn.modal-btn-pay, .footer-section .btn.modal-btn-reopen {width: 100%; justify-content: center;}
    .footer-section .btn.modal-btn-reopen {margin: 7px 0 0 !important;}

    .my-account-bg .card .card-header.alpha-indigo {display: flex; flex-wrap: wrap;}
    .my-account-bg .card .card-header.alpha-indigo .header-elements {width: auto; margin: 0px;}


    .dashboard-slider-slick {max-width: 288px;}

    .dataTables_wrapper {max-width: 380px; margin-top: -54px;}

    .placeorder-bg .form-group {margin: 0 0 24px 0;}

    .page-content .content-wrapper .content.dashboard-page {margin: 0 ;}


}

.dashboard-page .updated-order-tbl.card .table .order-download-button {background: #fff;}
.dashboard-page .updated-order-tbl.card .table .dropdown-menu { margin: 5px 0; padding: 0; }
.dashboard-page .updated-order-tbl.card .table .dropdown-menu .dropdown-item{ background: #fff; text-decoration: none; padding: 7px 16px; margin: 0; font-weight: 450; font-size: 15px; color: #637483; }
.dashboard-page .updated-order-tbl.card .table .dropdown-menu .dropdown-item:hover{ background: #EFF1F4; color: #000; text-decoration: none; }

.loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: visible; margin: auto; top: 0; left: 0; bottom: 0; right: 0; }

/* Transparent Overlay */
.loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) { /* hide "loading..." text */ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; }

.loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0  }

/* Animation */

@-webkit-keyframes spinner {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes spinner {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes spinner {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% {  -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  -ms-transform: rotate(360deg);  -o-transform: rotate(360deg);  transform: rotate(360deg); }
}
@keyframes spinner {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
.chat-noti-alert { position: absolute; width: 8px; height: 8px; top: 10px; right: 14px; background: #FF5630; border-radius: 50%; }
.temrs_condition { font-size: 18px; color: #1779ce!important; }
.togglePassword {margin-left: -16px !important; margin-top: 14px !important; cursor: pointer!important; float: right; }

/* .front-banner .front-boxs h1 span { color: #1986E5 !important;} */

.fa-lock {
    font-size: 19px;
}
.fa-unlock {
    font-size: 19px;
}
.g-recaptcha div{
    width: 100% !important;
}