/*GLOBAL VARS*/
:root {
    --color-red: #f86482;
    --color-green: #0bd59c;
    --color-dark-green: #1bb086;
    --color-yellow: #ffc35a;
    --color-blue: #27758b;
    --color-light-blue: #3bb4d7;
    --color-light-purple: #F1F2FE;
    --color-dark-purple: #626bd1;
    --color-purple: #6973E3;
    --color-oproma: #0ba877;
    --color-oproma-hover: #09845d;
    --font-color-grey: #26282A;
    --font-color-dark-theme: #aab8c5;
    --color-black-dark-theme: #37404A;
    --border-color-dark: #464f5b;
    --color-oproma-logo: #0bd59c;
    --font-color-dark-grey: #38424F;
    --icon-color-grey: #91a1b3;
    --icon-color-green: #0bd59c;
    --icon-color-black: #38424F;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/pxiAyp8kv8JHgFVrJJLmE0tMMPKzSQ.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLmv1pVGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(../fonts/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: "Poppins", sans-serif;
}

    .dark-theme {
        background-color: #343B40;
    }

a{
    text-decoration: none;
    color: var(--font-color-grey);
}
    a:hover {
        color: #1e2125;
    }

.dark-theme a{
    color: var(--font-color-dark-theme);
}

.dark-theme .light-theme-material-icon{
    display: none!important;
}

.light-theme .dark-theme-material-icon {
    display: none !important;
}

.font-color-oproma {
    color: var(--color-oproma);
}

    .font-color-oproma:hover {
        color: var(--color-oproma-hover);
    }

.btn{
    font-weight: 300!important;
}

.btn-info{
    color: #fff!important;
}

.bg-dark {
    background-color: var(--color-black-dark-theme) !important;
}

.dynamic-add-button{
    position: relative;
    top: 7px;
    left: 10px;
    display: inline-block;
}

.top-nav-icon-container {   
    float: inline-start;
    padding-top: 20px;
    padding-right: 20px;
}

.top-nav-icon-container .icons{
    padding: 0px!important;    
}

    .top-nav-icon-container .icons a span{
        font-size: 32px;
    }

    .top-nav-icon-container .icons a {
        padding-left: 15px;
    }

.top-nav-icon-container .icons .dropdown-menu a span {
    font-size: 28px;
    position: relative;
    top: 8px;
}

.top-nav-user-container {   
    height: 69.5px;
    padding: 10px;
    padding-top: 13px;
    padding-left: 15px;
    float: inline-end;
}

.top-nav-user-container-with-comp {
    height: 69.5px;
    padding: 10px;
    padding-top: 13px;
    padding-left: 15px;
    float: inline-end;    
}

.navbar-portal .top-nav-user-container, .navbar-portal .top-nav-user-container-with-comp {    
    border-left: none !important;
}

.navbar-portal .material-symbols-outlined{
    position: relative;
    top: 5px;
}

.navbar-portal .nav-item-pm-software {
    position: relative;
    bottom: 5px;
}

.top-nav-user-name-field {
    display: inline-block;
    position: relative;
    top: 3px;
    padding-left: 5px;
}

.top-nav-user-container-with-comp .top-nav-user-name-field{
    top: -4px!important;
}

#dropdownMenuLinkStar span {
    font-size: 45px;
    position: relative;
    bottom: 11px;
    right: 8px;
}

.hover_underline:hover{
    text-decoration: underline;
    text-decoration-color: var(--color-green)!important;
}

.dark-theme .top-nav-user-container, .dark-theme .top-nav-user-container-with-comp {
}

.dropdown-item{
    font-weight: 300;
    cursor: pointer;
}

.dark-theme .dropdown-item span{
    color: var(--font-color-dark-theme);
}

.dropdown-item:hover {
    background-color: #fff;
    color: #1e2125 !important;
}

.dark-theme .dropdown-item:hover {
    background-color: var(--color-black-dark-theme);
    color: #fff !important;
}

.dropdown-item .material-symbols-outlined {
    position: relative;
    top: 7px;
}

.dropdown-item-text-right {    
    font-weight: 300;
}

#dropdownMenuLinkStar::after, #dropdownMenuUser::after, #dropdownMenuLinkChat::after {
    display: none;
}

.no-display {
    display: none !important;
}

a:focus {
    outline: none;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

.dropdown-menu-user-nav {
    top: 15px !important;
}

.top-nav-user-container-portal .dropdown-menu-user-nav {
    left: -165px !important;
    top: 5px;
}

.top-nav-user-container-portal .dropdown-toggle .contact_pic_small {
    position: relative;
    top: 2px !important;
}

.navbar-toggler {
    border: none !important;
}

    .navbar-toggler:focus {
        box-shadow: none !important;
    }

.navbar-toggler-mobile {
    position: relative;
    left: 65px;
}

.navbar-portal .dropdown-menu-user-nav {
    top: 40px !important;
    min-width: 200px;
}

.dropdown-menu-user-nav .badge {
    position: relative;
    top: 2px;
}

.dropdown-menu-user-nav li:first-child {
    top: 10px !important;
}

.dropdown-menu-user-nav .form-select {
    font-size: 14px;
}

.dropdown-menu-user-nav li a:hover {
    background-color: #fff;
    color: #363a3e !important;
}

.dropdown-menu-user-nav li {
    margin-bottom: 5px !important;
}

    .dropdown-menu-user-nav li a {
        font-size: 14px;
        font-weight: 300;
    }

        .dropdown-menu-user-nav li a .glyphicons {
            margin-right: 10px;
            position: relative;
            top: 2px;
        }

.dropdown-menu-user .dropdown-header, #contactListContent .dropdown-header {
    font-size: 16px;
}

.dropdown-menu-user .dropdown-item, #contactListContent .dropdown-item {
    font-size: 13px;
}

.lnk-nav-project::after, .lnk-nav-project-tasks::after {
    display: none;
}

.html_dark_bg {
    background-color: #fff !important;
}

.no-background {
    background: none !important;
}

.notification {
    padding: 1px 7px;
    color: #fff;
    background: #E67817;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-weight: 700;
    font-size: 12px;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.2);
    text-shadow: none;
    margin-left: 5px;
} 

.notification_black {
    padding: 1px 7px;
    color: #fff;
    background: #8B8B8B;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-weight: 700;
    font-size: 12px;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.2);
    text-shadow: none;
    margin-left: 5px;
}

.main_notifications{
	font-size: 1.6rem;
	text-shadow: #0c0c0c 0px 1px 0px;
	background: #0095DF;
	text-align: center;
	padding: 5px;
	color: white;
}

.blue {
    color: #047DE0 !important;
}

.orange {
    color: #DC8136 !important;
}

.orange_bg {
    background-color: #E67817 !important;
    color: #fff !important;
}

.bold {
    font-weight: bold;
}

/* forms.css */

.welcome_text
{
	font-weight: bold;	
}

.logout_btn
{ 	
	cursor: pointer;		
}

.user_image_overlay {
    height: 40px;
    width: 40px;
    overflow: visible;
    position: absolute;
    top: -12px;
    left: 0px;
    font-size: 21px;
    color: #fff;
    text-shadow: #000 0px 0px 1px;
    font-weight: bold;
    display: table-cell;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
    display: none;
}

.user_image_overlay_chat {
    height: 40px;
    width: 40px;
    overflow: visible;
    position: absolute;
    font-size: 21px;
    color: #fff;
    text-shadow: #000 0px 0px 1px;
    font-weight: bold;
    display: table-cell;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
    display: none;
}

.user_icon_navigation
{	
    width: 20px;
    height: 20px;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	position: relative;
	top: 4px;
    right: 1px;
    vertical-align: top!important;
}

.user_icon_navigation_no_image
{	
    width: 21px;
    height: 21px;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	position: relative;
	bottom: 1px;
    right: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
    background-color: #646464;
    color: #ECEBEB;
    padding-top: 1px;
}

.user_icon
{	
    width: 20px;
    height: 20px;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	position: relative;
	bottom: 1px;
    right: 5px;
}

.user_icon_menue {
    width: 16px;
    height: 16px;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	position: relative;
	bottom: 1px;
}

.dotted_border
{
	border-bottom: dotted 1px #ccc;
	height: 1px;
	width: 100%;	
	margin-bottom: 20px;
}

.form_editor_dotted_border {
    border: dotted 1px #ccc;
}

.dark-theme .form_editor_dotted_border {
    border: dotted 1px var(--border-color-dark);
}

.dark-theme .input-group-text{
    background-color: var(--color-black-dark-theme);
    border-color: var(--border-color-dark);
    color: var(--font-color-dark-theme);
}
/*
label {
	font-weight:bold; 
	color:#000; 
	font-size:11px;
	display:block;
	margin-top:5px;
	margin-bottom:-5px;
}*/
fieldset {
    margin: 200px;
    padding: 20px;
    border: 1px solid #ccc;
}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;padding:20px;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}

form.inline {line-height:3;}
form.inline p {margin-bottom:0;}

.alert-center-screen {
    position: fixed!important; /* or absolute */
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999;
}

.alert-top {
    position: fixed !important; /* or absolute */
    top: 0px;
    left: 0px;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 99999999;
    border-radius: 0px;
    min-height: 50px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5) !important;
    color: #D3D3D3 !important;
    background-color: #292929 !important;
    border-left: 5px solid #E67817;
}

.alert-top-right {
    position: fixed !important; /* or absolute */
    top: 62px;
    right: 10px;
    z-index: 99999999;
    border-radius: 5px;
    opacity: 1.0;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5) !important;
    border-left: 5px solid #E67817;
    padding: 10px 50px 10px 10px !important;
}

.alert-oproma {
    color: #000;
    background-color: #fff;
    width: auto;
	min-width: 200px;
	max-width: 400px;
    padding: 10px; 
	box-shadow: 0px 0px 0px 6000px rgba(0,0,0,0.4);
	
}

    .alert-oproma hr {
        border-top-color: #c8c8c8;
    }

    .alert-oproma .alert-link {
        color: #333;
    }

.prio_0
{
	color: #337AB7;
}

.prio_1
{
	color: var(--color-green);
}

.prio_2
{
	color: var(--color-dark-green);
}

.prio_3
{
	color: var(--color-yellow);
}

.prio_4
{
	color: var(--color-red);
}

.prio_5
{
	color: #9C9B9B;
}

.task_border_td{
    width: 20px;
    padding: 0px!important;
}
.task_border {
    height: 4px;
    width: 100%;
    position: fixed;
    top: 106px;
    z-index: 1030;
}

.task_border_mobile {
    height: 4px;
    width: 100%;
    position: fixed;
    top: 103px;
    z-index: 1030;
}

.task_border_overview {
    height: 4px;
    width: 100%;
    position: fixed;
    top: 52px;
    z-index: 1030;
}

.simplebar-scrollbar::before {
    background-color: #38424F !important;
}

.dark-theme .gantt .grid-header {
    fill: #404954;
    stroke: var(--border-color-dark);
}

.dark-theme .gantt .grid-row {
    fill: var(--color-black-dark-theme);
}

.gantt .grid-row:nth-child(even) {
    fill: #F6F7FB!important;
}

.dark-theme .gantt .arrow {
    stroke: var(--color-purple);
}

.gantt .bar-label {
    font-size: 14px!important;
}

.dark-theme .gantt .bar-label {
    font-weight: 300 !important;
    color: #fff;
    fill: #fff !important;
}

.gantt-info{
    cursor: help;
}

.dark-theme .gantt-info {
    color: var(--font-color-dark-theme);
}

.dark-theme .gantt .grid-row:nth-child(even) {
    fill: #404954 !important;
}

.dark-theme .gantt .row-line {
    stroke: var(--border-color-dark);
}

.dark-theme .gantt .lower-text, .dark-theme .gantt .upper-text {
    fill: var(--font-color-dark-theme);
}

.gantt-buttons .active {
    background-color: var(--color-dark-purple);
    border: solid 1px var(--color-dark-purple);
    color: #fff;
}

.gantt .bar {
    fill: #eef2f7 !important;
}

.gantt .bar-label{
    font-weight: 400!important;
    color: #333;
    fill: #333!important;
}

.gantt .gantt_color_blue .bar-progress {
    fill: #39AFD1 !important;
}

.gantt .gantt_color_red .bar-progress {
    fill: var(--color-red) !important;
}

.gantt .gantt_color_orange .bar-progress {
    fill: var(--color-yellow) !important;
}

.gantt .gantt_color_light_green .bar-progress {
    fill: var(--color-green) !important;
}

.gantt .gantt_color_green .bar-progress {
    fill: var(--color-dark-green) !important;
}

.gantt .gantt_color_grey .bar-progress {
    fill: #CCC !important;
}

.gantt-task-details {
    max-width: 500px !important;
    min-width: 300px;
    border: 1px solid #ccc;
}

.gantt-task-details h5{
    font-size: 15px!important;
}

.dark-theme .gantt-task-details {
    background-color: var(--color-black-dark-theme);    
    border: var(--border-color-dark);
}

.gantt-container .popup-wrapper {
    background-color: #fff!important;
}

.dark-theme .gantt-container .popup-wrapper {
    background-color: var(--color-black-dark-theme)!important;
}

.popover-body {
    color: var(--font-color-grey) !important;
}

.dark-theme .popover-body {
    color: var(--font-color-dark-theme) !important;
}

.status_color_green {
    color: var(--color-green) !important;
}

.status_color_dark_green {
    color: var(--color-dark-green)!important;
	
}

.status_color_red {
    color: var(--color-red) !important;
}

.status_color_blue {
    color: #39AFD1 !important;
}

.status_color_grey {
    color: #D8D8D8!important;
}

.status_color_midgrey {
    color: #828282 !important;
}

.status_color_dark_grey{
    color: #2e2e2e;
}

.dark-theme .status_color_dark_grey {
    color: var(--font-color-dark-theme);
}

.bg-green {
    background-color: #0BD59C;
}

.portal_time{
    color: var(--border-color-dark);
}

.settings-container .card-body {
    padding-top: 0px !important;
}

.card-header {
    background-color: transparent !important;
    border-bottom: none !important;
}

.card-company .status_color_grey {
    color: #909090 !important;
}

.status_color_white {
    color: #FFFFFF !important;
}

.status_color_orange {
    color: var(--color-yellow) !important;
}

.status_color_purple {
    color: var(--color-purple) !important;
}

.font_color_dark_grey{
    color: var(--font-color-dark-grey);
}

.dark-theme .font_color_dark_grey {
    color: var(--font-color-dark-theme);
}

.home_header_symbol{
    position: relative;
    bottom: 2px;
}

.home_header_text{
    font-size: 20px;
}

.home-row{
    position: relative;
    top: 10px;
}

.task_border_green {
    background-color: var(--color-green) !important;
    color: #f9f9f9 !important;
}

.task_border_dark_green {
    background-color: var(--color-dark-green)!important;
    color: #f9f9f9 !important;   
}

.task_border_appointment {  
	background-image: url("../../images/bg_termin.png");
    background-repeat: repeat;
    color: #f9f9f9 !important;    
}

