/*
@import url('https://fonts.googleapis.com/css?family=Jura');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Signika');
@import url('https://fonts.googleapis.com/css?family=Telex');
@import url('https://fonts.googleapis.com/css?family=Bai Jamjuree');
@import url('https://fonts.googleapis.com/css?family=Numans');
*/

/*@import url('https://fonts.googleapis.com/css?family=Nunito');*/
/*@import url('https://fonts.googleapis.com/css?family=Exo 2');*/
/*@import url('https://fonts.googleapis.com/css?family=Exo');*/
/*@import url('https://fonts.googleapis.com/css?family=Nunito Sans');*/


a {
    color: inherit; /* blue colors for links too */
    text-decoration: none; /* no underline */
}

a:visited {
    color: inherit; /* blue colors for links too */
    text-decoration: none; /* no underline */
}

a:hover {
    color: inherit; /* blue colors for links too */
    text-decoration: none; /* no underline */
}


html, body { 

    scrollbar-base-color: #C0C0C0;
    scrollbar-base-color: #C0C0C0;
    scrollbar-3dlight-color: #C0C0C0;
    scrollbar-highlight-color: #C0C0C0;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #C0C0C0;
    scrollbar-dark-shadow-color: #C0C0C0;
    scrollbar-color: #445a63 transparent;
    scrollbar-width: 4px;

    /*height: 100%;*/ 
    height: calc(100vh); 
    margin: 0px;
    min-width: 235px;
    overflow-y: hidden;
    /*    background-color: #3465a4;
        background-color: #fce953;
        background-color: #5b6daf;
        background-color: #06989a;
        background-color: #eeeede;
        background-color: #2e3436;*/

    font-size: 12px;    
    /*font-family: Istok Web;*/
    /*font-family: Source Sans Pro;*/
    /*font-family: Exo;*/
    /*font-family: Exo 2;*/
    font-family: Nunito;
    /*font-family: Ruda;*/
    /*font-family: Lato;*/
    /*font-family: Heebo;*/
    /*    font-family: Jura;
        font-family: Signika;
        font-family: Bai Jamjuree;
        font-family: Montserrat;
        font-family: Telex;
        font-family: Numans;*/
    /*color: rgb(80, 86, 93);*/
    color: rgb(47, 49, 51);
    background-color: #2f2f2f;
    /*background-color: #d9d9d9;*/
    /*background-color: rgba(39, 39, 39, 0.09);*/
    /*background-color: rgb(255, 255, 249);*/
    /*background-color: #f3930600;*/
    /*background-color: #f7f7f7;*/
    /*background-color: #5b6daf;*/
}


@media screen and (min-width: 901px) {

    html,body {
        font-size: 12px;    
    }

}

@media screen and (max-width: 900px) {

    html,body {
        font-size: 11px;    
    }

}

@media screen and (max-width: 500px) {

    html,body {
        font-size: 10px;    
    }
}



/*mozilla scrolbalken*/
@-moz-document url-prefix(http://),url-prefix(https://) {
    scrollbar {
        -moz-appearance: none !important;
        background: rgb(0,255,0) !important;
    }
    thumb,scrollbarbutton {
        -moz-appearance: none !important;
        background-color: rgb(0,0,255) !important;
    }

    thumb:hover,scrollbarbutton:hover {
        -moz-appearance: none !important;
        background-color: rgb(255,0,0) !important;
    }

    scrollbarbutton {
        display: none !important;
    }

    scrollbar[orient="vertical"] {
        min-width: 2px !important;
        width: 2px;
    }

    scrollbar[orient="horizontal"] {
        min-width: 2px !important;
        width: 2px;
    }

    .dropdown-menu-right {
        right: 0;
        left: auto!important;
    }
}

