@font-face {
    font-family: 'opensans-light';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* cyrillic-ext */
@font-face {
    font-family: 'opensans-regular';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'opensans-regular';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'opensans-regular';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'opensans-regular';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
    font-family: 'opensans-regular';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
    font-family: 'opensans-regular';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWxU6F15M.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'opensans-regular';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqW106F15M.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'opensans-regular';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'opensans-regular';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.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: 'opensans-regular';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.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;
}
/* cyrillic-ext */
@font-face {
    font-family: 'opensans-regular';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'opensans-regular';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'opensans-regular';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'opensans-regular';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
    font-family: 'opensans-regular';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
    font-family: 'opensans-regular';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'opensans-regular';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'opensans-regular';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'opensans-regular';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.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: 'opensans-regular';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(Fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.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;
}


html {
    height: 100%;
}

body {
    font-family: 'opensans-regular';
    min-height: 100%;
    font-size: 12px;
    padding: 72px 25px 20px 90px;
    color: #000;
}

    body.no-sidebar {
        padding: 72px 25px 20px 25px;
    }

ul {
    list-style: none;
}

body.desktop .top-right-dropdown {
    display: none;
}

body #breadcrumbs_menu {
    margin-bottom: 0;
}

body.no-sidebar #breadcrumbs_menu {
    padding-left: 0;
}

.form-control {
    border: 1px solid #cacaca;
    height: 23px;
    padding: 0 2px 0 10px;
    font-size: 13px;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.input-group-addon {
    padding: 0 8px;
}

.input-group-btn .btn {
    padding: 0 8px;
    height: 23px;
}

    .input-group-btn .btn .pmi-ico {
        margin-top: 2px;
    }

.form-group label {
    margin-bottom: 10px;
}

.form-group .title {
    font-size: 20px;
    font-weight: bold;
}

textarea {
    border: 1px solid #B5B5B8;
}

    textarea.form-control {
        padding-top: 5px;
    }

        textarea.form-control[rows="1"] {
            padding-top: 0px;
        }

b .form-control:focus {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.full-width {
    width: 100%;
}

input[type="text"][disabled] {
    background: #eaf0f1;
}

select.form-control {
    padding: 0 0 0 5px;
}

select optgroup {
    color: #aaa;
    background: #efefef;
    font-style: italic;
}

.holiday {
    color: #A832D4;
}

.changedValue {
    color: green;
}

a {
    text-decoration: none !important;
    cursor: pointer;
}

.rounded-4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.rounded-6 {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

.vertical-space-10 {
    height: 10px;
}

.bottom-15 {
    margin-bottom: 15px;
}

.bottom-10 {
    margin-bottom: 10px;
}

.tooltip.in {
    z-index: 5560;
}

.modal-footer .btn.btn-success:disabled, .modal-footer .btn.btn-primary:disabled {
    background: #d5d5d5;
}

.btn.btn-search {
    background: #42AED5;
    border: 1px solid #42AED5;
    padding: 1px 10px;
    color: #fff;
}

.btn.btn-success {
    background: #63ca1e;
    border: 1px solid #63ca1e;
    padding: 1px 10px;
}

    .btn.btn-success[disabled="disabled"] {
        background-color: #E4E4E4;
        border-color: #E4E4E4;
    }

.btn.btn-light-blue {
    padding: 1px 10px;
    background: #cbeaf3;
    font-size: 13px;
}

.btn.btn-dark-blue {
    background: #2284a1;
    border: none;
    padding: 2px 30px;
    color: #fff;
}

.rb-list label {
    float: left;
    margin-right: 10px;
}

.navbar-line {
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
}

.top-right-dropdown {
    display: none;
    float: right;
}

#view > a > span, #tools > a > span {
    margin-top: 9px;
}

#view > a, #tools > a, #pmi_savebtn {
    margin-left: 0;
}

.navbar-line .datepicker-elements a {
    display: block;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
}

.navbar-line .ico-datenav-left, .navbar-line .ico-datenav-right {
    margin-top: 11px;
}

#pmi_savebtn {
    margin-top: 1px;
}

    #pmi_savebtn.btn-success.disabled {
        background-color: #DDDDDD;
        border-color: #DDDDDD;
    }

.pmi-body {
    background-color: #ffffff;
    color: #000 !important;
}

.header-line {
    border: none;
    height: 1px !important;
    background-color: transparent !important;
}

    .header-line td {
        border: none !important;
        padding: 0 !important;
        margin: 0;
        overflow: hidden !important;
    }

    .header-line .colsep {
        width: 5px;
        -moz-min-width: 5px;
        -ms-min-width: 5px;
        -o-min-width: 5px;
        -webkit-min-width: 5px;
        min-width: 5px;
        max-width: 5px;
        border: none;
        background-color: #ffffff;
        padding: 0 !important;
    }

.header-rule {
    background-color: transparent !important;
    height: 1px !important;
}

#content_selection_popup {
    overflow: auto;
    max-height: 550px;
}

div.panel-title {
    font-size: 15px;
}

.pmi-table-container, .pmi-header-container {
    position: absolute;
}

.pmi-scrollable.pmi-body {
    overflow-y: auto;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.pmi-table-container {
    z-index: 200;
}

.pmi-header-container {
    z-index: 201;
    top: 0;
    left: 0;
}

.pmi-scrollable {
    overflow: auto;
}

.pmi-center-body, .pmi-table-header {
    overflow: hidden; /*-ms-scroll-limit: 0 0 0 0;*/
}

.pmi-vertical, .pmi-horizontal {
    position: absolute;
    left: -9999px;
    top: -9999px;
}

.pmi-vertical {
    width: 10px;
}

.pmi-horizontal {
    height: 10px;
}

.pmi-header {
    position: relative;
    float: left;
    height: 100%;
}

.pmi-wrapper {
    width: 100%;
    height: 100%;
}

.pmi-table {
    float: left;
    /* position: relative; */
}

.pmi-table-container, .pmi-header-container {
    position: absolute;
    width: 101%;
}

.pmi-table > table, .pmi-table-header > table {
    max-width: none;
    empty-cells: show;
}

.pmi-table .row-opt {
    color: #999;
    cursor: pointer
}

.pmi-table-header td.text-left {
    text-align: left;
}

.pmi-table-wrapper {
    position: absolute;
    height: 100%;
}

.pmi-table tr, .pmi-table-header tr {
    height: 28px;
    background-color: #ffffff;
}

    .pmi-table-header tr th:last-child {
        border-right-width: 0;
    }

    .pmi-table tr[data-level="0"].opened td {
        border-bottom: 2px solid #2a5869;
    }

    .pmi-table tr[data-level="0"].closed td {
        border-bottom: 1px solid #2a5869;
    }

        .pmi-table tr[data-level="0"].opened td.colsep, .pmi-table tr[data-level="0"].closed td.colsep {
            border-bottom-color: #fff;
        }


    .pmi-table-header tr.empty, .pmi-table-header tr.section-x.empty, .pmi-table-header tr.section.empty, .pmi-table-header tr.primary.empty,
    .pmi-table tr.empty, .pmi-table tr.section-x.empty, .pmi-table tr.section.empty, .pmi-table tr.primary.empty {
        background-color: #f0f4f5;
    }

    .pmi-table-header tr th.empty, .pmi-table tr td.empty {
        background-color: #e1e7e9;
        border-bottom-color: #e1e7e9;
    }

    .pmi-table-header tr.primary th.empty {
        border-bottom-color: #fff;
    }

    .pmi-table-header tr th.empty.sws {
        border-right: none;
    }

    .pmi-table-header tr.empty.primary th.empty, .pmi-table tr.empty.primary th.empty {
        border-bottom: 2px solid #fff;
    }

    .pmi-table tr.segment-group, .pmi-table tr.present.segment-group, .pmi-table tr.segment-group.weekend {
        background-color: #f9f9f9 !important;
    }

    .pmi-table tr.segment-item, .pmi-table tr.segment-item.present, .pmi-table tr.segment-item.weekend {
        background-color: #f3f3f3 !important;
    }

    .pmi-table tr.segment-group.history, .pmi-table tr[data-level="1"].segment-group.history {
        background-color: #f9f9f9 !important;
    }

    .pmi-table tr.segment-item.history, .pmi-table tr.segment-item.weekend.history {
        background-color: #e6e6e6 !important;
    }

    .pmi-table tr.segment-item td, .pmi-table tr.segment-group td {
        border-bottom-color: #4a646b;
    }

        .pmi-table tr.segment-item td.colsep, .pmi-table tr.segment-group td.colsep {
            border-bottom-width: 0;
        }

    .pmi-table tr.total > td, .pmi-table tr.division > td {
        border-color: #fff;
        border-width: 0 1px 1px 0;
        line-height: 17px;
    }

    .pmi-table tr.segment-group .sws {
        font-weight: bold;
    }


.fill {
    height: 100%;
    min-height: 100%;
}

.pmi-table input.text-left, .pmi-table-header input.text-left {
    text-align: left !important;
}

@media (min-width: 1026px) {
    #dockpanel, #dockpanel_toggle {
        top: 72px;
    }

    .pmi-body {
        position: absolute;
        top: 72px;
        left: 90px;
        bottom: 50px;
        right: 25px;
        overflow: hidden;
    }

    body.no-sidebar .pmi-body {
        left: 25px;
    }

    .pmi-table td, .pmi-table-header td, .pmi-table th.icons {
        font-size: 12px;
        padding: 0 8px 0 8px;
    }

        .pmi-table td.fix-top-border {
            border-width: 1.5px 1px 1px 0 !important;
        }

        .pmi-table td .dropdown-menu {
            font-size: 12px;
        }

    .pmi-table tr.today td {
        font-size: 13px;
    }

    .pmi-table th, .pmi-table-header th {
        font-size: 11px;
    }

    .pmi-table tr.section-x th, .pmi-table-header tr.section-x th {
        font-size: 12px;
    }

    .pmi-table td > span {
        padding: 0 8px 0 8px;
    }

    .pmi-table tr.primary th > div > span, .pmi-table-header tr.primary th > div > span, .pmi-table tr.section th > div > span, .pmi-table-header tr.section th > div > span, .pmi-table tr.section-x th > div > span, .pmi-table-header tr.section-x th > div > span {
        display: inline-block;
        line-height: 16px;
    }

    .pmi-table tr.primary th > div > span, .pmi-table-header tr.primary th > div > span {
        padding: 6px 8px 0 8px;
    }

    .pmi-table tr.section th > div > span, .pmi-table-header tr.section th > div > span, .pmi-table tr.section-x th > div > span, .pmi-table-header tr.section-x th > div > span {
        padding: 0 8px 0 8px;
    }

    .pmi-table input, .pmi-table-header input {
        font-size: 12px !important;
        padding: 0 2px 0 2px;
        text-align: right;
        line-height: 100%;
    }

    .pmi-table select, .pmi-table-header select {
        font-size: 11px !important;
    }

    .semibold, .individual, .group { /*font-family: 'opensans-semibold';*/
        font-size: 11px;
    }

    .regular {
        font-family: 'opensans-regular';
        font-size: 11px;
    }

    .pmi-table .expando, .pmi-table-header .expando {
        margin-left: 7px;
    }

    .pmi-table tr[data-level="1"] .expando, .pmi-table-header tr[data-level="1"] .expando {
        margin-left: 14px;
    }

    .pmi-table tr[data-level="2"] .expando, .pmi-table-header tr[data-level="1"] .expando {
        /*margin-left: 21px;*/
    }

    .pmi-table tr[data-level="3"] .expando, .pmi-table-header tr[data-level="3"] .expando {
        margin-left: 28px;
    }
}

.pmi-table th, .pmi-table td, .pmi-table-header th, .pmi-table-header td {
    border-style: solid;
    border-width: 1px 1px 1px 0;
    text-align: right;
    white-space: nowrap;
    line-height: 23px;
}

.pmi-table th, .pmi-table-header th {
    font-style: normal;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    border-color: #fff;
    border-width: 1px 1px 2px 0;
}

.pmi-table td {
    border-color: #7dadbc;
}

.pmi-table .full-border td {
    border-width: 1px;
}

.pmi-table tr.footer-row td, .pmi-table tr.forecast td, .pmi-table tr.budget td, .pmi-table tr.mtd td, .pmi-table tr.month-end td,
.pmi-table tr.schedule td, .pmi-table tr.schedule-total td, .pmi-table tr.schedule-detail-date td,
.pmi-table tr.budget-date td, .pmi-table tr.row-account td {
    /*border-color: #fff;
    border-width: 0 1px 1px 0;*/
}

.pmi-table tr.month-subrow.smart-forecast, .pmi-table tr.mtd-subrow.smart-forecast {
    display: none;
}

.pmi-table tr.footer-row td.colsep {
    background-color: #fff;
}

.pmi-table tr.forecast[data-level="0"] {
    background-color: #fca620;
}

.pmi-table tr.budget[data-level="0"] {
    background-color: #a1720c;
}

.pmi-table tr.mtd, .pmi-table tr.month-end {
    background-color: #abc0c7;
}

.pmi-table .history {
    background-color: #e5ebec;
}

.pmi-table tr.weekend {
    background-color: #a8dced;
}

.pmi-table tr.history.weekend {
    background-color: #bdd7df;
}

.pmi-table tr.weekend td {
    line-height: 26px;
}

    .pmi-table tr.weekend td.colsep, .pmi-table tr.weekend.sunday td.colsep {
        border-width: 1px;
        border-bottom-width: 0px;
    }

.pmi-table tr.weekend.sunday td {
    /*border-bottom-width: 1px;
        border-bottom-color: #277790;*/
    line-height: 25px;
}

.pmi-table tr.division {
    background-color: #d0d9dc;
}

.pmi-table tr.schedule {
    background: #b3cedc;
}

.pmi-table tr.schedule-total {
    background: #e8f0f5;
}

.pmi-table tr.row-account {
    background-color: #fff;
}

.pmi-table tr.category {
}

    .pmi-table tr.category[data-level="0"], .pmi-table tr.category.forecast[data-level="0"], .pmi-table tr.category.budget[data-level="0"] {
        background-color: #ABDEF1;
    }

    .pmi-table tr.category td, .pmi-table tr.row-account td {
        border-bottom-width: 1px;
        border-bottom-color: #95BFCB;
        border-right-width: 1px;
        border-right-color: #95BFCB;
    }

        .pmi-table tr.category td.colsep, .pmi-table tr.row-account td.colsep {
            /*border: 1px solid #c9e0e8;*/
        }

    .pmi-table tr.category[data-level="0"] .sws {
        font-weight: bold;
    }

    .pmi-table tr.category[data-level="1"] {
        background-color: #C8EAF3;
    }

    .pmi-table tr.category[data-level="2"] {
        background-color: #E3F5F7;
    }

    .pmi-table tr.category[data-level="3"] {
        background-color: #F4F4F4;
    }

    .pmi-table tr.category[data-level="4"] {
        background-color: #fff;
    }

.pmi-table tr > td.sws {
    border-right-color: transparent !important;
}

.pmi-table tr[data-level='0'] > td.sws .expando {
    margin-left: 15px;
}

.pmi-table tr[data-level='0'] > td.sws .text {
    margin-left: 30px;
}

.pmi-table tr[data-level='0'] > td.sws .expando.hidden + .text {
    margin-left: 15px;
}

.pmi-table tr[data-level='1'] > td.sws .expando {
    margin-left: 29px;
}

.pmi-table tr[data-level='1'] > td.sws .text {
    margin-left: 40px;
}

.pmi-table tr[data-level='0'] > td.sws .expando + .text,
.pmi-table tr[data-level='1'] > td.sws .expando + .text,
.pmi-table tr[data-level='2'] > td.sws .expando + .text,
.pmi-table tr[data-level='3'] > td.sws .expando + .text,
.pmi-table tr[data-level='4'] > td.sws .expando + .text {
    margin-left: 3px;
}

.pmi-table tr[data-level='2'] > td.sws .expando {
    margin-left: 40px;
}

.pmi-table tr[data-level='2'] > td.sws .text {
    margin-left: 55px;
}

.pmi-table tr[data-level="3"] > td.sws .expando {
    margin-left: 32px;
}

.pmi-table tr[data-level='3'] > td.sws .text {
    margin-left: 45px;
}

.pmi-table tr[data-level="4"] > td.sws .expando {
    margin-left: 75px;
}

.pmi-table tr[data-level='4'] > td.sws .text {
    margin-left: 57px;
}

.pmi-table tr.row-account.parent-account {
    background: #F4F4F4;
}

    .pmi-table tr.row-account.parent-account[data-leaf='1'] {
        background: #fff;
    }

