html,
 body {
   overflow-x: hidden !important;
   overflow-y: scroll !important;
   height: initial !important;
 }

 .logo-color {
   padding: 0;
   text-align: center;
 }

 .skill-radio-container.red-border {
   border-width: 2px !important;
   padding: 0.5px !important;
 }

 .spinner-wrapper {
   background: rgba(0, 0, 0, 0.3);
   width: 100vw;
   height: 100vh;
   opacity: 0;
   transition: all 2s;
   display: none;
   position: fixed;

 }

 .spinner-wrapper .fa-spinner {
   color: #fff;
   position: absolute;
   top: 50%;
   left: 50%;
   font-size: 3rem;
 }

 .word-break {
   word-break: break-word;
 }

 a.main-color:hover {
   color: inherit;

 }

 .btn.bg-secondary {
   color: #fff;
 }

 .red-border:not(.checkbox) {
   border: 3px solid red;
 }

 .red-border.checkbox [type="checkbox"]:not(:checked)+label:before,
 .red-border.checkbox [type="checkbox"]:checked+label:before {
   border: 3px solid red;
 }

 .bootstrap-select>.dropdown-toggle.bs-placeholder,
 .bootstrap-select>.dropdown-toggle.bs-placeholder:active,
 .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
 .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
   border: 1px solid #ced4da;
   border-radius: .25rem;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   background-color: #fff;
 }

 .btn-light,
 .btn-light:not(:disabled):not(.disabled).active,
 .btn-light:not(:disabled):not(.disabled):active,
 .show>.btn-light.dropdown-toggle,
 .show>.btn-light.dropdown-toggle {
   background-color: #fff !important;
   border: 1px solid #ced4da !important;
 }

 [data-toggle="collapse"] {
   cursor: pointer;
 }

 .form-control.selectpicker .dropdown-toggle {
   background-color: inherit !Important;
 }

 @media(min-width:992px) {
   body {
     min-height: 101vh;
   }
 }

 .contact-subdiv {
   transition: all 2s linear;
   opacity: 1;
 }

 .trash-right {
   font-size: 1.8em;
   margin-top: 4vh;
 }

 /* .form-check-inline{
    display:block;
  } */


 input[type="file"].form-control {
   height: 2.75rem;
 }

 .upload-template:not(:first-child),
 .upload-cv:not(:first-child) {
   margin-top: 2vh;
 }

 .center-or {
   padding-top: 4vh;
 }

 .modified-button-height {
   padding: 9px 20px;
   margin-top: 6px;
 }

 @-moz-document url-prefix() {
   .form-check-inline {
     margin-right: .70rem;
   }

   input[type="file"].form-control {
     height: auto;
   }

   .form-control.modified-height.ff {
     height: calc(2.3rem + 2px) !important;
   }
 }

 @media all and (min-width:1024px) {
   #acceptDataPrivacyModal .modal-dialog {
     max-width: 600px;
   }
 }

 @media all and (max-width:992px) {

   .center-tablet-below .form-check-inline {
     display: block;
     margin-bottom: 0.2rem;
   }
 }

 @media all and (min-width:768px) and (max-width:1024px) {

   .center-tablet-only {
     text-align: center;
   }
 }

 .logo-color img {
   /* max-height: 200px;
   height: 100%;
   width: auto; */
 }

 /* @media all and (max-width:768px) and(orientation:portrait) {
    .logo-color img{
    max-height: 200px;
    height: 100%;
    width: auto;
  }
} */
 @media all and (max-width:768px) {
   .container.additional-padding .form-wrapper {
     padding-top: 0;
   }



   .scroll-container {
     width: 100%;
     height: 500px;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
   }

   .advertFrame {
     overflow: scroll;
   }

   .form-inputs-mobile-pos .form-check-inline {
     display: block;
     margin-left: 4.5rem;
   }

   .modal {
     max-width: 100vw;
   }

   .modal h1 {
     font-size: 1.5rem;
   }

   .btn.btn-primary.float-right {
     margin-left: 10px !important;
     margin-top: initial !important;
   }

   .input-group .form-control.datepicker {
     width: 100%;
   }

   .input-group label {
     margin-left: 2px;
   }

   .add-fields {
     margin-top: 5vh;
   }

   .footer-row {
     margin-right: -25px;
   }

   .footer-buttons {
     font-size: 0.9rem;
     padding: 6px 10px;
   }

   #basicExampleModal .modal-footer {
     flex-wrap: wrap;
   }

   .reset {
     min-width: 100%;
     margin: 0 !important;
   }

   .confirm-reset {
     margin-top: 2vh !important;
   }

   .bootstrap-datetimepicker-widget {
     left: -20px !important;
     right: 0 !important;
     margin-left: auto !important;
     margin-right: auto !important;
     width: 100%;
     /* background: red !important; */

   }
 }