::-webkit-scrollbar {
    /*background: transparent;*/
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-thumb {
    background-color: #445a63;
    border: 1px;
}
::-webkit-scrollbar-thumb:hover {
    /*background-color: rgba(0, 0, 0, 0.3);*/
}

::-webkit-scrollbar-corner {
    background: transparent;
}

@-moz-document url-prefix() {
    select {
        padding-right: 25px;
        background-image: url("data:image/svg+xml,\
            <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='10px'\
            height='10px' viewBox='0 0 1200 1000' fill='rgb(111,111,111)'>\
            <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\
            </svg>");
        background-repeat: no-repeat;
        background-position: calc(100% - 5px) 50%;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        border: 1px solid #ccc;        
        border-radius: 1px;        
    }
}

.ENT_ACCOUNTING {
    display: none;
}

.ENT_ACCOUNTING[display="none"] ~ div.ENT_RISK {
    border-top: none;
}

.ENT_RISK {
    display: none;
}

.hidden {
    display: none;
}

.login_container {
}


.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-top {
    vertical-align: top;
}

.login_frame {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px!important;
    padding-bottom: 15px;
    padding-top: 45px;
    background-color: #fff;
    margin-left: 15px!important;
    margin-right: 15px!important;
}

.footer {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height:26px;
    background: rgba(40, 40, 40, 0.98);
    padding: 5px;
    border-top: 2px solid #efefef;
}

.top_main_menu {
    padding: 10px;
    font-size: 1.25rem;

    border-bottom: 2px solid #111;
    /*margin-bottom: 5px;*/    
}

.top_main_menu .main_menu_title {
    display: inline-block;
    box-sizing: border-box;
    font-size: 1.25rem;
    padding-right: 4px;
    padding-left: 10px;

    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;    
}

.top_main_menu .main_menu_username {
    display: inline-block;
    float: right;
    font-size: 0.85rem;
    line-height: 2rem;
    margin-right: 10px;

    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;    
}

.menu_icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
}

.cursor_link {
    cursor: pointer;
}

.menu_icon_simple_profitability {
    font-size: 1.25rem;
}

.menu_icon_left {
    float: left;
}

.menu_icon_right {
    float: right;
}

.menu_icon_margin_left {
    margin-left: 10px;
}

.menu_icon_margin_right{
    margin-right: 5px;
}

.mgy_main_background {
    /*    background-color: #062c33;
        background-color: #3465a4;
        background-color: #e81c2d;
        background-color: #0b1623;
        background-color: rgba(40, 40, 40, 0.98);*/
    background-color: #151515;

}

.mgy_main_background_text_color {
    /*color: #91d8dc;*/
    color: #fff;

}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

.text_nowrap {
    white-space: nowrap;
}

.text_top {
    vertical-align: top;
}

.text_bold {
    font-weight: bold;
}

.text_italic {
    font-style: italic;
}

.text_nowrap {
    white-space: nowrap;
}

.winning_color {
    color: green;
}

.losing_color {
    color: red;
}

.mgy-table-dashboard {
    font-weight: normal;
    /*margin-bottom: 10px;*/
}

.mgy-table-dashboard tfoot tr {
    height: 40px;
}

.mgy-table-dashboard tfoot tr {

}
.mgy-table-dashboard tfoot td {
    margin-top: 60px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #a2a2a2;
    border-top: 1px solid #a2a2a2;

}

.widget_wrapper {
    margin-top: 9px; /* if bigger than 9px scrollbar allears */
    /*    border: 1px solid #d2ddea;
        border-radius: 2px;*/
    /*    -webkit-box-shadow: 3px 3px 10px -5px rgba(0,0,0,0.65);
        -moz-box-shadow: 3px 3px 10px -5px rgba(0,0,0,0.65);
        box-shadow: 3px 3px 10px -5px rgba(0,0,0,0.65);*/
    /*background-color: white;*/
    /*min-width: 450px;*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.widget_wrapper .widget_content {
    /*min-height: 200px;*/
    /* max-height: 230px; */
    /*overflow-y: auto;*/
    /*background-color: white;*/
    /*    padding-left: 10px;
        padding-right: 10px;*/
}

.widget_wrapper_1 {

}

.widget_wrapper_2 {

}

.widget_wrapper_3 {

}

.widget_wrapper_4 {

}

.widget_wrapper_5 {
    margin-left: 15px;
}

.widget_wrapper_6 {
    margin-left: 15px;
}

.widget_wrapper_7 {
    margin-left: 15px;
    /*background-color: #403f3f;*/
}

.widget_wrapper_8 {
    margin-bottom: 25px;
}

