/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.error .select2-container--default .select2-selection--multiple, .error .select2-container--default .select2-selection--single { border-color: red !important; }
.validate .select2-container--default .select2-selection--multiple, .validate .select2-container--default .select2-selection--single { border-color: #ccd6e6 !important; }

a.card-link { color: #912b28; font-weight: 300; }
p.text-center button:hover{
    cursor: pointer;
}

p.text-center .btn-secondary:hover {
    color: #fff;
    background-color: #313c4f!important;
    border-color: #2c3648!important;
}

/*Datatable Search CSS*/
#demotable .custom-checkbox {
    z-index: 99;
}

/*.custom-control {
    z-index: 99;
}*/

.custom-checkbox
{
    z-index:99;
}

/*.dataTables_length {
    position: absolute;
    top: -66px;
    left: 700px;
}*/
/*#basic-tabs-components .tax_tab_search #demodata_wrapper .row .col-sm-12.col-md-6 {
    max-width: 38% !important;
    position: fixed;
    top: 32%;
    right: 59px !important;
}*/
/*.col-md-12.tax_tab_search {
    position: relative;
}*/
@media(min-width:1601px) {
    .col-xl-4.col-md-6.col-sm-8.col-xs-12.col-10.box-shadow-2.p-0{
        max-width: 450px;
    }
}


@media(max-width:1600px){
    .col-xl-4.col-md-6.col-sm-8.col-xs-12.col-10.box-shadow-2.p-0{
        max-width: 400px;
    }
}

@media(max-width:1279px){
    .card-body {
        flex: 1 1 auto;
        padding: 1.5rem;
    }
    .card-body img{
        max-width: 100%;
    }
}


.tox .tox-edit-area {
    position: inherit !important;
}

.global-search-wrap {
    right: 2%;
    left: 0%;
}
.alert {

    margin: 20px;
}
/*Admin seller design*/
#cont .minusbtn input.form-control {
    width: 90%;
}
#cont .minusbtn .row .input-group-btn.pull-right {
    margin-bottom: 0px !important;
    position: absolute;
    top: -40px;
    right: 0px;
}

.validate .cnt_btn {
    margin: 0px !important;
}
form#frmSellerRegistration {
    padding: 20px;
}
#div4 .col-sm-12.col-md-12 {
    padding: 0px;
}
form#frmSellerRegistration {
    border: none;
}

/*Mail Popup close button*/
#composeMailModal #close { background-color: transparent; cursor: pointer; padding: 1rem; margin: -1rem -1rem -1rem auto; float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; border: none !important; text-decoration: none; text-transform: none; overflow: visible; font-family: inherit; border-radius: 0; }


/*Admin side customer registration*/
.email_otp_btn #divChangeEmail, .chng_phn_sec #divChangePhone { position: absolute; top: 0px; right: 14px; border-color: #FFA075 !important; background-color: #FFB591 !important; border-radius: 0px 3px 3px 0px; }
#divChangeEmail #txtSendEmailOTPId, #divChangePhone #txtSendMobileOTPId { color: #fff; }
#btnvrfy #btnSendEmailOTP, #btnvrfy #btnSendMobileOTP { width: 85px; margin-left: 10px; border-radius: 3px; opacity: 1; font-size: 16px; }
#divEmailOTP #resendEmailOtpTimer, #divMobileOTP #resendMobileOtpTimer { width: 50px; padding: 10px; text-align: center; border: 1px solid #ccd6e6; margin-left: 10px; border-radius: 3px; }
#divEmailOTP .mspc #txtEmailOTP, #divMobileOTP .mspc #txtMobileOTP { width: 90px; border-radius: 3px; text-align: center; padding: 10px 10px; }
.form-group.row #divEmailOTP { margin-top: 15px; margin-left: 25%; width: 79%; }
.chng_phn_sec #divMobileOTP { margin-top: -5px; float: right; width: 79%; }
#btnvrfy .fa-refresh { padding-right: 5px; padding-top: 2px; margin-left: -7px; }
#btnvrfy #txtVerifyUnverifiedEmail, #btnvrfy #txtVerifyUnverifiedMobile { padding: 10px 6px; width:55px; border-color: #10C888 !important; background-color: #16D39A !important; color: #FFFFFF; border-radius: 3px; margin-left: 10px; }
#btnvrfy #txtCancelEmailVerification, #btnvrfy #txtCancelMobileVerification { width: 55px; border-color: #FFA075 !important; background-color: #FFB591 !important; color: #FFF !important; margin-left: 10px; border-radius: 3px; padding: 10px 6px; }
#divEmailOTP .btn-group #spnEmailVerified, #divMobileOTP .btn-group #spnMobileVerified { color: green; display: flex; align-items: center; padding: 0px 12px; font-size: 1rem; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; margin-left: 15px; }
#btnSendEmailOTP:disabled { background-color: #e5e5e5 !important; color:#808080 ; cursor: no-drop; }
#btnSendMobileOTP:disabled { background-color: #e5e5e5 !important; color: #808080; cursor: no-drop; }

