/*************************
*******Global CSS******
* Hauptfarben : grün = #adc228, blau = #3498DB 
**************************/

.padding_top_bottom_5 {padding: 5px 0;}
.padding_top_20 {padding-top: 20px;}
.padding_top_40 {padding-top: 40px;}
.padding_top_50 {padding-top: 50px;}
.padding_left_10 {padding-left: 10px !important;}
.padding_left_12 {padding-left: 12px !important;}
.padding_left_20 {padding-left: 20px;}
.padding_left_30 {padding-left: 30px;}
.padding_left_40 {padding-left: 40px !important;}
.padding_left_60 {padding-left: 60px !important;}
.padding_right_20 {padding-right: 20px;}
.padding_right_12 {padding-right: 12px !important;}
.padding_5 {padding: 5px !important;}
.padding_10 {padding: 10px !important;}
.padding_bottom_2 {padding-bottom:2px;}
.padding_bottom_3 {padding-bottom:3px;}
.padding_bottom_5 {padding-bottom:5px;}
.padding_bottom_30 {padding-bottom:30px;}
.no_padding {padding: 0;}
.no_padding_left {padding-left: 0px;}
.no_padding_right {padding-right: 0px;}
.no_padding_left_right {padding-left: 0px; padding-right: 0px;}

.margin_right_3 {margin-right: 3px;}
.margin_right_5 {margin-right: 5px;}
.margin_right_10 {margin-right: 10px !important;}
.margin_right_15 {margin-right: 15px;}
.margin_right_20 {margin-right: 20px;}
.margin_right_25 {margin-right: 25px;}
.margin_right_50 {margin-right: 50px;}
.margin_top_3 {margin-top: 3px;}
.margin_top_5 {margin-top: 5px;}
.margin_top_10 {margin-top: 10px !important;}
.margin_top_12 {margin-top: 12px !important;}
.margin_top_15 {margin-top: 15px;}
.margin_top_20 {margin-top: 20px;}
.margin_top_22 {margin-top: 22px;}
.margin_top_25 {margin-top: 25px;}
.margin_top_30 {margin-top: 30px;}
.margin_top_35 {margin-top: 35px;}
.margin_top_40 {margin-top: 40px;}
.margin_top_45 {margin-top: 45px;}
.margin_top_50 {margin-top: 50px;}
.margin_top_55 {margin-top: 55px;}
.margin_top_100 {margin-top: 100px;}
.margin_bottom_5 {margin-bottom: 5px;}
.margin_bottom_10 {margin-bottom: 10px;}
.margin_bottom_20 {margin-bottom: 20px;}
.margin_bottom_30 {margin-bottom: 30px;}
.margin_bottom_50 {margin-bottom: 50px;}
.margin_bottom_100 {margin-bottom: 100px;}
.margin_bottom_none {margin-bottom: 0;}
.margin_left_5 {margin-left: 5px;}
.margin_left_10 {margin-left: 10px;}
.margin_left_15 {margin-left: 15px;}
.margin_left_20 {margin-left: 20px;}
.margin_left_25 {margin-left: 25px;}
.no_margin {margin: 0;}