.widget_wrapper_3 .widget_content {
    /*min-height: 460px;*/
    /*max-height: 460px;*/
    max-height: none;
}

.widget_title {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    width: 100%;
    /*color: #2c2c2c;*/
    color: #fff;
    /*background-color: rgb(85, 125, 128);*/
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    /*background-color: #d2ddea;*/
    /*background-color: #24537b;*/
    /*background-color: #557d80;*/
    /*background-color: #558056;*/
}

/*.dominant_header_style {
    background-color: #5782c1!important;
    background-color: #a2d79c;
    background-color: #3e587e;
    background-color: #403f3f;
    background-color: #2b2b2b;
    color: #f9cf53;    
    color: #031401;    
    color: #fff!important;    
    border: 2px solid #6c9ee7!important;
    font-weight: bold!important;


*/

.dominant_header_style {
    background-color: #37477a!important;
    /*background-color: #495a72!important;*/
    color: #fff!important;    
    border: 2px solid #004199!important;
    /*border: 2px solid #596b83!important;*/
    /*border-bottom: 2px solid #596b83!important;*/
    font-weight: bold!important;

}


.widget_title_1 {
    background-color: #56bdc8;
    border: 2px solid #5fd4e1;
}

.widget_title_2 {
    background-color: #de6954;
    border: 2px solid #f97c65;
}

.widget_title_3 {
    background-color: #e2ac0a;
    border: 2px solid #f3c332;
}

.widget_title_4 {
    background-color: #a889e0;
    border: 2px solid #c0a1f7;
}

.widget_title_5 {
    background-color: #a889e0;
}

.widget_title_6 {
    background-color: #56bdc8;
}

.widget_title_7 {
    background-color: #de6954;
}

.widget_title_8 {
    background-color: #ef6d10;
    color: #fff;
}

.widget_content {
}

.widget_content_1 {
    background-color: white;
}


.widget_content_height_rel_minus_scrollable_vertical_1 {
    height:calc(100vh - 155px);
    /*height:calc(100vh - 155px);*/
    overflow-y: auto;
    scrollbar-width: thin;
}

.background_value_up {
    background-color: green;
}

.background_value_down {
    background-color: red;
}

.foreground_value_up {
    /*color: green;*/
}

.foreground_value_down {
    /*color: red;*/
}


.widget_error_container {
    padding: 15px;
    font-size: larger;
    color: rgba(208, 38, 8, 0.69);
    text-align: center;
}

.widget_error_text {
    color: red;
    font-weight: bold;
}

.widget_error_hidden_text {
    display: none;


}

/*@keyframes flash_text_value_up {
    0%   {color: transparent; zbackground-color: green; width:0%}
    100%  {color: green; zbackground-color: transparent; width:100%}
}

@keyframes flash_text_value_down {
    0%   {color: transparent; zbackground-color: red;}
    100%  {color: red; zbackground-color: transparent;}
}*/

@keyframes flash_text_value_up {
    100%   {width:0%; font-weight:bolder; border-bottom: none; border-radius: 1px;}
    0%  {font-weight:lighter; width:100%; border: none; background-color: none;}
}

@keyframes flash_text_value_down {
    100%   {width:0%; font-weight:bolder; bolder-bottom: none; border-radius: 1px;}
    0%  {font-weight:lighter; width:100%; border: none; background-color: none;}
}

.animate_value_down {
    animation-name: flash_text_value_down;
    animation-duration: 350ms;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: alternate;
}

.animate_value_up {
    animation-name: flash_text_value_up;
    animation-duration: 350ms;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-direction: alternate;
}


#reports_home {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#reports_home > div {
    border: 1px solid #000;
    border-radius: 3px;
    padding: 20px;
    margin: 10px;
    color: #f9cf53;
    background: rgba(40, 40, 40, 0.98);
    font-size: 1rem;
}

.submenu {
    padding-right: 7px;
    padding-top: 6px;
    /* padding-bottom: 3px; */
    padding-left: 15px;
    background-color: #2b2b2b;
    /*border-top: 1px solid #444;*/
}

.submenu a:link {
    font-size: 0.85rem;
}

