/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

 span.sjb-csv-error-massage span{
 	float: right;
 	margin: 6px 6px;
    color: red;
    font-size: 13px;
 }

.sjb-img-responsive {
   max-width: 100%;
   height: auto;
}

form.csv-export-format-form .img-label-wrapper {
   display: block;
   margin-top: 10px;
}

#email_all_applicants {
   margin-left: 5px;
}


/* The Modal (background) */
.csv-email-modal {
   display: none; 
   position: fixed;
   z-index: 99999;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgb(0,0,0);
   background-color: rgba(0,0,0,0.4);
}
 
/* Modal Content */
.csv-email-modal-content {
   position: relative;
   background-color: #fefefe;
   margin: auto;
   padding: 0;
   border: 1px solid #888;
   width: 40%;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
   -webkit-animation-name: animatetop;
   -webkit-animation-duration: 0.4s;
   animation-name: animatetop;
   animation-duration: 0.4s;
   /* overflow-y: scroll; */
   height: auto;
   margin: 1.75rem auto;
}

.csv-email-modal-content .loader {
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   display: none;
   background-size: 20% !important;
}

@media (max-width: 767px) {
   .csv-email-modal-content {
      width: 90%;
   }
}

/* Add Animation */
@-webkit-keyframes animatetop {
   from {top:-300px; opacity:0} 
   to {top:0; opacity:1}
}
 
@keyframes animatetop {
   from {top:-300px; opacity:0}
   to {top:0; opacity:1}
}

.csv-email-modal-content .csv-email-modal-header {
   padding: 1.3rem 1rem;
   border-bottom: 1px solid #ccc;

   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: center;
}

.csv-email-modal-content .csv-email-modal-header h1 {
   margin: 0 0 !important;
   padding: 0 0 !important;
}

.csv-email-modal-content .csv-email-modal-header p {
   margin: 0 50px 0 0 !important;
   color: red;
}

/* The Close Button */
.csv-email-modal-content .csv-email-modal-header .csv-email-close {
   color: #fff;
   position: absolute;
   right: 16px;
   font-size: 28px !important;
   font-weight: bold;
   background-color: #000;
   width: 30px;
   height: 30px;
   padding: 0px 5px !important;
   line-height: 25px;
   text-decoration: none;
   cursor: pointer;
   border-radius: 30px;
   box-sizing: border-box;
}

.csv-email-modal-content .csv-email-modal-body {
   height: auto;
   width: 100%;
   padding: 1.5em 2em;
   box-sizing: border-box;
}

.csv-email-modal-content .csv-email-modal-body.processing::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0.5;
   background-color: #ababab;
   z-index: 0;
}

.csv-email-modal-content .csv-email-modal-body .form-group {
   padding-top: 15px;
   display: flex;
   flex-wrap: wrap;
}

.csv-email-modal-content .csv-email-modal-body .form-group.csv-modal-footer {
   display: block !important;
}

.csv-email-modal-content .csv-email-modal-body .form-group span.spare {
   width: 20%;
}

.csv-email-modal-content .csv-email-modal-body .form-group label {
   width: 20%;
   display: inline-block;
   font-weight: 600;
   vertical-align: top;
}
.csv-email-modal-content .csv-email-modal-body .form-group input,
.csv-email-modal-content .csv-email-modal-body .form-group textarea {
   font-weight: 600;
   width: 78%;
}

.csv-email-modal-content .csv-email-modal-body .form-group.csv-email-wrapper p {
   float: right;
   width: calc(78% + 7px);
   font-size: 13px;
   margin-top: 0px;
}

@media (max-width: 991px) {
   .csv-email-modal-content .csv-email-modal-body {
      padding: 0vh 3vh 4vh 3vh;
   }
   .csv-email-modal-content .csv-email-modal-body .form-group.csv-email-wrapper label {
      display: block;
      width: auto;
   }
   .csv-email-modal-content .csv-email-modal-body .form-group.csv-email-wrapper input[type=email] {
      width: 100%;
   }
   .csv-email-modal-content .csv-email-modal-body .form-group.csv-email-wrapper p {
      width: 100%;
   }
}

.csv-email-modal-content .csv-email-modal-body .form-group .clearboth {
   clear: both;
}

.csv-email-modal-content .csv-email-modal-body .form-group .button {
   float: right;
   margin-right: 2%;
}