.task_border_red {
    background-color: var(--color-red) !important;
    color: #f9f9f9 !important;
}

.task_border_blue {
    background-color: var(--color-blue) !important;
    color: #f9f9f9 !important;
}

.task_border_grey {
    background-color: #D8D8D8!important;
    color: #f9f9f9 !important;    
}

.task_border_orange {
    background-color: var(--color-yellow) !important;
    color: #f9f9f9 !important;
}

.task_border_light_orange {
    background-color: #F7E4C5!important;
    color: #333 !important;    
}

.container-additional-settings,
.container-additional-settings-edit-project,
.container-additional-settings-add-task,
.container-additional-settings-edit-task,
.container-additional-settings-add-customer,
.container-additional-settings-edit-customer,
.container-detail-settings-add-customer,
.container-detail-settings-edit-customer,
.container-time-settings,
.container-time-settings-add-task,
.container-time-settings-edit-task,
.container-location-settings,
.container-location-settings-edit-project,
.container-location-settings-add-task,
.container-location-settings-edit-task,
.container-template,
.container-detail-settings,
.container-cost-settings,
.container-cost-settings-edit-project,
.container-cost-settings-add-task,
.container-cost-settings-edit-task {
    display: none;
}

.order_arrow_up
{
	position: relative;
	bottom: 5px;	
}

.order_arrow_down
{
	position: relative;
	right: 11px;	
}
 

	
.footer { width: 100%;}

.footer_bottom {
    position: relative !important;
    bottom: -25px !important;
    margin-top: 0px!important;
    background-color: #fafafa!important;
}

.dark-theme .footer_bottom {
    background-color: #3A444E !important;
}

.footer-heading{
    font-size: 24px;      
}

    .footer-heading span {
        width: 50px;
        overflow: visible;
        border-bottom: 3px solid var(--color-oproma);
        display: block;
    }

    .dark-theme .footer-heading span, .dark-theme .footer-copy {
        color: var(--font-color-dark-theme);
    }

    .footer_in {
        color: #262626;
        background-color: #f8f9fa;
        /*position: fixed;*/
        bottom: 0px;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 0px;
        font-weight: 300;
    }
.footer_in_mobile { color:#000; z-index: 9999;width: 100%;}
.footer_in a:hover, .footer_in a:focus {
    color: var(--color-oproma)!important;
}

.footer_in .navbar-brand {    
    font-size: 14px!important;
    color: #4e4e4e;
}

.footer_in .navbar-nav{
    margin: 0 auto;
    font-size: 12px!important;
}

.footer_in .nav-link {
    color: #4e4e4e;
}

.fixed-bottom {
    position: fixed;
    bottom: 0px;
    z-index: 200;
    width: 100%;
    background-color: #337ab7;
    right: 0px;
    height: 52px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.fixed-bottom .btn { width: 100% !important;border: none !important;}
    .fixed-bottom .btn:hover {
        background-color: #DC8136 !important;
        border: none !important;
    }
    .fixed-bottom .btn:focus {
        background-color: #DC8136 !important;
        border: none !important;
    }
    .fixed-bottom .btn:active {
        background-color: #DC8136 !important;
        border: none !important;
    }

.fixed-bottom-input { position: fixed; bottom: 0px; z-index: 99999;width: 100%;background-color: #ccc;right: 0px;height: 52px;padding-top: 10px;padding-left: 10px; padding-right: 10px;}
.fixed-bottom-input .btn { width: 100% !important;border: none !important;}
.fixed-bottom-input .btn:hover { background-color: #ccc !important;border: none !important;}
.fixed-bottom-input .btn:focus { background-color: #ccc !important;border: none !important;}
.fixed-bottom-input .btn:active { background-color: #ccc !important;border: none !important;}

.fixed-top-black {
    position: fixed; 
    top: 50px; 
    z-index: 90;
    width: 100%;
    background-color: #fff;
    right: 0px;
    height: 50px;
    padding-top: 0px;
    padding-left: 10px; 
    padding-right: 10px;
    color: #292929;
    border-bottom: 1px solid #DC8136;
}

.fixed-top-padding {
    padding-top: 58px !important;
}

.fixed-top-black .mobile-col {
    text-align: center;
    vertical-align: middle;
    padding-top: 17px;
    height: 49px;
    font-size: 12px;
    font-weight: bold;
}

.fixed-top-black .mobile-col a {
    color: #292929;
    cursor: pointer;
}

.fixed-top-black .mobile-col a:hover,.fixed-top-black .mobile-col a:focus {
    color: #DC8136 !important;
}

.mobile-col-active{
    color: #DC8136 !important;
}

.mobile-col-top-active{
    border-bottom: 2px solid #DC8136;
}

.transperency_box {
    margin: 10px;
    margin-top: 20px !important;
    margin-bottom: 60px !important;
    text-align: left;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    -webkit-box-shadow: 0px 0px 44px 4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 44px 4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 44px 4px rgba(0,0,0,0.75);
    color: #fff;
    background-color: #000;
    opacity: 0.7;
}

.red {
    font-weight: bold;
    color: var(--color-red);
}

.center
{
	text-align: center;
}

.login-box-mobile {
    margin-top: 10px;
    padding: 20px !important;
    height: 100%;
    color: #4e4e4e!important;
}

.contact_pic_small_no_image
{
    width: 32px;
    height: 32px;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #646464;
    color: #ECEBEB;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
    top: 3px;
    margin-right: 3px;
}

.contact_pic_small_no_image_text {
    position: relative;
    left: 2px;
}

.contact_pic_small
{
    width: 40px;
    height: 40px;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
    cursor: pointer;
}

.company_pic_small
{
    width: 40px;
    height: 40px;
}
.company_pic_small_external{
    width: 40px;
}

.contact_pic_medium {
    width: 42px;
    height: 42px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    cursor: pointer;
}

.company_pic_medium
{
    width: 300px;
    height: 100px;
}

.template_pic_medium {
    width: 300px;
    height: 200px;
}

.company_pic_big {
    width: 600px;
    height: 200px;
}

.company_pic_extra_big {
    width: 104px;
    height: 104px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    /*border: solid 1px #A5A5A4;*/
}

.company_pic_extra_big_external {
    width: 104px;       
    /*border: solid 1px #A5A5A4;*/
}

.company_account_logo {
    width: 300px;
    height: 200px;    
}

.contact_pic_chart
{
    width: 77px;
    height: 77px;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
    cursor: none;
    border: solid 2px #fff;
}

.contact_pic_medium_no_image
{
    width: 42px;
    height: 42px;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #646464;
    color: #ECEBEB;
    padding-top: 4px;
}

.add_button_round {
    color: #337AB7;
    font-size: 32px;
    cursor: pointer;
    vertical-align: middle;
}

.online {
    border: solid 2px var(--color-green) !important;
}

.away {
    border: solid 2px var(--color-yellow) !important;
}

.occupied {
    border: solid 2px var(--color-red) !important;
}

.onlineF {
    border: solid 2px var(--color-green) !important;
}

.offline {
    border: solid 2px #CACACA !important; 
}

.contact_pic_big
{
	width: 90px;
    height: 90px;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}

.contact_pic_extra_big {
    width: 104px;
    height: 104px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
}

.contact_pic_login
{
    box-shadow: 0px 0px 150px #ccc;
}

.contact_pic_big_project
{
	width: 130px;
    height: 130px;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}

.contact_pic_profile_small_edit {
    width: 130px;
    height: 130px;
    overflow: hidden;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}

.contact_data
{
	float: left;	
	width: 250px;
	padding-left: 10px;
}

.request_field
{
	width: 300px;	
}

.con_left
{
	float: left;
	width: 50px;	
	font-weight: bold;
}

.con_mid
{
	float: left;
	width: 175px;	
	text-align: right;
}

.con_right
{
	float: left;
	width: 24px;	
	text-align: right;
}

.mouse_pointer
{
	cursor: pointer;	
}

.mouse_help {
    cursor: help;
}

.detail_image
{
	float: left;
	width: 400px;		
}

.preview_image
{
	width: 350px;
	height: auto;	
}

.detail_description
{
	float: left;
	width: 500px;;	
}

.detail_submit
{
	width: 900px;
	border-top: solid 1px #555;	
	margin-top: 10px;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 10px;
}

.detail_info
{
	margin-top: 10px;
	width: 350px;
}

.home_container
{	
	margin-bottom: 10px;	
}


.float-l
{
	float: left;	
}

.admin_table
{
	
}

.single_file
{
	width: 160px;
	height: 120px;	
	float:left;	
	margin: 10px;
	text-align: center;	
}

.file_image
{
	margin-top: 5px;	
	margin-bottom: 5px;
	height: 90px;
	overflow: hidden;
}

.cat_selector
{
	width: 600px;	
}

.upload_container
{	
	margin-top: 10px;
	width: 400px;
}

.file_container
{
	width: 800px;
	float: left;
}

.home
{
	width: 826px;
	height: 380px;
	background-image: url(../../images/dstock_home.png);
}

.single_cats
{
	width: 285px;
	height: 84px;
	float: left;
	margin-left: 90px;
	margin-bottom: 10px; 	
}

.center
{
	text-align: center;	
}

.faq_container
{
	margin-top: 20px;		
}

.faq_answer
{
	margin-left: 20px;	
}

.be_navigation
{
	list-style-type: none;	
}

.navigation_list_active
{
	background-color: #ccc;	
	width: 157px;
	padding-left: 5px;
	padding-top: 2px;
	height: 20px;	
	margin-bottom: 10px;
}

.navigation_list_active a
{
    color: #fff;
}



/*-------------------------------------------------------------------------*/
/* Forum */

.panel_creator
{
	float: left;
	width: 200px;	
}

.panel_title
{
	float: left;	
	width: auto;	
	height: auto;
	padding-left: 10px;
	font-weight: bold;
}

.panel_date
{
	float: right;
	width: 150px;	
}

.panel_entry_container
{	
	height: auto;
	padding: 10px;
	margin-bottom: 5px;
}

.comment_creator
{
	float: left;
	width: 200px;	
}

.comment_title
{
	float: left;	
	width: auto;	
	padding-left: 20px;	
}

.comment_date
{
	float: right;
	width: auto;	
	font-size: 10px;
}

.comment_container
{	
	height: auto;
	padding: 10px;
	margin-left: 30px;	
	margin-top: 5px;
}




#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*-------------------------------------------------------------------------*/
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: auto;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 150px;
	height: 90px;
	margin-right: 50px;
	margin-bottom: 250px;
}

ul.thumb li img {
	width: 150px; height: auto; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 2px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect */
	background-color: #f0f0f0;
	/* border: none; /* Get rid of border on hover */
}


.glyphicons-play-button-icon {
    font-size: 30px;
    color: var(--color-green);
    cursor: pointer;
}

.glyphicons-play-button-icon:hover {
    color: var(--color-dark-green);
}

.runningTimeBooking {
    background-color: #38424F;
    width: 100%;
    height: 65px;
    position: fixed;
    bottom: 0px;
    border-top: solid 3px var(--color-green);
    border-bottom: solid 1px #777;
    text-align: center;
    z-index: 2000;
}

.runningTimeBooking2 {
    bottom: 52px !important;
}

.runningTimeBookingTable {
    width: 100%;
}

.runningTimeBookingTable td {
    text-align: center;
    border-top: none !important;
}

.runningTimeBookingTable_icon {
    font-size: 40px;
    width: 4%;
}

.runningTimeBookingTable_time {
    font-size: 24px;
    color: #fff;
    width: 48%;
    text-align: right !important;
    position: relative;
    top: 5px;    
}

.runningTimeBookingTable_time span{
    float: left; 
    color: var(--font-color-dark-theme); 
    font-size: 18px; 
    font-weight: 300; 
    padding-top: 7px;
    margin-left: 15px;
}

.runningTimeBookingTable_time #time {
    padding-right: 2px;
}

.runningTimeBookingTable_title {
    width: 48%;
    text-align: left !important;
}

.runningTimeBookingTable_task_title {
    font-size: 18px;
    color: #fff !important;
    cursor: pointer;
}

.runningTimeBookingTable_task_title_mobile {
    font-size: 12px;
    color: #fff;
}

.runningTimeBookingTable_project_title {
    font-size: 14px;
    color: var(--font-color-dark-theme) !important;
    cursor: pointer;
}

.runningTimeBookingTable_project_title_mobile {
    font-size: 8px;
    color: var(--font-color-grey) !important;
}

#widgetListMobile {
    padding-left: 5px;
}

.openDropDown {
    color: #7d7d7d !important;
}

.closeDropDown {
    color: #DC8136 !important;
}

.tableTaskDetail {
    height: 55px !important;
    width: 100%;
}

    .tableTaskDetail tr
    {
        border: none!important;
    }

    .task_detail_action .glyphicons {
        font-size: 20px !important;
    }


.tableTaskDetail td{
    border-bottom: none !important;
    height: 20px !important;
    padding: 0px;
    background-color: transparent;
    text-align:left!important;
    padding-left: 10px!important;
}

.tableTaskDetail td span{
    color: #989DA8;
}

.tableTaskDetail td .glyphicons:hover{
    color: #DC8136 !important;
}

.tableTaskDetail_td_spacer {
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-left: dotted 1px #d3d3d3 !important;
}

.tableTaskDetail_span_number {
    color: #DC8136 !important;
}

.taskDetailInfo_tr {
    border-bottom: 1px solid #DCDCDC !important;
}


.taskDetailInfo_tr td {
    padding:0px;
    height: 20px !important;
    background-color: none;
}

.home_table tbody tr:hover {
    background-color: #F9FBFE;
}

.dark-theme .home_table tbody tr:hover {
    background-color: #404954;
}

.dark-theme .home_table td {
    color: var(--font-color-dark-theme);
}

.home_table tbody tr {
    border-bottom: solid 1px #ddd;
}

.dark-theme .home_table tbody tr {
    border-bottom: solid 1px #404954 !important;
}

.portal_info_box {
    border: solid 1px #DCDCDC;
    border-radius: 5px;
    background-color: #fafafa;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px;
}

.forms-bg {
    background-color: #F9FBFE!important;
}

.forms_info_box {
    border: none !important;
    background-color: #fff !important;   
    box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15)!important;
}

.forms_info_box_min_padding {
    border: none !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15) !important;
    padding: 10px;
}

#custom_module_form_container{
    font-weight: 300;
}

#custom_module_form_container .row:first-child, #custom_module_form_container .row .col-lg-12:first-child {
    margin-top: 0px !important;
}

.dark-theme .portal_info_box {
    border: var(--border-color-dark);
    background-color: var(--color-black-dark-theme);
}

.container_box {    
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
}

.dark-theme .container_box {
    background-color: var(--color-black-dark-theme);
    box-shadow: none;
    color: var(--font-color-dark-theme);
}

.home_info_box {
    box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
    background-color: #fff;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px;
    padding-top: 0px;
    border-radius: 5px;
    height: 100%;
}

.dark-theme .home_info_box {
    box-shadow: none;
    background-color: var(--color-black-dark-theme);
    color: var(--font-color-dark-theme);
}

