/* === upload file progress bar === */
.uploadFilesProgress { background-color:#e7e7e7; height:2px; width:100%; margin:10px 0; position:relative; } 
.uploadFilesProgress .progressBar { background-color:#d63d4b; height:2px; text-align:right; } 
.uploadFilesProgress .progressBar small { background-color:#fff; position:relative; top:-12px; padding:0 3px; box-shadow:0 0 5px rgba(0,0,0,0.175); display:inline-block; text-align: center; min-width:40px; } 

/* === helper classes === */
.clv-font-avant { font-family: "ITC Avant", Helvetica, Arial, sans-serif; } 

/* Upload File Element */
.UploadFileInput { opacity:0; position:absolute; left:0; right:0; top:0; bottom:0; } 
.UploadFileHolder input { border:none; padding:0; } 
.UploadFileHolder > div { position:relative; } 
.numberedColor > span { display:inline-block; width:36px; height:36px; line-height:36px; text-align: center; border-radius:20px; overflow:hidden; background-color:#e7e7e7; color:#333; } 

@media only screen and (max-width:576px) { label.UploadFileText { position:relative; top:0; left:0; padding:0 15px 10px 15px; } 
 }

/* Form Elements */
.vert-tab-title { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; padding-bottom: 15px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #f1f1f1; text-align: left; } 
.section-heading-2 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #222; font-size: 2.5rem; line-height: 3rem; text-align: left; letter-spacing: -1.5px; font-family: "ITC Avant", Helvetica, Arial, sans-serif; font-weight:700; } 
.section-subtitle { margin-bottom:30px; font-size:0.9rem; } 
.article-section-title { margin-bottom:30px; padding:12px 0; font-size:1.4rem; text-transform: none; letter-spacing:-0.5px; font-family: "ITC Avant", Helvetica, Arial, sans-serif; font-weight:700; } 
.article-section-title.with-subtitle { margin-bottom: 5px; } 

/* Select dropdown */
.custom-select { height:calc(2.25rem + 7px) !important; display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5; color: #495057; vertical-align: middle; border: 1px solid #ced4da; border-radius: .25rem; } 
.custom-select:disabled { background-color:#e7e7e7; } 
.input:disabled { background-color:#e7e7e7; } 
.btn-upload-file { background-color: #d63d4b; color:#fff; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } 
.file-upload-container { background-color:#fff; margin:2% 15%; padding:30px; box-shadow: 0.5em .75em 1em rgba(0,0,0,0.175) } 
.file-upload-placeholder { color:#999; padding:8px; font-size:14px; border: solid 1px #ccc; } 
.btn-footer > div { display:inline-block; } 
.p2 { padding:5px 10px; display:inline-block; margin-bottom:5px; }

/* bs classes */
.d-flex { display: -ms-flexbox!important; display: flex!important; } 
.flex-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important; } 
.m-0 { margin:0 !important; } 
.pt-4 { padding-top:30px; } 
.mt-4 { margin-top:30px; } 
.mb-4 { margin-bottom:30px; } 
.pb-4 { padding-bottom:30px; } 
.d-none { display:none !important } 
.text-left { text-align:left; } 
.text-right { text-align:right; } 
.float-right { float:right; } 
.cursor-pointer { cursor:pointer; } 
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } 
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } 

/* cancel button */
.AddRegRemoveBtn { position: absolute; cursor: pointer; right: -20px; padding: 3px; top: 0; bottom: 0; margin: auto; line-height: 35px; background-color: #fff; width: 40px; height: 40px; text-align: center; border-radius: 50%; box-shadow: 0 0 0 2px #e7e7e7; transition: 0.3s; } 
.AddRegRemoveBtn:hover { box-shadow: 0 0 0 2px #ff3f50; }