html, body {
   height:100%;
}

input {
   color : #5f6b77 !important;
}

.text-muted {
   color: #c0c0c0 !important;
}

.wrapper {
   min-height: 100%;
}

.wrap {
   padding-top: 80px;
}

.card,
.card-verify {
   width:90%;
   border-radius: 0;
}
.card p {
   color: #5f6b77;
}
.card .card-header, .notice-head {
   background: rgb(255,173,106);
   background: linear-gradient(315deg, rgba(255,173,106,1) 0%, rgba(224,126,90,1) 100%);
   border-radius: 0;
   border: none;
}
.card .card-body .btn {
   font-size: 12px !important;
   text-transform: uppercase;
   padding: 0.4rem 3rem;
}

.select2-selection__rendered {
   line-height: 34px !important;
}
.select2-container .select2-selection--single {
   height: 38px !important;
}
.select2-selection__arrow {
   height: 38px !important;
}
.select2-results {
   color: #5f6b77 ;
}

.btn-notice,
.btn-notice-outline,
.btn-ghost {
   font-size: 12px !important;
   text-transform: uppercase;
   /* padding: 0.5rem 2rem; */
   /* border-radius: 20px !important; */
}

.btn-upload{
   border: solid 1px #cdd5df;
   padding: 0.4rem 2rem;
   border-radius: 5px !important;
}

.invalid-feedback {
   color:#dc3545 !important;
   font-size: 11px !important;
}

.asteriskField {
   display: none;
}

.swal2-popup {
   width:18rem !important;
}
.swal2-title {
   font-size: 24px !important;
}
.swal2-confirm,
.swal2-cancel {
   font-size: 12px !important;
}

.upload-wrapper {
   position: relative;
   width: 100%;
   height: 250px;
   border: 1.5px dashed #cdd5df;
   background-color: #e3e5ed3d;
}
.upload-content > i {
   font-size: 50px !important;
   color: #b5bdc4;
}
.upload-content > p {
   color: #939BA2;
   font-size: 14px !important;
   font-weight: bold;
}
.upload-content .upload-info {
   color: #b5bdc4;
   font-size: 12px !important;
   font-style: italic;
}

.upload-overlay {
   position:absolute;
   width: 100%;
   height: 100%;
   z-index: 2;
   background-color: rgba(0,0,0,0.2);
}
.upload-overlay .progress {
   position: absolute;
   bottom:0;
   width: 100%;
}
.upload-overlay .progress-bar {
   font-weight: bold;
}
.upload-overlay .bg-orange {
   color: #FFF !important;
}

.upload-wrapper .upload-zone .card .btn-remove {
   padding: 12px;
   border-radius: 50% !important;
   height: 16px !important;
   width: 16px !important;
   font-size: 10px !important;
   text-align: center;
   padding: 0;
   position: absolute;
   right: -5px;
   top: -5px;
}

@media (min-width: 1200px) { 
   .card,
   .card-verify {
      width: 40%;
   }
}