.component-card_1{text-align: center; width: 100%;}
.component-card_1 .card-body {padding: 20px 20px;}

/*.component-card_7{text-align: center; width: 100%;background: rgba(92, 26, 195, 0.26);}*/
.component-card_7{text-align: center; width: 100%;}
.component-card_7 .card-body {padding: 10px 20px;}

.btn-action{padding: 0.3rem 0.5rem !important;}

.mw-100{min-width: 100px !important;}
.mw-110{min-width: 110px !important;}
.mw-120{min-width: 120px !important;}
.mw-150{min-width: 150px !important;}
.mw-400{min-width: 400px !important;}

.blockui-growl-message {display: none;text-align: left;padding: 15px;background-color: #455a64;color: #fff;border-radius: 3px;}
.blockui-animation-container { display: none; }
.multiMessageBlockUi {display: none;background-color: #455a64;color: #fff;border-radius: 3px;padding: 15px 15px 10px 15px;}
.multiMessageBlockUi i { display: block }
.modal-dialog-centered {min-height: calc(80% - 3.5rem) !important;}
/*.modal-body .select2-container{z-index: 9999 !important;}*/
.dt--top-section {margin: 10px 21px 10px 21px;}

.input-group>.select2-container:not(:first-child){border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group>.select2-container{position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1% !important;min-width: 0;margin-bottom: 0 !important;}
.search-group > tbody > tr > td{padding: 10px 5px 10px 5px;}
.form-control{height: calc(1.1em + 1.1rem + 2px) !important; padding: 0rem 1.25rem;}
.input-group-text{line-height: 1;}
span.select2.select2-container.mb-4{margin-bottom:0px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{height: calc(1.1em + 1.1rem + 2px);padding: 0.5rem 1.25rem;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 5px;}
.select2-results__option:has(>.select2-result-repository){padding: 5px 10px;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{color: #888ea8 !important;}
.select2-container--default .select2-selection--multiple{padding: 0px 6px;}

.nav-tabs .nav-link{padding: 12px 20px;font-size: 15px;}

.cell-text{width: 100%; background: none;border: none;color: #d3d3d3;}
#mitigation_measurement .input-group>.cell-text {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;min-width: 0;margin-bottom: 0;}

.bd-bg-none{background: none !important;border: none !important;}
	
.va-middle{vertical-align: middle !important;}
.va-top{vertical-align: top !important;}
.tt-none{text-transform: none !important;}
.modal-autosize{height: auto;border: 1px solid #3b3f5c;color: #009688 !important;font-size: 15px;letter-spacing: 1px;border-radius: 6px;background: #1b2e4b;padding: 0rem 1.25rem;display: block;width: 100%;font-weight: 400;line-height: 1.5;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.modal-autosize.is-invalid, .was-validated .modal-autosize:invalid{
	border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e7515a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.modal-autosize.is-valid, .was-validated .modal-autosize:valid {
    border-color: #009688;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.wizard > .content > .body {padding: 0px 0px 0px 20px;}
.session-status{min-width: 100px;}

.notification-badge-danger {color: #fff !important;background: #e7515a;border-radius: 50%;padding: 3px 0;height: 19px;width: 19px;font-weight: 700;font-size: 10px;}
.sidebar-closed .notification-badge-danger {position: absolute;right: 8px;top: 7px;}

.risk-square {width: 100%;height: 130px;/* font-size: 40px; */color: white;text-align: center;vertical-align: middle;}
.risk-arrow{width: 40px !important;height: 40px !important;}
.border-square {border-radius: 0 !important;}
.text-underline{
	background: none !important;
	background-image: none;
	border: 1px solid #3b3f5c;
    color: #009688 !important;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0 0 0 0 !important;
	font-family: inherit;
	font-size: 14px;
	line-height: 1.2;
	padding: 5px 4px;
	transition-duration: 0.1s;
	box-shadow: none !important;
	-moz-transition: border 300ms ease-out;
	-o-transition: border 300ms ease-out;
	-webkit-transition: border 300ms ease-out;
	transition: border 300ms ease-out;
}
.input-lg {font-size: 24px !important;}
.align-top {vertical-align: top !important;}
.icon-container{cursor: pointer;}
.mitigation-div{border-top: 1px solid #3b3f5c; display:none;}

/*sliding css*/
.rangeslider,
input[type='range'] {min-width: 200px;}

.rangeslider__handle {
	border-radius: 22px;
	line-height: 33px;
	text-align: center;
	font-weight: bold;
	
	&:after {
		background: 0;
	}
}

.rangeslider,
.rangeslider__fill {
	display: block;
	border-radius: 15px;
}

.green-to-red .rangeslider {
	background: #e6e5ea;
	background-image:
	  linear-gradient(
	    to right, 
	    #79b649 25%, #ffdf00 50%, #ff0b0b 99%
	);
	position: relative;
}

.red-to-green .rangeslider {
	background: #e6e5ea;
	background-image:
	  linear-gradient(
	    to left, 
	    #79b649 25%, #ffdf00 50%, #ff0b0b 99%
	);
	position: relative;
}

.green-only .rangeslider {
	background: #e6e5ea;
	background-image:
	  linear-gradient(
	    to right, 
	    #dcf1cb 15%, #b8e596 35%, #aee384 55%, #90d15d 80%, #79b649 99%
	);
	position: relative;
}

.rangeslider--horizontal {
	height: 30px;
	width: 276px;
}

.rangeslider--vertical {
	width: 20px;
	min-height: 150px;
	max-height: 100%;
}

.rangeslider--disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: 0.4;
}

.rangeslider__fill {
	// background: #4bc67d;
	position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
	top: 0;
	height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
	bottom: 0;
	width: 100%;
}

.rangeslider__handle {
	background: white;
	border: 6px solid #4bc67d;
	cursor: pointer;
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	&.js-low1 {border-color: #79b649;}
	&.js-low2 {border-color: #9bc036;}
	&.js-med {border-color: #ffdf00;}
	&.js-high4 {border-color: #ff7d05;}
	&.js-high5 {border-color: #ff0b0b;}
	
	&.js-green1 {border-color: #dcf1cb;}
	&.js-green2 {border-color: #c6e9ab;}
	&.js-green3 {border-color: #aee384;}
	&.js-green4 {border-color: #95d463;}
	&.js-green5 {border-color: #79b649;}
}
.rangeslider__handle:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.rangeslider__handle:active {
}

.rangeslider--horizontal .rangeslider__handle {
	top: -5px;
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
	left: -10px;
	touch-action: pan-x;
	-ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
	-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
	-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
	box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
.pull-right{float: right;}
.border-none{border:none !important;}
.w-110{width: 110px;}

#scale_table tr.active {
	&.gr1 {border: 3px solid #79b649 !important;}
	&.gr2 {border: 3px solid #9bc036 !important;}
	&.gr3 {border: 3px solid #ffdf00 !important;}
	&.gr4 {border: 3px solid #ff7d05 !important;}
	&.gr5 {border: 3px solid #ff0b0b !important;}
	
	&.green1 {border: 3px solid #dcf1cb !important;}
	&.green2 {border: 3px solid #c6e9ab !important;}
	&.green3 {border: 3px solid #aee384 !important;}
	&.green4 {border: 3px solid #95d463 !important;}
	&.green5 {border: 3px solid #79b649 !important;}
}
/*#scale_table tr.active td{color: #212529 !important;}*/
.flatpickr-input{background-color: #1b2e4b !important;}

.score-red1 {background-color: #ff2a00 !important; color: black !important;}
.score-red2 {background-color: #ff5200 !important; color: black !important;}
.score-red3 {background-color: #ff6700 !important; color: black !important;}
.score-red4 {background-color: #ff7900 !important; color: black !important;}
.score-red5 {background-color: #f3a92c !important; color: black !important;}

.score-yellow1 {background-color: #ffc000 !important; color: black !important;}
.score-yellow2 {background-color: #ffdb00 !important; color: black !important;}
.score-yellow3 {background-color: #fff200 !important; color: black !important;}
.score-yellow4 {background-color: #f4fb04 !important; color: black !important;}
.score-yellow5 {background-color: #d7f210 !important; color: black !important;}

.score-green1 {background-color: #b3e81e !important; color: black !important;}
.score-green2 {background-color: #91dd2c !important; color: black !important;}
.score-green3 {background-color: #73d439 !important; color: black !important;}
.score-green4 {background-color: #52c848 !important; color: black !important;}
.score-green5 {background-color: #33c054 !important; color: black !important;}

.modal-content .modal-footer a.btn[data-dismiss="modal"] {
    background-color: #1b2e4b;
    color: #bfc9d4;
    font-weight: 500;
    border: 1px solid #1b2e4b;
	padding: 10px 25px;
    letter-spacing: 1px;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow{margin-top: 5px;}
.inline-controls {
	display: flex;
	align-items: center;
	gap: 5px; /* space between input and button */
}
.was-validated .select2-hidden-accessible:invalid + span .select2-selection {
	border-color: #dc3545;
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e7515a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
}
.was-validated .select2-hidden-accessible:valid + span .select2-selection {
	border-color: #009688;
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23009688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
}

.light-theme .risk-square h1{color: #ffffff;}
.light-theme .form-group label, label{color: #515365;}
.light-theme .modal-autosize{
	border: 1px solid #bfc9d4;
    color: #3b3f5c !important;
	background: none;
}
.light-theme .text-underline{
	border-color:#bfc9d4;
    color: #3b3f5c !important;
}
.light-theme .cell-text{
	color: #212529;
}
.light-theme .table-bordered td, .table-bordered th{
	border: 1px solid #9d9d9d;
}
.light-theme .table > thead{
	border-top: 1px solid #abadaf !important;
    border-bottom: 1px solid #abadaf !important;
}
.light-theme .table > tbody tr{
	border-bottom: 1px solid #abadaf !important;
}
.light-theme .table > tbody > tr > td{
	color: #444547 !important;
}