.bg_color_blue {background-color: #028fcc !important;}  
.bg_color_lightgrey {background-color: #F0F0E9 !important;}
.bg_color_white {background-color: #FFFFFF;}
.bg_color_mediumgrey {background-color: #DADADA;}
.bg_color_darkgrey {background-color: #9D9D9D;}
.bg_color_green {background-color: #adc228;}
.bg_color_danger {background-color: #f2dede !important;}
.bg-primary-light {background-color:  #e4f7ff !important;}
.bg-gray { background-color: #e5e5e594 !important; }
.bg-lightgray {background-color: #f1f1f1 !important;}
.bg-lightorange {background-color: #f7ead9 !important;}
.bg-darkblue {background-color: #001a64 !important;}
.bg-default {background-color: #eef0ff !important;}
.action_popup_background {background-color: #ffffff; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}
.color_blue {color: /*#adc228*/ #028fcc;}
.color_green {color:  #adc228;}
.color_lightgray {color: #8c8c88;}
.color_red {color: #c7254e !important;}
.color_white {color: white !important;}
.color_orange {color: #fe980f;}
.color_lightblack {color: #232323;}
.bold {font-weight: 700;}
.semi-bold {font-weight: 500;}
.highlight_red {color: red; font-weight: bold;}
.color_gray {color: #504e4e;}
.color_black {color: #000000 !important;}

/* Neue Farben generell */
.border-ultralightgray {border-color: #e0e0e0;}

/* Neue Textfarben */
.text-lightgray {color: #8f93a4 !important;}
.text-ultralightgray {color: #bbbbbb !important;}
.text-darkblue {color: #040d45 !important;}
.text-teal {color:#899e67;}
.text-primary {color: #6582a9 !important;}
.text-purple {color: #9b709b !important;}
.text-darkorange {color: #d3b393 !important;}
/*.text-success {color: #64ae9e !important;}*/
.text-gray {color: #828291;}
.text-grayblue {color: #7a8dbc;}
.text-lightblue {color: #535c87;}
.text-yellow {color: yellow;}
.text-shinyblue {color: #6070f6;}
.text-shinygreen {color: #1dc826;}
.text-darkpurple {color: #910091;}
.text-gold {color: #a9720e;}
.text-silver {color: #b3b3bc;}

/* Neue Hintergründe */
.bg-content {background-color: #f8f8f8;}
.bg-ultralightgray {background-color: #e5e5e540;}
.bg-lightyellow {background-color: #fff1c9;}

.opacity-06 {opacity: 0.6;}

.text_align_center {text-align: center;}
.text_align_right {text-align: right;}
.text_align_left {text-align: left;}
.text_align_center {text-align: center;}
.text-nounderline {text-decoration: none !important;}
.text-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.always-on-bottom {
    position: absolute;
    bottom: 0px;
}

.border_radius_3 {border-radius: 3px;}
.border_radius_left_3 {border-radius: 3px 0 0 3px;}
.border_radius_right_3 {border-radius: 0 3px 3px 0;}
.border_bottom_gray {border-bottom: 1px solid #D3D3D3; width: 100%; display: block;}
.border_top_gray {
    border-top: 1px solid #D3D3D3;
    width: 100%;
    display: block;
}
.border_hint {border-radius: 3px; border: 1px solid #D3D3D3;}
.border-radius-5 {border-radius: 5px;}

.display_block {display: block;}
.display_none {display: none;}
.display_inline {display: inline;}

.font_size_10 {font-size: 10px !important;}
.font_size_11 {font-size: 11px !important;}
.font_size_12 {font-size: 12px !important;}
.font_size_13 {font-size: 13px !important;}
.font_size_14 {font-size: 14px !important;}
.font_size_15 {font-size: 15px !important;}
.font_size_16 {font-size: 16px !important;}
.font_size_17 {font-size: 17px !important;}
.font_size_18 {font-size: 18px !important;}
.font_size_20 {font-size: 20px !important;}
.font_size_22 {font-size: 22px !important;}
.font_size_24 {font-size: 24px !important;}
.font_size_30 {font-size: 30px !important;}
.font_size_34 {font-size: 34px !important;}
.font_size_50 {font-size: 50px !important;}

.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-normal { font-weight: normal !important; }

.upper_case {text-transform: uppercase;}
.text_decoration_none {text-decoration: none !important;}

.width_1_percent {width: 1%;}
.width_2_percent {width: 2%;}
.width_3_percent {width: 3%;}
.width_4_percent {width: 4%;}
.width_5_percent {width: 5%;}
.width_6_percent {width: 6%;}
.width_7_percent {width: 7%;}
.width_8_percent {width: 8%;}
.width_9_percent {width: 9%;}
.width_10_percent {width: 10%;}
.width_11_percent {width: 11%;}
.width_12_percent {width: 12%;}
.width_13_percent {width: 13%;}
.width_14_percent {width: 14%;}
.width_15_percent {width: 15%;}
.width_16_percent {width: 16%;}
.width_17_percent {width: 17%;}
.width_18_percent {width: 18%;}
.width_19_percent {width: 19%;}
.width_20_percent {width: 20%;}
.width_21_percent {width: 21%;}
.width_21_percent {width: 22%;}
.width_25_percent {width: 25%;}
.width_29_percent {width: 29%;}
.width_50_percent {width: 50% !important;}
.width_80_percent {width: 80%;}
.width_100_percent {width: 100%;}
.width_50px {width: 50px;}
.width_60px {width: 60px;}
.width_70px {width: 70px;}
.width_80px {width: 80px;}
.width_100px {width: 100px;}
.width_120px {width: 120px;}
.width_150px {width: 150px !important;}
.width_170px {width: 170px;}
.width_200px {width: 200px;}
.width_250px {width: 250px !important;}
.width_300px {width: 300px !important;}
.width_350px {width: 350px !important;}
.width_450px {width: 450px !important;}
.width_500px {width: 500px;}
.width_600px {width: 600px;}
.width_700px {width: 700px;}
.width_750px {width: 750px;}

.min_width_135px {min-width: 135px !important;}
.min_width_660px {min-width: 660px !important;}

.max_width_250px {max-width: 250px !important;}

.height_25px {height: 25px;}
.height_30px {height: 30px;}
.height_35px {height: 35px;}
.height_40px {height: 40px;}
.height_50px {height: 50px;}
.height_80px {height: 80px;}
.height_90px {height: 90px;}
.height_100px {height: 100px !important;}
.height_110px {height: 110px !important;}
.height_150px {height: 150px !important;}
.height_160px {height: 160px;}
.height_200px {height: 200px !important;}
.height_250px {height: 250px !important;}
.height_300px {height: 300px !important;}
.height_330px {height: 330px !important;}
.height_375px {height: 375px !important;}
.height_400px {height: 400px;}
.height_450px {height: 450px;}
.height_500px {height: 500px;}
.height_600px {height: 600px;}
.height_700px {height: 700px;}
.height_800px {height: 800px;}

.height_89per {height: 89%;}

.height_150px_fix {height: 150px !important;}
.height_400px_fix {height: 400px !important;}

.max_height_200px {max-height: 200px; overflow-y: scroll;}
.max_height_280px {max-height: 280px; overflow-y: scroll;}
.max_height_350px {max-height: 350px; overflow-y: scroll;}
.max_height_700px {max-height: 700px; overflow-y: scroll;}
.min_height_30px {min-height: 30px;}
.min_height_50px {min-height: 50px;}
.min_height_150px {min-height: 150px;}
.min_height_500px {min-height: 500px;}
.min_height_550px {min-height: 550px;}
.min_height_100px {min-height: 100px;}
.min_height_110px {min-height: 110px;}
.min_height_165px {min-height: 165px;}
.min_height_190px {min-height: 190px !important;}
.min_height_200px {min-height: 200px;}
.min_height_350px {min-height: 350px;}

.clear_both {clear: both;}

.vertical-align-middle {vertical-align: middle !important;}
.vertical-align-bottom {vertical-align: bottom !important;}
.vertical-align-top {vertical-align: top !important;}
.vertical-align-sub {vertical-align: sub !important;}

/* Bootstrap Farben*/
.btn-pdf {background-color: #874a35; color: white;}
.btn-pdf:hover {background-color: #6c3c2c; color: white;}
.btn-darkblue {background-color: #001a64 !important; color: white;}
.btn-darkblue:hover {background-color: #224197; color: white;}

/* Alert Text (HintPopup) */
.alert-text-xl {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.25;
    display: block;
    text-align: center;
}

.alert-text-sm {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25;
    display: block;
    text-align: center;
}