@import url("../../css/support/align.css");
@import url("../../css/support/width.css");
@import url("../../css/support/height.css");
@import url("../../css/support/position.css");
@import url("../../css/support/display.css");
@import url("../../css/support/border.css");
@import url("../../css/support/fs.css");
@import url("../../css/support/fw.css");
@import url("../../css/support/margin.css");
@import url("../../css/support/mh.css");
@import url("../../css/support/mw.css");
@import url("../../css/support/paddings.css");
/*.form-control {
    height: 50px;
    border: 1px solid #E3E3E3;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400;
    color: var(--dark);
    transition: all 0.3s ease-in-out;
    background: #F8F8F8;
    border-radius: 0;
}*/
.select2-container .select2-selection--single{
    height: auto;
    height: 50px;
    border: 1px solid #E3E3E3;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400;
    color: var(--dark);
    transition: all 0.3s ease-in-out;
    background: #F8F8F8;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: 8px;
    position: absolute;
    top: 50%;
    width: 0;
}
.input-group{
    margin-bottom: 1px;
}

.required,.errors{    
    color:rgba(220,53,69,0.9) !important;
    font-weight: 700;
}
.errors.err-sm{
    font-size: 11px;
    font-weight: 600;
}
.select2-container{
    width: 100% !important;
}


.form-control {
    height: 40px;
    border: 1px solid #E3E3E3;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--dark);
    transition: all 0.3s ease-in-out;
    background: #F8F8F8;
    border-radius: 0;
    padding-left: 10px !important;
}
.select2-container .select2-selection--single{
    height: auto;
    height: 40px;
    border: 1px solid #E3E3E3;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--dark);
    transition: all 0.3s ease-in-out;
    background: #F8F8F8;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: 4px;
    position: absolute;
    top: 50%;
    width: 0;
}
.input-group .input-group-text{
    padding: 5px 10px;
}
.account-box .logo-area{
    margin:10px auto;
}
.account-box .section-head{
    padding-bottom: 5px
}

.btn-loading{
    width: 30px !important;
    border-radius: 50%;

    font-size: 25px;
}
.dropify-render img{
    max-height: 150px !important;
    overflow: hidden !important;
}
.empty-state__message{
    font-family: "Poppins", sans-serif;
    color: #38a169;
    font-size: 14px;
    font-weight: 500;
    margin-top: 0.85rem;
}
/************************************** ******************************************************************************************

                                            Content Loader

**********************************************************************************************************************************/
.content-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content-loader .loader-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: pulse 1.5s ease-in-out infinite;
}

.content-loader .loader-circle:before {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 8px solid var(--primary);
    border-color: var(--primary) transparent var(--primary) transparent;
    animation: contentLoaderAnimation 1.2s linear infinite;
}
.content-loader .loader-text {
    color: var(--primary);
    font-size: 24px;
    font-weight: bold;
    margin-top: 16px;
}

  @keyframes contentLoaderAnimation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes pulse {
     0% {
       transform: scale(0.8);
       opacity: 0.5;
     }
     50% {
       transform: scale(1);
       opacity: 1;
     }
     100% {
       transform: scale(0.8);
       opacity: 0.5;
     }
   }