.pmi-table tr.row-account.sub-account {
    background: #fff;
}

.pmi-table td.icon-cell {
    text-align: center;
}

.pmi-table tr.section, .pmi-table-header tr.section, .pmi-table tr.primary, .pmi-table-header tr.primary {
    color: #ffffff;
}

.pmi-table .text {
    padding-right: 2px;
}

.pmi-table tr + tr[data-level='0'].today td, .pmi-table-header tr.today td, .pmi-table-header tr.last-month td {
    font-family: opensans-regular;
    border-top-color: #dd0925;
    border-top-width: 2px !important;
    font-weight: bold;
}

.pmi-table tr[data-level="1"].today, .pmi-table-header tr[data-level="1"].today {
    font-family: 'opensans-regular';
}

.pmi-table tr[data-level='0'].schedule-horizon td, .pmi-table-header tr.schedule-horizon td {
    border-bottom-color: #72ac4d;
    border-bottom-width: 2px !important;
}

.pmi-table tr[data-level='0'].threshold td {
    border-top-color: #4da1bc;
    border-top-width: 2px !important;
}

.pmi-table tr.within-threshold.weekend td#Otb,
.pmi-table tr.within-threshold.weekend td#Avr_Otb,
.pmi-table tr.within-threshold.weekend td#Rev_Otb,
.pmi-table tr.beyond-threshold.weekend td#RevenueDriver, .pmi-table tr.threshold.weekend td#RevenueDriver,
.pmi-table tr.beyond-threshold.weekend td#Avr_RevenueDriver, .pmi-table tr.threshold.weekend td#Avr_RevenueDriver,
.pmi-table tr.beyond-threshold.weekend td#Rev_RevenueDriver, .pmi-table tr.threshold.weekend td#Rev_RevenueDriver {
    background-color: #7dcbe3;
}

.pmi-table tr[data-level='0'].schedule-horizon td {
    background: #dadada;
}

.pmi-table .expando + .text, .pmi-table-header .expando + .text {
    margin-left: 2px;
}

.pmi-table.segment-empty .expando + .text, .pmi-table-header.segment-empty .expando + .text {
    margin-left: 7px;
}

tr[data-level="1"] td .text, tr[data-level="2"] td .text,
tr[data-level="1"] th .text, tr[data-level="2"] th .text {
    font-family: 'opensans-regular';
}

.pmi-table .pmi-row-sep, .pmi-table-header .pmi-row-sep {
    height: 6px !important;
    min-height: 6px;
    max-height: 6px;
    border: none;
    background-color: #ffffff;
    display: none;
}

.pmi-table tr .with-colsep, .pmi-table-header tr .with-colsep {
    border-right-width: 5px !important;
    border-right-style: solid !important;
}

.pmi-table tr.empty .with-colsep, .pmi-table-header tr.empty .with-colsep {
    border-right-color: #fff;
    border-bottom: none;
}

.pmi-table .colsep, .pmi-table-header .colsep, .pmi-table tr.total > td.colsep {
    width: 5px;
    -moz-min-width: 5px;
    -ms-min-width: 5px;
    -o-min-width: 5px;
    -webkit-min-width: 5px;
    min-width: 5px;
    max-width: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #73a5b5 #fff #fff;
    background-color: #fff;
    padding: 0 !important;
}

.pmi-table-header th.colsep {
    border: 1px solid #fff;
}

.pmi-table tr th.colsep, .pmi-table-header tr th.colsep,
.pmi-table tr td.colsep, .pmi-table-header tr td.colsep,
.pmi-table tr td.colsep:last-child {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #fff #73a5b5 #fff #fff;
}

.pmi-table .colsepWide, .pmi-table-header .colsepWide {
    width: 50px;
    -moz-min-width: 50px;
    -ms-min-width: 50px;
    -o-min-width: 50px;
    -webkit-min-width: 50px;
    min-width: 50px;
    max-width: 50px;
    border: none;
    background-color: #ffffff;
    text-align: right;
    padding: 0 !important;
}

.pmi-table-header tr .colsep.today, .pmi-table tr.schedule-detail-date .colsep.today,
.pmi-table tr .colsep.today, .pmi-table tr.infos .colsep.today,
.pmi-table-header tr .colsep.schedule-horizon, .pmi-table tr.schedule-detail-date .colsep.schedule-horizon,
.pmi-table tr .colsep.schedule-horizon, .pmi-table tr.infos .colsep.schedule-horizon {
    background-color: #ed2a24 !important;
    background-image: repeating-linear-gradient(#72ab4d 0, #72ab4d 10px, #f0f4f6 10px, #f0f4f6 14px) !important;
    border-color: #ed2a24 !important;
    border-width: 1px 0;
    -moz-min-width: 2px;
    -ms-min-width: 2px;
    -o-min-width: 2px;
    -webkit-min-width: 2px;
    min-width: 2px;
    max-width: 2px;
    width: 2px;
}

.pmi-table-header tr .colsep.schedule-horizon, .pmi-table tr.schedule-detail-date .colsep.schedule-horizon,
.pmi-table tr .colsep.schedule-horizon, .pmi-table tr.infos .colsep.schedule-horizon {
    background-color: #72ab4d !important;
    background-image: repeating-linear-gradient(#72ab4d 0, #72ab4d 10px, #f0f4f6 10px, #f0f4f6 14px) !important;
    border-color: #72ab4d !important;
}

.pmi-table tr.schedule-horizon-period[data-tks="true"] {
    font-weight: bold;
    color: #ff0000;
}

.pmi-table td.sws, .pmi-table-header td.sws {
    text-align: left;
    padding-left: 0;
}

.segment-empty .expando {
    display: none;
}

.pmi-table .expando, .pmi-table-header .expando {
    color: #808080;
    cursor: pointer;
}

.pmi-table tr.primary, .pmi-table-header tr.primary {
    height: 46px;
    background-color: #6494a5;
}

.pmi-table tr.section, .pmi-table-header tr.section {
    background-color: #89adba;
}

.pmi-table tr.beyond-threshold th.col-revenue-driver,
.pmi-table-header tr.beyond-threshold th.col-revenue-driver,
.pmi-table tr.within-threshold th.col-otb,
.pmi-table-header tr.within-threshold th.col-otb {
    background-color: #4da1bc;
}

.pmi-table tr.section-x, .pmi-table-header tr.section-x {
    background-color: #abbcc2;
    color: #ffffff;
}

.pmi-table tr.primary th > div, .pmi-table-header tr.primary th > div {
    height: 45px;
    line-height: 45px;
}

.pmi-table th > div, .pmi-table td > div, .pmi-table-header th > div, .pmi-table td > div {
    vertical-align: middle;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    /*overflow: hidden;*/
}
/*.pmi-table th > div > span , .pmi-table-header th > div > span{ display: inline-block; padding: 6px 2px 0 2px; line-height: 16px; }*/
.pmi-table td.sws, .pmi-table-header td.sws {
    padding: 0;
}

.pmi-table.consolidation-otb td.sws .text {
    padding-right: 15px;
}

.pmi-table td > div, .pmi-table-header td > div,
.pmi-table th > div, .pmi-table-header th > div {
    overflow: visible;
}

.pmi-table tr.footer-row td > div {
    overflow: visible;
}

.pmi-table td.sws > div {
    /*line-height: 26px;*/
}

.ind {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
}

.ind-s {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 5px;
}

.actual {
    background-color: #7dcae0;
}

.budget, .smartbudget {
    background-color: #a1720c;
}

.forecast, .smartforecast {
    background-color: #fca620;
}

.lastyear, .smartlastyear {
    background-color: #959595;
}

.baseyear {
    background-color: #1E90FF;
}

.percent-variation {
    background-color: #90EE90;
}

.weekend-table .pmi-table tr.past {
    background-color: #d9e9ed !important;
}

.weekend-table .pmi-table tr.present {
    background-color: #d9e9ed !important;
}

.weekend-table .pmi-table tr[data-level="0"] {
    background-color: #d9e9ed !important;
}

.weekend-table .pmi-table tr.total[data-level='0'] {
    background-color: #abc0c7 !important;
}

.weekend-table .pmi-table tr[data-level="1"], .pmi-table tr[data-level="1"].weekend {
    background-color: #EEEEEE !important;
}

    .weekend-table .pmi-table tr[data-level="1"].segment-group {
        background-color: #DDDDDD !important;
    }

.pmi-table tr.past.tuesday, .pmi-table tr.past.thursday, .pmi-table tr.present.tuesday, .pmi-table tr.present.thursday {
    /*background-color: #ECFAFF;*/
}

.pmi-table tr.mtd {
    background-color: #e0beae;
}

.pmi-table tr.total, .pmi-table tr.budget.total, .pmi-table tr.forecast.total {
    background-color: #abc0c7;
}

.pmi-table tr td:last-child {
    border-right-width: 0;
}

.pmi-table tr.has-border-right td:last-child, .pmi-table tr td.colsep:last-child {
    border-right-width: 1px;
}

.pmi-table tr[data-level="1"] {
    background-color: #EEEEEE;
}

    .pmi-table tr[data-level="1"].weekend {
        background-color: #EEEEEE !important;
    }

    .pmi-table tr[data-level="1"].segment-group {
        background-color: #ebebeb;
    }

        .pmi-table tr[data-level="1"].segment-group .col-segment {
            padding-left: 0;
            font-weight: bold;
        }

.pmi-table tr.schedule-detail-date td.colsep,
.pmi-table tr.budget-date td.colsep {
    background: #fff;
    border: 1px solid #fff;
}


.pmi-table tr.past td.dark {
    background-color: #d6e5e9;
}

.pmi-table tr.past.weekend td.dark {
    background-color: #cbdfe6;
}

.pmi-table tr.present td.dark {
    background-color: #bbdde7;
}

.pmi-table tr.present.weekend td.dark {
    background-color: #a1cfdd;
}

.pmi-table tr.past > td.icons > div > span {
    -ms-opacity: 0.5;
    opacity: 0.5;
}


.pmi-table tr.ignored {
    background-color: rgb(208, 217, 220);
}

.pmi-table tr.processing {
    background-color: #eddb98;
}

.pmi-table tr.mappingChanged {
    background-color: #cede88;
}

.pmi-table tr.mapping {
    background-color: rgb(232, 240, 245);
}

.pmi-table tr.mappingUnmapped {
    background-color: #e4b1b1;
}

/*.pmi-table tr.budget {
    background-color: #d4c9b1;
}*/

.pmi-table tr.budget td.dark {
    background-color: #c9bfa8;
}

.pmi-table tr.budget div.ind {
    background-color: #a1720c;
}

.pmi-table tr.actual {
    background: #abc0c7;
}

    .pmi-table tr.actual div.ind {
        background: #7dcae0;
    }

    .pmi-table tr.actual td.dark {
        background: #a2b6bd;
    }


.pmi-table tr.forecast_index[data-level="0"], .pmi-table tr.forecast[data-level="0"], .pmi-table tr.todate_forecast[data-level="0"], .pmi-table tr.deviation_forecast[data-level="0"] {
    background-color: #feeac9;
}

    .pmi-table tr.forecast_index[data-level="0"] td.dark, .pmi-table tr.forecast[data-level="0"] td.dark, .pmi-table tr.todate_forecast[data-level="0"] td.dark, .pmi-table tr.deviation_forecast[data-level="0"] td.dark {
        background-color: #f1dec0;
    }

    .pmi-table tr.forecast_index[data-level="0"] div.ind, .pmi-table tr.forecast[data-level="0"] div.ind, .pmi-table tr.todate_forecast[data-level="0"] div.ind, .pmi-table tr.deviation_forecast[data-level="0"] div.ind {
        background-color: #fca620;
    }

.pmi-table tr.todate_budget[data-level="0"], .pmi-table tr.budget[data-level="0"], .pmi-table tr.budget_index[data-level="0"], .pmi-table tr.deviation_budget[data-level="0"] {
    background-color: #d4c9b1;
}

    .pmi-table tr.todate_budget[data-level="0"] td.dark, .pmi-table tr.budget[data-level="0"] td.dark, .pmi-table tr.budget_index[data-level="0"] td.dark, .pmi-table tr.deviation_budget[data-level="0"] td.dark {
        background-color: #c9bfa8;
    }

    .pmi-table tr.todate_budget[data-level="0"] div.ind, .pmi-table tr.budget[data-level="0"] div.ind, .pmi-table tr.budget_index[data-level="0"] div.ind, .pmi-table tr.deviation_budget[data-level="0"] div.ind {
        background-color: #a1720c;
    }

.pmi-table tr.last_year[data-level="0"], .pmi-table tr.monthend_last_year_index[data-level="0"],
.pmi-table tr.last_year_index[data-level="0"], .pmi-table tr.todate_lastyear[data-level="0"],
.pmi-table tr.monthend_last_year_index[data-level="0"],
.pmi-table tr.deviation_last_year[data-level="0"] {
    background-color: #bcbcbc;
}

    .pmi-table tr.last_year[data-level="0"] td.dark, .pmi-table tr.last_year_index[data-level="0"] td.dark,
    .pmi-table tr.todate_lastyear[data-level="0"] td.dark, .pmi-table tr.monthend_last_year_index[data-level="0"] td.dark,
    .pmi-table tr.deviation_last_year[data-level="0"] td.dark {
        background-color: #b2b2b2;
    }

    .pmi-table tr.last_year[data-level="0"] div.ind, .pmi-table tr.last_year_index[data-level="0"] div.ind,
    .pmi-table tr.todate_lastyear[data-level="0"] div.ind, .pmi-table tr.monthend_last_year_index[data-level="0"] div.ind,
    .pmi-table tr.deviation_last_year[data-level="0"] div.ind {
        background-color: #959595;
    }

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

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

.no-cursor {
    cursor: default !important;
}

/* navbar */
@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 20px;
        margin-left: 15px;
    }

    .cockpit-cockpit .modal.tools-list .modal-dialog {
        -moz-min-width: 700px;
        -ms-min-width: 700px;
        -o-min-width: 700px;
        -webkit-min-width: 700px;
        min-width: 700px;
    }

    .cockpit-schedule .modal.tools-list .modal-dialog {
        -moz-min-width: 800px;
        -ms-min-width: 800px;
        -o-min-width: 800px;
        -webkit-min-width: 800px;
        min-width: 800px;
    }

    .planning-planning .modal.tools-list .modal-dialog {
        -moz-min-width: 700px;
        -ms-min-width: 700px;
        -o-min-width: 700px;
        -webkit-min-width: 700px;
        min-width: 700px;
    }

    .benchmarking-benchmarking .columns-2.modal.tools-list .modal-dialog {
        -moz-min-width: 650px;
        -ms-min-width: 650px;
        -o-min-width: 650px;
        -webkit-min-width: 650px;
        min-width: 650px;
    }

    .budgetforecast-rollingforecast .modal.tools-list .modal-dialog {
        -moz-min-width: 700px;
        -ms-min-width: 700px;
        -o-min-width: 700px;
        -webkit-min-width: 700px;
        min-width: 700px;
    }

    .budgetforecast-rollingforecast .modal.pmi-views.tools-list .modal-dialog {
        -moz-min-width: 750px;
        -ms-min-width: 750px;
        -o-min-width: 750px;
        -webkit-min-width: 750px;
        min-width: 750px;
    }

    .modal.tools-list.columns-1 .modal-dialog {
        max-width: 280px;
        -moz-min-width: inherit;
        -ms-min-width: inherit;
        -o-min-width: inherit;
        -webkit-min-width: inherit;
        min-width: inherit;
    }

    .modal.pmi-views.tools-list.columns-1 .modal-dialog {
        max-width: 350px;
    }

    .modal.tools-list.columns-2 .modal-dialog {
        max-width: 460px;
        -moz-min-width: inherit;
        -ms-min-width: inherit;
        -o-min-width: inherit;
        -webkit-min-width: inherit;
        min-width: inherit;
    }

    .modal.pmi-views.tools-list.columns-2 .modal-dialog {
        max-width: 600px;
    }
}

.fa-regular.btn-simulated-user {
    font-size: 17px;
    margin-bottom: 3px;
}

