/* Start Open Sans Google Fonts */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/opensans/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/opensans/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/opensans/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/opensans/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/opensans/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/opensans/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/opensans/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../fonts/opensans/EInbV5DfGHOiMmvb1Xr-hq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../fonts/opensans/EInbV5DfGHOiMmvb1Xr-hpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../fonts/opensans/EInbV5DfGHOiMmvb1Xr-hhWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../fonts/opensans/EInbV5DfGHOiMmvb1Xr-hqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../fonts/opensans/EInbV5DfGHOiMmvb1Xr-hv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../fonts/opensans/EInbV5DfGHOiMmvb1Xr-hj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../fonts/opensans/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxhgVThLs8Y7ETJzDCYFCSLE.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxpiMaisvaUVUsYyVzOmndek.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxrBAWGjcah5Ky0jbCgIwDB8.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxv14vlcfyPYlAcQy2UfDRm4.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxqfJul7RR1X4poJgi27uS4w.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxqvyPXdneeGd26m9EmFSSWg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/opensans/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/opensans/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/opensans/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/opensans/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/opensans/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/opensans/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/opensans/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxmgpAmOCqD37_tyH_8Ri5MM.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxsPNMTLbnS9uQzHQlYieHUU.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxgyhumQnPMBCoGYhRaNxyyY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxhUVAXEdVvYDDqrz3aeR0Yc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxlf4y_3s5bcYyyLIFUSWYUU.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxnywqdtBbUHn3VPgzuFrCy8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxp6iIh_FvlUHQwED9Yt5Kbw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxi_vZmeiCMnoWNN9rHBYaTc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxiFaMxiho_5XQnyRZzQsrZs.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxgalQocB-__pDVGhF3uS2Ks.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxmhQUTDJGru-0vvUpABgH8I.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxujkDdvhIIFj_YMdgqpnSB0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxiU8QAtQT9M0M1_mbVWrUPc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxkNaUOL0oYRolx8sebiIY9k.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxooGEx1DzoxsbCRd2IM2afI.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxnPzCMEhbIaaYiFY6KPniws.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxmqi69zMYkLa7XwlUIemKB4.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxowYyzpnB4tyYboSwKGmD2g.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxnibbpXgLHK_uTT48UMyjSM.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* End Open Sans Google Fonts */

body {
    font-family: 'Open Sans';
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, ul, li {
    margin: 0px;
    padding: 0px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%; /*font: inherit;*/
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1 {
    font-size: 2.2rem;
}

h2 {
    font-size: 1.9rem !important;
}

h3 {
    font-size: 1.7rem;
    color: #1b8af2;
}

h4 {
    font-size: 1.4rem;
}

h6, h5 {
    font-size: 1rem;
}

.white-text {
    color: white !important;
}

.teal-text {
    color: #00ffaa;
}

.lime-text {
    color: #7ee000;
}

.green-text {
    color: #35aa47;
}

.grey-text {
    color: #b1b1b1;
}

.blue-text {
    color: #1b8af2;
}

.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
}

.field-validation-error {
    color: red;
    display: inline-block;
    position: relative;
}

.row:before, .clear:before, .row:after, .clear:after {
    content: " ";
    display: table;
}

.row:after, .clear:after {
    clear: both;
}

.row, .clear {
    *zoom: 1;
}

.dark-panel, .light-panel {
    -moz-box-shadow: 3px 3px 3px #959595;
    -webkit-box-shadow: 3px 3px 3px #959595;
    box-shadow: 3px 3px 3px #959595;
}

.left-nav {
    /*border: 2px solid #4b4a4a;*/
}

.left-nav {
    padding: 15px;
}

label {
    text-align: left;
}

.login-content label {
    display: inline-block;
    text-align: right;
}
/*--------------------------- mixins -------------------*/
/*********************
Buttons
*********************/
.primary-button, .secondary-button, .blue-button {
    border: none; /*border-radius: 3px;*/
    text-decoration: none;
    text-align: center;
    font-weight: normal;
}

    .primary-button:hover, .secondary-button:hover, .blue-button:hover {
        cursor: pointer;
    }

.primary-button {
    background-color: #fad306; /*background-image: linear-gradient(#fad306, #e69e15);*/
    color: primary-color;
    padding: 10px 30px;
}

    .primary-button:hover {
        background-color: #e69e15; /*background-image: linear-gradient(#e69e15, #fad306);*/
    }

.secondary-button {
    background: #CBCBCB !important; /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CBCBCB), to(#8F8F8F)) fixed !important;
    background: -webkit-linear-gradient(top, #CBCBCB, #8F8F8F) fixed !important;
    background: -moz-linear-gradient(top, #CBCBCB, #8F8F8F) fixed !important;
    background: -ms-linear-gradient(top, #CBCBCB, #8F8F8F) fixed !important;
    background: -o-linear-gradient(top, #CBCBCB, #8F8F8F) fixed !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#CBCBCB', EndColorStr='#8F8F8F');*/
    color: black; /*width: 70px;*/
    font-size: 12px;
    padding: 5px 30px;
    margin-right: 5px;
    margin-top: 0px;
    line-height: 1.6em;
}

    .secondary-button:hover {
        background: #8b8a8a !important; /*background-image: linear-gradient(#cdcecd, #8b8a8a);*/
    }

.tertiary-button {
    padding: 6px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: white;
    font-size: 0.9em;
    border: none;
    line-height: normal;
    height: auto;
    text-decoration: none; /*margin-bottom: 10px; margin-top: 10px;*/
    cursor: pointer;
}

    .tertiary-button.green { /* can be treated like a fallback */
        background-color: #8bcb02; /* will be "on top", if browser supports it */
        /*background-image: linear-gradient(#8bcb02, #639f03);*/
    }

        .tertiary-button.green:hover { /* can be treated like a fallback */
            background-color: #639f03; /* will be "on top", if browser supports it */
            /*background-image: linear-gradient(#639f03, #8bcb02);*/
        }

    .tertiary-button.darkgreen {
        background-color: #35aa47;
    }

        .tertiary-button.darkgreen:hover {
            background-color: #1d943b;
        }

    .tertiary-button.fesgreen { /* can be treated like a fallback */
        background-color: #3EB1B8; /* will be "on top", if browser supports it */
        /*background-image: linear-gradient(#8bcb02, #639f03);*/
    }

        .tertiary-button.fesgreen:hover { /* can be treated like a fallback */
            background-color: #57C5C6; /* will be "on top", if browser supports it */
            /*background-image: linear-gradient(#639f03, #8bcb02);*/
        }

    .tertiary-button.blue { /* can be treated like a fallback */
        background-color: #2c8ae2; /* will be "on top", if browser supports it */
        /*background-image: linear-gradient(#2c8ae2, #0862d2);*/
    }

        .tertiary-button.blue:hover { /* can be treated like a fallback */
            background-color: #0862d2; /* will be "on top", if browser supports it */
            /*background-image: linear-gradient(#0862d2, #2c8ae2);*/
        }

    .tertiary-button.red {
        background: #c50430;
        color: #fff;
    }

        .tertiary-button.red:hover {
            background: #ac032a;
            color: #fff;
        }

    .tertiary-button.grey { /* can be treated like a fallback */
        background-color: #adadad; /* will be "on top", if browser supports it */
        /*background-image: linear-gradient(#adadad, #838383);*/
    }

        .tertiary-button.grey:hover { /* can be treated like a fallback */
            background-color: #838383; /* will be "on top", if browser supports it */
            /*background-image: linear-gradient(#838383, #adadad);*/
        }

    .tertiary-button.rounded-corners {
        padding: 8px 30px; /*border-radius: 3px;*/
        margin-right: 10px;
    }

.blue-button { /*background: -o-linear-gradient(top, #1f6efe, #1a91d8) fixed !important;*/
    background-color: #1f6efe;
    padding: 10px 30px;
}

.large-button {
    height: 40px;
    font-size: 1.5rem;
}

.link-button {
    color: #fff !important;
    text-decoration: none;
    display: inline-block;
    padding: 8px 12px !important;
}

    .link-button:hover {
        text-decoration: none !important;
    }

.view-button {
    background: url("/Images/view.png") 5px 4px no-repeat;
    border: none;
    width: 60px !important;
    height: 40px !important;
    cursor: pointer !important;
    overflow: hidden;
    margin: 20px !important;
}

    .view-button img {
        display: none !important;
    }

    .view-button:hover {
        background-position: -67px 4px;
    }

.edit-button {
    background: url("/Images/edit.png") 5px 4px no-repeat;
    border: none;
    width: 60px !important;
    height: 40px !important;
    cursor: pointer !important;
    overflow: hidden;
    margin: 20px !important;
}

    .edit-button img {
        display: none !important;
    }

    .edit-button:hover {
        background-position: -67px 4px;
    }

.delete-button {
    background: url("/Images/delete.png") 5px 4px no-repeat;
    border: none;
    width: 60px !important;
    height: 40px !important;
    cursor: pointer !important;
    overflow: hidden;
    margin: 20px !important;
}

    .delete-button img {
        display: none !important;
    }

    .delete-button:hover {
        background-position: -67px 4px;
    }
/*----------------------default styling 
---------------------------------------------- */



/*-------------------------------- header styling 
-------------------------------------------------------*/
header {
    background-color: #696969;
    min-height: 70px;
}

    header .logo {
        background: white;
        width: 300px;
        height: 300px;
        margin: 100px auto 5px auto;
        color: black;
    }

    header .login-logo {
        width: 400px;
        padding-left: 140px;
        height: 240px;
        margin: 0 auto;
    }

    header .header-logo-link {
        display: block;
        width: 300px;
        position: relative;
        bottom: 20px;
    }

    header .user-controlls {
        padding-top: 10px;
        margin-right: 20px;
        color: black;
    }

        header .user-controlls a {
            color: black;
        }

    header .user-info {
        position: relative; /*margin-left:0px;*/
    }

.login-content header {
    background: none !important;
}
/*---------------------------------- login styling 
-------------------------------------------------------*/
.login-form {
    max-width: 400px;
    margin: 0 auto;
    position: relative;
}

    .login-form .editor-label {
        padding: 15px 0 5px 0;
        display: inline-block;
        width: 110px;
        text-align: right;
    }

    .login-form .editor-field {
        display: inline-block;
        width: 270px;
        padding-left: 20px;
        margin-bottom: 10px;
        position: relative;
    }

        .login-form .editor-field .k-textbox {
            width: 100%;
        }

        .login-form .editor-field.primary-button {
            margin-left: 20px;
            width: 250px;
        }

    .login-form .k-widget.k-tooltip-validation {
        background-color: #fff4c9 !important;
        position: absolute;
        top: -6px;
        left: 280px;
        width: 250px;
        z-index: 2;
    }

        .login-form .k-widget.k-tooltip-validation .k-callout.k-callout-n {
            display: none;
        }

.k-widget.k-tooltip-validation {
    background-color: #fff4c9 !important;
}

#BracketAccessoriesQty_validationMessage {
    display: block;
    top: 50px;
    left: -110px;
}
/*--------------------------------- nav styling 
------------------------------------------------------*/
.badge-container {
    background-color: #696969;
    padding: 15px;
    width: 100%;
}

.main-menu li {
    cursor: pointer;
}

.left-nav {
    padding-left: 0;
    padding-right: 0; /*margin: 0px 0px 5px 3px;*/
    /*background-color: #464646;*/ background-color: #3D3D3D;
    height: 773px !important;
}

    .left-nav li {
        padding: 15px 0 15px 15px;
    }

.main-menu > li {
    border-bottom: solid 1px #00ACC2; /*width: calc(85%);*/
    width: 85%;
    height: 44px;
}

    .main-menu > li.sub-menu {
        height: auto;
    }

    .main-menu > li:last-child {
        border-bottom: solid 1px #00ACC2;
    }

    .main-menu > li.sub-menu, .main-menu > li:nth-child(1) {
        border-width: 1px;
    }

.left-nav li a {
    color: white;
    text-align: center;
    text-decoration: none;
}

.left-nav li.active { /*background: #1b8af2;*/
    background: #57C5C6;
    position: relative; /*width: -moz-calc(85%); width: -ms-calc(85%); width: -webkit-calc(85%); width: -o-calc(92%); width: calc(92%);*/
    width: 92%;
    height: 45px;
    z-index: 2;
    border-bottom: solid 1px #57C5C6;
    margin-top: -1px;
}

.left-nav li:hover {
    background: #8ad1de;
    position: relative;
    width: 92%;
    min-height: 45px;
    z-index: 2;
    border-bottom: solid 0px #00ACC2;
    margin-top: -1px;
}

.left-nav li.sub-menu:hover {
    background: none;
    position: relative;
    width: 92%;
    min-height: 44px;
    z-index: 2;
    border-bottom: solid 0px #00ACC2;
}

.left-nav li.active > li, .left-nav li:hover > li {
    background-color: #ff0000;
}

.left-nav li.active:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -18px;
    top: 0;
    height: 45px;
    width: 21px; /*background: url("../Images/nav-arrow.png") no-repeat;*/
    z-index: 3;
    background-size: auto 100%;
}

.left-nav li:hover:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -18px;
    top: 0;
    height: 45px;
    width: 21px;
    background: url("../Images/nav-arrow-hover.png") no-repeat;
    z-index: 3;
    background-size: auto 100%;
}

.left-nav li.sub-menu:hover:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -18px;
    top: 0;
    height: 44px;
    width: 21px;
    background: none;
    z-index: 3;
}
/*-------------------------------- page styling 
-------------------------------------------------------*/
.dark-panel {
    background: #C3C3C3;
    padding: 5px;
}

.light-panel {
    background: #FFFFFF;
    padding: 5px;
}

.filter-panel {
    background-color: #E6E6E6 !important;
    padding: 5px 18px 5px 18px;
    color: #fff;
}

    .filter-panel p {
        padding-bottom: 20px;
        font-size: 16px;
    }

        .filter-panel p.no-filter {
            padding-bottom: 0;
        }

    .filter-panel label, .filter-panel .k-datepicker, .filter-panel .drop-down-container {
        display: inline-block;
        margin-right: 5px; /*line-height: 2;*/
    }

    .filter-panel label {
        line-height: 1.8em; /*text-align: right;*/
        font-size: 1.1em;
        color: #3D3D3D;
    }

    .filter-panel .k-datepicker {
        width: 100%;
    }

    .filter-panel .drop-down-container {
        width: 20% !important;
        margin-right: 10px;
    }

    .filter-panel .filter-button-container {
        position: relative;
        z-index: 3;
    }

.main-panel {
    margin: 5px;
    border: 1px solid #D6D6D6; /*background: #191919 !important;*/
    background: #EAEAEA !important; /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#EEEEEE)) fixed !important;
    background: -webkit-linear-gradient(top, #EEEEEE, #EEEEEE) fixed !important;
    background: -moz-linear-gradient(top, #EEEEEE, #EEEEEE) fixed !important;
    background: -ms-linear-gradient(top, #EEEEEE, #EEEEEE) fixed !important;
    background: -o-linear-gradient(top, #EEEEEE, #EEEEEE) fixed !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#767779', EndColorStr='#ffffff');*/
    font-size: 12px;
    color: #000000;
}

    .main-panel > div {
        /*margin-left:20px !important;*/
    }

    .main-panel .data, .main-panel .content {
        margin-left: 20px !important;
    }

        .main-panel .data label {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-bottom: 5px;
        }

    .main-panel h2 {
        color: #ffffff;
        font-size: .9rem !important;
        padding: 20px 20px;
        background-color: #00ACC2;
        margin: 0px;
    }

        .main-panel h2.approval {
            background-color: #7BB82C;
        }

        .main-panel h2.review {
            background-color: #D83C3D;
        }

        .main-panel h2.varification {
            background-color: #368BDB;
        }

    .main-panel .header-row {
        margin-bottom: 5px;
        background-color: #00ACC2;
    }

        .main-panel .header-row .status-icons {
            padding-top: 16px;
            padding-left: 10px;
            text-align: right;
        }

        .main-panel .header-row .threshold {
            padding-top: 16px;
        }

        .main-panel .header-row .icon-button-text-right {
            margin-top: 15px;
            margin-right: 8px;
        }

        .main-panel .header-row .notes {
            margin-top: 20px;
            margin-right: 2px;
        }

    .main-Panel .docview {
        margin: 10px;
    }

    .main-panel .k-grid {
        margin: 0px 1px !important;
        padding: 5px;
    }

    .main-panel .green-light, .main-panel .red-light, .main-panel .empty-light, .main-panel .blue-light, .red-light, .green-light, .empty-light, .blue-light {
        width: 12px;
        height: 12px;
        border-radius: 50% !important;
        display: inline-block;
        margin: 5px 1px 0 1px;
    }

    .main-panel .green-light, .green-light { /*background-color: #00ff2a;*/
        background-color: #7AB92D;
        border: 2px solid #7AB92D;
    }

    .main-panel .red-light, .red-light { /*background-color: red;*/
        background-color: #D83E3E !important;
        border: 2px solid #D83E3E !important;
    }

    .main-panel .blue-light, .blue-light { /*background-color: red;*/
        background-color: #368BDB;
        border: 2px solid #368BDB;
    }

    .main-panel .empty-light, .empty-light {
        border: 2px solid #7e7e7e;
    }

.no-panel {
    border: none;
    background: transparent !important;
    padding: 0;
    margin: 0;
    padding-left: 3px;
}

.secondary-panel {
    background: #dfdfdf;
    margin: 5px;
    color: black;
    padding: 20px; /*border:solid 1px #00ACC2;
    -webkit-box-shadow: 2px 2px 3px -2px rgba(70,70,70,1);
-moz-box-shadow: 2px 2px 3px -2px rgba(70,70,70,1);
box-shadow: 2px 2px 3px -2px rgba(70,70,70,1);*/
}

    .secondary-panel p.header {
        color: #00ACC2;
        padding-bottom: 5px;
        border-bottom: 1px solid #00ACC2;
        margin-bottom: 20px;
    }

    .secondary-panel .section-header {
        margin-bottom: 20px;
    }

.blue-color {
    color: #0098D7 !important;
}

.green-color { /*color: #00ff2a;*/
    background: none repeat scroll 0 0 #a2d7a1;
    border-radius: 3px;
    line-height: 22px;
    padding: 0 5px;
}

.red-color {
    color: red;
}

.status-panel { /*margin: 5px;
    margin-top: 5px !important;
    border: 2px solid #4b4a4a;*/
    padding: 5px 16px 5px 10px;
    color: #fff;
}

    .status-panel .project-status {
        text-transform: uppercase;
        word-wrap: normal;
        word-break: normal;
        margin-left: 18px;
    }

.white-panel {
    background: white;
    margin-left: 5px;
    margin-right: 5px;
    color: #000;
    padding-left: 10px;
    border: 0px solid black;
}

input[type="checkbox"] {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    display: inline-block;
    height: auto;
    width: auto;
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
}
/*--------------------------------- calendar styling 
----------------------------------------------------------*/
/*-------------------------------- footer styling 
-------------------------------------------------------*/
footer {
    padding: 5px; /*background: linear-gradient(#e69e15, #fad306);
    background: -webkit-linear-gradient(#e69e15, #fad306);
    background: -moz-linear-gradient(#e69e15, #fad306);
    background: -ms-linear-gradient(#e69e15, #fad306);
    background: -o-linear-gradient(#e69e15, #fad306);*/
    background-color: #fb0;
}

    footer p {
        text-align: center;
        color: black;
    }

    footer .toggle-menu {
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

        footer .toggle-menu .glyphicon {
            top: 2px;
        }

/*-------------------------------- misc styling 
-------------------------------------------------------*/
.flt-left {
    float: left;
}

.flt-right {
    float: right;
}

.inline {
    display: inline-block;
}

.block {
    display: block !important;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.pad-bottom {
    padding-bottom: 10px;
}

.pad-top {
    padding-top: 10px;
}

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top {
    margin-top: 10px !important;
}

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

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

.pointer {
    cursor: pointer;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.margin-top-small {
    margin-top: 5px !important;
}

.margin-right-small {
    margin-right: 5px !important;
}

.margin-bottom-small {
    margin-bottom: 5px !important;
}

.margin-left-small {
    margin-left: 5px !important;
}

.padding-top-small {
    padding-top: 5px !important;
}

.padding-right-small {
    padding-right: 5px !important;
}

.padding-bottom-small {
    padding-bottom: 5px !important;
}

.padding-bottom-18 {
    padding-bottom: 18px !important;
}

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

.margin-top-medium {
    margin-top: 10px !important;
}

.margin-right-medium {
    margin-right: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

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

.margin-left-medium {
    margin-left: 10px !important;
}

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

.padding-right-medium {
    padding-right: 10px !important;
}

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

.padding-bottom-18 {
    padding-bottom: 18px !important;
}

.padding-left-medium {
    padding-left: 10px !important;
}

.margin-top-large {
    margin-top: 20px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-right-large {
    margin-right: 20px !important;
}

.margin-bottom-large {
    margin-bottom: 20px !important;
}

.margin-left-large {
    margin-left: 20px !important;
}

.padding-top-large {
    padding-top: 20px !important;
}

.padding-right-large {
    padding-right: 20px !important;
}

.padding-bottom-large {
    padding-bottom: 20px !important;
}

.padding-left-large {
    padding-left: 20px !important;
}

.margin-top-extra-large {
    margin-top: 40px !important;
}

.margin-right-extra-large {
    margin-right: 40px !important;
}

.margin-bottom-extra-large {
    margin-bottom: 40px !important;
}

.margin-left-extra-large {
    margin-left: 40px !important;
}

.padding-top-extra-large {
    padding-top: 40px !important;
}

.padding-right-extra-large {
    padding-right: 40px !important;
}

.padding-bottom-extra-large {
    padding-bottom: 40px !important;
}

.padding-left-extra-large {
    padding-left: 40px !important;
}

.padding-left-ultra-large {
    padding-left: 100px !important;
}


.margin-top-zero {
    margin-top: 0px !important;
}

.margin-bottom-medium {
    /*margin-bottom: 20px !important;
    margin-top: 20px !important;*/
}
/*-------------------------------- Project styling 
-------------------------------------------------------*/
.project-item {
    border: 1px solid black;
    margin: 5px;
}

label {
    word-break: break-word; /*font-size:14px;*/
}

.fes_dashboard_status_icon_approval, .fes_dashboard_status_icon_contract, .fes_dashboard_status_icon_hardaudit, .fes_dashboard_status_icon_leadperson, .fes_dashboard_status_icon_lightbulb, .fes_dashboard_status_icon_softaudit, .fes_dashboard_status_icon1_approval, .fes_dashboard_status_icon1_contract, .fes_dashboard_status_icon1_hardaudit, .fes_dashboard_status_icon1_leadperson, .fes_dashboard_status_icon1_softaudit, .FES_admin_nav_icon_controls, .FES_admin_nav_icon_dashboard, .FES_admin_nav_icon_invoicecenter, .FES_admin_nav_icon_newproject, .FES_admin_nav_icon_personnel, .FES_admin_nav_icon_projectcenter, .FES_admin_nav_icon_reporting, .nav_calander_icon, .nav_icon, .nav_new_project_icon, .nav_personnel_icon, .nav_projec_center_icon, .sc_dashboard_approvals_icon, .sc_dashboard_contract_icon, .sc_dashboard_hardaudit_icon, .sc_dashboard_softaudit_icon, .nav_calendar_icon, .nav_dashboard_icon, .nav_new_project_icon, .nav_personnel_icon, .nav_project_center_icon, .projectcenter_status_icon_approval, .projectcenter_status_icon_contract, .projectcenter_status_icon_hardaudit, .projectcenter_status_icon_leadperson, .projectcenter_status_icon_lightbulb, .projectcenter_status_icon_softaudit, .projectpage_status_icon_approval, .projectpage_status_icon_contract, .projectpage_status_icon_hardaudit, .projectpage_status_icon_leadperson, .projectpage_status_icon_lightbulb, .projectpage_status_icon_softaudit, .projectpage_tools_icon_appointment, .projectpage_tools_icon_audit, .projectpage_tools_icon_camera, .projectpage_tools_icon_presentation, .projectpage_tools_icon_team, .projectpage_tools_icon_document, .header_login_icon, .projectpage_tools_icon_camera_blue {
    background: url(../Images/sprites.png) no-repeat;
}

.fes_dashboard_status_icon1_verification {
    background: url(../Images/sprites_statuses.png) no-repeat;
    background-position: -231px -2px;
    width: 12px;
    height: 16px;
}

.fes_dashboard_status_icon1_approval {
    background-position: -3px -4px;
    width: 12px;
    height: 12px;
}

.fes_dashboard_status_icon1_contract { /*background-position: -24px -4px;*/
    background-position: -217px -107px;
    width: 11px;
    height: 13px;
}

.fes_dashboard_status_icon1_hardaudit {
    background-position: -45px -4px;
    width: 13px;
    height: 13px;
}

.fes_dashboard_status_icon1_leadperson {
    background-position: -69px -3px;
    width: 11px;
    height: 12px;
}

.fes_dashboard_status_icon1_lightbulb {
    background-position: -89px -3px;
    width: 8px;
    height: 14px;
}

.fes_dashboard_status_icon1_softaudit {
    background-position: -105px -5px;
    width: 16px;
    height: 8px;
}

.fes_dashboard_status_icon_approval {
    background-position: -131px -2px;
    width: 12px;
    height: 12px;
}

.fes_dashboard_status_icon_contract {
    background-position: -154px -2px;
    width: 11px;
    height: 12px;
}

.fes_dashboard_status_icon_hardaudit {
    background-position: -176px -1px;
    width: 13px;
    height: 13px;
}

.fes_dashboard_status_icon_leadperson {
    background-position: -196px -2px;
    width: 11px;
    height: 12px;
}

.fes_dashboard_status_icon_softaudit {
    background-position: -221px -3px;
    width: 16px;
    height: 8px;
}

.FES_admin_nav_icon_controls {
    background-position: 0 -26px;
    width: 25px;
    height: 21px;
}

.FES_admin_nav_icon_dashboard {
    background-position: -36px -27px;
    width: 22px;
    height: 17px;
}

.FES_admin_nav_icon_invoicecenter {
    background-position: -68px -26px;
    width: 21px;
    height: 20px;
}

.FES_admin_nav_icon_newproject {
    background-position: -105px -26px;
    width: 15px;
    height: 16px;
}

.FES_admin_nav_icon_personnel {
    background-position: -138px -29px;
    width: 22px;
    height: 12px;
}

.FES_admin_nav_icon_projectcenter {
    background-position: -181px -32px;
    width: 22px;
    height: 12px;
}

.FES_admin_nav_icon_reporting {
    background-position: -239px -29px;
    width: 19px;
    height: 19px;
}

.nav_calander_icon {
    background-position: -1px -59px;
    width: 19px;
    height: 15px;
}

.nav_icon {
    background-position: -36px -62px;
    width: 22px;
    height: 17px;
}

.nav_new_project_icon {
    background-position: -74px -63px;
    width: 15px;
    height: 16px;
}

.nav_personnel_icon {
    background-position: -104px -67px;
    width: 22px;
    height: 12px;
}

.nav_projec_center_icon {
    background-position: -146px -71px;
    width: 22px;
    height: 12px;
}

.sc_dashboard_approvals_icon {
    background-position: -191px -71px;
    width: 12px;
    height: 12px;
}

.sc_dashboard_contract_icon {
    background-position: -219px -71px;
    width: 11px;
    height: 12px;
}

.sc_dashboard_hardaudit_icon {
    background-position: -248px -68px;
    width: 13px;
    height: 13px;
}

.sc_dashboard_softaudit_icon {
    background-position: -282px -72px;
    width: 16px;
    height: 8px;
}

.nav_calendar_icon {
    background-position: -2px -101px;
    width: 19px;
    height: 15px;
}

.nav_dashboard_icon {
    background-position: -38px -98px;
    width: 19px;
    height: 16px;
}

.nav_new_project_icon {
    background-position: -77px -100px;
    width: 15px;
    height: 16px;
}

.nav_personnel_icon {
    background-position: -108px -103px;
    width: 22px;
    height: 12px;
}

.nav_project_center_icon {
    background-position: -153px -105px;
    width: 22px;
    height: 12px;
}

.projectcenter_status_icon_approval {
    background-position: -196px -107px;
    width: 12px;
    height: 12px;
}

.projectcenter_status_icon_contract {
    background-position: -219px -107px;
    width: 11px;
    height: 13px;
}

.projectcenter_status_icon_hardaudit {
    background-position: -239px -107px;
    width: 13px;
    height: 13px;
}

.projectcenter_status_icon_leadperson {
    background-position: -267px -108px;
    width: 11px;
    height: 12px;
}

.projectcenter_status_icon_lightbulb {
    background-position: -290px -106px;
    width: 8px;
    height: 14px;
}

.projectcenter_status_icon_softaudit {
    background-position: -313px -109px;
    width: 16px;
    height: 8px;
}

.projectpage_status_icon_approval {
    background-position: -5px -137px;
    width: 17px;
    height: 16px;
}

.projectpage_status_icon_contract {
    background-position: -35px -136px;
    width: 15px;
    height: 17px;
}

.projectpage_status_icon_hardaudit {
    background-position: -58px -137px;
    width: 18px;
    height: 18px;
}

.projectpage_status_icon_leadperson {
    background-position: -91px -139px;
    width: 15px;
    height: 16px;
}

.projectpage_status_icon_lightbulb {
    background-position: -120px -138px;
    width: 11px;
    height: 19px;
}

.projectpage_status_icon_softaudit {
    background-position: -145px -140px;
    width: 22px;
    height: 11px;
}

.projectpage_tools_icon_appointment {
    background-position: -100px -180px;
    width: 25px;
    height: 25px;
    color: #fff;
}
/*.projectpage_tools_icon_appointment {
    background-position: -177px -137px;
    width: 25px;
    height: 25px;
    color: #fff; }*/

.colorwhite {
    color: #fff;
}

.projectpage_tools_icon_audit {
    background-position: -216px -136px;
    width: 26px;
    height: 26px;
}

.projectpage_tools_icon_camera {
    background-position: -175px -184px;
    width: 27px;
    height: 18px;
}

.projectpage_tools_icon_camera_blue {
    background-position: -276px -26px;
    width: 27px;
    height: 18px;
}

.projectpage_tools_icon_presentation {
    background-position: -289px -141px;
    width: 25px;
    height: 25px;
}

.projectpage_tools_icon_team {
    background-position: -243px -182px;
    width: 26px;
    height: 22px;
}

.projectpage_tools_icon_document {
    background-position: -6px -169px;
    width: 44px;
    height: 51px;
}

.header_login_icon {
    background-position: -63px -181px;
    width: 23px;
    height: 23px;
}
/****************************Navigation Sprites
**********************************************/
.FES_admin_nav_icon_controls, .FES_admin_nav_icon_dashboard, .FES_admin_nav_icon_invoicecenter, .FES_admin_nav_icon_newproject, .FES_admin_nav_icon_personnel, .FES_admin_nav_icon_projectcenter, .FES_admin_nav_icon_reporting, .nav_calander_icon, .nav_calendar_icon, .nav_dashboard_icon, .nav_icon, .nav_new_project_icon, .nav_personnel_icon, .nav_projec_center_icon, .nav_project_center_icon {
    background: url(../Images/sprites_nav.png) no-repeat;
    display: block;
    float: left;
    margin-right: 10px;
}

.FES_admin_nav_icon_controls {
    background-position: 0 -1px;
    width: 25px;
    height: 21px;
}

.FES_admin_nav_icon_dashboard {
    background-position: -47px 0;
    width: 22px;
    height: 17px;
}

.FES_admin_nav_icon_invoicecenter {
    background-position: -93px 0;
    width: 21px;
    height: 20px;
}

.FES_admin_nav_icon_newproject {
    background-position: -142px -3px;
    width: 15px;
    height: 16px;
}

.FES_admin_nav_icon_personnel {
    background-position: -180px -4px;
    width: 22px;
    height: 12px;
}

.FES_admin_nav_icon_projectcenter {
    background-position: -226px -4px;
    width: 22px;
    height: 12px;
}

.FES_admin_nav_icon_reporting {
    background-position: -264px -2px;
    width: 19px;
    height: 19px;
}

.nav_calander_icon {
    background-position: -6px -37px;
    width: 19px;
    height: 15px;
}

.nav_calendar_icon {
    background-position: -48px -36px;
    width: 19px;
    height: 15px;
}

.nav_dashboard_icon {
    background-position: -99px -37px;
    width: 19px;
    height: 16px;
}

.nav_icon {
    background-position: -131px -36px;
    width: 22px;
    height: 17px;
}

.nav_new_project_icon {
    background-position: -171px -39px;
    width: 15px;
    height: 16px;
}

.nav_personnel_icon {
    background-position: -208px -39px;
    width: 22px;
    height: 12px;
}

.nav_projec_center_icon {
    background-position: -246px -42px;
    width: 22px;
    height: 12px;
}

.nav_project_center_icon {
    background-position: -287px -38px;
    width: 22px;
    height: 12px;
}
/****************************Status Sprites
**********************************************/
.contract_out, .contract_out_active, .fes_approval, .verification, .fes_approval_active, .hard_audit, .hard_audit_active, .installed, .installed_active, .lead, .lead_active, .signed, .signed_active, .soft_audit, .soft_audit_active, .verification_active, .engineering_review, .engineering_review_active, .ssa, .ssa_active, inactive_active, .inactive, .lead-white, .soft_audit-white, .hard_audit-white, .engineering_review-white, .verification-white, .signed-white, .contract_out-white, .fes_approval-white, .installed-white, .ssa-white, .inactive-white, .contract_admin, .contract_admin_active, .contract_admin-white {
    background: url(../Images/sprites_statuses.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}
/*** Lead Status */
.lead {
    background-position: -101px 0px;
    width: 15px;
    height: 19px;
}

.lead_active {
    background-position: -101px -100px;
    width: 15px;
    height: 19px;
}

.k-grid .lead_active {
    background-position: -101px -50px;
    width: 15px;
    height: 19px;
}

.lead-white, .edit-project .lead {
    content: "lead";
    background-position: -101px -75px;
    width: 15px;
    height: 19px;
    margin-bottom: 0;
}
/*** Soft Audit Status */
.soft_audit {
    background-position: -151px 4px;
    width: 22px;
    height: 19px;
}

.soft_audit_active {
    background-position: -151px -96px;
    width: 22px;
    height: 19px;
}

.k-grid .soft_audit_active {
    background-position: -151px -46px;
    width: 22px;
    height: 19px;
}

.soft_audit-white, .edit-project .soft_audit {
    background-position: -151px -71px;
    width: 22px;
    height: 19px;
}
/*** Hard Audit Status */
.hard_audit {
    background-position: -51px 0;
    width: 18px;
    height: 19px;
}

.hard_audit_active {
    background-position: -51px -100px;
    width: 18px;
    height: 19px;
}

.k-grid .hard_audit_active {
    background-position: -51px -50px;
    width: 18px;
    height: 19px;
}

.hard_audit-white, .edit-project .hard_audit {
    background-position: -51px -75px;
    width: 18px;
    height: 19px;
}
/*** Engineering Review Status */
.engineering_review {
    background-position: -201px -1px;
    width: 18px;
    height: 19px;
}

.engineering_review_active {
    background-position: -201px -101px;
    width: 18px;
    height: 19px;
}

.k-grid .engineering_review_active {
    background-position: -201px -51px;
    width: 18px;
    height: 19px;
}

.engineering_review-white, .edit-project .engineering_review {
    background-position: -201px -76px;
    width: 18px;
    height: 19px;
}
/*** Verification Status */
.verification {
    background-position: -126px -1px;
    width: 18px;
    height: 19px;
}

.verification_active {
    background-position: -126px -101px;
    width: 18px;
    height: 19px;
}

.k-grid .verification_active {
    background-position: -126px -51px !important;
    width: 18px;
    height: 19px;
}

.verification-white, .edit-project .verification {
    background-position: -126px -76px;
    width: 18px;
    height: 19px;
}
/*** Approval Status */
.fes_approval {
    background-position: -26px -0px;
    width: 17px;
    height: 19px;
}

.fes_approval_active {
    background-position: -26px -100px;
    width: 17px;
    height: 19px;
}

.k-grid .fes_approval_active {
    background-position: -26px -50px;
    width: 17px;
    height: 19px;
}

.fes_approval-white, .edit-project .fes_approval {
    background-position: -26px -75px;
    width: 17px;
    height: 19px;
}
/*** Signed Status */
.signed {
    background-position: -176px 0px;
    width: 14px;
    height: 19px;
}

.signed_active {
    background-position: -176px -100px;
    width: 14px;
    height: 19px;
}

.k-grid .signed_active {
    background-position: -176px -50px;
    width: 14px;
    height: 19px;
}

.signed-white, .edit-project .signed {
    background-position: -176px -75px;
    width: 14px;
    height: 19px;
}
/*** Contract Out Status */
.contract_out {
    background-position: -1px 0px;
    width: 15px;
    height: 19px;
}

.contract_out_active {
    background-position: -1px -100px;
    width: 15px;
    height: 19px;
}

.k-grid .contract_out_active {
    background-position: -1px -50px;
    width: 15px;
    height: 19px;
}

.contract_out-white, .edit-project .contract_out {
    background-position: -1px -75px;
    width: 15px;
    height: 19px;
}
/*** Contract Admin Status */
.contract_admin {
    background-position: -301px 0px;
    width: 15px;
    height: 19px;
}

.contract_admin_active {
    background-position: -301px -100px;
    width: 15px;
    height: 19px;
}

.k-grid .contract_admin_active {
    background-position: -301px -50px;
    width: 15px;
    height: 19px;
}

.contract_admin-white, .edit-project .contract_admin {
    background-position: -301px -75px;
    width: 15px;
    height: 19px;
}
/*** Installed Status */
.installed {
    background-position: -76px 0px;
    width: 9px;
    height: 19px;
}

.installed_active {
    background-position: -76px -100px;
    width: 9px;
    height: 19px;
}

.k-grid .installed_active {
    background-position: -76px -50px;
    width: 9px;
    height: 19px;
}

.installed-white, .edit-project .installed {
    background-position: -76px -75px;
    width: 9px;
    height: 19px;
}
/*** External Status */
.ssa {
    background-position: -225px 0px;
    width: 9px;
    height: 21px;
}

.ssa_active {
    background-position: -225px -100px;
    width: 9px;
    height: 21px;
}

.k-grid .ssa_active {
    background-position: -225px -50px;
    width: 9px;
    height: 21px;
}

.ssa-white, .edit-project .ssa {
    background-position: -225px -75px;
    width: 9px;
    height: 21px;
}
/*** Inactive Status */
.inactive {
    background-position: -250px 0px;
    width: 15px;
    height: 19px;
}

.inactive_active {
    background-position: -250px -100px;
    width: 15px;
    height: 19px;
}

.k-grid .inactive_active {
    background-position: -250px -50px;
    width: 15px;
    height: 19px;
}

.inactive-white, .edit-project .inactive {
    content: "lead";
    background-position: -250px -75px;
    width: 15px;
    height: 19px;
    margin-bottom: 0;
}
/****************************Project Status Panel Status
**********************************************/
.projectstatus .lead, .projectstatus .lead_active, .projectstatus .soft_audit, .projectstatus .soft_audit_active, .projectstatus .hard_audit, .projectstatus .hard_audit_active, .projectstatus .engineering_review, .projectstatus .engineering_review_active, .projectstatus .verification, .projectstatus .verification_active, .projectstatus .fes_approval, .projectstatus .fes_approval_active, .projectstatus .signed, .projectstatus .signed_active, .projectstatus .contract_out, .projectstatus .contract_out_active, .projectstatus .contract_admin, .projectstatus .contract_admin_active, .projectstatus .installed, .projectstatus .installed_active {
    height: 19px;
    width: 22px;
    float: left;
    box-sizing: border-box;
}

.projectstatus .lead {
    background-position: -101px 0px;
}

.projectstatus .lead_active {
    background-position: -101px -100px;
}

.projectstatus .soft_audit {
    background-position: -151px 4px;
}

.projectstatus .soft_audit_active {
    background-position: -151px -96px;
}

.projectstatus .hard_audit {
    background-position: -51px 0;
}

.projectstatus .hard_audit_active {
    background-position: -51px -100px;
}

.projectstatus .engineering_review {
    background-position: -201px -1px;
}

.projectstatus .engineering_review_active {
    background-position: -201px -101px;
}

.projectstatus .verification {
    background-position: -73px -1px;
}

.projectstatus .verification_active {
    background-position: -73px -101px;
}

.projectstatus .fes_approval {
    background-position: -26px -0px;
}

.projectstatus .fes_approval_active {
    background-position: -26px -100px;
}

.projectstatus .signed {
    background-position: -176px 0px;
}

.projectstatus .signed_active {
    background-position: -176px -100px;
}

.projectstatus .contract_out {
    background-position: -1px 0px;
}

.projectstatus .contract_out_active {
    background-position: -1px -100px;
}

.projectstatus .contract_admin {
    background-position: -301px 0px;
}

.projectstatus .contract_admin_active {
    background-position: -301px -100px;
}

.projectstatus .installed {
    background-position: -76px 0px;
}

.projectstatus .installed_active {
    background-position: -76px -100px;
}

.projectstatus .ssa {
    background-position: -225px 0px;
    height: 21px !important;
}

.projectstatus .ssa_active {
    background-position: -225px -100px;
    height: 21px !important;
}
/****************************Additional Sprites
**********************************************/
.documents_blue, .tools_send_documents {
    background: url(../Images/sprites_additional.png) no-repeat;
    display: block;
}

.documents_blue {
    background-position: 0 0;
    width: 44px;
    height: 51px;
}

.tools_send_documents {
    background-position: -58px -12px;
    width: 25px;
    height: 26px;
}

.tools_export_csv {
    background: url(../Images/sprites.png) no-repeat;
    background-position: -274px -178px;
    width: 27px;
    height: 27px;
}

/**************************Additional Sprites 2
**********************************************/
.fes_edit_audit_icon, .fes_dashboard_status_icon_pending_install {
    background: url(../Images/sprites_additional_2.png) no-repeat;
    display: inline-block;
}

.fes_edit_audit_icon {
    background-position: 0 2px;
    width: 32px;
    height: 32px;
    margin-left: 3px;
    margin-bottom: 5px;
}

.fes_dashboard_status_icon_pending_install {
    background-position: -40px -1px;
    width: 11px;
    height: 12px;
}

.project-center-menu {
    position: relative;
    left: 20px;
    font-size: 13px;
}

    .project-center-menu ul li {
        cursor: pointer;
    }

.project-center-filter-button {
    display: inline-block; /*width: 208px;*/
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 0px;
    float: right;
}

.project-center-grid {
    padding: 10px 15px;
}

    .project-center-grid .k-grid-header .k-header > .k-link {
        font-size: 11px !important;
    }

    .project-center-grid .status-col {
        width: 200px;
    }

.database-list-grid {
    padding: 10px 0px;
}

.w-210 {
    width: 210px;
}

.w-120 {
    width: 120px !important;
}

.w-150-i {
    width: 150px !important;
}

.w-806-i {
    width: 806px !important;
}

.w-490-i {
    width: 490px !important;
}

.w-125 {
    width: 125px;
}

.w-150 {
    width: 150px;
}

.w-365 {
    width: 365px;
}

.fixtureheader {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #000;
    width: 50%;
    padding-left: 10px;
}

.floatLeft {
    float: left;
}

.proj-center.filter-panel {
    -webkit-transition: height 2s;
    transition: height 2s;
    position: relative;
    z-index: 1;
}

.filter-display-button {
    cursor: pointer;
    font-size: 22px;
    position: relative;
    z-index: 2;
}

    .filter-display-button .button-text {
        font-size: 12px;
        margin-left: 20px;
        position: relative;
        top: -5px;
    }

.controls-menu {
    position: relative;
    left: 20px;
    font-size: 13px;
}

.controls .filter-panel label {
    float: left;
    margin: 0px 10px 0 0;
}

.controls .filter-panel .fixture-dropdown, .controls .filter-panel .email-dropdown {
    float: left;
    margin-right: 20px;
}

    .controls .filter-panel .email-dropdown .k-dropdown {
        width: 320px;
    }

.controls .filter-panel .pres-dropdown {
    float: left;
    margin-right: 40px;
}

.controls .filter-panel .filter-button {
    margin-left: 20px;
}

.controls .secondary-panel label {
    margin-top: 10px;
}

.controls .secondary-panel .k-widget.k-editor.k-header.k-editor-widget {
    border: none;
    border-collapse: collapse;
}

    .controls .secondary-panel .k-widget.k-editor.k-header.k-editor-widget td {
        padding-bottom: 10px;
    }

        .controls .secondary-panel .k-widget.k-editor.k-header.k-editor-widget td .k-tool-group:not(.k-button-group) {
            margin-right: 40px;
        }

.controls .col-1-20, .controls .col-2-20, .controls .col-3-20, .controls .col-4-20, .controls .col-5-20, .controls .col-6-20, .controls .col-7-20 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 1%;
    padding-right: 1%;
}

    .controls .col-1-20 .text-box, .controls .col-1-20 .k-textbox, .controls .col-1-20 input, .controls .col-2-20 .text-box, .controls .col-2-20 .k-textbox, .controls .col-2-20 input, .controls .col-3-20 .text-box, .controls .col-3-20 .k-textbox, .controls .col-3-20 input, .controls .col-4-20 .text-box, .controls .col-4-20 .k-textbox, .controls .col-4-20 input {
        width: 100% !important;
        border-radius: 0px;
        line-height: 20px;
        padding: 2px 4px;
        border: 1px solid #bcb4b0;
    }

        .controls .col-1-20 .text-box:focus, .controls .col-1-20 .k-textbox:focus, .controls .col-1-20 input:focus, .controls .col-2-20 .text-box:focus, .controls .col-2-20 .k-textbox:focus, .controls .col-2-20 input:focus, .controls .col-3-20 .text-box:focus, .controls .col-3-20 .k-textbox:focus, .controls .col-3-20 input:focus, .controls .col-4-20 .text-box:focus, .controls .col-4-20 .k-textbox:focus, .controls .col-4-20 input:focus {
            outline: 1px solid #1784e7;
        }

    .controls .col-4-20.first {
        padding-left: 0;
        width: 19%;
    }

    .controls .col-1-20.last {
        padding-right: 0;
        width: 4%;
    }

.controls .col-1-20 {
    width: 3%;
}

.controls .col-2-20 {
    width: 8%;
}

.controls .col-3-20 {
    width: 13%;
}

    .controls .col-3-20 .k-dropdown {
        width: 75%;
    }

.controls .col-4-20 {
    width: 18%;
}

.controls .col-5-20 {
    width: 23%;
}

.controls .col-6-20 {
    width: 28%;
}

.controls .col-7-20 {
    width: 33%;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.custom-file-input::before {
    content: 'upload .png';
    display: inline-block;
    background: none;
    border: none;
    padding: 5px 8px;
    outline: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-size: 10pt;
    color: #1b8af2;
}

.custom-file-input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

    .custom-file-input:hover::before {
        text-decoration: underline;
    }

    .custom-file-input:active::before {
        color: #0a63b6;
    }

    .custom-file-input:active {
        border: none;
        outline: 0;
    }

    .custom-file-input.pdf::before {
        content: 'upload .pdf';
    }

.upload {
    color: #1b8af2;
    text-decoration: none;
    font-weight: bold;
}

    .upload:hover {
        text-decoration: underline;
    }

.email-signature {
    width: 100%;
    height: 120px;
}

.fes-fixture-tab .k-content.k-state-active {
    overflow: auto !important;
}

.controls-project-thresholds label strong {
    font-weight: bold;
    text-align: center;
}

.controls-project-thresholds .text-box {
    width: 100%;
}

div.kendo-window-bigger {
    min-width: 80% !important;
}

div.kendo-window-auto.k-window {
    width: 50% !important;
}

.dashboard-panel-row-1 {
    height: 215px;
}

.project-threshold-upper-row {
    min-height: 140px !important;
}

.project-status .main-panel {
    height: 260px;
    position: relative;
}

.project-status .row {
    margin: 10px 0;
    width: 100%;
}

    .project-status .row .icon, .project-status .row .title, .project-status .row .number, .project-status .row .bar-wrapper, .project-status .row .bar {
        display: inline-block;
        margin-right: 1%;
    }

    .project-status .row .icon {
        width: 15px;
    }

    .project-status .row .title {
        width: 35%;
    }

    .project-status .row .number {
        width: 32px;
        border-radius: 3px;
        padding: 2px 8px;
        text-align: center;
    }

    .project-status .row .bar-wrapper {
        width: 35%;
    }

    .project-status .row .bar {
        height: 3px;
        margin-bottom: 3px;
    }

.contract-summary-row, .pending-approval-row {
    margin: 10px 0 !important;
}

.contract-summary .number {
    padding: 2px 5px;
    border-radius: 3px;
}

.pending-approval-row label {
    width: 75%;
    text-align: left;
}

.pending-approval-row .statuscount {
    width: 10%;
    text-align: left;
}

.contract-summary-chart {
    position: absolute;
    right: 5px;
    z-index: 2;
    top: -36px;
}

    .contract-summary-chart text {
        fill: #000000;
    }

.total {
    color: #000000;
}

.project-profile .view-edit-links {
    color: #ffffff;
    margin-top: 20px;
    margin-right: 10px;
}

.project-profile .icon-list span {
    display: inline-block;
}

.project-profile .status-box {
    background-color: black;
    text-align: center;
    border: 2px solid #0066ff;
    padding: 50px 10px 10px 10px;
    width: 100%;
    margin: 5px 0 0 0;
    height: 187px;
}

    .project-profile .status-box h3 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.2rem;
        margin-bottom: 10px;
    }

    .project-profile .status-box h4 {
        font-style: italic;
        color: white;
        font-size: .9rem;
        margin: 5px 0;
    }

.project-profile .projectpage_tools_icon_team {
    display: inline-block;
    cursor: pointer;
}

.project-profile .icon-button {
    cursor: pointer;
    text-align: center;
    background-color: #cccccc;
    height: 75px;
    margin: 5px;
    padding: 10px 0px;
}

    .project-profile .icon-button span {
        color: #000000;
        display: inline-block;
        margin-bottom: 5px;
    }

.project-profile .icon-button-text-right {
    cursor: pointer;
}

    .project-profile .icon-button-text-right span {
        display: inline-block;
        vertical-align: middle;
    }

.portlet-body .row, .project-profile .main-panel .data .row, .audit-project .main-panel .data .row {
    margin-top: 7px;
}

.project-profile .main-panel a {
    color: #1b8af2;
}

    .project-profile .main-panel a:hover {
        text-decoration: underline;
    }

.project-profile .notes {
    color: #fff; /*#0066fd;*/
}

    .project-profile .notes .plus-button {
        float: right;
        font-size: 2.2rem;
        line-height: .3rem;
        cursor: pointer;
        margin-right: 20px;
    }

    .project-profile .notes .toggle-button {
        border: 1px solid #fff; /*#0066fd*/
        cursor: pointer;
        border-radius: 2px;
        height: 20px;
        position: relative;
        top: -4px;
    }

        .project-profile .notes .toggle-button .fill {
            background-color: #fff; /* #0066fd;*/
            height: 18px;
        }

.project-profile .grid-project-notes td {
    padding: 5px;
}

.grid-project-notes .k-grid {
    border: none !important;
}

.grid-project-notes {
    padding: 0px !important;
    height: 470px !important;
    margin-bottom: 0px !important;
}

.project-profile p.indent {
    text-indent: 30px;
}

.project-profile .col-one-fifth {
    width: 20%;
    float: left;
    padding-right: 5px;
}

.project-profile .cal {
    border: 1px solid #e92026;
    border-radius: 8px;
    color: black;
    text-align: center;
    margin: 0 1px;
}

    .project-profile .cal .month {
        background-color: #e92026;
        color: #ffffff;
        padding: 2px 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .project-profile .cal .date {
        padding: 10px 0;
        font-size: 2.2rem;
        font-style: italic;
    }

.project-profile .today {
    border-color: #0066fd;
}

    .project-profile .today .month {
        background-color: #0066fd;
    }

.project-profile .cal-desc {
    text-align: center;
    padding: 5px 5px 10px 5px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-profile .personnel-category {
    font-size: 16px;
}

.project-profile .k-widget.k-listview {
    border: none;
}

.project-profile .photo {
    height: 75px;
    overflow: hidden;
    padding-top: 8px;
    text-align: center;
}

    .project-profile .photo img {
        height: 50px;
        width: auto;
        padding: 0 5px;
        cursor: pointer;
    }

    .project-profile .photo p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: white;
        padding: 5px 2px;
    }

.project-profile .doc-header {
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
}

.project-profile .doc-link {
    position: relative;
}

.project-profile a.doc-link {
    text-decoration: none;
    word-break: break-all;
}

.project-profile .doc-link .doc-type {
    position: absolute;
    top: 20px;
    color: black;
    text-decoration: none;
    font-size: 9px;
    overflow: hidden;
    text-align: center;
    width: 49px;
}

.photo-modal {
    width: 600px;
}

    .photo-modal .k-widget.k-listview {
        border: 0;
    }

        .photo-modal .k-widget.k-listview .col-xs-2 {
            padding-right: 10px;
        }

            .photo-modal .k-widget.k-listview .col-xs-2 .thumb {
                height: 60px;
                text-align: center;
            }

.project-profile-kendo-window .kendo-window-panel { /*background-color: lightgray;
    border: 1px solid silver;*/
    /*padding: 20px;*/
    /*margin-bottom: 5px;*/ font-size: 1em;
}

    .project-profile-kendo-window .kendo-window-panel .section-header {
        font-size: 14px; /*border-bottom: 2px solid #8d8d8d;*/
        margin-bottom: 20px;
    }

        .project-profile-kendo-window .kendo-window-panel .section-header a {
            font-size: 12px;
            text-decoration: none;
            display: block;
        }
    /*.project-profile-kendo-window .kendo-window-panel label {
        text-align: left;
        padding-right: 10px;
        padding-top: 5px;
    }*/

    .project-profile-kendo-window .kendo-window-panel .form-row {
        padding-bottom: 10px;
        padding-top: 0;
    }

    .project-profile-kendo-window .kendo-window-panel .k-textbox {
        width: 90%;
    }

    .project-profile-kendo-window .kendo-window-panel .larger-textbox .k-textbox {
        width: 100%;
    }

    .project-profile-kendo-window .kendo-window-panel .larger-dropdown .k-widget.k-dropdown.k-header.drop-down {
        width: 95%;
    }

.k-autocomplete { /*width: 88% !important; */
}

.project-profile-kendo-window .kendo-window-panel .k-widget.k-timepicker.k-header {
    width: 100%;
}

.project-profile-kendo-window .kendo-window-panel textarea {
    width: 99%;
    height: 100px;
}

.project-profile-kendo-window .kendo-window-panel input[type="checkbox"] {
    margin: 0px;
    margin-right: 4px;
    vertical-align: middle;
}

.project-profile-kendo-window .kendo-window-panel label.checklabel {
    vertical-align: middle;
    padding-top: 0;
    display: inline-block; /*width: 90%;*/
    margin-top: -2px;
    margin-left: 5px;
}

.project-profile-kendo-window .kendo-window-panel label.checklabel-sm {
    padding-right: 0;
    width: 78%;
    line-height: 100%;
}

.project-profile-kendo-window .kendo-window-panel .checkbox-sm {
    margin-top: 6px !important;
    vertical-align: top !important;
}

.project-profile-kendo-window .kendo-window-panel .bigger label {
    font-size: 14px;
    margin-left: 5px;
    display: inline;
}

.project-profile-kendo-window .kendo-window-panel .bigger input[type="checkbox"] { /*Previous Scale was 1.5 - Updated by Developer-B*/
    /* Double-sized Checkboxes */ -ms-transform: scale(1); /* IE */
    -moz-transform: scale(1); /* FF */
    -webkit-transform: scale(1); /* Safari and Chrome */
    -o-transform: scale(1); /* Opera */
    padding: 5px;
}

.project-profile-kendo-window .no-panel {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-bottom: 0;
}

.change-status {
    display: block;
    float: right;
    cursor: pointer;
    font-size: 12px;
}

.photo-galary {
    display: block;
    clear: both;
}

#divListViewPhotoTemplate {
    overflow-x: hidden;
    overflow: auto;
}

#photo-panel .header-row {
    margin-bottom: 0;
}

#appt-panel {
    max-height: 375px !important;
    overflow-y: hidden;
}

    #appt-panel row {
        overflow: hidden;
    }

.multi-panels {
    min-height: 160px;
}
/*.notes-panel {
    padding-bottom: 0; }*/

.pres, .pres-list {
    max-width: 800px;
}

    .pres .k-listview, .pres-list .k-listview {
        border: none;
    }

.pres-iframe {
    width: 100%;
    height: 600px;
}

.pres-header {
    margin: 5px 0 15px 0;
}

.pres-thumb {
    height: 100px;
}


.calendar-back-button a {
    color: black;
    text-decoration: none;
}

.col-4, .col-8, .col-12, .col-16, .col-20, .col-28, .col-36, .col-40, col-80, .col-large {
    float: left;
    position: relative;
    min-height: 1px;
}

    .col-4 .text-box, .col-16 .text-box, .col-20 .text-box, .col-8 .text-box, .col-12 .text-box, .col-24 .text-box, .col-large .k-textbox {
        width: 80% !important;
    }

.control-type .k-dropdown {
    width: 50%;
}

.col-4 {
    width: 4%;
}

.col-8 {
    width: 8%;
}

    .col-8 a {
        float: left;
        margin-left: 5px;
        margin-top: 10%;
        text-align: center;
        vertical-align: middle;
    }

.col-12 {
    width: 12%;
}

.col-16 {
    width: 16%;
}

.col-20 {
    width: 20%;
    position: relative;
}

    .col-20 textarea {
        position: absolute;
        width: 98%;
    }

    .col-20 label {
        padding-top: 0 !important;
    }

.col-28 {
    width: 28%;
    position: relative;
}

.col-36 {
    width: 36%;
}

.col-40 {
    width: 48%;
}

.col-80 {
    width: 75%;
}

.col-large {
    width: 60%;
    position: relative;
}

.project-details-button-wrapper { /*width: 260px;*/
    text-align: center;
}

    .project-details-button-wrapper .tertiary-button.rounded-corners {
        margin-right: 0px;
        margin-top: 0px;
    }

.filtersDropDownVals .k-widget.k-datepicker.k-header {
    width: 77% !important;
}

.filtersDropDownManualVals div.drop-down {
    width: 35%;
    float: left;
}

.filtersDropDownManualVals .k-widget.k-dropdown.k-header.drop-down {
    width: 85%;
}

.filtersDropDownManualVals label {
    float: left;
    padding-left: 2%;
    padding-right: 1%;
}

.filtersDropDownManualVals .office-label {
    margin-left: 50px;
}

.dashboard-panel-top-row {
    height: 665px;
}

.sales-project-status {
    padding-top: 20px;
    margin-bottom: 20px;
}

.contract-summary-pie {
    position: absolute;
    left: 5px;
    z-index: 2;
    top: 250px;
}

    .contract-summary-pie text {
        fill: #000;
    }

.contract-summary {
    position: absolute;
    right: 55px;
    padding-top: 35px;
}

.calendar .filter-panel p {
    padding-bottom: 0;
}

.personnel .main-panel a, .calendar .main-panel a {
    color: #4aaf8d;
    text-decoration: none;
}

    .personnel .main-panel a:hover, .calendar .main-panel a:hover {
        text-decoration: underline;
    }

.personnel .main-panel .col-xs-6, .calendar .main-panel .col-xs-6, .personnel .main-panel .salesmanager .col-xs-3 {
    margin-bottom: 10px;
    font-size: 11px;
}

.personnel-form .k-widget.k-dropdown.k-header.drop-down {
    width: 100%;
}

.calendar .no-panel .k-state-selected a {
    color: white;
}

.calendar .no-panel a {
    color: #1b8af2;
}

#downloadReport {
    float: right;
    padding: 3px 15px;
    color: white;
    font-size: 12px;
    border: none; /* can be treated like a fallback */
    background-color: #2c8ae2; /* will be "on top", if browser supports it */
    /*background-image: linear-gradient(#2c8ae2, #0862d2);*/
}

    #downloadReport:hover { /* can be treated like a fallback */
        background-color: #0862d2; /* will be "on top", if browser supports it */
        /*background-image: linear-gradient(#0862d2, #2c8ae2);*/
    }

.report {
    overflow: auto;
    color: #fff;
}

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

.reports .main-panel {
    overflow-x: auto;
}

.reports .k-grid {
    width: 100%;
}

    .reports .k-grid .k-toolbar {
        background: transparent;
        padding: 5px;
        border-bottom: solid 1px #C5C5C5 !important;
    }

    .reports .k-grid td {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
        padding: 10px 5px;
        font-size: 11px;
    }

.photo-container img {
    height: 90px !important;
}

.photo-display-container img {
    height: 140px !important;
}
/*#ListViewUploadedPhotos > div
{
    height: 100px; }*/

.invoice-center {
    word-wrap: break-word;
}

    .invoice-center .customer-search-panel, .invoice-center .customer-detail-panel {
        padding: 10px;
        padding-left: 20px;
        height: 150px;
    }

.bottom-row .reports {
    padding: 0px;
}

.invoice-center .customer-search-panel p.header, .invoice-center .customer-detail-panel p.header {
    border-bottom: none;
    margin-bottom: 5px;
}

.invoice-center .customer-search-panel label, .reports label {
    margin-bottom: 3px;
}

.invoice-center .customer-search-button {
    margin-top: 3px;
}

.invoice-center .filter-button {
    margin-top: 5px;
    margin-left: 5px;
}

.invoice-center label {
    margin-bottom: 10px;
}

.invoice-center .search-box-wrapper .k-textbox {
    width: 100%;
}

.invoice-center .search-dropdown-wrapper .k-dropdown {
    width: 65%;
}

.invoice-center .customer-list-panel {
    padding: 0;
    overflow-y: auto;
}

    .invoice-center .customer-list-panel .k-listview.k-widget {
        border: none;
    }

        .invoice-center .customer-list-panel .k-listview.k-widget .list-item {
            padding: 10px;
        }

            .invoice-center .customer-list-panel .k-listview.k-widget .list-item .row, .invoice-center .customer-list-panel .k-listview.k-widget .list-item div[class*='col-xs-'] {
                cursor: pointer;
            }

            .invoice-center .customer-list-panel .k-listview.k-widget .list-item:nth-child(odd) {
                background: #e0e0e0;
            }

            .invoice-center .customer-list-panel .k-listview.k-widget .list-item:nth-child(even) {
                background: #dadada;
            }

        .invoice-center .customer-list-panel .k-listview.k-widget .k-state-selected {
            background: #B7D7EE !important;
        }

        .invoice-center .customer-list-panel .k-listview.k-widget .list-item:hover {
            background: #B7D7EE !important;
        }

.k-listview.k-widget .list-item:nth-child(2n) {
    background: #eeeeee !important;
}

.invoice-center .invoice-list-panel {
    min-height: 380px;
    padding: 0px !important;
}

    .invoice-center .invoice-list-panel .k-grid {
        margin: 0px !important;
    }

.invoice-center .customer-detail-panel label, .invoice-center .customer-detail-panel span {
    font-size: 11px;
    text-align: left;
}

.invoice-center .customer-detail-panel label {
    font-weight: bold;
}

.invoice-center .customer-invoice-list .k-grid .k-grid-header {
    background: transparent !important;
}

.invoice-center .customer-invoice-list {
    padding: 20px;
}

    .invoice-center .customer-invoice-list .k-grid .k-grid-header .k-header {
        /*background: transparent !important;*/
    }

        .invoice-center .customer-invoice-list .k-grid .k-grid-header .k-header .k-link {
            color: black !important;
            font-size: 12px !important;
        }

    .invoice-center .customer-invoice-list .k-grid tbody tr {
        color: black !important;
    }

    .invoice-center .customer-invoice-list .k-grid .k-alt {
        /*background: transparent;*/
    }

    .invoice-center .customer-invoice-list .k-grid .k-pager-wrap {
        background: transparent !important;
    }

        .invoice-center .customer-invoice-list .k-grid .k-pager-wrap .k-state-selected {
            background-color: #ccc;
            border: thin solid #bcb4b0 !important;
        }

        .invoice-center .customer-invoice-list .k-grid .k-pager-wrap .k-link, .invoice-center .customer-invoice-list .k-grid .k-pager-wrap .k-pager-info {
            color: black !important;
        }

    .invoice-center .customer-invoice-list .project-id, .custom-report-grid .project-id {
        cursor: pointer;
        color: #1D79DB !important;
        text-decoration: underline;
    }

.custom-report-grid {
    padding: 10px 20px;
    min-height: 660px !important;
}

.audit-agreement {
    line-height: 20px !important;
}

    .audit-agreement .main-panel {
        padding: 40px;
        font-size: 14px;
        background: white !important;
        color: black;
    }

    .audit-agreement p.header {
        font-weight: bold;
    }

    .audit-agreement p {
        margin-bottom: 20px;
    }

    .audit-agreement ul li {
        margin: 0 0 20px 0;
    }

        .audit-agreement ul li input {
            width: 15px;
            display: block;
            float: left;
        }

        .audit-agreement ul li label {
            padding-left: 28px;
            display: block;
            font-style: normal;
            text-align: left;
        }

    .audit-agreement .signature-box {
        border: thin solid black;
        padding: 20px;
    }

        .audit-agreement .signature-box .company-name, .audit-agreement .signature-box .authorized-signer {
            display: inline-block;
            margin-right: 10px;
            font-weight: bold;
            font-size: 14px;
        }

        .audit-agreement .signature-box .sig {
            margin: 20px 0;
            height: 60px;
        }

.contract-agreement {
    line-height: 20px;
}

    .contract-agreement .main-panel {
        padding: 40px;
        font-size: 14px;
        background: white !important;
        color: black;
    }

    .contract-agreement p.header {
        font-weight: bold;
    }

    .contract-agreement b {
        font-weight: bold;
    }

    .contract-agreement p {
        margin-bottom: 20px;
    }

    .contract-agreement ul li {
        margin: 0 0 20px 0;
    }

        .contract-agreement ul li input {
            width: 15px;
            display: block;
            float: left;
        }

        .contract-agreement ul li label {
            padding-left: 28px;
            display: block;
            font-style: normal;
            text-align: left;
        }

    .contract-agreement .signature-box {
        border: thin solid black;
        padding: 20px;
    }

        .contract-agreement .signature-box .company-name, .contract-agreement .signature-box .authorized-signer {
            display: inline-block;
            margin-right: 10px;
            font-weight: bold;
            font-size: 14px;
        }

        .contract-agreement .signature-box .sig {
            margin: 20px 0;
            height: 60px;
        }
/*--------------------------------------------- grid styling 
 -------------------------------------------------------------------------*/
.k-grid {
    color: #b1b1b1 !important; /*margin: 0 0px;*/
    border-style: none !important;
}

    .k-grid .k-grid-header a, .k-grid .k-grid-header span {
        color: #000000;
    }

    .k-grid .k-grid-header .k-header {
        border-width: 0 0 1px 0 !important;
        border-color: #666666;
        background: #EEEEEE !important;
        color: black !important;
        padding: 0.5em 0.2em 0.4em 0.2em;
    }

    .k-grid .k-grid-toolbar {
        border: none !important;
    }

    .k-grid tbody tr {
        cursor: pointer;
        color: #000000 !important; /*background: transparent;*/
        background: #ededed;
    }

        .k-grid tbody tr:hover { /*background: #add5dc;*/
            background: #F5F5F5;
        }

    .k-grid tbody .k-button {
        background: #00ACC2;
        color: white;
        border-radius: 0;
        border: 0;
    }

    .k-grid td {
        border-style: solid;
        border-width: 0 0 0px 0px;
    }

    .k-grid .k-link, .k-grid .k-state-disabled {
        color: black !important;
        font-size: 0.9em !important;
    }

    .k-grid .k-pager-wrap {
        background: #EEEEEE !important;
    }

        .k-grid .k-pager-wrap .k-pager-info {
            color: #000000 !important;
        }

        .k-grid .k-pager-wrap .k-pager-nav {
            border: none !important;
        }

        .k-grid .k-pager-wrap .k-pager-numbers {
            color: white !important;
        }

            .k-grid .k-pager-wrap .k-pager-numbers .k-state-selected {
                background: #464646;
                color: #ffffff !important;
                border: none !important;
            }

            .k-grid .k-pager-wrap .k-pager-numbers .k-link {
                color: #000 !important;
            }

    .k-grid .k-alt {
        background: #fff;
    }

    .k-grid .k-state-selected {
        background: #B7D7EE !important;
        color: #000 !important;
    }

        .k-grid .k-state-selected td {
            color: #000 !important;
        }

.wrap-header {
    overflow: visible !important;
    white-space: normal !important;
    width: 50px !important;
}

.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: inset 0 0 3px 4px #4d8ffd;
    box-shadow: inset 0 0 3px 4px #4d8ffd;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    background-color: #4d8ffd;
    border-color: #4d8ffd;
}

.k-widget {
    background: none !important;
}

.k-dropdown {
    border-radius: 0px;
    width: 92%;
}

.k-scrollbar {
    overflow: auto !important;
}

div.k-window {
    border-radius: 0;
    width: inherit !important;
}

.smpopup {
    border-radius: 0;
    width: 400px !important;
}

.mdpopup {
    border-radius: 0;
    width: 800px !important;
}

.lgpopup {
    border-radius: 0;
    width: 1200px !important;
}

.mdpopup .k-grid {
    color: #b1b1b1 !important; /*margin: 0 0px;*/
    border-style: none !important;
}

.k-grid .k-grid-header a, .k-grid .k-grid-header span {
    color: #000000;
}

.k-grid .k-grid-header .k-header {
    border-width: 0 0 1px 0 !important;
    border-color: #666666;
    background: #EEEEEE !important;
    color: black !important;
    padding: 0.5em 0.2em 0.4em 0.2em;
}

.k-grid .k-grid-toolbar {
    border: none !important;
}

.k-grid tbody tr {
    cursor: pointer;
    color: #000000 !important; /*background: transparent;*/
    background: #ededed;
}

    .k-grid tbody tr:hover { /*background: #add5dc;*/
        background: #F5F5F5;
    }

.k-grid tbody .k-button {
    background: #00ACC2;
    color: white;
    border-radius: 0;
    border: 0;
}

.k-grid td {
    border-style: solid;
    border-width: 0 0 0px 0px;
}

.k-grid .k-link, .k-grid .k-state-disabled {
    color: black !important;
    font-size: 0.9em !important;
}

.k-grid .k-pager-wrap {
    background: #EEEEEE !important;
}

    .k-grid .k-pager-wrap .k-pager-info {
        color: #000000 !important;
    }

    .k-grid .k-pager-wrap .k-pager-nav {
        border: none !important;
    }

    .k-grid .k-pager-wrap .k-pager-numbers {
        color: white !important;
    }

        .k-grid .k-pager-wrap .k-pager-numbers .k-state-selected {
            background: #464646;
            color: #ffffff !important;
            border: none !important;
        }

        .k-grid .k-pager-wrap .k-pager-numbers .k-link {
            color: #000 !important;
        }

.k-grid .k-alt {
    background: #fff;
}

.k-grid .k-state-selected {
    background: #B7D7EE !important;
    color: #000 !important;
}

    .k-grid .k-state-selected td {
        color: #000 !important;
    }

.wrap-header {
    overflow: visible !important;
    white-space: normal !important;
    width: 50px !important;
}

.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: inset 0 0 3px 4px #4d8ffd;
    box-shadow: inset 0 0 3px 4px #4d8ffd;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    background-color: #4d8ffd !important;
    border-color: #4d8ffd !important;
    background-image: none;
}

.k-widget {
    background: none !important;
}

.k-dropdown {
    border-radius: 0px;
    width: 92%;
}

.k-scrollbar {
    overflow: auto !important;
}

div.k-window {
    border-radius: 0;
    width: inherit !important;
}

.smpopup {
    border-radius: 0;
    width: 400px !important;
}

.mdpopup {
    border-radius: 0;
    width: 800px !important;
}

.lgpopup {
    border-radius: 0;
    width: 1200px !important;
}

.mdpopup .k-window-titlebar .k-window-actions {
    z-index: 999;
}

.project-profile-kendo-window.smaller-window {
    /*width: 50% !important;*/
}
/*.k-window-titlebar { border:0px !important;}
.k-window-title { border-bottom:1px solid #1784e7;}*/
div.k-window .k-window-titlebar .k-window-action {
    width: auto;
    height: auto;
    position: relative;
    top: 20px;
    right: 0px;
}

div.k-window p.header {
    color: #00ACC2;
    padding-bottom: 5px;
    border-bottom: 1px solid #00ACC2;
    margin-bottom: 10px;
}

.k-window-titlebar {
    border-radius: 0;
}

    .k-window-titlebar {
        border-color: #00ACC2;
        color: #fff;
        background: #f0ad2a;
        border: none;
        height: 27px;
        line-height: 27px;
    }

    .k-window-titlebar .k-window-actions {
        top: 0;
    }

.k-window-title {
    font-size: 14px;
    /*border-bottom: 1px solid #00ACC2;*/
    margin-top: 5px;
}

.k-window-titlebar .k-i-close:before {
    content: "\f00d";
}

.k-window-titlebar .k-i-close {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none !important;
    width: 13px;
    color: #fff;
    opacity: 1;
}

.k-window-title {
    padding: 0px 6px !important;
}

.schedule-appt-window {
}

.edit-profile-window .k-widget.k-dropdown.k-header.drop-down {
    width: 93%;
}

.edit-profile-window .existing-customer-dropdown {
    width: 200px;
}

.k-scheduler-times, .k-scheduler-table, .k-scheduler-header {
    background: #f2f2f2;
}

    .k-scheduler-table th.k-today {
        border-top: 1px solid #1b8af2;
        border-left: 1px solid #1b8af2;
        border-right: 1px solid #1b8af2;
    }

    .k-scheduler-table td.k-today {
        border-left: 1px solid #1b8af2;
        border-right: 1px solid #1b8af2;
    }

        .k-scheduler-table td.k-today:last-child {
            border-bottom: 1px solid #1b8af2 !important;
        }

.k-widget.k-tabstrip.k-header {
    border: none;
    height: 93%;
}

.k-tabstrip .k-content.k-state-active, .newtab {
    border-color: #00ACC2; /*border:solid 0px;*/
    background-color: #dfdfdf;
    height: 96%;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0px;
}

    .k-tabstrip .k-content.k-state-active hr {
        border-color: #00ACC2;
    }

.k-tabstrip-items .k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading {
    border-color: transparent;
    background-color: #00ACC2;
    color: white; /*border:solid 1px #00ACC2 !important;*/
    border-width: 0px;
}

.k-tabstrip-items .k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading {
    border-color: transparent;
    background-color: #00ACC2;
    color: white;
    border-width: 0px;
}

.k-tabstrip-items .k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading, .k-item.k-state-default:hover {
    border-color: #1784e7; /*border-width:0px;
    border-top:0px;*/
    border: none;
}

.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    color: white;
    padding: 5px 10px;
}

.kendo-blue-color { /*color: #1784e7;*/
    color: #00ACC2;
}

.k-list-container {
    min-width: 210px !important;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-3-5, .col-xs-4, .col-xs-4-5, .col-xs-5, .col-xs-5-1, .col-xs-6, .col-xs-6-1, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
}

    .col-xs-1 > .k-textbox, .col-xs-1 > .k-numerictextbox, .col-xs-1 > .k-datepicker, .col-xs-1 > .k-dropdown-wrap, .col-xs-2 > .k-textbox, .col-xs-2 > .k-numerictextbox, .col-xs-2 > .k-datepicker, .col-xs-2 > .k-dropdown-wrap, .col-xs-3 > .k-textbox, .col-xs-3 > .k-numerictextbox, .col-xs-3 > .k-datepicker, .col-xs-3 > .k-dropdown-wrap, .col-xs-3-5 > .k-textbox, .col-xs-3-5 > .k-numerictextbox, .col-xs-3-5 > .k-datepicker, .col-xs-3-5 > .k-dropdown-wrap, .col-xs-4 > .k-textbox, .col-xs-4 > .k-numerictextbox, .col-xs-4 > .k-datepicker, .col-xs-4 > .k-dropdown-wrap, .col-xs-4-5 > .k-textbox, .col-xs-4-5 > .k-numerictextbox, .col-xs-4-5 > .k-datepicker, .col-xs-4-5 > .k-dropdown-wrap, .col-xs-5 > .k-textbox, .col-xs-5 > .k-numerictextbox, .col-xs-5 > .k-datepicker, .col-xs-5 > .k-dropdown-wrap, .col-xs-5-1 > .k-textbox, .col-xs-5-1 > .k-numerictextbox, .col-xs-5-1 > .k-datepicker, .col-xs-5-1 > .k-dropdown-wrap, .col-xs-6 > .k-textbox, .col-xs-6 > .k-numerictextbox, .col-xs-6 > .k-datepicker, .col-xs-6 > .k-dropdown-wrap, .col-xs-6-1 > .k-textbox, .col-xs-6-1 > .k-numerictextbox, .col-xs-6-1 > .k-datepicker, .col-xs-6-1 > .k-dropdown-wrap, .col-xs-7 > .k-textbox, .col-xs-7 > .k-numerictextbox, .col-xs-7 > .k-datepicker, .col-xs-7 > .k-dropdown-wrap, .col-xs-8 > .k-textbox, .col-xs-8 > .k-numerictextbox, .col-xs-8 > .k-datepicker, .col-xs-8 > .k-dropdown-wrap, .col-xs-9 > .k-textbox, .col-xs-9 > .k-numerictextbox, .col-xs-9 > .k-datepicker, .col-xs-9 > .k-dropdown-wrap, .col-xs-10 > .k-textbox, .col-xs-10 > .k-numerictextbox, .col-xs-10 > .k-datepicker, .col-xs-10 > .k-dropdown-wrap, .col-xs-11 > .k-textbox, .col-xs-11 > .k-numerictextbox, .col-xs-11 > .k-datepicker, .col-xs-11 > .k-dropdown-wrap, .col-xs-12 > .k-textbox, .col-xs-12 > .k-numerictextbox, .col-xs-12 > .k-datepicker, .col-xs-12 > .k-dropdown-wrap, .col-sm-1 > .k-textbox, .col-sm-1 > .k-numerictextbox, .col-sm-1 > .k-datepicker, .col-sm-1 > .k-dropdown-wrap, .col-sm-2 > .k-textbox, .col-sm-2 > .k-numerictextbox, .col-sm-2 > .k-datepicker, .col-sm-2 > .k-dropdown-wrap, .col-sm-3 > .k-textbox, .col-sm-3 > .k-numerictextbox, .col-sm-3 > .k-datepicker, .col-sm-3 > .k-dropdown-wrap, .col-sm-4 > .k-textbox, .col-sm-4 > .k-numerictextbox, .col-sm-4 > .k-datepicker, .col-sm-4 > .k-dropdown-wrap, .col-sm-5 > .k-textbox, .col-sm-5 > .k-numerictextbox, .col-sm-5 > .k-datepicker, .col-sm-5 > .k-dropdown-wrap, .col-sm-6 > .k-textbox, .col-sm-6 > .k-numerictextbox, .col-sm-6 > .k-datepicker, .col-sm-6 > .k-dropdown-wrap, .col-sm-7 > .k-textbox, .col-sm-7 > .k-numerictextbox, .col-sm-7 > .k-datepicker, .col-sm-7 > .k-dropdown-wrap, .col-sm-8 > .k-textbox, .col-sm-8 > .k-numerictextbox, .col-sm-8 > .k-datepicker, .col-sm-8 > .k-dropdown-wrap, .col-sm-9 > .k-textbox, .col-sm-9 > .k-numerictextbox, .col-sm-9 > .k-datepicker, .col-sm-9 > .k-dropdown-wrap, .col-sm-10 > .k-textbox, .col-sm-10 > .k-numerictextbox, .col-sm-10 > .k-datepicker, .col-sm-10 > .k-dropdown-wrap, .col-sm-11 > .k-textbox, .col-sm-11 > .k-numerictextbox, .col-sm-11 > .k-datepicker, .col-sm-11 > .k-dropdown-wrap, .col-sm-12 > .k-textbox, .col-sm-12 > .k-numerictextbox, .col-sm-12 > .k-datepicker, .col-sm-12 > .k-dropdown-wrap, .col-md-1 > .k-textbox, .col-md-1 > .k-numerictextbox, .col-md-1 > .k-datepicker, .col-md-1 > .k-dropdown-wrap, .col-md-2 > .k-textbox, .col-md-2 > .k-numerictextbox, .col-md-2 > .k-datepicker, .col-md-2 > .k-dropdown-wrap, .col-md-3 > .k-textbox, .col-md-3 > .k-numerictextbox, .col-md-3 > .k-datepicker, .col-md-3 > .k-dropdown-wrap, .col-md-4 > .k-textbox, .col-md-4 > .k-numerictextbox, .col-md-4 > .k-datepicker, .col-md-4 > .k-dropdown-wrap, .col-md-5 > .k-textbox, .col-md-5 > .k-numerictextbox, .col-md-5 > .k-datepicker, .col-md-5 > .k-dropdown-wrap, .col-md-6 > .k-textbox, .col-md-6 > .k-numerictextbox, .col-md-6 > .k-datepicker, .col-md-6 > .k-dropdown-wrap, .col-md-7 > .k-textbox, .col-md-7 > .k-numerictextbox, .col-md-7 > .k-datepicker, .col-md-7 > .k-dropdown-wrap, .col-md-8 > .k-textbox, .col-md-8 > .k-numerictextbox, .col-md-8 > .k-datepicker, .col-md-8 > .k-dropdown-wrap, .col-md-9 > .k-textbox, .col-md-9 > .k-numerictextbox, .col-md-9 > .k-datepicker, .col-md-9 > .k-dropdown-wrap, .col-md-10 > .k-textbox, .col-md-10 > .k-numerictextbox, .col-md-10 > .k-datepicker, .col-md-10 > .k-dropdown-wrap, .col-md-11 > .k-textbox, .col-md-11 > .k-numerictextbox, .col-md-11 > .k-datepicker, .col-md-11 > .k-dropdown-wrap, .col-md-12 > .k-textbox, .col-md-12 > .k-numerictextbox, .col-md-12 > .k-datepicker, .col-md-12 > .k-dropdown-wrap, .col-lg-1 > .k-textbox, .col-lg-1 > .k-numerictextbox, .col-lg-1 > .k-datepicker, .col-lg-1 > .k-dropdown-wrap, .col-lg-2 > .k-textbox, .col-lg-2 > .k-numerictextbox, .col-lg-2 > .k-datepicker, .col-lg-2 > .k-dropdown-wrap, .col-lg-3 > .k-textbox, .col-lg-3 > .k-numerictextbox, .col-lg-3 > .k-datepicker, .col-lg-3 > .k-dropdown-wrap, .col-lg-4 > .k-textbox, .col-lg-4 > .k-numerictextbox, .col-lg-4 > .k-datepicker, .col-lg-4 > .k-dropdown-wrap, .col-lg-5 > .k-textbox, .col-lg-5 > .k-numerictextbox, .col-lg-5 > .k-datepicker, .col-lg-5 > .k-dropdown-wrap, .col-lg-6 > .k-textbox, .col-lg-6 > .k-numerictextbox, .col-lg-6 > .k-datepicker, .col-lg-6 > .k-dropdown-wrap, .col-lg-7 > .k-textbox, .col-lg-7 > .k-numerictextbox, .col-lg-7 > .k-datepicker, .col-lg-7 > .k-dropdown-wrap, .col-lg-8 > .k-textbox, .col-lg-8 > .k-numerictextbox, .col-lg-8 > .k-datepicker, .col-lg-8 > .k-dropdown-wrap, .col-lg-9 > .k-textbox, .col-lg-9 > .k-numerictextbox, .col-lg-9 > .k-datepicker, .col-lg-9 > .k-dropdown-wrap, .col-lg-10 > .k-textbox, .col-lg-10 > .k-numerictextbox, .col-lg-10 > .k-datepicker, .col-lg-10 > .k-dropdown-wrap, .col-lg-11 > .k-textbox, .col-lg-11 > .k-numerictextbox, .col-lg-11 > .k-datepicker, .col-lg-11 > .k-dropdown-wrap, .col-lg-12 > .k-textbox, .col-lg-12 > .k-numerictextbox, .col-lg-12 > .k-datepicker, .col-lg-12 > .k-dropdown-wrap {
        width: 99%;
    }

    .col-xs-1 > .primary-button, .col-xs-2 > .primary-button, .col-xs-3 > .primary-button, .col-xs-3-5 > .primary-button, .col-xs-4 > .primary-button, .col-xs-4-5 > .primary-button, .col-xs-5 > .primary-button, .col-xs-5-1 > .primary-button, .col-xs-6 > .primary-button, .col-xs-6-1 > .primary-button, .col-xs-7 > .primary-button, .col-xs-8 > .primary-button, .col-xs-9 > .primary-button, .col-xs-10 > .primary-button, .col-xs-11 > .primary-button, .col-xs-12 > .primary-button, .col-sm-1 > .primary-button, .col-sm-2 > .primary-button, .col-sm-3 > .primary-button, .col-sm-4 > .primary-button, .col-sm-5 > .primary-button, .col-sm-6 > .primary-button, .col-sm-7 > .primary-button, .col-sm-8 > .primary-button, .col-sm-9 > .primary-button, .col-sm-10 > .primary-button, .col-sm-11 > .primary-button, .col-sm-12 > .primary-button, .col-md-1 > .primary-button, .col-md-2 > .primary-button, .col-md-3 > .primary-button, .col-md-4 > .primary-button, .col-md-5 > .primary-button, .col-md-6 > .primary-button, .col-md-7 > .primary-button, .col-md-8 > .primary-button, .col-md-9 > .primary-button, .col-md-10 > .primary-button, .col-md-11 > .primary-button, .col-md-12 > .primary-button, .col-lg-1 > .primary-button, .col-lg-2 > .primary-button, .col-lg-3 > .primary-button, .col-lg-4 > .primary-button, .col-lg-5 > .primary-button, .col-lg-6 > .primary-button, .col-lg-7 > .primary-button, .col-lg-8 > .primary-button, .col-lg-9 > .primary-button, .col-lg-10 > .primary-button, .col-lg-11 > .primary-button, .col-lg-12 > .primary-button {
        width: 100%;
    }

.row {
    min-height: 1px;
    margin-top: 0;
    margin-bottom: 0;
}

.fixtureBG {
    background-color: #A5D7A2;
    font-weight: bold;
    padding: 1px 5px;
    min-width: 35px;
    text-align: center;
    border-radius: 3px;
}

.notesFrom {
    font-weight: bold !important;
}
/*k-item k-state-default newtab k-state-active k-tab-on-top k-first*/

.fes-fixture-tab .k-tabstrip-items .k-state-default {
    background-color: #00ACC2 !important;
    border-color: transparent !important;
    border-width: 0;
    color: white;
    border-top-left-radius: 35px !important;
}

    .fes-fixture-tab .k-tabstrip-items .k-state-default:hover {
        background-color: #00ACC2 !important;
        border-color: transparent !important;
        border-width: 0;
        color: white;
        border: none !important;
        border-top-left-radius: 35px !important;
    }

.fontbold {
    font-weight: bold;
}

.filter-panel .k-textbox > input, .filter-panel .k-autocomplete .k-input, .filter-panel .k-picker-wrap .k-input, .filter-panel .k-numeric-wrap .k-input, .filter-panel .k-dropdown-wrap .k-input, .filter-panel .k-selectbox .k-input { /*height: 1.65em; line-height: 1.2em; line-height: 0.8em; padding: .3em 0;
    text-indent: .7em;*/
    border: 0;
    margin: 0;
}

.reportFilters {
    padding: 10px;
    padding-left: 20px; /*height: 155px !important;*/
}

    .reportFilters p.header {
        border-bottom: none;
        margin-bottom: 10px;
    }

    .reportFilters p {
        margin-top: 5px;
        margin-bottom: 10px;
    }

.reports .main-panel {
    margin-top: 0px; /*padding: 6px;*/
    /*border: 1px solid #00ACC2;*/
}

.border-top-none {
    border-top: solid 0px !important;
}

.menu-border-top {
    border-top: solid 1px #00ACC2 !important;
}

.k-window-titlebar k-header{
    margin-left: 5px !important;
}

.k-grid {
    border: solid 1px #c5c5c5 !important;
    padding: 0px 0px !important;
}

    .k-grid .k-selectable {
        border-collapse: collapse;
    }

    .k-grid .k-grid-header .k-header :first-child {
        border-left: 0px !important;
    }

    .k-grid .k-grid-header .k-header {
        Border: solid 1px #C5C5C5 !important;
        /*border-width: 0px 0px 1px 1px !important;*/
        background: #EEEEEE !important; /*background: #f3f3f3 !important;
        background: -moz-linear-gradient(top, #f3f3f3 0%, #e4e4e4 100%) !important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e4e4e4)) !important;
        background: -webkit-linear-gradient(top, #f3f3f3 0%, #e4e4e4 100%) !important;
        background: -o-linear-gradient(top, #f3f3f3 0%, #e4e4e4 100%) !important;
        background: -ms-linear-gradient(top, #f3f3f3 0%, #e4e4e4 100%) !important;
        background: linear-gradient(to bottom, #f3f3f3 0%, #e4e4e4 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e4e4e4', GradientType=0 ) !important;*/
        font-weight: 600;
    }

    .k-grid .k-grid-header th:first-child {
        border-left: 0px !important;
    }

.k-toolbar .k-grid-toolbar .k-grid-top {
    padding: 5px 0px !important;
}

.dashboard-grid .k-grid {
    border: solid 0px #c5c5c5 !important;
    padding: 0px 0px !important;
}

.customer-list-panel, .invoice-list-panel {
    margin-top: 0px !important;
}



.dualselect1 {
    display: block;
}

    .dualselect1 select {
        height: 235px;
        width: 45%;
        margin: 5px 0px;
        border: 1px solid #c5c5c5;
    }

.stdform select {
    background: none repeat scroll 0 0 #f0f0f0; /*border: 1px solid #cccccc;*/
    border-radius: 2px;
    box-shadow: 1px 1px 2px #dddddd inset;
    color: #666666;
    height: 32px;
    line-height: 32px;
    min-width: 36.5%;
    padding: 4px 5px 4px 3px;
}

.ds_arrow_Center {
    float: left;
    text-align: center;
    width: 10%;
}

.dualselect1 .ds_arrow {
    display: inline-block;
    margin: 0 1%;
    padding-top: 85px;
    vertical-align: top;
}

    .dualselect1 .ds_arrow .ds_prev, .dualselect1 .ds_arrow .ds_next { /*background: url("/images/titlebg_old.png") repeat-x scroll left top #eee;*/
        border: 1px solid #ccc;
        border-radius: 2px;
        display: block;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 5px;
        padding: 5px 10px 7px;
        cursor: pointer;
    }

        .dualselect1 .ds_arrow .ds_prev:hover, .dualselect1 .ds_arrow .ds_next:hover {
            background-color: #979696;
            border-radius: 2px;
            color: #fff;
        }

.stdtableGenertor {
    font-size: 12px;
    width: 100%;
    line-height: 32px;
}

    .stdtableGenertor td {
        border-bottom: solid 1px #c5c5c5;
    }

    .stdtableGenertor th {
        display: none;
    }

.customReport p {
    margin: 5px 0px;
}

.customReport .content {
    margin: 0px 20px !important;
}

.customReport select, .customReport input, .customReport .k-dropdown {
    margin: 5px 0px !important;
}

.customReport .k-dropdown {
    width: 95%;
}

.customReport .selectList {
    width: 100%;
    height: 125px;
    overflow: auto;
    border: 1px solid #ccc;
}

.customReport .tertiary-button {
    margin: 4px 0px;
}

.customReport input.moveup {
    background: url("/Images/up-arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0) !important;
    height: 35px;
    width: 35px !important;
    margin-left: 5px !important;
    border: solid 1px #ccc;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #ddd inset;
}

.customReport input.movedown {
    background: url("/Images/down-arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0) !important;
    height: 35px;
    width: 35px !important;
    margin-left: 5px !important;
    border: solid 1px #ccc;
    border-radius: 2px;
    box-shadow: 1px 1px 2px #ddd inset;
    bottom: 0px;
    position: relative;
    bottom: 0px;
}

.personnel-form .code {
    padding: 5px 0 0 20px;
    font-weight: bold;
    color: #00acc2;
}

.personnel .right, .database .right {
    margin-right: 15px;
}

.header-row button {
    margin-top: 15px;
}

.personnel-form .title {
    background: none repeat scroll 0 0 #dfdfdf;
    border-color: #00acc2;
    color: #00acc2;
    border-bottom: 1px solid #00acc2;
    margin-top: 15px;
    margin-left: 10px;
}

.upload {
    background-color: #adadad;
    color: white !important;
    font-size: 12px;
    line-height: 1.2em;
    padding: 5px 15px;
    width: 111px;
    text-align: center;
    text-decoration: none;
}

    .upload span {
        display: inline-block;
        margin: -5px -15px -5px 0px;
        padding: 6px 10px;
    }

a:hover.upload {
    background: #333333;
    color: #FFF;
    text-decoration: none;
}

.file-ideianty {
    font-size: 11px;
    color: #999;
    display: inline-block;
    padding: 10px;
}

.customReport .resultGrd {
    margin: 10px 0px;
    border: 1px solid #c5c5c5 !important;
    overflow: auto;
}

.resultGrd .k-grid {
    border: none !important;
}

.personnel .ellipsis {
    margin-left: 10px;
}

.customReportHelp {
    font-size: 12px !important;
    word-wrap: normal;
    text-align: left !important;
}

.CustomReportHelpIco {
    top: 10px;
}

.fes-tools {
    padding-left: 15px;
}

.reportContainer {
    padding: 10px 8px 10px 4px;
}

section .secondary-button {
    margin-top: 3px !important;
}
/*.commission-table-panel { border: solid 1px #999 !important; background: #fff !important; }*/
.commission-table-panel-edit {
    border: solid 1px #999 !important;
}

    .commission-table-panel-edit .header {
        padding-left: 20px;
        height: 90px;
    }

    .commission-table-panel-edit .text-box, .commission-table-panel-edit .k-textbox {
        height: 20px !important;
        border: solid 1px #999;
        width: 50px;
        background: #EAEAEA;
    }

.threshold-edit .k-textbox, .threshold-edit .text-box {
    height: 26px !important;
    border: solid 1px #c5c5c5;
    width: 50px !important;
    background: #fff;
}
/*.commission-table-panel .header { border-bottom: solid 1px #999; padding-left: 20px; min-height: 70px; }*/
/*.commission-table-panel .header .table-header,  .commission-table-panel-edit .header .table-header { font-size: 0.9em; padding: 5px 0px 5px 10px; }*/
.commission-table-panel .header .table-header .subheader {
    color: #999;
}

.commission-table-panel .content, .commission-table-panel-edit .content {
    padding: 10px 0px 10px 10px;
    font-size: 0.9em;
    height: 370px;
    overflow: auto;
    width: 100%;
}

.commission-table-panel div.form-row {
    padding: 4px 0px;
}

.commission-table-panel-edit .content {
    height: 485px !important;
}

.commission-table-panel .header p, .commission-table-panel-edit .header p {
    margin: 10px 0px;
    color: #00acc2;
    font-size: 14px;
}

.mainpanel {
    background: -moz-linear-gradient(center top, #eeeeee, #eeeeee) repeat fixed 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #d6d6d6;
    color: #000000;
    font-size: 12px;
    margin: 5px;
}

.reportFilters .k-dropdown {
    width: 30.2em !important;
}

.k-window-content .secondary-panel {
    margin: 0px;
    padding: 0px;
}

.text-box.single-line {
    float: left;
    border-color: #c5c5c5;
    padding: 2px .3em;
    line-height: 1.6em;
    outline: 0 none; /*padding: 0.2em 0.3em;*/
    border-style: solid;
    border-width: 1px; /*width: 12em;*/
    /*width: 16em;*/ width: 100%;
    margin-right: 0px;
}

.project-profile .thresholds-setting {
    border-bottom: 1px solid #000000;
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 10px;
    padding-bottom: 10px;
}
/*.edit-project-first-row {
    height: 505px !important; }*/

.edit-project-second-row {
    height: 778px !important;
}
/*.edit-project-status-panel {
    height: 250px; }*/

/*.edit-project-personal-panel {
    height: 245px; }*/

.project-audit-Fixture-detail {
}

    .project-audit-Fixture-detail .section-header {
        background-color: #00acc2;
        color: #fff;
        margin-bottom: 10px;
        padding-bottom: 15px;
        padding-left: 10px;
        padding-top: 15px;
    }

        .project-audit-Fixture-detail .section-header a {
            color: #fff !important;
        }

    .project-audit-Fixture-detail .audit-info, .project-audit-Fixture-detail .mounting-info, .project-audit-Fixture-detail .newsystem-info { /*margin-left: 20px; margin-right: 20px;*/
    }

        .project-audit-Fixture-detail .audit-info p.header, .project-audit-Fixture-detail .mounting-info p.header {
            border-bottom: 1px solid #00acc2;
            color: #00acc2;
            margin-bottom: 10px;
            padding-bottom: 5px;
        }

    .project-audit-Fixture-detail .margin-left {
        margin-left: 10px;
    }

    .project-audit-Fixture-detail .uploadedImage {
        border: 0px solid;
        margin-bottom: 2px;
        text-align: center;
    }

    .project-audit-Fixture-detail .fixtureCount {
        border-style: solid;
        border-width: 1px;
        float: left;
        padding-bottom: 5px;
        padding-top: 5px;
        width: 100%;
    }

    .project-audit-Fixture-detail .icon-button-text-right {
        margin: 0px;
    }

        .project-audit-Fixture-detail .icon-button-text-right span {
            display: inline-block;
            vertical-align: middle;
        }

    .project-audit-Fixture-detail .projectpage_tools_icon_camera {
        background-position: -175px -184px;
        height: 18px;
        width: 27px;
    }

.project-profile .photo img {
    cursor: pointer;
    height: 50px;
    padding: 0 5px;
    width: auto;
}

.presentation-container img {
    height: 140px !important;
}

.verification-questions {
    text-transform: uppercase;
}

    .verification-questions .number {
        width: 40px !important;
        float: left;
    }

    .verification-questions .optionalfield {
        margin-left: 40px;
        width: 100%;
    }

.verification-disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.audit-fixture-count-list {
    width: 100%;
    overflow-x: scroll;
    overflow-y: auto; /*margin-top: 20px;*/
}

    .audit-fixture-count-list a span.k-icon {
        background: url(../images/add.png) 3px 0px no-repeat;
        opacity: 1 !important;
    }

    .audit-fixture-count-list a:hover span.k-icon {
        background: url(../images/add.png) 3px 0px no-repeat;
        opacity: 1 !important;
    }

input.icon-soft {
    background: #35aa47 url(../images/folder.png) 11px center no-repeat !important;
    padding-left: 30px;
}

input:hover.icon-soft {
    background: #26A039 url(../images/folder.png) 11px center no-repeat !important;
}

input.icon-soft1 {
    background: #35aa47 url(../images/docadd.png) 11px center no-repeat !important;
    padding-left: 30px;
}

input:hover.icon-soft1 {
    background: #26A039 url(../images/docadd.png) 11px center no-repeat !important;
}

.audit-fixture-count-list .k-button {
    background: none !important;
    color: #1975da !important;
    float: right;
}

    .audit-fixture-count-list .k-button:active {
        box-shadow: none !important;
    }

.audit-fixture-count-list .k-toolbar .k-button {
    background: #0362fd !important;
    color: #FFF !important;
}

    .audit-fixture-count-list .k-toolbar .k-button .k-icon {
        color: #FFF !important;
    }

.audit-fixture-count-list .k-grid {
    margin: 0px !important;
}

.fixture-image {
    height: 185px;
    width: 184px;
}

.padding-small {
    padding: 8px 30px;
}

.UploadedPhotosList {
    border: none;
    margin-left: 0px;
}

.fixturePhotoList {
    border: none;
    height: 329px;
    margin-left: -9px;
    overflow: auto;
}

.photo-preview-list {
    border: none;
    height: 340px;
    margin-left: -9px;
    overflow: auto;
}

.jobsite-container {
    margin-bottom: 5px;
    margin-left: 0px;
    text-align: center;
    padding: 1px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.imgUploadedPhoto3 img {
    max-width: 51px;
    max-height: 51px;
}

.fes-tools-panel {
    height: 240px !important;
}

.remove-image {
    background-color: transparent;
    float: right;
    position: absolute;
    right: 2px;
    top: 10px;
}

    .remove-image img.imgDeletePhoto img.imgElectricityDeletePhoto {
        position: relative;
        left: 0px;
        right: 0px;
        cursor: pointer;
    }

.next, .prev {
    cursor: pointer;
}

.text-align-center {
    text-align: center !important;
}

.audit-status-box {
    border: 1px solid gray; /*height: 105px;*/
    height: 60px; /*margin-left: 5px;
    margin-right: 5px;*/
    margin: 5px 5px 5px 0px;
    text-align: center;
}

    .audit-status-box.active {
        border: 2px solid #2c8ae2;
        color: #2c8ae2;
    }

    .audit-status-box .vcenter {
        margin-top: 11px; /*position: relative;*/
        /*top: 50%;*/
        /*transform: translateY(-50%);*/
    }

    .audit-status-box .status {
        font-size: 15px;
    }

    .audit-status-box .title {
        font-size: 17px;
    }

.error {
    color: #c50430;
    font-size: 14px;
}

.takePhoto {
    border: 1px solid #000;
    margin-bottom: 5px;
    padding: 4px;
    text-align: center;
    float: left;
    width: 95%;
}

.photos-container {
    border: 1px solid gray;
    height: 61px;
    margin: 5px;
    padding: 4px;
    text-align: center;
}

    .photos-container img {
        max-height: 50px !important;
        max-width: 60px !important;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        display: block !important;
    }

.photo-preview-container {
    border: 1px solid gray;
    height: 150px;
    margin-bottom: 5px;
    margin-left: 10px;
    text-align: center;
    padding: 4px;
}

    .photo-preview-container img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        max-height: 140px !important;
        max-width: 175px !important;
    }

#GridAwaitingReview .k-grid-content, #GridAwaitingApproval .k-grid-content, #GridAwaitingInstallation .k-grid-content {
    height: auto !important;
}

.proj-center .FiltersDropDownManualVals .center-block {
    padding-top: 5px;
    padding-bottom: 4px;
}

.take-photo .margin-small-left {
    margin-left: -9px;
    margin-top: 1px;
}

#page-loader {
    background: transparent;
    bottom: 0;
    left: 0;
    padding-top: 25px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 99998;
}

    #page-loader img {
        position: fixed;
        top: 50%;
        z-index: 99999;
    }

.project-profile-kendo-window .section-header {
    color: #00acc2;
    margin-bottom: 0px !important;
}


/*Tablet*/

#Admin-DashBoard-Project-Lists .main-panel {
    min-height: 500px;
}

.k-dropdown .k-dropdown-wrap {
    width: 100%;
    padding: 0px;
}

.capitalize {
    text-transform: capitalize;
}

.VerificationSmall {
    width: 100px !important;
}

.fixWindow {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    left: 0 !important;
}

.tool-panel .icon-button:hover {
    background-color: #8ad1de;
}

#divPopup {
    overflow: hidden !important;
}

#divDatabase .main-panel {
    min-height: 907px;
}

.database .dblist {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.dblist a {
    color: #818181;
    text-decoration: none;
    margin-left: 15px !important;
}

.dblist > div {
    padding: 8px 0px;
    margin-bottom: 3px;
    cursor: pointer;
}

.color-custom-row {
    background-color: #F4F4F4;
    padding: 0px !important;
    margin-bottom: 2px;
}

.dblist > div:hover {
    background-color: none;
}

.dblist .active {
    background-color: #B7D7EE;
}

.orange {
    background-color: #F2B401;
}

    .orange:hover {
        background-color: #E8A314;
    }
/*Sub Grid Style : START*/
#divFixtureList .k-master-row {
    background-color: #b7d7ee;
}

    #divFixtureList .k-master-row:hover {
        background-color: #B7D7EE !important;
    }

        #divFixtureList .k-master-row:hover + tr {
            background-color: #E2ECF5 !important;
        }

#divFixtureList .k-detail-row, #divFixtureList.k-detail-row .alt {
    background-color: #fff !important;
}

    #divFixtureList .k-detail-row:hover, #divFixtureList .k-master-row .k-state-selected + tr {
        background-color: #E2ECF5 !important;
    }

.FESFixture .k-detail-row .k-grid .k-header {
    display: none;
}

#divFixtureList .k-detail-row .k-header {
    display: none;
}


#divFixtureListReplacement .k-master-row {
    background-color: #b7d7ee;
}

    #divFixtureListReplacement .k-master-row:hover {
        background-color: #B7D7EE !important;
    }

        #divFixtureListReplacement .k-master-row:hover + tr {
            background-color: #E2ECF5 !important;
        }

#divFixtureListReplacement .k-detail-row, #divFixtureList.k-detail-row .alt {
    background-color: #fff !important;
}

    #divFixtureListReplacement .k-detail-row:hover, #divFixtureList .k-master-row .k-state-selected + tr {
        background-color: #E2ECF5 !important;
    }

    #divFixtureListReplacement .k-detail-row .k-header {
        display: none;
    }
/*Sub Grid Style : END*/

.FESFixture .content {
}

#ExistingFixtureDetailList, #ReplacementFixtureDetailList, #divSpecSheet {
    margin: 0px 10px !important;
    margin-bottom: 10px !important;
}

.ExistingFixtureDetails .k-detail-row .k-grid, .ReplacementFixtureDetails .k-detail-row .k-grid, .k-detail-row .k-grid {
    border: none !important;
}

    .ExistingFixtureDetails .k-detail-row .k-grid tbody tr, .ReplacementFixtureDetails .k-detail-row .k-grid tbody tr, .k-detail-row .k-grid tbody tr {
        background-color: transparent !important;
    }

.k-multiselect .k-input, .k-multiselect .k-input:focus, .k-multiselect .k-input:active {
    border: none !important;
}

.project-audit-Fixture-detail .newsystem-info p.header {
    border-bottom: 1px solid #CE002F;
    color: #CE002F;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.k-ff input.k-textbox {
    height: 26px !important; /*width: 93%; */
    width: 100%;
}

.href-red {
    color: #CE002F !important;
    text-decoration: none;
}

.divAdditionalItem div {
    margin-bottom: 5px;
}

.hrNewSystem {
    border-top: 1px solid #a9a9a9;
    margin-bottom: 10px;
    margin-top: 10px;
}

.lblSystemInfoSmall {
    font-size: 11px !important;
    margin-top: -5px;
    color: #2e2e2e;
}

.btnNewSystemInfo {
    line-height: 1.25em !important;
    margin-left: 10px !important;
    margin-bottom: 3px !important;
    padding: 2px 20px !important;
    font-size: 12px; /* height: 30px;*/
    width: 126px;
    background-color: #666666 !important;
    color: #fff;
}
/*.newsystem-info .k-dropdown { width: 90% !important; }*/
.newsystem-info.text-box.single-line {
    line-height: 1.45em !important;
}

.NewSystemFinancialInfo_0 {
    border: solid 2px #85bd40;
    width: 95% !important;
    color: #85bd40;
    padding: 5px !important;
    font-size: 12px;
    margin-bottom: 5px;
}

.NewSystemFinancialInfo_1 {
    border: solid 2px #ff0000 !important;
    width: 95% !important;
    color: #ff0000 !important;
    padding: 5px !important;
    font-size: 12px;
    margin-bottom: 5px;
}

    .NewSystemFinancialInfo_1 h5 {
        color: #ff0000 !important;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 5px;
        padding: 10px 0px;
    }

.NewSystemFinancialInfo_0 h5 {
    color: #85bd40 !important;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 10px 0px;
}

.NewSystemFinancialInfo_0 .thresholdValue {
    color: #85bd40 !important;
    font-weight: bold !important;
    float: left;
    width: 40%;
}

.NewSystemFinancialInfo_1 .thresholdValue {
    color: #ff0000 !important;
    font-weight: bold !important;
    float: left;
    width: 40%;
}

.NewSystemFinancialInfo_0 .thresholdTitle, .NewSystemFinancialInfo_1 .thresholdTitle {
    float: left;
    width: 60%;
}

.NewSystemFinancialInfo_0 .lblSystemInfoSmall, .NewSystemFinancialInfo_1 .lblSystemInfoSmall {
    margin-top: 10px !important;
    font-style: italic !important;
}

#divFixtureList .k-grid {
    margin: 0px !important;
}

#ReplacementFixtureDetailList .k-detail-row, .k-detail-row .alt {
    background-color: #fff !important;
}

.imageList-container {
    height: 45px;
    padding: 4px;
    text-align: center;
    margin-bottom: 8px;
}

    .imageList-container img {
        cursor: pointer;
        display: block !important; /*max-height: 50px !important;*/
        max-width: 40px !important;
        position: relative; /*top: 50%;
    transform: translateY(-50%);*/
    }

.auditPhotos.photo-modal {
    width: 100% !important;
    align-content: center;
    align-items: center;
}

    .auditPhotos.photo-modal.img-responsive {
        width: 600px !important;
        align-content: center;
        align-items: center;
    }

.personnel-form .uploadedImage {
    width: auto;
    height: auto;
    margin-bottom: 2px;
    text-align: center;
    max-width: 230px;
    position: relative;
}

    .personnel-form .uploadedImage .editPhoto {
        position: absolute;
        right: -1px;
        top: -1px;
    }

    .personnel-form .uploadedImage img {
        width: 100%;
        height: 100%;
        border: 1px solid #DFDFDF;
        border-radius: 100%;
    }

    .personnel-form .uploadedImage .editPhoto .upload {
        width: auto;
        display: inline-block;
    }
/*For Left Side Menu*/
.page-sidebar > ul > li > a {
    color: #fff !important;
    border: 0 none;
    display: block;
    font-weight: 300;
    margin: 0;
    padding: 10px 15px;
    position: relative;
    text-decoration: none;
}

.bottom-row, .middle-row {
    min-height: 482px !important;
}

#main-content .content-body {
    padding: 10px;
    background-color: #fff;
    position: relative;
}

#main-content {
    padding-top: 70px;
}

.login-body #main-content {
    background-color: transparent !important;
}

.tools i {
    cursor: pointer;
}

.lblTitle {
    /*font-weight: 600 !important;*/
}

.error-contract-info {
    font-weight: 600; /*margin-top: 55px;*/
}

    .error-contract-info .info {
        border: solid 2px #f00;
        color: #f00;
        padding: 5px 10px 10px;
    }

.margin-right-small {
    margin-right: 5px;
}

.project-profile .portlet-body label {
    font-size: 11px !important;
}

    .project-profile .portlet-body label.stsLabel {
        font-size: 10px !important;
        font-weight: 600 !important;
    }

.project-team-user {
    float: left;
    margin-right: 5px;
}

    .project-team-user img {
        border: solid 1px #D3D3D3;
        border-radius: 50% !important;
    }

        .project-team-user img.notification {
            width: 18px !important;
            height: 18px !important;
        }

        .project-team-user img.user {
            border-radius: 50% !important;
            width: 18px !important;
            height: 18px !important;
            border: solid 1px #D3D3D3;
        }

.notifications {
    position: relative;
    padding-right: 5px;
    float: left;
}

.financialThreshold_green {
    border: solid 2px #7ABA2E;
    padding: 0px 5px 5px;
}

    .financialThreshold_green .row div:last-child label {
        color: #7ABA2E;
        font-weight: 600;
    }

.financialThreshold_red {
    border: solid 2px #ff0000;
    padding: 0px 5px 5px;
}

    .financialThreshold_red .row div:last-child label {
        color: #ff0000;
        font-weight: 600;
    }

.project-details-commission div:last-child label {
    color: #0862D2;
    font-weight: 600;
}

input.k-textbox:focus {
    border: solid 1px #4d8ffd;
    -webkit-box-shadow: 0 0 3px 0 rgba(77,143,253,0.3);
    box-shadow: 0 0 3px 0 rgba(77,143,253,0.3);
}

.lblActive {
    color: #24BCCA;
}

.notes-from, .notes-time, .notes-date {
    color: #7C7C7C;
}

.notes-user img {
    width: 100% !important;
    border-radius: 50% !important;
    max-width: 50px;
    height: 50px !important;
    border: solid 1px #d3d3d3;
}

.notes-user {
    position: relative;
    float: left; /*border-right: solid 3px #E9C414;*/
    padding-right: 0px;
}

    .notes-user .arrow {
        display: none;
        position: absolute;
        top: 5px;
        right: 0px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #E9C414;
    }

.grid-project-notes .k-alt .notes-user .arrow {
    border-right: 8px solid #53C7C4;
}

.grid-project-notes .k-alt .notes-user {
    border-right: solid 3px #53C7C4;
}

.tools-btn {
    font-size: 12px !important;
    font-weight: 600;
    padding: 7px 15px !important;
    margin-right: 1px;
}

.fc-header {
    margin-bottom: 0px !important;
}

.fc-header-title h2 {
    color: #000;
    font-size: 1.15rem !important;
}

.projectstatus .row {
    margin-top: 5px !important;
}

.status-panel label {
    padding: 0px;
    line-height: normal;
    margin-top: 2px !important;
    font-size: 16px;
    color: #333;
}

.col-xs-6.site-name .site-title {
    font-size: 20px;
    font-weight: 500;
    color: #525252;
}

    .col-xs-6.site-name .site-title.job-number {
        padding-right: 10px;
    }

.personnel .portlet.box .k-grid {
    border: 0px solid #c5c5c5 !important;
}

.personnel-panel .row label {
    margin-top: 3px !important;
}

.personnel .filter-panel p {
    margin-top: 5px;
}

.subordinates .title {
    font-weight: 600;
}

.audit-fixture-footer {
    text-align: right;
}

    .audit-fixture-footer .nav-btn {
        float: right;
        margin: 0px 0px 0px 10px;
    }
/*.site-specification-row {
    height: 300px; }*/

.k-widget .k-listview {
    border-color: #fff !important;
}
/*Added By Designer*/
.drop-down, input.k-textbox {
    width: 100%;
}

.grid-head-css .k-grid-header {
    margin: 10px 2px;
    padding: 0px !important;
    border: solid 1px #C5C5C5;
    border-bottom: 0px;
}

    .grid-head-css .k-grid-header table thead tr th {
        padding: 1px 8px 2px !important;
    }

.title-custom .title {
    padding: 0px;
    margin: 0px;
    background: none;
    padding-bottom: 5px;
    color: #5e5e5e;
    border-bottom: solid 1px #999999;
}

    .title-custom .title label {
        text-align: center;
        padding: 0px;
    }

    .title-custom .title a {
        text-decoration: none;
        color: #999;
        float: right;
    }

.grid-head-css .project-team-user, .grid-head-css .k-widget * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-head-css .blue-color {
    float: left;
    min-width: 60px !important; /*word-break: break-all !important;*/
}

.title-custom .dblist .col-xs-3 label {
    padding: 0px;
}

.title-custom .dblist .col-xs-3 .drop-down {
    margin: 0px 5px 0px 0px;
}

.title-custom .dblist .project-team-user {
    padding: 5px 7px;
    margin: -8px 0px -11px !important;
    background: #EE8F3B;
}

    .title-custom .dblist .project-team-user img {
        margin: 3px 0px 0px 0px;
    }

.dbTblList {
    /*margin-left: 10px !important;
    margin-right: 10px !important;*/
}

    .dbTblList a {
        color: #818181;
        text-decoration: none;
        margin-left: 15px !important;
    }

    .dbTblList > div.fes-12 {
        padding: 8px 0px; /*background-color: #F4F4F4;*/
        border-bottom: 1px solid #eee;
        margin-bottom: 3px;
        cursor: pointer;
    }

        .dbTblList > div.fes-12:hover, .dbTblList > div.fes-12.active {
            background-color: #B7D7EE;
        }

    .dbTblList .active {
        background-color: #B7D7EE;
    }

.dbCategoryList {
}

    .dbCategoryList a {
        color: #818181;
        text-decoration: none;
        margin-left: 13px !important;
    }

#Hunter-list .project-team-user {
    background-color: #EE8F3B !important;
    border: solid 1px #EE8F3B;
}

#LeadGenerator-list .project-team-user {
    background-color: #9B9AC2 !important;
    border: solid 1px #9B9AC2;
}

#SalesAssociate-list .project-team-user {
    background-color: #3EB1B8 !important;
    border: solid 1px #3EB1B8;
}

.project-profile .fc-widget-header {
    padding: 3px 0px !important;
    text-transform: uppercase;
}

.project-calender {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

    .project-calender .fc-header .fc-button {
        margin-bottom: 5px !important;
    }

    .project-calender .fc-border-separate tr.fc-last td {
        border-bottom-width: 0px !important;
    }

    .project-calender.fc-button-inner {
        padding: 0px !important;
    }

    .project-calender .fc-button-content {
        height: 1.0em;
        line-height: 1.0em;
        padding: 0 .1em;
    }
/*.presentation label {
    padding-bottom: 10px;
    width: 90%;
    margin: 0 auto;
    display: block; }*/



.gray-heading {
    background: #f0f0f0 !important;
    color: #3d3d3d;
    font-size: 1.1em;
    padding: 6px 15px 6px 15px;
    margin-bottom: 8px;
    line-height: 28px;
}

    .gray-heading button.btn.green {
        margin: -6px 0px;
        padding: 3px 18px 5px;
    }

    .gray-heading .gray-headingright {
        float: right;
        padding-right: 10px;
    }

.personnelright {
    width: 70%;
    font-size: 13px;
}

.row2 {
    margin: 0px -5px;
    padding: 0px 0px;
}

.main-panel2 {
    margin: 0px 0px;
    border: 1px solid #D6D6D6;
    background: #EAEAEA !important;
    font-size: 0.9em;
    color: #000;
}

    .main-panel2 h2 {
        color: #FFF;
        font-size: 0.9rem !important;
        padding: 8px 15px 9px;
        background-color: #607d8b;
        margin: -1px;
        line-height: normal;
    }

.left-item-list > .row {
    margin-top: 0px !important;
}

.dashboard-chart {
    height: 250px !important;
}

#divUserProfile {
    display: inline-block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.5);
}

    #divUserProfile .personnel-form {
        position: absolute;
        text-align: left;
        top: 80px;
        right: 3%;
        background: #FFF;
        padding: 20px;
        width: 70%;
        color: #000;
    }

        #divUserProfile .personnel-form:before {
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 18px solid #FFF;
            top: -17px;
            right: 27px;
            position: absolute;
        }

        #divUserProfile .personnel-form label {
            padding: 3px 0px;
        }

.database .portlet-body {
    min-height: 710px !important;
}

.emailmanagement .portlet-body, .presentation-section {
    min-height: 705px !important;
}

.margin-none {
    margin: 0px !important;
}

#Controls-Commission-Table .portlet-title {
    padding: 6px 16px 0px 15px;
}

.shadow-custom span.input-group-btn {
    width: auto;
    float: right;
}

    .shadow-custom span.input-group-btn button {
        top: 0px;
        left: 1px;
        height: 27px;
        padding: 4px 15px 5px;
    }

        .shadow-custom span.input-group-btn button i.fa {
            line-height: 18px;
        }

.custom-css label {
    margin: 0px;
}

.custom-css .row {
    margin-top: 0px;
    padding: 5px 0px;
}

.height-auto {
    min-height: inherit !important;
    height: auto !important;
}

.site-name {
    padding-left: 5px;
}

.job-number {
    padding-left: 15px;
    color: #3D3D3D;
}

.user-info span {
    display: inline-block;
    padding: 0px 0px;
    margin: 0px 0px;
}

.audit-fixturecount-panel {
    height: 430px;
}

.audit-photos-panel {
    padding: 5px !important;
}

.userName {
    width: 70%;
}

.invoice-center {
    margin: 0px;
}

.personal-grid-username {
    color: #000 !important;
    font-weight: 600 !important;
    float: left;
    width: 65%; /*word-break: break-all !important;*/
}

.personal-grid-role {
    color: #0098D7 !important;
    float: left;
    min-width: 60px !important; /*font-style:italic;*/
}

.portlet.box.popup .portlet-title .tools {
    margin-top: 6px !important;
    padding-right: 8px;
}

.calender-user-panel {
    overflow: auto; /*padding-left: 0px !important;
    padding-right: 0px !important;*/
}

    .calender-user-panel .fes-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

.calendar .calender-user-panel .fc-header {
    position: relative !important;
    bottom: 0px !important;
}

.calendar .calender-user-panel .fc-content {
    top: 0px !important;
}

.bg-custom {
    padding: 15px; /*background: rgba(0, 0, 0, 0.075); */
    margin-bottom: 15px;
}

.header-custom {
    border-bottom: solid 1px #cccccc;
}

    .header-custom h4 {
        font-size: 14px;
        color: #333333;
        padding-bottom: 5px;
    }

    .header-custom h5 {
        font-size: 13px;
        color: #333333;
        font-weight: 500;
        padding-bottom: 5px;
        margin-top: 35px
    }

    .header-custom h6 {
        font-size: 13px;
        color: #333333;
        font-weight: 500;
        padding-bottom: 5px;
    }

.project-calender .fc-header .fc-corner-left .fc-button-content {
    display: block;
    background: url(../images/arrow.png) 4px 3px no-repeat;
    overflow: hidden;
    text-indent: 9999px;
    width: 18px;
    height: 18px;
}

.project-calender .fc-header .fc-corner-right .fc-button-content {
    display: block;
    background: url(../images/arrow.png) -10px 3px no-repeat;
    overflow: hidden;
    text-indent: 9999px;
    width: 18px;
    height: 18px;
}

#CustomerContractInfo .portlet.box.popup .portlet-title .tools {
    margin-top: 2px !important;
}

#divProjectTeamProfile {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    display: inline-block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

    #divProjectTeamProfile .personnel-form::before {
        border-right: 12px solid #fff;
        border-bottom: 12px solid transparent;
        border-top: 12px solid transparent;
        position: absolute;
        left: -12px;
        top: 200px;
    }

    #divProjectTeamProfile .personnel-form {
        background: none repeat scroll 0 0 #fff;
        padding: 20px;
        position: absolute;
        right: 3%;
        text-align: left;
        top: 60px;
        z-index: 999999;
        width: 70%;
    }

.filter-panel p {
    color: #3D3D3D !important;
}
/*-----------21-04-2015---------------*/
.responsive-custom {
    float: left;
    width: 13.88%;
    margin: 10px 5px 10px 0px;
}

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

    .responsive-custom div {
        margin: 0px;
    }

    .responsive-custom .dashboard-lead {
        background: #87d0d5 url(../images/dashboard-sprite.png) left 9px no-repeat;
    }

    .responsive-custom .dashboard-soft-audit {
        background: #74d3d9 url(../images/dashboard-sprite.png) left -97px no-repeat;
    }

    .responsive-custom .dashboard-hard-audit {
        background: #4fbdc4 url(../images/dashboard-sprite.png) left -237px no-repeat;
    }

    .responsive-custom .dashboard-engineering-review {
        background: #2ba0a7 url(../images/dashboard-sprite.png) left -361px no-repeat;
    }

    .responsive-custom .dashboard-pma-review {
        background: #1e8389 url(../images/dashboard-sprite.png) left -477px no-repeat;
    }

    .responsive-custom .dashboard-contract-out {
        background: #e9c334 url(../images/dashboard-sprite.png) left -601px no-repeat;
    }

    .responsive-custom .dashboard-signed {
        background: #11666b url(../images/dashboard-sprite.png) left -715px no-repeat;
    }

    .responsive-custom .dashboard-verification {
        background: #09484D url(../images/dashboard-sprite.png) left -715px no-repeat;
    }

    .responsive-custom .dashboard-installed {
        background: #AAD174 url(../images/dashboard-sprite.png) left -830px no-repeat;
    }

    .responsive-custom .dashboard-contract-admin {
        background: #AAD174 url(../images/dashboard-sprite.png) left -944px no-repeat;
    }

.collectiondashboard > .collectiondashboardbox {
    width: calc(16.65% - 6px);
    margin: 0px 3px;
}

    .collectiondashboard > .collectiondashboardbox:nth-child(1) {
        background: #a0d73e;
    }

    .collectiondashboard > .collectiondashboardbox:nth-child(2) {
        background: #ffd630;
    }

    .collectiondashboard > .collectiondashboardbox:nth-child(3) {
        background: #ffbd30;
    }

    .collectiondashboard > .collectiondashboardbox:nth-child(4) {
        background: #ff7930;
    }

    .collectiondashboard > .collectiondashboardbox:nth-child(5) {
        background: #ff5c31;
    }

    .collectiondashboard > .collectiondashboardbox:nth-child(6) {
        background: #36ab43;
    }

    .collectiondashboard > .collectiondashboardbox .details {
        float: none;
        padding: 10px;
    }

        .collectiondashboard > .collectiondashboardbox .details .number {
            padding-top: 0px;
            padding-bottom: 15px;
            text-align: left;
            font-size: 26px;
        }

        .collectiondashboard > .collectiondashboardbox .details .crmnumber {
            padding-top: 0px;
            padding-bottom: 15px;
            text-align: left;
            font-size: 15px;
        }

        .collectiondashboard > .collectiondashboardbox .details .desc span {
            display: block;
        }

        .collectiondashboard > .collectiondashboardbox .details .desc strong {
            font-weight: bold;
        }

        .collectiondashboard > .collectiondashboardbox .details .desc span.dollar {
            font-size: 16px;
        }

        .collectiondashboard > .collectiondashboardbox .details .desc span.customers {
            font-size: 13px;
        }

.color3060 {
    background: #ffbd30;
}

.color6090 {
    background: #ff7930;
}

.color90 {
    background: #ff5c31;
}

.colorall {
    background: #a0d73e;
}

.colorsearch {
    background: #666;
}

.l-90days {
    color: #e34216;
}

.l-61-90days {
    color: #e56318;
}

.l-31-60days {
    color: #e4a114;
}

.l-0-30days {
    color: #e5ba0c;
}

.h-90days {
    background: #ff5c31;
}

.h-61-90days {
    background: #ff7930;
}

.h-31-60days {
    background: #ffbd30;
}

.h-0-30days {
    background: #ffd630;
}

.responsive-custom .dashboard-total {
    background: #a0d73e;
}

.margin-left {
    margin-left: 25px;
}

.custom-arrow span.arrow {
    right: 33px;
}

.responsive-custom-admin {
    float: left;
    width: 10.70%;
    margin: 10px 5px 10px 0px;
}

    .responsive-custom-admin .dashboard-stat .details {
        height: 110px;
    }

    .responsive-custom-admin:last-child {
        margin-right: 0px;
    }

.notes-project-name {
    color: #9F9F9F !important;
    font-style: italic !important;
    font-size: 9px !important;
}
/*.dashboard-project-notes-grid td {
    padding: 5px; }*/




.dashboard-project-notes-grid > .row:nth-child(even) {
    background-color: #EDEDED !important;
}

.dashboard-project-notes-grid > .row {
    margin: 0px !important;
    padding: 5px !important;
}

    .dashboard-project-notes-grid > .row .row {
        margin-top: 5px !important;
        line-height: 18px;
    }

.declined-white {
    background: url(../images/small-icon.png) no-repeat center;
    display: inline-block;
    background-position: 0px -189px;
    width: 18px;
    height: 18px;
}

.dashboard-grid-inactive .status, .dashboard-grid-declined .status, .dashboard-grid-installed .status, .dashboard-grid-contract-out .status, .dashboard-grid-hard-audit .status, .dashboard-grid-soft-audit .status, .dashboard-grid-pma-review .status, .dashboard-grid-engineering-review .status, .dashboard-grid-verification .status, .dashboard-grid-pending_install .status, .dashboard-grid-awaiting-verificaation .status, .dashboard-grid-lead .status, .dashboard-grid-signed .status, .dashboard-grid-contract-admin .status, .dashboard-grid-ssa .status {
    background: url(../images/small-icon.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
}

.dashboard-grid-inactive, .dashboard-grid-declined, .dashboard-grid-installed, .dashboard-grid-contract-out, .dashboard-grid-hard-audit, .dashboard-grid-soft-audit, .dashboard-grid-pma-review, .dashboard-grid-engineering-review, .dashboard-grid-verification, .dashboard-grid-pending_install, .dashboard-grid-awaiting-verificaation, .dashboard-grid-lead, .dashboard-grid-signed, .dashboard-grid-contract-admin, .dashboard-grid-ssa {
    text-align: center;
    padding: 0px !important;
}
/*.dashboard-grid-external .project-center-status-label {
    color:#000 !important;
    text-align:center !important;
    width:100%; }*/


.dashboard-grid-lead {
    background-color: #87D0D6 !important; /*Lead*/
}

    .dashboard-grid-lead .status {
        background-position: 0px -269px;
        width: 16px;
        height: 19px;
    }

.dashboard-grid-soft-audit {
    background-color: #72D4D5 !important; /*Soft Audit*/
}

    .dashboard-grid-soft-audit .status {
        background-position: 0px -80px;
        width: 20px;
        height: 18px;
    }

.dashboard-grid-hard-audit {
    background-color: #4FBCC3 !important; /*Hard Audit*/
}

    .dashboard-grid-hard-audit .status {
        background-position: 0px 0px;
        width: 16px;
        height: 16px;
    }

.dashboard-grid-engineering-review {
    background-color: #2BA0A7 !important; /*Engineering Review*/
}

    .dashboard-grid-engineering-review .status {
        background-position: 0px -161px;
        width: 18px;
        height: 18px;
    }

.dashboard-grid-pma-review {
    background-color: #1C8287 !important; /* PMA Review */
}

    .dashboard-grid-pma-review .status {
        background-position: 0px -134px;
        width: 18px;
        height: 18px;
    }

.dashboard-grid-signed {
    background-color: #106270 !important;
}

    .dashboard-grid-signed .status {
        background-position: 0px -242px;
        width: 18px;
        height: 18px;
    }

.dashboard-grid-verification {
    background-color: #074B4A !important; /* Pending Install*/
}

    .dashboard-grid-verification .status {
        background-position: 0px -215px;
        width: 18px;
        height: 18px;
    }

.dashboard-grid-pending_install {
    background-color: #074B4A !important; /* Pending Install*/
}

    .dashboard-grid-pending_install .status {
        background-position: 0px -215px;
        width: 18px;
        height: 18px;
    }

.dashboard-grid-installed {
    background-color: #A6CE75 !important; /*Installed*/
}

    .dashboard-grid-installed .status {
        background-position: 0px -53px;
        width: 18px;
        height: 18px;
    }

.dashboard-grid-inactive {
    background-color: #A8A8A8 !important;
}

    .dashboard-grid-inactive .status {
        background-position: 0px -108px;
        width: 16px;
        height: 16px;
    }

.dashboard-grid-declined {
    background-color: #F4767A !important;
}

    .dashboard-grid-declined .status {
        background-position: 0px -189px;
        width: 18px;
        height: 18px;
    }

.dashboard-grid-contract-admin {
    background-color: #0362fd !important;
}

.dashboard-grid-contract-out {
    background-color: #E9C332 !important; /*Contract-out*/
}

    .dashboard-grid-contract-out .status {
        background-position: 0px -26px;
        width: 18px;
        height: 18px;
    }

.dashboard-grid-ssa {
    background-color: #F4767A !important;
}

    .dashboard-grid-ssa .status {
        background-position: 0px -324px;
        width: 18px;
        height: 21px;
    }

.dashboard-grid-awaiting-verificaation {
    background-color: #11666B !important; /* ESA Verification*/
}

.dashboard-notofication-grid, .dashboard-workflow, .dashboard-project-notes-grid {
    padding: 0px !important;
}

.dashboard-notofication-grid, .dashboard-workflow {
    min-height: 450px !important;
}

.dashboard-workflow {
    max-height: 449px !important;
    min-height: 380px !important;
}

.dashboard-upper-sections {
    min-height: 380px !important;
}

.dashboard-project-notes-grid {
    min-height: 435px !important;
    overflow: auto;
}

    .dashboard-notofication-grid .k-grid, .dashboard-workflow .k-grid, .dashboard-project-notes-grid .k-grid {
        border: 0 solid #c5c5c5 !important;
    }

        .dashboard-notofication-grid .k-grid td, .dashboard-workflow .k-grid td, .commission-payment-batch .k-grid td, .commission-payment-list .k-grid td, commission-clawback-list .k-grid td {
            border-bottom: solid 1px #fff !important;
            margin-top: 5px;
        }

.dashboard-workflow .k-tabstrip .k-content.k-state-active, .dashboard-workflow .newtab {
    background-color: transparent !important;
}

.dashboard-workflow .k-tabstrip {
    position: relative;
    top: -25px;
}

    .dashboard-workflow .k-tabstrip .k-tabstrip-items {
        position: relative;
        top: -9px;
    }

.dashboard-workflow .k-content {
    padding: 0px;
    margin: 0px;
}

.dashboard-workflow .k-tabstrip-items .k-state-default {
    background-color: transparent !important;
}

.dashboard-workflow .k-tabstrip-items .k-state-active {
    background-color: #fff !important;
}

    .dashboard-workflow .k-tabstrip-items .k-state-active .k-link {
        color: #000 !important;
    }

.dashboard-workflow .k-item .k-state-default:hover {
    border: 0px !important;
}

.dashboard-workflow .k-tabstrip-items .k-item {
    background-image: none !important;
}

.dashboard-workflow .k-tabstrip-items .k-item {
    background-image: none !important;
}

.dashboard-workflow .k-tabstrip-items li {
    float: right !important;
}

.dashboard-upper-row {
    min-height: 435px !important;
}

.highcharts-yaxis-title, .highcharts-legend-item {
    display: none !important;
}

.dashboard-calender {
    padding: 0px !important;
}

.calendar .fc-header {
    position: relative !important;
    bottom: -19px !important;
}

.dashboard-project-notes-grid .notes-user .arrow {
    /*right: 30px;*/
}

.dashboard-header {
    padding: 0px !important;
}

    .dashboard-header .row {
        padding: 0px !important;
    }

        .dashboard-header .row div:first-child {
            padding: 7px 0px 7px 2px !important;
        }

    .dashboard-header div:nth-child(2) {
        padding: 7px 0px 7px 37px !important;
    }

    .dashboard-header .row div:nth-child(3) {
        padding: 7px 0px 7px 11px !important;
    }

    .dashboard-header .k-dropdown .k-dropdown-wrap {
        height: 37px !important;
    }

    .dashboard-header .k-dropdown .k-input {
        line-height: 2.0em !important;
        height: 2.65em !important;
    }

    .dashboard-header .k-dropdown-wrap .k-input, .k-selectbox .k-input {
        padding: 2px 0px 2px 5px !important;
    }

.dashboard-project-notes-grid .k-grid td .row {
    margin-top: 0px !important;
}

.custom-select-invoice {
    margin-top: 0px;
}

    .custom-select-invoice .k-dropdown .k-input {
        background: #bf4345;
        color: #fff;
    }

        .custom-select-invoice .k-dropdown .k-input .selected-value {
            background: #fff;
        }

    .custom-select-invoice .k-dropdown .k-dropdown-wrap {
        height: 42px !important;
    }

    .custom-select-invoice .selected-value {
        margin-left: 5px;
    }

    .custom-select-invoice span.selectname {
        display: block;
        text-transform: uppercase;
    }

    .custom-select-invoice .k-dropdown .k-input {
        line-height: 42px !important;
        height: 42px !important;
        padding: 4px 0px;
    }

        .custom-select-invoice .k-dropdown .k-input .selectname {
            line-height: 34px;
        }

    .custom-select-invoice .k-state-default > .k-select {
        line-height: 38px;
    }

.dashboard-header2 {
    padding: 0px 0px 0px 0px;
    background: none !important;
}

    .dashboard-header2 .search-box-wrapper input {
        padding: 5px;
        width: 100%;
    }

    .dashboard-header2 .tertiary-button.blue {
    }

    .dashboard-header2 > .fes-row > .searchblock {
        text-align: left;
    }

        .dashboard-header2 > .fes-row > .searchblock > .searchrow > label.search {
            display: inline-block;
            width: 70px;
        }

        .dashboard-header2 > .fes-row > .searchblock > .searchrow > .search-box-wrapper {
            display: inline-block;
            width: 160px;
            padding-right: 4px;
        }

        .dashboard-header2 > .fes-row > .searchblock > .searchrow > .search-dropdown-wrapper {
            display: inline-block;
            width: 145px;
            padding-right: 4px;
        }

        .dashboard-header2 > .fes-row > .searchblock > .searchrow > .search-dropdown-invoicestatus {
            display: inline-block;
            width: 145px;
            padding-right: 4px;
        }

        .dashboard-header2 > .fes-row > .searchblock > .searchrow > .searchbtn {
            width: 110px;
            display: inline-block;
            vertical-align: top;
        }

    .dashboard-header2 button {
        float: left;
        height: 28px;
    }

        .dashboard-header2 button.blue {
            margin-right: 0px;
        }

        .dashboard-header2 button.green {
            margin-right: 0px;
        }

.calendar .fc-header-title {
    position: relative; /*top: -15px;*/
    margin-left: 10px;
}

.dashboard-calender .fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
    /*border-right-width: 0px !important;*/
}

.dashboard-calender .fc-border-separate th.fc-first, .fc-border-separate td.fc-first {
    /*border-left-width: 0px !important;*/
}

html .fc, .fc table {
    font-size: 10px !important;
}

.dashboard-more {
    cursor: pointer;
}

.demo-section {
    width: 200px;
    margin: 35px auto 50px;
    padding: 30px;
}

    .demo-section h2 {
        text-transform: uppercase;
        font-size: 1.2em;
        margin-bottom: 10px;
    }

.selected-value {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    padding: 0px !important;
    border: 1px solid #d3d3d3;
}

#Subordinate-list .k-item > span, #collectionadmin-list .k-item > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    border-style: solid;
    border-width: 0px;
    vertical-align: top;
    min-height: 30px;
    width: 75%;
    padding: 5px 0px;
}

    #Subordinate-list .k-item > span:first-child, #collectionadmin-list .k-item > span:first-child {
        width: 50px;
        border-left-width: 0;
        padding: 15px 0px;
    }

#Subordinate-list img, #collectionadmin-list img {
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4);
    box-shadow: 0 0 2px rgba(0,0,0,.4);
    width: 45px;
    height: 45px;
    border-radius: 50% !important;
}

#Subordinate-list h3, #collectionadmin-list h3 {
    color: #000;
    font-weight: 600;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

#Subordinate-list p, #collectionadmin-list p {
    margin: 0;
    padding: 0;
}

.project-center-status {
    float: left !important;
    width: 25px !important;
    margin-left: 3px !important;
}

.project-center-status-label {
    width: 71%;
    color: #fff;
}

.status-lead {
    background-color: #87D0D6;
}

.status-soft-audit {
    background-color: #74D3D9;
}

.status-hard-audit {
    background-color: #50BDC4;
}

.status-engineering-review {
    background-color: #2BA0A7;
}

.status-pma-review {
    background-color: #1D8388;
}

.status-contract-out {
    background-color: #E9C334;
}

.status-signature-verification {
    background-color: #11666B;
}

.status-pending-install {
    background-color: #09484D;
}

.status-installed {
    background-color: #AAD174;
}

.white-bg {
    background-color: #FFF !important;
}

rect {
    cursor: pointer;
}

.custom-row {
    padding: 5px 0px;
}

.custom-row2 {
    padding: 5px 5px;
}

.padding-left {
    padding: 5px 10px 5px 0px;
}

.padding-right {
    padding: 0px 10px 0px 0px;
}

.k-grid-header .k-with-icon .k-link {
    margin-right: 1em;
    line-height: normal;
}

.table.k-editor {
    width: 98%;
}

.audit-ctrls .btn { /*width: 95%;*/
    margin: 3px;
    text-decoration: none;
}

.audit-history {
    padding-left: 7px !important;
    padding-right: 7px !important;
    padding-bottom: 15px !important;
}

    .audit-history > .row {
        border: solid 1px #F1F1F1 !important;
        border-width: 0px 1px 0px 0px !important;
        box-shadow: -2px 1px 3px #A6A6A6;
        background-color: #FAFAFA;
    }

        .audit-history > .row.Active {
            background-color: #E5E5E5 !important;
        }

    .audit-history .audit-type label:first-child {
        color: #777777;
        font-weight: 600;
        font-size: 13px;
        width: 100%;
    }

    .audit-history .user label:nth-child(2) {
        font-size: 10px;
        width: 95%;
        color: #000;
        font-style: italic;
        width: 100%;
    }

    .audit-history .audit-type label:nth-child(3) {
        color: #4A8DFF;
        font-size: 9px;
        width: 100%;
    }

    .audit-history .audit-type label:nth-child(2) {
        color: #777777;
        font-weight: 600;
        font-size: 11px;
    }

    .audit-history .user, .audit-history .audit-type {
        padding: 8px 0px 8px 5px !important;
    }

    .audit-history .user-image {
        padding: 3px 0px 0px 0px !important;
    }

    .audit-history .user {
        color: #4A8DFF;
        font-weight: 600;
    }

    .audit-history .status {
        position: relative;
        top: 30%;
    }

    .audit-history .user-image img {
        height: 50px;
        width: 50px;
        border-radius: 50% !important;
        border-width: 3px;
        border-style: solid;
    }

.user-image-hard-audit {
    border-color: #B5B5B5;
}

.user-image-soft-audit {
    border-color: #86C7CD;
}

.user-image-engineering-review {
    border-color: #E3C23A;
}

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

.uploadedImage {
    display: block;
}

    .uploadedImage img {
        width: 100%;
        max-width: inherit;
        height: auto;
    }

.drop-down input {
    width: 98%;
    border: 1px solid #c5c5c5;
    padding: 5px 5px;
}

.textarea textarea {
    width: 98%;
    border: 1px solid #c5c5c5;
    padding: 5px 5px;
}

.button-bottom {
    padding: 10px 0px;
    display: block;
    min-height: 40px;
}

    .button-bottom button {
        float: left;
    }

.filter-button-row input[type=text] {
    width: 99% !important;
}

#ReportContainer .k-grid, .k-editor.k-editable-area {
    overflow-x: auto !important;
}

.scroll-email {
    width: 100%;
    overflow-x: scroll !important;
    overflow-y: auto !important;
}

.calender-user-list-title {
    font-size: 14px;
    padding: 5px;
    background-color: rgb(230, 230, 230);
}

.mounting-info input.k-textbox {
    width: 101% !important;
}

.imgDeletePhoto {
    position: absolute;
    top: 3px !important;
    right: 3px !important;
    z-index: 1000;
    cursor: pointer;
    z-index: 1;
}

.imgElectricityDeletePhoto {
    position: absolute;
    top: 3px !important;
    right: 3px !important;
    z-index: 1000;
    cursor: pointer;
    z-index: 1;
}

.imgDeletePhotoAudit {
    position: absolute !important;
    top: 3px !important;
    right: 3px !important;
    z-index: 100000;
    cursor: pointer;
}

.add-popup-link {
    text-decoration: underline !important;
    cursor: pointer;
}

#CustomerBillingInfo .add-popup-link {
    margin-bottom: 4px;
}

.electricity-bill-container {
    border: 0px solid gray;
    height: 58px;
    margin-bottom: 5px;
    margin-left: 0px;
    text-align: center;
    padding: 0px;
}

.doc-box {
    float: left;
    width: 50px;
    border: solid 1px #e7e7e5;
    height: 55px;
    position: relative;
    text-align: center;
    padding: 5px 3px 3px 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #FFF;
}

    .doc-box img {
        width: 100%;
    }

    .doc-box .imgDeletePhotoAudit {
        position: absolute !important;
        z-index: 1;
        cursor: pointer;
        width: auto;
    }

.doc-box-comment {
    float: left;
    width: 80px;
    border: solid 1px #e7e7e5;
    position: relative;
    text-align: center;
    padding: 5px 3px 3px 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #FFF;
}

    .doc-box-comment img {
        width: 100%;
        max-width: 140px;
        max-height: 71px;
    }

        .doc-box-comment img.imgDeletePhotoAudit {
            width: auto;
            height: auto;
            position: absolute;
            top: 3px;
            right: 3px;
            z-index: 1;
        }

.project-profile-kendo-window.photo-window {
    width: 100% !important;
}

.fancybox-lock .fancybox-overlay {
    z-index: 10000000000 !important;
}

.commissions-pending-commissions .claw-back, .year-total .claw-back, .claw-back {
    color: #ff0000; /*font-weight: 600;*/
}

.commissions-pending-commissions .total-amt, .year-total .total-amt {
    font-weight: 600;
    /*border-top: solid 1px #000;*/
}

.commissions-pending-commissions .selected-commissions, .commission-paid { /*font-weight: 600;*/
    color: #8FAF42;
}

.commissions-upper-row .portlet-body {
    min-height: 145px !important;
}

.commissions-search .k-textbox, .commissions-search .tertiary-button {
    width: 100% !important;
}
/*.commissions-list-user:parent
{
    padding:0px !important; }*/
.commissions-list-user {
    padding: 0px !important;
}

    .commissions-list-user .project-team-user {
        width: 50px;
        text-align: center;
        padding-top: 5px;
    }

    .commissions-list-user .personal-grid-username {
        width: 74%;
        float: right;
        margin-top: 12px;
    }

    .commissions-list-user img {
        border-radius: 50% !important;
        height: 40px !important;
        width: 40px !important;
        border: solid 2px #D3D3D3;
    }
/*.hunter { background-color: #EE8F3B !important; border: solid 1px #EE8F3B; }
.lead-generator { background-color: #9B9AC2 !important; border: solid 1px #9B9AC2; }
.sales-office-manager { background-color: #57C5C6 !important; border: solid 1px #3EB1B8; }
.master-affiliates { background-color: #6595BD !important; }*/
.commission-payment-list .k-detail-row .k-detail-cell {
    padding-left: 32px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 15px !important;
}

.commission-payment-list .k-detail-row .k-grid {
    border: solid 1px #C5C5C5 !important;
}

.commissions-list-batch-date {
    background-color: #adadad;
    text-align: center !important;
    padding-left: 22px !important;
}

.commission-batch {
    background-color: #fff;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    text-align: center;
}

.commission-batch-date {
    font-weight: 600;
    font-size: 1.9em;
    position: relative;
    top: -5px;
}

.commission-batch-month {
    font-size: 10px;
    position: relative;
    top: -2px;
}

.commissions-list-batch-Pending {
    color: #4b8df8 !important;
    font-weight: 600;
}

.commissions-list-batch-Complete {
    color: #6cb41f !important;
    font-weight: 600;
}
/*.grid-claw-back { background-color: #F7D7D8 !important; }*/
.grid-href, .grid-check-box {
    text-align: center !important;
}

    .grid-href a {
        font-size: 0.9em;
        cursor: pointer;
        color: #428bca !important;
        text-decoration: underline;
    }

.redStar {
    display: inline-block;
}

    .redStar:before {
        color: red;
        content: "*";
        display: block;
    }

.text-red {
    color: #f00;
}

#Commission_container {
    height: 300px;
}

.personnelCommission label {
    display: block !important;
}

.personnelCommission span {
    padding: 0px 0 0 10px !important;
}

.search-text-field {
}

    .search-text-field i, .portlet.box .portlet-title .search-text-field i {
        position: absolute;
        top: 3px;
        left: 5px;
        color: #9C9C9C !important;
        font-size: 18px;
    }

    .search-text-field .k-textbox {
        padding-left: 25px !important;
    }

.claw-back-href {
    color: #f00;
}

.profile-chart, .profile-summary {
    border: solid 1px #A8A7A8;
    -webkit-box-shadow: 3px 4px 5px 0px #A8A7A8;
    -moz-box-shadow: 3px 4px 5px 0px #A8A7A8;
    box-shadow: 3px 4px 5px 0px #A8A7A8;
    min-height: 370px;
    padding: 5px;
}

.commission-chart-title {
    font-size: 20px;
    color: #f00;
    text-transform: uppercase;
}

.profile-summary-title {
    font-size: 20px;
    color: #61A4FE;
    text-transform: uppercase;
}

.personnelCommission div label {
    padding: 5px 5px !important;
    margin-right: 10px;
    color: #fff;
}

.personnelCommission div span {
    padding: 5px 5px !important;
    margin-right: 10px;
}

.personnelCommission div:first-child label {
    background-color: #85C2F1;
}

.personnelCommission div:nth-child(2) label {
    background-color: #34ADA4;
}

.personnelCommission div:nth-child(3) label {
    background-color: #F25B69;
}

.personnelCommission div:nth-child(4) label {
    background-color: #E0BA55;
}

.profile-chart .chart {
    height: 270px !important;
}

.profile-summary > div {
    border-bottom: solid 1px #A8A7A8;
    margin: 10px 0px;
}

    .profile-summary > div:last-child {
        border-bottom: solid 0px #A8A7A8;
        margin: 10px 0px;
    }

.profile-summary .label {
    font-size: 16px;
    color: #000;
    text-align: left;
}

.profile-summary .value {
    color: #61A4FE;
    font-size: 16px;
    text-align: right;
    padding-right: 10px;
}

/*----------------------- Designer Update----------------------------*/
.lnk-backtoprj {
    background: url(../images/back-arrow.jpg) top left no-repeat;
    color: #4d8fff;
    padding: 3px 0 4px 25px;
    margin: 10px 0px 10px 25px;
    text-decoration: none;
    display: block;
}

.status-panel2 {
    background: #607d8b;
    padding: 10px;
    color: #FFF !important;
    font-size: 14px;
    margin: 10px 5px;
}

    .status-panel2 .job-number {
        color: #FFF;
    }

    .status-panel2 label {
        margin-top: 3px !important;
    }

.cost-per {
    line-height: 24px;
    margin: 0px 0px 20px 0px;
}

.upload-electricity {
    background: url(../images/upload-plus.png) top left no-repeat;
    padding: 3px 0px 4px 24px;
    color: #4d8fff;
    text-decoration: none;
}

.show-hide-photos {
    padding: 3px 0px 4px 0px;
    color: #4d8fff;
    text-decoration: none;
}

.site-specifics, .electricity-bill-title, .controlss, .site-specifics, .fixtures_list {
    line-height: normal;
    margin: 0 !important;
    padding: 0 0 0 30px !important;
}

.electricity-bill-title {
    background: url(../images/title-bg.png) 0px 1px no-repeat;
}

.site-specifics {
    background: url(../images/title-bg.png) 0px -20px no-repeat;
}

.controlss {
    background: url(../images/title-bg.png) 0px -40px no-repeat;
}

.fixtures_list {
    background: url(../images/title-bg.png) 0px -60px no-repeat;
}

.site-details {
    padding: 0px 12px 0px 0px;
}

    .site-details label {
        line-height: 24px;
    }

    .site-details span.k-dropdown-wrap.k-state-default {
        width: 99% !important;
    }

    .site-details div.row {
        margin-top: 2px;
    }

.control-icon {
    background: url(../images/control-icon.jpg) top left no-repeat;
    border: 0px;
    font-size: 12px;
    text-align: left;
    color: #2788cf;
    padding: 1px 0px 2px 18px;
}

.control-icon2 {
    background: url(../images/control-icon.jpg) bottom left no-repeat;
    border: 0px;
    font-size: 12px;
    text-align: left;
    color: #2788cf;
    padding: 1px 0px 2px 18px;
}

.systemFinancial { /*border: 0px;*/
    padding: 0px 0px 0px;
    margin: 0px !important;
    width: 100%;
    float: left;
}

    .systemFinancial .thresholdTitle {
        color: #5f5f5f !important;
        font-size: 11px;
        line-height: 17px;
        font-weight: bold;
        width: 58%;
    }

    .systemFinancial .thresholdValue {
        color: #5f5f5f;
        font-size: 11px;
        font-weight: bold;
        line-height: 17px;
        width: 42%;
    }

    .systemFinancial .lblSystemInfoSmall {
        padding: 10px 0px 10px 0px;
        clear: both;
    }

.systemFinancial2 {
    border: 0px;
    padding: 0px;
    margin: 0px !important;
    width: 100%;
}

    .systemFinancial2 h5.thresholds-setting {
        color: #85bd40;
        font-size: 12px;
        font-weight: bold;
        margin: 0px;
        margin-bottom: 10px;
        border: 0px;
        padding: 0px;
        line-height: normal;
    }

    .systemFinancial2 .thresholdTitle {
        color: #5f5f5f;
        font-size: 11px;
        line-height: 17px;
        font-weight: bold;
        width: 67%;
    }

    .systemFinancial2 .thresholdValue {
        color: #85bd40;
        font-size: 11px;
        font-weight: bold;
        line-height: 17px;
        width: 33%;
    }

    .systemFinancial2 .lblSystemInfoSmall {
        padding: 10px 0px 0px 0px;
        clear: both;
    }

    .systemFinancial2 label.lblTitle {
        color: #333333 !important;
        font-size: 12px;
        font-weight: 600;
    }

    .systemFinancial2 label {
        color: #85bd40 !important;
        font-size: 12px;
        font-weight: 500;
    }

.site-information, .billing-infomation {
    background: #fafafa;
    margin: -10px -9px 10px -9px;
    padding: 15px;
}

    .site-information h4, .billing-infomation h4 {
        color: #2a87d4;
        font-size: 12px;
        font-weight: 500;
    }

    .site-information label.lblTitle, .contract-information label.lblTitle, .billing-infomation label.lblTitle {
        font-weight: 600;
    }

.contract-information {
    background: #ececec;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    margin: -10px -9px 10px -9px;
    padding: 15px;
}

    .contract-information h4 {
        color: #2a87d4;
        font-size: 12px;
        font-weight: 500;
    }

.personal-profile {
    display: block;
}

    .personal-profile label.lblTitle {
        font-weight: 600;
    }

.info {
    color: #f00;
    font-weight: 600;
    text-decoration: underline !important;
}

.titleboxrow .titlebox h4.sticky-notes, .titleboxrow .titlebox h4.project-invoices, .titleboxrow .titlebox h4.customer-profile, .titleboxrow .titlebox h4.customer-profile, .titleboxrow .titlebox h4.project-details, .titleboxrow .titlebox h4.personal-details, .titleboxrow .titlebox h4.status-heading, .titleboxrow .titlebox h4.photo-heading, .titleboxrow .titlebox h4.document-heading, .titleboxrow .titlebox h4.project-invoices, .titleboxrow .titlebox h4.project-maintenance, .titleboxrow .titlebox h4.project-status {
    padding: 8px 0px 8px 24px;
    font-size: 16px;
}

.titleboxrow .titlebox h4.project-invoices {
    background: url(../images/invoices-heading.png) left 11px no-repeat;
}

.titleboxrow .titlebox h4.customer-profile {
    background: url(../images/customer-profile.png) left 9px no-repeat;
}

.titleboxrow .titlebox h4.project-details {
    background: url(../images/project-details.png) left 7px no-repeat;
}

.titleboxrow .titlebox h4.personal-details {
    background: url(../images/personal.png) left 7px no-repeat;
}

.titleboxrow .titlebox h4.sticky-notes {
    background: url(../images/sticky-notes.png) left 11px no-repeat;
}

.titleboxrow .titlebox h4.project-invoices {
    background: url(../images/invoices-heading.png) left 11px no-repeat;
}

.titleboxrow .titlebox h4.invoice-icon-yellow { /*background: url(../images/invoices-heading.png) left 2px no-repeat; padding: 0px 0px 0px 24px;*/
}

.titleboxrow .titlebox h4.project-maintenance {
    background: url(../images/maintenance-heading.jpg) left 11px no-repeat;
}

.titleboxrow .titlebox h4.project-status {
    background: url(../images/status-heading.jpg) left 11px no-repeat;
}

.titleboxrow .titlebox h4.status-heading {
    background: url(../images/status-heading.png) left 7px no-repeat;
}

.titleboxrow .titlebox h4.photo-heading {
    background: url(../images/photo-heading.png) left 8px no-repeat;
}

.titleboxrow .titlebox h4.document-heading {
    background: url(../images/documents.png) left 8px no-repeat;
}

.titleboxrow .titlebox h4.maintainance-reports {
    padding: 8px 0px 8px 0px;
    font-size: 16px;
}

.photo-category {
    padding: 0px 0px 10px;
}

    .photo-category a {
        color: #4d4d4d;
        display: inline-block;
        padding: 0px 0px;
        line-height: normal;
        text-decoration: none;
        margin-left: -5px;
        padding: 0px 2%;
    }

        .photo-category a:last-child {
            border: 0px;
        }

        .photo-category a:hover {
            color: #2887d0;
            text-decoration: underline;
        }

        .photo-category a.active {
            color: #2887d0;
            text-decoration: underline;
        }

.status-details {
    display: block;
    margin: 0px;
    border-right: solid 1px #dddddd;
    padding: 0px;
    min-height: 240px;
    position: relative;
}

    .status-details label {
        color: #2687ce;
        padding: 10px 13px;
        display: block;
    }

    .status-details a {
        font-size: 10px;
        font-weight: bold;
        color: #2886d0;
        display: block;
        padding: 0px 0px 2px 20px;
        line-height: 14px;
        margin-top: 6px;
        cursor: pointer;
    }

        .status-details a#fes-presentation {
            background: url(../images/status-left.png) 0px 3px no-repeat;
        }

        .status-details a.run-soft-audit {
            background: url(../images/status-left.png) 0px 3px no-repeat;
        }

        .status-details a.run-hard-audit {
            background: url(../images/status-left.png) 0px -39px no-repeat;
        }

        .status-details a.send-document {
            background: url(../images/status-left.png) 0px -59px no-repeat;
        }

        .status-details a.sign-contract {
            background: url(../images/status-left.png) 0px -39px no-repeat;
        }

        .status-details a.verify_contract {
            background: url(../images/status-left.png) 0px -58px no-repeat;
        }

        .status-details a.change-status {
            background: url(../images/status-left.png) 0px -78px no-repeat;
            float: none;
        }

        .status-details a.give-presantation {
            background: url(../images/status-left.png) 0px -98px no-repeat;
            float: none;
        }

    .status-details .btn {
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }

.stetuss {
    padding: 8px;
    margin: -10px 10px -10px -10px;
    border-right: solid 1px #dddddd;
    height: 240px;
    font-size: 11px;
}

.project-profile .portlet-body label.statusTitle {
    color: #2a86d1;
}

.calender label.statusTitle {
    display: block;
    color: #2a86d1;
    padding-bottom: 10px;
    line-height: normal;
}

.calender a {
    float: right;
    font-weight: bold;
    font-size: 9px;
}

.fc-widget-header {
    background: #eeeeee !important;
}

.fc-widget-header, .fc-widget-content {
    background: #FFF;
}

.fc-state-highlight {
    background: #efedee;
}

.jobsite-container a { /*width:55px; height:55px; */
    display: block;
    border: solid 1px #e7e7e5;
    margin-right: 1px;
    margin-bottom: 1px;
    padding: 1px;
    position: relative;
}

.imgUploadedPhoto2 {
    display: block;
    text-align: center;
    border: solid 1px #e7e7e5;
    margin-right: 1px;
    margin-bottom: 1px;
    padding: 1px;
}

    .imgUploadedPhoto2 img {
        max-width: 140px;
        max-width: 180px;
        max-height: 100px;
    }

.buld-document {
    background: #e3e3e3;
    padding: 0px;
    line-height: 26px;
    font-size: 11px;
    border: 0px;
    height: 26px;
}

.inputor {
    margin: 0px 0px 0px 0px !important;
    padding: 10px !important;
    width: auto;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-color: #c5c5c5 !important;
}

#newreport-form .inputor {
    margin: 0px 0px 0px 0px !important;
    border: 1px solid #dadada;
    padding: 10px !important;
    width: auto;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-color: #c5c5c5 !important;
    height: 200px;
    overflow: auto;
}

.scroll-auto {
    height: 135px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 2px;
    margin-top: 5px;
}

#divUploadedJobSitePhotoListView {
    height: auto;
    overflow: auto;
    width: 100%;
}

#divUploadedPhotoListView {
    padding: 10px;
}

.list-images {
    float: left;
    width: 100%;
    border: 0px !important;
}

.documents {
    float: left;
    margin: 0px 0px 10px;
}

    .documents .doc-box-comment {
        float: left;
        margin: 4px 4px 4px 5px;
        text-align: center;
    }

        .documents .doc-box-comment:last-child::after {
            margin-right: 0px;
        }

        .documents .doc-box-comment a {
            display: block;
            width: 100%;
            text-align: center;
        }

.k-grid tbody a.k-grid-update {
    background: #4179d6 !important;
    color: #FFF !important;
    padding: 5px 8px !important;
    text-align: left;
    font-weight: bold;
    margin: -4px -7px 0px 0px;
}

.k-grid tbody a.k-grid-cancel {
    background: #fe0000 !important;
    color: #FFF !important;
    padding: 5px 8px !important;
    text-align: left;
    font-weight: bold;
    margin: 0px -7px -5px 0px;
}

.k-grid tbody a.k-grid-edit, .k-grid tbody a.k-grid-delete {
    text-align: left;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    line-height: 16px;
    font-size: 0.9em;
    min-width: auto;
    margin: 0px 5px !important;
}

.k-grid tbody a.k-grid-edit {
    color: #4d91ff !important;
    text-decoration: underline !important;
}

.k-grid tbody a.k-grid-delete {
    color: #fe0000 !important;
    text-decoration: underline !important;
}

.threshold_green {
    color: #7ABA2E !important;
}

.threshold_orange {
    color: #FFA500 !important;
}

.threshold_red {
    color: #FF0000 !important;
}

.threshold_green-bg {
    background: #7ABA2E !important;
}

.threshold_orange-bg {
    background: #FFA500 !important;
}

.threshold_red-bg {
    background: #FF0000 !important;
}

.inner-auto {
    min-height: 18px;
    margin: 0px 60px 0px 10px;
    padding: 1px 0px 0px;
    line-height: 17px;
    border: 0px !important;
    outline: 0;
}

.inner-auto-salesNote {
    min-height: 18px;
    margin: 0px 5px 0px 10px;
    padding: 1px 0px 0px;
    line-height: 17px;
    border: 0px !important;
    outline: 0;
}

#GridProjectNotes {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}

    #GridProjectNotes .fes-row {
        margin-bottom: 2px;
    }

#GridCrmProjectNotes {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*New Document Section*/
.document-top-col-part {
    display: block;
    float: left;
    width: 100%;
    background: #6c95a7;
    margin-top: 5px;
}

    .document-top-col-part .row {
        float: left;
        width: 100%;
        margin: 0px;
        line-height: normal;
    }

.esa {
    background: #526a76;
    padding: 7px 0px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: #FFF;
    font-weight: 600;
}

    .esa.green {
        background: #86be43;
        padding: 7px 0px;
        text-align: center;
        width: 100%;
        font-size: 12px;
        color: #FFF;
        font-weight: 600;
    }

    .esa.red {
        background: #CC0001;
        padding: 7px 0px;
        text-align: center;
        width: 100%;
        font-size: 12px;
        color: #FFF;
        font-weight: 600;
    }

    .esa.yellow {
        background: #EDBB1E;
        padding: 0px 0px;
        text-align: center;
        width: 100%;
        font-size: 12px;
        color: #FFF;
        font-weight: 600;
    }

.yellow .yellowname {
    line-height: 34px;
}

.yellow .doc-small-img {
    padding: 10px 0px 0px;
}

    .yellow .doc-small-img img {
        float: left;
    }

.yellow .arrow-check span input {
    margin: 0px;
}

.yellow .arrow-check a.arrow, .yellow .arrow-check a.arrow_up {
    background-color: #EDBB1E;
    width: 37px;
    height: 37px;
}

    .yellow .arrow-check a.arrow:hover, .yellow .arrow-check a.arrow_up {
        background-color: #EDBB1E;
        width: 37px;
        height: 37px;
    }

        .yellow .arrow-check a.arrow_up:hover {
            float: left;
            background: #2e6a82 url(../images/arrow-down.png) center center no-repeat;
            width: 37px;
            height: 37px;
        }

.yellow .arrow-check span {
    background-color: #CDA11C !important;
    padding: 10px 8px 5px 10px;
    height: auto;
    width: auto;
}

.version {
    padding: 7px 0px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: #FFF;
    font-weight: 600;
}

.doc-date {
    padding: 8px 0px;
    text-align: center;
    width: 100%;
    font-size: 10px;
    color: #FFF;
    font-weight: 600;
}

.doc-small-img {
    float: left;
    padding: 5px 0px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    font-weight: 400;
}

    .doc-small-img img {
        border-radius: 50% !important;
        margin-right: 5px;
        height: 16px;
        width: 16px;
    }

.arrow-check {
    float: right;
}

    .arrow-check a {
        float: left;
        background: #2e6a82 url(../images/arrow-down.png) center center no-repeat;
        width: 31px;
        height: 31px;
    }

        .arrow-check a.arrow {
            float: left;
            background: url(../images/arrow-down.png) center center no-repeat;
            width: 31px;
            height: 31px;
        }

        .arrow-check a.arrow_up {
            float: left;
            background: url(../images/arrow-up.png) center center no-repeat;
            width: 31px;
            height: 31px;
        }

        .arrow-check a:hover {
            background: url(../images/arrow-up.png) center center no-repeat;
        }

        .arrow-check a.arrow_up:hover {
            float: left;
            background: url(../images/arrow-down.png) center center no-repeat;
            width: 31px;
            height: 31px;
        }

    .arrow-check span {
        float: left;
        width: 31px;
        height: 31px;
        padding: 6px;
    }

.esa-content {
    background: #FFF;
    padding: 10px 10px;
    vertical-align: top;
}

    .esa-content p {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        font-size: 9px;
        color: #868686;
    }

        .esa-content p.valuees {
            margin: 0px;
            padding: 0px 0px 10px 0px;
            font-size: 9px;
            color: #94c25f;
        }

            .esa-content p.valuees.red {
                margin: 0px;
                padding: 0px 0px 10px 0px;
                font-size: 9px;
                color: #CC0001;
            }

            .esa-content p.valuees.green {
                margin: 0px;
                padding: 0px 0px 10px 0px;
                font-size: 9px;
                color: #94c25f;
            }

            .esa-content p.valuees.orenge {
                color: #eac35a;
            }

.doc-file {
    background: #ebebeb;
    width: 100%;
    float: left;
    padding-bottom: 0px;
    min-height: 180px;
}

    .doc-file .file-div-white {
        width: 30.33%;
        margin-top: 8px;
        margin-left: 8px;
        border: solid 1px #dddddd;
        background: #FFF;
        float: left;
    }

        .doc-file .file-div-white .file-icon {
            float: left;
            padding: 10px 7px;
            background: #2987d1;
        }

            .doc-file .file-div-white .file-icon.file-bg-yellow {
                background: #ffab1a;
            }

            .doc-file .file-div-white .file-icon.file-bg-golden {
                background: #E4C02E;
            }

            .doc-file .file-div-white .file-icon.file-bg-red {
                background: #CC0001;
            }

            .doc-file .file-div-white .file-icon.file-bg-purple {
                background: #8152c6;
            }

            .doc-file .file-div-white .file-icon.file-bg-gray {
                background: #CCCCCC;
            }

            .doc-file .file-div-white .file-icon.file-bg-green {
                background: #2faf5a;
            }

        .doc-file .file-div-white .file-info {
            font-size: 11px;
            color: #3b3b3b;
            padding: 2px 0px;
            margin-left: 34px;
            position: relative;
            line-height: 10px;
        }

            .doc-file .file-div-white .file-info span {
                font-size: 9px;
                display: block;
                color: #8d8d8d;
                margin-top: 2px;
            }

a.doc-link span.invoice {
    background: #fe3b8a;
    font-size: 8px;
    text-transform: uppercase;
    display: block;
    color: #FFF;
    padding: 2px 12px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.doc-file .file-div-white img.close-new {
    position: absolute;
    top: 4px;
    right: 4px;
}

.doc-file span.fright {
    float: right;
    display: inline-block;
    margin-right: 20px;
}

    .doc-file span.fright a {
        color: #1c89f0;
        font-size: 12px;
    }

.document-bottom-col-part {
    display: block;
    float: left;
    width: 100%;
    background: #d2d7d9;
    color: #69696a;
}

    .document-bottom-col-part a {
        color: #69696a;
    }

    .document-bottom-col-part .row {
        margin: 0px;
        line-height: normal;
    }

.upload-doc, .refresh-doc, .edit-finan {
    text-align: center;
    color: #595959;
    background: #dddddd;
    padding: 7px 0;
    font-size: 11px;
}

.edit-mainreq a {
    color: #ffffff !important;
}

.edit-mainreq {
    color: #ffffff !important;
    text-align: center;
    background: #dddddd;
    padding: 7px 0;
    font-size: 11px;
}

.edit-audit {
    text-align: center;
    padding: 7px 0;
    font-size: 11px;
}

.edit-refresh {
    text-align: center;
    padding: 7px 0;
    font-size: 11px;
    background: #bdc1c3;
}

.edit-upload-docs {
    text-align: center;
    padding: 7px 0;
    font-size: 11px;
}

.change-order {
    text-align: center;
    color: #184356;
    padding: 7px 0;
    font-size: 11px;
    display: inline-block;
}

    .change-order i {
        float: left;
        background: url(../images/file-add.png) left 1px no-repeat;
        height: 12px;
        width: 12px;
    }

.grey-doc {
    background: #dddddd;
    display: block;
    float: left;
    width: 100%;
    margin-top: 5px;
}

    .grey-doc .ssa {
        background: #526a76;
        padding: 7px 0px;
        text-align: center;
        width: 100%;
        line-height: normal;
        height: auto;
        margin: 0px;
        font-size: 12px;
        color: #FFF;
        font-weight: 600;
    }

        .grey-doc .ssa.red {
            background: #CC0001;
            padding: 7px 0px;
            text-align: center;
            width: 100%;
            line-height: normal;
            height: auto;
            margin: 0px;
            font-size: 12px;
            color: #FFF;
            font-weight: 600;
        }

    .grey-doc .version {
        padding: 7px 0px;
        text-align: center;
        width: 100%;
        font-size: 12px;
        color: #FFF;
        font-weight: 600;
    }

    .grey-doc .doc-date {
        padding: 8px 0px;
        text-align: center;
        width: 100%;
        font-size: 10px;
        color: #FFF;
        font-weight: 600;
    }

    .grey-doc .doc-small-img {
        float: left;
        padding: 6px 0px;
        text-align: center;
        font-size: 12px;
        color: #FFF;
        font-weight: 400;
    }

        .grey-doc .doc-small-img img {
            border-radius: 50%;
            margin-right: 5px;
        }

    .grey-doc .arrow-check {
        float: right;
    }

        .grey-doc .arrow-check a {
            float: left;
            background: rgb(187, 54, 54) url(../images/arrow-down.png) center center no-repeat;
            background-color: transparent;
            width: 31px;
            height: 31px;
        }

            .grey-doc .arrow-check a:hover {
                background: #9c9a9b url(../images/arrow-up.png) center center no-repeat;
                background-color: transparent;
            }

        .grey-doc .arrow-check span {
            float: left;
            width: 31px;
            height: 31px;
            padding: 6px;
        }

.photo-category a {
    cursor: pointer;
}

.tblDocumentSection {
    width: 100%;
}

.document-bottom-col-part a {
    text-decoration: none !important;
}

a.file-div-white {
    text-decoration: none !important;
    cursor: pointer;
}

    a.file-div-white:hover {
        background-color: #dddddd;
    }

.change-order a {
    cursor: pointer;
}

.forecolor-green {
    color: #86be43 !important;
}

.forecolor-red {
    color: #CC0001 !important;
}

.forecolor-blue {
    color: #1c89f0 !important;
}

.status-action-btn {
    font-size: 11px !important;
    width: 100%;
    font-weight: normal !important;
}

#AuditFixtureList .k-tooltip-validation {
    margin-top: 0 !important;
    display: block;
    position: static;
    padding: 0;
}

#AuditFixtureList .k-callout {
    display: none;
}

.k-dropdown-wrap .k-input, .k-selectbox .k-input {
    text-indent: .500em !important;
}

project-notes-general {
    width: 100% !important;
}

#ProjectCenterGrid thead.k-grid-header {
    display: table-header-group !important;
}

#CommissionPaymentBatch thead.k-grid-header {
    display: table-header-group !important;
}

#CommissionPayment thead.k-grid-header {
    display: table-header-group !important;
}

#GridUserNotification .k-grid-header {
    Display: table-header-group !important;
}

#GridAppointmentsList .k-grid-header {
    Display: table-header-group !important;
}

#GridInvoiceList .k-grid-header {
    Display: table-header-group !important;
}

#GridInvoiceCenterList .k-grid-header {
    Display: table-header-group !important;
}

#ProjectCenterGrid.k-grid > .k-grid-header {
    display: block !important;
}

#GridCrmInvoice.k-grid > .k-grid-header {
    display: block !important;
}

html {
    display: block;
    min-height: 100%;
    position: relative;
}

.page-div-fix {
    position: relative;
}

header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
}

.nav-left {
    position: fixed;
    bottom: 0px;
    width: 210px;
    background: #767676;
    height: 100%;
    overflow-x: hidden;
    left: 0px;
    padding-top: 70px;
}

.right-content-part {
    margin-left: 210px;
    position: relative;
    margin-bottom: 30px;
}

footer {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

.bottom-row .k-grid-content {
    height: auto !important;
    overflow: inherit !important;
}

.userblock {
    padding: 0px 0px;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    .userblock .marun {
        background: #bf4345;
    }

    .userblock .yellow {
        background: #edbb1e;
    }

    .userblock label.titlestatus {
        color: #fff;
        display: block;
        padding: 7px 15px;
        font-size: 10px;
    }

        .userblock label.titlestatus a {
            color: #fff;
            text-decoration: underline;
        }

            .userblock label.titlestatus a.links {
                float: right;
            }

    .userblock .collectionbtn {
        text-align: right;
    }

    .userblock .collectioncall {
        background: #2787d1;
        color: #fff;
        text-decoration: none;
        font-size: 8px;
        border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        padding: 8px 15px;
        text-transform: uppercase;
        display: inline-block;
    }

.statussubtitle {
    padding: 0px;
    line-height: normal;
    margin-top: 2px !important;
    font-size: 15px;
    color: #333;
    border-bottom: 1px solid #999999;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

    .statussubtitle span {
        color: #ba201e;
    }

        .statussubtitle span.number {
            font-size: 10px;
        }

.statusblock > .row {
    margin-top: 0px;
}

.site-information .statusblock.first {
    padding-right: 6px;
}

.site-information .statusblock.last {
    padding-left: 6px;
}

.site-information .statusblock .row {
    text-align: left;
}

.site-information .statusblock .label {
    color: #615f60;
    text-align: left;
}

    .site-information .statusblock .label .stsLabel {
        font-size: 13px !important;
        font-weight: bold !important;
        color: #615f60;
    }

.site-information .statusblock .value .stsLabel {
    color: #e3a210;
    text-align: left;
    font-size: 13px !important;
    font-weight: bold !important;
}

.site-information .statusblockrow .row:nth-child(1) .value .stsLabel {
    color: #e3a212;
}

.site-information .statusblockrow .row:nth-child(2) .value .stsLabel {
    color: #e6631b;
}

.site-information .statusblockrow .row:nth-child(3) .value .stsLabel {
    color: #e24113;
}

.site-information .statusblockrow .row:nth-child(4) .value .stsLabel {
    color: #ff3704;
}

.site-information .statusblock .total {
    padding-right: 0px;
}

    .site-information .statusblock .total .label {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #615f60;
        border-top: 1px solid #c9c9c9;
        padding-top: 8px;
    }

    .site-information .statusblock .total .value {
        color: #ff3400;
        text-align: left;
        font-size: 15px !important;
        font-weight: 600 !important;
        border-top: 1px solid #c9c9c9;
        display: inline-block;
        width: inherit;
        padding-right: 20px;
        padding-top: 8px;
    }

.site-information .statusblock .note {
    font-size: 11px;
    color: #a2a2a2;
}

    .site-information .statusblock .note input[type="checkbox"] {
        vertical-align: middle;
        margin-right: 5px;
    }

    .site-information .statusblock .note #divPenaltyDropdown {
        margin-top: 10px;
        width: 25%;
    }

.collechtiondashboard {
    margin-bottom: 10px;
}

    .collechtiondashboard label {
        width: auto;
        display: block;
        padding: 0px 20px;
    }

.popupsubtitle {
    padding: 0px;
    line-height: normal;
    margin-top: 2px !important;
    font-size: 22px;
    color: #7e7e7e;
    border-bottom: 1px solid #868686;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.photolist .k-dropdown-wrap .k-input {
    padding: 0px 0px;
    height: 25px !important;
}

    .photolist .k-dropdown-wrap .k-input span {
        line-height: 25px;
    }

.k-popup .k-list li {
    border-bottom: 1px solid #ebebeb;
    display: block;
    clear: both;
}

.k-popup .k-list .accountimg {
    width: 30px;
    height: 30px;
    display: inline-block;
}

    .k-popup .k-list .accountimg img {
        width: 100%;
        border-radius: 100%;
    }

.k-popup .k-list .accountdetails {
}

    .k-popup .k-list .accountdetails h3 {
        font-size: 13px;
        color: #484848;
    }

.photolist .dropdown-header {
    border-width: 0 0 1px 0;
    text-transform: uppercase;
}

    .photolist .dropdown-header > span {
        display: inline-block;
        padding: 10px;
    }

        .photolist .dropdown-header > span:first-child {
            width: 50px;
        }

.photolist .selected-value {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-size: 100%;
    margin-right: 5px;
    border-radius: 50%;
}

.photolist #customers-list .k-item {
    line-height: 1em;
    min-width: 300px;
}

.photolist .k-material #customers-list .k-item, .photolist .k-material #customers-list .k-item.k-state-hover, .k-materialblack #customers-list .k-item, .k-materialblack #customers-list .k-item.k-state-hover {
    padding-left: 5px;
    border-left: 0;
}

.photolist #customers-list .k-item > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin: 20px 10px 10px 5px;
}

    .photolist #customers-list .k-item > span:first-child {
        -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
        -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
        box-shadow: inset 0 0 30px rgba(0,0,0,.3);
        margin: 10px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.photolist #customers-list h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 1px 0;
    padding: 0;
}

.photolist #customers-list p {
    margin: 0;
    padding: 0;
    font-size: .8em;
}

.customer-search-button {
    margin-left: 3px;
    display: inline-block;
}

.k-dropdown .k-dropdown-wrap {
    box-sizing: border-box;
    height: 26px;
}

.phone-icon {
    background: url(../images/icon-appointments.jpg) center center no-repeat;
    width: 29px;
    height: 23px;
    padding-left: 35px;
}

.profilerow {
}

    .profilerow img.profileimg {
        width: 30px;
        height: 30px;
        border-radius: 100% !important;
        -moz-border-radius: 100% !important;
        -webkit-border-radius: 100% !important;
        overflow: hidden;
        border: 1px solid #bf4345;
        float: left;
    }

    .profilerow .profilename {
        font-size: 11px;
        padding-top: 8px;
        margin-left: 38px;
    }

        .profilerow .profilename h6 {
            font-weight: bold;
            font-size: 11px;
            color: #615f60;
            margin-bottom: 3px;
        }

        .profilerow .profilename span {
            display: block;
        }

.invoiceicon {
    background: url(../images/invoices-heading.jpg) left 11px no-repeat;
}

.padding-bottomnone {
    padding-bottom: 0px;
}

.breadcrumbs {
    width: 100%;
    content: "";
    display: block;
    float: left;
    margin-left: 0px;
    display: block;
}

    .breadcrumbs li {
        display: inline-block;
    }

    .breadcrumbs a {
        color: #999999;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 600;
        margin-top: 0px;
        display: block;
        border-bottom: 3px solid transparent;
        padding: 11px 8px 8px 8px;
    }

        .breadcrumbs a:hover, .breadcrumbs a.active {
            border-bottom: 3px solid #4d8ffd;
            color: #4d8ffd;
        }

.addpersonnel {
    color: #4d8ffd !important;
}

.ardataupdate label {
    text-align: right;
    color: #00897a !important;
    font-size: 11px;
    line-height: 24px;
}

#collectionadmin-list .k-list .k-state-hover, #collectionadmin-list .k-list .k-state-focused, #collectionadmin-list .k-list .k-state-selected {
    border: 0px;
}

#collectionadmin-list .k-item {
    border-bottom: 1px solid #ebebeb !important;
    padding: 9px 9px !important;
    min-height: inherit;
    line-height: inherit;
}

    #collectionadmin-list .k-item > span:first-child {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        padding: 0px 0px !important;
    }

        #collectionadmin-list .k-item > span:first-child img {
            width: 100%;
            height: 30px;
            vertical-align: top;
            border: 1px solid #be4145;
            border-radius: 100% !important;
            -moz-border-radius: 100% !important;
            -webkit-border-radius: 100% !important;
        }

    #collectionadmin-list .k-item > span h3 {
        font-size: 12px;
        color: #484848;
        font-weight: 500;
        line-height: 12px;
    }

    #collectionadmin-list .k-item > span p {
        font-size: 9px;
        line-height: 14px;
        color: #919191;
    }

#collectionadmin-list .k-state-focused.k-state-selected, #collectionadmin-list .k-list > .k-state-focused.k-state-selected, #collectionadmin-list .k-listview > .k-state-focused.k-state-selected, #collectionadmin-list td.k-state-focused.k-state-selected {
    box-shadow: none;
    background: #ebebeb;
}

    #collectionadmin-list .k-state-focused.k-state-selected span p {
        color: #919191;
    }

#collectionadmin-list .k-item.k-state-hover {
    background: #ebebeb;
    cursor: pointer;
}

    #collectionadmin-list .k-item.k-state-hover span h3, #collectionadmin-list .k-item.k-state-hover span p {
    }

.titlerow {
    padding-top: 20px;
}

.projectstatusright {
    padding-top: 7px;
}

    .projectstatusright .status {
        color: #ba2022;
        margin-bottom: 10px;
    }

    .projectstatusright .projectinstalled {
        color: #43aeb8;
        margin-bottom: 10px;
    }

        .projectstatusright .projectinstalled:before {
            content: "Status: ";
            padding-right: 5px;
            display: inline-block;
        }

.statusright {
    text-align: right;
}

.threshold {
    display: block;
}

    .threshold span {
        display: inline-block;
        color: #525252;
    }

#GridCrmInvoice .k-grid-header th:nth-child(1).k-header > .k-link, #GridInvoiceCenterList .k-grid-header th:nth-child(2).k-header > .k-link {
    color: #0b7ce6 !important;
    text-decoration: underline;
}
/*#GridCrmInvoice .k-selectable tbody[role="rowgroup"] td:nth-child(1), #GridInvoiceCenterList .k-selectable tbody[role="rowgroup"] td:nth-child(2) { color:#0b7ce6 !important; text-decoration:underline;}*/
.k-selectable tbody[role="rowgroup"] tr.select {
    background: #f3d5d5;
}

.k-selectable button.fa-file-text-o {
    background: none;
    border: none;
}

.k-selectable .project-team-user img {
    width: 25px !important;
    height: 25px !important;
}

.printer {
    float: right;
    background: rgba(0,0,0,0.5);
    display: inline-block;
    margin-right: 8px;
    padding: 5px 12px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}

.selectedrowkendo {
    color: red;
}

.debtorsnotelable {
    font-size: 10px;
}

    .debtorsnotelable span {
        color: #c62827;
        font-weight: bold;
        text-transform: uppercase;
    }

.invoicelink {
    color: #0b7ce6 !important;
}

.btnlinklist {
    background: none;
    color: blue;
    border: none;
}

.selected-value {
    display: none;
}

.k-dropdown-wrap .selectname {
    background: url(../images/icon-appointments.jpg) 5px 5px no-repeat;
    content: "";
    display: block;
    padding-left: 40px;
}

.invoicecenterselectedrow {
    background: #F3D5D5 !important;
    color: #000 !important;
}
/*#ScheduledDate_validationMessage.field-validation-error { width:100%; float:left;}*/
#Subordinate-list .k-item > span, #projectmanager-list .k-item > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    border-style: solid;
    border-width: 0px;
    vertical-align: top;
    min-height: 30px;
    width: 75%;
    padding: 5px 0px;
}

    #Subordinate-list .k-item > span:first-child, #projectmanager-list .k-item > span:first-child {
        width: 50px;
        border-left-width: 0;
        padding: 15px 0px;
    }

#Subordinate-list img, #projectmanager-list img {
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.4);
    box-shadow: 0 0 2px rgba(0,0,0,.4);
    width: 45px;
    height: 45px;
    border-radius: 50% !important;
}

#Subordinate-list h3, #projectmanager-list h3 {
    color: #000;
    font-weight: 600;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

#Subordinate-list p, #projectmanager-list p {
    margin: 0;
    padding: 0;
}

.scheduleblock .k-widget.k-tooltip-validation {
    width: 100%;
    float: left;
}

#projectmanager-list .k-list .k-state-hover, #projectmanager-list .k-list .k-state-focused, #projectmanager-list .k-list .k-state-selected {
    border: 0px;
}

#projectmanager-list .k-item {
    border-bottom: 1px solid #ebebeb !important;
    padding: 9px 9px !important;
    min-height: inherit;
    line-height: inherit;
}

    #projectmanager-list .k-item > span:first-child {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        padding: 0px 0px !important;
    }

        #projectmanager-list .k-item > span:first-child img {
            width: 100%;
            height: 30px;
            vertical-align: top;
            border: 1px solid #be4145;
            border-radius: 100% !important;
            -moz-border-radius: 100% !important;
            -webkit-border-radius: 100% !important;
        }

    #projectmanager-list .k-item > span h3 {
        font-size: 12px;
        color: #484848;
        font-weight: 500;
        line-height: 12px;
    }

    #projectmanager-list .k-item > span p {
        font-size: 9px;
        line-height: 14px;
        color: #919191;
    }

#projectmanager-list .k-state-focused.k-state-selected, #projectmanager-list .k-list > .k-state-focused.k-state-selected, #projectmanager-list .k-listview > .k-state-focused.k-state-selected, #projectmanager-list td.k-state-focused.k-state-selected {
    box-shadow: none;
    background: #ebebeb;
}

    #projectmanager-list .k-state-focused.k-state-selected span p {
        color: #919191;
    }

#projectmanager-list .k-item.k-state-hover {
    background: #ebebeb;
    cursor: pointer;
}

    #projectmanager-list .k-item.k-state-hover span h3, #projectmanager-list .k-item.k-state-hover span p {
    }

#MaintenanceCenterGrid.k-grid > .k-grid-header {
    display: block !important;
}
/*-------------------------------04-11-2016-----------------------------------*/
.maintainancereport {
    padding: 20px 10px;
}

.maintainance_value {
    display: inline-block;
    font-size: 14px;
    color: #2787D1;
    padding: 4px 15px;
}

    .maintainance_value span {
        font-weight: 600;
        display: inline-block;
        margin-left: 2px;
    }

    .maintainance_value.active {
        background: #2787D1;
        color: #FFF;
    }

.bulk_action {
    margin-top: 15px;
    margin-bottom: 20px;
}

.bulk_select {
    display: block;
}

    .bulk_select span {
        display: inline-block;
    }

        .bulk_select span.bulk-text {
            line-height: 22px;
        }

        .bulk_select span.select-bulk {
            margin-left: 10px;
            width: 100%;
            max-width: 220px;
        }

.min-height {
    min-height: initial;
}

.maintainance {
    background: #D7D7D7 !important;
}

    .maintainance .edit-mainreq, .maintainance .edit-mainreq {
        background: #009C87 !important;
    }

    .maintainance .refresh-doc, .maintainance .refresh-doc {
        background: #D7D7D7 !important;
        border-left: solid 1px #009C87;
    }

    .maintainance .upload-doc, .maintainance .upload-doc {
        background: #D7D7D7 !important;
        padding-right: 5px !important;
    }

.step1 {
    font-size: 30px;
    font-weight: 400;
    color: #666666;
    padding: 10px 0px 15px 25px;
}

#MaintenanceFixtureList .k-grid-header {
    padding-right: 0px !important;
}

.custom-grid-div {
    border: solid 1px #C4C4C4;
}

.custom-grid {
    display: block;
}

    .custom-grid .custom-row {
        border-right: solid 1px #C4C4C4;
        background: #EEEEEE;
        padding: 10px 10px;
        min-height: 36px;
    }

.blue_grid {
    display: block;
}

    .blue_grid .custom-row {
        border-right: solid 1px #D7E5FB;
        background: #D7E5FB;
        padding: 10px 10px;
        min-height: 36px;
    }

.blue-light-custom-pop {
    background: #E9F0FB;
    padding: 15px 15px;
    margin: 5px 0px 50px 0px;
}

    .blue-light-custom-pop input {
        border: solid 1px #C5C5C5;
        width: 100%;
        box-sizing: border-box;
        padding: 5px 10px;
        max-width: 200px;
    }
/*.custom-row .drop-down, .custom-row .k-datepicker { max-width: 200px; }*/
.custom-row .drop-down .k-dropdown {
    width: 100%;
}

.white-bg-custom-main {
    padding: 15px 15px;
    margin: 5px 0px 50px 0px;
}

    .white-bg-custom-main input[type=text] {
        border: solid 1px #C5C5C5;
        width: 100%;
        box-sizing: border-box;
        padding: 5px 10px;
        max-width: 100%;
    }

    .white-bg-custom-main input.k-input {
        border: 0px;
        padding: 3px;
    }

    .white-bg-custom-main textarea {
        border: solid 1px #C5C5C5;
        width: 100%;
        box-sizing: border-box;
        padding: 5px 10px;
    }

.w-819 {
    width: 819px !important;
}

.w-550 {
    width: 550px !important;
}

.tblMaintenanceRequest {
    width: 100% !important;
}

    .tblMaintenanceRequest .editMR, .maintenanceRequest {
        background-color: #01BFA5 !important;
        text-align: center;
        vertical-align: middle;
        color: #ffffff;
        line-height: 20px;
    }

.maint-req-doc {
    width: 45% !important;
}

.custom-scroll-box {
    display: block;
    width: 100%;
    height: auto; /*overflow: scroll; overflow-y: hidden;*/
}

.dele_img {
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px;
}

.free_fixture {
    display: block;
}

    .free_fixture input.chkfree {
        /*float: left;
        margin-right: 5px;
        margin-top: 0px;*/
    }

.business_title {
    color: #2985ce;
    padding-top: 15px;
}

    .business_title .edit-upload-docs {
        float: right;
        padding: 0px 0px 10px;
    }

        .business_title .edit-upload-docs a {
            color: #2985ce;
            text-decoration: none;
        }

.business_search_doc {
    background: #FFF;
    min-height: initial;
    padding: 10px 10PX 10PX 0px;
}

    .business_search_doc .file-div-white {
        margin: 8px 8px 0px 0px;
        position: relative;
    }

.business-right {
    text-align: right !important;
    padding-right: 5px;
}

.billing-infomation2 {
    background: #ececec;
    margin: 10px -9px -26px -9px;
    padding: 15px;
    clear: both;
}

    .billing-infomation2 a {
        text-decoration: none;
        color: #2985ce !important;
    }

#hrefCustomerProfileBody .document-bottom-col-part {
    margin-bottom: 10PX;
}
/*.span-padding span{ padding-top:4px; }*/
.toggle-menu {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    transition: left 0.5s ease 0s;
    -webkit-transition: left 0.5s ease 0s;
    z-index: 1;
    cursor: pointer;
    background: #555555;
    width: 50px;
    line-height: 80px;
    font-size: 22px;
    text-align: center;
}

    .toggle-menu.showing {
        left: 0px;
    }

    .toggle-menu p {
        padding: 3px 5px 3px 4px;
        line-height: 20px;
        text-align: center;
        background: #696969;
        color: #fff;
        margin-top: 0px;
    }

.nav-left {
    transition: width 0.5s ease 0s;
    -webkit-transition: width 0.5s ease 0s;
}

/*.closemenu .nav-left .page-sidebar > ul > li > ul.sub,*/
.closemenu .nav-left .page-sidebar > ul > li > a .arrow,
.closemenu .nav-left .page-sidebar > ul > li > a .menutitle,
.closemenu .nav-left .page-sidebar > ul > li > ul > li > a .menutitle,
.closemenu .nav-left .page-sidebar > ul > li > ul > li > ul > li > a .menutitle {
    display: none;
    opacity: 0;
}

.closemenu .nav-left {
    width: 50px;
}

.right-content-part {
    transition: margin-left 0.5s ease 0s;
    -webkit-transition: margin-left 0.5s ease 0s;
}

.closemenu .right-content-part {
    margin-left: 50px;
}

.drpquickBookEntity .k-input, .drpquickBookEntity .drop-down {
    font-weight: bold;
    color: rgba(16,134,134,1) !important;
    max-width: 246px !important;
}

.linksassing a.assigninvoice {
    float: right;
    color: #ff3a8a;
    font-size: 11px;
    margin-top: 10px;
    display: inline-block;
}

.linksassing a.refresh {
    line-height: 25px;
}

.not-signeded {
    padding: 20px !important;
}

    .not-signeded h5 {
        margin-bottom: 10px;
        color: #2e2e2e;
    }

.addsigned {
    float: left;
}
/*.addsigned .add-date { float: right; }*/
.radiocustom {
    padding-left: 18px;
}

    .radiocustom .row {
        margin-bottom: 5px;
    }

#divSignedDate label {
    line-height: 28px;
}

.Pinwheelcommission {
    text-align: right;
    color: red;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 3px;
    float: right;
}

.pbutton {
    padding: 0px !important;
    position: relative;
}

    .pbutton a {
        display: block;
        text-align: center;
        height: 100%;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 0px;
        bottom: 0px;
        line-height: 30px;
    }

        .pbutton a .fa {
        }

.checkbox {
    width: 2%;
    float: left;
    margin-top: 0px;
}

    .checkbox input[type="checkbox"] {
        margin: 0px;
        margin-right: 5px;
    }
/*Prajesh*/
.project-history {
    border: solid 1px #E6E6E6;
}

.history-content {
    background-color: #fff;
    float: left;
    max-height: 185px;
    overflow: auto;
    width: 100%;
    border-left: solid 1px #E6E6E6;
    border-right: solid 1px #E6E6E6;
}

.status-light {
    padding: 5px;
    border-radius: 5px !important;
    background-color: #000;
    width: 5px;
    height: 5px;
    float: left;
    margin-right: 2px;
}

.status-light-bulb {
    padding: 5px;
    background-color: #000;
    width: 5px;
    height: 5px;
    float: left;
    margin-right: 2px;
}

.history-bulb-count {
    float: left;
    margin-right: 2px;
}

.info-text {
    color: #696969;
    font-size: 10px;
}

    .info-text b {
        font-weight: bold;
    }
/*added by Prajesh for Remove Inline Style*/
.width-100-per {
    width: 100%;
}

.height-width-50px {
    height: 50px;
    width: 50px;
}

.height-98-width-150 {
    height: 98px;
    width: 150px;
}

.height-110-width-150 {
    height: 110px;
    width: 150px;
}

.height-width-auto {
    height: auto;
    width: auto;
}

.float-left {
    float: left !important;
}

.float-rigth {
    float: right;
}

.OuterLayoutBack-wrapper {
    width: 100%;
    margin: 0px auto;
    overflow-x: hidden;
}

.width-900 {
    width: 900px;
}

.width-700 {
    width: 700px;
}

.width-275 {
    width: 275px;
}

.height-10 {
    height: 10px;
}

.height-180 {
    height: 180px;
}

.height-38 {
    height: 38px;
}

.margin-top-300 {
    margin-top: 300px;
}

.margin-top-4 {
    margin-top: 4px;
}

.margin-top-7 {
    margin-top: 7px;
}

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

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-4 {
    padding-top: 4px;
}

.font-size-1_17 {
    font-size: 1.17em;
}

.padding-left-10 {
    padding-left: 10px;
}

.height-150 {
    height: 150px;
}

.height-65 {
    height: 65px!important;
}

.height-100 {
    height: 100px;
}

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

.project-document-hr {
    margin: 5px 0;
    border: 0;
    border-top: 1px solid #d4d3d3;
    border-bottom: 0px solid #FEFEFE;
    margin-left: 10px;
    margin-right: 20px;
}

.project-document-hr-New {
    margin: 5px 0;
    border: 0;
    border-top: 1px solid #d4d3d3;
    border-bottom: 0px solid #FEFEFE;
}

.font-size-smaller {
    font-size: smaller;
}

.font-size-10 {
    font-size: 10px;
}

.doc-file-Executed-Documents {
    color: #848383;
    min-height: 0px;
}

.background-color-cc0001 {
    background-color: #cc0001;
}

.project-document-caption {
    color: #848383;
    margin-top: 3px;
    text-align: left;
}

.addfesEntity-portlet { /*background-color: rgb(231,231,231);*/
    padding: 10px;
}

.label-QuickBookEntity {
    font-weight: bold;
    color: rgba(16,134,134,1);
    margin-top: 7px;
}

.min-width-650 {
    min-width: 650px;
}

.delete-fes-fixture {
    height: 20px;
    width: 20px;
    margin-top: 14px;
    margin-left: 10px;
    cursor: pointer;
}

.portlet-title-custom-Report-one {
    height: 48px;
    padding-top: 12px;
}

.customreport-step2-bodyinner {
    height: 277px;
    overflow: auto;
}

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

.background-color-767676 {
    background-color: #767676;
}

.replacement-fixturedetail {
    border-bottom: 1px solid #a9a9a9 !important;
    color: #333333 !important;
}

.width-97-per {
    width: 97% !important;
}

.font-11-padding-top-1 {
    font-size: 11px !important;
    padding-top: 1px;
}

.text-align-left {
    text-align: left;
}

.text-align-center {
    text-align: center;
}

.text-align-center-important {
    text-align: center !important;
}

.margin_0 {
    margin: 0px;
}

.overflow-auto {
    overflow: auto;
}

.project-team-wrapper {
    display: flex;
    align-items: center;
    background-color: #EDEDED;
}

.project-team-wrapper_inner {
    background-color: #3DB1B8;
    width: 3%;
}

.top_4 {
    top: -4px !important;
}

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

.padding-top-1 {
    padding-top: 1px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-right-15 {
    padding-right: 15px;
}

.lbl_Contract_incomplate {
    text-decoration: underline;
    color: #f00 !important;
}

.ESA-change-order {
    color: #848383;
    margin-top: -25px;
}

.ESA-change-order-hr {
    margin: 5px 0;
    border: 0;
    border-top: 1px solid #d4d3d3;
    border-bottom: 0px solid #FEFEFE;
}

.background-color-607d8b {
    background-color: #607d8b;
}

a.permissionarrow {
    width: 44px;
    height: 32px;
    background: url(../images/collepse.png) 10px 3px no-repeat;
    background-color: rgba(0, 0, 0, 0.15);
}

a.permissionarrow_Up {
    width: 44px;
    height: 32px;
    background: url(../images/collepse.png) -34px 3px no-repeat;
    background-color: rgba(0, 0, 0, 0.15);
}

.permission {
    box-shadow: none !important;
    padding-right: 10px !important;
}
/* End Site Css*/

/* Style Old Css*/
body {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
}

h3 small, h4 small, h5 small {
    color: #444;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

    h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
        padding-bottom: 10px;
    }

a {
    text-shadow: none !important;
    color: #0d638f;
}

[class^="icon-"], [class*=" icon-"], [class^="icon-"]:hover, [class*=" icon-"]:hover {
    background: none !important;
}

.close {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat !important;
    background-image: url("../img/remove-icon-small.png") !important;
}

.m-icon-swapup {
    background-position: -46px -10px;
}

a, a:focus, a:hover, a:active {
    outline: 0;
    cursor: pointer;
}

.ie8 .row-fluid [class*="span"] {
    min-height: 20px !important;
}

.fix-offset {
    margin-left: 0px !important;
}

.page-overlay {
    background: #eee;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: url("../img/page-loader.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
}



.reassign {
    position: absolute;
    right: 14px;
}

/*** Header and header elements. ***/
.header {
    padding: 0 !important;
    margin: 0 !important;
}

    .header .brand {
        margin-top: -1px;
    }

    .header .btn-navbar {
        margin-bottom: 0px;
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 6px;
        background-image: none;
        filter: none;
        box-shadow: none;
        color: #fff;
        border: 0;
    }

        .header .btn-navbar:hover {
            text-decoration: none;
        }

    .header .navbar-inner {
        width: 100%;
        margin-left: 0 0 0 110px;
        border: 0px;
        padding: 0px;
        box-shadow: none;
        height: 42px;
    }

    .header .nav {
        display: block;
    }

        .header .nav > li {
            margin: 0px;
            padding: 0px;
        }

            .header .nav > li.dropdown, .header .nav > li.dropdown > a {
                padding-left: 4px;
                padding-right: 4px;
            }

                .header .nav > li.dropdown:last-child {
                    padding-right: 2px;
                }

                .header .nav > li.dropdown .dropdown-toggle {
                    margin: 0px;
                    padding: 14px 12px 8px 12px;
                }

        .header .nav li.dropdown .dropdown-toggle i {
            font-size: 18px;
        }

        .header .nav li.dropdown.user .dropdown-toggle {
            padding: 6px 4px 7px 9px;
        }

            .header .nav li.dropdown.user .dropdown-toggle:hover {
                text-decoration: none;
            }

            .header .nav li.dropdown.user .dropdown-toggle .username {
                color: #ddd;
            }

            .header .nav li.dropdown.user .dropdown-toggle i {
                display: inline-block;
                margin-top: 5px;
                margin: 0;
                font-size: 16px;
            }

        .header .nav li.dropdown .dropdown-toggle .badge {
            position: absolute;
            font-size: 11px !important;
            font-weight: 300;
            top: 8px;
            right: 24px;
            text-align: center;
            height: 14px;
            background-color: #e02222;
            padding: 2px 6px 2px 6px;
            -webkit-border-radius: 12px !important;
            -moz-border-radius: 12px !important;
            border-radius: 12px !important;
            text-shadow: none !important;
        }

        .header .nav .dropdown-menu {
            margin-top: 3px;
        }
/*** Page container ***/
.page-container {
    margin: 0px;
    padding: 0px;
}

.fixed-top .page-container {
    margin-top: 42px;
}
/*** Page sidebar ***/
.page-sidebar {
    background: none repeat scroll 0 0 #767676;
    padding-top: 20px;
    padding-bottom: 60px;
}

    .page-sidebar .slide {
        position: absolute;
        top: 10px;
        left: 206px;
        padding: 0px 8px 0px 5px;
        background-color: #e02222;
        cursor: pointer;
    }

        .page-sidebar .slide i {
            color: #fff;
            font-size: 16px;
        }

    .page-sidebar > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .page-sidebar > ul > li {
            display: block;
            margin: 0;
            padding: 0;
            border: 0px;
        }

            .page-sidebar > ul > li > a {
                display: block;
                position: relative;
                margin: 0;
                border: 0px;
                padding: 10px 15px;
                text-decoration: none;
                font-weight: 300;
            }

            .page-sidebar > ul > li a i {
                color: #eaeaea;
                font-size: 14px;
                margin-right: 10px;
                text-shadow: none;
            }

            .page-sidebar > ul > li.active > a {
                border: none;
                text-shadow: none;
            }

                .page-sidebar > ul > li.active > a .selected {
                    display: block;
                    width: 8px;
                    height: 25px;
                    background-image: url("/images/sidebar-menu-arrow.png");
                    float: right;
                    position: absolute;
                    right: 0px;
                    top: 8px;
                }

    .page-sidebar ul > li > a .arrow:before {
        float: right;
        margin-top: 1px;
        margin-right: 5px;
        display: inline;
        font-size: 16px;
        font-family: FontAwesome;
        height: auto;
        content: "\f104";
        font-weight: 300;
        text-shadow: none;
    }

    .page-sidebar > ul > li > a .arrow.open:before {
        float: right;
        margin-top: 1px;
        margin-right: 5px;
        display: inline;
        font-family: FontAwesome;
        height: auto;
        font-size: 16px;
        content: "\f107";
        font-weight: 300;
        text-shadow: none;
    }

    .page-sidebar > ul > li > ul.sub {
        display: none;
        list-style: none;
        clear: both;
        margin: 8px 0px 8px 0px;
    }

    .page-sidebar > ul > li.active > ul.sub {
        display: block;
    }

    .page-sidebar > ul > li > ul.sub > li {
        background: none;
        margin: 0px;
        padding: 0px;
        margin-top: 1px !important;
    }

        .page-sidebar > ul > li > ul.sub > li > a {
            display: block;
            margin: 0px 0px 0px 0px;
            padding: 5px 0px 5px 0px;
            color: #ccc;
            text-decoration: none;
            text-shadow: 0 1px 1px #000;
            font-size: 1em;
            font-weight: 300;
            background: none;
        }

            .page-sidebar > ul > li > ul.sub > li > a > i {
                font-size: 8px;
            }

                .page-sidebar > ul > li > ul.sub > li > a > i.fa-circle {
                    font-size: 5px;
                }

    .page-sidebar .sidebar-search {
        margin: 35px 20px 5px 20px;
    }

        .page-sidebar .sidebar-search .submit {
            float: right;
            margin-top: 8px;
            width: 13px;
            height: 13px;
            background-image: url(../img/search-icon.png);
            background-repeat: no-repeat;
        }

        .page-sidebar .sidebar-search input {
            margin: 0px;
            width: 165px;
            border: 0px;
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            font-size: 14px;
            box-shadow: none;
        }

        .page-sidebar .sidebar-search i {
            display: inline-block;
            font-size: 18px;
            line-height: 0;
            cursor: pointer;
        }

        .page-sidebar .sidebar-search .input-box {
            padding-bottom: 2px;
            border-bottom: 1px solid #959595 !important;
        }
/* ie8 fixes */
.ie8 .page-sidebar {
    position: absolute;
    width: 225px;
}

    .ie8 .page-sidebar ul {
        margin-top: 25px;
        width: 225px;
    }
/***
Page content
***/
.page-content {
    margin-top: 0px;
    min-height: 800px;
    padding: 0px;
    background-color: #fff;
}

.ie8 .page-content {
    margin-left: 225px;
    margin-top: 0px;
}
/***
Page title
***/
.page-title {
    padding: 0px;
    font-size: 30px;
    letter-spacing: -1px;
    display: block;
    color: #666;
    margin: 20px 0px 15px 0px;
    font-weight: 300;
}

    .page-title small {
        font-size: 14px;
        letter-spacing: 0px;
        font-weight: 300;
        color: #888;
    }
/*** Page breadcrumb ***/
.page-content .breadcrumb {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding-right: 0px;
    padding-left: 8px;
    margin-bottom: 25px;
    border: 0px !important;
    background-color: #eee;
}

    .page-content .breadcrumb a, .page-content .breadcrumb i, .page-content .breadcrumb span {
        color: #333;
        font-size: 14px;
        text-shadow: none;
    }

    .page-content .breadcrumb i {
        color: #666;
    }
    /*** Dashboard date range panel ***/
    .page-content .breadcrumb .dashboard-date-range {
        display: none;
        padding-top: -1px;
        margin-right: 0px;
        margin-top: -8px;
        padding: 8px;
        padding-bottom: 7px;
        cursor: pointer;
        min-width: 275x;
        color: #fff;
        background-color: #e02222;
    }

        .page-content .breadcrumb .dashboard-date-range span {
            font-size: 12px;
            font-weight: 300;
            color: #fff;
            text-transform: uppercase;
        }

        .page-content .breadcrumb .dashboard-date-range .icon-calendar {
            text-transform: normal;
            color: #fff;
            margin-top: 0px;
            font-size: 14px;
        }

        .page-content .breadcrumb .dashboard-date-range span {
            font-weight: normal;
        }

        .page-content .breadcrumb .dashboard-date-range .icon-angle-down {
            color: #fff;
            font-size: 16px;
        }
/*** Footer ***/
.footer {
    padding: 8px 20px 5px 20px;
    font-size: 12px;
    color: #999;
}

    .footer .go-top {
        display: block;
        text-decoration: none;
        color: #fff;
        cursor: pointer;
        margin-top: -2px;
        margin-right: 0px;
        margin-bottom: 0px;
        font-size: 16px;
        background-color: #111;
        padding: 0px 6px 0px 6px;
    }

        .footer .go-top i {
            color: #666;
            font-size: 22px;
            margin-bottom: 5px;
        }
/*** Misc tools ***/
.visible-ie8 {
    display: none;
}

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

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

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

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

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

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

.space5 {
    display: block;
    height: 5px !important;
    clear: both;
}

.space7 {
    height: 7px !important;
    clear: both;
}

.space10 {
    height: 10px !important;
    clear: both;
}

.space12 {
    height: 12px !important;
    clear: both;
}

.space15 {
    height: 15px !important;
    clear: both;
}

.space20 {
    height: 20px !important;
    clear: both;
}

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

.no-text-shadow {
    text-shadow: none !important;
}

.hide {
    display: none !important;
}

.bold {
    font-weight: 400;
}

.fix-margin {
    margin-left: 0px !important;
}

.border {
    border: 1px solid #ddd;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #E0DFDF;
    border-bottom: 1px solid #FEFEFE;
}
/*** Icon stuff ***/
i.icon, a.icon {
    color: #999;
    margin-right: 5px;
    font-weight: normal;
    font-size: 13px;
}

    a.icon:hover {
        text-decoration: none;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        opacity: .4;
        filter: alpha(opacity=40);
    }

    a.icon.huge i {
        font-size: 16px !important;
    }

i.big {
    font-size: 20px;
}

i.warning {
    color: #d12610;
}

i.critical {
    color: #37b7f3;
}

i.normal {
    color: #52e136;
}
/*** Custom wells ***/
.well {
    background-color: #fafafa;
    border: 1px solid #ddd;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

    .well.mini {
        padding: 7px !important;
    }
/*** Form stuff ***/
form legend {
    margin: 15px 0px 10px 0px !important;
}

.form form {
    margin: 0px !important;
    padding: 0px !important;
}

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

.form .form-actions {
    margin-top: 0px !important;
    margin-top: 40px;
    padding-left: 190px;
}

    .form .form-actions .m-btn {
        margin-left: 0px;
        margin-right: 10px;
    }

.portlet.box .form .form-actions, .portlet.solid .form .form-actions {
    margin-left: -10px !important;
    margin-right: -10px !important;
    margin-bottom: -10px !important;
}
/*** Bordered form layout ***/

/*** Input icons ***/
.input-icon input {
    padding-right: 25px !important;
}

.input-icon .input-info, .input-icon .input-error, .input-icon .input-warning, .input-icon .input-success {
    display: inline-block !important;
    position: relative !important;
    top: 7px;
    right: 25px !important;
    font-size: 16px;
}

.input-icon .input-info {
    color: #27a9e3;
}

.input-icon .input-error {
    color: #B94A48;
}

.input-icon .input-warning {
    color: #C09853;
}

.input-icon .input-success {
    color: #468847;
}

.input-icon.left i {
    color: #ccc;
    display: block !important;
    position: absolute !important;
    z-index: 1;
    margin: 9px 2px 4px 10px;
    width: 16px;
    height: 16px;
    border1: 1px solid #ddd;
    font-size: 16px;
    text-align: center;
}

.input-icon.left input {
    padding-left: 33px !important;
}
/*** Portlets ***/
.portlet {
    clear: both;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(145,145,145,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(145,145,145,1);
    box-shadow: 0px 2px 2px 0px rgba(145,145,145,1);
}

    .portlet:after, .portlet:before {
        display: table; /*color: "";*/
    }

.portlet-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

    .portlet-title h4 {
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        padding: 0;
        margin-bottom: 0px;
        line-height: normal;
    }

        .portlet-title h4 i {
            font-size: 13px;
            margin-right: 5px;
            color: #666;
        }

    .portlet.blue .portlet-title h4, .portlet-title.blue h4, .portlet.green .portlet-title h4, .portlet-title.green h4, .portlet.yellow .portlet-title h4, .portlet-title.yellow h4, .portlet.red .portlet-title h4, .portlet-title.red h4, .portlet.purple .portlet-title h4, .portlet-title.purple h4, .portlet.dark-grey .portlet-title h4, .portlet-title.dark-grey h4 {
        color: #fff;
    }

        .portlet.blue .portlet-title h4 > i, .portlet.green .portlet-title h4 > i, .portlet.yellow .portlet-title h4 > i, .portlet.red .portlet-title h4 > i, .portlet.purple .portlet-title h4 > i, .portlet.dark-grey .portlet-title h4 > i {
            color: #eee;
        }

.sortable .portlet .portlet-title {
    cursor: move;
}

.portlet-title .tools {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    float: right;
    clear: both;
    margin-right: 6px;
}

    .portlet-title .tools:after, .portlet-title .tools:before {
        content: "";
        display: table;
    }

    .portlet-title .tools > a {
        display: inline-block;
        height: 16px;
        margin-left: 5px;
        text-decoration: none;
        color: #fff;
    }

        .portlet-title .tools > a.remove {
            background-image: url(../img/portlet-remove-icon.png);
            background-repeat: no-repeat;
            width: 11px;
        }

        .portlet-title .tools > a.config {
            background-image: url(../img/portlet-config-icon.png);
            background-repeat: no-repeat;
            width: 12px;
        }

        .portlet-title .tools > a.reload {
            background-image: url(../img/portlet-reload-icon.png);
            width: 13px;
        }

        .portlet-title .tools > a.expand {
            background-image: url(../img/portlet-expand-icon.png);
            width: 14px;
        }

        .portlet-title .tools > a.collapse {
            background-image: url(../img/portlet-collapse-icon.png);
            width: 14px;
        }

        .portlet-title .tools > a:hover {
            text-decoration: none;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
            opacity: .6;
            filter: 'alpha(opacity=60)';
        }

    .portlet-title .tools > .m-btn-group {
        margin: 0;
    }

        .portlet-title .tools > .m-btn-group > a {
            margin: 0;
        }

.popup .portlet-title {
    margin-bottom: 0px;
    border-bottom: 0px solid #eee !important;
    padding: 0px 10px !important;
}

.popup .portlet-body {
    border: 1px solid #607d8b;
}

.actiontaken {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 15px;
}

.scheduleblock .col-md-4 {
    padding-right: 10px;
    box-sizing: border-box;
}

.popdebtors {
    background-color: #fff;
}

    .popdebtors #lblchars {
        padding: 5px 10px;
    }

    .popdebtors .form-group {
    }

        .popdebtors .form-group textarea {
            margin: 0.2%;
        }

.actionbtn .btn.blue[type="submit"] {
    background: #2886cc;
    text-transform: uppercase;
    font-size: 10px;
}

.portlet.box.withoutborder {
    border: 0px !important;
}

    .portlet.box.withoutborder .portlet-body {
        border: 0px;
        padding: 0px;
        background: none;
    }

.popup .portlet-body .row {
    margin-top: 0px !important;
}

.popup .portlet-title h4 {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin: 5px 3px !important;
    padding: 0;
    margin-bottom: 0px;
}

.portlet-body {
    clear: both;
    padding: 0;
}

    .portlet-body.light-blue, .portlet.light-blue {
        background-color: #bfd5fa !important;
    }

    .portlet-body.blue, .portlet.blue {
        background-color: #4b8df8 !important;
    }

    .portlet-body.red, .portlet.red {
        background-color: #e02222 !important;
    }

    .portlet-body.yellow, .portlet.yellow { /*background-color: #ffb848 !important;*/
        background-color: #fff !important;
    }

    .portlet-body.green, .portlet.green {
        background-color: #35aa47 !important;
    }

    .portlet-body.purple, .portlet.purple {
        background-color: #852b99 !important;
    }

    .portlet-body.purple2, .portlet.purple2 {
        background-color: #fff !important;
    }

    .portlet-body.light-grey, .portlet.light-grey {
        background-color: #fafafa !important;
    }

    .portlet-body.dark-grey, .portlet.dark-grey {
        background-color: #555555 !important;
    }

    .portlet-body .btn-toolbar {
        margin: 0px !important;
        padding: 0px !important;
    }

    .portlet-body .btn-group {
        margin: 0px !important;
        padding: 0px !important;
        margin-bottom: 10px !important;
    }
/*  draggable girds */

.sortable-box-placeholder {
    background-color: #f5f5f5;
    border: 1px dashed #DDDDDD;
    display: block; /* float: left;*/
    margin-top: 0px !important;
    margin-left: 1%;
    margin-right: 0.6%;
}

    .sortable-box-placeholder * {
        visibility: hidden;
    }
/*** Solid portlet ***/
.portlet.solid {
    padding: 10px;
}

    .portlet.solid .portlet-title .tools {
        margin-top: 2px;
        border: 0px;
    }

    .portlet.solid .portlet-title {
        margin-bottom: 5px;
        border: 0px;
    }

    .portlet.solid.bordered .portlet-title {
        margin-bottom: 15px;
    }

    .portlet.solid.red .portlet-title, .portlet.solid.red .portlet-title i, .portlet.solid.red .portlet-body, .portlet.solid.green .portlet-title, .portlet.solid.green .portlet-title i, .portlet.solid.green .portlet-body, .portlet.solid.yellow .portlet-title, .portlet.solid.yellow .portlet-title i, .portlet.solid.yellow .portlet-body, .portlet.solid.grey .portlet-title, .portlet.solid.grey .portlet-title i, .portlet.solid.grey .portlet-body, .portlet.solid.purple .portlet-title, .portlet.solid.purple .portlet-title i, .portlet.solid.purple .portlet-body, .portlet.solid.blue .portlet-title, .portlet.solid.blue .portlet-title i, .portlet.solid.blue .portlet-body {
        border: 0;
        color: #fff !important;
    }

.portlet.bordered {
    border-left: 2px solid #ddd;
}
/*** Box portlet ***/
.portlet.box {
    padding: 0px;
    margin-top: 0px;
}

    .portlet.box .portlet-title { /*padding:13px 0px 13px 15px !important;*/
        padding: 5px 0 5px 15px;
        border-bottom: 1px solid #eee;
        color: #fff !important;
        position: relative;
    }

        .portlet.box .portlet-title i {
            color: #fff !important;
        }

        .portlet.box .portlet-title .tools2 {
            position: absolute;
            top: 0px;
            right: 0px;
            margin-top: 0px;
        }

            .portlet.box .portlet-title .tools2 a {
                float: left;
                color: #FFF;
                text-decoration: none;
            }

                .portlet.box .portlet-title .tools2 a:hover {
                    color: #E4C02E;
                }

                .portlet.box .portlet-title .tools2 a.edit {
                    padding: 18px 10px;
                    height: auto;
                    text-transform: lowercase;
                    text-decoration: underline;
                }

                .portlet.box .portlet-title .tools2 a.arrow {
                    width: 48px;
                    height: 48px;
                    background: url(../images/collepse.png) 11px 10px no-repeat;
                    background-color: rgba(0, 0, 0, 0.15);
                }
                /*.portlet.box .portlet-title .tools2 a:hover.arrow {background:url(../images/collepse.png) -34px 10px no-repeat;  background-color:rgba(0, 0, 0, 0.35);}*/

                .portlet.box .portlet-title .tools2 a.arrow_up {
                    width: 48px;
                    height: 48px;
                    background: url(../images/collepse.png) -34px 10px no-repeat;
                    background-color: rgba(0, 0, 0, 0.35);
                }

.portlet-title .tools a.btn {
    position: relative;
    top: -6px;
    height: auto;
    padding: 3px 18px;
    line-height: 21px;
}

.portlet.box .portlet-title .tools > a.remove, .portlet.solid .portlet-title .tools > a.remove {
    background-image: url(../img/portlet-remove-icon-white.png);
}

.portlet.box .portlet-title .tools > a.config, .portlet.solid .portlet-title .tools > a.config {
    background-image: url(../img/portlet-config-icon-white.png);
}

.portlet.box .portlet-title .tools > a.reload, .portlet.solid .portlet-title .tools > a.reload {
    background-image: url(../img/portlet-reload-icon-white.png);
}

.portlet.box .portlet-title .tools > a.expand, .portlet.solid .portlet-title .tools > a.expand {
    background-image: url(../img/portlet-expand-icon-white.png);
}

.portlet.box .portlet-title .tools > a.collapse, .portlet.solid .portlet-title .tools > a.collapse {
    background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box .portlet-body {
    background-color: #fafafa;
    padding: 10px 10px 10px 10px;
}

.portlet.box .portlet-title {
    margin-bottom: 0px;
}

.portlet.box.blue .portlet-title {
    background-color: #4b8df8;
}

.portlet.box.blue {
    border: 1px solid #b4cef8;
    border-top: 0;
}

    .portlet.box.blue.fillbody .portlet-body {
        background-color: #E5EFFB !important;
    }

.portlet.box.red .portlet-title {
    background-color: #e02222;
}

.portlet.box.red {
    border: 1px solid #ef8476;
    border-top: 0;
}

.portlet.box.yellow .portlet-title {
    background-color: #607d8b;
}

.portlet.box.yellow {
    border: 0px solid #D3D3D3;
    border-top: 0;
}

.portlet.box.dark-purple .portlet-title {
    background-color: #607d8b;
}

.portlet.box.dark-purple {
    border: 0px solid #D3D3D3;
    border-top: 0;
}

.portlet.box.orange2 .portlet-title {
    background-color: #607d8b;
}

.portlet.box.orange2 {
    border: 0px solid #D3D3D3;
    border-top: 0;
}

.portlet.box.yellow2 {
    border: 0px solid #edc317;
    border-top: 0;
}

    .portlet.box.yellow2 .portlet-title {
        background-color: #edc317;
    }

.portlet.box.black2 {
    border: 0px solid #666;
    border-top: 0;
}

    .portlet.box.black2 .portlet-title {
        background-color: #666;
    }

.portlet.box.green .portlet-title {
    background-color: #35aa47;
}

.portlet.box.green {
    border: 1px solid #77e588;
    border-top: 0;
}

.portlet.box.greenfes .portlet-title {
    background-color: #607d8b;
}

.portlet.box.greenfes {
    border: 1px solid #D3D3D3;
    border-top: 0;
}

.poppup .portlet.box.greenfes {
    border: 1px solid #607d8b !important;
    border-top: 0;
}

.portlet.box.bluefes .portlet-title {
    background-color: #448CFF;
}

.portlet.box.bluefes {
    border: 1px solid #D3D3D3;
    border-top: 0;
}

.poppup .portlet.box.bluefes {
    border: 1px solid #57C5C6 !important;
    border-top: 0;
}

.portlet.box.hippieBlue .portlet-title {
    background-color: #607d8b;
}

.portlet.box.hippieBlue {
    border: 1px solid #D3D3D3;
    border-top: 0;
}

.portlet.box.blue1 .portlet-title {
    background-color: #607d8b;
}

.portlet.box.blue1 {
    border: 1px solid #D3D3D3;
    border-top: 0;
}

.portlet.box.purple .portlet-title {
    background-color: #607d8b;
}

.portlet.box.purple {
    border: 1px solid #D3D3D3;
    border-top: 0;
}

.portlet.box.blue2 .portlet-title {
    background-color: #598FBD;
}

.portlet.box.blue2 {
    border: 0px solid #D3D3D3;
    border-top: 0;
}

.portlet.box.astral .portlet-title {
    background-color: #607d8b;
}

.portlet.box.astral {
    border: 1px solid #D3D3D3;
    border-top: 0;
}

.portlet.box.marun > .portlet-title {
    background-color: #bf4345;
    padding: 10px;
}

.portlet.box.marun {
    border: 1px solid #bf4345;
    border-top: 0;
}

    .portlet.box.marun > .portlet-title h4.project-invoices {
        padding: 0px;
        line-height: 18px;
        font-size: 14px;
    }

    .portlet.box.marun > .portlet-title.edit-project {
        padding: 5px 10px;
    }

        .portlet.box.marun > .portlet-title.edit-project h4 {
            font-size: 12px;
        }

.portlet.box .portlet-title .accountingtag {
    line-height: 30px;
    right: 10px;
    font-size: 11px;
}

.portlet.box.marun .custom-row {
    padding: 0px;
}

.marundes {
    color: #bf4345;
    font-size: 11px;
    text-align: right;
    margin-bottom: 15px;
    padding: 0px 10px
}

    .marundes [type="submit"] {
        background: #bbbbbb;
        color: #fff;
        border: 0px;
        padding: 7px 10px;
        text-transform: uppercase;
        margin-left: 10px;
        margin-right: 0px;
    }

.portlet.box.purple2 .portlet-title {
    background-color: #607d8b;
}

.portlet.box.purple2 {
    border: 1px solid #D3D3D3;
    border-top: 0;
}

.portlet.box.purple3 .portlet-title {
    background-color: #607d8b;
}

.portlet.box.purple3 {
    border: 1px solid #D3D3D3;
    border-top: 0;
}

.portlet.box.grey .portlet-title {
    background-color: #607d8b;
}

.portlet.box.grey .portlet-title2 {
    background-color: #607d8b !important;
}

.portlet.box.blue-t .portlet-title {
    background-color: #607d8b;
}

.portlet.box.grey {
    border: 1px solid #D3D3D3;
    border-top: 0;
}

    .portlet.box.grey.fillbody .portlet-body {
        background-color: #E6E6E6 !important;
    }

.portlet.box.light-grey .portlet-title {
    background-color: #aaa;
}

.portlet.box.light-grey {
    border: 1px solid #eee;
    border-top: 0;
}
/***
Charts and statistics
***/
.chart, .pie, .bars {
    height: 300px;
}
/***
Statistic lists
***/
.item-list.table .percent {
    width: 30px;
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}

.item-list.table .title {
    padding-top: -5px;
}
/***
Chart tooltips
***/
.chart-tooltip {
    clear: both;
    z-index: 100;
    background-color: #736e6e !important;
    padding: 5px !important;
    color: #fff;
}

    .chart-tooltip .label {
        clear: both;
    }
/***
Mini chart containers
***/
.bar-chart {
    display: none;
}

.line-chart {
    display: none;
}
/***
Custom icon buttons
***/
.icon-btn {
    height: 70px;
    width: 50px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #ddd;
    padding: 16px 0px 0px 0px;
    background-color: #fafafa !important;
    background-image: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    display: block !important;
    color: #646464 !important;
    text-shadow: none !important;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.ie8 .icon-btn:hover {
    filter: none !important;
}

.icon-btn:hover {
    text-decoration: none !important;
    border-color: #999 !important;
    color: #444 !important;
    text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

    .icon-btn:hover .badge {
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

.icon-btn i {
    font-size: 20px;
    color: #777 !important;
}

.icon-btn div {
    margin-top: 5px;
    margin-bottom: 20px;
    color: #000;
    font-size: 11px;
    font-weight: 300;
}

.icon-btn .badge {
    position: absolute;
    font-size: 11px !important;
    font-weight: 300;
    top: -5px;
    right: -5px;
    padding: 3px 7px 3px 7px;
    color: white !important;
    text-shadow: none;
    border-width: 0;
    border-style: solid;
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* for firefox only */
@-moz-document url-prefix() {
    .icon-btn .badge;

{
    padding: 2px 7px 4px 7px;
}

}
/***
Extended bootstrap dropdowns
***/
.dropdown-menu.opens-left {
    margin-left: -136px;
}

.ie8 .dropdown-menu.opens-left {
    margin-left: -120px;
}
/* extended dropdowns */
.dropdown-menu.extended {
    min-width: 160px !important;
    max-width: 300px !important;
    width: 233px !important;
    background-color: #ffffff !important;
}

    .dropdown-menu.extended:before, .dropdown-menu.extended:after {
        border-bottom-color: #ddd !important;
    }

    .dropdown-menu.extended li a {
        display: block;
        padding: 5px 10px !important;
        clear: both;
        font-weight: normal;
        line-height: 20px;
        white-space: normal !important;
    }

    .dropdown-menu.extended li i {
        margin-right: 3px;
    }

    .dropdown-menu.extended li a {
        font-size: 13px;
        padding: 10px !important;
        background-color: #ffffff;
    }

        .dropdown-menu.extended li a:hover {
            background-image: none;
            background-color: #f5f5f5;
            color: #000;
            filter: none;
        }

    .dropdown-menu.extended li p {
        padding: 10px;
        background-color: #eee;
        margin: 0px;
        font-size: 14px;
        font-weight: 300;
        color: #000;
    }

    .dropdown-menu.extended li a {
        padding: 7px 0 5px 0px;
        list-style: none;
        border-bottom: 1px solid #f4f4f4 !important;
        font-size: 12px;
        text-shadow: none;
    }

    .dropdown-menu.extended li:first-child a {
        border-top: none;
        border-bottom: 1px solid #f4f4f4 !important;
    }

    .dropdown-menu.extended li:last-child a {
        border-top: 1px solid white !important;
        border-bottom: 1px solid #f4f4f4 !important;
    }

    .dropdown-menu.extended li.external > a {
        font-size: 13px;
        font-weight: 400;
    }

        .dropdown-menu.extended li.external > a > i {
            margin-top: 3px;
            float: right;
        }
/* header notifications dropdowns */

.dropdown-menu.notification li > a > .label {
    width: 10px;
    padding: 2px 4px;
    margin-right: 2px;
    text-align: center !important;
}

    .dropdown-menu.notification li > a > .label i {
        text-align: center !important;
    }

.dropdown-menu.notification li a .time {
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    text-align: right;
}
/* header inbox dropdowns */
.dropdown-menu.inbox li a .photo img {
    float: left;
    height: 40px;
    width: 40px;
    margin-right: 6px;
}

.dropdown-menu.inbox li a .subject {
    display: block;
}

    .dropdown-menu.inbox li a .subject .from {
        font-size: 14px;
        font-weight: 400;
        color: #02689b;
    }

    .dropdown-menu.inbox li a .subject .time {
        font-size: 12px;
        font-weight: 600;
        font-style: italic;
        position: absolute;
        right: 10px;
    }

.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 12px;
}
/* header tasks */
.dropdown-menu.tasks .task {
    margin-bottom: 5px;
}

    .dropdown-menu.tasks .task .desc {
        font-size: 13px;
        font-weight: 300;
    }

    .dropdown-menu.tasks .task .percent {
        font-size: 13px;
        font-weight: 600;
        float: right;
        display: inline-block;
    }

.dropdown-menu.tasks .progress {
    display: block;
    height: 10px;
    margin: 0px;
}
/***
General list for item with image
***/
.item-list li .img {
    height: 50px;
    width: 50px;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

.item-list {
    margin: 0px;
    list-style: none;
}

    .item-list li {
        padding: 7px 0 5px 0px;
        list-style: none;
        border-top: 1px solid white;
        border-bottom: 1px solid #EBEBEB;
        font-size: 12px;
    }

        .item-list li:first-child {
            border-top: none;
            border-bottom: 1px solid #EBEBEB;
        }

        .item-list li:last-child {
            border-top: none;
            border-bottom: none;
        }

        .item-list li .label {
            margin-right: 5px;
        }

    .item-list.todo li .label {
        position: absolute;
        right: 80px;
    }

    .item-list.todo li .actions {
        position: absolute;
        right: 45px;
    }
/***
Star rating
***/
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 30px;
}

    .rating span.star, .rating span.star {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
    }

        .rating span.star:hover, .rating span.star:hover {
            cursor: pointer;
        }

        .rating span.star:before, .rating span.star:before {
            content: "\f006";
            padding-right: 5px;
            color: #999999;
        }

        .rating span.star:hover:before, .rating span.star:hover:before, .rating span.star:hover ~ span.star:before, .rating span.star:hover ~ span.star:before {
            content: "\f005";
            color: #e3cf7a;
        }
/* adjust uniform components */
.radio, .checkbox {
    padding-left: 0px !important;
}

.controls > .radio, .controls > .checkbox {
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 8px !important;
    margin-right: 15px !important;
}

    .controls > .radio.line, .controls > .checkbox.line {
        display: block;
        padding: 0 !important;
        margin: 0 !important;
        margin-top: 5px !important;
    }

.checkbox div.checker {
    margin-right: 2px !important;
}

.uploader {
    margin-top: 2px !important;
}
/* item block with details shown on hover */
.item {
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}

    .item .details {
        width: 100%;
        display: none;
        background-color: #000;
        color: #fff !important;
        padding: 5px;
        text-align: center;
        position: relative;
        bottom: 30px;
        margin-bottom: -30px;
        overflow: hidden;
        z-index: 6;
    }

    .item:hover .details {
        display: block;
        opacity: 0.7;
        filter: alpha(opacity = 70);
    }

    .item:hover .zoom-icon {
        opacity: 0.5;
        filter: alpha(opacity = 50);
    }
/* zoom icon overlay on images */
.zoom {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
}

    .zoom .zoom-icon {
        background-image: url("/Images/overlay-icon.png");
        background-color: #222;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        width: inherit;
        height: inherit;
        opacity: 0;
        filter: alpha(opacity = 0);
        z-index: 6;
        top: 0;
    }
/***
Calendar with full calendar
***/
.external-event {
    display: inline-block !important;
    cursor: move;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.portlet .event-form-title {
    font-size: 14px;
    margin-top: -8px;
    font-weight: 400;
    margin-bottom: 0px;
}

.portlet.calendar .fc-event-time {
    color: #fff;
    font-size: 13px;
    font-weight: 300 !important;
}

.portlet.calendar .fc-event-title {
    color: #fff;
    font-size: 13px;
    font-weight: 300 !important;
}

.portlet.calendar .fc-event-skin {
    border: 0px !important;
    background-color: #69a4e0 !important;
}

.portlet.calendar .fc-button-content {
    color: #fff;
}

.portlet.calendar .fc-button { /*top: -48px;*/
    top: -53px;
}

.portlet.calendar .fc-state-hover .fc-button-content, .portlet.calendar .fc-state-active .fc-button-content {
    color: #666;
}

.portlet.calendar .fc-state-hover, .portlet.calendar .fc-state-active {
    background-color: #fff !important;
}

.portlet.calendar .fc-state-disabled .fc-button-content {
    color: #ddd;
}

.portlet.calendar .fc-button-prev, .portlet.calendar .fc-button-next {
}

.portlet.calendar .fc-header-title h2 {
    font-size: 14px !important;
    line-height: 20px;
    font-weight: 400;
    color: #111;
}

.portlet.calendar .fc-widget-header {
    background-image: none !important;
    filter: none !important;
    background-color: #eee !important;
    text-transform: uppercase;
    font-color: #000;
    font-weight: 300;
}

.portlet.calendar .mobile .fc-button {
    margin-right: 2px !important;
}

    .portlet.calendar .mobile .fc-button .fc-button-inner {
        margin: 0px !important;
        padding: 0px !important;
        border: none !important;
        background-color: #ddd !important;
        background-image: none;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        color: #000 !important;
        border: none !important;
        text-shadow: none !important;
        text-align: center;
    }

.portlet.calendar .mobile .fc-button-content {
    color: #000 !important;
}

.portlet.calendar .mobile .fc-state-hover .fc-button-content, .portlet.calendar .mobile .fc-state-active .fc-button-content {
    background-color: #eee !important;
}

.portlet.calendar .mobile .fc-state-hover, .portlet.calendar .mobile .fc-state-active {
    color: #fff !important;
}

.portlet.calendar .mobile .fc-state-disabled .fc-button-content {
    color: #bbb !important;
}

.portlet.calendar .mobile .fc-header-left {
    position: absolute;
    z-index: 10;
}

.portlet.calendar .mobile .fc-header-right {
    position: absolute;
    z-index: 9;
}

.portlet.calendar .mobile .fc-header-left .fc-button {
    top: -2px !important;
}

.portlet.calendar .mobile .fc-header-right {
    position: relative;
    left: 0;
}

    .portlet.calendar .mobile .fc-header-right .fc-button {
        top: 35px !important;
    }

        .portlet.calendar .mobile .fc-header-right .fc-button:last-child {
            margin-right: 0px !important;
        }

.portlet.calendar .mobile .fc-content {
    margin-top: 53px;
}
/***
Scroller
***/
.scroller {
    padding: 0px !important;
    margin: 0px !important;
    padding-right: 12px !important;
}

.portlet-body .slimScrollBar {
    margin-right: 0px !important;
}
/***
jqvmap changes
***/
.jqvmap-zoomin {
    background-color: #666 !important;
}

.jqvmap-zoomout {
    background-color: #666 !important;
}

.vmaps {
    position: relative;
    overflow: hidden;
    height: 300px;
}
/***
Google maps
***/
.gmaps {
    height: 300px;
    width: 100%;
}
    /* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
    .gmaps img {
        max-width: none;
    }

#gmap_static div {
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    height: 100%;
    display: block;
    height: 300px;
}

#gmap_routes_instructions {
    margin-top: 10px;
    margin-bottom: 0px;
}
/***
Custom tables
***/
.table .m-btn {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
}

.table thead tr th {
    font-size: 14px;
    font-weight: 600;
}

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

    .table-advance thead {
        color: #999;
    }

        .table-advance thead tr th {
            background-color: #DDD;
            font-size: 14px;
            font-weight: 400;
            color: #666;
        }

    .table-advance div.success, .table-advance div.info, .table-advance div.important, .table-advance div.warning, .table-advance div.danger {
        position: absolute;
        margin-top: -5px;
        float: left;
        width: 2px;
        height: 30px;
        margin-right: 20px !important;
    }

    .table-advance tr td {
        border-left-width: 0px;
    }

        .table-advance tr td:first-child {
            border-left-width: 1px !important;
        }

        .table-advance tr td.highlight:first-child a {
            margin-left: 15px;
        }

    .table-advance td.highlight div.success {
        border-left: 2px solid #66ee66;
    }

    .table-advance td.highlight div.info {
        border-left: 2px solid #87ceeb;
    }

    .table-advance td.highlight div.important {
        border-left: 2px solid #f02c71;
    }

    .table-advance td.highlight div.warning {
        border-left: 2px solid #fdbb39;
    }

    .table-advance td.highlight div.danger {
        border-left: 2px solid #e23e29;
    }

/***
Gritter notification modify
***/
.gritter-close {
    left: auto !important;
    right: 3px !important;
}
/***
Chats
***/
.chats {
    margin: 0;
    padding: 0;
    margin-top: -15px;
}

    .chats li {
        list-style: none;
        padding: 5px 0;
        margin: 10px auto;
        font-size: 12px;
    }

        .chats li img.avatar {
            height: 45px;
            width: 45px;
            -webkit-border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            border-radius: 50% !important;
        }

        .chats li.in img.avatar {
            float: left;
            margin-right: 10px;
        }

        .chats li .name {
            color: #3590c1;
            font-size: 13px;
            font-weight: 400;
        }

        .chats li .datetime {
            color: #333;
            font-size: 13px;
            font-weight: 400;
        }

        .chats li.out img.avatar {
            float: right;
            margin-left: 10px;
        }

        .chats li .message {
            display: block;
            padding: 5px;
            position: relative;
        }

        .chats li.in .message {
            text-align: left;
            border-left: 2px solid #35aa47;
            margin-left: 65px;
            background: #fafafa;
        }

            .chats li.in .message .arrow {
                display: block;
                position: absolute;
                top: 5px;
                left: -8px;
                width: 0;
                height: 0;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-right: 8px solid #35aa47;
            }

        .chats li.out .message .arrow {
            display: block;
            position: absolute;
            top: 5px;
            right: -8px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 8px solid #da4a38;
        }

        .chats li.out .message {
            border-right: 2px solid #da4a38;
            margin-right: 65px;
            background: #fafafa;
            text-align: right;
        }

        .chats li.out .name, .chats li.out .datetime {
            text-align: right;
        }

        .chats li .message .body {
            display: block;
        }

.chat-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #e9eff3;
    clear: both;
}

    .chat-form .input-cont {
        margin-right: 55px;
    }

        .chat-form .input-cont .m-wrap {
            margin-bottom: 0px;
        }

        .chat-form .input-cont input {
            border: 1px solid #ddd;
            width: 100%;
            margin-top:;
        }

        .chat-form .input-cont input {
            background-color: #fff !important;
        }

            .chat-form .input-cont input:focus {
                border: 1px solid #4b8df9 !important;
            }

    .chat-form .btn-cont {
        margin-top: -42px;
        position: relative;
        float: right;
        width: 44px;
    }

        .chat-form .btn-cont .arrow {
            position: absolute;
            top: 17px;
            right: 43px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-right: 8px solid #4d90fe;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .chat-form .btn-cont:hover .arrow {
            border-right-color: #0362fd;
        }

        .chat-form .btn-cont:hover .btn {
            background-color: #0362fd;
        }

        .chat-form .btn-cont .btn {
            margin-top: 8px;
        }
/***
System feeds
***/
.feeds {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .feeds li {
        background-color: #fafafa;
        margin-bottom: 7px;
    }

        .feeds li:before, .feeds li:after {
            display: table;
            line-height: 0;
            content: "";
        }

        .feeds li:after {
            clear: both;
        }

    .feeds .col1 {
        float: left;
        width: 100%;
        clear: both;
    }

    .feeds .col2 {
        float: left;
        width: 75px;
        margin-left: -75px;
    }

    .feeds .col1 .cont {
        float: left;
        margin-right: 75px;
        overflow: hidden;
    }

        .feeds .col1 .cont .cont-col1 {
            float: left;
            margin-right: -100%;
        }

            .feeds .col1 .cont .cont-col1 .label {
                float: left;
                width: 14px;
                padding: 7px;
            }

        .feeds .col1 .cont .cont-col2 {
            float: left;
            width: 100%;
        }

            .feeds .col1 .cont .cont-col2 .desc {
                margin-left: 35px;
                padding-top: 4px;
                padding-bottom: 4px;
                overflow: hidden;
            }

    .feeds .col2 .date {
        padding: 4px 9px 4px 4px;
        text-align: right;
        font-style: italic;
        color: #c1cbd0;
    }
/***
Users
***/
.user-info img {
    margin-right: 5px;
}

.user-info .details {
    display: inline-block;
}

.user-info .label {
    font-weight: 300;
    font-size: 11px;
}
/***
Custom tabs
***/
.tab-content {
    padding: 0px;
    overflow: hidden;
}

.tabbable-custom {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 15px;
}

.widget .row-fluid:last-child .tabbable-custom {
    margin-bottom: 0px;
}

.tabbable-custom > .nav-tabs {
    border: none;
    margin: 0px;
}

.tabbable-custom > .tab-content {
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px;
}

.tabbable-custom .nav-tabs > li {
    margin-right: 2px;
    border-top: 2px solid transparent;
}

    .tabbable-custom .nav-tabs > li > a {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        margin-right: 0;
        padding: 5px 10px;
    }

        .tabbable-custom .nav-tabs > li > a:hover {
            background: none;
            border-color: transparent;
        }

    .tabbable-custom .nav-tabs > li.active {
        border-top: 3px solid #d12610;
        margin-top: 0;
        position: relative;
    }

        .tabbable-custom .nav-tabs > li.active > a {
            border-top: none;
            font-weight: 400;
        }

            .tabbable-custom .nav-tabs > li.active > a:hover {
                background: #fff;
                border-color: #d4d4d4 #d4d4d4 transparent;
            }

.tabbable-custom .nav-tabs > li {
    margin-right: 2px;
    border-top: 2px solid transparent;
}

.tabs-below.tabbable-custom .nav-tabs > li {
    border-top: none;
    border-bottom: 2px solid transparent;
    margin-top: -1px;
}

    .tabs-below.tabbable-custom .nav-tabs > li.active {
        border-top: none;
        border-bottom: 3px solid #d12610;
        margin-bottom: 0;
        position: relative;
    }

        .tabs-below.tabbable-custom .nav-tabs > li.active > a {
            border-bottom: none;
        }

            .tabs-below.tabbable-custom .nav-tabs > li.active > a:hover {
                background: #fff;
                border-color: #d4d4d4 #d4d4d4 transparent;
            }

.tabs-left.tabbable-custom .nav-tabs > li {
    margin-right: 0;
    border-left: 2px solid transparent;
    margin-top: none;
}

    .tabs-left.tabbable-custom .nav-tabs > li.active {
        border-top: none;
        border-left: 3px solid #d12610;
        margin-top: 0;
        margin-right: -1px;
        position: relative;
    }

        .tabs-left.tabbable-custom .nav-tabs > li.active > a {
            border-top: 1px solid #d4d4d4;
            border-left: 1px solid transparent;
        }

            .tabs-left.tabbable-custom .nav-tabs > li.active > a:hover {
                background: #fff;
                border-color: #d4d4d4 transparent #d4d4d4 transparent;
            }

.tabs-right.tabbable-custom .nav-tabs > li {
    margin-right: 0;
    border-right: 2px solid transparent;
    border-top: none;
}

    .tabs-right.tabbable-custom .nav-tabs > li.active {
        border-top: none;
        border-right: 3px solid #d12610;
        margin-top: 0;
        margin-left: -1px;
        position: relative;
    }

        .tabs-right.tabbable-custom .nav-tabs > li.active > a {
            border-top: 1px solid #d4d4d4;
            border-right: 1px solid transparent;
        }

            .tabs-right.tabbable-custom .nav-tabs > li.active > a:hover {
                background: #fff;
                border-color: #d4d4d4 transparent #d4d4d4;
            }

    .tabs-right.tabbable-custom .nav-tabs > li a, .tabs-left.tabbable-custom .nav-tabs > li a {
        padding: 8px 10px;
    }
/***
Custom portlet tabs
***/
.portlet-tabs .nav-tabs {
    position: relative;
    margin-top: -41px;
    margin-right: 10px;
}

    .portlet-tabs .nav-tabs > li {
        float: right;
    }

.portlet-tabs .nav-tabs {
    border-bottom: none;
}

    .portlet-tabs .nav-tabs > li > a {
        padding-top: 8px;
        padding-bottom: 10px;
        line-height: 16px;
        margin-top: 6px;
        margin-left: 0px;
        margin-right: 0px;
        border-left: 0;
        border-right: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .portlet-tabs .nav-tabs > li:last-child > a {
        border-right: 0;
    }

    .portlet-tabs .nav-tabs > li {
        margin-left: 1px;
    }

        .portlet-tabs .nav-tabs > li.active a {
            margin-bottom: 0px;
            border-bottom: 0;
            margin-left: 0px;
            margin-right: 0px;
            border-left: 0;
            border-right: 0;
            background-color: none !important;
            border-top-color: transparent;
            background-color: #fff;
        }

        .portlet-tabs .nav-tabs > li > a:hover {
            margin-bottom: 0px;
            border-bottom: 0;
            margin-left: 0px;
            margin-right: 0px;
            border-left: 0;
            border-right: 0;
            background-color: none !important;
            border-top-color: transparent;
            background-color: #fff;
        }

    .portlet-tabs .nav-tabs > .active > a {
        color: #555555;
        cursor: default;
        background-color: #fff;
    }

        .portlet-tabs .nav-tabs > .active > a:hover {
            background-color: #fff !important;
        }

.portlet-tabs .tab-content {
    padding: 10px !important;
    margin: 0px;
    margin-top: -10px;
}

.portlet.tabbable .portlet-body {
    padding: 0px;
}

.tab-pane > p:last-child {
    margin-bottom: 0px;
}
/***
Dashboard stats
***/
.dashboard-stat {
    margin-bottom: 25px;
    cursor: pointer;
}

    .dashboard-stat:before, .dashboard-stat:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .dashboard-stat:after {
        clear: both;
    }

    .dashboard-stat .visual {
        width: 80px;
        height: 80px;
        display: block;
        float: left;
        padding-top: 10px;
        padding-left: 15px;
    }

        .dashboard-stat .visual i {
            font-size: 65px;
            color: #fff;
        }

    .dashboard-stat .details {
        float: right;
        padding-right: 10px;
        padding-bottom: 10px;
    }

        .dashboard-stat .details .number {
            padding-top: 25px;
            text-align: right;
            font-size: 34px;
            letter-spacing: -1px;
            font-weight: 300;
            color: #fff;
            margin-bottom: 0px;
        }

        .dashboard-stat .details .crmnumber {
            padding-top: 25px;
            text-align: right;
            font-size: 34px;
            letter-spacing: -1px;
            font-weight: 300;
            color: #fff;
            margin-bottom: 0px;
        }

        .dashboard-stat .details .desc {
            text-align: right;
            font-size: 14px;
            letter-spacing: 0px;
            font-weight: 300;
            color: #fff;
        }

    .dashboard-stat .more {
        clear: both;
        display: block;
        padding: 5px 10px 5px 10px;
        text-transform: uppercase;
        font-weight: 300;
        font-size: 11px;
        color: #fff;
        background: rgba(0,0,0,0.1);
        text-decoration: none;
    }

        .dashboard-stat .more i {
            margin-top: -1px;
            float: right;
            font-size: 14px;
        }

        .dashboard-stat .more:hover {
            text-decoration: none;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .dashboard-stat.blue {
        background-color: #27a9e3;
    }

        .dashboard-stat.blue .more {
            background-color: #208dbe;
        }

    .dashboard-stat.green {
        background-color: #28b779;
    }

        .dashboard-stat.green .more {
            background-color: #10a062;
        }

    .dashboard-stat.red {
        background-color: #e7191b;
    }

        .dashboard-stat.red .more {
            background-color: #bc0d0e;
        }

    .dashboard-stat.yellow {
        background-color: #ffb848;
    }

        .dashboard-stat.yellow .more {
            background-color: #cb871b;
        }

    .dashboard-stat.purple {
        background-color: #852b99;
    }

        .dashboard-stat.purple .more {
            background-color: #6e1881;
        }
/***
Form wizard
***/

.form-wizard .progress {
    margin-bottom: 30px;
}

.form-wizard .steps {
    padding: 10px 0;
    margin-bottom: 15px;
}

    .form-wizard .steps .navbar-inner {
        background-color: #fff !important;
        background-image: none !important;
        filter: none !important;
        border: 0px;
        box-shadow: none !important;
    }

        .form-wizard .steps .navbar-inner li a {
            background-color: #fff !important;
            background-image: none !important;
            filter: none !important;
            border: 0px;
            box-shadow: none !important;
        }

.form-wizard .step:hover {
    text-decoration: none;
}

.form-wizard .step .number {
    background-color: #eee;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    padding: 12px 15px 12px 15px !important;
    margin-right: 10px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.form-wizard .step .desc {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
}

.form-wizard .active .step .number {
    background-color: #35aa47;
    color: #fff;
}

.form-wizard .active .step .desc {
    font-weight: 400;
}

.form-wizard .step i {
    display: none;
}

.form-wizard .done .step .number {
    background-color: #f2ae43;
    color: #fff;
}

.form-wizard .done .step .desc {
    font-weight: 400;
}

.form-wizard .done .step i {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    display: inline-block;
}
/***
Google Maps
***/
#gmap_routes_instructions {
    margin-top: 10px;
}
/***
Pricing table
***/
.pricing-table {
    border: 3px solid transparent;
    padding: 10px;
    background-color: #f1f2f2;
}

    .pricing-table:hover {
        border-color: #4b8df8;
    }

    .pricing-table h3 {
        margin-left: -2px;
        padding-left: 0px;
        font-size: 26px;
        margin-bottom: 5px;
        line-height: 26px;
        color: #111;
        margin-top: 0px;
    }

    .pricing-table .desc {
        margin-bottom: 10px;
        padding-bottom: 15px;
        color: #666;
        border-bottom: 1px solid #ddd;
    }

    .pricing-table ul {
        margin: 0px;
        margin-bottom: 15px;
        padding: 0px;
        list-style: none;
    }

        .pricing-table ul li {
            padding: 6px 0px;
            padding-left: 11px;
            font-size: 13px;
            line-height: 13px;
            color: #666;
        }

            .pricing-table ul li i {
                position: absolute;
                margin-right: 0px;
                margin-top: -2px;
                margin-left: -17px;
                color: #35aa47;
                font-size: 16px;
            }

    .pricing-table .rate {
        border-top: 1px solid #ddd;
        margin-bottom: 10px;
        padding-top: 15px;
        clear: both;
    }

    .pricing-table.selected .rate {
        border-top-color: #fff;
    }

    .pricing-table .rate:before, .pricing-table .rate:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .pricing-table .rate:after {
        clear: both;
    }

    .pricing-table .rate .price {
        display: inline-block;
        float: left;
        clear: both;
    }

    .pricing-table .rate .btn {
        margin-top: 3px;
        float: right;
        display: block;
    }

    .pricing-table .rate .price .currency {
        padding-top: 4px;
        float: left;
        width: 50px;
        text-align: right;
        font-size: 13px;
        line-height: 14px;
        font-weight: 300;
        margin-right: 2px;
    }

    .pricing-table .rate .price .amount {
        padding-top: 4px;
        letter-spacing: -3px;
        float: left;
        text-align: right;
        font-size: 36px;
        line-height: 30px;
        font-weight: 300;
    }

    .pricing-table.selected {
        background-color: #4b8df8;
    }

        .pricing-table.selected:hover {
            border-color: #ddd;
        }

        .pricing-table.selected .desc {
            border-bottom-color: #fff;
        }

        .pricing-table.selected h3, .pricing-table.selected .desc, .pricing-table.selected ul li, .pricing-table.selected ul li i, .pricing-table.selected .rate {
            color: #fff;
        }
/***
Pricing table(Alternative)
***/

.pricing-table2 {
    border: 3px solid transparent;
    padding: 10px;
    background-color: #f1f2f2;
}

    .pricing-table2:hover {
        border-color: #4b8df8;
    }

    .pricing-table2 h3 {
        margin-left: -2px;
        padding-left: 0px;
        font-size: 26px;
        margin-bottom: 5px;
        line-height: 26px;
        margin-top: 0px;
        color: #111;
    }

    .pricing-table2 .desc {
        margin-bottom: 10px;
        padding-bottom: 0px;
        color: #666;
    }

    .pricing-table2 ul {
        margin: 0px;
        margin-bottom: 0px;
        padding: 0px;
        list-style: none;
    }

        .pricing-table2 ul li {
            padding: 6px 0px;
            padding-left: 11px;
            font-size: 13px;
            line-height: 13px;
            color: #666;
        }

            .pricing-table2 ul li i {
                position: absolute;
                margin-right: 0px;
                margin-top: -2px;
                margin-left: -17px;
                color: #35aa47;
                font-size: 16px;
            }

    .pricing-table2 .rate {
        margin-bottom: 10px;
        padding: 15px 15px;
        margin-left: -15px;
        margin-right: -15px;
        background-color: #35aa47;
        color: #fff;
        clear: both;
    }

    .pricing-table2.selected .rate {
        border-top-color: #fff;
    }

    .pricing-table2 .rate:before, .pricing-table2 .rate:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .pricing-table2 .rate:after {
        clear: both;
    }

    .pricing-table2 .rate .price {
        display: inline-block;
        float: left;
        clear: both;
    }

    .pricing-table2 .rate .btn {
        margin-top: 3px;
        float: right;
        display: block;
    }

    .pricing-table2 .rate .price .currency {
        padding-top: 4px;
        float: left;
        width: 50px;
        text-align: right;
        font-size: 13px;
        line-height: 14px;
        font-weight: 300;
    }

    .pricing-table2 .rate .price .amount {
        padding-top: 4px;
        float: left;
        text-align: right;
        font-size: 36px;
        line-height: 30px;
        font-weight: 300;
    }

    .pricing-table2.selected {
        background-color: #4b8df8;
    }

        .pricing-table2.selected .rate {
            background-color: #ffb848;
        }

        .pricing-table2.selected:hover {
            border-color: #ddd;
        }

        .pricing-table2.selected .desc {
            border-bottom-color: #fff;
        }

        .pricing-table2.selected h3, .pricing-table2.selected .desc, .pricing-table2.selected ul li, .pricing-table2.selected ul li i, .pricing-table2.selected .rate .currency, .pricing-table2.selected .rate .amount {
            color: #fff !important;
        }
/***
Login page
***/

/* logo page */
.login {
    background-color: #444 !important;
}

    .login .logo {
        width: 247px;
        margin: 0 auto;
        margin-top: 60px;
        padding: 15px;
        text-align: center;
    }

    .login .content {
        background-color: #fff;
        width: 291px;
        margin: 0 auto;
        padding: 30px;
        padding-top: 20px;
        padding-bottom: 15px;
    }

        .login .content h3 {
            color: #000;
        }

        .login .content h4 {
            color: #555;
        }

        .login .content p {
            color: #222;
        }

        .login .content .login-form, .login .content .forget-form {
            padding: 0px;
            margin: 0px;
        }

        .login .content .m-wrap {
            width: 249px;
            border-left: 0 !important;
        }

        .login .content .input-icon {
            border-left: 2px solid #35aa47 !important;
            margin-bottom: 20px;
        }

            .login .content .input-icon .m-wrap {
                margin: 0px !important;
            }

        .login .content .forget-form {
            display: none;
        }

        .login .content .form-title {
            font-weight: 300;
            margin-bottom: 25px;
        }

        .login .content .form-actions {
            background-color: #fff;
            clear: both;
            border: 0px;
            border-bottom: 1px solid #eee;
            padding: 0px 30px 25px 30px;
            margin-left: -30px;
            margin-right: -30px;
        }

        .login .content .forget-form .form-actions {
            border: 0;
            margin-bottom: 0;
            padding-bottom: 20px;
        }

        .login .content .form-actions .checkbox {
            margin-top: 8px;
            display: inline-block;
        }

        .login .content .form-actions .btn {
            margin-top: 1px;
        }

        .login .content .forget-password {
            margin-top: 25px;
        }

    .login .copyright {
        text-align: center;
        width: 250px;
        margin: 0 auto;
        padding: 10px 10px 0 10px;
        color: #999;
        font-size: 11px;
    }
/***
Page 404
***/
.page-404 .number {
    letter-spacing: -10px;
    margin-top: 0px;
    line-height: 158px;
    font-size: 158px;
    font-weight: 300;
    color: #7bbbd6;
    text-align: right;
}

.page-500 .number {
    letter-spacing: -10px;
    margin-top: 0px;
    line-height: 158px;
    font-size: 158px;
    font-weight: 300;
    color: #ec8c8c;
    text-align: right;
}

.page-500 .details {
    padding-top: 20px;
}
/***
Daterangepicker plugin css changes
***/
.daterangepicker td {
    text-shadow: none !important;
}

    .daterangepicker td.active {
        background-color: #4b8df8 !important;
        background-image: none !important;
        filter: none !important;
    }

.daterangepicker th {
    font-weight: 400;
    font-size: 14px;
}
/***
Toggle buttons plugin css changes
***/
.toggle-button, .toggle-button label {
    margin-top: 3px;
    background-image: none !important;
    filter: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border: 1px solid #eee !important;
}

    .toggle-button span.labelRight, .toggle-button span.primary, .toggle-button span.labelLeft, .toggle-button span.info, .toggle-button span.success, .toggle-button span.warning, .toggle-button span.danger {
        font-size: 13px !important;
        font-weight: 300 !important;
        background-image: none !important;
        filter: none !important;
    }

    .toggle-button span.labelRight {
        background-color: #eee;
    }
/***
Choosen plugin css changes
***/
.chzn-container-single .chzn-single {
    background-image: none !important;
    filter: none !important;
    box-shadow: none !important;
    height: 31px !important;
    border-color: #e5e5e5 !important;
    padding-top: 0px !important;
}

    .chzn-container-single .chzn-single > span {
        margin-top: 1px;
    }

    .chzn-container-single .chzn-single > abr {
        margin-top: 3px;
    }

.chzn-container-single .chzn-search input:focus, .chzn-container-single .chzn-search input:active {
    border: 1px solid #000 !important;
    box-shadow: none !important;
}

.chzn-container .chzn-choices li.search-choice {
    background-image: none !important;
    filter: none !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    text-shadow: none !important;
    background-color: #eee !important;
    border: 0 !important;
}

.chzn-container .chzn-results .highlighted {
    background-image: none !important;
    filter: none !important;
    background-color: #eee !important;
    color: #111 !important;
}

.chzn-container-multi .chzn-choices {
    background-image: none !important;
    filter: none !important;
    box-shadow: none !important;
    border-color: #e5e5e5 !important;
    padding: 2px 1px 1px 1px !important;
}

    .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
        background-image: none !important;
        `filter:none !important;
    }

.chzn-container-multi .chzn-choices {
    box-shadow: none !important;
}

.chzn-container .group-result {
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
/***
Fileuploader plugin css changes
***/
.fileupload .btn {
    padding: 7px 14px !important;
}

.fileupload-exists {
    padding: 0px;
}

.fileupload .fileupload-preview {
    background-color: #fff !important;
    background-image: none !important;
    filter: none !important;
}

.fileupload .close {
    position: relative;
    top: 0px !important;
}
/***
Uniform plugin css changes
***/
.checkbox .checker {
    margin-top: -1px !important;
}
/***
Clockface plugin css changes
***/
.clockface .cell .inner.active, .clockface .cell .outer.active {
    background-image: none !important;
    filter: none !important;
}
/***
WYSIWYG
***/
.wysihtml5-toolbar li {
    margin: 0px;
    height: 29px;
}

    .wysihtml5-toolbar li .dropdown-menu {
        margin-top: 5px;
    }
/***
CKEditor css changes
***/
.cke_bottom, .cke_inner, .cke_top, .cke_reset, .cke_dialog_title, .cke_dialog_footer, .cke_dialog {
    background-image: none !important;
    filter: none !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.cke_dialog_ui_button, .cke_dialog_tab {
    background-image: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .cke_dialog_ui_button:hover, .cke_dialog_tab:hover {
        text-decoration: none;
        text-shadow: none !important;
    }

.cke_dialog_ui_input_text {
    background-image: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.cke_combo_button, .cke_button, .cke_toolbar, .cke_toolgroup {
    background-image: none !important;
    filter: none !important;
    border: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.cke_button, .cke_combo_button, .cke_panel_grouptitle, .cke_hc.cke_panel_listItem a {
    background-image: none !important;
    filter: none !important;
    text-shadow: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
}

    .cke_button:hover, .cke_combo_button:hover {
        background-color: #ddd;
    }

.cke_toolbar_break {
    background-image: none !important;
    filter: none !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
}
/***
Modify tags input plugin css
***/
div.tagsinput {
    height: 40px !important;
    margin: 0 !important;
    padding: 5px !important;
    overflow: auto !important;
}

    div.tagsinput span.tag {
        background: #aaa !important;
        color: #fff !important;
        border: 0 !important;
        padding: 3px 6px !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        margin-bottom: 4px !important;
    }

    div.tagsinput input {
        padding: 3px 6px !important;
    }

    div.tagsinput span.tag a {
        color: #fff !important;
    }

    div.tagsinput .not_valid {
        color: #fff !important;
        padding: 3px 6px !important;
        background-color: #e02222 !important;
    }
/***
Date tables plugin changes
***/
.dataTable {
    clear: both;
    margin-top: 5px;
}

.dataTables_filter label {
    line-height: 32px !important;
}
/***
Styler Panel 
***/
.styler-panel {
    position: absolute;
    clear: both;
    width: 20px;
    height: 22px;
    overflow: hidden;
    top: 48px;
    right: 20px;
    white-space: nowrap;
    padding: 5px;
    padding-left: 10px;
    padding-top: 5px;
    background-color: #e1e1e1;
    z-index: 1;
}

    .styler-panel > i {
        font-size: 18px;
        cursor: pointer;
        display: inline-block;
        margin-right: 2px;
        margin-top: 2px;
        color: #666;
    }

    .styler-panel > .icon-remove {
        display: none;
    }

    .styler-panel label {
        display: inline-block !important;
    }

    .styler-panel .text {
        margin-right: 2px;
        font-weight: 300;
        line-height: 14px;
        font-size: 14px;
    }

    .styler-panel .settings {
        display: none;
    }

    .styler-panel .checker {
        display: inline-block !important;
        margin-top: -1px;
    }

    .styler-panel .colors span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 2px 3px -7px 3px;
        border: 2px solid #ddd;
        cursor: pointer;
    }

    .styler-panel .layout {
        clear: both;
        margin-top: 5px;
        margin-left: 60px;
        margin-bottom: 5px;
        display: block;
    }

    .styler-panel .colors span.active, .styler-panel .colors span:hover {
        border: 2px solid white;
    }

    .styler-panel .colors .color-default {
        background-color: #333438;
    }

    .styler-panel .colors .color-blue {
        background-color: #124f94;
    }

    .styler-panel .colors .color-light {
        background-color: #fff;
    }

.personnel .portlet.box .portlet-body {
    padding: 0px;
}

.input-group .input-group-btn {
    display: inline !important;
}

.input-group-btn .btn {
    height: 26px;
    top: 0px;
    left: 0px;
    padding: 0px 15px;
}

.portlet.box > .portlet-title > .actions > .btn-default {
    background-color: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    text-decoration: none;
}

.portlet > .portlet-title > .actions > .btn.btn-default, .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {
    padding: 3px 9px;
}

.portlet.box > .portlet-title > .actions {
    padding: 7px 0 5px;
}

.portlet > .portlet-title > .actions {
    display: inline-block;
    float: right;
    padding: 6px 0;
    position: relative;
    top: -13px;
}

.portlet.popup > .portlet-title > .actions {
    display: inline-block;
    float: right;
    padding: 5px 0;
    position: relative;
    top: -3px;
}

    .portlet.popup > .portlet-title > .actions a {
        line-height: 1.2em !important;
    }

.row2 .left-item-list, .portlet-body.left-item-list {
    padding: 0px !important;
}

.fixture-image {
    height: 50px;
    width: 50px;
}

.displayUserNotification {
    cursor: pointer;
    float: left;
}

#divUserNoteNotification {
    display: inline-block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    left: 0px;
    top: 0px;
    background: rgba(0,0,0,0.5);
}

    #divUserNoteNotification .personnel-form {
        position: absolute;
        text-align: left;
        top: 80px;
        right: 1%;
        background: #FFF;
        z-index: 999999;
        padding: 0px;
        width: 380px;
    }

    #divUserNoteNotification .top-title-notifications {
        background: #747474;
        color: #FFF;
        padding: 10px;
        font-size: 14px;
    }

    #divUserNoteNotification .personnel-form .k-grid-content {
        padding: 0px;
        border-left: solid 0px #e4c02e;
        width: 99%;
    }

    #divUserNoteNotification .personnel-form:before {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 18px solid #555555;
        top: -17px;
        right: 233px;
        position: absolute;
    }

    #divUserNoteNotification .personnel-form label {
        padding: 0px 0px;
    }

    #divUserNoteNotification p {
        padding: 0px;
        margin: 0px;
    }

.dealername {
    text-align: right;
    font-size: 10px;
    font-style: italic;
    color: #333;
}

.portlet.box.popup {
    box-shadow: none !important;
}

.custom-grid-div { /*position:absolute;*/
    height: 100%;
    top: 0px;
    left: 0px;
    width: 100%;
}

.project-notes-general {
    width: 100%;
}

.custom-table-feb {
    width: 100%;
    clear: both;
}

.customscrolll {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}

#ExistingFixtureList .k-grid-content {
    overflow-y: hidden;
    overflow: auto;
}

#ExistingFixtureDetailList {
    overflow-y: auto;
}

.page-sidebar > ul > li.sub-menu-custom-reports {
    font-size: 1.1em;
    color: #FFF;
    padding: 15px 15px;
    margin-bottom: 30px;
    border-top: solid 1px #595959;
    border-bottom: solid 1px #595959;
}

    .page-sidebar > ul > li.sub-menu-custom-reports ul {
        margin: 0px;
        margin-top: 10px;
        padding: 0px;
    }

        .page-sidebar > ul > li.sub-menu-custom-reports ul li {
            padding: 8px 0px;
            font-size: 0.9em;
        }

            .page-sidebar > ul > li.sub-menu-custom-reports ul li span {
                float: right;
            }

            .page-sidebar > ul > li.sub-menu-custom-reports ul li.bluenav {
                color: #2887d0;
                border-bottom: solid 1px #FDFDFD;
                margin-bottom: 5px;
            }

            .page-sidebar > ul > li.sub-menu-custom-reports ul li.cyannav {
                color: #57c5c6;
            }

            .page-sidebar > ul > li.sub-menu-custom-reports ul li.greennav {
                color: #86bd43;
            }

            .page-sidebar > ul > li.sub-menu-custom-reports ul li.yellownav {
                color: #e19c0f;
            }

/* End Style Old Css*/

/* Style Default */
.header .navbar-inner {
    background-image: none !important;
    background-color: #1f1f1f !important;
}

.header .btn-navbar {
    background-color: #1f1f1f !important;
}

.header .nav .dropdown-toggle:hover, .header .nav .dropdown.open .dropdown-toggle {
    background-color: #333 !important;
}

.header .nav li.dropdown .dropdown-toggle i {
    color: #808080 !important;
}
/***
Page sidebar
***/
.page-sidebar > ul > li > a {
    color: #eaeaea !important;
}

.page-sidebar > ul > li:last-child > a {
    border-bottom: 1px solid transparent !important;
}

.page-sidebar > ul > li:first-child > a {
    border-top-color: transparent !important;
}

.page-sidebar > ul > li.has-sub.open > a, .page-sidebar > ul > li > a:hover, .page-sidebar > ul > li:hover > a {
    background: #f1ae05;
}

.page-sidebar > ul > li.active > a {
    background: #f1ae05 !important;
    border-top-color: transparent !important;
    color: #fff !important;
}

    .page-sidebar > ul > li.active > a i {
        color: #fff;
    }

.page-sidebar > ul > li > a.open {
    background: #313131;
}

.page-sidebar ul > li > a .arrow:before, .page-sidebar > ul > li > a .arrow.open:before {
    color: #eaeaea !important;
}

.page-sidebar ul > li.active > a .arrow:before, .page-sidebar > ul > li.active > a .arrow.open:before {
    color: #fff !important;
}

.menu-sidebar ul > li > a .arrow:before,
.page-sidebar ul > li > a .arrow:before, .contract-info-menu-sidebar ul > li > a .arrow:before {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.menu-sidebar > ul > li > a .arrow.open:before,
.page-sidebar > ul > li > a .arrow.open:before, .contract-info-menu-sidebar > ul > li > a .arrow.open:before {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.page-sidebar > ul > li > ul.sub > li > a {
    color: #eaeaea;
    margin-left: 0px;
    padding-left: 20px;
}

.page-sidebar > ul > li > ul.sub > li:first-child > a {
    border-top: 0px !important;
}

.page-sidebar > ul > li > ul.sub > li.active > a, .page-sidebar > ul > li > ul.sub > li > a:hover {
    color: #fff !important;
    background: #4b4b4b !important;
}

.page-sidebar > ul > li > ul.sub > li > a:hover {
    background: #a09f9f !important;
}

.page-sidebar .sidebar-search input {
    background-color: #3d3d3d !important;
    color: #bababa !important;
}

.page-sidebar .sidebar-search .input-box {
    border-bottom-color: #959595 !important;
}

.page-sidebar .sidebar-search .submit {
    background-image: url(../img/search-icon.png);
}


/* End Style Default */

body {
    font-family: 'Open Sans';
}

a:focus {
    outline: none !important;
}

a:hover, a:active {
    outline: 0 !important;
}

select:focus {
    outline: none !important;
}

input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea, button[type="submit"] {
    -webkit-appearance: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.cursor {
    cursor: pointer;
}

.btn {
    background-color: #e5e5e5;
    background-image: none;
    filter: none;
    border: 0;
    box-shadow: none;
    line-height: 26px;
    min-height: 26px;
    text-shadow: none;
    color: #333333;
    cursor: pointer;
    outline: none;
    padding: 0px 20px;
    display: inline-block;
    font-size: 0.9em;
    text-decoration: none;
}

    .btn:hover, .btn:focus, .btn:active, .btn.active, .btn[disabled], .btn.disabled {
        color: #333333;
        box-shadow: none;
        background-color: #d8d8d8;
    }

    .btn.red-stripe {
        border-left: 3px solid #d84a38;
    }

    .btn.blue-stripe {
        border-left: 3px solid #4d90fe;
    }

    .btn.purple-stripe {
        border-left: 3px solid #852b99;
    }

    .btn.green-stripe {
        border-left: 3px solid #35aa47;
    }
    /*  Reset */
    .btn.reset {
        color: white;
        text-shadow: none;
        background-color: #b4b4b4;
    }

        .btn.reset:hover, .btn.reset:focus, .btn.reset:active, .btn.reset.active, .btn.reset[disabled], .btn.reset.disabled {
            background-color: #b4b4b4;
            color: #fff;
        }
    /*  Red */
    .btn.red {
        color: white;
        text-shadow: none;
        background-color: #d84a38;
    }

        .btn.red:hover, .btn.red:focus, .btn.red:active, .btn.red.active, .btn.red[disabled], .btn.red.disabled {
            background-color: #bb2413 !important;
            color: #fff !important;
        }
    /*  Blue */
    .btn.blue {
        color: white;
        text-shadow: none;
        background-color: #0c7ce4;
    }

        .btn.blue.reassign {
            padding: 0px 2px;
            line-height: 18px !important;
            min-height: 16px !important
        }

        .btn.blue:hover, .btn.blue:focus, .btn.blue:active, .btn.blue.active, .btn.blue[disabled], .btn.blue.disabled {
            background-color: #096cc7;
            color: #fff;
        }
    /*  Green */
    .btn.green {
        color: white;
        text-shadow: none;
        background-color: #35aa47;
    }

        .btn.green:hover, .btn.green:focus, .btn.green:active, .btn.green.active, .btn.green.disabled, .btn.green[disabled] {
            background-color: #1d943b !important;
            color: #fff !important;
        }
    /*  new Green */
    .btn.newgreen {
        color: white;
        text-shadow: none;
        background-color: #3CB100;
    }

        .btn.newgreen:hover, .btn.newgreen:focus, .btn.newgreen:active, .btn.newgreen.active, .btn.newgreen.disabled, .btn.newgreen[disabled] {
            background-color: #349800 !important;
            color: #fff !important;
        }
    /*  Purple */
    .btn.pearly-purple {
        color: white;
        text-shadow: none;
        background-color: #ff3a8a;
    }

        .btn.pearly-purple:hover, .btn.pearly-purple:focus, .btn.pearly-purple:active, .btn.pearly-purple.active, .btn.pearly-purple.disabled, .btn.pearly-purple[disabled] {
            background-color: #ec2c7a !important;
            color: #fff !important;
        }

    .btn.purple {
        color: white;
        text-shadow: none;
        background-color: #852b99;
    }

        .btn.purple:hover, .btn.purple:focus, .btn.purple:active, .btn.purple.active, .btn.purple.disabled, .btn.purple[disabled] {
            background-color: #6d1b81 !important;
            color: #fff !important;
        }

    .btn.yellow {
        color: white;
        text-shadow: none;
        background-color: #ffb848;
    }

        .btn.yellow:hover, .btn.yellow:focus, .btn.yellow:active, .btn.yellow.active, .btn.yellow.disabled, .btn.yellow[disabled] {
            background-color: #fdc771 !important;
            color: #fff !important;
        }

    .btn.black {
        color: white;
        text-shadow: none;
        background-color: #555555;
    }

        .btn.black:hover, .btn.black:focus, .btn.black:active, .btn.black.active, .btn.black.disabled, .btn.black[disabled] {
            background-color: #222222 !important;
            color: #fff !important;
        }

    .btn.grey {
        color: white;
        text-shadow: none;
        background-color: #666;
    }

       /* .btn.grey:hover, .btn.grey:focus, .btn.grey:active, .btn.grey.active, .btn.grey.disabled, .btn.grey[disabled] {
            background-color: #222222 !important;
            color: #fff !important;
        }*/

.mini {
    height: 13px;
    font-size: 11px !important;
    line-height: 13px;
    padding: 4px 10px;
}

.big {
    height: 38px;
    font-size: 18px;
    line-height: 38px;
    padding: 8px 16px;
}
/* Nevy Blue */
.btn.navy-blue {
    color: white;
    text-shadow: none;
    background-color: #224282;
}

    .btn.navy-blue:hover, .btn.navy-blue:focus, .btn.navy-blue:active, .btn.navy-blue.active, .btn.navy-blue[disabled], .btn.navy-blue.disabled {
        background-color: #123273;
        color: #fff;
    }


[class^="m-icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    ;
    margin-top: 4px;
    line-height: 14px;
    vertical-align: top;
    background-image: url(../img/syncfusion-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

[class^="m-icon-big-"] {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 6px;
    vertical-align: top;
    background-image: url(../img/syncfusion-icons.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
}

.m-icon-white {
    background-image: url(../img/syncfusion-icons-white.png);
}
/*  Misc */
.btn.icn-only {
    min-width: 14px;
}

.btn.bigicn-only {
    min-width: 34px;
}

.m-icon-swapright {
    background-position: -27px -10px;
}

.m-icon-swapdown {
    background-position: -68px -10px;
}

.m-icon-swapleft {
    background-position: -8px -10px;
}

.m-icon-swapup {
    background-position: -46px -10px;
}

.m-icon-big-swapright {
    background-position: -42px -28px;
}

.m-icon-big-swapdown {
    background-position: -115px -28px;
}

.m-icon-big-swapleft {
    background-position: -6px -28px;
}

.m-icon-big-swapup {
    background-position: -78px -28px;
}
/***
Dropdowns
***/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0px;
    margin: 0px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    border: 1px solid #ddd;
}

.dropdown:hover .caret, .open.dropdown .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dropdown-menu.bottom-up {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

.dropdown-menu li > a {
    padding: 6px 0 6px 13px;
    color: #333;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    white-space: nowrap;
}

    .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
        text-decoration: none;
        background-image: none;
        background-color: #eee;
        color: #333;
        filter: none;
    }

.dropdown.open .dropdown-toggle {
    color: #08c;
    background: #ccc;
    background: rgba(0, 0, 0, 0.3);
}
/***
Forms
***/
.form-inline input {
    margin-bottom: 0px !important;
}

.control-label {
    margin-top: 2px;
}

.form .help-inline {
    margin-top: 6px;
}

.form .text {
    display: block;
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
}

label.m-wrap, input.m-wrap, button.m-wrap, select.m-wrap, textarea.m-wrap {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

input.m-wrap, button.m-wrap, select.m-wrap, textarea.m-wrap {
    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label.m-wrap {
    display: block;
    margin-bottom: 5px;
}

.uneditable-input, textarea.m-wrap, input[type="text"].m-wrap, input[type="password"].m-wrap, input[type="datetime"].m-wrap, input[type="datetime-local"].m-wrap, input[type="date"].m-wrap, input[type="month"].m-wrap, input[type="time"].m-wrap, input[type="week"].m-wrap, input[type="number"].m-wrap, input[type="email"].m-wrap, input[type="url"].m-wrap, input[type="search"].m-wrap, input[type="tel"].m-wrap, input[type="color"].m-wrap {
    -webkit-appearance: none !important;
    color: #333333;
    border-color: #999999;
    outline: 0;
    height: 20px;
    padding: 6px 6px !important;
    line-height: 20px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
    background-color: #ffffff;
    background-image: none !important;
    filter: none !important;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: transparent !important;
}

textarea.m-wrap {
    height: auto;
}

    .uneditable-input.focus, textarea.m-wrap:focus, select.m-wrap:focus, input[type="text"].m-wrap:focus, input[type="password"].m-wrap:focus, input[type="datetime"].m-wrap:focus, input[type="datetime-local"].m-wrap:focus, input[type="date"].m-wrap:focus, input[type="month"].m-wrap:focus, input[type="time"].m-wrap:focus, input[type="week"].m-wrap:focus, input[type="number"].m-wrap:focus, input[type="email"].m-wrap:focus, input[type="url"].m-wrap:focus, input[type="search"].m-wrap:focus, input[type="tel"].m-wrap:focus, input[type="color"].m-wrap:focus, .m-uneditable-input:focus {
        border-color: #999999;
        outline: 0 !important; /* IE6-9 */
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

input[type="radio"].m-wrap, input[type="checkbox"].m-wrap {
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select.m-wrap, input[type="file"].m-wrap {
    height: 34px !important; /* In IE7, the height of the select element cannot be changed by height, only font-size */
    *margin-top: 4px; /* For IE7, add top margin to align select with labels */
    line-height: 30px;
}

select.m-wrap {
    width: 220px;
    background-color: #ffffff;
    background-image: none !important;
    filter: none !important;
    border: 1px solid #e5e5e5;
    outline: none;
}

select[multiple].m-wrap, select[size].m-wrap {
    height: auto !important;
}

select.m-wrap:focus, input[type="file"].m-wrap:focus, input[type="radio"].m-wrap:focus, input[type="checkbox"].m-wrap:focus {
    outline: thin dotted #333333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

input[class*="span"].m-wrap {
    float: none;
    height: 34px !important;
    margin-left: 0;
}

select[class*="span"].m-wrap, textarea[class*="span"].m-wrap {
    float: none;
    margin-left: 0;
}

.input-prepend, .input-append {
    border: 0;
    display: inline-block;
}

    .input-append .add-on, .input-prepend .add-on {
        display: inline-block;
        width: auto;
        height: 24px;
        min-width: 16px;
        padding: 4px 5px;
        font-size: 14px;
        font-weight: normal;
        line-height: 24px;
        text-align: center;
        text-shadow: 0 1px 0 #ffffff;
        background-color: #e5e5e5;
        border: 1px solid #e5e5e5;
    }

        .input-prepend .add-on > i, .input-prepend .add-on > [class^="icon-"] {
            margin-top: 5px;
            margin-left: 3px;
        }

        .input-append .add-on > i, .input-append .add-on > [class^="icon-"] {
            margin-top: 5px;
            margin-left: 0px;
        }

    .input-append .m-wrap, .input-append .m-wrap:focus {
        border-right: 0 !important;
        margin-right: 1px;
    }

    .input-prepend input, .input-prepend input:focus {
        border-left: 0 !important;
        margin-left: 1px;
    }

        .input-append input[class*="span"], .input-prepend input[class*="span"] {
            display: inline-block !important;
        }

.m-wrap.xsmall {
    width: 50px !important;
}

.m-wrap.small {
    width: 120px !important;
}

.m-wrap.medium {
    width: 206px !important;
}

.m-wrap.large {
    width: 320px !important;
}

.m-wrap.huge {
    width: 480px !important;
    font-size: 24px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 22px 8px !important;
}

select.m-wrap.xsmall {
    width: 64px !important;
}

select.m-wrap.small {
    width: 134px !important;
}

select.m-wrap.medium {
    width: 220px !important;
}

select.m-wrap.large {
    width: 334px !important;
}

/***
Custom label and badges
***/
.label, .badge {
    font-weight: 300;
}

.label-success, .badge-success {
    background-color: #3cc051;
    background-image: none !important;
    text-shadow: none !important;
}

.label-warning, .badge-warning {
    background-color: #fcb322;
    background-image: none !important;
    text-shadow: none !important;
}

.label-important, .badge-important {
    background-color: #ed4e2a;
    background-image: none !important;
    text-shadow: none !important;
}

.label-info, .badge-info {
    background-color: #57b5e3;
    background-image: none !important;
    text-shadow: none !important;
}

.label-mini {
    font-size: 11px;
    font-weight: 300;
}

.label-default {
    background-color: #999 !important;
    text-shadow: none !important;
}
/***
Bootstrap modal 
***/
.modal-header h3 {
    font-weight: 300;
}



.ptnone {
    padding-top: 0px;
}

.prnone {
    padding-right: 0px;
}

.pbnone {
    padding-bottom: 0px;
}

.plnone {
    padding-left: 0px;
}

.fes-row:before, .fes-row:after {
    content: "";
    display: table;
}

.fes-row:after {
    clear: both;
}

.fes-row {
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: 8px;
}

    .fes-row:last-child {
        margin-bottom: 0px;
    }

    .fes-row .TopBorder {
        border-top: solid 1px #9e9d9d;
        margin: 4px 0px 0px 4px;
    }

.fes-1, .fes-2, .fes-3, .fes-4, .fes-5, .fes-6, .fes-7, .fes-8, .fes-9, .fes-10, .fes-11, .fes-12 {
    position: relative;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
    float: left;
}

.fes-1 {
    width: 8.33333%;
}

.fes-2 {
    width: 16.66667%;
}

.fes-3 {
    width: 25%;
}

.fes-4 {
    width: 33.33333%;
}

.fes-5 {
    width: 41.66667%;
}

.fes-6 {
    width: 50%;
}

.fes-7 {
    width: 58.33333%;
}

.fes-8 {
    width: 66.66667%;
}

.fes-9 {
    width: 75%;
}

.fes-10 {
    width: 83.33333%;
}

.fes-11 {
    width: 91.66667%;
}

.fes-12 {
    width: 100%;
}

.fes-blockrow {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: -4px;
    margin-right: -4px;
}

    .fes-blockrow .fes-block {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0px 4px;
    }

.fes-fieldrow:before, .fes-row:after {
    content: "";
    display: table;
}

.fes-fieldrow:after {
    clear: both;
}

.fes-fieldrow {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.fes-fieldrow {
    position: relative;
    margin-bottom: 10px;
}

    .fes-fieldrow:last-child {
        margin-bottom: 0px;
    }

    .fes-fieldrow input, .fes-fieldrow select, .fes-fieldrow textarea {
        border: 1px solid #cfcbcb;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        width: 100%;
        height: 26px;
        line-height: 26px;
        padding: 0px 10px;
        font-size: 12px;
        color: #b0b0b0;
    }

    .fes-fieldrow textarea {
        line-height: normal;
        height: auto;
    }

    .fes-fieldrow input[type*="checkbox"] {
        width: auto;
    }

.floatright {
    float: right;
}

.actionbtn {
    margin: 10px 0px;
}

.scrolly {
    overflow-y: auto;
    overflow-x: auto;
    height: 700px;
    width: 100%;
}

/* Kendo Css Overide*/
.k-grid tr {
    cursor: pointer;
}

    .k-grid tr:nth-child(odd) {
        background: #ededed;
    }

    .k-grid tr:nth-child(even) {
        background: #fff;
    }

    .k-grid tr:hover {
        background: #F5F5F5;
    }

.k-dropdown-wrap {
    height: 26px;
}

    .k-dropdown-wrap .k-input, .k-selectbox .k-input {
        height: 26px;
        line-height: 26px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

.k-window-titlebar, .k-window-title, .scroll-email .k-widget * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.k-picker-wrap .k-input {
    height: 26px;
    line-height: 26px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.k-dropdown-wrap.k-state-default, .drop-down, input.k-textbox {
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}

.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox {
    width: 100% !important;
}

.k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}

.k-widget.k-window * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.k-picker-wrap.k-state-default {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/*.k-picker-wrap .k-icon {
    margin-top: 5px !important;
}*/

.prodatepicur1.duedatevalue .k-picker-wrap .k-icon {
    margin-top: 0 !important;
}

.scroll-email .k-dropdown, .scroll-email .k-combobox, .scroll-email .k-colorpicker {
    width: inherit !important;
}

.k-grid tr {
    cursor: pointer;
}

    .k-grid tr:nth-child(odd) {
        background: #ededed;
    }

    .k-grid tr:nth-child(even) {
        background: #fff;
    }

    .k-grid tr:hover {
        background: #F5F5F5;
    }

.k-dropdown-wrap {
    height: 26px;
}

    .k-dropdown-wrap .k-input, .k-selectbox .k-input {
        height: 26px;
        line-height: 26px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 20px;
    }

.k-window-titlebar, .k-window-title, .scroll-email .k-widget * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.k-picker-wrap .k-input {
    height: 26px;
    line-height: 26px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.k-dropdown-wrap.k-state-default, .drop-down, input.k-textbox {
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}

.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox {
    width: 100% !important;
}

.k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}

.k-widget.k-window * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.k-picker-wrap.k-state-default {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
/*.k-picker-wrap .k-icon {margin-top: 5px !important;}*/
.scroll-email .k-dropdown, .scroll-email .k-combobox, .scroll-email .k-colorpicker {
    width: inherit !important;
}

.divReplacementFixture .k-widget {
    overflow-x: auto;
}

/* Login Page */
html.login-html {
    height: 100%;
}

.login-body {
    height: 100%;
    margin: 0;
    background: -webkit-radial-gradient(#fdf9fc, #a6a6a6);
    background: -o-radial-gradient(#fdf9fc, #a6a6a6);
    background: -moz-radial-gradient(#fdf9fc, #a6a6a6);
    background: radial-gradient(#fdf9fc, #a6a6a6);
}

    .login-body header {
        padding: 80px 0 5px 0;
        margin: 0 auto;
        position: relative;
    }

.login-body {
    height: 100%;
    margin: 0;
    background: -webkit-radial-gradient(#fdf9fc, #a6a6a6);
    background: -o-radial-gradient(#fdf9fc, #a6a6a6);
    background: -moz-radial-gradient(#fdf9fc, #a6a6a6);
    background: radial-gradient(#fdf9fc, #a6a6a6);
}

    .login-body > .login-content {
        max-width: 400px;
        margin: 0px auto;
        top: 50%;
        position: relative;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        text-align: center;
    }

        .login-body > .login-content header {
            padding: 0px 0 0px 0;
            margin: 0 auto;
            position: relative;
            background: none;
            height: auto;
        }

            .login-body > .login-content header img {
                max-width: 100%;
            }

    .login-body footer.login-footer {
        background: none;
    }

    .login-body .fieldrow > .editor-label {
        text-align: right;
        color: #000;
    }

    .login-body #main-content {
        padding-top: 60px;
    }



.titleboxrow {
    clear: both;
    padding: 0px;
    position: relative;
}

    .titleboxrow .titlebox {
        background-color: #607d8b;
        padding: 0px 15px 0px 15px;
        position: relative;
        color: #fff;
        line-height: 45px;
    }

        .titleboxrow .titlebox.graybg {
            background-color: #d5d5d5;
        }

            .titleboxrow .titlebox.graybg h1 {
                color: #525252;
                font-size: 22px;
                font-weight: 400;
            }

        .titleboxrow .titlebox.prightnone {
            padding-right: 0px;
        }

        .titleboxrow .titlebox h4 {
            font-size: 1.1em;
            line-height: normal;
            color: #fff;
            font-weight: 400;
            display: inline-block;
        }

            .titleboxrow .titlebox h4 i {
                font-size: 1.1em;
                margin-right: 5px;
                color: #fff;
            }

        .titleboxrow .titlebox .titleright {
            float: right;
            background: #f0ad2a;
        }

            .titleboxrow .titlebox .titleright.graybg {
                float: right;
                background: #f0f0f0;
            }

            .titleboxrow .titlebox .titleright.sortbyblock {
                min-width: 200px;
            }

            .titleboxrow .titlebox .titleright > a {
                font-size: 11px;
                color: #fff;
                text-decoration: underline;
                vertical-align: top;
            }

                .titleboxrow .titlebox .titleright > a i.fa-plus-circle {
                    font-size: 14px;
                }

            .titleboxrow .titlebox .titleright a.marginright20 {
                margin-right: 20px;
            }

            .titleboxrow .titlebox .titleright select {
                min-width: 120px;
                border: 0px;
            }

            .titleboxrow .titlebox .titleright > .arrow {
                height: 45px;
                width: 45px;
                background: rgba(0, 0, 0, 0.15);
                display: inline-block;
                text-align: center;
                line-height: 54px;
                margin-left: 5px;
            }

                .titleboxrow .titlebox .titleright > .arrow i {
                    border: 1px solid #fff;
                    width: 26px;
                    height: 26px;
                    line-height: 24px;
                    border-radius: 100%;
                    -webkit-border-radius: 100%;
                    -moz-border-radius: 100%;
                    font-size: 24px;
                    transform: rotate(-0deg);
                    -webkit-transform: rotate(-0deg);
                    -ms-transform: rotate(-0deg);
                    display: inline-block;
                    transition: all ease-in-out 0.5s;
                    -webkit-transition: all ease-in-out 0.5s;
                    -ms-transition: all ease-in-out 0.5s;
                }

                    .titleboxrow .titlebox .titleright > .arrow i:before {
                    }

            .titleboxrow .titlebox .titleright > .arrow_up {
                height: 45px;
                width: 45px;
                background: rgba(0, 0, 0, 0.4);
                display: inline-block;
                text-align: center;
                line-height: 54px;
                margin-left: 5px;
            }

                .titleboxrow .titlebox .titleright > .arrow_up i {
                    border: 1px solid #fff;
                    width: 26px;
                    height: 26px;
                    line-height: 24px;
                    border-radius: 100%;
                    -webkit-border-radius: 100%;
                    -moz-border-radius: 100%;
                    font-size: 24px;
                    transform: rotate(-180deg);
                    -webkit-transform: rotate(-180deg);
                    -ms-transform: rotate(-180deg);
                    display: inline-block;
                    transition: all ease-in-out 0.5s;
                    -webkit-transition: all ease-in-out 0.5s;
                    -ms-transition: all ease-in-out 0.5s;
                }

                    .titleboxrow .titlebox .titleright > .arrow_up i:before {
                    }

            .titleboxrow .titlebox .titleright.sortby .drop-down {
                min-width: 80px;
            }

.subtitleboxrow {
    clear: both;
    padding: 0px;
    position: relative;
    margin-bottom: 10px;
    margin-top: 20px;
}

    .subtitleboxrow:first-child {
        margin-top: 0px;
    }

    .subtitleboxrow .subtitlebox {
        border-bottom: 1px solid #f0ad2a;
        padding: 0px 0px 4px 0px;
        position: relative;
        color: #000;
        line-height: normal;
    }

        .subtitleboxrow .subtitlebox.mtop20 {
            margin-top: 20px;
        }

        .subtitleboxrow .subtitlebox h4 {
            font-size: 1em;
            line-height: normal;
            color: #607d8b;
            font-weight: 600;
            display: inline-block;
        }

        .subtitleboxrow .subtitlebox .subtitleright {
            float: right;
            vertical-align: top;
        }

.borderbox {
    border: 1px solid #e9e9e9;
    margin-bottom: 8px;
    clear: both;
}

    .borderbox.borderboxnone {
        border: 0px solid #e9e9e9;
    }

    .borderbox:last-child {
        margin-bottom: 0px;
    }

    .borderbox .titlebox {
        background-color: #f0ad2a;
        padding: 0px 15px 0px 15px;
        position: relative;
        border-bottom: 0px solid #eee;
        color: #fff;
        line-height: 45px;
    }

        .borderbox .titlebox.graybg {
            background-color: #f0f0f0;
        }

            .borderbox .titlebox.graybg h1 {
                color: #525252;
                font-size: 1.5em;
                font-weight: 400;
            }

            .borderbox .titlebox.graybg h4 {
                font-size: 1.1em;
                line-height: normal;
                color: #000;
                font-weight: 400;
                display: inline-block;
            }

        .borderbox .titlebox.darkgraybg {
            background-color: #767676;
        }

        .borderbox .titlebox.color030 {
            background: #ffd630;
        }

.database .titlebox, .database .titlebox .titleright {
    background-color: #767676;
}

.emailmanagement .titlebox, .emailmanagement .titlebox .titleright {
    background-color: #767676;
}

.FESFixture .titlebox, .FESFixture .titlebox .titleright {
    background-color: #767676;
}

.presentation .titlebox, .presentation .titlebox .titleright {
    background-color: #767676;
}

.controls-project-thresholds .titlebox, .controls-project-thresholds .titlebox .titleright {
    background-color: #767676;
}

.commission-table-panel .titlebox, .commission-table-panel .titlebox .titleright {
    background-color: #767676;
}

.commission-table-panel .tablerow th {
    background-color: #F0F0F0;
    font-weight: 400;
}

.commission-table-panel .tablerow tr td {
    border-bottom: 1px solid #F0F0F0;
    vertical-align: top;
}

.commission-table-panel .k-grid tr:nth-child(2n+1) {
    background: #fff none repeat scroll 0 0;
}

#divCustomReportList .titlebox, #divCustomReportList .titlebox .titleright {
    background-color: #767676;
}

.reports .titlebox, .reports .titlebox .titleright {
    background-color: #767676;
}





.borderbox .titlebox.blackbg {
    background-color: #555555;
}

    .borderbox .titlebox.blackbg h1 {
        color: #fff;
        font-size: 1.5em;
        font-weight: 400;
    }

    .borderbox .titlebox.blackbg span {
        float: right;
    }



.borderbox .borderboxdetails {
    padding: 15px;
    border-top: 0px;
}

    .borderbox .borderboxdetails h6 {
        font-size: 14px;
        color: #2887d0;
        font-weight: 400;
        margin-bottom: 15px;
        padding: 0px;
    }

    .borderbox .borderboxdetails.padding4 {
        padding: 4px;
    }

.boxbg {
    background: #fafafa;
}

.borderbox.blue {
    border: 1px solid #b4cef8;
}

    .borderbox.blue .titlebox {
        background-color: #4b8df8;
    }

    .borderbox.blue .borderboxdetails {
        background-color: #E5EFFB;
    }

.borderbox.grey .borderboxdetails {
    background-color: #E6E6E6;
}

.borderbox h6 {
    padding: 5px 15px;
}

.borderbox.popup {
    box-shadow: none;
    border: 0px;
}

    .borderbox.popup .borderboxdetails {
        background-color: #fff;
    }

.k-window-content * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.subtitleboxrow .subtitlebox h4 {
    color: #3d3d3d;
    font-weight: 500;
    font-size: 14px;
}


.hide {
    display: none;
}

.colorred {
    color: #de4747 !important;
}

.colorblue {
    color: #3276ac;
}

.colorlightblue {
    color: #4d8fff !important;
}

.colorpurple {
    color: #592c72;
}

.coloryellow {
    color: #e1af37;
}

.lightgray {
    color: #797777;
}

.redflag {
    color: #fe4d4d;
}

.greyflag {
    color: #a1a1a1;
}

.colordocumentAudit {
    color: #2887d0;
}

.colordocumentExecuted {
    color: #7f51c4 !important;
}

.colordocumentSining {
    color: #deb23a;
}

.colordocumentElectrician {
    color: #22b626;
}

.colordocumentPrint {
    color: #cccccc;
}

.colordocumentFreeItem {
    color: #c23e3e;
}

.bleftblue {
    border-left: 5px solid #0478E3 !important;
}

.tablerow {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

    .tablerow.projecttablerow {
        height: 700px;
        overflow-x: auto;
        overflow-y: auto;
    }

    .tablerow table {
        font-size: 12px;
        color: #3f4040;
    }

        .tablerow table tr {
        }

            .tablerow table tr.borderblue td:first-child {
                border-left: 3px solid #3276ac;
            }

            .tablerow table tr.borderpurple td:first-child {
                border-left: 3px solid #592c72;
            }

            .tablerow table tr.borderyellow td:first-child {
                border-left: 3px solid #e1af37;
            }

            .tablerow table tr td {
                vertical-align: top;
                border-bottom: 0px solid #b2b2b2;
            }

                .tablerow table tr td img.invoiveinfodata {
                    position: relative;
                    left: 50%;
                    -ms-transform: translate(-50%);
                    -webkit-transform: translate(-50%);
                    transform: translate(-50%);
                }

                .tablerow table tr td .totalreview {
                    font-size: 14px;
                    font-weight: 600;
                }

                    .tablerow table tr td .totalreview strong {
                        font-weight: 700;
                    }

                .tablerow table tr td .title strong {
                    display: block;
                    font-size: 0.9em;
                    font-weight: 600;
                }

                .tablerow table tr td .fixtures {
                    font-size: 0.9em;
                }

                    .tablerow table tr td .fixtures span {
                        font-weight: 600;
                    }

                    .tablerow table tr td .fixtures .projectstatus {
                        font-size: 10px;
                        line-height: 13px;
                        display: inline-block;
                        vertical-align: top;
                    }

                        .tablerow table tr td .fixtures .projectstatus i {
                            color: #de4747;
                            font-size: 6px;
                            margin-right: 1px;
                            display: inline-block;
                        }

                    .tablerow table tr td .fixtures .fa-lightbulb-o {
                        font-size: 11px;
                        display: inline-block;
                        margin-right: 4px;
                    }

                .tablerow table tr td .division {
                    font-size: 0.9em;
                    color: #797777;
                    font-weight: 600;
                }

                    .tablerow table tr td .division i {
                        display: inline-block;
                        margin-right: 4px;
                    }

                .tablerow table tr td .reviewdate {
                    font-size: 0.8em;
                    color: #636363;
                    text-align: right;
                }

                    .tablerow table tr td .reviewdate span {
                        display: block;
                        font-weight: 700;
                    }

                        .tablerow table tr td .reviewdate span.date {
                            font-weight: 400;
                        }

        .tablerow table.fixturelist {
        }

            .tablerow table.fixturelist tr td {
                padding: 5px 5px;
            }

/* Footer */
footer {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 5px;
    background-color: #696969;
    color: #fff;
}
/* End Footer */

/* Header */
header {
    background: #ebebeb;
    color: #fff;
    position: fixed;
    padding: 5px 20px 5px 60px;
    left: 0px;
    right: 0px;
    z-index: 9;
}

    header .main-logo {
        float: left;
    }

        header .main-logo img {
            display: block;
        }

.headerright {
    float: right;
    padding-top: 10px;
}

    .headerright a {
        color: #373737;
    }

    .headerright i {
        font-size: 22px;
        color: #373737;
    }

    .headerright .user-info {
        position: relative;
        display: block;
    }

.user-info .displayUserNotification, .user-info .displayUserProfile, .user-info span, .user-info a {
    display: inline-block;
    vertical-align: top;
}

.notifications {
    position: relative;
    margin-right: 20px;
    display: block;
}

    .notifications span.notice {
        position: absolute;
        bottom: 0px;
        margin: 0px;
        padding: 0px 0px;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        right: -5px;
        font-size: 10px;
        background: #2986d3;
        color: #fff;
        border-radius: 50% !important;
    }

.displayUserProfile .project-team-user, .displayUserProfile label, .displayUserProfile .fa, .user-info .logout {
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
}

.displayUserProfile .project-team-user {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    width: 35px;
    height: 35px;
    background: #eaeaea;
    margin-right: 10px;
    display: inline-block;
}

    .displayUserProfile .project-team-user > img.top-user {
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -ms-border-radius: 100%;
        width: 100%;
        height: 100%;
        display: block;
        border: solid 1px #D3D3D3;
    }


.borderboxdetails.filterrow {
    color: #757575;
    border-top: 0px solid #959595;
    padding: 0px;
    position: relative;
    clear: both;
}

.filterrow > .fes-row {
    margin-bottom: 0px;
}

.filterrow .fes-3 {
    padding-right: 80px;
}

.filterrow .title {
    font-size: 12px;
    margin-bottom: 10px;
}

.filterrow .fes-fieldrow {
    position: relative;
    margin-bottom: 10px;
}

    .filterrow .fes-fieldrow:last-child {
        margin-bottom: 0px;
    }

    .filterrow .fes-fieldrow input, .filterrow .fes-fieldrow select, .filterrow .fes-fieldrow textarea {
        border: 1px solid #cfcbcb;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        width: 100%;
        height: 26px;
        line-height: 26px;
        padding: 0px 10px;
        font-size: 12px;
        color: #b0b0b0;
    }

        .filterrow .fes-fieldrow input[type="checkbox"] {
            width: auto;
            height: auto;
            vertical-align: middle;
        }

        .filterrow .fes-fieldrow input[type="radio"] {
            width: auto;
            height: auto;
        }

    .filterrow .fes-fieldrow textarea {
        line-height: normal;
        height: auto;
    }

    .filterrow .fes-fieldrow .k-dropdown .k-dropdown-wrap {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .filterrow .fes-fieldrow .k-widget {
        width: 100%;
        border: 0px;
        vertical-align: top;
    }

    .filterrow .fes-fieldrow .btnsearch {
        position: absolute;
        right: 10px;
        top: 5px;
        color: #cfcccc;
    }

.filterrow .btnrow {
    text-align: right;
}

    .filterrow .btnrow .btn {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        font-size: 12px;
        margin-left: 5px;
    }

.searchblock {
    text-align: right;
}

    .searchblock .fes-fieldrow, .searchblock .iconsearch, .searchblock .filter-project, .searchblock .clear {
        display: inline-block;
        vertical-align: top;
        line-height: 26px;
        margin-left: 5px;
    }

    .searchblock .fes-fieldrow {
        width: 140px;
        color: #3f4040;
        float: none;
    }

        .searchblock .fes-fieldrow input.k-input {
            -webkit-box-sizing: border-box !important;
            -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
        }

        .searchblock .fes-fieldrow input.textfield {
            color: #3f4040;
        }

    .searchblock .iconsearch {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        display: inline-block;
        background: #0079e7;
        height: 27px;
        line-height: 26px;
        padding: 0px 3%;
        color: #fff;
    }

        .searchblock .iconsearch.yellow {
            background: #F2AE05;
        }

.color-qb-warning {
    color: #F2AE05;
}

.color-qb-error {
    color: #d12727 !important;
}

.color-qb-success {
    color: #36ab43;
}

.searchblock .iconsearch.gray {
    background: #E9E9E9;
    color: #8A8A8A;
}

.searchblock .iconsearch a, .searchblock .iconsearch a i {
    color: #fff;
}

.searchblock .filter-project, .searchblock .clear {
    color: #0079e7
}

.tasklistsearch {
    width: 200px;
    color: #3f4040;
    float: none;
}

.Filter-dropdown-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 100%;
    border-top: 1px solid #959595;
    margin-top: 10px;
}

    .Filter-dropdown-panel .personnel-form {
        position: absolute;
        text-align: left;
        top: 80px;
        right: 3%;
        background: #FFF;
        padding: 20px;
        width: 70%;
        color: #000;
    }

        .Filter-dropdown-panel .personnel-form:before {
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 18px solid #FFF;
            top: -17px;
            right: 27px;
            position: absolute;
        }

        .Filter-dropdown-panel .personnel-form label {
            padding: 3px 0px;
        }

.popupbox {
    display: block;
    height: auto;
    background: #ffffff;
    z-index: 5;
    border: 1px solid #d3d3d3;
    padding: 20px;
}

.chartsblock {
    border: 1px solid #e9e9e9;
    width: 100%;
    display: block;
    background: #ffffff;
}

    .chartsblock .fes-fieldrow {
        border: 1px solid #b2b2b2;
        padding: 15px;
        background: #ffffff;
    }

.dashboard-status-chart {
    position: relative;
}

.charttitlerow {
    margin-bottom: 20px;
    width: 100%;
    float: left;
    clear: both;
    font-size: 13px;
}

    .charttitlerow .title {
        display: inline-block;
        color: #43a1a7;
        font-weight: 600;
    }

        .charttitlerow .title.yellow {
            color: #d68b29;
        }

    .charttitlerow .value {
        float: right;
        color: #607d8b;
        padding: 1px 5px;
        border: 1px solid #cdd7dd;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        font-weight: 400;
    }

.statuschart {
    position: absolute;
    top: 45px;
    left: 4px;
    right: 4px;
}

    .statuschart .fes-6 {
        margin-bottom: 5px;
    }

        .statuschart .fes-6 input {
            vertical-align: top;
            margin-top: 3px;
            margin-right: 3px;
        }

.totalreview {
    font-size: 1.1em;
    font-weight: 600;
}

.project-status {
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: none;
    padding: 10px;
}

.personal-css {
    background: #e6e6e6 !important;
    color: #4d4d4d;
    margin-bottom: 8px;
}

.personnel .filter-panel p.no-filter {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 28px;
}

#divProjectCenterListParent.tablerow table tr {
    cursor: pointer;
}



/* Edit Projects */
.customerprofile label.lblTitle {
    font-weight: 600;
}

a.map-location {
    font-size: 11px;
    display: block;
    color: #2887d0;
    padding: 9px 11px;
    float: right;
    margin: 0px;
    text-decoration: underline;
    font-weight: 700;
}

    a.map-location i {
        margin-right: 5px;
        display: inline-block;
    }

/* Personal Profile */
.personal-profile .userphoto25 {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}

    .personal-profile .userphoto25 img {
        max-width: 100%;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border: 1px solid #dddddd;
        display: block;
    }

.personal-profile label.labeltext {
    margin-top: 5px;
    display: inline-block;
}

.notecategory {
    margin-top: 8px;
    margin-right: 8px;
}

.projectstatus {
    margin: 0px;
}

    .projectstatus [class^="fes-"] {
        padding: 0px;
        margin: 0px;
    }

.holddeclinerow {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.projectstatus .btn {
    border: 1px solid #cedae6;
    background: #e7eef5;
    color: #2887d0;
    text-align: left;
    padding: 5px 8px;
}

    .projectstatus .btn:hover {
        background: #d7dee6;
    }

    .projectstatus .btn.decline {
        background: #efd6d6;
        border: 1px solid #e1bdbd;
        color: #656565;
    }

        .projectstatus .btn.decline:hover {
            background: #ddc0c0;
        }

    .projectstatus .btn.onhold {
        background: #ececec;
        border: 1px solid #cacaca;
        color: #656565;
    }

        .projectstatus .btn.onhold:hover {
            background: #dedede;
        }

.project-history {
}

    .project-history h6 {
        font-size: 14px;
        color: #2887d0;
        font-weight: 400;
        margin-bottom: 0px;
        background-color: #fafafa;
        clear: both;
        border-bottom: solid 1px #E6E6E6;
        padding: 8px;
    }

.fes-row.history-row {
    border-bottom: 1px solid #e6e6e6;
    padding: 5px;
}

    .fes-row.history-row b {
        display: block;
        color: #605f5f;
    }

.history-row span {
    display: block;
}

.doc-file {
    background-color: #ffffff;
}

.document-bottom-col-part i {
    margin-right: 5px;
}

.form-row .fes-row {
    margin-left: -4px;
    margin-right: -4px;
}

    .form-row .fes-row [class^="fes-"] {
        padding: 0px 4px;
    }

.form-row .fieldvalue .fes-row {
    padding: 0px;
}

.form-row .form-group, .fes-block .form-group {
    margin-bottom: 8px;
    width: 100%;
    float: left;
    position: relative;
}

    .form-row .form-group .fieldvalue textarea, .fes-block .form-group .fieldvalue textarea {
        width: 100%;
        background-color: #fff;
        border: 1px solid #c5c5c5;
        padding: 2px 0.3em;
        resize: none;
    }

    .form-row .form-group:last-child, .fes-block .form-group:last-child {
        margin-bottom: 0px;
    }

    .form-row .form-group > label, .fes-block .form-group > label {
        display: block;
        margin-bottom: 4px;
        font-size: 1em;
        color: #b5b5b5;
    }

    .form-row .form-group .fieldvalue, .fes-block .form-group .fieldvalue {
        display: block;
        position: relative;
        font-size: 1em;
    }

        .form-row .form-group .fieldvalue label, .fes-block .form-group .fieldvalue label {
            line-height: 28px;
            font-weight: 600;
            font-size: 1em;
        }

.form-row .fes-row.attendees .form-group .fieldvalue label {
    font-weight: 400;
}

.form-row .form-group .fieldvalue img.delete-fes-fixture {
    padding: 0px;
}


#NewProject-Site-form .form-row > .fes-row > .fes-4 {
    padding: 0px 12px;
}

.minheight145 .borderboxdetails {
    min-height: 145px;
    padding-bottom: 0px !important;
}

.minheight240 .borderboxdetails {
    min-height: 240px;
    padding-bottom: 0px !important;
}

.minheight235 .borderboxdetails {
    min-height: 235px;
    padding-bottom: 0px !important;
}

.minheight700 {
    min-height: 700px;
}

.fes-row.additionallamp {
    margin-left: -8px;
    margin-right: -8px;
}

    .fes-row.additionallamp .fes-row {
        margin-bottom: 8px;
    }

.selectreportrow {
    margin-bottom: 5px;
}

.selectreport .selectreportfield {
    width: 25%;
}

.selectreportdate {
}

.fes-row.reasontextrow {
}

    .fes-row.reasontextrow .fes-1 {
        width: 25px;
    }

    .fes-row.reasontextrow .fes-11 {
        width: calc(100% - 25px);
    }

.projectnoteblock.inputor {
    margin: 0px;
    margin-bottom: 10px;
}

.projectnotesearch {
    border-top: medium none !important;
    display: block;
    margin-top: 0;
    padding: 10px;
    margin-bottom: 10px;
}

    .projectnotesearch .autosearchblock {
        display: inline-block;
        text-align: left;
        vertical-align: top;
    }

        .projectnotesearch .autosearchblock .k-dropdown .k-dropdown-wrap {
            min-width: 180px;
        }

    .projectnotesearch .btn {
        line-height: 20px;
    }

#GridProjectNotesNotification {
    font-size: 0.9em;
}

.project-audit-Fixture-detail .audit-info h6 {
    border-bottom: 1px solid #f0ad2a;
    color: #3d3d3d;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

body.loginbg {
    height: 100%;
    background: url(../images/loginbg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.loginheader {
    max-width: 900px;
    margin: 0px auto;
    padding-top: 20px;
    position: absolute;
    left: 15px;
    right: 15px;
}

.loginheaderright {
    float: right;
    color: #c3c3c3;
    font-size: 1.1em;
    font-style: italic;
    margin-top: 35px;
    width: 70%;
    text-align: right;
}

    .loginheaderright .trouble {
        display: inline-block;
    }

    .loginheaderright a.contactsupport {
        border: 1px solid #d7d4d4;
        text-transform: uppercase;
        color: #c3c3c3;
        text-decoration: none;
        padding: 2.5% 10%;
        margin-left: 15px;
    }

.logincontent {
    width: 330px;
    margin: 0px auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.1em;
    color: #c3c3c3;
}

    .logincontent h1 {
        font-size: 34px;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    .logincontent .loginform {
        margin-top: 20px;
    }

        .logincontent .loginform h6 {
            font-size: 18px;
            color: #fff;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

    .logincontent .editor-label { /*display:none;*/
    }

    .logincontent .editor-field {
        display: block;
        margin-bottom: 10px;
    }

        .logincontent .editor-field > input.k-textbox, .logincontent .editor-field > span.k-textbox > input.k-input {
            background: rgba(255,255,255,0.8);
            border: 0px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            outline: none;
            line-height: 43px !important;
            height: 43px !important;
            width: 100%;
            padding: 0px 15px;
            box-shadow: none;
        }
        
            .logincontent .editor-field > input.k-textbox[type="radio"] {
                width: auto;
                display: inline-block;
                vertical-align: top;
                margin-top: 5px;
            }

    .logincontent .forgot-password a {
        color: #959595;
        text-decoration: none;
        font-style: italic;
    }

    .logincontent .cancel {
        display: inline-block;
        padding: 0px 12%;
    }

        .logincontent .cancel a {
            line-height: 40px;
            height: 43px;
            color: #959595;
            text-decoration: none;
            font-style: italic;
        }

    .logincontent button[type="submit"] {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background: #4d90fe;
        color: #ffffff;
        font-size: 1.1em;
        width: auto;
        padding: 0px 12%;
        line-height: 40px;
        height: 43px;
        display: inline-block;
        border: 0px;
        cursor: pointer;
    }

        .logincontent button[type="submit"]:hover {
            background: #2a6ddb;
        }


.login-content, body.loginbg .login-footer {
    display: block;
}

.subdetailsbox {
    background: #f8f8f8;
    padding: 15px;
    border: 1px solid #d7d7d7;
    color: #211e1e;
    margin-bottom: 10px;
    float: left;
}

.italic {
    font-style: italic;
    color: #838383;
}

.k-grid td.visibleoverflow {
    overflow: visible;
}

.tooltipblock {
    position: relative;
}

    .tooltipblock .tooltip {
        position: absolute;
        top: -38px;
        right: 50%;
        border: 1px solid #fe4d4d;
        background: #fff3f3;
        opacity: 0;
        width: 225px;
        padding: 7px;
        display: none;
    }

    .tooltipblock:hover .tooltip {
        opacity: 1;
        display: block;
    }

    .tooltipblock .tooltip strong {
        color: #000000;
        font-weight: bold;
    }

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltipInvoice {
    position: relative;
}

    .tooltipInvoice .tooltip1 {
        position: absolute;
        top: -38px;
        right: 50%;
        border: 1px solid #fe4d4d;
        background: #fff3f3;
        opacity: 0;
        width: 225px;
        padding: 7px;
    }

    .tooltipInvoice:hover .tooltip1 {
        opacity: 10 !important;
    }

    .tooltipInvoice .tooltip1 strong {
        color: #000000;
        font-weight: bold;
    }

.tooltip1 {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

.divDocSection > .fes-row {
    margin-bottom: 0px;
}

.tblDocumentSection, .tblDocumentSection .fes-9 {
    border-left: 1px solid #dddddd;
    padding-bottom: 10px;
}

body.dashboard, body.dashboard .page-div-fix {
    height: 100%;
}

body.dashboard {
    overflow: visible;
    padding-bottom: 30px;
}

    body.dashboard .fullheight {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    body.dashboard #main-content {
        height: 100%;
    }

    body.dashboard .right-content-part, body.dashboard .content-body, body.dashboard .content-body section {
        height: 100%;
    }

    body.dashboard .tablerow.projecttablerow {
        height: calc(100vh - 290px);
        overflow-x: auto;
        overflow-y: auto;
    }

    body.dashboard .height100vh {
        height: calc(100vh - 350px);
        overflow-x: auto;
        overflow-y: auto;
        width: 100%;
    }

/*body.dashboard .notificationblock table tr:nth-child(odd), .notificationblock table tr:nth-child(even){ background:#edf4ff;border: #e9e9e9;}*/
.notificationblock table tr td {
    border-bottom: 1px solid #b2b2b2;
}

    .notificationblock table tr td .mynotifiyold.active {
        background: #F2F6FF !important;
    }

.mentionsblock {
    position: relative;
    padding-right: 45px;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .mentionsblock .cancel {
        font-size: 0.8em;
        position: absolute;
        right: 0px;
        top: 20px;
        width: 20px;
        height: 20px;
        display: inline-block;
        background: #dcdee3;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        text-align: center;
        color: #bababc;
        text-decoration: none;
        line-height: 20px;
    }

.mentionsrow span {
    vertical-align: top;
    color: #605f5f;
    font-size: 0.9em;
    font-weight: 600;
    display: inline;
}

    .mentionsrow span.new {
        background: #0c7ce4;
        padding: 2px 5px;
        color: #fff;
        font-size: 0.8em;
        margin-right: 5px;
    }

    .mentionsrow span.name {
        color: #3a87ad;
        font-weight: 800;
        margin-right: 3px;
        font-size: 13px;
    }

    .mentionsrow span.text {
        color: #605f5f;
    }

    .mentionsrow span.blue, .mentionsrow span.blue i {
        color: #3a87ad;
        font-size: 12px;
        font-size: 13px;
    }

    .mentionsrow span.italic {
        color: #030303;
        font-size: 13px;
        font-weight: 500;
    }

.mentionsdate {
    color: #7d7d7d;
    font-size: 0.8em;
    margin-top: 0px;
}

    .mentionsdate .date, .mentionsdate .time, .mentionsdate .pmanote {
        display: inline-block;
        margin-right: 20px;
    }

    .mentionsdate .pmanote {
        background: #cd4f8f;
        padding: 2px 5px;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.8em;
        font-weight: 600;
        line-height: 1em;
    }

.eventsdate {
    font-size: 0.8em;
    margin-top: 0px;
}

    .eventsdate .date, .eventsdate .time, .eventsdate .pmanote {
        display: inline-block;
        margin-right: 20px;
    }

    .eventsdate .pmanote {
        background: #cd4f8f;
        padding: 2px 5px;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.8em;
        font-weight: 600;
    }

.image-resize {
    width: 25px !important;
    height: 25px !important
}

.img-class {
    height: 15px;
    width: 20px;
    margin-bottom: -3px;
    margin-right: 10px;
}

.chklist-div {
    border-radius: 100%;
    background-color: #CCCCCC;
    width: 23px;
    height: 23px;
    color: #ffffff;
    padding: 2px;
    text-align: center;
}


/***************************** 25/4/2017 **************************************/
.btn {
    border-radius: 4px;
    padding: 1px 20px;
    font-size: 0.8em;
}

.titlebox-type1 {
    background: #767676;
    font-size: 1.1em;
    line-height: normal;
    color: #fff;
    display: block;
    padding: 10px;
}

.boxlist-row {
    border: 1px solid #e9e9e9;
    margin-bottom: 15px;
}

    .boxlist-row .list-tab a { /*display: block;*/
        border-bottom: 1px solid #e9e9e9;
        padding: 10px;
        text-decoration: none;
        color: #000;
    }

        .boxlist-row .list-tab a.active,
        .boxlist-row .list-tab a:hover {
            background: #f2f6ff;
            color: #2887d0;
        }

    .boxlist-row .list-tab li ul li a.active,
    .boxlist-row .list-tab li ul li a:hover {
        background: #f2f6ff;
        color: #2887d0;
    }


.checkboxdesign {
    position: absolute;
    right: 0px;
    top: 5px;
}

    .checkboxdesign input[type=checkbox]:not(old) {
        width: 2em;
        margin: 0;
        padding: 0;
        font-size: 1em;
        opacity: 0;
    }

        .checkboxdesign input[type=checkbox]:not(old) + label {
            display: inline-block;
            margin-left: -2em;
            line-height: 1.5em;
            font-weight: 500;
        }

            .checkboxdesign input[type=checkbox]:not(old) + label > span {
                display: inline-block;
                width: 14px;
                height: 14px;
                margin: 0.25em 0.5em 0.25em 0.25em;
                border: 1px solid #a8a6a6;
                border-radius: 0.25em;
                background: transparent;
                vertical-align: bottom;
            }

        .checkboxdesign input[type=checkbox]:not(old):checked + label > span:before {
            content: '✓';
            display: block;
            width: 12px;
            color: #fff;
            font-size: 11px;
            line-height: 1em;
            text-align: center;
            font-weight: bold;
        }

        .checkboxdesign input[type=checkbox]:not(old):checked + label > span {
            background: #36ab43;
            border: 1px solid #36ab43;
        }

        .checkboxdesign input[type=checkbox]:not(old) + input[type=hidden] + label {
            /*display: inline-block;*/
            margin-left: -2em;
            line-height: 1.5em;
            font-weight: 500;
        }

            .checkboxdesign input[type=checkbox]:not(old) + input[type=hidden] + label > span {
                display: inline-block;
                width: 14px;
                height: 14px;
                margin: 0.25em 0.5em 0.25em 0.25em;
                border: 1px solid #a8a6a6;
                border-radius: 0.25em;
                background: transparent;
                vertical-align: bottom;
            }

        .checkboxdesign input[type=checkbox]:not(old):checked + input[type=hidden] + label > span:before {
            content: '✓';
            display: block;
            width: 12px;
            color: #fff;
            font-size: 11px;
            line-height: 1em;
            text-align: center;
            font-weight: bold;
        }

        .checkboxdesign input[type=checkbox]:not(old):checked + input[type=hidden] + label > span {
            background: #36ab43;
            border: 1px solid #36ab43;
        }

#CustomerBillingInfo #dvcheckboxInfo .checkboxdesign {
    top: 0px;
}

.checkboxdesign.additionInfo {
    top: 35px;
}

.maintenance-request-check .checkboxdesign {
    position: inherit;
}

    .maintenance-request-check .checkboxdesign input[type=checkbox]:not(old):checked + label > span {
        background: #2886cc;
        border: 1px solid #2886cc;
    }

    .maintenance-request-check .checkboxdesign input[type=checkbox]:not(old):checked + input[type=hidden] + label > span {
        background: #2886cc;
        border: 1px solid #2886cc;
    }

    .maintenance-request-check .checkboxdesign input[type=checkbox]:not(old) {
        width: 0;
        margin: 0;
        padding: 0;
        font-size: 1em;
        opacity: 0;
    }

.maintenance-request-check-red .checkboxdesign {
    position: inherit;
}

    .maintenance-request-check-red .checkboxdesign input[type=checkbox]:not(old):checked + label > span {
        background: #ff1516;
        border: 1px solid #ff1516;
    }

    .maintenance-request-check-red .checkboxdesign input[type=checkbox]:not(old):checked + input[type=hidden] + label > span {
        background: #ff1516;
        border: 1px solid #ff1516;
    }

    .maintenance-request-check-red .checkboxdesign input[type=checkbox]:not(old) {
        width: 0;
        margin: 0;
        padding: 0;
        font-size: 1em;
        opacity: 0;
    }

.checkMaintenance {
    float: left !important;
    margin-left: 0px !important;
    display: block;
}

.personal-profile .personal-profile-list {
    margin: 0px;
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
}

    .personal-profile .personal-profile-list .lblTitle {
        display: block;
        margin-bottom: 5px;
        color: #505050;
        font-size: 12px;
        font-weight: bold;
    }

    .personal-profile .personal-profile-list .labeltext {
        color: #5e99fd;
        font-size: 11px;
        font-weight: 600;
    }

.project-activity .tab:after {
    clear: both;
    content: '';
    width: 100%;
    display: block;
}

.project-activity .tab li {
    float: left;
}

.project-activity .tab {
    border-bottom: 1px solid #ddd;
}

    .project-activity .tab a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #000;
        background: #f0f0f0;
        border: 1px solid #ddd;
        margin-bottom: -1px;
        font-size: 14px;
    }

    .project-activity .tab li.active a {
        background: transparent;
        border-bottom: 1px solid #fff;
    }

.status-details.list-tab .btn {
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding: 5px 10px;
    text-decoration: none;
    color: #000;
    background: transparent;
    text-align: left;
    font-size: 0.9em !important;
    margin-bottom: 0px !important;
}

    .status-details.list-tab .btn:hover {
        background: #f2f6ff;
        color: #2887d0;
    }

    .status-details.list-tab .btn.decline {
        color: #d12727;
    }

.status-details.list-tab {
    border-right: solid 1px #dddddd;
    min-height: inherit;
}

.chatslist {
    padding: 15px;
}

    .chatslist .avatar img {
        float: left;
        margin-right: 10px;
    }

    .chatslist .avatar .name {
        margin-top: 6px;
        display: inline-block;
    }

    .chatslist .avatar .date {
        float: right;
        color: #777777;
    }

    .chatslist .avatar .name span {
        color: #4d90fe;
        font-weight: bold;
    }

    .chatslist .statuschange {
        border-left: 3px solid #e1e1e1;
        margin-left: 37px;
        clear: both;
        padding-left: 15px;
        margin-top: 6px;
    }

        .chatslist .statuschange .date {
            float: right;
            color: #777777;
        }

        .chatslist .statuschange desc {
            font-size: 11px;
        }

        .chatslist .statuschange .status-info {
            clear: both;
            margin-top: 2px;
            font-size: 11px;
            font-weight: bold;
        }

            .chatslist .statuschange .status-info .blue-text {
                color: #5f98ff;
                font-weight: 600;
            }

    .chatslist .label-blue {
        background: #3475ab;
        text-transform: uppercase;
        color: #fff;
        padding: 1px 5px;
        font-size: 0.8em;
    }

    .chatslist .label-purple {
        background: #cc508e;
        text-transform: uppercase;
        color: #fff;
        padding: 1px 5px;
        font-size: 0.8em;
    }

    .chatslist .message {
        background: #f2f6ff;
        padding: 15px;
        border: 1px solid #d9d9d9;
        position: relative;
        margin-left: 35px;
        margin-top: 10px;
        border-radius: 4px;
    }

        .chatslist .message div {
            margin-bottom: 10px;
            margin-left: 10px;
        }

        .chatslist .message .attachment {
            margin: 10px;
            margin-bottom: 0px;
        }

            .chatslist .message .attachment .doc-box-comment {
                float: left;
                width: 30px;
                border: solid 1px #e7e7e5;
                position: relative;
                text-align: center;
                padding: 5px 3px 3px 3px;
                margin-right: 5px;
                margin-bottom: 5px;
                background: #FFF;
                padding: 0px;
            }

                .chatslist .message .attachment .doc-box-comment img {
                    width: 100%;
                    max-width: 140px;
                    max-height: 71px;
                }

                    .chatslist .message .attachment .doc-box-comment img.imgDeletePhotoAudit {
                        width: auto;
                        height: auto;
                        position: absolute;
                        top: 3px;
                        right: 3px;
                        z-index: 1;
                    }

        .chatslist .message .blue-text {
            font-weight: 500;
        }

        .chatslist .message .attachment::after {
            clear: both;
            content: '';
            display: block;
        }

    .chatslist .statuschange .status-info .turquoise-text {
        color: #82e1e2;
        font-weight: 600;
    }

    .chatslist .statuschange .status-info .purple-text {
        color: #f95bd4;
    }

    .chatslist .versloan-number {
        margin: 5px 0;
    }

    .chatslist .message:after, .chatslist .message:before {
        bottom: 100%;
        left: 30px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .chatslist .message:after {
        border-color: rgba(242, 246, 255, 0);
        border-bottom-color: #f2f6ff;
        border-width: 10px;
        margin-left: -10px;
    }

    .chatslist .message:before {
        border-color: rgba(217, 217, 217, 0);
        border-bottom-color: #d9d9d9;
        border-width: 11px;
        margin-left: -11px;
    }

.menu-sidebar .slide {
    position: absolute;
    top: 10px;
    left: 206px;
    padding: 0px 8px 0px 5px;
    background-color: #e02222;
    cursor: pointer;
}

    .menu-sidebar .slide i {
        color: #fff;
        font-size: 16px;
    }

.menu-sidebar > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .menu-sidebar > ul > li {
        display: block;
        margin: 0;
        padding: 0;
        border: 0px;
    }

        .menu-sidebar > ul > li > a {
            display: block;
            position: relative;
            margin: 0;
            border: 0px;
            padding: 9px 15px;
            text-decoration: none;
            font-weight: 400;
            color: #000;
            border-bottom: 1px solid #e9e9e9;
            font-size: 12px;
        }

        .menu-sidebar > ul > li a i {
            color: #eaeaea;
            font-size: 14px;
            margin-right: 10px;
            text-shadow: none;
        }

        .menu-sidebar > ul > li.active > a {
            border: none;
            text-shadow: none;
        }

            .menu-sidebar > ul > li.active > a .selected {
                display: block;
                width: 8px;
                height: 25px;
                background-image: url("/images/sidebar-menu-arrow.png");
                float: right;
                position: absolute;
                right: 0px;
                top: 8px;
            }

.menu-sidebar ul > li > a .arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 5px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
}

.menu-sidebar > ul > li > a .arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 5px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;
}

.menu-sidebar > ul > li > ul.sub {
    display: none;
    list-style: none;
    clear: both;
    margin: 8px 0px 0 0px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 7px;
}

.menu-sidebar > ul > li.active > ul.sub {
    display: block;
}

.menu-sidebar > ul > li > ul.sub > li {
    background: none;
    margin: 0px;
    padding: 0px;
    margin-top: 1px !important;
}

    .menu-sidebar > ul > li > ul.sub > li > a {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 7px 0px 7px 35px;
        color: #000;
        text-decoration: none;
        font-weight: 400;
        background: none;
    }

        .menu-sidebar > ul > li > ul.sub > li > a > i {
            font-size: 1em;
        }

        .menu-sidebar > ul > li > ul.sub > li > a:hover,
        .menu-sidebar ul a:hover {
            background: #f2f7ff;
            color: #2887d0;
        }

.menu-sidebar .sidebar-search {
    margin: 35px 20px 5px 20px;
}

    .menu-sidebar .sidebar-search .submit {
        float: right;
        margin-top: 8px;
        width: 13px;
        height: 13px;
        background-image: url(../img/search-icon.png);
        background-repeat: no-repeat;
    }

    .menu-sidebar .sidebar-search input {
        margin: 0px;
        width: 165px;
        border: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        font-size: 14px;
        box-shadow: none;
    }

    .menu-sidebar .sidebar-search i {
        display: inline-block;
        font-size: 18px;
        line-height: 0;
        cursor: pointer;
    }

    .menu-sidebar .sidebar-search .input-box {
        padding-bottom: 2px;
        border-bottom: 1px solid #959595 !important;
    }

.contract-info-menu-sidebar > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .contract-info-menu-sidebar > ul > li {
        display: block;
        margin: 0;
        padding: 0;
        border: 0px;
    }

        .contract-info-menu-sidebar > ul > li > a {
            display: block;
            position: relative;
            margin: 0;
            border: 0px;
            padding: 9px 15px;
            text-decoration: none;
            font-weight: 400;
            color: #000;
            border-bottom: 1px solid #e9e9e9;
            font-size: 12px;
        }

        .contract-info-menu-sidebar > ul > li a i {
            color: #eaeaea;
            font-size: 14px;
            margin-right: 10px;
            text-shadow: none;
        }

        .contract-info-menu-sidebar > ul > li.active > a {
            border: none;
            text-shadow: none;
        }

            .contract-info-menu-sidebar > ul > li.active > a .selected {
                display: block;
                width: 8px;
                height: 25px;
                background-image: url("/images/sidebar-menu-arrow.png");
                float: right;
                position: absolute;
                right: 0px;
                top: 8px;
            }

.contract-info-menu-sidebar ul > li > a .arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 5px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
}

.contract-info-menu-sidebar > ul > li > a .arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 5px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;
}

.contract-info-menu-sidebar > ul > li > ul.sub {
    display: none;
    list-style: none;
    clear: both;
    margin: 8px 0px 0 0px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 7px;
}

.contract-info-menu-sidebar > ul > li.active > ul.sub {
    display: block;
}

.contract-info-menu-sidebar > ul > li > ul.sub > li {
    background: none;
    margin: 0px;
    padding: 0px;
    margin-top: 1px !important;
}

    .contract-info-menu-sidebar > ul > li > ul.sub > li > a {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 7px 0px 7px 35px;
        color: #000;
        text-decoration: none;
        font-weight: 400;
        background: none;
    }

        .contract-info-menu-sidebar > ul > li > ul.sub > li > a > i {
            font-size: 1em;
        }

        .contract-info-menu-sidebar > ul > li > ul.sub > li > a:hover, .contract-info-menu-sidebar ul a:hover {
            background: #f2f7ff;
            color: #2887d0;
        }


.gray-heading .doc-small-img,
.gray-heading .version {
    color: #000;
}

.gray-heading .doc-small-img,
.gray-heading .version {
    padding: 0px;
}

.soft-documents .date {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

.doc-file-list .file-title {
    font-weight: 600;
    display: block;
    padding-top: 18px;
    padding-bottom: 9px; /* border-top: 1px solid #e9e9e9;*/
}

#divTask-Document-Section .doc-file-list .file-title {
    clear: both;
}

.doc-file-list .file-title label {
    color: #505050;
}

.doc-file-list .file-title span {
    float: right;
    font-weight: 400;
    color: #4d8ffd;
    cursor: pointer;
}

.doc-list-title span {
    float: right;
    font-weight: 400;
    color: #4d8ffd;
    cursor: pointer;
}

.doc-file-list .doc-file-desc, .doc-file-list .doc-file-desc1, .doc-file-list .doc-file-desc2, .doc-file-list .doc-file-desc3,
.doc-file-list a {
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px;
    text-decoration: none;
    color: #505050;
}

.doc-file-list .file-title + a {
    border-top: 1px solid #e9e9e9 !important;
}

.doc-file-list a .file-name {
    font-size: 12px;
}

.doc-file-list a .fa {
    margin-right: 7px;
    font-size: 16px;
}

.doc-file-list a .file-date {
    float: right;
    font-size: 11px;
    color: #777777;
}

.doc-file-list .file-img {
    vertical-align: middle;
    display: inline-block;
    display: inline-block;
    margin-right: 15%;
}
    /*float: right;*/
    .doc-file-list .file-img img {
        width: 20px;
        height: 20px;
        display: inline-block;
        border-radius: 50px;
        border: 1px solid #a5a5a5;
        margin-right: 3px;
    }

    .doc-file-list .file-img label {
        color: #4d90fe;
        font-size: 11px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

.doc-file-list .doc-file-desc a, .doc-file-list .doc-file-desc1 a, .doc-file-list .doc-file-desc2 a, .doc-file-list .doc-file-desc3 a {
    border: 0 none;
    padding: inherit;
}

.doc-file-list .doc-file-desc .fes-1, .doc-file-list .doc-file-desc1 .fes-1, .doc-file-list .doc-file-desc2 .fes-1, .doc-file-list .doc-file-desc3 .fes-1 {
    text-align: right;
}


.red-bg {
    background: #ff1516;
}

.green-bg {
    background: #7ab92d;
}

.white {
    color: white
}

.red {
    color: #ff1516
}

.financials-list .title {
    font-weight: 400;
}

.financials-list li {
    font-size: 12px;
    border-bottom: 1px solid #e9e9e9;
    display: block;
}

    .financials-list li .percentage i {
        margin-right: 5px;
    }

    .financials-list li .title {
        padding: 10px;
        float: left;
        width: 60%;
    }

    .financials-list li .percentage {
        padding: 10px;
        float: left;
        width: 40%;
    }

    .financials-list li:after {
        clear: both;
        content: '';
        display: block;
        width: 100%;
    }

.document-btnpart {
    margin-bottom: 15px;
    margin-left: 10px;
    padding-top: 15px;
}

    .document-btnpart a {
        text-decoration: none;
        border: none !important
    }

.document-btnpart { /*border-top: 1px solid #e9e9e9;padding-top: 15px;*/
}

    .document-btnpart .upload-docs a {
        color: #4d90fe;
    }

    .document-btnpart .upload-docs {
        display: inline-block;
        margin-right: 15px;
    }

.doc-file-list a labal {
    color: #fff;
    font-size: 10px;
    padding: 0 3px;
    border-radius: 3px;
    margin-left: 30px;
}

.phototab-desc .gray-heading span {
    font-size: 12px;
    float: right;
}

.phototab-desc li > a {
    font-size: 12px;
    text-decoration: none;
    color: #505050;
    display: block;
    padding: 10px;
}

    .phototab-desc li > a .fa {
        font-size: 18px;
        margin-right: 8px;
    }

.phototab-desc .number {
    float: right;
    font-size: 11px;
}

.phototab-desc li.has-sub {
    border-bottom: 1px solid #e9e9e9;
}

.gray-heading:after,
.phototab-desc .sub li:after,
.phototab-desc .sub::after {
    clear: both;
    display: block;
    content: '';
    width: 100%;
}

.phototab-desc .sub li .fa-times {
    background: #c0c0c0;
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
    float: right;
    cursor: pointer;
}

.phototab-desc .sub .file-img li a {
    float: left;
}

.boxlist-row .phototab-desc li img,
.phototab-desc .sub .file-img a img {
    width: 20px;
    height: 20px;
    margin-right: 13px;
}

.boxlist-row .file-img label,
.phototab-desc .sub .file-img label {
    font-size: 11px;
    vertical-align: top;
    position: relative;
    top: 4px;
}

.boxlist-row .phototab-desc li,
.phototab-desc .sub li {
    border-top: 1px solid #e9e9e9;
    padding: 5px 10px;
}

.phototab-desc .sub a {
    float: right;
    padding: 0px;
}

.phototab-desc li.has-sub .blue {
    text-decoration: none;
    padding: 2px 20px;
    float: left;
    margin: 10px 0;
}

.boxlist-row .phototab-desc .name {
    font-size: 12px;
    margin-left: 6px;
    font-weight: 600;
}

.tabContent .fes-3 {
    padding-right: 9px;
}

.tabContent .fes-9 {
    padding-left: 9px;
}

.tabContent .fes-3 .btn {
    margin-bottom: 10px;
}

.tabledesign thead th {
    background: #f0f0f0;
    border: 1px solid #d5d5d5;
    color: #606060;
    font-size: 11px !important;
    font-weight: 400 !important;
    padding: 5px;
    text-align: left;
}

.tabledesign tbody td {
    padding: 8px 5px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 11px;
    color: #454545;
}

.tabledesign .fa-times {
    background: #c0c0c0;
    color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
}

.fixturelist .searchblock {
    float: right;
}

.fixtures-bottomfix {
    position: fixed;
    bottom: 0;
    width: calc(100% - 211px);
    ;
    border-top: 1px solid #4d90fe;
    background: #e9e9e9;
    z-index: 1;
    padding: 15px;
    margin-left: -10px;
}

    .fixtures-bottomfix.large {
        width: calc(100% - 50px);
    }

    .fixtures-bottomfix .pagination {
        margin-right: 45px;
        float: right;
    }

    .fixtures-bottomfix .backlink {
        text-decoration: none;
        color: #0c7ce4;
        font-weight: 600;
        margin-top: 5px;
        display: block;
    }

    .fixtures-bottomfix .btn {
        float: right;
    }

.pagination > li {
    display: inline;
}

    .pagination > li > a, .pagination > li > span {
        position: relative;
        float: left;
        padding: 4px 7px;
        margin-left: 3px;
        line-height: 1.42857143;
        color: #bcbcbc;
        text-decoration: none;
        background: #fff;
        border: 1px solid #cbcbcb;
        border-radius: 3px;
    }

        .pagination > li > a.active, .pagination > li > span.active, .pagination > li.active > a {
            background: #4d90fe;
            color: #fff;
            border: 1px solid #4d90fe;
        }



/*div.k-window .titleboxrow .titlebox {    background-color: #fff;    border-bottom: 1px solid #f0ad2a;}
div.k-window .titlebox h4 {color: #3d3d3d;}
div.k-window .titlebox .titleright {background: transparent;color: #999999;}
div.k-window-content {background-color: #fff;}
.borderbox.popup .borderboxdetails .titlebox {    border-bottom: 0px solid #f0ad2a;}*/

.tabledesignInvoice thead th {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
    color: #000;
    font-size: 12px;
}

.tabledesignInvoice tbody td {
    font-size: 12px;
}

    .tabledesignInvoice tbody td i {
        font-size: 16px;
    }

    .tabledesignInvoice tbody td.l-90 {
        color: #ff5c30;
    }

    .tabledesignInvoice tbody td.l-61-90 {
        color: #ff7930;
    }

    .tabledesignInvoice tbody td.l-31-60 {
        color: #ffbd30;
    }

    .tabledesignInvoice tbody td.l-0-30 {
        color: #ffd630;
    }

.Invoicebox {
    padding: 6px;
    width: 16.05%;
    float: left;
    margin: 5px 3px;
    color: #fff;
    cursor: pointer;
}

    .Invoicebox .Invoicenumber {
        text-align: right;
        margin-top: 30px;
        font-size: 14px;
    }

    .Invoicebox.bgall {
        background-color: #878b8e;
        color: #fff;
    }

    .Invoicebox.bg0-30 {
        background: #ffd630;
    }

    .Invoicebox.bg31-60 {
        background: #ffbd30;
    }

    .Invoicebox.bg61-90 {
        background: #ff7930;
    }

    .Invoicebox.plus90 {
        background: #ff5c30;
    }

    .Invoicebox.bgPaid {
        background: #36ab43;
    }

.gray-heading-projectNote {
    background: #f0f0f0 !important;
    color: #3d3d3d;
    font-size: 1.1em;
    padding: 6px 15px 6px 15px;
    margin-bottom: 0px;
    border: 1px solid #dadada;
    border-bottom: none;
    line-height: 28px;
}

.note-border {
    border: 1px solid #dadada;
}

.project-verification .checkboxdesign {
    position: inherit;
    right: inherit;
    top: inherit;
}

.project-verification {
    margin: 15px 0px;
}

.name-img {
    background: #ccc;
    display: inline-block;
    width: 35px;
    text-align: center;
    height: 35px;
    font-size: 14px;
    color: #2887d6;
    font-weight: 600;
    line-height: 35px;
    border-radius: 50px;
    margin-right: 4px;
}

.name-img-small {
    background: #68217A;
    display: inline-block;
    width: 25px;
    text-align: center;
    height: 25px;
    font-size: 12px;
    color: #FFF;
    font-weight: 600;
    line-height: 25px;
    border-radius: 50px;
    margin-right: 4px;
    vertical-align: middle;
}

.name-img-big {
    background: #68217A;
    display: inline-block;
    width: 200px;
    text-align: center;
    height: 200px;
    font-size: 110px;
    color: #FFF;
    font-weight: 600;
    line-height: 180px;
    border-radius: 100px;
    margin-left: 30px;
}

.name-img-x-small {
    background: #68217A;
    display: inline-block;
    width: 20px;
    text-align: center;
    height: 20px;
    font-size: 9px;
    color: #FFF;
    font-weight: 600;
    line-height: 20px;
    border-radius: 50px;
    margin-right: 4px;
}

.name-img-si-small {
    background: #deb23a;
    display: inline-block;
    width: 20px;
    text-align: center;
    height: 20px;
    font-size: 9px;
    color: #000;
    font-weight: 600;
    line-height: 20px;
    border-radius: 50px;
    margin-right: 4px;
}

.calender-user-list {
    float: left;
    padding-bottom: 10px;
    padding-top: 7px;
}

tr.trhover:hover {
    background: #f2f6ff !important;
}

.personnellist li.active {
    background: #f2f6ff !important;
    color: #2887d0;
}

.Document-Audit li.active {
    background: #f2f6ff !important;
    color: #2887d0;
}

.fc-button {
    padding: 0px 15px;
    margin: 0 2px;
}

.fc-state-default {
    text-shadow: none;
    box-shadow: none;
    border: 0px;
    background: #dedede;
}

.fc-state-down, .fc-state-active {
    background-color: #0c7ce4;
    color: #fff;
}

.noteCategory {
    float: right;
    margin-top: -4px;
}

    .noteCategory span {
        display: inline-block;
    }

    .noteCategory .drop-down {
        display: inline-block;
        width: inherit;
        margin-left: 7px;
    }

.activityAddNote .avatar {
    float: left;
    margin-left: 14px;
}

.activityAddNote .activityNotedesc {
    margin-left: 50px;
}

.dashboardFilter {
    margin-top: 1px;
    margin-right: 10px;
}

    .dashboardFilter .fes-fieldrow,
    .dashboardFilter .btn {
        margin-bottom: 0px;
    }

.business_search_doc .doc-file-desc.fes-row {
    padding: 5px;
}

.activePhotos {
    color: #4d8ffd !important;
}

.clrGreen .k-input,
.clrGreen {
    background-color: #B6EEBF !important;
}

.btn.green.refresh {
    margin-right: 10px;
    float: left;
}

.delete-multiple-owners {
    position: absolute;
    right: 20px;
    top: 1px;
}

    .delete-multiple-owners a {
        margin-right: 4px;
    }

.filterrowNew .fes-3 {
    padding-right: inherit;
}

.filterrowNew {
    padding: 7px 0 5px 8px !important;
}

.k-button.cancel, .k-button.apply {
    color: white;
    background-color: #0c7ce4;
    border-radius: 4px;
    padding: 1px 20px;
    font-size: 0.8em;
    background-image: none;
    filter: none;
    border: 0;
    box-shadow: none;
    line-height: 26px;
    min-height: 26px;
    text-shadow: none;
    cursor: pointer;
    outline: none;
    display: inline-block;
    text-decoration: none;
    width: initial !important;
}

.k-button.cancel {
    background-color: #e5e5e5;
    color: #333333;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#tblAuditFixtureDetails tr {
    cursor: pointer
}

    #tblAuditFixtureDetails tr:hover {
        background-color: #f2f6ff;
    }

.no-data-found {
    text-align: center;
    vertical-align: middle;
    padding: 10px
}

.linerow {
    position: relative;
    text-align: center;
    margin: 10px 0;
}

    .linerow:after {
        background: red;
        content: '';
        width: 100%;
        position: absolute;
        height: 1px;
        left: 0;
        top: 10px;
    }

    .linerow span {
        background: #fff;
        position: relative;
        z-index: 1;
        padding: 0 12px;
        color: red;
    }

.viewmode-controls {
    border: 1px solid #cfcbcb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    min-height: 26px;
    line-height: 26px;
    padding: 0px 10px;
    font-size: 12px;
    color: #b0b0b0;
}

#dvSubCategoryTrade .k-multiselect-wrap {
    border: 1px solid #cfcbcb;
}

#dvTradeDetails #dvSubcategory .fieldvalue {
    clear: both
}

#divTradeList .menu-sidebar > ul > li > ul.sub > li > a {
    padding: 9px 15px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 12px;
}

.labelGreen {
    color: #36ab43 !important
}

#ClawBackPayment thead.k-grid-header {
    display: table-header-group !important;
}

#eventCalendar h2 {
    font-size: 13px !important;
    margin-top: 5px;
    float: left;
    font-weight: 600
}

#eventCalendar .fc-toolbar.fc-header-toolbar {
    margin-top: 1em;
}

#eventCalendar .fc-button {
    background: none !important;
    background-color: transparent;
    border-color: transparent;
    text-shadow: none;
    box-shadow: none;
    font-size: 13px !important
}

#eventCalendar .fc-toolbar .fc-state-active {
    background: none;
    font-weight: 600;
    color: rgba(78, 155, 239, 0.92);
    font-size: 13px !important;
    box-shadow: none
}

#eventCalendar .fc-toolbar .fc-center {
    float: left;
    padding-left: 12px;
}

#eventCalendar td {
    font-size: 13px !important
}

#eventCalendar .fc-widget-content {
    border: none;
}

.noteHeight {
    height: 100px;
}

.viewAuditEditFixture .bootstrap-switch-container {
    pointer-events: none;
}

.projectcenter .borderbox .titlebox {
    background-color: #737373;
}

.projectcenter .titleboxrow .titlebox .titleright {
    background-color: #737373;
}

.taskcenter .borderbox .titlebox {
    background-color: #737373;
}

.taskcenter .titleboxrow .titlebox .titleright {
    background-color: #737373;
}

#divProjectCenterListParent.tablerow table tr {
    background: none !important;
    line-height: 1.7em;
    font-size: 13px;
}

#divTaskCenterListParent.tablerow table tr {
    background: none !important;
    line-height: 1.7em;
    font-size: 13px;
}

#divMaintenanceCenterListParent.tablerow table tr {
    background: none !important;
    line-height: 1.7em;
    font-size: 13px;
}
/*#divProjectCenterList.tablerow table tr:first-child td {font-weight:600;border-bottom:1px solid #000;}*/
.pane-hScroll th {
    font-weight: 600;
    border-bottom: 1px solid #000;
}

.chartsblock .fes-fieldrow {
    border: 1px solid #fff !important;
}

#divNotificationCenter .borderbox .titlebox {
    background-color: #737373;
}

#divNotificationCenter .titleboxrow .titlebox .titleright {
    background-color: #737373;
}

#divNotificationCenter .k-grid {
    border: solid 1px #e9e9e9 !important;
}

.lblBold {
    color: #333333 !important
}

.lblFont {
    font-size: 16px !important;
}

#finance-job-costing-form .custom-row.form-group.float-rigth > label {
    padding-left: 10px;
    padding-top: 4px;
}

#finance-job-costing-form input.k-textbox {
    text-align: right
}

.lable-text-align-right {
    text-align: right
}

#divClsPipeLineReportFilter .k-multiselect-wrap {
    border: 1px solid #cfcbcb;
}

#PMA-Review-form .checkboxdesign {
    position: relative;
}

.position-relative {
    position: relative;
}

#complete-verification-form .checkboxdesign {
    position: relative;
}

.notifications .fa-heart {
    font-size: 15px;
    color: #ffffff;
    background: #F2AE05;
    padding: 7px;
    border-radius: 50%;
}

    .notifications .fa-heart:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 24px 10px 10px 0px;
        border-color: transparent transparent #F2AE05 transparent;
        position: absolute;
        left: 7px;
        bottom: -31px;
        transform: rotate(180deg);
    }

    .notifications .fa-heart:before {
        content: "\f004";
        position: relative;
        top: 2px;
    }

.spnDocSubHeader {
    display: block;
    border-bottom: 1px solid #e9e9e9;
    padding: 5px;
}

#up-charges-form input.k-textbox {
    text-align: right;
}

#up-charges-form .custom-row.form-group.float-rigth > label {
    padding-left: 10px;
    padding-top: 4px;
}

.lable-pearly-purple {
    color: #ff3a8a
}

.highlighted {
    background: #fce8e8 !important;
    color: #d12727 !important;
}

.anchorDeletePhotos {
    cursor: pointer
}

.pane--table1 table {
    border-collapse: collapse;
    background: white;
    table-layout: fixed;
    width: 100%;
}

.pane--table1 th, .pane--table1 td {
    padding: 8px 16px;
    width: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pane--table1 .tablelayoutauto {
    border-collapse: collapse;
    background: white;
    table-layout: inherit;
    width: 100%;
}

.pane {
    background: #eee;
}

.pane-hScroll {
    overflow: auto;
    width: 100%;
    background: #ffffff;
}

.pane-vScroll {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 200px);
}

.presentaiondoc a {
    border-bottom: none;
}

.presentaiondoc {
    float: left;
    width: calc(100% - 67px);
    border-bottom: 1px solid #e9e9e9;
}

.presentaiondoc-btn {
    float: right;
    width: 67px;
}

.doc-file-list a.download-document, .doc-file-list a.delete-document {
    padding: 10px 3px;
    display: inline-block;
    border-bottom: none;
}

    .doc-file-list a.download-document i {
        color: #4d90fe;
    }

    .doc-file-list a.delete-document i {
        color: #a1a1a1;
    }

.presentationDivision {
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    cursor: default !important;
    padding: 9px 0 !important;
    margin-bottom: 0 !important;
}

    .presentationDivision .edit-division {
        float: right;
        padding-right: 10px;
    }

#divPresentationDetail .gray-heading button.btn.green {
    margin: -2px 0px
}

#FESControls–Presentation-Form .k-textbox {
    min-width: 280px;
}

.border-radius {
    border-radius: 3px;
    padding: 5px !important
}

.cls-pipeline-padding {
    padding: 11px 15px 8px;
}

.pane--table-Commission table {
    border-collapse: collapse;
    background: white;
    table-layout: fixed;
    width: 100%;
}

.pane--table-Commission th, .pane--table-Commission td {
    padding: 8px 16px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pane--table-Commission th {
    border-left: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5
}

.pane--table-Thresholds table {
    border-collapse: collapse;
    background: white;
    table-layout: fixed;
    width: 100%;
}

.pane--table-Thresholds th, .pane--table-Thresholds td {
    padding: 8px 16px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pane--table-Thresholds th {
    border-left: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5
}

.pane--table-Commission-TurnOverBased table {
    border-collapse: collapse;
    background: white;
    table-layout: fixed;
    width: 100%;
}

.pane--table-Commission-TurnOverBased th, .pane--table-Commission-TurnOverBased td {
    padding: 8px 16px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pane--table-Commission-TurnOverBased th {
    border-left: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5
}

.pane--table-Commission-Premium table {
    border-collapse: collapse;
    background: white;
    table-layout: fixed;
    width: 100%;
}

.pane--table-Commission-Premium th, .pane--table-Commission-Premium td {
    padding: 8px 16px;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pane--table-Commission-Premium th {
    border-left: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5
}

.commission-clawback-list .k-detail-row .k-detail-cell {
    padding-left: 32px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 15px !important;
}

.commission-clawback-list .k-detail-row .k-grid {
    border: solid 1px #C5C5C5 !important;
}

.lableClrGreen {
    color: green;
}

#div-division-form .k-textbox {
    text-align: right;
}

#division-form .checkboxdesign {
    position: inherit;
}

    #division-form .checkboxdesign input[type=checkbox]:not(old):checked + label > span {
        background: #2886cc;
        border: 1px solid #2886cc;
    }

    #division-form .checkboxdesign input[type=checkbox]:not(old):checked + input[type=hidden] + label > span {
        background: #2886cc;
        border: 1px solid #2886cc;
    }

.divisionColumn {
    width: 160px !important;
    border-right: 1px solid #C5C5C5 !important;
    border-left: 1px solid #C5C5C5 !important;
}

.divisionHeader {
    width: 160px !important;
    font-weight: 600 !important;
}

.divisionHeader-parent {
    background-color: #D8D8D8 !important;
    font-weight: 600 !important;
    width: 160px !important;
}

.thresHoldHeader-parent {
    background-color: #D8D8D8 !important;
    font-weight: 600 !important;
    width: 400px !important;
}

.thresHoldHeader {
    width: 100px !important;
    font-weight: 600 !important;
}

    .thresHoldHeader.review {
        width: 200px !important;
        font-weight: 600 !important;
    }

.thresHoldColumn {
    width: 100px !important;
    text-align: center;
}

    .thresHoldColumn.review {
        width: 200px !important;
        text-align: center;
    }

.border-right-C5C5C5 {
    border-right: 1px solid #C5C5C5 !important;
}

i.pass {
    color: #7ABA2E;
}

i.review {
    color: #F3A33A;
}

i.fail {
    color: #FE1515;
}

.pane--table-Thresholds thead tr th:nth-child(1) {
    position: relative;
}

.pane--table-Thresholds tbody tr td:nth-child(1) {
    position: relative;
    background-color: #fff;
}

    .pane--table-Thresholds thead tr th:nth-child(1):after, .pane--table-Thresholds tbody tr td:nth-child(1):after {
        background: #c5c5c5;
        width: 2px;
        height: 36px;
        position: absolute;
        right: 0px;
        content: '';
        top: 0;
    }

.pane--table-Thresholds thead tr th:nth-child(1)::before {
    background: #c5c5c5;
    height: 1px;
    width: 100%;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}

.pane--table-Thresholds tbody tr td:nth-child(1)::before {
    background: #f0f0f0;
    height: 1px;
    width: 100%;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
}



#FESControls–Fixture-Form .k-multiselect-wrap {
    border: 1px solid #cfcbcb;
    min-height: 55px;
}

#FESControls–Fixture-Form .k-multiselect {
    border: none
}

    #FESControls–Fixture-Form .k-multiselect input {
        height: 26px;
        line-height: 26px;
        padding: 0px 10px;
        font-size: 12px;
        color: #b0b0b0;
    }

#FESControlsFixturesDetails-Form .k-multiselect-wrap {
    border: 1px solid #cfcbcb
}

#FESControlsFixturesDetails-Form .k-multiselect {
    border: none
}

    #FESControlsFixturesDetails-Form .k-multiselect input {
        height: 26px;
        line-height: 26px;
        padding: 0px 10px;
        font-size: 12px;
        color: #b0b0b0;
    }

#FESControlsFixturesDetails-Form .wrapSelect .k-multiselect-wrap {
    min-height: 55px;
}

.font-size-18 {
    font-size: 18px;
}

#ReplacementFixtureList table td a label {
    color: #000 !important;
    cursor: pointer
}

.z-index-imp {
    z-index: 8 !important
}

.Customer-Edit li.active {
    background: #f2f6ff !important;
    color: #2887d0;
}

.Padding5 {
    padding: 5px !important
}

.btnAudit {
    background-color: #e5e5e5;
    background-image: none;
    filter: none;
    border: 0;
    box-shadow: none;
    line-height: 26px;
    min-height: 26px;
    text-shadow: none;
    color: #333333;
    cursor: pointer;
    outline: none;
    padding: 5px 20px;
    display: inline-block;
    font-size: 0.8em;
    text-decoration: none;
    border-radius: 4px;
}
/*Bulk Change*/
#fixturerulelist .menu-sidebar > ul > li.open a {
    background: #5e99fd;
}

#fixturerulelist .menu-sidebar > ul > li.open a {
    color: #fff;
}

#fixturerulelist .menu-sidebar > ul > li > ul.sub > li {
    padding: 15px;
}

.operationalrow {
    background: #f2f6ff none repeat scroll 0 0 !important;
}

.operationalblock {
    margin-bottom: 15px;
    background-color: #f2f6ff !important;
}

    .operationalblock .operattitle {
        color: #000;
        font-size: 12px;
        border-bottom: 1px solid #000;
        font-weight: 600;
        padding-bottom: 3px;
        margin-bottom: 10px;
    }

    .operationalblock .operasubtitle {
        font-size: 10px;
        color: #5b5c60;
    }

    .operationalblock label {
        font-size: 11px;
        color: #000;
        line-height: 27px;
    }

    .operationalblock .fes-row {
        margin-bottom: 5px;
    }

    .operationalblock input.k-textbox {
        text-align: right;
        max-width: 80px;
    }

#fixturerulelist .menu-sidebar > ul > li.addbulkchange > a, .menu-sidebar > ul > li.addbulkchange a i {
    color: #2887d0;
}

#fixturerulelist .menu-sidebar > ul > li.addbulkchange.open > a, .menu-sidebar > ul > li.addbulkchange.open a i {
    color: #fff;
}

#tblAuditFixtureDetails tr.bulkselect {
    background: #D6E6FF;
}

.tertiary-button.bulkred {
    background: #ff1516;
    color: #fff;
}

    .tertiary-button.bulkred:hover {
        background: #dc0001;
        color: #fff;
    }

.input-bulkselect {
    background: #d6e6ff none repeat scroll 0 0 !important;
}

.bulkchange-originalValue {
    color: #4d90fe;
    float: left;
    font-weight: 400;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-top: 3px;
}

.input-bulkselect .k-state-disabled, .input-bulkselect .k-state-default {
    background-color: #d6e6ff !important;
    background-image: none;
    opacity: 1;
}

.padding-inherit {
    padding: inherit;
}

#editRevenueShare {
    color: #4D90FE !important;
    text-decoration: underline !important;
    cursor: pointer
}

.spnAuditStatus {
    margin-left: 10px;
    font-size: 10px;
    color: #ff3a8a;
}

.tabledesigntasklist thead th {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
    color: #000;
    font-size: 12px;
}

.tabledesigntasklist tbody td {
    font-size: 12px;
}

    .tabledesigntasklist tbody td.expired {
        color: #F44234;
    }

.maintenancenotes {
    height: 500px;
}

.maintenancenotesarea {
    height: 445px;
    width: 100%;
    border: none;
}

.maintenancenotesbox {
    background: #4D8FFD;
    font-size: 1.1em;
    line-height: normal;
    color: #fff;
    display: block;
    padding: 10px;
}

.popupbox.changepriority {
    padding: 0px !important;
}

.priority {
    line-height: 20px !important;
}

.prioritylblBold {
    color: #333333 !important;
    float: left;
    padding-right: 10px;
}

.priority li {
    background: #fff;
    padding: 7px 10px;
    cursor: pointer;
}

    .priority li:nth-child(odd) {
        background: #F0F0F0;
    }

    .priority li a {
        color: #000;
        text-decoration: none;
        padding: 0px !important;
        border: none !important;
    }

        .priority li a:hover {
            color: #fff !important;
            text-decoration: none;
            padding: 0px !important;
            border: none !important;
            background-color: transparent !important;
        }

    .priority li .normal i {
        color: #2097F5;
    }

    .priority li .low i {
        color: #4CB050;
    }

    .priority li .high i {
        color: #00BCD2;
    }

    .priority li .highest i {
        color: #F44234;
    }

    .priority li:hover, .priority li.active, .priority li.active i, .priority li:hover i, .priority li.active a, .priority li:hover a {
        background-color: #4D8FFD;
        color: #fff;
    }

.project-status-edit .statusList {
    border-bottom: 1px solid #e9e9e9;
    margin: 0;
    padding: 10px 5px;
}

.priorityName {
    color: #fff;
    padding: 3px 10px;
    border-radius: 2px;
}

.project-assignName {
    color: #333333;
    background: #fff;
    padding: 5px 8px;
    border-radius: 3px;
    border: 1px solid #cbcbcb;
}

.project-duedate-expired {
    color: #F44234;
    font-weight: bold;
}

.popupbox.changeStatus {
    padding: 0px !important;
}

.taskStatus li {
    background: #fff;
    padding: 10px 15px;
}

    .taskStatus li:nth-child(odd) {
        background: #F0F0F0;
    }

    .taskStatus li a {
        color: #000;
        text-decoration: none;
        padding: 0px !important;
        border: none !important;
    }

        .taskStatus li a:hover {
            color: #fff !important;
            text-decoration: none;
            padding: 0px !important;
            border: none !important;
            background-color: transparent !important;
        }

    .taskStatus li .normal i {
        color: #2097F5;
    }

    .taskStatus li .low i {
        color: #4CB050;
    }

    .taskStatus li .high i {
        color: #00BCD2;
    }

    .taskStatus li .highest i {
        color: #F44234;
    }

    .taskStatus li:hover, .taskStatus li.active, .taskStatus li.active i, .taskStatus li:hover i, .taskStatus li.active a, .taskStatus li:hover a {
        background-color: #4D8FFD;
        color: #fff;
    }

/*new chage*/
.breadcrumbs li span {
    color: #fff;
    display: inline-block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    font-size: 10px;
    width: auto;
    height: auto;
    line-height: normal;
    text-align: center;
    padding: 2px 3px;
    min-width: 20px;
}

    .breadcrumbs li span.yellow {
        background: #f2ae05;
    }

    .breadcrumbs li span.green {
        background: #3cb100;
    }

    .breadcrumbs li span.blue {
        background: #4d8ffd;
    }

.duedatechart .chartblock img {
    width: 100%;
}

.tablenone .k-grid {
    border: 0px !important;
}

.tablenone .table2 tr {
    font-size: 12px !important;
    color: #505050 !important;
}

.tablenone .table2 thead th {
    font-size: 12px;
    color: #9e9d9d;
    font-weight: 400;
    border-bottom: 1px solid #e9e9e9;
}

.tablenone .table2 tbody td {
    border-bottom: 1px solid #e9e9e9;
}

.fesdrodown {
    position: relative;
}

    .fesdrodown > a {
        border: 1px solid #bcbcbc;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        padding: 5px 10px;
        font-size: 11px;
        color: #5a5a5a;
        display: block;
    }

    .fesdrodown .fesdrodowmenu {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 100%;
        margin-top: -3px;
        padding: 0px;
    }

        .fesdrodown .fesdrodowmenu ul li, .fesdrodown .fesdrodowbtn {
            padding: 5px 10px;
            color: #5a5a5a;
            font-size: 11px;
        }

            .fesdrodown .fesdrodowmenu ul li a {
                color: #5a5a5a;
            }

            .fesdrodown .fesdrodowmenu ul li:hover {
                background: #4d90fe;
                color: #fff;
            }

.feswidgetrow h5 {
    font-weight: 600;
    color: #505050;
    padding: 15px 20px;
}

.feswidgetbox h6 {
    background: #f0f0f0;
    color: #505050;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
}

.feswidgetbox .feswidgetboxdetails {
    padding: 15px 20px;
    color: #3d3d3d;
}

    .feswidgetbox .feswidgetboxdetails .fes-row .fes-6 {
        padding: 2px 0px;
    }
/*.feswidgetbox .feswidgetboxdetails a { color:#4d90fe;}*/

.feswidgetbox.lyellow h6 {
    background: #fff4df;
    color: #505050;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
}

.feswidgetbox.lgreen h6 {
    background: #d3f2d3;
    color: #505050;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
}

.feswidgetbox.blue h6 {
    background: #d3f2d3;
    color: #505050;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
}

.feswidgetbox.pink h6 {
    background: #F7D9D9;
    color: #505050;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
}

.feswidgetbox.lblue h6 {
    background: #D6E4FE;
    color: #505050;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
}

.padding-task {
    padding: 6px 15px 6px 15px;
}

#new-task-request-form table.k-editor {
    height: 200px;
}

.mathematic-sign {
    float: left;
    padding: 4px;
    font-weight: 800;
    min-width: 15px;
}

.add-newbutton-RFP {
    padding-top: 26px;
    color: #2986d3;
    font-size: 18px;
}

.colorLightPink {
    color: #e52c6b;
}

.project-center-drop-td {
    position: relative !important;
    overflow: visible !important;
}

    .project-center-drop-td label {
        vertical-align: top;
        margin-top: 3px;
        display: inline-block;
    }

.userSerach-assign span {
    border: 0px solid #c5c5c5;
}

.spnAuditStatus {
    margin-left: 10px;
    font-size: 10px;
    color: #ff3a8a;
}

.doc-list-title {
    background-color: #f2f6ff;
}

.document-title {
    font-weight: bold;
    padding: 12px;
}

#divProjectCenterListScroll .Filter-dropdown-panel {
    margin-top: 0px !important
}

#divTaskCenterListScroll .Filter-dropdown-panel {
    margin-top: 0px !important
}


#divMaintenanceCenterListScroll .Filter-dropdown-panel {
    margin-top: 0px !important
}

.pane--table1 table.grouptitle td {
    font-size: 14px;
    color: #505050;
    font-weight: 600;
    padding-top: 30px;
    border: none;
}

.pane--table1 table.grouptable {
    margin-bottom: 40px;
}

    .pane--table1 table.grouptable td {
        font-size: 12px;
    }

.changepriority .fes-row {
    margin-bottom: 0px;
}

.priority.tasklistdropdown li {
    padding: 7px 10px;
}

    .priority.tasklistdropdown li .name-img-small {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    .priority.tasklistdropdown li .image-resize {
        width: 20px !important;
        height: 20px !important;
        vertical-align: top;
    }

.searchblock.tasklistsearch {
    width: 100%;
}

    .searchblock.tasklistsearch .fes-fieldrow {
        width: 100%;
        margin-left: 0px;
        padding: 5px;
    }

    .searchblock.tasklistsearch .k-autocomplete.k-state-default {
        border: 0px;
        color: #b7b7b7;
        font-style: italic;
    }

        .searchblock.tasklistsearch .k-autocomplete.k-state-default input {
            color: #b7b7b7;
            font-style: italic;
        }

.TaskEdit {
    margin-bottom: 25px;
}

.taskdelet {
    color: #e32723 !important;
    cursor: pointer;
}

    .taskdelet i {
        margin-right: 6px;
    }

.taskReactive {
    color: #35aa47 !important;
    cursor: pointer;
}

    .taskReactive i {
        margin-right: 6px;
    }

.TaskEdit a, .TaskEdit > span {
    margin-right: 20px;
    font-size: 12px;
    line-height: 10px;
    color: #3c619e;
    text-decoration: none;
    vertical-align: middle;
}

    .TaskEdit a i, .TaskEdit > span > i {
        margin-right: 6px;
    }

    .TaskEdit a:last-child {
        margin-right: 0;
    }

.tasknumber {
    color: #3e3e3e !important;
    font-size: 18px !important;
    font-weight: 600;
    vertical-align: middle !important;
}

.titlebox-type1.taskcontrolschanges {
    background: #3c619e;
    padding: 15px 18px;
    font-size: 16px;
    color: #fff;
    line-height: 10px;
}

.project-status-edit.TaskStatusChanges label {
    font-size: 12px;
    color: #505050;
    line-height: 10px;
}

.project-status-edit.TaskStatusChanges .fes-8 label {
    font-weight: bold;
}

.project-status-edit.TaskStatusChanges .name-img-small {
    width: 20px !important;
    height: 20px !important;
    line-height: 22px;
}

.titlebox-type1.titlefollowlers {
    background: transparent;
    font-size: 16px;
    font-weight: 900;
    color: #3e3e3e;
    margin-top: 15px;
}

.project-status-edit.TaskStatusChanges label.priorityName {
    background: #f44336 !important;
    color: #fff;
}

.followerpersonslist {
    padding-left: 10px;
}

    .followerpersonslist label {
        color: #3c619e;
        font-size: 11px;
    }

    .followerpersonslist .name-img-small {
        width: 20px !important;
        height: 20px !important;
        line-height: 22px;
    }

    .followerpersonslist .margin-top-medium {
        margin-top: 9px !important;
    }

.runinstallaudiao {
    font-size: 10px;
    color: #fff;
    padding: 10px;
    background: #3cb100;
    text-decoration: none;
    border-radius: 5px;
    min-width: 138px;
    display: inline-block;
    margin-left: 10px;
}

    .runinstallaudiao i {
        margin-right: 16px;
    }

.audioinstallation label.audiolabel {
    font-size: 22px;
    color: #3e3e3e;
    font-weight: 600;
    padding: 0 0px 21px;
    padding-left: 10px;
    display: inline-block;
    display: -webkit-inline-box;
}

.audioinstallation .gray-heading {
    background: #ebeff5 !important;
    color: #3d3d3d;
    font-size: 15.04px;
    padding: 4px 25px 7px;
    height: 37px;
}

.siteinfo {
    margin-top: 7px;
}

.padding-task.siteinfo {
    padding-top: 0;
}

.siteinfo div {
    font-size: 12.54px;
    line-height: 19px;
    color: #3e3e3e;
}

.siteinfo a.location {
    color: #4395e9;
    text-decoration: underline
}

.audioinstallation {
    margin-bottom: 45px;
}

    .audioinstallation .name-img-small {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 14px;
    }

    .audioinstallation span.name {
        font-size: 11px;
        color: #3d3d3d;
    }

        .audioinstallation span.name span {
            font-size: 13px;
            color: #4d90fe;
            font-weight: 600 !important;
            margin-left: 3px;
        }

    .audioinstallation .atwho-inserted label {
        font-weight: normal;
        color: #488dff;
    }

    .audioinstallation div.message p {
        color: #3d3d3d;
        font-size: 11px;
    }

    .audioinstallation .chatslist {
        padding: 15px 10px;
    }

        .audioinstallation .chatslist .statuschange {
            margin-left: 49px;
        }

    .audioinstallation span.desc {
        font-size: 11px;
        color: #777777;
    }

        .audioinstallation span.desc strong {
            font-weight: bold;
            color: #3d3d3d;
        }

    .audioinstallation .chatslist .avatar .date {
        color: #777777;
        font-size: 11px;
    }

    .audioinstallation .gray-heading-projectNote {
        font-size: 14px;
        height: 40px;
        background: #f2f6ff !important;
        border-bottom: 0;
        color: #3d3d3d;
        border-radius: 5px 5px 0px 0;
    }

    .audioinstallation .activityAddNote .activityNotedesc {
        margin-left: 58px;
    }

    .audioinstallation .activityNotedesc .inputor {
        position: relative;
        border-bottom: 0;
    }

        .audioinstallation .activityNotedesc .inputor:after {
            content: "";
            position: absolute;
            border-bottom: 1px dashed #dadada;
            width: 100%;
            height: 1px;
            left: 0
        }

    .audioinstallation .projectnotesearch {
        height: 35px;
        padding: 7px 15px 0px 15px;
    }

    .audioinstallation .autosearchblock i {
        margin-right: 6px;
    }

    .audioinstallation .autosearchblock {
        color: #999;
        font-size: 11px;
    }

    .audioinstallation .fes-12, .audioinstallation .fes-3 {
        padding-left: 0;
    }

        .audioinstallation .fes-3 .btn.green {
            min-width: 80px;
            min-height: 28px;
            font-size: 10px;
        }

    .audioinstallation .margin-top-medium {
        margin-top: 15px !important;
        border-top: 1px solid #e9e9e9;
        padding-top: 30px;
    }

    .audioinstallation .autosearchblock > span {
        color: #999;
        font-size: 11px;
    }

    .audioinstallation .autosearchblock .k-dropdown-wrap {
        color: #3e3e3e;
        font-size: 11px;
        min-width: 129px;
        min-height: 23px;
        margin-top: 5px;
    }

.invoicedetail {
    margin-bottom: 25px;
    padding: 0 16px;
}

.invoicelogosec + .fes-6 {
    padding-right: 8px;
}

.invoicedetail .gray-heading, .invoindetailone .gray-heading {
    background: #ebeff5 !important;
    color: #505050;
    font-size: 14px;
    height: 40px;
    padding: 6px 15px 0;
}

.invoicedetail .invoicedetailinner {
    padding: 0 15px;
}

.invoicedetail .form-group > label {
    color: #5e5e5e;
    font-size: 11px;
    margin-bottom: 10px;
}

.invoicedetail input.k-textbox, .invoicedetail .k-picker-wrap .k-input, .invoicedetail .viewmode-controls {
    border-color: #bcbcbc;
    min-height: 28px;
    line-height: normal;
    color: #000;
    font-size: 12px !important;
    padding: 5px 5px;
}

.invoicedetail .form-group .fieldvalue {
    font-size: 11px;
    height: 30px;
}

.invoindetailone {
    margin-top: 35px;
}

    .invoindetailone.materials {
        margin-top: 0px;
    }

    .invoindetailone .header-custom h5 {
        margin-bottom: 15px;
        margin-top: 25px;
        font-size: 14px;
        color: #000;
        font-weight: bold;
        padding-bottom: 11px;
        border-bottom: 1px solid #f0f0f0;
    }

    .invoindetailone .header-custom {
        border: 0;
    }

.invogendes .form-row .fes-row [class^="fes-"] {
    padding: 0 0;
}

.invoindetailone .lblBold, .invoindetailone .margin-right-small {
    color: #5e5e5e !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.header-custom.gray-heading {
    border-bottom: 0;
}

.invossummdetail {
    margin-top: 5px;
}

    .invossummdetail [class^="fes-"], .invossummdetail .custom-row {
        padding: 0 0 !important;
    }

    .invoindetailone input.k-textbox, .invoindetailone .viewmode-controls, .invossummdetail .form-group .fieldvalue {
        border-radius: 0px !important;
    }

.invoicedetail .form-row .form-group > label {
    display: none;
}

.invoicedetail .form-row:first-child .form-group > label {
    display: block;
}

.invoindetailone .invogendes .fes-9 input.k-textbox {
    border-right: 0;
}

.invossummdetail .fes-7 .form-group .fieldvalue {
    border-right: 0;
}

.invossummdetail .fes-7 .form-group .fieldvalue, .invossummdetail .fes-2 .form-group .fieldvalue {
    border-bottom: 0;
}

.actionbtn.savesubmit {
    text-align: left;
    margin: 10px 0 22px;
}

    .actionbtn.savesubmit .tertiary-button.blue {
        background: #5e99fe;
        color: #fff;
        font-size: 10px;
        padding: 0px 20px;
        height: 28px;
    }

        .actionbtn.savesubmit .tertiary-button.blue:last-child {
            background: #ff3a8a;
        }

.savediteamsone .colorlightblue, .savediteamsone .colorlightblue span, .savediteamstwo .colorlightblue, .savediteamstwo .colorlightblue span, .savediteamsthree .colorlightblue, .savediteamsthree .colorlightblue span, .savediteamstwo .colorLightPink {
    font-size: 11px;
}

.borderbotm {
    border-bottom: 1px solid #bcbcbc;
    margin-bottom: 25px;
}

.savediteamsone .colorlightblue, .savediteamsone .colorlightblue span {
    color: #5e99fe !important;
}

.savediteamstwo .colorlightblue, .savediteamstwo .colorlightblue span {
    color: #ff3a8a !important;
}

.savediteamsthree .colorlightblue, .savediteamsthree .colorlightblue span {
    color: #303030 !important;
}

.actionbtn.savesubmit, .savediteamsone, .savediteamstwo, .savediteamsthree {
    padding-left: 15px;
}

.invoicelogosec {
    padding: 20px 10px;
}

    .invoicelogosec img, .invoicelogosec .compdetail, .invoicelogosec .invodetail, .invoicelogosec .minvodetail {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }

    .invoicelogosec img {
        max-width: 100px;
    }

    .invoicelogosec .compdetail {
        margin-left: 5%;
        color: #373737;
        font-size: 12px;
    }

        .invoicelogosec .compdetail h4 {
            font-weight: bold;
            font-size: 14px;
        }

        .invoicelogosec .compdetail p {
            width: 100%;
            float: left
        }

    .invoicelogosec .invodetail {
        margin-left: 22%;
        color: #373737 !important;
        font-size: 18px;
    }

    .invoicelogosec .minvodetail {
        margin-left: 15%;
        color: #373737 !important;
        font-size: 18px;
    }

        .invoicelogosec .invodetail h3, .invoicelogosec .minvodetail h3 {
            font-weight: bold;
            color: #373737 !important;
            font-size: 18px;
        }

        .invoicelogosec .invodetail p, .invoicelogosec .minvodetail p {
            width: 100%;
            float: left
        }


.matdescbd {
    padding-right: 4px !important;
    padding-left: 0 !important;
}

    .matdescbd.matdescbdfst {
        padding: 0 !important;
    }

        .matdescbd.matdescbdfst input.k-textbox {
            border-right: 0;
        }

.installisationlabour .custom-row {
    padding: 0 0;
}

.installisationlabour .mathematic-sign {
    padding: 0 4px;
}

.Installabour {
    clear: both;
    width: 100%;
    float: left;
    margin-top: -2px;
}

    .Installabour input.k-textbox {
        border-top: 0;
    }

    .Installabour .matdescbd input.k-textbox {
        border-left: 0;
    }

    .Installabour .matdescbd.matdescbdfst input.k-textbox {
        border-right: 1px solid #bcbcbc;
        border-left: 1px solid #bcbcbc;
    }

    .Installabour:first-child input.k-textbox {
        border-top: 1px solid #bcbcbc;
    }

    .Installabour:last-child .fes-5 {
        padding: 0 !important;
    }

.notificationblock.MyNotify table tr:nth-child(odd), .notificationblock.MyNotify table tr:nth-child(even) {
    background: transparent !important
}

.mentionsrow span.text {
    color: #4d90fe;
    font-size: 12px;
    font-weight: 400;
}

.notificationblock.MyNotify table tr {
    background: #f2f7ff;
}

    .notificationblock.MyNotify table tr.active {
        background: transparent;
    }

.mynotifiynew, .mynotifiyold {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 10px 5px;
    position: relative;
}

.mynotifiynew {
    background: #f5f5f5;
}

.climg {
    float: left;
    min-width: 44px;
}

.newmessage {
    background: #2196f3;
    margin-right: 14px;
    color: #fff;
    font-size: 10px;
    padding: 0px 7px;
    height: 15px;
    min-width: 36px;
    float: left;
    border-radius: 3px;
}

.clentdesc {
    font-size: 12px !important;
    color: #4d90fe;
    font-weight: 400 !important;
}

.clientnamenew {
    font-weight: bold;
}

.clentfulldesc {
    display: inline-block;
    width: 90%;
    padding-right: 25px;
}

.clentdesc .fa-folder-open-o, .clentdesc .fa-file-text-o {
    margin: 0 3px 0 5px;
}

.clentdesc .fa-folder-open-o {
    color: #f2ae05;
}

.clentdesc .fa-file-text-o {
    color: #3bb000;
}

.clemailnotify {
    color: #505050;
    font-style: italic;
}

.cllinknotetabe, .adminnotetabe {
    font-size: 10px;
    text-decoration: none;
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 1px 5px;
    margin-left: 4px;
}

.cllinknotetabe {
    color: #4b7bbe;
}

.adminnotetabe {
    color: #ed9622;
}

.clentdesc p {
    margin-top: 3px;
    color: #acacac;
}

span.unline {
    text-decoration: underline
}

.mynotifiyold {
    background: transparent;
}

.csz .fes-4 {
    padding-left: 0 !important;
    padding-right: 9px !important;
}

    .csz .fes-4:last-child {
        padding-right: 0 !important;
    }

.noninstallisationlabour .matdescbd {
    min-width: 55px;
}

#liInstallDocumentTotalListCount .doc-file-list {
    padding-left: 15px;
}

#liHardAuditDocListCount .doc-file-list, #liInstallCount .doc-file-list {
    padding-left: 15px;
}

.spnAuditStatusProcument {
    color: #ff3a8a !important;
}

#Trade-Details-Form .k-loading {
    display: none !important
}

.signed-document-audit .document-btnpart a {
    display: inline-block !important;
    padding: 1px 20px !important;
}

.auditTimeStamp {
    color: #e52c6b;
    margin-top: 5px;
    display: block;
}

.task-details-label {
    color: #b5b5b5;
}

#edit-task-request-form table.k-editor {
    height: 300px;
}

.statuscomplete {
    color: #B0D997 !important
}

.statusissue {
    color: red !important
}

.backpreviousscreen {
    text-decoration: blink;
    color: gray;
}

.task_auditdoc {
    border-bottom: 1px solid #e9e9e9;
}

    .task_auditdoc a {
        vertical-align: middle;
        display: inline-block;
        border-bottom: none !important;
    }

li.doc-has-sub.auditdoctitle a {
    display: inline-block;
    width: 97%;
}

.macclickimg, .macclickimg + span {
    display: inline-block;
    vertical-align: middle;
}

    .macclickimg + span {
        margin-top: 4px;
        margin-left: 3px;
    }

/*------------------ 3rd Nov.2017 start ----------------*/
.pncnotificationtabs .pnc_notification_tabs {
    cursor: pointer;
    position: relative;
}

    .pncnotificationtabs .pnc_notification_tabs.active {
        background-color: #f5f5f5 !important;
    }

.adminnotification {
    display: inline;
}

span.adnotidelect {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
    height: 18px;
    width: 18px;
    background-color: #a5a5a5;
    border-radius: 50%;
}

    span.adnotidelect .fa {
        color: #f5f5f5;
        font-size: 11px;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.pncnotificationtabs {
    border: none;
}

    .pncnotificationtabs .titlebox, .pncnotificationtabs .titleboxrow .titlebox .titleright {
        background-color: transparent !important;
    }

    .pncnotificationtabs .titleboxrow .titlebox h4 {
        color: #505050;
    }

    .pncnotificationtabs .titleboxrow {
        margin-bottom: 5px;
    }

.projectdateselctor span.k-datepicker .k-picker-wrap.k-state-default, .projectdateselctor .k-state-default > .k-select {
    box-shadow: none !important;
    border: none !important;
}
/*.projectdateselctor .k-state-default.k-state-focused input {color:red;}*/ /*--- focused color red -----*/

.audioinstalchanges .margin-top-medium {
    margin-top: 0 !important;
    border-top: none;
    padding-top: 0;
}

.audioinstalchanges .sitetabe {
    padding-bottom: 38px;
}

.taskdesc12 .padding-task {
    padding: 25px 25px 38px;
}

.taskdesc12 .maintenance-History {
    padding: 5px 11px 57px;
}

.Vtdetails1 > .fes-4, .Vtdetails1 > .fes-8, .Vtdetails1 {
    padding: 0 0;
}

    .Vtdetails1 > .fes-4, .Vtdetails1 > .fes-8 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .Vtdetails1 .boxlist-row {
        clear: both
    }

.prodatepicur1 {
    float: left;
    max-width: 165px;
}

.popup-padding {
    max-width: 100%;
}

    .popup-padding .fes-12 {
        padding-right: 0;
        padding-left: 0px;
    }

    .popup-padding .fes-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .popup-padding .name-img-small, .popupbox .image-resize {
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin-right: 4px;
        vertical-align: middle;
    }

    .popup-padding .k-autocomplete.k-state-default {
        border: none !important;
        padding: 5px;
    }


.vtdassigntotask {
}

    .vtdassigntotask li {
        padding: 7px 10px;
        position: relative;
    }

        .vtdassigntotask li:hover, .vtdassigntotask li:active {
            background-color: #4d8ffd;
            border-color: #4d8ffd;
        }
/*------------------ 3rd Nov.2017 start ----------------*/


#divNotificationCenter .borderbox .titlebox {
    background-color: none;
}

    #divNotificationCenter .borderbox .titlebox h4 {
        font-size: 14px;
        color: #505050;
        font-weight: 600;
    }

#tblProjectNotificationList .mynotifiyold {
    background: inherit;
    border: 0px;
    border-bottom: 1px solid #e9e9e9;
}

.titlebox .duedate {
    width: 67px;
    display: inline-block;
    float: left;
}

.titlebox .duedatevalue {
    width: calc(100% - 67px);
    display: inline-block;
    margin-top: 10px;
}

.duedatevalue span.k-datepicker .k-picker-wrap.k-state-default, .duedatevalue .k-state-default > .k-select {
    box-shadow: none !important;
    border: none !important;
}

.duedatevalue span.k-datepicker .k-input {
    background-color: transparent;
}

.error-message {
    color: red !important;
}

.position-absolute {
    position: absolute;
}

.notificationblock i {
    font-size: inherit;
}

.notificationblock .climg {
    min-width: 33px;
}

.notificationblock .newmessage {
    text-align: center;
    height: 17px;
    margin-right: 5px;
}

.notificationblock .k-grid tr:nth-child(odd), .notificationblock .k-grid tr:nth-child(even) {
    background: #fff;
}

.notificationblock .mynotifiyold {
    border-top: 0px;
    border-bottom: 0px;
}
/*#main-Assigner .image-resize, #div-task-note-main-Assigner .image-resize, .assign-img .image-resize{vertical-align:top;margin-top:-3px; }*/
#divTaskNotes .projectnotesearch {
    display: inline-table;
    width: 100%;
}

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

.p-image .image-resize, .p-image .name-img-small {
    margin-top: -3px !important;
}

#div-task-note-main-Assigner .name-img-small {
    height: 20px !important;
    width: 20px !important;
    line-height: 20px !important;
}

#div-task-note-main-Assigner {
    padding: 5px 7px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-top-12 {
    margin-top: 12px !important;
}

.color-dark-blue {
    color: #3c619e !important
}

.under-line {
    text-decoration: underline
}

.duedategap {
    width: auto !important
}

.inlinerow {
    text-align: right;
}

    .inlinerow .inlineblock {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        position: relative;
        margin-left: 20px;
    }

.priorityvalue {
    display: inline-block;
    vertical-align: top;
}

.inlinerow .inlineblock .priorityName {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    min-width: 80px;
    text-align: center;
}
/*.projectdateselctor span.k-picker-wrap { max-width:140px !important;}*/
.task-no-padding .fes-row [class^="fes-"] {
    padding: 0px;
}

.taskAssigned .Filter-dropdown-panel {
    top: auto;
    bottom: 100%;
}

.borderboxdetails.filterrow .k-dropdown-wrap .k-input {
    font-size: 11px;
    color: #5a5a5a;
}

.inlinerow .inlineblock .priorityName {
    padding: 6px 10px;
}

.graytext {
    color: #999999;
}

#user-notification .k-grid .k-pager-wrap {
    background-color: #555555 !important
}

#user-notification .k-grid, #user-notification .k-pager-wrap {
    border-color: #555555 !important
}

.nowhitespace {
    white-space: nowrap;
}

table thead tr th.existinggridth {
    text-align: center;
    color: white;
    background: #8E8E8E;
}

table thead tr th.replacementgridth {
    text-align: center;
    color: white;
    background: #767676;
}

.installtion-block .matdescbd.matdescbdfst {
    width: calc(41.66667% - 48px);
}

.material-block .matdescbd.matdescbdfst {
    width: calc(33.33333% - 48px);
}

.non-installation-block .matdescbd.matdescbdfst {
    width: calc(41.66667% - 32px);
}

.border-bottom-none {
    border-bottom: none !important
}

.border-right-none {
    border-right: none !important
}

.tranperant {
    background-color: transparent !important
}

#dvVideo {
    margin-bottom: 10px;
}

    #dvVideo .videoblock {
        width: calc(25% - 6px);
        margin: 15px 3px;
        float: left;
        padding: 0px;
    }

        #dvVideo .videoblock a {
            text-decoration: none;
            position: relative;
            display: block;
        }

    #dvVideo .videoimg {
        width: 100%;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 5px;
    }

    #dvVideo .videoblock a .videotime {
        position: absolute;
        background: #151515;
        color: #ffffff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -ms-border-radius: 5px;
        display: inline-block;
        right: 10px;
        bottom: 20px;
        padding: 2px 5px;
        font-size: 10px;
    }

    #dvVideo .videoimg img {
        width: 100%;
        height: 120px;
        display: block;
    }

    #dvVideo .videotitle {
        display: block;
        font-size: 12px;
        color: #3d3d3d;
        text-decoration: none;
        font-weight: 600;
    }

        #dvVideo .videotitle a {
            color: #3d3d3d;
        }

    #dvVideo .videodate {
        display: block;
        font-size: 10px;
        color: #858585;
        text-decoration: none;
    }

        #dvVideo .videodate .videoicon {
            float: right;
        }

            #dvVideo .videodate .videoicon a {
                display: inline-block;
                font-size: 11px;
                color: #b1b1b1;
                padding: 0px 3px;
            }

                #dvVideo .videodate .videoicon a.videodelete {
                    color: #da3131;
                }

.address-margin {
    margin-bottom: 4px !important;
    font-size: 1em !important;
    color: #b5b5b5;
    font-weight: 400 !important;
}

.grid-cancel-claw-back {
    background-color: #d9f9e0 !important;
}
/*.k-grid tr {
    pointer-events: none;
}*/
#GridInvoiceCenterSummary thead.k-grid-header {
    display: table-header-group !important;
}

.invoice-center-list .k-detail-row .k-grid {
    border: solid 1px #C5C5C5 !important;
}

.invoice-lalbe {
    color: #fff;
    font-size: 10px;
    padding: 0 3px;
    border-radius: 3px;
    margin-left: 30px;
    background: #ff3a8a
}

.video-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.documentlist-menu-sidebar .doc-has-sub > a, .signed-document-audit {
    clear: both;
}

/* 06-02-2018 Css Start */
.k-widget.k-tabstrip.k-header {
    margin: 15px 0;
}

.k-tabstrip .k-tabstrip-items {
    padding: 0;
}

.k-tabstrip-items .k-item.k-state-default {
    padding: 10px;
    text-decoration: none;
    color: #000;
    background: #f0f0f0;
    border: 1px solid #ddd;
    margin-bottom: -1px;
    font-size: 14px;
    border-radius: 0;
}

    .k-tabstrip-items .k-item.k-state-default.k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading {
        background: #fff;
        border-bottom: 1px solid #fff;
    }

.k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content {
    background: #fff;
    border: 1px solid #ddd;
    margin: 0;
    padding: 20px .92em;
}

.k-tabstrip .k-content.k-state-active {
    background: #fff;
    border: 1px solid #ddd;
    margin: 0;
}

.k-tabstrip-items .k-state-default .k-link, .k-panelbar > li.k-state-default > .k-link {
    padding: 0;
}
/* 06-02-2018 Css End */


/* 06-02-2017 CSS Start */
.tooltip-table .tooltipblock .tooltip {
    max-height: 80px;
    overflow: auto;
}
/* 06-02-2017 CSS Start */

.borderbox .titlebox.gray {
    background: #767676;
}

.borderbox .titlebox.blue {
    background: #4b8df8;
}

.borderbox .titlebox.green {
    background: #6cb41f;
}

.borderbox.whitebg {
    border-color: #e9e9e9 !important;
}

    .borderbox.whitebg .borderboxdetails {
        background: #ffffff;
    }


.phototab-desc .sub .file-img span img {
    width: 20px;
    height: 20px;
    margin-right: 13px;
}

.taskdescritpion ol {
    list-style: decimal !important
}

.taskdescritpion ul {
    list-style: initial !important
}

/* Added on 13-March-2018 for Ticket#575 */

.lightpinkforHA {
    background: #ffd7d7 !important
}

.darkpinkforHA {
    color: #cf2929 !important;
}

.pink-background {
    background-color: #ffd7d7 !important
}

.pink-Header {
    color: #cf2929 !important;
    float: right;
    margin-right: 1%;
}

.black-Header {
    color: #000000 !important;
    float: right;
    margin-right: 1%;
}

.lable-differ {
    clear: both;
}

.pac-container {
    z-index: 10011;
}

.lightGreen {
    background-color: #3eb1b8 !important
}

.vendor-invoice .grey .borderboxdetails {
    background-color: #fff !important;
    border: 1px solid #c5c5c5;
}

.sitestate {
    margin-left: 5%;
}

.viewerImage {
    width: 80px !important;
}

.grid-claw-back {
    color: red !important;
}

#UlPhotosList {
    list-style-type: none;
    margin: 0px;
    padding: 0;
    overflow: hidden;
}

.LiPhotos {
    float: left;
    padding: 5px;
    position: relative;
}

.target-budget-box .row {
    margin: 5px 0;
}

.targetbugetpanel.borderbox {
    border: none;
}

    .targetbugetpanel.borderbox .titlebox {
        border: 1px solid #d5d5d5;
        background: #f0f0f0;
        padding: 0px;
        line-height: 34px;
    }

        .targetbugetpanel.borderbox .titlebox label {
            color: #0d0d0d;
        }

    .targetbugetpanel.borderbox [class^="fes-"] {
        padding: 0 11px;
    }

    .targetbugetpanel.borderbox .scrolly {
        height: auto;
        padding-bottom: 45px;
    }

    .targetbugetpanel.borderbox .borderboxdetails .row {
        margin: 0 -3px;
        padding: 8px 0;
        border-bottom: 1px solid #e4e4e4;
    }

        .targetbugetpanel.borderbox .borderboxdetails .row:last-child {
            border: none;
        }

.targetnumbertext {
    text-align: right;
}

.targetnumbertextbold {
    font-weight: bold;
}

.borderling {
    border-right: 1px solid #d5d5d5;
}

#replacementFixtureCatalogNumberList-list .k-list .k-state-hover, #replacementFixtureCatalogNumberList-list .k-list .k-state-focused, #replacementFixtureCatalogNumberList-list .k-list .k-state-selected {
    border: 0px;
}

#replacementFixtureCatalogNumberList-list .k-item {
    border-bottom: 1px solid #ebebeb !important;
    padding: 9px 0 !important;
    min-height: inherit;
    line-height: inherit;
}
    /*#replacementFixtureCatalogNumberList-list .k-item > span:first-child { width: 30px; height: 30px; display: inline-block; margin-right: 10px; padding: 0px 0px !important; }*/
    /*#replacementFixtureCatalogNumberList-list .k-item > span:first-child img { width: 100%; height: 30px; vertical-align: top; border: 1px solid #be4145; border-radius: 100% !important; -moz-border-radius: 100% !important; -webkit-border-radius: 100% !important; }*/
    .replacefix-label,
    #replacementFixtureCatalogNumberList-list .k-item > span h3 {
        font-size: 12px;
        color: #484848;
        font-weight: 500;
        line-height: 12px;
    }

    #replacementFixtureCatalogNumberList-list .k-item > span p {
        font-size: 9px;
        line-height: 14px;
        color: #919191;
    }

#replacementFixtureCatalogNumberList-list .k-state-focused.k-state-selected, #replacementFixtureCatalogNumberList-list .k-list > .k-state-focused.k-state-selected, #replacementFixtureCatalogNumberList-list .k-listview > .k-state-focused.k-state-selected, #replacementFixtureCatalogNumberList-list td.k-state-focused.k-state-selected {
    box-shadow: none;
    background: #ebebeb;
    color: #2e2e2e
}

    #replacementFixtureCatalogNumberList-list .k-state-focused.k-state-selected span p {
        color: #919191;
    }

#replacementFixtureCatalogNumberList-list .k-item.k-state-hover {
    background: #ebebeb;
    cursor: pointer;
}

    #replacementFixtureCatalogNumberList-list .k-item.k-state-hover span h3, #replacementFixtureCatalogNumberList-list .k-item.k-state-hover span p {
    }
/*#replacementFixtureCatalogNumberList-list .k-state-default{float:left}*/
#commissionbutton .bootstrap-switch-container {
    min-width: 125px;
}

#replacementFixtureCatalogNumberList-list .k-state-hover, .k-state-hover:hover, .k-list > .k-state-hover, .k-state-selected, .k-state-focused {
    color: #2e2e2e
}

.replacemetFixture {
    float: left
}

#target-budget-Edit-form .scrolly {
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    width: 100%;
}

#tblProjectCenterList a, #divTaskCenterListScroll a, #divMaintenanceCenterListScroll a, #GlobalTextSearch_listbox li a, #GlobalTextTaskSearch-list ul li a, #MaintenanceGlobalTextSearch_listbox li a, #MaintenanceGlobalTextTaskSearch-list ul li a {
    color: #000000 !important;
    text-decoration: none;
}

.headerright .searchblock {
    float: left;
    margin-top: 5px;
}

.fes-searchicon {
    float: left;
    margin-top: 5px;
    margin-right: 20px;
}

.headerright .user-info .searchblock i {
    color: #fff !important;
    font-size: 100% !important;
    padding: 0px 35% !important;
}

.headerright .searchblock .iconsearch {
    width: 43px;
}

#divGridcolumnSelectPanel .k-multiselect-wrap input::placeholder {
    font-size: 10px !important;
}

#target-budget-Edit-form .scrolly {
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    width: 100%;
}

#ProjectCenter-Filter-form .k-multiselect-wrap, #TaskCenter-Filter-form .k-multiselect-wrap, #MaintenanceCenter-Filter-form .k-multiselect-wrap {
    border: 1px solid #cfcbcb;
}

.user-info #GlobalTextSearch {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    height: 25px;
    line-height: 26px;
    padding: 0px 10px;
    font-size: 12px;
    color: #b0b0b0;
}

.user-info .fes-searchbar .k-widget {
    border-radius: 5px
}

.contract-approval-list .title {
    font-weight: 400;
}

.contract-approval-list li {
    font-size: 12px;
    border-bottom: 1px solid #e9e9e9;
    display: block;
}

    .contract-approval-list li .percentage i {
        margin-right: 5px;
    }

    .contract-approval-list li .title {
        padding: 10px;
        float: left;
        width: 35%;
    }

    .contract-approval-list li .percentage {
        padding: 10px;
        float: left;
        width: 30%;
    }

    .contract-approval-list li .information {
        padding: 10px;
        float: left;
        width: 35%;
        color: #f00;
        font-weight: 600;
    }

    .contract-approval-list li:after {
        clear: both;
        content: '';
        display: block;
        width: 100%;
    }

.newtabrightClick {
    float: left;
    width: calc(90% + 10px);
    margin-left: -5px;
    margin-right: -5px;
    background: #EBEBEB;
    padding: 4px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    color: #333333;
}
/**upcharges costing*/
#up-charges-form .upcharges {
    border: 0px
}

.upcharges .borderbox {
    border: none;
}

    .upcharges.borderbox .titlebox {
        border: 1px solid #d5d5d5;
        background: #f0f0f0;
        padding: 0px;
        line-height: 34px;
    }

        .upcharges.borderbox .titlebox label {
            color: #0d0d0d;
        }

    .upcharges.borderbox [class^="fes-"] {
        padding: 0 11px;
    }

    .upcharges.borderbox .scrolly {
        height: auto;
        padding-bottom: 45px;
    }

    .upcharges.borderbox .borderboxdetails .row {
        margin: 0 -3px;
        padding: 8px 0;
        border-bottom: 1px solid #e4e4e4;
    }

        .upcharges.borderbox .borderboxdetails .row:last-child {
            border: none;
        }

.newtabrightClick {
    float: left;
    width: calc(90% + 10px);
    margin-left: -5px;
    margin-right: -5px;
    background: #EBEBEB;
    padding: 4px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    color: #333333;
}

    .newtabrightClick:hover {
        cursor: pointer
    }

.newtabrightClick {
    float: left;
    width: calc(90% + 10px);
    margin-left: -5px;
    margin-right: -5px;
    background: #EBEBEB;
    padding: 4px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    color: #333333;
}

/* 26-06-2018 Harsh CSS Start*/
.font-weight-medium {
    font-weight: 600 !important;
}

.text-muted {
    color: #505050 !important;
}

.text-success {
    color: #36a742 !important;
}

.text-danger {
    color: #fc3636 !important;
}

.text-primary {
    color: #224282 !important;
}

.text-warning {
    color: #efa719 !important;
}

.text-light-blue {
    color: #4d90fe !important;
}

.graph-block {
    padding: 15px;
}

    .graph-block img {
        width: 100%;
    }

.invoicing-detail {
    padding: 10px 11px 6px 11px;
}

    .invoicing-detail.form-row .form-group label {
        line-height: 26px;
        display: inline-block;
        margin-bottom: 0;
    }

        .invoicing-detail.form-row .form-group label.cost-label {
            line-height: 1;
        }

    .invoicing-detail label small {
        font-size: 8px;
    }

    .invoicing-detail hr {
        margin: 10px 0 4px;
    }

    .invoicing-detail.form-row .invoice-price .form-group label {
        font-size: 17px;
        font-weight: 700;
    }

.invoice-price {
    background-color: #e5ecf9;
    margin-top: 7px;
    padding: 11px 10px;
}

.costing-project-activity .tab li a {
    margin-left: -1px;
    min-width: 100px;
    text-align: center;
}

.costing-project-activity .tab li:first-child a {
    margin-left: 0;
}

.costing-project-activity .subtabContent {
    padding: 10px 0 0 0;
}

.costing-project-activity .tabledesigntasklist thead th {
    color: #9e9d9d;
    font-size: 12px !important;
}

.costing-project-activity .tabledesigntasklist table {
    width: 100%;
}

.costing-project-activity .tabledesigntasklist td {
    position: relative;
    padding: 12px 5px;
    color: #454545;
    font-size: 12px;
}

    .costing-project-activity .tabledesigntasklist td .expand-detail {
        font-size: 0;
        display: inline-block;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 9px solid #d1d1d1;
        vertical-align: middle;
        transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
    }

        .costing-project-activity .tabledesigntasklist td .expand-detail.active {
            border-left-color: #224282;
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
        }

.costing-project-activity .tabledesigntasklist .tr-expanded td {
    background-color: #dee7f8;
}

.costing-project-activity .tabledesigntasklist td:first-child,
.costing-project-activity .tabledesigntasklist th:first-child {
    padding-left: 15px;
}

.costing-project-activity .tabledesigntasklist td i {
    font-size: 14px;
    color: #9a9b9c;
}

.costing-project-activity .tabledesigntasklist .tr-expanded td i {
    color: #224282;
}

.costing-project-activity .tabledesigntasklist .dropdown-tr > td {
    padding: 17px 11px 30px;
}

.costing-project-activity .tabledesigntasklist .dropdown-tr td .dropdown-table table {
    width: 100%;
    border: 1px solid #d1d1d1;
    border-collapse: collapse;
}

    .costing-project-activity .tabledesigntasklist .dropdown-tr td .dropdown-table table th,
    .costing-project-activity .tabledesigntasklist .dropdown-tr td .dropdown-table table td {
        color: #505050;
        border-color: #d1d1d1;
        padding: 7px 25px;
    }

    .costing-project-activity .tabledesigntasklist .dropdown-tr td .dropdown-table table thead th {
        background-color: #f0f0f0;
    }

    .costing-project-activity .tabledesigntasklist .dropdown-tr td .dropdown-table table td i {
        color: #224282;
        margin-right: 5px;
        position: relative;
        top: 1px;
    }

    .costing-project-activity .tabledesigntasklist .dropdown-tr td .dropdown-table table td a {
        color: #224282;
    }

.costing-project-activity .tabledesigntasklist .dropdown-tr {
    display: none;
}

    .costing-project-activity .tabledesigntasklist .dropdown-tr.dropdown-active {
        display: table-row;
    }

.costing-project-activity .tabledesigntasklist.tablejobcostlist td:last-child,
/*.costing-project-activity.project-activity .tabledesigntasklist.tablejobcostlist th:last-child {padding-left: 50px;}*/
.costing-project-activity .tabledesigntasklist.tableinvoicelist td:first-child i {
    padding-left: 3px;
}

.costing-project-activity .tabledesigntasklist.tableinvoicelist td:last-child i {
    padding-left: 7px;
}

.note-checklist .chatslist .message div {
    margin-bottom: 15px;
}

    .note-checklist .chatslist .message div:last-child {
        margin-bottom: 0;
    }

.note-checklist .chatslist .message .atwho-inserted {
    font-weight: 400 !important;
}

.note-checklist .projectnotesearch .autosearchblock .drop-down {
    width: auto;
    min-width: 210px;
}

.note-checklist .projectnotesearch .autosearchblock .k-dropdown .k-dropdown-wrap {
    min-width: inherit;
}

.note-checklist .projectnotesearch .autosearchblock .note-label {
    margin-top: 2px;
    display: inline-block;
}

.adjust_entry_popup .form-row .form-group {
    margin-bottom: 25px;
}

    .adjust_entry_popup .form-row .form-group > label {
        color: #505050;
        font-size: 12px;
    }

.adjust_entry_popup .k-input {
    width: 100%;
    padding: 4px 5px;
    line-height: 15px;
    font-size: 12px;
    text-indent: 0 !important;
}

.adjust_entry_popup .form-row .form-group .fieldvalue textarea {
    min-height: 68px;
    font-family: 'Open Sans';
    font-size: 12px;
    color: #505050;
}

.adjust_entry_popup .form-row .form-group .btn.delete-btn {
    color: #e03a42;
    background-color: transparent;
}

.adjust_entry_popup .viewmode-controls {
    color: #2e2e2e
}
/*Job costing grid css*/
.tabledesigntasklist #MainGridJobCosting thead th, .tabledesigntasklist #MainGridMaintenanceJobCosting thead th {
    background: transparent none repeat scroll 0 0 !important;
    border: medium none !important;
    border-bottom: 1px solid #ddd !important;
    font-weight: 400 !important;
    color: #9e9d9d !important;
    font-size: 12px !important;
    padding: 0.5em 1em 0.4em 1em !important;
}

.tabledesigntasklist #MainGridJobCosting tbody td, .tabledesigntasklist #MainGridMaintenanceJobCosting tbody td {
    font-size: 12px !important;
    padding: 1em 1em 1em 1em !important;
}

    .tabledesigntasklist #MainGridJobCosting tbody td.expired, tabledesigntasklist #MainGridMaintenanceJobCosting tbody td.expired {
        color: #F44234 !important;
    }

#MainGridJobCosting .tabledesigntasklist .k-grid-header .k-grid .k-grid-header .k-header, #MainGridMaintenanceJobCosting .tabledesigntasklist .k-grid-header .k-grid .k-grid-header .k-header {
    background: transparent none repeat scroll 0 0 !important;
    border: medium none !important;
    border-bottom: 1px solid #ddd !important;
    font-weight: 400 !important;
    color: #000 !important;
    font-size: 12px !important;
}
/*#MainGridJobCosting .tabledesigntasklist tbody td{font-size:12px !important;}
#MainGridJobCosting .tabledesigntasklist tbody td.expired{color:#F44234 !important;}*/

#MainGridJobCosting .k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content, #MainGridMaintenanceJobCosting .k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content {
    padding-left: 0 !important;
    padding-right: 0 !important
}

#MainGridJobCosting .k-tabstrip .k-header, #MainGridMaintenanceJobCosting .k-tabstrip .k-header {
    color: #505050 !important;
    border-color: #d1d1d1 !important;
    padding: 7px 7px;
    border: none !important;
    border-bottom: solid 1px #C5C5C5 !important;
}

#MainGridJobCosting .k-detail-row .k-grid, #MainGridMaintenanceJobCosting .k-detail-row .k-grid {
    border: solid 1px #c5c5c5 !important
}

#MainGridJobCosting .k-detail-row .k-header:first-child, #MainGridMaintenanceJobCosting .k-detail-row .k-header:first-child {
    color: #505050 !important;
    border-color: #d1d1d1 !important;
    padding: 7px 0px;
    border: none !important;
}

#MainGridJobCosting .k-detail-row thead tr, #MainGridMaintenanceJobCosting .k-detail-row thead tr {
    background: #f0f0f0 !important;
}

#MainGridJobCosting .k-detail-row .k-grid tbody tr, #MainGridMaintenanceJobCosting .k-detail-row .k-grid tbody tr {
    background: #fff !important;
}

#MainGridJobCosting, #MainGridMaintenanceJobCosting {
    border: none !important
}

.width-3 {
    width: 3%
}

.width-7 {
    width: 7%
}

.width-6 {
    width: 6%
}

.width-9 {
    width: 9%
}

.width-8 {
    width: 8%
}

.width-10 {
    width: 10%
}

.width-11 {
    width: 11%
}

.width-22 {
    width: 22%
}

.width-12 {
    width: 12%
}

.width-14 {
    width: 14%
}

.width-33 {
    width: 33%
}

.width-27 {
    width: 27%
}

.width-17 {
    width: 17%
}

.width-16 {
    width: 16%
}

.width-18 {
    width: 18%
}

.width-15 {
    width: 15%
}

.width-20 {
    width: 20%
}

.width-24 {
    width: 24%
}

.width-25 {
    width: 25%
}

.width-45 {
    width: 33%
}

.width-50 {
    width: 50%
}

.width-75 {
    width: 75%
}

.padding-right0 {
    padding-right: 0
}

.costing-project-activity .tabledesigntasklist .k-state-selected td i {
    color: #224282
}

#MainGridJobCosting .k-state-selected .text-danger, #MainGridMaintenanceJobCosting .k-state-selected .text-danger {
    color: #fc3636 !important
}

#MainGridJobCosting .k-state-selected .text-success, #MainGridMaintenanceJobCosting .k-state-selected .text-success {
    color: #36a742 !important
}
/*#MainGridJobCosting .k-grid-header .k-header > .k-link {  color: #9e9d9d !important; font-size: 12px !important;}*/
#MainGridJobCosting .k-tabstrip .k-header > .k-link, #MainGridMaintenanceJobCosting .k-tabstrip .k-header > .k-link {
    color: #505050 !important;
    font-size: 12px !important;
}

#MainGridJobCosting .k-tabstrip td i, #MainGridMaintenanceJobCosting .k-tabstrip td i {
    color: #224282 !important;
    font-size: 12px !important;
}

#MainGridJobCosting .k-detail-cell td i, #MainGridMaintenanceJobCosting .k-detail-cell td i {
    color: #224282 !important;
    font-size: 12px !important;
}

#JobCostingBillsGrid thead th {
    background: transparent none repeat scroll 0 0 !important;
    border: medium none !important;
    border-bottom: 1px solid #ddd !important;
    font-weight: 400 !important;
    color: #9e9d9d !important;
    font-size: 12px !important;
    padding: 0.5em 2.2em 0.4em 2.2em !important
}

    #JobCostingBillsGrid thead th .k-link {
        color: #9e9d9d !important;
    }

#JobCostingBillsGrid tbody td {
    font-size: 12px !important;
}

    #JobCostingBillsGrid tbody td.expired {
        color: #F44234 !important;
    }

#JobCostingBillsGrid {
    border: none !important
}

    #JobCostingBillsGrid tbody tr {
        background: #fff !important
    }

.costing-project-activity #JobCostingBillsGrid td {
    position: relative;
    padding: 12px 5px;
    color: #454545;
    font-size: 12px;
    padding: 1em 2.2em 1em 2.2em !important;
}

#JobCostingInvoicesGrid thead th {
    background: transparent none repeat scroll 0 0 !important;
    border: medium none !important;
    border-bottom: 1px solid #ddd !important;
    font-weight: 400 !important;
    color: #9e9d9d !important;
    font-size: 12px !important;
    padding: 0.5em 2.2em 0.4em 2.2em !important
}

#JobCostingInvoicesGrid tbody td {
    font-size: 12px !important;
}

    #JobCostingInvoicesGrid tbody td.expired {
        color: #F44234 !important;
    }

#JobCostingInvoicesGrid {
    border: none !important
}

    #JobCostingInvoicesGrid tbody tr {
        background: #fff !important
    }

.costing-project-activity #JobCostingInvoicesGrid td {
    position: relative;
    padding: 12px 5px;
    color: #454545;
    font-size: 12px;
    padding: 1em 2.2em 1em 2.2em !important;
}

.Overflow-y {
    overflow-y: auto
}

.tabledesigntasklist #MainGridJobCosting tfoot td, .tabledesigntasklist #MainGridMaintenanceJobCosting tfoot td {
    padding: 1em 1em 1em 1em !important;
}

.setRowColoronHover:hover {
    background-color: #EBF3FF;
}

    .setRowColoronHover:hover .DeleteCustomFilter, .setRowColoronHover:hover .SaveDefaultCustomFilter {
        display: block
    }

.DeleteCustomFilter, .SaveDefaultCustomFilter {
    display: none;
}

.setSelectedRowColor {
    background-color: #EBF3FF;
}

.max-height-500 {
    max-height: 500px;
}
/* 26-06-2018 Harsh CSS End*/
.Filter-panel {
    position: absolute;
    right: 0px;
    top: 100%;
    border-top: 1px solid #959595;
    margin-top: 10px;
}
/* 30-07-2018 Harsh CSS Start */
.project-center-filter.Filter-panel {
    position: absolute;
    top: calc(100% - 25px);
    margin-top: 10px;
    padding: 0;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    border: 1px solid #d3d3d3;
    max-width: 320px;
    right: 89px;
    max-height: inherit;
    overflow: hidden;
}

    .project-center-filter.Filter-panel .fes-row {
        margin-bottom: 0;
    }

    .project-center-filter.Filter-panel .project-center-filter-scroller {
        max-height: 700px;
        overflow: auto;
        overflow-x: hidden;
    }

        .project-center-filter.Filter-panel .project-center-filter-scroller .project-label {
            padding: 20px 20px 15px;
            color: #bbb;
            font-size: 13px;
        }

    .project-center-filter.Filter-panel .filter-panel.gray-heading {
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 0;
    }

        .project-center-filter.Filter-panel .filter-panel.gray-heading a.filter-project {
            padding: 0 !important;
            color: #4d8ffd;
        }

    .project-center-filter.Filter-panel .form-row .fes-row [class^="fes-"] {
        padding: 0px 12px;
    }

.btn-gry-color {
    color: #929292
}

#MainGridJobCosting .k-tabstrip .k-content.k-state-active, #MainGridMaintenanceJobCosting .k-tabstrip .k-content.k-state-active {
    padding-top: 0px;
    padding-bottom: 0px;
}

#MainGridJobCosting .k-widget.k-tabstrip.k-header, #MainGridMaintenanceJobCosting .k-widget.k-tabstrip.k-header {
    margin: 15px 0 0 0;
}

#MainGridJobCosting .k-tabstrip .k-grid, #MainGridMaintenanceJobCosting .k-tabstrip .k-grid {
    margin: 15px 0 0 0 !important;
}

.tabledesigntasklist #MainGridJobCosting tbody td td, .tabledesigntasklist #MainGridMaintenanceJobCosting tbody td td {
    padding: 0.5em 1em 0.5em 1em !important
}

#MainGridJobCosting .k-hierarchy-cell, #MainGridMaintenanceJobCosting .k-hierarchy-cell {
    width: 6%
}

.master-iframe-outer iframe {
    height: 87vh !important;
}

.header-custom-filter {
    display: inline-block;
    position: relative;
}

    .header-custom-filter a.iconsearch {
        display: inline-block;
        min-width: 100px;
        text-align: left;
        padding: 0 10px;
    }

        .header-custom-filter a.iconsearch span {
            display: inline-block;
            padding-left: 5px;
        }

    .header-custom-filter .project-center-filter.Filter-panel {
        right: inherit;
        left: 5px;
        top: 100%;
        width: 320px;
        text-align: left;
    }
/* 26-06-2018 Harsh CSS End*/
.project-center-filter.Filter-panel {
    position: absolute;
    top: calc(100% - 25px);
    margin-top: 10px;
    padding: 0;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    border: 1px solid #d3d3d3;
    max-width: 320px;
    right: 89px;
    max-height: inherit;
    overflow: hidden;
}

    .project-center-filter.Filter-panel .fes-row {
        margin-bottom: 0;
    }

    .project-center-filter.Filter-panel .project-center-filter-scroller {
        max-height: 700px;
        overflow: auto;
        overflow-x: hidden;
    }

    .project-center-filter.Filter-panel .filter-panel.gray-heading {
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 0;
    }

        .project-center-filter.Filter-panel .filter-panel.gray-heading a.filter-project {
            padding: 0 !important;
            color: #4d8ffd;
        }

    .project-center-filter.Filter-panel .form-row .fes-row [class^="fes-"] {
        padding: 0px 12px;
    }

.btn-gry-color {
    color: #929292
}

#MainGridJobCosting .k-tabstrip .k-content.k-state-active, #MainGridMaintenanceJobCosting .k-tabstrip .k-content.k-state-active {
    padding-top: 0px;
    padding-bottom: 0px;
}

#MainGridJobCosting .k-widget.k-tabstrip.k-header, #MainGridMaintenanceJobCosting .k-widget.k-tabstrip.k-header {
    margin: 15px 0 0 0;
}

#MainGridJobCosting .k-tabstrip .k-grid, #MainGridMaintenanceJobCosting .k-tabstrip .k-grid {
    margin: 15px 0 0 0 !important;
}

#MainGridJobCosting .k-hierarchy-cell, #MainGridMaintenanceJobCosting .k-hierarchy-cell {
    width: 6%
}

.filterrow .fes-fieldrow .k-dropdown .k-dropdown-wrap {
    background: #fff;
    border: 1px solid #c5c5c5;
}

.k-dropdown .k-dropdown-wrap .k-icon {
    position: relative;
    top: -2px;
}

.k-multiselect-wrap li {
    border-radius: 0;
}

.k-multiselect-wrap > .k-i-close {
    display: none !important;
}

.k-multiselect-wrap li:hover {
    background-color: #4d8ffd;
    border-color: #4d8ffd;
}

#ProjectCenter-Filter-form .k-multiselect-wrap, #TaskCenter-Filter-form .k-multiselect-wrap, MaintenanceCenter-Filter-form .k-multiselect-wrap {
    padding-right: 0;
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    background-color: #fff;
    border: 1px solid #c5c5c5;
}

.project-profile-kendo-window .kendo-window-panel .site-phone-field {
}

    .project-profile-kendo-window .kendo-window-panel .site-phone-field span.text-box {
        padding: 0;
        border: none;
    }

    .project-profile-kendo-window .kendo-window-panel .site-phone-field span.k-textbox input {
        padding: 0.17857143em 0;
        background-color: #fff;
        border: 1px solid #c5c5c5;
    }

input.k-textbox {
    border: 1px solid #c5c5c5;
}

.k-listbox .k-item, .k-popup .k-list .k-item {
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
}

    .k-listbox .k-item, .k-popup .k-list .k-item.k-state-hover {
        background-color: #4d8ffd;
        border-color: #4d8ffd;
        background-image: none;
    }

.master-iframe-outer iframe {
    height: 91vh !important;
}

.k-widget.k-tooltip-validation {
    color: #635145;
}

.k-checkbox-label:before {
    top: -11px;
}

.k-checkbox:checked + .k-checkbox-label:before {
    color: #000000;
}

button:focus {
    outline: none;
}

input.k-textbox {
    padding: 2px .3em;
}

.k-editor-toolbar .k-tool-icon.k-icon {
    margin-top: 0;
    color: #2e2e2e;
}

    .k-editor-toolbar .k-tool-icon.k-icon:before {
        margin-top: 0;
    }

.master-iframe-outer iframe {
    height: 87vh !important;
}
/* 26-06-2018 Harsh CSS End*/
.jobcosting-irr {
    background-color: #e5ecf9;
    margin-top: 5px;
    padding: 0 10px;
}

    .jobcosting-irr label {
        font-size: 16px !important;
        font-weight: 700;
        padding-left: 8px;
    }
/* 27-08-2018 Harsh CSS Start*/
.upcharges-div .k-checkbox-label:before {
    top: 0;
}

.loginform .editor-field .k-checkbox-label:before {
    top: 0;
}
/* 27-08-2018 Harsh CSS End*/

.replacement-fix-margin-left {
    margin-left: 33px !important;
}

.replacement-select .k-dropdown-wrap .k-input {
    text-indent: 0 !important;
}

.grey-flag {
    color: #f0f0f0
}

.divflognote {
    overflow-y: scroll;
    min-height: 50px;
    max-height: 500px;
    color: #333333;
}

.ediprojecttooltipblock .tooltip {
    position: absolute;
    top: -8px;
    right: 99%;
    border: 1px solid #333;
    background: #fff;
    opacity: 0;
    width: 300px;
    padding: 10px;
    display: none;
    font-family: Calibri;
}

.ediprojecttooltipblock:hover .tooltip {
    opacity: 1;
    display: block;
}

.ediprojecttooltipblock .tooltip strong {
    color: #000000;
    font-weight: bold;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.custom-select-invoice .k-dropdown-wrap .k-input:before {
    display: none !important
}

#divCreditGradingAnalysisSummary .doc-file-desc1 {
    padding: 3px !important;
}

#divCreditGradingAnalysisSummary .lableName {
    color: #2887d0;
}

#divCreditGradingAnalysisSummary .fes-row {
    margin: 0px !important;
}

#divCreditGradingAnalysisSummary .creditGradingAnalysisSummaryRow:nth-child(odd) {
    padding: 8px 4px;
}

#divCreditGradingAnalysisSummary .creditGradingAnalysisSummaryRow:nth-child(even) {
    padding: 8px 4px;
    background-color: #f2f6ff;
}

#gauge-container {
    /*background: transparent url("/Content/Images/gauge-container-partial.png") no-repeat 50% 50%;*/
    width: 386px;
    height: 279px;
    text-align: center;
    margin: 0 auto 30px auto;
}

#gauge {
    width: 350px;
    height: 300px;
    margin: 0 auto;
    border-color: transparent;
}

#gauge-container .k-slider {
    margin-top: -11px;
    width: 140px;
}

.k-resize-e {
    width: 0 !important
}

.pane--table-CreditGradingAnalysis table {
    border-collapse: collapse;
    background: white;
    table-layout: fixed;
    /*width: 100%;*/
}

.pane--table-CreditGradingAnalysis th, .pane--table-CreditGradingAnalysis td {
    padding: 8px 16px;
    /*width: 80px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pane--table-CreditGradingAnalysis th {
    border-left: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5
}

.rowSpanMiddleText {
    vertical-align: middle !important;
}

.pane--table-CreditReviewIndicatorDetails table {
    border-collapse: collapse;
    background: white;
    table-layout: fixed;
}

.pane--table-CreditReviewIndicatorDetails th, .pane--table-CreditReviewIndicatorDetails td {
    padding: 8px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pane--table-CreditReviewIndicatorDetails th, .pane--table-CreditReviewIndicatorDetails td {
    border: 1px solid #C5C5C5
}

.pane--table-CreditReviewIndicatorDetails thead tr th {
    background-color: #6D9EEB;
    color: white;
    vertical-align: middle;
}

.pane--table-CreditReviewIndicatorDetails tbody tr .creditReviewAnswerRow {
    background-color: white;
    color: black;
    word-wrap: break-word;
    table-layout: fixed;
}

.pane--table-CreditReviewIndicatorDetails tbody tr .creditReviewAssignedPointsRow {
    background-color: #CFE2F3;
    color: black;
}

.pane--table-CreditReviewIndicatorDetails tbody tr .creditReviewBlankRow {
    background-color: #D9D9D9;
    padding: 16px;
    border: none;
}

.cursorNotAllowed {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.grey-border-color {
    border-color: #c5c5c5 !important;
}

.red-border-color {
    border-color: #FF0000 !important;
}


.commission-detail-table-outer .k-grid,
.commission-detail-table-outer .k-grid table,
.commission-detail-table-outer .k-grid table thead,
.commission-detail-table-outer .k-grid table tbody,
.commission-detail-table-outer .k-grid table tr,
.commission-detail-table-outer .k-grid table tr th,
.commission-detail-table-outer .k-grid table tr th.k-header,
.commission-detail-table-outer .k-grid table tr td {
    border: none !important;
    background-color: transparent !important;
}

    .commission-detail-table-outer .k-grid table tr th,
    .commission-detail-table-outer .k-grid table tr th.k-header {
        font-size: 13px !important;
    }

        .commission-detail-table-outer .k-grid table tr th span,
        .commission-detail-table-outer .k-grid table tr th.k-header span {
            color: #999 !important;
        }

    .commission-detail-table-outer .k-grid table tr td {
        font-size: 13px;
        padding: 12px 0 12px 5px;
    }

    .commission-detail-table-outer .k-grid .k-pager-wrap {
        display: none;
    }

.commission-detail-table-outer .strong {
    font-weight: 700;
}

.commission-detail-table-outer .name-img-small {
    margin-right: 10px;
}

.bg-purple h6 {
    background: #EDE7F6 !important;
}

.k-window-titlebar {
    width: auto
}

#CommissionPaymentBatch .k-grid-header th.k-header > .k-link,
#CommissionPayment .k-grid-header th.k-header > .k-link,
#ClawBackPayment .k-grid-header th.k-header > .k-link,
#CommissionPaymentSummary .k-grid-header th.k-header > .k-link,
#SalesTaskList .k-grid-header th.k-header > .k-link,
#SalesProjectList .k-grid-header th.k-header > .k-link {
    padding: 0.6em 0.6em 0.6em 0.6em !important;
    color: #424242 !important
}

#CommissionPaymentBatch .green-font {
    color: #6cb41f !important;
}

#CommissionPaymentBatch .blue-font {
    color: #4E90FE !important;
}

#CommissionPaymentBatch tr:nth-child(odd),
#CommissionPayment tr:nth-child(odd),
#ClawBackPayment tr:nth-child(odd),
#SalesTaskList tr:nth-child(odd),
#SalesProjectList tr:nth-child(odd) {
    background: #F3F8FE !important;
}

.tablerow #CommissionPaymentBatch table tr td,
.tablerow #CommissionPayment table tr td,
.tablerow #ClawBackPayment table tr td,
.tablerow #CommissionPaymentSummary table tr td,
.tablerow #SalesTaskList table tr td,
.tablerow #SalesProjectList table tr td {
    padding-left: 0.7em !important;
    border-bottom: 1px solid #E9E9E9 !important;
    vertical-align: middle;
    color: #424242;
}

#CommissionPaymentBatch .k-grid-header th:first-child,
#CommissionPayment .k-grid-header th:first-child,
#CommissionPaymentSummary .k-grid-header th:first-child,
#SalesTaskList .k-grid-header th:first-child,
#SalesProjectList .k-grid-header th:first-child {
    Border: solid 1px #C5C5C5 !important;
}

#CommissionPaymentBatch,
#CommissionPayment, #CommissionPaymentSummary,
#SalesTaskList,
#SalesProjectList {
    Border: solid 1px #fff !important;
}

    #CommissionPaymentBatch .k-state-selected,
    #CommissionPayment .k-state-selected,
    #ClawBackPayment .k-state-selected,
    #CommissionPaymentSummary .k-state-selected,
    #SalesTaskList .k-state-selected,
    #SalesProjectList .k-state-selected {
        background: #4E90FE !important;
    }

    #CommissionPayment .grid-href a {
        text-decoration: none !important;
        font-weight: 600;
    }

    #CommissionPayment .k-grid-header th:first-child {
        padding: 0.6em 0.6em 0.6em 0.6em !important
    }

#divCommissionPaymentList .borderbox {
    border: none;
}

#divCommissionPaymentList .titleboxrow {
    clear: both;
    padding: 0px;
    position: relative;
    padding-bottom: 4px
}

.executedDocumentText {
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploadExecFileDoc {
    min-width: 350px !important;
    left: 600px !important;
    top: 300px !important;
}

.auditNickName {
    background-color: #555555;
    border: none;
    color: white;
}

#h1AuditNickName input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}

#h1AuditNickName .auditNickName input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

#h1AuditNickName .auditNickName input::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}

.check_shipping_Doc_Select_All ul li input[type="checkbox"] {
    vertical-align: middle;
}

.check_shipping_Doc_Select_All ul li,
.check_correspondence_Doc_Select_All ul li {
    padding: 10px 0px;
}

    .check_shipping_Doc_Select_All ul li a.fes-11,
    .check_correspondence_Doc_Select_All ul li a.fes-11 {
        float: none;
        width: calc(100% - 50px);
    }

    .check_shipping_Doc_Select_All ul li a.btn-delet-d,
    .check_correspondence_Doc_Select_All ul li a.btn-delet-d {
        float: none;
        width: auto;
        margin-top: 0 !important;
    }

    .check_correspondence_Doc_Select_All ul li input[type="checkbox"] {
        vertical-align: top;
        margin-top: 4px;
    }

    .check_correspondence_Doc_Select_All ul li.liSubAudit {
        border-bottom: 1px solid #e9e9e9;
        max-height: 45px;
    }

        .check_correspondence_Doc_Select_All ul li.liSubAudit a.btn-delet-d {
            border-bottom: none;
            vertical-align: top;
            margin-top: 4px !important;
        }

.check_correspondence_Doc_Select_All a.fes-11 {
    border-bottom: none;
}

.btnCommission {
    width: 170px;
    height: 35px;
    font-size: 7pt;
}

.lblGarylabel {
    color: #9e9d9d !important;
}

.k-grid .k-gray-content {
    color: #8E8E8E !important;
}

.k-grid .k-gray-content1 {
    color: #525252 !important;
}

.k-grid .k-red-content2 {
    color: red !important;
}

.manualUploadDoc a.fes-1 {
    margin-top: 8px !important;
    padding-bottom: 14px;
}

.ulexecuted > li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
}

.doc-file-list .ulexecuted > li a {
    border: none;
}

    .doc-file-list .ulexecuted > li a.fes-1 {
        margin-top: 8px !important;
    }

.ulexecuted li a.fes-11 {
    width: 100%;
}

    .ulexecuted li a.fes-11 .fes-2 {
        float: right;
    }

.ulexecuted li.uploadexehideshow a.fes-11 .fes-2 {
    float: left;
}

.ulexecuted li.uploadexehideshow a.fes-11 {
    width: 91.66667%;
}

.videosection {
    margin-top: 30px;
    float: left;
    width: 100%;
}

.video-block-panel {
    margin-bottom: 25px;
}

    .video-block-panel .video-left {
        width: 188px;
        height: 104px;
        float: left;
        text-align-last: center
    }

    .video-block-panel .video-right-detail {
        float: left;
        width: calc(100% - 188px);
        padding-left: 20px;
        color: black;
    }

    .video-block-panel .video-left img,
    .video-block-panel .video-left video {
        max-width: 100%;
        max-height: 100%;
    }

    .video-block-panel .video-left {
        position: relative;
        border: 1px solid #f7f7f7
    }

        .video-block-panel .video-left .time {
            background: #111;
            color: #fff;
            font-size: 11px;
            padding: 0px 6px;
            position: absolute;
            right: 4px;
            bottom: 4px;
            line-height: 16px;
            border-radius: 2px;
            -webkit-border-radius: 2px;
        }

    .video-block-panel .video-right-detail h4 {
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: 600;
        line-height: normal;
    }

    .video-block-panel .video-right-detail p {
        font-size: 13px;
        line-height: normal;
        font-weight: 400;
        margin-bottom: 8px;
    }

.searchvideodiv .fes-searchbar {
    padding: 0;
}

.searchvideodiv .fes-searchicon.searchblock {
    margin: 0;
    width: 100%;
}

    .searchvideodiv .fes-searchicon.searchblock .iconsearch {
        width: 100%;
        text-align: center;
    }

.titleboxrow.videotitlerow {
    margin-top: 10px;
    float: left;
    width: 100%;
}

    .titleboxrow.videotitlerow .fes-8 {
        width: calc(100% - 200px);
    }

    .titleboxrow.videotitlerow .fes-2.float-left {
        width: auto;
    }


.commisionbtn {
    background: #F34336;
    color: white;
}

    .commisionbtn:hover {
        background: #ac032a;
        color: #fff;
    }

.tableRowGrayColor {
    background: #F3F8FE !important;
    background-color: #F3F8FE !important;
    height: 40px !important;
}

.tableRowWhiteColor {
    background: #fff !important;
    background-color: #fff !important;
    height: 40px !important;
}

.customRowHeight {
    height: 40px !important;
}

.categorylistDivision {
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    cursor: default !important;
    padding: 9px 0 !important;
    margin-bottom: 0 !important;
}

    .categorylistDivision .edit-division {
        float: right;
    }

.mediaplayer .k-mediaplayer-toolbar {
    background-color: #F0F0F0 !important;
}

.k-mediaplayer-toolbar .k-button.k-bare {
    width: 35px;
    height: 41px;
}


.drpWidth-170 {
    width: 170px;
    position: relative;
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
    float: left;
}

.btnAddVideo {
    color: #0079e7 !important;
}

#MaintenanceQualification .checkboxdesign {
    position: relative;
}

#MaintenanceReview .checkboxdesign {
    position: relative;
}

    #MaintenanceReview .checkboxdesign input[type=checkbox]:not(old):checked + label > span:before {
        content: '✓';
        display: block;
        width: 12px;
        color: #fff;
        font-size: 11px;
        line-height: 1em;
        text-align: center;
        font-weight: bold;
    }

    #MaintenanceReview .checkboxdesign input[type=checkbox]:not(old):checked + label > span {
        background: #36ab43;
        border: 1px solid #36ab43;
    }

    #MaintenanceReview .checkboxdesign input[type=checkbox]:not(old) + label > span:before {
        content: '✓';
        display: block;
        width: 12px;
        color: #fff;
        font-size: 11px;
        line-height: 1em;
        text-align: center;
        font-weight: bold;
    }

    #MaintenanceReview .checkboxdesign input[type=checkbox]:not(old) + label > span {
        background: red;
        border: 1px solid red;
    }

.lblred {
    color: #ff1516 !important;
}

.padding-10 {
    padding: 10px !important;
}

.primaryExecutedDocumentText {
    width: 41.66667%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tableInstalled tbody td {
    padding: 8px 5px;
    color: #454545;
}

.fesInstalledbox h6 {
    color: #505050;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
}

.fesInstalledbox .tabContentCP {
    border-bottom: 1px solid #C5C5C5;
}

.fesInstalledbox .feswidgetboxdetails {
    padding-left: 20px;
    color: #3d3d3d;
}

/*09-MAY-2019*/
.sellreceivale .process-lable,
.sellreceivale .process-datepicker,
.sellreceivale .process-search,
.batch-project-filter .sellreceivale-dropdown,
.batch-project-filter .batch-toggle,
.batch-project-filter .searchsection {
    float: left;
    padding: 0 10px;
}

.batch-project-filter {
    position: relative;
}

.sellreceivale-dropdown .drop-down {
    min-width: 160px;
}

.batch-project-filter .searchsection {
    float: right;
    min-width: 400px;
}

.dashboardFilter {
    margin: 0
}

.process-search-btn .btn.blue {
    background-color: rgba(78,144,254,1);
    color: #c8ecff;
    font-size: 13px;
}

.batch-toggle .onoffswitch-label {
    height: 0;
    border: 6px solid #d1cfd2;
    width: 30px;
}

    .batch-toggle .onoffswitch-label:before {
        width: 20px;
        height: 20px;
    }

.batch-toggle .onoffswitch-checkbox + .onoffswitch-label:before {
    right: auto;
    left: -5px;
}

.batch-toggle .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    left: auto;
    right: 20px;
}

.batch-toggle .fieldvalue {
    font-size: 10px;
    color: #606060;
    font-family: "Open Sans";
    font-size: 9px;
    line-height: 13px;
    margin-top: 8px;
}

    .batch-toggle .fieldvalue .onoffswitch {
        margin-bottom: 3px
    }

.batch-project-filter .popupbox {
    top: 29px;
    left: 14px;
    width: calc(100% - 33px);
}

.batchreviewtable table {
    width: auto;
    min-width: 420px;
    border: 1px solid #cacac9;
    border-collapse: collapse;
}

.tabledesign .batchreviewtable tbody td {
    padding: 8px 5px;
    background: #fff;
}

    .tabledesign .batchreviewtable tbody td:last-child {
        text-align: right;
        border-left: 1px solid #cacac9;
    }

.tabledesign .batchreviewtable tbody td {
    border-bottom: 1px solid #cacac9;
}

    .tabledesign .batchreviewtable tbody td:first-child {
        background: #e9e9e9
    }

#tblBatchReviewList table tr,
#tblFesEntityProjectList table tr {
    background: transparent;
}

#tblBatchReviewList table,
#tblFesEntityProjectList table {
    border-collapse: collapse;
}

.sellreceivaletable {
    padding-top: 20px;
}
/*09-MAY-2019*/

/*13-MAY-2019*/
.batch-history-search {
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 10px;
}

#tblFesBatchHistoryList {
    border: 0 !important;
}

#batchHistoryDetailsHeader {
    padding-bottom: 20px;
    margin-bottom: 0;
    cursor: pointer;
}

    #batchHistoryDetailsHeader .fes-12 {
        padding: 0 30px 0 15px;
    }

    #batchHistoryDetailsHeader, #batchHistoryDetailsHeader .fa {
        color: #4d8ffd;
    }

#batchHistoryDetailsHeader {
    font-weight: 600;
}

    #batchHistoryDetailsHeader .fa {
        font-weight: 400;
        margin-right: 8px;
    }

    #batchHistoryDetailsHeader a {
        color: #4d8ffd;
        font-weight: 700;
        text-decoration: none;
    }

        #batchHistoryDetailsHeader a > i.fa {
            font-size: 15px;
            position: relative;
            top: 2px;
        }

.batchreviewtable table {
    float: left;
    margin: 0 5px;
    min-width: initial;
}

    .batchreviewtable table.assignment-aggregate {
        width: calc(35% - 10px);
    }

    .batchreviewtable table.assignment-from {
        width: calc(25% - 10px);
    }

    .batchreviewtable table.assignment-by {
        width: calc(20% - 10px);
    }

    .batchreviewtable table.assignment-note {
        width: calc(20% - 10px);
        min-height: 69px;
    }

th.blank, td.blank {
    border: 0;
    background-color: white !important;
}

    td.blank.blank-d-none {
        display: none;
    }

.sellreceivale-modal {
    min-width: 560px;
    min-height: inherit !important;
}

    .sellreceivale-modal .ReceivableMaster, .sellreceivale-modal .ReceivableMaster :hover {
        background-color: #ED2300;
        border-radius: 0px;
    }

    .sellreceivale-modal .ReceivableConfirm, .sellreceivale-modal .ReceivableConfirm:hover {
        background-color: #F5BF03;
        border-radius: 0px;
    }

    .sellreceivale-modal .ReceivableExit, .sellreceivale-modal .ReceivableExit:hover {
        background-color: #4A86E8;
        border-radius: 0px;
        color: black;
    }

    .sellreceivale-modal textarea {
        width: 100%;
        overflow-y: auto;
        min-height: 80px;
    }

    .sellreceivale-modal .actionbtn {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -o-flex;
        display: -ms-flex;
    }

    .sellreceivale-modal .actionbtn {
        justify-content: space-around;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -o-justify-content: space-around;
        -ms-justify-content: space-around;
    }

        .sellreceivale-modal .actionbtn button {
            font-size: 13px;
            line-height: 36px;
            padding: 0 15px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
        }

            .sellreceivale-modal .actionbtn button.ReceivableExit {
                width: 90px;
                color: #fff;
                text-transform: uppercase;
            }

            .sellreceivale-modal .actionbtn button,
            .sellreceivale-modal .actionbtn button.ReceivableExit {
                font-size: 13px;
            }

.reassign-pointerevent {
    pointer-events: none !important;
}

.reassigndetailsNote {
    height: 68px;
    width: 178px !important;
}

.reassignNote {
    width: 130px;
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/*13-MAY-2019*/

/* VB Start*/
.labelformat {
    font-size: 9px;
    color: #525252;
}

.textboxformat {
    border-bottom: solid;
    border-width: 1px;
    padding-top: 1px
}

.undelinetextbox {
    color: #878181;
    border: none;
    text-align: right;
    background-color: white;
    border-bottom: solid;
    border-color: #555555;
    border-width: 1px;
    border-radius: 0px !important;
    font-size: 10px;
    pointer-events: none;
}

.linetextbox {
    border-radius: 0px !important;
    border: none;
    text-align: right;
    background-color: white;
    border-bottom: solid;
    border-width: 0px;
    font-size: 10px;
    color: #878181;
    pointer-events: none;
}

.line {
    border-bottom: solid;
    border-width: 1px;
}

.textboxbackground {
    text-align: right;
    font-size: 10px;
    color: #EBF2FF;
    background-color: #EBF2FF !important;
    height: 25.29px;
    padding-left: 50px;
}

.adition {
    padding-left: 5px;
    border-radius: 0px;
}

.datetimetextcolor {
    color: #A09F9F !important;
}

.xlsbutton {
    line-height: 14px !important;
    background-color: white;
    border: none;
    color: #4D90FE;
    font-weight: bold;
    padding-top: 3px;
}

.rectangle {
    color: #878181;
    border: none;
    text-align: right;
    background-color: white;
    border: 1.5px solid #242424;
    border-color: #555555;
    border-width: 1px;
    border-radius: 0px !important;
    font-size: 10px;
    pointer-events: none;
    height: 25.29px;
}

.grey-1 {
    height: 41px;
    background-color: #E9E9E9;
    padding-left: 17px
}

.grey-2 {
    height: 31px;
    background-color: #E9E9E9;
    padding-left: 17px
}

.h-3 {
    height: 19px;
    width: 240.58px;
    color: #525252;
    font-family: "Open Sans";
    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 19px;
}

.orange1 {
    height: 28px;
    background-color: #F2AE06;
    border: none;
}

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

span.k-input {
    font-size: 12px;
}

span.k-listbox .k-item, .k-popup .k-list .k-item {
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    font-size: 12px;
    color: #555555 !important;
}

.padding-small {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-left-2 {
    padding-left: 6px !important;
}

.padding-left-3 {
    padding-left: 8px !important;
}

.h-5 {
    height: 28px;
    width: 363px;
    color: #525252;
    font-family: "Open Sans";
    font-size: 12px;
    letter-spacing: 0.09px;
    line-height: 17px;
}

.ui-sub-header-recievables-hist {
    height: 39px;
    width: 1200px;
}

button:hover {
    cursor: pointer;
}

.labelasset {
    padding-left: 16px;
    padding-right: 16px;
}

.textboxassets {
    padding-left: 12px;
    padding-right: 12px;
}

.righttextboxassets {
    padding-left: 8px;
    padding-right: 15px;
}

.textboxsize {
    padding-left: 8px !important;
    padding-right: 30px !important;
}

.dollarsignature {
    position: relative;
    display: inline;
}

    .dollarsignature:before {
        content: '$';
        position: absolute;
        top: 5px;
        left: 18px;
        z-index: 1;
        font-size: 9px;
        color: #525252;
    }

.dollarsignadd {
    position: relative;
    display: inline;
}

    .dollarsignadd:before {
        content: '$';
        position: absolute;
        top: 0px;
        left: 17px;
        z-index: 1;
        font-size: 9px;
        color: #525252;
    }

.perce {
    position: relative;
    display: inline;
}

    .perce:after {
        content: '%';
        position: absolute;
        top: 3px;
        right: 11px;
        z-index: 1;
        font-size: 9px;
        color: #525252;
    }
/*VB End*/

/*20-05-2019*/
.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup, .k-multiselect .k-button,
.k-multiselect .k-button:hover {
    color: #525252;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.09px;
}

.batch-toggle .onoffswitch-label {
    border: 6px solid #D1D1D1 !important;
}

.onoffswitch-checkbox:checked + .onoffswitch-label,
.onoffswitch-checkbox:checked + .onoffswitch-label:before,
.onoffswitch-checkbox:checked + .onoffswitch-label:before,
.onoffswitch-label:before {
    box-shadow: none !important;
}

    .onoffswitch-checkbox:checked + .onoffswitch-label:before {
        background-color: #057AFF;
    }


.sellreceivale-modal .main-panel {
    border: none;
    padding: 5px;
}

.assignmentnotedetails {
    min-height: 62px !important;
}

    .assignmentnotedetails td {
        height: 58px;
        margin: 0;
    }
/*20-05-2019*/

/*21-05-2019*/
.whiten {
    height: 24px;
}

.labelcolor {
    color: #525252;
}

.tableheight {
    height: 40px !important;
}

.height-40 {
    height: 30px;
}

.padding-right-50 {
    padding-right: 50px !important;
}

/*03-06-2019*/
.DrawDownSave {
    width: 100px;
    height: 30px;
    background-color: orange !important;
    text-align: center;
    padding-bottom: 10px;
}

.DrawDownExit {
    width: 100px;
    height: 30px;
    background-color: #4d90fe;
    text-align: center;
    padding-bottom: 10px;
}

.dvContractorList {
    max-width: 320px;
    float: left;
    left: 120px !important;
}

.dvContractordropdown {
    height: 200px !important;
    overflow-y: auto !important;
}

.sellreceivale-dropdown .k-animation-container,
.sellreceivale-dropdown .k-animation-container .k-list-container,
.sellreceivale-dropdown .k-list-scroller {
    height: initial !important;
}

#gauge-container .k-arcgauge-label {
    left: 110px !important;
    top: 140px !important;
}

.NewreportExit {
    width: 100px;
    height: 30px;
    background-color: #4d90fe;
    text-align: center;
    padding-bottom: 10px;
}

.table3 {
    border-collapse: collapse;
    width: 100%;
}

    .table3 td {
        padding: 20px 12px 20px 12px;
        text-align: left;
        vertical-align: middle !important;
    }

    .table3 tr:nth-child(even) {
        background-color: #F3F8FE;
    }

table.table3 {
    word-break: break-word;
    text-align: justify;
    color: #525252;
}

    table.table3 td, table.table3 td span, table.table3 td strong {
        color: #525252;
    }

.table3 td {
    text-align: initial;
    padding-left: 10px;
    padding-right: 10px;
}

    .table3 td.alignright {
        text-align: right;
    }

.table3 .noteinfo {
    font-size: 11px;
    line-height: 15px;
    display: block;
    text-align: justify;
    text-overflow: ellipsis;
    overflow: hidden;
    color: black;
    height: 64px;
}

.snr-refresh-btn {
    padding: 0;
    height: 28px;
    line-height: 28px;
    width: 26px;
    background-color: #4d90fe;
    font-size: 16px;
    border: 0;
}

.gray-heading button.btn.snr-export-btn {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -4px;
    height: 30px;
    line-height: 30px;
}

    .gray-heading button.btn.snr-export-btn .fa {
        padding-right: 5px;
    }


.snr-rh-tabledata.tabledesign thead th {
    padding: 15px 10px;
}

.snr-rh-tabledata.tabledesign tbody td {
    padding: 20px 10px !important;
    vertical-align: middle;
}

    .snr-rh-tabledata.tabledesign tbody td .my {
        font-size: 10px;
    }

.snr-rh-tabledata td .date {
    font-size: 16px;
    font-weight: 700;
    color: #525252;
}

.snr-rh-tabledata tbody tr:nth-child(even) {
    background-color: #f3f8fe;
}

.addprobtn button {
    width: 80px;
}

/* 19/07/2019 */

.noteinfolist table {
    border-collapse: collapse;
    background: white;
    table-layout: fixed;
    width: 100%;
}

.noteinfolist th, .noteinfolist td {
    padding: 8px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 19/07/2019 */

.label-upload-doc-invoice {
    text-decoration: none;
    font-size: 1em;
    color: #b5b5b5;
}


/* 02/12/2019 */

.statusScrolling{
    overflow:auto;
    height:500px;
}

/* 07-Dec-2019 */
.sales-project-grid-controls {
    background: #CAC9C9;
    color: white;
    border-radius: 3px;
}
.h-2 {
    /*height: 17px;*/
    width: 151px;
    color: #424242;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.14px;
    line-height: 19px;
}
.h-1 {
    /*height: 17px;*/
    width: 154px;
    color: #424242;
    font-family: "Open Sans";
    font-size: 22px;
    letter-spacing: 0.22px;
    line-height: 30px;
}
.sales-target-caption {
    height: 17px;
    width: 130px;
    color: #424242;
    font-family: "Open Sans";
    font-size: 10.5px;
    letter-spacing: -0.13px;
    line-height: 10px;
}
.sales-h-3 {
    height: 17px;
    width: 130px;
    color: #424242;
    font-family: "Open Sans";
    font-size: 16px;
    letter-spacing: 0.14px;
    line-height: 19px;
}

/* Added for Sales dashboard by Developer - R on 18-Dec-2019 */
.borderbox .salesborderboxdetails {
    padding: 0px 4px 0px 25px;
    border-top: 0px;
}

.sales-target-opportunities {
    padding: 30px 0px 20px;
}

.sales-target-goal {
    padding-top: 25px;
}

.sales-target-first-section {
    padding: 20px 0px 20px 10px;
    border-bottom: 1px solid #e9e9e9;
}

.sales-target-second-section {
    padding: 15px 0px 20px 10px;
    border-bottom: 1px solid #e9e9e9;
}

.sales-target-third-section {
    padding: 30px 0px 10px 10px;
}

.sales-target-fourth-section {
    padding: 0px 0px 25px 10px;
}

.sales-target-toggle {
    padding: 30px 0px 0px 0px;
}

.sales-dashboard-btn {
    background-color: #CAC9C9;
    background-image: none;
    filter: none;
    border: 0;
    box-shadow: none;
    line-height: 26px;
    min-height: 26px;
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    outline: none;
    padding: 5px 8px;
    display: initial;
    border-radius: 4px;
    text-decoration: none;
}

.centerBox {
    min-width: 350px !important;
    left: 600px !important;
    top: 800px !important;
}
.text-align-justify{
    text-align:justify;
}

.smallimg {
    width: 20px;
    height: 20px;
    border: 1px solid #a5a5a5;
    border-radius: 50px;
}

.centerBoxNotePopUp {
    min-width: 350px !important;
    left: 600px !important;
    top: 150px !important;
}

.radiobutton{
    margin-top : 7px !important;
}

.topFivePx{
    top:-5px !important;
}

.chatslist .list-items ul {
    list-style: disc !important;
}
.chatslist .list-items ol {
    list-style: decimal !important;
}

.k-calendar.k-calendar-range table.k-content {
    padding: 0 10px;
    border-collapse: separate;
}

#InstallationDateRangePicker input[name="ToInstallationDate"] {
    margin-top: -12px;
}

#VerificationDateRangePicker input[name="ToVerificationDate"] {
    margin-top: -12px;
}
/*Changes after kendo upgrade*/
.k-window-content, .k-panel > li.k-item, .k-panelbar > li.k-item, .k-tiles {
    background-color: #fff;
}
.k-window {
    border-color: rgba(0,0,0,.3)!important;
    box-shadow: 1px 1px 7px 1px rgba(128,128,128,.3);
    /*background-color: #fff;*/
}
.k-toolbar {
    background-color: transparent !important;
}
.project-profile-kendo-window .kendo-window-panel .site-fax-field {
}

    .project-profile-kendo-window .kendo-window-panel .site-fax-field span.k-textbox {
        padding: 0;
        border: none;
    }

#project-Siteinfo-Edit-form .site-fax-field span.k-textbox, #project-ContractInfo-Edit-form input#ContractInfo_EINNumber,
#project-BillingInfo-Edit-form input#Fax, #divProfile-Information input#ReceivingGoodsDetails_ShippingPhone,
#divProfile-Information input#ReceivingGoodsDetails_ShippingMobile, #div-admin-profile input#Phone, #div-admin-profile input#Mobile,
#div-sales-manager-profile input#Phone, #div-sales-manager-profile input#Mobile,
#div-sales-manager-profile input#Phone, #div-sales-manager-profile input#Mobile,
#div-lead-profile input#Phone, #div-lead-profile input#Mobile, #div-hunter-profile input#Phone, #div-hunter-profile input#Mobile,
#div-electricial-profile input#Phone, #div-electricial-profile input#Mobile,
#div-funder-profile input#Phone, #div-funder-profile input#Mobile{
    padding: 0;
    border: none;
}

#project-BillingInfo-Edit-form .billing-mobile {
}
    #project-BillingInfo-Edit-form .billing-mobile span.k-widget .k-maskedtextbox .k-input {
        padding: 0;
        border: none;
    }
#Addendum-form .k-widget.k-tooltip-validation {
    position: relative !important;
}
#CustomerContractInfoReAssign #ContractInfo_EINNumber, #CustomerContractInfoReAssign #ContractInfo_Fax {
    padding: 0;
    border: none;
}
#maintenace-contact-phone .k-maskedtextbox {
    width: 240px;
}

.remove-highlight:hover {
    background-color:#adadad !important;
}