.home_info_box_portal {
    min-height: 82px;
}

.home_info_box_table_active {
    background-color: #f0f0f0 !important;
}

.content_info_box {
    color: var(--font-color-grey);
    min-height: 42px;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dark-theme .content_info_box {
    color: var(--font-color-dark-theme);    
}

.content_info_box_bottom
{
	border: solid 1px #DCDCDC;
	background-color: #F5F5F5;
    color: var(--font-color-grey);
    min-height: 42px;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    bottom: 10px;
}

.card-company .badge {
    font-weight: 300!important;
    font-size: 11px!important;
}

.card-company .card-body .fs-3 {
    color: #000!important;
}

.card-company .card-body {
    color: #232323;
    font-weight: 300;
}

.dark-theme .card-company .card-body .fs-3 {
    color: var(--font-color-dark-theme)!important;
}

.dark-theme .card-company .card-body {
    color: var(--font-color-dark-theme);
}

@media only screen and (max-width: 768px) {
    .forms_info_box {
        padding: 15px !important;
    }

    .hover_underline {
        text-decoration: underline;
        text-decoration-color: var(--color-green);
        text-underline-offset: 4px;
    }

    .content_info_box span
    {
        font-size: 15px;
        font-weight: 500!important;
        position: relative;
        top: 0px;
    }
    .glyphicons-breadcrump {
        position: relative;
        top: 1px!important;   
    }

        .card-company .card-body .fs-3 {
            font-size: 18px !important;
        }

    .card-company .card-body .fs-5 {
        font-size: 15px !important;
    }
            
        .card-company .card-body .btn-portal-actions span {
            font-size: 25px !important;
        }

        .modal-body .card-company .card-body .btn-portal-actions {
            --bs-btn-padding-x: 0px !important;
        }

    .search-top-container-home {
        padding-top: 50px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-top: 50px !important;
    }
}
@media only screen and (min-width:992px) {
    .forms_info_box {       
        padding: 15px !important;
    }

    .content_info_box span {
        font-size: 18px;        
        position: relative;
        top: 3px;
    }

    .glyphicons-breadcrump {
        position: relative;
        top: 5px !important;
    }

    .card-company .card-body .fs-3 {
        font-size: 26px !important;
    }

    .card-company .card-body {
        font-size: 14px !important;
    }
}

@media only screen and (min-width:1920px) {
    .forms_info_box {
        padding: 40px !important;
    }

    .content_info_box span {
        font-size: 18px;
        position: relative;
        right: 5px;
    }

    .glyphicons-breadcrump {
        position: relative;
        top: 5px !important;
    }

    .card-company .card-body .fs-3 {
        font-size: 22px !important;
    }

    .card-company .card-body {
        font-size: 16px!important;
    }

        .card-company .card-body h6 {
            font-size: 18px !important;
        }
}


.chartbox-background-container {
    width: 0px;
    height: 0px;
    overflow: visible;
}

.chartbox-background-container img{
    position: relative;
    top: 4px;
    left: 4px;
    z-index: 18;
    background-color: #fff;
}

.chartbox-background-container .img-placeholder{
    position: relative;
    top: 4px;
    left: 4px;
    z-index: 18;
    width: 77px;
    height: 77px;
    border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
    border: solid 2px #fff;
    background: #ffffff; 
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 22%, #e0dfdf 100%); 
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 22%,#e0dfdf 100%); 
    background: radial-gradient(ellipse at center,  #ffffff 22%,#e0dfdf 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0dfdf',GradientType=1 );
}

.home_info_box table th span {
    font-size: 28px;    
    position: relative;
    top: 8px;
}

.home_info_box table td span{
    font-weight: 200!important;
}

.home_info_box table tfoot th span {
    font-size: 12px;
    margin-right: 0px;
    opacity: 1;
    position: relative;
    top: 0px;
}

.active_day_of_week {
    border-bottom: solid 2px #3b73ac;
}

.home_info_box_top_notification {
    padding: 0px !important;    
    margin-bottom: 1px !important;
    border: none !important;
    box-shadow: none !important;
    background-color: #F9FBFE !important;
}

.home_info_box_top_notification_container {
    margin-bottom: 10px!important;
}

.home_info_box_top_notification table td {
   border-bottom: none !important;
    height: 50px!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

.home_info_box_top_notification_appointment{
  
}

.home_info_box_top_notification_appointment table td{
    background-color: #63b7b7;
    color: #fff0f5;
}

.home_info_box_top_notification_reminder table td{
    background-color: #e65a63;
    color: #fff0f5;
}

.appointment_row .glyphicons-clock,.appointment_row .glyphicons-calendar, .task_row .glyphicons-check,.reminder_row .glyphicons-bell {
    color: #292929 !important;
    opacity: 0.5;
}

.reminder_time {
    color: var(--font-color-grey) !important;
    font-size: 14px;
}

.home_info_box_top_notification .alert{
    padding: 0px!important;
    margin-bottom: 5px!important;
}
/*
.appointment_row td {
    background-color: #63B7B7 !important;
}

.appointment_row2 td {
   background-color:rgba(100, 183, 183, 0.1)!important; 
}

.task_row td {
    background-color: #fff !important;
}

.reminder_row td {
   background-color: #D83944 !important;
}
    */
.appointment_row td .home_info_box_time, .appointment_row td .home_info_box_event_title, .appointment_row td .home_info_box_time_day, .appointment_row td .home_info_box_time_display, .appointment_row td .home_info_box_show_detail_td .openDropDown {
    color: var(--font-color-grey) !important;
}

.appointment_row2 td .home_info_box_time,.appointment_row2 td .home_info_box_event_title,.appointment_row2 td .home_info_box_time_day,.appointment_row2 td .home_info_box_time_display,.appointment_row2 td .home_info_box_show_detail_td .openDropDown{
    color: #7D7D7D !important; 
}

.reminder_row td .home_info_box_time,.reminder_row td .home_info_box_event_title,.reminder_row td .home_info_box_action,.reminder_row td .home_info_box_time_display,.reminder_row td .home_info_box_show_detail_td .openDropDown{
    color: #fff !important;
}

.task_row td .home_info_box_time,.task_row td .home_info_box_event_title,.task_row td .home_info_box_action,.task_row td .home_info_box_time_display,.task_row td .home_info_box_show_detail_td .openDropDown{
    color: #fff !important;
}

.home_info_box_top {
    padding-top: 12px;
    padding-bottom: 12px;
    min-height: 140px;
}

.card-home-news .card-body{
    padding-top: 0px!important;
}

#divSearchBody {
    display: none;
}

#searchFeedContent ul {
    padding-left: 0px;
}

#searchFeedContent ul li{
    list-style-type: none;
    font-weight: 300;
    font-size: 14px;
    padding: 5px 0px;
}



.home_info_box_top_transparent {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: none;
}

.home_info_box_top_transparent table tr {
    background-color: transparent !important;
}


.home_info_box_top table td {
    border-bottom: none !important;
}

.home_info_box_draggable {
	background-color: #F9F9F9;
	margin-bottom: 0px !important;
    width: 100%;
}

.home_info_box_number
{
    font-size: 44px !important;
    font-weight: normal;
    color: #989DA8 !important;
    text-align: center !important;
    padding: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-right: solid 1px #DCDCDC !important;
    min-width: 80px;
}

.home_info_box_heading {
    font-size: 23px;
    line-height: 24px;
    font-weight: 300;
    color: var(--font-color-grey) !important;
    text-align: left !important;
    padding-left: 20px !important;
    border-bottom: none !important;
    vertical-align: top !important;
}