.pmi-navbar {
    background: #333b46;
    border: none;
    margin-bottom: 0;
    min-height: 32px;
}

    .pmi-navbar .navbar-brand {
        color: #999da3;
    }

        .pmi-navbar .navbar-brand:hover,
        .pmi-navbar .navbar-brand:focus {
            color: #ffffff;
            background-color: #376f84;
        }

    .pmi-navbar .navbar-text {
        color: #999da3;
    }

    .pmi-navbar .navbar-nav > li > a {
        color: #999da3;
        padding-top: 3px !important;
        padding-bottom: 2px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

        .pmi-navbar .navbar-nav > li > a:hover,
        .pmi-navbar .navbar-nav > li > a:focus {
            color: #ffffff;
            background-color: #376f84;
        }

    .pmi-navbar .navbar-nav > .active > a,
    .pmi-navbar .navbar-nav > .active > a:hover,
    .pmi-navbar .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #376f84;
    }

    .pmi-navbar .navbar-nav > .disabled > a,
    .pmi-navbar .navbar-nav > .disabled > a:hover,
    .pmi-navbar .navbar-nav > .disabled > a:focus {
        color: #999da3;
        background-color: transparent;
    }

    .pmi-navbar .navbar-toggle {
        border-color: #ddd;
    }

        .pmi-navbar .navbar-toggle:hover,
        .pmi-navbar .navbar-toggle:focus {
            background-color: #ddd;
        }

        .pmi-navbar .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .pmi-navbar .navbar-collapse,
    .pmi-navbar .navbar-form {
        border-color: #757a81;
    }

    .pmi-navbar .navbar-nav > .open > a,
    .pmi-navbar .navbar-nav > .open > a:hover,
    .pmi-navbar .navbar-nav > .open > a:focus {
        color: #ffffff;
        background-color: #376f84;
    }

    .pmi-navbar .form-control {
        font-family: opensans-regular;
        font-size: 12px;
        color: #ffffff;
        background-color: #515862;
        background-image: none;
        border: 1px solid #757a81;
        height: 24px;
    }

        .pmi-navbar .form-control:focus {
            border-color: #757a81;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #66afe9;
            -ms-box-shadow: inset 0 1px 1px #000000, 0 0 8px #66afe9;
            -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px #000000, 0 0 8px #66afe9;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        }

body.administration-hierarchy {
    padding-left: 70px;
}

.administration-budgetforecastupload #dataContainer tr label {
    margin-bottom: 0;
}

body.administration-hierarchy #breadcrumbs_menu {
    display: none;
}

@media (min-width: 768px) {
    .pmi-navbar .form-control {
        margin-top: 14px;
    }
}

/* workspace navbar */
@media (max-width: 1025px) {
    .pmi-ws-navbar {
        padding-top: 8px;
        padding-left: 0;
    }
}

@media (min-width: 1026px) {
    .pmi-ws-navbar {
        padding-top: 14px;
        padding-left: 16px;
    }
}

.pmi-ws-navbar {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    background-color: #ffffff;
}

body.no-sidebar .pmi-ws-navbar .container-fluid {
    padding: 0;
}

.pmi-page-title {
    font-weight: bold;
}

a > span[id^="hierarchy_menu_"], .granularity, .caption {
    color: #0a8ebf;
}

.pmi-ws-navbar .navbar-brand {
    color: #999da3;
}

    .pmi-ws-navbar .navbar-brand:hover,
    .pmi-ws-navbar .navbar-brand:focus {
        color: #ffffff;
        background-color: #376f84;
    }

.pmi-ws-navbar .navbar-text {
    color: #999da3;
}

.pmi-ws-navbar .navbar-nav > li > a {
    color: #999da3;
}

    .pmi-ws-navbar .navbar-nav > li > a:hover,
    .pmi-ws-navbar .navbar-nav > li > a:focus {
        color: #ffffff;
        background-color: #376f84;
    }

.pmi-ws-navbar .navbar-nav > .active > a,
.pmi-ws-navbar .navbar-nav > .active > a:hover,
.pmi-ws-navbar .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #376f84;
}

.pmi-ws-navbar .navbar-nav > .disabled > a,
.pmi-ws-navbar .navbar-nav > .disabled > a:hover,
.pmi-ws-navbar .navbar-nav > .disabled > a:focus {
    color: #999da3;
    background-color: transparent;
}

.pmi-ws-navbar .navbar-toggle {
    border-color: #ddd;
}

    .pmi-ws-navbar .navbar-toggle:hover,
    .pmi-ws-navbar .navbar-toggle:focus {
        background-color: #ddd;
    }

    .pmi-ws-navbar .navbar-toggle .icon-bar {
        background-color: #888;
    }

.pmi-ws-navbar .navbar-collapse,
.pmi-ws-navbar .navbar-form {
    border-color: #757a81;
}

.pmi-ws-navbar .navbar-nav > .open > a,
.pmi-ws-navbar .navbar-nav > .open > a:hover,
.pmi-ws-navbar .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #376f84;
}

