.ImageUpload {width: 100%; float: left; color: rgb(77, 77, 77); background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: rgb(250, 250, 250); cursor: pointer; border-radius: 10px; font-size: 30px;  display: flex; height: 70vh; justify-content: center; align-items: center; }
.ImageUpload span.PlusIcon {
    width: 180px;
    background-color: #fafafa;
    height: 180px;
    text-align: center;
    border: 9px solid #ffff;
    display: flex;
    color: #b6b6b6;
    font-size: 42px;
    font-weight: 300;
    justify-content: center;
    align-items: center;
}

a[checked] {
  background-color: yellow;
}

.bgcolor{
    background: #27debf !important;
}

.submission_video{
    top: 0;
    height: 100%;
    object-fit: scale-down;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: inline-block;
}

.gallery-img{
    position: absolute;
    top: 0;
    width: 100% !important;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.hidden {position:absolute;visibility:hidden;opacity:0;}
input[type=checkbox] + label {
 color: #7a7373;
    /* font-style: italic; */
    border: 1px solid #a3a3a3;
    padding: 1%;
    background: #ffffff;
    min-width: 100px;
    text-align: center;
} 
input[type=checkbox]:checked + label {
    color: #fff;
    /* font-style: italic; */
    border: 1px solid #27debf;
    padding: 1%;
    /* background: #27debf; */
    min-width: 100px;
    text-align: center;
}

.ImageUpload .ImagePreview {display: none;}
.CampaingForm h2:not(.pageheader-title) {font-size: 22px; font-weight: 500;     font-family: 'Circular Std Book';}
.CampaingForm h5 {font-size: 15px; font-weight: 300;     font-family: 'Circular Std Book';}

/* brief section */
.briefimg {
    display: block;
    box-sizing: border-box;
    gap: 1.5rem;
    padding-top: 100%;
    height: auto;
}
html,    body {  min-height: 100%; }
.btn-primary {border-color: #27DEBF;}
.SplashFlex {height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; background: url(../images/LoginBgTwo.jpg) center center no-repeat; background-size: cover;}
.Logo  {color: #27DEBF;font-size: 30px;text-transform: uppercase;     font-weight: 700;}

/* brand section */
.brandimg{
    display: grid;
    box-sizing: border-box;
    
    gap: 1.5rem;
  
    /* height: 30vh; */
}
.customUpload{ width: 150px; position: relative;
    border: 10px solid #ffffff;
    height: 150px;
    color: #bab6b6;
    font-size: 2rem;}
.customUpload  input[type=file] {opacity: 0;
    color: #71748d;
    background-color: #fff;
    border-color: #a7a7f0;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(214, 214, 255, .75);
    width: 150px;
    height: 150px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
position: absolute;
top: 0;  
left: 0;  
}
.uploadFileMain  .form-control {
    border: none!important;
    border-bottom: 2px solid #a8a7a7!important;
    background: transparent;
}
.uploadFileMain  .form-control::placeholder{font-size: 1.5rem; text-align: center; color: #000000;}
.uploadFileMain  .form-control:focus{box-shadow: none; color: #000000;font-size: 1.5rem;}
.circleButton .btn {  
    font-size: 2rem;

    color: #ffffff!important;
    padding: 1rem;
}
.circleButton i {
    color: #d3d3d7!important;
 
}
.circleButton .btn {
    background-color: white;
    border-radius: 50%!important;
    width: 60px;
    height: 60px;
    justify-content: center;
    display: flex;
    box-shadow: 2px 2px 8px #00000024;
    align-items: center;
}
.popupIcon i {
    font-size: 1.3rem;
    color: #ffc107;
    margin-right: .3rem;
}
.ImageUpload.briefimg {position: relative; }

.ImageUpload.briefimg span.PlusIcon  { position: absolute;    top: 50%;   left: 50%; margin-left: -90px;   margin-top: -90px;}
.CampaingForm input[type=checkbox]:checked + label{    background-color:#27debf;  color: #fff;  }

@media  ( max-width:  480px){
    /* Akshay css */
.resSavecampaign{padding: 0.43rem 0.18rem;
    font-size: 0.87rem;}
.resExitcampaign{padding: 0.43rem 0.25rem;}
.headBrandLogo{font-size: 1.56rem;}
.datDiv h2 {
    font-size: 1rem !important }

    
    .footer.mobileFooter{
        position: static
    }
 .cardPaddingRes{
     padding: 0 !important;
 }
 #slider label {
    width: auto;
    margin-left: 0;
    font-size: 8px;
    display: none;
}
.dashboard-wrapper{
    min-height: auto !important;
}
.CampaingForm{
    padding-bottom: 0 !important;
}
.dashboard-ecommerce{
    padding-bottom: 0
}
.dashboard-content{
    padding-bottom: 0
}
/* Akshay css */
};
    

/* akshay css */
@media (max-width: 1190px) {
    
    /* Akshay css */
/* .btn-group.editBudgetBtn{
        display: inline-block;
    } */
    /* Akshay css */
}
@media (max-width: 768px) {
    
    .leftSidebarAdmin{
        min-height: 0 !important;
    }
    .dashboard-main-wrapper{
        padding-top: 0;
    }
    .navBarStatic{
        position: static;
        margin-bottom: 0.5rem;
    }
}
/* akshay css */

input[type=radio] + label {
    color: #7a7373;
       /* font-style: italic; */
       border: 1px solid #a3a3a3;
       padding: 1%;
       background: #ffffff;
       min-width: 100px;
       text-align: center;
       border:1px solid #a3a3a3;
       color: #7a7373;
   } 
 

   .CampaingForm input[type=radio]:checked + label {
    background-color: #27debf;
    color: #fff;
}
.prettydropdown.arrow > ul > li.selected:before {
    /* border: 0 !important; */
}
.prettydropdown.arrow > ul > li.selected:before, .prettydropdown.arrow > ul > li.selected:after {
    left: 219px;
    right: 0;
}
.drpDownBtn button.btn.dropdown-toggle.btn-light {
    width: 100%;
}
.customUpload{background-size:  cover;}