.submenu .nav-link {
    padding-top: 11px;
    padding-bottom: 8px;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #2b2b2b;
    color: #ffffff;
    min-width: 55px;
    font-weight: normal;
    text-align: center;
}

.submenu:last-child {
    margin-right: 0px;
}

.submenu .nav-link.active {
    background-color: transparent;
    background-color: #403f3f;
    color: #f9cf53;
    border-left: 1px solid #282828ad;
    border-right: 1px solid #282828ad;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.scroll_y_auto {
    overflow-y: auto;
}

.height_100 {
    height: calc(100vh);
    max-height: calc(100vh);
}

.tab-content {

}

.scrollable {
    overflow-y: auto;
    scrollbar-width: thin;
}

.scrollable_content {
    height: calc(100vh - 190px);    
    max-height: calc(100vh - 190px);    
    /*height: 99%;*/
}

.color-green {
    color: #3e6d08;
}

.color-yellow {
    color: #fcff6f;
}

.color-blue {
    color: #14465d;
}

.color-white {
    color: white;
}

.color-red {
    color: #f74b3f;
}

.background_transparent {
    background-color: transparent!important;
}

.wrap_pre_line {
    white-space: pre-line;
}

.small_image_icon {
    width: 32px;
    /* height: 28px; */
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px;
}

.extra_small_image_icon {
    width: 20px;
    /* height: 28px; */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px; 
    margin-bottom: 2px;
}

.extra_small_image_icon_no_top_margin {
    width: 20px;
    /* height: 28px; */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px; 
    margin-bottom: 2px;
}

.fixed_menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}


.table td.no_top_border {
    border-top: none;
}

.table td.no_bottom_border {
    border-bottom: none;
}

.no_left_margin {
    margin-left: 0px;
}

.table tr.part_of_prev_row td {
    padding-top: 1px;
    padding-bottom: 1px;
}

.table_row_separator {
    height: 10px;
}

.table_top_list td, .table_top_list th {
    padding-top: 4px;
    padding-bottom: 4px;
}

.top_border {
    border-top: 1px solid #ddd;
}

.top_border1 {
    border-top: 1px solid #ddd;
}

.padding_top_bottom_3px {
    padding-top: 3px;
    padding-bottom: 3px;
}

.padding_top_bottom_5px {
    padding-top: 5px;
    padding-bottom: 5px;
}

.rounded_image {
    border-radius: 7px;
}

.rounded_image_small {
    border-radius: 4px;
}

.no_margin_top {
    margin-top: 0px;
}

.wordwrap { 
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
}

.hide_m {
    visibility: hidden;
}

#top_main_menu_subtitle {
    margin-left: 1px;
    position: inherit;
    left: none;
}


@media screen and (min-width: 650px) {

    #top_main_menu_subtitle {
        margin-left: 140px;
        position: absolute;
        left: 0px;
    }

}

#top_main_menu_subtitle:before {
    /*content: " - ";*/
    display: none;
}

[help_click='true'] {
    cursor: help;
}

[help_click='true'] i.fas, 
[help_click='true'] svg
{
    font-size: larger;
    margin-left: 5px;
    margin-right: 5px;
}


.inline_help {
    /* margin: 10px; */
    /*font-size: smaller;*/
    font-size: 0.85rem;
    /*text-align: right;*/
    border-left: 1px solid #ffebc1;
    border-right: 1px solid #ffebc1;
    border-top: 2px solid #ffebc1;
    border-bottom: 2px solid #ffebc1;
/*    border-left: 4px solid #ffcb3f;
    border-right: 4px solid #ffcb3f;
    border-top: 4px solid #ffcb3f;
    border-bottom: 4px solid #ffcb3f;*/
/*    border-top: 1px solid #6c9ee7;
    border-bottom: 1px solid #6c9ee7;
    border-left: 1px solid #6c9ee7;
    border-right: 1px solid #6c9ee7;*/
/*    border-top: 1px solid #86c37e;
    border-bottom: 1px solid #86c37e;
    border-left: 1px solid #86c37e;
    border-right: 1px solid #86c37e;*/
    border-radius: 3px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
    margin-top: 7px;
    background-color: #fff3da;
    /*background-color: #ffffee;*/
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: default;
    font-style: italic;
    color: #5384cb;
}