.pmi-ws-navbar .form-control {
    font-family: opensans-regular;
    font-size: 12px;
    color: #ffffff;
    background-color: #515862;
    background-image: none;
    border: 1px solid #757a81;
    height: 24px;
}

    .pmi-ws-navbar .form-control:focus {
        border-color: #757a81;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #66afe9;
        -ms-box-shadow: inset 0 1px 1px #000000, 0 0 8px #66afe9;
        -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px #000000, 0 0 8px #66afe9;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

/* datepicker */
.datepicker-elements {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .datepicker-elements li {
        display: inline;
        float: left;
    }

.pmi-datepicker {
    list-style: none;
    padding-left: 0;
}

    .pmi-datepicker > li {
        display: inline-block;
        margin: 0 5px;
    }

        .pmi-datepicker > li + li:before {
            padding: 0;
            content: " ";
        }

        .pmi-datepicker > li.mode:after {
            padding: 0;
        }

    .pmi-datepicker > .active {
        color: #999;
    }

/* menu */
.pmi-menu {
    list-style: none;
}

    .pmi-menu > li {
        display: inline-block;
    }

        .pmi-menu > li > .arrow-next {
            padding: 0 5px;
            color: #6C6C6C;
        }

            .pmi-menu > li > .arrow-next:before {
                content: "\e258";
                position: relative;
                top: 1px;
            }

        .pmi-menu > li.hierarchy-item.last > .arrow-next {
            display: none;
        }

    .pmi-menu > .active {
        color: #999;
    }

ul.pmi-cockpits, ul.pmi-gogreens {
    list-style: none;
    padding-left: 0;
}

    ul.pmi-cockpits > li {
        display: inline-block;
    }

        ul.pmi-cockpits > li > a {
            position: relative;
            display: block;
        }

.rh-padding-0 {
    padding-right: 0;
}

.lf-padding-0 {
    padding-left: 0;
}

.pmi-ico-fa {
    font-size: 15px;
    height: 16px;
    width: 16px;
    margin-left: 8px;
    color: #808080;
    cursor: pointer;
}

.dropdown-menu {
    z-index: 5556;
}

    .dropdown-menu li {
        /*min-width: 200px;*/
    }

/* Multi-level dropdown */
.dropdown-submenu {
    /*position: relative;*/
    width: 100%;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        -ms-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > .dropdown-menu {
        position: absolute;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }
    /*.dropdown-submenu.pull-left { float:none; }*/
    .dropdown-submenu.pull-left > .dropdown-menu {
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        -ms-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
        left: -74px;
        margin-left: -100%;
        -moz-min-width: 245px;
        -ms-min-width: 245px;
        -o-min-width: 245px;
        -webkit-min-width: 245px;
        min-width: 245px;
        width: 100%;
    }

/*START PMI property menu*/
.pmi-menu-container {
    position: absolute;
    left: 0;
    top: 30px;
    max-height: 66vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    width: auto;
    min-width: unset;
}

.pmi-menu-header {
    padding: 0 12px;
}

.pmi-options-container {
    position: relative;
    height: 5px;
}

.pmi-options-dropdown {
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
}

    .pmi-options-dropdown button {
        border-width: 0px;
        border: none;
        outline: none;
        height: 18px;
        font-size: 18px;
        line-height: normal;
        background-color: white;
        color: lightgray;
    }

.dropdown-menu-center {
    padding: 0;
    margin: 0;
}

    .dropdown-menu-center li {
        position: relative;
        line-height: 28px;
        margin-right: 30px;
    }

        .dropdown-menu-center li:hover a {
            text-decoration: none;
            color: #000;
        }

    .dropdown-menu-center i {
        font-size: 22px;
        cursor: pointer;
        color: #4cbf00;
        position: absolute;
        right: -30px;
        top: 4px;
    }

    .dropdown-menu-center a {
        display: inline;
        padding: 0;
        cursor: default;
    }

        .dropdown-menu-center a:hover {
            color: #000;
            background-color: #fff !important;
        }

.pmi-header-title {
    padding: 5px 5px 5px;
    font-weight: bold;
    font-size: 16px;
}

.pmi-props-menu {
    margin: 15px 17px 15px 0;
    padding: 0;
    column-count: 3;
    column-gap: 1px;
    column-rule: 1px solid lightgray;
    width: auto;
    min-width: 200px;
}

    .pmi-props-menu li {
        height: 28px;
        line-height: 15px;
        margin: 0px;
        min-width: 200px;
        overflow: hidden;
        padding-top: 8px;
        position: relative;
        white-space: nowrap;
        width: auto;
        word-wrap: normal;
    }

        .pmi-props-menu li a {
            padding-left: 17px;
        }

            .pmi-props-menu li a:hover {
                color: #43576F;
            }

        .pmi-props-menu li a,
        .pmi-props-menu li span {
            max-width: 280px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .pmi-props-menu li.group span {
            font-size: 14px;
            padding-left: 19px;
        }

    .pmi-props-menu.nogroups li a {
        padding-left: 9px;
    }

    .pmi-props-menu .group {
        font-weight: bold;
        background-color: #f5f5f5;
    }

    .pmi-props-menu li.group a {
        padding-left: 5px;
    }

.pmi-care,
.pmi-pin,
.pmi-collapse {
    position: absolute;
    top: 7px;
    cursor: pointer;
    font-size: 14px !important;
    color: #fff;
    display: none !important;
}

    .pmi-care.active,
    .pmi-pin.active {
        color: black;
        text-shadow: none !important;
        display: inline !important;
    }

    .pmi-care.active {
        color: red;
    }

.pmi-care {
    right: 25px;
}

.pmi-pin {
    right: 10px;
}

.group .pmi-collapse {
    right: 45px;
    top: 6px;
}

.pmi-property {
    padding-bottom: 5px;
    font-size: 13px;
}

    .pmi-property.item {
        cursor: pointer;
    }

    .pmi-property:hover:before {
        content: " ";
        display: inline-block;
        background-color: #70b7fe;
        width: 5px;
        height: 26px;
        margin-right: 5px;
        position: absolute;
        top: 0;
    }

    .pmi-property:hover {
        color: #262626;
        text-decoration: none;
        background-color: #dee8f2 !important;
    }

        .pmi-property:hover .pmi-care,
        .pmi-property:hover .pmi-pin,
        .pmi-property:hover .pmi-collapse {
            text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
            display: inline !important;
        }

    .pmi-property a {
        margin-left: 10px;
        margin-right: 50px !important;
        padding-right: 0 !important;
        color: #000;
    }

    .pmi-property span {
        margin-right: 50px !important;
    }

    .pmi-property.selected {
        background-color: #f7f8fc;
    }

.item.highlighted {
    background-color: #ddd;
}

.pmi-unnamed {
    height: 5px !important;
    margin: 5px 5px 0 10px;
    border-top: 1px dashed lightgray;
}

.pmi-border {
    border-top: 1px solid lightgray;
    margin: 0 5px;
}

.pmi-menu-show-all {
    text-align: center;
    padding-bottom: 12px;
    line-height: normal;
    font-size: 13px;
    cursor: pointer;
}

    .pmi-menu-show-all:hover {
        text-decoration: none;
        background-color: #dee8f2;
    }

    .pmi-menu-show-all a,
    .pmi-menu-show-all i {
        color: lightgray;
    }

    .pmi-menu-show-all:hover a,
    .pmi-menu-show-all:hover i {
        color: #2a6496;
    }

    .pmi-menu-show-all .pmi-border {
        border-top: 1px dashed lightgray;
        margin: 0 15px 12px 20px;
    }

.pmi-singlecolumn {
    margin-right: 0;
}

    .pmi-singlecolumn .pmi-pin {
        right: 20px;
    }

    .pmi-singlecolumn .pmi-care {
        right: 35px;
    }

    .pmi-singlecolumn .pmi-collapse {
        right: 50px;
    }

    .pmi-singlecolumn a {
        margin-right: 70px !important;
    }

    .pmi-singlecolumn a {
        margin-right: 70px !important;
    }
/*END PMI property menu*/

/*START PMI chain menu*/
.chain-popover {
    min-width: 200px !important;
    max-width: none !important;
}

    .chain-popover .popover-content {
        padding: 0;
        position: relative;
    }

/*END PMI chain menu*/


/* dialog styles */
.popover {
    z-index: 5556;
    font-size: 13px;
}

.modal-backdrop {
    background: transparent;
}

.modal {
    font-size: 13px;
    overflow-y: auto;
    z-index: 5555;
}

.modal-title {
    white-space: nowrap;
    padding-right: 30px;
}

.modal-content {
    -webkit-box-shadow: 0 3px 9px #000000;
    -ms-box-shadow: 0 3px 9px #000000;
    -ms-box-shadow: 0 3px 9px rgba(0, 0, 0, .4);
    box-shadow: 0 3px 9px #000000;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .4); /* float: left; */
}

.modal-header {
    background-color: #343B45;
    color: #fff;
    padding: 9px 10px 5px;
}

    .modal-header .modal-title {
        font-size: 14px;
        font-weight: bold;
    }

    .modal-header .close {
        -ms-opacity: 1;
        opacity: 1;
        margin-top: -4px;
    }

.modal-body {
    overflow: hidden;
    margin-bottom: 10px;
}

.modal-footer {
    padding: 10px;
    margin: 0;
}

.popover-footer {
    float: left;
    clear: both;
    border-top: 1px solid #e5e5e5;
    width: 90%;
    margin-left: 5%;
    padding: 10px 0;
}

    .modal-footer .btn, .popover-footer .btn {
        font-size: 13px;
        border: none;
        padding: 4px 15px;
    }

        .modal-footer .btn.btn-danger, .popover-footer .btn.btn-danger {
            background-color: #d42e2b;
        }

        .modal-footer .btn.btn-success, .popover-footer .btn.btn-success {
            background-color: #63ca1e;
            margin-left: 5px;
        }

        .popover-footer .btn.btn-danger {
            margin-left: 5px;
        }

.modal-body .date-caption {
    padding-top: 2px;
}

    .modal-body .date-caption a.caption, .modal-body .datepicker-caption {
        color: #0a8ebf;
        font-weight: normal;
    }
/* custominized left, right */
.modal-body .datepicker-elements .ico-20-left {
    width: 11px;
    margin-right: 4px;
    background-position: -1433px 4px;
}

.modal-body .datepicker-elements .ico-20-right {
    width: 11px;
    margin-left: 4px;
    background-position: -1461px 4px;
}

.modal-body .datepicker-elements .ico-datenav-left {
    margin-top: 2px;
    margin-right: 4px;
}

.modal-body .datepicker-elements .ico-datenav-right {
    margin-top: 2px;
    margin-right: 4px;
}

.modal.tool .modal-dialog {
    max-width: 95%;
    max-height: 90%;
}

.modal.tools-list .modal-dialog, .modal.pmi-tools .modal-dialog {
    position: absolute;
    top: 20px;
    right: 40px;
}

.modal.tool .modal-content {
    max-width: 90%;
}

.modal.tool .modal-body {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.modal-body label {
    margin-left: 5px;
    margin-bottom: 0;
    font-weight: normal;
}

    .modal-body label.radio, .modal-body label.checkbox {
        margin-top: 0;
        white-space: nowrap;
    }

.pmi-views {
    -moz-min-width: 200px;
    -ms-min-width: 200px;
    -o-min-width: 200px;
    -webkit-min-width: 200px;
    min-width: 200px;
}

    .pmi-views .tool-item {
        float: left;
        width: 100%;
    }

.tool-table .fa {
    font-size: 14px;
    color: #666;
}

.tool-table th, .tool-body .tool-table td, .modal-body .tool-table td {
    padding: 5px;
    font-size: 12px;
}

.tool-table .emptyCell {
    background: #fff;
}

.tool-table .empty-row {
    background: #f1f5f7;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 2px;
}

.tool-table .emptyCell.bg {
    background: #f1f5f7;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 2px;
}

.tool-table input[type="text"] {
    background: #fff;
    border: 1px solid #bed7e0;
    color: #333;
    padding: 3px;
}

    .tool-table input[type="text"][disabled] {
        background: #eaf0f1;
    }

.tool-table input[type="radio"] {
    margin-right: 5px;
    vertical-align: middle;
    margin-top: 0;
}

.tool-table td.number {
    text-align: right;
    font-size: 11px;
}

.tool-table tr.header-group-row {
    background: #6594a4;
    color: #FFF;
}

.tool-table tr.header-row {
    background: #d0dadc;
    color: #000;
    text-align: center;
}

.tool-table tr.header-row2 {
    background: #82b3c3;
    color: #fff;
}

.tool-table tr.option-row {
    background: #c5e9f3;
}

.tool-table tr.total-row {
    background: #abc0c7;
}

.tool-table tr.total-row2 {
    background: #e3e6e7;
}

.tool-table tr.minor-row {
    background: #fff;
    text-align: center;
}

.tool-table tr.hotel-group td {
    border-bottom: 2px solid #2a5868;
    font-weight: bold;
}

.tool-table .pmi-table tr.segment-gorup {
    background: #fff !important;
}

.tool-table .pmi-table tr.segment-item {
    background: #e6e6e6 !important;
}

.tool-table tr.inactive td, .tool-table tr td.inactive {
    color: #c5c6c6;
}

    .tool-table tr.inactive td input[type="text"] {
        color: #c5c6c6;
        background: #eaf0f1;
    }

.tool-table .day-cell,
.tool-table .header-cell,
.tool-table .header-cell2,
.tool-table .header-row td,
.tool-table .header-row2 td,
.tool-table .option-row td,
.tool-table .minor-row td,
.tool-table .minor-row2 td,
.tool-table .total-row td {
    border-style: solid;
    border-color: #fff #fff #277790 #fff;
    border-width: 0 1px 1px 0;
    text-align: center;
}

.tool-table .header-group-row td,
.tool-table .header-row td {
    border-color: #fff #fff #fff #fff;
    border-style: solid;
    border-width: 0 1px 1px 0;
    text-align: left;
}

    .tool-table .header-group-row td:last-child,
    .tool-table .header-row td:last-child,
    .tool-table .minor-row td:last-child {
        border-right-width: 0;
    }

    .tool-table .header-group-row td.emptyCell, .tool-table .header-row td.emptyCell {
        border: none;
    }

.tool-table .minor-row td, .tool-table .total-row td {
    border-color: #ffffff #7cadbc #277790 #ffffff;
    border-width: 1px;
    white-space: nowrap;
}

.tool-table tr.driver-row-seperate td {
    border-top: 2px solid #7cadbc;
    border-right: 1px solid #7cadbc;
    border-left: 1px solid #7cadbc;
}

.tool-table tr.driver-row td {
    border-top: 1px solid #7cadbc;
    border-right: 1px solid #7cadbc;
    border-left: 1px solid #7cadbc;
}

.tool-table tr.driver-row-last td {
    border-top: 1px solid #7cadbc;
    border-right: none;
    border-left: none;
}

.tool-table tr.driver-row td.no-top-bottom-border, .tool-table tr.driver-row-seperate td.no-top-bottom-border {
    border-top: none;
}

.tool-table tr td.colsep {
    border: none;
    background: #fff;
    padding: 4px;
    width: 0;
}

    .tool-table tr.header-group-row td.colsep + td,
    .tool-table tr.header-row td.colsep + td,
    .tool-table tr td.colsep + td {
        border-left-color: #29586A;
        border-left-width: 1px;
    }

.tool-table tr.option-row td.colsep + td.emptyCell {
    border-left: none;
}

.tool-table tr td.right-space-cell {
    border-right: none;
}


.tool-table .day-cell {
    background: #d0d9dc;
    color: #666;
}

.tool-table .header-cell2 {
    background: #82b3c3;
    color: #fff;
}

.tool-table .major-cell {
    background: #f3f3f3;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 2px 0;
}

.tool-table .minor-cell {
    background: #fff;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 2px 0;
}

.tool-table .more-cell {
    background: #f8f8f8;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 2px 0;
}

.tool-table .total-row .minor-cell {
    background: #acc0c7;
}

.tool-table .total-row .major-cell {
    background: #a3b6bd;
}

.tool-table .average-cell {
    background: #d0d9dc;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 2px 0;
}

.tool-table .total-cell {
    background: #abc0c7;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 2px 0;
}

.tool-table .expand-more-cell {
    background: #f8f8f8;
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 2px;
}

.tool-table tr td.right-space-cell, .modal-body .tool-table tr td.bg.right-space-cell {
    /*border-right-width: 7px;*/
}

.tool-table span > label.radio, .tool-table > span > label.checkbox {
    padding: 5px;
    margin: 0 10px 0 0;
}

.planning-planning .tool-table span > label.radio, .tool-table > span > label.checkbox {
    padding-top: 0;
    padding-left: 25px;
}

.tool-table span > label.radio > input + i, .tool-table span > label.checkbox > input + i {
    top: 2px;
    left: 0;
    width: 17px;
    height: 17px;
}

.tool-table input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 7px;
}

.tool-table .old-cell {
    text-transform: capitalize;
    color: #fff;
}

.tool-table .old-cell2 {
    text-transform: capitalize;
    color: #fff;
    background: #6494a5;
}

.tool-table .green-cell {
    text-transform: capitalize;
    color: #fff;
    background: #63ca1e;
}

.tool-table .new-cell {
    text-transform: capitalize;
    color: #fff;
    background: #ffbb00;
}

.tool-table td [data-name='segment-name'] {
    padding-right: 30px;
}

.tool-table td.text-left {
    text-align: left;
}

.cockpit-cockpit .popover-content {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.popover-content .form-inline {
    margin-bottom: 5px;
}

.form-inline .checkbox input[type='checkbox'] {
    margin: 0 5px;
    vertical-align: middle;
}

.form-inline .radio input[type='radio'] {
    margin: 0 5px;
    vertical-align: middle;
}

.miniTool_top {
    width: auto;
    margin-right: 5px;
    float: left;
}

.miniTool_bottom {
    float: left;
}

.miniTool_area {
    clear: both;
    float: left;
    width: auto;
}

/* Navbar */
.navbar-fixed-bottom {
    padding-top: 5px;
    background-color: #ffffff;
    font-size: 10px;
    font-family: 'opensans-regular';
}

    .navbar-fixed-bottom .info {
        line-height: 40px;
    }

/* Columns */
.col-condensed > div {
    padding-right: 0;
}

    .col-condensed > div:first-child {
        padding-left: 0;
    }

    .col-condensed > div:last-child {
        padding-right: 0;
    }

/* Text styles */


/* Cockpit.aspx page */
.resource-table .table th, .resource-table .table td {
    padding: 5px 0;
}

/* Default.apsx page */
.dept-label {
    font-family: opensans-regular;
    color: #423f3b;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    margin: 0;
    line-height: 20px;
    text-indent: 10px;
    font-weight: normal;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.6);
    padding: 2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pmi-cockpits .cockpit-item {
    float: left;
    position: relative;
    width: 130px;
    height: 120px;
    margin-bottom: 10px;
    border: 1px solid #cbcbcb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

    .pmi-cockpits .cockpit-item.no-border {
        border: none;
    }

    .pmi-cockpits .cockpit-item.double-width {
        width: 270px;
    }

    .pmi-cockpits .cockpit-item.triple-width {
        width: 410px;
    }

    .pmi-cockpits .cockpit-item.quadruple-width {
        width: 550px;
    }

    .pmi-cockpits .cockpit-item.double-height {
        height: 250px;
    }

    .pmi-cockpits .cockpit-item.triple-height {
        height: 380px;
    }

    .pmi-cockpits .cockpit-item.quadruple-height {
        height: 630px;
    }

    .pmi-cockpits .cockpit-item .dept-label {
        text-align: center;
        text-indent: 0;
    }

    .pmi-cockpits .cockpit-item.double-width .dept-label {
        padding-right: 50%;
    }

.pmi-cockpits .grid-sizer {
    width: 130px;
    height: 120px;
}

.cockpit-item .top-corner {
    position: relative;
    overflow: hidden;
}

    .cockpit-item .top-corner:before {
        content: '';
        display: block;
        height: 34px;
        width: 34px;
        position: absolute;
        top: 0;
        left: 0;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

    .cockpit-item .top-corner.top-tri-red:before {
        background: url('../Images/Cockpits/cockpit-kpi-red.png') no-repeat top left transparent;
    }

    .cockpit-item .top-corner.top-tri-yellow:before {
        background: url('../Images/Cockpits/cockpit-kpi-yellow.png') no-repeat top left transparent;
    }

    .cockpit-item .top-corner.top-tri-green:before {
        background: url('../Images/Cockpits/cockpit-kpi-green.png') no-repeat top left transparent;
    }

.pmi-cockpits .green {
    background: #63ca1e;
    border-color: #63ca1e;
}

.pmi-cockpits .cockpit-item .left-block {
    width: 128px;
    height: 118px;
    background: url(../Images/Cockpits/bg-lightblue.png) repeat;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.pmi-cockpits .cockpit-item.double-width .left-block {
    width: 128px;
}

.pmi-cockpits .double-width.cockpit-item .right-block {
    width: 138px;
}

    .pmi-cockpits .double-width.cockpit-item .right-block .value-label {
        color: #ffffff;
        text-align: center;
        width: 100%;
        font-size: 38px;
        margin-top: 30px;
    }

.pmi-cockpits .cockpit-item.weather-item {
    background: #2c87ec;
}

    .pmi-cockpits .cockpit-item.weather-item .left-block {
        background: transparent;
    }

    .pmi-cockpits .cockpit-item.weather-item .right-block {
        color: #ffffff;
    }

    .pmi-cockpits .cockpit-item.weather-item .dept-label {
        background: #93c1f3;
        padding-right: 0;
    }

    .pmi-cockpits .cockpit-item.weather-item .w-temp {
        font-size: 35px;
        width: 100%;
        line-height: 34px;
        margin-top: 13px;
    }

    .pmi-cockpits .cockpit-item.weather-item .w-loc {
        width: 100%;
    }

    .pmi-cockpits .cockpit-item.weather-item .w-desc {
        width: 100%;
    }

    .pmi-cockpits .cockpit-item.weather-item img {
        height: 90px;
    }

.pmi-cockpits .gogreen-item.cockpit-item {
    border-color: transparent;
    width: 130px;
    height: 122px;
}

    .pmi-cockpits .gogreen-item.cockpit-item .dept-label {
        line-height: 30px;
    }

.pmi-cockpits .double-width.cockpit-item.gogreen-item {
    width: 270px;
    border-width: 1px;
    height: 120px;
}

    .pmi-cockpits .double-width.cockpit-item.gogreen-item .left-block {
        height: 118px;
    }

.pmi-cockpits .cockpit-item.gogreen-item .left-block {
    background: #ccebb8;
    height: 120px;
}

.pmi-index-block {
    background: #99bb83; /* Old browsers */
    background: -moz-linear-gradient(left, #99bb83 0, #bae29e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0,#99bb83), color-stop(100%,#bae29e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #99bb83 0,#bae29e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #99bb83 0,#bae29e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #99bb83 0,#bae29e 100%); /* IE10+ */
    background: linear-gradient(to right, #99bb83 0,#bae29e 100%); /* W3C */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99bb83', endColorstr='#bae29e',GradientType=1 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99bb83', endColorstr='#bae29e',GradientType=1 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99bb83', endColorstr='#bae29e',GradientType=1 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99bb83', endColorstr='#bae29e',GradientType=1 ); /* IE6-9 */
    margin-bottom: 10px;
}

.pmi-release {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../Images/Help/release-notes-unread.jpg);
    background-size: cover;
    height: 118px;
    cursor: pointer;
    border-radius: 4px;
}

    .pmi-release.gotit {
        background-image: url(../Images/Help/release-notes-read.jpg);
    }

.pmi-newfeature {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../Images/Help/ico-comingfeatures.gif);
    background-size: cover;
    height: 118px;
    cursor: pointer;
    border-radius: 4px;
}

    .pmi-newfeature.gotit {
        background-image: url(../Images/Help/ico-coming-default.png);
    }

.pmi-faq {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../Images/Help/faq-banner.jpg);
    background-size: cover;
    height: 118px;
    cursor: pointer;
    border-radius: 4px;
}

.pmi-cockpits .cockpit-item.release-item, .pmi-cockpits .cockpit-item.newfeature-item {
    background: #fff;
    cursor: pointer;
}


    .pmi-cockpits .cockpit-item.release-item .w-version, .pmi-cockpits .cockpit-item.newfeature-item .w-version {
        font-size: 35px;
        width: 100%;
        line-height: 45px;
        margin-top: 20px;
        text-align: center;
        color: #2384A2;
    }

    .pmi-cockpits .cockpit-item.release-item .w-build, .pmi-cockpits .cockpit-item.newfeature-item .w-build {
        width: 100%;
        text-align: center;
        color: #798695;
        margin-top: 8px;
    }

    .pmi-cockpits .cockpit-item.release-item .w-desc, .pmi-cockpits .cockpit-item.newfeature-item .w-desc {
        width: 100%;
    }

    .pmi-cockpits .cockpit-item.release-item .left-block, .pmi-cockpits .cockpit-item.newfeature-item .left-block {
        background: transparent;
    }


    .pmi-cockpits .cockpit-item.release-item .dept-label, .pmi-cockpits .cockpit-item.newfeature-item .dept-label {
        background: #fff;
        padding-right: 0;
    }


.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ccc;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ccc;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ccc;
}

.pmi-revpolu-block {
    background: #eaf4f8;
    color: #fff;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.li-import-status {
    height: unset !important;
}

.pmi-integration-block {
    color: #fff;
    background: #d42e2b;
    padding: 15px 60px 40px 15px;
    line-height: 22px;
    position: relative;
}

    .pmi-integration-block a {
        color: #fff;
        text-decoration: underline;
    }

        .pmi-integration-block a:hover {
            color: #fff;
            text-decoration: underline;
        }

    .pmi-integration-block .cockpit-warning {
        position: absolute;
        right: -25px;
        top: -10px;
    }

.pmi-account-block {
    color: #fff;
    background: #e97132;
    padding: 15px 60px 40px 15px;
    height: 100%;
    line-height: 22px;
    position: relative;
}

    .pmi-account-block a {
        color: #fff;
        text-decoration: underline;
    }

        .pmi-account-block a:hover {
            color: #fff;
            text-decoration: underline;
        }

    .pmi-account-block .cockpit-warning {
        position: absolute;
        right: -25px;
        top: -10px;
    }

.pmi-comment-block {
    padding-top: 14px; /* 8 */
    height: 90px;
    background: url(../Images/Cockpits/bg-lightblue.png) repeat;
    overflow-y: hidden;
}

    .pmi-comment-block a {
        margin-left: 15px;
        color: #3f90ab;
        text-decoration: underline !important;
    }

    .pmi-comment-block .notification-item {
        display: inline-block;
        width: 10px;
        height: 10px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        margin-right: 1px;
    }

        .pmi-comment-block .notification-item.view {
            background: #ef2520;
        }

        .pmi-comment-block .notification-item.like {
            background: #63ca1f;
        }

.notification-label {
    text-align: left;
    text-indent: 0;
    font-family: opensans-regular;
    color: #423f3b;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    margin: 0;
    line-height: 28px;
    text-indent: 10px;
    font-weight: bold;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.6);
}

.circle strong {
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-weight: 700;
    font-size: 30px;
    color: #fff;
}

.pmi-index-block .progress-container {
    padding: 13px 0 10px 0;
}

.pmi-index-block .circle-progress {
    width: 93px;
    position: relative;
    float: right;
}

.pmi-index-block .heading-container {
    display: table;
    height: 120px;
}

    .pmi-index-block .heading-container span {
        display: table-cell;
        vertical-align: middle;
    }

.pmi-index-block .heading, .pmi-revpolu-block .heading {
    color: #fff;
    font-size: 36px;
}

.pmi-revpolu-block .heading {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
}

.pmi-revpolu-block .revpolu-label {
    white-space: nowrap;
    padding: 0;
}

.pmi-revpolu-block .revpolu-title {
    background: #63b3cf;
    line-height: 30px;
    white-space: nowrap;
}

.pmi-revpolu-block .revpolu-heading {
    background-color: #87cae1;
    color: #fff;
    font-size: 18px;
}

    .pmi-revpolu-block .revpolu-heading .revpolu-value {
        font-size: 40px;
        line-height: 80px;
    }

    .pmi-revpolu-block .revpolu-heading .revpolu-kpi {
        vertical-align: super;
    }

.pmi-revpolu-block .revpolu-item-label {
    line-height: 15px;
    font-size: 10px;
    background: #a9bcc2;
    text-align: center;
}

.revpolu-item-label > div {
    min-height: 30px;
    display: table;
}

    .revpolu-item-label > div > span {
        vertical-align: middle;
        display: table-cell;
    }


.pmi-revpolu-block .revpolu-item-graph {
    position: relative;
}

.pmi-revpolu-block .revpolu-item-triangle {
    position: absolute;
    top: 35px;
    left: 0;
    border-left-color: #87cae1;
    z-index: 3;
    background: transparent;
}

.pmi-revpolu-block .revpolu-item-divider {
    position: absolute;
    background: #f4f7f9;
    width: 100%;
    height: 45px;
}

.pmi-revpolu-block .chart-container {
    color: #000;
    position: absolute;
    width: 100%;
    height: 88px;
}

.pmi-revpolu-block .shape-container {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

.shape-container .square-shape {
    display: block;
    position: absolute;
    left: 0;
    width: 28px;
    height: 16px;
    background: #fca620;
    z-index: 1;
}

.shape-container .hoz-line {
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    float: left;
    background: #fff;
    margin-top: 8px;
    z-index: 0;
}

.shape-container .circle-shape {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 2px;
    background: #fca620;
    border: 1px solid #fff;
    z-index: 1;
}

.shape-container.live-forecast .square-shape, .shape-container.live-forecast .circle-shape {
    background: #7dcae0;
}

.shape-container.forecast .square-shape, .shape-container.forecast .circle-shape {
    background: #fca620;
}

.shape-container.budget .square-shape, .shape-container.budget .circle-shape {
    background: #a1720c;
}

.shape-container.lastyear .square-shape, .shape-container.lastyear .circle-shape {
    background: #959595;
}

.cockpit-item[data-type='planning-chart'].expanded {
    background: #dee6e8;
    background: -moz-linear-gradient(left, #dee6e8 0, #eaf2f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0,#dee6e8), color-stop(100%,#eaf2f5));
    background: -webkit-linear-gradient(left, #dee6e8 0,#eaf2f5 100%);
    background: -o-linear-gradient(left, #dee6e8 0,#eaf2f5 100%);
    background: -ms-linear-gradient(left, #dee6e8 0,#eaf2f5 100%);
    background: linear-gradient(to right, #dee6e8 0,#eaf2f5 100%);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee6e8', endColorstr='#eaf2f5',GradientType=1 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee6e8', endColorstr='#eaf2f5',GradientType=1 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee6e8', endColorstr='#eaf2f5',GradientType=1 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee6e8', endColorstr='#eaf2f5',GradientType=1 );
}

.cockpit-item[data-type='planning-chart'] a.active {
    font-weight: bold;
}

.cockpit-item[data-type='planning-chart'] .dept-label {
    font-family: 'opensans-regular';
    font-weight: normal;
    font-size: 11px;
    background: #f4f8fa;
}

.cockpit-item[data-type='planning-chart'] .expand-btn {
    float: right;
    margin-left: 10px;
    display: block;
}

    .cockpit-item[data-type='planning-chart'] .expand-btn .pmi-ico {
        float: right;
        margin-top: 6px;
    }

.cockpit-item[data-type='planning-chart'] .graph-item {
    min-height: 40px;
    border-bottom: 1px solid #e9f2f5;
}

.graph-item .graph-name {
    display: table-cell;
    font-weight: bold;
    font-size: 12px;
    line-height: 40px;
    white-space: nowrap;
}

.graph-item .percent {
    font-size: 10px;
    margin-top: 5px;
    color: #a6abad;
}

    .graph-item .percent .value {
        font-size: 12px;
        line-height: 20px;
        font-weight: bold;
    }

    .graph-item .percent .name {
        font-size: 8px;
    }

.graph-item .graph-body {
    width: 185px;
    height: 40px;
    border-left: 1px solid #e9f2f5;
    border-right: 1px solid #e9f2f5;
}

.cockpit-item.expanded[data-type='planning-chart'] .graph-item {
    min-height: 250px;
    border-bottom: none;
    border-right: 1px solid #f0f5f7;
}

    .cockpit-item.expanded[data-type='planning-chart'] .graph-item:last-child {
        border-right: none;
    }

.expanded .graph-item .graph-name {
    font-size: 14px;
    line-height: 50px;
    text-align: center;
}

.expanded .graph-item .graph-body {
    width: 105px;
    height: 40px;
    border: none;
}

.expanded .graph-item .circle-progress {
    width: 95px;
    position: relative;
    margin-left: 5px;
}

    .expanded .graph-item .circle-progress strong {
        font-size: 26px;
        color: #7c8082;
    }

.expanded .graph-item .circle span {
    top: 65px;
    left: 0;
    right: 0;
    position: absolute;
    font-size: 8px;
    color: #a6abad;
}


.expanded .graph-item .graph-values {
    padding-bottom: 20px;
}

.expanded .graph-values .yte {
    position: absolute;
    bottom: -10px;
    right: 0;
    font-weight: bold;
}


.pmi-ico-16-empty {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.pmi-ico-20-empty {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 3px;
}

/* left sidebar */
.pmi-sidebar > .pmi-logo {
    display: none;
    position: absolute;
}

    .pmi-sidebar > .pmi-logo > div {
        width: 55px;
        height: 90px;
        line-height: 90px;
        vertical-align: middle;
        background-color: #333b46;
        display: inline-block;
        padding-top: 5px;
    }

.pmi-menu .main-menu-shortcut {
    display: none;
}

.no-sidebar .pmi-sidebar {
    display: none;
}

@media (max-width: 1025px) and (min-height: 642px) {
    .pmi-sidebar > .pmi-logo {
        display: block;
    }
}

@media (min-width: 1026px) and (min-height: 900px) {
    .pmi-sidebar > .pmi-logo {
        display: block;
    }
}

@media (max-width: 1025px) {

    body {
        padding-top: 52px;
        padding-left: 70px;
    }

    #dockpanel, #dockpanel_toggle {
        top: 56px;
    }

    .pmi-body {
        font-size: 12px;
        position: absolute;
        top: 56px;
        left: 74px;
        bottom: 50px;
        right: 25px;
        overflow: hidden;
    }

    body.no-sidebar .pmi-body {
        left: 25px;
    }

    .pmi-table td, .pmi-table-header td {
        font-size: 12px;
        padding: 0 2px 0 2px;
    }

    .pmi-table th, .pmi-table-header th {
        font-size: 12px;
    }

    .pmi-table td > span {
        padding: 0 2px 0 2px;
    }

    .pmi-table tr.primary th > div > span, .pmi-table-header tr.primary th > div > span, .pmi-table tr.section th > div > span, .pmi-table-header tr.section th > div > span, .pmi-table tr.section-x th > div > span, .pmi-table-header tr.section-x th > div > span {
        display: inline-block;
        line-height: 16px;
    }

    .pmi-table tr.primary th > div > span, .pmi-table-header tr.primary th > div > span {
        padding: 6px 2px 0 2px;
    }

    .pmi-table tr.section th > div > span, .pmi-table-header tr.section th > div > span, .pmi-table tr.section-x th > div > span, .pmi-table-header tr.section-x th > div > span {
        padding: 0 2px 0 2px;
    }

    .pmi-table input, .pmi-table-header input {
        font-size: 12px !important;
        padding: 0 2px 0 2px;
        text-align: right;
    }

    .pmi-table select, .pmi-table-header select {
    }

    .semibold, .individual, .group { /*font-family: 'opensans-semibold';*/
        font-size: 12px;
    }

    .regular {
        font-family: 'opensans-regular';
        font-size: 12px;
    }

    .pmi-table td.sws > div {
        line-height: normal;
    }

    .pmi-table .expando, .pmi-table-header .expando {
        margin-left: 7px;
        font-size: 13px;
    }

    .pmi-table tr[data-level="1"] .expando, .pmi-table-header tr[data-level="1"] .expando {
        margin-left: 11px;
    }

    .pmi-table tr[data-level="2"] .expando, .pmi-table-header tr[data-level="1"] .expando {
        margin-left: 15px;
    }

    .pmi-table tr[data-level="3"] .expando, .pmi-table-header tr[data-level="3"] .expando {
        margin-left: 19px;
    }

    .planning-planning .pmi-table td.sws > div {
        line-height: 24px;
    }

    .planning-planning .pmi-table tr.weekend > td.sws {
        border-bottom-width: 1px;
        border-top-width: 2px;
    }

    .planning-planning .pmi-table tr.weekend > td.sws {
        border-top-width: 0;
    }

    .pmi-sidebar {
        width: 55px;
    }

    .pmi-sidebar-content > li > a {
        display: inline-block;
        width: 55px;
        height: 55px;
        line-height: 70px;
        vertical-align: middle;
        text-align: center;
        position: relative;
        border-top: 1px solid #3b5968;
        border-bottom: 1px solid #292f38;
    }

    .pmi-sidebar > .pmi-logo {
        bottom: 0;
        width: 55px;
        height: 90px;
        line-height: 90px;
        vertical-align: middle;
        text-align: center;
    }

    .pmi-shortcut-text {
        display: none;
    }

    .pmi-sidebar-content > li > a > span.ico-menu {
        margin-top: 5px;
    }

    .pmi-sidebar-content .pmi-menu-columns {
        margin-left: 55px;
    }

        .pmi-sidebar-content .pmi-menu-columns > div {
            border-left-width: 4px;
        }

    body .pmi-main-menu {
        left: 55px;
    }

    .pmi-main-menu .pmi-menu-columns {
        -moz-min-width: 880px;
        -ms-min-width: 880px;
        -o-min-width: 880px;
        -webkit-min-width: 880px;
        min-width: 880px;
    }

        .pmi-main-menu .pmi-menu-columns > li {
            border-left-width: 6px;
        }

        .pmi-main-menu .pmi-menu-columns .menu-block {
            width: 24%;
        }

        .pmi-main-menu .pmi-menu-columns .items {
            padding-bottom: 10px;
        }
}

@media (max-width: 700px) {
    .pmi-ws-navbar {
        font-size: 12px;
    }

    .pmi-body {
        left: 15px;
        bottom: 10px;
        right: 15px;
    }

    #view > a, #tools > a, #pmi_savebtn, .dropdown-menu {
        font-size: 12px;
    }

    .pmi-datepicker > li + li::before {
        content: inherit;
        padding: inherit;
    }

    body .pmi-menu > input + li:before {
        -moz-background-position-y: -5px;
        -o-background-position-y: -5px;
        background-position-y: -5px;
    }

    body .top-right-dropdown {
        display: block;
        position: relative;
    }

    body.angularhost .top-right-dropdown {
        display: none;
    }

    body .top-right-dropdown .dropdown.pmi-ico, body .top-right-dropdown .dropdown-on.pmi-ico {
        margin-top: 7px;
    }

    body .top-right-dropdown .top-right-dropdown-content {
        -moz-min-width: 280px;
        -ms-min-width: 280px;
        -o-min-width: 280px;
        -webkit-min-width: 280px;
        min-width: 280px;
        left: -280px;
        top: 30px;
        font-size: 11px;
        padding-right: 5px;
        right: 0;
    }

    body .pmi-academy {
        -moz-min-width: 320px;
        -ms-min-width: 320px;
        -o-min-width: 320px;
        -webkit-min-width: 320px;
        min-width: 320px;
    }

    .modal.tools-list .modal-dialog, .modal.pmi-tools .modal-dialog {
        top: 20px;
        right: 20px;
    }
}

@media (max-width: 600px) {
    body {
        padding-top: 50px;
        padding-left: 11px;
        font-size: 11px;
    }

        body.no-sidebar {
            padding-left: 11px;
            padding-top: 50px;
        }

    .pmi-sidebar {
        display: none;
    }

    .pmi-cockpits .cockpit-item {
        width: 90px;
        height: 90px;
        font-size: 12px;
    }

    .pmi-cockpits .grid-sizer {
        width: 88px;
        height: 85px;
    }

    .pmi-cockpits .cockpit-item .left-block {
        width: 88px;
        height: 88px;
    }

    .pmi-cockpits .dept-label {
        line-height: 22px;
    }

    .pmi-cockpits .cockpit-item.double-width {
        width: 286px;
    }

    .pmi-cockpits .cockpit-item.triple-width {
        width: 286px;
    }

    .pmi-cockpits .cockpit-item.double-height {
        height: 190px;
    }

    .pmi-cockpits .circle-progress {
        width: 75px;
    }

    .pmi-index-block .heading-container {
        height: 90px;
    }

    .pmi-index-block .progress-container {
        padding: 10px 0 0 0;
    }

    .pmi-index-block .heading, .pmi-revpolu-block .heading {
        font-size: 24px;
    }

    .pmi-revpolu-block .revpolu-item-label {
        font-size: 7px;
    }

    .pmi-revpolu-block .revpolu-heading .revpolu-value {
        font-size: 30px;
        line-height: 60px;
    }

    .pmi-revpolu-block .chart-container {
        height: 60px;
    }

    .pmi-revpolu-block .revpolu-item-triangle {
        top: 20px;
    }

    .pmi-revpolu-block .revpolu-item-divider {
        height: 30px;
    }

    .circle strong {
        top: 17px;
        font-size: 27px;
    }

    .weather-item .pmi-weather {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        height: 76px;
    }

    .pmi-cockpits .cockpit-item.weather-item img {
        height: 64px;
    }

    .dropdown-menu {
        font-size: 11px;
    }

    .pmi-menu > li {
        line-height: 37px;
    }

    .navbar-line {
        padding: 0;
    }

    .pmi-ws-navbar.navbar .container-fluid {
        padding-left: 10px;
    }

    .navbar-line > .pmi-menu {
        padding: 0;
    }

    .pmi-menu .main-menu-shortcut {
        display: inline-block;
        line-height: 33px;
        overflow: visible;
        margin-right: 10px;
    }

    body .pmi-main-menu {
        left: 0;
        width: 100%;
        font-size: 12px;
    }

    .pmi-main-menu .pmi-menu-columns {
        -moz-min-width: 100%;
        -ms-min-width: 100%;
        -o-min-width: 100%;
        -webkit-min-width: 100%;
        min-width: 100%;
        width: 100%;
    }

        .pmi-main-menu .pmi-menu-columns > div, body .pmi-menu-columns > li {
            border-left: none;
            -moz-min-width: 180px;
            -ms-min-width: 180px;
            -o-min-width: 180px;
            -webkit-min-width: 180px;
            min-width: 180px;
            padding-bottom: 10px;
        }

        .pmi-main-menu .pmi-menu-columns .menu-block {
            width: 33%;
            height: auto;
        }

            .pmi-main-menu .pmi-menu-columns .menu-block li {
                width: 100%;
            }

        .pmi-main-menu .pmi-menu-columns a.pmi-menu-item {
            height: 22px;
            line-height: 16px;
            padding: 3px;
            border-left-width: 3px;
        }

        .pmi-main-menu .pmi-menu-columns .grid-sizer {
            width: 33%;
        }

        .pmi-main-menu .pmi-menu-columns a.pmi-menu-title {
            padding: 10px 0;
            font-weight: bold;
        }

        .pmi-main-menu .pmi-menu-columns li.pmi-menu-divider {
            margin: 5px 0;
        }

    .pmi-main-menu .pmi-menu-top-divider {
        margin: 3px;
    }

    .pmi-main-menu .pmi-menu-heading {
        padding: 20px 8px 10px;
        height: initial;
        height: 44px;
    }

    .pmi-main-menu .special-buttons {
        padding: 11px;
    }

    .pmi-main-menu .pmi-menu-columns .menu-block:last-child {
        border-right-width: 1px;
    }

    .pmi-main-menu .special-buttons .btn {
        padding: 5px 10px;
    }

    body .radio, body .checkbox {
        font-size: 12px;
        line-height: 32px;
    }
}

@media (max-width: 380px) {
    .pmi-main-menu .pmi-menu-columns .menu-block {
        width: 49%;
    }

    .pmi-main-menu .pmi-menu-columns .grid-sizer {
        width: 49%;
    }
}

@media (max-width: 310px) {
    body .top-right-dropdown {
        display: none;
    }
}

@media (min-width: 1026px) {
    .pmi-sidebar {
        width: 70px;
    }

    .pmi-sidebar-content > li > a {
        display: inline-block;
        width: 70px;
        height: 72px;
        line-height: 70px;
        vertical-align: middle;
        text-align: center;
        position: relative;
        border-top: 1px solid #3e6171;
        border-bottom: 1px solid #292e38;
    }

    .pmi-sidebar > .pmi-logo {
        bottom: 0;
        width: 70px;
        height: 100px;
        line-height: 100px;
        vertical-align: middle;
        text-align: center;
    }

    .pmi-shortcut-text {
        font-size: 9px;
        color: #cdd0d2;
        display: table;
        position: absolute;
        bottom: 0;
        line-height: 10px;
        height: 24px;
        width: 70px;
        letter-spacing: 0.4px;
    }

    .pmi-sidebar-content > li > a > span.ico-menu {
        margin-top: 15px;
    }
}

.pmi-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    background-color: #333b46;
    /*text-transform: capitalize;*/
    z-index: 1040;
}

    .pmi-sidebar ul {
        list-style: none;
    }

.pmi-sidebar-content {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .pmi-sidebar-content > li {
        display: block;
    }

        .pmi-sidebar-content > li > a:hover, .pmi-sidebar-content > li > div > a:focus {
            background-color: #2274ab;
        }

        .pmi-sidebar-content > li > a.pmi-menu-current {
            border-top: 1px solid #4f859b;
        }

        .pmi-sidebar-content > li:last-child {
            border-bottom: 1px solid #3e6171;
        }

        .pmi-sidebar-content > li > a.pmi-menu-current:hover,
        .pmi-sidebar-content > li > div > a.pmi-menu-current:focus {
            background-color: #2d586a;
        }

        .pmi-sidebar-content > li > a.separator {
            display: block;
            width: 55px;
            height: 1px;
            border-top: 1px solid #3b5968;
        }

        .pmi-sidebar-content > li > a > span {
            margin-top: 5px;
        }

            .pmi-sidebar-content > li > a > span[class*="ico-mytraining-"] {
                margin-top: 0 !important;
            }

.pmi-main-menu {
    position: absolute;
    top: 0;
    left: 70px;
    z-index: 5555;
}

.pmi-menu-columns {
    -moz-min-width: 996px;
    -ms-min-width: 996px;
    -o-min-width: 996px;
    -webkit-min-width: 996px;
    min-width: 996px;
    padding: 0;
    margin: 0;
    position: absolute;
    display: none;
    -webkit-box-shadow: 0 3px 9px #000000;
    -ms-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px #000000;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

    .pmi-menu-columns > div, .pmi-menu-columns > li {
        border-left: 10px solid #5dd0f2;
        margin: 0;
        padding: 0;
        background-color: #333b46;
        width: 100%;
        -moz-min-width: 229px;
        -ms-min-width: 229px;
        -o-min-width: 229px;
        -webkit-min-width: 229px;
        min-width: 229px;
    }

    .pmi-menu-columns ul, .pmi-menu-columns li {
        padding: 0;
        margin: 0;
    }

    .pmi-menu-columns .items {
        padding-bottom: 15px;
    }

    .pmi-menu-columns .grid-sizer {
        width: 24%;
    }

    .pmi-menu-columns .menu-block {
        float: left;
        border-right: 1px solid #4c6675;
        width: 24%;
        height: auto;
        min-height: 510px;
    }

        .pmi-menu-columns .menu-block:last-child {
            border-right-width: 0;
        }

.pmi-main-menu .pmi-menu-heading {
    width: auto;
}

.special-buttons {
    padding: 18px;
}

    .special-buttons .btn {
        color: #fff;
        background: #2384a1;
        border: 1px solid #2384a1;
        font-size: inherit;
        padding: 5px 15px;
        margin-left: 10px;
    }

li.pmi-menu-column {
    float: left;
    display: inline-block;
    -moz-min-width: 220px;
    -ms-min-width: 220px;
    -o-min-width: 220px;
    -webkit-min-width: 220px;
    min-width: 220px;
}

    li.pmi-menu-column:after {
        clear: both;
    }

.pmi-menu-columns a.pmi-menu-item {
    display: block;
    padding: 3px 8px;
    white-space: nowrap;
    color: #ffffff;
    width: 100%;
    height: 30px;
    border-left: 8px solid #333b46;
    line-height: 23px;
    font-family: 'opensans-regular';
    font-size: 12px;
}

.pmi-menu-columns a.pmi-menu-item-disabled {
    display: block;
    padding: 3px 8px;
    white-space: nowrap;
    color: #376f84;
    width: 100%;
    height: 30px;
    border-left: 8px solid #333b46;
    line-height: 23px;
}

.pmi-menu-columns a.pmi-menu-item:hover, .pmi-menu-columns a.pmi-menu-item:focus {
    border-left-color: #63ca1e;
    color: #ffffff;
    background-color: #1977b2;
}

.pmi-menu-columns a.pmi-menu-title {
    display: block;
    padding: 3px 8px;
    white-space: nowrap;
    color: #5dd0f2;
    width: 100%;
    height: 30px;
    border-left: 8px solid #333b46;
}

.pmi-menu-columns li.pmi-menu-divider {
    height: 1px;
    overflow: hidden;
    background-color: #4c6675;
    margin: 10px;
}

    .pmi-menu-columns li.pmi-menu-divider a {
        display: none;
    }

.pmi-menu-heading {
    display: inline-block;
    padding: 24px 8px;
    white-space: nowrap;
    width: 100%;
    height: 52px;
    border-left: 8px solid #333b46;
    color: #5dd0f2;
}

.pmi-menu-top-divider {
    height: 1px;
    overflow: hidden;
    background-color: #4c6675;
    margin: 14px 9px 14px 9px;
    border-bottom: 1px solid #4c6675;
}

.pmi-menu-column + .pmi-menu-column {
    border-left: 1px solid #4c6675;
}

div[data-cmd="logout"] {
    position: absolute;
    bottom: 16px;
    right: 16px;
    cursor: pointer;
    color: #ffffff;
    background-color: #2384a1;
    -moz-box-shadow: inset 0 1px 0 0 #2384a1;
    -webkit-box-shadow: inset 0 1px 0 0 #2384a1;
    -ms-box-shadow: inset 0 1px 0 0 #2384a1;
    box-shadow: inset 0 1px 0 0 #2384a1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2384a1), color-stop(1, #2384a1));
    background: -moz-linear-gradient(top, #2384a1 5%, #2384a1 100%);
    background: -webkit-linear-gradient(top, #2384a1 5%, #2384a1 100%);
    background: -o-linear-gradient(top, #2384a1 5%, #2384a1 100%);
    background: -ms-linear-gradient(top, #2384a1 5%, #2384a1 100%);
    background: linear-gradient(to bottom, #2384a1 5%, #2384a1 100%);
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2384a1', endColorstr='#2384a1',GradientType=0);
    -moz-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2384a1', endColorstr='#2384a1',GradientType=0);
    -o-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2384a1', endColorstr='#2384a1',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2384a1', endColorstr='#2384a1',GradientType=0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #2384a1;
    font-family: 'opensans-regular';
    font-size: 14px;
    padding: 6px 24px;
    text-decoration: none;
    -ms-text-shadow: 0 1px 0 #2384a1;
    text-shadow: 0 1px 0 #2384a1;
}

.pmi-menu-current {
    background-color: #2d586a;
}

    .pmi-menu-current .pmi-shortcut-text {
        color: #ffffff;
    }
/* tool dialog */
.pmi-tool-container ul {
    padding: 0;
    margin: 0;
}

    .pmi-tool-container ul.pmi-tool-r-btns ul.vertical li {
        padding-left: 10px;
    }

ul.pmi-tool-row {
    list-style: none; /* margin: 0; */
    padding: 0;
    text-transform: capitalize;
    margin-bottom: 0;
}

    ul.pmi-tool-row > li {
        list-style: none;
        display: table-cell; /*margin: 0; padding: 0;*/
        vertical-align: top;
    }

.tools-container .modal-body {
    padding: inherit;
}

.tools-list {
    -moz-min-width: 300px;
    -ms-min-width: 300px;
    -o-min-width: 300px;
    -webkit-min-width: 300px;
    min-width: 300px;
}

.pmi-tools ul.pmi-tool-row > li + li {
    padding-left: 15px;
}

.pmi-tools.tools-list {
    text-transform: capitalize;
}

    .pmi-tools.tools-list .no-capitalize {
        text-transform: none;
    }
/*.pmi-views ul.pmi-tool-row > li + li { padding-left: 40px; }*/
.main-tool {
    padding-left: 5px;
    max-width: 300px;
}

.tool-icon {
    display: block;
    height: 60px;
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.disabled-tool-icon {
    opacity: 0.4;
    cursor: not-allowed;
}

.pmi-tool {
    padding: 0 15px 0 15px;
    display: none;
}

    .pmi-tool input[type="text"] {
        height: 23px;
        background-color: #fbfbfb;
        vertical-align: middle;
        top: -2px;
        float: left;
    }

        .pmi-tool input[type="text"]:disabled {
            background-color: #eee;
        }

    .pmi-tool label {
        font-weight: normal;
        display: block;
        vertical-align: middle;
        height: 28px;
        margin-top: 2px;
        margin-left: 0;
    }

.modal-header {
    border-bottom: 7px solid #fccf34;
    -ms-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -ms-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pmi-tools .modal-header {
    border-bottom: 7px solid #fccf34 !important;
}

.pmi-danger .modal-header {
    border-bottom: 7px solid #cf3c08 !important;
}

.pmi-views .modal-header {
    border-bottom: 7px solid #4fc3e5 !important;
}

.pmi-modal .modal-header {
    border-bottom: 7px solid #2384a1 !important;
}

.pmi-warning .modal-header {
    border-bottom: 7px solid #7499aa !important;
}
/* .modal-body { padding: 30px 40px; float: left; } */
.modal-body.mini-mode {
    padding: 10px 15px;
}
/*.pmi-views { float: left; }*/
.pmi-views li {
    list-style: none;
    display: block;
}

    .pmi-views li > div, .pmi-views li > label {
        white-space: nowrap;
        text-transform: capitalize;
        height: 30px;
        line-height: 30px;
        clear: both;
    }

.pmi-tool-separator {
    display: block;
    height: 1px;
    margin: 28px 0 31px 0;
    overflow: hidden;
    border-top: 1px solid #d3e6ec;
    /*background-color: #d3e6ec;*/
}

.pmi-views .pmi-tool-separator.tool-item {
    margin: 15px 0;
}


.pmi-tool-menu > li {
    list-style: none;
}

#popUpBack {
    float: left;
    display: block;
    padding-top: 5px;
    display: none;
}

    #popUpBack::after {
        clear: both;
    }

#tool_success_alert {
    padding: 100px;
}
/*.pmi-tool-container {   padding-right: 5px; padding-left: 5px; margin-right: 10px; }*/

li.pmi-tool-container {
    list-style-type: none;
}

.pmi-tool-container ul {
    margin: 0;
    display: inline-block;
}

    .pmi-tool-container ul li, ul.pmi-tool-r-btns li {
        list-style: none;
        display: block;
    }

    ul.section-tools, ul.pmi-tool-r-btns, .horizontal, ul.vertical, .pmi-tool-container ul > li > ul {
        margin: 0;
        padding: 0;
        min-width: 150px;
    }

ul.tool-dropdown {
    margin: 0;
    padding: 0 0 0 10px;
    width: 100%;
}

    ul.tool-dropdown select {
        width: 100%;
    }

.pmi-tool-menu ul.tool-dropdown {
    width: auto;
}

.pmi-tool-menu > * {
    display: inline-block;
    margin-left: 10px;
}

.pmi-tool-menu .pmi-tool-r-btns {
    margin-left: 10px;
}

ul.horizontal, ul.tool-icon {
    list-style: none;
    margin: 0; /* padding: 0; */
}

    ul.horizontal > li {
        list-style: none;
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }

#menu_tools ul.horizontal > li {
    display: inline-block !important;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
}

#menu_tools .radio {
    margin: 0;
}

ul.tool-icon > li {
    list-style: none;
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.pmi-tool-row + .pmi-tool-row {
    margin-top: 15px;
    border-top: 1px solid #d3e6ec;
    padding-top: 15px;
}
/*form*/
.radio, .checkbox {
    position: relative;
    display: block;
    margin-bottom: 4px;
    padding-left: 25px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: normal;
}

    .radio > input, .checkbox > input {
        position: absolute;
        left: -9999px;
    }

        .radio > input + i, .checkbox > input + i {
            position: absolute;
            display: block;
            top: 7px;
            left: 0;
            width: 17px;
            height: 17px;
            outline: none;
            border-width: 1px;
            border-style: solid;
            background: #fff;
            border-color: #b7b7b7;
            float: left;
        }

    .radio.center > input + i, .checkbox.center > input + i {
        left: 50%;
        margin-left: -8px;
    }

    .radio > i {
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

    .radio > input + i:after,
    .checkbox > input + i:after {
        position: absolute;
        -ms-opacity: 0;
        opacity: 0;
        -o-transition: opacity 0.1s;
        -ms-transition: opacity 0.1s;
        -moz-transition: opacity 0.1s;
        -webkit-transition: opacity 0.1s;
        transition: opacity 0.1s;
    }

    .radio > input + i:after {
        content: '';
        top: 4px;
        left: 4px;
        width: 7px;
        height: 7px;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border-color: #719caa;
        background-color: #719caa;
    }

    .checkbox > input + i:after {
        content: '\f00c';
        top: -1px;
        left: 1px;
        width: 15px;
        height: 15px;
        font: normal 16px/19px FontAwesome;
        text-align: center;
        color: #5a5a5a;
    }

    .radio > input:checked + i:after,
    .checkbox > input:checked + i:after {
        -ms-opacity: 1;
        opacity: 1;
    }

    .radio > input:checked:disabled + i:after,
    .checkbox > input:checked:disabled + i:after {
        -ms-opacity: 0.8;
        opacity: 0.8;
    }

    .radio > input[disabled] + i:after,
    .checkbox > input[disabled] + i:after {
        -ms-opacity: 0;
        opacity: 0;
    }

    .radio > input[disabled] + i,
    .checkbox > input[disabled] + i {
        color: #e3e3e3;
        -ms-opacity: 0.5;
        opacity: 0.5;
    }

.pmi-table td.icons > div > label.checkbox {
    width: 30px;
    margin-right: 0;
}

    .pmi-table td.icons > div > label.checkbox > input + i {
        top: 5px;
    }

/* pmi academy */
.pmi-academy {
    float: left;
    width: 100%;
    height: auto;
    -moz-min-width: 600px;
    -ms-min-width: 600px;
    -o-min-width: 600px;
    -webkit-min-width: 600px;
    min-width: 600px;
}

    .pmi-academy a {
        cursor: pointer;
    }

    .pmi-academy ul {
        list-style: none;
        padding: 0;
        float: left;
        width: 100%;
    }

        .pmi-academy ul.course-hierarchy {
            padding-left: 10px;
            list-style: none;
        }

    .pmi-academy li {
        list-style: none;
        padding: 0;
        float: left;
        width: 100%;
    }

        .pmi-academy li a {
            padding: 3px 5px;
            float: left;
            width: 100%;
            margin-bottom: 2px;
        }

        .pmi-academy li.category > a {
            font-weight: bold;
            background: #d0d9dc;
        }

            .pmi-academy li.category > a span.expando {
                float: left;
                margin: 2px 5px;
            }

            .pmi-academy li.category > a span.text {
                float: left;
                margin: 2px 0;
            }

        .pmi-academy li.course a {
            background: #f0f5f7;
            padding-left: 30px;
        }

        .pmi-academy li.wiki a {
            background: #f0f5f7;
            padding-left: 30px;
        }

        .pmi-academy li.active > a {
            background: #aadae9;
        }

        .pmi-academy li.activity a {
            background: #f0f5f7;
            padding-left: 60px;
        }

    .pmi-academy .course-content {
        width: 100%;
    }

    .pmi-academy .course-title {
        width: 100%;
    }

    .pmi-academy .course-summary {
        min-height: 235px;
    }

    .pmi-academy .course-image {
        max-width: 110px;
        max-height: 110px;
        margin: 0 10px;
        border: 1px solid #555;
    }

    .pmi-academy .course-buttons {
        float: right;
        padding-right: 10px;
    }

    .pmi-academy .btn-start-course {
        background-color: #63ca1e;
        color: #fff;
        padding: 4px 20px;
    }

    .pmi-academy .expando {
        margin: 2px 5px;
        float: left;
    }

    .pmi-academy .course-info-container h4 {
        margin: 0 0 5px 0;
        font-size: 15px;
        font-weight: bold;
    }

/* seasons */
.dimmed {
    -ms-opacity: 0.15;
    opacity: 0.15;
    filter: alpha(opacity=15);
}

.seasons .prop-table {
    font-size: 12px;
}

    .seasons .prop-table tr {
        border-bottom: 1px solid #fff;
    }

    .seasons .prop-table td {
        padding: 1px 1px;
        height: 28px;
    }

    .seasons .prop-table tr.header {
        background: #749ead;
        color: #fff;
        border-top: 1px solid #fff;
    }

    .seasons .prop-table tr.rowNormal {
        background: #d0d9dc;
    }

    .seasons .prop-table tr.rowSelected {
        background: #999da3;
    }

    .seasons .prop-table tr.rowSegment {
        background: #aadae9;
    }

    .seasons .prop-table .expand-icon {
        color: #fff;
        font-size: 14px;
    }

    .seasons .prop-table .InputSmall {
        border: 1px solid #bed7e0;
        background: #eaf0f1;
    }

.seasons .calendar-tables table {
    border-spacing: 3px;
    border-collapse: separate;
}

.seasons .month-name {
    font-size: 12px;
}

.seasons .show-segments {
    display: inline-block;
}

#season_auto_room_details .segment-item {
    margin-left: 5px;
    margin-right: 10px;
}

    #season_auto_room_details .segment-item .text {
        margin-left: 5px;
        display: inline-block;
    }

    #season_auto_room_details .segment-item .color {
        background-color: #ff0000;
        width: 16px;
        height: 14px;
        display: inline-block;
    }

    #season_auto_room_details .segment-item.inactive .color {
        background-color: #ddd;
    }

/* booking pace */
.body-row-template {
    display: none;
}

/* revenue drivers */
.revenue-drivers * {
    font-size: 13px;
}

.revenue-drivers .date-label {
    line-height: 28px;
}

.revenue-drivers .modal-caption {
    vertical-align: middle;
    border-bottom: 1px solid #d3e6ec;
    padding-bottom: 5px;
}

.revenue-drivers .radio-controls input[type="radio"],
.revenue-drivers .radio-controls input[type="checkbox"] {
    float: left;
    margin: 3px 5px 0;
}

.revenue-drivers .radio-controls label {
    float: left;
    margin-right: 10px;
}

.revenue-drivers .btn-cal-from {
    padding: 1px 10px;
    background: #cbeaf3;
    margin-right: 10px;
}

/* user settings */
.edit-panel {
    float: left;
    margin-bottom: 20px;
}

    .edit-panel .panel-header {
        background: #abc0c7;
        color: #fff;
        float: left;
        font-weight: bold;
        width: 100%;
    }

        .edit-panel .panel-header span {
            float: left;
            padding: 5px 10px;
            width: 100%;
            text-align: center;
        }

    .edit-panel .panel-content {
        background: #e8f0f5;
        border-top: 2px solid #fff;
        float: left;
        padding: 15px 0;
        width: 100%;
    }

    .edit-panel label {
        font-weight: normal;
    }

    .edit-panel .pmi-ico {
        margin: 0 5px;
    }

    .edit-panel .buttons {
        padding-top: 20px;
    }

.user-info .panel-header {
    background: #4ea1bb;
}

.add-property-panel .property-dropdown {
    width: 85%;
}

.current-property-panel {
    line-height: 28px;
}

.administration-users .even-cell {
    background: #f2f2f2;
}

.administration-users .odd-cell {
    background: #eaeaea;
}

/* planning desktop */
.pdesktop #bodyPanel ul {
    float: left;
}

.pdesktop .module-buttons {
    padding: 0;
}

    .pdesktop .module-buttons li {
        padding: 0;
        float: left;
        margin-right: 20px;
        margin-bottom: 15px;
    }

    .pdesktop .module-buttons .image {
        float: left;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

.pdesktop .info-header {
    margin: 5px 0;
    font-size: 23px;
    color: #3281b7;
}

.pdesktop .note-header {
    padding: 7px 16px 3px;
    background: #e8f0f5;
}

.pdesktop .note-item {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px 0 2px;
}

    .pdesktop .note-item .label-text {
        line-height: 18px;
        margin-left: 5px;
    }

.pdesktop label.radio, .pdesktop label.checkbox {
    margin-top: 0;
    margin-left: 0;
    font-weight: normal;
}

/* graph / report settings*/
.gs {
    -moz-min-width: 600px;
    -ms-min-width: 600px;
    -o-min-width: 600px;
    -webkit-min-width: 600px;
    min-width: 600px;
}

    .gs .total-row {
        color: #fff;
        text-align: center;
    }

    .gs .section-name {
        font-weight: bold;
    }

    .gs .command-row {
        background: #e8f0f5;
    }

    .gs .expression-table {
        background: #fefefe;
    }

    .gs input.form-control {
        height: 22px;
        padding: 0 5px;
        border: 1px solid #bec2c5;
    }

    .gs .expression-table .form-control {
        max-width: 200px;
    }

.weather-16-empty {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.weather-20-empty {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.weather-32-empty {
    display: inline-block;
    width: 32px;
    height: 32px;
}

#weather_days .pmi-ico {
    margin-top: 5px;
}

.pmi-table .pmi-ico {
    margin-left: 3px;
}

.pmi-table .datepicker-elements .pmi-ico {
    margin-left: inherit;
}

.pmi-table td.icons, .pmi-table tr.weekend td.icons, .pmi-table tr.category td.icons, .pmi-table tr.row-account td.icons {
    border-right-width: 0;
    line-height: 23px;
}

    .pmi-table td.icons img.weather-icon, #weather_days .icons img.weather-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .pmi-table td.icons.has-border {
        border-right-width: 1px;
    }

    .pmi-table td.icons > div, .pmi-table th.icons > div, .pmi-table-header th.icons > div {
        display: table;
        width: auto;
        float: right;
        text-align: center;
    }

        .pmi-table td.icons > div > *, .pmi-table th.icons > div > *, .pmi-table-header th.icons > div > *,
        .pmi-table th.icons > div > * {
            vertical-align: middle;
            margin: 0 5px 0 0;
            line-height: 21px;
        }

    .pmi-table td.icons.center > div, .pmi-table-header th.icons > div,
    .pmi-table th.icons > div {
        margin: 0;
        width: 100%;
        text-align: center;
    }

        .pmi-table td.icons.center > div > a, .pmi-table td.icons.center > div > span,
        .pmi-table-header th.icons.center > div > a, .pmi-table-header th.icons.center > div > span,
        .pmi-table th.icons.center > div > a, .pmi-table th.icons.center > div > span {
            margin: 0;
        }


    .pmi-table td.icons .pmi-weather {
        -moz-min-width: 20px;
        -ms-min-width: 20px;
        -o-min-width: 20px;
        -webkit-min-width: 20px;
        min-width: 20px;
    }

ul.ul-inline {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.ul-inline > li {
        list-style: none;
        display: table-cell;
        margin: 0;
        padding: 0;
        vertical-align: bottom;
    }

    ul.ul-inline.middle > li {
        vertical-align: middle;
    }
/* List-box */
.list-box {
    padding: 1px;
    overflow-y: auto;
}

    .list-box .list-item {
        background: #f4f5f5;
        float: left;
        height: 28px;
        line-height: 28px;
        margin-bottom: 2px;
        padding-left: 5px;
        width: 100%;
        cursor: pointer;
    }

        .list-box .list-item.checked {
            background: #86cbe0;
        }

        .list-box .list-item .pmi-ico {
            margin: 6px;
        }

#tooltip_message {
    padding: 0 10px 10px 10px;
}

.form-control.inline {
    margin-right: 8px;
}

.settings-table tr td {
    border-color: #fff;
    border-style: solid;
    border-width: 0 1px 2px 0;
    padding: 5px 10px;
    text-align: left;
    vertical-align: middle;
}

    .settings-table tr td.no-padding {
        padding: 0;
    }

.settings-table thead tr {
    background: #abc0c7;
    color: #fff;
}

.settings-table tbody tr {
    background: #f1f5f7;
}

    .settings-table tbody tr.selected-row {
        background: #91b1c1;
    }

    .settings-table tbody tr.caption-row {
        background: #e8f0f5;
    }

.settings-table .pmi-ico {
    margin-top: 3px;
}

.settings-table .form-group {
    margin-top: 15px;
    margin-bottom: 0;
}

.settings-table .form-control {
    width: auto;
    margin-right: 5px;
}

    .settings-table .form-control.full-width {
        width: 100%;
        max-width: 100%;
    }

.costdriver-container {
    width: 100%;
    -moz-min-width: 750px;
    -ms-min-width: 750px;
    -o-min-width: 750px;
    -webkit-min-width: 750px;
    min-width: 750px;
}

    .costdriver-container .settings-table thead tr {
        background: #749ead;
        text-align: center;
    }

        .costdriver-container .settings-table thead tr td {
            text-align: center;
        }

.settings-table .no-border tr td, .settings-table.no-border tr td {
    border: none;
}

.settings-table .ico-cmd {
    width: 20px;
}

.tsm-cat-table thead tr {
    background: #749eae;
}

.tsm-cat-table tbody tr {
    background: #d1d9dc;
}

.tsm-cat-table .text-center {
    text-align: center;
}

.forecast-settings {
    width: 500px;
}

    .forecast-settings .form-group-top {
        margin-top: 15px;
        margin-bottom: 0;
    }

        .forecast-settings .form-group-top label {
            font-weight: bold;
        }

.text-left table > thead > tr > td, .text-left table > tbody > tr > td {
    text-align: left;
}

#import-status-table .rb-list label {
    margin: 0;
    font-size: inherit;
}

#edit_roles .settings-table tr {
    background: transparent;
}

    #edit_roles .settings-table tr td {
        border-color: #cacaca;
        border-width: 0 0px 1px 0;
    }

#edit_roles select.user-hierarchies, #edit_roles select.user-roles, #edit_roles #listbox1 {
    height: 250px;
    margin-top: 5px;
}

#edit_roles #copyRoles {
    padding-left: 5px;
}

#docking {
    position: fixed;
    top: 72px;
    bottom: 0;
    right: 0;
    width: 20px;
    display: none;
}

    #docking > div {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -moz-transform-origin: left top 0;
        -ms-transform-origin: left top 0;
        -o-transform-origin: left top 0;
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0;
        white-space: nowrap;
        display: inline-block;
        background-color: #333b46;
        border-top: 1px solid #3b5968;
        border-bottom: 1px solid #292f38;
        color: #ffffff;
        vertical-align: middle;
        text-align: left;
        padding-left: 8px;
        margin-left: 20px;
        cursor: pointer;
    }

        #docking > div:hover, #docking > div:focus {
            background-color: #2d586a;
        }

#dockpanel {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
    background-color: #ffffff;
    border: 1px solid #333b46;
    border-bottom-width: 0;
    display: none; /*border: 1px solid blue;*/
}

    #dockpanel .dockpanel-header {
        height: 28px;
        line-height: 28px;
        vertical-align: middle;
        background-color: #333b46;
        color: #cdd0d2;
        border-bottom: 1px solid #292f38;
    }

    #dockpanel .dockpanel-body {
        border-top: 1px solid #3b5968;
        overflow: auto;
        width: 100%;
        height: 100%;
        padding-right: 10px;
    }

    #dockpanel .dockpanel-title {
        padding-left: 8px;
    }

    #dockpanel .dockpanel-close {
        margin-top: 4px;
    }