.home_info_box_show_detail_td{
    width: 14px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home_info_box_notification_td{
    width: 14px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.home_info_box_status_td {
    width: 1px;
    padding: 0px!important;
}

.tableTaskDetail .home_info_box_status_td {    
    padding-left: 0px!important;
}

.home_info_box_input_td {
    text-align: right;
    width: 150px;
}

.home_info_box_toggle_td {
    text-align: right;
    width: 40px;
}

.home_info_box_toggle_td span{
    color: #9da2a6 !important;
    font-size: 14px;
}

.home_info_box_selector
{
    border-top: none !important;
    font-weight: normal !important;
    text-align: left !important;
    width: 33%;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.home_info_box_title_span {
    position: relative;
    top: 2px;
    font-size: 12px;
    color: #292929 !important;
}

.home_info_box_selector_span
{
    padding: 0 !important;
    border-top: none !important;
    padding-right: 2px !important;
    font-weight: normal !important;
    float: right;
    text-align: center;
}

.home_info_box_selector_top_span
{
    padding: 0 !important;
    border-top: none !important;
    padding-right: 2px !important;
    font-weight: normal !important;
    float: left;
    width: 100%;
}

/*
.home_info_box_selector_span select, .home_info_box_selector_top_span select
{
    height: 22px !important;
    font-size: 12px!important;
    padding: 2px !important;
    width: 100%;
    margin: 0 auto;
}

.home_info_box_selector_detail_span {
    
}

.home_info_box_selector_detail_span select{
    height: 22px !important;
    font-size: 12px!important;
    padding: 2px !important;
    width: 90%;
    margin: 0 auto;
}*/

.home_info_box_action_button {
    color: #989DA8;
    font-size: 16px;
    cursor: pointer;
    padding-bottom: 5px;
    margin-right: 10px;
    margin-top: 0px;
}

.home_info_box_action_button:hover {
    color: #dc8136;
}

.home_info_box_top_action_button_td {
    text-align: left;
    padding: 0 !important;
}

.home_info_box_top_full_amount_td {
    padding: 0 !important;
    text-align: left;
    color: #d3d3d3;
    font-weight: bold;
    padding-left: 20px !important;
}

.home_info_box_top_week_days_td_container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.home_info_box_top_week_days_td {    
    text-align: left;
    color: #d3d3d3;
    font-weight: normal;
    padding-left: 7px !important;   
}

.home_info_box_top_week_days_td span {
    margin-right: 3px;
    margin-left: 3px;
}

.home_info_box_top_date_td {
    padding: 0 !important;
    text-align: left;
    color: #dc8136;
    font-weight: normal;
    font-size: 14px;
    padding-left: 10px !important;
    padding-top: 5px !important;
}

.home_info_box_top_full_amount {
    position: relative;
    bottom: 10px;
    color: #989DA8!important;
    font-size: 14px!important;
}

.home_info_box_task_title {
    font-weight: normal !important;
    color: var(--font-color-grey) !important;
    font-size: 16px!important;
}

.dark-theme .home_info_box_task_title {
    color: var(--font-color-dark-theme) !important;
}

.home_info_box_project_title {
    font-weight: normal !important;
    color: #989DA8 !important;
    font-size: 12px!important;
	line-height: 200%;
}

.home_info_box_task_title_white {    
    color: var(--font-color-grey);
    font-size: 12px !important;
}

.dark-theme .home_info_box_task_title_white {
    color: var(--font-color-dark-theme) !important;
}

.home_info_box_project_title_white {
    font-weight: 400 !important;
    color: var(--font-color-grey);
    font-size: 14px !important;
}

.dark-theme .home_info_box_project_title_white {
    color: var(--font-color-dark-theme) !important;
}

.home_info_box_time_td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-right: 0 !important;
    padding-left: 5px !important;
    width: 50px !important;
}

.home_info_box_time_task_td {
    padding-top: 18px !important;
    padding-bottom: 3px !important;
    padding-right: 0 !important;
    padding-left: 5px !important;
    width: 50px !important;
}

.home_info_box_time_td a{
    padding-left: 5px !important;
}


.home_info_box_time {
    font-weight: normal !important;
    color: #989DA8 !important;
    font-size: 18px;
    line-height: 1.8rem;
    text-align: center;
}

.home_info_box_event_title {
    font-weight: normal !important;
    color: #ccc !important;
    font-size: 14px!important;
    text-align: center;
}

.home_info_box_time_day {
    font-weight: normal !important;
    color: #ccc !important;
    font-size: 14px!important;
    text-align: center;
}

.home_info_box_time_display {
    font-weight: normal !important;
    color: #ccc !important;
    font-size: 12px!important;
    text-align: center;
}

.home_info_box_action {
    font-size: 21px !important;
    color: #7d7d7d !important;
    text-align: right !important;
    /*width: 120px;*/
}

.home_info_box_action_white {
    font-size: 22px !important;
    color: var(--font-color-grey) !important;
    text-align: right !important;
    cursor: help;
    /*width: 120px;*/
}

.home_info_box_no_data {
    height: 55px;
	font-size: 16px!important;
    color: #989DA8 !important;
    text-align: center !important;
}

.home_info_box_chart
{
    padding: 0 !important;
    border-top: none !important;
    text-align: center !important;
    min-width: 100px;
    padding-right: 20px !important;
}

.home_info_box_chart_header
{
    padding: 0 !important;
    border-top: none !important;
    text-align: center !important;
    min-width: 100px;
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    font-weight: bold!important;
    color: #b2b2b2!important;
    font-size: 14px!important;
}

#myclock {
    position: relative;
    left: 10px;
}

.home_info_box table
{
	margin-bottom: 0px!important;
    
}


.home_info_box .table th {
    /*border-bottom: 1px solid #E0DFDF!important;*/
    border: none !important;
    font-weight: 300 !important;
    font-size: 18px;
    color: var(--font-color-grey) !important;
    vertical-align: middle !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    padding-left: 10px;
    height: 60px;
}

.dark-theme .home_info_box .table th {   
    color: var(--font-color-dark-theme) !important;    
}

.dark-theme .home_info_box .table td {
    color: var(--font-color-dark-theme) !important;
}

.home_info_box .dataTable th {    
    height: 10px!important;
    font-size: 12px!important;
    font-weight: bold!important;
}

.home_info_box table td {
    border: none !important;
    /*border-bottom: 1px solid #E0DFDF;*/
    height: 43px;
    vertical-align: middle;
}

.home_info_box table tr:last-child td {
    border-bottom: none !important;
}

.home_info_box_top table td {
    border-top: none !important;
    /*border-bottom: 1px solid #f0f0f0;*/

}

.openerAdditionalSettings {
    border-top: none !important;    
    height: 27px!important;
    text-align: left;   
}

.openerAdditionalSettings a{
    color: var(--color-blue) !important;
    font-size: 14px;
}

    .dark-theme .openerAdditionalSettings a {
        color: var(--color-purple) !important;       
    }

    .openerAdditionalSettings a span {
        font-size: 24px;
        position: relative;
        top: 6px;
        color: var(--color-blue) !important;
    }
    .dark-theme .openerAdditionalSettings a span {       
        color: var(--color-purple) !important;
    }


.openerDetailSettings {
    border-top: none !important;
    height: 27px !important;
    text-align: left;    
}
    
    .openerDetailSettings a{
        color: #6e6f73 !important;
        font-size: 14px;
    }
        .openerDetailSettings a span {
            font-size: 24px;
            position: relative;
            top: 6px;
            color: var(--color-blue) !important;
        }



.opener {
    border-top: none !important;
    border-bottom: none !important;
    background-color: #fff;
    height: 27px!important;
    text-align: center;
    padding: 0 !important;
}

.opener a{
    color: var(--font-color-grey) !important;
    font-size: 18px;    
}

.home_info_box_draggable table th {
    cursor: move;
}

.home_info_box table tr {
    /*background-color: #fff;*/
}

.missing_customer_field
{
    background: #FDF6F5 !important;
}

/********************* Plain Table***********************************/
.plain_table {  }
.plain_table td {border:none; padding:10px 5px 0px 20px;}

.plain_table td:first-child { font-weight: bold; color: #686667; }

.plain_table tr { background-color: #EFEFEF;}

.plain_table td input[type=text]
{
	width: 210px;
	height: 28px;	
    text-indent:10px;
    font-size:0.9em;
    color:#333;
    background: #fff;
    border:solid 1px #d9d9d9;
    border-top:solid 1px #BCBCBC;
}

.plain_table td textarea:focus
{
    	background: #fff;
   	border:solid 1px #359ACF;
   	-moz-box-shadow:inset 0px 0px 4px 0px #C5C5C5;
   	-webkit-box-shadow:inset 0px 0px 4px 0px #C5C5C5;
   	box-shadow:inset 0px 0px 4px 0px #C5C5C5;
	color: #333;	
}

.plain_table td input[type=text]:focus
{
    	background: #fff;
   	border:solid 1px #359ACF;
   	-moz-box-shadow:inset 0px 0px 4px 0px #C5C5C5;
   	-webkit-box-shadow:inset 0px 0px 4px 0px #C5C5C5;
   	box-shadow:inset 0px 0px 4px 0px #C5C5C5;
	color: #333;
}

.plain_table td input[type=password]
{
	width: 210px;
	height: 28px;	
	padding-left: 10px;
	border: solid 1px #c3bfbc; 
	background-color: #fff;
	color: #838383;
}

.plain_table td input[type=password]:focus
{
	width: 210px;
	height: 28px;	
	padding-left: 10px;
    background: #fff;
   	border:solid 1px #359ACF;
   	-moz-box-shadow:inset 0px 0px 4px 0px #C5C5C5;
   	-webkit-box-shadow:inset 0px 0px 4px 0px #C5C5C5;
   	box-shadow:inset 0px 0px 4px 0px #C5C5C5;
	color: #333;
}

.plain_table td select
{
	width: 210px;
	height: 30px;	
	border: solid 1px #c3bfbc; 
	background-color: #fff;
	color: #838383;
	padding:5px;
}

.plain_table td select:focus
{	
    background: #fff;
   	border:solid 1px #359ACF;
   	-moz-box-shadow:inset 0px 0px 4px 0px #C5C5C5;
   	-webkit-box-shadow:inset 0px 0px 4px 0px #C5C5C5;
   	box-shadow:inset 0px 0px 4px 0px #C5C5C5;
	color: #333;
}

.plain_table td select option
{
	padding: 5px;
}

.action_table td{
    padding-right: 3px;
}

#new_comment, #show_project_files_btn, #show_edit_task_btn, #add_member_btn, #show_subtasks_btn, #show_task_description_btn, #show_task_comments_btn, #show_task_files_btn, #new_file_btn, #show_task_booking_btn, #new_booking_btn {
    cursor: pointer;
}

.task_done
{
	text-decoration: line-through;
}

.comment_box
{
	margin-top: 3px;
	margin-bottom: 5px;
    background-color: #fafafd;    
    border-radius: 5px;    
}

.comment_name {
    font-weight: 200;
    position: relative;
    top: 2px;
    font-size: 16px;
}

.dark-theme .comment_box {    
    background-color: #404954;
    color: var(--font-color-dark-theme);
}

.comment_text{
    color: var(--font-color-grey);
}

.dark-theme .comment_text {
    color: var(--font-color-dark-theme);
}




.right {
    text-align: right;
}
	
	#search_gender
	{
		position: relative;
		right: 0px;
		text-align: left;
	}
	
	#search_gender_female
	{
		position: relative;
		left: 5px;
		top: 6px;
	}
	
	#search_gender_male
	{
		position: relative;		
		top: 2px;
	}
	
	#search_gender_female_span
	{
		position:	relative;
		top: 4px;
	}
			
	.search_align_right
	{
		text-align: right;
	}
	
	#search_height
	{
		position: relative;
		right: 47px;
	}
	
	#search_weight
	{
		position: relative;
		left: 23px;
	}
	
	#search_age
	{
		position: relative;
		left: 40px;
	}
	
	.field_spacer
	{		
		width: 30px;
		float: left;
	}
	
	.field_spacer_short
	{		
		width: 40px;
		float: left;
	}
	
	.first_row_fields table tr td select
	{
		margin: 0px;
	}
	
	.first_row_fields table tr td input
	{
		margin: 0px;
	}
	
	.first_row_fields table 
	{
		margin: 0px;
	}
	
	.first_row_fields
	{
		float: left;
		width: 270px;
		height: 80px;
		text-align:left;
		font-size: 12px;		
	}
	
	.second_row_fields
	{
		float: left;
		width: 270px;
		text-align: left;		
	}
	
	.third_row_fields
	{
		float: left;
		width: 415px;
		text-align:left;
	}
	
	#first_row
	{
		margin-top: 10px;
		height: 70px;
		width: auto;
		border-bottom: solid 1px #573009;
	}
	
	#second_row
	{
		padding-top: 15px;		
		height: 100px;
		width: auto;		
	}
	
	#third_row
	{
		padding-top: 15px;		
	}
	
	#second_row select
	{
		width: 270px;
	}
	
	#third_row select
	{
		width: 415px;
	}
	
	.search_submit
	{
		margin-right: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
		float: right;
	}
	
	#search_container_fields
	{
		margin-bottom: 10px;
	}
	
	.select_all
	{
		color: #939a92;
		font-size: 10px;
		text-decoration: none;
		font-style: normal;
	}
	
	 .page_handler_amounts
    {
    	float: right;
    	width: 200px;
    	height: 30px;
    }
    
    .page_handler_found
    {
    	float: left;
    	width: 200px;
    	height: 30px;
    }
    
    .page_handler_sites
    {
    	float: left;
    	width: 500px;
    	text-align: center;
    	height: 30px;
    }
    
    .page_num
    {
    	float: left;
    	padding-top: 3px;    	
    }
    
    .order_arrows_left
    {    	
    	width: 27px;
    	height: 23px;
    	background-image: url(../../images/arrow-left-icon.png);
    	float: left;
    	margin-right: 5px;
    	cursor: pointer;
    }
    
    .order_arrows_left:hover
    {    	
    	width: 27px;
    	height: 23px;
    	background-image: url(../../images/arrow-left-hover-icon.png);
    	float: left;
    	margin-right: 5px;
    }
    
    .order_arrows_right
    {    	
    	width: 27px;
    	height: 23px;
    	background-image: url(../../images/arrow-right-icon.png);
    	float: left;
    	margin-left: 5px;
    	cursor: pointer;
    }
    
    .order_arrows_right:hover
    {    	
    	width: 27px;
    	height: 23px;
    	background-image: url(../../images/arrow-right-hover-icon.png);
    	float: left;
    	margin-left: 5px;
    }
    
    .select_amount
    {
    	position: relative;
    	bottom: 6px;
    	float: right;
    }
    
    .select_amount_text
    {
    	float: right;
    	margin-right: 5px;
    	text-align: right;
    }

.mobilePadding {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.desktopPadding {
    padding: 0px;
    padding-top: 30px;
    padding-bottom: 20px;

}

.backLink {
    color: #777;
    font-size: 20px;
    margin-right: 5px;
}

.backLinkMobil {
    color: #ccc;
    font-size: 20px;
    margin-right: 5px;
}

.titleLink {
    color: #777;
    font-size: 14px;
    position: relative;
    bottom: 4px;
}

.titleLinkMobil {
    color: #ccc;
    font-size: 14px;
    position: relative;
    bottom: 4px;
}

.newsFeedBox2 {
    height: auto;
    width: 250px;
    position: fixed;
    top: 100px;
    right: -1px;
    z-index: 9999999;
    border: solid 1px #cac8c8;
    border-top: none;
    background-color: #fff;
}

.newsFeedBox2 table th {
    background-color: #F7F7F7 !important;
    font-weight: normal !important;
    border-bottom: solid 1px #cac8c8;
}

.contactList {
    position: relative;
    top: 5px;
    left: 3px;
    height: auto;
    width: 40px;
    z-index: 10;
}

.contactListMobile {
    display: none;
}



#userProfilContent td {
    color: var(--font-color-grey) !important;
}

.dark-theme #userProfilContent td{
    color: var(--font-color-dark-theme)!important;
}

.package_box {
    min-height: 380px;
    min-width: 250px;
    color: #fff !important;
}
.package_box h2{

    text-align:center;
	color:#fff;
	background-color:rgba(255, 255, 255, 0.05);
	line-height:7.0rem;

}
.package_box h2 span{

    vertical-align: middle;
	font-size:4.0rem;
	margin-right:5px;
	opacity: 0.5;

}
.package_box_small {
    height: 210px;
    color: #fff !important;
}

.package_box_user_image {
    height: 0px;
    width: 0px;
    overflow: visible;
    position: relative;
    left: 10px;
    top: 10px;
}

.package_box_gift {
    color: #dc8136;
    font-size: 30px;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.package_box_one {
    background-image: url("../../images/table_bg1.jpg");
    background-position: center bottom;

}

.package_box_start {
    background-image: url("https://www.oproma.de/wp-content/uploads/2017/01/table_bg2-1.jpg");
    background-position: center bottom;

}

.package_box_business {
    background-image: url("https://www.oproma.de/wp-content/uploads/2017/01/table_bg3.jpg");
    background-position: center bottom;

}
.package_box_services {
    background-image: url("../../images/table_bg4.jpg");
    background-position: center bottom;

}
.package_image {
    width: 100%;
    height: 0px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 20px;
	opacity: 0.9;
}

.package_image_one {
    width: 100%;
    height: 50px;
    /*background-color: #e68524;*/
}

.package_image_beta {
    width: 100%;
    height: 50px;
    /*background-color: #7bb82f;*/
}

.package_image_start {
    width: 100%;
    height: 50px;
    /*background-color: #19a0da;*/
}

.package_image_business {
    width: 100%;
    height: 50px;
    /*background-color: #8c6cab;*/
}
.package_image_service {
    width: 100%;
    height: 50px;
    /*background-color: var(--color-dark-green);*/
}
.package_name {
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.package_price {
    font-size: 18px;  
}

.dark-theme .package_price{
    color: var(--font-color-dark-theme);
}

.dark-theme .package_info {
    color: var(--font-color-dark-theme);
}

.package-font-color {
    color: #fff !important;
	font-size:1.4rem!important;
	line-height:2.0rem!important;
	margin-top:10px;
	
	
}
.package-font-color li{
    list-style:none;

}
.package-font-color a{
    color:#fff!important;
	font-size:1.2rem;
	font-weight:bold;
	text-decoration:underline;

}
.package-font-color a:hover {
	text-decoration:none;

}
.package-table td {
    border-top: none !important;
}

.table-package th, .table-package td {
    text-align: center !important;
    font-weight: normal!important;
}

.table-package th:first-child, .table-package td:first-child {
    text-align: left !important;
}

.blink {
    animation: blinker 2s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0; }
}

.fastNavigationMinimized {
    position: fixed;
    left: 0px;
    top: 120px;
    height: 30px;
    width: 18px;
    border: 1px solid #ddd;
    border-radius: 0 4px 4px 0;
    padding-top: 8px;
    padding-left: 1px;
    cursor: pointer;
    background-color: #F8F6F6;
}

.fastNavigationMinimized:hover {
    background-color: #ccc !important;
    color: #D5985F;
}

.fastNavigationMaximized {
    display: none;
    position: fixed;
    left: 0px;
    top: 120px;
    height: auto;
    width: 300px;
    border: 1px solid #ddd;
    border-radius: 0 4px 4px 0;
    z-index: 999999;
    box-shadow: 2px 2px 5px #ccc;
    background-color: #F8F6F6;
    opacity: 0.95;
}

.invisibleRow {
    display: none;
}

.visibleRow {
    display: table-row;
}

.upac_disabled_overlay {

    position: absolute; /* or absolute */
	top: 0px;
	left: 0;
	z-index: 101;
    opacity: 0.7;
    background-color: #333;
    width: 100%;
    height: 100vh;
}

.upac_disabled_overlay_box {

    position: fixed; /* or absolute */
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11111;
	padding: 10px 5px 5px 5px;
    margin-bottom: 20px;
    border-radius: 2px;
    opacity: 1!important;
	border-left: 5px solid #E67817;
	background-color:#fff;
	text-align:center;
	color: var(--font-color-grey);
    width: auto;
	min-width: 250px;
	max-width: 450px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
}
    .upac_disabled_overlay h1 {
	    font-family: Calibri,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
	    font-size:2.0rem !important;
	    line-height: 2.0; 
        font-weight: normal;
        color: #000;

    }

    .upac_disabled_overlay span {
        font-size: 3rem;
		padding:5px 5px 10px 5px!important;

    }

    .upac_disabled_overlay a {
        color: #e68524;
    }

    .loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../../images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.strength-meter {
    background-color: transparent !important;
    border: none !important;
    font-size: 12px!important;
    font-weight: normal!important;
}

.btn_edit_comment {
    float: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #9d9d9d;
    cursor: pointer;
    position: relative;
    right: 0px;
}
    .btn_edit_comment:hover {
        color: var(--font-color-grey);
    }

.btn_delete_comment {
    float: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #9d9d9d;
    cursor: pointer;
}
    .btn_delete_comment:hover {
        color: var(--font-color-grey);
    }

.mobileWidgetBox {
    position: fixed;
    bottom: 70px;
    right: 10px;
    z-index: 0;    
}

.mobileWidgetBoxBottom {
    position: fixed;
    bottom: 5px;
    right: 10px;
    z-index: 0;    
}

.btnMobileWidget {
    width: 50px;
    height: 50px;
    background-color: var(--color-oproma);
    border: solid 1px var(--color-oproma);
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    margin-bottom: 5px;
    outline: none !important;
    position: fixed;
    bottom: 5px;
    right: 10px;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
}

.btnMobileSubWidget {
    width: 100%;
    height: 50px;
    background-color: var(--color-oproma);
    border: solid 1px var(--color-oproma);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 5px;
    outline: none !important;
    position: relative;
    bottom: 55px;
    color: #fff;
    font-weight: 200;
    text-align: left;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
}

.btnMobileWidget span {
    color: #fff;
    font-size: 32px;
    position: relative !important;
    left: -4px!important;
}

.btnWidget {
    background-color: #f0f0f0;
    border: solid 1px #dfdfdf;
    border-radius: 3px;
    font-size: 22px;
    padding: 8px;
    padding-left: 11px;
    padding-top: 11px;
    text-align: center;
    color: var(--font-color-grey);
    min-width: 80px;
    min-height: 80px;
}

.btnWidgetTutorial {
    width: 150px; 
    height: 120px;
    margin-bottom: 10px;
}

.btnWidget_span {
    position: relative;
    top: 5px;
    font-size: 12px!important;
    color: #808080!important;
}

.btnWidget:hover {
    color: #dc8136;
}

.btnWidget:focus {
    border: solid 1px #dc8136 !important;
}

.button_task_action_red {
    color: var(--color-red) !important;
    cursor: pointer;
    font-weight: 300 !important;
}

.button_task_action_grey {
    color: #ccc !important;
    opacity: 0.5;
    cursor: pointer;
    font-weight: 300 !important;
}

.button_task_action_white {    
    cursor: pointer;
}

.button_task_action_orange {
    color: var(--color-yellow) !important;
    cursor: pointer;
    font-weight: 300!important;
}

.button_task_action_green {
    color: var(--color-green) !important;
    cursor: pointer;
    font-weight: 300 !important;
}

.button_task_action_dark_green {
    color: var(--color-green) !important;
    cursor: pointer;
    font-weight: 300 !important;
}

.task_status_box {
    width: 0px;
    height: 0px;
    overflow: visible;
    position: relative;
    left: 7px;
    bottom: 30px;
}

.task_status {
    position: relative;
    bottom: 1px;
    left: 11px;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px !important;
    font-weight: normal !important;
    margin-right: 5px;
    cursor: help;
}

.task_status_starting {
    background-color: var(--color-dark-green)!important;
}

.task_status_ending {
    background-color: #D9534F!important;
}

.task_status_running {
	display:none;
	
}

.addMobileWidget {
    display: none;
}

.addWidget {
    display: none;
}

.overviewWidget {
    display: none;
}

.btnWidgetActive {
    border: solid 1px #dc8136 !important;
    color: #dc8136 !important;
}

.btnMobileWidgetActive {
    background-color: var(--color-oproma-hover) !important;
    border: solid 1px var(--color-oproma-hover) !important;
}

.widgetList td {
    border: none !important;
    padding-top: 0 !important;
}

.widgetList {
    padding-top: 0 !important;
    position: fixed;
}

.img-preview-mobile {
    margin: 0 auto !important;
}

.table-no-td-border tr td {
    border-bottom: none !important;
}

.table-settings-navigation td {
    color: #424242 !important;
}

.table-settings-navigation td span{
    color: #d1d1d1 !important;
    font-size: 20px;
}

.table-actions-navigation td {
    color: #424242 !important;
}

.table-actions-navigation td i{
    color: #d1d1d1 !important;
    font-size: 16px;
}

.table-actions-navigation tr:hover td {
    color: #d1d1d1 !important;
    background-color: #424242 !important;
}

.table-actions-navigation tr:hover td i{
    color: #dc8136 !important;
    font-size: 16px;
}

.table-actions-navigation td:first-child{
    text-align: left;
    padding-right: 0px !important;
    padding-left: 10px !important;
}

.table-actions-navigation td:first-child span:first-child{
    padding-right: 5px !important;
    position: relative;
    top: 1px;
}

.row-series-appointment {
    display: none;
}

.div-series-type {
    display: none;
}

.circleBase {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(PIE.htc);
    padding:5px;
    text-align: center;


}

.type1 {
    width: 25px;
    height: 25px;
    background-color: #dc8136;
    color: #fff;
    font-size: 14px;
    font-weight: bold;

}

.amountInfoCircleBox {
    height: 0px;
    width: 0px;
    overflow: visible;
}

.amountInfoCircleBoxNotes {
    position: relative;
    bottom: 31px;
    left: 13px;
}

.amountInfoCircleBoxComments {
    position: relative;
    bottom: 31px;
    left: 15px;
}

.amountInfoCircleBoxFiles {
    position: relative;
    bottom: 31px;
    left: 11px;
}

.amountInfoCircle {
    display: inline-block;
    text-align: center;
    width: 13px;
    height: 13px;
    color: #989DA8 !important;
    font-size: 12px;
   text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
}

#SearchTable {
    width: 100%!important;
}

.loaderCss {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.dropdown-toggle::after {
    display: none;
}

.filter_active{
    background-color: var(--color-dark-purple) !important;
    color: #fff!important;
}

.filter_active table td {
    background-color: var(--color-purple) !important;
    color: #fff;
}

.filter_active_btn {
    background-color: var(--color-purple) !important;
    border-color: var(--color-purple);
}

.dark-theme .filter_active_btn {
    background-color: var(--color-purple) !important;
}

.filter-icon {
    color: var(--color-purple) !important;
}

.member_list {
    list-style-type: none !important;
    padding-left: 0 !important;
}

.member_list li span {
    cursor: help;
    font-size: 16px!important;    
}

.member_list li {
    font-size: 14px!important;
}

.modal-header-appointment .modal-title-inner {
    font-size: 18px !important;
    font-weight: 500!important;
}

.appointment_time {
    font-weight: 400;
    color: var(--font-color-grey);
    font-size: 16px !important;
}

.dark-theme .appointment_time {    
    color: var(--font-color-dark-theme);
}

.appointment_palce {
    font-weight: normal !important;
    color: #989DA8 !important;
    font-size: 14px !important;
    line-height: 200%;
}

.appointment_members_header {
    font-weight: 300;
    color: var(--font-color-grey);
    font-size: 16px !important;
    padding-top: 10px;
}

.dark-theme .appointment_members_header {
    color: var(--font-color-dark-theme) !important;
}

.appointment_members {
    font-size: 14px !important;
}

.appointment_info_header {
    font-weight: bold !important;
    color: var(--font-color-grey);
    font-size: 16px !important;
    padding-top: 10px;
}

.dark-theme .appointment_info_header {
    color: var(--font-color-dark-theme) !important;
}

.appointment_info {
    font-size: 15px!important;
}

.filter_td_mobile {
    width: 50%;
}

.filter_td_mobile_full {
    width: 100%;
}

.filter_td_desktop {
    width: 25%;
}

.filter_td_desktop_half {
    width: 50%;
}

.dropdown-menu-filter-project {
    min-width: 280px!important;
}

.dropdown-menu-filter-btn {
    width: 100%!important;
}

.dropdown-menu-filter li{
    padding-left: 10px;
    color: #222;
    font-weight: normal!important;
}

.dropdown-menu .form-switch .form-check-input {    
    margin-left: 0px!important;    
}

.form-check-input:checked {
    background-color: var(--color-purple);
    border-color: var(--border-color-dark);
}

.dark-theme .dropdown-menu-filter li {
    color: var(--font-color-dark-theme);
}

.dropdown-menu-sync li{
    padding-left: 10px;
    padding-right: 10px;
    color: #222;
    font-weight: normal!important;
    padding-top: 5px;
}

#dropdownMenuFilter {
    position: relative;
    bottom: 10px;
}

.widgetPlaceholderCol {
    height: calc(100vh - 260px);
    width: 100%;
    text-align: center;
    display: table;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 6px;
}

.widgetPlaceholderColMobil {
    /*width: calc(100vw - 6px)!important;*/
}

.widgetPlaceholderIcons span {
    color: #444;
}

    .widgetPlaceholderIcons span:nth-child(1) {
        font-size: 60px !important;
        color: #D3D3D3;
        position: relative;
        right: 70px;
    }
    .widgetPlaceholderIcons span:nth-child(2) {
        font-size: 120px !important;
        text-shadow: 0px 0px 1px #fff;
        position: relative;
        right: 50px;
        top: 12px;
        color: #CAC8C8;
    }
    .widgetPlaceholderIcons span:nth-child(3) {
        font-size: 50px !important;
        color: #D3D3D3;
        position: relative;
        left: 30px;
        bottom: 3px;
    }

.widgetPlaceholderColContent {
    display: table-cell;
    vertical-align: middle;
}

.widgetPlaceholderColContentInner {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.widgetPlaceholderHeading {
    margin-top: 0px;
	font-size:1.8rem !important;
	line-height: 2.0; 
    font-weight: normal;
    color: var(--font-color-grey);
}

.dark-theme .widgetPlaceholderHeading {   
    color: var(--font-color-dark-theme);
}

.widgetPlaceholderText {
    color:#989DA8;
}

.widgetPlaceholderButtons {
    margin-top: 10px;
}

.login-btn-icon {
    font-size: 18px;
    position: relative;
    top: 4px;
}
.newsFeedTopSubject {
    color:#292929!important;
	font-size:14px !important;
	line-height: 1.4!important; 
	font-weight: bold;
}

.newsFeedSubSubject {
    color:#989DA8!important;
	font-size:13px!important;
}

.newsFeedTable {
    margin-bottom: 0px; 
    background-color:#fff;
}

.newsFeedTable td{
    border: none !important;
}

.newsFeedTableTr {
    border-bottom: 1px solid #F0F0F0;
}

.newsFeedTableTd1 {
    border: none; 
	padding: 0px 4px 4px 4px; 
	vertical-align: top !important;
	width: 40px;
}

.newsFeedTableTd2 {
	line-height: 1.1!important; 
    font-weight: normal;
	border: none; 
	padding: 5px !important;

}
.newsFeedTableTd3 {
	font-size:12px!important;
	border: none; 
	padding: 5px!important;
	color:#292929;
}
.newsFeedReadAll i {
    font-size: 20px;  border: none; padding: 4px;cursor: pointer!important;color: var(--font-color-grey) !important;position: relative;top: 6px;
}

.newsFeedReadAllText {
    font-size: 14px;  border: none; padding: 4px;color: var(--font-color-grey) !important;position: relative;top: 6px;font-weight: normal!important;
}

.newsFeedTableTdShowAll {
    font-size: 11px; font-weight: bold; border: none; padding: 2px; padding-right: 4px; text-align:center;
}

#systemNotificationIcon {
    font-size: 24px; margin-right: 10px;
}

#systemNotificationText {    
	font-size: 24px !important;
	line-height: 1.1; 
    font-weight: normal;
	position: relative; 
	top: 2px;
    color: var(--font-color-grey);
}

