/* 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;
}

.dropdown-menu > li > button:not(.btn-primary) {
    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:auto;
}

.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;
}

@media (max-width: 320px) {
  .col-xxs-12 {
    width: 100% !important;
  }
}

.full {
    background: url('../images/curved.png') 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;*/
	}
	
	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;
}

.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;
        margin-right: 6.3;
    }
    .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);
}

.white > a{
	text-decoration: none;
	color: #fff;
}

/* 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; 
}


.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-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; 
}

.label-lime { 
  color: #D6ED17; 
  background-color: #606060; 
  border-color: #606060; 
} 
 
.label-lime:hover, 
.label-lime:focus, 
.label-lime:active, 
.label-lime.active, 
.open .dropdown-toggle.label-lime { 
  color: #D6ED17; 
  background-color: #606060; 
  border-color: #606060; 
} 
 
.label-lime:active, 
.label-lime.active, 
.open .dropdown-toggle.label-lime { 
  background-image: none; 
} 
 
.label-lime.disabled, 
.label-lime[disabled], 
fieldset[disabled] .label-lime, 
.label-lime.disabled:hover, 
.label-lime[disabled]:hover, 
fieldset[disabled] .label-lime:hover, 
.label-lime.disabled:focus, 
.label-lime[disabled]:focus, 
fieldset[disabled] .label-lime:focus, 
.label-lime.disabled:active, 
.label-lime[disabled]:active, 
fieldset[disabled] .label-lime:active, 
.label-lime.disabled.active, 
.label-lime[disabled].active, 
fieldset[disabled] .label-lime.active { 
  background-color: #606060; 
  border-color: #606060; 
} 
 
.label-lime .badge { 
  color: #606060; 
  background-color: #D6ED17; 
}

.label-royal { 
  color: #EEA47F; 
  background-color: #00539C; 
  border-color: #00539C; 
} 
 
.label-royal:hover, 
.label-royal:focus, 
.label-royal:active, 
.label-royal.active, 
.open .dropdown-toggle.label-royal { 
  color: #EEA47F; 
  background-color: #00539C; 
  border-color: #00539C; 
} 
 
.label-royal:active, 
.label-royal.active, 
.open .dropdown-toggle.label-royal { 
  background-image: none; 
} 
 
.label-royal.disabled, 
.label-royal[disabled], 
fieldset[disabled] .label-royal, 
.label-royal.disabled:hover, 
.label-royal[disabled]:hover, 
fieldset[disabled] .label-royal:hover, 
.label-royal.disabled:focus, 
.label-royal[disabled]:focus, 
fieldset[disabled] .label-royal:focus, 
.label-royal.disabled:active, 
.label-royal[disabled]:active, 
fieldset[disabled] .label-royal:active, 
.label-royal.disabled.active, 
.label-royal[disabled].active, 
fieldset[disabled] .label-royal.active { 
  background-color: #00539C; 
  border-color: #00539C; 
} 
 
.label-royal .badge { 
  color: #00539C; 
  background-color: #EEA47F; 
}

.label-fire { 
  color: #FAE52A; 
  background-color: #EB2323; 
  border-color: #EB2323; 
} 
 
.label-fire:hover, 
.label-fire:focus, 
.label-fire:active, 
.label-fire.active, 
.open .dropdown-toggle.label-fire { 
  color: #FAE52A; 
  background-color: #EB2323; 
  border-color: #EB2323; 
} 
 
.label-fire:active, 
.label-fire.active, 
.open .dropdown-toggle.label-fire { 
  background-image: none; 
} 
 
.label-fire.disabled, 
.label-fire[disabled], 
fieldset[disabled] .label-fire, 
.label-fire.disabled:hover, 
.label-fire[disabled]:hover, 
fieldset[disabled] .label-fire:hover, 
.label-fire.disabled:focus, 
.label-fire[disabled]:focus, 
fieldset[disabled] .label-fire:focus, 
.label-fire.disabled:active, 
.label-fire[disabled]:active, 
fieldset[disabled] .label-fire:active, 
.label-fire.disabled.active, 
.label-fire[disabled].active, 
fieldset[disabled] .label-fire.active { 
  background-color: #EB2323; 
  border-color: #EB2323; 
} 
 
.label-fire .badge { 
  color: #EB2323; 
  background-color: #FAE52A; 
}

.label-mint { 
  color: #ffffff; 
  background-color: #1BA7BD; 
  border-color: #1BA7BD; 
} 
 
.label-mint:hover, 
.label-mint:focus, 
.label-mint:active, 
.label-mint.active, 
.open .dropdown-toggle.label-mint { 
  color: #ffffff; 
  background-color: #1BA7BD; 
  border-color: #1BA7BD; 
} 
 
.label-mint:active, 
.label-mint.active, 
.open .dropdown-toggle.label-mint { 
  background-image: none; 
} 
 
.label-mint.disabled, 
.label-mint[disabled], 
fieldset[disabled] .label-mint, 
.label-mint.disabled:hover, 
.label-mint[disabled]:hover, 
fieldset[disabled] .label-mint:hover, 
.label-mint.disabled:focus, 
.label-mint[disabled]:focus, 
fieldset[disabled] .label-mint:focus, 
.label-mint.disabled:active, 
.label-mint[disabled]:active, 
fieldset[disabled] .label-mint:active, 
.label-mint.disabled.active, 
.label-mint[disabled].active, 
fieldset[disabled] .label-mint.active { 
  background-color: #1BA7BD; 
  border-color: #1BA7BD; 
} 
 
.label-mint .badge { 
  color: #1BA7BD; 
  background-color: #ffffff; 
}

.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;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.capitalize {
  text-transform: capitalize;
}

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

.mb-10 {
    margin-bottom: 10px;
}
  
.mt-10 {
    margin-top: 10px;
}

.dyndropdown_container .navbar .dropdown-menu:after, .navbar .dropdown-menu:before {
    display:none;
}
.dyndropdown_leftcaret:after {
    float: left !important;
    margin-right: 5px !important;
    border-right-color: #cccccc !important;
    border-style: solid !important;
    border-width: 5px 5px 5px 0 !important;
    content: " " !important;
}