/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2");
}


body {
	font-family: 'Open Sans', sans-serif;
}

a {
	overflow:auto;
}

.full {
    background: url('../images/curved.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100vh;
}

.fullrp {
    background: url('../images/curved_rp.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100vh;
}

.padding-top {
	padding-top: 12px;
}

.copyright  {
	color: #333333;
	font-size: 0.85em;
	text-align: center;
	font-weight: 600;
}
 
 /** responsive table **/
table {
	width: 100%;
}

th {
	font-size: 1.0em;
}

td {
	padding: 0.25em 0.5em;
}

@media (max-width: 750px) {
	table.table-responsive,
	table.table-responsive > thead, 
	table.table-responsive > thead > tr > th, 
	table.table-responsive > thead > tr > td, 
	table.table-responsive > thead > tr,
	table.table-responsive > tbody, 
	table.table-responsive > tbody > tr > th, 
	table.table-responsive > tbody > tr > td, 
	table.table-responsive > tbody > tr {
		display: block;
		/*overflow: hidden;
		overflow:visible !important;*/
	}
	
	table.table-responsive > thead > tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
	}
	
	table.table-responsive > tbody > tr:nth-child(odd),
	table.table-responsive > thead > tr:nth-child(odd) {
		td {
			border-bottom: 1px solid #aaa;
		}
	}
	
	table.table-responsive > tbody > tr > td,
	table.table-responsive > thead > tr > td {
  		display: flex;
		border-bottom: 1px solid #ccc;
		
		&:before { content: attr(data-label)": ";
			flex: 0 0 5em;
			font-weight: bold;
			margin-right: 1em;
			margin-bottom: 0.25em;
		}
	}
}
 /** \responsive table **/

/* highcharts tooltip container fix*/
svg{
    overflow:visible !important;
}
.highcharts-container{
    overflow:visible !important;
}

/* form control feedback icon fix */
.has-feedback .form-control-feedback {
    position: absolute;
    top: 1px;
    right: 10px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

/* add responsive layout for multi-input-groups */
@media (max-width: 992px) {
	.multi-input-group {
	    display: block;
	    margin-bottom: 10px;
	    clear: both;
	    }
}

/* break word, if it doesnt fit */
.control-label {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

/* map */
.map {
	width: 100%;
	height: 600px;
}

/* remove popover title */
.popover-title { display: none; }


/* hr without margin*/ 
hr.divider { 
  margin: 0em;
  border-width: 1px;
  border-color: #D0D0D0;
} 

.highcharts-tooltip th, td { 
	padding: 1px; 
} 


.button-in-list{
	margin-top: -5px;
}

.dropdown-menu > li > button {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    width: 100%;
  	text-align: left;  
}

.dropdown-menu > li > .btn-link:hover {
  background-color: #f5f5f5;
  text-decoration: none; 
  color: inherit;
}

.dropdown-menu > li > span {
    display: block;
    padding: 3px 20px;
    padding-top: 3px;
    padding-right: 20px;
    padding-bottom: 3px;
    padding-left: 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.panel-heading {
	overflow:visible; /* habe ich von auto auf visible gesetzt fuer dropdown in authgrouptemplates */
}

.panel-heading-sort {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading-sort > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-default > .panel-heading-sort {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading-sort + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading-sort .badge {
  color: #f5f5f5;
  background-color: #333333;
}

.sort.asc, .sort.desc {
  font-weight: bold;
}


.sort.asc::after {
  font-family: "Font Awesome 6 Free";
  content: "\f063";
  padding-left: 3px;
}

.sort.desc::after {
  font-family: "Font Awesome 6 Free"; 
  content: "\f062"; /* fa-arrow-up */
  padding-left: 3px;
}


.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}



.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{
    float: right;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
    float: left;
}
@media (max-width: 767px) {    
    .pull-right-not-xs, .pull-left-not-xs{
        float: none;
    }
    .pull-right-xs {
        float: right;
    }
    .pull-left-xs {
        float: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .pull-right-not-sm, .pull-left-not-sm{
        float: none;
    }
    .pull-right-sm {
        float: right;
    }
    .pull-left-sm {
        float: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pull-right-not-md, .pull-left-not-md{
        float: none;
    }
    .pull-right-md {
        float: right;
    }
    .pull-left-md {
        float: left;
    }
}
@media (min-width: 1200px) {
    .pull-right-not-lg, .pull-left-not-lg{
        float: none;
    }
    .pull-right-lg {
        float: right;
    }
    .pull-left-lg {
        float: left;
    }
}

/* flexbox support */
html,body {
    height:100%;
}
      
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
     margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
    width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
    flex-flow: column nowrap;
}

.flex-grow {
    display: flex;
    -webkit-flex: 2;
    flex: 2;
}

.red{
	background-color: rgba(219, 82, 76, 0.6);
	border-color: rgba(219, 82, 76, 0.6);
}

.yellow{
	background-color: rgba(235, 175, 79, 0.6);
	border-color: rgba(235, 175, 79, 0.6);
}

.green{
	background-color: rgba(91, 181, 85, 0.6);
	border-color: rgba(91, 181, 85, 0.6);
}

.blue{
	background-color: rgba(53, 122, 181, 0.6);
	border-color: rgba(53, 122, 181, 0.6);
}

.white{
	color: rgba(255,255,255,1.0);
}

.blue-inv{
	background-color: rgba(255,255,255,1.0);
	border-color: rgba(53, 122, 181, 0.6);
	color: rgba(53, 122, 181, 0.6);
}

.red-inv{
	background-color: rgba(255,255,255,1.0);
	border-color: rgba(219, 82, 76, 0.6);
	color: rgba(219, 82, 76, 0.6);
}

.panel-heading-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-group-flex {
	flex-shrink: 0;
}

.btn-clear { 
  color: #333; 
  background-color: #FFFFFF; 
  border-color: #2e6da4; 
} 
 
.btn-clear:hover, 
.btn-clear:focus, 
.btn-clear:active, 
.btn-clear.active, 
.open .dropdown-toggle.btn-clear { 
  color: #FFFFFF; 
  background-color: #337AB7; 
  border-color: #2e6da4; 
} 
 
.btn-clear:active, 
.btn-clear.active, 
.open .dropdown-toggle.btn-clear { 
  background-image: none; 
} 
 
.btn-clear.disabled, 
.btn-clear[disabled], 
fieldset[disabled] .btn-clear, 
.btn-clear.disabled:hover, 
.btn-clear[disabled]:hover, 
fieldset[disabled] .btn-clear:hover, 
.btn-clear.disabled:focus, 
.btn-clear[disabled]:focus, 
fieldset[disabled] .btn-clear:focus, 
.btn-clear.disabled:active, 
.btn-clear[disabled]:active, 
fieldset[disabled] .btn-clear:active, 
.btn-clear.disabled.active, 
.btn-clear[disabled].active, 
fieldset[disabled] .btn-clear.active { 
  background-color: #FFFFFF; 
  border-color: #2e6da4; 
} 
 
.btn-clear .badge { 
  color: #FFFFFF; 
  background-color: #000000; 
}






.label-clear { 
  color: #2E6DA4; 
  background-color: #FFFFFF; 
  border: 1px solid #2E6DA4;
} 
 
.label-clear:hover, 
.label-clear:focus, 
.label-clear:active, 
.label-clear.active, 
.open .dropdown-toggle.label-clear { 
  color: #2E6DA4; 
  background-color: #FFFFFF; 
  border: 1px solid #2E6DA4;
} 
 
.label-clear:active, 
.label-clear.active, 
.open .dropdown-toggle.label-clear { 
  background-image: none; 
} 
 
.label-clear.disabled, 
.label-clear[disabled], 
fieldset[disabled] .label-clear, 
.label-clear.disabled:hover, 
.label-clear[disabled]:hover, 
fieldset[disabled] .label-clear:hover, 
.label-clear.disabled:focus, 
.label-clear[disabled]:focus, 
fieldset[disabled] .label-clear:focus, 
.label-clear.disabled:active, 
.label-clear[disabled]:active, 
fieldset[disabled] .label-clear:active, 
.label-clear.disabled.active, 
.label-clear[disabled].active, 
fieldset[disabled] .label-clear.active { 
  background-color: #FFFFFF; 
  border: 1px solid #2E6DA4;
} 
 
.label-clear .badge { 
  color: #FFFFFF; 
  background-color: #2E6DA4; 
}





/* generator: http://blog.koalite.com/bbg/ */

.label-purple { 
  color: #ffffff; 
  background-color: #611BBD; 
  border-color: #130269; 
} 
 
.label-purple:hover, 
.label-purple:focus, 
.label-purple:active, 
.label-purple.active, 
.open .dropdown-toggle.label-purple { 
  color: #ffffff; 
  background-color: #49247A; 
  border-color: #130269; 
} 
 
.label-purple:active, 
.label-purple.active, 
.open .dropdown-toggle.label-purple { 
  background-image: none; 
} 
 
.label-purple.disabled, 
.label-purple[disabled], 
fieldset[disabled] .label-purple, 
.label-purple.disabled:hover, 
.label-purple[disabled]:hover, 
fieldset[disabled] .label-purple:hover, 
.label-purple.disabled:focus, 
.label-purple[disabled]:focus, 
fieldset[disabled] .label-purple:focus, 
.label-purple.disabled:active, 
.label-purple[disabled]:active, 
fieldset[disabled] .label-purple:active, 
.label-purple.disabled.active, 
.label-purple[disabled].active, 
fieldset[disabled] .label-purple.active { 
  background-color: #611BBD; 
  border-color: #130269; 
} 
 
.label-purple .badge { 
  color: #611BBD; 
  background-color: #ffffff; 
}

.label-gold { 
  color: #FFD700; 
  background-color: #5C182C; 
  border-color: #5C182C; 
} 
 
.label-gold:hover, 
.label-gold:focus, 
.label-gold:active, 
.label-gold.active, 
.open .dropdown-toggle.label-gold { 
  color: #FFD700; 
  background-color: #5C182C; 
  border-color: #5C182C; 
} 
 
.label-gold:active, 
.label-gold.active, 
.open .dropdown-toggle.label-gold { 
  background-image: none; 
} 
 
.label-gold.disabled, 
.label-gold[disabled], 
fieldset[disabled] .label-gold, 
.label-gold.disabled:hover, 
.label-gold[disabled]:hover, 
fieldset[disabled] .label-gold:hover, 
.label-gold.disabled:focus, 
.label-gold[disabled]:focus, 
fieldset[disabled] .label-gold:focus, 
.label-gold.disabled:active, 
.label-gold[disabled]:active, 
fieldset[disabled] .label-gold:active, 
.label-gold.disabled.active, 
.label-gold[disabled].active, 
fieldset[disabled] .label-gold.active { 
  background-color: #5C182C; 
  border-color: #5C182C; 
} 
 
.label-gold .badge { 
  color: #5C182C; 
  background-color: #FFD700; 
}

.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.form-group.required .control-label:after,  .panel-heading.required .panel-title:after {
  content:" *";
  color:#428bca;
}

.containerHashtagCloud { 
	margin:150px auto; 
	max-width:400px;
}
.containerHashtagCloud a { 
	text-decoration:none;
}

.float-save{
	position:fixed;
	width:60px;
	height:60px;
	bottom:60px;
	right:38px;
	background-color:#337ab7;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index: 999;
}

.float-top{
	position:fixed;
	width:40px;
	height:40px;
	bottom:20px;
	right:25px;
	background-color:#337ab7;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index: 999;
}

.float-bottom{
	position:fixed;
	width:40px;
	height:40px;
	bottom:20px;
	right:70px;
	background-color:#337ab7;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index: 999;
}

.flex-wrap{
	display: flex;
	flex-wrap: wrap;
}


.rating--1,
.rating--1:hover, 
.rating--1:focus, 
.rating--1:active, 
.rating--1.active {
  color: #000000;
  stroke: black;
  stroke-width: 35;
}


.rating-0,
.rating-0:hover, 
.rating-0:focus, 
.rating-0:active, 
.rating-0.active {
  color: #FFFFFF;
  stroke: black;
  stroke-width: 35;
}
.rating-1,
.rating-1:hover, 
.rating-1:focus, 
.rating-1:active, 
.rating-1.active {
  color: #FFFBE6;
  stroke: black;
  stroke-width: 35;
}
.rating-2,
.rating-2:hover, 
.rating-2:focus, 
.rating-2:active, 
.rating-2.active {
  color: #FFF7CC;
  stroke: black;
  stroke-width: 35;
}
.rating-3,
.rating-3:hover, 
.rating-3:focus, 
.rating-3:active, 
.rating-3.active {
  color: #FFF3B3;
  stroke: black;
  stroke-width: 35;
}
.rating-4,
.rating-4:hover, 
.rating-4:focus, 
.rating-4:active, 
.rating-4.active {
  color: #FFEF99;
  stroke: black;
  stroke-width: 35;
}
.rating-5,
.rating-5:hover, 
.rating-5:focus, 
.rating-5:active, 
.rating-5.active {
  color: #FFEB80;
  stroke: black;
  stroke-width: 35;
}
.rating-6,
.rating-6:hover, 
.rating-6:focus, 
.rating-6:active, 
.rating-6.active {
  color: #FFE766;
  stroke: black;
  stroke-width: 35;
}
.rating-7,
.rating-7:hover, 
.rating-7:focus, 
.rating-7:active, 
.rating-7.active {
  color: #FFE34D;
  stroke: black;
  stroke-width: 35;
}
.rating-8,
.rating-8:hover, 
.rating-8:focus, 
.rating-8:active, 
.rating-8.active {
  color: #FFDF33;
  stroke: black;
  stroke-width: 35;
}
.rating-9,
.rating-9:hover, 
.rating-9:focus, 
.rating-9:active, 
.rating-9.active {
  color: #FFDB1A;
  stroke: black;
  stroke-width: 30;
}
.rating-10,
.rating-10:hover, 
.rating-10:focus, 
.rating-10:active, 
.rating-10.active {
  color: #FFD700;
  stroke: black;
  stroke-width: 35;
}


.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 80%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-step a {
    overflow:hidden;
}

@media(min-width:768px){
	.stepwizard-row:before {
	    top: 14px;
	    bottom: 0;
	    position: absolute;
	    content: " ";
	    width: 100%;
	    height: 1px;
	    background-color: #ccc;
	    z-order: 0;
	}
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.border-solid {
    border: 2px solid black !important;
}

.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }

.margin-xs { margin: .25em; }
.margin-sm { margin: .5em; }
.margin-md { margin: 1em; }
.margin-lg { margin: 1.5em; }
.margin-xl { margin: 3em; }

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }

.loader {
    margin-left: 5px;
    display: inline-block;
    font-size: 14px;
    color: #007bff;
}

/* =====================
   Custom Dropdown Styles
   ===================== */
   
/* Modern Multi-Select Styling */
.multi-select-container {
    position: relative;
    width: 100%;
}

.multi-select-container select[multiple] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 30px 8px 12px;
    border-radius: 4px;
    border: 1px solid #ced4da;
    background-color: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    min-height: 120px;
    width: 100%;
}

/* Option hover effect */
.multi-select-container select[multiple] option:hover {
    background-color: #e7f5ff !important;
    color: #1864ab;
    cursor: pointer;
}

/* Selected option styling */
.multi-select-container select[multiple] option:checked {
    background-color: #d0ebff;
    color: #1c7ed6;
    position: relative;
    font-weight: 500;
}

/* Checkmark for selected items */
.multi-select-container select[multiple] option:checked::after {
    content: "✓";
    position: absolute;
    right: 10px;
    color: #1c7ed6;
    font-weight: bold;
}

/* Focus state */
.multi-select-container select[multiple]:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/* Custom scrollbar */
.multi-select-container select[multiple]::-webkit-scrollbar {
    width: 8px;
}

.multi-select-container select[multiple]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.multi-select-container select[multiple]::-webkit-scrollbar-thumb {
    background: #adb5bd;
    border-radius: 4px;
}

.multi-select-container select[multiple]::-webkit-scrollbar-thumb:hover {
    background: #868e96;
}