#dockpanel_toggle {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 999;
    width: 20px;
    height: 45px;
    background-color: #333b46;
    border-top: 5px solid #009fcf;
    display: none;
}

    #dockpanel_toggle .pmi-ico {
        margin-left: -8px;
        width: 18px;
    }

/*.pickup-statistics .pmi-body { overflow: auto; }*/
#AlertUpdateEmail {
    max-width: 600px;
}

a.icon-link span.pmi-ico {
    vertical-align: middle;
}

.costdriver-star-white {
    display: inline-block;
    vertical-align: text-top;
}

.inline-container {
    white-space: nowrap;
}

    .inline-container .inline-item {
        display: inline-block;
        margin-right: 5px;
    }

        .inline-container.inline-item .inline-item {
            margin-right: 0;
        }

        .inline-container .inline-item > label {
            margin-top: 0;
            margin-bottom: 0;
        }

.p-table {
    display: table;
    width: auto;
}

    .p-table > .p-row {
        display: table-row;
    }

        .p-table > .p-row > .p-cell {
            display: table-cell;
            vertical-align: middle;
            padding-left: 5px;
        }

/* Menu Help Tool */

#help-search-text {
    border: 1px;
    border-color: #959595;
    display: inline;
    height: 20px;
    width: 200px;
    font-size: 8pt;
    color: gray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background: white;
}

