*,
*:before,s
*:after {
  font-feature-settings: "kern";
  font-kerning: normal;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
}
html { height: 100%; overflow:auto; 
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    font-family: 'Nunito', sans-serif !important;
}
html{overflow:hidden !important;}                
.under_dev{display:block !important;}
.sub-sidebar-wrapper ul li:hover a:before,
.sub-sidebar-wrapper ul li.current a:before,
.sub-sidebar-wrapper ul li.active a:before {
    content: "\f111";
    font-family: "Font Awesome 5 Duotone";
    position: absolute;
    font-size:0.8em;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
    left: -5px;
}
body { height: 100%; 
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    font-family: 'Nunito', sans-serif !important;
}
.chosen-single{
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    font-family: 'Nunito', sans-serif !important;
}
.flex-even {
  flex: 1;
}
table.dataTable tr.even { background-color:#f8f8f8 !important; }
table.dataTable tr.odd { background-color:#f0f0f0 !important; }


.device_tag{
 
    
}
.device_tag .b{
    padding: 6px 8px 4px 8px;
    text-align:center;
    font-size:0.75em;
}
.device_tag .h{
    background-color:#fff !important;
    font-size:0.8em;
    padding: 2px 8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width:100%;
    font-weight:bold !important;
    text-align:center;
}



 .country-select{
    width:100% !important;
 }
.tab-content.naked{border:none !important;}
.tab-content.naked2{
    border:none !important;
}
.mono{font-family:"Courier New", Courier, monospace;}
.intl-tel-input, .iti {width: 100% !important;}
.fc-sun { background:#f8f8f8 !important; }
.fc-sat { background:#f8f8f8 !important; }
.fc-toolbar h2{font-weight:bold;color:#007bff;}
.fc-day{border-right:1px solid #ddd !important;}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.hr{
    height:1px !important;
    
}
.showError{
    display:none;
}
.success-message {
    text-align:center;
    display:none;
    width:100%;
}
.success-message .inner-message {
    margin: 0 auto;
}

.mce-branding{display:none !important;} 
.search-choice, .chosen-results {
    font-family: 'Font Awesome 5 Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"  !important;
    font-weight: 400;    
}

.lb-container{padding:12px;}
.btn .fa{margin-right:0 !important;}
h1.page-title{margin-top:10px;padding-bottom:25px;}
.footing{margin-top:25px;margin-bottom:105px;}
th{
    text-transform:uppercase;
    /*
    background:#2980b9 !important;
    color:#fff;
    */
}
    .tab-content{background:#fff;padding:25px 15px 0 15px;}
    .nav-tabs li.active a, .nav-tabs li.active a:active, .nav-tabs li.active a:focus{background:#fff !important;}
.nav.nav-tabs li.active a{color:#007bff;}
.helper{
    font-size:0.9em;
    color:#999;
}
input.upper{
    text-transform: uppercase; 
}
input.is-invalid,
select.is-invalid,
textarea.is-invalid {background:rgba(220, 53, 69, .25) !important;color:#f00 !important;}

div.is-invalid ul {background:rgba(220, 53, 69, .25) !important;border:1px solid #f00 !important;}

.font-weight-bold{font-weight:bold;}
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.fa.fa-slashout:after {
  position: absolute;
  content: "/";
  color: red;
  font-weight: 700;
  font-size: 1.7em;
  left: 7px;
  top: -10px;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}
td.vcenter{vertical-align: middle !important;}
div.vcenter{
      display: flex;
  align-items: center;
}

.section{
    width:100%;
    max-width:1640px;
    margin:0 auto;
}

@media (min-width:576px) {
    .section {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .section {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .section {
        max-width: 960px
    }
}
@media (min-width:1200px) {
    .section { max-width: 1140px; }
}
@media (min-width:1300px) {
    .section { max-width: 1240px; }
}
@media (min-width:1400px) {
    .section { max-width: 1340px; }
}
@media (min-width:1500px) {
    .section { max-width: 1440px; }
}
@media (min-width:1600px) {
    .section { max-width: 1540px; }
}
@media (min-width:1700px) {
    .section { max-width: 1640px; }
}
@media (min-width:1800px) {
    .section { max-width: 1740px; }
}


@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

.text-fixed{
    font-family: "Courier New", Courier, monospace;
}
.bordered-1{
  border: 1px solid #ddd;  
}
.bordered {
  border-right: 1px solid #ddd;
}
.bordered-left {
  border-left: 1px solid #ddd;
}
.bordered-right{
  border-right: 1px solid #ddd;
}
.bordered-top{
  border-top: 1px solid #ddd;  
}
.bordered-bottom{
  border-bottom: 1px solid #ddd;  
}
@media (max-width: 445px) {
  .bordered {
    border-right: none;
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    -moz-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
}





.fancy {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    color:#007bff;
    font-weight:999;
}

.fancy:before,
.fancy:after {
    content: '';
    border-top: 2px solid #007bff;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}
.fancy:after {
    margin: 0 0 0 20px;
}

.hidden-xs-up{
    display:none!important
}
@media (max-width:575px){
    .hidden-xs-down{
        display:none!important
    }
}
@media (min-width:576px){
    .hidden-sm-up{
        display:none!important
    }
}
@media (max-width:767px){
    .hidden-sm-down{
        display:none!important
    }
}
@media (min-width:768px){
    .hidden-md-up{
        display:none!important
    }
}
@media (max-width:991px){
    .hidden-md-down{
        display:none!important
    }
}
@media (min-width:992px){
    .hidden-lg-up{
        display:none !important
    }
}
@media (max-width:1199px){
    .hidden-lg-down{
        display:none !important
    }
}
@media (min-width:1200px){
    .hidden-xl-up{
        display:none !important
    }
}
@media (max-width:1399px){
    .hidden-xl-down{
        display:none !important
    }
}
@media (min-width:1400px){
    .hidden-xxl-up{
        display:none !important
    }
}
.hidden-xxl-down{
    display:none !important
}
.visible-print-block{
    display:none !important
}
@media print{
    .visible-print-block{
        display:block!important
    }
}
.visible-print-inline{
    display:none!important
}
@media print{
    .visible-print-inline{
        display:inline!important
    }
}
.visible-print-inline-block{
    display:none!important
}
@media print{
    .visible-print-inline-block{
        display:inline-block!important
    }
}
@media print{
    .hidden-print{
        display:none!important
    }
}

.text-justify{
    text-align:justify!important
}
.text-nowrap{
    white-space:nowrap!important
}
.text-truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-left{
    text-align:left!important
}
.text-right{
    text-align:right!important
}
.text-center{
    text-align:center!important
}
@media (min-width:576px){
    .text-sm-left{
        text-align:left!important
    }
    .text-sm-right{
        text-align:right!important
    }
    .text-sm-center{
        text-align:center!important
    }
}
@media (min-width:768px){
    .text-md-left{
        text-align:left!important
    }
    .text-md-right{
        text-align:right!important
    }
    .text-md-center{
        text-align:center!important
    }
}
@media (min-width:992px){
    .text-lg-left{
        text-align:left!important
    }
    .text-lg-right{
        text-align:right!important
    }
    .text-lg-center{
        text-align:center!important
    }
}
@media (min-width:1200px){
    .text-xl-left{
        text-align:left!important
    }
    .text-xl-right{
        text-align:right!important
    }
    .text-xl-center{
        text-align:center!important
    }
}
.text-lowercase{
    text-transform:lowercase!important
}
.text-uppercase{
    text-transform:uppercase!important
}
.text-capitalize{
    text-transform:capitalize!important
}
.font-weight-normal{
    font-weight:400
}
.font-weight-bold{
    font-weight:700
}
.font-italic{
    font-style:italic
}

.shadowed-bottom {
  border-bottom: 1px solid #ddd;
  padding: 20px 0px;
}
.shadowed-top {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px 0px;
}

.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-2-4,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xxl-1,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-2,
.col-xxl-2-4,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-2-4,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-2-4,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-2-4,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-2-4,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-2-4,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	float: left
}

.col-xs-12 {
	width: 100%
}

.col-xs-11 {
	width: 91.66666667%
}

.col-xs-10 {
	width: 83.33333333%
}

.col-xs-9 {
	width: 75%
}

.col-xs-8 {
	width: 66.66666667%
}

.col-xs-7 {
	width: 58.33333333%
}

.col-xs-6 {
	width: 50%
}

.col-xs-5 {
	width: 41.66666667%
}

.col-xs-4 {
	width: 33.33333333%
}

.col-xs-3 {
	width: 25%
}
.col-xs-2-4 {
	width: 20%
}
.col-xs-2 {
	width: 16.66666667%
}

.col-xs-1 {
	width: 8.33333333%
}

.col-xs-pull-12 {
	right: 100%
}

.col-xs-pull-11 {
	right: 91.66666667%
}

.col-xs-pull-10 {
	right: 83.33333333%
}

.col-xs-pull-9 {
	right: 75%
}

.col-xs-pull-8 {
	right: 66.66666667%
}

.col-xs-pull-7 {
	right: 58.33333333%
}

.col-xs-pull-6 {
	right: 50%
}

.col-xs-pull-5 {
	right: 41.66666667%
}

.col-xs-pull-4 {
	right: 33.33333333%
}

.col-xs-pull-3 {
	right: 25%
}

.col-xs-pull-2 {
	right: 16.66666667%
}

.col-xs-pull-1 {
	right: 8.33333333%
}

.col-xs-pull-0 {
	right: auto
}

.col-xs-push-12 {
	left: 100%
}

.col-xs-push-11 {
	left: 91.66666667%
}

.col-xs-push-10 {
	left: 83.33333333%
}

.col-xs-push-9 {
	left: 75%
}

.col-xs-push-8 {
	left: 66.66666667%
}

.col-xs-push-7 {
	left: 58.33333333%
}

.col-xs-push-6 {
	left: 50%
}

.col-xs-push-5 {
	left: 41.66666667%
}

.col-xs-push-4 {
	left: 33.33333333%
}

.col-xs-push-3 {
	left: 25%
}

.col-xs-push-2 {
	left: 16.66666667%
}

.col-xs-push-1 {
	left: 8.33333333%
}

.col-xs-push-0 {
	left: auto
}

.col-xs-offset-12 {
	margin-left: 100%
}

.col-xs-offset-11 {
	margin-left: 91.66666667%
}

.col-xs-offset-10 {
	margin-left: 83.33333333%
}

.col-xs-offset-9 {
	margin-left: 75%
}

.col-xs-offset-8 {
	margin-left: 66.66666667%
}

.col-xs-offset-7 {
	margin-left: 58.33333333%
}

.col-xs-offset-6 {
	margin-left: 50%
}

.col-xs-offset-5 {
	margin-left: 41.66666667%
}

.col-xs-offset-4 {
	margin-left: 33.33333333%
}

.col-xs-offset-3 {
	margin-left: 25%
}

.col-xs-offset-2-4 {
	margin-left: 20%
}
.col-xs-offset-2 {
	margin-left: 16.66666667%
}

.col-xs-offset-1 {
	margin-left: 8.33333333%
}

.col-xs-offset-0 {
	margin-left: 0
}

@media (min-width:768px) {
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
    .col-sm-2-4,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9 {
		float: left
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-11 {
		width: 91.66666667%
	}
	.col-sm-10 {
		width: 83.33333333%
	}
	.col-sm-9 {
		width: 75%
	}
	.col-sm-8 {
		width: 66.66666667%
	}
	.col-sm-7 {
		width: 58.33333333%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-5 {
		width: 41.66666667%
	}
	.col-sm-4 {
		width: 33.33333333%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-2 {
		width: 16.66666667%
	}
	.col-sm-2-4 {
		width: 20%
	}    
	.col-sm-1 {
		width: 8.33333333%
	}
	.col-sm-pull-12 {
		right: 100%
	}
	.col-sm-pull-11 {
		right: 91.66666667%
	}
	.col-sm-pull-10 {
		right: 83.33333333%
	}
	.col-sm-pull-9 {
		right: 75%
	}
	.col-sm-pull-8 {
		right: 66.66666667%
	}
	.col-sm-pull-7 {
		right: 58.33333333%
	}
	.col-sm-pull-6 {
		right: 50%
	}
	.col-sm-pull-5 {
		right: 41.66666667%
	}
	.col-sm-pull-4 {
		right: 33.33333333%
	}
	.col-sm-pull-3 {
		right: 25%
	}
	.col-sm-pull-2 {
		right: 16.66666667%
	}
	.col-sm-pull-1 {
		right: 8.33333333%
	}
	.col-sm-pull-0 {
		right: auto
	}
	.col-sm-push-12 {
		left: 100%
	}
	.col-sm-push-11 {
		left: 91.66666667%
	}
	.col-sm-push-10 {
		left: 83.33333333%
	}
	.col-sm-push-9 {
		left: 75%
	}
	.col-sm-push-8 {
		left: 66.66666667%
	}
	.col-sm-push-7 {
		left: 58.33333333%
	}
	.col-sm-push-6 {
		left: 50%
	}
	.col-sm-push-5 {
		left: 41.66666667%
	}
	.col-sm-push-4 {
		left: 33.33333333%
	}
	.col-sm-push-3 {
		left: 25%
	}
	.col-sm-push-2 {
		left: 16.66666667%
	}
	.col-sm-push-1 {
		left: 8.33333333%
	}
	.col-sm-push-0 {
		left: auto
	}
	.col-sm-offset-12 {
		margin-left: 100%
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%
	}
	.col-sm-offset-9 {
		margin-left: 75%
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%
	}
	.col-sm-offset-6 {
		margin-left: 50%
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%
	}
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-sm-offset-2-4 {
		margin-left: 20%
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}

	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}
	.col-sm-offset-0 {
		margin-left: 0
	}
}

@media (min-width:992px) {
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
    .col-md-2-4,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9 {
		float: left
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-11 {
		width: 91.66666667%
	}
	.col-md-10 {
		width: 83.33333333%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-8 {
		width: 66.66666667%
	}
	.col-md-7 {
		width: 58.33333333%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-5 {
		width: 41.66666667%
	}
	.col-md-4 {
		width: 33.33333333%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-2 {
		width: 16.66666667%
	}
	.col-md-2-4 {
		width: 20%
	}    
	.col-md-1 {
		width: 8.33333333%
	}
	.col-md-pull-12 {
		right: 100%
	}
	.col-md-pull-11 {
		right: 91.66666667%
	}
	.col-md-pull-10 {
		right: 83.33333333%
	}
	.col-md-pull-9 {
		right: 75%
	}
	.col-md-pull-8 {
		right: 66.66666667%
	}
	.col-md-pull-7 {
		right: 58.33333333%
	}
	.col-md-pull-6 {
		right: 50%
	}
	.col-md-pull-5 {
		right: 41.66666667%
	}
	.col-md-pull-4 {
		right: 33.33333333%
	}
	.col-md-pull-3 {
		right: 25%
	}
	.col-md-pull-2 {
		right: 16.66666667%
	}
	.col-md-pull-1 {
		right: 8.33333333%
	}
	.col-md-pull-0 {
		right: auto
	}
	.col-md-push-12 {
		left: 100%
	}
	.col-md-push-11 {
		left: 91.66666667%
	}
	.col-md-push-10 {
		left: 83.33333333%
	}
	.col-md-push-9 {
		left: 75%
	}
	.col-md-push-8 {
		left: 66.66666667%
	}
	.col-md-push-7 {
		left: 58.33333333%
	}
	.col-md-push-6 {
		left: 50%
	}
	.col-md-push-5 {
		left: 41.66666667%
	}
	.col-md-push-4 {
		left: 33.33333333%
	}
	.col-md-push-3 {
		left: 25%
	}
	.col-md-push-2 {
		left: 16.66666667%
	}
	.col-md-push-1 {
		left: 8.33333333%
	}
	.col-md-push-0 {
		left: auto
	}
	.col-md-offset-12 {
		margin-left: 100%
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%
	}
	.col-md-offset-2-4 {
		margin-left: 20%
	}    
	.col-md-offset-1 {
		margin-left: 8.33333333%
	}
	.col-md-offset-0 {
		margin-left: 0
	}
}

@media (min-width:1200px) {
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
    .col-lg-2-4,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9 {
		float: left
	}
	.col-lg-12 {
		width: 100%
	}
	.col-lg-11 {
		width: 91.66666667%
	}
	.col-lg-10 {
		width: 83.33333333%
	}
	.col-lg-9 {
		width: 75%
	}
	.col-lg-8 {
		width: 66.66666667%
	}
	.col-lg-7 {
		width: 58.33333333%
	}
	.col-lg-6 {
		width: 50%
	}
	.col-lg-5 {
		width: 41.66666667%
	}
	.col-lg-4 {
		width: 33.33333333%
	}
	.col-lg-3 {
		width: 25%
	}
	.col-lg-2 {
		width: 16.66666667%
	}
	.col-lg-2-4 {
		width: 20%
	}    
	.col-lg-1 {
		width: 8.33333333%
	}
	.col-lg-pull-12 {
		right: 100%
	}
	.col-lg-pull-11 {
		right: 91.66666667%
	}
	.col-lg-pull-10 {
		right: 83.33333333%
	}
	.col-lg-pull-9 {
		right: 75%
	}
	.col-lg-pull-8 {
		right: 66.66666667%
	}
	.col-lg-pull-7 {
		right: 58.33333333%
	}
	.col-lg-pull-6 {
		right: 50%
	}
	.col-lg-pull-5 {
		right: 41.66666667%
	}
	.col-lg-pull-4 {
		right: 33.33333333%
	}
	.col-lg-pull-3 {
		right: 25%
	}
	.col-lg-pull-2 {
		right: 16.66666667%
	}
	.col-lg-pull-1 {
		right: 8.33333333%
	}
	.col-lg-pull-0 {
		right: auto
	}
	.col-lg-push-12 {
		left: 100%
	}
	.col-lg-push-11 {
		left: 91.66666667%
	}
	.col-lg-push-10 {
		left: 83.33333333%
	}
	.col-lg-push-9 {
		left: 75%
	}
	.col-lg-push-8 {
		left: 66.66666667%
	}
	.col-lg-push-7 {
		left: 58.33333333%
	}
	.col-lg-push-6 {
		left: 50%
	}
	.col-lg-push-5 {
		left: 41.66666667%
	}
	.col-lg-push-4 {
		left: 33.33333333%
	}
	.col-lg-push-3 {
		left: 25%
	}
	.col-lg-push-2 {
		left: 16.66666667%
	}
	.col-lg-push-1 {
		left: 8.33333333%
	}
	.col-lg-push-0 {
		left: auto
	}
	.col-lg-offset-12 {
		margin-left: 100%
	}
	.col-lg-offset-11 {
		margin-left: 91.66666667%
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333%
	}
	.col-lg-offset-9 {
		margin-left: 75%
	}
	.col-lg-offset-8 {
		margin-left: 66.66666667%
	}
	.col-lg-offset-7 {
		margin-left: 58.33333333%
	}
	.col-lg-offset-6 {
		margin-left: 50%
	}
	.col-lg-offset-5 {
		margin-left: 41.66666667%
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333%
	}
	.col-lg-offset-3 {
		margin-left: 25%
	}
	.col-lg-offset-2-4 {
		margin-left: 20%
	}
    
	.col-lg-offset-2 {
		margin-left: 16.66666667%
	}
	.col-lg-offset-1 {
		margin-left: 8.33333333%
	}
	.col-lg-offset-0 {
		margin-left: 0
	}
}
footer{background:#2980b9;color: #fff;}
footer a, footer a:visited{color:#ffc;}
footer a:hover, footer a:active{color:#fff;}
.robo{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

.badge-light[href]:focus,
.badge-light[href]:hover {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

.badge-dark[href]:focus,
.badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124
}

.badge-white{background:#fff !important}
.badge-red{
    color:#fff !important!;
    background:#f00 !important!;
    text-shadow: -1px -1px 1px #9c1100;
    
}
.badge-db{
    color:#f00 !important!;
    background:#000 !important!;
    
}

h1.page_header{font-weight:bold;}


ul.tree li {
    list-style: none;
  margin-left: 15px;
  position: relative;
  padding-left: 5px;
}
ul.tree li::before {
  content: " ";
  position: absolute;
  width: 1px;
  background-color: #000;
  top: 5px;
  bottom: -12px;
  left: -10px;
}
body > ul.tree > li:first-child::before {top: 12px;}
ul.tree li:not(:first-child):last-child::before {display: none;}
ul.tree li:only-child::before {
  display: list-item;
  content: " ";
  position: absolute;
  width: 1px;
  background-color: #000;
  top: 5px;
  bottom: 7px;
  height: 7px;
  left: -10px;
}
ul.tree li::after {
  content: " ";
  position: absolute;
  left: -10px;
  width: 10px;
  height: 1px;
  background-color: #000;
  top: 12px;
}


.with_badge {   
    text-align:center;
    vertical-align:middle;
    position: relative;
}
.with_badge > span{
    position: absolute; 
    text-align: center;
    padding:2px;
    font-size: 1.5rem;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    margin: auto;
    top: 55%; left: 0; bottom: 0; right: 0;
}
.text-ghost{
    color:#ccc !important;
}

.sliders_step1{width:100%;}
.time-range p {}
.ui-slider-horizontal {
    height: 8px;
    background: #D7D7D7;
    border: 1px solid #BABABA;
    blox-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
    clear: both;
    margin: 8px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 8px;
    font-size: .7em;
    display: block;
    blorder: 1px solid #5BA8E1;
    blox-shadow: 0 1px 0 #AAD6F6 inset;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: #81B8F3;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi�pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
    background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}
.ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: #F9FBFA;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi�pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
    background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: linear-gradient(top, #C7CED6, #F9FBFA);
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    border: none;
    cursor: pointer;
}
.ui-slider .ui-slider-handle:after {
    content:"";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    background: #30A2D2;
    -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
    -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
    box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.6em;
}
.ui-slider a:focus {
    outline:none;
}
#slider-range.disabled .ui-slider-range{
    background:#aaa;
    border: 1px solid #777;
    box-shadow: 0 1px 0 #adadad inset;
}
#slider-range.disabled .ui-slider-handle{
    display:none;
}
#slider-range {
  width: 100%;
  margin: 0;
}

.time-range {
  width: 100%;
}
.tinymce{z-index:999999;}
.marker_label{
    color:#3a9fde;
    text-shadow:1px 1px #fff;
}
.activity-list {
  padding-left: 0px;
  margin-bottom: 0px;
  list-style: none;
}
.activity-list li {
  padding: 15px 0px;
  border-bottom: 1px solid #ddd;
}
.activity-list li:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}
.activity-list li .activity-image {
  margin-right: 5px;
}
.activity-list li p {
  margin-bottom: 0px;
}
.activity-list li .activity-time {
  color: #888;
  font-size: 12px;
}



.nav-pills {
  margin-bottom: 10px;
}
.nav-pills > li {
  float: left;
  margin:0px !important;
    border-left:1px solid #ccc;
  margin:0px !important;
}
.nav-pills > li > a {
  padding: 10px 15px;
  color: #3f3833;
  border:none !important;
  border-radius: 0px;
  background:#fff;
}
.nav-pills > li > a:hover {
  color: #007bff;
  border:none !important;
  border-radius: 0px;
  background-color:rgba(0, 123, 255, 0.2) !important;
}
.nav-pills > li + li {

}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #3f3833;
  border:none !important;
  border-radius: 0px;
  
}

.nav-pills li.active a{background:#007bff !important; color:#ffffff !important;}





.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.el-switch-style .d-flex{
    margin: 1% 13%;
}
h3 .el-switch-style .d-flex{
    margin: 8% 15%;
}
.el-switch > input[type="checkbox"]:checked + .el-switch-style {
  background-color: #007bff;
}
        
    .style-light_blue {background-color: #59ccf7 !important;color: #10567e !important}
    
    a.text-light_blue:hover {color: #5ab7da !important}
    .text-light_blue {color: #59ccf7 !important}

    a.bg-light_blue:focus,a.bg-light_blue:hover,button.bg-light_blue:focus,button.bg-light_blue:hover {background-color: #5ab7da!important}
    .bg-light_blue {background-color: #59ccf7 !important;}    
    .fill-light_blue {fill: #59ccf7 !important}

    .border-light_blue {border-color: #59ccf7 !important}
    .border-bottom-light_blue {border-bottom-color: #59ccf7 !important}
    .border-top-light_blue {border-top-color: #59ccf7 !important}
    .border-left-light_blue {border-left-color: #59ccf7 !important}
    .border-right-light_blue {border-right-color: #59ccf7 !important}
    .stroke-light_blue {stroke: #59ccf7 !important}
        
    .tooltip-light_blue .tooltip-inner {background-color: #59ccf7;}
    .tooltip-light_blue .tooltip.bs-tooltip-right .arrow:before {border-color: #59ccf7 !important;}
    .tooltip-light_blue .tooltip.bs-tooltip-left .arrow:before {border-color: #59ccf7 !important;}
    .tooltip-light_blue .tooltip.bs-tooltip-bottom .arrow:before {border-color: #59ccf7 !important;}
    .tooltip-light_blue .tooltip.bs-tooltip-top .arrow:before {border-color: #59ccf7 !important;}   

    .tooltip-light_blue .tooltip.top .tooltip-arrow{border-top-color:#59ccf7 !important;}
    .tooltip-light_blue .tooltip.bottom .tooltip-arrow{border-bottom-color:#59ccf7 !important;}
    .tooltip-light_blue .tooltip.left .tooltip-arrow{border-left-color:#59ccf7 !important;}
    .tooltip-light_blue .tooltip.right .tooltip-arrow{border-right-color:#59ccf7 !important;}

    .noUiToggle.light_blue .noUi-connect {background: #59ccf7;}
    
    .widget-light_blue .widget-title {background-color: #59ccf7;}
    .widget-light_blue .widget-title h3 {color: #10567e;text-shadow:none !important}
    .widget-light_blue .widget-control {color: #59ccf7;}          

    .btn-light_blue {background: #59ccf7  !important;color: #10567e !important;border-color: #59ccf7 !important}
    .btn-light_blue:hover {color: #10567e !important;background-color: #5ab7da !important;border-color: #5ab7da !important}
    .btn-light_blue.focus,.btn-light_blue:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-light_blue.disabled,.btn-light_blue:disabled {color: #10567e;background-color: #59ccf7;border-color: #59ccf7}
    .btn-light_blue:not(:disabled):not(.disabled).active,.btn-light_blue:not(:disabled):not(.disabled):active,.show>.btn-light_blue.dropdown-toggle {color: #10567e;background-color: #5ab7da;border-color: #5ab7da}
    .btn-light_blue:not(:disabled):not(.disabled).active:focus,.btn-light_blue:not(:disabled):not(.disabled):active:focus,.show>.btn-light_blue.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-light_blue.trans_b{color: #59ccf7 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-light_blue.trans_w{color: #59ccf7 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-light_blue.trans_b:hover{color: #59ccf7 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-light_blue.trans_w:hover{color: #59ccf7 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.light_blue {font-weight: 400;color: #59ccf7 !important;}
    .btn-link.light_blue:hover {color: #5ab7da !important;}

    .btn-trans.light_blue {font-weight: 400;color: #59ccf7 !important;}
    .btn-trans.light_blue:hover {background:rgba(0,0,0,0.05) !important;color: #5ab7da !important;text-decoration:none !important}    

    .btn-outline-light_blue {color: #59ccf7 !important;background-color: transparent !important;background-image: none !important;border-color: #59ccf7;}
    .btn-outline-light_blue:hover {color: #10567e !important;background-color: #59ccf7 !important;border-color: #59ccf7 !important;}
    .btn-outline-light_blue.focus,.btn-outline-light_blue:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-light_blue.disabled,.btn-outline-light_blue:disabled {color: #59ccf7 !important;background-color: transparent !important}
    .btn-outline-light_blue:not(:disabled):not(.disabled).active,.btn-outline-light_blue:not(:disabled):not(.disabled):active,.show>.btn-outline-light_blue.dropdown-toggle {color: #10567e !important;background-color: #59ccf7 !important;border-color: #59ccf7 !important}
    .btn-outline-light_blue:not(:disabled):not(.disabled).active:focus,.btn-outline-light_blue:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light_blue.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-light_blue.trans_b:hover{color: #59ccf7 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-light_blue.trans_w:hover{color: #59ccf7 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.light_blue {
        background: #59ccf7  !important;
    }

    .tab.light_blue{cursor:pointer;color: #59ccf7 !important;background-color: #10567e !important;}
    .tab.light_blue:hover{background-color:#f8f9fa !important;}
    .tab.light_blue.active{background-color: #59ccf7 !important;color: #10567e !important;}
    .tab.light_blue.active:hover{background-color:#5ab7da !important;}

    .panel-light_blue{border:1px solid #59ccf7 !important;}
    .panel-light_blue > .panel-heading{
        background-color:#59ccf7 !important; 
        color:#10567e !important;
    }
    .panel-light_blue:hover > .panel-heading,
    .panel-light_blue:hover .bg-light_blue{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.light_blue, a.link-light_blue{color:#59ccf7 !important;}
    .btn-link.light_blue:hover, a.link-light_blue:hover{color:#5ab7da !important;}

    .shadow-bottom-light_blue, .shadow-bottom-light_blue-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #59ccf7;
        -moz-box-shadow: 0 10px 6px -6px #59ccf7;
        box-shadow: 0 10px 6px -6px #59ccf7;        
    }


    
        
    .style-light_pink {background-color: #ffbcfd !important;color: #91118c !important}
    
    a.text-light_pink:hover {color: #e2a7e0 !important}
    .text-light_pink {color: #ffbcfd !important}

    a.bg-light_pink:focus,a.bg-light_pink:hover,button.bg-light_pink:focus,button.bg-light_pink:hover {background-color: #e2a7e0!important}
    .bg-light_pink {background-color: #ffbcfd !important;}    
    .fill-light_pink {fill: #ffbcfd !important}

    .border-light_pink {border-color: #ffbcfd !important}
    .border-bottom-light_pink {border-bottom-color: #ffbcfd !important}
    .border-top-light_pink {border-top-color: #ffbcfd !important}
    .border-left-light_pink {border-left-color: #ffbcfd !important}
    .border-right-light_pink {border-right-color: #ffbcfd !important}
    .stroke-light_pink {stroke: #ffbcfd !important}
        
    .tooltip-light_pink .tooltip-inner {background-color: #ffbcfd;}
    .tooltip-light_pink .tooltip.bs-tooltip-right .arrow:before {border-color: #ffbcfd !important;}
    .tooltip-light_pink .tooltip.bs-tooltip-left .arrow:before {border-color: #ffbcfd !important;}
    .tooltip-light_pink .tooltip.bs-tooltip-bottom .arrow:before {border-color: #ffbcfd !important;}
    .tooltip-light_pink .tooltip.bs-tooltip-top .arrow:before {border-color: #ffbcfd !important;}   

    .tooltip-light_pink .tooltip.top .tooltip-arrow{border-top-color:#ffbcfd !important;}
    .tooltip-light_pink .tooltip.bottom .tooltip-arrow{border-bottom-color:#ffbcfd !important;}
    .tooltip-light_pink .tooltip.left .tooltip-arrow{border-left-color:#ffbcfd !important;}
    .tooltip-light_pink .tooltip.right .tooltip-arrow{border-right-color:#ffbcfd !important;}

    .noUiToggle.light_pink .noUi-connect {background: #ffbcfd;}
    
    .widget-light_pink .widget-title {background-color: #ffbcfd;}
    .widget-light_pink .widget-title h3 {color: #91118c;text-shadow:none !important}
    .widget-light_pink .widget-control {color: #ffbcfd;}          

    .btn-light_pink {background: #ffbcfd  !important;color: #91118c !important;border-color: #ffbcfd !important}
    .btn-light_pink:hover {color: #91118c !important;background-color: #e2a7e0 !important;border-color: #e2a7e0 !important}
    .btn-light_pink.focus,.btn-light_pink:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-light_pink.disabled,.btn-light_pink:disabled {color: #91118c;background-color: #ffbcfd;border-color: #ffbcfd}
    .btn-light_pink:not(:disabled):not(.disabled).active,.btn-light_pink:not(:disabled):not(.disabled):active,.show>.btn-light_pink.dropdown-toggle {color: #91118c;background-color: #e2a7e0;border-color: #e2a7e0}
    .btn-light_pink:not(:disabled):not(.disabled).active:focus,.btn-light_pink:not(:disabled):not(.disabled):active:focus,.show>.btn-light_pink.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-light_pink.trans_b{color: #ffbcfd !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-light_pink.trans_w{color: #ffbcfd !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-light_pink.trans_b:hover{color: #ffbcfd !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-light_pink.trans_w:hover{color: #ffbcfd !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.light_pink {font-weight: 400;color: #ffbcfd !important;}
    .btn-link.light_pink:hover {color: #e2a7e0 !important;}

    .btn-trans.light_pink {font-weight: 400;color: #ffbcfd !important;}
    .btn-trans.light_pink:hover {background:rgba(0,0,0,0.05) !important;color: #e2a7e0 !important;text-decoration:none !important}    

    .btn-outline-light_pink {color: #ffbcfd !important;background-color: transparent !important;background-image: none !important;border-color: #ffbcfd;}
    .btn-outline-light_pink:hover {color: #91118c !important;background-color: #ffbcfd !important;border-color: #ffbcfd !important;}
    .btn-outline-light_pink.focus,.btn-outline-light_pink:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-light_pink.disabled,.btn-outline-light_pink:disabled {color: #ffbcfd !important;background-color: transparent !important}
    .btn-outline-light_pink:not(:disabled):not(.disabled).active,.btn-outline-light_pink:not(:disabled):not(.disabled):active,.show>.btn-outline-light_pink.dropdown-toggle {color: #91118c !important;background-color: #ffbcfd !important;border-color: #ffbcfd !important}
    .btn-outline-light_pink:not(:disabled):not(.disabled).active:focus,.btn-outline-light_pink:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light_pink.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-light_pink.trans_b:hover{color: #ffbcfd !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-light_pink.trans_w:hover{color: #ffbcfd !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.light_pink {
        background: #ffbcfd  !important;
    }

    .tab.light_pink{cursor:pointer;color: #ffbcfd !important;background-color: #91118c !important;}
    .tab.light_pink:hover{background-color:#f8f9fa !important;}
    .tab.light_pink.active{background-color: #ffbcfd !important;color: #91118c !important;}
    .tab.light_pink.active:hover{background-color:#e2a7e0 !important;}

    .panel-light_pink{border:1px solid #ffbcfd !important;}
    .panel-light_pink > .panel-heading{
        background-color:#ffbcfd !important; 
        color:#91118c !important;
    }
    .panel-light_pink:hover > .panel-heading,
    .panel-light_pink:hover .bg-light_pink{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.light_pink, a.link-light_pink{color:#ffbcfd !important;}
    .btn-link.light_pink:hover, a.link-light_pink:hover{color:#e2a7e0 !important;}

    .shadow-bottom-light_pink, .shadow-bottom-light_pink-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #ffbcfd;
        -moz-box-shadow: 0 10px 6px -6px #ffbcfd;
        box-shadow: 0 10px 6px -6px #ffbcfd;        
    }


    
        
    .style-cyan {background-color: #00fffc !important;color: #444444 !important}
    
    a.text-cyan:hover {color: #00cbc9 !important}
    .text-cyan {color: #00fffc !important}

    a.bg-cyan:focus,a.bg-cyan:hover,button.bg-cyan:focus,button.bg-cyan:hover {background-color: #00cbc9!important}
    .bg-cyan {background-color: #00fffc !important;}    
    .fill-cyan {fill: #00fffc !important}

    .border-cyan {border-color: #00fffc !important}
    .border-bottom-cyan {border-bottom-color: #00fffc !important}
    .border-top-cyan {border-top-color: #00fffc !important}
    .border-left-cyan {border-left-color: #00fffc !important}
    .border-right-cyan {border-right-color: #00fffc !important}
    .stroke-cyan {stroke: #00fffc !important}
        
    .tooltip-cyan .tooltip-inner {background-color: #00fffc;}
    .tooltip-cyan .tooltip.bs-tooltip-right .arrow:before {border-color: #00fffc !important;}
    .tooltip-cyan .tooltip.bs-tooltip-left .arrow:before {border-color: #00fffc !important;}
    .tooltip-cyan .tooltip.bs-tooltip-bottom .arrow:before {border-color: #00fffc !important;}
    .tooltip-cyan .tooltip.bs-tooltip-top .arrow:before {border-color: #00fffc !important;}   

    .tooltip-cyan .tooltip.top .tooltip-arrow{border-top-color:#00fffc !important;}
    .tooltip-cyan .tooltip.bottom .tooltip-arrow{border-bottom-color:#00fffc !important;}
    .tooltip-cyan .tooltip.left .tooltip-arrow{border-left-color:#00fffc !important;}
    .tooltip-cyan .tooltip.right .tooltip-arrow{border-right-color:#00fffc !important;}

    .noUiToggle.cyan .noUi-connect {background: #00fffc;}
    
    .widget-cyan .widget-title {background-color: #00fffc;}
    .widget-cyan .widget-title h3 {color: #444444;text-shadow:none !important}
    .widget-cyan .widget-control {color: #00fffc;}          

    .btn-cyan {background: #00fffc  !important;color: #444444 !important;border-color: #00fffc !important}
    .btn-cyan:hover {color: #444444 !important;background-color: #00cbc9 !important;border-color: #00cbc9 !important}
    .btn-cyan.focus,.btn-cyan:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-cyan.disabled,.btn-cyan:disabled {color: #444444;background-color: #00fffc;border-color: #00fffc}
    .btn-cyan:not(:disabled):not(.disabled).active,.btn-cyan:not(:disabled):not(.disabled):active,.show>.btn-cyan.dropdown-toggle {color: #444444;background-color: #00cbc9;border-color: #00cbc9}
    .btn-cyan:not(:disabled):not(.disabled).active:focus,.btn-cyan:not(:disabled):not(.disabled):active:focus,.show>.btn-cyan.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-cyan.trans_b{color: #00fffc !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-cyan.trans_w{color: #00fffc !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-cyan.trans_b:hover{color: #00fffc !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-cyan.trans_w:hover{color: #00fffc !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.cyan {font-weight: 400;color: #00fffc !important;}
    .btn-link.cyan:hover {color: #00cbc9 !important;}

    .btn-trans.cyan {font-weight: 400;color: #00fffc !important;}
    .btn-trans.cyan:hover {background:rgba(0,0,0,0.05) !important;color: #00cbc9 !important;text-decoration:none !important}    

    .btn-outline-cyan {color: #00fffc !important;background-color: transparent !important;background-image: none !important;border-color: #00fffc;}
    .btn-outline-cyan:hover {color: #444444 !important;background-color: #00fffc !important;border-color: #00fffc !important;}
    .btn-outline-cyan.focus,.btn-outline-cyan:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-cyan.disabled,.btn-outline-cyan:disabled {color: #00fffc !important;background-color: transparent !important}
    .btn-outline-cyan:not(:disabled):not(.disabled).active,.btn-outline-cyan:not(:disabled):not(.disabled):active,.show>.btn-outline-cyan.dropdown-toggle {color: #444444 !important;background-color: #00fffc !important;border-color: #00fffc !important}
    .btn-outline-cyan:not(:disabled):not(.disabled).active:focus,.btn-outline-cyan:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-cyan.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-cyan.trans_b:hover{color: #00fffc !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-cyan.trans_w:hover{color: #00fffc !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.cyan {
        background: #00fffc  !important;
    }

    .tab.cyan{cursor:pointer;color: #00fffc !important;background-color: #444444 !important;}
    .tab.cyan:hover{background-color:#f8f9fa !important;}
    .tab.cyan.active{background-color: #00fffc !important;color: #444444 !important;}
    .tab.cyan.active:hover{background-color:#00cbc9 !important;}

    .panel-cyan{border:1px solid #00fffc !important;}
    .panel-cyan > .panel-heading{
        background-color:#00fffc !important; 
        color:#444444 !important;
    }
    .panel-cyan:hover > .panel-heading,
    .panel-cyan:hover .bg-cyan{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.cyan, a.link-cyan{color:#00fffc !important;}
    .btn-link.cyan:hover, a.link-cyan:hover{color:#00cbc9 !important;}

    .shadow-bottom-cyan, .shadow-bottom-cyan-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #00fffc;
        -moz-box-shadow: 0 10px 6px -6px #00fffc;
        box-shadow: 0 10px 6px -6px #00fffc;        
    }


    
        
    .style-maroon {background-color: #9c1100 !important;color: #FFFFFF !important}
    
    a.text-maroon:hover {color: #b41603 !important}
    .text-maroon {color: #9c1100 !important}

    a.bg-maroon:focus,a.bg-maroon:hover,button.bg-maroon:focus,button.bg-maroon:hover {background-color: #b41603!important}
    .bg-maroon {background-color: #9c1100 !important;}    
    .fill-maroon {fill: #9c1100 !important}

    .border-maroon {border-color: #9c1100 !important}
    .border-bottom-maroon {border-bottom-color: #9c1100 !important}
    .border-top-maroon {border-top-color: #9c1100 !important}
    .border-left-maroon {border-left-color: #9c1100 !important}
    .border-right-maroon {border-right-color: #9c1100 !important}
    .stroke-maroon {stroke: #9c1100 !important}
        
    .tooltip-maroon .tooltip-inner {background-color: #9c1100;}
    .tooltip-maroon .tooltip.bs-tooltip-right .arrow:before {border-color: #9c1100 !important;}
    .tooltip-maroon .tooltip.bs-tooltip-left .arrow:before {border-color: #9c1100 !important;}
    .tooltip-maroon .tooltip.bs-tooltip-bottom .arrow:before {border-color: #9c1100 !important;}
    .tooltip-maroon .tooltip.bs-tooltip-top .arrow:before {border-color: #9c1100 !important;}   

    .tooltip-maroon .tooltip.top .tooltip-arrow{border-top-color:#9c1100 !important;}
    .tooltip-maroon .tooltip.bottom .tooltip-arrow{border-bottom-color:#9c1100 !important;}
    .tooltip-maroon .tooltip.left .tooltip-arrow{border-left-color:#9c1100 !important;}
    .tooltip-maroon .tooltip.right .tooltip-arrow{border-right-color:#9c1100 !important;}

    .noUiToggle.maroon .noUi-connect {background: #9c1100;}
    
    .widget-maroon .widget-title {background-color: #9c1100;}
    .widget-maroon .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-maroon .widget-control {color: #9c1100;}          

    .btn-maroon {background: #9c1100  !important;color: #FFFFFF !important;border-color: #9c1100 !important}
    .btn-maroon:hover {color: #FFFFFF !important;background-color: #b41603 !important;border-color: #b41603 !important}
    .btn-maroon.focus,.btn-maroon:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-maroon.disabled,.btn-maroon:disabled {color: #FFFFFF;background-color: #9c1100;border-color: #9c1100}
    .btn-maroon:not(:disabled):not(.disabled).active,.btn-maroon:not(:disabled):not(.disabled):active,.show>.btn-maroon.dropdown-toggle {color: #FFFFFF;background-color: #b41603;border-color: #b41603}
    .btn-maroon:not(:disabled):not(.disabled).active:focus,.btn-maroon:not(:disabled):not(.disabled):active:focus,.show>.btn-maroon.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-maroon.trans_b{color: #9c1100 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-maroon.trans_w{color: #9c1100 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-maroon.trans_b:hover{color: #9c1100 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-maroon.trans_w:hover{color: #9c1100 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.maroon {font-weight: 400;color: #9c1100 !important;}
    .btn-link.maroon:hover {color: #b41603 !important;}

    .btn-trans.maroon {font-weight: 400;color: #9c1100 !important;}
    .btn-trans.maroon:hover {background:rgba(0,0,0,0.05) !important;color: #b41603 !important;text-decoration:none !important}    

    .btn-outline-maroon {color: #9c1100 !important;background-color: transparent !important;background-image: none !important;border-color: #9c1100;}
    .btn-outline-maroon:hover {color: #FFFFFF !important;background-color: #9c1100 !important;border-color: #9c1100 !important;}
    .btn-outline-maroon.focus,.btn-outline-maroon:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-maroon.disabled,.btn-outline-maroon:disabled {color: #9c1100 !important;background-color: transparent !important}
    .btn-outline-maroon:not(:disabled):not(.disabled).active,.btn-outline-maroon:not(:disabled):not(.disabled):active,.show>.btn-outline-maroon.dropdown-toggle {color: #FFFFFF !important;background-color: #9c1100 !important;border-color: #9c1100 !important}
    .btn-outline-maroon:not(:disabled):not(.disabled).active:focus,.btn-outline-maroon:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-maroon.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-maroon.trans_b:hover{color: #9c1100 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-maroon.trans_w:hover{color: #9c1100 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.maroon {
        background: #9c1100  !important;
    }

    .tab.maroon{cursor:pointer;color: #9c1100 !important;background-color: #FFFFFF !important;}
    .tab.maroon:hover{background-color:#f8f9fa !important;}
    .tab.maroon.active{background-color: #9c1100 !important;color: #FFFFFF !important;}
    .tab.maroon.active:hover{background-color:#b41603 !important;}

    .panel-maroon{border:1px solid #9c1100 !important;}
    .panel-maroon > .panel-heading{
        background-color:#9c1100 !important; 
        color:#FFFFFF !important;
    }
    .panel-maroon:hover > .panel-heading,
    .panel-maroon:hover .bg-maroon{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.maroon, a.link-maroon{color:#9c1100 !important;}
    .btn-link.maroon:hover, a.link-maroon:hover{color:#b41603 !important;}

    .shadow-bottom-maroon, .shadow-bottom-maroon-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #9c1100;
        -moz-box-shadow: 0 10px 6px -6px #9c1100;
        box-shadow: 0 10px 6px -6px #9c1100;        
    }


            .alert-maroon {color:#9c1100 !important; border:1px solid #cd756a !important; background-color: #fed9d4 !important}
    
        
    .style-red {background-color: #dc3545 !important;color: #FFFFFF !important}
    
    a.text-red:hover {color: #d01426 !important}
    .text-red {color: #dc3545 !important}

    a.bg-red:focus,a.bg-red:hover,button.bg-red:focus,button.bg-red:hover {background-color: #d01426!important}
    .bg-red {background-color: #dc3545 !important;}    
    .fill-red {fill: #dc3545 !important}

    .border-red {border-color: #dc3545 !important}
    .border-bottom-red {border-bottom-color: #dc3545 !important}
    .border-top-red {border-top-color: #dc3545 !important}
    .border-left-red {border-left-color: #dc3545 !important}
    .border-right-red {border-right-color: #dc3545 !important}
    .stroke-red {stroke: #dc3545 !important}
        
    .tooltip-red .tooltip-inner {background-color: #dc3545;}
    .tooltip-red .tooltip.bs-tooltip-right .arrow:before {border-color: #dc3545 !important;}
    .tooltip-red .tooltip.bs-tooltip-left .arrow:before {border-color: #dc3545 !important;}
    .tooltip-red .tooltip.bs-tooltip-bottom .arrow:before {border-color: #dc3545 !important;}
    .tooltip-red .tooltip.bs-tooltip-top .arrow:before {border-color: #dc3545 !important;}   

    .tooltip-red .tooltip.top .tooltip-arrow{border-top-color:#dc3545 !important;}
    .tooltip-red .tooltip.bottom .tooltip-arrow{border-bottom-color:#dc3545 !important;}
    .tooltip-red .tooltip.left .tooltip-arrow{border-left-color:#dc3545 !important;}
    .tooltip-red .tooltip.right .tooltip-arrow{border-right-color:#dc3545 !important;}

    .noUiToggle.red .noUi-connect {background: #dc3545;}
    
    .widget-red .widget-title {background-color: #dc3545;}
    .widget-red .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-red .widget-control {color: #dc3545;}          

    .btn-red {background: #dc3545  !important;color: #FFFFFF !important;border-color: #dc3545 !important}
    .btn-red:hover {color: #FFFFFF !important;background-color: #d01426 !important;border-color: #d01426 !important}
    .btn-red.focus,.btn-red:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-red.disabled,.btn-red:disabled {color: #FFFFFF;background-color: #dc3545;border-color: #dc3545}
    .btn-red:not(:disabled):not(.disabled).active,.btn-red:not(:disabled):not(.disabled):active,.show>.btn-red.dropdown-toggle {color: #FFFFFF;background-color: #d01426;border-color: #d01426}
    .btn-red:not(:disabled):not(.disabled).active:focus,.btn-red:not(:disabled):not(.disabled):active:focus,.show>.btn-red.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-red.trans_b{color: #dc3545 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-red.trans_w{color: #dc3545 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-red.trans_b:hover{color: #dc3545 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-red.trans_w:hover{color: #dc3545 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.red {font-weight: 400;color: #dc3545 !important;}
    .btn-link.red:hover {color: #d01426 !important;}

    .btn-trans.red {font-weight: 400;color: #dc3545 !important;}
    .btn-trans.red:hover {background:rgba(0,0,0,0.05) !important;color: #d01426 !important;text-decoration:none !important}    

    .btn-outline-red {color: #dc3545 !important;background-color: transparent !important;background-image: none !important;border-color: #dc3545;}
    .btn-outline-red:hover {color: #FFFFFF !important;background-color: #dc3545 !important;border-color: #dc3545 !important;}
    .btn-outline-red.focus,.btn-outline-red:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-red.disabled,.btn-outline-red:disabled {color: #dc3545 !important;background-color: transparent !important}
    .btn-outline-red:not(:disabled):not(.disabled).active,.btn-outline-red:not(:disabled):not(.disabled):active,.show>.btn-outline-red.dropdown-toggle {color: #FFFFFF !important;background-color: #dc3545 !important;border-color: #dc3545 !important}
    .btn-outline-red:not(:disabled):not(.disabled).active:focus,.btn-outline-red:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-red.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-red.trans_b:hover{color: #dc3545 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-red.trans_w:hover{color: #dc3545 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.red {
        background: #dc3545  !important;
    }

    .tab.red{cursor:pointer;color: #dc3545 !important;background-color: #FFFFFF !important;}
    .tab.red:hover{background-color:#f8f9fa !important;}
    .tab.red.active{background-color: #dc3545 !important;color: #FFFFFF !important;}
    .tab.red.active:hover{background-color:#d01426 !important;}

    .panel-red{border:1px solid #dc3545 !important;}
    .panel-red > .panel-heading{
        background-color:#dc3545 !important; 
        color:#FFFFFF !important;
    }
    .panel-red:hover > .panel-heading,
    .panel-red:hover .bg-red{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.red, a.link-red{color:#dc3545 !important;}
    .btn-link.red:hover, a.link-red:hover{color:#d01426 !important;}

    .shadow-bottom-red, .shadow-bottom-red-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #dc3545;
        -moz-box-shadow: 0 10px 6px -6px #dc3545;
        box-shadow: 0 10px 6px -6px #dc3545;        
    }


            .alert-red {color:#dc3545 !important; border:1px solid #ea8690 !important; background-color: #f8d7da !important}
    
        
    .style-danger {background-color: #dc3545 !important;color: #FFFFFF !important}
    
    a.text-danger:hover {color: #d01426 !important}
    .text-danger {color: #dc3545 !important}

    a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {background-color: #d01426!important}
    .bg-danger {background-color: #dc3545 !important;}    
    .fill-danger {fill: #dc3545 !important}

    .border-danger {border-color: #dc3545 !important}
    .border-bottom-danger {border-bottom-color: #dc3545 !important}
    .border-top-danger {border-top-color: #dc3545 !important}
    .border-left-danger {border-left-color: #dc3545 !important}
    .border-right-danger {border-right-color: #dc3545 !important}
    .stroke-danger {stroke: #dc3545 !important}
        
    .tooltip-danger .tooltip-inner {background-color: #dc3545;}
    .tooltip-danger .tooltip.bs-tooltip-right .arrow:before {border-color: #dc3545 !important;}
    .tooltip-danger .tooltip.bs-tooltip-left .arrow:before {border-color: #dc3545 !important;}
    .tooltip-danger .tooltip.bs-tooltip-bottom .arrow:before {border-color: #dc3545 !important;}
    .tooltip-danger .tooltip.bs-tooltip-top .arrow:before {border-color: #dc3545 !important;}   

    .tooltip-danger .tooltip.top .tooltip-arrow{border-top-color:#dc3545 !important;}
    .tooltip-danger .tooltip.bottom .tooltip-arrow{border-bottom-color:#dc3545 !important;}
    .tooltip-danger .tooltip.left .tooltip-arrow{border-left-color:#dc3545 !important;}
    .tooltip-danger .tooltip.right .tooltip-arrow{border-right-color:#dc3545 !important;}

    .noUiToggle.danger .noUi-connect {background: #dc3545;}
    
    .widget-danger .widget-title {background-color: #dc3545;}
    .widget-danger .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-danger .widget-control {color: #dc3545;}          

    .btn-danger {background: #dc3545  !important;color: #FFFFFF !important;border-color: #dc3545 !important}
    .btn-danger:hover {color: #FFFFFF !important;background-color: #d01426 !important;border-color: #d01426 !important}
    .btn-danger.focus,.btn-danger:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-danger.disabled,.btn-danger:disabled {color: #FFFFFF;background-color: #dc3545;border-color: #dc3545}
    .btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {color: #FFFFFF;background-color: #d01426;border-color: #d01426}
    .btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-danger.trans_b{color: #dc3545 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-danger.trans_w{color: #dc3545 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-danger.trans_b:hover{color: #dc3545 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-danger.trans_w:hover{color: #dc3545 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.danger {font-weight: 400;color: #dc3545 !important;}
    .btn-link.danger:hover {color: #d01426 !important;}

    .btn-trans.danger {font-weight: 400;color: #dc3545 !important;}
    .btn-trans.danger:hover {background:rgba(0,0,0,0.05) !important;color: #d01426 !important;text-decoration:none !important}    

    .btn-outline-danger {color: #dc3545 !important;background-color: transparent !important;background-image: none !important;border-color: #dc3545;}
    .btn-outline-danger:hover {color: #FFFFFF !important;background-color: #dc3545 !important;border-color: #dc3545 !important;}
    .btn-outline-danger.focus,.btn-outline-danger:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-danger.disabled,.btn-outline-danger:disabled {color: #dc3545 !important;background-color: transparent !important}
    .btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {color: #FFFFFF !important;background-color: #dc3545 !important;border-color: #dc3545 !important}
    .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-danger.trans_b:hover{color: #dc3545 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-danger.trans_w:hover{color: #dc3545 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.danger {
        background: #dc3545  !important;
    }

    .tab.danger{cursor:pointer;color: #dc3545 !important;background-color: #FFFFFF !important;}
    .tab.danger:hover{background-color:#f8f9fa !important;}
    .tab.danger.active{background-color: #dc3545 !important;color: #FFFFFF !important;}
    .tab.danger.active:hover{background-color:#d01426 !important;}

    .panel-danger{border:1px solid #dc3545 !important;}
    .panel-danger > .panel-heading{
        background-color:#dc3545 !important; 
        color:#FFFFFF !important;
    }
    .panel-danger:hover > .panel-heading,
    .panel-danger:hover .bg-danger{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.danger, a.link-danger{color:#dc3545 !important;}
    .btn-link.danger:hover, a.link-danger:hover{color:#d01426 !important;}

    .shadow-bottom-danger, .shadow-bottom-danger-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #dc3545;
        -moz-box-shadow: 0 10px 6px -6px #dc3545;
        box-shadow: 0 10px 6px -6px #dc3545;        
    }


    
        
    .style-fuchsia {background-color: #F012BE !important;color: #FFFFFF !important}
    
    a.text-fuchsia:hover {color: #cb099f !important}
    .text-fuchsia {color: #F012BE !important}

    a.bg-fuchsia:focus,a.bg-fuchsia:hover,button.bg-fuchsia:focus,button.bg-fuchsia:hover {background-color: #cb099f!important}
    .bg-fuchsia {background-color: #F012BE !important;}    
    .fill-fuchsia {fill: #F012BE !important}

    .border-fuchsia {border-color: #F012BE !important}
    .border-bottom-fuchsia {border-bottom-color: #F012BE !important}
    .border-top-fuchsia {border-top-color: #F012BE !important}
    .border-left-fuchsia {border-left-color: #F012BE !important}
    .border-right-fuchsia {border-right-color: #F012BE !important}
    .stroke-fuchsia {stroke: #F012BE !important}
        
    .tooltip-fuchsia .tooltip-inner {background-color: #F012BE;}
    .tooltip-fuchsia .tooltip.bs-tooltip-right .arrow:before {border-color: #F012BE !important;}
    .tooltip-fuchsia .tooltip.bs-tooltip-left .arrow:before {border-color: #F012BE !important;}
    .tooltip-fuchsia .tooltip.bs-tooltip-bottom .arrow:before {border-color: #F012BE !important;}
    .tooltip-fuchsia .tooltip.bs-tooltip-top .arrow:before {border-color: #F012BE !important;}   

    .tooltip-fuchsia .tooltip.top .tooltip-arrow{border-top-color:#F012BE !important;}
    .tooltip-fuchsia .tooltip.bottom .tooltip-arrow{border-bottom-color:#F012BE !important;}
    .tooltip-fuchsia .tooltip.left .tooltip-arrow{border-left-color:#F012BE !important;}
    .tooltip-fuchsia .tooltip.right .tooltip-arrow{border-right-color:#F012BE !important;}

    .noUiToggle.fuchsia .noUi-connect {background: #F012BE;}
    
    .widget-fuchsia .widget-title {background-color: #F012BE;}
    .widget-fuchsia .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-fuchsia .widget-control {color: #F012BE;}          

    .btn-fuchsia {background: #F012BE  !important;color: #FFFFFF !important;border-color: #F012BE !important}
    .btn-fuchsia:hover {color: #FFFFFF !important;background-color: #cb099f !important;border-color: #cb099f !important}
    .btn-fuchsia.focus,.btn-fuchsia:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-fuchsia.disabled,.btn-fuchsia:disabled {color: #FFFFFF;background-color: #F012BE;border-color: #F012BE}
    .btn-fuchsia:not(:disabled):not(.disabled).active,.btn-fuchsia:not(:disabled):not(.disabled):active,.show>.btn-fuchsia.dropdown-toggle {color: #FFFFFF;background-color: #cb099f;border-color: #cb099f}
    .btn-fuchsia:not(:disabled):not(.disabled).active:focus,.btn-fuchsia:not(:disabled):not(.disabled):active:focus,.show>.btn-fuchsia.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-fuchsia.trans_b{color: #F012BE !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-fuchsia.trans_w{color: #F012BE !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-fuchsia.trans_b:hover{color: #F012BE !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-fuchsia.trans_w:hover{color: #F012BE !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.fuchsia {font-weight: 400;color: #F012BE !important;}
    .btn-link.fuchsia:hover {color: #cb099f !important;}

    .btn-trans.fuchsia {font-weight: 400;color: #F012BE !important;}
    .btn-trans.fuchsia:hover {background:rgba(0,0,0,0.05) !important;color: #cb099f !important;text-decoration:none !important}    

    .btn-outline-fuchsia {color: #F012BE !important;background-color: transparent !important;background-image: none !important;border-color: #F012BE;}
    .btn-outline-fuchsia:hover {color: #FFFFFF !important;background-color: #F012BE !important;border-color: #F012BE !important;}
    .btn-outline-fuchsia.focus,.btn-outline-fuchsia:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-fuchsia.disabled,.btn-outline-fuchsia:disabled {color: #F012BE !important;background-color: transparent !important}
    .btn-outline-fuchsia:not(:disabled):not(.disabled).active,.btn-outline-fuchsia:not(:disabled):not(.disabled):active,.show>.btn-outline-fuchsia.dropdown-toggle {color: #FFFFFF !important;background-color: #F012BE !important;border-color: #F012BE !important}
    .btn-outline-fuchsia:not(:disabled):not(.disabled).active:focus,.btn-outline-fuchsia:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-fuchsia.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-fuchsia.trans_b:hover{color: #F012BE !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-fuchsia.trans_w:hover{color: #F012BE !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.fuchsia {
        background: #F012BE  !important;
    }

    .tab.fuchsia{cursor:pointer;color: #F012BE !important;background-color: #FFFFFF !important;}
    .tab.fuchsia:hover{background-color:#f8f9fa !important;}
    .tab.fuchsia.active{background-color: #F012BE !important;color: #FFFFFF !important;}
    .tab.fuchsia.active:hover{background-color:#cb099f !important;}

    .panel-fuchsia{border:1px solid #F012BE !important;}
    .panel-fuchsia > .panel-heading{
        background-color:#F012BE !important; 
        color:#FFFFFF !important;
    }
    .panel-fuchsia:hover > .panel-heading,
    .panel-fuchsia:hover .bg-fuchsia{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.fuchsia, a.link-fuchsia{color:#F012BE !important;}
    .btn-link.fuchsia:hover, a.link-fuchsia:hover{color:#cb099f !important;}

    .shadow-bottom-fuchsia, .shadow-bottom-fuchsia-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #F012BE;
        -moz-box-shadow: 0 10px 6px -6px #F012BE;
        box-shadow: 0 10px 6px -6px #F012BE;        
    }


            .alert-fuchsia {color:#F012BE !important; border:1px solid #f875da !important; background-color: #ffd7f6 !important}
    
        
    .style-pink {background-color: #FF3D7F !important;color: #FFFFFF !important}
    
    a.text-pink:hover {color: #ff71a1 !important}
    .text-pink {color: #FF3D7F !important}

    a.bg-pink:focus,a.bg-pink:hover,button.bg-pink:focus,button.bg-pink:hover {background-color: #ff71a1!important}
    .bg-pink {background-color: #FF3D7F !important;}    
    .fill-pink {fill: #FF3D7F !important}

    .border-pink {border-color: #FF3D7F !important}
    .border-bottom-pink {border-bottom-color: #FF3D7F !important}
    .border-top-pink {border-top-color: #FF3D7F !important}
    .border-left-pink {border-left-color: #FF3D7F !important}
    .border-right-pink {border-right-color: #FF3D7F !important}
    .stroke-pink {stroke: #FF3D7F !important}
        
    .tooltip-pink .tooltip-inner {background-color: #FF3D7F;}
    .tooltip-pink .tooltip.bs-tooltip-right .arrow:before {border-color: #FF3D7F !important;}
    .tooltip-pink .tooltip.bs-tooltip-left .arrow:before {border-color: #FF3D7F !important;}
    .tooltip-pink .tooltip.bs-tooltip-bottom .arrow:before {border-color: #FF3D7F !important;}
    .tooltip-pink .tooltip.bs-tooltip-top .arrow:before {border-color: #FF3D7F !important;}   

    .tooltip-pink .tooltip.top .tooltip-arrow{border-top-color:#FF3D7F !important;}
    .tooltip-pink .tooltip.bottom .tooltip-arrow{border-bottom-color:#FF3D7F !important;}
    .tooltip-pink .tooltip.left .tooltip-arrow{border-left-color:#FF3D7F !important;}
    .tooltip-pink .tooltip.right .tooltip-arrow{border-right-color:#FF3D7F !important;}

    .noUiToggle.pink .noUi-connect {background: #FF3D7F;}
    
    .widget-pink .widget-title {background-color: #FF3D7F;}
    .widget-pink .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-pink .widget-control {color: #FF3D7F;}          

    .btn-pink {background: #FF3D7F  !important;color: #FFFFFF !important;border-color: #FF3D7F !important}
    .btn-pink:hover {color: #FFFFFF !important;background-color: #ff71a1 !important;border-color: #ff71a1 !important}
    .btn-pink.focus,.btn-pink:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-pink.disabled,.btn-pink:disabled {color: #FFFFFF;background-color: #FF3D7F;border-color: #FF3D7F}
    .btn-pink:not(:disabled):not(.disabled).active,.btn-pink:not(:disabled):not(.disabled):active,.show>.btn-pink.dropdown-toggle {color: #FFFFFF;background-color: #ff71a1;border-color: #ff71a1}
    .btn-pink:not(:disabled):not(.disabled).active:focus,.btn-pink:not(:disabled):not(.disabled):active:focus,.show>.btn-pink.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-pink.trans_b{color: #FF3D7F !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-pink.trans_w{color: #FF3D7F !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-pink.trans_b:hover{color: #FF3D7F !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-pink.trans_w:hover{color: #FF3D7F !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.pink {font-weight: 400;color: #FF3D7F !important;}
    .btn-link.pink:hover {color: #ff71a1 !important;}

    .btn-trans.pink {font-weight: 400;color: #FF3D7F !important;}
    .btn-trans.pink:hover {background:rgba(0,0,0,0.05) !important;color: #ff71a1 !important;text-decoration:none !important}    

    .btn-outline-pink {color: #FF3D7F !important;background-color: transparent !important;background-image: none !important;border-color: #FF3D7F;}
    .btn-outline-pink:hover {color: #FFFFFF !important;background-color: #FF3D7F !important;border-color: #FF3D7F !important;}
    .btn-outline-pink.focus,.btn-outline-pink:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-pink.disabled,.btn-outline-pink:disabled {color: #FF3D7F !important;background-color: transparent !important}
    .btn-outline-pink:not(:disabled):not(.disabled).active,.btn-outline-pink:not(:disabled):not(.disabled):active,.show>.btn-outline-pink.dropdown-toggle {color: #FFFFFF !important;background-color: #FF3D7F !important;border-color: #FF3D7F !important}
    .btn-outline-pink:not(:disabled):not(.disabled).active:focus,.btn-outline-pink:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-pink.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-pink.trans_b:hover{color: #FF3D7F !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-pink.trans_w:hover{color: #FF3D7F !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.pink {
        background: #FF3D7F  !important;
    }

    .tab.pink{cursor:pointer;color: #FF3D7F !important;background-color: #FFFFFF !important;}
    .tab.pink:hover{background-color:#f8f9fa !important;}
    .tab.pink.active{background-color: #FF3D7F !important;color: #FFFFFF !important;}
    .tab.pink.active:hover{background-color:#ff71a1 !important;}

    .panel-pink{border:1px solid #FF3D7F !important;}
    .panel-pink > .panel-heading{
        background-color:#FF3D7F !important; 
        color:#FFFFFF !important;
    }
    .panel-pink:hover > .panel-heading,
    .panel-pink:hover .bg-pink{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.pink, a.link-pink{color:#FF3D7F !important;}
    .btn-link.pink:hover, a.link-pink:hover{color:#ff71a1 !important;}

    .shadow-bottom-pink, .shadow-bottom-pink-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #FF3D7F;
        -moz-box-shadow: 0 10px 6px -6px #FF3D7F;
        box-shadow: 0 10px 6px -6px #FF3D7F;        
    }


            .alert-pink {color:#FF3D7F !important; border:1px solid #ff8cb3 !important; background-color: #ffdbe7 !important}
    
        
    .style-orange {background-color: #FF851B !important;color: #FFFFFF !important}
    
    a.text-orange:hover {color: #de7010 !important}
    .text-orange {color: #FF851B !important}

    a.bg-orange:focus,a.bg-orange:hover,button.bg-orange:focus,button.bg-orange:hover {background-color: #de7010!important}
    .bg-orange {background-color: #FF851B !important;}    
    .fill-orange {fill: #FF851B !important}

    .border-orange {border-color: #FF851B !important}
    .border-bottom-orange {border-bottom-color: #FF851B !important}
    .border-top-orange {border-top-color: #FF851B !important}
    .border-left-orange {border-left-color: #FF851B !important}
    .border-right-orange {border-right-color: #FF851B !important}
    .stroke-orange {stroke: #FF851B !important}
        
    .tooltip-orange .tooltip-inner {background-color: #FF851B;}
    .tooltip-orange .tooltip.bs-tooltip-right .arrow:before {border-color: #FF851B !important;}
    .tooltip-orange .tooltip.bs-tooltip-left .arrow:before {border-color: #FF851B !important;}
    .tooltip-orange .tooltip.bs-tooltip-bottom .arrow:before {border-color: #FF851B !important;}
    .tooltip-orange .tooltip.bs-tooltip-top .arrow:before {border-color: #FF851B !important;}   

    .tooltip-orange .tooltip.top .tooltip-arrow{border-top-color:#FF851B !important;}
    .tooltip-orange .tooltip.bottom .tooltip-arrow{border-bottom-color:#FF851B !important;}
    .tooltip-orange .tooltip.left .tooltip-arrow{border-left-color:#FF851B !important;}
    .tooltip-orange .tooltip.right .tooltip-arrow{border-right-color:#FF851B !important;}

    .noUiToggle.orange .noUi-connect {background: #FF851B;}
    
    .widget-orange .widget-title {background-color: #FF851B;}
    .widget-orange .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-orange .widget-control {color: #FF851B;}          

    .btn-orange {background: #FF851B  !important;color: #FFFFFF !important;border-color: #FF851B !important}
    .btn-orange:hover {color: #FFFFFF !important;background-color: #de7010 !important;border-color: #de7010 !important}
    .btn-orange.focus,.btn-orange:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-orange.disabled,.btn-orange:disabled {color: #FFFFFF;background-color: #FF851B;border-color: #FF851B}
    .btn-orange:not(:disabled):not(.disabled).active,.btn-orange:not(:disabled):not(.disabled):active,.show>.btn-orange.dropdown-toggle {color: #FFFFFF;background-color: #de7010;border-color: #de7010}
    .btn-orange:not(:disabled):not(.disabled).active:focus,.btn-orange:not(:disabled):not(.disabled):active:focus,.show>.btn-orange.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-orange.trans_b{color: #FF851B !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-orange.trans_w{color: #FF851B !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-orange.trans_b:hover{color: #FF851B !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-orange.trans_w:hover{color: #FF851B !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.orange {font-weight: 400;color: #FF851B !important;}
    .btn-link.orange:hover {color: #de7010 !important;}

    .btn-trans.orange {font-weight: 400;color: #FF851B !important;}
    .btn-trans.orange:hover {background:rgba(0,0,0,0.05) !important;color: #de7010 !important;text-decoration:none !important}    

    .btn-outline-orange {color: #FF851B !important;background-color: transparent !important;background-image: none !important;border-color: #FF851B;}
    .btn-outline-orange:hover {color: #FFFFFF !important;background-color: #FF851B !important;border-color: #FF851B !important;}
    .btn-outline-orange.focus,.btn-outline-orange:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-orange.disabled,.btn-outline-orange:disabled {color: #FF851B !important;background-color: transparent !important}
    .btn-outline-orange:not(:disabled):not(.disabled).active,.btn-outline-orange:not(:disabled):not(.disabled):active,.show>.btn-outline-orange.dropdown-toggle {color: #FFFFFF !important;background-color: #FF851B !important;border-color: #FF851B !important}
    .btn-outline-orange:not(:disabled):not(.disabled).active:focus,.btn-outline-orange:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-orange.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-orange.trans_b:hover{color: #FF851B !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-orange.trans_w:hover{color: #FF851B !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.orange {
        background: #FF851B  !important;
    }

    .tab.orange{cursor:pointer;color: #FF851B !important;background-color: #FFFFFF !important;}
    .tab.orange:hover{background-color:#f8f9fa !important;}
    .tab.orange.active{background-color: #FF851B !important;color: #FFFFFF !important;}
    .tab.orange.active:hover{background-color:#de7010 !important;}

    .panel-orange{border:1px solid #FF851B !important;}
    .panel-orange > .panel-heading{
        background-color:#FF851B !important; 
        color:#FFFFFF !important;
    }
    .panel-orange:hover > .panel-heading,
    .panel-orange:hover .bg-orange{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.orange, a.link-orange{color:#FF851B !important;}
    .btn-link.orange:hover, a.link-orange:hover{color:#de7010 !important;}

    .shadow-bottom-orange, .shadow-bottom-orange-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #FF851B;
        -moz-box-shadow: 0 10px 6px -6px #FF851B;
        box-shadow: 0 10px 6px -6px #FF851B;        
    }


            .alert-orange {color:#FF851B !important; border:1px solid #ffb97b !important; background-color: #ffecdb !important}
    
        
    .style-pedestal {background-color: #fbb500 !important;color: #111111 !important}
    
    a.text-pedestal:hover {color: #fbd500 !important}
    .text-pedestal {color: #fbb500 !important}

    a.bg-pedestal:focus,a.bg-pedestal:hover,button.bg-pedestal:focus,button.bg-pedestal:hover {background-color: #fbd500!important}
    .bg-pedestal {background-color: #fbb500 !important;}    
    .fill-pedestal {fill: #fbb500 !important}

    .border-pedestal {border-color: #fbb500 !important}
    .border-bottom-pedestal {border-bottom-color: #fbb500 !important}
    .border-top-pedestal {border-top-color: #fbb500 !important}
    .border-left-pedestal {border-left-color: #fbb500 !important}
    .border-right-pedestal {border-right-color: #fbb500 !important}
    .stroke-pedestal {stroke: #fbb500 !important}
        
    .tooltip-pedestal .tooltip-inner {background-color: #fbb500;}
    .tooltip-pedestal .tooltip.bs-tooltip-right .arrow:before {border-color: #fbb500 !important;}
    .tooltip-pedestal .tooltip.bs-tooltip-left .arrow:before {border-color: #fbb500 !important;}
    .tooltip-pedestal .tooltip.bs-tooltip-bottom .arrow:before {border-color: #fbb500 !important;}
    .tooltip-pedestal .tooltip.bs-tooltip-top .arrow:before {border-color: #fbb500 !important;}   

    .tooltip-pedestal .tooltip.top .tooltip-arrow{border-top-color:#fbb500 !important;}
    .tooltip-pedestal .tooltip.bottom .tooltip-arrow{border-bottom-color:#fbb500 !important;}
    .tooltip-pedestal .tooltip.left .tooltip-arrow{border-left-color:#fbb500 !important;}
    .tooltip-pedestal .tooltip.right .tooltip-arrow{border-right-color:#fbb500 !important;}

    .noUiToggle.pedestal .noUi-connect {background: #fbb500;}
    
    .widget-pedestal .widget-title {background-color: #fbb500;}
    .widget-pedestal .widget-title h3 {color: #111111;text-shadow:none !important}
    .widget-pedestal .widget-control {color: #fbb500;}          

    .btn-pedestal {background: #fbb500  !important;color: #111111 !important;border-color: #fbb500 !important}
    .btn-pedestal:hover {color: #111111 !important;background-color: #fbd500 !important;border-color: #fbd500 !important}
    .btn-pedestal.focus,.btn-pedestal:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-pedestal.disabled,.btn-pedestal:disabled {color: #111111;background-color: #fbb500;border-color: #fbb500}
    .btn-pedestal:not(:disabled):not(.disabled).active,.btn-pedestal:not(:disabled):not(.disabled):active,.show>.btn-pedestal.dropdown-toggle {color: #111111;background-color: #fbd500;border-color: #fbd500}
    .btn-pedestal:not(:disabled):not(.disabled).active:focus,.btn-pedestal:not(:disabled):not(.disabled):active:focus,.show>.btn-pedestal.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-pedestal.trans_b{color: #fbb500 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-pedestal.trans_w{color: #fbb500 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-pedestal.trans_b:hover{color: #fbb500 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-pedestal.trans_w:hover{color: #fbb500 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.pedestal {font-weight: 400;color: #fbb500 !important;}
    .btn-link.pedestal:hover {color: #fbd500 !important;}

    .btn-trans.pedestal {font-weight: 400;color: #fbb500 !important;}
    .btn-trans.pedestal:hover {background:rgba(0,0,0,0.05) !important;color: #fbd500 !important;text-decoration:none !important}    

    .btn-outline-pedestal {color: #fbb500 !important;background-color: transparent !important;background-image: none !important;border-color: #fbb500;}
    .btn-outline-pedestal:hover {color: #111111 !important;background-color: #fbb500 !important;border-color: #fbb500 !important;}
    .btn-outline-pedestal.focus,.btn-outline-pedestal:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-pedestal.disabled,.btn-outline-pedestal:disabled {color: #fbb500 !important;background-color: transparent !important}
    .btn-outline-pedestal:not(:disabled):not(.disabled).active,.btn-outline-pedestal:not(:disabled):not(.disabled):active,.show>.btn-outline-pedestal.dropdown-toggle {color: #111111 !important;background-color: #fbb500 !important;border-color: #fbb500 !important}
    .btn-outline-pedestal:not(:disabled):not(.disabled).active:focus,.btn-outline-pedestal:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-pedestal.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-pedestal.trans_b:hover{color: #fbb500 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-pedestal.trans_w:hover{color: #fbb500 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.pedestal {
        background: #fbb500  !important;
    }

    .tab.pedestal{cursor:pointer;color: #fbb500 !important;background-color: #111111 !important;}
    .tab.pedestal:hover{background-color:#f8f9fa !important;}
    .tab.pedestal.active{background-color: #fbb500 !important;color: #111111 !important;}
    .tab.pedestal.active:hover{background-color:#fbd500 !important;}

    .panel-pedestal{border:1px solid #fbb500 !important;}
    .panel-pedestal > .panel-heading{
        background-color:#fbb500 !important; 
        color:#111111 !important;
    }
    .panel-pedestal:hover > .panel-heading,
    .panel-pedestal:hover .bg-pedestal{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.pedestal, a.link-pedestal{color:#fbb500 !important;}
    .btn-link.pedestal:hover, a.link-pedestal:hover{color:#fbd500 !important;}

    .shadow-bottom-pedestal, .shadow-bottom-pedestal-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #fbb500;
        -moz-box-shadow: 0 10px 6px -6px #fbb500;
        box-shadow: 0 10px 6px -6px #fbb500;        
    }


    
        
    .style-warning {background-color: #ffc107 !important;color: #FFFFFF !important}
    
    a.text-warning:hover {color: #ffcf40 !important}
    .text-warning {color: #ffc107 !important}

    a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {background-color: #ffcf40!important}
    .bg-warning {background-color: #ffc107 !important;}    
    .fill-warning {fill: #ffc107 !important}

    .border-warning {border-color: #ffc107 !important}
    .border-bottom-warning {border-bottom-color: #ffc107 !important}
    .border-top-warning {border-top-color: #ffc107 !important}
    .border-left-warning {border-left-color: #ffc107 !important}
    .border-right-warning {border-right-color: #ffc107 !important}
    .stroke-warning {stroke: #ffc107 !important}
        
    .tooltip-warning .tooltip-inner {background-color: #ffc107;}
    .tooltip-warning .tooltip.bs-tooltip-right .arrow:before {border-color: #ffc107 !important;}
    .tooltip-warning .tooltip.bs-tooltip-left .arrow:before {border-color: #ffc107 !important;}
    .tooltip-warning .tooltip.bs-tooltip-bottom .arrow:before {border-color: #ffc107 !important;}
    .tooltip-warning .tooltip.bs-tooltip-top .arrow:before {border-color: #ffc107 !important;}   

    .tooltip-warning .tooltip.top .tooltip-arrow{border-top-color:#ffc107 !important;}
    .tooltip-warning .tooltip.bottom .tooltip-arrow{border-bottom-color:#ffc107 !important;}
    .tooltip-warning .tooltip.left .tooltip-arrow{border-left-color:#ffc107 !important;}
    .tooltip-warning .tooltip.right .tooltip-arrow{border-right-color:#ffc107 !important;}

    .noUiToggle.warning .noUi-connect {background: #ffc107;}
    
    .widget-warning .widget-title {background-color: #ffc107;}
    .widget-warning .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-warning .widget-control {color: #ffc107;}          

    .btn-warning {background: #ffc107  !important;color: #FFFFFF !important;border-color: #ffc107 !important}
    .btn-warning:hover {color: #FFFFFF !important;background-color: #ffcf40 !important;border-color: #ffcf40 !important}
    .btn-warning.focus,.btn-warning:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-warning.disabled,.btn-warning:disabled {color: #FFFFFF;background-color: #ffc107;border-color: #ffc107}
    .btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {color: #FFFFFF;background-color: #ffcf40;border-color: #ffcf40}
    .btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-warning.trans_b{color: #ffc107 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-warning.trans_w{color: #ffc107 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-warning.trans_b:hover{color: #ffc107 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-warning.trans_w:hover{color: #ffc107 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.warning {font-weight: 400;color: #ffc107 !important;}
    .btn-link.warning:hover {color: #ffcf40 !important;}

    .btn-trans.warning {font-weight: 400;color: #ffc107 !important;}
    .btn-trans.warning:hover {background:rgba(0,0,0,0.05) !important;color: #ffcf40 !important;text-decoration:none !important}    

    .btn-outline-warning {color: #ffc107 !important;background-color: transparent !important;background-image: none !important;border-color: #ffc107;}
    .btn-outline-warning:hover {color: #FFFFFF !important;background-color: #ffc107 !important;border-color: #ffc107 !important;}
    .btn-outline-warning.focus,.btn-outline-warning:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-warning.disabled,.btn-outline-warning:disabled {color: #ffc107 !important;background-color: transparent !important}
    .btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {color: #FFFFFF !important;background-color: #ffc107 !important;border-color: #ffc107 !important}
    .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-warning.trans_b:hover{color: #ffc107 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-warning.trans_w:hover{color: #ffc107 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.warning {
        background: #ffc107  !important;
    }

    .tab.warning{cursor:pointer;color: #ffc107 !important;background-color: #FFFFFF !important;}
    .tab.warning:hover{background-color:#f8f9fa !important;}
    .tab.warning.active{background-color: #ffc107 !important;color: #FFFFFF !important;}
    .tab.warning.active:hover{background-color:#ffcf40 !important;}

    .panel-warning{border:1px solid #ffc107 !important;}
    .panel-warning > .panel-heading{
        background-color:#ffc107 !important; 
        color:#FFFFFF !important;
    }
    .panel-warning:hover > .panel-heading,
    .panel-warning:hover .bg-warning{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.warning, a.link-warning{color:#ffc107 !important;}
    .btn-link.warning:hover, a.link-warning:hover{color:#ffcf40 !important;}

    .shadow-bottom-warning, .shadow-bottom-warning-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #ffc107;
        -moz-box-shadow: 0 10px 6px -6px #ffc107;
        box-shadow: 0 10px 6px -6px #ffc107;        
    }


    
        
    .style-yellow {background-color: #FFDC00 !important;color: #000000 !important}
    
    a.text-yellow:hover {color: #f6ff00 !important}
    .text-yellow {color: #FFDC00 !important}

    a.bg-yellow:focus,a.bg-yellow:hover,button.bg-yellow:focus,button.bg-yellow:hover {background-color: #f6ff00!important}
    .bg-yellow {background-color: #FFDC00 !important;}    
    .fill-yellow {fill: #FFDC00 !important}

    .border-yellow {border-color: #FFDC00 !important}
    .border-bottom-yellow {border-bottom-color: #FFDC00 !important}
    .border-top-yellow {border-top-color: #FFDC00 !important}
    .border-left-yellow {border-left-color: #FFDC00 !important}
    .border-right-yellow {border-right-color: #FFDC00 !important}
    .stroke-yellow {stroke: #FFDC00 !important}
        
    .tooltip-yellow .tooltip-inner {background-color: #FFDC00;}
    .tooltip-yellow .tooltip.bs-tooltip-right .arrow:before {border-color: #FFDC00 !important;}
    .tooltip-yellow .tooltip.bs-tooltip-left .arrow:before {border-color: #FFDC00 !important;}
    .tooltip-yellow .tooltip.bs-tooltip-bottom .arrow:before {border-color: #FFDC00 !important;}
    .tooltip-yellow .tooltip.bs-tooltip-top .arrow:before {border-color: #FFDC00 !important;}   

    .tooltip-yellow .tooltip.top .tooltip-arrow{border-top-color:#FFDC00 !important;}
    .tooltip-yellow .tooltip.bottom .tooltip-arrow{border-bottom-color:#FFDC00 !important;}
    .tooltip-yellow .tooltip.left .tooltip-arrow{border-left-color:#FFDC00 !important;}
    .tooltip-yellow .tooltip.right .tooltip-arrow{border-right-color:#FFDC00 !important;}

    .noUiToggle.yellow .noUi-connect {background: #FFDC00;}
    
    .widget-yellow .widget-title {background-color: #FFDC00;}
    .widget-yellow .widget-title h3 {color: #000000;text-shadow:none !important}
    .widget-yellow .widget-control {color: #FFDC00;}          

    .btn-yellow {background: #FFDC00  !important;color: #000000 !important;border-color: #FFDC00 !important}
    .btn-yellow:hover {color: #000000 !important;background-color: #f6ff00 !important;border-color: #f6ff00 !important}
    .btn-yellow.focus,.btn-yellow:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-yellow.disabled,.btn-yellow:disabled {color: #000000;background-color: #FFDC00;border-color: #FFDC00}
    .btn-yellow:not(:disabled):not(.disabled).active,.btn-yellow:not(:disabled):not(.disabled):active,.show>.btn-yellow.dropdown-toggle {color: #000000;background-color: #f6ff00;border-color: #f6ff00}
    .btn-yellow:not(:disabled):not(.disabled).active:focus,.btn-yellow:not(:disabled):not(.disabled):active:focus,.show>.btn-yellow.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-yellow.trans_b{color: #FFDC00 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-yellow.trans_w{color: #FFDC00 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-yellow.trans_b:hover{color: #FFDC00 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-yellow.trans_w:hover{color: #FFDC00 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.yellow {font-weight: 400;color: #FFDC00 !important;}
    .btn-link.yellow:hover {color: #f6ff00 !important;}

    .btn-trans.yellow {font-weight: 400;color: #FFDC00 !important;}
    .btn-trans.yellow:hover {background:rgba(0,0,0,0.05) !important;color: #f6ff00 !important;text-decoration:none !important}    

    .btn-outline-yellow {color: #FFDC00 !important;background-color: transparent !important;background-image: none !important;border-color: #FFDC00;}
    .btn-outline-yellow:hover {color: #000000 !important;background-color: #FFDC00 !important;border-color: #FFDC00 !important;}
    .btn-outline-yellow.focus,.btn-outline-yellow:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-yellow.disabled,.btn-outline-yellow:disabled {color: #FFDC00 !important;background-color: transparent !important}
    .btn-outline-yellow:not(:disabled):not(.disabled).active,.btn-outline-yellow:not(:disabled):not(.disabled):active,.show>.btn-outline-yellow.dropdown-toggle {color: #000000 !important;background-color: #FFDC00 !important;border-color: #FFDC00 !important}
    .btn-outline-yellow:not(:disabled):not(.disabled).active:focus,.btn-outline-yellow:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-yellow.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-yellow.trans_b:hover{color: #FFDC00 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-yellow.trans_w:hover{color: #FFDC00 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.yellow {
        background: #FFDC00  !important;
    }

    .tab.yellow{cursor:pointer;color: #FFDC00 !important;background-color: #000000 !important;}
    .tab.yellow:hover{background-color:#f8f9fa !important;}
    .tab.yellow.active{background-color: #FFDC00 !important;color: #000000 !important;}
    .tab.yellow.active:hover{background-color:#f6ff00 !important;}

    .panel-yellow{border:1px solid #FFDC00 !important;}
    .panel-yellow > .panel-heading{
        background-color:#FFDC00 !important; 
        color:#000000 !important;
    }
    .panel-yellow:hover > .panel-heading,
    .panel-yellow:hover .bg-yellow{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.yellow, a.link-yellow{color:#FFDC00 !important;}
    .btn-link.yellow:hover, a.link-yellow:hover{color:#f6ff00 !important;}

    .shadow-bottom-yellow, .shadow-bottom-yellow-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #FFDC00;
        -moz-box-shadow: 0 10px 6px -6px #FFDC00;
        box-shadow: 0 10px 6px -6px #FFDC00;        
    }


    
        
    .style-tooltip {background-color: #FFFFE1 !important;color: #FF851B !important}
    
    a.text-tooltip:hover {color: #ffffcc !important}
    .text-tooltip {color: #FFFFE1 !important}

    a.bg-tooltip:focus,a.bg-tooltip:hover,button.bg-tooltip:focus,button.bg-tooltip:hover {background-color: #ffffcc!important}
    .bg-tooltip {background-color: #FFFFE1 !important;}    
    .fill-tooltip {fill: #FFFFE1 !important}

    .border-tooltip {border-color: #FFFFE1 !important}
    .border-bottom-tooltip {border-bottom-color: #FFFFE1 !important}
    .border-top-tooltip {border-top-color: #FFFFE1 !important}
    .border-left-tooltip {border-left-color: #FFFFE1 !important}
    .border-right-tooltip {border-right-color: #FFFFE1 !important}
    .stroke-tooltip {stroke: #FFFFE1 !important}
        
    .tooltip-tooltip .tooltip-inner {background-color: #FFFFE1;}
    .tooltip-tooltip .tooltip.bs-tooltip-right .arrow:before {border-color: #FFFFE1 !important;}
    .tooltip-tooltip .tooltip.bs-tooltip-left .arrow:before {border-color: #FFFFE1 !important;}
    .tooltip-tooltip .tooltip.bs-tooltip-bottom .arrow:before {border-color: #FFFFE1 !important;}
    .tooltip-tooltip .tooltip.bs-tooltip-top .arrow:before {border-color: #FFFFE1 !important;}   

    .tooltip-tooltip .tooltip.top .tooltip-arrow{border-top-color:#FFFFE1 !important;}
    .tooltip-tooltip .tooltip.bottom .tooltip-arrow{border-bottom-color:#FFFFE1 !important;}
    .tooltip-tooltip .tooltip.left .tooltip-arrow{border-left-color:#FFFFE1 !important;}
    .tooltip-tooltip .tooltip.right .tooltip-arrow{border-right-color:#FFFFE1 !important;}

    .noUiToggle.tooltip .noUi-connect {background: #FFFFE1;}
    
    .widget-tooltip .widget-title {background-color: #FFFFE1;}
    .widget-tooltip .widget-title h3 {color: #FF851B;text-shadow:none !important}
    .widget-tooltip .widget-control {color: #FFFFE1;}          

    .btn-tooltip {background: #FFFFE1  !important;color: #FF851B !important;border-color: #FFFFE1 !important}
    .btn-tooltip:hover {color: #FF851B !important;background-color: #ffffcc !important;border-color: #ffffcc !important}
    .btn-tooltip.focus,.btn-tooltip:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-tooltip.disabled,.btn-tooltip:disabled {color: #FF851B;background-color: #FFFFE1;border-color: #FFFFE1}
    .btn-tooltip:not(:disabled):not(.disabled).active,.btn-tooltip:not(:disabled):not(.disabled):active,.show>.btn-tooltip.dropdown-toggle {color: #FF851B;background-color: #ffffcc;border-color: #ffffcc}
    .btn-tooltip:not(:disabled):not(.disabled).active:focus,.btn-tooltip:not(:disabled):not(.disabled):active:focus,.show>.btn-tooltip.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-tooltip.trans_b{color: #FFFFE1 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-tooltip.trans_w{color: #FFFFE1 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-tooltip.trans_b:hover{color: #FFFFE1 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-tooltip.trans_w:hover{color: #FFFFE1 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.tooltip {font-weight: 400;color: #FFFFE1 !important;}
    .btn-link.tooltip:hover {color: #ffffcc !important;}

    .btn-trans.tooltip {font-weight: 400;color: #FFFFE1 !important;}
    .btn-trans.tooltip:hover {background:rgba(0,0,0,0.05) !important;color: #ffffcc !important;text-decoration:none !important}    

    .btn-outline-tooltip {color: #FFFFE1 !important;background-color: transparent !important;background-image: none !important;border-color: #FFFFE1;}
    .btn-outline-tooltip:hover {color: #FF851B !important;background-color: #FFFFE1 !important;border-color: #FFFFE1 !important;}
    .btn-outline-tooltip.focus,.btn-outline-tooltip:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-tooltip.disabled,.btn-outline-tooltip:disabled {color: #FFFFE1 !important;background-color: transparent !important}
    .btn-outline-tooltip:not(:disabled):not(.disabled).active,.btn-outline-tooltip:not(:disabled):not(.disabled):active,.show>.btn-outline-tooltip.dropdown-toggle {color: #FF851B !important;background-color: #FFFFE1 !important;border-color: #FFFFE1 !important}
    .btn-outline-tooltip:not(:disabled):not(.disabled).active:focus,.btn-outline-tooltip:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-tooltip.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-tooltip.trans_b:hover{color: #FFFFE1 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-tooltip.trans_w:hover{color: #FFFFE1 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.tooltip {
        background: #FFFFE1  !important;
    }

    .tab.tooltip{cursor:pointer;color: #FFFFE1 !important;background-color: #FF851B !important;}
    .tab.tooltip:hover{background-color:#f8f9fa !important;}
    .tab.tooltip.active{background-color: #FFFFE1 !important;color: #FF851B !important;}
    .tab.tooltip.active:hover{background-color:#ffffcc !important;}

    .panel-tooltip{border:1px solid #FFFFE1 !important;}
    .panel-tooltip > .panel-heading{
        background-color:#FFFFE1 !important; 
        color:#FF851B !important;
    }
    .panel-tooltip:hover > .panel-heading,
    .panel-tooltip:hover .bg-tooltip{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.tooltip, a.link-tooltip{color:#FFFFE1 !important;}
    .btn-link.tooltip:hover, a.link-tooltip:hover{color:#ffffcc !important;}

    .shadow-bottom-tooltip, .shadow-bottom-tooltip-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #FFFFE1;
        -moz-box-shadow: 0 10px 6px -6px #FFFFE1;
        box-shadow: 0 10px 6px -6px #FFFFE1;        
    }


    
        
    .style-dark_green {background-color: #00710d !important;color: #FFFFFF !important}
    
    a.text-dark_green:hover {color: #008e10 !important}
    .text-dark_green {color: #00710d !important}

    a.bg-dark_green:focus,a.bg-dark_green:hover,button.bg-dark_green:focus,button.bg-dark_green:hover {background-color: #008e10!important}
    .bg-dark_green {background-color: #00710d !important;}    
    .fill-dark_green {fill: #00710d !important}

    .border-dark_green {border-color: #00710d !important}
    .border-bottom-dark_green {border-bottom-color: #00710d !important}
    .border-top-dark_green {border-top-color: #00710d !important}
    .border-left-dark_green {border-left-color: #00710d !important}
    .border-right-dark_green {border-right-color: #00710d !important}
    .stroke-dark_green {stroke: #00710d !important}
        
    .tooltip-dark_green .tooltip-inner {background-color: #00710d;}
    .tooltip-dark_green .tooltip.bs-tooltip-right .arrow:before {border-color: #00710d !important;}
    .tooltip-dark_green .tooltip.bs-tooltip-left .arrow:before {border-color: #00710d !important;}
    .tooltip-dark_green .tooltip.bs-tooltip-bottom .arrow:before {border-color: #00710d !important;}
    .tooltip-dark_green .tooltip.bs-tooltip-top .arrow:before {border-color: #00710d !important;}   

    .tooltip-dark_green .tooltip.top .tooltip-arrow{border-top-color:#00710d !important;}
    .tooltip-dark_green .tooltip.bottom .tooltip-arrow{border-bottom-color:#00710d !important;}
    .tooltip-dark_green .tooltip.left .tooltip-arrow{border-left-color:#00710d !important;}
    .tooltip-dark_green .tooltip.right .tooltip-arrow{border-right-color:#00710d !important;}

    .noUiToggle.dark_green .noUi-connect {background: #00710d;}
    
    .widget-dark_green .widget-title {background-color: #00710d;}
    .widget-dark_green .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-dark_green .widget-control {color: #00710d;}          

    .btn-dark_green {background: #00710d  !important;color: #FFFFFF !important;border-color: #00710d !important}
    .btn-dark_green:hover {color: #FFFFFF !important;background-color: #008e10 !important;border-color: #008e10 !important}
    .btn-dark_green.focus,.btn-dark_green:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-dark_green.disabled,.btn-dark_green:disabled {color: #FFFFFF;background-color: #00710d;border-color: #00710d}
    .btn-dark_green:not(:disabled):not(.disabled).active,.btn-dark_green:not(:disabled):not(.disabled):active,.show>.btn-dark_green.dropdown-toggle {color: #FFFFFF;background-color: #008e10;border-color: #008e10}
    .btn-dark_green:not(:disabled):not(.disabled).active:focus,.btn-dark_green:not(:disabled):not(.disabled):active:focus,.show>.btn-dark_green.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-dark_green.trans_b{color: #00710d !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-dark_green.trans_w{color: #00710d !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-dark_green.trans_b:hover{color: #00710d !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-dark_green.trans_w:hover{color: #00710d !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.dark_green {font-weight: 400;color: #00710d !important;}
    .btn-link.dark_green:hover {color: #008e10 !important;}

    .btn-trans.dark_green {font-weight: 400;color: #00710d !important;}
    .btn-trans.dark_green:hover {background:rgba(0,0,0,0.05) !important;color: #008e10 !important;text-decoration:none !important}    

    .btn-outline-dark_green {color: #00710d !important;background-color: transparent !important;background-image: none !important;border-color: #00710d;}
    .btn-outline-dark_green:hover {color: #FFFFFF !important;background-color: #00710d !important;border-color: #00710d !important;}
    .btn-outline-dark_green.focus,.btn-outline-dark_green:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-dark_green.disabled,.btn-outline-dark_green:disabled {color: #00710d !important;background-color: transparent !important}
    .btn-outline-dark_green:not(:disabled):not(.disabled).active,.btn-outline-dark_green:not(:disabled):not(.disabled):active,.show>.btn-outline-dark_green.dropdown-toggle {color: #FFFFFF !important;background-color: #00710d !important;border-color: #00710d !important}
    .btn-outline-dark_green:not(:disabled):not(.disabled).active:focus,.btn-outline-dark_green:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark_green.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-dark_green.trans_b:hover{color: #00710d !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-dark_green.trans_w:hover{color: #00710d !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.dark_green {
        background: #00710d  !important;
    }

    .tab.dark_green{cursor:pointer;color: #00710d !important;background-color: #FFFFFF !important;}
    .tab.dark_green:hover{background-color:#f8f9fa !important;}
    .tab.dark_green.active{background-color: #00710d !important;color: #FFFFFF !important;}
    .tab.dark_green.active:hover{background-color:#008e10 !important;}

    .panel-dark_green{border:1px solid #00710d !important;}
    .panel-dark_green > .panel-heading{
        background-color:#00710d !important; 
        color:#FFFFFF !important;
    }
    .panel-dark_green:hover > .panel-heading,
    .panel-dark_green:hover .bg-dark_green{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.dark_green, a.link-dark_green{color:#00710d !important;}
    .btn-link.dark_green:hover, a.link-dark_green:hover{color:#008e10 !important;}

    .shadow-bottom-dark_green, .shadow-bottom-dark_green-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #00710d;
        -moz-box-shadow: 0 10px 6px -6px #00710d;
        box-shadow: 0 10px 6px -6px #00710d;        
    }


    
        
    .style-green {background-color: #2ECC40 !important;color: #FFFFFF !important}
    
    a.text-green:hover {color: #28b238 !important}
    .text-green {color: #2ECC40 !important}

    a.bg-green:focus,a.bg-green:hover,button.bg-green:focus,button.bg-green:hover {background-color: #28b238!important}
    .bg-green {background-color: #2ECC40 !important;}    
    .fill-green {fill: #2ECC40 !important}

    .border-green {border-color: #2ECC40 !important}
    .border-bottom-green {border-bottom-color: #2ECC40 !important}
    .border-top-green {border-top-color: #2ECC40 !important}
    .border-left-green {border-left-color: #2ECC40 !important}
    .border-right-green {border-right-color: #2ECC40 !important}
    .stroke-green {stroke: #2ECC40 !important}
        
    .tooltip-green .tooltip-inner {background-color: #2ECC40;}
    .tooltip-green .tooltip.bs-tooltip-right .arrow:before {border-color: #2ECC40 !important;}
    .tooltip-green .tooltip.bs-tooltip-left .arrow:before {border-color: #2ECC40 !important;}
    .tooltip-green .tooltip.bs-tooltip-bottom .arrow:before {border-color: #2ECC40 !important;}
    .tooltip-green .tooltip.bs-tooltip-top .arrow:before {border-color: #2ECC40 !important;}   

    .tooltip-green .tooltip.top .tooltip-arrow{border-top-color:#2ECC40 !important;}
    .tooltip-green .tooltip.bottom .tooltip-arrow{border-bottom-color:#2ECC40 !important;}
    .tooltip-green .tooltip.left .tooltip-arrow{border-left-color:#2ECC40 !important;}
    .tooltip-green .tooltip.right .tooltip-arrow{border-right-color:#2ECC40 !important;}

    .noUiToggle.green .noUi-connect {background: #2ECC40;}
    
    .widget-green .widget-title {background-color: #2ECC40;}
    .widget-green .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-green .widget-control {color: #2ECC40;}          

    .btn-green {background: #2ECC40  !important;color: #FFFFFF !important;border-color: #2ECC40 !important}
    .btn-green:hover {color: #FFFFFF !important;background-color: #28b238 !important;border-color: #28b238 !important}
    .btn-green.focus,.btn-green:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-green.disabled,.btn-green:disabled {color: #FFFFFF;background-color: #2ECC40;border-color: #2ECC40}
    .btn-green:not(:disabled):not(.disabled).active,.btn-green:not(:disabled):not(.disabled):active,.show>.btn-green.dropdown-toggle {color: #FFFFFF;background-color: #28b238;border-color: #28b238}
    .btn-green:not(:disabled):not(.disabled).active:focus,.btn-green:not(:disabled):not(.disabled):active:focus,.show>.btn-green.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-green.trans_b{color: #2ECC40 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-green.trans_w{color: #2ECC40 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-green.trans_b:hover{color: #2ECC40 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-green.trans_w:hover{color: #2ECC40 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.green {font-weight: 400;color: #2ECC40 !important;}
    .btn-link.green:hover {color: #28b238 !important;}

    .btn-trans.green {font-weight: 400;color: #2ECC40 !important;}
    .btn-trans.green:hover {background:rgba(0,0,0,0.05) !important;color: #28b238 !important;text-decoration:none !important}    

    .btn-outline-green {color: #2ECC40 !important;background-color: transparent !important;background-image: none !important;border-color: #2ECC40;}
    .btn-outline-green:hover {color: #FFFFFF !important;background-color: #2ECC40 !important;border-color: #2ECC40 !important;}
    .btn-outline-green.focus,.btn-outline-green:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-green.disabled,.btn-outline-green:disabled {color: #2ECC40 !important;background-color: transparent !important}
    .btn-outline-green:not(:disabled):not(.disabled).active,.btn-outline-green:not(:disabled):not(.disabled):active,.show>.btn-outline-green.dropdown-toggle {color: #FFFFFF !important;background-color: #2ECC40 !important;border-color: #2ECC40 !important}
    .btn-outline-green:not(:disabled):not(.disabled).active:focus,.btn-outline-green:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-green.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-green.trans_b:hover{color: #2ECC40 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-green.trans_w:hover{color: #2ECC40 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.green {
        background: #2ECC40  !important;
    }

    .tab.green{cursor:pointer;color: #2ECC40 !important;background-color: #FFFFFF !important;}
    .tab.green:hover{background-color:#f8f9fa !important;}
    .tab.green.active{background-color: #2ECC40 !important;color: #FFFFFF !important;}
    .tab.green.active:hover{background-color:#28b238 !important;}

    .panel-green{border:1px solid #2ECC40 !important;}
    .panel-green > .panel-heading{
        background-color:#2ECC40 !important; 
        color:#FFFFFF !important;
    }
    .panel-green:hover > .panel-heading,
    .panel-green:hover .bg-green{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.green, a.link-green{color:#2ECC40 !important;}
    .btn-link.green:hover, a.link-green:hover{color:#28b238 !important;}

    .shadow-bottom-green, .shadow-bottom-green-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #2ECC40;
        -moz-box-shadow: 0 10px 6px -6px #2ECC40;
        box-shadow: 0 10px 6px -6px #2ECC40;        
    }


    
        
    .style-success {background-color: #28a745 !important;color: #FFFFFF !important}
    
    a.text-success:hover {color: #28b238 !important}
    .text-success {color: #28a745 !important}

    a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {background-color: #28b238!important}
    .bg-success {background-color: #28a745 !important;}    
    .fill-success {fill: #28a745 !important}

    .border-success {border-color: #28a745 !important}
    .border-bottom-success {border-bottom-color: #28a745 !important}
    .border-top-success {border-top-color: #28a745 !important}
    .border-left-success {border-left-color: #28a745 !important}
    .border-right-success {border-right-color: #28a745 !important}
    .stroke-success {stroke: #28a745 !important}
        
    .tooltip-success .tooltip-inner {background-color: #28a745;}
    .tooltip-success .tooltip.bs-tooltip-right .arrow:before {border-color: #28a745 !important;}
    .tooltip-success .tooltip.bs-tooltip-left .arrow:before {border-color: #28a745 !important;}
    .tooltip-success .tooltip.bs-tooltip-bottom .arrow:before {border-color: #28a745 !important;}
    .tooltip-success .tooltip.bs-tooltip-top .arrow:before {border-color: #28a745 !important;}   

    .tooltip-success .tooltip.top .tooltip-arrow{border-top-color:#28a745 !important;}
    .tooltip-success .tooltip.bottom .tooltip-arrow{border-bottom-color:#28a745 !important;}
    .tooltip-success .tooltip.left .tooltip-arrow{border-left-color:#28a745 !important;}
    .tooltip-success .tooltip.right .tooltip-arrow{border-right-color:#28a745 !important;}

    .noUiToggle.success .noUi-connect {background: #28a745;}
    
    .widget-success .widget-title {background-color: #28a745;}
    .widget-success .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-success .widget-control {color: #28a745;}          

    .btn-success {background: #28a745  !important;color: #FFFFFF !important;border-color: #28a745 !important}
    .btn-success:hover {color: #FFFFFF !important;background-color: #28b238 !important;border-color: #28b238 !important}
    .btn-success.focus,.btn-success:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-success.disabled,.btn-success:disabled {color: #FFFFFF;background-color: #28a745;border-color: #28a745}
    .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {color: #FFFFFF;background-color: #28b238;border-color: #28b238}
    .btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-success.trans_b{color: #28a745 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-success.trans_w{color: #28a745 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-success.trans_b:hover{color: #28a745 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-success.trans_w:hover{color: #28a745 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.success {font-weight: 400;color: #28a745 !important;}
    .btn-link.success:hover {color: #28b238 !important;}

    .btn-trans.success {font-weight: 400;color: #28a745 !important;}
    .btn-trans.success:hover {background:rgba(0,0,0,0.05) !important;color: #28b238 !important;text-decoration:none !important}    

    .btn-outline-success {color: #28a745 !important;background-color: transparent !important;background-image: none !important;border-color: #28a745;}
    .btn-outline-success:hover {color: #FFFFFF !important;background-color: #28a745 !important;border-color: #28a745 !important;}
    .btn-outline-success.focus,.btn-outline-success:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-success.disabled,.btn-outline-success:disabled {color: #28a745 !important;background-color: transparent !important}
    .btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {color: #FFFFFF !important;background-color: #28a745 !important;border-color: #28a745 !important}
    .btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-success.trans_b:hover{color: #28a745 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-success.trans_w:hover{color: #28a745 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.success {
        background: #28a745  !important;
    }

    .tab.success{cursor:pointer;color: #28a745 !important;background-color: #FFFFFF !important;}
    .tab.success:hover{background-color:#f8f9fa !important;}
    .tab.success.active{background-color: #28a745 !important;color: #FFFFFF !important;}
    .tab.success.active:hover{background-color:#28b238 !important;}

    .panel-success{border:1px solid #28a745 !important;}
    .panel-success > .panel-heading{
        background-color:#28a745 !important; 
        color:#FFFFFF !important;
    }
    .panel-success:hover > .panel-heading,
    .panel-success:hover .bg-success{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.success, a.link-success{color:#28a745 !important;}
    .btn-link.success:hover, a.link-success:hover{color:#28b238 !important;}

    .shadow-bottom-success, .shadow-bottom-success-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #28a745;
        -moz-box-shadow: 0 10px 6px -6px #28a745;
        box-shadow: 0 10px 6px -6px #28a745;        
    }


    
        
    .style-lime {background-color: #01FF70 !important;color: #FFFFFF !important}
    
    a.text-lime:hover {color: #41ff94 !important}
    .text-lime {color: #01FF70 !important}

    a.bg-lime:focus,a.bg-lime:hover,button.bg-lime:focus,button.bg-lime:hover {background-color: #41ff94!important}
    .bg-lime {background-color: #01FF70 !important;}    
    .fill-lime {fill: #01FF70 !important}

    .border-lime {border-color: #01FF70 !important}
    .border-bottom-lime {border-bottom-color: #01FF70 !important}
    .border-top-lime {border-top-color: #01FF70 !important}
    .border-left-lime {border-left-color: #01FF70 !important}
    .border-right-lime {border-right-color: #01FF70 !important}
    .stroke-lime {stroke: #01FF70 !important}
        
    .tooltip-lime .tooltip-inner {background-color: #01FF70;}
    .tooltip-lime .tooltip.bs-tooltip-right .arrow:before {border-color: #01FF70 !important;}
    .tooltip-lime .tooltip.bs-tooltip-left .arrow:before {border-color: #01FF70 !important;}
    .tooltip-lime .tooltip.bs-tooltip-bottom .arrow:before {border-color: #01FF70 !important;}
    .tooltip-lime .tooltip.bs-tooltip-top .arrow:before {border-color: #01FF70 !important;}   

    .tooltip-lime .tooltip.top .tooltip-arrow{border-top-color:#01FF70 !important;}
    .tooltip-lime .tooltip.bottom .tooltip-arrow{border-bottom-color:#01FF70 !important;}
    .tooltip-lime .tooltip.left .tooltip-arrow{border-left-color:#01FF70 !important;}
    .tooltip-lime .tooltip.right .tooltip-arrow{border-right-color:#01FF70 !important;}

    .noUiToggle.lime .noUi-connect {background: #01FF70;}
    
    .widget-lime .widget-title {background-color: #01FF70;}
    .widget-lime .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-lime .widget-control {color: #01FF70;}          

    .btn-lime {background: #01FF70  !important;color: #FFFFFF !important;border-color: #01FF70 !important}
    .btn-lime:hover {color: #FFFFFF !important;background-color: #41ff94 !important;border-color: #41ff94 !important}
    .btn-lime.focus,.btn-lime:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-lime.disabled,.btn-lime:disabled {color: #FFFFFF;background-color: #01FF70;border-color: #01FF70}
    .btn-lime:not(:disabled):not(.disabled).active,.btn-lime:not(:disabled):not(.disabled):active,.show>.btn-lime.dropdown-toggle {color: #FFFFFF;background-color: #41ff94;border-color: #41ff94}
    .btn-lime:not(:disabled):not(.disabled).active:focus,.btn-lime:not(:disabled):not(.disabled):active:focus,.show>.btn-lime.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-lime.trans_b{color: #01FF70 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-lime.trans_w{color: #01FF70 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-lime.trans_b:hover{color: #01FF70 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-lime.trans_w:hover{color: #01FF70 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.lime {font-weight: 400;color: #01FF70 !important;}
    .btn-link.lime:hover {color: #41ff94 !important;}

    .btn-trans.lime {font-weight: 400;color: #01FF70 !important;}
    .btn-trans.lime:hover {background:rgba(0,0,0,0.05) !important;color: #41ff94 !important;text-decoration:none !important}    

    .btn-outline-lime {color: #01FF70 !important;background-color: transparent !important;background-image: none !important;border-color: #01FF70;}
    .btn-outline-lime:hover {color: #FFFFFF !important;background-color: #01FF70 !important;border-color: #01FF70 !important;}
    .btn-outline-lime.focus,.btn-outline-lime:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-lime.disabled,.btn-outline-lime:disabled {color: #01FF70 !important;background-color: transparent !important}
    .btn-outline-lime:not(:disabled):not(.disabled).active,.btn-outline-lime:not(:disabled):not(.disabled):active,.show>.btn-outline-lime.dropdown-toggle {color: #FFFFFF !important;background-color: #01FF70 !important;border-color: #01FF70 !important}
    .btn-outline-lime:not(:disabled):not(.disabled).active:focus,.btn-outline-lime:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-lime.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-lime.trans_b:hover{color: #01FF70 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-lime.trans_w:hover{color: #01FF70 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.lime {
        background: #01FF70  !important;
    }

    .tab.lime{cursor:pointer;color: #01FF70 !important;background-color: #FFFFFF !important;}
    .tab.lime:hover{background-color:#f8f9fa !important;}
    .tab.lime.active{background-color: #01FF70 !important;color: #FFFFFF !important;}
    .tab.lime.active:hover{background-color:#41ff94 !important;}

    .panel-lime{border:1px solid #01FF70 !important;}
    .panel-lime > .panel-heading{
        background-color:#01FF70 !important; 
        color:#FFFFFF !important;
    }
    .panel-lime:hover > .panel-heading,
    .panel-lime:hover .bg-lime{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.lime, a.link-lime{color:#01FF70 !important;}
    .btn-link.lime:hover, a.link-lime:hover{color:#41ff94 !important;}

    .shadow-bottom-lime, .shadow-bottom-lime-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #01FF70;
        -moz-box-shadow: 0 10px 6px -6px #01FF70;
        box-shadow: 0 10px 6px -6px #01FF70;        
    }


    
        
    .style-olive {background-color: #3D9970 !important;color: #FFFFFF !important}
    
    a.text-olive:hover {color: #267954 !important}
    .text-olive {color: #3D9970 !important}

    a.bg-olive:focus,a.bg-olive:hover,button.bg-olive:focus,button.bg-olive:hover {background-color: #267954!important}
    .bg-olive {background-color: #3D9970 !important;}    
    .fill-olive {fill: #3D9970 !important}

    .border-olive {border-color: #3D9970 !important}
    .border-bottom-olive {border-bottom-color: #3D9970 !important}
    .border-top-olive {border-top-color: #3D9970 !important}
    .border-left-olive {border-left-color: #3D9970 !important}
    .border-right-olive {border-right-color: #3D9970 !important}
    .stroke-olive {stroke: #3D9970 !important}
        
    .tooltip-olive .tooltip-inner {background-color: #3D9970;}
    .tooltip-olive .tooltip.bs-tooltip-right .arrow:before {border-color: #3D9970 !important;}
    .tooltip-olive .tooltip.bs-tooltip-left .arrow:before {border-color: #3D9970 !important;}
    .tooltip-olive .tooltip.bs-tooltip-bottom .arrow:before {border-color: #3D9970 !important;}
    .tooltip-olive .tooltip.bs-tooltip-top .arrow:before {border-color: #3D9970 !important;}   

    .tooltip-olive .tooltip.top .tooltip-arrow{border-top-color:#3D9970 !important;}
    .tooltip-olive .tooltip.bottom .tooltip-arrow{border-bottom-color:#3D9970 !important;}
    .tooltip-olive .tooltip.left .tooltip-arrow{border-left-color:#3D9970 !important;}
    .tooltip-olive .tooltip.right .tooltip-arrow{border-right-color:#3D9970 !important;}

    .noUiToggle.olive .noUi-connect {background: #3D9970;}
    
    .widget-olive .widget-title {background-color: #3D9970;}
    .widget-olive .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-olive .widget-control {color: #3D9970;}          

    .btn-olive {background: #3D9970  !important;color: #FFFFFF !important;border-color: #3D9970 !important}
    .btn-olive:hover {color: #FFFFFF !important;background-color: #267954 !important;border-color: #267954 !important}
    .btn-olive.focus,.btn-olive:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-olive.disabled,.btn-olive:disabled {color: #FFFFFF;background-color: #3D9970;border-color: #3D9970}
    .btn-olive:not(:disabled):not(.disabled).active,.btn-olive:not(:disabled):not(.disabled):active,.show>.btn-olive.dropdown-toggle {color: #FFFFFF;background-color: #267954;border-color: #267954}
    .btn-olive:not(:disabled):not(.disabled).active:focus,.btn-olive:not(:disabled):not(.disabled):active:focus,.show>.btn-olive.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-olive.trans_b{color: #3D9970 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-olive.trans_w{color: #3D9970 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-olive.trans_b:hover{color: #3D9970 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-olive.trans_w:hover{color: #3D9970 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.olive {font-weight: 400;color: #3D9970 !important;}
    .btn-link.olive:hover {color: #267954 !important;}

    .btn-trans.olive {font-weight: 400;color: #3D9970 !important;}
    .btn-trans.olive:hover {background:rgba(0,0,0,0.05) !important;color: #267954 !important;text-decoration:none !important}    

    .btn-outline-olive {color: #3D9970 !important;background-color: transparent !important;background-image: none !important;border-color: #3D9970;}
    .btn-outline-olive:hover {color: #FFFFFF !important;background-color: #3D9970 !important;border-color: #3D9970 !important;}
    .btn-outline-olive.focus,.btn-outline-olive:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-olive.disabled,.btn-outline-olive:disabled {color: #3D9970 !important;background-color: transparent !important}
    .btn-outline-olive:not(:disabled):not(.disabled).active,.btn-outline-olive:not(:disabled):not(.disabled):active,.show>.btn-outline-olive.dropdown-toggle {color: #FFFFFF !important;background-color: #3D9970 !important;border-color: #3D9970 !important}
    .btn-outline-olive:not(:disabled):not(.disabled).active:focus,.btn-outline-olive:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-olive.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-olive.trans_b:hover{color: #3D9970 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-olive.trans_w:hover{color: #3D9970 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.olive {
        background: #3D9970  !important;
    }

    .tab.olive{cursor:pointer;color: #3D9970 !important;background-color: #FFFFFF !important;}
    .tab.olive:hover{background-color:#f8f9fa !important;}
    .tab.olive.active{background-color: #3D9970 !important;color: #FFFFFF !important;}
    .tab.olive.active:hover{background-color:#267954 !important;}

    .panel-olive{border:1px solid #3D9970 !important;}
    .panel-olive > .panel-heading{
        background-color:#3D9970 !important; 
        color:#FFFFFF !important;
    }
    .panel-olive:hover > .panel-heading,
    .panel-olive:hover .bg-olive{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.olive, a.link-olive{color:#3D9970 !important;}
    .btn-link.olive:hover, a.link-olive:hover{color:#267954 !important;}

    .shadow-bottom-olive, .shadow-bottom-olive-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #3D9970;
        -moz-box-shadow: 0 10px 6px -6px #3D9970;
        box-shadow: 0 10px 6px -6px #3D9970;        
    }


    
        
    .style-teal {background-color: #39CCCC !important;color: #FFFFFF !important}
    
    a.text-teal:hover {color: #16bebe !important}
    .text-teal {color: #39CCCC !important}

    a.bg-teal:focus,a.bg-teal:hover,button.bg-teal:focus,button.bg-teal:hover {background-color: #16bebe!important}
    .bg-teal {background-color: #39CCCC !important;}    
    .fill-teal {fill: #39CCCC !important}

    .border-teal {border-color: #39CCCC !important}
    .border-bottom-teal {border-bottom-color: #39CCCC !important}
    .border-top-teal {border-top-color: #39CCCC !important}
    .border-left-teal {border-left-color: #39CCCC !important}
    .border-right-teal {border-right-color: #39CCCC !important}
    .stroke-teal {stroke: #39CCCC !important}
        
    .tooltip-teal .tooltip-inner {background-color: #39CCCC;}
    .tooltip-teal .tooltip.bs-tooltip-right .arrow:before {border-color: #39CCCC !important;}
    .tooltip-teal .tooltip.bs-tooltip-left .arrow:before {border-color: #39CCCC !important;}
    .tooltip-teal .tooltip.bs-tooltip-bottom .arrow:before {border-color: #39CCCC !important;}
    .tooltip-teal .tooltip.bs-tooltip-top .arrow:before {border-color: #39CCCC !important;}   

    .tooltip-teal .tooltip.top .tooltip-arrow{border-top-color:#39CCCC !important;}
    .tooltip-teal .tooltip.bottom .tooltip-arrow{border-bottom-color:#39CCCC !important;}
    .tooltip-teal .tooltip.left .tooltip-arrow{border-left-color:#39CCCC !important;}
    .tooltip-teal .tooltip.right .tooltip-arrow{border-right-color:#39CCCC !important;}

    .noUiToggle.teal .noUi-connect {background: #39CCCC;}
    
    .widget-teal .widget-title {background-color: #39CCCC;}
    .widget-teal .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-teal .widget-control {color: #39CCCC;}          

    .btn-teal {background: #39CCCC  !important;color: #FFFFFF !important;border-color: #39CCCC !important}
    .btn-teal:hover {color: #FFFFFF !important;background-color: #16bebe !important;border-color: #16bebe !important}
    .btn-teal.focus,.btn-teal:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-teal.disabled,.btn-teal:disabled {color: #FFFFFF;background-color: #39CCCC;border-color: #39CCCC}
    .btn-teal:not(:disabled):not(.disabled).active,.btn-teal:not(:disabled):not(.disabled):active,.show>.btn-teal.dropdown-toggle {color: #FFFFFF;background-color: #16bebe;border-color: #16bebe}
    .btn-teal:not(:disabled):not(.disabled).active:focus,.btn-teal:not(:disabled):not(.disabled):active:focus,.show>.btn-teal.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-teal.trans_b{color: #39CCCC !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-teal.trans_w{color: #39CCCC !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-teal.trans_b:hover{color: #39CCCC !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-teal.trans_w:hover{color: #39CCCC !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.teal {font-weight: 400;color: #39CCCC !important;}
    .btn-link.teal:hover {color: #16bebe !important;}

    .btn-trans.teal {font-weight: 400;color: #39CCCC !important;}
    .btn-trans.teal:hover {background:rgba(0,0,0,0.05) !important;color: #16bebe !important;text-decoration:none !important}    

    .btn-outline-teal {color: #39CCCC !important;background-color: transparent !important;background-image: none !important;border-color: #39CCCC;}
    .btn-outline-teal:hover {color: #FFFFFF !important;background-color: #39CCCC !important;border-color: #39CCCC !important;}
    .btn-outline-teal.focus,.btn-outline-teal:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-teal.disabled,.btn-outline-teal:disabled {color: #39CCCC !important;background-color: transparent !important}
    .btn-outline-teal:not(:disabled):not(.disabled).active,.btn-outline-teal:not(:disabled):not(.disabled):active,.show>.btn-outline-teal.dropdown-toggle {color: #FFFFFF !important;background-color: #39CCCC !important;border-color: #39CCCC !important}
    .btn-outline-teal:not(:disabled):not(.disabled).active:focus,.btn-outline-teal:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-teal.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-teal.trans_b:hover{color: #39CCCC !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-teal.trans_w:hover{color: #39CCCC !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.teal {
        background: #39CCCC  !important;
    }

    .tab.teal{cursor:pointer;color: #39CCCC !important;background-color: #FFFFFF !important;}
    .tab.teal:hover{background-color:#f8f9fa !important;}
    .tab.teal.active{background-color: #39CCCC !important;color: #FFFFFF !important;}
    .tab.teal.active:hover{background-color:#16bebe !important;}

    .panel-teal{border:1px solid #39CCCC !important;}
    .panel-teal > .panel-heading{
        background-color:#39CCCC !important; 
        color:#FFFFFF !important;
    }
    .panel-teal:hover > .panel-heading,
    .panel-teal:hover .bg-teal{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.teal, a.link-teal{color:#39CCCC !important;}
    .btn-link.teal:hover, a.link-teal:hover{color:#16bebe !important;}

    .shadow-bottom-teal, .shadow-bottom-teal-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #39CCCC;
        -moz-box-shadow: 0 10px 6px -6px #39CCCC;
        box-shadow: 0 10px 6px -6px #39CCCC;        
    }


    
        
    .style-alexa {background-color: #00CAFF !important;color: #232F3E !important}
    
    a.text-alexa:hover {color: #00CAFF !important}
    .text-alexa {color: #00CAFF !important}

    a.bg-alexa:focus,a.bg-alexa:hover,button.bg-alexa:focus,button.bg-alexa:hover {background-color: #00CAFF!important}
    .bg-alexa {background-color: #00CAFF !important;}    
    .fill-alexa {fill: #00CAFF !important}

    .border-alexa {border-color: #00CAFF !important}
    .border-bottom-alexa {border-bottom-color: #00CAFF !important}
    .border-top-alexa {border-top-color: #00CAFF !important}
    .border-left-alexa {border-left-color: #00CAFF !important}
    .border-right-alexa {border-right-color: #00CAFF !important}
    .stroke-alexa {stroke: #00CAFF !important}
        
    .tooltip-alexa .tooltip-inner {background-color: #00CAFF;}
    .tooltip-alexa .tooltip.bs-tooltip-right .arrow:before {border-color: #00CAFF !important;}
    .tooltip-alexa .tooltip.bs-tooltip-left .arrow:before {border-color: #00CAFF !important;}
    .tooltip-alexa .tooltip.bs-tooltip-bottom .arrow:before {border-color: #00CAFF !important;}
    .tooltip-alexa .tooltip.bs-tooltip-top .arrow:before {border-color: #00CAFF !important;}   

    .tooltip-alexa .tooltip.top .tooltip-arrow{border-top-color:#00CAFF !important;}
    .tooltip-alexa .tooltip.bottom .tooltip-arrow{border-bottom-color:#00CAFF !important;}
    .tooltip-alexa .tooltip.left .tooltip-arrow{border-left-color:#00CAFF !important;}
    .tooltip-alexa .tooltip.right .tooltip-arrow{border-right-color:#00CAFF !important;}

    .noUiToggle.alexa .noUi-connect {background: #00CAFF;}
    
    .widget-alexa .widget-title {background-color: #00CAFF;}
    .widget-alexa .widget-title h3 {color: #232F3E;text-shadow:none !important}
    .widget-alexa .widget-control {color: #00CAFF;}          

    .btn-alexa {background: #00CAFF  !important;color: #232F3E !important;border-color: #00CAFF !important}
    .btn-alexa:hover {color: #232F3E !important;background-color: #00CAFF !important;border-color: #00CAFF !important}
    .btn-alexa.focus,.btn-alexa:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-alexa.disabled,.btn-alexa:disabled {color: #232F3E;background-color: #00CAFF;border-color: #00CAFF}
    .btn-alexa:not(:disabled):not(.disabled).active,.btn-alexa:not(:disabled):not(.disabled):active,.show>.btn-alexa.dropdown-toggle {color: #232F3E;background-color: #00CAFF;border-color: #00CAFF}
    .btn-alexa:not(:disabled):not(.disabled).active:focus,.btn-alexa:not(:disabled):not(.disabled):active:focus,.show>.btn-alexa.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-alexa.trans_b{color: #00CAFF !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-alexa.trans_w{color: #00CAFF !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-alexa.trans_b:hover{color: #00CAFF !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-alexa.trans_w:hover{color: #00CAFF !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.alexa {font-weight: 400;color: #00CAFF !important;}
    .btn-link.alexa:hover {color: #00CAFF !important;}

    .btn-trans.alexa {font-weight: 400;color: #00CAFF !important;}
    .btn-trans.alexa:hover {background:rgba(0,0,0,0.05) !important;color: #00CAFF !important;text-decoration:none !important}    

    .btn-outline-alexa {color: #00CAFF !important;background-color: transparent !important;background-image: none !important;border-color: #00CAFF;}
    .btn-outline-alexa:hover {color: #232F3E !important;background-color: #00CAFF !important;border-color: #00CAFF !important;}
    .btn-outline-alexa.focus,.btn-outline-alexa:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-alexa.disabled,.btn-outline-alexa:disabled {color: #00CAFF !important;background-color: transparent !important}
    .btn-outline-alexa:not(:disabled):not(.disabled).active,.btn-outline-alexa:not(:disabled):not(.disabled):active,.show>.btn-outline-alexa.dropdown-toggle {color: #232F3E !important;background-color: #00CAFF !important;border-color: #00CAFF !important}
    .btn-outline-alexa:not(:disabled):not(.disabled).active:focus,.btn-outline-alexa:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-alexa.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-alexa.trans_b:hover{color: #00CAFF !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-alexa.trans_w:hover{color: #00CAFF !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.alexa {
        background: #00CAFF  !important;
    }

    .tab.alexa{cursor:pointer;color: #00CAFF !important;background-color: #232F3E !important;}
    .tab.alexa:hover{background-color:#f8f9fa !important;}
    .tab.alexa.active{background-color: #00CAFF !important;color: #232F3E !important;}
    .tab.alexa.active:hover{background-color:#00CAFF !important;}

    .panel-alexa{border:1px solid #00CAFF !important;}
    .panel-alexa > .panel-heading{
        background-color:#00CAFF !important; 
        color:#232F3E !important;
    }
    .panel-alexa:hover > .panel-heading,
    .panel-alexa:hover .bg-alexa{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.alexa, a.link-alexa{color:#00CAFF !important;}
    .btn-link.alexa:hover, a.link-alexa:hover{color:#00CAFF !important;}

    .shadow-bottom-alexa, .shadow-bottom-alexa-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #00CAFF;
        -moz-box-shadow: 0 10px 6px -6px #00CAFF;
        box-shadow: 0 10px 6px -6px #00CAFF;        
    }


    
        
    .style-squid_ink {background-color: #232F3E !important;color: #ffffff !important}
    
    a.text-squid_ink:hover {color: #232F3E !important}
    .text-squid_ink {color: #232F3E !important}

    a.bg-squid_ink:focus,a.bg-squid_ink:hover,button.bg-squid_ink:focus,button.bg-squid_ink:hover {background-color: #232F3E!important}
    .bg-squid_ink {background-color: #232F3E !important;}    
    .fill-squid_ink {fill: #232F3E !important}

    .border-squid_ink {border-color: #232F3E !important}
    .border-bottom-squid_ink {border-bottom-color: #232F3E !important}
    .border-top-squid_ink {border-top-color: #232F3E !important}
    .border-left-squid_ink {border-left-color: #232F3E !important}
    .border-right-squid_ink {border-right-color: #232F3E !important}
    .stroke-squid_ink {stroke: #232F3E !important}
        
    .tooltip-squid_ink .tooltip-inner {background-color: #232F3E;}
    .tooltip-squid_ink .tooltip.bs-tooltip-right .arrow:before {border-color: #232F3E !important;}
    .tooltip-squid_ink .tooltip.bs-tooltip-left .arrow:before {border-color: #232F3E !important;}
    .tooltip-squid_ink .tooltip.bs-tooltip-bottom .arrow:before {border-color: #232F3E !important;}
    .tooltip-squid_ink .tooltip.bs-tooltip-top .arrow:before {border-color: #232F3E !important;}   

    .tooltip-squid_ink .tooltip.top .tooltip-arrow{border-top-color:#232F3E !important;}
    .tooltip-squid_ink .tooltip.bottom .tooltip-arrow{border-bottom-color:#232F3E !important;}
    .tooltip-squid_ink .tooltip.left .tooltip-arrow{border-left-color:#232F3E !important;}
    .tooltip-squid_ink .tooltip.right .tooltip-arrow{border-right-color:#232F3E !important;}

    .noUiToggle.squid_ink .noUi-connect {background: #232F3E;}
    
    .widget-squid_ink .widget-title {background-color: #232F3E;}
    .widget-squid_ink .widget-title h3 {color: #ffffff;text-shadow:none !important}
    .widget-squid_ink .widget-control {color: #232F3E;}          

    .btn-squid_ink {background: #232F3E  !important;color: #ffffff !important;border-color: #232F3E !important}
    .btn-squid_ink:hover {color: #ffffff !important;background-color: #232F3E !important;border-color: #232F3E !important}
    .btn-squid_ink.focus,.btn-squid_ink:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-squid_ink.disabled,.btn-squid_ink:disabled {color: #ffffff;background-color: #232F3E;border-color: #232F3E}
    .btn-squid_ink:not(:disabled):not(.disabled).active,.btn-squid_ink:not(:disabled):not(.disabled):active,.show>.btn-squid_ink.dropdown-toggle {color: #ffffff;background-color: #232F3E;border-color: #232F3E}
    .btn-squid_ink:not(:disabled):not(.disabled).active:focus,.btn-squid_ink:not(:disabled):not(.disabled):active:focus,.show>.btn-squid_ink.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-squid_ink.trans_b{color: #232F3E !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-squid_ink.trans_w{color: #232F3E !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-squid_ink.trans_b:hover{color: #232F3E !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-squid_ink.trans_w:hover{color: #232F3E !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.squid_ink {font-weight: 400;color: #232F3E !important;}
    .btn-link.squid_ink:hover {color: #232F3E !important;}

    .btn-trans.squid_ink {font-weight: 400;color: #232F3E !important;}
    .btn-trans.squid_ink:hover {background:rgba(0,0,0,0.05) !important;color: #232F3E !important;text-decoration:none !important}    

    .btn-outline-squid_ink {color: #232F3E !important;background-color: transparent !important;background-image: none !important;border-color: #232F3E;}
    .btn-outline-squid_ink:hover {color: #ffffff !important;background-color: #232F3E !important;border-color: #232F3E !important;}
    .btn-outline-squid_ink.focus,.btn-outline-squid_ink:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-squid_ink.disabled,.btn-outline-squid_ink:disabled {color: #232F3E !important;background-color: transparent !important}
    .btn-outline-squid_ink:not(:disabled):not(.disabled).active,.btn-outline-squid_ink:not(:disabled):not(.disabled):active,.show>.btn-outline-squid_ink.dropdown-toggle {color: #ffffff !important;background-color: #232F3E !important;border-color: #232F3E !important}
    .btn-outline-squid_ink:not(:disabled):not(.disabled).active:focus,.btn-outline-squid_ink:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-squid_ink.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-squid_ink.trans_b:hover{color: #232F3E !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-squid_ink.trans_w:hover{color: #232F3E !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.squid_ink {
        background: #232F3E  !important;
    }

    .tab.squid_ink{cursor:pointer;color: #232F3E !important;background-color: #ffffff !important;}
    .tab.squid_ink:hover{background-color:#f8f9fa !important;}
    .tab.squid_ink.active{background-color: #232F3E !important;color: #ffffff !important;}
    .tab.squid_ink.active:hover{background-color:#232F3E !important;}

    .panel-squid_ink{border:1px solid #232F3E !important;}
    .panel-squid_ink > .panel-heading{
        background-color:#232F3E !important; 
        color:#ffffff !important;
    }
    .panel-squid_ink:hover > .panel-heading,
    .panel-squid_ink:hover .bg-squid_ink{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.squid_ink, a.link-squid_ink{color:#232F3E !important;}
    .btn-link.squid_ink:hover, a.link-squid_ink:hover{color:#232F3E !important;}

    .shadow-bottom-squid_ink, .shadow-bottom-squid_ink-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #232F3E;
        -moz-box-shadow: 0 10px 6px -6px #232F3E;
        box-shadow: 0 10px 6px -6px #232F3E;        
    }


    
        
    .style-navy {background-color: #001F3F !important;color: #FFFFFF !important}
    
    a.text-navy:hover {color: #0e3a67 !important}
    .text-navy {color: #001F3F !important}

    a.bg-navy:focus,a.bg-navy:hover,button.bg-navy:focus,button.bg-navy:hover {background-color: #0e3a67!important}
    .bg-navy {background-color: #001F3F !important;}    
    .fill-navy {fill: #001F3F !important}

    .border-navy {border-color: #001F3F !important}
    .border-bottom-navy {border-bottom-color: #001F3F !important}
    .border-top-navy {border-top-color: #001F3F !important}
    .border-left-navy {border-left-color: #001F3F !important}
    .border-right-navy {border-right-color: #001F3F !important}
    .stroke-navy {stroke: #001F3F !important}
        
    .tooltip-navy .tooltip-inner {background-color: #001F3F;}
    .tooltip-navy .tooltip.bs-tooltip-right .arrow:before {border-color: #001F3F !important;}
    .tooltip-navy .tooltip.bs-tooltip-left .arrow:before {border-color: #001F3F !important;}
    .tooltip-navy .tooltip.bs-tooltip-bottom .arrow:before {border-color: #001F3F !important;}
    .tooltip-navy .tooltip.bs-tooltip-top .arrow:before {border-color: #001F3F !important;}   

    .tooltip-navy .tooltip.top .tooltip-arrow{border-top-color:#001F3F !important;}
    .tooltip-navy .tooltip.bottom .tooltip-arrow{border-bottom-color:#001F3F !important;}
    .tooltip-navy .tooltip.left .tooltip-arrow{border-left-color:#001F3F !important;}
    .tooltip-navy .tooltip.right .tooltip-arrow{border-right-color:#001F3F !important;}

    .noUiToggle.navy .noUi-connect {background: #001F3F;}
    
    .widget-navy .widget-title {background-color: #001F3F;}
    .widget-navy .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-navy .widget-control {color: #001F3F;}          

    .btn-navy {background: #001F3F  !important;color: #FFFFFF !important;border-color: #001F3F !important}
    .btn-navy:hover {color: #FFFFFF !important;background-color: #0e3a67 !important;border-color: #0e3a67 !important}
    .btn-navy.focus,.btn-navy:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-navy.disabled,.btn-navy:disabled {color: #FFFFFF;background-color: #001F3F;border-color: #001F3F}
    .btn-navy:not(:disabled):not(.disabled).active,.btn-navy:not(:disabled):not(.disabled):active,.show>.btn-navy.dropdown-toggle {color: #FFFFFF;background-color: #0e3a67;border-color: #0e3a67}
    .btn-navy:not(:disabled):not(.disabled).active:focus,.btn-navy:not(:disabled):not(.disabled):active:focus,.show>.btn-navy.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-navy.trans_b{color: #001F3F !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-navy.trans_w{color: #001F3F !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-navy.trans_b:hover{color: #001F3F !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-navy.trans_w:hover{color: #001F3F !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.navy {font-weight: 400;color: #001F3F !important;}
    .btn-link.navy:hover {color: #0e3a67 !important;}

    .btn-trans.navy {font-weight: 400;color: #001F3F !important;}
    .btn-trans.navy:hover {background:rgba(0,0,0,0.05) !important;color: #0e3a67 !important;text-decoration:none !important}    

    .btn-outline-navy {color: #001F3F !important;background-color: transparent !important;background-image: none !important;border-color: #001F3F;}
    .btn-outline-navy:hover {color: #FFFFFF !important;background-color: #001F3F !important;border-color: #001F3F !important;}
    .btn-outline-navy.focus,.btn-outline-navy:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-navy.disabled,.btn-outline-navy:disabled {color: #001F3F !important;background-color: transparent !important}
    .btn-outline-navy:not(:disabled):not(.disabled).active,.btn-outline-navy:not(:disabled):not(.disabled):active,.show>.btn-outline-navy.dropdown-toggle {color: #FFFFFF !important;background-color: #001F3F !important;border-color: #001F3F !important}
    .btn-outline-navy:not(:disabled):not(.disabled).active:focus,.btn-outline-navy:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-navy.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-navy.trans_b:hover{color: #001F3F !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-navy.trans_w:hover{color: #001F3F !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.navy {
        background: #001F3F  !important;
    }

    .tab.navy{cursor:pointer;color: #001F3F !important;background-color: #FFFFFF !important;}
    .tab.navy:hover{background-color:#f8f9fa !important;}
    .tab.navy.active{background-color: #001F3F !important;color: #FFFFFF !important;}
    .tab.navy.active:hover{background-color:#0e3a67 !important;}

    .panel-navy{border:1px solid #001F3F !important;}
    .panel-navy > .panel-heading{
        background-color:#001F3F !important; 
        color:#FFFFFF !important;
    }
    .panel-navy:hover > .panel-heading,
    .panel-navy:hover .bg-navy{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.navy, a.link-navy{color:#001F3F !important;}
    .btn-link.navy:hover, a.link-navy:hover{color:#0e3a67 !important;}

    .shadow-bottom-navy, .shadow-bottom-navy-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #001F3F;
        -moz-box-shadow: 0 10px 6px -6px #001F3F;
        box-shadow: 0 10px 6px -6px #001F3F;        
    }


    
        
    .style-blue {background-color: #007bff !important;color: #FFFFFF !important}
    
    a.text-blue:hover {color: #0062cc !important}
    .text-blue {color: #007bff !important}

    a.bg-blue:focus,a.bg-blue:hover,button.bg-blue:focus,button.bg-blue:hover {background-color: #0062cc!important}
    .bg-blue {background-color: #007bff !important;}    
    .fill-blue {fill: #007bff !important}

    .border-blue {border-color: #007bff !important}
    .border-bottom-blue {border-bottom-color: #007bff !important}
    .border-top-blue {border-top-color: #007bff !important}
    .border-left-blue {border-left-color: #007bff !important}
    .border-right-blue {border-right-color: #007bff !important}
    .stroke-blue {stroke: #007bff !important}
        
    .tooltip-blue .tooltip-inner {background-color: #007bff;}
    .tooltip-blue .tooltip.bs-tooltip-right .arrow:before {border-color: #007bff !important;}
    .tooltip-blue .tooltip.bs-tooltip-left .arrow:before {border-color: #007bff !important;}
    .tooltip-blue .tooltip.bs-tooltip-bottom .arrow:before {border-color: #007bff !important;}
    .tooltip-blue .tooltip.bs-tooltip-top .arrow:before {border-color: #007bff !important;}   

    .tooltip-blue .tooltip.top .tooltip-arrow{border-top-color:#007bff !important;}
    .tooltip-blue .tooltip.bottom .tooltip-arrow{border-bottom-color:#007bff !important;}
    .tooltip-blue .tooltip.left .tooltip-arrow{border-left-color:#007bff !important;}
    .tooltip-blue .tooltip.right .tooltip-arrow{border-right-color:#007bff !important;}

    .noUiToggle.blue .noUi-connect {background: #007bff;}
    
    .widget-blue .widget-title {background-color: #007bff;}
    .widget-blue .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-blue .widget-control {color: #007bff;}          

    .btn-blue {background: #007bff  !important;color: #FFFFFF !important;border-color: #007bff !important}
    .btn-blue:hover {color: #FFFFFF !important;background-color: #0062cc !important;border-color: #0062cc !important}
    .btn-blue.focus,.btn-blue:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-blue.disabled,.btn-blue:disabled {color: #FFFFFF;background-color: #007bff;border-color: #007bff}
    .btn-blue:not(:disabled):not(.disabled).active,.btn-blue:not(:disabled):not(.disabled):active,.show>.btn-blue.dropdown-toggle {color: #FFFFFF;background-color: #0062cc;border-color: #0062cc}
    .btn-blue:not(:disabled):not(.disabled).active:focus,.btn-blue:not(:disabled):not(.disabled):active:focus,.show>.btn-blue.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-blue.trans_b{color: #007bff !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-blue.trans_w{color: #007bff !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-blue.trans_b:hover{color: #007bff !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-blue.trans_w:hover{color: #007bff !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.blue {font-weight: 400;color: #007bff !important;}
    .btn-link.blue:hover {color: #0062cc !important;}

    .btn-trans.blue {font-weight: 400;color: #007bff !important;}
    .btn-trans.blue:hover {background:rgba(0,0,0,0.05) !important;color: #0062cc !important;text-decoration:none !important}    

    .btn-outline-blue {color: #007bff !important;background-color: transparent !important;background-image: none !important;border-color: #007bff;}
    .btn-outline-blue:hover {color: #FFFFFF !important;background-color: #007bff !important;border-color: #007bff !important;}
    .btn-outline-blue.focus,.btn-outline-blue:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-blue.disabled,.btn-outline-blue:disabled {color: #007bff !important;background-color: transparent !important}
    .btn-outline-blue:not(:disabled):not(.disabled).active,.btn-outline-blue:not(:disabled):not(.disabled):active,.show>.btn-outline-blue.dropdown-toggle {color: #FFFFFF !important;background-color: #007bff !important;border-color: #007bff !important}
    .btn-outline-blue:not(:disabled):not(.disabled).active:focus,.btn-outline-blue:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-blue.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-blue.trans_b:hover{color: #007bff !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-blue.trans_w:hover{color: #007bff !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.blue {
        background: #007bff  !important;
    }

    .tab.blue{cursor:pointer;color: #007bff !important;background-color: #FFFFFF !important;}
    .tab.blue:hover{background-color:#f8f9fa !important;}
    .tab.blue.active{background-color: #007bff !important;color: #FFFFFF !important;}
    .tab.blue.active:hover{background-color:#0062cc !important;}

    .panel-blue{border:1px solid #007bff !important;}
    .panel-blue > .panel-heading{
        background-color:#007bff !important; 
        color:#FFFFFF !important;
    }
    .panel-blue:hover > .panel-heading,
    .panel-blue:hover .bg-blue{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.blue, a.link-blue{color:#007bff !important;}
    .btn-link.blue:hover, a.link-blue:hover{color:#0062cc !important;}

    .shadow-bottom-blue, .shadow-bottom-blue-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #007bff;
        -moz-box-shadow: 0 10px 6px -6px #007bff;
        box-shadow: 0 10px 6px -6px #007bff;        
    }


    
        
    .style-primary {background-color: #007bff !important;color: #FFFFFF !important}
    
    a.text-primary:hover {color: #0062cc !important}
    .text-primary {color: #007bff !important}

    a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {background-color: #0062cc!important}
    .bg-primary {background-color: #007bff !important;}    
    .fill-primary {fill: #007bff !important}

    .border-primary {border-color: #007bff !important}
    .border-bottom-primary {border-bottom-color: #007bff !important}
    .border-top-primary {border-top-color: #007bff !important}
    .border-left-primary {border-left-color: #007bff !important}
    .border-right-primary {border-right-color: #007bff !important}
    .stroke-primary {stroke: #007bff !important}
        
    .tooltip-primary .tooltip-inner {background-color: #007bff;}
    .tooltip-primary .tooltip.bs-tooltip-right .arrow:before {border-color: #007bff !important;}
    .tooltip-primary .tooltip.bs-tooltip-left .arrow:before {border-color: #007bff !important;}
    .tooltip-primary .tooltip.bs-tooltip-bottom .arrow:before {border-color: #007bff !important;}
    .tooltip-primary .tooltip.bs-tooltip-top .arrow:before {border-color: #007bff !important;}   

    .tooltip-primary .tooltip.top .tooltip-arrow{border-top-color:#007bff !important;}
    .tooltip-primary .tooltip.bottom .tooltip-arrow{border-bottom-color:#007bff !important;}
    .tooltip-primary .tooltip.left .tooltip-arrow{border-left-color:#007bff !important;}
    .tooltip-primary .tooltip.right .tooltip-arrow{border-right-color:#007bff !important;}

    .noUiToggle.primary .noUi-connect {background: #007bff;}
    
    .widget-primary .widget-title {background-color: #007bff;}
    .widget-primary .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-primary .widget-control {color: #007bff;}          

    .btn-primary {background: #007bff  !important;color: #FFFFFF !important;border-color: #007bff !important}
    .btn-primary:hover {color: #FFFFFF !important;background-color: #0062cc !important;border-color: #0062cc !important}
    .btn-primary.focus,.btn-primary:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-primary.disabled,.btn-primary:disabled {color: #FFFFFF;background-color: #007bff;border-color: #007bff}
    .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {color: #FFFFFF;background-color: #0062cc;border-color: #0062cc}
    .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-primary.trans_b{color: #007bff !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-primary.trans_w{color: #007bff !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-primary.trans_b:hover{color: #007bff !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-primary.trans_w:hover{color: #007bff !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.primary {font-weight: 400;color: #007bff !important;}
    .btn-link.primary:hover {color: #0062cc !important;}

    .btn-trans.primary {font-weight: 400;color: #007bff !important;}
    .btn-trans.primary:hover {background:rgba(0,0,0,0.05) !important;color: #0062cc !important;text-decoration:none !important}    

    .btn-outline-primary {color: #007bff !important;background-color: transparent !important;background-image: none !important;border-color: #007bff;}
    .btn-outline-primary:hover {color: #FFFFFF !important;background-color: #007bff !important;border-color: #007bff !important;}
    .btn-outline-primary.focus,.btn-outline-primary:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-primary.disabled,.btn-outline-primary:disabled {color: #007bff !important;background-color: transparent !important}
    .btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {color: #FFFFFF !important;background-color: #007bff !important;border-color: #007bff !important}
    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-primary.trans_b:hover{color: #007bff !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-primary.trans_w:hover{color: #007bff !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.primary {
        background: #007bff  !important;
    }

    .tab.primary{cursor:pointer;color: #007bff !important;background-color: #FFFFFF !important;}
    .tab.primary:hover{background-color:#f8f9fa !important;}
    .tab.primary.active{background-color: #007bff !important;color: #FFFFFF !important;}
    .tab.primary.active:hover{background-color:#0062cc !important;}

    .panel-primary{border:1px solid #007bff !important;}
    .panel-primary > .panel-heading{
        background-color:#007bff !important; 
        color:#FFFFFF !important;
    }
    .panel-primary:hover > .panel-heading,
    .panel-primary:hover .bg-primary{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.primary, a.link-primary{color:#007bff !important;}
    .btn-link.primary:hover, a.link-primary:hover{color:#0062cc !important;}

    .shadow-bottom-primary, .shadow-bottom-primary-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #007bff;
        -moz-box-shadow: 0 10px 6px -6px #007bff;
        box-shadow: 0 10px 6px -6px #007bff;        
    }


    
        
    .style-info {background-color: #17a2b8 !important;color: #FFFFFF !important}
    
    a.text-info:hover {color: #138496 !important}
    .text-info {color: #17a2b8 !important}

    a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {background-color: #138496!important}
    .bg-info {background-color: #17a2b8 !important;}    
    .fill-info {fill: #17a2b8 !important}

    .border-info {border-color: #17a2b8 !important}
    .border-bottom-info {border-bottom-color: #17a2b8 !important}
    .border-top-info {border-top-color: #17a2b8 !important}
    .border-left-info {border-left-color: #17a2b8 !important}
    .border-right-info {border-right-color: #17a2b8 !important}
    .stroke-info {stroke: #17a2b8 !important}
        
    .tooltip-info .tooltip-inner {background-color: #17a2b8;}
    .tooltip-info .tooltip.bs-tooltip-right .arrow:before {border-color: #17a2b8 !important;}
    .tooltip-info .tooltip.bs-tooltip-left .arrow:before {border-color: #17a2b8 !important;}
    .tooltip-info .tooltip.bs-tooltip-bottom .arrow:before {border-color: #17a2b8 !important;}
    .tooltip-info .tooltip.bs-tooltip-top .arrow:before {border-color: #17a2b8 !important;}   

    .tooltip-info .tooltip.top .tooltip-arrow{border-top-color:#17a2b8 !important;}
    .tooltip-info .tooltip.bottom .tooltip-arrow{border-bottom-color:#17a2b8 !important;}
    .tooltip-info .tooltip.left .tooltip-arrow{border-left-color:#17a2b8 !important;}
    .tooltip-info .tooltip.right .tooltip-arrow{border-right-color:#17a2b8 !important;}

    .noUiToggle.info .noUi-connect {background: #17a2b8;}
    
    .widget-info .widget-title {background-color: #17a2b8;}
    .widget-info .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-info .widget-control {color: #17a2b8;}          

    .btn-info {background: #17a2b8  !important;color: #FFFFFF !important;border-color: #17a2b8 !important}
    .btn-info:hover {color: #FFFFFF !important;background-color: #138496 !important;border-color: #138496 !important}
    .btn-info.focus,.btn-info:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-info.disabled,.btn-info:disabled {color: #FFFFFF;background-color: #17a2b8;border-color: #17a2b8}
    .btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {color: #FFFFFF;background-color: #138496;border-color: #138496}
    .btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-info.trans_b{color: #17a2b8 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-info.trans_w{color: #17a2b8 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-info.trans_b:hover{color: #17a2b8 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-info.trans_w:hover{color: #17a2b8 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.info {font-weight: 400;color: #17a2b8 !important;}
    .btn-link.info:hover {color: #138496 !important;}

    .btn-trans.info {font-weight: 400;color: #17a2b8 !important;}
    .btn-trans.info:hover {background:rgba(0,0,0,0.05) !important;color: #138496 !important;text-decoration:none !important}    

    .btn-outline-info {color: #17a2b8 !important;background-color: transparent !important;background-image: none !important;border-color: #17a2b8;}
    .btn-outline-info:hover {color: #FFFFFF !important;background-color: #17a2b8 !important;border-color: #17a2b8 !important;}
    .btn-outline-info.focus,.btn-outline-info:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-info.disabled,.btn-outline-info:disabled {color: #17a2b8 !important;background-color: transparent !important}
    .btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {color: #FFFFFF !important;background-color: #17a2b8 !important;border-color: #17a2b8 !important}
    .btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-info.trans_b:hover{color: #17a2b8 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-info.trans_w:hover{color: #17a2b8 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.info {
        background: #17a2b8  !important;
    }

    .tab.info{cursor:pointer;color: #17a2b8 !important;background-color: #FFFFFF !important;}
    .tab.info:hover{background-color:#f8f9fa !important;}
    .tab.info.active{background-color: #17a2b8 !important;color: #FFFFFF !important;}
    .tab.info.active:hover{background-color:#138496 !important;}

    .panel-info{border:1px solid #17a2b8 !important;}
    .panel-info > .panel-heading{
        background-color:#17a2b8 !important; 
        color:#FFFFFF !important;
    }
    .panel-info:hover > .panel-heading,
    .panel-info:hover .bg-info{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.info, a.link-info{color:#17a2b8 !important;}
    .btn-link.info:hover, a.link-info:hover{color:#138496 !important;}

    .shadow-bottom-info, .shadow-bottom-info-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #17a2b8;
        -moz-box-shadow: 0 10px 6px -6px #17a2b8;
        box-shadow: 0 10px 6px -6px #17a2b8;        
    }


    
        
    .style-aqua {background-color: #7FDBFF !important;color: #000000 !important}
    
    a.text-aqua:hover {color: #b3e6fa !important}
    .text-aqua {color: #7FDBFF !important}

    a.bg-aqua:focus,a.bg-aqua:hover,button.bg-aqua:focus,button.bg-aqua:hover {background-color: #b3e6fa!important}
    .bg-aqua {background-color: #7FDBFF !important;}    
    .fill-aqua {fill: #7FDBFF !important}

    .border-aqua {border-color: #7FDBFF !important}
    .border-bottom-aqua {border-bottom-color: #7FDBFF !important}
    .border-top-aqua {border-top-color: #7FDBFF !important}
    .border-left-aqua {border-left-color: #7FDBFF !important}
    .border-right-aqua {border-right-color: #7FDBFF !important}
    .stroke-aqua {stroke: #7FDBFF !important}
        
    .tooltip-aqua .tooltip-inner {background-color: #7FDBFF;}
    .tooltip-aqua .tooltip.bs-tooltip-right .arrow:before {border-color: #7FDBFF !important;}
    .tooltip-aqua .tooltip.bs-tooltip-left .arrow:before {border-color: #7FDBFF !important;}
    .tooltip-aqua .tooltip.bs-tooltip-bottom .arrow:before {border-color: #7FDBFF !important;}
    .tooltip-aqua .tooltip.bs-tooltip-top .arrow:before {border-color: #7FDBFF !important;}   

    .tooltip-aqua .tooltip.top .tooltip-arrow{border-top-color:#7FDBFF !important;}
    .tooltip-aqua .tooltip.bottom .tooltip-arrow{border-bottom-color:#7FDBFF !important;}
    .tooltip-aqua .tooltip.left .tooltip-arrow{border-left-color:#7FDBFF !important;}
    .tooltip-aqua .tooltip.right .tooltip-arrow{border-right-color:#7FDBFF !important;}

    .noUiToggle.aqua .noUi-connect {background: #7FDBFF;}
    
    .widget-aqua .widget-title {background-color: #7FDBFF;}
    .widget-aqua .widget-title h3 {color: #000000;text-shadow:none !important}
    .widget-aqua .widget-control {color: #7FDBFF;}          

    .btn-aqua {background: #7FDBFF  !important;color: #000000 !important;border-color: #7FDBFF !important}
    .btn-aqua:hover {color: #000000 !important;background-color: #b3e6fa !important;border-color: #b3e6fa !important}
    .btn-aqua.focus,.btn-aqua:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-aqua.disabled,.btn-aqua:disabled {color: #000000;background-color: #7FDBFF;border-color: #7FDBFF}
    .btn-aqua:not(:disabled):not(.disabled).active,.btn-aqua:not(:disabled):not(.disabled):active,.show>.btn-aqua.dropdown-toggle {color: #000000;background-color: #b3e6fa;border-color: #b3e6fa}
    .btn-aqua:not(:disabled):not(.disabled).active:focus,.btn-aqua:not(:disabled):not(.disabled):active:focus,.show>.btn-aqua.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-aqua.trans_b{color: #7FDBFF !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-aqua.trans_w{color: #7FDBFF !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-aqua.trans_b:hover{color: #7FDBFF !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-aqua.trans_w:hover{color: #7FDBFF !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.aqua {font-weight: 400;color: #7FDBFF !important;}
    .btn-link.aqua:hover {color: #b3e6fa !important;}

    .btn-trans.aqua {font-weight: 400;color: #7FDBFF !important;}
    .btn-trans.aqua:hover {background:rgba(0,0,0,0.05) !important;color: #b3e6fa !important;text-decoration:none !important}    

    .btn-outline-aqua {color: #7FDBFF !important;background-color: transparent !important;background-image: none !important;border-color: #7FDBFF;}
    .btn-outline-aqua:hover {color: #000000 !important;background-color: #7FDBFF !important;border-color: #7FDBFF !important;}
    .btn-outline-aqua.focus,.btn-outline-aqua:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-aqua.disabled,.btn-outline-aqua:disabled {color: #7FDBFF !important;background-color: transparent !important}
    .btn-outline-aqua:not(:disabled):not(.disabled).active,.btn-outline-aqua:not(:disabled):not(.disabled):active,.show>.btn-outline-aqua.dropdown-toggle {color: #000000 !important;background-color: #7FDBFF !important;border-color: #7FDBFF !important}
    .btn-outline-aqua:not(:disabled):not(.disabled).active:focus,.btn-outline-aqua:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-aqua.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-aqua.trans_b:hover{color: #7FDBFF !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-aqua.trans_w:hover{color: #7FDBFF !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.aqua {
        background: #7FDBFF  !important;
    }

    .tab.aqua{cursor:pointer;color: #7FDBFF !important;background-color: #000000 !important;}
    .tab.aqua:hover{background-color:#f8f9fa !important;}
    .tab.aqua.active{background-color: #7FDBFF !important;color: #000000 !important;}
    .tab.aqua.active:hover{background-color:#b3e6fa !important;}

    .panel-aqua{border:1px solid #7FDBFF !important;}
    .panel-aqua > .panel-heading{
        background-color:#7FDBFF !important; 
        color:#000000 !important;
    }
    .panel-aqua:hover > .panel-heading,
    .panel-aqua:hover .bg-aqua{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.aqua, a.link-aqua{color:#7FDBFF !important;}
    .btn-link.aqua:hover, a.link-aqua:hover{color:#b3e6fa !important;}

    .shadow-bottom-aqua, .shadow-bottom-aqua-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #7FDBFF;
        -moz-box-shadow: 0 10px 6px -6px #7FDBFF;
        box-shadow: 0 10px 6px -6px #7FDBFF;        
    }


    
        
    .style-plum {background-color: #85144B !important;color: #FFFFFF !important}
    
    a.text-plum:hover {color: #a41058 !important}
    .text-plum {color: #85144B !important}

    a.bg-plum:focus,a.bg-plum:hover,button.bg-plum:focus,button.bg-plum:hover {background-color: #a41058!important}
    .bg-plum {background-color: #85144B !important;}    
    .fill-plum {fill: #85144B !important}

    .border-plum {border-color: #85144B !important}
    .border-bottom-plum {border-bottom-color: #85144B !important}
    .border-top-plum {border-top-color: #85144B !important}
    .border-left-plum {border-left-color: #85144B !important}
    .border-right-plum {border-right-color: #85144B !important}
    .stroke-plum {stroke: #85144B !important}
        
    .tooltip-plum .tooltip-inner {background-color: #85144B;}
    .tooltip-plum .tooltip.bs-tooltip-right .arrow:before {border-color: #85144B !important;}
    .tooltip-plum .tooltip.bs-tooltip-left .arrow:before {border-color: #85144B !important;}
    .tooltip-plum .tooltip.bs-tooltip-bottom .arrow:before {border-color: #85144B !important;}
    .tooltip-plum .tooltip.bs-tooltip-top .arrow:before {border-color: #85144B !important;}   

    .tooltip-plum .tooltip.top .tooltip-arrow{border-top-color:#85144B !important;}
    .tooltip-plum .tooltip.bottom .tooltip-arrow{border-bottom-color:#85144B !important;}
    .tooltip-plum .tooltip.left .tooltip-arrow{border-left-color:#85144B !important;}
    .tooltip-plum .tooltip.right .tooltip-arrow{border-right-color:#85144B !important;}

    .noUiToggle.plum .noUi-connect {background: #85144B;}
    
    .widget-plum .widget-title {background-color: #85144B;}
    .widget-plum .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-plum .widget-control {color: #85144B;}          

    .btn-plum {background: #85144B  !important;color: #FFFFFF !important;border-color: #85144B !important}
    .btn-plum:hover {color: #FFFFFF !important;background-color: #a41058 !important;border-color: #a41058 !important}
    .btn-plum.focus,.btn-plum:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-plum.disabled,.btn-plum:disabled {color: #FFFFFF;background-color: #85144B;border-color: #85144B}
    .btn-plum:not(:disabled):not(.disabled).active,.btn-plum:not(:disabled):not(.disabled):active,.show>.btn-plum.dropdown-toggle {color: #FFFFFF;background-color: #a41058;border-color: #a41058}
    .btn-plum:not(:disabled):not(.disabled).active:focus,.btn-plum:not(:disabled):not(.disabled):active:focus,.show>.btn-plum.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-plum.trans_b{color: #85144B !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-plum.trans_w{color: #85144B !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-plum.trans_b:hover{color: #85144B !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-plum.trans_w:hover{color: #85144B !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.plum {font-weight: 400;color: #85144B !important;}
    .btn-link.plum:hover {color: #a41058 !important;}

    .btn-trans.plum {font-weight: 400;color: #85144B !important;}
    .btn-trans.plum:hover {background:rgba(0,0,0,0.05) !important;color: #a41058 !important;text-decoration:none !important}    

    .btn-outline-plum {color: #85144B !important;background-color: transparent !important;background-image: none !important;border-color: #85144B;}
    .btn-outline-plum:hover {color: #FFFFFF !important;background-color: #85144B !important;border-color: #85144B !important;}
    .btn-outline-plum.focus,.btn-outline-plum:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-plum.disabled,.btn-outline-plum:disabled {color: #85144B !important;background-color: transparent !important}
    .btn-outline-plum:not(:disabled):not(.disabled).active,.btn-outline-plum:not(:disabled):not(.disabled):active,.show>.btn-outline-plum.dropdown-toggle {color: #FFFFFF !important;background-color: #85144B !important;border-color: #85144B !important}
    .btn-outline-plum:not(:disabled):not(.disabled).active:focus,.btn-outline-plum:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-plum.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-plum.trans_b:hover{color: #85144B !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-plum.trans_w:hover{color: #85144B !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.plum {
        background: #85144B  !important;
    }

    .tab.plum{cursor:pointer;color: #85144B !important;background-color: #FFFFFF !important;}
    .tab.plum:hover{background-color:#f8f9fa !important;}
    .tab.plum.active{background-color: #85144B !important;color: #FFFFFF !important;}
    .tab.plum.active:hover{background-color:#a41058 !important;}

    .panel-plum{border:1px solid #85144B !important;}
    .panel-plum > .panel-heading{
        background-color:#85144B !important; 
        color:#FFFFFF !important;
    }
    .panel-plum:hover > .panel-heading,
    .panel-plum:hover .bg-plum{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.plum, a.link-plum{color:#85144B !important;}
    .btn-link.plum:hover, a.link-plum:hover{color:#a41058 !important;}

    .shadow-bottom-plum, .shadow-bottom-plum-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #85144B;
        -moz-box-shadow: 0 10px 6px -6px #85144B;
        box-shadow: 0 10px 6px -6px #85144B;        
    }


    
        
    .style-purple {background-color: #B10DC9 !important;color: #FFFFFF !important}
    
    a.text-purple:hover {color: #8f0ba2 !important}
    .text-purple {color: #B10DC9 !important}

    a.bg-purple:focus,a.bg-purple:hover,button.bg-purple:focus,button.bg-purple:hover {background-color: #8f0ba2!important}
    .bg-purple {background-color: #B10DC9 !important;}    
    .fill-purple {fill: #B10DC9 !important}

    .border-purple {border-color: #B10DC9 !important}
    .border-bottom-purple {border-bottom-color: #B10DC9 !important}
    .border-top-purple {border-top-color: #B10DC9 !important}
    .border-left-purple {border-left-color: #B10DC9 !important}
    .border-right-purple {border-right-color: #B10DC9 !important}
    .stroke-purple {stroke: #B10DC9 !important}
        
    .tooltip-purple .tooltip-inner {background-color: #B10DC9;}
    .tooltip-purple .tooltip.bs-tooltip-right .arrow:before {border-color: #B10DC9 !important;}
    .tooltip-purple .tooltip.bs-tooltip-left .arrow:before {border-color: #B10DC9 !important;}
    .tooltip-purple .tooltip.bs-tooltip-bottom .arrow:before {border-color: #B10DC9 !important;}
    .tooltip-purple .tooltip.bs-tooltip-top .arrow:before {border-color: #B10DC9 !important;}   

    .tooltip-purple .tooltip.top .tooltip-arrow{border-top-color:#B10DC9 !important;}
    .tooltip-purple .tooltip.bottom .tooltip-arrow{border-bottom-color:#B10DC9 !important;}
    .tooltip-purple .tooltip.left .tooltip-arrow{border-left-color:#B10DC9 !important;}
    .tooltip-purple .tooltip.right .tooltip-arrow{border-right-color:#B10DC9 !important;}

    .noUiToggle.purple .noUi-connect {background: #B10DC9;}
    
    .widget-purple .widget-title {background-color: #B10DC9;}
    .widget-purple .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-purple .widget-control {color: #B10DC9;}          

    .btn-purple {background: #B10DC9  !important;color: #FFFFFF !important;border-color: #B10DC9 !important}
    .btn-purple:hover {color: #FFFFFF !important;background-color: #8f0ba2 !important;border-color: #8f0ba2 !important}
    .btn-purple.focus,.btn-purple:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-purple.disabled,.btn-purple:disabled {color: #FFFFFF;background-color: #B10DC9;border-color: #B10DC9}
    .btn-purple:not(:disabled):not(.disabled).active,.btn-purple:not(:disabled):not(.disabled):active,.show>.btn-purple.dropdown-toggle {color: #FFFFFF;background-color: #8f0ba2;border-color: #8f0ba2}
    .btn-purple:not(:disabled):not(.disabled).active:focus,.btn-purple:not(:disabled):not(.disabled):active:focus,.show>.btn-purple.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-purple.trans_b{color: #B10DC9 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-purple.trans_w{color: #B10DC9 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-purple.trans_b:hover{color: #B10DC9 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-purple.trans_w:hover{color: #B10DC9 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.purple {font-weight: 400;color: #B10DC9 !important;}
    .btn-link.purple:hover {color: #8f0ba2 !important;}

    .btn-trans.purple {font-weight: 400;color: #B10DC9 !important;}
    .btn-trans.purple:hover {background:rgba(0,0,0,0.05) !important;color: #8f0ba2 !important;text-decoration:none !important}    

    .btn-outline-purple {color: #B10DC9 !important;background-color: transparent !important;background-image: none !important;border-color: #B10DC9;}
    .btn-outline-purple:hover {color: #FFFFFF !important;background-color: #B10DC9 !important;border-color: #B10DC9 !important;}
    .btn-outline-purple.focus,.btn-outline-purple:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-purple.disabled,.btn-outline-purple:disabled {color: #B10DC9 !important;background-color: transparent !important}
    .btn-outline-purple:not(:disabled):not(.disabled).active,.btn-outline-purple:not(:disabled):not(.disabled):active,.show>.btn-outline-purple.dropdown-toggle {color: #FFFFFF !important;background-color: #B10DC9 !important;border-color: #B10DC9 !important}
    .btn-outline-purple:not(:disabled):not(.disabled).active:focus,.btn-outline-purple:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-purple.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-purple.trans_b:hover{color: #B10DC9 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-purple.trans_w:hover{color: #B10DC9 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.purple {
        background: #B10DC9  !important;
    }

    .tab.purple{cursor:pointer;color: #B10DC9 !important;background-color: #FFFFFF !important;}
    .tab.purple:hover{background-color:#f8f9fa !important;}
    .tab.purple.active{background-color: #B10DC9 !important;color: #FFFFFF !important;}
    .tab.purple.active:hover{background-color:#8f0ba2 !important;}

    .panel-purple{border:1px solid #B10DC9 !important;}
    .panel-purple > .panel-heading{
        background-color:#B10DC9 !important; 
        color:#FFFFFF !important;
    }
    .panel-purple:hover > .panel-heading,
    .panel-purple:hover .bg-purple{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.purple, a.link-purple{color:#B10DC9 !important;}
    .btn-link.purple:hover, a.link-purple:hover{color:#8f0ba2 !important;}

    .shadow-bottom-purple, .shadow-bottom-purple-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #B10DC9;
        -moz-box-shadow: 0 10px 6px -6px #B10DC9;
        box-shadow: 0 10px 6px -6px #B10DC9;        
    }


    
        
    .style-purple-muted {background-color: #bf85cc !important;color: #000000 !important}
    
    a.text-purple-muted:hover {color: #e3b6ed !important}
    .text-purple-muted {color: #bf85cc !important}

    a.bg-purple-muted:focus,a.bg-purple-muted:hover,button.bg-purple-muted:focus,button.bg-purple-muted:hover {background-color: #e3b6ed!important}
    .bg-purple-muted {background-color: #bf85cc !important;}    
    .fill-purple-muted {fill: #bf85cc !important}

    .border-purple-muted {border-color: #bf85cc !important}
    .border-bottom-purple-muted {border-bottom-color: #bf85cc !important}
    .border-top-purple-muted {border-top-color: #bf85cc !important}
    .border-left-purple-muted {border-left-color: #bf85cc !important}
    .border-right-purple-muted {border-right-color: #bf85cc !important}
    .stroke-purple-muted {stroke: #bf85cc !important}
        
    .tooltip-purple-muted .tooltip-inner {background-color: #bf85cc;}
    .tooltip-purple-muted .tooltip.bs-tooltip-right .arrow:before {border-color: #bf85cc !important;}
    .tooltip-purple-muted .tooltip.bs-tooltip-left .arrow:before {border-color: #bf85cc !important;}
    .tooltip-purple-muted .tooltip.bs-tooltip-bottom .arrow:before {border-color: #bf85cc !important;}
    .tooltip-purple-muted .tooltip.bs-tooltip-top .arrow:before {border-color: #bf85cc !important;}   

    .tooltip-purple-muted .tooltip.top .tooltip-arrow{border-top-color:#bf85cc !important;}
    .tooltip-purple-muted .tooltip.bottom .tooltip-arrow{border-bottom-color:#bf85cc !important;}
    .tooltip-purple-muted .tooltip.left .tooltip-arrow{border-left-color:#bf85cc !important;}
    .tooltip-purple-muted .tooltip.right .tooltip-arrow{border-right-color:#bf85cc !important;}

    .noUiToggle.purple-muted .noUi-connect {background: #bf85cc;}
    
    .widget-purple-muted .widget-title {background-color: #bf85cc;}
    .widget-purple-muted .widget-title h3 {color: #000000;text-shadow:none !important}
    .widget-purple-muted .widget-control {color: #bf85cc;}          

    .btn-purple-muted {background: #bf85cc  !important;color: #000000 !important;border-color: #bf85cc !important}
    .btn-purple-muted:hover {color: #000000 !important;background-color: #e3b6ed !important;border-color: #e3b6ed !important}
    .btn-purple-muted.focus,.btn-purple-muted:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-purple-muted.disabled,.btn-purple-muted:disabled {color: #000000;background-color: #bf85cc;border-color: #bf85cc}
    .btn-purple-muted:not(:disabled):not(.disabled).active,.btn-purple-muted:not(:disabled):not(.disabled):active,.show>.btn-purple-muted.dropdown-toggle {color: #000000;background-color: #e3b6ed;border-color: #e3b6ed}
    .btn-purple-muted:not(:disabled):not(.disabled).active:focus,.btn-purple-muted:not(:disabled):not(.disabled):active:focus,.show>.btn-purple-muted.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-purple-muted.trans_b{color: #bf85cc !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-purple-muted.trans_w{color: #bf85cc !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-purple-muted.trans_b:hover{color: #bf85cc !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-purple-muted.trans_w:hover{color: #bf85cc !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.purple-muted {font-weight: 400;color: #bf85cc !important;}
    .btn-link.purple-muted:hover {color: #e3b6ed !important;}

    .btn-trans.purple-muted {font-weight: 400;color: #bf85cc !important;}
    .btn-trans.purple-muted:hover {background:rgba(0,0,0,0.05) !important;color: #e3b6ed !important;text-decoration:none !important}    

    .btn-outline-purple-muted {color: #bf85cc !important;background-color: transparent !important;background-image: none !important;border-color: #bf85cc;}
    .btn-outline-purple-muted:hover {color: #000000 !important;background-color: #bf85cc !important;border-color: #bf85cc !important;}
    .btn-outline-purple-muted.focus,.btn-outline-purple-muted:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-purple-muted.disabled,.btn-outline-purple-muted:disabled {color: #bf85cc !important;background-color: transparent !important}
    .btn-outline-purple-muted:not(:disabled):not(.disabled).active,.btn-outline-purple-muted:not(:disabled):not(.disabled):active,.show>.btn-outline-purple-muted.dropdown-toggle {color: #000000 !important;background-color: #bf85cc !important;border-color: #bf85cc !important}
    .btn-outline-purple-muted:not(:disabled):not(.disabled).active:focus,.btn-outline-purple-muted:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-purple-muted.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-purple-muted.trans_b:hover{color: #bf85cc !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-purple-muted.trans_w:hover{color: #bf85cc !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.purple-muted {
        background: #bf85cc  !important;
    }

    .tab.purple-muted{cursor:pointer;color: #bf85cc !important;background-color: #000000 !important;}
    .tab.purple-muted:hover{background-color:#f8f9fa !important;}
    .tab.purple-muted.active{background-color: #bf85cc !important;color: #000000 !important;}
    .tab.purple-muted.active:hover{background-color:#e3b6ed !important;}

    .panel-purple-muted{border:1px solid #bf85cc !important;}
    .panel-purple-muted > .panel-heading{
        background-color:#bf85cc !important; 
        color:#000000 !important;
    }
    .panel-purple-muted:hover > .panel-heading,
    .panel-purple-muted:hover .bg-purple-muted{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.purple-muted, a.link-purple-muted{color:#bf85cc !important;}
    .btn-link.purple-muted:hover, a.link-purple-muted:hover{color:#e3b6ed !important;}

    .shadow-bottom-purple-muted, .shadow-bottom-purple-muted-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #bf85cc;
        -moz-box-shadow: 0 10px 6px -6px #bf85cc;
        box-shadow: 0 10px 6px -6px #bf85cc;        
    }


    
        
    .style-theme {background-color: #333333 !important;color: #cccccc !important}
    
    a.text-theme:hover {color: #1f2c3a !important}
    .text-theme {color: #333333 !important}

    a.bg-theme:focus,a.bg-theme:hover,button.bg-theme:focus,button.bg-theme:hover {background-color: #1f2c3a!important}
    .bg-theme {background-color: #333333 !important;}    
    .fill-theme {fill: #333333 !important}

    .border-theme {border-color: #333333 !important}
    .border-bottom-theme {border-bottom-color: #333333 !important}
    .border-top-theme {border-top-color: #333333 !important}
    .border-left-theme {border-left-color: #333333 !important}
    .border-right-theme {border-right-color: #333333 !important}
    .stroke-theme {stroke: #333333 !important}
        
    .tooltip-theme .tooltip-inner {background-color: #333333;}
    .tooltip-theme .tooltip.bs-tooltip-right .arrow:before {border-color: #333333 !important;}
    .tooltip-theme .tooltip.bs-tooltip-left .arrow:before {border-color: #333333 !important;}
    .tooltip-theme .tooltip.bs-tooltip-bottom .arrow:before {border-color: #333333 !important;}
    .tooltip-theme .tooltip.bs-tooltip-top .arrow:before {border-color: #333333 !important;}   

    .tooltip-theme .tooltip.top .tooltip-arrow{border-top-color:#333333 !important;}
    .tooltip-theme .tooltip.bottom .tooltip-arrow{border-bottom-color:#333333 !important;}
    .tooltip-theme .tooltip.left .tooltip-arrow{border-left-color:#333333 !important;}
    .tooltip-theme .tooltip.right .tooltip-arrow{border-right-color:#333333 !important;}

    .noUiToggle.theme .noUi-connect {background: #333333;}
    
    .widget-theme .widget-title {background-color: #333333;}
    .widget-theme .widget-title h3 {color: #cccccc;text-shadow:none !important}
    .widget-theme .widget-control {color: #333333;}          

    .btn-theme {background: #333333  !important;color: #cccccc !important;border-color: #333333 !important}
    .btn-theme:hover {color: #cccccc !important;background-color: #1f2c3a !important;border-color: #1f2c3a !important}
    .btn-theme.focus,.btn-theme:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-theme.disabled,.btn-theme:disabled {color: #cccccc;background-color: #333333;border-color: #333333}
    .btn-theme:not(:disabled):not(.disabled).active,.btn-theme:not(:disabled):not(.disabled):active,.show>.btn-theme.dropdown-toggle {color: #cccccc;background-color: #1f2c3a;border-color: #1f2c3a}
    .btn-theme:not(:disabled):not(.disabled).active:focus,.btn-theme:not(:disabled):not(.disabled):active:focus,.show>.btn-theme.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-theme.trans_b{color: #333333 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-theme.trans_w{color: #333333 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-theme.trans_b:hover{color: #333333 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-theme.trans_w:hover{color: #333333 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.theme {font-weight: 400;color: #333333 !important;}
    .btn-link.theme:hover {color: #1f2c3a !important;}

    .btn-trans.theme {font-weight: 400;color: #333333 !important;}
    .btn-trans.theme:hover {background:rgba(0,0,0,0.05) !important;color: #1f2c3a !important;text-decoration:none !important}    

    .btn-outline-theme {color: #333333 !important;background-color: transparent !important;background-image: none !important;border-color: #333333;}
    .btn-outline-theme:hover {color: #cccccc !important;background-color: #333333 !important;border-color: #333333 !important;}
    .btn-outline-theme.focus,.btn-outline-theme:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-theme.disabled,.btn-outline-theme:disabled {color: #333333 !important;background-color: transparent !important}
    .btn-outline-theme:not(:disabled):not(.disabled).active,.btn-outline-theme:not(:disabled):not(.disabled):active,.show>.btn-outline-theme.dropdown-toggle {color: #cccccc !important;background-color: #333333 !important;border-color: #333333 !important}
    .btn-outline-theme:not(:disabled):not(.disabled).active:focus,.btn-outline-theme:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-theme.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-theme.trans_b:hover{color: #333333 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-theme.trans_w:hover{color: #333333 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.theme {
        background: #333333  !important;
    }

    .tab.theme{cursor:pointer;color: #333333 !important;background-color: #cccccc !important;}
    .tab.theme:hover{background-color:#f8f9fa !important;}
    .tab.theme.active{background-color: #333333 !important;color: #cccccc !important;}
    .tab.theme.active:hover{background-color:#1f2c3a !important;}

    .panel-theme{border:1px solid #333333 !important;}
    .panel-theme > .panel-heading{
        background-color:#333333 !important; 
        color:#cccccc !important;
    }
    .panel-theme:hover > .panel-heading,
    .panel-theme:hover .bg-theme{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.theme, a.link-theme{color:#333333 !important;}
    .btn-link.theme:hover, a.link-theme:hover{color:#1f2c3a !important;}

    .shadow-bottom-theme, .shadow-bottom-theme-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #333333;
        -moz-box-shadow: 0 10px 6px -6px #333333;
        box-shadow: 0 10px 6px -6px #333333;        
    }


    
        
    .style-black {background-color: #000000 !important;color: #FFFFFF !important}
    
    a.text-black:hover {color: #333333 !important}
    .text-black {color: #000000 !important}

    a.bg-black:focus,a.bg-black:hover,button.bg-black:focus,button.bg-black:hover {background-color: #333333!important}
    .bg-black {background-color: #000000 !important;}    
    .fill-black {fill: #000000 !important}

    .border-black {border-color: #000000 !important}
    .border-bottom-black {border-bottom-color: #000000 !important}
    .border-top-black {border-top-color: #000000 !important}
    .border-left-black {border-left-color: #000000 !important}
    .border-right-black {border-right-color: #000000 !important}
    .stroke-black {stroke: #000000 !important}
        
    .tooltip-black .tooltip-inner {background-color: #000000;}
    .tooltip-black .tooltip.bs-tooltip-right .arrow:before {border-color: #000000 !important;}
    .tooltip-black .tooltip.bs-tooltip-left .arrow:before {border-color: #000000 !important;}
    .tooltip-black .tooltip.bs-tooltip-bottom .arrow:before {border-color: #000000 !important;}
    .tooltip-black .tooltip.bs-tooltip-top .arrow:before {border-color: #000000 !important;}   

    .tooltip-black .tooltip.top .tooltip-arrow{border-top-color:#000000 !important;}
    .tooltip-black .tooltip.bottom .tooltip-arrow{border-bottom-color:#000000 !important;}
    .tooltip-black .tooltip.left .tooltip-arrow{border-left-color:#000000 !important;}
    .tooltip-black .tooltip.right .tooltip-arrow{border-right-color:#000000 !important;}

    .noUiToggle.black .noUi-connect {background: #000000;}
    
    .widget-black .widget-title {background-color: #000000;}
    .widget-black .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-black .widget-control {color: #000000;}          

    .btn-black {background: #000000  !important;color: #FFFFFF !important;border-color: #000000 !important}
    .btn-black:hover {color: #FFFFFF !important;background-color: #333333 !important;border-color: #333333 !important}
    .btn-black.focus,.btn-black:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-black.disabled,.btn-black:disabled {color: #FFFFFF;background-color: #000000;border-color: #000000}
    .btn-black:not(:disabled):not(.disabled).active,.btn-black:not(:disabled):not(.disabled):active,.show>.btn-black.dropdown-toggle {color: #FFFFFF;background-color: #333333;border-color: #333333}
    .btn-black:not(:disabled):not(.disabled).active:focus,.btn-black:not(:disabled):not(.disabled):active:focus,.show>.btn-black.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-black.trans_b{color: #000000 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-black.trans_w{color: #000000 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-black.trans_b:hover{color: #000000 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-black.trans_w:hover{color: #000000 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.black {font-weight: 400;color: #000000 !important;}
    .btn-link.black:hover {color: #333333 !important;}

    .btn-trans.black {font-weight: 400;color: #000000 !important;}
    .btn-trans.black:hover {background:rgba(0,0,0,0.05) !important;color: #333333 !important;text-decoration:none !important}    

    .btn-outline-black {color: #000000 !important;background-color: transparent !important;background-image: none !important;border-color: #000000;}
    .btn-outline-black:hover {color: #FFFFFF !important;background-color: #000000 !important;border-color: #000000 !important;}
    .btn-outline-black.focus,.btn-outline-black:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-black.disabled,.btn-outline-black:disabled {color: #000000 !important;background-color: transparent !important}
    .btn-outline-black:not(:disabled):not(.disabled).active,.btn-outline-black:not(:disabled):not(.disabled):active,.show>.btn-outline-black.dropdown-toggle {color: #FFFFFF !important;background-color: #000000 !important;border-color: #000000 !important}
    .btn-outline-black:not(:disabled):not(.disabled).active:focus,.btn-outline-black:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-black.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-black.trans_b:hover{color: #000000 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-black.trans_w:hover{color: #000000 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.black {
        background: #000000  !important;
    }

    .tab.black{cursor:pointer;color: #000000 !important;background-color: #FFFFFF !important;}
    .tab.black:hover{background-color:#f8f9fa !important;}
    .tab.black.active{background-color: #000000 !important;color: #FFFFFF !important;}
    .tab.black.active:hover{background-color:#333333 !important;}

    .panel-black{border:1px solid #000000 !important;}
    .panel-black > .panel-heading{
        background-color:#000000 !important; 
        color:#FFFFFF !important;
    }
    .panel-black:hover > .panel-heading,
    .panel-black:hover .bg-black{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.black, a.link-black{color:#000000 !important;}
    .btn-link.black:hover, a.link-black:hover{color:#333333 !important;}

    .shadow-bottom-black, .shadow-bottom-black-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #000000;
        -moz-box-shadow: 0 10px 6px -6px #000000;
        box-shadow: 0 10px 6px -6px #000000;        
    }


    
        
    .style-dark {background-color: #343a40 !important;color: #FFFFFF !important}
    
    a.text-dark:hover {color: #23272b !important}
    .text-dark {color: #343a40 !important}

    a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {background-color: #23272b!important}
    .bg-dark {background-color: #343a40 !important;}    
    .fill-dark {fill: #343a40 !important}

    .border-dark {border-color: #343a40 !important}
    .border-bottom-dark {border-bottom-color: #343a40 !important}
    .border-top-dark {border-top-color: #343a40 !important}
    .border-left-dark {border-left-color: #343a40 !important}
    .border-right-dark {border-right-color: #343a40 !important}
    .stroke-dark {stroke: #343a40 !important}
        
    .tooltip-dark .tooltip-inner {background-color: #343a40;}
    .tooltip-dark .tooltip.bs-tooltip-right .arrow:before {border-color: #343a40 !important;}
    .tooltip-dark .tooltip.bs-tooltip-left .arrow:before {border-color: #343a40 !important;}
    .tooltip-dark .tooltip.bs-tooltip-bottom .arrow:before {border-color: #343a40 !important;}
    .tooltip-dark .tooltip.bs-tooltip-top .arrow:before {border-color: #343a40 !important;}   

    .tooltip-dark .tooltip.top .tooltip-arrow{border-top-color:#343a40 !important;}
    .tooltip-dark .tooltip.bottom .tooltip-arrow{border-bottom-color:#343a40 !important;}
    .tooltip-dark .tooltip.left .tooltip-arrow{border-left-color:#343a40 !important;}
    .tooltip-dark .tooltip.right .tooltip-arrow{border-right-color:#343a40 !important;}

    .noUiToggle.dark .noUi-connect {background: #343a40;}
    
    .widget-dark .widget-title {background-color: #343a40;}
    .widget-dark .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-dark .widget-control {color: #343a40;}          

    .btn-dark {background: #343a40  !important;color: #FFFFFF !important;border-color: #343a40 !important}
    .btn-dark:hover {color: #FFFFFF !important;background-color: #23272b !important;border-color: #23272b !important}
    .btn-dark.focus,.btn-dark:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-dark.disabled,.btn-dark:disabled {color: #FFFFFF;background-color: #343a40;border-color: #343a40}
    .btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {color: #FFFFFF;background-color: #23272b;border-color: #23272b}
    .btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-dark.trans_b{color: #343a40 !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-dark.trans_w{color: #343a40 !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-dark.trans_b:hover{color: #343a40 !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-dark.trans_w:hover{color: #343a40 !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.dark {font-weight: 400;color: #343a40 !important;}
    .btn-link.dark:hover {color: #23272b !important;}

    .btn-trans.dark {font-weight: 400;color: #343a40 !important;}
    .btn-trans.dark:hover {background:rgba(0,0,0,0.05) !important;color: #23272b !important;text-decoration:none !important}    

    .btn-outline-dark {color: #343a40 !important;background-color: transparent !important;background-image: none !important;border-color: #343a40;}
    .btn-outline-dark:hover {color: #FFFFFF !important;background-color: #343a40 !important;border-color: #343a40 !important;}
    .btn-outline-dark.focus,.btn-outline-dark:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-dark.disabled,.btn-outline-dark:disabled {color: #343a40 !important;background-color: transparent !important}
    .btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {color: #FFFFFF !important;background-color: #343a40 !important;border-color: #343a40 !important}
    .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-dark.trans_b:hover{color: #343a40 !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-dark.trans_w:hover{color: #343a40 !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.dark {
        background: #343a40  !important;
    }

    .tab.dark{cursor:pointer;color: #343a40 !important;background-color: #FFFFFF !important;}
    .tab.dark:hover{background-color:#f8f9fa !important;}
    .tab.dark.active{background-color: #343a40 !important;color: #FFFFFF !important;}
    .tab.dark.active:hover{background-color:#23272b !important;}

    .panel-dark{border:1px solid #343a40 !important;}
    .panel-dark > .panel-heading{
        background-color:#343a40 !important; 
        color:#FFFFFF !important;
    }
    .panel-dark:hover > .panel-heading,
    .panel-dark:hover .bg-dark{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.dark, a.link-dark{color:#343a40 !important;}
    .btn-link.dark:hover, a.link-dark:hover{color:#23272b !important;}

    .shadow-bottom-dark, .shadow-bottom-dark-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #343a40;
        -moz-box-shadow: 0 10px 6px -6px #343a40;
        box-shadow: 0 10px 6px -6px #343a40;        
    }


    
        
    .style-gray {background-color: #6c757d !important;color: #FFFFFF !important}
    
    a.text-gray:hover {color: #5a6268 !important}
    .text-gray {color: #6c757d !important}

    a.bg-gray:focus,a.bg-gray:hover,button.bg-gray:focus,button.bg-gray:hover {background-color: #5a6268!important}
    .bg-gray {background-color: #6c757d !important;}    
    .fill-gray {fill: #6c757d !important}

    .border-gray {border-color: #6c757d !important}
    .border-bottom-gray {border-bottom-color: #6c757d !important}
    .border-top-gray {border-top-color: #6c757d !important}
    .border-left-gray {border-left-color: #6c757d !important}
    .border-right-gray {border-right-color: #6c757d !important}
    .stroke-gray {stroke: #6c757d !important}
        
    .tooltip-gray .tooltip-inner {background-color: #6c757d;}
    .tooltip-gray .tooltip.bs-tooltip-right .arrow:before {border-color: #6c757d !important;}
    .tooltip-gray .tooltip.bs-tooltip-left .arrow:before {border-color: #6c757d !important;}
    .tooltip-gray .tooltip.bs-tooltip-bottom .arrow:before {border-color: #6c757d !important;}
    .tooltip-gray .tooltip.bs-tooltip-top .arrow:before {border-color: #6c757d !important;}   

    .tooltip-gray .tooltip.top .tooltip-arrow{border-top-color:#6c757d !important;}
    .tooltip-gray .tooltip.bottom .tooltip-arrow{border-bottom-color:#6c757d !important;}
    .tooltip-gray .tooltip.left .tooltip-arrow{border-left-color:#6c757d !important;}
    .tooltip-gray .tooltip.right .tooltip-arrow{border-right-color:#6c757d !important;}

    .noUiToggle.gray .noUi-connect {background: #6c757d;}
    
    .widget-gray .widget-title {background-color: #6c757d;}
    .widget-gray .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-gray .widget-control {color: #6c757d;}          

    .btn-gray {background: #6c757d  !important;color: #FFFFFF !important;border-color: #6c757d !important}
    .btn-gray:hover {color: #FFFFFF !important;background-color: #5a6268 !important;border-color: #5a6268 !important}
    .btn-gray.focus,.btn-gray:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-gray.disabled,.btn-gray:disabled {color: #FFFFFF;background-color: #6c757d;border-color: #6c757d}
    .btn-gray:not(:disabled):not(.disabled).active,.btn-gray:not(:disabled):not(.disabled):active,.show>.btn-gray.dropdown-toggle {color: #FFFFFF;background-color: #5a6268;border-color: #5a6268}
    .btn-gray:not(:disabled):not(.disabled).active:focus,.btn-gray:not(:disabled):not(.disabled):active:focus,.show>.btn-gray.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-gray.trans_b{color: #6c757d !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-gray.trans_w{color: #6c757d !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-gray.trans_b:hover{color: #6c757d !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-gray.trans_w:hover{color: #6c757d !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.gray {font-weight: 400;color: #6c757d !important;}
    .btn-link.gray:hover {color: #5a6268 !important;}

    .btn-trans.gray {font-weight: 400;color: #6c757d !important;}
    .btn-trans.gray:hover {background:rgba(0,0,0,0.05) !important;color: #5a6268 !important;text-decoration:none !important}    

    .btn-outline-gray {color: #6c757d !important;background-color: transparent !important;background-image: none !important;border-color: #6c757d;}
    .btn-outline-gray:hover {color: #FFFFFF !important;background-color: #6c757d !important;border-color: #6c757d !important;}
    .btn-outline-gray.focus,.btn-outline-gray:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-gray.disabled,.btn-outline-gray:disabled {color: #6c757d !important;background-color: transparent !important}
    .btn-outline-gray:not(:disabled):not(.disabled).active,.btn-outline-gray:not(:disabled):not(.disabled):active,.show>.btn-outline-gray.dropdown-toggle {color: #FFFFFF !important;background-color: #6c757d !important;border-color: #6c757d !important}
    .btn-outline-gray:not(:disabled):not(.disabled).active:focus,.btn-outline-gray:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-gray.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-gray.trans_b:hover{color: #6c757d !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-gray.trans_w:hover{color: #6c757d !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.gray {
        background: #6c757d  !important;
    }

    .tab.gray{cursor:pointer;color: #6c757d !important;background-color: #FFFFFF !important;}
    .tab.gray:hover{background-color:#f8f9fa !important;}
    .tab.gray.active{background-color: #6c757d !important;color: #FFFFFF !important;}
    .tab.gray.active:hover{background-color:#5a6268 !important;}

    .panel-gray{border:1px solid #6c757d !important;}
    .panel-gray > .panel-heading{
        background-color:#6c757d !important; 
        color:#FFFFFF !important;
    }
    .panel-gray:hover > .panel-heading,
    .panel-gray:hover .bg-gray{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.gray, a.link-gray{color:#6c757d !important;}
    .btn-link.gray:hover, a.link-gray:hover{color:#5a6268 !important;}

    .shadow-bottom-gray, .shadow-bottom-gray-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #6c757d;
        -moz-box-shadow: 0 10px 6px -6px #6c757d;
        box-shadow: 0 10px 6px -6px #6c757d;        
    }


    
        
    .style-secondary {background-color: #6c757d !important;color: #FFFFFF !important}
    
    a.text-secondary:hover {color: #5a6268 !important}
    .text-secondary {color: #6c757d !important}

    a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {background-color: #5a6268!important}
    .bg-secondary {background-color: #6c757d !important;}    
    .fill-secondary {fill: #6c757d !important}

    .border-secondary {border-color: #6c757d !important}
    .border-bottom-secondary {border-bottom-color: #6c757d !important}
    .border-top-secondary {border-top-color: #6c757d !important}
    .border-left-secondary {border-left-color: #6c757d !important}
    .border-right-secondary {border-right-color: #6c757d !important}
    .stroke-secondary {stroke: #6c757d !important}
        
    .tooltip-secondary .tooltip-inner {background-color: #6c757d;}
    .tooltip-secondary .tooltip.bs-tooltip-right .arrow:before {border-color: #6c757d !important;}
    .tooltip-secondary .tooltip.bs-tooltip-left .arrow:before {border-color: #6c757d !important;}
    .tooltip-secondary .tooltip.bs-tooltip-bottom .arrow:before {border-color: #6c757d !important;}
    .tooltip-secondary .tooltip.bs-tooltip-top .arrow:before {border-color: #6c757d !important;}   

    .tooltip-secondary .tooltip.top .tooltip-arrow{border-top-color:#6c757d !important;}
    .tooltip-secondary .tooltip.bottom .tooltip-arrow{border-bottom-color:#6c757d !important;}
    .tooltip-secondary .tooltip.left .tooltip-arrow{border-left-color:#6c757d !important;}
    .tooltip-secondary .tooltip.right .tooltip-arrow{border-right-color:#6c757d !important;}

    .noUiToggle.secondary .noUi-connect {background: #6c757d;}
    
    .widget-secondary .widget-title {background-color: #6c757d;}
    .widget-secondary .widget-title h3 {color: #FFFFFF;text-shadow:none !important}
    .widget-secondary .widget-control {color: #6c757d;}          

    .btn-secondary {background: #6c757d  !important;color: #FFFFFF !important;border-color: #6c757d !important}
    .btn-secondary:hover {color: #FFFFFF !important;background-color: #5a6268 !important;border-color: #5a6268 !important}
    .btn-secondary.focus,.btn-secondary:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-secondary.disabled,.btn-secondary:disabled {color: #FFFFFF;background-color: #6c757d;border-color: #6c757d}
    .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {color: #FFFFFF;background-color: #5a6268;border-color: #5a6268}
    .btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-secondary.trans_b{color: #6c757d !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-secondary.trans_w{color: #6c757d !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-secondary.trans_b:hover{color: #6c757d !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-secondary.trans_w:hover{color: #6c757d !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.secondary {font-weight: 400;color: #6c757d !important;}
    .btn-link.secondary:hover {color: #5a6268 !important;}

    .btn-trans.secondary {font-weight: 400;color: #6c757d !important;}
    .btn-trans.secondary:hover {background:rgba(0,0,0,0.05) !important;color: #5a6268 !important;text-decoration:none !important}    

    .btn-outline-secondary {color: #6c757d !important;background-color: transparent !important;background-image: none !important;border-color: #6c757d;}
    .btn-outline-secondary:hover {color: #FFFFFF !important;background-color: #6c757d !important;border-color: #6c757d !important;}
    .btn-outline-secondary.focus,.btn-outline-secondary:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-secondary.disabled,.btn-outline-secondary:disabled {color: #6c757d !important;background-color: transparent !important}
    .btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {color: #FFFFFF !important;background-color: #6c757d !important;border-color: #6c757d !important}
    .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-secondary.trans_b:hover{color: #6c757d !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-secondary.trans_w:hover{color: #6c757d !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.secondary {
        background: #6c757d  !important;
    }

    .tab.secondary{cursor:pointer;color: #6c757d !important;background-color: #FFFFFF !important;}
    .tab.secondary:hover{background-color:#f8f9fa !important;}
    .tab.secondary.active{background-color: #6c757d !important;color: #FFFFFF !important;}
    .tab.secondary.active:hover{background-color:#5a6268 !important;}

    .panel-secondary{border:1px solid #6c757d !important;}
    .panel-secondary > .panel-heading{
        background-color:#6c757d !important; 
        color:#FFFFFF !important;
    }
    .panel-secondary:hover > .panel-heading,
    .panel-secondary:hover .bg-secondary{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.secondary, a.link-secondary{color:#6c757d !important;}
    .btn-link.secondary:hover, a.link-secondary:hover{color:#5a6268 !important;}

    .shadow-bottom-secondary, .shadow-bottom-secondary-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #6c757d;
        -moz-box-shadow: 0 10px 6px -6px #6c757d;
        box-shadow: 0 10px 6px -6px #6c757d;        
    }


    
        
    .style-silver {background-color: #cccccc !important;color: #aaaaaa !important}
    
    a.text-silver:hover {color: #cccccc !important}
    .text-silver {color: #cccccc !important}

    a.bg-silver:focus,a.bg-silver:hover,button.bg-silver:focus,button.bg-silver:hover {background-color: #cccccc!important}
    .bg-silver {background-color: #cccccc !important;}    
    .fill-silver {fill: #cccccc !important}

    .border-silver {border-color: #cccccc !important}
    .border-bottom-silver {border-bottom-color: #cccccc !important}
    .border-top-silver {border-top-color: #cccccc !important}
    .border-left-silver {border-left-color: #cccccc !important}
    .border-right-silver {border-right-color: #cccccc !important}
    .stroke-silver {stroke: #cccccc !important}
        
    .tooltip-silver .tooltip-inner {background-color: #cccccc;}
    .tooltip-silver .tooltip.bs-tooltip-right .arrow:before {border-color: #cccccc !important;}
    .tooltip-silver .tooltip.bs-tooltip-left .arrow:before {border-color: #cccccc !important;}
    .tooltip-silver .tooltip.bs-tooltip-bottom .arrow:before {border-color: #cccccc !important;}
    .tooltip-silver .tooltip.bs-tooltip-top .arrow:before {border-color: #cccccc !important;}   

    .tooltip-silver .tooltip.top .tooltip-arrow{border-top-color:#cccccc !important;}
    .tooltip-silver .tooltip.bottom .tooltip-arrow{border-bottom-color:#cccccc !important;}
    .tooltip-silver .tooltip.left .tooltip-arrow{border-left-color:#cccccc !important;}
    .tooltip-silver .tooltip.right .tooltip-arrow{border-right-color:#cccccc !important;}

    .noUiToggle.silver .noUi-connect {background: #cccccc;}
    
    .widget-silver .widget-title {background-color: #cccccc;}
    .widget-silver .widget-title h3 {color: #aaaaaa;text-shadow:none !important}
    .widget-silver .widget-control {color: #cccccc;}          

    .btn-silver {background: #cccccc  !important;color: #aaaaaa !important;border-color: #cccccc !important}
    .btn-silver:hover {color: #aaaaaa !important;background-color: #cccccc !important;border-color: #cccccc !important}
    .btn-silver.focus,.btn-silver:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-silver.disabled,.btn-silver:disabled {color: #aaaaaa;background-color: #cccccc;border-color: #cccccc}
    .btn-silver:not(:disabled):not(.disabled).active,.btn-silver:not(:disabled):not(.disabled):active,.show>.btn-silver.dropdown-toggle {color: #aaaaaa;background-color: #cccccc;border-color: #cccccc}
    .btn-silver:not(:disabled):not(.disabled).active:focus,.btn-silver:not(:disabled):not(.disabled):active:focus,.show>.btn-silver.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-silver.trans_b{color: #cccccc !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-silver.trans_w{color: #cccccc !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-silver.trans_b:hover{color: #cccccc !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-silver.trans_w:hover{color: #cccccc !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.silver {font-weight: 400;color: #cccccc !important;}
    .btn-link.silver:hover {color: #cccccc !important;}

    .btn-trans.silver {font-weight: 400;color: #cccccc !important;}
    .btn-trans.silver:hover {background:rgba(0,0,0,0.05) !important;color: #cccccc !important;text-decoration:none !important}    

    .btn-outline-silver {color: #cccccc !important;background-color: transparent !important;background-image: none !important;border-color: #cccccc;}
    .btn-outline-silver:hover {color: #aaaaaa !important;background-color: #cccccc !important;border-color: #cccccc !important;}
    .btn-outline-silver.focus,.btn-outline-silver:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-silver.disabled,.btn-outline-silver:disabled {color: #cccccc !important;background-color: transparent !important}
    .btn-outline-silver:not(:disabled):not(.disabled).active,.btn-outline-silver:not(:disabled):not(.disabled):active,.show>.btn-outline-silver.dropdown-toggle {color: #aaaaaa !important;background-color: #cccccc !important;border-color: #cccccc !important}
    .btn-outline-silver:not(:disabled):not(.disabled).active:focus,.btn-outline-silver:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-silver.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-silver.trans_b:hover{color: #cccccc !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-silver.trans_w:hover{color: #cccccc !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.silver {
        background: #cccccc  !important;
    }

    .tab.silver{cursor:pointer;color: #cccccc !important;background-color: #aaaaaa !important;}
    .tab.silver:hover{background-color:#f8f9fa !important;}
    .tab.silver.active{background-color: #cccccc !important;color: #aaaaaa !important;}
    .tab.silver.active:hover{background-color:#cccccc !important;}

    .panel-silver{border:1px solid #cccccc !important;}
    .panel-silver > .panel-heading{
        background-color:#cccccc !important; 
        color:#aaaaaa !important;
    }
    .panel-silver:hover > .panel-heading,
    .panel-silver:hover .bg-silver{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.silver, a.link-silver{color:#cccccc !important;}
    .btn-link.silver:hover, a.link-silver:hover{color:#cccccc !important;}

    .shadow-bottom-silver, .shadow-bottom-silver-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #cccccc;
        -moz-box-shadow: 0 10px 6px -6px #cccccc;
        box-shadow: 0 10px 6px -6px #cccccc;        
    }


    
        
    .style-light {background-color: #f8f9fa !important;color: #212529 !important}
    
    a.text-light:hover {color: #e2e6ea !important}
    .text-light {color: #f8f9fa !important}

    a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {background-color: #e2e6ea!important}
    .bg-light {background-color: #f8f9fa !important;}    
    .fill-light {fill: #f8f9fa !important}

    .border-light {border-color: #f8f9fa !important}
    .border-bottom-light {border-bottom-color: #f8f9fa !important}
    .border-top-light {border-top-color: #f8f9fa !important}
    .border-left-light {border-left-color: #f8f9fa !important}
    .border-right-light {border-right-color: #f8f9fa !important}
    .stroke-light {stroke: #f8f9fa !important}
        
    .tooltip-light .tooltip-inner {background-color: #f8f9fa;}
    .tooltip-light .tooltip.bs-tooltip-right .arrow:before {border-color: #f8f9fa !important;}
    .tooltip-light .tooltip.bs-tooltip-left .arrow:before {border-color: #f8f9fa !important;}
    .tooltip-light .tooltip.bs-tooltip-bottom .arrow:before {border-color: #f8f9fa !important;}
    .tooltip-light .tooltip.bs-tooltip-top .arrow:before {border-color: #f8f9fa !important;}   

    .tooltip-light .tooltip.top .tooltip-arrow{border-top-color:#f8f9fa !important;}
    .tooltip-light .tooltip.bottom .tooltip-arrow{border-bottom-color:#f8f9fa !important;}
    .tooltip-light .tooltip.left .tooltip-arrow{border-left-color:#f8f9fa !important;}
    .tooltip-light .tooltip.right .tooltip-arrow{border-right-color:#f8f9fa !important;}

    .noUiToggle.light .noUi-connect {background: #f8f9fa;}
    
    .widget-light .widget-title {background-color: #f8f9fa;}
    .widget-light .widget-title h3 {color: #212529;text-shadow:none !important}
    .widget-light .widget-control {color: #f8f9fa;}          

    .btn-light {background: #f8f9fa  !important;color: #212529 !important;border-color: #f8f9fa !important}
    .btn-light:hover {color: #212529 !important;background-color: #e2e6ea !important;border-color: #e2e6ea !important}
    .btn-light.focus,.btn-light:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-light.disabled,.btn-light:disabled {color: #212529;background-color: #f8f9fa;border-color: #f8f9fa}
    .btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {color: #212529;background-color: #e2e6ea;border-color: #e2e6ea}
    .btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-light.trans_b{color: #f8f9fa !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-light.trans_w{color: #f8f9fa !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-light.trans_b:hover{color: #f8f9fa !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-light.trans_w:hover{color: #f8f9fa !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.light {font-weight: 400;color: #f8f9fa !important;}
    .btn-link.light:hover {color: #e2e6ea !important;}

    .btn-trans.light {font-weight: 400;color: #f8f9fa !important;}
    .btn-trans.light:hover {background:rgba(0,0,0,0.05) !important;color: #e2e6ea !important;text-decoration:none !important}    

    .btn-outline-light {color: #f8f9fa !important;background-color: transparent !important;background-image: none !important;border-color: #f8f9fa;}
    .btn-outline-light:hover {color: #212529 !important;background-color: #f8f9fa !important;border-color: #f8f9fa !important;}
    .btn-outline-light.focus,.btn-outline-light:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-light.disabled,.btn-outline-light:disabled {color: #f8f9fa !important;background-color: transparent !important}
    .btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {color: #212529 !important;background-color: #f8f9fa !important;border-color: #f8f9fa !important}
    .btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-light.trans_b:hover{color: #f8f9fa !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-light.trans_w:hover{color: #f8f9fa !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.light {
        background: #f8f9fa  !important;
    }

    .tab.light{cursor:pointer;color: #f8f9fa !important;background-color: #212529 !important;}
    .tab.light:hover{background-color:#f8f9fa !important;}
    .tab.light.active{background-color: #f8f9fa !important;color: #212529 !important;}
    .tab.light.active:hover{background-color:#e2e6ea !important;}

    .panel-light{border:1px solid #f8f9fa !important;}
    .panel-light > .panel-heading{
        background-color:#f8f9fa !important; 
        color:#212529 !important;
    }
    .panel-light:hover > .panel-heading,
    .panel-light:hover .bg-light{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.light, a.link-light{color:#f8f9fa !important;}
    .btn-link.light:hover, a.link-light:hover{color:#e2e6ea !important;}

    .shadow-bottom-light, .shadow-bottom-light-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #f8f9fa;
        -moz-box-shadow: 0 10px 6px -6px #f8f9fa;
        box-shadow: 0 10px 6px -6px #f8f9fa;        
    }


    
        
    .style-white {background-color: #ffffff !important;color: #232F3E !important}
    
    a.text-white:hover {color: #eeeeee !important}
    .text-white {color: #ffffff !important}

    a.bg-white:focus,a.bg-white:hover,button.bg-white:focus,button.bg-white:hover {background-color: #eeeeee!important}
    .bg-white {background-color: #ffffff !important;}    
    .fill-white {fill: #ffffff !important}

    .border-white {border-color: #ffffff !important}
    .border-bottom-white {border-bottom-color: #ffffff !important}
    .border-top-white {border-top-color: #ffffff !important}
    .border-left-white {border-left-color: #ffffff !important}
    .border-right-white {border-right-color: #ffffff !important}
    .stroke-white {stroke: #ffffff !important}
        
    .tooltip-white .tooltip-inner {background-color: #ffffff;}
    .tooltip-white .tooltip.bs-tooltip-right .arrow:before {border-color: #ffffff !important;}
    .tooltip-white .tooltip.bs-tooltip-left .arrow:before {border-color: #ffffff !important;}
    .tooltip-white .tooltip.bs-tooltip-bottom .arrow:before {border-color: #ffffff !important;}
    .tooltip-white .tooltip.bs-tooltip-top .arrow:before {border-color: #ffffff !important;}   

    .tooltip-white .tooltip.top .tooltip-arrow{border-top-color:#ffffff !important;}
    .tooltip-white .tooltip.bottom .tooltip-arrow{border-bottom-color:#ffffff !important;}
    .tooltip-white .tooltip.left .tooltip-arrow{border-left-color:#ffffff !important;}
    .tooltip-white .tooltip.right .tooltip-arrow{border-right-color:#ffffff !important;}

    .noUiToggle.white .noUi-connect {background: #ffffff;}
    
    .widget-white .widget-title {background-color: #ffffff;}
    .widget-white .widget-title h3 {color: #232F3E;text-shadow:none !important}
    .widget-white .widget-control {color: #ffffff;}          

    .btn-white {background: #ffffff  !important;color: #232F3E !important;border-color: #ffffff !important}
    .btn-white:hover {color: #232F3E !important;background-color: #eeeeee !important;border-color: #eeeeee !important}
    .btn-white.focus,.btn-white:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-white.disabled,.btn-white:disabled {color: #232F3E;background-color: #ffffff;border-color: #ffffff}
    .btn-white:not(:disabled):not(.disabled).active,.btn-white:not(:disabled):not(.disabled):active,.show>.btn-white.dropdown-toggle {color: #232F3E;background-color: #eeeeee;border-color: #eeeeee}
    .btn-white:not(:disabled):not(.disabled).active:focus,.btn-white:not(:disabled):not(.disabled):active:focus,.show>.btn-white.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-white.trans_b{color: #ffffff !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-white.trans_w{color: #ffffff !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-white.trans_b:hover{color: #ffffff !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-white.trans_w:hover{color: #ffffff !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.white {font-weight: 400;color: #ffffff !important;}
    .btn-link.white:hover {color: #eeeeee !important;}

    .btn-trans.white {font-weight: 400;color: #ffffff !important;}
    .btn-trans.white:hover {background:rgba(0,0,0,0.05) !important;color: #eeeeee !important;text-decoration:none !important}    

    .btn-outline-white {color: #ffffff !important;background-color: transparent !important;background-image: none !important;border-color: #ffffff;}
    .btn-outline-white:hover {color: #232F3E !important;background-color: #ffffff !important;border-color: #ffffff !important;}
    .btn-outline-white.focus,.btn-outline-white:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-white.disabled,.btn-outline-white:disabled {color: #ffffff !important;background-color: transparent !important}
    .btn-outline-white:not(:disabled):not(.disabled).active,.btn-outline-white:not(:disabled):not(.disabled):active,.show>.btn-outline-white.dropdown-toggle {color: #232F3E !important;background-color: #ffffff !important;border-color: #ffffff !important}
    .btn-outline-white:not(:disabled):not(.disabled).active:focus,.btn-outline-white:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-white.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-white.trans_b:hover{color: #ffffff !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-white.trans_w:hover{color: #ffffff !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.white {
        background: #ffffff  !important;
    }

    .tab.white{cursor:pointer;color: #ffffff !important;background-color: #232F3E !important;}
    .tab.white:hover{background-color:#f8f9fa !important;}
    .tab.white.active{background-color: #ffffff !important;color: #232F3E !important;}
    .tab.white.active:hover{background-color:#eeeeee !important;}

    .panel-white{border:1px solid #ffffff !important;}
    .panel-white > .panel-heading{
        background-color:#ffffff !important; 
        color:#232F3E !important;
    }
    .panel-white:hover > .panel-heading,
    .panel-white:hover .bg-white{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.white, a.link-white{color:#ffffff !important;}
    .btn-link.white:hover, a.link-white:hover{color:#eeeeee !important;}

    .shadow-bottom-white, .shadow-bottom-white-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px #ffffff;
        -moz-box-shadow: 0 10px 6px -6px #ffffff;
        box-shadow: 0 10px 6px -6px #ffffff;        
    }


    
        
    .style-link {background-color: rgba(0,0,0,0) !important;color: #007bff !important}
    
    a.text-link:hover {color: rgba(0,0,0,0) !important}
    .text-link {color: rgba(0,0,0,0) !important}

    a.bg-link:focus,a.bg-link:hover,button.bg-link:focus,button.bg-link:hover {background-color: rgba(0,0,0,0)!important}
    .bg-link {background-color: rgba(0,0,0,0) !important;}    
    .fill-link {fill: rgba(0,0,0,0) !important}

    .border-link {border-color: rgba(0,0,0,0) !important}
    .border-bottom-link {border-bottom-color: rgba(0,0,0,0) !important}
    .border-top-link {border-top-color: rgba(0,0,0,0) !important}
    .border-left-link {border-left-color: rgba(0,0,0,0) !important}
    .border-right-link {border-right-color: rgba(0,0,0,0) !important}
    .stroke-link {stroke: rgba(0,0,0,0) !important}
        
    .tooltip-link .tooltip-inner {background-color: rgba(0,0,0,0);}
    .tooltip-link .tooltip.bs-tooltip-right .arrow:before {border-color: rgba(0,0,0,0) !important;}
    .tooltip-link .tooltip.bs-tooltip-left .arrow:before {border-color: rgba(0,0,0,0) !important;}
    .tooltip-link .tooltip.bs-tooltip-bottom .arrow:before {border-color: rgba(0,0,0,0) !important;}
    .tooltip-link .tooltip.bs-tooltip-top .arrow:before {border-color: rgba(0,0,0,0) !important;}   

    .tooltip-link .tooltip.top .tooltip-arrow{border-top-color:rgba(0,0,0,0) !important;}
    .tooltip-link .tooltip.bottom .tooltip-arrow{border-bottom-color:rgba(0,0,0,0) !important;}
    .tooltip-link .tooltip.left .tooltip-arrow{border-left-color:rgba(0,0,0,0) !important;}
    .tooltip-link .tooltip.right .tooltip-arrow{border-right-color:rgba(0,0,0,0) !important;}

    .noUiToggle.link .noUi-connect {background: rgba(0,0,0,0);}
    
    .widget-link .widget-title {background-color: rgba(0,0,0,0);}
    .widget-link .widget-title h3 {color: #007bff;text-shadow:none !important}
    .widget-link .widget-control {color: rgba(0,0,0,0);}          

    .btn-link {background: rgba(0,0,0,0)  !important;color: #007bff !important;border-color: rgba(0,0,0,0) !important}
    .btn-link:hover {color: #007bff !important;background-color: rgba(0,0,0,0) !important;border-color: rgba(0,0,0,0) !important}
    .btn-link.focus,.btn-link:focus{box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}
    .btn-link.disabled,.btn-link:disabled {color: #007bff;background-color: rgba(0,0,0,0);border-color: rgba(0,0,0,0)}
    .btn-link:not(:disabled):not(.disabled).active,.btn-link:not(:disabled):not(.disabled):active,.show>.btn-link.dropdown-toggle {color: #007bff;background-color: rgba(0,0,0,0);border-color: rgba(0,0,0,0)}
    .btn-link:not(:disabled):not(.disabled).active:focus,.btn-link:not(:disabled):not(.disabled):active:focus,.show>.btn-link.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)}

    .btn-link.trans_b{color: rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0) !important;border:none !important;}
    .btn-link.trans_w{color: rgba(0,0,0,0) !important;background-color:rgba(255,0,0,0) !important;border:none !important;}
    .btn-link.trans_b:hover{color: rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0.1) !important;border:none !important;}
    .btn-link.trans_w:hover{color: rgba(0,0,0,0) !important;background-color:rgba(255,0,0,0.1) !important;border:none !important;}
    
    
    .btn-link.link {font-weight: 400;color: rgba(0,0,0,0) !important;}
    .btn-link.link:hover {color: rgba(0,0,0,0) !important;}

    .btn-trans.link {font-weight: 400;color: rgba(0,0,0,0) !important;}
    .btn-trans.link:hover {background:rgba(0,0,0,0.05) !important;color: rgba(0,0,0,0) !important;text-decoration:none !important}    

    .btn-outline-link {color: rgba(0,0,0,0) !important;background-color: transparent !important;background-image: none !important;border-color: rgba(0,0,0,0);}
    .btn-outline-link:hover {color: #007bff !important;background-color: rgba(0,0,0,0) !important;border-color: rgba(0,0,0,0) !important;}
    .btn-outline-link.focus,.btn-outline-link:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-link.disabled,.btn-outline-link:disabled {color: rgba(0,0,0,0) !important;background-color: transparent !important}
    .btn-outline-link:not(:disabled):not(.disabled).active,.btn-outline-link:not(:disabled):not(.disabled):active,.show>.btn-outline-link.dropdown-toggle {color: #007bff !important;background-color: rgba(0,0,0,0) !important;border-color: rgba(0,0,0,0) !important}
    .btn-outline-link:not(:disabled):not(.disabled).active:focus,.btn-outline-link:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-link.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)}
    .btn-outline-link.trans_b:hover{color: rgba(0,0,0,0) !important;background-color:rgba(0,0,0,0.1) !important;}
    .btn-outline-link.trans_w:hover{color: rgba(0,0,0,0) !important;background-color:rgba(255,0,0,0.1) !important;}


    .el-switch input[type="checkbox"]:checked + .el-switch-style.link {
        background: rgba(0,0,0,0)  !important;
    }

    .tab.link{cursor:pointer;color: rgba(0,0,0,0) !important;background-color: #007bff !important;}
    .tab.link:hover{background-color:#f8f9fa !important;}
    .tab.link.active{background-color: rgba(0,0,0,0) !important;color: #007bff !important;}
    .tab.link.active:hover{background-color:rgba(0,0,0,0) !important;}

    .panel-link{border:1px solid rgba(0,0,0,0) !important;}
    .panel-link > .panel-heading{
        background-color:rgba(0,0,0,0) !important; 
        color:#007bff !important;
    }
    .panel-link:hover > .panel-heading,
    .panel-link:hover .bg-link{
        background-image: url('/images/panel-head-bg-top.png') !important;
        background-repeat: repeat-x;        
        
    }

    .btn-link.link, a.link-link{color:rgba(0,0,0,0) !important;}
    .btn-link.link:hover, a.link-link:hover{color:rgba(0,0,0,0) !important;}

    .shadow-bottom-link, .shadow-bottom-link-hover:hover{
        -webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,0);
        -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0);
        box-shadow: 0 10px 6px -6px rgba(0,0,0,0);        
    }


    

    .border-2{border-width:2px !important;}
    .border-top-2{border-top-width:2px !important;}
    .border-bottom-2{border-bottom-width:2px !important;}
    .border-left-2{border-left-width:2px !important;}
    .border-right-2{border-right-width:2px !important;}
    .rounded-2{border-radius:2px !important;}
    .border-3{border-width:3px !important;}
    .border-top-3{border-top-width:3px !important;}
    .border-bottom-3{border-bottom-width:3px !important;}
    .border-left-3{border-left-width:3px !important;}
    .border-right-3{border-right-width:3px !important;}
    .rounded-3{border-radius:3px !important;}
    .border-4{border-width:4px !important;}
    .border-top-4{border-top-width:4px !important;}
    .border-bottom-4{border-bottom-width:4px !important;}
    .border-left-4{border-left-width:4px !important;}
    .border-right-4{border-right-width:4px !important;}
    .rounded-4{border-radius:4px !important;}
    .border-5{border-width:5px !important;}
    .border-top-5{border-top-width:5px !important;}
    .border-bottom-5{border-bottom-width:5px !important;}
    .border-left-5{border-left-width:5px !important;}
    .border-right-5{border-right-width:5px !important;}
    .rounded-5{border-radius:5px !important;}
    .border-6{border-width:6px !important;}
    .border-top-6{border-top-width:6px !important;}
    .border-bottom-6{border-bottom-width:6px !important;}
    .border-left-6{border-left-width:6px !important;}
    .border-right-6{border-right-width:6px !important;}
    .rounded-6{border-radius:6px !important;}
    .border-7{border-width:7px !important;}
    .border-top-7{border-top-width:7px !important;}
    .border-bottom-7{border-bottom-width:7px !important;}
    .border-left-7{border-left-width:7px !important;}
    .border-right-7{border-right-width:7px !important;}
    .rounded-7{border-radius:7px !important;}
    .border-8{border-width:8px !important;}
    .border-top-8{border-top-width:8px !important;}
    .border-bottom-8{border-bottom-width:8px !important;}
    .border-left-8{border-left-width:8px !important;}
    .border-right-8{border-right-width:8px !important;}
    .rounded-8{border-radius:8px !important;}
    .border-9{border-width:9px !important;}
    .border-top-9{border-top-width:9px !important;}
    .border-bottom-9{border-bottom-width:9px !important;}
    .border-left-9{border-left-width:9px !important;}
    .border-right-9{border-right-width:9px !important;}
    .rounded-9{border-radius:9px !important;}
    .border-10{border-width:10px !important;}
    .border-top-10{border-top-width:10px !important;}
    .border-bottom-10{border-bottom-width:10px !important;}
    .border-left-10{border-left-width:10px !important;}
    .border-right-10{border-right-width:10px !important;}
    .rounded-10{border-radius:10px !important;}
    .border-11{border-width:11px !important;}
    .border-top-11{border-top-width:11px !important;}
    .border-bottom-11{border-bottom-width:11px !important;}
    .border-left-11{border-left-width:11px !important;}
    .border-right-11{border-right-width:11px !important;}
    .rounded-11{border-radius:11px !important;}
    .border-12{border-width:12px !important;}
    .border-top-12{border-top-width:12px !important;}
    .border-bottom-12{border-bottom-width:12px !important;}
    .border-left-12{border-left-width:12px !important;}
    .border-right-12{border-right-width:12px !important;}
    .rounded-12{border-radius:12px !important;}
    .border-13{border-width:13px !important;}
    .border-top-13{border-top-width:13px !important;}
    .border-bottom-13{border-bottom-width:13px !important;}
    .border-left-13{border-left-width:13px !important;}
    .border-right-13{border-right-width:13px !important;}
    .rounded-13{border-radius:13px !important;}
    .border-14{border-width:14px !important;}
    .border-top-14{border-top-width:14px !important;}
    .border-bottom-14{border-bottom-width:14px !important;}
    .border-left-14{border-left-width:14px !important;}
    .border-right-14{border-right-width:14px !important;}
    .rounded-14{border-radius:14px !important;}
    .border-15{border-width:15px !important;}
    .border-top-15{border-top-width:15px !important;}
    .border-bottom-15{border-bottom-width:15px !important;}
    .border-left-15{border-left-width:15px !important;}
    .border-right-15{border-right-width:15px !important;}
    .rounded-15{border-radius:15px !important;}

iframe.goog-te-banner-frame{ bottom:0; top:auto;}
body {position: static !important; top:0px !important;}
/*iframe.goog-te-banner-frame{ display: none !important;}*/
/*body {position: static !important; top:0px !important;}*/

.hide_while_loading{display:none;}

.shadow-bottom, .shadow-bottom-hover:hover{
    -webkit-box-shadow: 0 10px 6px -6px #777777 !important;
    -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,0) #777777 !important;
    box-shadow: 0 10px 6px -6px rgba(0,0,0,0) #777777 !important;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}
.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45)
}
.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, 0.7)
}
.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, 0.7)
}
.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, 0.7)
}
.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, 0.7)
}
.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, 0.7)
}
.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, 0.7)
}
html body .waves-notransition {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none
}
.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}
.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom
}
.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}


    @-webkit-keyframes pulse_red {
      0% {-webkit-box-shadow: 0 0 0 0 rgba(255,0,0, 0.4);}
      70% {-webkit-box-shadow: 0 0 0 10px rgba(255,0,0, 0);}
      100% {-webkit-box-shadow: 0 0 0 0 rgba(255,0, 0, 0);}
    }
    @keyframes pulse_red   {
      0% {-moz-box-shadow: 0 0 0 0 rgba(255,0,0, 0.4);box-shadow: 0 0 0 0 rgba(204,0,0, 0.4);}
      70% {-moz-box-shadow: 0 0 0 10px rgba(255,0,0, 0);box-shadow: 0 0 0 10px rgba(204,0,0, 0);}
      100% {-moz-box-shadow: 0 0 0 0 rgba(255,0,0, 0);box-shadow: 0 0 0 0 rgba(204,0,0, 0);}
    }
    .pulse.red, .text-danger.pulse{
        color: rgb(255,0,0);
        -webkit-animation: pulse_red 1s linear infinite;
        animation: pulse_red 1s linear infinite;    
    }    


    @-webkit-keyframes pulse_green {
      0% {-webkit-box-shadow: 0 0 0 0 rgba(0,255,0, 0.4);}
      70% {-webkit-box-shadow: 0 0 0 10px rgba(0,255,0, 0);}
      100% {-webkit-box-shadow: 0 0 0 0 rgba(0,255, 0, 0);}
    }
    @keyframes pulse_green   {
      0% {-moz-box-shadow: 0 0 0 0 rgba(0,255,0, 0.4);box-shadow: 0 0 0 0 rgba(0,204,0, 0.4);}
      70% {-moz-box-shadow: 0 0 0 10px rgba(0,255,0, 0);box-shadow: 0 0 0 10px rgba(0,204,0, 0);}
      100% {-moz-box-shadow: 0 0 0 0 rgba(0,255,0, 0);box-shadow: 0 0 0 0 rgba(0,204,0, 0);}
    }
    .pulse.green, .text-success.pulse{
        color: rgb(0,255,0);
        -webkit-animation: pulse_green 1s linear infinite;
        animation: pulse_green 1s linear infinite;    
    }    

.alert-warning.pulse, .pulse.yellow{
    color: #ffc107;
    -webkit-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite;    
}
.picture-w{
    color:#dc3545 !important;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.bg-primary {
    background-color: #007bff!important
}

.bg-transparent {
    background-color: rgba(0,0,0,0) !important;
}


.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}
.menu_logo_holder{

    background:#ffffff;     
    margin-right:1px !important;  
}
.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-0 {
    border-radius: 0!important
}


.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}

.shadow-none {
    box-shadow: none!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.text-justify {
    text-align: justify!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-italic {
    font-style: italic!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #a7b4bf !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5)!important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5)!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.tooltip-inner { background-color:#8447cf;}
.tooltip.tt-warning .tooltip-inner, .tooltip.tt-danger  .tooltip-inner{width:500px;}
.tooltip.tt-danger. .tooltip.tt-warning {color:#fff;text-shadow:1px 1px #333} 
.tooltip {
    position: fixed;
    z-index:999999;
}
a.disabled-link,
a.disabled-link i{
    color:#aaa !important;
    cursor:default !important;    
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-2-4,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-2-4,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-2-4,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-2-4,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-2-4,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.json_holder{
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 0.75em;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;    
}
.json_holder.trans{
    background:rgba(0,0,0,0);
    padding:0;
    margin:0;
    border: none !important;
}
.bg_code{
    background-color: #fff !important;    
}
.bg_code2{
    background-color: #fff !important;    
}    
.code_holder{
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    color: #333333;
    
    border: 1px solid #cccccc;
    border-radius: 4px;    
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-2-4 {
    margin-left: 20%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-2-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }    
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-2-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }    
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-2-4 {
        margin-left: 20%
    }    
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-2-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }    
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-2-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }    
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}



















@media (min-width:1400px) {
    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xxl-2-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }    
    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xxl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-xxl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xxl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xxl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xxl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xxl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xxl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xxl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xxl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xxl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xxl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xxl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xxl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xxl-0 {
        margin-left: 0
    }
    .offset-xxl-1 {
        margin-left: 8.333333%
    }
    .offset-xxl-2 {
        margin-left: 16.666667%
    }
    .offset-xxl-3 {
        margin-left: 25%
    }
    .offset-xxl-4 {
        margin-left: 33.333333%
    }
    .offset-xxl-5 {
        margin-left: 41.666667%
    }
    .offset-xxl-6 {
        margin-left: 50%
    }
    .offset-xxl-7 {
        margin-left: 58.333333%
    }
    .offset-xxl-8 {
        margin-left: 66.666667%
    }
    .offset-xxl-9 {
        margin-left: 75%
    }
    .offset-xxl-10 {
        margin-left: 83.333333%
    }
    .offset-xxl-11 {
        margin-left: 91.666667%
    }
}
























@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container.lrg {
        max-width: 1340px
    }
}

@media (min-width:1600px) {
    .container.lrg {
        max-width: 1540px
    }
}

@media (min-width:1800px) {
    .container.lrg {
        max-width: 1740px
    }
}


@media (min-width:2000px) {
    .container.lrg {
        max-width: 1940px
    }
}


.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}


.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
    
}
.nunito{
        font-family: 'Nunito', sans-serif !important;
}
.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-row {
        display: table-row!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!important
    }
    .d-print-table {
        display: table!important
    }
    .d-print-table-row {
        display: table-row!important
    }
    .d-print-table-cell {
        display: table-cell!important
    }
    .d-print-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width:576px) {
    .flex-sm-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-sm-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-sm-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-sm-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-sm-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-md-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-md-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-md-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-md-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-lg-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-lg-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-lg-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-lg-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .flex-xl-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex-xl-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }
    .flex-xl-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }
    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }
    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }
    .justify-content-xl-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left!important
    }
    .float-sm-right {
        float: right!important
    }
    .float-sm-none {
        float: none!important
    }
}

@media (min-width:768px) {
    .float-md-left {
        float: left!important
    }
    .float-md-right {
        float: right!important
    }
    .float-md-none {
        float: none!important
    }
}

@media (min-width:992px) {
    .float-lg-left {
        float: left!important
    }
    .float-lg-right {
        float: right!important
    }
    .float-lg-none {
        float: none!important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left!important
    }
    .float-xl-right {
        float: right!important
    }
    .float-xl-none {
        float: none!important
    }
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}


.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

a.btn:active{color:#fff !important;}
a.btn.btn-link:active{color:#006 !important;}


.btn-trans-wh {
    border-color:rgba(255, 255, 255, 0.3) !important;
    background-color: transparent !important ;
    border-width:1px;
    color: rgba(255, 255, 255, 1)  !important;
}

.btn-trans-wh:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.5) !important
}
.btn-trans-wh.disabled,
.btn-trans-wh:disabled {
    background-color: transparent !important ;
    border-color: none; 
}

.btn-trans-wh:not(:disabled):not(.disabled).active,
.btn-trans-wh:not(:disabled):not(.disabled):active,
.show>.btn-trans-wh.dropdown-toggle {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.2) !important
}




.btn-trans-bl {
    background-color: transparent !important ;
    border-color: rgba(0, 0, 0, 0.1)  !important
}

.btn-trans-bl:hover {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(0, 0, 0, 0.1) !important
}
.btn-trans-bl.disabled,
.btn-trans-bl:disabled {
    background-color: transparent !important ;
    border-color: none; 
}

.btn-trans-bl:not(:disabled):not(.disabled).active,
.btn-trans-bl:not(:disabled):not(.disabled):active,
.show>.btn-trans-bl.dropdown-toggle {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(0, 0, 0, 0.2) !important
}







li.search-choice{
    background-color:#cecac4;
    color:#333;
}
li.search-choice:hover{
    background-color:#ddd;
    color:#333;
}




.btn-link.solid {
    background-color: #fff;
    text-decoration:none;
}

.btn-link.solid:hover {
    text-decoration:none;
    background:#dddddd;
}



.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.flex-grow {
    flex: 1 0 auto;
}
div.under_dev{
    background:url(/images/under_dev.jpg);
    display:none;
}
.sub-sidebar-wrapper ul li.under_dev{
    background:url(/images/under_dev.jpg);
}    
.sub-sidebar-wrapper ul li.under_dev a, .sub-sidebar-wrapper ul li.under_dev a i{
    color:#000 !important;
}    

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {

    right: 0.5em;
    content: "\2193";

}
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::before, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::before, table.dataTable thead .sorting_desc_disabled::after {

    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;

}
table.dataTable thead .sorting,
table.dataTable thead .sorting_disabled{
    background:#ddd;
} 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc{
    background:#ccc;
    
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.sidebar-wrapper ul > li{
    border-bottom: 1px solid rgba(0,0,0,.25) !important;
}


.sidebar-wrapper ul > li.active > a,
.sidebar-wrapper ul > li.current > a,
.sidebar-wrapper ul > li:hover > a{box-shadow:none !important;  }

.sidebar-wrapper ul > li.admin.active > a,
.sidebar-wrapper ul > li.admin.current > a,
.sidebar-wrapper ul > li.admin:hover > a {
    background-color: #7d008f  !important;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.all-wrapper.admin{
    background:#7d008f ;
}




.sidebar-wrapper ul > li.community.active > a,
.sidebar-wrapper ul > li.community.current > a,
.sidebar-wrapper ul > li.community:hover > a {
    background-color: #6d0000 !important;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;    
}
.all-wrapper.community{
    background:#6d0000;
}




.sidebar-wrapper ul > li.api.active > a,
.sidebar-wrapper ul > li.api.current > a,
.sidebar-wrapper ul > li.api:hover > a {
    background-color: #ffffff !important;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;    
}
.all-wrapper.api{
    background:linear-gradient(to right, #fff 0%, #fff 100%)
}


.tox-statusbar__branding{display:none !important;}

.sidebar-wrapper ul > li.home2.active > a,
.sidebar-wrapper ul > li.home2.current > a,
.sidebar-wrapper ul > li.home2:hover > a {
    background-color: #2e893b !important;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; 
}
.all-wrapper.home2{
    background:#2e893b;
}
.all-wrapper.home2{
    background:#2e893b;
}

.sidebar-wrapper ul > li.home.active > a,
.sidebar-wrapper ul > li.home.current > a,
.sidebar-wrapper ul > li.home:hover > a {
    background-color: #0061c9 !important;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;    
}
.all-wrapper.home{
    background:#0061c9;
}


.sidebar-wrapper ul > li.installations.active > a,
.sidebar-wrapper ul > li.installations.current > a,
.sidebar-wrapper ul > li.installations:hover > a {
    background-color: #343a40 !important;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;    
}
.all-wrapper.installations{
    background:#343a40 ;
}

/*

.sidebar-wrapper ul  li.admin  a{
    color :#fff;
}
.sidebar-wrapper ul > li.admin.active > a,
.sidebar-wrapper ul > li.admin.current > a,
.sidebar-wrapper ul > li.admin:hover > a {
    background-color: #3D9970  !important;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;    
}
.all-wrapper.admin{
    background:#3D9970 ;
}



*/




.sidebar-wrapper ul > li.doorman.active > a,
.sidebar-wrapper ul > li.doorman.current > a,
.sidebar-wrapper ul > li.doorman:hover > a {
    background-color: #0f2a73 !important;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;    
}
.all-wrapper.doorman{
    background:#0f2a73;
}







.sidebar-wrapper ul  li.super  a{
    
}
.sidebar-wrapper ul > li.super.active > a,
.sidebar-wrapper ul > li.super.current > a,
.sidebar-wrapper ul > li.super:hover > a {

    background-color: #007641 !important;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;    
}
.all-wrapper.super{
    background:#007641;
}
.corner_select{
    position:relative;
}
.corner_select .holder{
    position:absolute;
    padding:3px;
}
.corner_select .holder.tl{top:0;left:0}
.corner_select .holder.tr{top:0;right:0}
.corner_select .holder.bl{bottom:0;left:0}
.corner_select .holder.br{bottom:0;right:0}


.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    /* font-size: 1rem; */
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.fa-rotate-odd {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg); }
          @media (min-width:992px) {
}




.changed-up .changed-icon,
.changed-up .value-self  {
  color: #28a745 ;
}
.changed-up .changed-value {
  color: #fff;
  background-color: #28a745 ;
  padding: 2px 4px;
}

.changed-equal .changed-icon,
.changed-equal .value-self  {
  color: #6c757d ;
}
.changed-equal .changed-value {
  color: #fff;
  background-color: #6c757d;
  padding: 2px 4px;
}

.changed-down .changed-icon,
.changed-down .value-self  {
  color: #dc3545;
}
.changed-down .changed-value {
  color: #fff;
  background-color: #dc3545;
  padding: 2px 4px;
}
.chosen-container .search-field input {
width: 100% !important;
}
.toast {
  max-width: 350px;
  overflow: hidden;
  /* font-size: 0.875rem; */
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 0.25rem;
  position:fixed;
  bottom:25px;
  right:25px;
  display:none;
  z-index:99999;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
  padding: 0.75rem;
}
.list-group-item.active .text-muted{
    color:#00F    !important;
}
.list-group-item.active .text-primary{
    color:#ff0 !important;
}
.sidebar-wrapper ul > li a .badge{
  font-weight: 400;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 3px 8px;
  font-size: 11px;
  margin-top: 2px;
  position: absolute;
  right: 5px;
}
.doorman_count.badge-danger{
    -webkit-animation: pulse 1s linear infinite;
    animation: pulse 1s linear infinite;        
}
    .demo-button {
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     position:fixed;
     right:10px;
     bottom:20px;
     height:74px;
     padding:12px;
     color:#fff;
     background-color:#007bff;
     border-radius:50px;
     border:2px solid #fff;
     z-index:10;
     -webkit-box-pack:center;
     -ms-flex-pack:center;
     justify-content:center;
     -webkit-box-align:center;
     -ms-flex-align:center;
     align-items:center
    }
    .demo-button:hover {
    text-decoration:none;
     color:#ff0;
     cursor:pointer;
     background-color:#0d62bd;
     
    }
    /*
    .demo-button:hover .demo__label--long {
     max-width:100px;
     margin-right:6px
    }
    */
    .demo__label {
     display:inline-block;
     overflow:hidden;
     font-weight:700;
     white-space:nowrap
    }
    .demo__label--long {
     max-width:0;
     white-space:nowrap;
     transition:max-width .3s ease-in
    }






/*
The loaders use CSS custom properties (variables) to control the attributes of the loaders
*/
:root{
	--loader-width: 70px;
	--loader-height: 70px;
	--loader-color-primary: #007bff;
	--loader-color-secondary: #eee;
	--line-width: 3px;
	--animation-duration: 2s;
	--loader-initial-scale: 0.1;
}
.loader,.loader:before,.loader:after{
	box-sizing: border-box;
	flex-grow: 0;
	flex-shrink: 0;
}
	


.lds-ripple {
  display: inline-block;
  position: relative;
  width: 70px;
  height: 70px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #007bff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  margin:0 auto;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
.sk-folding-cube {
  margin: 0px auto;
  width: 70px;
  height: 70px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #007bff;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}





#nest3 {
  display: block;

  height: 70px;
  width: 70px;
  margin: 0 auto ;
  border: 2px solid transparent;
  border-top-color: #007bff;
  box-shadow: 0 0 5px #cccccc;
  border-radius: 50%;
  -webkit-animation: spin9 1.5s ease infinite;
          animation: spin9 1.5s ease infinite;
}

#nest3:before {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 2px solid transparent;
  border-radius: 50%;
  border-top-color: #007bff;
  box-shadow: 0 0 5px #cccccc;
  -webkit-animation: spin9_x 1s linear infinite;
          animation: spin9_x 1s linear infinite;
}

#nest3:after {
  content: "";
  position: absolute;
  top: 22px;
  right: 22px;
  bottom: 22px;
  left: 22px;
  border: 2px solid transparent;
  border-radius: 50%;
  border-top-color: #007bff;
  box-shadow: 0 0 5px #cccccc;
  -webkit-animation: spin9 1.5s linear infinite;
          animation: spin9 1.5s linear infinite;
}

@-webkit-keyframes spin9 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes spin9 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-webkit-keyframes spin9_x {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}
@keyframes spin9_x {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}






















@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");





















.sk-cube-grid {
  width: 70px;
  height: 70px;
  margin: 0px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #007bff;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}


.ball-spinner {
  margin: 0px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.ball-spinner .dot1, .ball-spinner .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #007bff;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.ball-spinner .dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



@keyframes momentum {
    0%   { 
        transform: rotate(0deg);  
    }
    100% {
        transform: rotate(-360deg);
    }
}

.loader.quantum-spinner {
    margin-left:auto;
    margin-right:auto;
    --primary-circle-offset: calc(((var(--loader-width,100px) * 0.2) / 2) - var(--line-width,4px));
    --secondary-circle-offset: calc(((var(--loader-width,100px) * 0.4) / 2) - var(--line-width,4px)); /*- (var(--line-width,4px) * 2)*/
    position: relative;
    width: var(--loader-width, 100px);
    height: var(--loader-height, 100px);
    transform-origin: center center;
    border-radius: 50%;
    border: var(--line-width, 4px) solid rgba(0,0,0,0);
    border-top-color: var(--loader-color-primary, #33f);
    animation: momentum var(--animation-duration, 1s) linear infinite; 
}

.quantum-spinner:before {
    content: "";
    position: absolute;
    transform-origin: center center;
    top: var(--primary-circle-offset,10px);
    left: var(--primary-circle-offset,10px);
    width: calc(var(--loader-width,100px) * 0.8);
    height: calc(var(--loader-height,100px) * 0.8);
    border-radius: 50%;
    border: var(--line-width,4px) solid rgba(0,0,0,0);
    border-top-color: var(--loader-color-primary, #33f);
    opacity: 0.7;
    filter: hue-rotate(3eg);
    animation: momentum calc(var(--animation-duration, 1s) * 2) linear infinite; 
}

.quantum-spinner:after {
    content: "";
    position: absolute;
    top: var(--secondary-circle-offset,20px);
    left: var(--secondary-circle-offset,20px);
    width: calc(var(--loader-width,100px) * 0.6);
    height: calc(var(--loader-height,100px) * 0.6);
    border-radius: 50%;
    transform-origin: center center;
    border: var(--line-width,4px) solid rgba(0,0,0,0);
    border-top-color: var(--loader-color-primary, #33f);
    opacity: 0.3;
    filter: hue-rotate(6eg);
    animation: momentum var(--animation-duration, 1s) linear infinite; 
}






.form-control-xs {
    height: calc(1em + .375rem + 2px) !important;
    padding: .125rem .25rem !important;
    font-size: .75rem !important;
    line-height: 1.5;
    border-radius: .2rem;
}
.form-control-sm {
padding: .15rem .3rem;
font-size: .875rem;
line-height: 1.2;
border-radius: .2rem;
height:28px;

}   

.btn-sm {
    padding: .7rem .7rem;
    font-size: 1.5rem !important;
    line-height: 1.5;
    border-radius: .2rem
}
.btn-xl {
    padding: 18px 18px;
    font-size: 25px; //change this to your desired size
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

/*** NEW NAVBAR */
.sidebar-wrapper, .sub-sidebar-wrapper {
    height:100%;
}
.nav2_container1{
    height: 101%;
    width: 100%;
    overflow: auto;
}

.nav2_container2{
    width: 100%;
    height: auto;
    overflow: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.nav2_container1::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
nav2_container1 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 


.nav2_body{
    
    background:rgba(0, 0, 0, 0.25);
    padding-left:0px;
    border-left:7px solid rgba(255, 255, 255, 0.5);
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;    
}
.nav2_body.collapsed{
    
}
.nav2_body.preexpanded{
    
}

a.sub_link{
    
    padding:4px 4px 4px 10px;
    cursor:pointer;
    color:rgba(255, 255, 255, 0.8) !important;
    text-decoration:none !important;
    border-bottom:1px solid rgba(0,0,0,0.25);
    border-top:1px solid rgba(255,255,255,0.25);
    border-left:1px solid rgba(255,255,255,0.25);
    background:rgba(255,255,255,0.15);
    background:rgba(0,0,0,0.8);
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    
    text-transform:uppercase;
}


.nav2_link{
    padding:4px 4px 4px 10px;
    cursor:pointer;
    color:rgba(255, 255, 255, 0.8);
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-decoration:none !important;
    border-bottom:1px solid rgba(0,0,0,0.25);
    border-top:1px solid rgba(255,255,255,0.25);    
    text-transform:uppercase;
}
.nav2_link .caption, .sub_link .caption{
    
    font-size:13px;
}
.nav2_link .caption.icon, .sub_link .caption.icon{
    font-size:14px !important;
}
.nav2_header .expander{
    color:#fff;
    transition: 0.70s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.nav2_header.expanded .expander, .nav2_header.expanding .expander{
    transition: 0.70s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.abadge{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;    
    line-height:15px;
}
.all-wrapper.installations .abadge{
    color:#eee;
    background:rgba(0, 0, 0, 1.0);
}
.all-wrapper.installations .active .abadge{
    
}
.nav2_header.expanded, .nav2_header.expanding{
    background:rgba(0,0,0,0.8);
}
.nav2_link:hover, .nav2_link:focus,
.sub_link:hover, .sub_link:focus{
    color:      rgba(255, 255, 255, 1.0) !important;
    bbackground: rgba(255, 255, 255, 0.25) !important;
        
}

.nav2_link.active .caption, .sub_link.active .caption
.nav2_link.active .caption, .sub_link.active .caption{
    text-shadow:1px 1px rgba(0, 0, 0, 0.5);
}

.nav2_body .sub_link:last-child{
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
}

.nav2_link .status,
.sub_link .status{
    opacity:0;
    font-size:1.0em;
    
}
.nav2_link:hover .status,
.sub_link:hover .status{
    opacity:0.38;
    color:#fff;
    
}
.nav2_link.active .status,
.sub_link.active .status{
    opacity:1;
    color:#ffcf40 ;   
}
.sub_link.active, .nav2_link.active{
    color:#fff !important;
    background:rgba(255, 255, 255,0.2) !important;
}
.nav2_link:active,
.sub_link:active{
    color:      rgba(255, 255, 255, 1.0) !important;
    background: rgba(255, 255, 255, 0.25) !important;
        
} 
.caption.alert_item{color:#ffc107  !important;}
.btn-type-filter{padding:8px 10px !important;}
.password_eye {cursor:pointer}

.bg-trans, .btn-trans, .bg-trans-dark, .btn-trans-dark, .bg-trans-light, .btn-trans-light, .bg-trans-clear, .btn-trans-clear{
    background:rgba(0,0,0,0) !important;
    color:#fff !important;
}
.bg-trans-dark:hover, .btn-trans-dark:hover{
    background:rgba(0,0,0,0.10) !important;
    color:#fff !important;
}
.bg-trans-light:hover, .btn-trans-light:hover{
    background:rgba(255,255,255,0.20) !important;
    color:#fff !important;
}












body {
  /*margin-top:20px;*/
  background-color: #F5F5F5;
}

/**
 * Form control
 */
.form-control {
  &:focus {
    box-shadow: 0 1px 5px -2px #007bff;
    border-bottom: 1px solid #007bff;
  }
  
}

.card-columns-6 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
.card-columns-6 img {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
  .card-columns-6 img {
    display: inline-block;
    width: 100%;
  }
}



.pms_alert{
    position:relative;
}
.pms_alert.corner{
    position:absolute;
    top:0;
    right:0;
}    

.callout {
  padding:1.5rem;
  border-left:3px solid #5d6778;
  background:#f5f5f5;
  margin-top:1rem;
  margin-bottom:1rem
}
.callout code {
  background:#fff
}
.callout .callout-title {
  font-size:1rem
}
.callout.callout-info {
  border-color:#5b99ea;
  background:#f9fbfe
}
.callout.callout-info .callout-title {
  color:#1c6fdc
}
.callout.callout-info a {
  color:#1c6fdc
}
.callout.callout-success {
  border-color:#5cb377;
  background:#e7f4eb
}
.callout.callout-success .callout-title {
  color:#3e8554
}
.callout.callout-success a {
  color:#3e8554
}
.callout.callout-warning {
  border-color:#EEBF41;
  background:#fdf6e5
}
.callout.callout-warning .callout-title {
  color:#d09c13
}
.callout.callout-warning a {
  color:#d09c13
}
.callout.callout-danger {
  border-color:#d26d69;
  background:#fbf3f2
}
.callout.callout-danger .callout-title {
  color:#b73c37
}
.callout.callout-danger a {
  color:#b73c37
}

.footer-save{
    position:fixed;
    bottom:0;
    left:0px;
    right:0 !important;
    transition: left 0.5s;
    z-index:9;
}
@media (min-width:991px) {
    .footer-save{left:260px;}
}
.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}
.zoom-on-hover {
    transition: transform .2s;
    margin: 0 auto;
}

.zoom-on-hover:hover {
    transform: scale(1.25);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}