/* common button style start */
.btn-primary{background: #76228b; border-color: #76228b;}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background: transparent; border-color: #76228b; color: #76228b;}
.btn-outline-primary{color: #547dce; border-color: #547dce;}
.btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{border-color: #547dce; background-color: #547dce;}
.btn-outline-pink{color: #DC21D4; border-color: #DC21D4;}
.btn-outline-pink:hover, .btn-outline-pink:not(:disabled):not(.disabled).active, .btn-outline-pink:not(:disabled):not(.disabled):active, .show>.btn-outline-pink.dropdown-toggle{border-color: #DC21D4; background-color: #DC21D4; color: #fff;}
:focus{outline-color: #76228b;}
a{color: #76228b;}
a:hover{color: #e56956;}
.btn.focus, .btn:focus{box-shadow: none;}
.breadcrumb-item>a.focus, .breadcrumb-item>a:active, .breadcrumb-item>a:focus{color: #76228b;}
::selection {
    background: #76228b;
    color: #fff;
    text-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow: none;background-color: initial;color: initial;border-color: initial;}

/* data table css start */
.dataTables_scrollHeadInner,table.dataTable,.dataTables_scrollFootInner{width: 100% !important;}
/* data table css end */

/* action btn common style */
.action-btn-main{display: flex;}
.action-btn-common{border-radius: 50%;}
.btn.action-btn-common { height: 30px; width: 30px; display: flex; justify-content: center; align-items: center;}
.btn.action-btn-common > i{vertical-align: middle;}
/* action btn common style end */

/* badge common style */
.badge-danger{background: #d31a38;}
.btn-outline-danger {color: #ff1128;border-color: #ff1128;}
.btn-outline-danger:hover {background-color: #ff1128;border-color: #ff1128;}
/* .badge-success {background-color: #21CAB3;} */
.badge-info-purple{background: #bb4d94;}
.badge-yellow{background: #f1d932; color: #000;}

/* dealer label */
.dealer_label{color: #bb4d94 !important;}

.class_auction_win{background-color:#04bb03; color: #fff; font-weight: normal;}
.class_auction_pending{background-color:#f1d932; color: #000; font-weight: normal;}
.class_auction_lost{background-color:#ff0000; color: #fff; font-weight: normal;}

.badge{font-weight: normal;}
.class_auction_upcoming{background-color:#ffa500; color: #fff; font-weight: normal;}
.class_auction_running{background-color:#04bb03; color: #fff; font-weight: normal;}
.class_auction_finished{background-color:#20346a; color: #fff; font-weight: normal;}
.class_review_pending{background-color:#f1d932; color: #000;font-weight: normal;}
.class_reviewed{background-color:#20346a; color: #fff; font-weight: normal;}
.class_cash_sell{background-color:#ffa500; color: #fff; font-weight: normal;}
.class_auction_sell{background-color:#ffa500 ; color: #fff; font-weight: normal;}
.class_sold_on_auction{background-color:#04bb03; color: #fff; font-weight: normal;}
.class_sold_on_cash {background-color:#04bb03; color: #fff; font-weight: normal;}
.class_re_auction{background-color:#ffa500; color: #fff; font-weight: normal;}
.class_deleted{background-color:#000; color: #fff; font-weight: normal;}
.class_unsold{background-color:#ff0000; color: #fff; font-weight: normal;}
/* badge common style  end*/

/* form section start */
.form-control:focus{box-shadow: none; border-color: #76228b;}

/* Header start */
.app-header-dark{background: #76228b    ;}
/* .app-header-dark .btn-account.focus, .app-header-dark .btn-account.show, .app-header-dark .btn-account:active, .app-header-dark .btn-account:focus, .app-header-dark .top-bar-brand { background-color: rgba(1,22,77,.12);} */
.app-header-dark .top-bar-brand{ /* background: rgb(1,22,77,0.8); */ background: #fff; }
.app-header .top-bar-brand img{height: 36px;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{background-color: #fff;}
.hamburger{margin-right: 18px !important; background: #76228b; border-radius: 50%;}
.app.has-compact-menu .top-bar-brand{background: #fff;}
.hamburger.focus, .hamburger:focus, .hamburger:hover{background: #e56956;}
.app-header-dark .btn-account{border-left: 1px solid rgba(151,151,151,0.4);}
/* Header end */

/* sidebar menu start */
.stacked-menu>.menu>.menu-item.has-active>.menu-link,.stacked-menu .menu-item.has-active>.menu-link .menu-icon{color: #76228b;}
.stacked-menu>.menu>.menu-item.has-open>.menu-link, .stacked-menu>.menu>.menu-item>.menu-link:focus, .stacked-menu>.menu>.menu-item>.menu-link:hover{color: #76228b;}
.stacked-menu .menu-link:hover .menu-icon{color: #76228b;}
.app-header-dark .top-bar-brand>a:hover:hover{color: #000;}

/* sidebar menu end */

/* profile start */
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover{background: #76228b;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color: #76228b;}
/* profile end */

/*Dashboard page start*/
.dashboard .page-inner .card-metric .metric a:hover{text-decoration: none; }
.dashboard .page-inner .card-metric .metric a:hover h2{color: #DC21D4;}
/*Dashboard page end*/

/* admin page start */
[type=search]{outline-offset: 0;}

/* page title start */
.page-title-bar{display: inline-block;}
.page-title-bar h1{display: inline-block;}
.page-title-bar .text-right{float: right;}
.page-title-bar .btn{font-size: 12px; height: 32px;}
/* page title end */

/* pagination start */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: #76228b; border-color: #76228b; color: #fff !important; border-radius: 50%; transition: ease-in-out all 0.5s;
    -moz-transition: ease-in-out all 0.5s;
    -ms-transition: ease-in-out all 0.5s;
    -o-transition: ease-in-out all 0.5s;
    -webkit-transition: ease-in-out all 0.5s;}
.dataTables_paginate span,.dataTables_paginate{display: flex;}    
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #21CAB3; border-color: #21CAB3; color: #fff !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button{background: #fff; border-color: #76228b; color: #76228b !important;  border-radius: 50%; margin-left: 6px; padding: 4px 12px; height: 32px; width: 32px; display: flex; justify-content: center; align-items: center;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next,.dataTables_wrapper .dataTables_paginate .paginate_button.previous{border-radius: 0; border-color: transparent; height: auto; width: auto;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #76228b; border-color: #76228b; color: #fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover{background: transparent; color: #76228b !important; border-color: transparent;}
/* pagination end */

/* login page start */
.auth-floated .auth-announcement{background: #01164D; background-size: cover;}
.admin-login-main {height: 100%;display: flex;flex-direction: column;justify-content: center;}
.admin-login-main .forgot-password-login{color: #DC21D4; border: none;}
.admin-login-main .forgot-password-login:hover,.admin-login-main .forgot-password-login:focus{background: transparent; border: none; }
.login-logo img{height: 220px;}
/* .admin-login-main .sign-in-login{background: #76228b; border-color: ; margin-top: 15px;transition: 0.5s ease-in-out;} */
/* .admin-login-main .sign-in-login{background: #95b75d; border-color: #95b75d; margin-top: 15px;transition: 0.5s ease-in-out;} */
.admin-login-main .sign-in-login{background: #76228b; border-color: #76228b; margin-top: 15px;transition: 0.5s ease-in-out;}
.admin-login-main .sign-in-login:hover,.admin-login-main .sign-in-login:focus{background: transparent; border-color: #76228b; color: #76228b;}

.login-logo {margin-bottom: 10px;}
.login-logo-block {margin-bottom: 6px;}
.login-logo-block h1{text-align: center;}
.admin-login-main .form-group label a{color: #76228b;}
.admin-login-main .form-group label a:hover{color: #e56956;}
/* login page end */

/* forgott password page start */
.forgott-pass-main {height: 100%;display: flex;flex-direction: column;justify-content: center;}
.forgott-pass-main .text-muted{text-align: left; margin-bottom: 0;}
.forgott-pass-main .reset-pass-btn{background: #01164D; color: #fff; border-color: #01164D; margin-top: 15px;}
.forgott-pass-main .reset-pass-btn:hover,.forgott-pass-main .reset-pass-btn:not(:disabled):not(.disabled):active{background: #DC21D4; color: #fff; border-color: #DC21D4;}
.forgott-pass-main .return-sign-in:hover,.forgott-pass-main .return-sign-in:focus{background: transparent; border-color: transparent;}
/* forgott password page end */

/* admin user update form start */
.page-section .media{align-items: center;}
.page-section .media .media-body p{margin-bottom: 0;}
.change-pass-row {flex-direction: row-reverse;justify-content: flex-end;padding-left: 10px;}
.user-avtar-block{margin-bottom: 25px;}
/* admin user update form end */
/* admin page end */

/* designation page start */
#form-designation-update textarea,#form-designation-add textarea{height: 80px;}
/* designation page end */

/* auction page start */

/* tooltip start */
.tooltip-inner{background-color: #01164D; max-width: 320px;}
.bs-tooltip-auto[x-placement^=right] .arrow:before, .bs-tooltip-right .arrow:before{border-right-color: #01164D;}

/* add auction page start */
.flatpickr-day.today, .flatpickr-day.today:focus, .flatpickr-day.today:hover {background-color: #DC21D4;border-color: #DC21D4; box-shadow: none;}
.flatpickr-day:hover{background-color: #DC21D4; border-color: #DC21D4; color: #fff;}



/* car details popup start */
.car-details-popup .car-details-section h4{font-size: 22px;}
.car-details-popup .modal-header {padding: 0px;}
.car-details-popup .close{font-size: 40px; font-weight: 400; color: #76228b; padding: 10px 15px 0 0;opacity: 1; position: absolute; top: 5px; right: 7px; z-index: 10;}
.car-details-popup .card-body{padding: 0;}
.car-details-popup .slick-slider-main .img_slider{padding: 0; margin: 0;}
.car-details-popup .car-details-section ul li{padding-bottom: 6px;}
.car-details-popup .car-details-section ul li:last-child{padding-bottom: 0;}
.car-details-popup .car-details-section ul{padding-left: 20px;}
.car-details-popup .slick-slider-main .slider-nav{margin-top: 20px;}
.car-details-popup .modal-body{padding: 20px; padding-top: 0;}
.car-details-popup .slick-slider-main .slider-nav .img_slider{margin-right: 5px;}
/* car details popup end */

/*Vehicle List syart*/
.vehicle-listing-section .figure-img{height: 250px;}
/*Vehicle List end*/

/* auction page end */

/* vehicle page start */
.bg-pink {background-color: #DC21D4!important;}

/* edit page start */
.apparsial-document{margin-top: 15px;}
.vehicle-nav-tab .nav.nav-tabs .nav-link{padding: 10px;}
.vehicle-nav-tab>.nav{padding-bottom: 0;}

/* vehicle page end */

/* Province page start */
/* Popup Status start */
.swal2-styled.swal2-confirm{background-color:#76228b !important;}
.swal2-styled:focus{box-shadow:inherit !important;}
/* Popup Status end */

/* Province page end */


.class_auction_no_bid { background-color: #ffa500;
    color: #fff;
    font-weight: normal; }

.auth-header{background-color:#76228b;padding-top: 3rem;}

.app-header .top-bar-brand > a{color: #76228b;}


/* sweetalert start */
.swal2-icon.swal2-warning{border-color: #76228b;color: #76228b;}
/* sweetalert end */

/* error color start */
.invalid-feedback{color: #ff0000;}
.form-control.is-invalid, .was-validated .form-control:invalid{border-color: #ff0000;}
/* error color end */

.app-main .page-inner .page-title-bar .text-right .btn:hover{border-color: #76228b;background-color: transparent; color: #76228b;}


/* 22-4 changes start */
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus{box-shadow: none; border-color: #ff0000;}
.form-control.is-invalid, .was-validated .form-control:invalid{background-image: url('../images/common/download-error.svg');}
textarea.form-control{max-height: 350px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image: url('../images/common/download-check.svg');}
.custom-control-input:checked~.custom-control-label:before { border-color: #76228b;}
.custom-control-input:focus:not(:checked)~.custom-control-label:before { border-color: #76228b;}


/* swal alert start */
.swal2-styled.swal2-confirm {background-color: #00a28a !important;}

/* banner module start */
::-webkit-file-upload-button{line-height: normal;}
.edit-image-view { margin-top: 15px; border-radius: 5px; overflow: hidden; display: inline-block; padding: 5px; border: 1px solid #c6c9d5;}
.edit-image-view img{height: 200px; width: 200px ; object-fit: cover;}
.dataTables_wrapper .dataTables_filter input:focus{outline: none; border-color: #76228b;}
.img-upload-caption{display: block;}
/* banner module end */