li.menu-help-tool-divider {
    height: 1px;
    overflow: hidden;
    background-color: #4c6675;
}

a.menu-help-tool-title {
    display: block;
    padding: 0px 15px;
    white-space: nowrap;
    color: white;
    width: 100%;
    line-height: 28px;
    border-left: 6px solid #333b46;
}

    a.menu-help-tool-title:hover, a.menu-help-tool-title:focus {
        border-left-color: #5DD0F2;
        color: #ffffff;
        background-color: #63686F;
    }

/* End Menu Help Tool */

/* PMI Help Text  */

.pmi-help-text-popover.bottom > .arrow::after {
    border-bottom-color: #343b45;
}

.pmi-help-text-popover .popover-title {
    border-bottom: 7px solid #2384A1 !important;
    background-color: #343B45;
    color: white;
}

    .pmi-help-text-popover .popover-title h4 {
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

.pmi-help-text-popover .popover-content {
    padding-left: 20px;
    max-height: 220px;
    min-width: 300px;
    max-width: 330px;
    overflow-y: auto;
    padding: 10px 20px 20px;
}

    .pmi-help-text-popover .popover-content > div {
        width: 100%;
    }

.pmi-help-text-popover .popover-footer {
}

.pmi-help-text-popover .btn {
    margin-left: 5px;
    margin-right: 5px;
    color: white;
}

    .pmi-help-text-popover .btn.btn-learn-more {
        background-color: #63ca1e;
    }

    .pmi-help-text-popover .btn.btn-got-it {
        background-color: #52B7D3;
    }

    .pmi-help-text-popover .btn.btn-later {
        background-color: #C3C3C3;
    }

.pmi-help-text-popover {
    max-width: 320px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    z-index: 999999;
}

.pmi-tool-group .tool-icon .ico-help-info, .pmi-tool-group .tool-icon .ico-new-feature {
    top: -16px;
}

/*.ico-help-info-adjust-position {
    background-position-x: -555px !important;
    background-position-y: -180px !important;
}

.ico-new-feature-adjust-position {
    background-position-x: -1493px !important;
    background-position-y: -232px !important;
}*/

.ico-new-feature {
    z-index: 2;
}

.ico-help-info {
    z-index: 3;
}

.ToolsMenuContentBlue .highcharts-container .ico-help-info {
    top: 40px;
    left: 300px;
}

.pmi-listbox {
    list-style: none;
    padding: 0;
}

    .pmi-listbox li.selected {
        background: #eee;
    }

    .pmi-listbox li {
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
    }

    .pmi-listbox .list-item {
        border-bottom: 1px solid #ccc;
        padding: 3px 0 3px 3px;
    }

        .pmi-listbox .list-item .expando {
            margin: 0 10px 0 5px;
        }

        .pmi-listbox .list-item .sub-items li:last-child {
            border-bottom: none;
        }

        .pmi-listbox .list-item .sub-items li:first-child {
            border-top: 1px solid #ccc;
            margin-top: 3px;
        }


    .pmi-listbox.sub-items li {
        padding-left: 22px;
    }

        .pmi-listbox.sub-items li.add-item {
            padding-left: 44px;
        }


    .pmi-listbox .add-item {
        padding: 3px;
    }

    .pmi-listbox .icons {
        display: table;
        vertical-align: middle;
    }

        .pmi-listbox .icons .pmi-ico {
            margin-left: 5px;
            vertical-align: middle;
        }

/* End PMI Help Text  */

.doc-table > tbody > tr > td {
    border-top: none;
    border-bottom: 1px solid #ddd;
}

.doc-table a.file-name {
    color: #056791;
    text-decoration: underline;
}

.doc-table .file-desc {
    font-size: 11px;
    color: #98BF7C;
}

/* Style for tabs */

.nav.nav-tabs {
    background: #F4F4F4;
    border-top: 2px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .nav.nav-tabs > li {
        font-weight: bold;
    }

        .nav.nav-tabs > li.active {
            border-bottom: 3px solid #fff;
            margin-bottom: -2px;
        }

            .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:hover, .nav.nav-tabs > li.active > a:focus {
                border-radius: 0;
                margin-top: -2px;
                border: none;
                border-top: 2px solid #89CAE0;
                background-color: #fff;
            }

.tab-content .tab-pane {
    padding: 10px;
    border: 1px solid #ccc;
}

/* Style for Loading spinner  */
.loading-mask {
    background: #F9F9FB;
    border: 1px dashed #D5D6D8;
    display: table;
}

.progress-spinner-box {
    display: table-cell;
    vertical-align: middle;
}

.progress-spinner {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-animation: progress_spin 1000ms linear infinite;
    -o-animation: progress_spin 1000ms linear infinite;
    -webkit-animation: progress_spin 1000ms linear infinite;
    animation: progress_spin 1000ms linear infinite;
    background-color: rgba(0, 0, 0, 0);
    border-color: #E8EFF3 #5BCBE6 #5BCBE6 #E8EFF3;
    -moz-border-image: none;
    -o-border-image: none;
    -webkit-border-image: none;
    border-image: none;
    border-radius: 53px;
    border-style: solid;
    border-width: 7px;
    height: 60px;
    margin: 0 auto;
    opacity: 0.9;
    width: 60px;
}

@-webkit-keyframes progress_spin {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes progress_spin {
    0% {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes progress_spin {
    0% {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spacer5 {
    height: 5px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer10 {
    height: 10px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer15 {
    height: 15px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer20 {
    height: 20px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer25 {
    height: 25px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.spacer30 {
    height: 30px;
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

/*toast notifications - start*/
.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a,
    .toast-message label {
        color: #FFFFFF;
    }

        .toast-message a:hover {
            color: #CCCCCC;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
}

    .toast-close-button:hover,
    .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

.rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    /*overrides*/
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div {
        position: relative;
        pointer-events: auto;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #FFFFFF;
        opacity: 0.8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
    }

        #toast-container > div.rtl {
            direction: rtl;
            padding: 15px 50px 15px 15px;
            background-position: right 15px center;
        }

        #toast-container > div:hover {
            -moz-box-shadow: 0 0 12px #000000;
            -webkit-box-shadow: 0 0 12px #000000;
            box-shadow: 0 0 12px #000000;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            filter: alpha(opacity=100);
            cursor: pointer;
        }

    #toast-container > .toast-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
    }

    #toast-container > .toast-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
    }

    #toast-container.toast-top-center > div,
    #toast-container.toast-bottom-center > div {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    #toast-container.toast-top-full-width > div,
    #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

        #toast-container > div.rtl {
            padding: 8px 50px 8px 8px;
        }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

        #toast-container > div.rtl {
            padding: 8px 50px 8px 8px;
        }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }

    #toast-container .rtl .toast-close-button {
        left: -0.2em;
        right: 0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }

        #toast-container > div.rtl {
            padding: 15px 50px 15px 15px;
        }
}

.preview_container {
    width: 120px;
    height: 115px;
    /*background-image: url('../Images/Cockpits/rest14.png');*/
    border: dashed 2px #00aeef;
    display: table;
}

    .preview_container span {
        vertical-align: middle;
        display: table-cell;
        text-align: center;
    }

    .preview_container img {
        width: 116px;
        height: 110px;
        left: 17px;
        position: absolute;
        z-index: 10;
    }

    .preview_container .back {
        position: absolute;
        width: 120px;
        height: 115px;
    }

        .preview_container .back .fa-solid {
            /*position: absolute;
        top: 35px;
        left: 0;
        right: 0;
        z-index: 1;
        margin: 0 auto;*/
            position: relative;
            top: 35px;
            left: 45px;
        }

        .preview_container .back div {
            position: absolute;
            top: 60px;
            left: 0;
            right: 0;
            z-index: 1;
            margin: 0 auto;
        }

        .preview_container .back span {
            display: block
        }


.tree__nested-items {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tree__item {
    padding-left: 25px;
    padding-right: 0px;
}

    .tree__item > div {
        border-bottom: 1px dashed #b7b7b7;
    }

.tree__item--nested {
    position: relative;
}

    /*/* line */
    .tree__item--nested:first-child:before {
        content: "";
        position: absolute;
        bottom: calc(50% - 10px);
        /* padding of container - 10px */
        left: -20px;
        /* padding of container - 10px */
        width: 20px;
        /* 3 * half height + half of border radius */
        height: 150%;
        border-top: 1px solid #95BFCB;
        border-bottom: 1px solid #95BFCB;
        border-left: 1px solid #95BFCB;
        /* don't overlap items */
        z-index: 1000;
    }

    /* arrow */
    .tree__item--nested:first-child:after {
        content: "";
        position: absolute;
        /* border-width - 1px */
        left: -7px;
        bottom: calc(50% - 16px);
        border-color: transparent;
        border-left-color: #95BFCB;
        border-style: solid;
        border-width: 7px;
    }

    /* line */
    .tree__item--nested:before {
        content: "";
        position: absolute;
        bottom: calc(50% - 11px);
        /* padding of container - 10px */
        left: -20px;
        /* padding of container - 10px */
        width: 20px;
        /* 3 * half height + half of border radius */
        height: calc(150% + 7.5px);
        border-bottom: 1px solid #95BFCB;
        border-left: 1px solid #95BFCB;
        /* don't overlap items */
        z-index: 10000;
    }

    /* arrow */
    .tree__item--nested:after {
        content: "";
        position: absolute;
        /* border-width - 1px */
        left: -7px;
        bottom: calc(50% - 17px);
        border-color: transparent;
        border-left-color: #95BFCB;
        border-style: solid;
        border-width: 7px;
    }


.source-table .fa-regular {
    font-size: 14px;
    color: #666;
}


    .source-table .fa-regular.fa-files.fa-flip-horizontal {
        padding-bottom: 10px;
    }

.source-table th, .tool-body .source-table td, .modal-body .source-table td {
    padding: 5px;
    font-size: 12px;
    background: #fff;
}

.source-table tr.header-row, .source-table tr.header-row td {
    color: #000;
    background: #cee2bf;
    text-align: center;
}

.source-table tr.section, .source-table tr.section td {
    color: #ffffff;
    background: #adc0c7;
    text-align: center;
    border-bottom: 1px solid #ffffff;
}

.source-table .empty-row {
    background: #fff;
}

.source-table .variable {
    left: 0;
    width: 30px !important;
}

.source-table tr.header-row.closed td {
    border-bottom: 1px solid #b7b7b7;
    background: #eaeaea;
}

.source-table tr.header-row.opened td {
    border-bottom: 1px solid #b7b7b7;
    background: #cee2bf;
}

.source-table tr.header-row td.borderLeft {
    border-left: 1px solid #b7b7b7;
}

.mb-5 {
    margin-bottom: 5px;
}

.mt-25 {
    margin-top: 25px;
}

.no-border {
    border: 0;
}

.no-background-color {
    background-color: transparent;
}

/*end*/

.hiddenv {
    visibility: hidden;
}

/* ON-OFF SWITCH */
.form-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .form-switch i {
        position: relative;
        display: inline-block;
        margin-right: 0.5rem;
        width: 36px;
        height: 22px;
        background-color: #bbb;
        border-radius: 22px;
        vertical-align: text-bottom;
        transition: all 0.3s linear;
        margin-bottom: -3px;
    }


        .form-switch i::before {
            content: "";
            position: absolute;
            left: -1px;
            width: 34px;
            top: -1px;
            height: 20px;
            background-color: #bbb;
            border-radius: 9px;
            transform: translate3d(2px, 2px, 0px) scale3d(1, 1, 1);
            transition: all 0.25s linear;
        }

        .form-switch i::after {
            content: "";
            position: absolute;
            left: 0px;
            width: 16px;
            height: 16px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0px 1px 1px rgba(0,0,0,0.24);
            transform: translate3d(3px, 3px, 0px);
            transition: all 0.2s ease-in-out;
        }

    .form-switch:active i::after {
        width: 28px;
        transform: translate3d(2px, 2px, 0);
    }

    .form-switch:active input:checked + i::after {
        transform: translate3d(16px, 2px, 0);
    }

    .form-switch input {
        display: none;
    }

        .form-switch input:checked + i {
            background-color: #6cba3a;
        }

            .form-switch input:checked + i::before {
                transform: translate3d(17px, 2px, 0px) scale3d(0, 0, 0);
            }

            .form-switch input:checked + i::after {
                transform: translate3d(17px, 3px, 0px);
            }

.rb-list-user label {
    margin-top: 2px;
    margin-left: 15px;
}

.search-box {
    margin-top: 7px;
    float: left;
}

.transDiv {
    width: 45%;
    text-align: left !important;
    display: inline;
    float: right;
}

    .transDiv input {
        text-align: left;
    }

.col-color {
    width: 23% !important;
}

.clearfix {
    overflow: auto;
}

.simulatePanel {
    overflow: hidden;
    background-color: #E5E5E5;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    z-index: 9999;
    margin-left: -90px;
    border-bottom: 7px solid red;
}

    .simulatePanel .message {
        float: left;
        display: block;
        color: #000000;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
    }

        .simulatePanel .message .notice {
            color: red;
        }

        .simulatePanel .message i {
            font-size: 20px;
            color: red;
        }

.btnExitSimulation {
    text-transform: uppercase;
    margin-right: 10px;
}

.fa-custom {
    color: red;
    /*font-size: 20px !important;*/
}

.From-s {
    font-size: 10px;
    padding: 0 0 0 0 !important;
}

.To-s {
    font-size: 10px;
    padding: 0 0 0 0 !important;
}

.date-inactive {
    margin-left: -160px !important;
    position: relative;
    cursor: pointer;
    vertical-align: text-top;
}

.date-active {
    /*margin-left: -27px !important;
    position: absolute;
    cursor: pointer;*/
}

.td-date {
    min-width: 200px !important;
    max-width: 250px !important;
    line-height: 5px !important;
    vertical-align: middle !important;
}

.pmi-table .pmi-ico.custimiconpmi {
    float: left;
    margin-left: 30px;
}

.d-date-c {
    padding: 0 0 0 0 !important;
}

.d-div-con {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    font-weight: normal;
}

.date-s {
    padding: 0 0 0 0 !important;
    font-size: 10px;
    margin-top: 8px;
    float: left;
}

/*for accordian*/
.accordian-control {
    font-weight: bold;
    background-color: #f5f5f5;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 20px;
    font-size: small;
    height: 34px;
    width: auto;
    position: relative;
    overflow: hidden;
    min-width: 200px;
    text-align: initial;
    border: none;
    padding-left: 0 !important;
}

.item-accordian-control {
    background-color: #fff;
    font-weight: bold;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 20px;
    font-size: small;
    height: 34px;
    width: auto;
    position: relative;
    overflow: hidden;
    min-width: 200px;
    text-align: initial;
    border: none;
    border-bottom: 1px solid #CED0D5;
    padding-left: 0 !important;
}



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

.accordian-panel {
    white-space: nowrap;
    word-wrap: normal;
    line-height: 26px;
    /*height: 28px;*/
    width: auto;
    position: relative;
    overflow: hidden;
    min-width: 200px;
    cursor: pointer;
}


    .accordian-panel ul li span {
        padding-left: 25px;
        margin-left: 10px;
        padding-right: 0 !important;
    }

    .accordian-panel ul .panel-item {
        background-color: #FFFFFF;
        border-bottom: 1px solid #CED0D5;
        height: 34px;
    }

        .accordian-panel ul .panel-item .panel-item-row {
            height: 100%;
            display: flex;
            align-items: center;
        }

.accordian-panel-item {
    background-color: #fff;
    height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.form-control-warning {
    border: 1px solid #e8bbbb;
}

.warning-cell {
    background-color: red;
}

.display-none {
    display: none;
}

.displa-table-cell {
    display: table-cell;
}

/*Loader(with girl image) Css*/
.loader_container {
    height: 75%;
    width: 100vw;
    position: relative;
}

.load_row {
    width: 500px;
    height: 100px;
    position: absolute;
    left: 35%;
    top: 40%;
}

.dropdown-toggle .dropdown {
    padding: 0 !important;
}

/*report content tools*/

.accordian_header {
    background-color: #F7F8F9;
    border-bottom: 1px solid #CED0D5;
    width: 100%;
    min-width: 500px;
}

.item_accordian_header {
    border-bottom: 1px solid #CED0D5;
    width: 100%;
    min-width: 500px;
}

.report_run_btn {
    width: 170px;
    background-color: #34AEF4;
    font-size: 14px !important;
    line-height: 24px;
    letter-spacing: 0.25px;
    font-family: ".SF NS Display";
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .report_run_btn:hover {
        color: #FFFFFF !important;
    }

.report_cancel_btn:hover {
    color: #33BBF4 !important;
}

.report_cancel_btn {
    width: 160px;
    background-color: transparent;
    color: #33BBF4;
    font-size: 14px !important;
    line-height: 24px;
    letter-spacing: 0.25px;
    font-family: ".SF NS Display";
    margin-top: 10px;
    margin-bottom: 10px;
}

.accordian-icon {
    margin-left: 10px;
}

.padding-zero {
    padding: 0 !important;
}

.current_selection {
    background-color: #E2F6FE !important;
}

.link_btn {
    background: transparent;
    border: 0;
    color: #34AEF4;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
}

.transparent_btn {
    background: transparent;
    color: black;
    border: 0;
}

.innner-accordian-item {
    padding-left: 5px;
}

.option_control_container {
    padding: 0;
    text-align: right;
}

.option_control_dd {
    font-size: 12px;
    padding: 5px;
}

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

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

.disable_data_col_icon {
    margin-bottom: 10px;
}

.hide_data_col_selected {
    color: #34AEF4 !important;
}

.inner-accordian-label {
    margin-left: 10px;
    padding-left: 0 !important;
}

.dev-row {
    padding-left: 22px !important;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    width: 100%;
}

.dev-row-container {
    padding-right: 0 !important;
}

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

.dev-row div {
    overflow: hidden;
}

.hide_data_col_btn {
    color: #909090;
}

.disable_btn {
    color: #909090 !important;
    cursor: not-allowed !important;
}
/*.bubble {
    background-color: #F2F2F2;
    border-radius: 5px;
    height: inherit;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
}

    .bubble::before {
        background-color: #F2F2F2;
        content: "\00a0";
        display: block;
        height: 16px;
        position: absolute;
        top: 30px;
        transform: rotate(29deg) skew(-35deg);
        -moz-transform: rotate(29deg) skew(-35deg);
        -ms-transform: rotate(29deg) skew(-35deg);
        -o-transform: rotate(29deg) skew(-35deg);
        -webkit-transform: rotate(29deg) skew(-35deg);
        width: 20px;
    }

.bubble_send {
    float: left;
    margin: 5px 45px 5px 20px;
}

    .bubble_send::before {
        box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, .4);
        left: -9px;
    }*/


.intro-videos-list {
    padding: 0px;
    margin: 0px;
    line-height: 28px;
}

.intro-videos-list {
    padding: 5px;
    line-height: 28px;
}

    .intro-videos-list li {
        padding: 2px 5px;
        cursor: pointer;
        border-bottom: 1px solid #eee;
    }

        .intro-videos-list li:hover {
            background-color: #56c8ea57;
        }

.full-screen-video {
    animation-fill-mode: none !important;
}

.dot-blue {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2cafdf;
    margin-right: 5px;
}

.label-quicktool_label_intro_video {
}

    .label-quicktool_label_intro_video a {
        font-weight: bold;
        color: #0a8ebf;
    }


.pia-chat-icon {
    font-size: 24px;
    color: #34aef4;
}

.pia-chat-icon-active {
    font-size: 24px;
    color: #34aef4;
}

.message-block {
    display: block;
    width: 90%;
    position: absolute;
    bottom: 0;
    padding-bottom: inherit;
}

.account-label {
    font-family: opensans-regular;
    color: #423f3b;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    margin: 0;
    line-height: 20px;
    text-indent: 10px;
    font-weight: normal;
    background: #f2aa84;
    padding: 2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.highlight {
    background-color: #cfecf9 !important;
    border: 2px double #4588d1 !important;
}

.missing-data-span {
    color: red;
}

#pia-chat-tool {
    position: relative;
    overflow: visible;
}

.custom-tooltip {
    display: none;
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 0px 8px;
    border-radius: 5px;
    font-size: 10px;
    white-space: nowrap;
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

#pia-chat-tool:hover .custom-tooltip {
    display: block;
}

.chat-blade-tooltip-position {
    left: -21%
}

.inherit-height {
    height: inherit !important;
}