/*
# BITS
# c380_bits.css 5.0 (20191002)
# (C) Copyright Ralph Jobst (ralph.jobst@code380.com)
*/
@font-face{font-family:'Panton Light';font-style:normal;font-weight:normal;src:local('Panton Light'),url('../fonts/Panton-cufonfonts-webfont/Panton-Light.woff') format('woff');}
.c380-panton-light{font-family:'Panton Light',sans-serif;}
@font-face{font-family: 'Panton ExtraLight';font-style:normal;font-weight:normal;src: local('Panton ExtraLight'), url('../fonts/Panton-cufonfonts-webfont/Panton-ExtraLight.woff') format('woff');}
.c380-panton-extralight{font-family:'Panton ExtraLight',sans-serif;}
@font-face{font-family:'Panton';font-style:normal;font-weight:normal;src: local('Panton'), url('../fonts/Panton-cufonfonts-webfont/Panton-Regular.woff') format('woff');}
.c380-panton{font-family:"Panton",sans-serif;}
@font-face{font-family:'Panton ExtraBold';font-style:normal;font-weight:normal;src:local('Panton ExtraBold'),url('../fonts/Panton-cufonfonts-webfont/Panton-ExtraBold.woff') format('woff');}
.c380-panton-extrabold{font-family:'Panton ExtraBold',sans-serif;}
body,h1,h2,h3,h4,h5,h6{font-family:'Panton' !important;}
body,html{height:100%;background-color:#fff;color:#000;line-height:1.8;cursor:default;}
input,button,textarea,select{outline:none;}
a{text-decoration:none;}
span{cursor:default;}
.c380-bgimg{background-color:#eeeeee !important;}

.c380-safety-red{color:#fff !important;background-color:#bd1e24 !important}
.c380-safety-orange{color:#fff !important;background-color:#e97600 !important}
.c380-safety-yellow{color:#fff !important;background-color:#f6c700 !important}
.c380-safety-green{color:#fff !important;background-color:#007256 !important}
.c380-text-safety-red {color:#bd1e24 !important}
.c380-text-safety-orange{color:#e97600 !important}
.c380-text-safety-yellow{color:#f6c700 !important}
.c380-text-safety-green{color:#007256 !important}

.c380-theme-l5 {color:#000 !important; background-color:#f0f4f8 !important}
.c380-theme-l4 {color:#000 !important; background-color:#cddbe7 !important}
.c380-theme-l3 {color:#000 !important; background-color:#9bb7d0 !important}
.c380-theme-l2 {color:#fff !important; background-color:#6993b8 !important}
.c380-theme-l1 {color:#fff !important; background-color:#456f93 !important}
.c380-theme-d1 {color:#fff !important; background-color:#294257 !important}
.c380-theme-d2 {color:#fff !important; background-color:#253a4e !important}
.c380-theme-d3 {color:#fff !important; background-color:#203344 !important}
.c380-theme-d4 {color:#fff !important; background-color:#1b2c3a !important}
.c380-theme-d5 {color:#fff !important; background-color:#172531 !important}

.c380-text-theme-l5 {color:#f0f4f8 !important;}
.c380-text-theme-l4 {color:#cddbe7 !important;}
.c380-text-theme-l3 {color:#9bb7d0 !important;}
.c380-text-theme-l2 {color:#6993b8 !important;}
.c380-text-theme-l1 {color:#456f93 !important;}
.c380-text-theme-d1 {color:#294257 !important;}
.c380-text-theme-d2 {color:#253a4e !important;}
.c380-text-theme-d3 {color:#203344 !important;}
.c380-text-theme-d4 {color:#1b2c3a !important;}
.c380-text-theme-d5 {color:#172531 !important;}


.c380-theme-light {color:#000 !important; background-color:#f0f4f8 !important}
.c380-theme-dark {color:#fff !important; background-color:#172531 !important}
.c380-theme-action {color:#fff !important; background-color:#172531 !important}

.c380-theme {color:#fff !important; background-color:#2e4a62 !important}
.c380-text-theme {color:#2e4a62 !important}
.c380-border-theme {border-color:#2e4a62 !important}

.c380-hover-theme:hover {color:#fff !important; background-color:#2e4a62 !important}
.c380-hover-text-theme:hover {color:#2e4a62 !important}
.c380-hover-border-theme:hover {border-color:#2e4a62 !important}

.c380-margin-left-acc1{margin-left:30px!important}
.c380-margin-left-acc2{margin-left:40px!important}
.c380-margin-left-acc3{margin-left:50px!important}
.c380-margin-right-acc{margin-right:8px!important}
.c380-padding-right-acc{padding-right:8px!important}
.c380-border-bottom-acc{border-bottom:1px solid #e0e0e0!important}

.c380-padding-left-acc1{padding-left:55px!important}
.c380-padding-left-acc2{padding-left:70px!important}
.c380-padding-left-acc3{padding-left:85px!important}
.c380-padding-left-acc4{padding-left:100px!important}

.c380-inputnb{padding:8px;display:block;border:none;border:none;width:100%;cursor:default;}
/*.bc-input-focus:focus {background-color:#ff5722!important;color:#fff!important}*/
.c380-input:hover {border: 1px solid #ff5722 !important}
.c380-input-focus:focus {border: 1px solid #ff5722 !important}

.c380-dropdown-click,.c380-dropdown-hover{position:relative;display:inline-block;}
.c380-dropdown-hover:hover .c380-dropdown-content{display:block;z-index:1;}
.c380-dropdown-hover:first-child,.c380-dropdown-click:hover{background-color:#fff;color:#000} /* d9e1ec */
.c380-dropdown-hover:hover > .c380-button:first-child,.c380-dropdown-click:hover > .c380-button:first-child{background-color:#fff;color:#000}
.c380-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}

.c380-hover-border-theme-do:hover {border:1px solid #ff5722 !important;}

/* Tooltip container */
.tooltip{position:relative;display:inline-block;}
.tooltip .tooltiptext{visibility:hidden;width:309px;background-color:#b4c3d8;color:#2e4059;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:500;top:-37px;right:22px;margin-left:-60px;opacity:0;transition: opacity 1s;}
.tooltip .tooltiptext::after{content:" ";position:absolute;top:49px;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent #b4c3d8;}
.tooltip:hover .tooltiptext{visibility:visible;opacity: 1;}

/* Tooltip container */
.tooltipr{position:relative;display:inline-block;}
.tooltipr .tooltiptextr{visibility:hidden;width:320px;background-color:#b4c3d8;color:#2e4059;text-align:left;padding:15px;border-radius:6px;position:absolute;z-index:500;top:-280px;left:25%;margin-left:-50px;opacity:0;transition: opacity 1s;}
/*.tooltipr .tooltiptextr::after{content:" ";position:absolute;top:100%;left:62px;margin-left:-5px;border-width:5px;border-style:solid;border-color:#b4c3d8 transparent transparent transparent;}*/
.tooltipr:hover .tooltiptextr{visibility:visible;opacity: 1;}

.nojs{display:none;}
/* animation */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;}
@-webkit-keyframes shake{
	from, to {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
	10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);}
	20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}
}
@keyframes shake{
	from, to {-webkit-transform:translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
	10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);}
	20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);}
}
.shake{-webkit-animation-name:shake;animation-name:shake;}
/* animation ende */

#topbtn{display:none;position:fixed;bottom:30px;right:30px;z-index:99;border:none;outline:none;cursor:pointer;}