#systemNotificationTable {
    margin: 10px;
}

#systemNotificationTable td {
    vertical-align: middle;
}

.systemNotificationIconGreen {
    color: var(--color-green) !important;
}

.systemNotificationIconBlue {
    color: #0095DF!important;
}

.systemNotificationIconOrange {
    color: var(--color-yellow) !important;
}

.systemNotificationIconRed {
    color: var(--color-red) !important;
}

.systemNotificationIconGrey {
    color: #989DA8!important;
}

.pushFeedTable {
    margin-bottom: 0px;
}

.pushFeedTableMobile {
    margin-bottom: 0px; width: 90%;
}

.pushFeedTableTdUserImage {
    padding: 0px 10px 0px 0px !important; border: none !important;text-align:center; vertical-align: middle;
}

.pushFeedTableTdLink {
    font-size: 13px;
    font-weight: bold;
    color: var(--color-green);
    border: none;
    padding: 0px !important;
    border: none !important;
}

.pushFeedTableTdLinkMobile {
    font-size: 12px;
    font-weight: bold;
    color: var(--color-green);
    border: none;
    padding: 0px !important;
    border: none !important;
}
.pushFeedTableTdLinkMobile a{
    color:#fff!important;
}
.pushFeedTableTdMessage {
    font-size: 12px;
    color: #26282A !important;
    padding: 0px !important;
    border: none !important;
}

.pushFeedTableTdMessageMobile {
    font-size: 11px;
    color: #26282A;
    border: none;
    padding: 0px !important;
    border: none !important;
}

.mobileSpanHeaderIcons{
    height: 50px!important;
    width: 35px;
    position: relative!important;
    top: 0px!important;
    display: table-cell;
    color: #ccc;
    font-size: 16px;
    vertical-align: top;
    text-align: center;
    z-index: 99999999;
    padding-top: 15px;
}

.mobileSpanHeaderIconsFirst {
    padding-top: 23px !important;
}

.mobileSpanHeaderIconsFirst span {
    position: relative;
    bottom: 6px !important;
}

@media (max-width:769px) {
    .table-package td, .table-package th, .table-package th .add-to-cart {
        font-size: 10px !important;
        padding: 4px !important;
    }
}

.reg_table td {
    padding-right: 10px;
    font-size: 16px!important;
}


.header-logged-out {
    height: 50px;
}

.header_logo_loggedout
{		
    position: relative;
    top: 15px;
    left: 15px;
    width: 150px;
}

.language_div {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}

.language_div select {    
    cursor: pointer;
}

.glyphicons-dataTabel-search {
    color: #ccc;
    position: relative;
    right: 5px;
    top: 4px;
    font-size: 16px;
}

.glyphicons-dataTabel-amount {
    color: #ccc;
    position: relative;
    left: 5px;
    top: 4px;
    font-size: 16px;
}

.video-container {
    margin-bottom: 20px;
    text-align: center!important;
    background-color: #fff;
    border: solid 1px #dfdfdf;
    border-radius: 3px;
    padding: 10px;
}

.video-info-container {
    background-color: #fff;
    min-height: 330px;
    padding: 20px;
    text-align: center!important;
}

#placeholderNoTaskOverview,#placeholderNoHistory,#placeholderNoBooking,#placeholderNoCustomer {
    display: none;
}

/***************************************************************************************************/
/*PORTAL*/

#top-header {
    background: #34a7dd;
    font-weight: 400;
    color: #ffffff;
    position: relative;
    z-index: 9;
    opacity: 0.9;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center !important;
    border-bottom: solid 1px #9a9a9a;
}

#top-header-av {
    background: #ffc35a;
    font-weight: 300;
    color: #38424F;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    text-align: left !important;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 13px;
    border-radius: 5px;
}

.btn-portal-nav {
    background-color: #20a17c;
    border-radius: 4px;
    color: #fff;
}

    .btn-portal-nav:hover {
        background-color: #141414;
        color: #fff;
    }

.portal-nav .nav-link.active {
    color: var(--color-green) !important;
}

.portal-nav .nav-link {
    color: #26282A;
    font-weight: 400;
    font-size: 17px;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 12px;
        padding-left: 12px;
    }
}

#top-header-av a {
    color: #38424F !important;
    font-weight: bold;
}

.close-av-sign{
    font-size: 12px;
    cursor: pointer;
    float: right;
    margin-right: 10px;
}

.header_logo_loggedout_portal {
    height: 36px;
    width: 139px;
    background-image: url(../images/oproma_logo_white.png); /*Fallback old Browser*/
    background-image: url(../images/oproma_logo_white.svg), none;
    background-repeat: no-repeat;
    position: relative;
    bottom: 5px;
    right: 0px;
}

.footer-margin {
    min-height: calc(100vh - 51px);
}

.portal_expert_rates {
    color: #39AFD1;
}

.portal_expert_rates_bold {
    font-weight: 400!important;
}

.portal-main-heading {
    width: 100%;
    font-size: 30px !important;
    line-height: 40px !important;
    /*font-weight: 100 !important;*/
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #fff;
    font-weight: 300;
}

    .portal-main-heading span{
        font-weight: 600;
    }

    .dark-theme .portal-main-heading {
        color: var(--font-color-dark-theme) !important;
    }