@media screen and (max-width: 1280px) {
    .chng_phn_sec #divMobileOTP { width: 80%; }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .input-group-append.btns.respbtn { margin-top: 55px; margin-left: -7px; position: absolute; }
    .chng_phn_sec .form-group.row.otpmail { margin-right: -5px; margin-bottom: 60px; }
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
    .input-group-append.btns.respbtn { margin-top: 55px; margin-left: -10px; position: absolute; }
    .chng_phn_sec .form-group.row.otpmail { margin-right: -5px; margin-bottom: 60px; }
    #btnvrfy #btnSendEmailOTP, #btnvrfy #btnSendMobileOTP { width: 75px; font-size: 14px; }
    #btnvrfy .fa-refresh { margin-left: -8px; }
    #btnvrfy #txtVerifyUnverifiedEmail, #btnvrfy #txtVerifyUnverifiedMobile { margin-left: 7px; }
    #btnvrfy #txtCancelEmailVerification, #btnvrfy #txtCancelMobileVerification { margin-left: 7px; }
}

@media screen and (max-width: 568px) {
    .chng_phn_sec #divChangePhone { top: 25px; }
    #divEmailOTP .input-group.mspc { width: 66%; }
    #divMobileOTP .input-group.mspc { width: 70%; }
    #divChangePhone .input-group.mspc { width: 70%; }
    .form-group.row #divEmailOTP { margin-left: 10%; margin-bottom: 50px; }
    .chng_phn_sec .form-group.row.otpmail { margin-right: 55px; }
}

@media screen and (max-width: 480px) {
    #divEmailOTP .input-group.mspc { width: 80%; }
    #divMobileOTP .input-group.mspc { width: 86%; }
    .chng_phn_sec .input-group.mspc { width: 85%; }
    .form-group.row #divEmailOTP { margin-left: 10%; }
    .chng_phn_sec .form-group.row.otpmail { margin-right: 55px; }
}

@media screen and (max-width: 375px) {
    .chng_phn_sec #divChangePhone { top: 25px; }
    .form-group.row #divEmailOTP { margin-left: 0%; margin-bottom: 50px; }
    .chng_phn_sec .form-group.row.otpmail { margin-right: 68px; }
}

@media screen and (max-width: 360px) {
    .chng_phn_sec .form-group.row.otpmail { margin-right: 64px; }
}

@media screen and (max-width: 320px) {
    .chng_phn_sec #divChangePhone { top: 25px; }
    .form-group.row #divEmailOTP { margin-left: 0%; margin-bottom: 50px; }
    .chng_phn_sec .form-group.row.otpmail { margin-right: 55px; }
    #btnvrfy #btnSendEmailOTP, #btnvrfy #btnSendMobileOTP { width: 75px; font-size: 14px; }
    #btnvrfy .fa-refresh { margin-left: -8px; }
    #btnvrfy #txtVerifyUnverifiedEmail, #btnvrfy #txtVerifyUnverifiedMobile { margin-left: 6px; }
    #btnvrfy #txtCancelEmailVerification, #btnvrfy #txtCancelMobileVerification { margin-left: 6px; }
}