.middle-box h1{font-size: 85px !important}
.logo-name{letter-spacing:normal !important}
.field-validation-error { background-color: red; color: white; display: block; font-weight: bold; margin-top: 10px; padding: 5px 0 5px 13px; width: 100%; }
.validation-summary-errors ul li{ background-color: red; border-radius: 5px; color: white; font-weight: bold; list-style: outside none none; padding: 15px; text-align: left;}
.validation-summary-errors ul{margin: 0 0 10px 0 !important; padding: 0px !important}
.color-white{color: white !important}
i.fa{margin-right: 5px}
.margin-0{margin: 0 !important}
.margin-1{margin-top: 23px;}
.margin-2{margin-top: 7px}
.margin-3{margin-left: 5px}
.margin-4{margin-top: 10px}
.margin-5{margin-top: 5px}
.margin-6{margin-right: 5px}
.margin-7{margin-bottom: 8px}
.margin-8{margin-bottom: 10px !important}
.margin-9{margin-right: 20px}
.padding-0{padding: 0!important}
.padding-1{padding: 0 15px}
.padding-2{padding: 20px !important}
.padding-3{padding: 10px}
.padding-4{padding-bottom: 10px}
.padding-5 { padding: 5px }
.pr-0 {padding-right: 0 !important}
#lead-form .form-control, #complete-lead-form .form-control{width: 95% !important}
#lead-form select.form-control{width: 80% !important}
#lead-form .field-validation-error, #complete-lead-form .field-validation-error{width: 95% !important}
.display-inline{display: inline}
.display-none{display: none}
.display-block{display: block}
.pos-1{ position: absolute !important; right: 15px;}
.pos-2{top: 0 !important}
.pos-3{ position: absolute; right: 0; top: 20px;}
.pos-4{left: -200px; position: absolute; top: -220px;}
.pos-5{ position: relative; top: 200px;}
.inline-controls .form-control{width: 65% !important}
.footer-fixed{ bottom: 0 !important; left: auto !important; position: fixed !important; right: 0 !important; width: 100% !important; z-index: 1000000 !important; background-color: #2F4050 !important; color: white !important}
form.inline-button{display: inline}
form.inline-button > .btn:last-child {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important}
.width-full{width: 100%}
.width-10{width: 10%}
.width-30{width: 30%}
.width-20{width: 20%}
.width-1{max-width: 800px}
.notification-link{ color: #676a6c !important; font-size: 12px !important; padding-left: 0 !important;}
.form-error{ padding-left: 286px; padding-right: 12px;}
.font-11{font-size: 11px !important}
.padding-top-bottom-0{padding-bottom: 0px !important;padding-top: 0px !important;}
.padding-bottom-0{padding-bottom: 0px !important;}
.non-scrollable{overflow-y: no-display !important; height: auto !important}
.red{color: red !important}
.btn-invisible{border: none !important; background-color: transparent !important}
.validation-summary-errors ul li{margin-top: 10px !important}
.redactor-box-fullscreen{z-index: 3000 !important}
.border-1{border: 1px solid lightgreen; border-radius: 5px}
.cut-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 span.highlight{font-weight: bold; background-color: lightgreen}
.tr-toggle{cursor: pointer}
.btn-green{background-color: darkseagreen !important}
.color-white{color: white !important}
.bg-color-yellow{background-color: yellow !important}
.bg-color-light-yellow { background-color: #ffffb3 !important}
select.filter option{font-weight: bold}
.note-editable { background-color: #f2f2f2 !important }
.note-editor.fullscreen { z-index: 100000 !important }
.height-1{height: 200px}
.height-2{height: 50px}
.Image-Cover{ border-radius: 5px; object-fit: cover; }
.project-status { width: 5%; }
.project-title { width: 30%; }
.project-people { width: 5%; }
.status { width: 23%; }
.project-completion { width: 20%; }
.project-actions { width: 17%; }
.center-content-h { display: flex; flex-direction: row; justify-content: center; }
.space-content-h { display: flex; flex-direction: row; justify-content: space-between}
.d-flex { display: flex; }
.flex-row { flex-direction: row }
.justify-content-center { justify-content: center }
.d-block { display: block }
.text-center { text-align: center }
.flex-1 { flex: 1 }
.flex-2 { flex: 2 }
.flex-3 { flex: 3 }
.vertical-center { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.img-uploader {width: 48px; bottom: 3px; position: relative; }
.deployment-card {border: 1px solid gray;border-radius: 5px;padding: 20px}
.cognitive-btns-container{width: 100%; display: flex; flex-direction: row; justify-content: center; margin-top: 20px}
.deletion{background-color: lightpink !important}
.equal {background-color: lightgray !important}
.insertion {background-color: lightgreen !important }
.right {text-align: left !important; margin-left: 0 !important; }
.left{ text-align: right !important; margin-right: 0 !important; width: 100% !important }