.portal-site-heading {
    border-bottom: solid 1px #ccc; 
    margin-bottom: 10px!important;
    color: #575656;
    font-size: 14px;
    font-weight: 300 !important;
}

.dark-theme .portal-site-heading {
    border-bottom: solid 1px var(--border-color-dark);    
    color: var(--font-color-dark-theme);   
}

.portal-site-heading-color{
    color: #fff;
    font-size: 42px;
    font-weight: 300;
}

.portal-site-heading-color span{    
    font-weight: 600;
}

.dark-theme .portal-site-heading-color {
    color: var(--font-color-dark-theme);
}

.portal-box-heading {
    font-size: 21px !important;
    line-height: 40px !important;
    font-weight: 100 !important;
    color: #313131;
}

.portal-box-heading-2 {    
    border-top: none !important;
    font-weight: 400 !important;
    font-size: 18px;
    color: #292929 !important;
    vertical-align: middle !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    padding-left: 8px;
    height: 60px;
}

.dark-theme .portal-box-heading-2 {   
    color: var(--font-color-dark-theme) !important;
}

.portal-button {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #e67817;
color: #ffffff !important;
border: 1px solid #e67817;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-color: rgb(230, 120, 23);
border-width: 1px 0;
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
border-radius: 0.25em;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    margin: 0 auto;
    position: relative;
    top: 20px;
    opacity: 0.8;
}

.portal-button a {
text-align: center;
display: inline-block;
cursor: pointer;
text-decoration: none;
line-height: 1em;
}

.portal-h1 {
    font-size: 38px;
    line-height: 48px !important;
    font-weight: 400 !important;
    color: #fff;
    text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
    text-align: center;
    margin-bottom: 0px;
}

.portal-h2 {
        font-size: 30px !important;
        line-height: 40px !important;
        font-weight: 100 !important;
    color: #fff;
    text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
    text-align: center;
    margin-bottom: 30px;
}

.portal-h3 {
    font-size: 20px !important;
    line-height: 30px !important;
    font-weight: 100 !important;
    color: #fff;
    text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
    text-align: center;
}

@media (min-width:360px) {
    .portal-h1 {
        font-size: 30px;
        line-height: 33px !important;
        position: relative;
        bottom: 20px;
    }

    .portal-h2 {
         font-size: 24px !important;
         line-height: 28px !important;
    }

    .portal-h3 {
        font-size: 14px !important;
        line-height: 16px !important;
    }

    .portal-button {
        font-size: 14px;
        padding: 10px 20px;
    }

    .fill {
    background-color: #333;
    min-height: 100vh!important;
    }

    #top-header {
        font-size: 12px;
        line-height: 14px !important;
    }
}

@media (min-width:768px) {
    .portal-h1 {
        font-size: 38px;
        line-height: 48px !important;
    }

    .portal-h2 {
         font-size: 30px !important;
         line-height: 40px !important;
    }

    .portal-h3 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .portal-button {
        font-size: 12px !important;
        padding: 10px 20px;
    }

    #top-header {
        font-size: 12px;
        line-height: 14px !important;
    }
}

@media (min-width:992px) {
    .portal-h1 {
        font-size: 38px;
        line-height: 48px !important;
    }

    .portal-h2 {
         font-size: 30px !important;
         line-height: 40px !important;
    }

    .portal-h3 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .portal-button {
        font-size: 14px !important;
        padding: 10px 20px;
    }

    #top-header {
        font-size: 14px;
        line-height: 28px !important;
    }
}

@media (min-width:1920px) {
    .portal-h1 {
        font-size: 38px;
        line-height: 48px !important;
    }

    .portal-h2 {
         font-size: 30px !important;
         line-height: 40px !important;
    }

    .portal-h3 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .portal-button {
        font-size: 16px !important;
        padding: 20px 40px;
    }

    #top-header {
        font-size: 14px;
        line-height: 28px !important;
    }
}

.language_div_portal {
    margin-left: 30px;
    margin-right: 15px;
    position: relative;
    top: 8px;
}

.top-content {
    background-color: #333333;
    height: 200px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    padding-top: 100px;
}

.select-search-bar {
    border-top-left-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
    background-color: #E9E9E9 !important;
}

#closeExtendedSearch,#openExtendedSearch {
    cursor: pointer;
}

#closeExtendedSearch,#extendedSearchBox {
    display: none;
}

.portal-action-icon {
    font-size: 21px;
    color: #666;
    margin-bottom: 5px;
    cursor: pointer;
}

.portal-info-company-name {
    font-size: 20px;
    font-weight: 400;
}

.portal-info-company-name-additional {
    font-size: 16px;
    font-weight: 100;
}

.portal-info-company-startup {
    font-size: 24px;
    color: #fff;
    text-shadow: -1px 0 #c01717, 0 1px #c01717, 1px 0 #c01717, 0 -1px #c01717;
    text-align: center;
    border: solid 1px #c01717;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    width: 150px;
    text-align: center;
    letter-spacing: 2px;
}

.portal-info-company-startup-small {
    font-size: 20px;
    color: #fff;
    text-shadow: -1px 0 #c01717, 0 1px #c01717, 1px 0 #c01717, 0 -1px #c01717;
    text-align: center;
    border: solid 1px #c01717;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    width: 120px;
    text-align: center;
    letter-spacing: 2px;
}

.portal-info-social-table{
    display: none;
}

.portal-info-detail-table td, .portal-info-detail-table th {
    padding-top: 5px;
    padding-bottom: 5px;
}

.portal-info-social-table td {
    padding-right: 10px;
}

.portal-info-social-table i {
    font-size: 24px;
}

.portal-info-company-logo-row {
    background-color: #fff;
    padding: 10px;
}

.searchbar-container {
    max-width: 700px; margin: 0 auto;
}


  
  /* Hamburger */
  .navbar-toggle {
    border: 0;
    float: left;
    padding: 18px;
    margin: 0;
    border-radius: 0;
      color: #fff !important;
  }
  /* Search */
  #search .panel-body .navbar-form {
    border-bottom: 0;
  }
  #search .panel-body .navbar-form .form-group {
    margin: 0;
  }
  .navbar-header {
    /* this is probably redundant
    position: fixed;
    z-index: 3;
    background-color: #f8f8f8; */
  }
  /* Dropdown tweek */
  #dropdown .panel-body .navbar-nav {
    margin: 0;
  }
}

.oproma-add-link-navigation {
    border-top: solid 1px var(--font-color-grey)!important;
    border-bottom: solid 1px var(--font-color-grey)!important;
}

.online-state-form-navigation {
    padding-top: 5px;
    padding-bottom: 5px;
}

.sidebar-vertical-actions-spacer {
    border-top: solid 4px #ddd;
}

.sidebar-vertical-actions-th i {
    color: #dc8136 !important;
    font-size: 16px !important;
    margin-right: 5px;
    position: relative;
    top: 3px;
}

.sidebar-vertical-actions-th span{
    font-size: 14px !important;
    color: var(--font-color-grey);
}

#selector-toggle-dock-glyphicon {
    position: relative;
    right: 35px;
    top: 3px;
}

.full-screen {
    position: relative;
    right: 40px;
    top: 6px;
}

.full-screen a i{
    font-size: 20px;
    color: #ccc;
    cursor: pointer;
}

.addNoteAsTaskTitle {
    display: none;
}








@font-face{font-family:simple-line-icons;src:url(../fonts/Simple-Line-Icons.eot?v=2.4.0);src:url(../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix) format('embedded-opentype'),url(../fonts/Simple-Line-Icons.woff2?v=2.4.0) format('woff2'),url(../fonts/Simple-Line-Icons.ttf?v=2.4.0) format('truetype'),url(../fonts/Simple-Line-Icons.woff?v=2.4.0) format('woff'),url(../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format('svg');font-weight:400;font-style:normal}.icon-action-redo,.icon-action-undo,.icon-anchor,.icon-arrow-down,.icon-arrow-down-circle,.icon-arrow-left,.icon-arrow-left-circle,.icon-arrow-right,.icon-arrow-right-circle,.icon-arrow-up,.icon-arrow-up-circle,.icon-badge,.icon-bag,.icon-ban,.icon-basket,.icon-basket-loaded,.icon-bell,.icon-book-open,.icon-briefcase,.icon-bubble,.icon-bubbles,.icon-bulb,.icon-calculator,.icon-calendar,.icon-call-end,.icon-call-in,.icon-call-out,.icon-camera,.icon-camrecorder,.icon-chart,.icon-check,.icon-chemistry,.icon-clock,.icon-close,.icon-cloud-download,.icon-cloud-upload,.icon-compass,.icon-control-end,.icon-control-forward,.icon-control-pause,.icon-control-play,.icon-control-rewind,.icon-control-start,.icon-credit-card,.icon-crop,.icon-cup,.icon-cursor,.icon-cursor-move,.icon-diamond,.icon-direction,.icon-directions,.icon-disc,.icon-dislike,.icon-doc,.icon-docs,.icon-drawer,.icon-drop,.icon-earphones,.icon-earphones-alt,.icon-emotsmile,.icon-energy,.icon-envelope,.icon-envelope-letter,.icon-envelope-open,.icon-equalizer,.icon-event,.icon-exclamation,.icon-eye,.icon-eyeglass,.icon-feed,.icon-film,.icon-fire,.icon-flag,.icon-folder,.icon-folder-alt,.icon-frame,.icon-game-controller,.icon-ghost,.icon-globe,.icon-globe-alt,.icon-graduation,.icon-graph,.icon-grid,.icon-handbag,.icon-heart,.icon-home,.icon-hourglass,.icon-info,.icon-key,.icon-layers,.icon-like,.icon-link,.icon-list,.icon-location-pin,.icon-lock,.icon-lock-open,.icon-login,.icon-logout,.icon-loop,.icon-magic-wand,.icon-magnet,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-map,.icon-menu,.icon-microphone,.icon-minus,.icon-mouse,.icon-music-tone,.icon-music-tone-alt,.icon-mustache,.icon-note,.icon-notebook,.icon-options,.icon-options-vertical,.icon-organization,.icon-paper-clip,.icon-paper-plane,.icon-paypal,.icon-pencil,.icon-people,.icon-phone,.icon-picture,.icon-pie-chart,.icon-pin,.icon-plane,.icon-playlist,.icon-plus,.icon-power,.icon-present,.icon-printer,.icon-puzzle,.icon-question,.icon-refresh,.icon-reload,.icon-rocket,.icon-screen-desktop,.icon-screen-smartphone,.icon-screen-tablet,.icon-settings,.icon-share,.icon-share-alt,.icon-shield,.icon-shuffle,.icon-size-actual,.icon-size-fullscreen,.icon-social-behance,.icon-social-dribbble,.icon-social-dropbox,.icon-social-facebook,.icon-social-foursqare,.icon-social-github,.icon-social-google,.icon-social-instagram,.icon-social-linkedin,.icon-social-pinterest,.icon-social-reddit,.icon-social-skype,.icon-social-soundcloud,.icon-social-spotify,.icon-social-steam,.icon-social-stumbleupon,.icon-social-tumblr,.icon-social-twitter,.icon-social-vkontakte,.icon-social-youtube,.icon-speech,.icon-speedometer,.icon-star,.icon-support,.icon-symbol-female,.icon-symbol-male,.icon-tag,.icon-target,.icon-trash,.icon-trophy,.icon-umbrella,.icon-user,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-vector,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-wallet,.icon-wrench{font-family:simple-line-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-user:before{content:"\e005"}.icon-people:before{content:"\e001"}.icon-user-female:before{content:"\e000"}.icon-user-follow:before{content:"\e002"}.icon-user-following:before{content:"\e003"}.icon-user-unfollow:before{content:"\e004"}.icon-login:before{content:"\e066"}.icon-logout:before{content:"\e065"}.icon-emotsmile:before{content:"\e021"}.icon-phone:before{content:"\e600"}.icon-call-end:before{content:"\e048"}.icon-call-in:before{content:"\e047"}.icon-call-out:before{content:"\e046"}.icon-map:before{content:"\e033"}.icon-location-pin:before{content:"\e096"}.icon-direction:before{content:"\e042"}.icon-directions:before{content:"\e041"}.icon-compass:before{content:"\e045"}.icon-layers:before{content:"\e034"}.icon-menu:before{content:"\e601"}.icon-list:before{content:"\e067"}.icon-options-vertical:before{content:"\e602"}.icon-options:before{content:"\e603"}.icon-arrow-down:before{content:"\e604"}.icon-arrow-left:before{content:"\e605"}.icon-arrow-right:before{content:"\e606"}.icon-arrow-up:before{content:"\e607"}.icon-arrow-up-circle:before{content:"\e078"}.icon-arrow-left-circle:before{content:"\e07a"}.icon-arrow-right-circle:before{content:"\e079"}.icon-arrow-down-circle:before{content:"\e07b"}.icon-check:before{content:"\e080"}.icon-clock:before{content:"\e081"}.icon-plus:before{content:"\e095"}.icon-minus:before{content:"\e615"}.icon-close:before{content:"\e082"}.icon-event:before{content:"\e619"}.icon-exclamation:before{content:"\e617"}.icon-organization:before{content:"\e616"}.icon-trophy:before{content:"\e006"}.icon-screen-smartphone:before{content:"\e010"}.icon-screen-desktop:before{content:"\e011"}.icon-plane:before{content:"\e012"}.icon-notebook:before{content:"\e013"}.icon-mustache:before{content:"\e014"}.icon-mouse:before{content:"\e015"}.icon-magnet:before{content:"\e016"}.icon-energy:before{content:"\e020"}.icon-disc:before{content:"\e022"}.icon-cursor:before{content:"\e06e"}.icon-cursor-move:before{content:"\e023"}.icon-crop:before{content:"\e024"}.icon-chemistry:before{content:"\e026"}.icon-speedometer:before{content:"\e007"}.icon-shield:before{content:"\e00e"}.icon-screen-tablet:before{content:"\e00f"}.icon-magic-wand:before{content:"\e017"}.icon-hourglass:before{content:"\e018"}.icon-graduation:before{content:"\e019"}.icon-ghost:before{content:"\e01a"}.icon-game-controller:before{content:"\e01b"}.icon-fire:before{content:"\e01c"}.icon-eyeglass:before{content:"\e01d"}.icon-envelope-open:before{content:"\e01e"}.icon-envelope-letter:before{content:"\e01f"}.icon-bell:before{content:"\e027"}.icon-badge:before{content:"\e028"}.icon-anchor:before{content:"\e029"}.icon-wallet:before{content:"\e02a"}.icon-vector:before{content:"\e02b"}.icon-speech:before{content:"\e02c"}.icon-puzzle:before{content:"\e02d"}.icon-printer:before{content:"\e02e"}.icon-present:before{content:"\e02f"}.icon-playlist:before{content:"\e030"}.icon-pin:before{content:"\e031"}.icon-picture:before{content:"\e032"}.icon-handbag:before{content:"\e035"}.icon-globe-alt:before{content:"\e036"}.icon-globe:before{content:"\e037"}.icon-folder-alt:before{content:"\e039"}.icon-folder:before{content:"\e089"}.icon-film:before{content:"\e03a"}.icon-feed:before{content:"\e03b"}.icon-drop:before{content:"\e03e"}.icon-drawer:before{content:"\e03f"}.icon-docs:before{content:"\e040"}.icon-doc:before{content:"\e085"}.icon-diamond:before{content:"\e043"}.icon-cup:before{content:"\e044"}.icon-calculator:before{content:"\e049"}.icon-bubbles:before{content:"\e04a"}.icon-briefcase:before{content:"\e04b"}.icon-book-open:before{content:"\e04c"}.icon-basket-loaded:before{content:"\e04d"}.icon-basket:before{content:"\e04e"}.icon-bag:before{content:"\e04f"}.icon-action-undo:before{content:"\e050"}.icon-action-redo:before{content:"\e051"}.icon-wrench:before{content:"\e052"}.icon-umbrella:before{content:"\e053"}.icon-trash:before{content:"\e054"}.icon-tag:before{content:"\e055"}.icon-support:before{content:"\e056"}.icon-frame:before{content:"\e038"}.icon-size-fullscreen:before{content:"\e057"}.icon-size-actual:before{content:"\e058"}.icon-shuffle:before{content:"\e059"}.icon-share-alt:before{content:"\e05a"}.icon-share:before{content:"\e05b"}.icon-rocket:before{content:"\e05c"}.icon-question:before{content:"\e05d"}.icon-pie-chart:before{content:"\e05e"}.icon-pencil:before{content:"\e05f"}.icon-note:before{content:"\e060"}.icon-loop:before{content:"\e064"}.icon-home:before{content:"\e069"}.icon-grid:before{content:"\e06a"}.icon-graph:before{content:"\e06b"}.icon-microphone:before{content:"\e063"}.icon-music-tone-alt:before{content:"\e061"}.icon-music-tone:before{content:"\e062"}.icon-earphones-alt:before{content:"\e03c"}.icon-earphones:before{content:"\e03d"}.icon-equalizer:before{content:"\e06c"}.icon-like:before{content:"\e068"}.icon-dislike:before{content:"\e06d"}.icon-control-start:before{content:"\e06f"}.icon-control-rewind:before{content:"\e070"}.icon-control-play:before{content:"\e071"}.icon-control-pause:before{content:"\e072"}.icon-control-forward:before{content:"\e073"}.icon-control-end:before{content:"\e074"}.icon-volume-1:before{content:"\e09f"}.icon-volume-2:before{content:"\e0a0"}.icon-volume-off:before{content:"\e0a1"}.icon-calendar:before{content:"\e075"}.icon-bulb:before{content:"\e076"}.icon-chart:before{content:"\e077"}.icon-ban:before{content:"\e07c"}.icon-bubble:before{content:"\e07d"}.icon-camrecorder:before{content:"\e07e"}.icon-camera:before{content:"\e07f"}.icon-cloud-download:before{content:"\e083"}.icon-cloud-upload:before{content:"\e084"}.icon-envelope:before{content:"\e086"}.icon-eye:before{content:"\e087"}.icon-flag:before{content:"\e088"}.icon-heart:before{content:"\e08a"}.icon-info:before{content:"\e08b"}.icon-key:before{content:"\e08c"}.icon-link:before{content:"\e08d"}.icon-lock:before{content:"\e08e"}.icon-lock-open:before{content:"\e08f"}.icon-magnifier:before{content:"\e090"}.icon-magnifier-add:before{content:"\e091"}.icon-magnifier-remove:before{content:"\e092"}.icon-paper-clip:before{content:"\e093"}.icon-paper-plane:before{content:"\e094"}.icon-power:before{content:"\e097"}.icon-refresh:before{content:"\e098"}.icon-reload:before{content:"\e099"}.icon-settings:before{content:"\e09a"}.icon-star:before{content:"\e09b"}.icon-symbol-female:before{content:"\e09c"}.icon-symbol-male:before{content:"\e09d"}.icon-target:before{content:"\e09e"}.icon-credit-card:before{content:"\e025"}.icon-paypal:before{content:"\e608"}.icon-social-tumblr:before{content:"\e00a"}.icon-social-twitter:before{content:"\e009"}.icon-social-facebook:before{content:"\e00b"}.icon-social-instagram:before{content:"\e609"}.icon-social-linkedin:before{content:"\e60a"}.icon-social-pinterest:before{content:"\e60b"}.icon-social-github:before{content:"\e60c"}.icon-social-google:before{content:"\e60d"}.icon-social-reddit:before{content:"\e60e"}.icon-social-skype:before{content:"\e60f"}.icon-social-dribbble:before{content:"\e00d"}.icon-social-behance:before{content:"\e610"}.icon-social-foursqare:before{content:"\e611"}.icon-social-soundcloud:before{content:"\e612"}.icon-social-spotify:before{content:"\e613"}.icon-social-stumbleupon:before{content:"\e614"}.icon-social-youtube:before{content:"\e008"}.icon-social-dropbox:before{content:"\e00c"}.icon-social-vkontakte:before{content:"\e618"}.icon-social-steam:before{content:"\e620"}
/*****************************************************************************************************************/

/*****************************************************************************************************************/

.btn-dsgvo{
    font-size: 12px!important;
    margin: 0 auto!important;
}

#js-warning-container {
    background: #DC8136;
    z-index: 99999;
    opacity: 0.8;
    height: 100vh;
    width: 100vw;
    position: fixed;
}

#js-warning {   
    font-weight: 400;
    font-size: 30px;
    color: #ffffff;
    z-index: 999999;    
    padding: 28px;
    text-align: center !important;    
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}



.btn-oproma {
    color: #fff!important;
    background-color: var(--color-oproma);
    border-color: var(--color-oproma);
}

.btn-oproma a{
    color: #fff !important;    
}
    .btn-oproma:hover {
        color: #fff;
        background-color: var(--color-oproma-hover);
        border-color: var(--color-oproma-hover);
    }

    .btn-oproma.show {
        color: #fff;
        background-color: var(--color-oproma-hover);
        border-color: var(--color-oproma-hover);
    }

.btn-orange {
    color: #fff;
    background-color: #E67817;
    border-color: #E67817;
}

    .btn-orange:hover {
        color: #fff;
        background-color: #E67817;
        border-color: #E67817;
    }

.btn-purple {
    color: #fff;
    background-color: var(--color-purple);
    border-color: var(--color-purple);
}

    .btn-purple:hover {
        color: #fff;
        background-color: var(--color-purple);
        border-color: var(--color-purple);
    }

.btn-light-green {
    color: #fff;
    background-color: #aede6f;
    border-color: #aede6f;
}

    .btn-light-green:hover {
        color: #fff;
        background-color: #aede6f;
        border-color: #aede6f;
    }

.btn-blue {
    color: #fff;
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}

    .btn-blue:hover {
        color: #fff;
        background-color: var(--color-blue);
        border-color: var(--color-blue);
    }

.dropdown-menu {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    z-index: 1000 !important;
}

.dark-theme .dropdown-menu {
    background-color: var(--color-black-dark-theme);
}

.dropdown-menu-dark .dropdown-item {
    color: #f0f0f0;
}

.dropdown-menu-dark {    
    background-color: #2c3135;
    border-color: #2c3135;
}

.dropdown-menu-favs .dropdown-item {
    font-size: 14px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.dropdown-menu-chats {
    padding-top: 10px!important;
}

.dropdown-menu-chats .dropdown-item {
    font-size: 14px;
}

.btn.active{
    z-index: 0!important;
}

#contactListContent .dropdown-menu{
    right: 90px!important;
}

.dark-theme .form-control {
    background-color: #404954;
    color: var(--font-color-dark-theme);
    border-color: var(--border-color-dark);
}

.dark-theme .form-select {
    background-color: #404954;
    color: var(--font-color-dark-theme);
    border-color: var(--border-color-dark);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aab8c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-control:focus, .form-select:focus, .btn:focus {
    border-color: none !important;
    box-shadow: none !important;
}

.form-control:focus, .form-select:focus {
    border-color: #ced4da !important;
    box-shadow: none !important;
}

.dark-theme .form-control:focus, .dark-theme .form-select:focus {
    border-color: var(--font-color-dark-theme);
    box-shadow: none !important;
}

.spacer-20{
    height: 20px;
}

.spacer-50 {
    height: 50px;
}

.spacer-100 {
    height: 100px;
}

.btn_chat_input_box .material-symbols-outlined {
    position: relative;
    top: 4px;    
}

.btn-outline-grey {
    color: var(--font-color-grey);
    border-color: #ced4da;
}

.btn-outline-orange {
    color: #D5985F;
    border-color: #D5985F;
}

    .btn-outline-orange:hover {
        color: #fff;
        background-color: #D5985F;
        border-color: #D5985F;
    }

.btn-outline-purple {
    color: var(--color-purple);
    border-color: var(--color-purple);
}

    .btn-outline-purple:hover {
        color: #fff;
        background-color: var(--color-purple);
        border-color: var(--color-purple);
    }

.btn-outline-blue {
    color: var(--color-blue);
    border-color: var(--color-blue);
}

    .btn-outline-blue:hover {
        color: #fff;
        background-color: var(--color-blue);
        border-color: var(--color-blue);
    }

.btn-outline-red {
    color: var(--color-red);
    border-color: var(--color-red);
}

    .btn-outline-red:hover {
        color: #fff;
        background-color: var(--color-red);
        border-color: var(--color-red);
    }

.btn-outline-green {
    color: var(--color-green);
    border-color: var(--color-green);
}

    .btn-outline-green:hover {
        color: #fff;
        background-color: var(--color-dark-green);
        border-color: var(--color-dark-green);
    }

.btn-green {
    color: #fff;
    background-color: var(--color-green);
    border-color: var(--color-green);
}

.btn-green:hover {
    color: #fff;
    background-color: var(--color-dark-green);
    border-color: var(--color-dark-green);
}

.btn-outline-light-green {
    color: #aede6f;
    border-color: #aede6f;
}

    .btn-outline-light-green:hover {
        color: #fff;
        background-color: #aede6f;
        border-color: #aede6f;
    }

.alert-red {
    background-color: var(--color-red);
    border-color: #f5c2c7;
}

.alert-orange {
    background-color: var(--color-yellow);
    border-color: #ffbd9c;
}

.alert-turquoise {
    background-color: #bfe0e0;
    border-color: #aecece;
}

.alert-purple {
    background-color: var(--color-light-purple);
    border-color: var(--color-purple);
}

.ui-datepicker-div {
    z-index: 99999 !important;
}

.form-select {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #555C63;
}

.form-control {    
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #555C63;
}

    .form-control option:hover {
        background-color: #fafafd;
    }

.modal-content{
    border: none!important;
}

.dark-theme .modal-content {
    background-color: #343B40;
    color: var(--font-color-dark-theme);
}

    .dark-theme .modal-content table {
        background-color: #343B40;
        color: var(--font-color-dark-theme) !important;
    }

    .modal-header {
    background-color: transparent;
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.modal-header-advertisement {
    background-color: #fff!important;
    border: none!important;
}

.modal-header-advertisement .modal-title-inner{
    display: none!important;
}

.dark-theme .modal-header-advertisement {
    background-color: #343b40 !important;
}

.dark-theme .modal-header {
    background-color: var(--color-black-dark-theme);
    color: var(--font-color-dark-theme);
    border-bottom: solid 1px #464F5B;
}

.dark-theme .modal-footer {
    background-color: var(--color-black-dark-theme);
    color: var(--font-color-dark-theme);
    border-top: solid 1px #464F5B;
}

.dark-theme .btn-close {
    color: var(--font-color-dark-theme);
    filter: brightness(0) invert(1);
}

.modal-header-search {
    border-radius: calc(.3rem - 1px);
}

.modal-title-inner, .modal-title {
    padding-left: 0px;
    font-size: 16px;
    font-weight: 400;
}

.modal-title .glyphicons {
    display: none;
}

.toast-container{
    top: 75px;
    right: 20px;
    margin-top: 10px;
    z-index: 2;
}

.toast {
    background-color: #fff!important;
    border-radius: 5px!important;
}

.dark-theme .toast {
    background-color: var(--color-black-dark-theme) !important;
    box-shadow: none !important;
    border: solid 1px var(--border-color-dark) !important;
}

.toast-header {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.dark-theme .toast-header {
    background-color: var(--color-black-dark-theme) !important;
    color: var(--font-color-dark-theme) !important;
    border-bottom-color: var(--border-color-dark);
}

.toast-body {
    background-color: #fff;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.dark-theme .toast-body {
    background-color: var(--color-black-dark-theme) !important;
    color: var(--font-color-dark-theme);
}

.card {
    border: none;
    box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
}

.dark-theme .card {
    background-color: var(--color-black-dark-theme);
    box-shadow: none;
    color: var(--font-color-dark-theme);
    border: none!important;
}

.dark-theme .card-body {
    background-color: var(--color-black-dark-theme);
    color: var(--font-color-dark-theme);
}

.dark-theme #myModalGlobalTemplates .card-body {
    background-color: #343a40 !important;
    color: var(--font-color-dark-theme);
}

.card-image-overlay-text {
    position: absolute;
    top: 15px;
    font-size: 50px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    width: 100%;
}

.home_card{
    color: var(--font-color-grey);
}

.home_card .table, .home_card table td {
    margin-bottom: 0px!important;
    border-bottom: none!important;
    border-bottom-width: 0px!important;
}

    .home_card .material-symbols-outlined {
        font-size: 32px!important;
        width: 32px!important;
    }

    .home_card button .material-symbols-outlined {
        font-size: 24px !important;
        width: 24px !important;
    }

.border-orange {
    border-color: #f29b1f !important;
}

.border-blue {
    border-color: #479ddf !important;
}

.border-green {
    border-color: var(--color-green) !important;
}

/*
.form-select{
    max-width: 170px;
}*/

    table td span.invisible{
    display: none;
}

.search-top-container {
    height: 800px;
    width: 100%;
    background-image: url("../../images/slider/Projekte.jpg");
    background-repeat: no-repeat;
    padding-top: 200px;
}

.search-top-container-home {
    min-height: 350px;
    width: 100%;
    /*background-image: url("../../images/slider/Projekte.jpg");
    background-repeat: no-repeat;
    background: rgb(191,252,234);
    background: linear-gradient(90deg, rgba(136,252,217,1) 0%, rgba(236,255,250,1) 100%);*/
    padding-top: 90px;
    background-color: var(--color-green);
}

.dark-theme .search-top-container-home {
    background: #3a444e !important;  
    background-color: #3a444e !important;
}

.breadcrumb{
    font-size: 18px;
}

.breadcrumb-item a{
    color: var(--color-purple);
}

.portal-card-container .card-title{
    text-align: center;
}

.portal-cta-card{
    background-color: var(--color-light-purple);
    /*border: solid 1px var(--color-purple);*/
}

.portal-cta-card-employer {
    background-color: #fff4e2;
    border: solid 1px var(--color-yellow);
}

.cta-search {
    background-color: #b8f9e7;
    border: solid 1px var(--color-green);
}

.portal-cta-text {
    font-size: 19px;
    position: relative;
    top: 4px;
}

    .portal-cta-text .material-symbols-outlined{
        position: relative;
        top: 4px;
        font-weight: 700;
        margin-right: 5px;
    }

    .card-title .material-symbols-outlined {
        position: relative;
        top: 4px;
    }

.no-padding {
    padding: 0px !important;
}

.portal-jobs-top-container {
    background-color: var(--color-green);
    padding-bottom: 30px;
}

.dark-theme .portal-jobs-top-container {
    background: #3a444e!important;
}

    .portal-jobs-top-container .portal-jobs-top-inner-container {
        max-width: 800px;
        margin: 0 auto;
    }

.portal-jobs-top-container .btn-group{
    margin-top: 10px;
}

    .portal-jobs-top-container #extendedSearchBox{
        max-width: 770px;
        margin: 0 auto;
    }

    .modal-portal-mail {
        border: solid 1px #ced4da;
        border-radius: 0.5rem;
        top: 70px;
    }

.dark-theme .lblPortalFilter{
    color: var(--font-color-dark-theme);
}

.dark-theme .modal-portal-mail {
    border: solid 1px var(--border-color-dark);
}

.hidden{
    display: none;
}

#hiddenCustomModuleInputNewSelect {
    background-color: #fafafa;
}

.dark-theme #hiddenCustomModuleInputNewSelect {
    background-color: var(--color-black-dark-theme);
}

.input-group-header{
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
}

.forms_info_box .input-group-header {
    font-size: 18px;
}

.forms-footer-text{
    font-size: 12px;
    position: relative;
    top: 10px;
}

.dark-theme .input-group-header {
    color: var(--font-color-dark-theme);
}

.calendar_event_icon{
    font-size: 16px!important;
    position: relative;
    top: 2px;
    width: 16px!important;
}

.input-group .btn {    
    z-index: auto!important;
}

.input-group-oproma-portal .btn {
    z-index: 100 !important;
}

.CodeMirror, .CodeMirror-scroll {
    min-height: 100px !important;
}

.dark-theme .editor-toolbar a {
    color: var(--font-color-dark-theme) !important; 
}

    .dark-theme .editor-toolbar a:hover, .dark-theme .editor-toolbar a.active {
        background-color: var(--color-black-dark-theme) !important;
        border: none !important;
        color: var(--color-purple) !important;
    }

.dark-theme .editor-toolbar {  
    border: solid 1px var(--border-color-dark);
    border-bottom: none !important;
}

.dark-theme .CodeMirror {
    background-color: #404954 !important;
    color: var(--font-color-dark-theme) !important;
    border: solid 1px var(--border-color-dark);
}

.dark-theme #custom_module_form_container{
    color: var(--font-color-dark-theme)!important;
}

.dark-theme .container_box table{
    color: var(--font-color-dark-theme) !important;
}

.dark-theme .border{
    border-color: var(--border-color-dark)!important;
}


.rowModulePassword{
    display: none;
}

.no-drop{
    
}

.row-container {
    border: solid 1px #ededed;
    padding-left: 10px;
    /*padding-right: 25px;*/
    margin-bottom: 10px;
    background-color: #F9FBFE;
}

.dark-theme .row-container {
    border: solid 1px var(--border-color-dark);
    background-color: #343B40;
}

.row-indicator-tab {
    border: dotted 1px #ededed;
    position: relative;
    right: 10px;
    font-size: 9px;
    padding: 3px;
}

.dark-theme .row-indicator-tab {
    border: dotted 1px var(--border-color-dark);    
}

.col-indicator-tab {
    border: dotted 1px var(--border-color-dark);
    position: relative;
    right: 25px;
    bottom: 10px;
    font-size: 9px;
    padding: 0px;
    width: 14px;
}
   
.row-dummy-container {
    height: 50px;    
}

.drag-indicator {
    cursor: grab;
    vertical-align: middle;
    color: var(--font-color-dark-theme);
}

.dark-theme .drag-indicator {
    color: var(--font-color-dark-theme);
}

.drop-indicator{
    color: #ccc;
    font-size: 30px;
    margin-top: 10px;    
}

.drag-indicator-active {
    cursor: grabbing;
    vertical-align: middle;
}

.drag-indicator-row-container {
    border-left: dotted 1px #ededed;
    border-bottom: dotted 1px #ededed;
    position: relative;
    right: 0px;
    height: 100%;
}

.dark-theme .drag-indicator-row-container {
    border-left: dotted 1px var(--border-color-dark);
    border-bottom: dotted 1px var(--border-color-dark);
    position: relative;
    right: 0px;
    height: 100%;
}

.drag-indicator-col-container {
    border-left: dotted 1px #ededed;
    border-bottom: dotted 1px #ededed;
    position: relative;
    right: 0px;
    top: -10px;
}

.dark-theme .drag-indicator-col-container {
    border-left: dotted 1px var(--border-color-dark);
    border-bottom: dotted 1px var(--border-color-dark);
    position: relative;
    right: 0px;
    top: -10px;
}

.input-container {    
    border: solid 1px #ededed;
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    justify-content: left;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #fff;
}

.input-container .input-group{
    padding-right: 25px;
}

.dark-theme .input-container {
    border: solid 1px #ededed;
    background-color: #37404A;
}

.empty-input-container {
    border: solid 1px #ededed;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 73px;    
    text-align: center;
}

.empty-input-container button{
    position: relative;
    top: 7px;
}

.dark-theme .empty-input-container {
    border: solid 1px var(--border-color-dark);    
    background-color: #404954;
}

.dark-theme .input-container, .dark-theme .empty-input-container {
    border: solid 1px var(--border-color-dark);
}

    .input-container:hover {
        /*border: solid 1px var(--color-light-blue);*/
    }

.column-highlight {   
    background-color: var(--color-dark-green) !important;
}

.row-highlight {    
    background-color: var(--color-purple) !important;
}

.column-dropzone {
    border: solid 1px var(--color-dark-green) !important;
    cursor: grab;
}

.row-dropzone {    
    cursor: grab;
}

.oproma_pac_name {
    position: absolute;
    left: 50px;
    top: 33px;
    color: var(--color-oproma-logo);
    font-size: 13px !important;
    font-weight: 300;
}

.oproma_portal_name {
    position: relative;
    right: 105px;
    top: 18px;
    color: var(--color-oproma-logo);
    font-size: 13px !important;
    font-weight: 300;
}

.navbar-brand .logo-text{
    position: relative;
    bottom: 7px;
}

.top-company-name {
    font-size: 13px;
    display: inline-block;
    position: absolute;
    bottom: -12px;
    color: #999;
}

.dark-theme .top-company-name {
    color: #ccc;
}

.badge {
    font-weight: 400!important;    
}

.portalFilterContainer .badge{
    font-size: 14px;
}

.bg-purple{
    background-color: var(--color-purple);
}

.adsense_article_ad{
    margin-top: 20px;
    margin-bottom: 20px;    
    overflow: hidden;
}

.stars {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
}

    .stars input {
        display: none;
    }

    .stars label {
        font-size: 2em;
        color: #d3d3d3;
        cursor: pointer;
    }

    .stars input:checked ~ label {
        color: #ffc107;
    }

    .stars input:not(:disabled) ~ label:hover,
    .stars input:not(:disabled) ~ label:hover ~ label {
        color: #ffdd00;
    }

.tooltip-inner {
    background-color: var(--color-dark-green);
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--color-dark-green);
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--color-dark-green);
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--color-dark-green);
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--color-dark-green);
}

.invisible {
    visibility: hidden !important;
    display: none;
}

.dark-theme hr{
    border-color: var(--font-color-dark-theme)!important;
}

.btn-xs {
    --bs-btn-padding-y: 1px;
    --bs-btn-padding-x: 2px;
    --bs-btn-font-size: 2px;
    --bs-btn-border-radius: 0.25rem;
}

.updown-buttons-container{
    position: relative;
    right: 32px;
    top: 18px;
}

.move-up, .move-down, .btn-edit-col, .btn-delete-col {
    color: #9b9b9b;
    padding: 0px !important;
}

.btn-edit-col, .btn-delete-col {
    color: var(--font-color-dark-theme);
    padding: 0px !important;
    border: none;
}

    .btn-edit-col .material-symbols-outlined, .btn-delete-col .material-symbols-outlined {
        font-size: 18px !important;
    }

.move-up:disabled, .move-down:disabled {
    display: none;
    height: 0px!important;
}

.editDelete-buttons-container {
    position: relative;
    right: 5px;
    bottom: 10px;
    float: right;
}

.btn-del-row-form-editor {
    width: auto;
    float: right;
    position: relative;
    left: 62px;
    top: 7px;
    color: var(--font-color-dark-theme);
}

.module-success #icon-container {
    width: 100px;
    height: 10px;
    perspective: 1000px;
    margin: 100px auto;
    position: relative;
}

.module-success .icon {
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    transition: transform 1s;
}

.module-success .front {
    transform: rotateY(0deg);
}

.module-success .back {
    transform: rotateY(-180deg);
}

.module-success .rotate .front {
    transform: rotateY(180deg);
}

.module-success .rotate .back {
    transform: rotateY(0deg);
}

.active > .page-link, .page-link.active {
    z-index: 0;    
}

.module_title{
    font-size: 32px!important;
    font-weight: 200!important;
}

.label-header{
    font-size: 24px;
}

.badge-approval {
    border-radius: 0.25rem !important;   
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
}

.container_box_internal .row:first-child{
    margin-top: 0px!important;
}

.card-company{
    font-weight: 300;
}

.card-company .card-img-top{
    background-color: #fff;
}

.profile_available_badge{
    position: relative;
    float: right;
}

.logo-col-desktop-portal{
    width: 128px;
}

.portal-action-container-desktop{
    padding-top: 5px;
}

    .portal-action-container-desktop .btn{
        padding-left: 0px!important;
    }

    .btn-portal-actions {
        border: none;
        margin: 0px;
        --bs-btn-padding-x: 5px !important;
        --bs-btn-padding-y: 0px !important;
    }

.dark-theme .btn-portal-actions {
    color: var(--font-color-dark-theme);
}

.btn-portal-social {
    border: none;
    padding: 5px !important;
    font-size: 34px;
    color: #82878c;
}

.dark-theme .btn-portal-social {   
    color: var(--font-color-dark-theme);
}

.pagination .active a{
    background-color: var(--color-light-purple)!important;
}

.relatedAdsInfo{
    
}

.relatedAdsInfo .fs-5 {
    font-size: 14px !important;
    font-weight: 400!important;
}

    .relatedAdsInfo .fs-6 {
        font-size: 13px !important;
    }

.comp_name {
    height: 40px;
    align-items: center;
    display: flex;
}

.fixed-ad-container-right {
    position: fixed;
    top: 142px;
    right: 10px;
    width: 100%;
    min-width: 160px;
    max-width: 302px;
    border: dotted 1px #fafafa;
}

.navbar-portal{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    min-height: 69.5px;
}

.portal-container{
    max-width: 1200px;
}

#reportAdvertismentForm .input-group-header{
    font-weight: 500!important;
}

.fs-7{
    font-size: 14px!important;
}

#myModalReportAdvertisment .modal-body {
    padding-top: 0px !important;
}

.adCheckLabel{
    display: inline!important;
}

.top-nav-user-container-portal{
    position: relative;
    left: 20px;
    top: 0px;
    z-index:999;
}

/* Bootsrtap Select customizing */

.bootstrap-select .dropdown-toggle {
    background-color: transparent !important;
}

.bootstrap-select .dropdown-item:hover, .dark-theme .bootstrap-select .dropdown-item:hover {
    background-color: #0d6efd !important;
    color: #fff!important;
}

.dark-theme .bootstrap-select .dropdown-toggle {
    background-color: #404954 !important;
}

/* Entfernt die Hintergrundfarbe bei Auswahl */
.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active {
    
}

.bootstrap-select .dropdown-toggle {
    border: solid 1px #ced4da;
    color: #555C63;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
}

.dark-theme .bootstrap-select .dropdown-toggle {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aab8c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.dark-theme .bootstrap-select .dropdown-toggle {
    border: var(--border-color-dark);
    color: var(--font-color-dark-theme);
}

.sidebar {
    position: relative;    
    height: 100vh; /* Höhe der Sidebar auf 100vh festgelegt */
    overflow: hidden; /* Verhindert, dass Inhalte außerhalb der Sidebar angezeigt werden */
}

.ad-container {
    width: 100%;
    position: relative;
}

.round-header-icon {
    border-radius: 125px;
    background-color: #e9ecef;
    padding: 5px;
}

.dark-theme .round-header-icon {
    background-color: #4c5560;
}

.filter-header{
    min-height: 32px;
}

.filter-header-left {
    min-height: 32px;
    padding-top: 4px;
}

.comp_img_portal{
    position: relative;
    bottom: 2px;
}

.company_counter_container {
    border: solid 1px var(--color-green);
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
    margin-top: 5px;
}

.company_counter_container .badge{
    position: relative;
    bottom: 0px;
    font-size: 14px!important;
}

.password-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

    .password-container input {
        padding-right: 30px; /* Platz für das Auge */
        width: 100%!important;
    }

    .password-container .toggle-password {
        position: absolute;
        right: 10px;
        cursor: pointer;
        user-select: none;
    }

    #password-container-1 .help-block {
        display: none !important;        
    }

    .help-block {
        display: block !important;
        position: absolute;
        top: -16px;
        right: 0px;
        font-size: 12px !important;
        font-weight: normal !important;
        color: red;
    }

    .password-container .strength-meter {
        display: block!important;
        position: absolute;
        top: -20px;
        right: 0px;
    }

.tox .tox-editor-header {
    z-index: auto !important;
    border-bottom: solid 1px #ced4da!important;
}

.dark-theme .tox .tox-editor-header {
    border-bottom: solid 1px var(--border-color-dark) !important;
}

.theme-switch-portal{
    position: relative;
    top: 17px;
    right: 5px;
}

.theme-switch-portal-lo {
    position: relative;
    top: 4px;
    right: 10px;
}

.dark-theme .logo-icon-portal-light-theme{
    display: none;
}

.light-theme .logo-icon-portal-dark-theme {
    display: none;
}

.dark-theme .nav-link {
    color: var(--font-color-dark-theme);
}

#selSearchCategory option{
    font-size: 16px!important;
}

#selSearchCategory {    
    padding-right: 10px !important;
}

/*
.input-group-oproma-portal .btn-portal-nav {
    z-index: 25 !important;
}*/

#form-backdrop {
    position: fixed;
    z-index: 1050; /* über allem */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.form-wrapper {
    position: relative;
    z-index: 1060;
    background: white;
    padding: 20px;
    border-radius: 1rem;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    min-height: 400px;
}

.ui-datepicker{
    z-index: 1080!important;
}

.oproma-banner-desktop {
    width: 100%;
}

.oproma-banner-mobile {
    width: 100%;
}