/**
 *  If you want to override some bootstrap variables, you have to change values here.
 *  The list of variables are listed here bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss
 */
/**
 *  Do not remove the comments below. It's the markers used by wiredep to inject
 *  sass dependencies when defined in the bower.json of your dependencies
 */
@font-face {
  font-family: 'arial_condensed_bold';
  src: url("../../assets/custom-fonts/arial-condensed-bold-webfont.woff2") format("woff2"), url("../../assets/custom-fonts/arial-condensed-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/**
 *  Font styles
 */
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTQ7aC6SjiAOpAWOKfJDfVRY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRdwxCXfZpKo5kWAx_74bHs.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZ6vnaPZw6nYDxM4SVEMFKg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfy1_HTwRwgtl1cPga3Fy3Y.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfgrLsWo7Jk1KvZser0olKY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(//fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.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; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(//fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(//fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(//fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(//fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(//fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(//fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.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; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSg7aC6SjiAOpAWOKfJDfVRY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShdwxCXfZpKo5kWAx_74bHs.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSp6vnaPZw6nYDxM4SVEMFKg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvy1_HTwRwgtl1cPga3Fy3Y.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvgrLsWo7Jk1KvZser0olKY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSojoYw3YTyktCCer_ilOlhE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.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; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzA7aC6SjiAOpAWOKfJDfVRY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBdwxCXfZpKo5kWAx_74bHs.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJ6vnaPZw6nYDxM4SVEMFKg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPy1_HTwRwgtl1cPga3Fy3Y.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPgrLsWo7Jk1KvZser0olKY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.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; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(//fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hg7aC6SjiAOpAWOKfJDfVRY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(//fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hhdwxCXfZpKo5kWAx_74bHs.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(//fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hp6vnaPZw6nYDxM4SVEMFKg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(//fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hvy1_HTwRwgtl1cPga3Fy3Y.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(//fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hvgrLsWo7Jk1KvZser0olKY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(//fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hojoYw3YTyktCCer_ilOlhE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(//fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hhampu5_7CjHW5spxoeN3Vs.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; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxkExlR2MysFCBK8OirNw2kM.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmdsm03krrxlabhmVQFB99s.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxiJ0caWjaSBdV-xZbEgst_k.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmMSHb9EAJwuSzGfuRChQzQ.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxupRBTtN4E2_qSPBnw6AgMc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxtDnm4qiMZlH5rhYv_7LI2Y.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxtTIkQYohD4BpHvJ3NvbHoA.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; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBvZraR2Tg8w2lzm7kLNL0-w.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBl4sYYdJg5dU2qzJEVSuta0.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBlBW26QxpSj-_ZKm_xT4hWw.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBgt_Rm691LTebKfY2ZkKSmI.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBtDiNsR5a-9Oe_Ivpu8XWlY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBqE8kM4xWR1_1bYURRojRGc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.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; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxjBFCZ8rkaaoOvHyaB4p1V8.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxs2Ua5FNUHV5nolPhplIfzg.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxn1XrJsKtwhNaJmMXegB1eg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxtDawAUxQv-nqIa2sHgh1E4.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxo6uqQeO3rRcuZb4avK7jaw.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxkWd5At5A4dPjoTcH8-WMxA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsiAiQ_a33snTsJhwZvMEaI.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; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxgXaAXup5mZlfK6xRLrhsco.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxlx-M1I1w5OMiqnVF8xBLhU.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxlT7aJLK6nKpn36IMwTcMMc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxgn6Wqxo-xwxilDXPU8chVU.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsbIQSYZnWLaWC9QNCpTK_U.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxogd9OEPUCN3AdYW0e8tat4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxv79_ZuUxCigM2DespTnFaw.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; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxn6R3Xv-e6B79xl5HkmgNhg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxh0aj4r8o_EFns5janpBDyI.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxi6YLLovB_TP0ww2BP_2m6E.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxpJkxLuyU7HkgJy3gZf6al0.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxjXFJsAmRr-kbJgAcGJdm8k.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsI9ytsQgoRd-8mg6J4vcxU.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans Extrabold Italic"), local("OpenSans-ExtraboldItalic"), url(//fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxmPkvcX8kXDzy1NrkNCBkJ4.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; }
@keyframes pulse {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/**
 * General tag styles
 */
* {
  font-family: "Inter", "Open Sans", Arial;
  margin: 0; }

html {
  font-size: 62.5%;
  line-height: 1.3;
  background-color: #F8F8F8; }

body {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #000000;
  /*@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1600px) {
    zoom: 80%;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1599px) and (max-width: 1899px) {
    zoom: 90%;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1900px) {
    zoom: 100%;
  }*/ }
  body > div[uib-datepicker-popup-wrap] .uib-datepicker-popup {
    z-index: 1000000; }

html,
body,
.content-main {
  height: 100%;
  min-height: 100%; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {
  .container-fluid, .edit-vendor-modal-zoom, .edit-bid-modal-zoom, .create-report-modal-zoom {
    zoom: 80%; }
    .container-fluid #google-polygon-map, .container-fluid #polygon-search-map, .edit-vendor-modal-zoom #google-polygon-map, .edit-vendor-modal-zoom #polygon-search-map, .edit-bid-modal-zoom #google-polygon-map, .edit-bid-modal-zoom #polygon-search-map, .create-report-modal-zoom #google-polygon-map, .create-report-modal-zoom #polygon-search-map {
      zoom: 156%; }
    .container-fluid .edit-vendor-container, .edit-vendor-modal-zoom .edit-vendor-container, .edit-bid-modal-zoom .edit-vendor-container, .create-report-modal-zoom .edit-vendor-container {
      height: 404px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1201px) and (max-width: 1500px) {
  .container-fluid, .edit-vendor-modal-zoom, .edit-bid-modal-zoom, .create-report-modal-zoom {
    zoom: 90%; }
    .container-fluid #google-polygon-map, .container-fluid #polygon-search-map, .edit-vendor-modal-zoom #google-polygon-map, .edit-vendor-modal-zoom #polygon-search-map, .edit-bid-modal-zoom #google-polygon-map, .edit-bid-modal-zoom #polygon-search-map, .create-report-modal-zoom #google-polygon-map, .create-report-modal-zoom #polygon-search-map {
      zoom: 123%; }
    .container-fluid .edit-vendor-container, .edit-vendor-modal-zoom .edit-vendor-container, .edit-bid-modal-zoom .edit-vendor-container, .create-report-modal-zoom .edit-vendor-container {
      height: 315px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1501px) {
  .container-fluid, .edit-vendor-modal-zoom, .edit-bid-modal-zoom, .create-report-modal-zoom {
    zoom: 100%; }
    .container-fluid #google-polygon-map, .container-fluid #polygon-search-map, .edit-vendor-modal-zoom #google-polygon-map, .edit-vendor-modal-zoom #polygon-search-map, .edit-bid-modal-zoom #google-polygon-map, .edit-bid-modal-zoom #polygon-search-map, .create-report-modal-zoom #google-polygon-map, .create-report-modal-zoom #polygon-search-map {
      zoom: 100%; }
    .container-fluid .edit-vendor-container, .edit-vendor-modal-zoom .edit-vendor-container, .edit-bid-modal-zoom .edit-vendor-container, .create-report-modal-zoom .edit-vendor-container {
      height: 320px; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {
  .edit-bid-modal-zoom {
    zoom: 80% !important; }

  .approve-complete-event-modal {
    zoom: 80% !important; }

  .config-appraisal-modal {
    zoom: 80% !important; }

  .zoom-tooltip {
    zoom: 80% !important; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1201px) and (max-width: 1500px) {
  .edit-bid-modal-zoom {
    zoom: 90% !important; }

  .approve-complete-event-modal {
    zoom: 90% !important; }

  .config-appraisal-modal {
    zoom: 90% !important; }

  .zoom-tooltip {
    zoom: 90% !important; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1501px) {
  .edit-bid-modal-zoom {
    zoom: 100% !important; }

  .approve-complete-event-modal {
    zoom: 100% !important; }

  .config-appraisal-modal {
    zoom: 100% !important; }

  .edit-bid-modal .modal-content {
    height: 650px !important; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {
  .modal-fix .container-fluid, .modal-fix .edit-vendor-modal-zoom, .modal-fix .edit-bid-modal-zoom, .modal-fix .create-report-modal-zoom {
    zoom: 80%; }
    .modal-fix .container-fluid #google-polygon-map, .modal-fix .container-fluid #polygon-search-map, .modal-fix .edit-vendor-modal-zoom #google-polygon-map, .modal-fix .edit-vendor-modal-zoom #polygon-search-map, .modal-fix .edit-bid-modal-zoom #google-polygon-map, .modal-fix .edit-bid-modal-zoom #polygon-search-map, .modal-fix .create-report-modal-zoom #google-polygon-map, .modal-fix .create-report-modal-zoom #polygon-search-map {
      zoom: 156%; }
    .modal-fix .container-fluid .edit-vendor-container, .modal-fix .edit-vendor-modal-zoom .edit-vendor-container, .modal-fix .edit-bid-modal-zoom .edit-vendor-container, .modal-fix .create-report-modal-zoom .edit-vendor-container {
      height: 404px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1201px) and (max-width: 1500px) {
  .modal-fix .container-fluid, .modal-fix .edit-vendor-modal-zoom, .modal-fix .edit-bid-modal-zoom, .modal-fix .create-report-modal-zoom {
    zoom: 100% !important; }
    .modal-fix .container-fluid #google-polygon-map, .modal-fix .container-fluid #polygon-search-map, .modal-fix .edit-vendor-modal-zoom #google-polygon-map, .modal-fix .edit-vendor-modal-zoom #polygon-search-map, .modal-fix .edit-bid-modal-zoom #google-polygon-map, .modal-fix .edit-bid-modal-zoom #polygon-search-map, .modal-fix .create-report-modal-zoom #google-polygon-map, .modal-fix .create-report-modal-zoom #polygon-search-map {
      zoom: 123%; }
    .modal-fix .container-fluid .edit-vendor-container, .modal-fix .edit-vendor-modal-zoom .edit-vendor-container, .modal-fix .edit-bid-modal-zoom .edit-vendor-container, .modal-fix .create-report-modal-zoom .edit-vendor-container {
      height: 315px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1501px) {
  .modal-fix .container-fluid, .modal-fix .edit-vendor-modal-zoom, .modal-fix .edit-bid-modal-zoom, .modal-fix .create-report-modal-zoom {
    zoom: 100%; }
    .modal-fix .container-fluid #google-polygon-map, .modal-fix .container-fluid #polygon-search-map, .modal-fix .edit-vendor-modal-zoom #google-polygon-map, .modal-fix .edit-vendor-modal-zoom #polygon-search-map, .modal-fix .edit-bid-modal-zoom #google-polygon-map, .modal-fix .edit-bid-modal-zoom #polygon-search-map, .modal-fix .create-report-modal-zoom #google-polygon-map, .modal-fix .create-report-modal-zoom #polygon-search-map {
      zoom: 100%; }
    .modal-fix .container-fluid .edit-vendor-container, .modal-fix .edit-vendor-modal-zoom .edit-vendor-container, .modal-fix .edit-bid-modal-zoom .edit-vendor-container, .modal-fix .create-report-modal-zoom .edit-vendor-container {
      height: 320px; } }

input:focus,
button:focus,
button:active,
textarea:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important; }

/**
 * link styles
 */
a {
  color: #00304D;
  font-size: 16.729166834px;
  font-size: 1.6729166834rem;
  font-weight: 400;
  text-decoration: none !important; }
  a:hover {
    cursor: pointer !important;
    color: #00304D;
    opacity: 0.7;
    text-decoration: none !important; }
  a:active, a:visited {
    color: #00304D; }

a.default-option span {
  color: gray !important;
  font-weight: 400 !important; }

a:focus {
  outline: none !important;
  color: inherit; }

/**
 * label styles
 */
label {
  font-size: 16.729166834px;
  font-size: 1.6729166834rem;
  font-weight: 400; }

/**
 * input styles
 */
input {
  width: 395.15px;
  height: 53px;
  border: 0;
  color: #525252;
  padding: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  input::placeholder {
    font-weight: 400;
    color: darkgray !important; }
  input::-webkit-input-placeholder {
    font-weight: 400;
    color: darkgray !important; }
  input:-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400;
    color: darkgray !important; }
  input::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
    color: darkgray !important; }
  input:-ms-input-placeholder {
    font-weight: 400;
    color: darkgray !important; }

input[disabled] {
  background: #e6e6e6 !important;
  color: #777777 !important; }

input[type="text"]:disabled {
  background: #e6e6e6 !important;
  color: #777777 !important; }

input[disabled]::placeholder {
  color: darkgray !important; }

input:disabled {
  color: darkgray !important; }

input:disabled::placeholder {
  /* WebKit browsers */
  color: darkgray !important; }

::placeholder {
  color: darkgray !important; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: darkgray !important; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: darkgray !important; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: darkgray !important; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: darkgray !important; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }

input[type="checkbox"],
input[type="radio"] {
  height: 15px; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

input[type="checkbox"] {
  visibility: hidden;
  position: relative; }

input[type="checkbox"]:before {
  visibility: visible;
  border: 1px solid rgba(151, 151, 151, 0.67);
  content: "";
  display: inline-block;
  font-size: 1rem;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: top;
  height: 13px;
  width: 13px; }

input[type="checkbox"]:checked:before {
  position: absolute;
  background-color: #ffffff;
  color: #00304D;
  content: "";
  text-align: center;
  top: 0;
  left: 0; }

input[type="checkbox"]:checked:after {
  position: absolute;
  content: "";
  visibility: visible;
  font-weight: bold;
  top: 1px;
  left: 4px;
  width: 5px;
  height: 10px;
  transform: rotate(45deg);
  border: solid #000000;
  border-width: 0 2px 2px 0; }

input[type="checkbox"]:focus::before {
  outline: #00304D; }

.form-control:focus {
  border-color: #00304D; }

.disabled-input {
  opacity: 0.7;
  background-color: #eee !important;
  cursor: not-allowed; }

@media (max-width: 599px) {
  input[type="checkbox"],
  input[type="radio"] {
    width: 25px;
    margin-left: -35px !important; }

  .checkbox-inline {
    padding-left: 25px; } }
.checkbox-area {
  /*width: 100%;*/
  /* Hover and focus states */
  /* Checked state */
  /* Hover state whilst checked */
  /* Disabled state */
  /* Check mark */
  /* Show check mark */
  /* Checkbox tick */
  /* Disabled tick colour */ }
  .checkbox-area label {
    font-size: 16px;
    font-weight: 400;
    color: #535353;
    white-space: nowrap;
    text-transform: capitalize; }
  .checkbox-area .control-group {
    width: 100%;
    text-align: left;
    vertical-align: top; }
    .checkbox-area .control-group .property {
      padding: 0; }
    .checkbox-area .control-group .padding-left-9 {
      padding-left: 9px; }
    .checkbox-area .control-group .checkbox-padding {
      padding-left: 33px; }
    @media (max-width: 992px) {
      .checkbox-area .control-group .property-mobile {
        padding: 0; }
      .checkbox-area .control-group .checkbox-padding {
        padding-left: 15px; } }
  .checkbox-area .control {
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 30px;
    cursor: pointer;
    padding-right: 3em;
    font-weight: 400; }
    .checkbox-area .control input {
      position: absolute;
      z-index: -1;
      opacity: 0;
      width: 100px; }
  .checkbox-area .control__indicator {
    position: absolute;
    top: 5px;
    left: 0;
    width: 13px;
    height: 13px;
    background: #ffffff;
    border: 1px solid rgba(151, 151, 151, 0.67); }
  .checkbox-area .control--radio .control__indicator {
    border-radius: 50%; }
  .checkbox-area .control:hover input ~ .control__indicator,
  .checkbox-area .control input:focus ~ .control__indicator {
    background: #ffffff; }
  .checkbox-area .control input:checked ~ .control__indicator {
    background: #ffffff; }
  .checkbox-area .control:hover input:not([disabled]):checked ~ .control__indicator,
  .checkbox-area .control input:checked:focus ~ .control__indicator {
    background: #ffffff; }
  .checkbox-area .control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6; }
  .checkbox-area .control__indicator:after {
    position: absolute;
    display: none;
    content: ''; }
  .checkbox-area .control input:checked ~ .control__indicator:after {
    display: block; }
  .checkbox-area .control--checkbox .control__indicator:after {
    top: 0;
    left: 3px;
    width: 5px;
    height: 10px;
    transform: rotate(45deg);
    border: solid #000;
    border-width: 0 2px 2px 0; }
  .checkbox-area .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b; }

.control-radio-inline {
  width: 100% !important; }
  .control-radio-inline .control--radio {
    display: inline-block !important;
    margin-right: 15px; }

.radio-button .control, .radio-buttons .control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px; }
  .radio-button .control.d-inline-block, .radio-buttons .control.d-inline-block {
    display: inline-block; }
.radio-button .control input, .radio-buttons .control input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
.radio-button .control__indicator, .radio-buttons .control__indicator {
  position: absolute;
  top: 3px;
  left: 0;
  height: 22px;
  width: 22px;
  background: #fff;
  border: 1px solid #979797; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1600px) {
    .radio-button .control__indicator, .radio-buttons .control__indicator {
      height: 22px;
      width: 22px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1599px) and (max-width: 1899px) {
    .radio-button .control__indicator, .radio-buttons .control__indicator {
      height: 21px;
      width: 21px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1900px) {
    .radio-button .control__indicator, .radio-buttons .control__indicator {
      height: 21px;
      width: 21px; } }
.radio-button .control--radio .control__indicator, .radio-buttons .control--radio .control__indicator {
  border-radius: 50%; }
.radio-button .control:hover input ~ .control__indicator,
.radio-button .control input:focus ~ .control__indicator, .radio-buttons .control:hover input ~ .control__indicator,
.radio-buttons .control input:focus ~ .control__indicator {
  background: #fff;
  border: 1px solid #979797; }
.radio-button .control input:checked ~ .control__indicator, .radio-buttons .control input:checked ~ .control__indicator {
  background: #fff;
  border: 1px solid #979797; }
.radio-button .control:hover input:not([disabled]):checked ~ .control__indicator,
.radio-button .control input:checked:focus ~ .control__indicator, .radio-buttons .control:hover input:not([disabled]):checked ~ .control__indicator,
.radio-buttons .control input:checked:focus ~ .control__indicator {
  background: #fff; }
.radio-button .control input:disabled ~ .control__indicator, .radio-buttons .control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none; }
.radio-button .control__indicator:after, .radio-buttons .control__indicator:after {
  content: '';
  position: absolute;
  display: none; }
.radio-button .control input:checked ~ .control__indicator:after, .radio-buttons .control input:checked ~ .control__indicator:after {
  display: block; }
.radio-button .control--radio .control__indicator:after, .radio-buttons .control--radio .control__indicator:after {
  left: 2px;
  top: 2px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #00304D; }
.radio-button .control--radio input:disabled ~ .control__indicator:after, .radio-buttons .control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b; }

/**
 * textarea styles
 */
textarea {
  resize: none; }
  textarea::-webkit-input-placeholder {
    font-weight: 400;
    color: #ccc !important; }
  textarea:-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400;
    color: #ccc !important; }
  textarea::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
    color: #ccc !important; }
  textarea:-ms-input-placeholder {
    font-weight: 400;
    color: #ccc !important; }
  textarea:focus {
    border: solid 2px #00304D !important; }

/**
 * button styles
 */
button {
  font-size: 13.3833334672px;
  font-size: 1.3383333467rem;
  text-transform: uppercase;
  background-color: #00304D;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 49px; }

button:active,
button:focus,
button.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.default-option {
  color: #c4c4c4 !important;
  font-weight: 400 !important; }
  .default-option .filter-option {
    color: #c4c4c4 !important;
    font-weight: 400 !important; }
  .default-option .btn-default {
    color: #c4c4c4 !important;
    font-weight: 400 !important; }

.disabled-button {
  opacity: 0.7;
  cursor: not-allowed; }

.btn-choose-file {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: transparent;
  border: solid 1px #efefef;
  box-sizing: border-box;
  cursor: pointer;
  height: 39px;
  line-height: 39px;
  padding: 0 10px;
  text-transform: uppercase; }

.btn-choose-file:hover {
  opacity: 0.7; }

.secondary-button {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: transparent;
  border: solid 1px #6e6e6e;
  border-radius: 4px;
  color: #6e6e6e;
  font-weight: 400;
  height: 30px;
  line-height: 25px;
  min-width: 77px;
  margin-right: 16px;
  text-align: center; }

.btn-apply {
  padding-left: 12px;
  padding-right: 12px; }
  .btn-apply.thick {
    width: 200px !important;
    height: 42px !important; }

.btn-pin, .btn-delete-ss {
  font-size: 18px;
  font-size: 1.8rem;
  background-color: transparent;
  border-radius: 4px;
  border: solid 1px #d8d8d8;
  display: inline-block;
  height: 29px;
  margin-top: 6px;
  padding: 0;
  width: 29px; }
  .btn-pin:hover, .btn-delete-ss:hover {
    background-color: #fff;
    cursor: pointer; }
  .btn-pin img, .btn-delete-ss img {
    opacity: 0.5;
    height: 21px;
    vertical-align: baseline; }

.btn-delete-ss {
  font-size: 18px;
  font-size: 1.8rem; }
  .btn-delete-ss i {
    opacity: 0.5;
    height: 21px;
    vertical-align: super; }

.btn-saved-search, .btn-saved-search p {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: transparent;
  font-weight: 600;
  line-height: 27px;
  opacity: 0.5;
  color: #000000;
  text-transform: uppercase;
  width: 100%; }
  .btn-saved-search:hover, .btn-saved-search p:hover {
    color: #00304D;
    opacity: 0.7; }
  .btn-saved-search p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: auto;
    max-width: 268px; }
  .btn-saved-search i {
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 5px;
    vertical-align: text-bottom; }

.btn-save-search {
  font-size: 20px;
  background-color: transparent;
  border-radius: 4px;
  border: solid 1px #979797 !important;
  color: #979797;
  cursor: pointer;
  font-weight: 400;
  height: 30px;
  line-height: 27px;
  margin-left: 14px;
  margin-top: 6px;
  width: 32px;
  text-align: center; }
  .btn-save-search:hover {
    opacity: 0.7; }

.btn-fixed-width {
  width: 200px; }

.document-libraries__button {
  width: 200px; }

.edit-role-column-button {
  float: left;
  color: grey;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
  height: auto;
  background: none;
  padding: 0 10px 0 0; }
  .edit-role-column-button:disabled {
    cursor: not-allowed !important;
    background: none !important; }
    .edit-role-column-button:disabled i.edit {
      color: #999999; }

/**
 * headers styles
 */
h1 {
  font-size: 37.6406253764px;
  font-size: 3.7640625376rem;
  font-weight: 600;
  margin-top: 49px; }

/**
 * paragraphs styles
 */
p:not(.ta-editor p) {
  font-size: 16px;
  margin: 0; }

/**
 * dropdown styles
 */
.angucomplete-dropdown {
  overflow-y: auto;
  max-height: 150px; }

.bootstrap-select.bs-container {
  z-index: 1000000; }
.bootstrap-select .dropdown-menu.open {
  margin-top: 0 !important;
  z-index: 999999; }

.multi-dropdown .multiselect-parent ul {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-width: 350px; }

.multi-dropdown[data-search-icon] .dropdown-header {
  position: relative; }
  .multi-dropdown[data-search-icon] .dropdown-header::after {
    font-family: FontAwesome;
    content: "\f002";
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 22px;
    top: 5px; }

.uib-datepicker-popup.dropdown-menu {
  outline: none; }

.uib-datepicker-popup.dropdown-menu:focus {
  outline: none; }

.dropdown-wrap.dropdown {
  width: auto !important;
  height: auto !important;
  position: relative;
  display: inline-block;
  border: none !important; }
  .dropdown-wrap.dropdown:hover {
    border: none !important; }

.dropdown-save-search {
  left: 13px !important;
  padding: 0 !important;
  margin-top: 5px; }
  .dropdown-save-search .panel {
    margin: 0 !important;
    border: none !important; }
  .dropdown-save-search .panel-heading {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #e7e7e7 !important;
    color: #777777;
    font-weight: bold; }
  .dropdown-save-search .input-save-search {
    border-radius: 4px;
    border: solid 1px #d8d8d8;
    height: 47px;
    margin-bottom: 14px; }
  .dropdown-save-search .control-group {
    text-align: left !important; }
  .dropdown-save-search .btn-save {
    min-width: auto; }
  .dropdown-save-search .checkbox-area .control {
    padding-left: 19px; }

.dropdown-wrap-ss.dropdown {
  margin-left: 14px;
  max-width: 300px !important; }

.new-dropdown-wrap-ss.dropdown {
  margin-left: 14px;
  width: 278px !important; }
  .new-dropdown-wrap-ss.dropdown .common-btn-link {
    height: 43px !important; }

.override-dropdown-saved.dropdown-saved-search {
  overflow-y: visible !important;
  width: 600px !important; }

.dropdown-saved-search {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0;
  overflow-y: auto;
  width: 500px; }
  .dropdown-saved-search .selected {
    background-color: #e7e7e7;
    cursor: pointer; }
    .dropdown-saved-search .selected .btn-pin, .dropdown-saved-search .selected .btn-delete-ss {
      background-color: #fff;
      cursor: pointer; }
  .dropdown-saved-search li {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #ffffff;
    height: 40px;
    position: relative;
    cursor: pointer; }
    .dropdown-saved-search li form {
      cursor: pointer;
      height: 40px;
      line-height: 40px;
      padding-right: 11px; }
    .dropdown-saved-search li:hover {
      background-color: #e7e7e7;
      cursor: pointer; }
      .dropdown-saved-search li:hover .btn-pin, .dropdown-saved-search li:hover .btn-delete-ss {
        background-color: #fff;
        cursor: pointer; }
    .dropdown-saved-search li .link {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.2;
      color: #515151;
      padding: 0 0 0 11px;
      width: 400px;
      min-width: 400px;
      background-color: transparent;
      text-transform: inherit;
      text-align: left;
      height: 40px; }
      .dropdown-saved-search li .link:hover {
        background-color: #e7e7e7;
        cursor: pointer; }
      .dropdown-saved-search li .link p {
        font-size: 16px;
        font-size: 1.6rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #515151;
        display: inline-block;
        line-height: 1.2; }
      .dropdown-saved-search li .link .width-hover {
        max-width: 191px; }
      .dropdown-saved-search li .link .width-hover-d {
        max-width: 173px; }
      .dropdown-saved-search li .link .width-no-hover {
        max-width: 230px; }
      .dropdown-saved-search li .link .width-no-hover-d {
        max-width: 200px; }
      .dropdown-saved-search li .link img {
        vertical-align: top; }

.dropdown-private-note {
  left: -240px !important;
  padding: 5px !important;
  margin-top: 5px; }
  .dropdown-private-note .panel {
    margin: 0 !important;
    border: none !important; }
  .dropdown-private-note .panel-heading {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #e7e7e7 !important;
    color: #777777;
    font-weight: bold; }
  .dropdown-private-note textarea {
    border-radius: 0px;
    border: solid 1px #d8d8d8;
    padding: 5px;
    margin-bottom: 14px; }
  .dropdown-private-note .control-group {
    text-align: left !important; }
  .dropdown-private-note .btn-apply {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
    height: 30px;
    min-width: inherit; }
  .dropdown-private-note .btn-save {
    min-width: auto;
    font-size: 12px;
    height: 30px; }
  .dropdown-private-note .checkbox-area .control {
    padding-left: 19px; }
  .dropdown-private-note .fa-times {
    color: #777777 !important; }
  .dropdown-private-note .delete-comp {
    top: 5px !important;
    right: 5px !important; }

/**
 * popover styles
 */
.popover {
  font-size: 15px;
  font-size: 1.5rem;
  background-color: #f8e498;
  border: 0;
  box-shadow: 0 0 4px 0 rgba(88, 88, 88, 0.5);
  color: #1c1c1c;
  max-width: calc(90% - 200px) !important;
  width: auto; }
  @media (max-width: 599px) {
    .popover {
      width: auto; } }
  .popover .popover-inner {
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #f8e498;
    box-shadow: 0 0 4px 0 rgba(88, 88, 88, 0.5);
    border: 0;
    padding: 10px;
    font-weight: 400;
    line-height: 17px;
    color: #1c1c1c;
    width: auto;
    text-transform: initial; }
    .popover .popover-inner .popover-content {
      white-space: pre-line; }
    .popover .popover-inner .popover-content * {
      font-size: 15px;
      font-size: 1.5rem; }
    @media (max-width: 599px) {
      .popover .popover-inner {
        padding: 0;
        width: auto; } }
  .popover.fixed-width {
    width: 200px; }
    .popover.fixed-width .popover-inner {
      width: 200px; }

.popover.right > .arrow:after {
  border-right-color: #f8e498 !important;
  left: 3px; }

.popover.bottom > .arrow:after {
  border-bottom-color: #f8e498 !important;
  top: 3px; }

.popover.top > .arrow:after {
  border-top-color: #f8e498 !important;
  bottom: 3px; }

.close-popover {
  font-size: 17px;
  font-size: 1.7rem;
  background-color: #f8e498;
  color: #1c1c1c;
  position: absolute;
  right: 15px;
  top: 9px;
  height: 8px; }

.popover-custom {
  max-width: 900px !important;
  width: max-content !important; }

.popover-custom2 {
  max-width: 1000px !important;
  width: max-content !important; }

.popover-custom-300px {
  max-width: 300px !important;
  width: max-content !important; }

.popover-custom-exclude {
  max-width: 450px !important;
  width: max-content !important; }

.popover-custom-margin-left-30 {
  margin-left: 30px; }

.mango-tooltip .tooltip-inner {
  background-color: #00304D;
  color: #ffffff; }
.mango-tooltip .tooltip-arrow {
  border-top-color: #00304D !important; }
.mango-tooltip div.tooltip-inner {
  white-space: normal; }

.no-opacity-tooltip {
  opacity: 1 !important; }

.wide-tooltip .tooltip-inner {
  width: 400px;
  max-width: 1000px; }

.wide-tooltip-2 .tooltip-inner {
  width: 350px;
  max-width: 350px;
  height: auto !important;
  white-space: normal !important;
  word-break: normal; }

.wide-tooltip-3 .tooltip-inner {
  width: 250px;
  max-width: 400px;
  height: auto !important;
  white-space: normal !important;
  word-break: normal; }

.wide-tooltip-4 .tooltip-inner {
  max-width: 400px;
  height: auto !important;
  white-space: pre-line !important;
  word-break: normal;
  text-align: left; }

.wide-tooltip-6 .tooltip-inner {
  max-width: 600px;
  max-height: auto;
  height: auto !important;
  white-space: pre-line !important;
  word-break: normal;
  text-align: left;
  overflow: auto; }

.wide-tooltip-7 .tooltip-inner {
  max-width: 600px;
  max-height: 70vh;
  height: auto !important;
  white-space: pre-line !important;
  word-break: normal;
  text-align: left;
  overflow: auto; }

.wide-tooltip-8 .tooltip-inner {
  width: auto;
  min-width: 350px;
  max-width: 750px;
  height: auto !important;
  white-space: normal !important;
  word-break: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {
  .appraisal-dashboard-tooltip {
    zoom: 51.2%; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1201px) and (max-width: 1500px) {
  .appraisal-dashboard-tooltip {
    zoom: 72.9%; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1501px) {
  .appraisal-dashboard-tooltip {
    zoom: 100%; } }

.vb-modal-tooltip {
  font-size: 14px !important; }
  .vb-modal-tooltip .tooltip-inner {
    padding: 15px; }
  .vb-modal-tooltip p {
    font-size: 14px !important; }

.impairment-tooltip .tooltip-inner {
  max-width: none; }

.high-z-tooltip {
  z-index: 100000010 !important;
  position: absolute !important; }

/**
 * footer styles
 */
html, body, .content-main {
  height: 100%; }

.site-wrap {
  height: calc(100% - 40px);
  min-height: calc(100% - 40px);
  background-color: #F8F8F8;
  margin-bottom: -142px;
  padding-left: 220px;
  position: relative;
  transition: all 0.5s ease; }

.site-wrap.login-screen {
  padding-left: 0px;
  height: 100%;
  padding-bottom: 0px; }
  .site-wrap.login-screen:after {
    height: 0px; }

.page-footer {
  background: #636363;
  height: 142px;
  padding-left: 200px;
  padding-top: 1em;
  position: relative;
  box-sizing: border-box; }
  .page-footer .align-flex {
    width: 100%; }
    .page-footer .align-flex .vertical-line {
      width: 1px;
      height: 45px;
      background-color: white; }
    .page-footer .align-flex a, .page-footer .align-flex label {
      color: #ffffff;
      padding: 1em 2em; }
    .page-footer .align-flex a:hover {
      color: #ffffff; }
  .page-footer .low-screen {
    font-weight: 400; }

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -110px; }

.page-wrap:after {
  content: "";
  display: block; }

.site-footer {
  animation: pulse 5s; }

@media (max-width: 852px) {
  .site-wrap {
    padding-left: 0 !important; }

  .page-footer {
    padding-left: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0; } }
@media (max-width: 599px) {
  .page-footer {
    padding-left: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
    .page-footer .align-flex {
      text-align: center; }
      .page-footer .align-flex a, .page-footer .align-flex label {
        padding: 1em;
        width: 100%; }
      .page-footer .align-flex .low-screen {
        width: 100%;
        text-align: center; }

  .page-wrap {
    min-height: 100%; }

  .site-footer {
    height: 210px; } }
@media (max-width: 320px) {
  .page-footer {
    width: 320px; } }
@media (max-width: 768px) {
  .page-footer .align-flex {
    text-align: center; }
    .page-footer .align-flex a, .page-footer .align-flex label {
      padding: 1em; }
    .page-footer .align-flex a {
      width: 100% !important; }
    .page-footer .align-flex .low-screen {
      width: 100%;
      text-align: center; } }
/**
 * main header styles
 */
.site-header {
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
  height: 91px;
  line-height: 91px;
  margin: 0;
  padding: 0 15px; }
  .site-header h1 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    margin: 0;
    line-height: 89px;
    text-transform: uppercase;
    white-space: nowrap; }
    .site-header h1 span:last-child {
      font-weight: 400; }
    @media (max-width: 852px) {
      .site-header h1 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 59%; } }

.general-button {
  border-radius: 4px;
  color: #fff;
  width: 214px !important;
  height: 42px;
  line-height: 4px;
  font-size: 17px;
  font-weight: 300; }
  .general-button:hover {
    opacity: 0.7; }

.menu-icon {
  display: none; }

.menu-line {
  width: 35px;
  height: 5px;
  background-color: #777;
  margin: 6px 0; }

.show-menu-icon {
  cursor: pointer;
  display: inherit;
  float: left;
  margin: 25px 15px 0 0; }
  .show-menu-icon:hover {
    opacity: 0.7; }

/**
 * ui view container styles
 */
.ui-view-container {
  position: relative; }

.ui-view-container [ui-view].ng-enter, .ui-view-container [ui-view].ng-leave {
  position: absolute;
  left: 0;
  right: 0; }

.ui-view-container [ui-view].ng-enter {
  -webkit-animation: zoomIn 0.5s;
  animation: zoomIn 0.5s; }

.ui-view-container [ui-view].ng-leave {
  -webkit-animation: zoomOut 0.5s;
  animation: zoomOut 0.5s; }

/**
 * alert styles
 */
.alert {
  font-weight: 400;
  position: absolute;
  width: 90%;
  margin-top: 7em;
  margin-left: 5%;
  padding: 1.5em;
  font-size: 20px;
  font-size: 2rem;
  color: #ffffff !important;
  border: 0 !important;
  height: 80px;
  text-align: center;
  border-radius: 5px; }
  .alert .close {
    padding: 2px 0 !important; }

.x-white {
  color: #fff;
  opacity: 1;
  padding: 2px 0 !important;
  margin-top: -4px;
  font-size: 30px;
  font-weight: 400; }

.alert-success {
  background-color: #00304D !important; }

.alert-danger {
  background-color: #ab3634 !important; }
  .alert-danger span a {
    font-weight: bold;
    font-size: 2rem;
    color: white; }

@media (max-width: 599px) {
  .alert {
    width: 90%;
    margin-left: 5%;
    padding: 0.8em;
    margin-top: 2em; }

  .x-white {
    margin-right: 2px !important; } }
@media (min-width: 599px) and (max-width: 768px) {
  .alert {
    padding: 1em; } }
@media (max-width: 320px) {
  .alert {
    height: 117px; } }
@media (max-height: 768px) {
  .alert {
    margin-top: 1em !important; } }
input[type="text"].ui-grid-filter-input {
  height: 20px !important;
  border-radius: 5px; }

.grid-header-size .ui-grid-header-cell {
  font-size: 13px !important; }

.grid13size .ui-grid-cell-contents {
  font-size: 13px !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {
  .ui-grid-header-cell.include-scrollbar:last-child .ui-grid-cell-contents {
    margin-right: -48.828125px;
    padding-right: 48.828125px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1201px) and (max-width: 1500px) {
  .ui-grid-header-cell.include-scrollbar:last-child .ui-grid-cell-contents {
    margin-right: -30.4831580552px;
    padding-right: 30.4831580552px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1501px) {
  .ui-grid-header-cell.include-scrollbar:last-child .ui-grid-cell-contents {
    margin-right: -20px;
    padding-right: 20px; } }

.grid-link {
  font-size: 1.3rem !important;
  font-weight: 600 !important; }
  .grid-link:visited {
    color: #00304D; }

.wrappable-column-header, .value-booking-grid .ui-grid-header-cell div[role="columnheader"], .vm-details-grid .ui-grid-header-cell div[role="columnheader"] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }
  .wrappable-column-header .ui-grid-cell-contents, .value-booking-grid .ui-grid-header-cell div[role="columnheader"] .ui-grid-cell-contents, .vm-details-grid .ui-grid-header-cell div[role="columnheader"] .ui-grid-cell-contents {
    white-space: normal;
    text-overflow: unset;
    overflow: visible; }

.height-6-rows_56_25 {
  box-sizing: content-box;
  height: 222px; }

.height-6-rows_56_32 {
  box-sizing: content-box;
  height: 264px; }

.height-6-rows_56_32 {
  box-sizing: content-box;
  height: 240px; }

.height-9-rows_56_25 {
  box-sizing: content-box;
  height: 297px; }

.height-10-rows_56_40 {
  box-sizing: content-box;
  height: 472px; }

.height-12-rows_56_25 {
  box-sizing: content-box;
  height: 372px; }

.height-15-rows_56_25 {
  box-sizing: content-box;
  height: 447px; }

.valuation-metrics-grid-container {
  z-index: 1; }
  .valuation-metrics-grid-container .valuation-metrics-grid .ui-grid-menu {
    overflow: visible; }

.appraisal-dashboard-container .ui-grid-viewport {
  height: 56px; }
.appraisal-dashboard-container .ui-grid-header-viewport {
  height: 56px; }

.documents-grid .ui-grid-header-viewport {
  height: 56px; }
.documents-grid .ui-grid-cell-contents, .documents-grid .doc-document-over {
  font-size: 13px !important; }
  .documents-grid .ui-grid-cell-contents a, .documents-grid .doc-document-over a {
    font-size: 13px !important; }

.expenses-ui-grid .ui-grid-row-selected {
  background: darkgray !important; }

.schedule-ui-grid,
.edit-appraisal-grid {
  zoom: 90%;
  padding: 30px;
  font-size: 14px !important;
  border: unset !important; }
  .schedule-ui-grid .ui-grid-header-cell,
  .edit-appraisal-grid .ui-grid-header-cell {
    height: 56px; }
  .schedule-ui-grid .ui-grid-cell,
  .edit-appraisal-grid .ui-grid-cell {
    overflow: visible !important; }
  .schedule-ui-grid .dropdown-multiselect button,
  .edit-appraisal-grid .dropdown-multiselect button {
    height: 38px !important; }
  .schedule-ui-grid .multiselect-parent,
  .edit-appraisal-grid .multiselect-parent {
    width: 100%; }
    .schedule-ui-grid .multiselect-parent button,
    .edit-appraisal-grid .multiselect-parent button {
      font-size: 1.6rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      color: #434343;
      font-weight: 400;
      height: 39px !important;
      text-align: left;
      width: 100% !important;
      text-transform: inherit; }
      .schedule-ui-grid .multiselect-parent button .caret,
      .edit-appraisal-grid .multiselect-parent button .caret {
        float: right;
        margin-right: 5px; }
    .schedule-ui-grid .multiselect-parent ul,
    .edit-appraisal-grid .multiselect-parent ul {
      width: 100%;
      max-height: 400px !important;
      overflow: auto !important; }
  .schedule-ui-grid button,
  .edit-appraisal-grid button {
    height: 38px !important; }
  .schedule-ui-grid input,
  .edit-appraisal-grid input {
    height: 40px !important; }

.bid-documents-grid .ui-grid-header-viewport {
  height: 35px; }
.bid-documents-grid .ui-grid-cell-contents, .bid-documents-grid .doc-document-over {
  font-size: 13px !important; }
  .bid-documents-grid .ui-grid-cell-contents a, .bid-documents-grid .doc-document-over a {
    font-size: 13px !important; }

.workflow-events-grid .ui-grid,
.workflow-tasks-grid .ui-grid {
  height: 100% !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {
  .bid-grid .bid-grid-tooltip {
    zoom: 125%; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1201px) and (max-width: 1500px) {
  .bid-grid .bid-grid-tooltip {
    zoom: 111.1111111111%; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1501px) {
  .bid-grid .bid-grid-tooltip {
    zoom: 100%; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {
  .bid-grid .bid-grid-tooltip .tooltiped-content {
    zoom: 80%; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1201px) and (max-width: 1500px) {
  .bid-grid .bid-grid-tooltip .tooltiped-content {
    zoom: 90%; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1501px) {
  .bid-grid .bid-grid-tooltip .tooltiped-content {
    zoom: 100%; } }

.value-booking-grid {
  height: calc(100vh - 260px) !important; }
  .value-booking-grid .ui-grid-header-cell .ui-grid-header-cell-primary-focus {
    height: 40px; }
  .value-booking-grid .ui-grid-footer-cell-row {
    text-align: right !important; }
  @media (max-width: 1536px) {
    .value-booking-grid {
      height: calc(100vh - 160px) !important; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {
  .appraisal-dashboard-grid .ui-grid-header-cell:last-child .ui-grid-cell-contents {
    margin-right: -48.828125px;
    padding-right: 48.828125px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1201px) and (max-width: 1500px) {
  .appraisal-dashboard-grid .ui-grid-header-cell:last-child .ui-grid-cell-contents {
    margin-right: -30.4831580552px;
    padding-right: 30.4831580552px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1501px) {
  .appraisal-dashboard-grid .ui-grid-header-cell:last-child .ui-grid-cell-contents {
    margin-right: -20px;
    padding-right: 20px; } }

.asset-search-grid {
  z-index: 1; }
  .asset-search-grid .ui-grid .ui-grid-menu {
    overflow: auto; }
    .asset-search-grid .ui-grid .ui-grid-menu .ui-grid-menu-mid {
      max-height: 280px; }

.trx-grid-div {
  z-index: 1; }
  .trx-grid-div .ui-grid .ui-grid-menu {
    overflow: auto; }
    .trx-grid-div .ui-grid .ui-grid-menu .ui-grid-menu-mid {
      max-height: 280px; }

.expense-ui-grid {
  height: auto; }
  .expense-ui-grid .ui-grid-viewport {
    height: 100% !important;
    max-height: calc(100vh - 600px); }
    @media (max-height: 720px) {
      .expense-ui-grid .ui-grid-viewport {
        max-height: calc(100vh - 450px); } }
  .expense-ui-grid .ui-grid-header-cell {
    height: 40px !important; }
  .expense-ui-grid .ui-grid-row:hover .ui-grid-cell {
    background-color: white !important; }

.ui-grid-upload-detail {
  margin: 15px 15px 0 15px;
  font-size: 14px; }

.event-templates-grid {
  height: calc(100vh - 290px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .event-templates-grid {
      height: calc(100vh - 130px) !important; } }

.email-templates-grid {
  height: calc(100vh - 235px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .email-templates-grid {
      height: calc(100vh - 70px) !important; } }

.review-console-grid {
  height: calc(100vh - 250px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .review-console-grid {
      height: calc(100vh - 90px) !important; } }

.task-scheduling-grid {
  height: calc(100vh - 290px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .task-scheduling-grid {
      height: calc(100vh - 130px) !important; } }

.ui-grid-upload-detail {
  margin: 15px 15px 0 15px;
  font-size: 14px; }

.sub-grid-upload-detail .ui-grid-viewport {
  overflow-y: hidden !important;
  overflow: hidden !important; }
.sub-grid-upload-detail .ui-grid-cell-contents {
  white-space: normal !important;
  overflow-y: auto !important; }

.vm-upload-grid, .upload-grid-container-full-screen .transaction-upload-grid {
  height: calc(100vh - 490px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1536px) {
    .vm-upload-grid, .upload-grid-container-full-screen .transaction-upload-grid {
      height: calc(100vh - 310px) !important; } }

.pm-import-grid {
  height: calc(100vh - 450px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1536px) {
    .pm-import-grid {
      height: calc(100vh - 280px) !important; } }

.documents-upload-grid {
  height: calc(100vh - 410px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1536px) {
    .documents-upload-grid {
      height: calc(100vh - 310px) !important; } }

.client-assignment-grid {
  height: calc(100vh - 170px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .client-assignment-grid {
      height: calc(100vh - 10px) !important; } }

.bid-planning-grid {
  height: calc(100vh - 190px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .bid-planning-grid {
      height: calc(100vh - 20px) !important; } }
  .bid-planning-grid a {
    font-size: 13px !important;
    font-weight: 600 !important; }
  .bid-planning-grid .ui-grid-header-viewport {
    height: auto !important; }

.various-modal-grid {
  height: calc(100vh - 750px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .various-modal-grid {
      height: calc(100vh - 400px) !important; } }
  .various-modal-grid a {
    font-size: 13px !important;
    font-weight: 600 !important; }
  .various-modal-grid .ui-grid-header-viewport {
    height: auto !important; }

.schedule-templates-grid {
  height: calc(100vh - 240px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .schedule-templates-grid {
      height: calc(100vh - 90px) !important; } }

.user-groups-grid {
  height: calc(100vh - 235px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .user-groups-grid {
      height: calc(100vh - 70px) !important; } }

.companies-grid {
  height: calc(100vh - 175px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .companies-grid {
      height: calc(100vh - 40px) !important; } }

.fund-role-grid {
  height: calc(100vh - 220px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .fund-role-grid {
      height: calc(100vh - 60px) !important; } }
  .fund-role-grid .ui-grid-cell-contents {
    white-space: normal;
    overflow-y: auto; }

.pm-contact-grid {
  font-size: 13px !important;
  height: calc(100vh - 750px) !important; }
  @media (max-width: 1536px) {
    .pm-contact-grid {
      height: calc(100vh - 400px) !important; } }

.pm-contact-grid-appraisal {
  font-size: 13px !important;
  height: calc(100vh - 600px) !important; }
  @media (max-width: 1536px) {
    .pm-contact-grid-appraisal {
      height: calc(100vh - 400px) !important; } }

.transaction-upload-grid {
  height: calc(100vh - 620px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important;
  margin: 15px 0px; }
  @media (max-width: 1536px) {
    .transaction-upload-grid {
      height: calc(100vh - 530px) !important; } }

.pm-status-grid {
  margin-top: 30px;
  height: calc(100vh - 240px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .pm-status-grid {
      height: calc(100vh - 70px) !important; } }
  .pm-status-grid a {
    font-size: 13px !important;
    font-weight: 600 !important; }

.workflow-event-grid {
  height: calc(100vh - 650px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .workflow-event-grid {
      height: calc(100vh - 300px) !important; } }

.holiday-calendar-grid {
  height: calc(100vh - 340px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .holiday-calendar-grid {
      height: calc(100vh - 170px) !important; } }

.all-transactions-grid {
  height: calc(100vh - 520px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .all-transactions-grid {
      height: calc(100vh - 170px) !important; } }

.polygon-search-container .appraisal-dashboard-container .polygon-flex-container .full-column .appr-dashboard-grid__size {
  height: calc(100vh - 330px) !important; }
  @media (max-width: 1500px) {
    .polygon-search-container .appraisal-dashboard-container .polygon-flex-container .full-column .appr-dashboard-grid__size {
      height: calc(100vh - 10px) !important; } }

.users-grid {
  height: calc(100vh - 175px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .users-grid {
      height: calc(100vh - 40px) !important; } }

.users-grid-advanced {
  height: calc(100vh - 560px) !important;
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .users-grid-advanced {
      height: calc(100vh - 350px) !important; } }

.document-search-grid {
  height: calc(100vh - 330px) !important; }
  @media (max-width: 1536px) {
    .document-search-grid {
      height: calc(100vh - 180px) !important; } }

.parent-asset-grid {
  height: calc(100vh - 565px) !important; }
  @media (max-width: 1536px) {
    .parent-asset-grid {
      height: calc(100vh - 435px) !important; } }

#assetList::backdrop {
  background-color: white; }

.parent-asset-grid-full-screen .parent-asset-grid,
.parent-asset-grid-full-screen .list-view-height {
  height: calc(100vh - 140px) !important; }
  @media (max-width: 1536px) {
    .parent-asset-grid-full-screen .parent-asset-grid,
    .parent-asset-grid-full-screen .list-view-height {
      height: calc(100vh + 15px) !important; } }

.list-view-height {
  height: 700px !important; }

.search-panel-full-screen.advanced-search-section {
  padding-right: 30px !important; }
.search-panel-full-screen .polygon-flex-container.list-view {
  height: calc(100vh - 140px) !important; }
  @media (max-width: 1536px) {
    .search-panel-full-screen .polygon-flex-container.list-view {
      height: calc(100vh - -15px) !important; } }
.search-panel-full-screen .asset-search-grid.search-grid-map,
.search-panel-full-screen .trx-grid-div.search-grid-map {
  height: calc(100vh - 630px) !important; }
  @media (max-width: 1536px) {
    .search-panel-full-screen .asset-search-grid.search-grid-map,
    .search-panel-full-screen .trx-grid-div.search-grid-map {
      height: calc(100vh - 370px) !important; } }
.search-panel-full-screen #google-map-div.map-column.height-300.full-column,
.search-panel-full-screen #trx-map-div.full-column.search-grid-map {
  height: calc(100vh - 640px) !important; }
  @media (max-width: 1536px) {
    .search-panel-full-screen #google-map-div.map-column.height-300.full-column,
    .search-panel-full-screen #trx-map-div.full-column.search-grid-map {
      height: calc(100vh - 380px) !important; } }
.search-panel-full-screen #google-map-div.map-column.height-300.full-column.gmap-doc-view {
  height: calc(100vh - 610px) !important; }
  @media (max-width: 1536px) {
    .search-panel-full-screen #google-map-div.map-column.height-300.full-column.gmap-doc-view {
      height: calc(100vh - 450px) !important; } }
.search-panel-full-screen .advanced-search-fields .multi-dropdown .multiselect-parent ul {
  max-height: 320px !important; }
.search-panel-full-screen .loading {
  background-color: #ffffff;
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1; }
  .search-panel-full-screen .loading .loader {
    position: absolute;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5); }
    .search-panel-full-screen .loading .loader .kart-loader {
      position: static;
      width: auto;
      height: auto; }

/**
 * border  classes
 */
.no-border-bottom {
  border-bottom: 0 !important; }

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

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

/**
 * color  classes
 */
.white {
  background-color: white; }

.red {
  color: red; }

.bg-red {
  background-color: red; }

.orange {
  color: #FF9900; }

.bg-orange {
  background-color: #FF9900 !important; }

.bg-event-gray {
  background-color: rgba(233, 233, 233, 0.77) !important; }

.value-blue {
  color: #00304D !important; }
  .value-blue:hover {
    opacity: 0.7; }

/**
 * margin  classes
 */
.margin-top {
  margin-top: 1em; }

.margin-top-2rem {
  margin-top: 2rem; }

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

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

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

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

.margin-left-10rem {
  margin-left: 10rem !important; }

.margin-left-10 {
  margin-left: 10rem !important; }

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

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

.section-margin-top {
  margin-top: 0.5em; }

.no-margin-left {
  margin-left: 0 !important; }

.no-margin-top {
  margin-top: 0 !important; }

.margin-right-1 {
  margin-right: 1rem !important; }

.margin-right-0-5 {
  margin-right: 0.5rem; }

.margin-right-2rem {
  margin-right: 2rem; }

.margin-right-20 {
  margin-right: 20px; }

.margin-right-4 {
  margin-right: 4rem; }

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

.no-margin-bottom {
  margin-bottom: 0 !important; }

.margin-bottom {
  margin-bottom: 1em !important; }

.margin-bottom-30 {
  margin-bottom: 30px !important; }

.margin-to-2 {
  margin-top: 2px; }

.margin-top-50 {
  margin-top: 50px; }

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

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

.margin-left-25 {
  margin-left: 25px !important; }

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

.margin-left-auto {
  margin-left: auto; }

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

/**
 * padding  classes
 */
.no-padding-left {
  padding-left: 0 !important; }

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

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

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

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

.no-padd-l {
  padding-left: 0px; }

.no-padd-r {
  padding-right: 0px; }

.no-padd {
  padding-left: 0px;
  padding-right: 0px; }

.padding-right-30 {
  padding-right: 30px !important; }

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

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

.padding-left-30 {
  padding-left: 30px !important; }

.padding-left-15 {
  padding-left: 15px !important; }

.padding-right-15 {
  padding-right: 15px !important; }

.px-15 {
  padding-left: 15px;
  padding-right: 15px; }

.padding-right-25 {
  padding-right: 25px; }

.padding-left-25 {
  padding-left: 25px; }

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

.padding-left-20 {
  padding-left: 20px; }

.padding-right-0 {
  padding-right: 0 !important; }

.padding-left-0 {
  padding-left: 0 !important; }

.padding-left-8 {
  padding-left: 8px !important; }

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

.padding-top-30 {
  padding-top: 30px !important; }

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

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

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

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

.padding-15 {
  padding: 15px; }

.padding-5 {
  padding: 5px; }

.padding-7 {
  padding: 7px; }

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

.py-0 {
  padding-top: 0;
  padding-bottom: 0; }

/**
 * position  classes
 */
.p-relative {
  position: relative !important; }

.p-absolute {
  position: absolute !important; }

.p-fixed {
  position: fixed !important; }

/**
 * files styles
 */
.pdf {
  color: red;
  padding-bottom: 10px; }
  .pdf:hover {
    opacity: 0.7; }

.excel {
  color: green;
  padding-bottom: 10px; }
  .excel:hover {
    opacity: 0.7; }

.word {
  color: navy;
  padding-bottom: 10px; }
  .word:hover {
    opacity: 0.7; }

.text {
  color: black;
  padding-bottom: 10px; }
  .text:hover {
    opacity: 0.7; }

.blank {
  color: grey;
  padding-bottom: 10px; }
  .blank:hover {
    opacity: 0.7; }

/**
 * required styles
 */
.required-fields {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: #e70c0c;
  margin-bottom: 30px; }

.label-required {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: #eb2f2f !important; }

.delete-portfolios {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: #e70c0c; }

.input-required {
  border: solid 2px #EA2626 !important; }

.input-required-dropdown button {
  border: solid 2px #EA2626 !important; }

.dropdown-not-requied button {
  border: solid 1px #cccccc; }

/**
 * map styles
 */
.map-size h1 {
  margin-top: 10px !important; }

.angular-leaflet-map {
  z-index: 1; }

.search-param {
  width: 19%; }

.default-leaflet-map-size {
  height: 700px;
  width: 100%; }

.map-search-btn {
  display: flex;
  width: 22%; }

.maps-padding-search {
  padding-bottom: 20px; }

.maps-clear-text {
  width: 100%;
  margin-top: 30px;
  height: 39px; }

.clear-text {
  font-size: 1.7rem !important;
  white-space: nowrap !important; }

.custom-leaflet-map-size {
  height: 500px !important;
  width: 500px !important; }

.report-tabs .nav-tabs > li > div, .square-tabs .nav-tabs > li > div {
  border-radius: 0;
  border: 0;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: #434343;
  cursor: pointer;
  background-color: #DCDCDC;
  padding: 8px 15px 8px 15px;
  margin: 0 2px;
  display: flex;
  justify-content: center; }
.report-tabs .nav-tabs > li.active > div, .square-tabs .nav-tabs > li.active > div {
  font-weight: 600;
  border-bottom: solid 4px #00304D;
  background: transparent; }
.report-tabs .tab-property, .square-tabs .tab-property {
  min-width: 150px; }
.report-tabs__sticky > .nav-tabs, .square-tabs__sticky > .nav-tabs {
  position: sticky;
  top: 200px;
  z-index: 87;
  background: #f8f8f8;
  padding-top: 20px; }

.valuation-tabs__sticky > .nav-tabs {
  position: sticky;
  top: 263px;
  z-index: 88;
  background: #f8f8f8;
  padding-top: 15px; }

.remove-tabs-border .nav-tabs {
  border-bottom: none; }

/**
 * Commons styles
 */
body {
  overflow-x: hidden; }

.table-bg {
  background: white; }

#app-turquoise {
  color: mediumturquoise; }

.template-dropdown .dropdown-item {
  font-size: inherit; }

.comma:not(:first-child) {
  margin-left: -.3em; }

text[text-anchor="start"] {
  font-size: 14px; }

input[type="text"]:disabled {
  background: #e6e6e6 !important;
  color: #777777 !important; }

.btn-apply {
  color: white !important; }

/* no need to display empty elements */
.comma:not(:first-child):before {
  content: ", "; }

.comma:empty {
  content: ""; }

#app-cancel {
  color: crimson !important;
  border: 1px solid black !important;
  background-color: transparent !important;
  border-color: crimson !important; }

#app-nowrap {
  white-space: nowrap; }

#app-overflow-visible {
  overflow: visible !important; }

.pt-2 {
  padding-top: 2px; }

.m-2 {
  margin: 2px; }

.m-5 {
  margin: 5px; }

.m-10 {
  margin: 10px; }

.float-l {
  float: left; }

.float-r {
  float: right; }

.l-align {
  text-align: left; }

.r-align {
  text-align: right; }

.draggable-item {
  border: 4px solid #FF9900 !important;
  border-radius: 3px; }

.draggable-item:hover {
  cursor: pointer; }

.btn-apply-color {
  background-color: #00304D !important;
  color: white !important; }

.btn-market-sta {
  margin: 7px 15px 7px 0px; }

.normal-feature-h {
  height: 300px !important; }

.comp-accordion {
  background-color: dimgray;
  color: white;
  cursor: pointer;
  text-align: left;
  outline: none;
  font-size: 12px;
  height: 30px;
  margin-right: 10px !important; }

.gm-style-mtc label {
  font-size: 12px !important;
  font-weight: 400; }

.gm-style-mtc div {
  font-size: 12px !important; }

.action-group {
  width: 100%;
  height: 100%; }

.upload-footer {
  padding-top: 0px !important; }

.btn-no-transform {
  font-family: 'Open Sans', Arial;
  text-transform: none;
  font-weight: 600;
  box-shadow: -2px 2px 2px lightgrey; }

.btn-upload-footer {
  color: white;
  font-size: 14px;
  font-weight: 400;
  height: 42px;
  min-width: 161px; }

.loaderm {
  position: relative;
  margin: 0 auto;
  width: 100px; }
  .loaderm:before {
    content: '';
    display: block;
    padding-top: 100%; }

.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.secondary-btn {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: unset;
  height: 20px;
  margin-right: 9px;
  text-align: center;
  background-color: transparent;
  border: solid 1px #6e6e6e;
  border-radius: 4px;
  color: #6e6e6e;
  font-weight: 400; }

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }
@keyframes color {
  100%,
  0% {
    stroke: #d62d20; }
  40% {
    stroke: #00304D; }
  66% {
    stroke: #008744; }
  80%,
  90% {
    stroke: #ffa700; } }
.fab {
  width: 56px;
  float: right;
  bottom: 20px; }

.fab:hover .fab-buttons {
  opacity: 1;
  visibility: visible; }

.fab:hover .fab-buttons__link {
  transform: scaleY(1) scaleX(1) translateY(-16px) translateX(0px); }

.fab-action-button:hover + .fab-buttons .fab-buttons__link:before {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transform-origin: right center 0;
  transition-delay: 0.3s; }

.fab-action-button {
  position: absolute;
  z-index: 100;
  bottom: 20px;
  display: block;
  right: -38px;
  width: 56px;
  height: 56px;
  background-color: #3e89f6;
  border-radius: 50%;
  box-shadow: -2px 2px 2px dimgray; }

.fab-buttons {
  position: absolute;
  z-index: 100;
  right: -60px;
  bottom: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s; }

.fab-action-button__icon {
  display: inline-block;
  width: 56px;
  height: 56px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBvcGFjaXR5PSIuODciIGQ9Ik0wIDBoMjR2MjRIMFYweiIvPjwvZz48cGF0aCBkPSJNMyAxM2gydi0ySDN2MnptMCA0aDJ2LTJIM3Yyem0wLThoMlY3SDN2MnptNCA0aDE0di0ySDd2MnptMCA0aDE0di0ySDd2MnpNNyA3djJoMTRWN0g3em0tNCA2aDJ2LTJIM3Yyem0wIDRoMnYtMkgzdjJ6bTAtOGgyVjdIM3Yyem00IDRoMTR2LTJIN3Yyem0wIDRoMTR2LTJIN3Yyek03IDd2MmgxNFY3SDd6Ii8+PC9zdmc+") center no-repeat; }

.fab-buttons__item {
  display: block;
  text-align: center;
  margin: 12px 0; }

.fab-buttons__link {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  transform: scaleY(0.5) scaleX(0.5) translateY(0px) translateX(0px);
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }

[data-tooltip]:before {
  top: 50%;
  margin-top: -11px;
  font-weight: 600;
  border-radius: 2px;
  background: #585858;
  color: #fff;
  content: attr(data-tooltip);
  font-size: 12px;
  text-decoration: none;
  visibility: hidden;
  opacity: 0;
  padding: 4px 7px;
  margin-right: 12px;
  position: absolute;
  transform: scale(0);
  right: 100%;
  white-space: nowrap;
  transform-origin: top right;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }

[data-tooltip]:hover:before {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transform-origin: right center 0; }

.icon-material {
  display: inline-block;
  width: 40px;
  height: 40px; }

.icon-material_fb {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMCA1MTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMCA1MTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0icG9zdC1mYWNlYm9vayI+CgkJPHBhdGggZD0iTTQ1OSwwSDUxQzIyLjk1LDAsMCwyMi45NSwwLDUxdjQwOGMwLDI4LjA1LDIyLjk1LDUxLDUxLDUxaDQwOGMyOC4wNSwwLDUxLTIyLjk1LDUxLTUxVjUxQzUxMCwyMi45NSw0ODcuMDUsMCw0NTksMHogICAgIE00MzMuNSw1MXY3Ni41aC01MWMtMTUuMywwLTI1LjUsMTAuMi0yNS41LDI1LjV2NTFoNzYuNXY3Ni41SDM1N1Y0NTloLTc2LjVWMjgwLjVoLTUxVjIwNGg1MXYtNjMuNzUgICAgQzI4MC41LDkxLjgsMzIxLjMsNTEsMzY5Ljc1LDUxSDQzMy41eiIgZmlsbD0iIzc1NzU3NSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=") center no-repeat; }

.icon-material_delete {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBkPSJNMTQuMTIgMTAuNDdMMTIgMTIuNTlsLTIuMTMtMi4xMi0xLjQxIDEuNDFMMTAuNTkgMTRsLTIuMTIgMi4xMiAxLjQxIDEuNDFMMTIgMTUuNDFsMi4xMiAyLjEyIDEuNDEtMS40MUwxMy40MSAxNGwyLjEyLTIuMTJ6TTE1LjUgNGwtMS0xaC01bC0xIDFINXYyaDE0VjR6TTYgMTljMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yVjdINnYxMnpNOCA5aDh2MTBIOFY5eiIvPjwvc3ZnPg==") center no-repeat; }

.icon-material_tw {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMCA1MTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMCA1MTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0icG9zdC10d2l0dGVyIj4KCQk8cGF0aCBkPSJNNDU5LDBINTFDMjIuOTUsMCwwLDIyLjk1LDAsNTF2NDA4YzAsMjguMDUsMjIuOTUsNTEsNTEsNTFoNDA4YzI4LjA1LDAsNTEtMjIuOTUsNTEtNTFWNTFDNTEwLDIyLjk1LDQ4Ny4wNSwwLDQ1OSwweiAgICAgTTQwMC4zNSwxODYuMTVjLTIuNTUsMTE3LjMtNzYuNSwxOTguOS0xODguNywyMDRDMTY1Ljc1LDM5Mi43LDEzMi42LDM3Ny40LDEwMiwzNTkuNTVjMzMuMTUsNS4xMDEsNzYuNS03LjY0OSw5OS40NS0yOC4wNSAgICBjLTMzLjE1LTIuNTUtNTMuNTUtMjAuNC02My43NS00OC40NWMxMC4yLDIuNTUsMjAuNCwwLDI4LjA1LDBjLTMwLjYtMTAuMi01MS0yOC4wNS01My41NS02OC44NWM3LjY1LDUuMSwxNy44NSw3LjY1LDI4LjA1LDcuNjUgICAgYy0yMi45NS0xMi43NS0zOC4yNS02MS4yLTIwLjQtOTEuOGMzMy4xNSwzNS43LDczLjk1LDY2LjMsMTQwLjI1LDcxLjRjLTE3Ljg1LTcxLjQsNzkuMDUxLTEwOS42NSwxMTcuMzAxLTYxLjIgICAgYzE3Ljg1LTIuNTUsMzAuNi0xMC4yLDQzLjM1LTE1LjNjLTUuMSwxNy44NS0xNS4zLDI4LjA1LTI4LjA1LDM4LjI1YzEyLjc1LTIuNTUsMjUuNS01LjEsMzUuNy0xMC4yICAgIEM0MjUuODUsMTY1Ljc1LDQxMy4xLDE3NS45NSw0MDAuMzUsMTg2LjE1eiIgZmlsbD0iIzc1NzU3NSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=") center no-repeat; }

.icon-material_li {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDBWMHoiLz48cGF0aCBkPSJNNCA2SDJ2MTRjMCAxLjEuOSAyIDIgMmgxNHYtMkg0VjZ6bTE2LTRIOGMtMS4xIDAtMiAuOS0yIDJ2MTJjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMlY0YzAtMS4xLS45LTItMi0yem0wIDE0SDhWNGgxMnYxMnptLTctMmgydi0zaDNWOWgtM1Y2aC0ydjNoLTN2MmgzeiIvPjwvc3ZnPg==") center no-repeat; }

body {
  background-color: #eee; }

.showbox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5%; }

.medium-hyper-link {
  color: beige !important;
  font-size: 14px !important; }

.light-hyper-link {
  color: white !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration-color: white !important;
  text-decoration: underline !important; }

.flex-col-61 {
  display: inline-flex;
  padding-top: 2px;
  color: white; }

.comp-radio {
  flex: .92;
  text-align: center;
  cursor: pointer; }

.el-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 400px; }

.reduce-span {
  max-width: 100px; }

.font-12 {
  font-size: 12px !important; }

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

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

.font-1-6rem {
  font-size: 1.6rem !important; }

.font-1-3rem {
  font-size: 1.3rem !important; }

.font-1-4rem {
  font-size: 1.4rem !important; }

.font-italic {
  font-style: italic !important; }

.font-normal {
  font-style: normal !important; }

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

.font-weight-700 {
  font-weight: 700 !important; }

.block-level-fluid {
  width: 100%; }

.flex-flow {
  display: inline-flex; }

.embolden {
  font-weight: 600; }

.unset-margin {
  margin: unset; }

.unset-all-padding {
  padding: unset !important; }

.unset-padding {
  padding: unset; }

/* Ripple effect */
.ripple {
  background-position: center;
  transition: background 0.8s;
  /* Button style */ }
  .ripple button {
    border: none;
    border-radius: 2px;
    padding: 12px 18px;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    color: white;
    background-color: #2196f3;
    box-shadow: 0 0 4px #999;
    outline: none; }

.ripple:hover {
  background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%; }

.ripple:active {
  background-color: #6eb9f7;
  background-size: 100%;
  transition: background 0s; }

.default-disable-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge*/
  user-select: none;
  /* Non-prefixed version, currently
     not supported by any browser */ }

.default-input-width {
  width: unset; }

.display-center {
  text-align: center; }

.no-pointer {
  cursor: auto !important; }

.indent-10 {
  text-indent: 10px; }

.status-active {
  width: 13.7px;
  height: 13.7px;
  color: #8edd5a; }

.status-inactive {
  width: 13.7px;
  height: 13.7px;
  color: #818181; }

.hand {
  cursor: pointer; }

.contacts-info {
  font-weight: 700;
  width: 100%; }

.cropArea, .company-logo-crop-area {
  background: #E4E4E4;
  overflow: hidden;
  width: 500px;
  height: 350px; }

.company-logo-crop-area {
  width: 100% !important; }
  .company-logo-crop-area ui-cropper.fixed-height canvas {
    margin-top: unset !important;
    width: 200px !important;
    height: 80px !important; }

.crop-area-dim {
  background: #E4E4E4;
  overflow: hidden;
  width: 750px;
  height: 500px; }

.image-brokers {
  max-width: 36px;
  max-height: 36px;
  width: auto;
  height: auto; }

.divider {
  margin-top: 20px;
  margin-left: -15px;
  margin-right: -15px; }

.confidential {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #FF9900; }

.options-bar {
  padding-top: 15px; }
  .options-bar .radio-buttons .control-group {
    background-color: transparent;
    width: 100% !important; }
    .options-bar .radio-buttons .control-group label {
      line-height: 1.1; }
  .options-bar .checkbox-area .control-group {
    text-align: right; }
  .options-bar .checkbox-area input {
    width: 100px; }
  .options-bar .checkbox-area .new-width {
    max-width: 5px !important; }
  .options-bar .control-group label, .options-bar .control-group a {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    color: #4e4e4e;
    padding-right: 0;
    margin-right: 20px; }
    .options-bar .control-group label:hover, .options-bar .control-group a:hover {
      opacity: 0.7; }
  .options-bar .bar-left {
    border-left: 1px solid #7D7D7D;
    padding-left: 20px; }

.clear {
  clear: both;
  display: block; }

.ng-hide:not(.ng-hide-animate) {
  display: block;
  position: absolute;
  top: -9999px;
  left: -9999px; }

.mango-logo {
  margin: 10px 0 30px 0;
  display: flex;
  justify-content: center;
  padding-top: 10px; }
  .mango-logo img {
    width: 150px; }
  .mango-logo span {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold !important;
    letter-spacing: 0.6px;
    color: #a7a7a7;
    margin-left: 10px; }

.custom-tooltip {
  width: 500px; }
  .custom-tooltip .tooltip-inner {
    font-size: 12px;
    font-size: 1.2rem;
    background-color: #ffffff;
    box-shadow: 0 0 4px 0 rgba(88, 88, 88, 0.5);
    padding: 20px;
    font-weight: 400;
    text-transform: none;
    text-align: left;
    max-width: 500px;
    color: rgba(28, 28, 28, 0.6);
    opacity: 1; }
  .custom-tooltip .tooltip-arrow {
    border-right-color: rgba(28, 28, 28, 0.3) !important; }

.help-icon {
  color: #00304D;
  cursor: pointer;
  background-color: transparent;
  line-height: 10px;
  height: 20px;
  padding: 0 0 0 10px;
  text-align: center; }
  @media (max-width: 599px) {
    .help-icon {
      padding: 0 10px; } }

.fade-in {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.1s;
  -moz-animation-duration: 0.1s;
  animation-duration: 0.1s; }

#ngProgress-container {
  z-index: 100 !important; }

.wrap-pin-delete {
  display: inline-block;
  position: absolute;
  right: 11px;
  width: auto;
  text-align: right; }

.result-width .col {
  min-width: 100px;
  max-width: 100px; }

.no-wrap {
  white-space: nowrap !important; }

.no-zoom, img-crop {
  zoom: reset !important; }

.no-zoom-container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  zoom: 100%; }

img-crop {
  /*@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1600px) {
    zoom: 120%;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1599px) and (max-width: 1899px) {
    zoom: 110%;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1900px) {
    zoom: 100%;
  }*/ }

.width-unset {
  width: unset !important; }

.max-width-100 {
  max-width: 100% !important; }

.width-100 {
  width: 100% !important; }

.width-80 {
  width: 80% !important; }

.width-60 {
  width: 60% !important; }

.width-auto {
  width: auto !important; }

.height-100 {
  height: 100% !important; }

.width-40 {
  width: 40% !important; }

.width-30 {
  width: 30% !important; }

.height-auto {
  height: auto !important; }

.width-unset {
  width: unset !important; }

.width-30 {
  width: 30% !important; }

.height-100 {
  height: 100% !important; }

.height-21px {
  height: 21px; }

.overflow-x-hidden {
  overflow-x: hidden !important; }

.overflow-x-auto {
  overflow-x: auto !important; }

.float-none {
  float: none; }

.guide-section {
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .guide-section .iframe-full {
    height: 800px;
    height: 85vh; }
  .guide-section a {
    margin-top: 10px; }

.occupancy-section .table-container thead tr {
  height: 36px; }

.t-full-space {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-basis: auto;
  flex-grow: 1; }

.flex-grow-1 {
  flex-grow: 1; }

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

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

.display-inline {
  display: inline !important; }

.display-block {
  display: block !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.pre-wrap {
  white-space: pre-wrap; }

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

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

.white-space-nowrap {
  white-space: nowrap; }

.text-white {
  color: #ffffff; }

.line-height-39 {
  line-height: 39px; }

.event-date {
  padding: 15px 13px; }

.text-mango-orange {
  color: #FF9900 !important; }

.text-mango-blue {
  color: #00304D !important; }

.text-error {
  color: crimson !important; }
  .text-error a {
    color: crimson !important; }

.text-lighty-gray {
  color: #A2A2A2; }

.text-css-gray {
  color: gray; }

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

.text-capitalize {
  text-transform: capitalize !important; }

.cursor-pointer {
  cursor: pointer !important; }

.select-input-modal {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%;
  padding: 8px 15px;
  /*max-width: 390px;*/ }
  .select-input-modal::-webkit-input-placeholder {
    font-weight: 400;
    color: #ccc !important; }
  .select-input-modal:-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400;
    color: #ccc !important; }
  .select-input-modal::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
    color: #ccc !important; }
  .select-input-modal:-ms-input-placeholder {
    font-weight: 400;
    color: #ccc !important; }
  .select-input-modal:focus {
    border-color: #00304D !important; }

.no-animation {
  transition: none !important;
  transform: none !important; }

.system-styles {
  color: #808080 !important;
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 1; }

.line-height-1 {
  line-height: 1 !important; }

.no-height {
  height: 0 !important; }

.width-20 {
  width: 20px !important; }

ul.no-ul-style {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.background-white {
  border: 1px solid #d0d0d0 !important;
  padding-bottom: 15px; }

.black-icon {
  color: #525252 !important; }

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

.margin-left-6 {
  margin-left: 6px !important; }

.mango-color {
  color: #61bfc0; }

.modal-dp-event .modal-dialog {
  margin: 2% 20%;
  width: auto; }
.modal-dp-event .bootstrap-select.btn-group .dropdown-menu.inner {
  max-height: 250px !important;
  overflow: auto; }

.modal-engagement-contact .modal-content {
  width: 100%;
  height: 70%; }
.modal-engagement-contact .modal-dialog {
  width: 65%; }

.modal-doc-template {
  z-index: 99999999 !important; }
  .modal-doc-template .modal-content {
    width: 600px;
    height: 70%;
    left: 50%;
    transform: translateX(-50%); }
  .modal-doc-template .modal-dialog {
    width: 65%; }

.modal-open .modal-engagement-contact {
  height: 70%; }

.overflow-y-hidden {
  overflow-y: hidden !important; }

.overflow-y-auto {
  overflow-y: auto !important; }

.content-box {
  box-sizing: content-box; }

.strong-blue-i {
  color: #3498DB !important; }

.flex-and-align {
  display: inline-flex;
  align-items: baseline; }

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

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

.text-align-center {
  text-align: center;
  padding-top: 2px; }

.text-align-convo-pad {
  text-align: center;
  font-size: 1.3rem !important;
  padding-top: 7px; }

.text-align-bid-request {
  text-align: justify;
  font-size: 1.3rem !important;
  white-space: pre-wrap; }

.create-bid-text {
  font-size: 14px;
  font-size: 1.4rem;
  color: #747474;
  width: 100%; }

#bid-tag-list {
  display: inline;
  list-style: none; }

#bid-tag-list li {
  display: inline; }

#bid-tag-list li:after {
  content: ", "; }

#bid-tag-list li:last-child:after {
  content: ""; }

.create-bid-multi-select {
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: solid 1px #cccccc !important;
  border-radius: 4px;
  color: #434343;
  font-weight: 400;
  height: 39px !important;
  padding-right: 22px;
  text-align: left;
  width: 100% !important;
  text-transform: inherit; }

.text-align-bid-request-asset {
  text-align: justify;
  font-size: 1.3rem !important;
  white-space: pre-wrap;
  padding: 5px; }

.action-column-bid-request-table {
  text-align: center;
  font-size: 1.3rem !important;
  white-space: pre-wrap;
  padding: 5px; }

.table-head-profile {
  text-align: center;
  margin-left: 30px !important; }

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

#portfolio-add-top-margin {
  padding-top: 9px; }

.property-search-fuzzy input, .property-search-fuzzy-margin-left input {
  padding: 0 10px;
  border: solid 1px #8b8b8b;
  height: 31px;
  margin-right: 14px;
  width: 300px; }
  .property-search-fuzzy input:focus, .property-search-fuzzy-margin-left input:focus {
    border-color: #00304D !important; }
.property-search-fuzzy div, .property-search-fuzzy-margin-left div {
  top: 1px; }

.block-inline {
  display: inline-block; }

.no-data-panel-title {
  font-weight: 300 !important; }

.comp-modal .modal-content {
  width: 600px; }

.hide-backdrop {
  display: none; }

.comp-height {
  max-height: 1000px !important; }
  .comp-height .comp-cart-table .n-cell {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 20px;
    overflow: hidden; }
  .comp-height .comp-cart-table tr > th {
    padding: unset;
    border: 0; }
  .comp-height .comp-cart-table tr > td {
    padding: unset;
    border: 0; }
  .comp-height .comp-cart-table .table-header-subject .bottom-border {
    border-bottom: 1px solid dimgrey; }
  .comp-height .comp-cart-table .table-header-subject .subject-title {
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    width: 105px; }
  .comp-height .comp-cart-table .comp-header-inline {
    width: 120px;
    font-size: 12px; }
  .comp-height .comp-cart-table .table-header {
    border-bottom: 1px solid dimgrey;
    color: darkslategrey; }
    .comp-height .comp-cart-table .table-header th {
      font-weight: bold;
      text-transform: uppercase; }
    .comp-height .comp-cart-table .table-header .title-label {
      width: 210px;
      max-width: 210px;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .comp-height .comp-cart-table .table-header .sub-label {
      text-indent: 2px;
      white-space: nowrap; }
    .comp-height .comp-cart-table .table-header .border {
      border-right-style: dashed;
      border-right-width: 2px;
      border-right-color: white; }
  .comp-height .comp-cart-table .comp-type td {
    text-align: right;
    font-size: 12px;
    font-weight: 600; }
  .comp-height .nested-trx-header {
    text-align: center;
    font-weight: 600; }
  .comp-height .nested-row {
    border: 1px solid lightblue; }
  .comp-height .nested-list {
    background: lightslategrey;
    color: #ffffff;
    text-indent: 2px; }
    .comp-height .nested-list tr > td {
      color: #ffffff; }
  .comp-height .trx-list {
    text-indent: 2px; }
  .comp-height .comp-data-checkbox {
    max-width: 30px;
    float: right; }
    .comp-height .comp-data-checkbox input {
      width: inherit; }
  .comp-height .comp-icon-right {
    float: right;
    margin-top: 1px;
    margin-top: 3px;
    margin-right: 3px;
    cursor: pointer; }
  .comp-height .comp-header-align {
    background-color: #FF9900;
    padding: 5px !important;
    padding-left: 15px !important;
    color: white; }
    .comp-height .comp-header-align .comps-title {
      text-transform: uppercase;
      font-weight: bold;
      color: #fff;
      font-size: 14px; }
  .comp-height .comp-cart-body {
    display: flex;
    flex-direction: column;
    height: 100%; }
    .comp-height .comp-cart-body .locked-subject {
      position: relative;
      text-align: right;
      z-index: 1000;
      right: 9px; }
    .comp-height .comp-cart-body .comp-curs {
      cursor: pointer; }
    .comp-height .comp-cart-body .remove-subject {
      color: #e75353;
      text-shadow: -2px 2px 2px lightgrey;
      cursor: pointer;
      font-size: 16px; }
    .comp-height .comp-cart-body .remove-asset {
      color: #e75353;
      cursor: pointer;
      font-size: 16px;
      padding-right: 15px; }
    .comp-height .comp-cart-body .unlocked-subject {
      position: relative;
      text-align: right;
      z-index: 1000;
      color: green; }
    .comp-height .comp-cart-body .dropzone-label {
      margin: auto; }
    .comp-height .comp-cart-body .comp-details-list {
      padding-left: 0px;
      list-style: none;
      font-size: 14px;
      word-spacing: 2px;
      margin-left: 30px; }
    .comp-height .comp-cart-body .comps-button-bar {
      float: right; }
    .comp-height .comp-cart-body .cart-comps-btn {
      height: 25px !important;
      background-color: transparent;
      border: 1px solid black;
      margin-top: 5px; }
    .comp-height .comp-cart-body .clear {
      margin-right: 20px;
      margin-bottom: 5px;
      background: #00304D;
      color: #ffffff;
      border: 0; }
    .comp-height .comp-cart-body .add {
      margin-right: 10px;
      margin-bottom: 5px;
      background: transparent;
      border: 0; }
    .comp-height .comp-cart-body .cart-comps-btn:active {
      box-shadow: 0 3px 0 #00823F;
      top: 3px; }
    .comp-height .comp-cart-body .event-locked {
      pointer-events: none; }
    .comp-height .comp-cart-body .comp-container {
      flex: 1;
      font-size: 14px;
      overflow-y: scroll;
      overflow-x: hidden;
      padding: 5px; }
    .comp-height .comp-cart-body .subject-container {
      flex: 1;
      font-size: 14px;
      margin-top: -10px;
      padding: 15px;
      overflow: hidden;
      padding-bottom: 0px; }
    .comp-height .comp-cart-body .pressed {
      transform: matrix(0.95, 0, 0, 0.95, 0, 0); }
    .comp-height .comp-cart-body .bootstrap-select button {
      height: 30px !important; }
    .comp-height .comp-cart-body .bootstrap-select .filter-option {
      font-size: 14px; }
    .comp-height .comp-cart-body .bootstrap-select .dropdown-menu li a span.text {
      font-size: 14px; }
    .comp-height .comp-cart-body .comp-row {
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      word-break: break-word; }
    .comp-height .comp-cart-body .comp-row-2 {
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      word-break: break-word; }
    .comp-height .comp-cart-body .comp-list-overflow {
      overflow: hidden !important; }
    .comp-height .comp-cart-body .comp-asset-header {
      color: #ffffff;
      background: #999;
      white-space: nowrap;
      font-size: 12px;
      font-weight: 700;
      padding-top: 5px;
      padding-bottom: 5px; }
    .comp-height .comp-cart-body .comp-default-col {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      background: #c9c9c9;
      color: #ffffff;
      padding-top: 5px;
      padding-bottom: 5px;
      font-size: 12px;
      font-weight: 700;
      border-bottom: 1px solid #ffffff; }
    .comp-height .comp-cart-body .comp-trx-col {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      background: #ffffff;
      padding-top: 5px;
      padding-bottom: 5px;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.9;
      border-bottom: 1px solid #ffffff; }
      .comp-height .comp-cart-body .comp-trx-col a {
        font-size: 12px;
        font-weight: 700; }
    .comp-height .comp-cart-body .comp-col-5 {
      width: 5%; }
    .comp-height .comp-cart-body .comp-col-7 {
      width: 7%; }
    .comp-height .comp-cart-body .comp-col-10 {
      width: 10%; }
    .comp-height .comp-cart-body .flex-col-10 {
      flex: .125; }
    .comp-height .comp-cart-body .flex-col-10-2 {
      flex: .1; }
    .comp-height .comp-cart-body .comp-col-12 {
      width: 12%; }
    .comp-height .comp-cart-body .comp-col-13 {
      width: 13%; }
    .comp-height .comp-cart-body .flex-col-13 {
      flex: .11; }
    .comp-height .comp-cart-body .comp-col-14 {
      width: 14%; }
    .comp-height .comp-cart-body .flex-col-14 {
      flex: .13; }
    .comp-height .comp-cart-body .flex-col-14-2 {
      flex: .155; }
    .comp-height .comp-cart-body .comp-col-15 {
      width: 113px;
      padding-right: 5px; }
    .comp-height .comp-cart-body .flex-col-15 {
      flex: .17; }
    .comp-height .comp-cart-body .comp-col-18 {
      width: 18%; }
    .comp-height .comp-cart-body .comp-col-20 {
      width: 20%; }
    .comp-height .comp-cart-body .comp-col-24 {
      width: 24%;
      text-align: left; }
    .comp-height .comp-cart-body .float-comp-trash {
      float: left; }
    .comp-height .comp-cart-body .flex-col-24 {
      flex: .206;
      margin-left: 30px; }
    .comp-height .comp-cart-body .comp-col-25 {
      width: 25%; }
    .comp-height .comp-cart-body .comp-col-95 {
      width: 95%; }
    .comp-height .comp-cart-body .comp-col-61 {
      width: 350px; }
    .comp-height .comp-cart-body .comp-col-trash {
      width: 25px;
      padding-left: 5px; }
    .comp-height .comp-cart-body .comp-col-asset-heading {
      width: 245px;
      white-space: nowrap; }
    .comp-height .comp-cart-body .comp-col-asset {
      width: 160px; }
    .comp-height .comp-cart-body .comp-col-date {
      width: 85px;
      text-align: center; }
    .comp-height .comp-cart-body .comp-col-type {
      width: 65px; }
    .comp-height .comp-cart-body .comp-col-unit {
      width: 125px;
      text-align: right; }
    .comp-height .comp-cart-body .comp-col-price {
      width: 125px;
      text-align: right; }
    .comp-height .comp-cart-body .comp-col-rate {
      width: 75px;
      text-align: right; }
    .comp-height .comp-cart-body .comp-col-pref {
      width: 70px;
      text-align: right; }
    .comp-height .comp-cart-body .comp-col-pref-2 {
      width: 70px;
      text-align: right;
      padding-right: 1px; }
      .comp-height .comp-cart-body .comp-col-pref-2 input {
        border-radius: unset;
        width: 16px; }
      .comp-height .comp-cart-body .comp-col-pref-2 input[type="checkbox"], .comp-height .comp-cart-body .comp-col-pref-2 input[type="radio"] {
        height: 16px; }
      .comp-height .comp-cart-body .comp-col-pref-2 .pref-prop-icon-open {
        margin-left: unset;
        margin-right: 11px; }
    .comp-height .comp-cart-body .bucket-container {
      max-height: 440px;
      min-height: 65px;
      flex: 1;
      overflow-x: hidden; }
  .comp-height hr {
    height: 0;
    border: none;
    margin-bottom: 1.5em;
    background: none; }
  .comp-height .comp-hr {
    overflow: visible;
    border: none;
    color: #888888;
    background-color: #888888;
    height: 2px;
    margin-bottom: 5px; }
  .comp-height .comp-header-text {
    font-size: 14px;
    color: white; }
  .comp-height .ui-draggable-dragging {
    box-shadow: 0 0 2px white; }

.comp-parent {
  max-height: 1000px;
  background-color: white;
  border-radius: 10px; }
  .comp-parent .arrow {
    display: none; }
  .comp-parent .modal-header {
    cursor: move !important; }
  .comp-parent .asset-header {
    color: #ffffff;
    background: #555555;
    white-space: nowrap;
    max-height: 22px;
    font-size: 14px; }
  .comp-parent .comp-header {
    color: #ffffff;
    background: #555555;
    white-space: nowrap;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center; }
  .comp-parent .comp-selection {
    padding-left: 10px; }
    .comp-parent .comp-selection label {
      font-size: 12px;
      font-style: italic;
      margin-right: 10px;
      font-weight: 600; }
    .comp-parent .comp-selection .comp-padding {
      padding-right: 20px; }
    .comp-parent .comp-selection input[type="radio"] {
      width: 20px;
      height: 15px; }
    .comp-parent .comp-selection .default-margin {
      margin-left: 10px; }
  .comp-parent .radio-container {
    display: flex; }
    .comp-parent .radio-container .comp-asset {
      display: inline-block; }
  .comp-parent .radio-container input {
    margin: 0;
    outline: 0;
    padding: 0;
    position: relative;
    top: 5px;
    vertical-align: top; }
  .comp-parent .pref-prop-icon-open {
    font-size: 22px;
    color: #006400;
    margin-left: 55px; }
  .comp-parent .comp-subject-label {
    text-align: center;
    margin-top: 120px;
    font-size: 14px !important; }
  .comp-parent .related-comp-bg {
    background: #555 !important; }
  .comp-parent .bucket-overflow {
    overflow-y: scroll; }
  .comp-parent .custom-col {
    width: 60%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px;
    font-size: 1.6rem; }
  .comp-parent .custom-radio {
    width: fit-content;
    margin: auto; }
  .comp-parent .pointer-cursor {
    cursor: pointer; }

.comp-cart-main {
  position: absolute !important;
  z-index: 99999998;
  border-radius: 15px;
  width: 750px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.comp-word-spacing {
  word-spacing: 20px; }

.badge-removal {
  position: relative;
  z-index: 2147483647; }

.s-badge {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px; }

.s-badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer; }

.s-badge-error {
  background-color: #b94a48; }

.s-badge-error:hover {
  background-color: #953b39; }

.s-badge-warning {
  background-color: #f89406; }

.s-badge-warning:hover {
  background-color: #c67605; }

.s-badge-success {
  background-color: #468847; }

.s-badge-success:hover {
  background-color: #356635; }

.s-badge-info {
  background-color: #3a87ad; }

.s-badge-info:hover {
  background-color: #2d6987; }

.s-badge-inverse {
  background-color: #333333; }

.s-badge-inverse:hover {
  background-color: #1a1a1a; }

.default-overflow {
  overflow: hidden; }

.overflow-hidden {
  overflow: hidden !important; }

.new-keyword-search {
  display: flex;
  flex-flow: row wrap;
  flex-basis: 952px; }

.modal-user-alert .modal-dialog {
  width: 1400px;
  height: 725px;
  top: 40px;
  left: 100px;
  overflow-y: auto; }
  .modal-user-alert .modal-dialog .modal-content {
    position: relative;
    overflow: auto;
    height: 100%; }
@media (min-width: 1300px) and (max-width: 1500px) {
  .modal-user-alert .modal-dialog {
    width: 1100px;
    height: 600px;
    top: 50px;
    left: 100px;
    overflow-y: auto; } }
@media (min-width: 1000px) and (max-width: 1299px) {
  .modal-user-alert .modal-dialog {
    width: 900px;
    height: 600px;
    top: 50px;
    left: 100px;
    overflow-y: auto; } }
@media (min-width: 1501px) and (max-width: 1600px) {
  .modal-user-alert .modal-dialog {
    width: 1200px;
    height: 700px;
    top: 50px;
    left: 100px;
    overflow-y: auto; } }

.conversation-modal-upload .modal {
  z-index: 99999 !important; }
.conversation-modal-upload .modal-dialog {
  z-index: 99999 !important; }

.modal.modal-conversation {
  z-index: 99999999 !important; }

.modal.document-link-modal {
  z-index: 999999999 !important; }

.modal.conversation-modal-upload {
  z-index: 999999999 !important; }

.no-alerts-fnd {
  margin-left: 20px;
  font-weight: 600;
  color: darkgray;
  font-size: 18px !important; }

.modal-conversation {
  overflow-y: auto; }
  .modal-conversation .modal-dialog {
    width: 1300px;
    height: 800px;
    top: 50px;
    z-index: 9999 !important; }
    .modal-conversation .modal-dialog .modal-backdrop {
      z-index: unset; }
    .modal-conversation .modal-dialog .modal-content {
      position: relative;
      overflow: auto;
      height: 100%; }
      .modal-conversation .modal-dialog .modal-content .more-than-one-user {
        overflow-y: unset; }
      .modal-conversation .modal-dialog .modal-content .panel-body #modalAlert .chat-view .scroll-messages.open {
        height: calc(100% - 290px) !important; }
      .modal-conversation .modal-dialog .modal-content .panel-body #modalAlert .modal-dialog {
        height: 100px;
        z-index: 999999999 !important; }
        .modal-conversation .modal-dialog .modal-content .panel-body #modalAlert .modal-dialog .modal-backdrop .in {
          opacity: unset; }
        .modal-conversation .modal-dialog .modal-content .panel-body #modalAlert .modal-dialog .modal-content {
          height: unset; }
    .modal-conversation .modal-dialog .modal-slide-in-right {
      opacity: 0;
      -webkit-transform: translate(20%, 0%);
      -ms-transform: translate(20%, 0%);
      -o-transform: translate(20%, 0%);
      transform: translate(20%, 0%);
      -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 1s;
      -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 1s;
      transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 1s; }
    .modal-conversation .modal-dialog .modal-slide-in-right.in {
      opacity: 1;
      -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      -o-transform: translate(0px, 0px);
      transform: translate(0px, 0px); }
  .modal-conversation .more-than-one-user {
    overflow-y: scroll; }
  @media (min-width: 1300px) and (max-width: 1500px) {
    .modal-conversation .modal-dialog {
      width: 1000px;
      top: 50px;
      left: 100px;
      overflow-y: auto; } }
  @media (min-width: 1000px) and (max-width: 1299px) {
    .modal-conversation .modal-dialog {
      width: 900px;
      top: 50px;
      left: 100px;
      overflow-y: auto; } }
  @media (min-width: 1501px) and (max-width: 1600px) {
    .modal-conversation .modal-dialog {
      width: 1050px;
      top: 50px;
      left: 100px;
      overflow-y: auto; } }
  @media (min-width: 1600px) and (max-width: 1700px) {
    .modal-conversation .modal-dialog {
      width: 1200px;
      top: 50px;
      left: 100px;
      overflow-y: auto; } }
  .modal-conversation .chat-card {
    height: 155px !important;
    padding-left: 135px !important; }
    .modal-conversation .chat-card .info-result .event-mark {
      display: none; }
    .modal-conversation .chat-card .info-result .headers .new-title {
      overflow: hidden;
      white-space: nowrap;
      margin-right: -30px;
      text-overflow: ellipsis; }

.modal.chat-modal .modal-dialog {
  width: 250px;
  margin: 0;
  right: 10px;
  position: absolute;
  top: 10px; }
  .modal.chat-modal .modal-dialog .modal-header {
    display: none; }
  .modal.chat-modal .modal-dialog .modal-footer {
    display: none; }
  .modal.chat-modal .modal-dialog .modal-body {
    background-color: #00304D;
    color: white;
    cursor: pointer; }
    .modal.chat-modal .modal-dialog .modal-body .icon-go {
      color: white;
      padding: 5px;
      padding-right: 10px; }
  .modal.chat-modal .modal-dialog .modal-content {
    box-shadow: none; }

.ui-grid-header-cell-last-col .ui-grid-cell-contents, .ui-grid-header-cell-last-col .ui-grid-filter-container, .ui-grid-header-cell-last-col .ui-grid-column-menu-button, .ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
  margin-right: unset; }

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: unset; }

.float-convo-icon {
  float: right;
  display: block;
  cursor: pointer;
  font-size: 22px; }

.close-convo-btn {
  display: block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  float: right;
  color: white;
  margin-top: 10px;
  width: 100px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.icon-close-convo {
  padding-bottom: 10px;
  margin-right: 5px;
  margin-top: 5px; }

.comp-title {
  width: 16%; }

.comp-type {
  width: 11%; }

.comp-date {
  width: 17%; }

.comp-area {
  width: 17%; }

.uom {
  width: 14%; }

.label-button {
  background-color: transparent;
  color: #00304D;
  text-transform: none;
  display: flex;
  align-items: flex-end; }

.comp-price {
  width: 14%; }

.comp-cap {
  width: 8%; }

.default-text {
  text-transform: capitalize; }

.default-overflow {
  overflow: unset; }

.text-right-align {
  text-align: right; }

.margin-top-5 {
  margin-top: 5px; }

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

.subject-min-label {
  color: #3d89fa;
  display: inline-block;
  float: left;
  margin-left: 20px;
  cursor: pointer; }

.chat-view .scroll-messages.open {
  height: calc(100% - 285px) !important; }

.portfolio-dropdown .dropdown-menu .open {
  overflow-y: hidden !important; }
.portfolio-dropdown .dropdown-menu .inner {
  overflow-y: hidden !important; }

.bootstrap-select .dropdown-menu.open {
  overflow-y: hidden !important; }

.print-select {
  background-color: lightgrey !important; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: rgba(0, 48, 77, 0.3) !important;
  color: #000000; }

.table-hover > tbody > tr:hover,
.css-company .table-hover tbody tr:hover td,
.css-company .table-hover tbody tr:hover th {
  background-color: rgba(0, 48, 77, 0.3) !important; }

.ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell,
.ui-grid-row:nth-child(odd):hover .ui-grid-cell,
.ui-grid-row:nth-child(even):hover .ui-grid-cell {
  background-color: #EEE; }

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: rgba(0, 48, 77, 0.3); }

.static-grid-header .ui-grid-render-container-left .ui-grid-header-canvas {
  height: 27px !important; }

.cart-btn {
  background: #00304D;
  color: #ffffff;
  border: 0; }

.cart-cancel-btn {
  border: unset; }

.comp-open-data {
  text-align: center;
  display: flex;
  justify-content: center;
  padding-left: 40px; }

.comp-close-data {
  text-align: center;
  display: flex;
  justify-content: center;
  padding-left: 61px; }

.pref-apt-icon-open {
  font-size: 22px;
  color: green;
  float: right;
  margin-right: -20px;
  margin-top: -2px; }

.pref-apt-icon {
  font-size: 22px;
  color: green;
  float: right;
  margin-right: -28px;
  margin-top: 12px; }

.am-margin-left {
  margin-left: 50px; }

.comp-pointer-event {
  pointer-events: none; }

.hide-comp {
  display: none; }

.shared-site-comp {
  width: 300px !important;
  margin-left: 122px;
  display: inline-flex !important; }

@media only screen and (max-width: 1720px) {
  .am-margin-left {
    margin-left: 70px !important; }

  .quarterly-dropdown {
    width: 30% !important; } }
.am-title {
  white-space: nowrap;
  font-size: 16px; }

@media only screen and (max-height: 699px) {
  .fix-dp-event-modal .modal-dialog {
    height: 500px;
    overflow-x: hidden; } }
@media only screen and (min-height: 700px) {
  .fix-dp-event-modal .modal-dialog {
    height: 700px;
    overflow-x: hidden; } }
.notifications-header {
  margin-bottom: 35px; }

.notifications-height {
  height: 150px;
  font-size: 16px; }

.notification-flex {
  display: flex; }

.notification-input-flex {
  flex: .1; }

.notification-title-flex {
  flex: .9;
  font-size: 14px; }

.notification-width-input {
  width: 30px; }

.cart-margin-left {
  margin-left: 40px; }

.cart-margin-right {
  margin-right: 3px; }

.unset-both {
  margin: unset !important;
  padding: unset !important; }

.unset-display {
  display: unset !important; }

.dropdown-unset {
  bottom: unset !important;
  left: unset !important;
  display: unset !important;
  width: unset !important;
  border: unset !important; }

.private-to-trx {
  color: #FF9900;
  font-size: 14px;
  margin-left: 20px; }

.private-to-padding {
  margin-right: 10px; }

.comp-note-tool {
  max-width: 300px !important; }

.popover-comp-note {
  margin-bottom: 10px;
  background-color: white;
  color: #FF9900; }

.comp-note-info {
  color: #FF9900; }

.align-comp-info {
  text-align: center; }

.alert-modal-per .dropdown:hover {
  border: unset !important; }
.alert-modal-per .alert-dropdown-select {
  width: 620px !important;
  border: unset; }
.alert-modal-per .bootstrap-select > select {
  left: unset;
  bottom: unset; }

.elli-card {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 350px; }

.comp-print-btn {
  background-color: #00304D3b; }

.trx-alert-link-color {
  color: #00304D !important; }

.workflow-footer-padding {
  margin-bottom: 30px; }

.workflow-modal {
  z-index: 9999 !important; }
  .workflow-modal .modal-dialog {
    height: 650px;
    width: 1200px; }
  .workflow-modal td, .workflow-modal th {
    padding: 5px; }
  .workflow-modal .modal-content {
    height: 600px;
    overflow: hidden;
    z-index: 999999; }
  .workflow-modal .wf-modal-overflow {
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden; }
  .workflow-modal .wf-modal-header-row {
    border-bottom: 1px solid #555555;
    font-size: 14px; }
  .workflow-modal .wf-modal-float {
    float: right; }
  .workflow-modal .wf-modal-role {
    text-align: left;
    margin-top: 20px;
    font-weight: 600; }
  .workflow-modal .wf-row-height {
    height: 50px;
    margin-top: 15px; }
  .workflow-modal .wf-row-asset {
    width: 225px; }
  .workflow-modal .wf-row-type {
    width: 160px; }
  .workflow-modal .wf-row-users {
    width: 585px; }
  .workflow-modal .workflow-modal-btn {
    height: 25px;
    color: white;
    background-color: gray;
    border-radius: 5px;
    margin-right: 35px; }
  .workflow-modal .workflow-modal-btn:hover {
    opacity: .7; }
  .workflow-modal .workflow-action-button:hover {
    opacity: .7; }
  .workflow-modal td {
    padding: 5px; }
  .workflow-modal .workflow-table-info td {
    font-size: 14px;
    font-weight: 600; }
  .workflow-modal .workflow-table-border-btn {
    border-bottom: 1px solid black; }
  .workflow-modal .sticky {
    width: 100%;
    height: 35px; }
  .workflow-modal .sticky + .content {
    padding-top: 102px; }
  .workflow-modal .btn-bottom-exit {
    background-color: #555;
    border-color: #ccc;
    color: white;
    width: 140px; }
  .workflow-modal .workflow-footer {
    background-color: #555555;
    position: fixed;
    top: 510px;
    height: 90px;
    width: 1200px; }
  .workflow-modal .workflow-action-button {
    width: 160px;
    height: 35px;
    font-size: 14px;
    margin-right: 40px;
    margin-top: 10px;
    color: white;
    background-color: #555555; }

.highlight-row {
  background-color: lightgray;
  transition: .6s; }

.photo-upload-row {
  width: 100%;
  display: flex;
  overflow: hidden;
  margin-top: 5px; }

.image-block-group {
  display: inline-block;
  width: 100%; }

.upload-index span {
  height: 100%;
  font-weight: 600;
  font-size: 23px; }

.photo-upload-row #center-snap {
  scroll-snap-align: center; }

.comps-refresh-btn {
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  height: 32px !important;
  width: 160px !important;
  font-size: 14px;
  font-weight: 400;
  height: 42px;
  color: #535353;
  min-width: 160px;
  text-transform: uppercase;
  float: right;
  margin-right: 15px; }

.comps-refresh-btn .fa-refresh {
  transition: 0.9s;
  color: #535353;
  margin-left: 5px; }

.comps-refresh-btn:hover .fa-refresh {
  transition: 0.9s;
  transform: rotateY(180deg); }

.upload-row-dim {
  text-align: left;
  min-width: 750px; }

.flex-rotate-group {
  display: flex;
  justify-content: flex-end;
  height: 20px; }

.upload-crop-toolbar {
  height: 30px;
  padding: 0px !important;
  min-height: unset; }

.upload-footer-dim {
  max-height: 70px !important; }

.footer-nopad {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 15px;
  padding-left: 15px; }

.form-group-mod {
  padding: 10px;
  margin-bottom: 0px;
  max-width: 750px; }

button[disabled] {
  background-color: #cccccc; }

.left-swiper-control {
  background-color: transparent !important;
  position: absolute;
  color: dimgray;
  top: 50%;
  left: 2px; }

.right-swiper-control {
  background-color: transparent !important;
  position: absolute;
  color: dimgray;
  top: 50%;
  right: 2px; }

.modal-padding-unset {
  padding-right: unset;
  padding-left: unset; }

.max-doc-size {
  max-height: 700px;
  overflow-y: scroll;
  overflow-x: hidden; }

.document-search-section tbody {
  max-height: unset; }
.document-search-section table {
  max-height: unset; }
.document-search-section .docs-results-info {
  display: flex;
  align-items: center;
  margin-left: 2rem; }
  .document-search-section .docs-results-info .showing-info {
    margin-right: 0.5rem; }
  .document-search-section .docs-results-info .show-more-actions {
    display: flex; }
    .document-search-section .docs-results-info .show-more-actions .pag-button {
      background: none;
      height: auto;
      border-radius: 0;
      color: #00304D;
      text-transform: none;
      font-size: 16px;
      font-weight: 600;
      padding: 0 0.5rem;
      border-left: 1px solid #999999; }
      .document-search-section .docs-results-info .show-more-actions .pag-button:disabled {
        color: #999999; }

.unset-display-docs {
  display: flex !important; }

.docs-tag-margin {
  margin-right: 5px; }

.fa-rotate-45 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: transform .2s linear; }

.fa-rotate-45-back {
  transition: transform .2s linear; }

.doc-tooltip {
  white-space: nowrap; }

.doc-building-title {
  width: 15%;
  max-width: 288px; }

.trx-building-title {
  width: 10%;
  max-width: 288px; }

.trx-table-location {
  width: 13%;
  padding-left: 7px; }

.trx-table-tags {
  width: 17%;
  max-width: 295px;
  margin-left: 5px;
  margin-right: -14px; }

.trx-table-tags-2 {
  width: 18%;
  max-width: 295px;
  margin-left: 5px;
  margin-right: -14px; }

.trx-table-upload-date {
  width: 9%;
  padding-left: unset;
  white-space: nowrap;
  margin-right: 31px !important; }

.trx-table-upload-date-2 {
  width: 9%;
  padding-left: unset;
  white-space: nowrap; }

.doc-table-upload-date {
  width: 9%;
  padding-left: unset;
  white-space: nowrap;
  margin-right: 31px !important; }

.trx-table-name {
  width: 21%;
  max-width: 346px;
  margin-right: -4px; }

.doc-table-location {
  width: 14%;
  padding-left: 7px; }

.doc-table-loc-2 {
  width: 13.3%;
  padding-left: 7px; }

.doc-table-private {
  width: 3%; }

.doc-table-name {
  width: 21%;
  max-width: 346px;
  margin-right: -4px; }

.doc-table-tags {
  width: 17%;
  max-width: 295px;
  margin-left: 5px;
  margin-right: -14px; }

.trx-table-tags {
  width: 17%;
  max-width: 295px;
  margin-right: -14px; }

.doc-table-upload-date {
  width: 9%;
  padding-left: 15px;
  white-space: nowrap; }

.doc-table-username {
  width: 15%;
  padding-left: 25px; }

.doc-table-size {
  width: 5%; }

.doc-data-init {
  overflow-x: hidden;
  max-height: unset; }

.doc-data-row {
  display: flex;
  height: 35px;
  white-space: nowrap;
  font-size: 14px; }

.doc-fontsize {
  font-size: 14px; }

.trx-data-buildingname {
  width: 11.3%;
  max-width: 288px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px; }

.doc-data-buildingname {
  width: 16%;
  max-width: 288px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px; }

.doc-data-location {
  font-weight: 600;
  width: 14%;
  max-width: 320px;
  text-overflow: ellipsis;
  overflow: hidden; }

.doc-location-span {
  text-overflow: ellipsis;
  overflow: hidden; }

.doc-data-pvticon {
  float: right;
  padding-right: 15px;
  padding-top: 4px; }

.doc-data-document {
  width: 22%;
  max-width: 346px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex; }

.doc-document-over {
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  font-weight: 700; }

.doc-text-adjustment {
  padding-left: 20px;
  white-space: nowrap;
  min-width: unset;
  overflow: hidden;
  font-weight: 700;
  text-overflow: ellipsis; }

.doc-weight-700 {
  font-weight: 700; }

.select-doc-date .tag-help {
  position: absolute;
  right: 26px;
  top: 10px;
  cursor: pointer; }

.doc-tag-period button {
  height: 35px !important;
  margin-top: -2px; }

.doc-detail-alignment {
  height: 30px;
  width: 30px;
  min-width: 30px;
  justify-content: center;
  display: flex;
  flex-direction: column; }

.doc-appraisal-sec-text {
  padding-left: 20px;
  white-space: nowrap;
  min-width: unset;
  font-weight: 700;
  padding-top: 7px;
  text-overflow: ellipsis;
  overflow: hidden; }

.doc-data-tagname {
  width: 18%;
  padding-left: 6px;
  max-width: 275px;
  overflow: hidden;
  text-overflow: ellipsis; }

.trx-data-update {
  width: 10%;
  overflow: hidden;
  padding-left: 57px !important; }

.trx-username-update {
  width: 15%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 61px !important; }

.doc-data-update {
  width: 10%;
  overflow: hidden;
  padding-left: 40px !important; }

.doc-data-update-2 {
  width: 9%; }

.doc-data-username-4 {
  width: 15%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
  padding-left: 55px !important; }

.doc-data-username-6 {
  width: 15%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px; }

.doc-data-update-4 {
  width: 9%;
  padding-left: 27%; }

.doc-data-update-5 {
  width: 10%;
  overflow: hidden;
  padding-left: 43px !important; }

.doc-data-update-6 {
  overflow: hidden; }

.trx-data-update-2 {
  width: 10%;
  overflow: hidden;
  padding-left: 43px !important; }

.trx-data-update-3 {
  width: 10%;
  overflow: hidden;
  padding-left: 18px !important; }

.doc-data-username {
  width: 15%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
  padding-left: 49px !important; }

.doc-table-img {
  height: 30px !important;
  width: 30px !important; }

.doc-data-filesize {
  width: 9%;
  padding-left: 53px !important;
  overflow: hidden; }

.doc-data-filesize-6 {
  width: 9%;
  overflow: hidden; }

.doc-table-row {
  display: flex;
  padding-top: 10px;
  margin-top: 40px;
  border-bottom: 1px solid darkgray;
  font-size: 14px; }

.doc-from-assets {
  margin-left: 15px; }

.common-btn-link {
  padding: 10px;
  margin-top: -4px;
  height: 40px;
  width: 278px;
  font-weight: 500;
  text-align: left;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  cursor: pointer; }
  .common-btn-link .btn-link-label {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

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

.flex-container-row-wrap {
  display: flex;
  flex-flow: row wrap; }

.flex-container-row-nowrap {
  display: flex;
  flex-flow: row nowrap; }

.flex-container-col-wrap {
  display: flex;
  flex-flow: column wrap; }

.flex-container-col-nowrap {
  display: flex;
  flex-flow: column nowrap; }

.inline-block {
  display: inline-block; }

.flex {
  display: flex; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-shrink-0 {
  flex-shrink: 0; }

.flex-column {
  display: flex;
  flex-direction: column; }

.flex-align-end {
  align-items: flex-end; }

.flex-align-center {
  align-items: center; }

.align-self-start {
  align-self: flex-start !important; }

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

.align-self-end {
  align-self: flex-end !important; }

.justify-content-sb {
  justify-content: space-between; }

.justify-content-end {
  justify-content: flex-end; }

.justify-content-center {
  justify-content: center; }

.min-height-0 {
  min-height: 0; }

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

.document-print-imagefit {
  width: 100%;
  height: 100%;
  object-fit: contain; }

.modal-lightbox {
  overflow-y: auto; }
  .modal-lightbox .modal-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-y: hidden;
    min-height: calc(100vh - 70px);
    max-height: calc(100vh - 70px); }
    .modal-lightbox .modal-dialog .modal-backdrop {
      z-index: unset; }
    .modal-lightbox .modal-dialog .modal-content {
      box-shadow: unset !important;
      background-color: transparent;
      border: unset; }

.modal.modal-group {
  z-index: 999999999 !important; }

.modal-group {
  overflow-y: auto; }
  .modal-group .info-modal .modal-dialog {
    z-index: 9999999 !important;
    height: unset !important; }
  .modal-group .group-broker .broker-card {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .modal-group .confirmation-modal .modal-dialog {
    z-index: 9999999 !important;
    height: unset !important; }
  .modal-group .bootstrap-select {
    height: 47px; }
    .modal-group .bootstrap-select .dropdown-toggle {
      height: 47px !important; }
      .modal-group .bootstrap-select .dropdown-toggle .filter-option {
        color: #555;
        font-weight: 400; }
      .modal-group .bootstrap-select .dropdown-toggle .input-group-btn:last-child > .btn {
        margin-left: unset !important; }
      .modal-group .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        padding-top: 7px; }
  .modal-group .modal-dialog {
    width: 1100px;
    margin: 0 auto;
    top: 20px;
    height: calc(100vh - 100px);
    z-index: 9999 !important; }
    .modal-group .modal-dialog .modal-backdrop {
      z-index: unset; }
    .modal-group .modal-dialog .modal-content {
      position: relative;
      overflow-x: hidden;
      overflow: auto;
      height: 100%; }
      .modal-group .modal-dialog .modal-content .more-than-one-user {
        overflow-y: unset; }
      .modal-group .modal-dialog .modal-content .panel-body #modalAlert .chat-view .scroll-messages.open {
        height: calc(100% - 290px) !important; }
      .modal-group .modal-dialog .modal-content .panel-body #modalAlert .modal-dialog {
        height: 100px;
        z-index: 999999999 !important; }
        .modal-group .modal-dialog .modal-content .panel-body #modalAlert .modal-dialog .modal-backdrop .in {
          opacity: unset; }
        .modal-group .modal-dialog .modal-content .panel-body #modalAlert .modal-dialog .modal-content {
          height: unset; }

.x-container-scroll {
  overflow-x: scroll;
  overflow-y: auto;
  height: 400px;
  display: flex; }

.x-container-scroll > .row {
  margin-top: 24px; }

.x-container-scroll > .row > .col-md-2 {
  font-weight: bold;
  text-align: center; }

.subject-comp-asset {
  margin-right: 10px;
  border-bottom: solid 2px #00304D !important;
  background-color: rgba(0, 48, 77, 0.3) !important;
  font-size: 11px;
  padding-top: 10px;
  padding-left: 15px;
  width: 100px;
  height: 40px; }

.linked-comp-asset {
  margin-right: 10px;
  width: 100px;
  height: 40px;
  font-size: 11px;
  padding-top: 10px;
  padding-left: 15px;
  border-bottom: solid 2px #ff9800;
  background-color: rgba(255, 152, 0, 0.28) !important; }

.suggested-comp-asset {
  border-bottom: solid 2px grey;
  width: 100px;
  height: 40px;
  font-size: 11px;
  padding-top: 10px;
  padding-left: 8px;
  background-color: #eaeaea; }

.legend-comp-style {
  margin-top: 10px;
  font-size: 14px;
  margin-right: 10px; }

.comp-filter-search {
  font-size: 1.4rem;
  background-color: #E6E6E6 !important;
  color: rgba(0, 0, 0, 0.8);
  opacity: 0.9;
  font-weight: normal;
  margin-right: 0.5em;
  height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 5px;
  border: 2px solid #d8d8d8; }

.filter-comp-modal {
  z-index: 9999999999 !important; }

.filter-comp-modal .modal-content {
  width: 700px;
  top: 120px; }

.filter-comp-modal .modal-content .modal-body {
  padding: unset;
  height: 300px; }

.filter-comp-modal .modal-content .modal-body .file-tag-container {
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden; }

.filter-comp-modal .modal-content .modal-body .unset-padding {
  padding: unset; }

.filter-comp-modal .modal-content .multi-dropdown {
  margin-right: 20px; }

.filter-comp-modal .modal-content .multi-dropdown .multiselect-parent {
  width: 100%;
  height: 35px; }

.filter-comp-modal .modal-content .multi-dropdown .multiselect-parent .dropdown-menu li a {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143; }

.filter-comp-modal .modal-content .multi-dropdown .multiselect-parent .dropdown-menu .dropdown-menu-form {
  height: 200px !important; }

.filter-comp-modal .modal-content .multi-dropdown .dropdown-menu {
  width: 100%;
  height: 200px !important; }

.filter-comp-modal .modal-content .multi-dropdown button {
  width: 100%;
  height: 35px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: unset; }

.filter-comp-modal .modal-content .multi-dropdown button .caret:before {
  float: right;
  padding-bottom: 20px; }

.filter-comp-modal .modal-content .multi-dropdown button .caret,
.create-eng-assets .modal-body .multi-dropdown button .caret {
  float: right;
  padding-bottom: 20px; }

.filter-comp-modal .modal-content .bootstrap-select .dropdown-menu li a {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143; }

.filter-comp-modal .modal-content .bootstrap-select .filter-option .filter-option-inner .filter-option-inner-inner {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143; }

.login-logo-img {
  background-color: white;
  padding: 10px 65px;
  width: 100%;
  box-sizing: border-box; }

.radio-buttons.loan .control-group .control--radio .control__indicator:after {
  background: #00304D !important; }

.mango-login-btn {
  width: 150px;
  background-color: #FF9900;
  border-radius: 10px;
  color: white; }

.mango-login-btn:hover {
  opacity: .7; }

#caModal .background-login-match {
  border: 3px solid #888B8E;
  background-color: #00304D; }
#caModal .modal-title {
  color: white; }

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

.link-doc-disabled[disabled] {
  opacity: .7; }

.unset-form-section {
  border-bottom: unset !important;
  margin-bottom: unset !important;
  padding-bottom: unset !important; }

.default-select select {
  color: #c4c4c4 !important;
  font-weight: 400 !important; }
.default-select option:not(:first-of-type) {
  color: black; }

.err-border {
  border: solid 1px red !important; }

.metrics-loan-title {
  font-size: 3rem;
  margin-top: 15px; }

.select-circle {
  color: #00304D; }

.loan-pvt-top {
  margin-top: -65px; }

.common-disabled-bg-color {
  background-color: #cccccc !important;
  opacity: 0.65 !important; }

tags-input .tags {
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 0.4px #cccccc; }
  tags-input .tags .tag-list .tag-item {
    background: #00304D;
    color: white; }
    tags-input .tags .tag-list .tag-item .remove-button {
      color: white; }

tags-input .tags.focused {
  outline: none;
  -webkit-box-shadow: 0 0 3px 1px #00304D;
  -moz-box-shadow: 0 0 3px 1px #00304D;
  box-shadow: 0 0 3px 1px #00304D; }

/* new documents style */
.new-doc-table-row {
  display: flex;
  flex-flow: row nowrap;
  padding-top: 10px;
  margin-top: 40px;
  border-bottom: 1px solid darkgray;
  font-size: 14px; }

.new-doc-data-row {
  display: flex;
  flex-flow: row nowrap;
  height: 35px;
  white-space: nowrap;
  font-size: 14px; }

.new-doc-building-title {
  width: 15%; }

.new-doc-table-location {
  width: 13.7%; }

.new-doc-table-name {
  width: 23.8%; }

.new-doc-table-tags {
  width: 19.8%; }

.new-doc-table-upload-date {
  width: 8.9%;
  white-space: nowrap; }

.new-doc-table-username {
  width: 15%; }

.new-doc-data-buildingname {
  width: 15%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px; }

.new-doc-data-location {
  font-weight: 600;
  width: 14%;
  text-overflow: ellipsis;
  overflow: hidden; }

.new-doc-data-document {
  width: 24%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex; }

.new-doc-data-tagname {
  width: 20%;
  overflow: hidden;
  text-overflow: ellipsis; }

.new-doc-data-update {
  width: 9%;
  overflow: hidden; }

.new-doc-data-username {
  width: 15%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px; }

.ncreif-img {
  float: left;
  margin-left: 5px; }

.ncreif-main-dash,
.asset-performance-main-dash,
.risk-rate-main-dash {
  border-bottom-color: #cfcfcf;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-direction: row; }

.ncreif-full {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px; }

.asset-performance-full,
.risk-rates-full {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.elem-red {
  color: red; }

.unset-body-padding {
  margin-left: unset !important;
  margin-right: unset !important;
  padding-left: unset !important;
  padding-right: unset !important; }

.app-body {
  height: 100vh; }

.content-wrapper {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

.analytic-title {
  font-size: 24px; }

.invalid-field, .appraisal-bid-modal .schedules-section .schedule-labels .schedule-dropdown.invalid-select-field button.select-target,
.appraisal-bid-modal .schedules-section .schedule-row .schedule-dropdown.invalid-select-field button.select-target, .appraisal-bid-modal .appraisal-process .schedule-dropdown.invalid-select-field button.select-target, .new-features-create .new-feature-edit .description.invalid-description .ta-scroll-window {
  border: 1px solid red !important; }

.invalid-text-red {
  color: red !important; }

.ui-grid-header-cell-wrapper {
  display: flex !important; }

.refresh-btn-with-actions {
  float: right;
  background: transparent;
  text-transform: none;
  font-size: 18px;
  padding-left: 30px;
  display: inline-flex;
  align-items: center;
  height: 42px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-height: 600px) {
  .ui-grid-height-screen {
    height: 250px !important;
    min-height: unset !important; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-height: 601px) and (max-height: 900px) {
  .ui-grid-height-screen {
    height: 450px !important;
    min-height: unset !important; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-height: 901px) {
  .ui-grid-height-screen {
    height: 640px !important;
    min-height: unset !important; } }

.cycle-begins {
  height: 41px;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.extra-margin-schedule {
  margin-right: 13px; }

.non-schedule-padding {
  padding-left: 13px !important; }

.single-static-dropdown button {
  width: 240px !important; }

.engagement-copy .select-range .dropdown-menu .inner {
  max-height: 400px !important; }

.engage-padd {
  margin-bottom: unset;
  margin-top: 8px; }

.rfp-title-spacing {
  width: 100%;
  margin-left: 0px;
  height: 35px;
  border-bottom: 1px solid black; }

.invalid-field-3 .btn-default {
  border: 1px solid red !important; }

.document-table-centered {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.document-table-centered div {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important; }

.document-delete-grid .ui-grid-height-screen {
  height: 300px !important; }

.document-bid-grid .ui-grid-height-screen {
  height: 205px !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-height: 600px) {
  .ui-grid-height-screen-2 {
    min-height: unset !important; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-height: 601px) and (max-height: 900px) {
  .ui-grid-height-screen-2 {
    min-height: unset !important; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-height: 901px) {
  .ui-grid-height-screen-2 {
    min-height: unset !important; } }

.download-grid .ui-grid-header-cell {
  height: 80px; }
.download-grid .ui-grid-selection-row-header-buttons .ui-grid-icon-ok {
  padding-top: 5px !important; }

.flex-col-align {
  display: flex;
  flex-direction: column;
  justify-content: center; }

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

.kickoff-link-input {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.metrics-padding-unset {
  padding: unset !important; }

.remove-overflow {
  overflow-y: hidden !important;
  overflow-x: hidden !important; }

.vm-audit-btn {
  width: 220px !important; }

.manage-appr-btn {
  float: right;
  margin-right: unset; }

.val-metrics-margin {
  margin-left: 125px; }

.icon-play-orange {
  float: right;
  padding-top: 5px;
  font-size: 18px; }

@media (min-height: 650px) and (max-height: 800px) {
  .approve-complete-event-modal .modal-dialog {
    overflow-y: auto; } }
@media (min-height: 509px) and (max-height: 599px) {
  .approve-complete-event-modal .modal-dialog {
    overflow-y: auto; }
    .approve-complete-event-modal .modal-dialog .panel-body {
      margin-bottom: 10px;
      height: calc(75vh - 410px) !important;
      max-height: 350px;
      overflow-y: auto !important; } }
.add-overflow-event {
  overflow-y: auto !important; }

.scrollMenu {
  padding-top: 10px;
  height: calc(100% - 272px);
  overflow-y: auto;
  position: relative; }

.scrollMenu::-webkit-scrollbar {
  width: 10px; }

.scrollMenu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 5px;
  border-right: 3px solid gray; }

.logOutMenu {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: #666; }

.menuScroll {
  height: calc(100% - 140px); }

.button-hover-view:hover {
  color: white;
  opacity: .7; }

.bottom-text-area {
  margin-left: 15px;
  margin-right: 15px; }

.comment-appr-enter {
  white-space: pre-line;
  padding: unset;
  overflow-wrap: break-word;
  padding-top: 5px;
  font-size: 1em;
  color: red;
  cursor: pointer; }

.comment-appr-enter:hover {
  opacity: .7; }

.remove-border-process {
  border: unset !important; }

.remove-margin-bottom {
  margin-bottom: unset !important; }

.hide-fund-type {
  display: none;
  padding: unset !important; }

.label-appr-permissions {
  color: red;
  padding-top: 10px;
  float: left; }

.red-border {
  border: 1px solid red !important; }

.red-border-2px {
  border: 2px solid red !important; }

.red-border-button button {
  border: 2px solid red !important; }

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

.overview-dropdown {
  position: absolute;
  z-index: 99999;
  padding-left: 10px;
  padding-top: 9px;
  padding-right: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  height: 70%;
  cursor: pointer; }

.overview-icon {
  float: right;
  position: absolute;
  right: 13px;
  top: 5px;
  /* cursor: pointer; */
  z-index: 9999999;
  font-size: 24px; }

.icon-click {
  cursor: pointer; }

.hide-map-goog {
  position: absolute;
  left: -300%; }

.required-docs-caret .caret {
  position: absolute;
  right: 21px !important; }

.impairment-test-detail-grid__short-height {
  height: calc(100vh - 360px) !important; }
  @media (max-width: 1500px) {
    .impairment-test-detail-grid__short-height {
      height: calc(100vh - 210px) !important; } }

.impairment-test-detail-grid__normal-height {
  height: calc(100vh - 210px) !important; }
  @media (max-width: 1500px) {
    .impairment-test-detail-grid__normal-height {
      height: calc(100vh - 60px) !important; } }

.impairment-test-detail-grid {
  width: 100%;
  overflow: visible;
  font-size: 13px !important; }
  .impairment-test-detail-grid .ui-grid-header-viewport {
    height: 93px !important; }
  .impairment-test-detail-grid .ui-grid-header-cell {
    display: flex; }
    .impairment-test-detail-grid .ui-grid-header-cell .ui-grid-cell-contents {
      white-space: normal;
      height: 70%; }

.impairment-grid-container .ui-grid {
  max-width: 100% !important; }

.impairment-grid {
  height: calc(100vh - 295px);
  min-height: 60vh; }
  .impairment-grid .ui-grid-viewport .ui-grid-cell-contents {
    word-wrap: break-word;
    white-space: normal !important; }
  .impairment-grid .ui-grid-viewport {
    height: 56px; }
  .impairment-grid .ui-grid-row div[role=row] {
    display: flex;
    align-content: stretch; }
  .impairment-grid .ui-grid-header-cell {
    display: flex; }
    .impairment-grid .ui-grid-header-cell .ui-grid-cell-contents {
      white-space: normal;
      height: 70%; }
  @media (max-width: 1500px) {
    .impairment-grid {
      height: calc(100vh - 135px) !important; } }

.impairment-grid-highlight-problem {
  background: indianred !important;
  color: white !important; }
  .impairment-grid-highlight-problem a {
    color: white !important; }

.unset-grid-client {
  padding-right: unset !important; }
  .unset-grid-client .ui-grid .ui-grid-render-container-body .ui-grid-viewport {
    overflow-y: scroll !important;
    overflow-x: auto !important; }

.client-ref-grid {
  width: 586px !important;
  font-size: small !important; }
  .client-ref-grid .ui-grid-viewport {
    overflow-y: unset !important;
    overflow-x: auto !important; }
  .client-ref-grid .ui-grid-viewport {
    height: 62px;
    overflow-y: hidden !important; }
  .client-ref-grid .ui-grid-header-viewport {
    height: 62px; }
  .client-ref-grid .ui-grid-row div[role=row] {
    display: flex;
    align-content: stretch; }
  .client-ref-grid .ui-grid-row {
    cursor: pointer !important; }
  .client-ref-grid .ui-grid-tree-base-row-header-buttons {
    padding-left: 4px !important;
    padding-top: 6px !important;
    cursor: pointer !important; }

.impairment-just {
  justify-content: center !important; }

.appr-dashboard-grid .ui-grid-menu-mid {
  max-height: 450px !important;
  overflow-x: hidden !important; }

.valuation-metrics-grid .ui-grid-menu-mid {
  max-height: 450px !important;
  overflow-x: hidden !important; }
.valuation-metrics-grid .ui-grid-canvas {
  padding-top: unset; }
.valuation-metrics-grid .ui-grood-header {
  height: 61px !important; }
.valuation-metrics-grid .ui-grid-header-cell-wrapper {
  height: 60px !important; }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {
  .valuation-metrics-grid .ui-grid-header-cell:last-child .ui-grid-cell-contents {
    margin-right: -48.828125px;
    padding-right: 48.828125px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1201px) and (max-width: 1500px) {
  .valuation-metrics-grid .ui-grid-header-cell:last-child .ui-grid-cell-contents {
    margin-right: -30.4831580552px;
    padding-right: 30.4831580552px; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1501px) {
  .valuation-metrics-grid .ui-grid-header-cell:last-child .ui-grid-cell-contents {
    margin-right: -20px;
    padding-right: 20px; } }

.fund-link:visited {
  color: #00304D !important; }

.fund-link:active {
  color: #00304D !important; }

.label-row-alignment {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.label-row-select {
  width: 175px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 15px; }

.show-pointer {
  cursor: pointer; }

.status-dropdown-style button {
  height: 30px !important; }
  .status-dropdown-style button span {
    font-size: 14px !important; }
  .status-dropdown-style button .filter-option {
    font-size: 14px !important; }
.status-dropdown-style .dropdown-menu > li > a {
  font-size: 14px !important; }

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

.disabled-asset-entry-add .btn.dropdown-toggle.disabled.btn-default {
  background-color: darkgray !important;
  opacity: 1 !important; }

.no-transform-tooltip {
  text-transform: none !important; }
  .no-transform-tooltip .tooltip-inner {
    max-width: 320px !important;
    width: 320px !important; }

.text-transform-none {
  text-transform: none !important; }

.disabled-asset-entry {
  background-color: darkgray !important;
  cursor: not-allowed !important; }
  .disabled-asset-entry option {
    background-color: darkgray !important; }
  .disabled-asset-entry .btn.dropdown-toggle.disabled.btn-default {
    background-color: darkgray !important; }
  .disabled-asset-entry .btn.dropdown-toggle.disabled.btn-default {
    background-color: darkgray !important; }
  .disabled-asset-entry div span input {
    background-color: darkgray !important; }
  .disabled-asset-entry .disabled {
    background-color: darkgray !important; }
  .disabled-asset-entry .bootstrap-select > .dropdown-toggle {
    background-color: darkgray !important; }

.textarea-ad {
  height: 124.8px; }
  .textarea-ad .textarea, .textarea-ad .textarea-rfp {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #ffffff;
    border: solid 1px #cccccc !important;
    border-radius: 4px;
    color: #535353;
    font-weight: 400;
    width: 100%;
    padding: 10px;
    height: 100%; }
    .textarea-ad .textarea:focus, .textarea-ad .textarea-rfp:focus {
      border: solid 2px #00304D !important; }
  .textarea-ad .textarea.input-required, .textarea-ad .input-required.textarea-rfp {
    border: solid 2px #EA2626 !important; }
  .textarea-ad .textarea-rfp {
    font-size: 13px;
    font-size: 1.3rem; }

.appr-proc-label-style {
  text-transform: inherit !important;
  color: #f90 !important;
  font-style: italic !important;
  font-weight: 600 !important; }

.default-tag-proc-label {
  opacity: 1; }

.extra-link-mfa {
  font-weight: 700; }

.link-disabled-mfa {
  cursor: not-allowed;
  pointer-events: none;
  color: grey !important; }

.style-close-mfa {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 10px;
  font-size: 24px; }

.fund-extra-flex {
  display: flex !important;
  flex: auto !important; }

.before-check-skip input:before {
  position: absolute;
  background-color: #ffffff;
  color: #00304D;
  content: "";
  text-align: center;
  top: 0;
  left: 0; }
.before-check-skip input:after {
  position: absolute;
  background-color: #ffffff;
  color: #00304D;
  content: "";
  text-align: center;
  top: 0;
  left: 0; }

.schedule-ui-grid-main .ui-grid-header-viewport {
  overflow: visible !important; }
.schedule-ui-grid-main .ui-grid-top-panel {
  overflow: visible !important; }
.schedule-ui-grid-main .ui-grid-cell {
  overflow: visible !important; }

#GridScheduleSelect .ui-grid-cell div select option:first-child:empty {
  display: none; }

.grid-schedule-new #schedule-grid .ui-grid-cell div select option:first-child:empty {
  display: none; }

.change-row .bootstrap-select .dropdown-menu.open {
  max-height: unset !important; }

.height-unset {
  height: unset !important; }

.ana-select {
  width: 85px !important;
  margin-left: 5px; }

.basic-flex {
  display: flex;
  flex-direction: row; }

.basic-flex-alignment {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 18px; }

.btn-icon-spacing {
  margin-left: 5px;
  margin-right: 5px; }

.locked-engage {
  pointer-events: none !important; }

.binded-html-instruct {
  color: #FF9900 !important;
  font-weight: 500 !important; }
  .binded-html-instruct p {
    font-size: 14px !important; }
  .binded-html-instruct ol {
    font-size: 14px !important; }
  .binded-html-instruct ul {
    font-size: 14px !important; }

.instruction-html-color {
  color: #FF9900 !important;
  font-weight: 500 !important; }

.event-active-bar {
  padding-left: unset !important;
  margin-left: 5px;
  padding-right: 45px; }

.event-active-button .btn-default {
  margin-top: -5px !important; }

.default-option-special {
  color: #c4c4c4;
  font-weight: 400; }
  .default-option-special option:first-of-type {
    color: #c4c4c4 !important;
    font-weight: 400 !important; }
  .default-option-special option {
    color: black !important;
    font-weight: 400 !important; }

.default-option-special-2 {
  color: #c4c4c4;
  font-weight: 400;
  opacity: .6; }
  .default-option-special-2 option:first-of-type {
    color: #c4c4c4 !important;
    font-weight: 400 !important; }
  .default-option-special-2 option {
    color: black !important;
    font-weight: 400 !important; }

.default-option-multi-select .multiselect-parent button {
  color: #c4c4c4;
  font-weight: 400; }

.multi-select-font-size-16 .multiselect-parent button {
  font-size: 16px; }

.hide-border-rows {
  display: none !important; }

.btn-print-row {
  border: unset;
  display: flex;
  width: 100%;
  justify-content: space-between; }

.print-archive-txt {
  width: 250px;
  height: 25px;
  border: 1px solid black;
  margin-left: 21px; }

.red-block {
  font-weight: 600;
  color: red !important; }

.ui-alignment-alert {
  padding-top: 5px !important; }

.unset-p-top {
  padding-top: unset !important; }

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

.show-one-line {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important; }

.ui-grid-header-comp .ui-grid-header-cell {
  height: 56px; }

.legend-comp-position {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 15px !important; }

.document-link-grid {
  font-size: 13px !important; }

.asset-detail-engagement {
  padding-top: 10px;
  padding-left: 5px; }

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

.margin-0 {
  margin: 0 !important; }

.bidfields-multi-dropdown .multi-dropdown .multiselect-parent {
  height: 39px;
  width: 100%;
  padding-right: 5px; }
  .bidfields-multi-dropdown .multi-dropdown .multiselect-parent button {
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: solid 1px #cccccc !important;
    border-radius: 4px;
    color: #434343;
    font-weight: 400;
    height: 39px !important;
    width: 100% !important;
    padding-right: 22px;
    text-align: left;
    width: 100% !important;
    text-transform: capitalize; }
    .bidfields-multi-dropdown .multi-dropdown .multiselect-parent button:hover {
      background-color: #ffffff; }
    .bidfields-multi-dropdown .multi-dropdown .multiselect-parent button span {
      font-size: 16px;
      font-size: 1.6rem;
      float: right;
      margin-top: 5px; }

@keyframes c-inline-spinner-kf {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.c-inline-spinner,
.c-inline-spinner:before {
  display: inline-block;
  width: 11px;
  height: 11px;
  transform-origin: 50%;
  border: 2px solid transparent;
  border-color: #74a8d0 #74a8d0 transparent transparent;
  border-radius: 50%;
  content: "";
  animation: linear c-inline-spinner-kf 900ms infinite;
  position: relative;
  vertical-align: inherit;
  line-height: inherit; }

.c-inline-spinner {
  top: 3px;
  margin: 0 3px; }

.c-inline-spinner:before {
  border-color: #74a8d0 #74a8d0 transparent transparent;
  position: absolute;
  left: -2px;
  top: -2px;
  border-style: solid; }

.text-transform-btn {
  text-transform: uppercase !important;
  font-size: 16px !important; }

.rfp-grid-details {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
  font-size: 13px; }

.remove-team-detail .new-bid-award {
  margin-top: unset !important;
  padding-left: unset !important;
  padding-right: unset !important; }

.transaction-owners-label .btn-default {
  color: #535353 !important;
  font-size: 14px; }

.loading-spinner {
  background-color: #ffffff;
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1; }
  .loading-spinner .loader {
    position: absolute;
    visibility: visible;
    position: absolute;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8F8F8; }
    .loading-spinner .loader .kart-loader {
      position: static;
      width: auto;
      height: auto; }

.map-print-col-4 {
  margin-left: 15px;
  white-space: nowrap; }

.map-print-btn-savee {
  height: 25px !important;
  width: 225px !important;
  font-size: 14px !important; }

.map-print-btn-savee:hover {
  opacity: .7; }

.document-close {
  color: grey;
  font-size: 18px;
  cursor: pointer;
  float: right;
  padding-top: 8px; }

.document-close:hover {
  opacity: .7; }

.impairment-style {
  cursor: pointer;
  border-left: .5px solid lightgray;
  border-bottom: .5px solid lightgray;
  border-top: .5px solid lightgray;
  width: 250px;
  height: 35px;
  padding-top: 5px;
  padding-left: 40px; }
  .impairment-style .active {
    background-color: darkgray !important; }

.impairment-style-2 {
  cursor: pointer;
  border: .5px solid lightgray;
  width: 280px !important;
  height: 35px;
  padding-top: 5px;
  padding-left: 35px; }
  .impairment-style-2 .active {
    background-color: darkgray !important; }

.impairment-table-dropdown .default-opton-2 {
  color: #c4c4c4 !important;
  font-weight: 400 !important; }
.impairment-table-dropdown option {
  color: unset !important; }

.impairment-check {
  color: green;
  font-size: 16px;
  margin-left: 20px;
  margin-right: 10px;
  cursor: pointer; }

.impairment-edit {
  color: darkslategray;
  font-size: 16px;
  margin-left: 20px;
  margin-right: 10px;
  cursor: pointer; }

.impairment-close {
  color: red;
  font-size: 16px;
  cursor: pointer; }

.add-another-impairment {
  font-size: 14px;
  margin-left: 20px;
  cursor: pointer;
  color: gray; }

.impairment-check:hover {
  opacity: .5; }

.impairment-add:hover {
  opacity: .5; }

.abs-icon-impairment {
  position: absolute;
  top: 10px;
  right: 10px; }

.impairment-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%;
  overflow-x: hidden;
  display: inline-block; }

.impairment-close:hover {
  opacity: .7; }

.width-impairment {
  width: unset !important; }

.active-impairment-border {
  background: darkgray !important; }

.impairment-margin-top {
  margin-top: 6px; }

.i-status {
  width: 135px !important; }

.t-unset-max {
  max-width: unset !important; }

.i-status-col-h {
  width: 135px !important;
  max-width: unset !important; }

.i-status-col-d {
  text-align: center;
  width: 110px !important;
  max-width: unset !important; }

.i-status-review {
  text-align: left;
  width: 147px !important;
  margin-right: unset !important;
  max-width: unset !important; }

.i-id {
  width: 120px !important; }

.i-id-2 {
  width: 310px !important; }

.impairment-table-centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 90px;
  overflow-y: auto; }

.impairment-table-centered-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 90px;
  overflow-y: hidden !important; }

.impairment-header-centered {
  text-align: center; }

.config-create-dropdown .multi-dropdown .multiselect-parent button {
  width: 100% !important; }

.top-impairment {
  padding-top: 30px !important; }

.config-create-setup .select-range {
  display: inline-block;
  margin-bottom: 15px;
  position: relative; }
  .config-create-setup .select-range .addon {
    background-color: transparent;
    border: 0;
    bottom: 0;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 5%;
    top: 20%; }
    .config-create-setup .select-range .addon:hover {
      opacity: 0.7; }
  .config-create-setup .select-range .up {
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 5px; }
    .config-create-setup .select-range .up:hover {
      opacity: 0.7; }
  .config-create-setup .select-range .down {
    bottom: 5px;
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px; }
    .config-create-setup .select-range .down:hover {
      opacity: 0.7; }
  .config-create-setup .select-range .more-right {
    right: 20px; }
  @media (max-width: 768px) {
    .config-create-setup .select-range .select-range {
      width: 100%; }
    .config-create-setup .select-range .up {
      right: 20px;
      top: 10px; }
    .config-create-setup .select-range .down {
      right: 20px;
      bottom: 10px; } }
.config-create-setup .multi-dropdown {
  text-align: left; }
  .config-create-setup .multi-dropdown .multiselect-parent {
    height: 39px;
    width: 100%; }
    .config-create-setup .multi-dropdown .multiselect-parent button {
      font-size: 16px;
      font-size: 1.6rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      color: #434343;
      font-weight: 400;
      height: 39px !important;
      padding-right: 22px;
      text-align: left;
      width: 100% !important;
      text-transform: capitalize; }
      .config-create-setup .multi-dropdown .multiselect-parent button:hover {
        background-color: #ffffff; }
      .config-create-setup .multi-dropdown .multiselect-parent button span {
        font-size: 16px;
        font-size: 1.6rem;
        float: right;
        margin-top: 5px; }
    .config-create-setup .multi-dropdown .multiselect-parent ul {
      margin-top: 0;
      width: 100%;
      height: auto;
      max-height: 350px; }
      .config-create-setup .multi-dropdown .multiselect-parent ul:hover {
        background-color: #ffffff; }
      .config-create-setup .multi-dropdown .multiselect-parent ul a {
        font-size: 16px;
        font-size: 1.6rem;
        color: #434343;
        font-weight: 400; }

.impairment-abs {
  position: absolute;
  right: 20px !important; }

.impairment-test-add .controls {
  display: inline-block;
  float: right; }
  .impairment-test-add .controls i {
    margin-right: 10px; }
  .impairment-test-add .controls button {
    height: 22px;
    font-size: 10px;
    min-width: 80px; }
    .impairment-test-add .controls button i {
      margin-right: 5px; }
  .impairment-test-add .controls .btn-apply {
    background-color: #666; }
  .impairment-test-add .controls .empty-col {
    width: 36px; }

.remove-background-popover .popover {
  background-color: white !important; }
.remove-background-popover .popover.top .arrow:after {
  border-bottom-color: #00304D !important; }

.impairment-popover .popover {
  background-color: white !important; }
.impairment-popover .popover.top > .arrow:after {
  border-bottom-color: #00304D !important; }
.impairment-popover .arrow::after {
  border-bottom-color: #00304D !important; }
.impairment-popover .popover-inner {
  padding: unset !important;
  background-color: white !important; }
.impairment-popover .popover-content {
  display: inline-flex !important;
  border: thin;
  border-color: #f8e498;
  background-color: white; }

.sub-tags .multi-dropdown {
  text-align: left; }
  .sub-tags .multi-dropdown .multiselect-parent {
    height: 39px;
    width: 100%; }
    .sub-tags .multi-dropdown .multiselect-parent button {
      font-size: 16px;
      font-size: 1.6rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      color: #434343;
      font-weight: 400;
      height: 39px !important;
      padding-right: 22px;
      text-align: left;
      width: 100% !important;
      text-transform: capitalize; }
      .sub-tags .multi-dropdown .multiselect-parent button:hover {
        background-color: #ffffff; }
      .sub-tags .multi-dropdown .multiselect-parent button span {
        font-size: 16px;
        font-size: 1.6rem;
        float: right;
        margin-top: 5px; }
    .sub-tags .multi-dropdown .multiselect-parent ul {
      margin-top: 0;
      width: 100%;
      height: auto;
      max-height: 350px; }
      .sub-tags .multi-dropdown .multiselect-parent ul:hover {
        background-color: #ffffff; }
      .sub-tags .multi-dropdown .multiselect-parent ul a {
        font-size: 16px;
        font-size: 1.6rem;
        color: #434343;
        font-weight: 400; }

.client-reference-active {
  background-color: lightgray; }

.doc-client-filename {
  margin-left: 15px;
  background: lightgray;
  margin-right: 30px;
  padding-top: 8px;
  padding-left: 20px; }

.client-viewer iframe {
  height: calc(100vh - 226px); }

.impairment-btn-mark.focus {
  color: white; }

.impairment-btn-mark:focus {
  color: white; }

.impairment-btn-mark:hover {
  color: white !important;
  opacity: .7; }

#pac-input {
  margin-top: 10px;
  margin-left: 15px;
  height: 40px;
  left: 321px !important;
  border: 1pt solid #000;
  font-size: 14px; }

#pac-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #1f1e1e !important;
  font-size: 14px !important; }

input:disabled {
  background: #e6e6e6 !important;
  color: #777777 !important; }

input::placeholder {
  color: darkgray important; }

input:-ms-input-placeholder {
  font-weight: 400;
  color: darkgray !important; }

input::-webkit-input-placeholder {
  font-weight: 400;
  color: darkgray !important; }

input:-moz-placeholder {
  font-weight: 400;
  color: darkgray !important; }

input::-moz-placeholder {
  font-weight: 400;
  color: darkgray !important; }

.select-input:disabled {
  background: #e6e6e6 !important;
  color: #777777 !important; }

.select-input::placeholder {
  color: darkgray important; }

textarea:disabled {
  background: #e6e6e6 !important;
  color: #777777 !important; }

textarea::placeholder {
  color: darkgray important; }

.map-search-textfield {
  height: 40px;
  width: 140px;
  display: flex;
  color: white;
  background-color: #777777;
  position: absolute;
  top: 10px;
  left: 210px;
  z-index: 999;
  font-weight: 600;
  padding-left: 21px;
  padding-top: 8px;
  border: 1pt solid #000; }

.unset-border {
  border: unset !important; }

.bid-section-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #000000;
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px; }

.no-instruct-avail {
  font-weight: 600;
  text-align: center;
  color: darkgray;
  padding-top: 40px;
  padding-right: 50px; }

.font-w-700 {
  font-weight: 700 !important; }

.extra-appr-padding {
  text-overflow: ellipsis !important;
  overflow: auto !important;
  margin-right: 10px !important; }

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

.edit-appr-drop input[type="date"] {
  font-size: 18px !important;
  outline: none !important; }
.edit-appr-drop input::-webkit-calendar-picker-indicator {
  color: #c4c4c4 !important;
  opacity: 1; }
.edit-appr-drop select:invalid,
.edit-appr-drop select [value=""]:first-child {
  color: #c4c4c4 !important;
  font-weight: 400 !important; }
.edit-appr-drop option {
  color: black; }

.edit-bid-drop input[type="date"] {
  font-size: 18px !important;
  outline: none !important; }
.edit-bid-drop input::-webkit-calendar-picker-indicator {
  color: #c4c4c4 !important;
  opacity: 1; }
.edit-bid-drop select:invalid,
.edit-bid-drop select [value=""]:first-child {
  color: #c4c4c4 !important;
  font-weight: 400 !important; }
.edit-bid-drop option {
  color: black; }

.align-bid-create {
  padding-top: 5px;
  font-size: 16px; }

.yellow-vb {
  text-align: right !important; }
  .yellow-vb .vb-custom-css {
    background-color: yellow !important;
    float: right !important; }

.orange-vb {
  text-align: right !important; }
  .orange-vb .vb-custom-css {
    background-color: #FF9900 !important;
    float: right !important; }

.vb-custom-css {
  float: right !important; }

.no-vb-display .vb-custom-css {
  display: none; }
.no-vb-display .set-bg-yellow {
  background-color: yellow !important; }

.vb-bold-font {
  font-weight: bold; }

.display-none {
  display: none; }

.job-tracker-modal .modal-content {
  padding: 25px;
  height: 450px;
  width: 1000px;
  left: 50%;
  overflow-y: hidden;
  overflow-x: hidden;
  transform: translateX(-50%); }

.sidepanel-jt {
  height: 100%;
  position: inherit;
  /* Stay in place */
  z-index: 1;
  /* Stay on top */
  top: 0;
  width: 160px;
  border: 2px solid darkgrey;
  position: relative;
  padding-top: 30px !important;
  border-right: 2px solid darkgray;
  background-color: #00304D;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidepanel */ }
  .sidepanel-jt a {
    width: 100%;
    padding: 10px;
    text-align: center; }

.sidepanel-jt {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block; }

/* When you mouse over the navigation links, change their color */
.sidepanel-jt {
  color: #f1f1f1; }
  .sidepanel-jt a:hover {
    opacity: .8;
    color: darkgrey; }

/* Position and style the close button (top right corner) */
.sidepanel-jt .closebtn {
  position: absolute;
  top: 0;
  width: 25px; }

.is-active-jt > * {
  background-color: grey;
  border-radius: 15px;
  padding: 10px; }
.is-active-jt a {
  font-weight: 700; }

.manager-user-table tbody tr:hover {
  background: lightgray; }
.manager-user-table .hover-effect:hover {
  opacity: .6; }

.expand-scroll-area {
  padding-right: 10px !important;
  padding-left: 10px !important; }

.hide-overflow-y {
  overflow-y: hidden; }

.signatory-icon {
  position: relative !important;
  bottom: 0px !important;
  margin-left: 20px !important; }

.jobtrak-section {
  display: flex;
  flex-direction: row; }
  .jobtrak-section .jt-sidemenu-row {
    transition: all 0.5s ease;
    background: white; }
  .jobtrak-section .jt-menu-item-container {
    cursor: pointer;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .jobtrak-section .jt-menu-item-container i {
      padding: 10px;
      font-size: 1.6rem; }
      .jobtrak-section .jt-menu-item-container i:hover {
        opacity: .8;
        color: darkgrey; }
  .jobtrak-section .jt-menu-item {
    display: inline-block;
    text-align: left;
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 0.9); }
  .jobtrak-section .jt-right-section {
    overflow-y: auto;
    background-color: white;
    transition: all 0.5s ease; }
  .jobtrak-section .jt-width-100 {
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    height: calc(100vh - 105px);
    min-height: 100%;
    padding: 25px; }
  .jobtrak-section .jt-row-centered {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .jobtrak-section .jt-row-centered input[type="checkbox"] {
      cursor: default;
      margin-top: 6px !important; }
  .jobtrak-section .jt-row-centered-expense {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
    .jobtrak-section .jt-row-centered-expense input[type="checkbox"] {
      cursor: default;
      margin-top: 6px !important; }
  .jobtrak-section .jt-header-padding-left {
    right: 7px;
    padding-left: 7px; }
  .jobtrak-section .jt-row-right-expense {
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    .jobtrak-section .jt-row-right-expense input[type="checkbox"] {
      cursor: default;
      margin-top: 6px !important; }
  .jobtrak-section .jt-detail {
    padding-right: unset; }
    .jobtrak-section .jt-detail .jt-create-form {
      padding: 0px 0px 10px 10px; }
      .jobtrak-section .jt-detail .jt-create-form .main-title {
        margin-top: 0 !important; }
      .jobtrak-section .jt-detail .jt-create-form .col-view-vm {
        align-self: flex-start; }
    .jobtrak-section .jt-detail .jt-manage-section {
      z-index: 1;
      padding-top: 20px;
      right: 50px;
      position: fixed; }
    .jobtrak-section .jt-detail .jt-form-scrollable {
      overflow-y: auto;
      overflow-x: hidden;
      height: calc(100vh - 235px);
      padding-right: 30px;
      padding-left: 5px; }
    .jobtrak-section .jt-detail .jt-form-scrollable-name {
      height: calc(100vh - 310px); }
    @media (max-width: 1500px) {
      .jobtrak-section .jt-detail .jt-width-100 {
        height: calc(100vh - 25px); }
      .jobtrak-section .jt-detail .jt-form-scrollable {
        height: calc(100vh - 75px); }
      .jobtrak-section .jt-detail .jt-form-scrollable-name {
        height: calc(100vh - 150px); } }
  .jobtrak-section .jt-fa-plus {
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 1em;
    padding-left: 0;
    margin: -1em; }
  .jobtrak-section .jt-fa-plus-row {
    cursor: pointer;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0.6em;
    margin: -0.2em;
    margin-right: 0.5px;
    top: 1.5px; }
  .jobtrak-section .jt-date-select {
    position: absolute;
    right: 30px;
    bottom: 11px; }
  .jobtrak-section .jt-panel-heading {
    height: 68px;
    background-color: rgba(233, 233, 233, 0.77);
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px #cfcfcf;
    border-top: solid 1px #cfcfcf;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .jobtrak-section .jt-panel-heading .panel-title {
      font-size: 18px; }
  .jobtrak-section .col-view-vm-2 {
    width: 296px !important; }
  .jobtrak-section .col-vm-2 {
    width: 35% !important; }

.stop-scrolling {
  height: 100% !important;
  overflow: hidden !important; }

.padding-top-8 {
  padding-top: 8px !important; }

.change-password-link {
  font-size: 20px;
  color: #FF9900; }

.lease-event-no-asset {
  color: red;
  padding-top: 15px;
  white-space: nowrap;
  font-size: 14px;
  padding-left: 5px; }

.expenses-modal-save {
  font-size: 14px !important; }

.expense-input-row .form-control[disabled] {
  background: #e6e6e6 !important;
  color: #777777 !important; }

.col-styling-modal {
  padding-top: 35px !important; }

.col-style-modal-1 {
  padding-top: 8px;
  float: left; }

.search-tooltip {
  margin-left: 12px; }

.add-impairment-type-container .col-xs-2 {
  width: 13.33% !important; }

.impairment-type-container input {
  height: 39px !important; }
.impairment-type-container button {
  background-color: #fff !important;
  margin-top: 0px !important;
  color: #535353 !important;
  height: 39px !important; }

.impairment-type-select .bootstrap-select .dropdown-menu {
  overflow-y: unset !important; }
.impairment-type-select .bootstrap-select .dropdown-menu.open {
  overflow-y: unset !important; }
  .impairment-type-select .bootstrap-select .dropdown-menu.open .inner.open {
    overflow-y: unset !important; }

.common-multi-select .multiselect-parent {
  width: 100%;
  height: 39px; }
  .common-multi-select .multiselect-parent .dropdown-menu {
    width: 100%;
    max-height: 60vh; }
    .common-multi-select .multiselect-parent .dropdown-menu span {
      font-size: 16px; }
.common-multi-select button {
  width: 100%;
  height: 39px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: unset;
  font-size: 16px; }
  .common-multi-select button .caret:before {
    float: right;
    position: absolute;
    right: 10px; }
  .common-multi-select button .caret {
    float: right; }

.review-type-multi-select-view button {
  height: 43px; }

.disabled-multiselect button {
  opacity: 0.7 !important;
  cursor: not-allowed !important; }
.disabled-multiselect button:hover {
  background-color: #777 !important; }

@media (max-width: 1900px) {
  .custom-width-btn {
    min-width: auto !important;
    font-size: 14px !important; } }

.wrap-text-3-rows {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.impairment-max-width-105 {
  max-width: 105px; }

.impairment-min-width-16 {
  min-width: 16vw; }

.vb-modal-document-label {
  color: #00304D !important;
  margin-right: auto;
  font-size: 16px; }

.deal-names-container {
  padding: 15px; }
  .deal-names-container .row {
    margin: auto; }
  .deal-names-container .col-xs-4 {
    padding-left: 0 !important; }
  .deal-names-container .deal-names-add {
    display: flex;
    align-items: flex-start; }
    .deal-names-container .deal-names-add .bootstrap-select .btn-default {
      height: 40px !important; }
    .deal-names-container .deal-names-add .btn-apply {
      margin-top: 0 !important;
      height: 40px !important; }
  .deal-names-container .asset-deals-container .asset-deals-header {
    padding-top: 15px;
    border-bottom: 1px solid black; }
    .deal-names-container .asset-deals-container .asset-deals-header label {
      font-size: 16px !important;
      font-weight: 500; }
  .deal-names-container .asset-deals-container .asset-deals-section {
    padding-top: 15px; }
    .deal-names-container .asset-deals-container .asset-deals-section .row {
      margin-bottom: 5px; }
      .deal-names-container .asset-deals-container .asset-deals-section .row:last-child {
        margin-bottom: 0; }
    .deal-names-container .asset-deals-container .asset-deals-section .deal-edit {
      display: flex;
      align-items: center;
      background-color: #e6e6e6;
      padding: 10px; }
      .deal-names-container .asset-deals-container .asset-deals-section .deal-edit input {
        height: 40px; }
      .deal-names-container .asset-deals-container .asset-deals-section .deal-edit .edit-btn-container {
        display: flex;
        flex-direction: column-reverse;
        margin-left: 5px; }
      .deal-names-container .asset-deals-container .asset-deals-section .deal-edit .edit-btn {
        background-color: #666;
        width: 80px;
        height: auto;
        padding: 5px;
        min-width: unset;
        font-size: 10px; }
      .deal-names-container .asset-deals-container .asset-deals-section .deal-edit .edit-btn:disabled {
        background-color: #cccccc !important; }
      .deal-names-container .asset-deals-container .asset-deals-section .deal-edit .cancel-btn, .deal-names-container .asset-deals-container .asset-deals-section .deal-edit .managing-bid-field .view-edit-bid-field .edit-btn, .managing-bid-field .view-edit-bid-field .deal-names-container .asset-deals-container .asset-deals-section .deal-edit .edit-btn {
        width: 80px;
        height: auto;
        padding: 5px;
        min-width: unset;
        font-size: 10px; }
    .deal-names-container .asset-deals-container .asset-deals-section .view-btn-container {
      display: flex; }
    .deal-names-container .asset-deals-container .asset-deals-section .fa-trash-o {
      margin-right: 30px; }

.yellow-background {
  background-color: yellow !important; }

.allowed-VM-fields-multiselect .multiselect-parent button {
  font-size: 16px !important; }

#upload-grid-container::backdrop {
  background-color: white; }

.upload-grid-container-full-screen {
  padding: 25px !important; }
  .upload-grid-container-full-screen .vm-upload-grid, .upload-grid-container-full-screen .transaction-upload-grid {
    height: calc(100vh - 200px) !important; }
    @media (max-width: 1500px) {
      .upload-grid-container-full-screen .vm-upload-grid, .upload-grid-container-full-screen .transaction-upload-grid {
        height: calc(100vh - 30px) !important; } }
  @media (max-width: 1500px) {
    .upload-grid-container-full-screen .transaction-upload-grid {
      height: calc(100vh - 60px) !important; } }

#upload-grid-container .loading {
  background-color: #ffffff;
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1; }
  #upload-grid-container .loading .loader {
    position: absolute;
    visibility: visible;
    position: absolute;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5); }
    #upload-grid-container .loading .loader .kart-loader {
      position: static;
      width: auto;
      height: auto; }

.powerbi-report-size {
  height: 85vh;
  min-height: 700px;
  width: 100%; }

.user-guide-pull-right {
  position: absolute;
  right: 0;
  margin-right: 15px; }

:is(button, a).secondary-button:hover {
  opacity: 0.8 !important; }
  :is(button, a).secondary-button:hover .pin-icon {
    opacity: 0.8 !important; }

.icon-expand {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor; }

.mango-expand-icon {
  display: flex;
  cursor: pointer;
  font-size: 20px; }
  .mango-expand-icon:hover {
    opacity: 0.7 !important; }

/**
 * card comp styles
 */
.card-comp {
  background-color: rgba(255, 152, 0, 0.28) !important;
  border-bottom: solid 2px #ff9800;
  margin-bottom: 2px;
  height: 79px;
  padding-left: 79px;
  position: relative;
  box-sizing: content-box;
  /** new style **/ }
  .card-comp .carousel-result {
    height: 79px;
    left: 0;
    padding: 0;
    position: absolute;
    width: 79px;
    top: 0; }
    .card-comp .carousel-result .carousel-indicators {
      display: none; }
    .card-comp .carousel-result .carousel-control {
      background: transparent; }
    .card-comp .carousel-result .slide-result {
      height: 79px;
      width: 79px; }
      .card-comp .carousel-result .slide-result img {
        opacity: 0.8;
        bottom: 0;
        height: auto;
        left: 0;
        max-height: 100%;
        max-width: 100%;
        width: auto;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0; }
    @media screen and (max-width: 852px) {
      .card-comp .carousel-result {
        margin: auto;
        position: relative; } }
  .card-comp .checkbox-comp {
    position: absolute;
    width: 15px;
    right: 5px;
    top: 18px;
    z-index: 10; }
  .card-comp .custom-comp-check {
    margin-right: 20px !important; }
  .card-comp .pref-prop-icon {
    font-size: 22px;
    color: green;
    float: right;
    margin-right: -19px;
    margin-top: 12px; }
  .card-comp .pref-prop-icon-open {
    font-size: 22px;
    color: green;
    float: right;
    margin-right: -1px;
    margin-top: -2px; }
  @media screen and (max-width: 1800px) and (min-width: 1700px) {
    .card-comp .pref-prop-icon-open {
      margin-right: -3px !important; } }
  @media screen and (max-width: 1699px) and (min-width: 1475px) {
    .card-comp .pref-prop-icon-open {
      margin-right: -5px !important; } }
  @media screen and (max-width: 1474px) and (min-width: 1200px) {
    .card-comp .pref-prop-icon-open {
      margin-right: -7px !important; } }
  .card-comp .info-result {
    font-size: 14px;
    font-size: 1.4rem;
    display: table;
    height: 79px;
    padding: 0 20px;
    width: 100%; }
    .card-comp .info-result .col-result {
      display: table-row;
      vertical-align: middle; }
      .card-comp .info-result .col-result .status {
        font-size: 20px;
        font-size: 2rem;
        display: inline-block;
        line-height: 1; }
      .card-comp .info-result .col-result .status-icon {
        margin-left: 10px; }
      .card-comp .info-result .col-result .active {
        color: #008744; }
      .card-comp .info-result .col-result .headers {
        display: table-cell;
        border-right: 1px solid #979797;
        width: 340px;
        padding-right: 1%;
        vertical-align: middle; }
        .card-comp .info-result .col-result .headers .title {
          font-size: 16px;
          font-size: 1.6rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          color: #212121;
          cursor: pointer;
          font-weight: bold;
          line-height: 1.2;
          margin-bottom: 0;
          width: 340px; }
          .card-comp .info-result .col-result .headers .title:hover {
            opacity: 0.8; }
        .card-comp .info-result .col-result .headers .sub-title {
          font-size: 14px;
          font-size: 1.4rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          color: #181818;
          width: 340px; }
          .card-comp .info-result .col-result .headers .sub-title span:first-child:after {
            content: ' |'; }
          .card-comp .info-result .col-result .headers .sub-title span:not(:first-child):not(:last-child):after {
            content: ', '; }
        .card-comp .info-result .col-result .headers .other-title {
          font-size: 12px;
          font-size: 1.2rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-weight: 400;
          color: #808080;
          width: 340px; }
          .card-comp .info-result .col-result .headers .other-title span:not(:last-child):after {
            content: ' |'; }
          .card-comp .info-result .col-result .headers .other-title text:not(:last-child):after {
            content: ', '; }
      .card-comp .info-result .col-result .property-result {
        display: table-cell;
        vertical-align: middle; }
        .card-comp .info-result .col-result .property-result .results .col {
          width: auto;
          padding: 0 20px;
          margin-bottom: 10px;
          height: 36px; }
          @media screen and (max-width: 1145px) {
            .card-comp .info-result .col-result .property-result .results .col {
              margin-bottom: 5px;
              width: 33.3%; } }
          @media screen and (max-width: 599px) {
            .card-comp .info-result .col-result .property-result .results .col {
              margin-bottom: 5px;
              width: 50%; } }
        .card-comp .info-result .col-result .property-result .property {
          font-size: 12px;
          font-size: 1.2rem;
          color: #808080;
          font-weight: 300;
          margin: 0;
          padding: 0;
          text-transform: capitalize;
          white-space: nowrap;
          border: 0; }
        .card-comp .info-result .col-result .property-result .value-property {
          font-size: 14px;
          font-size: 1.4rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          color: #525252;
          margin: 0; }
      .card-comp .info-result .col-result h1, .card-comp .info-result .col-result h2, .card-comp .info-result .col-result h3, .card-comp .info-result .col-result h4, .card-comp .info-result .col-result h5, .card-comp .info-result .col-result h6 {
        line-height: 1.5;
        margin: 0; }
      .card-comp .info-result .col-result .border-left-comp {
        border-left: 1px solid #979797; }
        @media screen and (min-width: 1300px) {
          .card-comp .info-result .col-result .border-left-comp {
            width: 430px; } }
        @media screen and (max-width: 1299px) {
          .card-comp .info-result .col-result .border-left-comp {
            width: 330px; } }
        .card-comp .info-result .col-result .border-left-comp p {
          max-width: 80px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
      .card-comp .info-result .col-result .padding-top-16 {
        padding: 16px 0 0 0 !important; }
        .card-comp .info-result .col-result .padding-top-16 a {
          color: #00304D !important; }
          .card-comp .info-result .col-result .padding-top-16 a::before {
            content: "+ "; }
      .card-comp .info-result .col-result .private-notes-comp {
        background-color: white;
        border-radius: 5px;
        width: 40px;
        text-align: center;
        padding: 2px 2px;
        margin: 4px 0px;
        border: solid 1px #cecece; }
        .card-comp .info-result .col-result .private-notes-comp i {
          margin-top: -2px; }
    @media screen and (max-width: 852px) {
      .card-comp .info-result {
        padding: 20px 0; } }
  @media screen and (max-width: 852px) {
    .card-comp {
      height: auto;
      padding: 0; } }
  .card-comp .ellipsis {
    max-width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .card-comp .share-p:not(:last-child):after {
    content: ', '; }
  .card-comp .pin {
    float: right;
    -ms-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg); }
  .card-comp .sales-column {
    margin: 10px 0 0 0; }
  .card-comp .unit-column {
    margin: 12px 0 0 0; }
  .card-comp .second-row-margin {
    margin-top: 10px; }
  .card-comp .negative-row-margin {
    margin-top: -35px; }
  .card-comp .negative-row-sm-margin {
    margin-top: -20px; }

.checkedRow {
  border-color: #00304D;
  border-style: solid;
  border-width: 2px 1px; }

.checkedPrefComps {
  border-color: none !important;
  border-style: none !important;
  border-width: none !important; }

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
  border-bottom: 0; }

.comp-cart-img {
  margin-right: 30px;
  width: 100px; }

.comp-cart-aligns {
  text-align: left; }

.comp-cart-name {
  font-weight: 600; }

.comp-cart-dropdown {
  text-align: left;
  padding-top: 10px; }

.dropdown-comp-margin {
  margin-left: 5px; }

.comp-cart-border {
  padding-bottom: 10px;
  border-top: 1px solid gainsboro;
  border-right: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro; }

.comp-cart-hr {
  color: grey;
  padding-top: 10px; }

.unsub-modal-card {
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  z-index: 999;
  position: absolute;
  right: -10px;
  bottom: 55px;
  text-align: right;
  color: #00304D; }

.unsub-modal-dp {
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 500;
  z-index: 999;
  position: absolute;
  right: -10px;
  bottom: 30px;
  text-align: right;
  color: #00304D; }

.sub-conversation-users {
  font-size: 16px !important;
  font-weight: 600 !important; }

.modal.register-new-user-modal {
  z-index: 1000000000 !important; }
  .modal.register-new-user-modal .modal-header .title {
    font-weight: 600; }
  .modal.register-new-user-modal .info-text, .modal.register-new-user-modal .label-value, .modal.register-new-user-modal .property-table .jpm-label-value, .property-table .modal.register-new-user-modal .jpm-label-value, .modal.register-new-user-modal .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .modal.register-new-user-modal p, .modal.register-new-user-modal .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .modal.register-new-user-modal p, .modal.register-new-user-modal .error-message, .modal.register-new-user-modal .info-message {
    font-size: 1.4rem; }
  .modal.register-new-user-modal .label-value, .modal.register-new-user-modal .property-table .jpm-label-value, .property-table .modal.register-new-user-modal .jpm-label-value, .modal.register-new-user-modal .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .modal.register-new-user-modal p, .modal.register-new-user-modal .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .modal.register-new-user-modal p {
    color: #747474;
    margin-bottom: 11px;
    margin-top: 20px;
    text-transform: capitalize;
    width: 100%; }
  .modal.register-new-user-modal .error-message {
    color: crimson; }
  .modal.register-new-user-modal .info-message {
    color: #FF9900; }
  .modal.register-new-user-modal input.ng-touched.ng-invalid {
    border: 1px solid crimson; }

.events-grid-container .glyphicon-refresh.loading {
  animation: spin 1s infinite linear; }
.events-grid-container .events-grid {
  position: relative; }
  .events-grid-container .events-grid .header-cell, .events-grid-container .events-grid .body-cell {
    text-align: justify;
    font-size: 1.3rem !important; }
  .events-grid-container .events-grid .body-cell a {
    font-size: 1.3rem; }
  .events-grid-container .events-grid::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #eee;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.35s ease-in;
    transition: z-index 0.35s ease-in; }
  .events-grid-container .events-grid.loading::after {
    opacity: 0.3;
    z-index: 1;
    transition: z-index 0.35s ease-in;
    transition: opacity 0.35s ease-out; }
@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }
.table-flex {
  display: flex;
  flex-flow: column nowrap;
  font-size: .8rem;
  line-height: 1.5;
  border: 1px solid #d0d0d0;
  flex: 1 1 auto; }

.th {
  display: none;
  font-weight: 700; }

.th > .td {
  font-size: 12px;
  font-size: 1.2rem;
  white-space: normal;
  color: #aaa;
  font-weight: normal; }

.tr {
  width: 100%;
  display: flex;
  flex-flow: row nowrap; }

.td {
  font-size: 12px;
  font-size: 1.2rem;
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5em;
  min-width: 120px;
  border-bottom: 1px solid #d0d0d0;
  color: #535353;
  font-weight: 600; }
  .td::first-letter {
    text-transform: capitalize; }

.expand-td-height {
  min-height: 45px; }

.tr.selected {
  background-color: rgba(0, 48, 77, 0.3); }

div.td-grow-1 {
  flex-grow: 1.5; }

div.td-grow-2 {
  flex-grow: 2; }

div.td-grow-3 {
  flex-grow: 3; }

div.td-grow-4 {
  flex-grow: 4; }

div.td-grow-5 {
  flex-grow: 5; }

div.td-grow-6 {
  flex-grow: 6; }

div.td-20 {
  flex-basis: 20px;
  flex-grow: 0;
  min-width: 20px; }

div.td-50 {
  flex-basis: 50px;
  flex-grow: 0;
  min-width: 50px; }

div.td-120 {
  flex-basis: 120px;
  flex-grow: 0;
  min-width: 120px; }

.no-td-border-bottom div.td {
  border-bottom: 0; }

.table-flex-body-y-scroll {
  max-height: 300px;
  overflow-y: auto; }

/**
 *  Loader styles
 */
.loader {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999999 !important; }

.parent-map {
  position: relative; }

.new-parent-map {
  position: relative;
  margin: 0px 0 0 -250px !important;
  left: 50% !important; }

.loader.map {
  position: absolute; }

.hidde-loader {
  visibility: hidden; }

.loader-wrapper, .config-appraisal-modal .modal-content .config-appraisal-modal-wrapper__loading {
  background-color: #ffffff;
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 1; }
  .loader-wrapper .loader, .config-appraisal-modal .modal-content .config-appraisal-modal-wrapper__loading .loader {
    position: absolute;
    visibility: visible;
    position: absolute;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent; }
    .loader-wrapper .loader .kart-loader, .config-appraisal-modal .modal-content .config-appraisal-modal-wrapper__loading .loader .kart-loader {
      position: static;
      width: auto;
      height: auto; }

.kart-loader *, .kart-loader *:after, .kart-loader *:before {
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.kart-loader {
  position: relative;
  margin: 138px auto;
  display: block;
  width: 69px;
  top: 25%; }

.sheath {
  position: absolute;
  transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%; }

.segment {
  background-color: #00304D;
  border-radius: 39px;
  height: 8px;
  transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  width: 25px; }

.sheath:nth-child(1) {
  animation: segment-orbit-1 2070ms infinite linear, segment-opacity-1 1293.75ms infinite linear;
  -o-animation: segment-orbit-1 2070ms infinite linear, segment-opacity-1 1293.75ms infinite linear;
  -ms-animation: segment-orbit-1 2070ms infinite linear, segment-opacity-1 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-1 2070ms infinite linear, segment-opacity-1 1293.75ms infinite linear;
  -moz-animation: segment-orbit-1 2070ms infinite linear, segment-opacity-1 1293.75ms infinite linear;
  transform: rotate(-30deg) translate(33px);
  -o-transform: rotate(-30deg) translate(33px);
  -ms-transform: rotate(-30deg) translate(33px);
  -webkit-transform: rotate(-30deg) translate(33px);
  -moz-transform: rotate(-30deg) translate(33px); }

.sheath:nth-child(1) .segment {
  animation: segment-scale-1 1293.75ms infinite linear;
  -o-animation: segment-scale-1 1293.75ms infinite linear;
  -ms-animation: segment-scale-1 1293.75ms infinite linear;
  -webkit-animation: segment-scale-1 1293.75ms infinite linear;
  -moz-animation: segment-scale-1 1293.75ms infinite linear; }

.sheath:nth-child(2) {
  animation: segment-orbit-2 2070ms infinite linear, segment-opacity-2 1293.75ms infinite linear;
  -o-animation: segment-orbit-2 2070ms infinite linear, segment-opacity-2 1293.75ms infinite linear;
  -ms-animation: segment-orbit-2 2070ms infinite linear, segment-opacity-2 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-2 2070ms infinite linear, segment-opacity-2 1293.75ms infinite linear;
  -moz-animation: segment-orbit-2 2070ms infinite linear, segment-opacity-2 1293.75ms infinite linear;
  transform: rotate(-60deg) translate(33px);
  -o-transform: rotate(-60deg) translate(33px);
  -ms-transform: rotate(-60deg) translate(33px);
  -webkit-transform: rotate(-60deg) translate(33px);
  -moz-transform: rotate(-60deg) translate(33px); }

.sheath:nth-child(2) .segment {
  animation: segment-scale-2 1293.75ms infinite linear;
  -o-animation: segment-scale-2 1293.75ms infinite linear;
  -ms-animation: segment-scale-2 1293.75ms infinite linear;
  -webkit-animation: segment-scale-2 1293.75ms infinite linear;
  -moz-animation: segment-scale-2 1293.75ms infinite linear; }

.sheath:nth-child(3) {
  animation: segment-orbit-3 2070ms infinite linear, segment-opacity-3 1293.75ms infinite linear;
  -o-animation: segment-orbit-3 2070ms infinite linear, segment-opacity-3 1293.75ms infinite linear;
  -ms-animation: segment-orbit-3 2070ms infinite linear, segment-opacity-3 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-3 2070ms infinite linear, segment-opacity-3 1293.75ms infinite linear;
  -moz-animation: segment-orbit-3 2070ms infinite linear, segment-opacity-3 1293.75ms infinite linear;
  transform: rotate(-90deg) translate(33px);
  -o-transform: rotate(-90deg) translate(33px);
  -ms-transform: rotate(-90deg) translate(33px);
  -webkit-transform: rotate(-90deg) translate(33px);
  -moz-transform: rotate(-90deg) translate(33px); }

.sheath:nth-child(3) .segment {
  animation: segment-scale-3 1293.75ms infinite linear;
  -o-animation: segment-scale-3 1293.75ms infinite linear;
  -ms-animation: segment-scale-3 1293.75ms infinite linear;
  -webkit-animation: segment-scale-3 1293.75ms infinite linear;
  -moz-animation: segment-scale-3 1293.75ms infinite linear; }

.sheath:nth-child(4) {
  animation: segment-orbit-4 2070ms infinite linear, segment-opacity-4 1293.75ms infinite linear;
  -o-animation: segment-orbit-4 2070ms infinite linear, segment-opacity-4 1293.75ms infinite linear;
  -ms-animation: segment-orbit-4 2070ms infinite linear, segment-opacity-4 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-4 2070ms infinite linear, segment-opacity-4 1293.75ms infinite linear;
  -moz-animation: segment-orbit-4 2070ms infinite linear, segment-opacity-4 1293.75ms infinite linear;
  transform: rotate(-120deg) translate(33px);
  -o-transform: rotate(-120deg) translate(33px);
  -ms-transform: rotate(-120deg) translate(33px);
  -webkit-transform: rotate(-120deg) translate(33px);
  -moz-transform: rotate(-120deg) translate(33px); }

.sheath:nth-child(4) .segment {
  animation: segment-scale-4 1293.75ms infinite linear;
  -o-animation: segment-scale-4 1293.75ms infinite linear;
  -ms-animation: segment-scale-4 1293.75ms infinite linear;
  -webkit-animation: segment-scale-4 1293.75ms infinite linear;
  -moz-animation: segment-scale-4 1293.75ms infinite linear; }

.sheath:nth-child(5) {
  animation: segment-orbit-5 2070ms infinite linear, segment-opacity-5 1293.75ms infinite linear;
  -o-animation: segment-orbit-5 2070ms infinite linear, segment-opacity-5 1293.75ms infinite linear;
  -ms-animation: segment-orbit-5 2070ms infinite linear, segment-opacity-5 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-5 2070ms infinite linear, segment-opacity-5 1293.75ms infinite linear;
  -moz-animation: segment-orbit-5 2070ms infinite linear, segment-opacity-5 1293.75ms infinite linear;
  transform: rotate(-150deg) translate(33px);
  -o-transform: rotate(-150deg) translate(33px);
  -ms-transform: rotate(-150deg) translate(33px);
  -webkit-transform: rotate(-150deg) translate(33px);
  -moz-transform: rotate(-150deg) translate(33px); }

.sheath:nth-child(5) .segment {
  animation: segment-scale-5 1293.75ms infinite linear;
  -o-animation: segment-scale-5 1293.75ms infinite linear;
  -ms-animation: segment-scale-5 1293.75ms infinite linear;
  -webkit-animation: segment-scale-5 1293.75ms infinite linear;
  -moz-animation: segment-scale-5 1293.75ms infinite linear; }

.sheath:nth-child(6) {
  animation: segment-orbit-6 2070ms infinite linear, segment-opacity-6 1293.75ms infinite linear;
  -o-animation: segment-orbit-6 2070ms infinite linear, segment-opacity-6 1293.75ms infinite linear;
  -ms-animation: segment-orbit-6 2070ms infinite linear, segment-opacity-6 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-6 2070ms infinite linear, segment-opacity-6 1293.75ms infinite linear;
  -moz-animation: segment-orbit-6 2070ms infinite linear, segment-opacity-6 1293.75ms infinite linear;
  transform: rotate(-180deg) translate(33px);
  -o-transform: rotate(-180deg) translate(33px);
  -ms-transform: rotate(-180deg) translate(33px);
  -webkit-transform: rotate(-180deg) translate(33px);
  -moz-transform: rotate(-180deg) translate(33px); }

.sheath:nth-child(6) .segment {
  animation: segment-scale-6 1293.75ms infinite linear;
  -o-animation: segment-scale-6 1293.75ms infinite linear;
  -ms-animation: segment-scale-6 1293.75ms infinite linear;
  -webkit-animation: segment-scale-6 1293.75ms infinite linear;
  -moz-animation: segment-scale-6 1293.75ms infinite linear; }

.sheath:nth-child(7) {
  animation: segment-orbit-7 2070ms infinite linear, segment-opacity-7 1293.75ms infinite linear;
  -o-animation: segment-orbit-7 2070ms infinite linear, segment-opacity-7 1293.75ms infinite linear;
  -ms-animation: segment-orbit-7 2070ms infinite linear, segment-opacity-7 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-7 2070ms infinite linear, segment-opacity-7 1293.75ms infinite linear;
  -moz-animation: segment-orbit-7 2070ms infinite linear, segment-opacity-7 1293.75ms infinite linear;
  transform: rotate(-210deg) translate(33px);
  -o-transform: rotate(-210deg) translate(33px);
  -ms-transform: rotate(-210deg) translate(33px);
  -webkit-transform: rotate(-210deg) translate(33px);
  -moz-transform: rotate(-210deg) translate(33px); }

.sheath:nth-child(7) .segment {
  animation: segment-scale-7 1293.75ms infinite linear;
  -o-animation: segment-scale-7 1293.75ms infinite linear;
  -ms-animation: segment-scale-7 1293.75ms infinite linear;
  -webkit-animation: segment-scale-7 1293.75ms infinite linear;
  -moz-animation: segment-scale-7 1293.75ms infinite linear; }

.sheath:nth-child(8) {
  animation: segment-orbit-8 2070ms infinite linear, segment-opacity-8 1293.75ms infinite linear;
  -o-animation: segment-orbit-8 2070ms infinite linear, segment-opacity-8 1293.75ms infinite linear;
  -ms-animation: segment-orbit-8 2070ms infinite linear, segment-opacity-8 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-8 2070ms infinite linear, segment-opacity-8 1293.75ms infinite linear;
  -moz-animation: segment-orbit-8 2070ms infinite linear, segment-opacity-8 1293.75ms infinite linear;
  transform: rotate(-240deg) translate(33px);
  -o-transform: rotate(-240deg) translate(33px);
  -ms-transform: rotate(-240deg) translate(33px);
  -webkit-transform: rotate(-240deg) translate(33px);
  -moz-transform: rotate(-240deg) translate(33px); }

.sheath:nth-child(8) .segment {
  animation: segment-scale-8 1293.75ms infinite linear;
  -o-animation: segment-scale-8 1293.75ms infinite linear;
  -ms-animation: segment-scale-8 1293.75ms infinite linear;
  -webkit-animation: segment-scale-8 1293.75ms infinite linear;
  -moz-animation: segment-scale-8 1293.75ms infinite linear; }

.sheath:nth-child(9) {
  animation: segment-orbit-9 2070ms infinite linear, segment-opacity-9 1293.75ms infinite linear;
  -o-animation: segment-orbit-9 2070ms infinite linear, segment-opacity-9 1293.75ms infinite linear;
  -ms-animation: segment-orbit-9 2070ms infinite linear, segment-opacity-9 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-9 2070ms infinite linear, segment-opacity-9 1293.75ms infinite linear;
  -moz-animation: segment-orbit-9 2070ms infinite linear, segment-opacity-9 1293.75ms infinite linear;
  transform: rotate(-270deg) translate(33px);
  -o-transform: rotate(-270deg) translate(33px);
  -ms-transform: rotate(-270deg) translate(33px);
  -webkit-transform: rotate(-270deg) translate(33px);
  -moz-transform: rotate(-270deg) translate(33px); }

.sheath:nth-child(9) .segment {
  animation: segment-scale-9 1293.75ms infinite linear;
  -o-animation: segment-scale-9 1293.75ms infinite linear;
  -ms-animation: segment-scale-9 1293.75ms infinite linear;
  -webkit-animation: segment-scale-9 1293.75ms infinite linear;
  -moz-animation: segment-scale-9 1293.75ms infinite linear; }

.sheath:nth-child(10) {
  animation: segment-orbit-10 2070ms infinite linear, segment-opacity-10 1293.75ms infinite linear;
  -o-animation: segment-orbit-10 2070ms infinite linear, segment-opacity-10 1293.75ms infinite linear;
  -ms-animation: segment-orbit-10 2070ms infinite linear, segment-opacity-10 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-10 2070ms infinite linear, segment-opacity-10 1293.75ms infinite linear;
  -moz-animation: segment-orbit-10 2070ms infinite linear, segment-opacity-10 1293.75ms infinite linear;
  transform: rotate(-300deg) translate(33px);
  -o-transform: rotate(-300deg) translate(33px);
  -ms-transform: rotate(-300deg) translate(33px);
  -webkit-transform: rotate(-300deg) translate(33px);
  -moz-transform: rotate(-300deg) translate(33px); }

.sheath:nth-child(10) .segment {
  animation: segment-scale-10 1293.75ms infinite linear;
  -o-animation: segment-scale-10 1293.75ms infinite linear;
  -ms-animation: segment-scale-10 1293.75ms infinite linear;
  -webkit-animation: segment-scale-10 1293.75ms infinite linear;
  -moz-animation: segment-scale-10 1293.75ms infinite linear; }

.sheath:nth-child(11) {
  animation: segment-orbit-11 2070ms infinite linear, segment-opacity-11 1293.75ms infinite linear;
  -o-animation: segment-orbit-11 2070ms infinite linear, segment-opacity-11 1293.75ms infinite linear;
  -ms-animation: segment-orbit-11 2070ms infinite linear, segment-opacity-11 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-11 2070ms infinite linear, segment-opacity-11 1293.75ms infinite linear;
  -moz-animation: segment-orbit-11 2070ms infinite linear, segment-opacity-11 1293.75ms infinite linear;
  transform: rotate(-330deg) translate(33px);
  -o-transform: rotate(-330deg) translate(33px);
  -ms-transform: rotate(-330deg) translate(33px);
  -webkit-transform: rotate(-330deg) translate(33px);
  -moz-transform: rotate(-330deg) translate(33px); }

.sheath:nth-child(11) .segment {
  animation: segment-scale-11 1293.75ms infinite linear;
  -o-animation: segment-scale-11 1293.75ms infinite linear;
  -ms-animation: segment-scale-11 1293.75ms infinite linear;
  -webkit-animation: segment-scale-11 1293.75ms infinite linear;
  -moz-animation: segment-scale-11 1293.75ms infinite linear; }

.sheath:nth-child(12) {
  animation: segment-orbit-12 2070ms infinite linear, segment-opacity-12 1293.75ms infinite linear;
  -o-animation: segment-orbit-12 2070ms infinite linear, segment-opacity-12 1293.75ms infinite linear;
  -ms-animation: segment-orbit-12 2070ms infinite linear, segment-opacity-12 1293.75ms infinite linear;
  -webkit-animation: segment-orbit-12 2070ms infinite linear, segment-opacity-12 1293.75ms infinite linear;
  -moz-animation: segment-orbit-12 2070ms infinite linear, segment-opacity-12 1293.75ms infinite linear;
  transform: rotate(-360deg) translate(33px);
  -o-transform: rotate(-360deg) translate(33px);
  -ms-transform: rotate(-360deg) translate(33px);
  -webkit-transform: rotate(-360deg) translate(33px);
  -moz-transform: rotate(-360deg) translate(33px); }

.sheath:nth-child(12) .segment {
  animation: segment-scale-12 1293.75ms infinite linear;
  -o-animation: segment-scale-12 1293.75ms infinite linear;
  -ms-animation: segment-scale-12 1293.75ms infinite linear;
  -webkit-animation: segment-scale-12 1293.75ms infinite linear;
  -moz-animation: segment-scale-12 1293.75ms infinite linear; }

@keyframes segment-orbit-1 {
  from {
    transform: rotate(30deg) translate(33px); }
  50% {
    transform: rotate(210deg) translate(40px); }
  to {
    transform: rotate(390deg) translate(33px); } }
@-o-keyframes segment-orbit-1 {
  from {
    -o-transform: rotate(30deg) translate(33px); }
  50% {
    -o-transform: rotate(210deg) translate(40px); }
  to {
    -o-transform: rotate(390deg) translate(33px); } }
@-ms-keyframes segment-orbit-1 {
  from {
    -ms-transform: rotate(30deg) translate(33px); }
  50% {
    -ms-transform: rotate(210deg) translate(40px); }
  to {
    -ms-transform: rotate(390deg) translate(33px); } }
@-webkit-keyframes segment-orbit-1 {
  from {
    -webkit-transform: rotate(30deg) translate(33px); }
  50% {
    -webkit-transform: rotate(210deg) translate(40px); }
  to {
    -webkit-transform: rotate(390deg) translate(33px); } }
@-moz-keyframes segment-orbit-1 {
  from {
    -moz-transform: rotate(30deg) translate(33px); }
  50% {
    -moz-transform: rotate(210deg) translate(40px); }
  to {
    -moz-transform: rotate(390deg) translate(33px); } }
@keyframes segment-orbit-2 {
  from {
    transform: rotate(60deg) translate(33px); }
  50% {
    transform: rotate(240deg) translate(40px); }
  to {
    transform: rotate(420deg) translate(33px); } }
@-o-keyframes segment-orbit-2 {
  from {
    -o-transform: rotate(60deg) translate(33px); }
  50% {
    -o-transform: rotate(240deg) translate(40px); }
  to {
    -o-transform: rotate(420deg) translate(33px); } }
@-ms-keyframes segment-orbit-2 {
  from {
    -ms-transform: rotate(60deg) translate(33px); }
  50% {
    -ms-transform: rotate(240deg) translate(40px); }
  to {
    -ms-transform: rotate(420deg) translate(33px); } }
@-webkit-keyframes segment-orbit-2 {
  from {
    -webkit-transform: rotate(60deg) translate(33px); }
  50% {
    -webkit-transform: rotate(240deg) translate(40px); }
  to {
    -webkit-transform: rotate(420deg) translate(33px); } }
@-moz-keyframes segment-orbit-2 {
  from {
    -moz-transform: rotate(60deg) translate(33px); }
  50% {
    -moz-transform: rotate(240deg) translate(40px); }
  to {
    -moz-transform: rotate(420deg) translate(33px); } }
@keyframes segment-orbit-3 {
  from {
    transform: rotate(90deg) translate(33px); }
  50% {
    transform: rotate(270deg) translate(40px); }
  to {
    transform: rotate(450deg) translate(33px); } }
@-o-keyframes segment-orbit-3 {
  from {
    -o-transform: rotate(90deg) translate(33px); }
  50% {
    -o-transform: rotate(270deg) translate(40px); }
  to {
    -o-transform: rotate(450deg) translate(33px); } }
@-ms-keyframes segment-orbit-3 {
  from {
    -ms-transform: rotate(90deg) translate(33px); }
  50% {
    -ms-transform: rotate(270deg) translate(40px); }
  to {
    -ms-transform: rotate(450deg) translate(33px); } }
@-webkit-keyframes segment-orbit-3 {
  from {
    -webkit-transform: rotate(90deg) translate(33px); }
  50% {
    -webkit-transform: rotate(270deg) translate(40px); }
  to {
    -webkit-transform: rotate(450deg) translate(33px); } }
@-moz-keyframes segment-orbit-3 {
  from {
    -moz-transform: rotate(90deg) translate(33px); }
  50% {
    -moz-transform: rotate(270deg) translate(40px); }
  to {
    -moz-transform: rotate(450deg) translate(33px); } }
@keyframes segment-orbit-4 {
  from {
    transform: rotate(120deg) translate(33px); }
  50% {
    transform: rotate(300deg) translate(40px); }
  to {
    transform: rotate(480deg) translate(33px); } }
@-o-keyframes segment-orbit-4 {
  from {
    -o-transform: rotate(120deg) translate(33px); }
  50% {
    -o-transform: rotate(300deg) translate(40px); }
  to {
    -o-transform: rotate(480deg) translate(33px); } }
@-ms-keyframes segment-orbit-4 {
  from {
    -ms-transform: rotate(120deg) translate(33px); }
  50% {
    -ms-transform: rotate(300deg) translate(40px); }
  to {
    -ms-transform: rotate(480deg) translate(33px); } }
@-webkit-keyframes segment-orbit-4 {
  from {
    -webkit-transform: rotate(120deg) translate(33px); }
  50% {
    -webkit-transform: rotate(300deg) translate(40px); }
  to {
    -webkit-transform: rotate(480deg) translate(33px); } }
@-moz-keyframes segment-orbit-4 {
  from {
    -moz-transform: rotate(120deg) translate(33px); }
  50% {
    -moz-transform: rotate(300deg) translate(40px); }
  to {
    -moz-transform: rotate(480deg) translate(33px); } }
@keyframes segment-orbit-5 {
  from {
    transform: rotate(150deg) translate(33px); }
  50% {
    transform: rotate(330deg) translate(40px); }
  to {
    transform: rotate(510deg) translate(33px); } }
@-o-keyframes segment-orbit-5 {
  from {
    -o-transform: rotate(150deg) translate(33px); }
  50% {
    -o-transform: rotate(330deg) translate(40px); }
  to {
    -o-transform: rotate(510deg) translate(33px); } }
@-ms-keyframes segment-orbit-5 {
  from {
    -ms-transform: rotate(150deg) translate(33px); }
  50% {
    -ms-transform: rotate(330deg) translate(40px); }
  to {
    -ms-transform: rotate(510deg) translate(33px); } }
@-webkit-keyframes segment-orbit-5 {
  from {
    -webkit-transform: rotate(150deg) translate(33px); }
  50% {
    -webkit-transform: rotate(330deg) translate(40px); }
  to {
    -webkit-transform: rotate(510deg) translate(33px); } }
@-moz-keyframes segment-orbit-5 {
  from {
    -moz-transform: rotate(150deg) translate(33px); }
  50% {
    -moz-transform: rotate(330deg) translate(40px); }
  to {
    -moz-transform: rotate(510deg) translate(33px); } }
@keyframes segment-orbit-6 {
  from {
    transform: rotate(180deg) translate(33px); }
  50% {
    transform: rotate(360deg) translate(40px); }
  to {
    transform: rotate(540deg) translate(33px); } }
@-o-keyframes segment-orbit-6 {
  from {
    -o-transform: rotate(180deg) translate(33px); }
  50% {
    -o-transform: rotate(360deg) translate(40px); }
  to {
    -o-transform: rotate(540deg) translate(33px); } }
@-ms-keyframes segment-orbit-6 {
  from {
    -ms-transform: rotate(180deg) translate(33px); }
  50% {
    -ms-transform: rotate(360deg) translate(40px); }
  to {
    -ms-transform: rotate(540deg) translate(33px); } }
@-webkit-keyframes segment-orbit-6 {
  from {
    -webkit-transform: rotate(180deg) translate(33px); }
  50% {
    -webkit-transform: rotate(360deg) translate(40px); }
  to {
    -webkit-transform: rotate(540deg) translate(33px); } }
@-moz-keyframes segment-orbit-6 {
  from {
    -moz-transform: rotate(180deg) translate(33px); }
  50% {
    -moz-transform: rotate(360deg) translate(40px); }
  to {
    -moz-transform: rotate(540deg) translate(33px); } }
@keyframes segment-orbit-7 {
  from {
    transform: rotate(210deg) translate(33px); }
  50% {
    transform: rotate(390deg) translate(40px); }
  to {
    transform: rotate(570deg) translate(33px); } }
@-o-keyframes segment-orbit-7 {
  from {
    -o-transform: rotate(210deg) translate(33px); }
  50% {
    -o-transform: rotate(390deg) translate(40px); }
  to {
    -o-transform: rotate(570deg) translate(33px); } }
@-ms-keyframes segment-orbit-7 {
  from {
    -ms-transform: rotate(210deg) translate(33px); }
  50% {
    -ms-transform: rotate(390deg) translate(40px); }
  to {
    -ms-transform: rotate(570deg) translate(33px); } }
@-webkit-keyframes segment-orbit-7 {
  from {
    -webkit-transform: rotate(210deg) translate(33px); }
  50% {
    -webkit-transform: rotate(390deg) translate(40px); }
  to {
    -webkit-transform: rotate(570deg) translate(33px); } }
@-moz-keyframes segment-orbit-7 {
  from {
    -moz-transform: rotate(210deg) translate(33px); }
  50% {
    -moz-transform: rotate(390deg) translate(40px); }
  to {
    -moz-transform: rotate(570deg) translate(33px); } }
@keyframes segment-orbit-8 {
  from {
    transform: rotate(240deg) translate(33px); }
  50% {
    transform: rotate(420deg) translate(40px); }
  to {
    transform: rotate(600deg) translate(33px); } }
@-o-keyframes segment-orbit-8 {
  from {
    -o-transform: rotate(240deg) translate(33px); }
  50% {
    -o-transform: rotate(420deg) translate(40px); }
  to {
    -o-transform: rotate(600deg) translate(33px); } }
@-ms-keyframes segment-orbit-8 {
  from {
    -ms-transform: rotate(240deg) translate(33px); }
  50% {
    -ms-transform: rotate(420deg) translate(40px); }
  to {
    -ms-transform: rotate(600deg) translate(33px); } }
@-webkit-keyframes segment-orbit-8 {
  from {
    -webkit-transform: rotate(240deg) translate(33px); }
  50% {
    -webkit-transform: rotate(420deg) translate(40px); }
  to {
    -webkit-transform: rotate(600deg) translate(33px); } }
@-moz-keyframes segment-orbit-8 {
  from {
    -moz-transform: rotate(240deg) translate(33px); }
  50% {
    -moz-transform: rotate(420deg) translate(40px); }
  to {
    -moz-transform: rotate(600deg) translate(33px); } }
@keyframes segment-orbit-9 {
  from {
    transform: rotate(270deg) translate(33px); }
  50% {
    transform: rotate(450deg) translate(40px); }
  to {
    transform: rotate(630deg) translate(33px); } }
@-o-keyframes segment-orbit-9 {
  from {
    -o-transform: rotate(270deg) translate(33px); }
  50% {
    -o-transform: rotate(450deg) translate(40px); }
  to {
    -o-transform: rotate(630deg) translate(33px); } }
@-ms-keyframes segment-orbit-9 {
  from {
    -ms-transform: rotate(270deg) translate(33px); }
  50% {
    -ms-transform: rotate(450deg) translate(40px); }
  to {
    -ms-transform: rotate(630deg) translate(33px); } }
@-webkit-keyframes segment-orbit-9 {
  from {
    -webkit-transform: rotate(270deg) translate(33px); }
  50% {
    -webkit-transform: rotate(450deg) translate(40px); }
  to {
    -webkit-transform: rotate(630deg) translate(33px); } }
@-moz-keyframes segment-orbit-9 {
  from {
    -moz-transform: rotate(270deg) translate(33px); }
  50% {
    -moz-transform: rotate(450deg) translate(40px); }
  to {
    -moz-transform: rotate(630deg) translate(33px); } }
@keyframes segment-orbit-10 {
  from {
    transform: rotate(300deg) translate(33px); }
  50% {
    transform: rotate(480deg) translate(40px); }
  to {
    transform: rotate(660deg) translate(33px); } }
@-o-keyframes segment-orbit-10 {
  from {
    -o-transform: rotate(300deg) translate(33px); }
  50% {
    -o-transform: rotate(480deg) translate(40px); }
  to {
    -o-transform: rotate(660deg) translate(33px); } }
@-ms-keyframes segment-orbit-10 {
  from {
    -ms-transform: rotate(300deg) translate(33px); }
  50% {
    -ms-transform: rotate(480deg) translate(40px); }
  to {
    -ms-transform: rotate(660deg) translate(33px); } }
@-webkit-keyframes segment-orbit-10 {
  from {
    -webkit-transform: rotate(300deg) translate(33px); }
  50% {
    -webkit-transform: rotate(480deg) translate(40px); }
  to {
    -webkit-transform: rotate(660deg) translate(33px); } }
@-moz-keyframes segment-orbit-10 {
  from {
    -moz-transform: rotate(300deg) translate(33px); }
  50% {
    -moz-transform: rotate(480deg) translate(40px); }
  to {
    -moz-transform: rotate(660deg) translate(33px); } }
@keyframes segment-orbit-11 {
  from {
    transform: rotate(330deg) translate(33px); }
  50% {
    transform: rotate(510deg) translate(40px); }
  to {
    transform: rotate(690deg) translate(33px); } }
@-o-keyframes segment-orbit-11 {
  from {
    -o-transform: rotate(330deg) translate(33px); }
  50% {
    -o-transform: rotate(510deg) translate(40px); }
  to {
    -o-transform: rotate(690deg) translate(33px); } }
@-ms-keyframes segment-orbit-11 {
  from {
    -ms-transform: rotate(330deg) translate(33px); }
  50% {
    -ms-transform: rotate(510deg) translate(40px); }
  to {
    -ms-transform: rotate(690deg) translate(33px); } }
@-webkit-keyframes segment-orbit-11 {
  from {
    -webkit-transform: rotate(330deg) translate(33px); }
  50% {
    -webkit-transform: rotate(510deg) translate(40px); }
  to {
    -webkit-transform: rotate(690deg) translate(33px); } }
@-moz-keyframes segment-orbit-11 {
  from {
    -moz-transform: rotate(330deg) translate(33px); }
  50% {
    -moz-transform: rotate(510deg) translate(40px); }
  to {
    -moz-transform: rotate(690deg) translate(33px); } }
@keyframes segment-orbit-12 {
  from {
    transform: rotate(360deg) translate(33px); }
  50% {
    transform: rotate(540deg) translate(40px); }
  to {
    transform: rotate(720deg) translate(33px); } }
@-o-keyframes segment-orbit-12 {
  from {
    -o-transform: rotate(360deg) translate(33px); }
  50% {
    -o-transform: rotate(540deg) translate(40px); }
  to {
    -o-transform: rotate(720deg) translate(33px); } }
@-ms-keyframes segment-orbit-12 {
  from {
    -ms-transform: rotate(360deg) translate(33px); }
  50% {
    -ms-transform: rotate(540deg) translate(40px); }
  to {
    -ms-transform: rotate(720deg) translate(33px); } }
@-webkit-keyframes segment-orbit-12 {
  from {
    -webkit-transform: rotate(360deg) translate(33px); }
  50% {
    -webkit-transform: rotate(540deg) translate(40px); }
  to {
    -webkit-transform: rotate(720deg) translate(33px); } }
@-moz-keyframes segment-orbit-12 {
  from {
    -moz-transform: rotate(360deg) translate(33px); }
  50% {
    -moz-transform: rotate(540deg) translate(40px); }
  to {
    -moz-transform: rotate(720deg) translate(33px); } }
@keyframes segment-scale-12 {
  0% {
    transform: scaleX(1); }
  8.33333% {
    transform: scaleX(0.93333); }
  16.66667% {
    transform: scaleX(0.86667); }
  25% {
    transform: scaleX(0.8); }
  33.33333% {
    transform: scaleX(0.73333); }
  41.66667% {
    transform: scaleX(0.66667); }
  50% {
    transform: scaleX(0.6); }
  58.33333% {
    transform: scaleX(0.53333); }
  66.66667% {
    transform: scaleX(0.46667); }
  75% {
    transform: scaleX(0.4); }
  83.33333% {
    transform: scaleX(0.33333); }
  91.66667% {
    transform: scaleX(0.26667); }
  100% {
    transform: scaleX(1); } }
@-o-keyframes segment-scale-12 {
  0% {
    -o-transform: scaleX(1); }
  8.33333% {
    -o-transform: scaleX(0.93333); }
  16.66667% {
    -o-transform: scaleX(0.86667); }
  25% {
    -o-transform: scaleX(0.8); }
  33.33333% {
    -o-transform: scaleX(0.73333); }
  41.66667% {
    -o-transform: scaleX(0.66667); }
  50% {
    -o-transform: scaleX(0.6); }
  58.33333% {
    -o-transform: scaleX(0.53333); }
  66.66667% {
    -o-transform: scaleX(0.46667); }
  75% {
    -o-transform: scaleX(0.4); }
  83.33333% {
    -o-transform: scaleX(0.33333); }
  91.66667% {
    -o-transform: scaleX(0.26667); }
  100% {
    -o-transform: scaleX(1); } }
@-ms-keyframes segment-scale-12 {
  0% {
    -ms-transform: scaleX(1); }
  8.33333% {
    -ms-transform: scaleX(0.93333); }
  16.66667% {
    -ms-transform: scaleX(0.86667); }
  25% {
    -ms-transform: scaleX(0.8); }
  33.33333% {
    -ms-transform: scaleX(0.73333); }
  41.66667% {
    -ms-transform: scaleX(0.66667); }
  50% {
    -ms-transform: scaleX(0.6); }
  58.33333% {
    -ms-transform: scaleX(0.53333); }
  66.66667% {
    -ms-transform: scaleX(0.46667); }
  75% {
    -ms-transform: scaleX(0.4); }
  83.33333% {
    -ms-transform: scaleX(0.33333); }
  91.66667% {
    -ms-transform: scaleX(0.26667); }
  100% {
    -ms-transform: scaleX(1); } }
@-webkit-keyframes segment-scale-12 {
  0% {
    -webkit-transform: scaleX(1); }
  8.33333% {
    -webkit-transform: scaleX(0.93333); }
  16.66667% {
    -webkit-transform: scaleX(0.86667); }
  25% {
    -webkit-transform: scaleX(0.8); }
  33.33333% {
    -webkit-transform: scaleX(0.73333); }
  41.66667% {
    -webkit-transform: scaleX(0.66667); }
  50% {
    -webkit-transform: scaleX(0.6); }
  58.33333% {
    -webkit-transform: scaleX(0.53333); }
  66.66667% {
    -webkit-transform: scaleX(0.46667); }
  75% {
    -webkit-transform: scaleX(0.4); }
  83.33333% {
    -webkit-transform: scaleX(0.33333); }
  91.66667% {
    -webkit-transform: scaleX(0.26667); }
  100% {
    -webkit-transform: scaleX(1); } }
@-moz-keyframes segment-scale-12 {
  0% {
    -moz-transform: scaleX(1); }
  8.33333% {
    -moz-transform: scaleX(0.93333); }
  16.66667% {
    -moz-transform: scaleX(0.86667); }
  25% {
    -moz-transform: scaleX(0.8); }
  33.33333% {
    -moz-transform: scaleX(0.73333); }
  41.66667% {
    -moz-transform: scaleX(0.66667); }
  50% {
    -moz-transform: scaleX(0.6); }
  58.33333% {
    -moz-transform: scaleX(0.53333); }
  66.66667% {
    -moz-transform: scaleX(0.46667); }
  75% {
    -moz-transform: scaleX(0.4); }
  83.33333% {
    -moz-transform: scaleX(0.33333); }
  91.66667% {
    -moz-transform: scaleX(0.26667); }
  100% {
    -moz-transform: scaleX(1); } }
@keyframes segment-scale-11 {
  0% {
    transform: scaleX(0.93333); }
  8.33333% {
    transform: scaleX(0.86667); }
  16.66667% {
    transform: scaleX(0.8); }
  25% {
    transform: scaleX(0.73333); }
  33.33333% {
    transform: scaleX(0.66667); }
  41.66667% {
    transform: scaleX(0.6); }
  50% {
    transform: scaleX(0.53333); }
  58.33333% {
    transform: scaleX(0.46667); }
  66.66667% {
    transform: scaleX(0.4); }
  75% {
    transform: scaleX(0.33333); }
  83.33333% {
    transform: scaleX(0.26667); }
  91.66667% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0.93333); } }
@-o-keyframes segment-scale-11 {
  0% {
    -o-transform: scaleX(0.93333); }
  8.33333% {
    -o-transform: scaleX(0.86667); }
  16.66667% {
    -o-transform: scaleX(0.8); }
  25% {
    -o-transform: scaleX(0.73333); }
  33.33333% {
    -o-transform: scaleX(0.66667); }
  41.66667% {
    -o-transform: scaleX(0.6); }
  50% {
    -o-transform: scaleX(0.53333); }
  58.33333% {
    -o-transform: scaleX(0.46667); }
  66.66667% {
    -o-transform: scaleX(0.4); }
  75% {
    -o-transform: scaleX(0.33333); }
  83.33333% {
    -o-transform: scaleX(0.26667); }
  91.66667% {
    -o-transform: scaleX(1); }
  100% {
    -o-transform: scaleX(0.93333); } }
@-ms-keyframes segment-scale-11 {
  0% {
    -ms-transform: scaleX(0.93333); }
  8.33333% {
    -ms-transform: scaleX(0.86667); }
  16.66667% {
    -ms-transform: scaleX(0.8); }
  25% {
    -ms-transform: scaleX(0.73333); }
  33.33333% {
    -ms-transform: scaleX(0.66667); }
  41.66667% {
    -ms-transform: scaleX(0.6); }
  50% {
    -ms-transform: scaleX(0.53333); }
  58.33333% {
    -ms-transform: scaleX(0.46667); }
  66.66667% {
    -ms-transform: scaleX(0.4); }
  75% {
    -ms-transform: scaleX(0.33333); }
  83.33333% {
    -ms-transform: scaleX(0.26667); }
  91.66667% {
    -ms-transform: scaleX(1); }
  100% {
    -ms-transform: scaleX(0.93333); } }
@-webkit-keyframes segment-scale-11 {
  0% {
    -webkit-transform: scaleX(0.93333); }
  8.33333% {
    -webkit-transform: scaleX(0.86667); }
  16.66667% {
    -webkit-transform: scaleX(0.8); }
  25% {
    -webkit-transform: scaleX(0.73333); }
  33.33333% {
    -webkit-transform: scaleX(0.66667); }
  41.66667% {
    -webkit-transform: scaleX(0.6); }
  50% {
    -webkit-transform: scaleX(0.53333); }
  58.33333% {
    -webkit-transform: scaleX(0.46667); }
  66.66667% {
    -webkit-transform: scaleX(0.4); }
  75% {
    -webkit-transform: scaleX(0.33333); }
  83.33333% {
    -webkit-transform: scaleX(0.26667); }
  91.66667% {
    -webkit-transform: scaleX(1); }
  100% {
    -webkit-transform: scaleX(0.93333); } }
@-moz-keyframes segment-scale-11 {
  0% {
    -moz-transform: scaleX(0.93333); }
  8.33333% {
    -moz-transform: scaleX(0.86667); }
  16.66667% {
    -moz-transform: scaleX(0.8); }
  25% {
    -moz-transform: scaleX(0.73333); }
  33.33333% {
    -moz-transform: scaleX(0.66667); }
  41.66667% {
    -moz-transform: scaleX(0.6); }
  50% {
    -moz-transform: scaleX(0.53333); }
  58.33333% {
    -moz-transform: scaleX(0.46667); }
  66.66667% {
    -moz-transform: scaleX(0.4); }
  75% {
    -moz-transform: scaleX(0.33333); }
  83.33333% {
    -moz-transform: scaleX(0.26667); }
  91.66667% {
    -moz-transform: scaleX(1); }
  100% {
    -moz-transform: scaleX(0.93333); } }
@keyframes segment-scale-10 {
  0% {
    transform: scaleX(0.86667); }
  8.33333% {
    transform: scaleX(0.8); }
  16.66667% {
    transform: scaleX(0.73333); }
  25% {
    transform: scaleX(0.66667); }
  33.33333% {
    transform: scaleX(0.6); }
  41.66667% {
    transform: scaleX(0.53333); }
  50% {
    transform: scaleX(0.46667); }
  58.33333% {
    transform: scaleX(0.4); }
  66.66667% {
    transform: scaleX(0.33333); }
  75% {
    transform: scaleX(0.26667); }
  83.33333% {
    transform: scaleX(1); }
  91.66667% {
    transform: scaleX(0.93333); }
  100% {
    transform: scaleX(0.86667); } }
@-o-keyframes segment-scale-10 {
  0% {
    -o-transform: scaleX(0.86667); }
  8.33333% {
    -o-transform: scaleX(0.8); }
  16.66667% {
    -o-transform: scaleX(0.73333); }
  25% {
    -o-transform: scaleX(0.66667); }
  33.33333% {
    -o-transform: scaleX(0.6); }
  41.66667% {
    -o-transform: scaleX(0.53333); }
  50% {
    -o-transform: scaleX(0.46667); }
  58.33333% {
    -o-transform: scaleX(0.4); }
  66.66667% {
    -o-transform: scaleX(0.33333); }
  75% {
    -o-transform: scaleX(0.26667); }
  83.33333% {
    -o-transform: scaleX(1); }
  91.66667% {
    -o-transform: scaleX(0.93333); }
  100% {
    -o-transform: scaleX(0.86667); } }
@-ms-keyframes segment-scale-10 {
  0% {
    -ms-transform: scaleX(0.86667); }
  8.33333% {
    -ms-transform: scaleX(0.8); }
  16.66667% {
    -ms-transform: scaleX(0.73333); }
  25% {
    -ms-transform: scaleX(0.66667); }
  33.33333% {
    -ms-transform: scaleX(0.6); }
  41.66667% {
    -ms-transform: scaleX(0.53333); }
  50% {
    -ms-transform: scaleX(0.46667); }
  58.33333% {
    -ms-transform: scaleX(0.4); }
  66.66667% {
    -ms-transform: scaleX(0.33333); }
  75% {
    -ms-transform: scaleX(0.26667); }
  83.33333% {
    -ms-transform: scaleX(1); }
  91.66667% {
    -ms-transform: scaleX(0.93333); }
  100% {
    -ms-transform: scaleX(0.86667); } }
@-webkit-keyframes segment-scale-10 {
  0% {
    -webkit-transform: scaleX(0.86667); }
  8.33333% {
    -webkit-transform: scaleX(0.8); }
  16.66667% {
    -webkit-transform: scaleX(0.73333); }
  25% {
    -webkit-transform: scaleX(0.66667); }
  33.33333% {
    -webkit-transform: scaleX(0.6); }
  41.66667% {
    -webkit-transform: scaleX(0.53333); }
  50% {
    -webkit-transform: scaleX(0.46667); }
  58.33333% {
    -webkit-transform: scaleX(0.4); }
  66.66667% {
    -webkit-transform: scaleX(0.33333); }
  75% {
    -webkit-transform: scaleX(0.26667); }
  83.33333% {
    -webkit-transform: scaleX(1); }
  91.66667% {
    -webkit-transform: scaleX(0.93333); }
  100% {
    -webkit-transform: scaleX(0.86667); } }
@-moz-keyframes segment-scale-10 {
  0% {
    -moz-transform: scaleX(0.86667); }
  8.33333% {
    -moz-transform: scaleX(0.8); }
  16.66667% {
    -moz-transform: scaleX(0.73333); }
  25% {
    -moz-transform: scaleX(0.66667); }
  33.33333% {
    -moz-transform: scaleX(0.6); }
  41.66667% {
    -moz-transform: scaleX(0.53333); }
  50% {
    -moz-transform: scaleX(0.46667); }
  58.33333% {
    -moz-transform: scaleX(0.4); }
  66.66667% {
    -moz-transform: scaleX(0.33333); }
  75% {
    -moz-transform: scaleX(0.26667); }
  83.33333% {
    -moz-transform: scaleX(1); }
  91.66667% {
    -moz-transform: scaleX(0.93333); }
  100% {
    -moz-transform: scaleX(0.86667); } }
@keyframes segment-scale-9 {
  0% {
    transform: scaleX(0.8); }
  8.33333% {
    transform: scaleX(0.73333); }
  16.66667% {
    transform: scaleX(0.66667); }
  25% {
    transform: scaleX(0.6); }
  33.33333% {
    transform: scaleX(0.53333); }
  41.66667% {
    transform: scaleX(0.46667); }
  50% {
    transform: scaleX(0.4); }
  58.33333% {
    transform: scaleX(0.33333); }
  66.66667% {
    transform: scaleX(0.26667); }
  75% {
    transform: scaleX(1); }
  83.33333% {
    transform: scaleX(0.93333); }
  91.66667% {
    transform: scaleX(0.86667); }
  100% {
    transform: scaleX(0.8); } }
@-o-keyframes segment-scale-9 {
  0% {
    -o-transform: scaleX(0.8); }
  8.33333% {
    -o-transform: scaleX(0.73333); }
  16.66667% {
    -o-transform: scaleX(0.66667); }
  25% {
    -o-transform: scaleX(0.6); }
  33.33333% {
    -o-transform: scaleX(0.53333); }
  41.66667% {
    -o-transform: scaleX(0.46667); }
  50% {
    -o-transform: scaleX(0.4); }
  58.33333% {
    -o-transform: scaleX(0.33333); }
  66.66667% {
    -o-transform: scaleX(0.26667); }
  75% {
    -o-transform: scaleX(1); }
  83.33333% {
    -o-transform: scaleX(0.93333); }
  91.66667% {
    -o-transform: scaleX(0.86667); }
  100% {
    -o-transform: scaleX(0.8); } }
@-ms-keyframes segment-scale-9 {
  0% {
    -ms-transform: scaleX(0.8); }
  8.33333% {
    -ms-transform: scaleX(0.73333); }
  16.66667% {
    -ms-transform: scaleX(0.66667); }
  25% {
    -ms-transform: scaleX(0.6); }
  33.33333% {
    -ms-transform: scaleX(0.53333); }
  41.66667% {
    -ms-transform: scaleX(0.46667); }
  50% {
    -ms-transform: scaleX(0.4); }
  58.33333% {
    -ms-transform: scaleX(0.33333); }
  66.66667% {
    -ms-transform: scaleX(0.26667); }
  75% {
    -ms-transform: scaleX(1); }
  83.33333% {
    -ms-transform: scaleX(0.93333); }
  91.66667% {
    -ms-transform: scaleX(0.86667); }
  100% {
    -ms-transform: scaleX(0.8); } }
@-webkit-keyframes segment-scale-9 {
  0% {
    -webkit-transform: scaleX(0.8); }
  8.33333% {
    -webkit-transform: scaleX(0.73333); }
  16.66667% {
    -webkit-transform: scaleX(0.66667); }
  25% {
    -webkit-transform: scaleX(0.6); }
  33.33333% {
    -webkit-transform: scaleX(0.53333); }
  41.66667% {
    -webkit-transform: scaleX(0.46667); }
  50% {
    -webkit-transform: scaleX(0.4); }
  58.33333% {
    -webkit-transform: scaleX(0.33333); }
  66.66667% {
    -webkit-transform: scaleX(0.26667); }
  75% {
    -webkit-transform: scaleX(1); }
  83.33333% {
    -webkit-transform: scaleX(0.93333); }
  91.66667% {
    -webkit-transform: scaleX(0.86667); }
  100% {
    -webkit-transform: scaleX(0.8); } }
@-moz-keyframes segment-scale-9 {
  0% {
    -moz-transform: scaleX(0.8); }
  8.33333% {
    -moz-transform: scaleX(0.73333); }
  16.66667% {
    -moz-transform: scaleX(0.66667); }
  25% {
    -moz-transform: scaleX(0.6); }
  33.33333% {
    -moz-transform: scaleX(0.53333); }
  41.66667% {
    -moz-transform: scaleX(0.46667); }
  50% {
    -moz-transform: scaleX(0.4); }
  58.33333% {
    -moz-transform: scaleX(0.33333); }
  66.66667% {
    -moz-transform: scaleX(0.26667); }
  75% {
    -moz-transform: scaleX(1); }
  83.33333% {
    -moz-transform: scaleX(0.93333); }
  91.66667% {
    -moz-transform: scaleX(0.86667); }
  100% {
    -moz-transform: scaleX(0.8); } }
@keyframes segment-scale-8 {
  0% {
    transform: scaleX(0.73333); }
  8.33333% {
    transform: scaleX(0.66667); }
  16.66667% {
    transform: scaleX(0.6); }
  25% {
    transform: scaleX(0.53333); }
  33.33333% {
    transform: scaleX(0.46667); }
  41.66667% {
    transform: scaleX(0.4); }
  50% {
    transform: scaleX(0.33333); }
  58.33333% {
    transform: scaleX(0.26667); }
  66.66667% {
    transform: scaleX(1); }
  75% {
    transform: scaleX(0.93333); }
  83.33333% {
    transform: scaleX(0.86667); }
  91.66667% {
    transform: scaleX(0.8); }
  100% {
    transform: scaleX(0.73333); } }
@-o-keyframes segment-scale-8 {
  0% {
    -o-transform: scaleX(0.73333); }
  8.33333% {
    -o-transform: scaleX(0.66667); }
  16.66667% {
    -o-transform: scaleX(0.6); }
  25% {
    -o-transform: scaleX(0.53333); }
  33.33333% {
    -o-transform: scaleX(0.46667); }
  41.66667% {
    -o-transform: scaleX(0.4); }
  50% {
    -o-transform: scaleX(0.33333); }
  58.33333% {
    -o-transform: scaleX(0.26667); }
  66.66667% {
    -o-transform: scaleX(1); }
  75% {
    -o-transform: scaleX(0.93333); }
  83.33333% {
    -o-transform: scaleX(0.86667); }
  91.66667% {
    -o-transform: scaleX(0.8); }
  100% {
    -o-transform: scaleX(0.73333); } }
@-ms-keyframes segment-scale-8 {
  0% {
    -ms-transform: scaleX(0.73333); }
  8.33333% {
    -ms-transform: scaleX(0.66667); }
  16.66667% {
    -ms-transform: scaleX(0.6); }
  25% {
    -ms-transform: scaleX(0.53333); }
  33.33333% {
    -ms-transform: scaleX(0.46667); }
  41.66667% {
    -ms-transform: scaleX(0.4); }
  50% {
    -ms-transform: scaleX(0.33333); }
  58.33333% {
    -ms-transform: scaleX(0.26667); }
  66.66667% {
    -ms-transform: scaleX(1); }
  75% {
    -ms-transform: scaleX(0.93333); }
  83.33333% {
    -ms-transform: scaleX(0.86667); }
  91.66667% {
    -ms-transform: scaleX(0.8); }
  100% {
    -ms-transform: scaleX(0.73333); } }
@-webkit-keyframes segment-scale-8 {
  0% {
    -webkit-transform: scaleX(0.73333); }
  8.33333% {
    -webkit-transform: scaleX(0.66667); }
  16.66667% {
    -webkit-transform: scaleX(0.6); }
  25% {
    -webkit-transform: scaleX(0.53333); }
  33.33333% {
    -webkit-transform: scaleX(0.46667); }
  41.66667% {
    -webkit-transform: scaleX(0.4); }
  50% {
    -webkit-transform: scaleX(0.33333); }
  58.33333% {
    -webkit-transform: scaleX(0.26667); }
  66.66667% {
    -webkit-transform: scaleX(1); }
  75% {
    -webkit-transform: scaleX(0.93333); }
  83.33333% {
    -webkit-transform: scaleX(0.86667); }
  91.66667% {
    -webkit-transform: scaleX(0.8); }
  100% {
    -webkit-transform: scaleX(0.73333); } }
@-moz-keyframes segment-scale-8 {
  0% {
    -moz-transform: scaleX(0.73333); }
  8.33333% {
    -moz-transform: scaleX(0.66667); }
  16.66667% {
    -moz-transform: scaleX(0.6); }
  25% {
    -moz-transform: scaleX(0.53333); }
  33.33333% {
    -moz-transform: scaleX(0.46667); }
  41.66667% {
    -moz-transform: scaleX(0.4); }
  50% {
    -moz-transform: scaleX(0.33333); }
  58.33333% {
    -moz-transform: scaleX(0.26667); }
  66.66667% {
    -moz-transform: scaleX(1); }
  75% {
    -moz-transform: scaleX(0.93333); }
  83.33333% {
    -moz-transform: scaleX(0.86667); }
  91.66667% {
    -moz-transform: scaleX(0.8); }
  100% {
    -moz-transform: scaleX(0.73333); } }
@keyframes segment-scale-7 {
  0% {
    transform: scaleX(0.66667); }
  8.33333% {
    transform: scaleX(0.6); }
  16.66667% {
    transform: scaleX(0.53333); }
  25% {
    transform: scaleX(0.46667); }
  33.33333% {
    transform: scaleX(0.4); }
  41.66667% {
    transform: scaleX(0.33333); }
  50% {
    transform: scaleX(0.26667); }
  58.33333% {
    transform: scaleX(1); }
  66.66667% {
    transform: scaleX(0.93333); }
  75% {
    transform: scaleX(0.86667); }
  83.33333% {
    transform: scaleX(0.8); }
  91.66667% {
    transform: scaleX(0.73333); }
  100% {
    transform: scaleX(0.66667); } }
@-o-keyframes segment-scale-7 {
  0% {
    -o-transform: scaleX(0.66667); }
  8.33333% {
    -o-transform: scaleX(0.6); }
  16.66667% {
    -o-transform: scaleX(0.53333); }
  25% {
    -o-transform: scaleX(0.46667); }
  33.33333% {
    -o-transform: scaleX(0.4); }
  41.66667% {
    -o-transform: scaleX(0.33333); }
  50% {
    -o-transform: scaleX(0.26667); }
  58.33333% {
    -o-transform: scaleX(1); }
  66.66667% {
    -o-transform: scaleX(0.93333); }
  75% {
    -o-transform: scaleX(0.86667); }
  83.33333% {
    -o-transform: scaleX(0.8); }
  91.66667% {
    -o-transform: scaleX(0.73333); }
  100% {
    -o-transform: scaleX(0.66667); } }
@-ms-keyframes segment-scale-7 {
  0% {
    -ms-transform: scaleX(0.66667); }
  8.33333% {
    -ms-transform: scaleX(0.6); }
  16.66667% {
    -ms-transform: scaleX(0.53333); }
  25% {
    -ms-transform: scaleX(0.46667); }
  33.33333% {
    -ms-transform: scaleX(0.4); }
  41.66667% {
    -ms-transform: scaleX(0.33333); }
  50% {
    -ms-transform: scaleX(0.26667); }
  58.33333% {
    -ms-transform: scaleX(1); }
  66.66667% {
    -ms-transform: scaleX(0.93333); }
  75% {
    -ms-transform: scaleX(0.86667); }
  83.33333% {
    -ms-transform: scaleX(0.8); }
  91.66667% {
    -ms-transform: scaleX(0.73333); }
  100% {
    -ms-transform: scaleX(0.66667); } }
@-webkit-keyframes segment-scale-7 {
  0% {
    -webkit-transform: scaleX(0.66667); }
  8.33333% {
    -webkit-transform: scaleX(0.6); }
  16.66667% {
    -webkit-transform: scaleX(0.53333); }
  25% {
    -webkit-transform: scaleX(0.46667); }
  33.33333% {
    -webkit-transform: scaleX(0.4); }
  41.66667% {
    -webkit-transform: scaleX(0.33333); }
  50% {
    -webkit-transform: scaleX(0.26667); }
  58.33333% {
    -webkit-transform: scaleX(1); }
  66.66667% {
    -webkit-transform: scaleX(0.93333); }
  75% {
    -webkit-transform: scaleX(0.86667); }
  83.33333% {
    -webkit-transform: scaleX(0.8); }
  91.66667% {
    -webkit-transform: scaleX(0.73333); }
  100% {
    -webkit-transform: scaleX(0.66667); } }
@-moz-keyframes segment-scale-7 {
  0% {
    -moz-transform: scaleX(0.66667); }
  8.33333% {
    -moz-transform: scaleX(0.6); }
  16.66667% {
    -moz-transform: scaleX(0.53333); }
  25% {
    -moz-transform: scaleX(0.46667); }
  33.33333% {
    -moz-transform: scaleX(0.4); }
  41.66667% {
    -moz-transform: scaleX(0.33333); }
  50% {
    -moz-transform: scaleX(0.26667); }
  58.33333% {
    -moz-transform: scaleX(1); }
  66.66667% {
    -moz-transform: scaleX(0.93333); }
  75% {
    -moz-transform: scaleX(0.86667); }
  83.33333% {
    -moz-transform: scaleX(0.8); }
  91.66667% {
    -moz-transform: scaleX(0.73333); }
  100% {
    -moz-transform: scaleX(0.66667); } }
@keyframes segment-scale-6 {
  0% {
    transform: scaleX(0.6); }
  8.33333% {
    transform: scaleX(0.53333); }
  16.66667% {
    transform: scaleX(0.46667); }
  25% {
    transform: scaleX(0.4); }
  33.33333% {
    transform: scaleX(0.33333); }
  41.66667% {
    transform: scaleX(0.26667); }
  50% {
    transform: scaleX(1); }
  58.33333% {
    transform: scaleX(0.93333); }
  66.66667% {
    transform: scaleX(0.86667); }
  75% {
    transform: scaleX(0.8); }
  83.33333% {
    transform: scaleX(0.73333); }
  91.66667% {
    transform: scaleX(0.66667); }
  100% {
    transform: scaleX(0.6); } }
@-o-keyframes segment-scale-6 {
  0% {
    -o-transform: scaleX(0.6); }
  8.33333% {
    -o-transform: scaleX(0.53333); }
  16.66667% {
    -o-transform: scaleX(0.46667); }
  25% {
    -o-transform: scaleX(0.4); }
  33.33333% {
    -o-transform: scaleX(0.33333); }
  41.66667% {
    -o-transform: scaleX(0.26667); }
  50% {
    -o-transform: scaleX(1); }
  58.33333% {
    -o-transform: scaleX(0.93333); }
  66.66667% {
    -o-transform: scaleX(0.86667); }
  75% {
    -o-transform: scaleX(0.8); }
  83.33333% {
    -o-transform: scaleX(0.73333); }
  91.66667% {
    -o-transform: scaleX(0.66667); }
  100% {
    -o-transform: scaleX(0.6); } }
@-ms-keyframes segment-scale-6 {
  0% {
    -ms-transform: scaleX(0.6); }
  8.33333% {
    -ms-transform: scaleX(0.53333); }
  16.66667% {
    -ms-transform: scaleX(0.46667); }
  25% {
    -ms-transform: scaleX(0.4); }
  33.33333% {
    -ms-transform: scaleX(0.33333); }
  41.66667% {
    -ms-transform: scaleX(0.26667); }
  50% {
    -ms-transform: scaleX(1); }
  58.33333% {
    -ms-transform: scaleX(0.93333); }
  66.66667% {
    -ms-transform: scaleX(0.86667); }
  75% {
    -ms-transform: scaleX(0.8); }
  83.33333% {
    -ms-transform: scaleX(0.73333); }
  91.66667% {
    -ms-transform: scaleX(0.66667); }
  100% {
    -ms-transform: scaleX(0.6); } }
@-webkit-keyframes segment-scale-6 {
  0% {
    -webkit-transform: scaleX(0.6); }
  8.33333% {
    -webkit-transform: scaleX(0.53333); }
  16.66667% {
    -webkit-transform: scaleX(0.46667); }
  25% {
    -webkit-transform: scaleX(0.4); }
  33.33333% {
    -webkit-transform: scaleX(0.33333); }
  41.66667% {
    -webkit-transform: scaleX(0.26667); }
  50% {
    -webkit-transform: scaleX(1); }
  58.33333% {
    -webkit-transform: scaleX(0.93333); }
  66.66667% {
    -webkit-transform: scaleX(0.86667); }
  75% {
    -webkit-transform: scaleX(0.8); }
  83.33333% {
    -webkit-transform: scaleX(0.73333); }
  91.66667% {
    -webkit-transform: scaleX(0.66667); }
  100% {
    -webkit-transform: scaleX(0.6); } }
@-moz-keyframes segment-scale-6 {
  0% {
    -moz-transform: scaleX(0.6); }
  8.33333% {
    -moz-transform: scaleX(0.53333); }
  16.66667% {
    -moz-transform: scaleX(0.46667); }
  25% {
    -moz-transform: scaleX(0.4); }
  33.33333% {
    -moz-transform: scaleX(0.33333); }
  41.66667% {
    -moz-transform: scaleX(0.26667); }
  50% {
    -moz-transform: scaleX(1); }
  58.33333% {
    -moz-transform: scaleX(0.93333); }
  66.66667% {
    -moz-transform: scaleX(0.86667); }
  75% {
    -moz-transform: scaleX(0.8); }
  83.33333% {
    -moz-transform: scaleX(0.73333); }
  91.66667% {
    -moz-transform: scaleX(0.66667); }
  100% {
    -moz-transform: scaleX(0.6); } }
@keyframes segment-scale-5 {
  0% {
    transform: scaleX(0.53333); }
  8.33333% {
    transform: scaleX(0.46667); }
  16.66667% {
    transform: scaleX(0.4); }
  25% {
    transform: scaleX(0.33333); }
  33.33333% {
    transform: scaleX(0.26667); }
  41.66667% {
    transform: scaleX(1); }
  50% {
    transform: scaleX(0.93333); }
  58.33333% {
    transform: scaleX(0.86667); }
  66.66667% {
    transform: scaleX(0.8); }
  75% {
    transform: scaleX(0.73333); }
  83.33333% {
    transform: scaleX(0.66667); }
  91.66667% {
    transform: scaleX(0.6); }
  100% {
    transform: scaleX(0.53333); } }
@-o-keyframes segment-scale-5 {
  0% {
    -o-transform: scaleX(0.53333); }
  8.33333% {
    -o-transform: scaleX(0.46667); }
  16.66667% {
    -o-transform: scaleX(0.4); }
  25% {
    -o-transform: scaleX(0.33333); }
  33.33333% {
    -o-transform: scaleX(0.26667); }
  41.66667% {
    -o-transform: scaleX(1); }
  50% {
    -o-transform: scaleX(0.93333); }
  58.33333% {
    -o-transform: scaleX(0.86667); }
  66.66667% {
    -o-transform: scaleX(0.8); }
  75% {
    -o-transform: scaleX(0.73333); }
  83.33333% {
    -o-transform: scaleX(0.66667); }
  91.66667% {
    -o-transform: scaleX(0.6); }
  100% {
    -o-transform: scaleX(0.53333); } }
@-ms-keyframes segment-scale-5 {
  0% {
    -ms-transform: scaleX(0.53333); }
  8.33333% {
    -ms-transform: scaleX(0.46667); }
  16.66667% {
    -ms-transform: scaleX(0.4); }
  25% {
    -ms-transform: scaleX(0.33333); }
  33.33333% {
    -ms-transform: scaleX(0.26667); }
  41.66667% {
    -ms-transform: scaleX(1); }
  50% {
    -ms-transform: scaleX(0.93333); }
  58.33333% {
    -ms-transform: scaleX(0.86667); }
  66.66667% {
    -ms-transform: scaleX(0.8); }
  75% {
    -ms-transform: scaleX(0.73333); }
  83.33333% {
    -ms-transform: scaleX(0.66667); }
  91.66667% {
    -ms-transform: scaleX(0.6); }
  100% {
    -ms-transform: scaleX(0.53333); } }
@-webkit-keyframes segment-scale-5 {
  0% {
    -webkit-transform: scaleX(0.53333); }
  8.33333% {
    -webkit-transform: scaleX(0.46667); }
  16.66667% {
    -webkit-transform: scaleX(0.4); }
  25% {
    -webkit-transform: scaleX(0.33333); }
  33.33333% {
    -webkit-transform: scaleX(0.26667); }
  41.66667% {
    -webkit-transform: scaleX(1); }
  50% {
    -webkit-transform: scaleX(0.93333); }
  58.33333% {
    -webkit-transform: scaleX(0.86667); }
  66.66667% {
    -webkit-transform: scaleX(0.8); }
  75% {
    -webkit-transform: scaleX(0.73333); }
  83.33333% {
    -webkit-transform: scaleX(0.66667); }
  91.66667% {
    -webkit-transform: scaleX(0.6); }
  100% {
    -webkit-transform: scaleX(0.53333); } }
@-moz-keyframes segment-scale-5 {
  0% {
    -moz-transform: scaleX(0.53333); }
  8.33333% {
    -moz-transform: scaleX(0.46667); }
  16.66667% {
    -moz-transform: scaleX(0.4); }
  25% {
    -moz-transform: scaleX(0.33333); }
  33.33333% {
    -moz-transform: scaleX(0.26667); }
  41.66667% {
    -moz-transform: scaleX(1); }
  50% {
    -moz-transform: scaleX(0.93333); }
  58.33333% {
    -moz-transform: scaleX(0.86667); }
  66.66667% {
    -moz-transform: scaleX(0.8); }
  75% {
    -moz-transform: scaleX(0.73333); }
  83.33333% {
    -moz-transform: scaleX(0.66667); }
  91.66667% {
    -moz-transform: scaleX(0.6); }
  100% {
    -moz-transform: scaleX(0.53333); } }
@keyframes segment-scale-4 {
  0% {
    transform: scaleX(0.46667); }
  8.33333% {
    transform: scaleX(0.4); }
  16.66667% {
    transform: scaleX(0.33333); }
  25% {
    transform: scaleX(0.26667); }
  33.33333% {
    transform: scaleX(1); }
  41.66667% {
    transform: scaleX(0.93333); }
  50% {
    transform: scaleX(0.86667); }
  58.33333% {
    transform: scaleX(0.8); }
  66.66667% {
    transform: scaleX(0.73333); }
  75% {
    transform: scaleX(0.66667); }
  83.33333% {
    transform: scaleX(0.6); }
  91.66667% {
    transform: scaleX(0.53333); }
  100% {
    transform: scaleX(0.46667); } }
@-o-keyframes segment-scale-4 {
  0% {
    -o-transform: scaleX(0.46667); }
  8.33333% {
    -o-transform: scaleX(0.4); }
  16.66667% {
    -o-transform: scaleX(0.33333); }
  25% {
    -o-transform: scaleX(0.26667); }
  33.33333% {
    -o-transform: scaleX(1); }
  41.66667% {
    -o-transform: scaleX(0.93333); }
  50% {
    -o-transform: scaleX(0.86667); }
  58.33333% {
    -o-transform: scaleX(0.8); }
  66.66667% {
    -o-transform: scaleX(0.73333); }
  75% {
    -o-transform: scaleX(0.66667); }
  83.33333% {
    -o-transform: scaleX(0.6); }
  91.66667% {
    -o-transform: scaleX(0.53333); }
  100% {
    -o-transform: scaleX(0.46667); } }
@-ms-keyframes segment-scale-4 {
  0% {
    -ms-transform: scaleX(0.46667); }
  8.33333% {
    -ms-transform: scaleX(0.4); }
  16.66667% {
    -ms-transform: scaleX(0.33333); }
  25% {
    -ms-transform: scaleX(0.26667); }
  33.33333% {
    -ms-transform: scaleX(1); }
  41.66667% {
    -ms-transform: scaleX(0.93333); }
  50% {
    -ms-transform: scaleX(0.86667); }
  58.33333% {
    -ms-transform: scaleX(0.8); }
  66.66667% {
    -ms-transform: scaleX(0.73333); }
  75% {
    -ms-transform: scaleX(0.66667); }
  83.33333% {
    -ms-transform: scaleX(0.6); }
  91.66667% {
    -ms-transform: scaleX(0.53333); }
  100% {
    -ms-transform: scaleX(0.46667); } }
@-webkit-keyframes segment-scale-4 {
  0% {
    -webkit-transform: scaleX(0.46667); }
  8.33333% {
    -webkit-transform: scaleX(0.4); }
  16.66667% {
    -webkit-transform: scaleX(0.33333); }
  25% {
    -webkit-transform: scaleX(0.26667); }
  33.33333% {
    -webkit-transform: scaleX(1); }
  41.66667% {
    -webkit-transform: scaleX(0.93333); }
  50% {
    -webkit-transform: scaleX(0.86667); }
  58.33333% {
    -webkit-transform: scaleX(0.8); }
  66.66667% {
    -webkit-transform: scaleX(0.73333); }
  75% {
    -webkit-transform: scaleX(0.66667); }
  83.33333% {
    -webkit-transform: scaleX(0.6); }
  91.66667% {
    -webkit-transform: scaleX(0.53333); }
  100% {
    -webkit-transform: scaleX(0.46667); } }
@-moz-keyframes segment-scale-4 {
  0% {
    -moz-transform: scaleX(0.46667); }
  8.33333% {
    -moz-transform: scaleX(0.4); }
  16.66667% {
    -moz-transform: scaleX(0.33333); }
  25% {
    -moz-transform: scaleX(0.26667); }
  33.33333% {
    -moz-transform: scaleX(1); }
  41.66667% {
    -moz-transform: scaleX(0.93333); }
  50% {
    -moz-transform: scaleX(0.86667); }
  58.33333% {
    -moz-transform: scaleX(0.8); }
  66.66667% {
    -moz-transform: scaleX(0.73333); }
  75% {
    -moz-transform: scaleX(0.66667); }
  83.33333% {
    -moz-transform: scaleX(0.6); }
  91.66667% {
    -moz-transform: scaleX(0.53333); }
  100% {
    -moz-transform: scaleX(0.46667); } }
@keyframes segment-scale-3 {
  0% {
    transform: scaleX(0.4); }
  8.33333% {
    transform: scaleX(0.33333); }
  16.66667% {
    transform: scaleX(0.26667); }
  25% {
    transform: scaleX(1); }
  33.33333% {
    transform: scaleX(0.93333); }
  41.66667% {
    transform: scaleX(0.86667); }
  50% {
    transform: scaleX(0.8); }
  58.33333% {
    transform: scaleX(0.73333); }
  66.66667% {
    transform: scaleX(0.66667); }
  75% {
    transform: scaleX(0.6); }
  83.33333% {
    transform: scaleX(0.53333); }
  91.66667% {
    transform: scaleX(0.46667); }
  100% {
    transform: scaleX(0.4); } }
@-o-keyframes segment-scale-3 {
  0% {
    -o-transform: scaleX(0.4); }
  8.33333% {
    -o-transform: scaleX(0.33333); }
  16.66667% {
    -o-transform: scaleX(0.26667); }
  25% {
    -o-transform: scaleX(1); }
  33.33333% {
    -o-transform: scaleX(0.93333); }
  41.66667% {
    -o-transform: scaleX(0.86667); }
  50% {
    -o-transform: scaleX(0.8); }
  58.33333% {
    -o-transform: scaleX(0.73333); }
  66.66667% {
    -o-transform: scaleX(0.66667); }
  75% {
    -o-transform: scaleX(0.6); }
  83.33333% {
    -o-transform: scaleX(0.53333); }
  91.66667% {
    -o-transform: scaleX(0.46667); }
  100% {
    -o-transform: scaleX(0.4); } }
@-ms-keyframes segment-scale-3 {
  0% {
    -ms-transform: scaleX(0.4); }
  8.33333% {
    -ms-transform: scaleX(0.33333); }
  16.66667% {
    -ms-transform: scaleX(0.26667); }
  25% {
    -ms-transform: scaleX(1); }
  33.33333% {
    -ms-transform: scaleX(0.93333); }
  41.66667% {
    -ms-transform: scaleX(0.86667); }
  50% {
    -ms-transform: scaleX(0.8); }
  58.33333% {
    -ms-transform: scaleX(0.73333); }
  66.66667% {
    -ms-transform: scaleX(0.66667); }
  75% {
    -ms-transform: scaleX(0.6); }
  83.33333% {
    -ms-transform: scaleX(0.53333); }
  91.66667% {
    -ms-transform: scaleX(0.46667); }
  100% {
    -ms-transform: scaleX(0.4); } }
@-webkit-keyframes segment-scale-3 {
  0% {
    -webkit-transform: scaleX(0.4); }
  8.33333% {
    -webkit-transform: scaleX(0.33333); }
  16.66667% {
    -webkit-transform: scaleX(0.26667); }
  25% {
    -webkit-transform: scaleX(1); }
  33.33333% {
    -webkit-transform: scaleX(0.93333); }
  41.66667% {
    -webkit-transform: scaleX(0.86667); }
  50% {
    -webkit-transform: scaleX(0.8); }
  58.33333% {
    -webkit-transform: scaleX(0.73333); }
  66.66667% {
    -webkit-transform: scaleX(0.66667); }
  75% {
    -webkit-transform: scaleX(0.6); }
  83.33333% {
    -webkit-transform: scaleX(0.53333); }
  91.66667% {
    -webkit-transform: scaleX(0.46667); }
  100% {
    -webkit-transform: scaleX(0.4); } }
@-moz-keyframes segment-scale-3 {
  0% {
    -moz-transform: scaleX(0.4); }
  8.33333% {
    -moz-transform: scaleX(0.33333); }
  16.66667% {
    -moz-transform: scaleX(0.26667); }
  25% {
    -moz-transform: scaleX(1); }
  33.33333% {
    -moz-transform: scaleX(0.93333); }
  41.66667% {
    -moz-transform: scaleX(0.86667); }
  50% {
    -moz-transform: scaleX(0.8); }
  58.33333% {
    -moz-transform: scaleX(0.73333); }
  66.66667% {
    -moz-transform: scaleX(0.66667); }
  75% {
    -moz-transform: scaleX(0.6); }
  83.33333% {
    -moz-transform: scaleX(0.53333); }
  91.66667% {
    -moz-transform: scaleX(0.46667); }
  100% {
    -moz-transform: scaleX(0.4); } }
@keyframes segment-scale-2 {
  0% {
    transform: scaleX(0.33333); }
  8.33333% {
    transform: scaleX(0.26667); }
  16.66667% {
    transform: scaleX(1); }
  25% {
    transform: scaleX(0.93333); }
  33.33333% {
    transform: scaleX(0.86667); }
  41.66667% {
    transform: scaleX(0.8); }
  50% {
    transform: scaleX(0.73333); }
  58.33333% {
    transform: scaleX(0.66667); }
  66.66667% {
    transform: scaleX(0.6); }
  75% {
    transform: scaleX(0.53333); }
  83.33333% {
    transform: scaleX(0.46667); }
  91.66667% {
    transform: scaleX(0.4); }
  100% {
    transform: scaleX(0.33333); } }
@-o-keyframes segment-scale-2 {
  0% {
    -o-transform: scaleX(0.33333); }
  8.33333% {
    -o-transform: scaleX(0.26667); }
  16.66667% {
    -o-transform: scaleX(1); }
  25% {
    -o-transform: scaleX(0.93333); }
  33.33333% {
    -o-transform: scaleX(0.86667); }
  41.66667% {
    -o-transform: scaleX(0.8); }
  50% {
    -o-transform: scaleX(0.73333); }
  58.33333% {
    -o-transform: scaleX(0.66667); }
  66.66667% {
    -o-transform: scaleX(0.6); }
  75% {
    -o-transform: scaleX(0.53333); }
  83.33333% {
    -o-transform: scaleX(0.46667); }
  91.66667% {
    -o-transform: scaleX(0.4); }
  100% {
    -o-transform: scaleX(0.33333); } }
@-ms-keyframes segment-scale-2 {
  0% {
    -ms-transform: scaleX(0.33333); }
  8.33333% {
    -ms-transform: scaleX(0.26667); }
  16.66667% {
    -ms-transform: scaleX(1); }
  25% {
    -ms-transform: scaleX(0.93333); }
  33.33333% {
    -ms-transform: scaleX(0.86667); }
  41.66667% {
    -ms-transform: scaleX(0.8); }
  50% {
    -ms-transform: scaleX(0.73333); }
  58.33333% {
    -ms-transform: scaleX(0.66667); }
  66.66667% {
    -ms-transform: scaleX(0.6); }
  75% {
    -ms-transform: scaleX(0.53333); }
  83.33333% {
    -ms-transform: scaleX(0.46667); }
  91.66667% {
    -ms-transform: scaleX(0.4); }
  100% {
    -ms-transform: scaleX(0.33333); } }
@-webkit-keyframes segment-scale-2 {
  0% {
    -webkit-transform: scaleX(0.33333); }
  8.33333% {
    -webkit-transform: scaleX(0.26667); }
  16.66667% {
    -webkit-transform: scaleX(1); }
  25% {
    -webkit-transform: scaleX(0.93333); }
  33.33333% {
    -webkit-transform: scaleX(0.86667); }
  41.66667% {
    -webkit-transform: scaleX(0.8); }
  50% {
    -webkit-transform: scaleX(0.73333); }
  58.33333% {
    -webkit-transform: scaleX(0.66667); }
  66.66667% {
    -webkit-transform: scaleX(0.6); }
  75% {
    -webkit-transform: scaleX(0.53333); }
  83.33333% {
    -webkit-transform: scaleX(0.46667); }
  91.66667% {
    -webkit-transform: scaleX(0.4); }
  100% {
    -webkit-transform: scaleX(0.33333); } }
@-moz-keyframes segment-scale-2 {
  0% {
    -moz-transform: scaleX(0.33333); }
  8.33333% {
    -moz-transform: scaleX(0.26667); }
  16.66667% {
    -moz-transform: scaleX(1); }
  25% {
    -moz-transform: scaleX(0.93333); }
  33.33333% {
    -moz-transform: scaleX(0.86667); }
  41.66667% {
    -moz-transform: scaleX(0.8); }
  50% {
    -moz-transform: scaleX(0.73333); }
  58.33333% {
    -moz-transform: scaleX(0.66667); }
  66.66667% {
    -moz-transform: scaleX(0.6); }
  75% {
    -moz-transform: scaleX(0.53333); }
  83.33333% {
    -moz-transform: scaleX(0.46667); }
  91.66667% {
    -moz-transform: scaleX(0.4); }
  100% {
    -moz-transform: scaleX(0.33333); } }
@keyframes segment-scale-1 {
  0% {
    transform: scaleX(0.26667); }
  8.33333% {
    transform: scaleX(1); }
  16.66667% {
    transform: scaleX(0.93333); }
  25% {
    transform: scaleX(0.86667); }
  33.33333% {
    transform: scaleX(0.8); }
  41.66667% {
    transform: scaleX(0.73333); }
  50% {
    transform: scaleX(0.66667); }
  58.33333% {
    transform: scaleX(0.6); }
  66.66667% {
    transform: scaleX(0.53333); }
  75% {
    transform: scaleX(0.46667); }
  83.33333% {
    transform: scaleX(0.4); }
  91.66667% {
    transform: scaleX(0.33333); }
  100% {
    transform: scaleX(0.26667); } }
@-o-keyframes segment-scale-1 {
  0% {
    -o-transform: scaleX(0.26667); }
  8.33333% {
    -o-transform: scaleX(1); }
  16.66667% {
    -o-transform: scaleX(0.93333); }
  25% {
    -o-transform: scaleX(0.86667); }
  33.33333% {
    -o-transform: scaleX(0.8); }
  41.66667% {
    -o-transform: scaleX(0.73333); }
  50% {
    -o-transform: scaleX(0.66667); }
  58.33333% {
    -o-transform: scaleX(0.6); }
  66.66667% {
    -o-transform: scaleX(0.53333); }
  75% {
    -o-transform: scaleX(0.46667); }
  83.33333% {
    -o-transform: scaleX(0.4); }
  91.66667% {
    -o-transform: scaleX(0.33333); }
  100% {
    -o-transform: scaleX(0.26667); } }
@-ms-keyframes segment-scale-1 {
  0% {
    -ms-transform: scaleX(0.26667); }
  8.33333% {
    -ms-transform: scaleX(1); }
  16.66667% {
    -ms-transform: scaleX(0.93333); }
  25% {
    -ms-transform: scaleX(0.86667); }
  33.33333% {
    -ms-transform: scaleX(0.8); }
  41.66667% {
    -ms-transform: scaleX(0.73333); }
  50% {
    -ms-transform: scaleX(0.66667); }
  58.33333% {
    -ms-transform: scaleX(0.6); }
  66.66667% {
    -ms-transform: scaleX(0.53333); }
  75% {
    -ms-transform: scaleX(0.46667); }
  83.33333% {
    -ms-transform: scaleX(0.4); }
  91.66667% {
    -ms-transform: scaleX(0.33333); }
  100% {
    -ms-transform: scaleX(0.26667); } }
@-webkit-keyframes segment-scale-1 {
  0% {
    -webkit-transform: scaleX(0.26667); }
  8.33333% {
    -webkit-transform: scaleX(1); }
  16.66667% {
    -webkit-transform: scaleX(0.93333); }
  25% {
    -webkit-transform: scaleX(0.86667); }
  33.33333% {
    -webkit-transform: scaleX(0.8); }
  41.66667% {
    -webkit-transform: scaleX(0.73333); }
  50% {
    -webkit-transform: scaleX(0.66667); }
  58.33333% {
    -webkit-transform: scaleX(0.6); }
  66.66667% {
    -webkit-transform: scaleX(0.53333); }
  75% {
    -webkit-transform: scaleX(0.46667); }
  83.33333% {
    -webkit-transform: scaleX(0.4); }
  91.66667% {
    -webkit-transform: scaleX(0.33333); }
  100% {
    -webkit-transform: scaleX(0.26667); } }
@-moz-keyframes segment-scale-1 {
  0% {
    -moz-transform: scaleX(0.26667); }
  8.33333% {
    -moz-transform: scaleX(1); }
  16.66667% {
    -moz-transform: scaleX(0.93333); }
  25% {
    -moz-transform: scaleX(0.86667); }
  33.33333% {
    -moz-transform: scaleX(0.8); }
  41.66667% {
    -moz-transform: scaleX(0.73333); }
  50% {
    -moz-transform: scaleX(0.66667); }
  58.33333% {
    -moz-transform: scaleX(0.6); }
  66.66667% {
    -moz-transform: scaleX(0.53333); }
  75% {
    -moz-transform: scaleX(0.46667); }
  83.33333% {
    -moz-transform: scaleX(0.4); }
  91.66667% {
    -moz-transform: scaleX(0.33333); }
  100% {
    -moz-transform: scaleX(0.26667); } }
@keyframes segment-opacity-12 {
  0% {
    opacity: 1; }
  8.33333% {
    opacity: 0.93333; }
  16.66667% {
    opacity: 0.86667; }
  25% {
    opacity: 0.8; }
  33.33333% {
    opacity: 0.73333; }
  41.66667% {
    opacity: 0.66667; }
  50% {
    opacity: 0.6; }
  58.33333% {
    opacity: 0.53333; }
  66.66667% {
    opacity: 0.46667; }
  75% {
    opacity: 0.4; }
  83.33333% {
    opacity: 0.33333; }
  91.66667% {
    opacity: 0.26667; }
  100% {
    opacity: 1; } }
@-o-keyframes segment-opacity-12 {
  0% {
    opacity: 1; }
  8.33333% {
    opacity: 0.93333; }
  16.66667% {
    opacity: 0.86667; }
  25% {
    opacity: 0.8; }
  33.33333% {
    opacity: 0.73333; }
  41.66667% {
    opacity: 0.66667; }
  50% {
    opacity: 0.6; }
  58.33333% {
    opacity: 0.53333; }
  66.66667% {
    opacity: 0.46667; }
  75% {
    opacity: 0.4; }
  83.33333% {
    opacity: 0.33333; }
  91.66667% {
    opacity: 0.26667; }
  100% {
    opacity: 1; } }
@-ms-keyframes segment-opacity-12 {
  0% {
    opacity: 1; }
  8.33333% {
    opacity: 0.93333; }
  16.66667% {
    opacity: 0.86667; }
  25% {
    opacity: 0.8; }
  33.33333% {
    opacity: 0.73333; }
  41.66667% {
    opacity: 0.66667; }
  50% {
    opacity: 0.6; }
  58.33333% {
    opacity: 0.53333; }
  66.66667% {
    opacity: 0.46667; }
  75% {
    opacity: 0.4; }
  83.33333% {
    opacity: 0.33333; }
  91.66667% {
    opacity: 0.26667; }
  100% {
    opacity: 1; } }
@-webkit-keyframes segment-opacity-12 {
  0% {
    opacity: 1; }
  8.33333% {
    opacity: 0.93333; }
  16.66667% {
    opacity: 0.86667; }
  25% {
    opacity: 0.8; }
  33.33333% {
    opacity: 0.73333; }
  41.66667% {
    opacity: 0.66667; }
  50% {
    opacity: 0.6; }
  58.33333% {
    opacity: 0.53333; }
  66.66667% {
    opacity: 0.46667; }
  75% {
    opacity: 0.4; }
  83.33333% {
    opacity: 0.33333; }
  91.66667% {
    opacity: 0.26667; }
  100% {
    opacity: 1; } }
@-moz-keyframes segment-opacity-12 {
  0% {
    opacity: 1; }
  8.33333% {
    opacity: 0.93333; }
  16.66667% {
    opacity: 0.86667; }
  25% {
    opacity: 0.8; }
  33.33333% {
    opacity: 0.73333; }
  41.66667% {
    opacity: 0.66667; }
  50% {
    opacity: 0.6; }
  58.33333% {
    opacity: 0.53333; }
  66.66667% {
    opacity: 0.46667; }
  75% {
    opacity: 0.4; }
  83.33333% {
    opacity: 0.33333; }
  91.66667% {
    opacity: 0.26667; }
  100% {
    opacity: 1; } }
@keyframes segment-opacity-11 {
  0% {
    opacity: 0.93333; }
  8.33333% {
    opacity: 0.86667; }
  16.66667% {
    opacity: 0.8; }
  25% {
    opacity: 0.73333; }
  33.33333% {
    opacity: 0.66667; }
  41.66667% {
    opacity: 0.6; }
  50% {
    opacity: 0.53333; }
  58.33333% {
    opacity: 0.46667; }
  66.66667% {
    opacity: 0.4; }
  75% {
    opacity: 0.33333; }
  83.33333% {
    opacity: 0.26667; }
  91.66667% {
    opacity: 1; }
  100% {
    opacity: 0.93333; } }
@-o-keyframes segment-opacity-11 {
  0% {
    opacity: 0.93333; }
  8.33333% {
    opacity: 0.86667; }
  16.66667% {
    opacity: 0.8; }
  25% {
    opacity: 0.73333; }
  33.33333% {
    opacity: 0.66667; }
  41.66667% {
    opacity: 0.6; }
  50% {
    opacity: 0.53333; }
  58.33333% {
    opacity: 0.46667; }
  66.66667% {
    opacity: 0.4; }
  75% {
    opacity: 0.33333; }
  83.33333% {
    opacity: 0.26667; }
  91.66667% {
    opacity: 1; }
  100% {
    opacity: 0.93333; } }
@-ms-keyframes segment-opacity-11 {
  0% {
    opacity: 0.93333; }
  8.33333% {
    opacity: 0.86667; }
  16.66667% {
    opacity: 0.8; }
  25% {
    opacity: 0.73333; }
  33.33333% {
    opacity: 0.66667; }
  41.66667% {
    opacity: 0.6; }
  50% {
    opacity: 0.53333; }
  58.33333% {
    opacity: 0.46667; }
  66.66667% {
    opacity: 0.4; }
  75% {
    opacity: 0.33333; }
  83.33333% {
    opacity: 0.26667; }
  91.66667% {
    opacity: 1; }
  100% {
    opacity: 0.93333; } }
@-webkit-keyframes segment-opacity-11 {
  0% {
    opacity: 0.93333; }
  8.33333% {
    opacity: 0.86667; }
  16.66667% {
    opacity: 0.8; }
  25% {
    opacity: 0.73333; }
  33.33333% {
    opacity: 0.66667; }
  41.66667% {
    opacity: 0.6; }
  50% {
    opacity: 0.53333; }
  58.33333% {
    opacity: 0.46667; }
  66.66667% {
    opacity: 0.4; }
  75% {
    opacity: 0.33333; }
  83.33333% {
    opacity: 0.26667; }
  91.66667% {
    opacity: 1; }
  100% {
    opacity: 0.93333; } }
@-moz-keyframes segment-opacity-11 {
  0% {
    opacity: 0.93333; }
  8.33333% {
    opacity: 0.86667; }
  16.66667% {
    opacity: 0.8; }
  25% {
    opacity: 0.73333; }
  33.33333% {
    opacity: 0.66667; }
  41.66667% {
    opacity: 0.6; }
  50% {
    opacity: 0.53333; }
  58.33333% {
    opacity: 0.46667; }
  66.66667% {
    opacity: 0.4; }
  75% {
    opacity: 0.33333; }
  83.33333% {
    opacity: 0.26667; }
  91.66667% {
    opacity: 1; }
  100% {
    opacity: 0.93333; } }
@keyframes segment-opacity-10 {
  0% {
    opacity: 0.86667; }
  8.33333% {
    opacity: 0.8; }
  16.66667% {
    opacity: 0.73333; }
  25% {
    opacity: 0.66667; }
  33.33333% {
    opacity: 0.6; }
  41.66667% {
    opacity: 0.53333; }
  50% {
    opacity: 0.46667; }
  58.33333% {
    opacity: 0.4; }
  66.66667% {
    opacity: 0.33333; }
  75% {
    opacity: 0.26667; }
  83.33333% {
    opacity: 1; }
  91.66667% {
    opacity: 0.93333; }
  100% {
    opacity: 0.86667; } }
@-o-keyframes segment-opacity-10 {
  0% {
    opacity: 0.86667; }
  8.33333% {
    opacity: 0.8; }
  16.66667% {
    opacity: 0.73333; }
  25% {
    opacity: 0.66667; }
  33.33333% {
    opacity: 0.6; }
  41.66667% {
    opacity: 0.53333; }
  50% {
    opacity: 0.46667; }
  58.33333% {
    opacity: 0.4; }
  66.66667% {
    opacity: 0.33333; }
  75% {
    opacity: 0.26667; }
  83.33333% {
    opacity: 1; }
  91.66667% {
    opacity: 0.93333; }
  100% {
    opacity: 0.86667; } }
@-ms-keyframes segment-opacity-10 {
  0% {
    opacity: 0.86667; }
  8.33333% {
    opacity: 0.8; }
  16.66667% {
    opacity: 0.73333; }
  25% {
    opacity: 0.66667; }
  33.33333% {
    opacity: 0.6; }
  41.66667% {
    opacity: 0.53333; }
  50% {
    opacity: 0.46667; }
  58.33333% {
    opacity: 0.4; }
  66.66667% {
    opacity: 0.33333; }
  75% {
    opacity: 0.26667; }
  83.33333% {
    opacity: 1; }
  91.66667% {
    opacity: 0.93333; }
  100% {
    opacity: 0.86667; } }
@-webkit-keyframes segment-opacity-10 {
  0% {
    opacity: 0.86667; }
  8.33333% {
    opacity: 0.8; }
  16.66667% {
    opacity: 0.73333; }
  25% {
    opacity: 0.66667; }
  33.33333% {
    opacity: 0.6; }
  41.66667% {
    opacity: 0.53333; }
  50% {
    opacity: 0.46667; }
  58.33333% {
    opacity: 0.4; }
  66.66667% {
    opacity: 0.33333; }
  75% {
    opacity: 0.26667; }
  83.33333% {
    opacity: 1; }
  91.66667% {
    opacity: 0.93333; }
  100% {
    opacity: 0.86667; } }
@-moz-keyframes segment-opacity-10 {
  0% {
    opacity: 0.86667; }
  8.33333% {
    opacity: 0.8; }
  16.66667% {
    opacity: 0.73333; }
  25% {
    opacity: 0.66667; }
  33.33333% {
    opacity: 0.6; }
  41.66667% {
    opacity: 0.53333; }
  50% {
    opacity: 0.46667; }
  58.33333% {
    opacity: 0.4; }
  66.66667% {
    opacity: 0.33333; }
  75% {
    opacity: 0.26667; }
  83.33333% {
    opacity: 1; }
  91.66667% {
    opacity: 0.93333; }
  100% {
    opacity: 0.86667; } }
@keyframes segment-opacity-9 {
  0% {
    opacity: 0.8; }
  8.33333% {
    opacity: 0.73333; }
  16.66667% {
    opacity: 0.66667; }
  25% {
    opacity: 0.6; }
  33.33333% {
    opacity: 0.53333; }
  41.66667% {
    opacity: 0.46667; }
  50% {
    opacity: 0.4; }
  58.33333% {
    opacity: 0.33333; }
  66.66667% {
    opacity: 0.26667; }
  75% {
    opacity: 1; }
  83.33333% {
    opacity: 0.933333; }
  91.66667% {
    opacity: 0.86667; }
  100% {
    opacity: 0.8; } }
@-o-keyframes segment-opacity-9 {
  0% {
    opacity: 0.8; }
  8.33333% {
    opacity: 0.73333; }
  16.66667% {
    opacity: 0.66667; }
  25% {
    opacity: 0.6; }
  33.33333% {
    opacity: 0.53333; }
  41.66667% {
    opacity: 0.46667; }
  50% {
    opacity: 0.4; }
  58.33333% {
    opacity: 0.33333; }
  66.66667% {
    opacity: 0.26667; }
  75% {
    opacity: 1; }
  83.33333% {
    opacity: 0.933333; }
  91.66667% {
    opacity: 0.86667; }
  100% {
    opacity: 0.8; } }
@-ms-keyframes segment-opacity-9 {
  0% {
    opacity: 0.8; }
  8.33333% {
    opacity: 0.73333; }
  16.66667% {
    opacity: 0.66667; }
  25% {
    opacity: 0.6; }
  33.33333% {
    opacity: 0.53333; }
  41.66667% {
    opacity: 0.46667; }
  50% {
    opacity: 0.4; }
  58.33333% {
    opacity: 0.33333; }
  66.66667% {
    opacity: 0.26667; }
  75% {
    opacity: 1; }
  83.33333% {
    opacity: 0.933333; }
  91.66667% {
    opacity: 0.86667; }
  100% {
    opacity: 0.8; } }
@-webkit-keyframes segment-opacity-9 {
  0% {
    opacity: 0.8; }
  8.33333% {
    opacity: 0.73333; }
  16.66667% {
    opacity: 0.66667; }
  25% {
    opacity: 0.6; }
  33.33333% {
    opacity: 0.53333; }
  41.66667% {
    opacity: 0.46667; }
  50% {
    opacity: 0.4; }
  58.33333% {
    opacity: 0.33333; }
  66.66667% {
    opacity: 0.26667; }
  75% {
    opacity: 1; }
  83.33333% {
    opacity: 0.933333; }
  91.66667% {
    opacity: 0.86667; }
  100% {
    opacity: 0.8; } }
@-moz-keyframes segment-opacity-9 {
  0% {
    opacity: 0.8; }
  8.33333% {
    opacity: 0.73333; }
  16.66667% {
    opacity: 0.66667; }
  25% {
    opacity: 0.6; }
  33.33333% {
    opacity: 0.53333; }
  41.66667% {
    opacity: 0.46667; }
  50% {
    opacity: 0.4; }
  58.33333% {
    opacity: 0.33333; }
  66.66667% {
    opacity: 0.26667; }
  75% {
    opacity: 1; }
  83.33333% {
    opacity: 0.933333; }
  91.66667% {
    opacity: 0.86667; }
  100% {
    opacity: 0.8; } }
@keyframes segment-opacity-8 {
  0% {
    opacity: 0.73333; }
  8.33333% {
    opacity: 0.66667; }
  16.66667% {
    opacity: 0.6; }
  25% {
    opacity: 0.53333; }
  33.33333% {
    opacity: 0.46667; }
  41.66667% {
    opacity: 0.4; }
  50% {
    opacity: 0.33333; }
  58.33333% {
    opacity: 0.26667; }
  66.66667% {
    opacity: 1; }
  75% {
    opacity: 0.93333; }
  83.33333% {
    opacity: 0.86667; }
  91.66667% {
    opacity: 0.8; }
  100% {
    opacity: 0.73333; } }
@-o-keyframes segment-opacity-8 {
  0% {
    opacity: 0.73333; }
  8.33333% {
    opacity: 0.66667; }
  16.66667% {
    opacity: 0.6; }
  25% {
    opacity: 0.53333; }
  33.33333% {
    opacity: 0.46667; }
  41.66667% {
    opacity: 0.4; }
  50% {
    opacity: 0.33333; }
  58.33333% {
    opacity: 0.26667; }
  66.66667% {
    opacity: 1; }
  75% {
    opacity: 0.93333; }
  83.33333% {
    opacity: 0.86667; }
  91.66667% {
    opacity: 0.8; }
  100% {
    opacity: 0.73333; } }
@-ms-keyframes segment-opacity-8 {
  0% {
    opacity: 0.73333; }
  8.33333% {
    opacity: 0.66667; }
  16.66667% {
    opacity: 0.6; }
  25% {
    opacity: 0.53333; }
  33.33333% {
    opacity: 0.46667; }
  41.66667% {
    opacity: 0.4; }
  50% {
    opacity: 0.33333; }
  58.33333% {
    opacity: 0.26667; }
  66.66667% {
    opacity: 1; }
  75% {
    opacity: 0.93333; }
  83.33333% {
    opacity: 0.86667; }
  91.66667% {
    opacity: 0.8; }
  100% {
    opacity: 0.73333; } }
@-webkit-keyframes segment-opacity-8 {
  0% {
    opacity: 0.73333; }
  8.33333% {
    opacity: 0.66667; }
  16.66667% {
    opacity: 0.6; }
  25% {
    opacity: 0.53333; }
  33.33333% {
    opacity: 0.46667; }
  41.66667% {
    opacity: 0.4; }
  50% {
    opacity: 0.33333; }
  58.33333% {
    opacity: 0.26667; }
  66.66667% {
    opacity: 1; }
  75% {
    opacity: 0.93333; }
  83.33333% {
    opacity: 0.86667; }
  91.66667% {
    opacity: 0.8; }
  100% {
    opacity: 0.73333; } }
@-moz-keyframes segment-opacity-8 {
  0% {
    opacity: 0.73333; }
  8.33333% {
    opacity: 0.66667; }
  16.66667% {
    opacity: 0.6; }
  25% {
    opacity: 0.53333; }
  33.33333% {
    opacity: 0.46667; }
  41.66667% {
    opacity: 0.4; }
  50% {
    opacity: 0.33333; }
  58.33333% {
    opacity: 0.26667; }
  66.66667% {
    opacity: 1; }
  75% {
    opacity: 0.93333; }
  83.33333% {
    opacity: 0.86667; }
  91.66667% {
    opacity: 0.8; }
  100% {
    opacity: 0.73333; } }
@keyframes segment-opacity-7 {
  0% {
    opacity: 0.66667; }
  8.33333% {
    opacity: 0.6; }
  16.66667% {
    opacity: 0.53333; }
  25% {
    opacity: 0.46667; }
  33.33333% {
    opacity: 0.4; }
  41.66667% {
    opacity: 0.33333; }
  50% {
    opacity: 0.26667; }
  58.33333% {
    opacity: 1; }
  66.66667% {
    opacity: 0.93333; }
  75% {
    opacity: 0.86667; }
  83.33333% {
    opacity: 0.8; }
  91.66667% {
    opacity: 0.73333; }
  100% {
    opacity: 0.66667; } }
@-o-keyframes segment-opacity-7 {
  0% {
    opacity: 0.66667; }
  8.33333% {
    opacity: 0.6; }
  16.66667% {
    opacity: 0.53333; }
  25% {
    opacity: 0.46667; }
  33.33333% {
    opacity: 0.4; }
  41.66667% {
    opacity: 0.33333; }
  50% {
    opacity: 0.26667; }
  58.33333% {
    opacity: 1; }
  66.66667% {
    opacity: 0.93333; }
  75% {
    opacity: 0.86667; }
  83.33333% {
    opacity: 0.8; }
  91.66667% {
    opacity: 0.73333; }
  100% {
    opacity: 0.66667; } }
@-ms-keyframes segment-opacity-7 {
  0% {
    opacity: 0.66667; }
  8.33333% {
    opacity: 0.6; }
  16.66667% {
    opacity: 0.53333; }
  25% {
    opacity: 0.46667; }
  33.33333% {
    opacity: 0.4; }
  41.66667% {
    opacity: 0.33333; }
  50% {
    opacity: 0.26667; }
  58.33333% {
    opacity: 1; }
  66.66667% {
    opacity: 0.93333; }
  75% {
    opacity: 0.86667; }
  83.33333% {
    opacity: 0.8; }
  91.66667% {
    opacity: 0.73333; }
  100% {
    opacity: 0.66667; } }
@-webkit-keyframes segment-opacity-7 {
  0% {
    opacity: 0.66667; }
  8.33333% {
    opacity: 0.6; }
  16.66667% {
    opacity: 0.53333; }
  25% {
    opacity: 0.46667; }
  33.33333% {
    opacity: 0.4; }
  41.66667% {
    opacity: 0.33333; }
  50% {
    opacity: 0.26667; }
  58.33333% {
    opacity: 1; }
  66.66667% {
    opacity: 0.93333; }
  75% {
    opacity: 0.86667; }
  83.33333% {
    opacity: 0.8; }
  91.66667% {
    opacity: 0.73333; }
  100% {
    opacity: 0.66667; } }
@-moz-keyframes segment-opacity-7 {
  0% {
    opacity: 0.66667; }
  8.33333% {
    opacity: 0.6; }
  16.66667% {
    opacity: 0.53333; }
  25% {
    opacity: 0.46667; }
  33.33333% {
    opacity: 0.4; }
  41.66667% {
    opacity: 0.33333; }
  50% {
    opacity: 0.26667; }
  58.33333% {
    opacity: 1; }
  66.66667% {
    opacity: 0.93333; }
  75% {
    opacity: 0.86667; }
  83.33333% {
    opacity: 0.8; }
  91.66667% {
    opacity: 0.73333; }
  100% {
    opacity: 0.66667; } }
@keyframes segment-opacity-6 {
  0% {
    opacity: 0.6; }
  8.33333% {
    opacity: 0.53333; }
  16.66667% {
    opacity: 0.46667; }
  25% {
    opacity: 0.4; }
  33.33333% {
    opacity: 0.33333; }
  41.66667% {
    opacity: 0.26667; }
  50% {
    opacity: 1; }
  58.33333% {
    opacity: 0.93333; }
  66.66667% {
    opacity: 0.86667; }
  75% {
    opacity: 0.8; }
  83.33333% {
    opacity: 0.73333; }
  91.66667% {
    acity: 0.66667; }
  100% {
    opacity: 0.6; } }
@-o-keyframes segment-opacity-6 {
  0% {
    opacity: 0.6; }
  8.33333% {
    opacity: 0.53333; }
  16.66667% {
    opacity: 0.46667; }
  25% {
    opacity: 0.4; }
  33.33333% {
    opacity: 0.33333; }
  41.66667% {
    opacity: 0.26667; }
  50% {
    opacity: 1; }
  58.33333% {
    opacity: 0.93333; }
  66.66667% {
    opacity: 0.86667; }
  75% {
    opacity: 0.8; }
  83.33333% {
    opacity: 0.73333; }
  91.66667% {
    acity: 0.66667; }
  100% {
    opacity: 0.6; } }
@-ms-keyframes segment-opacity-6 {
  0% {
    opacity: 0.6; }
  8.33333% {
    opacity: 0.53333; }
  16.66667% {
    opacity: 0.46667; }
  25% {
    opacity: 0.4; }
  33.33333% {
    opacity: 0.33333; }
  41.66667% {
    opacity: 0.26667; }
  50% {
    opacity: 1; }
  58.33333% {
    opacity: 0.93333; }
  66.66667% {
    opacity: 0.86667; }
  75% {
    opacity: 0.8; }
  83.33333% {
    opacity: 0.73333; }
  91.66667% {
    acity: 0.66667; }
  100% {
    opacity: 0.6; } }
@-webkit-keyframes segment-opacity-6 {
  0% {
    opacity: 0.6; }
  8.33333% {
    opacity: 0.53333; }
  16.66667% {
    opacity: 0.46667; }
  25% {
    opacity: 0.4; }
  33.33333% {
    opacity: 0.33333; }
  41.66667% {
    opacity: 0.26667; }
  50% {
    opacity: 1; }
  58.33333% {
    opacity: 0.93333; }
  66.66667% {
    opacity: 0.86667; }
  75% {
    opacity: 0.8; }
  83.33333% {
    opacity: 0.73333; }
  91.66667% {
    acity: 0.66667; }
  100% {
    opacity: 0.6; } }
@-moz-keyframes segment-opacity-6 {
  0% {
    opacity: 0.6; }
  8.33333% {
    opacity: 0.53333; }
  16.66667% {
    opacity: 0.46667; }
  25% {
    opacity: 0.4; }
  33.33333% {
    opacity: 0.33333; }
  41.66667% {
    opacity: 0.26667; }
  50% {
    opacity: 1; }
  58.33333% {
    opacity: 0.93333; }
  66.66667% {
    opacity: 0.86667; }
  75% {
    opacity: 0.8; }
  83.33333% {
    opacity: 0.73333; }
  91.66667% {
    acity: 0.66667; }
  100% {
    opacity: 0.6; } }
@keyframes segment-opacity-5 {
  0% {
    opacity: 0.53333; }
  8.33333% {
    opacity: 0.46667; }
  16.66667% {
    opacity: 0.4; }
  25% {
    opacity: 0.33333; }
  33.33333% {
    opacity: 0.26667; }
  41.66667% {
    opacity: 1; }
  50% {
    opacity: 0.93333; }
  58.33333% {
    opacity: 0.86667; }
  66.66667% {
    opacity: 0.8; }
  75% {
    opacity: 0.73333; }
  83.33333% {
    opacity: 0.66667; }
  91.66667% {
    opacity: 0.6; }
  100% {
    opacity: 0.53333; } }
@-o-keyframes segment-opacity-5 {
  0% {
    opacity: 0.53333; }
  8.33333% {
    opacity: 0.46667; }
  16.66667% {
    opacity: 0.4; }
  25% {
    opacity: 0.33333; }
  33.33333% {
    opacity: 0.26667; }
  41.66667% {
    opacity: 1; }
  50% {
    opacity: 0.93333; }
  58.33333% {
    opacity: 0.86667; }
  66.66667% {
    opacity: 0.8; }
  75% {
    opacity: 0.73333; }
  83.33333% {
    opacity: 0.66667; }
  91.66667% {
    opacity: 0.6; }
  100% {
    opacity: 0.53333; } }
@-ms-keyframes segment-opacity-5 {
  0% {
    opacity: 0.53333; }
  8.33333% {
    opacity: 0.46667; }
  16.66667% {
    opacity: 0.4; }
  25% {
    opacity: 0.33333; }
  33.33333% {
    opacity: 0.26667; }
  41.66667% {
    opacity: 1; }
  50% {
    opacity: 0.93333; }
  58.33333% {
    opacity: 0.86667; }
  66.66667% {
    opacity: 0.8; }
  75% {
    opacity: 0.73333; }
  83.33333% {
    opacity: 0.66667; }
  91.66667% {
    opacity: 0.6; }
  100% {
    opacity: 0.53333; } }
@-webkit-keyframes segment-opacity-5 {
  0% {
    opacity: 0.53333; }
  8.33333% {
    opacity: 0.46667; }
  16.66667% {
    opacity: 0.4; }
  25% {
    opacity: 0.33333; }
  33.33333% {
    opacity: 0.26667; }
  41.66667% {
    opacity: 1; }
  50% {
    opacity: 0.93333; }
  58.33333% {
    opacity: 0.86667; }
  66.66667% {
    opacity: 0.8; }
  75% {
    opacity: 0.73333; }
  83.33333% {
    opacity: 0.66667; }
  91.66667% {
    opacity: 0.6; }
  100% {
    opacity: 0.53333; } }
@-moz-keyframes segment-opacity-5 {
  0% {
    opacity: 0.53333; }
  8.33333% {
    opacity: 0.46667; }
  16.66667% {
    opacity: 0.4; }
  25% {
    opacity: 0.33333; }
  33.33333% {
    opacity: 0.26667; }
  41.66667% {
    opacity: 1; }
  50% {
    opacity: 0.93333; }
  58.33333% {
    opacity: 0.86667; }
  66.66667% {
    opacity: 0.8; }
  75% {
    opacity: 0.73333; }
  83.33333% {
    opacity: 0.66667; }
  91.66667% {
    opacity: 0.6; }
  100% {
    opacity: 0.53333; } }
@keyframes segment-opacity-4 {
  0% {
    opacity: 0.46667; }
  8.33333% {
    opacity: 0.4; }
  16.66667% {
    opacity: 0.33333; }
  25% {
    opacity: 0.26667; }
  33.33333% {
    opacity: 1; }
  41.66667% {
    opacity: 0.93333; }
  50% {
    opacity: 0.86667; }
  58.33333% {
    opacity: 0.8; }
  66.66667% {
    opacity: 0.73333; }
  75% {
    opacity: 0.66667; }
  83.33333% {
    opacity: 0.6; }
  91.66667% {
    opacity: 0.53333; }
  100% {
    opacity: 0.46667; } }
@-o-keyframes segment-opacity-4 {
  0% {
    opacity: 0.46667; }
  8.33333% {
    opacity: 0.4; }
  16.66667% {
    opacity: 0.33333; }
  25% {
    opacity: 0.26667; }
  33.33333% {
    opacity: 1; }
  41.66667% {
    opacity: 0.93333; }
  50% {
    opacity: 0.86667; }
  58.33333% {
    opacity: 0.8; }
  66.66667% {
    opacity: 0.73333; }
  75% {
    opacity: 0.66667; }
  83.33333% {
    opacity: 0.6; }
  91.66667% {
    opacity: 0.53333; }
  100% {
    opacity: 0.46667; } }
@-ms-keyframes segment-opacity-4 {
  0% {
    opacity: 0.46667; }
  8.33333% {
    opacity: 0.4; }
  16.66667% {
    opacity: 0.33333; }
  25% {
    opacity: 0.26667; }
  33.33333% {
    opacity: 1; }
  41.66667% {
    opacity: 0.93333; }
  50% {
    opacity: 0.86667; }
  58.33333% {
    opacity: 0.8; }
  66.66667% {
    opacity: 0.73333; }
  75% {
    opacity: 0.66667; }
  83.33333% {
    opacity: 0.6; }
  91.66667% {
    opacity: 0.53333; }
  100% {
    opacity: 0.46667; } }
@-webkit-keyframes segment-opacity-4 {
  0% {
    opacity: 0.46667; }
  8.33333% {
    opacity: 0.4; }
  16.66667% {
    opacity: 0.33333; }
  25% {
    opacity: 0.26667; }
  33.33333% {
    opacity: 1; }
  41.66667% {
    opacity: 0.93333; }
  50% {
    opacity: 0.86667; }
  58.33333% {
    opacity: 0.8; }
  66.66667% {
    opacity: 0.73333; }
  75% {
    opacity: 0.66667; }
  83.33333% {
    opacity: 0.6; }
  91.66667% {
    opacity: 0.53333; }
  100% {
    opacity: 0.46667; } }
@-moz-keyframes segment-opacity-4 {
  0% {
    opacity: 0.46667; }
  8.33333% {
    opacity: 0.4; }
  16.66667% {
    opacity: 0.33333; }
  25% {
    opacity: 0.26667; }
  33.33333% {
    opacity: 1; }
  41.66667% {
    opacity: 0.93333; }
  50% {
    opacity: 0.86667; }
  58.33333% {
    opacity: 0.8; }
  66.66667% {
    opacity: 0.73333; }
  75% {
    opacity: 0.66667; }
  83.33333% {
    opacity: 0.6; }
  91.66667% {
    opacity: 0.53333; }
  100% {
    opacity: 0.46667; } }
@keyframes segment-opacity-3 {
  0% {
    opacity: 0.4; }
  8.33333% {
    opacity: 0.33333; }
  16.66667% {
    opacity: 0.26667; }
  25% {
    opacity: 1; }
  33.33333% {
    opacity: 0.93333; }
  41.66667% {
    opacity: 0.86667; }
  50% {
    opacity: 0.8; }
  58.33333% {
    opacity: 0.73333; }
  66.66667% {
    opacity: 0.66667; }
  75% {
    opacity: 0.6; }
  83.33333% {
    opacity: 0.53333; }
  91.66667% {
    opacity: 0.46667; }
  100% {
    opacity: 0.4; } }
@-o-keyframes segment-opacity-3 {
  0% {
    opacity: 0.4; }
  8.33333% {
    opacity: 0.33333; }
  16.66667% {
    opacity: 0.26667; }
  25% {
    opacity: 1; }
  33.33333% {
    opacity: 0.93333; }
  41.66667% {
    opacity: 0.86667; }
  50% {
    opacity: 0.8; }
  58.33333% {
    opacity: 0.73333; }
  66.66667% {
    opacity: 0.66667; }
  75% {
    opacity: 0.6; }
  83.33333% {
    opacity: 0.53333; }
  91.66667% {
    opacity: 0.46667; }
  100% {
    opacity: 0.4; } }
@-ms-keyframes segment-opacity-3 {
  0% {
    opacity: 0.4; }
  8.33333% {
    opacity: 0.33333; }
  16.66667% {
    opacity: 0.26667; }
  25% {
    opacity: 1; }
  33.33333% {
    opacity: 0.93333; }
  41.66667% {
    opacity: 0.86667; }
  50% {
    opacity: 0.8; }
  58.33333% {
    opacity: 0.73333; }
  66.66667% {
    opacity: 0.66667; }
  75% {
    opacity: 0.6; }
  83.33333% {
    opacity: 0.53333; }
  91.66667% {
    opacity: 0.46667; }
  100% {
    opacity: 0.4; } }
@-webkit-keyframes segment-opacity-3 {
  0% {
    opacity: 0.4; }
  8.33333% {
    opacity: 0.33333; }
  16.66667% {
    opacity: 0.26667; }
  25% {
    opacity: 1; }
  33.33333% {
    opacity: 0.93333; }
  41.66667% {
    opacity: 0.86667; }
  50% {
    opacity: 0.8; }
  58.33333% {
    opacity: 0.73333; }
  66.66667% {
    opacity: 0.66667; }
  75% {
    opacity: 0.6; }
  83.33333% {
    opacity: 0.53333; }
  91.66667% {
    opacity: 0.46667; }
  100% {
    opacity: 0.4; } }
@-moz-keyframes segment-opacity-3 {
  0% {
    opacity: 0.4; }
  8.33333% {
    opacity: 0.33333; }
  16.66667% {
    opacity: 0.26667; }
  25% {
    opacity: 1; }
  33.33333% {
    opacity: 0.93333; }
  41.66667% {
    opacity: 0.86667; }
  50% {
    opacity: 0.8; }
  58.33333% {
    opacity: 0.73333; }
  66.66667% {
    opacity: 0.66667; }
  75% {
    opacity: 0.6; }
  83.33333% {
    opacity: 0.53333; }
  91.66667% {
    opacity: 0.46667; }
  100% {
    opacity: 0.4; } }
@keyframes segment-opacity-2 {
  0% {
    opacity: 0.33333; }
  8.33333% {
    opacity: 0.26667; }
  16.66667% {
    opacity: 1; }
  25% {
    opacity: 0.93333; }
  33.33333% {
    opacity: 0.86667; }
  41.66667% {
    opacity: 0.8; }
  50% {
    opacity: 0.73333; }
  58.33333% {
    opacity: 0.66667; }
  66.66667% {
    opacity: 0.6; }
  75% {
    opacity: 0.53333; }
  83.33333% {
    opacity: 0.46667; }
  91.66667% {
    opacity: 0.4; }
  100% {
    opacity: 0.33333; } }
@-o-keyframes segment-opacity-2 {
  0% {
    opacity: 0.33333; }
  8.33333% {
    opacity: 0.26667; }
  16.66667% {
    opacity: 1; }
  25% {
    opacity: 0.93333; }
  33.33333% {
    opacity: 0.86667; }
  41.66667% {
    opacity: 0.8; }
  50% {
    opacity: 0.73333; }
  58.33333% {
    opacity: 0.66667; }
  66.66667% {
    opacity: 0.6; }
  75% {
    opacity: 0.53333; }
  83.33333% {
    opacity: 0.46667; }
  91.66667% {
    opacity: 0.4; }
  100% {
    opacity: 0.33333; } }
@-ms-keyframes segment-opacity-2 {
  0% {
    opacity: 0.33333; }
  8.33333% {
    opacity: 0.26667; }
  16.66667% {
    opacity: 1; }
  25% {
    opacity: 0.93333; }
  33.33333% {
    opacity: 0.86667; }
  41.66667% {
    opacity: 0.8; }
  50% {
    opacity: 0.73333; }
  58.33333% {
    opacity: 0.66667; }
  66.66667% {
    opacity: 0.6; }
  75% {
    opacity: 0.53333; }
  83.33333% {
    opacity: 0.46667; }
  91.66667% {
    opacity: 0.4; }
  100% {
    opacity: 0.33333; } }
@-webkit-keyframes segment-opacity-2 {
  0% {
    opacity: 0.33333; }
  8.33333% {
    opacity: 0.26667; }
  16.66667% {
    opacity: 1; }
  25% {
    opacity: 0.93333; }
  33.33333% {
    opacity: 0.86667; }
  41.66667% {
    opacity: 0.8; }
  50% {
    opacity: 0.73333; }
  58.33333% {
    opacity: 0.66667; }
  66.66667% {
    opacity: 0.6; }
  75% {
    opacity: 0.53333; }
  83.33333% {
    opacity: 0.46667; }
  91.66667% {
    opacity: 0.4; }
  100% {
    opacity: 0.33333; } }
@-moz-keyframes segment-opacity-2 {
  0% {
    opacity: 0.33333; }
  8.33333% {
    opacity: 0.26667; }
  16.66667% {
    opacity: 1; }
  25% {
    opacity: 0.93333; }
  33.33333% {
    opacity: 0.86667; }
  41.66667% {
    opacity: 0.8; }
  50% {
    opacity: 0.73333; }
  58.33333% {
    opacity: 0.66667; }
  66.66667% {
    opacity: 0.6; }
  75% {
    opacity: 0.53333; }
  83.33333% {
    opacity: 0.46667; }
  91.66667% {
    opacity: 0.4; }
  100% {
    opacity: 0.33333; } }
@keyframes segment-opacity-1 {
  0% {
    opacity: 0.26667; }
  8.33333% {
    opacity: 1; }
  16.66667% {
    opacity: 0.93333; }
  25% {
    opacity: 0.86667; }
  33.33333% {
    opacity: 0.8; }
  41.66667% {
    opacity: 0.73333; }
  50% {
    opacity: 0.66667; }
  58.33333% {
    opacity: 0.6; }
  66.66667% {
    opacity: 0.53333; }
  75% {
    opacity: 0.46667; }
  83.33333% {
    opacity: 0.4; }
  91.66667% {
    opacity: 0.33333; }
  100% {
    opacity: 0.26667; } }
@-o-keyframes segment-opacity-1 {
  0% {
    opacity: 0.26667; }
  8.33333% {
    opacity: 1; }
  16.66667% {
    opacity: 0.93333; }
  25% {
    opacity: 0.86667; }
  33.33333% {
    opacity: 0.8; }
  41.66667% {
    opacity: 0.73333; }
  50% {
    opacity: 0.66667; }
  58.33333% {
    opacity: 0.6; }
  66.66667% {
    opacity: 0.53333; }
  75% {
    opacity: 0.46667; }
  83.33333% {
    opacity: 0.4; }
  91.66667% {
    opacity: 0.33333; }
  100% {
    opacity: 0.26667; } }
@-ms-keyframes segment-opacity-1 {
  0% {
    opacity: 0.26667; }
  8.33333% {
    opacity: 1; }
  16.66667% {
    opacity: 0.93333; }
  25% {
    opacity: 0.86667; }
  33.33333% {
    opacity: 0.8; }
  41.66667% {
    opacity: 0.73333; }
  50% {
    opacity: 0.66667; }
  58.33333% {
    opacity: 0.6; }
  66.66667% {
    opacity: 0.53333; }
  75% {
    opacity: 0.46667; }
  83.33333% {
    opacity: 0.4; }
  91.66667% {
    opacity: 0.33333; }
  100% {
    opacity: 0.26667; } }
@-webkit-keyframes segment-opacity-1 {
  0% {
    opacity: 0.26667; }
  8.33333% {
    opacity: 1; }
  16.66667% {
    opacity: 0.93333; }
  25% {
    opacity: 0.86667; }
  33.33333% {
    opacity: 0.8; }
  41.66667% {
    opacity: 0.73333; }
  50% {
    opacity: 0.66667; }
  58.33333% {
    opacity: 0.6; }
  66.66667% {
    opacity: 0.53333; }
  75% {
    opacity: 0.46667; }
  83.33333% {
    opacity: 0.4; }
  91.66667% {
    opacity: 0.33333; }
  100% {
    opacity: 0.26667; } }
@-moz-keyframes segment-opacity-1 {
  0% {
    opacity: 0.26667; }
  8.33333% {
    opacity: 1; }
  16.66667% {
    opacity: 0.93333; }
  25% {
    opacity: 0.86667; }
  33.33333% {
    opacity: 0.8; }
  41.66667% {
    opacity: 0.73333; }
  50% {
    opacity: 0.66667; }
  58.33333% {
    opacity: 0.6; }
  66.66667% {
    opacity: 0.53333; }
  75% {
    opacity: 0.46667; }
  83.33333% {
    opacity: 0.4; }
  91.66667% {
    opacity: 0.33333; }
  100% {
    opacity: 0.26667; } }
/**
 *  Side menu styles
 */
.menu {
  background-color: #666;
  min-height: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  transition: all 0.5s ease;
  width: 220px;
  z-index: 999999;
  /*@media (max-width: $screen-md-min) {
    left: -$aside-width;
  }*/ }
  .menu .badge {
    position: absolute;
    right: 15px;
    background: white;
    width: 20px;
    height: 20px;
    color: black;
    line-height: 20px;
    font-weight: 600 !important;
    font-size: 14px;
    padding: 0; }
  .menu .menu-brand {
    background-color: #fff;
    height: 91px;
    line-height: 91px;
    text-align: center; }
    .menu .menu-brand img {
      height: auto;
      width: auto;
      max-height: 92px;
      max-width: 100%;
      margin-top: -4px; }
  .menu .new-menu-brand {
    background-color: #666;
    height: 100px;
    line-height: 100px;
    text-align: center; }
    .menu .new-menu-brand img {
      height: 80px;
      width: 200px; }
  .menu .menu-nav {
    background-color: #666;
    position: relative;
    width: 100%; }
    .menu .menu-nav ul {
      list-style: none;
      padding-left: 0; }
    .menu .menu-nav li {
      line-height: 20px;
      text-transform: capitalize; }
    .menu .menu-nav .active a {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.3);
      padding-left: 13px;
      font-weight: 400; }
    .menu .menu-nav .active-link {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.3);
      padding-left: 13px;
      font-weight: 400; }
    .menu .menu-nav .active-item-admin {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.3);
      font-weight: 400; }
      .menu .menu-nav .active-item-admin a {
        color: #fff; }
    .menu .menu-nav span {
      margin-left: 25px;
      font-weight: 400; }
    .menu .menu-nav a {
      font-size: 14px;
      font-size: 1.4rem;
      color: rgba(255, 255, 255, 0.9);
      display: block;
      text-decoration: none;
      font-weight: 400;
      padding: 10px;
      height: 37.7px; }
      .menu .menu-nav a:hover {
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
        text-decoration: none; }
      .menu .menu-nav a:active, .menu .menu-nav a:focus {
        text-decoration: none; }
      .menu .menu-nav a .icon-img {
        position: absolute;
        width: 20px; }
        .menu .menu-nav a .icon-img img {
          max-width: 100%; }
        .menu .menu-nav a .icon-img .img-fix-size {
          width: 16px;
          height: 16px; }
      .menu .menu-nav a .icon {
        font-size: 20px;
        font-size: 2rem;
        float: right; }
    .menu .menu-nav .menu-brand {
      background-color: #fff;
      height: 91px;
      line-height: 91px;
      text-align: center; }
      .menu .menu-nav .menu-brand img {
        height: auto;
        width: auto;
        max-height: 91px;
        max-width: 100%;
        margin-top: -3px; }
    .menu .menu-nav .menu-user {
      font-size: 14px;
      font-size: 1.4rem;
      border-bottom: 3px solid rgba(43, 42, 42, 0.25);
      border-top: 3px solid rgba(43, 42, 42, 0.25);
      color: white;
      cursor: pointer;
      height: auto;
      padding: 10px;
      display: flex;
      align-items: center;
      gap: 10px;
      text-transform: capitalize;
      position: relative; }
      .menu .menu-nav .menu-user .profile-photo {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%; }
        .menu .menu-nav .menu-user .profile-photo img {
          border: 1px solid #fff;
          width: auto;
          height: auto;
          max-width: 52px;
          max-height: 52px;
          object-fit: cover; }
      .menu .menu-nav .menu-user .details {
        display: flex;
        align-items: center;
        flex-grow: 1; }
        .menu .menu-nav .menu-user .details .inner {
          color: #ECECEC;
          font-weight: 400;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          min-width: 140px; }
      .menu .menu-nav .menu-user .close-menu {
        position: absolute;
        top: 0px;
        right: 0px; }
    .menu .menu-nav .contact-menu {
      border-top: 3px solid rgba(43, 42, 42, 0.25); }
    .menu .menu-nav .menu-admin {
      border-top: 3px solid rgba(43, 42, 42, 0.25);
      margin: 0; }
      .menu .menu-nav .menu-admin .item-header {
        display: table;
        width: 100%; }
      .menu .menu-nav .menu-admin .menu-admin-list li a:hover {
        opacity: 0.7; }
    .menu .menu-nav .menu-admin__accent {
      border-top: 3px solid rgba(43, 42, 42, 0.25);
      padding-top: 10px !important; }
  .menu .mango-side-title {
    font-size: 20px !important;
    font-family: "Inter", "Arial Black", sans-serif;
    color: #F09609 !important;
    text-transform: lowercase !important;
    text-align: center;
    padding-left: 0 !important;
    border-bottom: solid 3px rgba(43, 42, 42, 0.25);
    padding-bottom: 20px; }

.menu.expanded {
  top: 50px;
  height: calc(100% - 50px);
  min-height: calc(100% - 50px); }

.close {
  color: white;
  opacity: 1;
  padding: 5px 0 !important;
  position: absolute;
  right: 0;
  background: rgba(26, 27, 27, 0.97);
  height: 30px !important;
  width: 25px;
  z-index: 9000000; }
  .close i {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    width: 25px;
    text-align: center;
    line-height: 20px; }

.show {
  left: 0; }

.close-aside {
  left: -200px; }

.side-menu-close {
  padding-left: 0; }

.create-plus-button {
  margin: 1em;
  color: #00304D;
  font-size: 29px;
  display: none; }

.create-plus-button-padding {
  margin: 1em;
  color: #525252;
  font-size: 29px;
  display: none; }

@media (max-width: 599px) {
  .general-button {
    width: 100% !important; }

  .create-trans {
    display: none; }

  .create-plus-button-padding {
    display: inherit;
    margin: 0.5em !important; } }
@media (max-width: 320px) {
  .create-plus-button {
    display: inherit; }

  .general-button {
    display: none; } }
@media (max-width: 768px) {
  .create-trans {
    width: 100% !important; } }
.content-big {
  margin-left: -161px;
  z-index: 1000;
  position: relative;
  padding-top: 12px;
  border-top: 1px solid #dddddd;
  margin-top: -1px; }

.footer-big {
  z-index: 1000; }

.closed-nav {
  width: 62px !important; }
  .closed-nav .menu-admin a {
    text-align: center !important; }
  .closed-nav .menu-admin .flex {
    display: block !important; }
  .closed-nav .menu-admin .fa-star-o {
    position: relative !important; }
  .closed-nav .menu-admin__accent {
    padding-bottom: 20px !important; }
  .closed-nav .menu-user {
    padding-left: 5px !important; }
  .closed-nav li {
    text-align: center !important; }
  .closed-nav a:not(.close-menu) {
    padding: 10px 0 !important;
    padding-right: 5px !important; }
  .closed-nav .icon-img {
    width: 100% !important; }

.closed-site-wrap {
  padding-left: 62px !important; }

.close-icon {
  margin-right: -24px; }

.animation-if.ng-enter {
  transition: 3s linear all;
  opacity: 0; }

.animation-if.ng-enter.ng-enter-active {
  opacity: 1; }

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

.icons-16 {
  width: 16px;
  height: auto; }

.new-site-header {
  position: sticky;
  top: 0;
  right: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 235px;
  background: #666;
  transition: all 0.5s ease;
  box-sizing: border-box;
  /* Dynamic header image */
  /* Breadcrumbs */
  /* Landing Page Icon */
  /* Header Actions */ }
  .new-site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 1rem; }
  .new-site-header__image {
    height: 30px;
    margin-right: 8px;
    vertical-align: middle; }
  .new-site-header__breadcrumbs {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .new-site-header__breadcrumbs a {
      color: rgba(255, 255, 255, 0.85);
      font-size: 18px;
      text-decoration: none;
      line-height: 1;
      vertical-align: middle; }
      .new-site-header__breadcrumbs a:visited {
        color: rgba(255, 255, 255, 0.85) !important; }
      .new-site-header__breadcrumbs a:hover {
        text-decoration: underline;
        opacity: 1; }
    .new-site-header__breadcrumbs .crumb {
      display: inline-flex;
      align-items: center;
      font-size: 18px;
      opacity: 0.85;
      line-height: 1;
      vertical-align: middle; }
      .new-site-header__breadcrumbs .crumb.current {
        font-weight: 600;
        opacity: 1;
        color: rgba(255, 255, 255, 0.85); }
    .new-site-header__breadcrumbs .crumb-sep {
      opacity: 0.8;
      font-size: 18px;
      margin: 0 0.5rem;
      user-select: none;
      line-height: 1;
      display: inline-flex;
      align-items: center; }
  .new-site-header__landing-icon {
    padding: 4px 5px 0 5px;
    color: #b9b9b9; }
  .new-site-header__actions {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-shrink: 0;
    padding-right: 15px; }
    .new-site-header__actions .header-action-btn {
      border-radius: 4px;
      color: #fff;
      width: 175px !important;
      height: 30px;
      line-height: 15px;
      font-size: 14px;
      font-weight: 300;
      transition: background 0.2s ease, color 0.2s ease;
      cursor: pointer; }
      .new-site-header__actions .header-action-btn:hover {
        opacity: 0.7; }
    .new-site-header__actions .user-guide-action {
      display: flex;
      align-items: center;
      cursor: pointer;
      font-weight: 800;
      color: #FF9900; }
      .new-site-header__actions .user-guide-action i {
        font-size: x-large;
        position: relative;
        margin-right: 8px; }
      .new-site-header__actions .user-guide-action span {
        font-size: 16px;
        height: 35px;
        display: flex;
        align-items: center; }
      .new-site-header__actions .user-guide-action:hover {
        opacity: 0.8; }
  .new-site-header.expanded {
    top: 50px; }
  .new-site-header--closed-nav {
    padding-left: 77px; }

.recently-viewed {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  line-height: 20px;
  padding-right: 1rem;
  width: 250px;
  background-color: white;
  border-radius: 4px;
  height: 30px;
  font-size: 14px;
  cursor: pointer; }
  .recently-viewed__trigger {
    display: flex;
    gap: 0.5rem;
    align-items: center; }
    .recently-viewed__trigger:hover {
      opacity: 0.8 !important; }
  .recently-viewed__icon {
    cursor: pointer;
    font-size: 18px;
    margin-left: 1rem; }
  .recently-viewed__list {
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1000;
    min-width: 250px;
    max-width: 440px;
    max-height: calc(100vh - 150px);
    overflow-y: auto; }
    .recently-viewed__list .dropdown-loader {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10;
      border-radius: 4px; }
      .recently-viewed__list .dropdown-loader .spinner {
        font-size: 3rem;
        color: #00304D;
        animation: spin 1s linear infinite; }
    .recently-viewed__list li {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.3rem 0.5rem;
      border-radius: 2px; }
      .recently-viewed__list li:hover {
        background-color: #f5f5f5; }
      .recently-viewed__list li .page-link {
        flex: 1;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #333;
        text-decoration: none;
        font-size: 12px; }
        .recently-viewed__list li .page-link:hover {
          text-decoration: underline; }
      .recently-viewed__list li .page-icon {
        margin: 0 0.5rem;
        cursor: pointer;
        color: #757575;
        font-size: 14px; }
      .recently-viewed__list li .page-trash {
        flex-shrink: 0;
        margin-left: 0.5rem;
        cursor: pointer;
        color: #757575;
        font-size: 14px; }
        .recently-viewed__list li .page-trash:hover {
          color: #c00; }
    .recently-viewed__list .section-header {
      font-size: 14px;
      font-weight: bold;
      background: #666;
      color: #fff;
      padding: 0.4rem 0.6rem;
      padding-left: 30px;
      cursor: default; }
      .recently-viewed__list .section-header:hover, .recently-viewed__list .section-header:focus, .recently-viewed__list .section-header:active {
        background: #666;
        color: #fff; }
    .recently-viewed__list .comps-cart {
      background-color: #FF9900;
      text-align: left;
      padding: 0.4rem 0.6rem;
      padding-left: 30px;
      display: flex;
      align-items: center;
      gap: 0.5rem; }
      .recently-viewed__list .comps-cart .page-link {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 14px; }
      .recently-viewed__list .comps-cart .comp-counter-svg {
        width: 20px;
        height: 20px; }
      .recently-viewed__list .comps-cart:hover {
        background-color: #e4830c; }

/**
 *  Modal styles
 */
.modal-backdrop {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99990 !important; }

.modal-dialog {
  z-index: 99999999 !important; }

.height-43 {
  height: 43px !important; }

.fund-close {
  float: right;
  padding-right: 20px;
  font-size: 22px;
  cursor: pointer; }

.custom-fund-users .multi-dropdown {
  height: 35px;
  width: 300px;
  float: right;
  margin-top: -5px; }
  .custom-fund-users .multi-dropdown button {
    height: 30px;
    width: 200px !important;
    text-align: left;
    text-transform: none !important; }
    .custom-fund-users .multi-dropdown button .caret {
      float: right !important; }

.bottom-fund-row {
  display: inline-block; }

.modal {
  z-index: 1000000 !important; }
  .modal .btn-prop {
    box-sizing: border-box;
    width: 50%;
    height: 70px !important;
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0;
    float: left;
    border: 0; }
  .modal .button-ok {
    font-size: 17px;
    font-size: 1.7rem;
    border-radius: 4px;
    background-color: #00304D;
    color: #ffffff;
    font-weight: 400;
    height: 42px;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase; }
    .modal .button-ok:hover {
      opacity: 0.7; }
  .modal .button-delete {
    font-size: 17px;
    font-size: 1.7rem;
    border-radius: 4px;
    background-color: #e70c0c;
    color: #ffffff;
    font-weight: 400;
    height: 42px;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase; }
    .modal .button-delete:hover {
      opacity: 0.7; }
  .modal .button-warning {
    font-size: 17px;
    font-size: 1.7rem;
    border-radius: 4px;
    background-color: #eab359;
    color: #ffffff;
    font-weight: 400;
    height: 42px;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase; }
    .modal .button-warning:hover {
      opacity: 0.7; }
  .modal .button-cancel {
    font-size: 17px;
    font-size: 1.7rem;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: #888888;
    font-weight: 400;
    height: 42px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px; }
    .modal .button-cancel:hover {
      opacity: 0.7; }
  .modal .button-cancel__no-transform {
    font-size: 17px;
    font-size: 1.7rem;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: #888888;
    font-weight: 400;
    height: 42px;
    text-transform: none;
    padding-left: 15px;
    padding-right: 15px; }
    .modal .button-cancel__no-transform:hover {
      opacity: 0.7; }
  .modal .button-cancel-3-button {
    font-size: 14px !important;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: #888888;
    font-weight: 400;
    height: 42px;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px; }
    .modal .button-cancel-3-button:hover {
      opacity: 0.7; }
  .modal .button-warning {
    font-size: 17px;
    font-size: 1.7rem;
    border-radius: 4px;
    background-color: #eab359;
    color: #ffffff;
    font-weight: 400;
    height: 42px;
    padding-left: 25px;
    padding-right: 25px;
    text-transform: uppercase; }
    .modal .button-warning:hover {
      opacity: 0.7; }
  .modal .close-modal {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    transition: 0.3s; }
    .modal .close-modal:hover {
      color: #666; }

.document-tag-modal {
  z-index: 2147483645 !important; }
  .document-tag-modal .modal-content {
    width: 1300px;
    margin-left: -15%; }
    .document-tag-modal .modal-content .modal-body {
      padding: unset;
      height: 300px; }
      .document-tag-modal .modal-content .modal-body .file-tag-container {
        height: 300px;
        overflow-y: auto;
        overflow-x: hidden; }
      .document-tag-modal .modal-content .modal-body .unset-padding {
        padding: unset; }
    .document-tag-modal .modal-content .multi-dropdown {
      margin-right: 20px; }
      .document-tag-modal .modal-content .multi-dropdown .multiselect-parent {
        width: 100%;
        height: 35px; }
        .document-tag-modal .modal-content .multi-dropdown .multiselect-parent .dropdown-menu {
          width: 100%;
          width: 500px;
          max-height: 400px; }
          .document-tag-modal .modal-content .multi-dropdown .multiselect-parent .dropdown-menu span {
            font-size: 16px; }
      .document-tag-modal .modal-content .multi-dropdown button {
        width: 100%;
        height: 35px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-transform: unset; }
        .document-tag-modal .modal-content .multi-dropdown button .caret:before {
          float: right;
          padding-bottom: 20px; }
        .document-tag-modal .modal-content .multi-dropdown button .caret {
          float: right;
          padding-bottom: 20px; }

.update-tag-modal .modal-content {
  transform: translateY(30vh); }

.document-view-modal {
  z-index: 9999999999 !important; }
  .document-view-modal .modal-content {
    width: 750px;
    left: 50%;
    top: 75px;
    transform: translateX(-50%); }
    .document-view-modal .modal-content .modal-body {
      padding: unset;
      height: 300px; }
      .document-view-modal .modal-content .modal-body .file-tag-container {
        height: 300px;
        overflow-y: auto;
        overflow-x: hidden; }
      .document-view-modal .modal-content .modal-body .unset-padding {
        padding: unset; }
    .document-view-modal .modal-content .multi-dropdown {
      margin-right: 20px; }
      .document-view-modal .modal-content .multi-dropdown .multiselect-parent {
        width: 100%;
        height: 35px; }
        .document-view-modal .modal-content .multi-dropdown .multiselect-parent .dropdown-menu {
          width: 100%;
          max-height: 400px; }
      .document-view-modal .modal-content .multi-dropdown button {
        width: 100%;
        height: 35px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-transform: unset; }
        .document-view-modal .modal-content .multi-dropdown button .caret:before {
          float: right;
          padding-bottom: 20px; }
        .document-view-modal .modal-content .multi-dropdown button .caret {
          float: right;
          padding-bottom: 20px; }

.confirmation-modal .modal-dialog, .confirmation-modal .modal-content {
  background-color: #ffffff;
  border: 0;
  border-radius: 0 !important; }
.confirmation-modal .modal-dialog {
  margin: 14% auto;
  width: 390px; }
.confirmation-modal .modal-content {
  padding: 30px; }
.confirmation-modal .modal-header {
  border: 0;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 46px;
  padding: 0; }
  .confirmation-modal .modal-header h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600; }
.confirmation-modal .modal-footer {
  border: 0;
  color: #434343;
  padding: 0; }

.confirmation-modal-comment .modal-dialog, .confirmation-modal-comment .modal-content {
  background-color: #ffffff;
  border: 0;
  border-radius: 0 !important; }
.confirmation-modal-comment .modal-dialog {
  margin: 14% auto;
  width: 390px; }
.confirmation-modal-comment .modal-content {
  padding: 30px; }
.confirmation-modal-comment .modal-header {
  border: 0;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 46px;
  padding: 0; }
  .confirmation-modal-comment .modal-header h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600; }
.confirmation-modal-comment .modal-footer {
  border: 0;
  color: #434343;
  padding: 0;
  float: right !important; }

.info-modal {
  z-index: 9999999999 !important; }
  .info-modal .modal-dialog, .info-modal .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .info-modal .modal-dialog {
    margin: 14% auto;
    padding: 0;
    width: 390px; }
  .info-modal .modal-header {
    border: 0;
    height: 52px; }
    .info-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .info-modal .modal-header-green {
    background-color: #8edd5a; }
  .info-modal .modal-header-red {
    background-color: #e70c0c; }
  .info-modal .modal-header-yellow {
    background-color: #eab359; }
  .info-modal .modal-body {
    padding: 30px;
    overflow-y: auto;
    max-height: 50vh; }
    .info-modal .modal-body h4 {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 600;
      margin-bottom: 7px; }
    .info-modal .modal-body p {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 0; }
  .info-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 10px 18px 0; }

.move-images-modal {
  z-index: 9999999999 !important; }
  .move-images-modal .modal-dialog, .move-images-modal .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .move-images-modal .modal-dialog {
    margin: 14% auto;
    padding: 0;
    width: 430px; }
  .move-images-modal .modal-header {
    border: 0;
    height: 52px; }
    .move-images-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .move-images-modal .modal-header-green {
    background-color: #8edd5a; }
  .move-images-modal .modal-header-red {
    background-color: #e70c0c; }
  .move-images-modal .modal-header-yellow {
    background-color: #eab359; }
  .move-images-modal .modal-body {
    padding: 30px; }
    .move-images-modal .modal-body h4 {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 600;
      margin-bottom: 7px; }
    .move-images-modal .modal-body p {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 0; }
  .move-images-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 10px 18px 0; }

.replace-modal {
  z-index: 9999999999 !important; }
  .replace-modal .modal-dialog, .replace-modal .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .replace-modal .modal-dialog {
    top: 155px; }
  .replace-modal .modal-content {
    width: 800px;
    height: 200px;
    right: 150px; }
  .replace-modal .replace-modal-btn {
    float: right;
    margin-right: 20px;
    margin-top: 5px; }
  .replace-modal .replace-action-btn {
    width: 180px;
    height: 40px;
    color: white;
    margin-top: 30px;
    margin-left: 5px; }
  .replace-modal .replace-action-btn:hover {
    opacity: .7; }
  .replace-modal .dropdown-menu .open {
    height: 340px !important; }
  .replace-modal .dropdown-menu .inner {
    height: 340px !important; }
  .replace-modal .modal-header {
    border: 0;
    height: 52px; }
    .replace-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .replace-modal .modal-header-green {
    background-color: #8edd5a; }
  .replace-modal .modal-header-red {
    background-color: #e70c0c; }
  .replace-modal .modal-header-yellow {
    background-color: #eab359; }
  .replace-modal .modal-body {
    padding: 30px; }
    .replace-modal .modal-body h4 {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 600;
      margin-bottom: 7px; }
    .replace-modal .modal-body p {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 0; }
  .replace-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 10px 18px 0; }

.manage-fund-modal {
  z-index: 99999999 !important; }
  .manage-fund-modal .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin-top: 30px; }
    .manage-fund-modal .modal-body .multi-dropdown .multiselect-parent ul {
      max-height: 60vh !important; }
  .manage-fund-modal .modal-dialog {
    height: 650px;
    width: calc(100% - 15%); }
  .manage-fund-modal td {
    padding: 5px;
    font-size: 14px; }
  .manage-fund-modal th {
    padding: 5px; }
  .manage-fund-modal a {
    font-size: 14px; }
  .manage-fund-modal .modal-content {
    height: 675px;
    z-index: 999999;
    overflow: visible; }
    .manage-fund-modal .modal-content .multi-dropdown .multiselect-parent ul {
      max-height: 80vh !important; }
  .manage-fund-modal .left-scroll > table > tbody > tr:last-child {
    border-bottom: 25px solid white; }
  .manage-fund-modal .right-scroll > table > tbody > tr:last-child {
    border-bottom: 25px solid white; }
  .manage-fund-modal .linked-2::-webkit-scrollbar {
    width: 0px;
    margin-top: 10px;
    background: transparent;
    /* make scrollbar transparent */ }
  .manage-fund-modal .wf-modal-overflow {
    height: 450px;
    overflow-x: hidden;
    overflow-y: scroll; }
  .manage-fund-modal .wf-modal-float {
    float: left; }
  .manage-fund-modal .wf-modal-role {
    text-align: left;
    margin-top: 20px;
    font-weight: 600; }
  .manage-fund-modal .wf-row-height {
    height: 50px;
    margin-top: 15px; }
  .manage-fund-modal .wf-row-asset {
    width: 225px; }
  .manage-fund-modal .wf-row-type {
    width: 160px; }
  .manage-fund-modal .wf-row-users {
    width: 585px; }
  .manage-fund-modal .workflow-modal-btn {
    height: 25px;
    color: white;
    background-color: gray;
    border-radius: 5px;
    margin-right: 35px; }
  .manage-fund-modal .workflow-modal-btn:hover {
    opacity: .7; }
  .manage-fund-modal .workflow-action-button:hover {
    opacity: .7; }
  .manage-fund-modal tr {
    border-bottom: 1px solid black; }
  .manage-fund-modal td {
    padding: 10px; }
  .manage-fund-modal .workflow-table-info td {
    font-size: 14px;
    font-weight: 600; }
  .manage-fund-modal .workflow-table-border-btn {
    border-bottom: 1px solid black; }
  .manage-fund-modal .sticky {
    width: 100%;
    height: 35px; }
  .manage-fund-modal .sticky + .content {
    padding-top: 102px; }
  .manage-fund-modal .btn-bottom-exit {
    background-color: #555;
    border-color: #ccc;
    color: white;
    width: 140px; }
  .manage-fund-modal .workflow-footer {
    background-color: #555555;
    position: fixed;
    top: 510px;
    height: 90px;
    width: 1200px; }
  .manage-fund-modal .workflow-action-button {
    width: 160px;
    height: 35px;
    font-size: 14px;
    margin-right: 40px;
    margin-top: 10px;
    color: white;
    background-color: #555555; }

.manage-appr-modal {
  z-index: 99999999 !important; }
  .manage-appr-modal .modal-dialog {
    height: 250px;
    width: calc(100% - 65%); }
  .manage-appr-modal td {
    padding: 5px;
    font-size: 14px; }
  .manage-appr-modal th {
    padding: 5px; }
  .manage-appr-modal a {
    font-size: 14px; }
  .manage-appr-modal .modal-content {
    height: 350px;
    width: 400px;
    overflow-y: hidden;
    overflow-x: hidden;
    z-index: 999999; }
  .manage-appr-modal .left-scroll > table > tbody > tr:last-child {
    border-bottom: 25px solid white; }
  .manage-appr-modal .right-scroll > table > tbody > tr:last-child {
    border-bottom: 25px solid white; }

.manage-users-modal {
  z-index: 99999999 !important; }
  .manage-users-modal .modal-dialog {
    height: 650px;
    width: 1200px; }
  .manage-users-modal td, .manage-users-modal th {
    padding: 5px; }
  .manage-users-modal .modal-content {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999999; }
  .manage-users-modal .wf-modal-overflow {
    height: 450px;
    overflow-x: hidden;
    overflow-y: scroll; }
  .manage-users-modal .wf-modal-header-row {
    border-bottom: 1px solid #555555;
    font-size: 14px; }
  .manage-users-modal .wf-modal-float {
    float: left; }
  .manage-users-modal .wf-modal-role {
    text-align: left;
    margin-top: 20px;
    font-weight: 600; }
  .manage-users-modal .wf-row-height {
    height: 50px;
    margin-top: 15px; }
  .manage-users-modal .wf-row-asset {
    width: 225px; }
  .manage-users-modal .wf-row-type {
    width: 160px; }
  .manage-users-modal .wf-row-users {
    width: 585px; }
  .manage-users-modal .workflow-modal-btn {
    height: 25px;
    color: white;
    background-color: gray;
    border-radius: 5px;
    margin-right: 35px; }
  .manage-users-modal .workflow-modal-btn:hover {
    opacity: .7; }
  .manage-users-modal .workflow-action-button:hover {
    opacity: .7; }
  .manage-users-modal td {
    padding: 5px; }
  .manage-users-modal .workflow-table-info td {
    font-size: 14px;
    font-weight: 600; }
  .manage-users-modal .workflow-table-border-btn {
    border-bottom: 1px solid black; }
  .manage-users-modal .sticky {
    width: 100%;
    height: 35px; }
  .manage-users-modal .sticky + .content {
    padding-top: 102px; }
  .manage-users-modal .btn-bottom-exit {
    background-color: #555;
    border-color: #ccc;
    color: white;
    width: 140px; }
  .manage-users-modal .workflow-footer {
    background-color: #555555;
    position: fixed;
    top: 510px;
    height: 90px;
    width: 1200px; }
  .manage-users-modal .workflow-action-button {
    width: 160px;
    height: 35px;
    font-size: 14px;
    margin-right: 40px;
    margin-top: 10px;
    color: white;
    background-color: #555555; }

.task-automation-modal {
  z-index: 999999999 !important; }
  .task-automation-modal .modal-dialog, .task-automation-modal .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .task-automation-modal .modal-dialog {
    top: 105px;
    width: 400px; }
  .task-automation-modal .modal-content {
    width: 400px;
    height: 150px; }
  .task-automation-modal .replace-modal-btn {
    float: right;
    margin-right: 20px;
    margin-top: 5px; }
  .task-automation-modal .replace-action-btn {
    width: 180px;
    height: 40px;
    color: white;
    margin-top: 30px;
    margin-left: 5px; }
  .task-automation-modal .replace-action-btn:hover {
    opacity: .7; }
  .task-automation-modal .exit-modal-icon:hover {
    opacity: .7; }
  .task-automation-modal .modal-header {
    border: 0;
    height: 52px; }
    .task-automation-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .task-automation-modal .modal-header-green {
    background-color: #8edd5a; }
  .task-automation-modal .modal-header-red {
    background-color: #e70c0c; }
  .task-automation-modal .modal-header-yellow {
    background-color: #eab359; }
  .task-automation-modal .modal-body {
    padding: 30px; }
    .task-automation-modal .modal-body h4 {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 600;
      margin-bottom: 7px; }
    .task-automation-modal .modal-body p {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 0; }
  .task-automation-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 10px 18px 0; }

.edit-appraisal-modal {
  z-index: 999999999 !important; }
  .edit-appraisal-modal .modal-dialog, .edit-appraisal-modal .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .edit-appraisal-modal .modal-dialog {
    top: 155px;
    width: 1000px; }
  .edit-appraisal-modal .modal-content {
    width: 1000px;
    height: 450px; }
  .edit-appraisal-modal .replace-modal-btn {
    float: right;
    margin-right: 20px;
    margin-top: 5px; }
  .edit-appraisal-modal .replace-action-btn {
    width: 180px;
    height: 40px;
    color: white;
    margin-top: 30px;
    margin-left: 5px; }
  .edit-appraisal-modal .replace-action-btn:hover {
    opacity: .7; }
  .edit-appraisal-modal .exit-modal-icon:hover {
    opacity: .7; }
  .edit-appraisal-modal .modal-header {
    border: 0;
    height: 52px; }
    .edit-appraisal-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .edit-appraisal-modal .modal-header-green {
    background-color: #8edd5a; }
  .edit-appraisal-modal .modal-header-red {
    background-color: #e70c0c; }
  .edit-appraisal-modal .modal-header-yellow {
    background-color: #eab359; }
  .edit-appraisal-modal .modal-body {
    padding: 30px; }
    .edit-appraisal-modal .modal-body h4 {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 600;
      margin-bottom: 7px; }
    .edit-appraisal-modal .modal-body p {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 0; }
  .edit-appraisal-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 10px 18px 0; }

.appr-modal-ctr {
  z-index: 999999 !important; }
  .appr-modal-ctr .modal-dialog, .appr-modal-ctr .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .appr-modal-ctr .modal-dialog {
    width: 650px;
    right: 75px; }
  .appr-modal-ctr .modal-content {
    width: 1000px;
    height: auto;
    max-height: 100vh;
    display: flex;
    flex-direction: column; }
    .appr-modal-ctr .modal-content .modal-body {
      flex-grow: 1;
      overflow: auto; }

.edit-vm-doc-modal {
  z-index: 999999999 !important; }
  .edit-vm-doc-modal .modal-header {
    height: auto !important;
    padding-left: 30px;
    border: 0; }
    .edit-vm-doc-modal .modal-header h1 {
      margin-top: 10px !important;
      font-size: 30px; }
  .edit-vm-doc-modal .modal-dialog, .edit-vm-doc-modal .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .edit-vm-doc-modal .modal-dialog {
    width: calc(100vw - 100px); }
  .edit-vm-doc-modal .modal-content {
    width: calc(100vw - 100px);
    max-height: 112vh; }
  .edit-vm-doc-modal .replace-modal-btn {
    float: right;
    margin-right: 20px;
    margin-top: 5px; }
  .edit-vm-doc-modal .replace-action-btn {
    width: 180px;
    height: 40px;
    color: white;
    margin-top: 30px;
    margin-left: 5px; }
  .edit-vm-doc-modal .replace-action-btn:hover {
    opacity: .7; }
  .edit-vm-doc-modal .exit-modal-icon:hover {
    opacity: .7; }
  .edit-vm-doc-modal .modal-header-green {
    background-color: #8edd5a; }
  .edit-vm-doc-modal .modal-header-red {
    background-color: #e70c0c; }
  .edit-vm-doc-modal .modal-header-yellow {
    background-color: #eab359; }
  .edit-vm-doc-modal .modal-body {
    padding: 30px; }
    .edit-vm-doc-modal .modal-body h4 {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 600;
      margin-bottom: 7px; }
    .edit-vm-doc-modal .modal-body p {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 0; }
  .edit-vm-doc-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 10px 18px 0; }
  .edit-vm-doc-modal #changeLogModal .modal-header {
    margin-bottom: 46px; }
  .edit-vm-doc-modal #changeLogModal .modal-dialog {
    margin: 14% auto;
    width: 390px; }
  .edit-vm-doc-modal #changeLogModal .modal-content {
    padding: 30px;
    height: auto;
    width: auto; }
  .edit-vm-doc-modal #changeLogModal .modal-footer {
    padding-top: 80px; }

.required-docs-modal {
  z-index: 999999999 !important; }
  .required-docs-modal .modal-dialog, .required-docs-modal .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .required-docs-modal .modal-dialog {
    width: 650px; }
  .required-docs-modal .modal-content {
    width: 650px;
    height: 500px; }
  .required-docs-modal .replace-modal-btn {
    float: right;
    margin-right: 20px;
    margin-top: 5px; }
  .required-docs-modal .replace-action-btn {
    width: 180px;
    height: 40px;
    color: white;
    margin-top: 30px;
    margin-left: 5px; }
  .required-docs-modal .replace-action-btn:hover {
    opacity: .7; }
  .required-docs-modal .exit-modal-icon:hover {
    opacity: .7; }
  .required-docs-modal .modal-header {
    border: 0;
    height: 52px; }
    .required-docs-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .required-docs-modal .modal-header-green {
    background-color: #8edd5a; }
  .required-docs-modal .modal-header-red {
    background-color: #e70c0c; }
  .required-docs-modal .modal-header-yellow {
    background-color: #eab359; }
  .required-docs-modal .modal-body {
    padding: 30px; }
    .required-docs-modal .modal-body h4 {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 600;
      margin-bottom: 7px; }
    .required-docs-modal .modal-body p {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 0; }
  .required-docs-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 10px 18px 0; }

.edit-appr-scheduling-modal {
  z-index: 999999999 !important; }
  .edit-appr-scheduling-modal .modal-dialog, .edit-appr-scheduling-modal .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .edit-appr-scheduling-modal .modal-dialog {
    width: 1140px; }
  .edit-appr-scheduling-modal .modal-content {
    width: 1140px;
    height: 600px;
    max-height: 112vh; }
  .edit-appr-scheduling-modal .replace-modal-btn {
    float: right;
    margin-right: 20px;
    margin-top: 5px; }
  .edit-appr-scheduling-modal .replace-action-btn {
    width: 180px;
    height: 40px;
    color: white;
    margin-top: 30px;
    margin-left: 5px; }
  .edit-appr-scheduling-modal .replace-action-btn:hover {
    opacity: .7; }
  .edit-appr-scheduling-modal .exit-modal-icon:hover {
    opacity: .7; }
  .edit-appr-scheduling-modal .modal-header {
    border: 0;
    height: 52px; }
    .edit-appr-scheduling-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .edit-appr-scheduling-modal .modal-header-green {
    background-color: #8edd5a; }
  .edit-appr-scheduling-modal .modal-header-red {
    background-color: #e70c0c; }
  .edit-appr-scheduling-modal .modal-header-yellow {
    background-color: #eab359; }
  .edit-appr-scheduling-modal .modal-body {
    padding: 30px; }
    .edit-appr-scheduling-modal .modal-body h4 {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 600;
      margin-bottom: 7px; }
    .edit-appr-scheduling-modal .modal-body p {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 0; }
  .edit-appr-scheduling-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 10px 18px 0; }

.modify-comments-modal {
  z-index: 999999999 !important; }
  .modify-comments-modal .modal-dialog, .modify-comments-modal .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .modify-comments-modal .modal-dialog {
    top: 155px; }
  .modify-comments-modal .modal-content {
    width: 700px;
    height: 400px; }
  .modify-comments-modal .replace-modal-btn {
    float: right;
    margin-right: 20px;
    margin-top: 5px; }
  .modify-comments-modal .replace-action-btn {
    width: 180px;
    height: 40px;
    color: white;
    margin-top: 30px;
    margin-left: 5px; }
  .modify-comments-modal .replace-action-btn:hover {
    opacity: .7; }
  .modify-comments-modal .exit-modal-icon:hover {
    opacity: .7; }
  .modify-comments-modal .modal-header {
    border: 0;
    height: 52px; }
    .modify-comments-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .modify-comments-modal .modal-header-green {
    background-color: #8edd5a; }
  .modify-comments-modal .modal-header-red {
    background-color: #e70c0c; }
  .modify-comments-modal .modal-header-yellow {
    background-color: #eab359; }
  .modify-comments-modal .modal-body {
    padding: 30px; }
    .modify-comments-modal .modal-body h4 {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 600;
      margin-bottom: 7px; }
    .modify-comments-modal .modal-body p {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 0; }
  .modify-comments-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 10px 18px 0; }

.modify-users-modal {
  z-index: 999999999 !important; }
  .modify-users-modal .modal-dialog, .modify-users-modal .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .modify-users-modal .modal-dialog {
    top: 155px; }
  .modify-users-modal .modal-content {
    width: 1100px;
    height: auto;
    right: 240px; }
  .modify-users-modal .replace-modal-btn {
    float: right;
    margin-right: 20px;
    margin-top: 5px; }
  .modify-users-modal .replace-action-btn {
    width: 180px;
    height: 40px;
    color: white;
    margin-top: 30px;
    margin-left: 5px; }
  .modify-users-modal .replace-action-btn:hover {
    opacity: .7; }
  .modify-users-modal .exit-modal-icon:hover {
    opacity: .7; }
  .modify-users-modal .modal-header {
    border: 0;
    height: 52px; }
    .modify-users-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .modify-users-modal .modal-header-green {
    background-color: #8edd5a; }
  .modify-users-modal .modal-header-red {
    background-color: #e70c0c; }
  .modify-users-modal .modal-header-yellow {
    background-color: #eab359; }
  .modify-users-modal .modal-body {
    padding: 30px; }
    .modify-users-modal .modal-body h4 {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 600;
      margin-bottom: 7px; }
    .modify-users-modal .modal-body p {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 0; }
  .modify-users-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 10px 18px 0; }

.edit-schedule-modal .modal-dialog, .edit-schedule-modal .modal-content {
  background-color: #ffffff;
  border: 0;
  border-radius: 0 !important; }
.edit-schedule-modal .modal-dialog {
  margin: 14% auto;
  width: 450px; }
.edit-schedule-modal .modal-content {
  padding: 30px;
  width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  right: calc(100vh - 200px);
  height: calc(100vh - 250px); }
.edit-schedule-modal .modal-header {
  border: 0;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 46px;
  padding: 0; }
  .edit-schedule-modal .modal-header h4 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 15px; }
  .edit-schedule-modal .modal-header p {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600; }
  .edit-schedule-modal .modal-header h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 900; }

.modal.chat-modal .modal-dialog {
  width: 250px;
  margin: 0;
  right: 10px;
  position: absolute;
  top: 10px; }
  .modal.chat-modal .modal-dialog .modal-header {
    display: none; }
  .modal.chat-modal .modal-dialog .modal-footer {
    display: none; }
  .modal.chat-modal .modal-dialog .modal-body {
    background-color: #00304D;
    color: white;
    cursor: pointer; }
    .modal.chat-modal .modal-dialog .modal-body .icon-go {
      color: white;
      padding: 5px;
      padding-right: 10px; }
  .modal.chat-modal .modal-dialog .modal-content {
    box-shadow: none; }

.terms-of-use-modal .modal-dialog, .terms-of-use-modal .modal-content {
  background-color: #ffffff;
  border: 0;
  border-radius: 0 !important; }
.terms-of-use-modal .modal-dialog {
  width: 690px; }
.terms-of-use-modal .modal-content {
  padding: 30px; }
.terms-of-use-modal .modal-header {
  border: 0;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 30px;
  padding: 0; }
  .terms-of-use-modal .modal-header h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600; }
.terms-of-use-modal .modal-footer {
  border: 0;
  color: #434343;
  padding: 0; }
.terms-of-use-modal .modal-body {
  max-height: 400px;
  overflow: auto;
  padding: 0;
  margin-bottom: 15px; }

.modal-table {
  display: table;
  width: 100%;
  height: 100%;
  vertical-align: middle; }
  .modal-table .modal-dialog {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle; }
  .modal-table .modal-content {
    margin: auto; }

.confirmation-modal-dp .modal-dialog, .confirmation-modal-dp .modal-content {
  background-color: #ffffff;
  border: 0;
  border-radius: 0 !important; }
.confirmation-modal-dp .modal-dialog {
  margin: 14% auto;
  width: 450px; }
.confirmation-modal-dp .modal-content {
  padding: 30px; }
.confirmation-modal-dp .modal-header {
  border: 0;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 46px;
  padding: 0; }
  .confirmation-modal-dp .modal-header h4 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 15px; }
  .confirmation-modal-dp .modal-header p {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600; }
  .confirmation-modal-dp .modal-header h3 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 900; }
.confirmation-modal-dp .modal-footer {
  border: 0;
  color: #434343;
  padding: 0; }
.confirmation-modal-dp .button-close {
  font-size: 17px;
  font-size: 1.7rem;
  border-radius: 4px;
  background-color: #eab359;
  color: #ffffff;
  font-weight: 400;
  height: 42px;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase; }
  .confirmation-modal-dp .button-close:hover {
    opacity: 0.7; }

.custom-modal.modal-footer .addHighlighted {
  text-decoration: underline; }

.date-warning-modal {
  overflow-y: scroll !important;
  height: 250px; }

.custom-modal-x-scrolling .modal-dialog .modal-content {
  height: fit-content;
  overflow-x: hidden;
  width: 460px; }

.rca-comps-modal {
  z-index: 99999999 !important; }

.basic-dialog-modal {
  z-index: 99999999 !important; }

.basic-modal {
  z-index: 9999991 !important; }
  .basic-modal .warning-background {
    background-color: #eab359; }
  .basic-modal .table {
    overflow: hidden; }
  .basic-modal .table-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch; }
  .basic-modal .green-background {
    background-color: #8edd5a; }
  .basic-modal .modal-content {
    border-radius: 0; }
  .basic-modal .text-center {
    text-align: center; }
  .basic-modal .h5-line-height {
    line-height: 1.5; }
  .basic-modal .margin-right-15 {
    margin-right: 15px; }
  .basic-modal .float-right {
    float: right; }
  .basic-modal .file-col-width {
    min-width: 450px;
    max-width: 450px;
    word-wrap: break-word; }
    .basic-modal .file-col-width p {
      display: inline-block;
      margin-left: 10px;
      font-size: 1.3rem;
      width: 90%; }
  .basic-modal .custom-input {
    min-width: 20px;
    max-width: 20px;
    float: right; }
  .basic-modal .no-border-top {
    border-top: none; }
  .basic-modal .md-image {
    width: 25px; }

.upload-document-modal-class {
  z-index: 2147483650 !important; }

.proceed-warning-modal {
  z-index: 9999991 !important; }
  .proceed-warning-modal .warning-background {
    background-color: #eab359; }
  .proceed-warning-modal .table {
    overflow: hidden; }
  .proceed-warning-modal .table-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch; }
  .proceed-warning-modal .green-background {
    background-color: #8edd5a; }
  .proceed-warning-modal .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
  .proceed-warning-modal .modal-body {
    padding: unset !important; }
  .proceed-warning-modal .text-center {
    text-align: center; }
  .proceed-warning-modal .h5-line-height {
    line-height: 1.5; }
  .proceed-warning-modal .margin-right-15 {
    margin-right: 15px; }
  .proceed-warning-modal .float-right {
    float: right; }
  .proceed-warning-modal .file-col-width {
    min-width: 450px;
    max-width: 450px;
    word-wrap: break-word; }
    .proceed-warning-modal .file-col-width p {
      display: inline-block;
      margin-left: 10px;
      font-size: 1.3rem;
      width: 90%; }
  .proceed-warning-modal .custom-input {
    min-width: 20px;
    max-width: 20px;
    float: right; }
  .proceed-warning-modal .no-border-top {
    border-top: none; }
  .proceed-warning-modal .md-image {
    width: 25px; }

.error-wf-row {
  background-color: red !important; }

.document-print-modal {
  z-index: 999999999 !important; }
  .document-print-modal .modal-content {
    width: 1245px;
    left: 50%;
    transform: translateX(-50%);
    right: calc(100vh - 200px);
    height: calc(100vh - 100px);
    overflow: hidden; }
  .document-print-modal .modal-body {
    padding: unset; }
  .document-print-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.metrics-print-modal {
  z-index: 999999999 !important; }
  .metrics-print-modal .modal-content {
    width: 1300px;
    left: 50%;
    transform: translateX(-50%);
    height: calc(100vh - 100px); }
  .metrics-print-modal .modal-body {
    padding: unset; }
  .metrics-print-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

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

.create-bid-modal {
  z-index: 999999999 !important; }
  .create-bid-modal .modal-content {
    width: 700px;
    left: 50%;
    transform: translateX(-50%);
    height: 530px; }
  .create-bid-modal .modal-body {
    padding: unset; }
  .create-bid-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.create-options-modal {
  z-index: 1000010 !important; }

.create-bid-modal-small {
  z-index: 999999999 !important; }
  .create-bid-modal-small .modal-content {
    width: 700px;
    left: 50%;
    transform: translateX(-50%);
    height: 350px; }
  .create-bid-modal-small .modal-body {
    padding: unset; }
  .create-bid-modal-small .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.edit-bid-modal {
  z-index: 99999 !important;
  margin: -10px auto; }
  .edit-bid-modal .modal-content {
    width: 900px;
    left: 50%;
    transform: translateX(-50%);
    height: 650px; }
  .edit-bid-modal .modal-body {
    padding: unset; }
  .edit-bid-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }
  .edit-bid-modal__footer {
    padding: 0 45px; }

.show-price-modal {
  z-index: 999999 !important;
  margin: -10px auto; }
  .show-price-modal .modal-content {
    width: 700px;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    height: 500px; }
  .show-price-modal .modal-header {
    border-bottom: none; }
  .show-price-modal .modal-body {
    overflow-y: auto; }
  .show-price-modal .modal-footer {
    border-top: none; }
  .show-price-modal__footer {
    padding: 0 45px; }

.rfp-view-bid-modal {
  z-index: 999999 !important;
  margin: -10px auto; }
  .rfp-view-bid-modal .modal-content {
    width: 800px;
    left: 50%;
    transform: translateX(-50%);
    height: 500px; }
    .rfp-view-bid-modal .modal-content .slide-right-once {
      transition: .4s; }
    .rfp-view-bid-modal .modal-content .textarea-2 {
      max-height: 300px !important;
      height: 300px !important; }
  .rfp-view-bid-modal .modal-body {
    padding: unset; }
  .rfp-view-bid-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.edit-single-bid-modal {
  z-index: 999999 !important;
  margin: -10px auto; }
  .edit-single-bid-modal .modal-content {
    width: 900px;
    left: 50%;
    transform: translateX(-50%);
    height: 670px; }
  .edit-single-bid-modal .modal-body {
    padding: unset; }
  .edit-single-bid-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.edit-valuation-modal {
  z-index: 99999999 !important;
  margin: -10px auto; }
  .edit-valuation-modal .modal-content {
    width: 900px;
    left: 50%;
    transform: translateX(-50%);
    height: 670px; }
  .edit-valuation-modal .modal-body {
    padding: unset; }
  .edit-valuation-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.import-comps-modal {
  z-index: 99999999 !important;
  margin: -10px auto; }
  .import-comps-modal .modal-content {
    width: 900px;
    left: 50%;
    transform: translateX(-50%);
    height: 450px; }
  .import-comps-modal .modal-body {
    padding: unset; }
  .import-comps-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.import-modal {
  z-index: 99999999 !important;
  margin: -10px auto; }
  .import-modal .modal-content {
    width: 80vw;
    left: 68%;
    transform: translateX(-50%);
    height: 90vh; }
    @media (max-width: 1536px) {
      .import-modal .modal-content {
        height: 95vh; } }
  .import-modal .modal-body {
    padding: unset; }
  .import-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }
  .import-modal .import-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 205px;
    flex-shrink: 0;
    text-align: center; }

.update-fund-portfolio-modal {
  z-index: 99999999 !important;
  margin: -10px auto; }
  .update-fund-portfolio-modal .modal-content {
    width: 475px;
    left: 50%;
    transform: translateX(-50%);
    height: 550px; }
    .update-fund-portfolio-modal .modal-content .multi-dropdown .dropdown-multiselect {
      width: 100%; }
      .update-fund-portfolio-modal .modal-content .multi-dropdown .dropdown-multiselect .dropdown-menu {
        width: 100%;
        height: 350px !important; }
        .update-fund-portfolio-modal .modal-content .multi-dropdown .dropdown-multiselect .dropdown-menu .dropdown-menu-form {
          height: 350px !important; }
      .update-fund-portfolio-modal .modal-content .multi-dropdown .dropdown-multiselect button {
        width: 100%;
        height: 38px;
        font-size: 0; }
        .update-fund-portfolio-modal .modal-content .multi-dropdown .dropdown-multiselect button .caret {
          position: absolute;
          right: 20px !important; }
  .update-fund-portfolio-modal .modal-body {
    padding: unset; }
  .update-fund-portfolio-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.duplicate-asset-modal {
  z-index: 99999999 !important;
  margin: -10px auto; }
  .duplicate-asset-modal .modal-content {
    width: 475px;
    left: 50%;
    top: 25vh;
    transform: translateX(-50%);
    height: 300px; }
    .duplicate-asset-modal .modal-content .building-list {
      margin-top: 5px;
      height: 85px;
      overflow-y: auto; }
  .duplicate-asset-modal .modal-body {
    padding: unset; }
  .duplicate-asset-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.bidding-error-modal {
  z-index: 99999999 !important; }
  .bidding-error-modal .modal-content {
    padding: 0; }
  .bidding-error-modal .modal-header {
    background-color: #e70c0c; }

.proceed-documents-modal {
  z-index: 2147483646 !important; }
  .proceed-documents-modal .modal-content {
    padding: 0;
    margin-top: 50%; }

.copy-template-modal {
  z-index: 99999999 !important;
  margin: -10px auto; }
  .copy-template-modal .modal-content {
    width: 550px;
    left: 50%;
    transform: translateX(-50%);
    height: 350px; }
  .copy-template-modal .modal-body {
    padding: unset; }
  .copy-template-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.analysis-report-modal {
  z-index: 99999999 !important;
  margin: -10px auto; }
  .analysis-report-modal .modal-content {
    width: 390px;
    left: 50%;
    transform: translateX(-50%);
    height: 325px; }
  .analysis-report-modal .modal-body {
    padding: unset; }
  .analysis-report-modal .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.analysis-report-modal-2 {
  z-index: 99999999 !important;
  margin: -10px auto; }
  .analysis-report-modal-2 .modal-content {
    width: 490px;
    left: 50%;
    transform: translateX(-50%);
    height: 375px; }
  .analysis-report-modal-2 .modal-body {
    padding: unset; }
  .analysis-report-modal-2 .modal-footer {
    padding: unset;
    text-align: unset;
    border: unset;
    display: block;
    align-self: center;
    justify-content: flex-end;
    flex-grow: 1; }

.metrics-bottom-pad {
  bottom: 15px; }

.document-print-label-header {
  color: #747474;
  font-weight: 600;
  display: inline-block;
  font-size: 12px; }

.docuument-print-data-detail {
  font-size: 14px;
  font-weight: bold;
  word-wrap: break-word; }

.document-container-download-btn {
  flex-direction: column;
  height: calc(100vh - 50px);
  display: block;
  flex-direction: column-reverse; }

.doc-icon-spc {
  font-size: 1.2em;
  padding-right: 5px; }

.document-left-col {
  border-right: 1px solid #555555;
  height: calc(100vh - 100px); }

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

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

.doc-user-panel {
  border: 1px solid black;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px; }

@media screen and (max-height: 794px) and (min-height: 710px) {
  .label-doc-overflow {
    padding-left: 10px;
    margin-top: 10px;
    width: 350px;
    overflow-wrap: break-word;
    white-space: normal; } }
@media screen and (max-height: 1080px) and (min-height: 795px) {
  .label-doc-overflow {
    padding-left: 10px;
    margin-top: 10px;
    width: 320px;
    overflow-wrap: break-word;
    white-space: normal; } }
@media screen and (max-height: 709px) and (min-height: 635px) {
  .label-doc-overflow {
    padding-left: 10px;
    margin-top: 10px;
    width: 360px;
    overflow-wrap: break-word;
    white-space: normal; } }
@media screen and (max-height: 634px) and (min-height: 535px) {
  .label-doc-overflow {
    padding-left: 10px;
    margin-top: 10px;
    width: 370px;
    overflow-wrap: break-word;
    white-space: normal; } }
@media screen and (max-height: 534px) {
  .label-doc-overflow {
    padding-left: 10px;
    margin-top: 10px;
    width: 380px;
    overflow-wrap: break-word;
    white-space: normal; } }
.fadeDocOut {
  opacity: 0;
  transition: opacity .5s; }

.fadeDocIn {
  opacity: 1;
  transition: opacity 1.2s 1.2s; }

.tooltip-document {
  max-width: 344px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex; }
  .tooltip-document .tooltip {
    opacity: 1 !important; }
  .tooltip-document .tooltip-inner {
    max-width: 900px !important; }

.metrics-container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .metrics-container-fluid .bootstrap-select .dropdown-menu.open {
    max-height: 200px !important;
    min-height: 130px !important; }
    .metrics-container-fluid .bootstrap-select .dropdown-menu.open .inner {
      max-height: 195px !important;
      min-height: 130px !important; }

.unset-metric-modal {
  width: unset !important;
  height: 170px !important; }
  .unset-metric-modal .modal-footer {
    float: right; }

.metrics-close-icon {
  float: right;
  font-size: 20px;
  cursor: pointer; }

.loan-metrics-styling {
  margin-right: 1px !important;
  margin-left: 1px !important;
  border-bottom: solid 1px #cfcfcf !important; }

.loan-border-bot {
  border-bottom: solid 1px #cfcfcf !important; }

.loan-border-notes {
  border-bottom: solid 1px #cfcfcf !important;
  padding-bottom: 15px; }

.loan-data-600 {
  font-weight: 600 !important; }

.loan-unset-margin {
  margin-left: unset;
  margin-right: unset; }

.loan-bottom-20 {
  margin-bottom: 20px; }

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

.loan-top-15 {
  margin-top: -15px; }

.loan-paddingl-unset {
  padding-left: unset; }

.metrics-button {
  background-color: #00304D !important;
  color: white !important;
  border-color: #00304D !important; }

.metrics-button:hover {
  opacity: .7; }

.metrics-height {
  height: calc(100vh - 295px);
  display: flex;
  flex-flow: row wrap; }

.loan-margin-topb {
  margin-top: 20px;
  margin-bottom: 20px; }

.metrics-overflow {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  padding-left: 5px; }

.metrics-height-main {
  height: calc(100vh - 295px); }

.metrics-bottom-20 {
  padding-bottom: 20px; }

.zoom-metrics-lvl {
  zoom: 1; }

.metric-loan-save {
  display: flex;
  flex-direction: column-reverse; }

.filter-comp-modal {
  z-index: 9999999999 !important; }
  .filter-comp-modal .modal-content {
    width: 700px;
    top: 120px; }
    .filter-comp-modal .modal-content .modal-body {
      padding: unset;
      height: 300px; }
      .filter-comp-modal .modal-content .modal-body .file-tag-container {
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden; }
      .filter-comp-modal .modal-content .modal-body .unset-padding {
        padding: unset; }
    .filter-comp-modal .modal-content .multi-dropdown {
      margin-right: 20px; }
      .filter-comp-modal .modal-content .multi-dropdown .multiselect-parent {
        width: 100%;
        height: 35px; }
        .filter-comp-modal .modal-content .multi-dropdown .multiselect-parent .dropdown-menu li a {
          font-size: 14px;
          font-weight: normal;
          line-height: 1.42857143; }
        .filter-comp-modal .modal-content .multi-dropdown .multiselect-parent .dropdown-menu .dropdown-menu-form {
          height: 200px !important; }
      .filter-comp-modal .modal-content .multi-dropdown .dropdown-menu {
        width: 100%;
        height: 200px !important; }
      .filter-comp-modal .modal-content .multi-dropdown button {
        width: 100%;
        height: 35px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-transform: unset; }
        .filter-comp-modal .modal-content .multi-dropdown button .caret:before {
          float: right;
          padding-bottom: 20px; }
        .filter-comp-modal .modal-content .multi-dropdown button .caret {
          float: right;
          padding-bottom: 20px; }
    .filter-comp-modal .modal-content .bootstrap-select .dropdown-toggle .filter-option {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.42857143; }
    .filter-comp-modal .modal-content .bootstrap-select .dropdown-menu li a {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.42857143; }
    .filter-comp-modal .modal-content .bootstrap-select .filter-option .filter-option-inner .filter-option-inner-inner {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.42857143; }

.scheduling-btns {
  text-align: right;
  margin: 10px 4rem; }

.scheduling-appr .bootstrap-select > .dropdown-toggle {
  width: 170px !important; }

.vali-box .dropdown-menu .open {
  height: 160px !important;
  overflow-y: auto !important; }
.vali-box .dropdown-menu .inner {
  height: 160px !important;
  overflow-y: auto !important; }

.edit-photo-modal .modal-dialog {
  width: 800px; }

.upload-photo-modal .modal-dialog {
  width: 810px; }

.config-appraisal-modal {
  z-index: 1000000000 !important; }
  .config-appraisal-modal .modal-content {
    max-height: calc(100vh - 50px);
    width: 1050px !important;
    right: 160px !important; }
    .config-appraisal-modal .modal-content .config-appraisal-modal-wrapper {
      position: relative; }
      .config-appraisal-modal .modal-content .config-appraisal-modal-wrapper__loading {
        position: absolute;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2); }
      .config-appraisal-modal .modal-content .config-appraisal-modal-wrapper .modal-body {
        overflow-y: auto;
        height: auto;
        max-height: calc(80vh - 50px); }
      .config-appraisal-modal .modal-content .config-appraisal-modal-wrapper label {
        font-size: 1.4rem;
        color: #747474;
        margin-bottom: 11px;
        margin-top: 20px;
        text-transform: capitalize;
        width: 100%; }
      .config-appraisal-modal .modal-content .config-appraisal-modal-wrapper .refresh-btn {
        background-color: transparent;
        padding: 10px 0 0 0;
        margin: 0;
        height: auto; }
        .config-appraisal-modal .modal-content .config-appraisal-modal-wrapper .refresh-btn:disabled {
          color: #DCDCDC; }

.update-timing-opts-modal {
  z-index: 1000000001 !important; }

.next-steps-modal {
  z-index: 1000002 !important; }
  .next-steps-modal ~ .modal-backdrop {
    z-index: 1000001 !important; }

.vendor-analytics-modal {
  z-index: 1000001 !important; }
  .vendor-analytics-modal ~ .modal-backdrop {
    z-index: 1000000 !important; }

.create-bids-offcycle-modal {
  z-index: 1000000 !important; }

.edit-appr-schedule-modal {
  z-index: 1000000 !important; }
  .edit-appr-schedule-modal .modal-dialog {
    width: 90%; }

.manage-app-roles-modal {
  z-index: 999999999 !important; }
  .manage-app-roles-modal .modal-dialog {
    position: relative !important;
    left: 15% !important;
    transform: translate(-15%, 0%) !important;
    width: 75vw;
    max-height: 90% !important;
    overflow-y: auto !important; }

.capright-analytics-modal {
  top: 175px;
  z-index: 1000001 !important; }
  .capright-analytics-modal .modal-content {
    overflow: visible !important; }
  .capright-analytics-modal .modal-dialog {
    width: 475px !important;
    height: auto !important; }
  .capright-analytics-modal ~ .modal-backdrop {
    z-index: 1000000 !important; }

.vendor-analytics-modal .modal-content {
  overflow: visible !important; }

.client-reference-modal {
  z-index: 99999999 !important; }
  .client-reference-modal .modal-dialog {
    height: 565px;
    width: 45vw; }
  .client-reference-modal .modal-body {
    overflow-y: visible;
    position: fixed;
    z-index: 999; }
  .client-reference-modal td {
    padding: 5px;
    font-size: 14px; }
  .client-reference-modal th {
    padding: 5px; }
  .client-reference-modal a {
    font-size: 14px; }
  .client-reference-modal .modal-content {
    height: 525px;
    overflow-y: hidden;
    overflow-x: hidden;
    z-index: 999999; }
  .client-reference-modal .left-scroll > table > tbody > tr:last-child {
    border-bottom: 25px solid white; }
  .client-reference-modal .right-scroll > table > tbody > tr:last-child {
    border-bottom: 25px solid white; }
  .client-reference-modal .filter-option {
    text-transform: initial !important; }

.jt-asset-search-modal {
  z-index: 999999 !important;
  position: absolute;
  left: 40%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90vw !important;
  height: 90vh !important;
  opacity: 0;
  box-sizing: border-box;
  transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out; }
  .jt-asset-search-modal .modal-dialog, .jt-asset-search-modal .modal-content {
    border-radius: 6px !important; }
  .jt-asset-search-modal .modal-dialog {
    left: 20%;
    transform: translate(-50%, -50%);
    width: 80vw; }
  .jt-asset-search-modal .modal-content {
    width: 65vw;
    height: auto;
    max-height: 100vh;
    display: flex;
    flex-direction: column; }
    .jt-asset-search-modal .modal-content .modal-body {
      flex-grow: 1;
      overflow: auto; }
  .jt-asset-search-modal .jt-search-modal-container {
    padding: 10px 30px;
    max-height: 80vh;
    overflow-y: auto; }

.appraisal-input-date-modal {
  z-index: 999999 !important; }
  .appraisal-input-date-modal .modal-dialog {
    top: 15vh;
    left: 4vw; }
  .appraisal-input-date-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 15px 18px 0; }

.required-documents-modal {
  z-index: 999999 !important; }
  .required-documents-modal .modal-dialog {
    top: 15vh;
    left: 7vw;
    width: 60vw; }
  .required-documents-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 15px 18px 0; }

.vm-upload-detail-modal .daily-pricing-db {
  padding: 15px 0;
  margin-bottom: 0; }
.vm-upload-detail-modal .modal-dialog {
  position: absolute;
  top: 45% !important;
  left: 55% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important; }
  .vm-upload-detail-modal .modal-dialog .modal-content {
    background-color: #ffffff;
    width: 75vw; }

.transaction-import-detail-modal, .transaction-import-detail-modal__full-screen {
  z-index: 100000002 !important; }
  .transaction-import-detail-modal ~ .modal-backdrop, .transaction-import-detail-modal__full-screen ~ .modal-backdrop {
    z-index: 100000001 !important; }
  .transaction-import-detail-modal .daily-pricing-db, .transaction-import-detail-modal__full-screen .daily-pricing-db {
    padding: 15px 0;
    margin-bottom: 0; }
  .transaction-import-detail-modal .modal-dialog, .transaction-import-detail-modal__full-screen .modal-dialog {
    position: absolute;
    top: 45% !important;
    left: 55% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important; }
    .transaction-import-detail-modal .modal-dialog .modal-content, .transaction-import-detail-modal__full-screen .modal-dialog .modal-content {
      background-color: #ffffff;
      width: 75vw; }

.transaction-import-detail-modal__full-screen .modal-dialog {
  left: 40% !important; }

.vb-wf-modal .modal-dialog {
  left: -100px; }
  .vb-wf-modal .modal-dialog .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
.vb-wf-modal .modal-content {
  width: 850px; }
.vb-wf-modal .replace-modal-btn {
  float: right;
  margin-right: 20px;
  margin-top: 5px; }
.vb-wf-modal .replace-action-btn {
  width: 180px;
  height: 40px;
  color: white;
  margin-top: 30px;
  margin-left: 5px; }
.vb-wf-modal .replace-action-btn:hover {
  opacity: .7; }
.vb-wf-modal .exit-modal-icon:hover {
  opacity: .7; }
.vb-wf-modal .modal-header {
  border: 0;
  height: 52px; }
  .vb-wf-modal .modal-header i {
    font-size: 33px;
    line-height: 26px; }
.vb-wf-modal .modal-header-green {
  background-color: #8edd5a; }
.vb-wf-modal .modal-header-red {
  background-color: #e70c0c; }
.vb-wf-modal .modal-header-yellow {
  background-color: #eab359; }
.vb-wf-modal .modal-body {
  overflow-y: auto;
  min-height: 10vh;
  max-height: 75vh; }
  .vb-wf-modal .modal-body h4 {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 600;
    margin-bottom: 7px; }
  .vb-wf-modal .modal-body p {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0; }
.vb-wf-modal .modal-footer {
  border: 0;
  color: #434343;
  padding: 0 15px 18px 0; }
  .vb-wf-modal .modal-footer .button-drop {
    max-height: 20px;
    font-weight: 600;
    text-transform: capitalize; }

.vb-rejection-modal {
  z-index: 1000002 !important; }
  .vb-rejection-modal ~ .modal-backdrop {
    z-index: 1000001 !important; }
  .vb-rejection-modal .modal-dialog {
    left: -50px;
    top: 20%; }
  .vb-rejection-modal .modal-content {
    width: 750px; }
  .vb-rejection-modal .modal-body {
    min-height: 15vh; }
  .vb-rejection-modal .deny-appr-btn:disabled {
    background-color: #cccccc !important;
    color: white;
    opacity: 0.65; }
    .vb-rejection-modal .deny-appr-btn:disabled .fa-times {
      color: gray !important; }

.edit-vm-modal .summary-message {
  margin-top: 10px;
  color: red; }
  .edit-vm-modal .summary-message i {
    padding-left: 0;
    padding-right: 5px;
    font-size: unset;
    color: red; }
.edit-vm-modal .main-title {
  font-weight: bold !important;
  font-size: 25px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }
.edit-vm-modal .sub-title-container {
  display: flex;
  gap: 5px;
  margin-top: 5px; }
  .edit-vm-modal .sub-title-container h3 {
    font-size: 18px !important; }

.available-events-modal .table-container {
  max-height: 70vh;
  overflow-y: auto; }
  .available-events-modal .table-container th {
    position: sticky;
    top: -1px;
    background: white; }
.available-events-modal .modal-footer {
  padding: 15px !important;
  padding-bottom: 0 !important; }
.available-events-modal .modal-dialog {
  position: absolute;
  top: 45% !important;
  left: 55% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important; }
  .available-events-modal .modal-dialog .modal-content {
    background: white;
    background-color: #ffffff;
    width: 75vw; }

.copy-email-template-modal .modal-dialog {
  top: 10vh; }
  .copy-email-template-modal .modal-dialog .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
.copy-email-template-modal .modal-content {
  width: auto; }
.copy-email-template-modal .replace-modal-btn {
  float: right;
  margin-right: 20px;
  margin-top: 5px; }
.copy-email-template-modal .replace-action-btn {
  width: 180px;
  height: 40px;
  color: white;
  margin-top: 30px;
  margin-left: 5px; }
.copy-email-template-modal .replace-action-btn:hover {
  opacity: .7; }
.copy-email-template-modal .exit-modal-icon:hover {
  opacity: .7; }
.copy-email-template-modal .modal-header {
  border: 0;
  height: 52px; }
  .copy-email-template-modal .modal-header i {
    font-size: 33px;
    line-height: 26px; }
.copy-email-template-modal .modal-header-green {
  background-color: #8edd5a; }
.copy-email-template-modal .modal-header-red {
  background-color: #e70c0c; }
.copy-email-template-modal .modal-header-yellow {
  background-color: #eab359; }
.copy-email-template-modal .modal-body h4 {
  font-size: 16px;
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
  margin-bottom: 7px; }
.copy-email-template-modal .modal-body p {
  font-size: 16px;
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 0; }
.copy-email-template-modal .modal-footer {
  border: 0;
  color: #434343;
  padding: 0 15px 18px 0; }

.appraiser-contacts-modal {
  z-index: 1000002 !important; }
  .appraiser-contacts-modal ~ .modal-backdrop {
    z-index: 1000001 !important; }
  .appraiser-contacts-modal .modal-dialog {
    top: 10vh;
    left: 6vw;
    width: 70vw !important; }
    .appraiser-contacts-modal .modal-dialog .modal-content {
      background-color: #ffffff;
      border: 0;
      border-radius: 0 !important; }
  .appraiser-contacts-modal .modal-content {
    width: auto; }
  .appraiser-contacts-modal .replace-modal-btn {
    float: right;
    margin-right: 20px;
    margin-top: 5px; }
  .appraiser-contacts-modal .replace-action-btn {
    width: 180px;
    height: 40px;
    color: white;
    margin-top: 30px;
    margin-left: 5px; }
  .appraiser-contacts-modal .replace-action-btn:hover {
    opacity: .7; }
  .appraiser-contacts-modal .exit-modal-icon:hover {
    opacity: .7; }
  .appraiser-contacts-modal .modal-header {
    border: 0;
    height: 52px; }
    .appraiser-contacts-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .appraiser-contacts-modal .modal-header-green {
    background-color: #8edd5a; }
  .appraiser-contacts-modal .modal-header-red {
    background-color: #e70c0c; }
  .appraiser-contacts-modal .modal-header-yellow {
    background-color: #eab359; }
  .appraiser-contacts-modal .modal-body h4 {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 600;
    margin-bottom: 7px; }
  .appraiser-contacts-modal .modal-body p {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0; }
  .appraiser-contacts-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 30px 18px 0; }

.contact-update-modal {
  z-index: 1000004 !important; }
  .contact-update-modal ~ .modal-backdrop {
    z-index: 1000003 !important; }

.edit-appraisal-fee-modal {
  z-index: 1000002 !important; }
  .edit-appraisal-fee-modal ~ .modal-backdrop {
    z-index: 1000001 !important; }
  .edit-appraisal-fee-modal label {
    font-size: 16px !important;
    font-weight: bold; }

.edit-fund-roles-modal .modal-dialog {
  top: -150px; }
.edit-fund-roles-modal .modal-body {
  margin-top: 15px;
  background: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 800px;
  left: -35%;
  max-height: unset !important; }
.edit-fund-roles-modal .modal-footer-int {
  width: 800px;
  background: white;
  left: -35%;
  position: absolute;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: right; }
.edit-fund-roles-modal .label-value, .edit-fund-roles-modal .property-table .jpm-label-value, .property-table .edit-fund-roles-modal .jpm-label-value, .edit-fund-roles-modal .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .edit-fund-roles-modal p, .edit-fund-roles-modal .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .edit-fund-roles-modal p {
  font-size: 14px;
  color: #333333;
  font-weight: 400; }
.edit-fund-roles-modal .dropdown-multiselect button {
  font-size: 16px; }

.enable-notifications-modal .modal-dialog {
  top: 10vh; }
  .enable-notifications-modal .modal-dialog .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
.enable-notifications-modal .modal-body {
  overflow-y: auto;
  height: auto; }
  .enable-notifications-modal .modal-body h4 {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 600;
    margin-bottom: 7px; }
  .enable-notifications-modal .modal-body p {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0; }
  .enable-notifications-modal .modal-body .enable-instructions {
    font-weight: 500; }
  .enable-notifications-modal .modal-body .steps {
    font-weight: 500;
    margin-left: 50px; }
    .enable-notifications-modal .modal-body .steps .step-number {
      font-weight: bold; }
.enable-notifications-modal .modal-content {
  width: auto; }
.enable-notifications-modal .row .col-md-2 {
  width: 48%; }
.enable-notifications-modal .fa-plus {
  cursor: pointer !important; }
.enable-notifications-modal .replace-modal-btn {
  float: right;
  margin-right: 20px;
  margin-top: 5px; }
.enable-notifications-modal .replace-action-btn {
  width: 180px;
  height: 40px;
  color: white;
  margin-top: 30px;
  margin-left: 5px; }
  .enable-notifications-modal .replace-action-btn:hover {
    opacity: .7; }
.enable-notifications-modal .exit-modal-icon:hover {
  opacity: .7; }
.enable-notifications-modal .modal-header {
  border: 0;
  height: 52px; }
  .enable-notifications-modal .modal-header i {
    font-size: 33px;
    line-height: 26px; }
.enable-notifications-modal .modal-footer {
  border: 0;
  color: #434343;
  padding: 0 15px 18px 0; }
@media (max-width: 1500px) {
  .enable-notifications-modal .modal-dialog {
    top: 0 !important; } }

/**
 *  Keyword search styles
 */
.keyword-search {
  margin-top: 1.5em; }
  .keyword-search .input-search {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    height: 47px;
    width: 100%;
    border-radius: 5px; }
    .keyword-search .input-search input {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 400;
      height: 47px;
      width: 100%;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
      .keyword-search .input-search input:focus {
        border: solid 2px #00304D !important; }
    .keyword-search .input-search .input-group-addon {
      background-color: #7D7D7D;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border: 0;
      color: #fff;
      cursor: pointer;
      font-size: 0.6em;
      width: 54px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }

/**
 *  Pagination styles
 */
.pagination {
  margin: 0 !important; }
  .pagination a {
    background-color: #f9f9f9 !important;
    color: #989898 !important;
    font-weight: 400 !important;
    height: 36px !important;
    line-height: 1.2 !important;
    text-align: center;
    width: 50px !important; }
    .pagination a:hover {
      background-color: #fff !important; }
  .pagination .active a {
    background-color: #fff !important;
    border-color: #BBBBBB !important; }
  .pagination .pagination-page a {
    padding: 0;
    line-height: 36px !important; }

.pagination-container {
  line-height: 36px;
  height: 36px;
  margin-top: 10px;
  margin-bottom: 10px; }
  @media screen and (max-width: 599px) {
    .pagination-container {
      display: inline-table;
      width: 100%; } }

.tags-input .tags {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
  .tags-input .tags .tag-item {
    margin: 2px;
    padding: 0 5px;
    display: inline-block;
    float: left;
    font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 30px;
    line-height: 25px;
    border: 1px solid #acacac;
    border-radius: 3px;
    background: -webkit-linear-gradient(top, #f0f9ff 0, #8cd0d2 80%, #00304D 100%);
    background: linear-gradient(to bottom, #f0f9ff 0, #8cd0d2 80%, #00304D 100%); }
    .tags-input .tags .tag-item button {
      background: transparent;
      color: #000;
      opacity: .4; }
    .tags-input .tags .tag-item .remove-button {
      margin: 0 0 0 5px;
      padding: 0;
      border: none;
      background: 0 0;
      cursor: pointer;
      vertical-align: middle;
      font: 700 16px Arial,sans-serif;
      color: #585858; }
    .tags-input .tags .tag-item:focus {
      border-color: #00304D;
      outline-color: #00304D; }
  .tags-input .tags ul {
    margin: 0 !important;
    padding-left: 0; }
    .tags-input .tags ul li {
      text-transform: capitalize; }
  .tags-input .tags input {
    width: 100%;
    min-width: 100%;
    /*min-width: 150px;
    max-width: 200px;*/
    padding: 0 10px;
    background-color: transparent;
    /* height: 34px;*/ }
    .tags-input .tags input:focus {
      border-color: #00304D;
      outline-color: #00304D; }
  .tags-input .tags .tag-item.selected {
    background: #d9534f;
    border: 1px solid #d43f3a;
    border-radius: 4px;
    color: #fff; }
  .tags-input .tags.focused, .tags-input .tags:focus {
    border-color: #00304D;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #00304D;
    outline-color: #00304D; }
.tags-input:focus, .tags-input .host:focus {
  border-color: #00304D;
  outline-color: #00304D; }

/**
 *  Login styles
 */
.login-image {
  background-image: url("../images/Login-HomeImage.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  opacity: 1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  text-align: center;
  width: 100%;
  animation: pulse 2s; }

.login-img-container {
  width: 60%;
  margin: 0 auto; }

.ui-view-container {
  min-height: calc(100% - 107px);
  position: absolute;
  width: 100%; }
  .ui-view-container #login {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 25px; }

.login-table {
  display: table;
  width: 100%;
  height: 100%; }
  .login-table .login-cell {
    display: table-cell;
    vertical-align: middle; }
  .login-table h2 {
    margin-left: -25px;
    margin-right: -25px; }

.login-center {
  margin: auto;
  width: 700px;
  zoom: 80%;
  border: 3px solid #00304D;
  background-color: white;
  padding: 25px 0; }
  .login-center .login-group {
    margin-top: 1em;
    padding-top: 1em; }
  .login-center .login-form {
    width: 60%;
    margin: 0 auto; }
    .login-center .login-form .login-group__input-group {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
    .login-center .login-form .login-group__actions-group {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .login-center .login-form .login-group .login-input {
      border: 1px solid #00304D;
      color: #00304D;
      width: 100%; }
    .login-center .login-form .login-group .login-label {
      color: #00304D; }
    .login-center .login-form .login-group .button-login {
      cursor: pointer;
      width: 150px;
      background-color: #FF9900;
      border-radius: 10px;
      color: white; }
  .login-center .login-footer {
    width: 70%;
    margin: 0 auto; }
    .login-center .login-footer__text {
      color: #00304D;
      font-size: 1.6rem; }
    .login-center .login-footer__link {
      color: #00304D;
      letter-spacing: unset;
      font-size: 1.6rem; }
      .login-center .login-footer__link:hover {
        color: #FF9900; }
  .login-center .large-forgot-password-link {
    font-size: 1.6rem;
    color: #00304D; }
  @media (max-width: 599px) {
    .login-center {
      width: 100% !important;
      padding-left: 20px;
      padding-right: 20px; } }

.x-white {
  background-color: transparent;
  margin-right: 1em; }

.container-privacy {
  background-color: #EDEDED;
  color: #565656;
  text-align: left;
  overflow: auto;
  height: 100%;
  padding: 10px 25px;
  margin: 5px 5px -95px 5px !important;
  font-family: "Inter", "Open Sans", sans-serif; }
  .container-privacy p {
    font-size: 16px;
    font-size: 1.6rem; }
  .container-privacy button {
    width: 400px;
    height: 53px;
    color: #eee;
    margin-top: 2em;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 18px;
    font-size: 1.8rem; }
  .container-privacy p.separate {
    padding: 10px 0; }
  .container-privacy div.center {
    padding-top: 20px;
    padding-bottom: 10px; }

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

.login-page-unset {
  background-color: unset !important;
  bottom: -30px !important;
  color: unset !important; }

.login-color {
  color: white !important;
  font-weight: 400; }

.forgot-pass-login {
  background-color: white;
  border: 3px solid #00304D; }
  .forgot-pass-login .password-instructions {
    color: #00304D; }
  .forgot-pass-login .username-input-read {
    border: none;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #888B8E;
    font-weight: bold;
    font-size: 1.8rem; }

.login-mango-orange {
  background-color: #FF9900 !important; }

.login-link-container {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  align-self: center;
  margin-top: 10px;
  padding: 0 20px; }

.login-button-text, .login-option-btn, .login-option-btn .login-option-link {
  font-family: "Inter", "arial_condensed_bold", Arial;
  font-weight: 600;
  text-transform: uppercase;
  color: #00304D;
  font-size: 1.5rem; }
  .login-button-text:hover, .login-option-btn:hover, .login-option-btn .login-option-link:hover, .login-button-text:visited, .login-option-btn:visited, .login-option-btn .login-option-link:visited, .login-button-text:active, .login-option-btn:active, .login-option-btn .login-option-link:active {
    color: #00304D !important;
    opacity: 1; }

.login-option-btn {
  width: 160px;
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border: 3px solid #00304D;
  border-radius: 3px;
  text-align: center;
  margin: 0 5px;
  padding: 0 15px;
  transition: background-color 0.35s ease-in-out; }
  .login-option-btn:hover {
    background-color: #F8F8F8; }

@media (max-width: 599px) {
  .login-center .login-img-container,
  .login-center .login-form,
  .login-center .login-footer {
    width: 95%; } }
.hr5 {
  border: 0;
  border-top: medium double black;
  height: 1px;
  overflow: visible;
  padding: 0;
  color: black;
  text-align: center; }

.hr5::after {
  content: "OR";
  display: inline-block;
  position: relative;
  top: -0.7em;
  font-size: 1.4em;
  padding: 0 0.3em;
  background: white; }

/**
 *  Forgot password styles
 */
.content-center {
  width: 600px;
  margin: auto;
  zoom: 80%;
  -moz-transform: scale(0.8); }
  @media (max-width: 599px) {
    .content-center {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; } }

.content-forgot {
  width: 100%;
  padding: 34px 80px;
  overflow: hidden; }
  .content-forgot h1 {
    color: #00304D;
    margin-top: 0 !important;
    font-weight: 600;
    font-size: 35px;
    font-size: 3.5rem; }
  .content-forgot label {
    color: #00304D;
    margin: 2em 0 0 0;
    letter-spacing: 0.2px;
    text-align: start;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem; }
  .content-forgot input {
    margin-top: 2em;
    width: 100%;
    height: 53px;
    border: 1px solid #00304D;
    color: #00304D; }
  .content-forgot button {
    width: 100%;
    height: 53px;
    color: #eee;
    margin-top: 2em;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 13.3833334672px;
    font-size: 1.3383333467rem; }
  .content-forgot a {
    float: right;
    white-space: nowrap;
    margin-top: 1em;
    margin-right: 0.3em;
    font-family: "Inter", "Open Sans", sans-serif;
    color: #00304D;
    font-size: 13.3833334672px;
    font-size: 1.3383333467rem; }
  .content-forgot .button-login {
    cursor: pointer;
    margin-right: 60px;
    background-color: #FF9900;
    border-radius: 10px;
    color: white; }
  .content-forgot .forgot-button:disabled {
    opacity: 0.7;
    cursor: not-allowed; }
  .content-forgot .i-remember {
    color: #00304D;
    font-size: 1.6rem; }
  @media (max-width: 599px) {
    .content-forgot {
      padding: 20px; } }

.lighter-gray {
  background-color: #EDEDED; }

.site-footer {
  width: 100%;
  color: #eee;
  background-color: rgba(0, 0, 0, 0.3);
  position: relative;
  bottom: -4px; }
  .site-footer .align-flex {
    width: 100%; }
    .site-footer .align-flex .vertical-line {
      width: 1px;
      height: 50px;
      background-color: white; }
      @media (max-width: 599px) {
        .site-footer .align-flex .vertical-line {
          display: none; } }
    .site-footer .align-flex a, .site-footer .align-flex label {
      color: #eee;
      padding: 1em 2em; }
      @media (max-width: 599px) {
        .site-footer .align-flex a, .site-footer .align-flex label {
          padding: 1em;
          width: 100%; } }
    .site-footer .align-flex a:hover {
      color: #eee; }
    @media (max-width: 599px) {
      .site-footer .align-flex {
        text-align: center; } }
  .site-footer .low-screen {
    font-weight: 400; }
    @media (max-width: 599px) {
      .site-footer .low-screen {
        width: 100%;
        text-align: center; } }
  @media (max-width: 599px) {
    .site-footer {
      background-color: #000000;
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }

.request-demo {
  background-color: transparent;
  width: 171px;
  height: 35px;
  border-radius: 4px;
  border: solid 1px #00304D !important;
  font-size: 14px;
  font-weight: 400;
  color: #00304D !important;
  text-transform: uppercase;
  display: block;
  padding: 8px 10px !important;
  text-align: center;
  margin-left: 30px;
  margin-right: 29px; }
  .request-demo:hover {
    opacity: 0.7; }

.privacy-link {
  padding-left: 1px !important; }

.contact-us {
  color: #7e7e7e; }

.a-blue-link {
  color: #00304D !important;
  font-weight: 400; }

/**
 *  Property styles
 */
.map-size {
  margin-top: 2em;
  letter-spacing: 0.5px;
  width: calc(100% - 440px);
  float: left;
  padding-left: 1em; }
  .map-size .prop-address {
    width: 100%;
    display: inline-flex;
    font-size: 15.0562501506px;
    font-size: 1.5056250151rem;
    font-family: "Inter", "Open Sans Regular", sans-serif;
    color: #525252; }
    .map-size .prop-address p {
      margin-bottom: 0;
      margin-top: 0; }
    .map-size .prop-address .line:before {
      content: "|";
      margin-left: 0.5em; }
  .map-size .row {
    margin-bottom: 1em; }
  .map-size h3 {
    font-size: 18.4020835174px;
    font-size: 1.8402083517rem;
    font-family: "Inter", "Open Sans Bold", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0; }
  .map-size .title h5:first-child {
    font-size: 13.3833334672px;
    font-size: 1.3383333467rem;
    font-weight: 300;
    margin-bottom: 5px;
    color: #808080; }
  .map-size .title h5:last-child {
    margin-top: 5px;
    font-weight: 500;
    color: #525252; }
  .map-size .title h5 {
    font-size: 15.0562501506px;
    font-size: 1.5056250151rem;
    font-family: "Inter", "Open Sans Regular", sans-serif; }

.tab-view .nav-tabs > li.active > a,
.tab-view .nav-tabs > li.active > a:hover,
.tab-view .nav-tabs > li.active > a:focus {
  color: #525252;
  cursor: default;
  font-weight: bold;
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #00304D; }

.tab-view a {
  font-size: 18.4020835174px;
  font-size: 1.8402083517rem;
  font-family: "Inter", "Open Sans Bold", sans-serif;
  font-weight: 600;
  color: #525252;
  background-color: transparent;
  border: 0;
  letter-spacing: 0.5px; }
  .tab-view a:first-child {
    margin-left: 1em; }
.tab-view .nav-tabs {
  border-bottom: 1px solid #bbb;
  margin-left: -15px;
  margin-right: -15px; }

.sub-tab-view .nav-tabs > li.active > a,
.sub-tab-view .nav-tabs > li.active > a:hover,
.sub-tab-view .nav-tabs > li.active > a:focus {
  color: #222222;
  cursor: default;
  font-weight: bold;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent !important; }

.sub-tab-view {
  margin-top: 1em; }
  .sub-tab-view a {
    font-size: 18.4020835174px;
    font-size: 1.8402083517rem;
    font-family: "Inter", "Open Sans Bold", sans-serif;
    font-weight: 600;
    color: #525252;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    border: 1px solid #ddd !important;
    background-color: transparent;
    letter-spacing: 0.5px;
    margin: 0 !important; }
  .sub-tab-view button {
    background-color: #999999;
    text-transform: uppercase;
    color: #ffffff;
    width: 269px;
    height: 46px; }

.white {
  background-color: #eee; }

@media (max-width: 852px) {
  .header-trans-prop {
    display: inline-block;
    width: 100%; }
    .header-trans-prop .trans-main {
      width: 100%;
      margin: auto; }

  .map-size {
    width: 100%; } }
.bold-label {
  font-weight: 600; }

.portfolio-map {
  padding: 10px 0 0 0;
  display: inline-block; }
  .portfolio-map label {
    font-size: 1.4rem; }
  .portfolio-map input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: sub; }
  .portfolio-map .same-line {
    display: inline-block;
    margin: 0 0 0 5px; }

.fund-search-btn {
  float: right; }

/**
 *  Property detail styles
 */
.delete-trash {
  cursor: pointer;
  font-size: 18px; }

.panel-detail {
  margin: 0; }
  .panel-detail .row {
    margin-right: 0 !important;
    margin-left: 0 !important; }

.panel-property {
  border: solid 1px #c9c9c9 !important; }
  .panel-property .panel-heading {
    background-color: #f1f1f1 !important;
    height: 46px !important;
    border-top: 0 !important; }
    .panel-property .panel-heading label {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 600;
      color: rgba(0, 0, 0, 0.8); }
  .panel-property .panel-body {
    padding: 0 !important; }
  .panel-property .row-property {
    min-height: 41px;
    padding: 10px 0 !important;
    margin: 0; }
    .panel-property .row-property:not(:last-child) {
      border-bottom: solid 1px #c9c9c9 !important; }

.wrap-this-a {
  float: left;
  clear: left;
  color: #00304D !important;
  font-weight: 600 !important;
  margin-bottom: 10px !important; }

.wrap-this-a:visited {
  color: #00304D !important; }

.accordion .hand {
  cursor: pointer; }
.accordion a:hover, .accordion a:focus {
  color: #525252; }
.accordion .panel-group {
  margin-top: 2em; }
.accordion .panel-default {
  border-color: transparent !important; }
.accordion .panel-body {
  border: 1px solid #bbb;
  padding-left: 20px;
  padding-right: 20px; }
  .accordion .panel-body label {
    width: 100%;
    font-weight: 700;
    color: #000000;
    font-size: 16px;
    font-size: 1.6rem; }
  .accordion .panel-body .label-gray, .accordion .panel-body .title-body {
    color: #747474;
    margin-bottom: 0 !important;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400; }
  .accordion .panel-body hr {
    border-top: 1px solid #979797;
    opacity: .67; }
.accordion .panel-default > .panel-heading {
  height: 74px;
  color: #101010;
  font-weight: 400;
  background-color: #E9E9E9;
  border: 1px solid transparent;
  font-size: 17px;
  font-size: 1.7rem;
  padding: 0; }
.accordion .relevant-info {
  font-size: 16px;
  font-size: 1.6rem;
  color: #535353 !important;
  font-weight: 600;
  /*    &::first-letter {
        text-transform: capitalize;
      }*/ }
.accordion .options {
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
  padding: 1em; }
  .accordion .options a {
    margin: 0.5em;
    padding: 0.2em 1.5em;
    border: 2px solid #A2A2A2;
    border-radius: 5px;
    color: #999999;
    font-weight: 400; }
.accordion .occu-table-line {
  border-top: 2px solid #979797 !important;
  margin-bottom: 2px !important; }
.accordion .content-responsive {
  width: 100%;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between; }
.accordion .sub-content {
  padding-right: 2em; }
.accordion .panel-background {
  background-color: rgba(146, 211, 212, 0.18) !important;
  height: 46px; }
  .accordion .panel-background label {
    font-weight: 700 !important;
    color: black !important;
    font-size: 18px !important; }
.accordion .panel-body-border {
  border: 1px solid rgba(151, 151, 151, 0.67);
  padding: 0 5px !important; }
  .accordion .panel-body-border hr {
    margin-top: 10px;
    margin-bottom: 10px; }
.accordion .tbody-size {
  padding-top: 0.5em;
  max-height: 150px;
  overflow: auto;
  border: 1px solid rgba(151, 151, 151, 0.67);
  margin-left: 0px;
  margin-right: 0px; }
.accordion .contacts-info {
  font-weight: 700 !important;
  color: #000000 !important;
  font-size: 18px !important; }
.accordion .sub-contacts-info {
  font-size: 16px;
  font-size: 1.6rem;
  color: #000000 !important;
  font-weight: 500 !important; }
.accordion .contacts-info-data .broker-card {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  padding-left: 50px;
  padding-bottom: 10px;
  text-transform: capitalize; }
  .accordion .contacts-info-data .broker-card .image-table {
    width: 42px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 52px; }
    .accordion .contacts-info-data .broker-card .image-table td {
      vertical-align: middle;
      text-align: center; }
      .accordion .contacts-info-data .broker-card .image-table td img {
        width: auto;
        height: auto;
        max-width: 47px;
        max-height: 47px; }
  .accordion .contacts-info-data .broker-card .details {
    width: 100%;
    height: 47px;
    display: table; }
    .accordion .contacts-info-data .broker-card .details .inner {
      display: table-cell;
      vertical-align: baseline; }
      .accordion .contacts-info-data .broker-card .details .inner p {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0; }
      .accordion .contacts-info-data .broker-card .details .inner h5 {
        font-size: 13px;
        font-size: 1.3rem;
        padding-top: 4px;
        margin: 0; }
      .accordion .contacts-info-data .broker-card .details .inner .title-blue {
        color: #00304D;
        font-weight: 400;
        font-size: 14px;
        font-size: 1.4rem; }
      .accordion .contacts-info-data .broker-card .details .inner .title-black {
        color: #000000;
        font-weight: 600; }
      .accordion .contacts-info-data .broker-card .details .inner .black {
        color: #000000; }
      .accordion .contacts-info-data .broker-card .details .inner .gray {
        opacity: .5; }
      .accordion .contacts-info-data .broker-card .details .inner .detail-view-user {
        font-size: 12px;
        font-size: 1.2rem;
        color: #00304D;
        font-weight: 400; }
    .accordion .contacts-info-data .broker-card .details .middle {
      vertical-align: middle !important; }
.accordion .contact-notes {
  width: 100%;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-size: 1.6rem; }
.accordion .title-body {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }
.accordion .confidential {
  color: #FF9900;
  font-size: 17.292px;
  font-size: 1.7292rem; }
.accordion .flags {
  color: #2B2A2A !important; }
.accordion .strong-blue {
  color: #00304D !important; }
.accordion .comments {
  color: #525252; }
.accordion .black {
  color: #000000 !important; }
.accordion .gray {
  color: #525252 !important; }
.accordion .low-padding {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em; }
.accordion .border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.5); }
.accordion .line-bottom {
  border-bottom: 1px solid #999999; }
.accordion .less-margin {
  margin-top: 0;
  margin-bottom: 5px; }
.accordion .change-log-titles {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
  font-size: 13.3833334672px;
  font-size: 1.3383333467rem; }
  .accordion .change-log-titles .black {
    color: black !important; }
.accordion .font-weight-light {
  font-weight: 400 !important; }
.accordion .full-line {
  border-top: 1px solid #979797 !important;
  margin-right: -20px;
  margin-left: -20px; }
.accordion .add-comment {
  border: 2px solid #D8D8D8;
  height: 64px;
  padding: 1em;
  border-radius: 5px;
  color: #656D78;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400; }
.accordion .no-left-border {
  border-left: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }
.accordion .border-right-radius {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }
.accordion .comments-accordion p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #747474;
  font-weight: 400; }
.accordion .title-accordion {
  padding: 28px 15px; }
.accordion .title-hr {
  border-top: 1px solid #979797; }
.accordion .light-hr {
  border-top: 1px solid #979797 !important; }
.accordion .about-change {
  font-size: 17px !important; }
.accordion .no-margin-bottom {
  margin-bottom: 0 !important; }
.accordion .add-comment-btn {
  text-align: center;
  font-weight: 600 !important; }
.accordion .contacts-info {
  font-weight: 700; }

.panel-contact {
  border: solid 1px #c6c6c6 !important; }
  .panel-contact .panel-heading {
    background-color: transparent !important;
    border-top: 0 !important; }
    .panel-contact .panel-heading .panel-title {
      line-height: 1.5 !important; }

.acordion {
  /*.contacts-info-data{
    height: 47px !important;
  }*/ }
  .acordion .comments-panel {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px; }
  .acordion .read-less-comments {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #010101 !important; }
  .acordion .read-more-contact {
    padding-top: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #00304D !important;
    text-decoration: underline; }
  .acordion .read-less-contact {
    padding-top: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #3d3d3d !important;
    text-decoration: underline; }
  .acordion .detail-view-user {
    font-size: 14px;
    font-size: 1.4rem;
    color: #00304D !important;
    text-transform: capitalize; }
  .acordion .comment {
    display: -webkit-box;
    -webkit-line-clamp: initial !important; }
  .acordion .about-change {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    color: #000000;
    padding-left: 0;
    margin-bottom: 15px;
    margin-top: 15px; }

.occupancy-section {
  /*max-height: 350px;
  height: 320px;*/
  position: relative; }
  .occupancy-section .panel-body {
    border-top: 0 !important;
    padding-top: 20px;
    /* position: absolute;*/
    /*max-height: 320px; */
    /* overflow-y: auto;
     overflow-x: visible !important;*/ }
  .occupancy-section .no-border-top {
    border-top: 0; }
  .occupancy-section .occupancy-collapse {
    width: 100%;
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    border-top: 1px solid rgba(151, 151, 151, 0.67); }
    .occupancy-section .occupancy-collapse .columns {
      width: 150px;
      min-width: 150px;
      padding: 0 10px; }
      .occupancy-section .occupancy-collapse .columns p {
        width: 100%; }
  .occupancy-section .odd {
    background-color: rgba(195, 195, 195, 0.14); }
  .occupancy-section .first-part {
    -webkit-animation: fadeInLeft 0.5s;
    animation: fadeInLeft 0.5s; }
  .occupancy-section .second-part {
    -webkit-animation: fadeInRight 0.5s;
    animation: fadeInRight 0.5s; }
  .occupancy-section .hidde-second {
    display: none; }
  .occupancy-section .changeColumns {
    width: 100%;
    height: 37px;
    padding: 3px 15px; }
  .occupancy-section .gray {
    color: #dfdfdf; }
  .occupancy-section .move-right {
    right: 0;
    left: auto;
    /*transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0); !** Chrome & Safari **!
    -o-transform: translate(-50%,0); !** Opera **!
    -moz-transform: translate(-50%,0); !** Firefox **!*/ }
  .occupancy-section .object {
    position: absolute;
    transition: 0.01s ease-in;
    -webkit-transition: 0.01s ease-in;
    /** Chrome & Safari **/
    -moz-transition: 0.01s ease-in;
    /** Firefox **/
    -o-transition: 0.01s ease-in;
    /** Opera **/ }
  .occupancy-section .move-left {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    /** Chrome & Safari **/
    -o-transform: translate(0, 0);
    /** Opera **/
    -moz-transform: translate(0, 0);
    /** Firefox **/ }
  .occupancy-section .hide-column {
    display: none; }
  .occupancy-section .table-container {
    position: relative; }
    .occupancy-section .table-container table {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      /*height: 500px; !* this can vary *!*/
      max-height: 235px; }
    .occupancy-section .table-container table * {
      box-sizing: inherit;
      -moz-box-sizing: inherit; }
    .occupancy-section .table-container thead {
      display: flex;
      flex-direction: column;
      align-items: stretch; }
    .occupancy-section .table-container tbody {
      overflow-y: auto;
      overflow-x: hidden !important;
      display: inline-block;
      max-height: 300px; }
    .occupancy-section .table-container thead > tr, .occupancy-section .table-container tbody > tr, .occupancy-section .table-container tfoot > tr {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: normal; }
    .occupancy-section .table-container thead, .occupancy-section .table-container tfoot {
      flex-shrink: 0; }
    .occupancy-section .table-container th, .occupancy-section .table-container tbody td {
      font-size: 14px;
      font-size: 1.4rem;
      width: 20%;
      /* this can vary */
      overflow-x: hidden !important;
      display: inline-block;
      min-height: 36px; }
    .occupancy-section .table-container tfoot {
      display: inline-block; }
    .occupancy-section .table-container tfoot td {
      width: 100%;
      display: inline-block; }
    .occupancy-section .table-container th {
      border-bottom: 0 !important; }
    .occupancy-section .table-container thead tr {
      align-items: center; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px; }

.apart-hr {
  margin: 15px 0 !important; }

.extra-intern-padding {
  padding: 0 25px !important; }

.padding-left-15 {
  padding-left: 15px !important; }

.width-60 {
  width: 60% !important; }

.panel-heading.heading-item.more-bigger-accordion {
  height: 100% !important;
  overflow: auto !important; }

@media screen and (max-width: 1300px) {
  .panel-heading.heading-item.more-bigger-accordion {
    height: 100% !important;
    overflow: auto !important; }

  .email-wrap {
    white-space: inherit;
    word-wrap: break-word; } }
.padding-left-10 {
  padding-left: 10px !important; }

.center {
  text-align: center; }

.relatedLinks {
  color: #00304D;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400; }

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

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

.transfer-property .row_wrapper {
  min-height: inherit;
  max-height: 480px;
  overflow-y: auto;
  margin-bottom: 30px; }
.transfer-property .selectable {
  background: rgba(93, 191, 193, 0.3); }
.transfer-property .last-button {
  margin-bottom: 30px; }
.transfer-property .panel-default .panel-heading {
  height: 50px;
  padding-top: 15px; }
  .transfer-property .panel-default .panel-heading .panel-title {
    font-weight: bold; }
.transfer-property .divider {
  border-color: #ccc; }

.occupancy-section .table-container th, .occupancy-section .table-container tbody td.t-70 {
  overflow-x: inherit !important; }

.private-table .t-70 {
  width: 70% !important; }
.private-table .t-30 {
  text-align: right;
  width: 30% !important; }
.private-table .tbody-valuation tr td {
  border: none; }
.private-table .tbody-valuation tr:first-child {
  border-top: 1px solid #ddd; }
.private-table .tbody-valuation {
  min-height: 45px; }
.private-table label {
  display: block; }
.private-table .textarea-wp {
  width: 100%;
  height: auto !important; }
.private-table .t-75 {
  width: 75% !important; }
.private-table .t-20px i.class-open {
  transform: rotate(90deg); }
.private-table .t-20px i {
  transform: rotate(0deg);
  transition: 1s; }
.private-table .gray-bg {
  background-color: rgba(233, 233, 233, 0.77);
  position: relative; }
.private-table .text-readonly {
  min-width: 100%;
  border: none; }
.private-table .subtitle-info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%; }
.private-table .t-calc100 {
  width: calc(100% - 60px) !important; }
.private-table .t-20px {
  margin-top: 5px;
  width: 20px !important; }
.private-table .t-50px {
  margin-top: 5px;
  width: 50px !important; }
.private-table .t-200px {
  width: 200px !important; }
.private-table div.lower-first:first-letter {
  text-transform: inherit !important; }
.private-table .tool-wrap .button-tool {
  width: 80px !important; }
.private-table .bootstrap-select.btn-group .dropdown-menu li a {
  text-transform: capitalize; }

.table-valuation.private-table .tbody-valuation, .occupancy-section .table-container .private-table {
  max-height: none !important;
  overflow-x: hidden;
  margin-bottom: 10px; }

.occupancy-section .table-container .private-table tbody td {
  overflow-x: initial; }

.flags-section .private-table .t-calc100 {
  width: calc(100% - 220px) !important; }

.display-inline {
  display: inline; }

/* custom style */
.custom-dp-task-automation table td {
  max-width: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.custom-dp-task-automation table th {
  text-align: left; }
.custom-dp-task-automation table thead tr {
  height: 36px; }
.custom-dp-task-automation table thead > tr > th {
  padding-bottom: 8px; }
.custom-dp-task-automation .thead-width, .custom-dp-task-automation .td-width {
  width: 250px !important; }

.expandable-apn {
  display: inline-flex; }
  .expandable-apn .toggle-textarea {
    margin-left: 6px;
    margin-bottom: 2px; }

.apn-content {
  max-height: 100px;
  overflow-y: auto; }
  .apn-content .apn-count {
    margin-left: 15px; }

.header-text-display {
  display: flex; }
  .header-text-display p {
    margin-left: 50px; }

.appr-job-size {
  padding-left: unset;
  font-size: 18px;
  font-weight: 600; }
  .appr-job-size a {
    font-size: 16px;
    font-weight: 600; }

.appr-text-padding {
  margin-top: 5px; }

.job-appr-setup label {
  color: lightgrey; }
.job-appr-setup .panel-default {
  border-radius: 0;
  border: 0; }
  .job-appr-setup .panel-default .panel-heading {
    height: 68px;
    background-color: rgba(233, 233, 233, 0.77);
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px #cfcfcf;
    border-top: solid 1px #cfcfcf; }
  .job-appr-setup .panel-default .panel-title {
    line-height: 45px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    color: #161616; }
    .job-appr-setup .panel-default .panel-title i {
      line-height: 45px; }
  .job-appr-setup .panel-default .panel-default:not(:first-child) {
    margin-top: 10px !important; }
.job-appr-setup__background {
  position: sticky;
  top: 40px;
  z-index: 89;
  background: #f8f8f8;
  padding: 15px 15px 0;
  margin: 0 0 15px; }
  .job-appr-setup__background h2 {
    font-weight: bold !important;
    font-size: 25px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    cursor: pointer; }
  .job-appr-setup__background .manage-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0;
    gap: 12px;
    margin-left: auto; }
  .job-appr-setup__background .analysis-report-container {
    display: flex;
    justify-content: flex-end;
    padding-right: 0;
    margin-left: auto; }
.job-appr-setup--border {
  border: solid 1px #989898;
  padding: 5px 15px 15px; }
.job-appr-setup .job-appr-info-row {
  font-size: 14px;
  margin-left: 20px; }
  .job-appr-setup .job-appr-info-row h5 {
    margin: 0;
    font-weight: bold; }
  .job-appr-setup .job-appr-info-row .appr-text {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .job-appr-setup .job-appr-info-row .col-label {
    width: 10%; }
  .job-appr-setup .job-appr-info-row .col-xs-1 {
    width: 12% !important; }

.appr-top-bottom {
  margin-top: 5px;
  margin-bottom: 5px; }

.fund-grid-button-wrapper {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 5px;
  margin: 5px; }
  .fund-grid-button-wrapper .label-indications {
    display: flex;
    height: 25px;
    align-items: center;
    margin-bottom: 5px; }
  .fund-grid-button-wrapper .buttons button:disabled {
    background: #ffffff;
    color: #cccccc;
    border: 1px solid #cccccc !important;
    opacity: 1 !important; }

/**
 *  Property search styles
 */
.property-search {
  background-color: #eee;
  padding: 15px;
  margin: 15px;
  border: solid 1px #c9c9c9; }
  .property-search .applay {
    width: 161px;
    height: 42px;
    border-radius: 4px;
    background-color: transparent;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #545454; }
  .property-search .blue {
    background-color: #00304D;
    color: #eee;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400; }
  .property-search input {
    border: 1px solid #999999 !important;
    width: 100% !important;
    height: 39px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #434343; }
  .property-search .dropdown {
    width: 100% !important;
    height: 39px !important;
    border: 1px solid #999999 !important; }
  .property-search .dropbtn {
    max-width: 95% !important;
    height: 35px !important;
    text-align: start;
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #434343;
    margin-left: 3px; }
    .property-search .dropbtn p {
      font-size: 16px;
      font-size: 1.6rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 95%;
      margin-bottom: 0 !important; }
    .property-search .dropbtn i {
      width: 5%;
      margin-top: 3px;
      float: right; }
  .property-search .display-specfic {
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .property-search .display-flex {
    display: inline-flex;
    align-items: center; }
  .property-search .dropdown-content a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .property-search .multi-dropdown {
    text-align: left; }
    .property-search .multi-dropdown .multiselect-parent {
      height: 39px;
      width: 100%; }
      .property-search .multi-dropdown .multiselect-parent button {
        font-size: 16px;
        font-size: 1.6rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border: solid 1px #cccccc !important;
        border-radius: 4px;
        color: #434343;
        font-weight: 400;
        height: 39px !important;
        padding-right: 22px;
        text-align: left;
        width: 100% !important;
        text-transform: capitalize; }
        .property-search .multi-dropdown .multiselect-parent button:hover {
          background-color: #ffffff; }
        .property-search .multi-dropdown .multiselect-parent button span {
          font-size: 16px;
          font-size: 1.6rem;
          float: right;
          margin-top: 5px; }
      .property-search .multi-dropdown .multiselect-parent ul {
        margin-top: 0;
        width: 100%;
        height: auto;
        max-height: 200px; }
        .property-search .multi-dropdown .multiselect-parent ul:hover {
          background-color: #ffffff; }
        .property-search .multi-dropdown .multiselect-parent ul a {
          font-size: 16px;
          font-size: 1.6rem;
          color: #434343;
          font-weight: 400; }
  .property-search .title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8); }
  .property-search .sub-title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #747474; }
  .property-search .to {
    font-size: 16px !important;
    margin-bottom: 0 !important; }
  .property-search .btns-advance {
    width: 161px;
    height: 42px; }
  .property-search .div-to {
    text-align: center;
    margin-top: 9px; }
  .property-search .for-range {
    padding-left: 15px; }
  .property-search .margin-bottom {
    margin-bottom: 0.5em; }
  .property-search .transparent {
    color: transparent; }
  .property-search .select-range {
    display: inline-block;
    margin-bottom: 15px;
    position: relative; }
    .property-search .select-range .addon {
      background-color: transparent;
      border: 0;
      bottom: 0;
      color: #4a4a4a;
      cursor: pointer;
      font-size: 20px;
      position: absolute;
      right: 5%;
      top: 20%; }
      .property-search .select-range .addon:hover {
        opacity: 0.7; }
    .property-search .select-range .up {
      color: #2a2a2a;
      cursor: pointer;
      position: absolute;
      right: 7px;
      top: 5px; }
      .property-search .select-range .up:hover {
        opacity: 0.7; }
    .property-search .select-range .down {
      bottom: 5px;
      color: #2a2a2a;
      cursor: pointer;
      position: absolute;
      right: 7px; }
      .property-search .select-range .down:hover {
        opacity: 0.7; }
    .property-search .select-range .more-right {
      right: 20px; }
    @media (max-width: 768px) {
      .property-search .select-range .select-range {
        width: 100%; }
      .property-search .select-range .up {
        right: 20px;
        top: 10px; }
      .property-search .select-range .down {
        right: 20px;
        bottom: 10px; } }
  .property-search .title-section {
    padding: 0 15px; }

.property-select {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #3e3e3e; }
  .property-select .advanceSearchTitle {
    margin-top: 1em; }
  .property-select div {
    border: solid 1px #c9c9c9;
    margin-bottom: 0.5em;
    padding: 1em;
    height: 61px;
    background-color: #eee; }
    .property-select div:hover, .property-select div:focus {
      border: 2px solid #00304D;
      color: #00304D; }
      .property-select div:hover i, .property-select div:focus i {
        font-size: 20px;
        font-size: 2rem;
        color: #00304D; }
  .property-select i {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    color: #a9a9a9; }

.advanceClick {
  color: #00304D !important; }

.site-wrap .angle-left {
  font-size: 25px;
  font-size: 2.5rem;
  color: #000000;
  font-weight: bold;
  margin-right: 0.2em;
  margin-top: 1px; }

.site-wrap .site-header h1 span {
  font-weight: 400 !important; }

.usa {
  height: 39px !important;
  margin-bottom: 0 !important; }

@media (max-width: 768px) {
  .property-search input {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.5em 0 !important; }
  .property-search .col-sm-5 {
    padding: 0.5em 15px !important;
    margin-bottom: 1em; }
  .property-search .dropdown {
    padding-left: 0 !important;
    padding-right: 0 !important; } }
.pill-property-search {
  position: relative; }
  .pill-property-search .search-div {
    position: absolute;
    left: 485px;
    top: 1px;
    width: 68%; }
    .pill-property-search .search-div input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 1.6rem; }
    .pill-property-search .search-div.transaction-search {
      left: 648px;
      width: 57%; }
    .pill-property-search .search-div.asset-search {
      left: 310px;
      width: 79.5%; }
    .pill-property-search .search-div.check-search {
      left: 443px;
      width: 71%; }
    .pill-property-search .search-div.search-comb {
      left: 648px;
      width: 57%; }
  .pill-property-search .search-div-1 {
    position: absolute;
    left: 485px;
    top: 1px;
    width: 310px; }
    .pill-property-search .search-div-1 input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 1.6rem; }
  .pill-property-search .search-div-trx-1 {
    position: absolute;
    left: 645px;
    top: 1px;
    width: 310px; }
    .pill-property-search .search-div-trx-1 input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 1.6rem; }
  .pill-property-search .search-div-trx-2 {
    position: absolute;
    left: 935px;
    top: 1px;
    width: 310px; }
    .pill-property-search .search-div-trx-2 input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 1.6rem; }
  .pill-property-search .search-div-2 {
    position: absolute;
    left: 805px;
    top: 1px;
    width: 310px; }
    .pill-property-search .search-div-2 input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 1.6rem; }
  .pill-property-search .view-settings {
    position: absolute;
    right: 0;
    top: 1px; }
  .pill-property-search .uib-tab {
    background-color: white;
    border-radius: 5px;
    height: 40px;
    border: 1px solid #ddd;
    margin-right: 10px;
    cursor: pointer; }
    .pill-property-search .uib-tab div {
      color: grey;
      font-weight: 400;
      padding: 7px 15px; }
  .pill-property-search .active {
    height: 100% !important;
    border-bottom: 0 !important; }
  .pill-property-search .nav-tabs > li.active > a, .pill-property-search .nav-tabs > li.active > a:hover, .pill-property-search .nav-tabs > li.active > a:focus {
    height: 45px;
    width: 100%; }
  .pill-property-search .property-type-property-search {
    display: inline-flex; }
  .pill-property-search .no-border-top-left-radius {
    border-top-left-radius: 0 !important; }
  .pill-property-search .text-right {
    margin-top: 15px; }
  .pill-property-search .advanced-search-section {
    margin-top: 0;
    border-top: 0;
    border-radius: 5px; }
  .pill-property-search .tab-keyword {
    flex: 1;
    border: 0 !important;
    margin-right: 0; }
    .pill-property-search .tab-keyword div {
      padding: 0 !important;
      margin: 0; }
    .pill-property-search .tab-keyword input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 16px;
      font-size: 1.6rem; }
  .pill-property-search .tab-keyword.active {
    height: 37px !important; }
    .pill-property-search .tab-keyword.active div {
      height: 100% !important; }
  .pill-property-search .nav-tabs {
    border-bottom: 0;
    display: flex; }
    .pill-property-search .nav-tabs .active div {
      height: 42px !important;
      padding-bottom: 0; }
  .pill-property-search .nested-form {
    border-top: 1px solid #ddd !important;
    border-radius: 5px; }
  .pill-property-search .tab-form-demo .x-close {
    position: absolute;
    z-index: 100;
    right: 0;
    padding: 0 15px;
    top: 0;
    margin-top: 0; }
    .pill-property-search .tab-form-demo .x-close a {
      color: #c9c9c9 !important;
      font-size: 30px; }
  .pill-property-search .section-tab-border-top {
    border-top: 1px solid #ddd;
    border-top-right-radius: 5px; }
  .pill-property-search .control {
    padding-right: 1.1em; }

.portfolio-padding {
  padding: 10px 0 !important; }

.role-search {
  margin-top: -40px;
  margin-bottom: 50px; }

.trans-search-new {
  margin-left: 200px; }
  .trans-search-new .form-control {
    width: 87%; }
    .trans-search-new .form-control .dropdown-menu {
      height: 350px !important; }

.trans-search-new-2 {
  margin-left: 200px; }
  .trans-search-new-2 .form-control {
    width: 310px; }
    .trans-search-new-2 .form-control .dropdown-menu {
      height: 350px !important; }

.trans-search-new-3 {
  margin-left: 200px; }
  .trans-search-new-3 .form-control {
    width: 282px; }
    .trans-search-new-3 .form-control .dropdown-menu {
      height: 350px !important; }

@media screen and (min-width: 1200px) and (max-width: 1500px) {
  .trans-search-new {
    margin-left: 200px; }
    .trans-search-new .form-control {
      width: 60%; } }
@media screen and (min-width: 1501px) and (max-width: 1750px) {
  .trans-search-new {
    margin-left: 200px; }
    .trans-search-new .form-control {
      width: 70%; } }
@media screen and (min-width: 1000px) and (max-width: 1199px) {
  .trans-search-new {
    margin-left: 200px; }
    .trans-search-new .form-control {
      width: 55%; } }
.user-alert-modal {
  width: 1100px;
  height: auto; }

.user-alert-setting .ui-grid-alert .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid {
  max-height: 280px !important; }

.bloc .form-control .dropdown-menu .open .inner .open {
  overflow-y: hidden !important; }
.bloc .form-control select {
  overflow-y: hidden; }

.polygon-search .filter-option input[type="radio"] {
  width: inherit;
  transform: scale(1.5); }
.polygon-search .filter-option span {
  font-size: 1.5rem;
  margin-left: 10px; }
.polygon-search .filter-option:not(:first-child) {
  padding-left: 20px; }

.asset-search-wrapper .page-overlay__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .asset-search-wrapper .page-overlay__loading .loader {
    position: absolute;
    visibility: visible;
    position: absolute;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5); }
    .asset-search-wrapper .page-overlay__loading .loader .kart-loader {
      position: static;
      width: auto;
      height: auto; }

.asset-search-map .advanced-search-section {
  padding: 7px 30px 15px; }
.asset-search-map .pagination-view-column .building-results-info {
  display: flex;
  align-items: center;
  margin-left: 2rem; }
  .asset-search-map .pagination-view-column .building-results-info .showing-info {
    margin-right: 0.5rem; }
  .asset-search-map .pagination-view-column .building-results-info .show-more-actions {
    display: flex; }
    .asset-search-map .pagination-view-column .building-results-info .show-more-actions .pag-button {
      background: none;
      height: auto;
      border-radius: 0;
      color: #00304D;
      text-transform: none;
      font-size: 16px;
      font-weight: 600;
      padding: 0 0.5rem;
      border-left: 1px solid #999999; }
      .asset-search-map .pagination-view-column .building-results-info .show-more-actions .pag-button:disabled {
        color: #999999; }
.asset-search-map .building-actions {
  margin-bottom: 0.5rem; }
  .asset-search-map .building-actions .button-container:not(:last-child) {
    border-right: 1px solid #00304D; }
  .asset-search-map .building-actions .button-container .action-button {
    font-size: 14px;
    padding: 0 10px 0;
    color: #00304D;
    font-weight: 600;
    background: none;
    height: 20px;
    border-radius: 0;
    text-transform: none; }
    .asset-search-map .building-actions .button-container .action-button:disabled {
      color: #999999;
      pointer-events: none; }

@media screen and (max-width: 1400px) {
  .list-view {
    height: 75vh; } }
@media screen and (min-width: 1401px) and (max-width: 1800px) {
  .list-view {
    height: 77vh; } }
@media screen and (min-width: 1801px) {
  .list-view {
    height: 66vh; } }
.new-wrapper {
  width: 100%;
  min-height: 700px; }

.polygon-search-container .top-15 {
  margin-top: 15px; }
.polygon-search-container .top-17 {
  margin-top: 17px; }
.polygon-search-container .city-margin {
  margin-top: -2px; }
.polygon-search-container .search-description {
  padding-top: 10px;
  padding-left: 10px; }
.polygon-search-container .top-25 {
  margin-top: 25px; }
.polygon-search-container .apply-search-button {
  float: right;
  height: 35px !important;
  margin-top: 5px; }
.polygon-search-container .xls-label {
  font-size: 1.49rem;
  font-weight: 500; }
.polygon-search-container .dropdown .dropdown-menu {
  min-width: 100% !important; }
.polygon-search-container .dropdown button {
  height: 35px !important; }
.polygon-search-container .inline-flex {
  display: inline-flex; }
.polygon-search-container .top-10 {
  margin-top: 10px; }
.polygon-search-container .top-15 {
  margin-top: 15px; }
.polygon-search-container .top-20 {
  margin-top: 20px; }
.polygon-search-container .top-25 {
  margin-top: 25px; }
.polygon-search-container .right-20 {
  margin-right: 20px; }
.polygon-search-container .left-20 {
  margin-left: 20px; }
.polygon-search-container .no-top {
  padding-top: 0 !important; }
.polygon-search-container .document-padding {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }
.polygon-search-container .row_wrapper {
  min-height: unset; }
.polygon-search-container .show-map-margin {
  margin-top: -15px; }
.polygon-search-container .polygon-flex-container {
  display: flex;
  flex-flow: row nowrap;
  position: relative; }
  .polygon-search-container .polygon-flex-container .toggle-map-visibility {
    position: absolute;
    right: 0;
    top: -22px; }
  .polygon-search-container .polygon-flex-container .full-height-grid {
    height: 98%; }
    .polygon-search-container .polygon-flex-container .full-height-grid .ui-grid {
      height: auto; }
  .polygon-search-container .polygon-flex-container .property-column {
    width: 600px;
    height: 100%;
    overflow-y: auto;
    margin-right: 20px; }
  .polygon-search-container .polygon-flex-container .map-column {
    height: 100%;
    width: calc(100% - 620px); }
  .polygon-search-container .polygon-flex-container .full-column {
    width: 100% !important; }
    .polygon-search-container .polygon-flex-container .full-column .ui-grid {
      height: 100% !important;
      overflow: hidden; }
  .polygon-search-container .polygon-flex-container .search-used-item {
    margin-top: 7px; }
  .polygon-search-container .polygon-flex-container .print-col-sm {
    width: 35%; }
  .polygon-search-container .polygon-flex-container .search-tag-col-md, .polygon-search-container .polygon-flex-container .print-col-md {
    width: 50%; }
  .polygon-search-container .polygon-flex-container .search-tag-col-lg {
    width: 65%; }
  .polygon-search-container .polygon-flex-container .pagination-view-column {
    display: inline-flex;
    width: 100%; }
  .polygon-search-container .polygon-flex-container .column-25 {
    width: 25%; }
  .polygon-search-container .polygon-flex-container .column-30 {
    width: 30%; }
  .polygon-search-container .polygon-flex-container .column-35 {
    width: 35%; }
  .polygon-search-container .polygon-flex-container .column-65 {
    width: 65%; }
  .polygon-search-container .polygon-flex-container .col-23-half {
    width: 23.5%; }
  .polygon-search-container .polygon-flex-container .col-20-percent {
    width: 20%; }
  .polygon-search-container .polygon-flex-container .pagination-col {
    margin-left: 30px; }
  .polygon-search-container .polygon-flex-container .btn-link-margin {
    margin-top: 45px;
    margin-left: 15px; }
  .polygon-search-container .polygon-flex-container .new-title-search {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px; }
  .polygon-search-container .polygon-flex-container .show-map-control {
    background: transparent;
    border: 0;
    color: #545454;
    font-size: 15px;
    font-weight: 500;
    height: 30px;
    min-width: 120px;
    text-transform: capitalize;
    text-align: right;
    float: right; }
  .polygon-search-container .polygon-flex-container .property-card-border {
    border: solid 1px #c9c9c9; }
  .polygon-search-container .polygon-flex-container .multi-dropdown {
    height: 34px; }
    .polygon-search-container .polygon-flex-container .multi-dropdown .multiselect-parent {
      height: 34px; }
      .polygon-search-container .polygon-flex-container .multi-dropdown .multiselect-parent button {
        height: 34px !important; }
.polygon-search-container input[type="checkbox"] {
  width: 20px; }
.polygon-search-container .filter-badge {
  display: inline-flex; }
.polygon-search-container .new-change-search-tag {
  padding: 7px 5px 5px 5px; }
.polygon-search-container .height-300 {
  height: 300px !important; }
.polygon-search-container .search-grid-map {
  height: calc(100vh - 675px) !important; }
  @media (max-width: 1536px) {
    .polygon-search-container .search-grid-map {
      height: calc(100vh - 530px) !important; } }
.polygon-search-container .doc-table-row {
  padding-top: 0;
  margin-top: unset; }
.polygon-search-container .max-doc-size {
  max-height: 500px; }
.polygon-search-container .resize-handle {
  position: relative;
  width: 100%; }
.polygon-search-container .no-search-result {
  min-height: 150px;
  text-align: center; }
  .polygon-search-container .no-search-result .no-results {
    padding: unset; }
.polygon-search-container .bootstrap-select .dropdown-toggle {
  height: 35px; }

#google-polygon-map {
  height: 500px;
  width: 100%; }
  #google-polygon-map #polygonShape:hover, #google-polygon-map #circleShape:hover, #google-polygon-map #clearShape:hover, #google-polygon-map #clusterModeToggle:hover {
    background-color: #e6e6e6; }

#polygon-search-map {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  #polygon-search-map #polygonShape:hover, #polygon-search-map #circleShape:hover, #polygon-search-map #clearShape:hover, #polygon-search-map #clusterModeToggle:hover, #polygon-search-map #applyAssetSearch:hover {
    background-color: #e6e6e6; }

.badge-no-pointer {
  cursor: text !important; }

.new-advance-search-padding {
  padding-top: 0 !important; }

.new-asset-search-margin {
  margin-top: 15px; }

.property-print-flex-container {
  display: flex;
  flex-flow: row nowrap; }
  .property-print-flex-container .select-all {
    margin-top: 8px;
    width: 120px; }
  .property-print-flex-container .btn-new-apply {
    color: #fff;
    background-color: #00304D;
    border: none !important; }

.button-link {
  font-size: 1em;
  margin: 0;
  padding: 0;
  font-weight: 500;
  text-align: left;
  color: #00304D;
  background: none;
  border: none;
  cursor: pointer;
  -moz-user-select: text;
  text-transform: capitalize; }

.column-flex-container {
  display: flex;
  flex-flow: column nowrap; }

.common-flex-container {
  display: flex !important;
  flex-flow: row nowrap; }
  .common-flex-container .col-10 {
    width: 10%; }
  .common-flex-container .col-12 {
    width: 12%; }
  .common-flex-container .col-23-half {
    width: 23.5%; }
  .common-flex-container .col-100, .common-flex-container .appraisal-bid-modal .bid-header, .appraisal-bid-modal .common-flex-container .bid-header {
    width: 100%; }
  .common-flex-container .right-margin-5 {
    margin-right: 5px; }

.assigned-assets-btn {
  margin-left: 15px;
  margin-top: -4px; }
  .assigned-assets-btn .general-button {
    line-height: 20px;
    font-size: 15px !important;
    width: 175px !important; }

.document-tag-label {
  font-size: 1.8rem;
  font-weight: 500; }

.doc-tag-section {
  border-top: 1px solid #ddd;
  margin-top: 30px; }

.doc-tag-label {
  margin-top: 15px; }

.new-saved-search {
  top: -5px;
  left: 0; }

.saved-search-bottom {
  padding-bottom: 20px; }

.no-saved-search {
  text-align: center;
  padding: 10px 10px; }

.no-left-margin.btn-save-search {
  margin-left: 0 !important; }

.left-margin-10.btn-save-search {
  margin-left: 10px !important; }

.custom-top-40 {
  margin-top: 40px; }

.custom-top-20 {
  margin-top: 20px; }

.custom-no-results-title {
  font-size: 20px;
  font-size: 2rem;
  color: #535353;
  font-weight: 600;
  margin-bottom: 0; }

.exceed-limit {
  border: 1px solid #ff0000 !important; }

.property-create-edit .field-title, .property-create-edit .advanced-search-section .advanced-search-fields .label-title, .advanced-search-section .advanced-search-fields .property-create-edit .label-title {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  margin-left: 15px; }
.property-create-edit hr {
  margin-bottom: 15px; }
.property-create-edit .show-properties input {
  width: 30px;
  height: 18px !important;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer; }
.property-create-edit .show-properties label {
  position: relative;
  padding-left: 40px;
  padding-bottom: 5px;
  padding-top: 1px;
  font-weight: bold;
  cursor: pointer; }
.property-create-edit .select-input-important {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%; }
  .property-create-edit .select-input-important:focus {
    border: solid 2px #00304D !important; }
  .property-create-edit .select-input-important::-webkit-input-placeholder {
    font-weight: 400;
    color: #ccc !important; }
  .property-create-edit .select-input-important:-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400;
    color: #ccc !important; }
  .property-create-edit .select-input-important::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
    color: #ccc !important; }
  .property-create-edit .select-input-important:-ms-input-placeholder {
    font-weight: 400;
    color: #ccc !important; }
.property-create-edit .select-input-important-form .form-control:disabled {
  background: #e6e6e6 !important;
  color: #777777 !important; }
.property-create-edit .select-input-important-form .form-control::placeholder {
  color: darkgray !important; }
.property-create-edit .multi-dropdown {
  text-align: left; }
  .property-create-edit .multi-dropdown .multiselect-parent {
    height: 39px;
    width: 100%; }
    .property-create-edit .multi-dropdown .multiselect-parent button {
      font-size: 16px;
      font-size: 1.6rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      color: #434343;
      font-weight: 400;
      height: 39px !important;
      padding-right: 22px;
      text-align: left;
      width: 100% !important;
      text-transform: capitalize; }
      .property-create-edit .multi-dropdown .multiselect-parent button:hover {
        background-color: #ffffff; }
      .property-create-edit .multi-dropdown .multiselect-parent button span {
        font-size: 16px;
        font-size: 1.6rem;
        float: right;
        margin-top: 3px; }
      .property-create-edit .multi-dropdown .multiselect-parent button:focus, .property-create-edit .multi-dropdown .multiselect-parent button:active {
        border: solid 2px #00304D !important; }
    .property-create-edit .multi-dropdown .multiselect-parent ul {
      overflow: auto !important;
      margin-top: 0;
      min-width: 100%;
      height: auto !important;
      max-height: 700px; }
      .property-create-edit .multi-dropdown .multiselect-parent ul:hover {
        background-color: #ffffff; }
      .property-create-edit .multi-dropdown .multiselect-parent ul a {
        font-size: 16px;
        font-size: 1.6rem;
        color: #434343;
        font-weight: 400; }
.property-create-edit .map-height .angular-leaflet-map {
  height: 358px !important;
  margin-bottom: 15px; }
.property-create-edit .create-form .form-section:not(:last-child) {
  margin-bottom: 20px !important;
  padding-bottom: 0 !important; }
.property-create-edit .checkbox-area {
  /* width: 100%;*/
  /* Hover and focus states */
  /* Checked state */
  /* Hover state whilst checked */
  /* Disabled state */
  /* Check mark */
  /* Show check mark */
  /* Checkbox tick */
  /* Disabled tick colour */ }
  .property-create-edit .checkbox-area label {
    font-size: 14px !important;
    font-weight: normal !important;
    color: #747474;
    white-space: nowrap;
    text-transform: capitalize; }
  .property-create-edit .checkbox-area .control-group {
    width: 100%;
    text-align: left;
    vertical-align: top; }
    .property-create-edit .checkbox-area .control-group .property {
      padding: 0; }
    .property-create-edit .checkbox-area .control-group .padding-left-9 {
      padding-left: 9px; }
    .property-create-edit .checkbox-area .control-group .checkbox-padding {
      padding-left: 33px; }
    @media (max-width: 992px) {
      .property-create-edit .checkbox-area .control-group .property-mobile {
        padding: 0; }
      .property-create-edit .checkbox-area .control-group .checkbox-padding {
        padding-left: 15px; } }
  .property-create-edit .checkbox-area .control {
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 25px;
    cursor: pointer;
    padding-right: 3em;
    font-weight: 400; }
    .property-create-edit .checkbox-area .control input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
  .property-create-edit .checkbox-area .control__indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: #eee;
    border: 1px solid rgba(151, 151, 151, 0.67); }
  .property-create-edit .checkbox-area .control--radio .control__indicator {
    border-radius: 50%; }
  .property-create-edit .checkbox-area .control:hover input ~ .control__indicator,
  .property-create-edit .checkbox-area .control input:focus ~ .control__indicator {
    background: #eee; }
  .property-create-edit .checkbox-area .control input:checked ~ .control__indicator {
    background: #eee; }
  .property-create-edit .checkbox-area .control:hover input:not([disabled]):checked ~ .control__indicator,
  .property-create-edit .checkbox-area .control input:checked:focus ~ .control__indicator {
    background: #eee; }
  .property-create-edit .checkbox-area .control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6; }
  .property-create-edit .checkbox-area .control__indicator:after {
    position: absolute;
    display: none;
    content: ''; }
  .property-create-edit .checkbox-area .control input:checked ~ .control__indicator:after {
    display: block; }
  .property-create-edit .checkbox-area .control--checkbox .control__indicator:after {
    top: 0px;
    left: 4px;
    width: 4px;
    height: 9px;
    transform: rotate(45deg);
    border: solid #000;
    border-width: 0 2px 2px 0; }
  .property-create-edit .checkbox-area .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b; }
  .property-create-edit .checkbox-area .control__indicator.dp-fund {
    top: 3px; }
  .property-create-edit .checkbox-area .dp-fund.control__indicator:after {
    top: 1px;
    left: 4px;
    width: 5px;
    height: 9px; }
.property-create-edit .image-building {
  max-height: 375px !important;
  background-color: #fff; }
.property-create-edit .label-weight {
  font-weight: 600 !important; }
.property-create-edit .less-margin-bottom {
  margin-bottom: 20px !important; }
.property-create-edit .images-min-size {
  min-width: 375px !important;
  min-height: 375px !important;
  margin: 0 5px 0 20px; }
.property-create-edit .image-size {
  box-sizing: border-box;
  height: 450px;
  padding: 0;
  width: 375px; }
.property-create-edit .dashed-border {
  border: 2px dashed #7a7a7a;
  text-align: center;
  padding: 139px 0;
  min-width: 375px;
  min-height: 375px; }
  .property-create-edit .dashed-border img {
    margin: auto; }
.property-create-edit .select-file-image {
  background-color: #7a7a7a !important;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.4px;
  text-align: center;
  color: #ffffff;
  width: 200px;
  height: 30px;
  margin-top: 15px; }
.property-create-edit .building-photo-container {
  width: 200px;
  margin-bottom: 1rem; }
  .property-create-edit .building-photo-container .caption-area {
    min-height: 65px;
    font-size: 1.3rem; }
    .property-create-edit .building-photo-container .caption-area .text-hover {
      display: inherit !important;
      text-align: right;
      margin-top: -5px; }
      .property-create-edit .building-photo-container .caption-area .text-hover .fa-pencil-square-o {
        padding-right: 5px;
        margin-top: 1px; }
    .property-create-edit .building-photo-container .caption-area .text-caption {
      width: 100%;
      min-width: 200px;
      margin-top: 10px;
      margin-bottom: 0 !important;
      height: 25px; }
      .property-create-edit .building-photo-container .caption-area .text-caption:focus {
        border: 2px solid #00304D !important; }
    .property-create-edit .building-photo-container .caption-area p {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
.property-create-edit .drag-images {
  font-size: 20px;
  font-weight: 600;
  color: #00304D;
  font-style: normal;
  font-stretch: normal;
  margin-top: 30px;
  margin-bottom: 5px; }
.property-create-edit .title-margin-top {
  margin-top: 15px; }
.property-create-edit .private-design {
  margin: 15px 0; }
  .property-create-edit .private-design .btn-add {
    min-width: 375px;
    height: 32px;
    border-radius: 4px;
    background-color: #5e5e5e;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: #ffffff;
    float: left; }
.property-create-edit .border-private {
  border-bottom: solid 1px #d4d4d4 !important;
  padding: 15px;
  min-height: 375px; }
.property-create-edit .title-save {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px; }
.property-create-edit .save-changes {
  font-size: 16px;
  font-size: 1.6rem;
  color: #545454;
  font-weight: 400;
  padding: 10px;
  text-transform: uppercase; }
.property-create-edit .label-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  color: #434343; }
.property-create-edit .text-left {
  text-align: left; }
.property-create-edit .no-editing p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical; }
.property-create-edit .btn-save {
  color: #a9a9a9 !important; }
.property-create-edit .broker-card {
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  padding-left: 50px;
  /*padding-bottom: 10px;*/
  text-transform: capitalize; }
  .property-create-edit .broker-card .image-table {
    width: 42px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 52px; }
    .property-create-edit .broker-card .image-table td {
      vertical-align: middle;
      text-align: center; }
      .property-create-edit .broker-card .image-table td img {
        width: 47px;
        height: 47px;
        max-width: 47px;
        max-height: 47px; }
  .property-create-edit .broker-card .details {
    width: 100%;
    height: 47px;
    display: table;
    padding-left: 10px; }
    .property-create-edit .broker-card .details .inner {
      display: table-cell;
      vertical-align: baseline; }
      .property-create-edit .broker-card .details .inner p {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0; }
      .property-create-edit .broker-card .details .inner h5 {
        font-size: 13px;
        font-size: 1.3rem;
        padding-top: 4px;
        margin: 0; }
      .property-create-edit .broker-card .details .inner .title-blue {
        color: #00304D;
        font-weight: 400;
        font-size: 14px;
        font-size: 1.4rem; }
      .property-create-edit .broker-card .details .inner .title-black {
        color: #000000;
        font-weight: 600; }
      .property-create-edit .broker-card .details .inner .black {
        color: #000000; }
      .property-create-edit .broker-card .details .inner .gray {
        opacity: .5; }
      .property-create-edit .broker-card .details .inner .detail-view-user {
        font-size: 14px;
        font-size: 1.4rem;
        color: #000000;
        font-weight: normal; }
    .property-create-edit .broker-card .details .middle {
      vertical-align: middle !important; }
.property-create-edit .contacts-border {
  padding: 15px;
  margin: 0 !important;
  border: solid 1px #d4d4d4; }
.property-create-edit .padding-top-bottom-15 {
  padding-top: 15px;
  padding-bottom: 15px; }
.property-create-edit .contact-upload-photo {
  border: solid 2px #00304D;
  padding: 20px;
  max-width: 80px;
  min-height: 72px; }
  .property-create-edit .contact-upload-photo img {
    width: 40px;
    margin: 20px auto; }
  .property-create-edit .contact-upload-photo .img-responsive-100 {
    width: 100%;
    margin: auto; }
.property-create-edit .margin-right-10 {
  margin-right: 10px; }
.property-create-edit .advanced-button.btn-disabled {
  background-color: #ededed !important;
  cursor: default;
  opacity: 0.9 !important; }
  .property-create-edit .advanced-button.btn-disabled:hover, .property-create-edit .advanced-button.btn-disabled:focus {
    border: solid 1px #c9c9c9 !important; }
    .property-create-edit .advanced-button.btn-disabled:hover span, .property-create-edit .advanced-button.btn-disabled:focus span {
      color: #3e3e3e !important; }
    .property-create-edit .advanced-button.btn-disabled:hover i, .property-create-edit .advanced-button.btn-disabled:focus i {
      color: #a9a9a9 !important; }
.property-create-edit .bootstrap-select-create .bootstrap-select > .dropdown-toggle {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%;
  outline: none !important; }
.property-create-edit .margin-bottom-15 {
  margin-bottom: 15px !important; }
.property-create-edit .select-email-error {
  border: 2px solid red !important;
  border-radius: 5px; }
.property-create-edit button[disabled] {
  cursor: default;
  background-color: #777;
  opacity: 0.7; }
.property-create-edit .caption-with-edit {
  display: inline-flex;
  align-items: baseline;
  width: 100%; }
  .property-create-edit .caption-with-edit p.caption-text {
    font-size: 1.3rem; }
.property-create-edit .label-caption {
  font-weight: 600; }
.property-create-edit .edit-icon-caption {
  line-height: 1.7; }

.caption-image .modal-dialog,
.upload-photos-modal .modal-dialog {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle; }
.caption-image .modal-content,
.upload-photos-modal .modal-content {
  border: 0;
  border-radius: 0;
  width: 799px;
  margin: auto; }
  .caption-image .modal-content .modal-header,
  .upload-photos-modal .modal-content .modal-header {
    border-bottom: 0;
    padding: 25px 22px 18px; }
  .caption-image .modal-content .modal-body,
  .upload-photos-modal .modal-content .modal-body {
    padding: 0 22px; }
  .caption-image .modal-content .modal-footer,
  .upload-photos-modal .modal-content .modal-footer {
    border-top: 0; }
.caption-image .label,
.upload-photos-modal .label {
  font-size: 14px;
  font-size: 1.4rem;
  color: #747474;
  font-weight: 400;
  padding: 0; }
.caption-image .label-required-bold,
.upload-photos-modal .label-required-bold {
  font-weight: bold; }
.caption-image .select-input,
.upload-photos-modal .select-input {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%;
  padding: 8px 15px;
  margin-top: 9px;
  /*max-width: 390px;*/ }
  .caption-image .select-input:focus,
  .upload-photos-modal .select-input:focus {
    border: solid 2px #00304D !important; }
  .caption-image .select-input::-webkit-input-placeholder,
  .upload-photos-modal .select-input::-webkit-input-placeholder {
    font-weight: 400;
    color: #ccc !important; }
  .caption-image .select-input:-moz-placeholder,
  .upload-photos-modal .select-input:-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400;
    color: #ccc !important; }
  .caption-image .select-input::-moz-placeholder,
  .upload-photos-modal .select-input::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
    color: #ccc !important; }
  .caption-image .select-input:-ms-input-placeholder,
  .upload-photos-modal .select-input:-ms-input-placeholder {
    font-weight: 400;
    color: #ccc !important; }

.upload-photos-modal .modal-content {
  height: 650px !important; }

.label-required-bold {
  font-weight: bold; }

.file-ie {
  height: 100%;
  max-height: 65px;
  padding: 0;
  margin-top: 9px; }

.file-component {
  display: flex;
  margin-top: 10px; }
  .file-component .drop-box {
    border: 2px dashed #aaa;
    padding: 20px;
    text-align: center;
    color: #ccc;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33%; }
  .file-component .form-group {
    border: 2px dashed #aaa;
    padding: 10px;
    margin-bottom: inherit;
    margin-right: 10px;
    width: 33%; }
    .file-component .form-group .file-ie {
      width: 100%; }
  .file-component .paste-box {
    border: 5px dashed #aaa;
    margin-left: 10px;
    padding: 10px;
    width: 33%; }
    .file-component .paste-box input {
      width: 100%;
      text-align: center;
      height: 70px;
      font-size: 14px; }

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

.padding-left-right-15 {
  padding: 0 15px; }
  .padding-left-right-15 .hovereffect {
    margin-bottom: 5px !important; }
    .padding-left-right-15 .hovereffect .overlay-contacts img {
      width: 15px; }

.ng-hide:not(.ng-hide-animate):not(.display-none-calendar) {
  display: block;
  position: absolute;
  top: -9999px !important;
  left: -9999px !important; }

.black-title {
  color: rgba(0, 0, 0, 0.8) !important;
  font-weight: 700; }

.property-select .advanced-button.btn-disabled:hover .name-button, .property-select .advanced-button.btn-disabled:focus .name-button {
  font-weight: 400 !important; }

.display-none-calendar {
  display: none !important;
  top: 0 !important;
  left: 0 !important; }

.img-review-photo {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%; }
  .img-review-photo .section-repeat {
    margin: 0 15px; }
  .img-review-photo .thumbnail-total-size {
    position: relative;
    width: 240px !important; }
  .img-review-photo .slide-feature-proyect-title {
    padding-top: 115px; }
  .img-review-photo img {
    width: 225px !important;
    height: 225px !important;
    margin: 5px auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .img-review-photo .checkbox-area .control__indicator {
    position: absolute;
    top: 5px !important;
    right: 0 !important;
    left: 5px;
    width: 15px;
    height: 15px;
    border-radius: 10px; }
  .img-review-photo .checkbox-area .control--checkbox .control__indicator:after {
    border-color: white !important; }
  .img-review-photo .checkbox-area .control input:checked ~ .control__indicator {
    background-color: #00304D !important; }
  .img-review-photo .checkbox-area .control {
    padding-right: 0 !important;
    float: right; }
  .img-review-photo .building-name {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
    color: #535353;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .img-review-photo .photo-date {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: right;
    color: #9c9c9c;
    margin-right: 5px; }
  .img-review-photo .photo-user {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    color: #9c9c9c;
    margin-bottom: 0px; }
  .img-review-photo .checkbox-area .control input {
    width: 10px; }
  .img-review-photo .image-review-on-hover:hover {
    background-color: rgba(0, 0, 0, 0.43);
    position: relative; }
  .img-review-photo .checkbox-area-on-hover {
    position: relative;
    top: 5px;
    left: 13px; }
  .img-review-photo .image-hover-icon {
    float: right;
    padding: 0 5px 0 5px;
    margin-right: 3px;
    background-color: #383838; }
  .img-review-photo .image-container-on-hover {
    position: relative;
    top: 25px; }
  .img-review-photo .hover-icon, .img-review-photo .image-create-date-on-hover {
    color: #ffffff !important; }
  .img-review-photo .property-title-on-hover {
    margin-top: 5px; }
  .img-review-photo .checkbox-indicator-hover {
    left: 18px !important; }

.manage-section-ir {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end; }
  .manage-section-ir label {
    font-size: 14px;
    font-size: 1.4rem;
    color: #676767; }
  .manage-section-ir button {
    margin-left: 15px; }

.create-dp-fund {
  height: 72px;
  display: inline-flex;
  align-items: flex-end; }

.image-create-edit .property-tabs .row-image {
  padding: 0 50px; }
.image-create-edit .property-tabs .nav-tabs {
  border-bottom: 5px solid #00304D;
  box-shadow: 0 3px 5px -5px #525252; }
  .image-create-edit .property-tabs .nav-tabs .uib-tab {
    cursor: pointer;
    min-width: 200px;
    padding: 10px 0; }
    .image-create-edit .property-tabs .nav-tabs .uib-tab .tab-header {
      position: relative;
      min-height: 28px;
      font-weight: 600;
      font-size: 20px;
      color: #999999;
      transform: scale(1);
      transition: transform 0.35s ease-in; }
      .image-create-edit .property-tabs .nav-tabs .uib-tab .tab-header.dndDragover {
        border: 2px dashed rgba(0, 48, 77, 0.3);
        transform: scale(1.2);
        transition: transform 0.35s ease-out;
        z-index: 1; }
      .image-create-edit .property-tabs .nav-tabs .uib-tab .tab-header .dndPlaceholder {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        color: #00304D;
        font-size: 16px; }
    .image-create-edit .property-tabs .nav-tabs .uib-tab.active .tab-header {
      color: #00304D; }
.image-create-edit .property-tabs .hovereffect {
  min-height: 200px; }
  .image-create-edit .property-tabs .hovereffect img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .image-create-edit .property-tabs .hovereffect img.img-responsive {
      transform: none; }
  .image-create-edit .property-tabs .hovereffect .div-h2 {
    background-color: #fff; }
.image-create-edit .property-tabs .drag-and-drop .advancedDemo .itemlist {
  min-height: 450px;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.image-create-edit .property-tabs .advancedDemo .dndPlaceholder {
  background-size: 200px 200px !important;
  height: 200px !important;
  width: 200px !important; }

.crop-enable {
  color: #00304D;
  border: solid 1px #00304D; }

.crop-disable img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.form-upload-region {
  width: 100% !important;
  flex-direction: column !important;
  height: 570px !important;
  padding: unset !important;
  max-width: 800px !important;
  padding: unset !important;
  margin-right: unset !important; }
  .form-upload-region .nav-instruction {
    position: absolute;
    z-index: 1;
    font-size: 2rem;
    white-space: normal;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    border-radius: 5px;
    color: #00304D;
    background-color: rgba(250, 250, 250, 0.8); }

.select-image-checkbox {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 1; }
  .select-image-checkbox input[type='checkbox'] {
    width: auto;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px; }
    .select-image-checkbox input[type='checkbox']:before {
      cursor: pointer;
      width: 20px;
      height: 20px;
      background-color: #ffffff;
      border-radius: 3px;
      border-color: #00304D; }
    .select-image-checkbox input[type='checkbox']:checked::after {
      cursor: pointer;
      top: 3px;
      left: 7px;
      width: 6px;
      height: 12px;
      border-width: 0 3px 3px 0; }

.callout {
  padding: 8px;
  background-color: red;
  color: white;
  font-size: 16px;
  font-weight: 500; }

/**
 *  Property step progress styles
 */
.step-bar-wp {
  background-color: #fff;
  border: solid 1px #c9c9c9;
  border-bottom: solid 5px #e4e4e4;
  margin-top: 20px; }
  .step-bar-wp .steps-bar-title {
    font-size: 18px;
    font-size: 1.8rem;
    color: rgba(0, 0, 0, 0.59);
    margin: 25px; }
  .step-bar-wp .step-items {
    padding: 0 25px 11px 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
    .step-bar-wp .step-items .step-item {
      font-size: 18px;
      font-size: 1.8rem;
      order: 1;
      flex-grow: 1;
      background-color: transparent;
      color: rgba(134, 134, 134, 0.52);
      font-weight: 400;
      height: auto;
      letter-spacing: 0.6px;
      padding-bottom: 0;
      padding-top: 0;
      text-decoration: none;
      text-transform: capitalize;
      text-align: left; }
      .step-bar-wp .step-items .step-item:active {
        color: #00304D; }
      .step-bar-wp .step-items .step-item:visited {
        text-decoration: none; }
    .step-bar-wp .step-items .step-item-active {
      color: #00304D;
      font-weight: 600; }

#loading-bar-container {
  position: relative; }
  #loading-bar-container #ngProgress-container {
    position: absolute;
    bottom: 0; }
    #loading-bar-container #ngProgress-container #ngProgress {
      box-shadow: none !important;
      height: 5px !important; }

/**
 *  Property steps occupancy styles
 */
.occupancy-step .form-section {
  /*border-bottom: 0 !important;*/ }
  .occupancy-step .form-section .ranges {
    margin-bottom: 5px; }
    .occupancy-step .form-section .ranges .label-value, .occupancy-step .form-section .ranges .property-table .jpm-label-value, .property-table .occupancy-step .form-section .ranges .jpm-label-value, .occupancy-step .form-section .ranges .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .occupancy-step .form-section .ranges p, .occupancy-step .form-section .ranges .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .occupancy-step .form-section .ranges p {
      width: 17%; }
      .occupancy-step .form-section .ranges .label-value.label-anual, .occupancy-step .form-section .ranges .property-table .label-anual.jpm-label-value, .property-table .occupancy-step .form-section .ranges .label-anual.jpm-label-value, .occupancy-step .form-section .ranges .appraisal-bid-modal .selected-vendor-user p.label-anual, .appraisal-bid-modal .selected-vendor-user .occupancy-step .form-section .ranges p.label-anual, .occupancy-step .form-section .ranges .schedules-section-modal .selected-vendor-user p.label-anual, .schedules-section-modal .selected-vendor-user .occupancy-step .form-section .ranges p.label-anual {
        width: 46%; }
      .occupancy-step .form-section .ranges .label-value.label-anual-rate, .occupancy-step .form-section .ranges .property-table .label-anual-rate.jpm-label-value, .property-table .occupancy-step .form-section .ranges .label-anual-rate.jpm-label-value, .occupancy-step .form-section .ranges .appraisal-bid-modal .selected-vendor-user p.label-anual-rate, .appraisal-bid-modal .selected-vendor-user .occupancy-step .form-section .ranges p.label-anual-rate, .occupancy-step .form-section .ranges .schedules-section-modal .selected-vendor-user p.label-anual-rate, .schedules-section-modal .selected-vendor-user .occupancy-step .form-section .ranges p.label-anual-rate {
        width: 55%; }
      .occupancy-step .form-section .ranges .label-value.label-mid-term, .occupancy-step .form-section .ranges .property-table .label-mid-term.jpm-label-value, .property-table .occupancy-step .form-section .ranges .label-mid-term.jpm-label-value, .occupancy-step .form-section .ranges .appraisal-bid-modal .selected-vendor-user p.label-mid-term, .appraisal-bid-modal .selected-vendor-user .occupancy-step .form-section .ranges p.label-mid-term, .occupancy-step .form-section .ranges .schedules-section-modal .selected-vendor-user p.label-mid-term, .schedules-section-modal .selected-vendor-user .occupancy-step .form-section .ranges p.label-mid-term {
        width: 40%; }
    .occupancy-step .form-section .ranges .select-range .select-input.error {
      border-color: red; }
  .occupancy-step .form-section .margin-bottom-50 {
    margin-bottom: 50px; }
  .occupancy-step .form-section .leaseing-commission .ranges.renewal .label-value, .occupancy-step .form-section .leaseing-commission .ranges.renewal .property-table .jpm-label-value, .property-table .occupancy-step .form-section .leaseing-commission .ranges.renewal .jpm-label-value, .occupancy-step .form-section .leaseing-commission .ranges.renewal .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .occupancy-step .form-section .leaseing-commission .ranges.renewal p, .occupancy-step .form-section .leaseing-commission .ranges.renewal .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .occupancy-step .form-section .leaseing-commission .ranges.renewal p {
    width: 17%; }
  .occupancy-step .form-section .leaseing-commission select {
    width: 60%;
    display: inline;
    float: right;
    margin-right: 10px; }

.building-occupancy-lc-basis {
  min-width: 125px !important; }

@media only screen and (max-width: 1450px) {
  .building-occupancy-lc-basis {
    min-width: 100px !important; } }
.occupancy-title {
  margin-top: 5px;
  margin-bottom: 25px; }

.occupancy-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-top: solid 1px rgba(151, 151, 151, 0.44);
  padding: 0 15px 30px;
  position: relative; }
  .occupancy-row:last-child {
    border-bottom: solid 1px rgba(151, 151, 151, 0.44); }
  .occupancy-row .occupancy-tools {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 0;
    color: #606060; }
    .occupancy-row .occupancy-tools a {
      background-color: transparent;
      color: #606060;
      display: inline-block; }
    .occupancy-row .occupancy-tools .close {
      background-color: transparent;
      color: #606060;
      display: inline-block;
      font-size: 24px;
      padding: 0 !important;
      position: relative;
      font-weight: 400;
      height: auto !important;
      margin-top: -1px;
      text-align: right;
      width: 20px; }
  .occupancy-row .occupancy-col {
    display: inline-block;
    margin-right: 45px;
    margin-top: 25px;
    min-width: 90px;
    width: auto; }
  .occupancy-row .occupancy-edit-col {
    display: inline-block;
    margin-right: 20px;
    margin-top: 25px;
    width: auto; }
  .occupancy-row .label-value, .occupancy-row .property-table .jpm-label-value, .property-table .occupancy-row .jpm-label-value, .occupancy-row .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .occupancy-row p, .occupancy-row .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .occupancy-row p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #747474;
    font-weight: 400;
    margin: 0;
    padding: 0; }
  .occupancy-row .value {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.7); }
  .occupancy-row .occupancy-input {
    width: 180px;
    height: 39px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #cccccc !important; }
  .occupancy-row .select-range {
    max-width: 206px; }
  .occupancy-row .to {
    margin: 3px; }

.btn-steps {
  min-width: 230.4px !important;
  margin-bottom: 20px; }

.step-options {
  padding: 20px;
  margin-bottom: 45px; }
  .step-options a:hover {
    opacity: 0.7;
    color: inherit; }
  .step-options .save-changes {
    font-size: 16px;
    font-size: 1.6rem;
    color: #545454;
    font-weight: 400;
    padding: 0 30px;
    text-transform: uppercase; }
  .step-options .new-row-option {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    color: #00304D;
    font-weight: 400;
    text-transform: uppercase; }

.property-table td {
  vertical-align: middle !important; }
.property-table .label-value, .property-table .jpm-label-value, .property-table .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .property-table p, .property-table .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .property-table p {
  font-size: 14px;
  font-size: 1.4rem;
  color: #747474 !important;
  margin-bottom: 11px;
  margin-top: 20px;
  text-transform: capitalize;
  font-weight: 600 !important;
  white-space: nowrap; }
.property-table .jpm-label-value {
  margin-top: 0 !important; }
.property-table .select-range {
  display: inline-block;
  position: relative;
  width: 100%; }
  .property-table .select-range .addon {
    background-color: transparent;
    border: 0;
    bottom: 0;
    color: #bbbbbb;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 5%;
    top: 20%; }
    .property-table .select-range .addon:hover {
      opacity: 0.7; }
  .property-table .select-range .up {
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 5px; }
    .property-table .select-range .up:hover {
      opacity: 0.7; }
  .property-table .select-range .down {
    bottom: 5px;
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px; }
    .property-table .select-range .down:hover {
      opacity: 0.7; }
.property-table .select-input {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%;
  padding: 8px 15px; }
  .property-table .select-input:focus {
    border: solid 2px #00304D !important; }
  .property-table .select-input::-webkit-input-placeholder {
    font-weight: 400;
    color: #ccc !important; }
  .property-table .select-input:-moz-placeholder {
    /* Firefox 18- */
    font-weight: 400;
    color: #ccc !important; }
  .property-table .select-input::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 400;
    color: #ccc !important; }
  .property-table .select-input:-ms-input-placeholder {
    font-weight: 400;
    color: #ccc !important; }

.textarea-wp {
  height: 124.8px; }
  .textarea-wp .textarea, .textarea-wp .textarea-rfp {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #ffffff;
    border: solid 1px #cccccc !important;
    border-radius: 4px;
    color: #535353;
    font-weight: 400;
    width: 100%;
    padding: 10px;
    height: 100%; }
    .textarea-wp .textarea:focus, .textarea-wp .textarea-rfp:focus {
      border: solid 2px #00304D !important; }
    .textarea-wp .textarea:disabled, .textarea-wp .textarea-rfp:disabled {
      background-color: #eeeeee !important; }
  .textarea-wp .textarea.input-required, .textarea-wp .input-required.textarea-rfp {
    border: solid 2px #EA2626 !important; }
  .textarea-wp .textarea-rfp {
    font-size: 13px;
    font-size: 1.3rem; }

/**
 *  Property steps tenant styles
 */
.autocomplete-tenants .dropdown-menu {
  max-height: 300px;
  overflow-y: auto; }

.date-tenants .dropdown-menu {
  margin: 0; }

.schedule-grid, .appraisal-bid-modal .schedules-section .schedule-labels,
.appraisal-bid-modal .schedules-section .schedule-row, .appraisal-bid-modal .schedules-section .schedule-actions {
  display: grid;
  grid-template-columns: minmax(0, 3fr) 280px repeat(4, minmax(0, 3fr)) 12px;
  grid-gap: 15px;
  margin: 10px 0;
  align-items: center; }
  .schedule-grid .column-5-8, .appraisal-bid-modal .schedules-section .schedule-labels .column-5-8,
  .appraisal-bid-modal .schedules-section .schedule-row .column-5-8, .appraisal-bid-modal .schedules-section .schedule-actions .column-5-8 {
    grid-column: 5 / 8; }
  .schedule-grid .column-3-5, .appraisal-bid-modal .schedules-section .schedule-labels .column-3-5,
  .appraisal-bid-modal .schedules-section .schedule-row .column-3-5, .appraisal-bid-modal .schedules-section .schedule-actions .column-3-5 {
    grid-column: 3 / 5; }
  .schedule-grid .column-5-7, .appraisal-bid-modal .schedules-section .schedule-labels .column-5-7,
  .appraisal-bid-modal .schedules-section .schedule-row .column-5-7, .appraisal-bid-modal .schedules-section .schedule-actions .column-5-7 {
    grid-column: 5 / 7; }
  .schedule-grid--create-schedule, .appraisal-bid-modal .schedules-section .schedule-row--create-schedule {
    grid-template-columns: 145px 200px repeat(5, minmax(0, 3fr)) 12px; }

.new-appraisal-container label {
  font-size: 1.4rem;
  color: #747474; }
.new-appraisal-container .new-row, .new-appraisal-container .flex-flow-col, .new-appraisal-container .control-row, .new-appraisal-container .appraisal-ctrl-row, .new-appraisal-container .edit-row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap; }
.new-appraisal-container .flex-flow-col {
  flex-flow: column nowrap; }
.new-appraisal-container .header-col {
  margin-top: 30px;
  border: 1px solid #ddd; }
  .new-appraisal-container .header-col span {
    padding-left: 5px;
    font-size: 1.4rem;
    color: #747474; }
  .new-appraisal-container .header-col .col-10, .new-appraisal-container .header-col .col-15, .new-appraisal-container .header-col .col-20, .new-appraisal-container .header-col .col-25, .new-appraisal-container .header-col .col-30 {
    padding: 5px; }
.new-appraisal-container .bid-col {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd; }
  .new-appraisal-container .bid-col span, .new-appraisal-container .bid-col a {
    padding-left: 5px;
    font-size: 1.4rem;
    font-weight: 600; }
  .new-appraisal-container .bid-col .col-10, .new-appraisal-container .bid-col .col-15, .new-appraisal-container .bid-col .col-20, .new-appraisal-container .bid-col .col-25, .new-appraisal-container .bid-col .col-30 {
    padding: 5px; }
.new-appraisal-container .col-10 {
  width: 10%; }
.new-appraisal-container .col-15 {
  width: 15%; }
.new-appraisal-container .col-20 {
  width: 20%; }
.new-appraisal-container .col-25 {
  width: 25%; }
.new-appraisal-container .col-30 {
  width: 30%; }
.new-appraisal-container .col-70 {
  width: 70%; }
.new-appraisal-container .col-100, .new-appraisal-container .appraisal-bid-modal .bid-header, .appraisal-bid-modal .new-appraisal-container .bid-header {
  width: 100%; }
.new-appraisal-container .appraisal-job {
  font-weight: 600; }
.new-appraisal-container .status-selection {
  width: 400px !important; }
.new-appraisal-container .add-new-job {
  margin-top: 20px;
  float: right; }
.new-appraisal-container .control-row, .new-appraisal-container .appraisal-ctrl-row {
  margin-top: 20px; }
  .new-appraisal-container .control-row .btn-apply, .new-appraisal-container .appraisal-ctrl-row .btn-apply {
    height: 39px;
    margin-top: 30px; }
  .new-appraisal-container .control-row .bootstrap-select, .new-appraisal-container .appraisal-ctrl-row .bootstrap-select {
    display: block; }
  .new-appraisal-container .control-row .bootstrap-select.form-control, .new-appraisal-container .appraisal-ctrl-row .bootstrap-select.form-control {
    height: 40px; }
.new-appraisal-container .appraisal-ctrl-row {
  margin-top: 0; }
.new-appraisal-container .link {
  color: #00304D; }
.new-appraisal-container .edit-row i {
  cursor: pointer;
  padding: 5px; }
.new-appraisal-container .private-data {
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: 400;
  color: #f90; }
.new-appraisal-container .private-ico {
  margin-top: 3px;
  margin-right: 3px; }
.new-appraisal-container .effective-date {
  color: #00304D;
  cursor: pointer; }
.new-appraisal-container .data-container {
  width: 100%; }

.appraisal-bid-modal {
  z-index: 1000000 !important; }
  .appraisal-bid-modal .modal-dialog {
    width: 1240px; }
  .appraisal-bid-modal .modal-content {
    width: 1240px; }
  .appraisal-bid-modal .flex-row, .appraisal-bid-modal .flex-row-wrap, .appraisal-bid-modal .bidding-level-header, .appraisal-bid-modal .bid-detail .grid-ctrl, .bid-detail .appraisal-bid-modal .grid-ctrl {
    display: flex;
    flex-flow: row nowrap; }
  .appraisal-bid-modal .flex-col, .appraisal-bid-modal .flex-col-wrap, .appraisal-bid-modal .asset-pending {
    display: flex;
    flex-flow: column nowrap; }
  .appraisal-bid-modal .flex-col-wrap {
    flex-flow: column wrap; }
  .appraisal-bid-modal .flex-row-wrap {
    flex-flow: row wrap; }
  .appraisal-bid-modal .col-10 {
    width: 10%; }
  .appraisal-bid-modal .col-20 {
    width: 20%; }
  .appraisal-bid-modal .col-new-align {
    width: 31%;
    margin-right: 5px;
    padding: 15px 10px 0 10px; }
  .appraisal-bid-modal .margin-top-20 {
    margin-top: 20px; }
  .appraisal-bid-modal .col-33 {
    width: 33%; }
  .appraisal-bid-modal .width-adjustment {
    padding-left: 5px;
    padding-right: 40px; }
  .appraisal-bid-modal .col-34 {
    width: 34%; }
  .appraisal-bid-modal .col-40 {
    width: 40%; }
  .appraisal-bid-modal .col-60 {
    width: 60%; }
  .appraisal-bid-modal .col-80 {
    width: 80%; }
  .appraisal-bid-modal .col-100, .appraisal-bid-modal .bid-header {
    width: 100%; }
  .appraisal-bid-modal .colon:after {
    content: ':'; }
  .appraisal-bid-modal h4 {
    font-weight: 600; }
  .appraisal-bid-modal .bid-header {
    background-color: #ddd;
    padding: 10px; }
  .appraisal-bid-modal .bidding-level {
    margin-left: 20px; }
  .appraisal-bid-modal .pending-asset {
    list-style-type: circle;
    margin-left: 4%;
    max-height: 100px;
    overflow: auto; }
  .appraisal-bid-modal .modal-header {
    padding: 20px;
    background-color: #ddd; }
    .appraisal-bid-modal .modal-header .close-modal {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-end; }
      .appraisal-bid-modal .modal-header .close-modal i {
        font-size: 20px; }
  @media only screen and (max-width: 1368px) {
    .appraisal-bid-modal .modal-body {
      max-height: 420px;
      overflow-y: auto; } }
  @media only screen and (min-width: 1369px) {
    .appraisal-bid-modal .modal-body {
      max-height: 650px;
      overflow-y: auto; } }
  .appraisal-bid-modal .title-header {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.7px;
    color: #000000; }
    .appraisal-bid-modal .title-header .helper-text {
      font-weight: normal;
      color: #999999;
      font-size: 1.6rem; }
      .appraisal-bid-modal .title-header .helper-text::before {
        content: "("; }
      .appraisal-bid-modal .title-header .helper-text::after {
        content: ")"; }
  .appraisal-bid-modal .label-value, .appraisal-bid-modal .property-table .jpm-label-value, .property-table .appraisal-bid-modal .jpm-label-value, .appraisal-bid-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .appraisal-bid-modal p {
    font-size: 1.4rem;
    color: #747474;
    margin-bottom: 11px;
    text-transform: capitalize; }
  .appraisal-bid-modal .selected-vendor-user p {
    color: inherit;
    margin-left: 10px; }
  .appraisal-bid-modal .selected-vendor-user .vendor-user {
    margin-bottom: 15px; }
  .appraisal-bid-modal .date-ico {
    position: absolute;
    margin-top: 8px;
    top: 5%;
    right: 5%;
    background-color: transparent;
    border: 0;
    color: #bbbbbb;
    cursor: pointer;
    font-size: 20px; }
  .appraisal-bid-modal .date-container {
    position: relative; }
  .appraisal-bid-modal .select-input {
    font-size: 1.6rem;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    border-radius: 4px;
    color: #535353;
    font-weight: 400;
    height: 39px;
    width: 100%;
    padding: 8px 10px; }
  .appraisal-bid-modal .term .form-control {
    height: 39px !important; }
  .appraisal-bid-modal input[type="text"] {
    font-size: 16px; }
  .appraisal-bid-modal .input-padding .col-33, .appraisal-bid-modal .input-padding .col-34 {
    padding: 15px 10px 0 10px; }
  .appraisal-bid-modal .schedules-section .schedule-list {
    padding: 15px 15px 0 15px; }
  .appraisal-bid-modal .schedules-section .create-schedules,
  .appraisal-bid-modal .schedules-section .clear-schedules {
    height: 32px;
    text-transform: none; }
  .appraisal-bid-modal .schedules-section .schedule-labels__app-type .full-height,
  .appraisal-bid-modal .schedules-section .schedule-row__app-type .full-height {
    height: 100%; }
  .appraisal-bid-modal .schedules-section .schedule-labels .delete-schedule,
  .appraisal-bid-modal .schedules-section .schedule-row .delete-schedule {
    cursor: pointer; }
  .appraisal-bid-modal .schedules-section .schedule-dropdown .dropdown {
    width: 100%; }
  .appraisal-bid-modal .schedules-section .schedule-dropdown .dropdown-menu {
    width: auto; }
  .appraisal-bid-modal .schedules-section .schedule-actions .add-schedule {
    color: #00304D;
    cursor: pointer;
    grid-column: 1 / 2;
    justify-self: flex-start; }
  .appraisal-bid-modal .schedules-section .schedule-actions .clear-schedules {
    grid-column: -3 / -2;
    justify-self: flex-end; }
  .appraisal-bid-modal .schedules-section input[uib-datepicker-popup]:required:not(:focus).ng-invalid-date.ng-invalid.ng-touched {
    border: 1px solid red; }
  .appraisal-bid-modal .schedules-section .ui-grid-cell input:not(:required).ng-invalid {
    border-color: #ccc; }
  .appraisal-bid-modal .contact-instructions {
    min-height: 150px;
    height: auto; }
    .appraisal-bid-modal .contact-instructions .ta-bind {
      min-height: 150px; }
  .appraisal-bid-modal .dropdown-2 .multi-dropdown .multiselect-parent {
    width: 100%; }
    .appraisal-bid-modal .dropdown-2 .multi-dropdown .multiselect-parent button {
      font-size: 1.6rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      color: #434343;
      font-weight: 400;
      height: 39px !important;
      text-align: left;
      width: 100% !important;
      text-transform: inherit; }
      .appraisal-bid-modal .dropdown-2 .multi-dropdown .multiselect-parent button .caret {
        float: right;
        margin-right: 5px; }
    .appraisal-bid-modal .dropdown-2 .multi-dropdown .multiselect-parent ul {
      width: 100%;
      max-height: 400px !important;
      overflow: auto !important; }
  .appraisal-bid-modal .multi-dropdown .multiselect-parent {
    width: 100%; }
    .appraisal-bid-modal .multi-dropdown .multiselect-parent button {
      font-size: 1.6rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      color: #434343;
      font-weight: 400;
      height: 39px !important;
      text-align: left;
      width: 100% !important;
      text-transform: inherit; }
      .appraisal-bid-modal .multi-dropdown .multiselect-parent button .caret {
        float: right;
        margin-right: 5px; }
    .appraisal-bid-modal .multi-dropdown .multiselect-parent ul {
      width: 100%;
      max-height: 400px !important;
      overflow: auto !important; }
  .appraisal-bid-modal .checkbox {
    margin-top: 15px;
    width: 30px !important;
    height: 30px !important; }
  .appraisal-bid-modal .manage-vendor-btn {
    margin: 20px 0 20px 10px;
    font-size: 1.4rem;
    height: 30px;
    min-width: 140px;
    border-radius: 4px;
    border: 0;
    font-weight: 400;
    background-color: #00304D;
    text-transform: capitalize;
    color: #ffffff; }
  .appraisal-bid-modal .textarea, .appraisal-bid-modal .textarea-ad .textarea-rfp, .textarea-ad .appraisal-bid-modal .textarea-rfp, .appraisal-bid-modal .textarea-wp .textarea-rfp, .textarea-wp .appraisal-bid-modal .textarea-rfp {
    height: 125px; }
  .appraisal-bid-modal .mult-dropdown-height .bootstrap-select.form-control {
    height: 30px; }
  .appraisal-bid-modal .invalid-select .bootstrap-select.form-control .dropdown-toggle {
    border-color: #ff0000 !important;
    color: #c4c4c4 !important;
    font-weight: 400 !important; }
  .appraisal-bid-modal .default-selection .bootstrap-select .dropdown-menu li:first-child span.text {
    color: gray !important; }
  .appraisal-bid-modal .bidding-level-header {
    padding: 20px 0 10px 0; }
  .appraisal-bid-modal .asset-pending {
    margin-top: 25px;
    margin-bottom: 15px; }
  .appraisal-bid-modal .section-header {
    margin-bottom: 20px; }
  .appraisal-bid-modal .section-header-15 {
    margin-top: 15px; }
  .appraisal-bid-modal .section-header-20 {
    margin-top: 20px; }
  .appraisal-bid-modal .section-header-30 {
    margin-top: 30px; }
  .appraisal-bid-modal .textarea-col {
    padding-left: 10px;
    padding-right: 10px; }
  .appraisal-bid-modal .invalid {
    border: 1px solid #ff0000;
    border-radius: 4px; }

.related-asset-modal {
  z-index: 999999999 !important;
  top: 10%; }
  .related-asset-modal h4 {
    font-weight: 600; }
  .related-asset-modal .related-asset-list {
    max-height: 300px;
    overflow-y: auto; }
  .related-asset-modal .modal-content {
    width: 70%;
    margin-left: auto;
    margin-right: auto; }

@media only screen and (max-height: 768px) {
  .accept-award-modal {
    z-index: 9999999 !important; }
    .accept-award-modal .modal-content {
      height: 600px;
      left: 50%;
      overflow-y: auto;
      overflow-x: hidden;
      transform: translateX(-50%); }
    .accept-award-modal .modal-header {
      border-bottom: none; }
    .accept-award-modal .change-height-award {
      height: 490px !important;
      overflow-y: auto !important; }
    .accept-award-modal .modal-body {
      overflow-y: auto; }
    .accept-award-modal .modal-footer {
      border-top: none;
      position: absolute;
      bottom: 0;
      right: 0;
      margin-bottom: 10px; } }
@media only screen and (min-height: 769px) {
  .accept-award-modal {
    z-index: 9999999 !important; }
    .accept-award-modal .modal-content {
      height: 720px;
      left: 50%;
      overflow-y: hidden;
      overflow-x: hidden;
      transform: translateX(-50%); }
    .accept-award-modal .change-height-award {
      height: 600px !important;
      overflow-y: auto !important; }
    .accept-award-modal .modal-header {
      border-bottom: none; }
    .accept-award-modal .modal-body {
      overflow-y: auto; }
    .accept-award-modal .modal-footer {
      border-top: none;
      position: absolute;
      bottom: 0;
      right: 0;
      margin-bottom: 10px; } }

.assign-user-modal {
  z-index: 99999999 !important; }

.transform-option .filter-option-inner-inner {
  text-transform: initial !important; }

.marg-left-vm {
  margin-left: 20px; }

.add-on-color .filter-option-inner-inner {
  color: #c4c4c4  !important; }
.add-on-color .filter-option {
  color: #c4c4c4  !important; }

.schedules-section-modal input[uib-datepicker-popup]:not(:focus).ng-invalid-date.ng-invalid.ng-touched {
  border: 1px solid red; }
.schedules-section-modal .create-schedules,
.schedules-section-modal .clear-schedules {
  height: 32px;
  text-transform: none; }
.schedules-section-modal .schedule-labels,
.schedules-section-modal .schedule-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 10px 0;
  align-items: center; }
  .schedules-section-modal .schedule-labels__app-type .full-height,
  .schedules-section-modal .schedule-row__app-type .full-height {
    height: 100%; }
  .schedules-section-modal .schedule-labels .delete-schedule,
  .schedules-section-modal .schedule-row .delete-schedule {
    cursor: pointer; }
.schedules-section-modal .schedule-row-2 {
  display: grid;
  grid-template-columns: repeat(5, 1fr) 20px;
  grid-gap: 20px;
  margin: 10px 0;
  align-items: center; }
  .schedules-section-modal .schedule-row-2__app-type .full-height {
    height: 100%; }
  .schedules-section-modal .schedule-row-2 .delete-schedule {
    cursor: pointer; }
.schedules-section-modal .schedule-actions {
  display: flex;
  justify-content: space-between;
  padding-right: calc(30px + 20px); }
  .schedules-section-modal .schedule-actions .add-schedule {
    color: #00304D;
    cursor: pointer; }
.schedules-section-modal .title-header {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #000000; }
.schedules-section-modal .label-value, .schedules-section-modal .property-table .jpm-label-value, .property-table .schedules-section-modal .jpm-label-value, .appraisal-bid-modal .selected-vendor-user .schedules-section-modal p, .schedules-section-modal .selected-vendor-user p {
  font-size: 1.4rem;
  color: #747474;
  margin-bottom: 11px;
  text-transform: capitalize; }
.schedules-section-modal .selected-vendor-user p {
  color: inherit;
  margin-left: 10px; }
.schedules-section-modal .selected-vendor-user .vendor-user {
  margin-bottom: 15px; }
.schedules-section-modal .date-ico {
  position: absolute;
  margin-top: 8px;
  top: 5%;
  right: 5%;
  background-color: transparent;
  border: 0;
  color: #bbbbbb;
  cursor: pointer;
  font-size: 20px; }
.schedules-section-modal .date-container {
  position: relative; }
.schedules-section-modal .select-input {
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%;
  padding: 8px 15px; }
.schedules-section-modal .term .form-control {
  height: 39px !important; }
.schedules-section-modal .input-padding .col-33, .schedules-section-modal .input-padding .col-34 {
  padding: 15px 10px 0 10px; }

.add-schedule {
  color: #00304D;
  cursor: pointer;
  font-size: 14px; }

.text-angular-container .ta-editor.text-angular__editable {
  min-height: 150px;
  height: auto; }
  .text-angular-container .ta-editor.text-angular__editable .ta-bind {
    min-height: 150px; }
.text-angular-container .text-angular__view {
  height: unset; }
  .text-angular-container .text-angular__view .textarea, .text-angular-container .text-angular__view .textarea-ad .textarea-rfp, .textarea-ad .text-angular-container .text-angular__view .textarea-rfp, .text-angular-container .text-angular__view .textarea-wp .textarea-rfp, .textarea-wp .text-angular-container .text-angular__view .textarea-rfp {
    max-height: 300px;
    overflow-y: auto; }

.schedule-row-2 {
  display: flex;
  justify-content: space-between;
  flex-direction: row; }

.content-schedule {
  justify-content: end !important; }

.schedule-margin-left {
  margin-left: 13px !important; }

.date-ico-2 {
  position: absolute;
  margin-top: 8px;
  top: 30px;
  right: 20px;
  background-color: transparent;
  border: 0;
  color: #bbbbbb;
  cursor: pointer;
  font-size: 20px; }

.bid-detail .flex-row, .bid-detail .appraisal-bid-modal .flex-row-wrap, .appraisal-bid-modal .bid-detail .flex-row-wrap, .bid-detail .appraisal-bid-modal .bidding-level-header, .appraisal-bid-modal .bid-detail .bidding-level-header, .bid-detail .grid-ctrl {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end; }
.bid-detail .flex-col, .bid-detail .appraisal-bid-modal .flex-col-wrap, .appraisal-bid-modal .bid-detail .flex-col-wrap, .bid-detail .appraisal-bid-modal .asset-pending, .appraisal-bid-modal .bid-detail .asset-pending {
  display: flex;
  flex-flow: column nowrap; }
.bid-detail .filter-col-10 {
  width: 10%; }
.bid-detail .filter-col-20 {
  width: 20%; }
.bid-detail .filter-col-25 {
  width: 25% !important; }
.bid-detail .grid-ctrl {
  padding: 5px;
  justify-content: unset; }
  .bid-detail .grid-ctrl span {
    padding-right: 20px; }
  .bid-detail .grid-ctrl .empty-col {
    width: 36px; }
.bid-detail .col-100, .bid-detail .appraisal-bid-modal .bid-header, .appraisal-bid-modal .bid-detail .bid-header {
  width: 100%; }
.bid-detail .top-20 {
  margin-top: 20px; }
.bid-detail .bid-field-value {
  height: 39px;
  margin: 0;
  display: flex;
  align-items: center; }
.bid-detail .standard-bid-button {
  background-color: #00304D;
  border-radius: 4px;
  border: solid 1px #8b8b8b !important;
  color: white;
  font-weight: 400;
  height: 39px;
  line-height: 27px;
  width: 200px; }
.bid-detail .search-container {
  display: flex;
  margin-bottom: 30px;
  flex-flow: row nowrap; }
  .bid-detail .search-container .margin-bidr-15 {
    margin-right: 15px; }
  .bid-detail .search-container .control-col {
    width: 40%; }
    .bid-detail .search-container .control-col .control-btn {
      background-color: #00304D;
      border-radius: 4px;
      border: solid 1px #8b8b8b !important;
      color: white;
      font-weight: 400;
      height: 32px;
      line-height: 27px;
      width: 200px;
      float: right;
      margin-bottom: 10px; }
      .bid-detail .search-container .control-col .control-btn.thick-btn {
        height: 39px; }
    .bid-detail .search-container .control-col .control-btn[disabled] {
      opacity: .5;
      background-color: #cccccc; }
  .bid-detail .search-container .label-value, .bid-detail .search-container .property-table .jpm-label-value, .property-table .bid-detail .search-container .jpm-label-value, .bid-detail .search-container .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .bid-detail .search-container p, .bid-detail .search-container .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .bid-detail .search-container p {
    font-size: 1.4rem;
    color: #747474;
    margin-bottom: 11px;
    margin-top: 20px;
    text-transform: capitalize;
    width: 100%; }
  .bid-detail .search-container .pad-right-10 {
    padding-right: 10px; }
  .bid-detail .search-container .search-bid {
    margin-top: 50px; }
    .bid-detail .search-container .search-bid .btn-apply {
      height: 39px; }
  .bid-detail .search-container .date-container {
    position: relative;
    margin-right: 20px; }
    .bid-detail .search-container .date-container .calendar-ico {
      position: absolute;
      right: 5%;
      font-size: 20px;
      top: 2%;
      margin-top: 8px;
      background-color: transparent;
      border: 0;
      color: #bbbbbb;
      cursor: pointer; }
    .bid-detail .search-container .date-container .select-input {
      font-size: 1.6rem;
      background-color: #ffffff !important;
      border: solid 1px #cccccc !important;
      border-radius: 4px !important;
      color: #535353;
      font-weight: 400;
      height: 39px;
      width: 100%;
      padding: 8px 15px; }
.bid-detail .no-bid-res .no-bid-results {
  padding-top: 30px; }
.bid-detail .mult-dropdown .bootstrap-select.form-control {
  height: 34px !important; }

/**
 *  Transaction detail styles
 */
.transaction .tab-content-container {
  min-height: 900px; }

.header-detail {
  background-color: #ffffff;
  border: solid 1px #989898;
  margin-bottom: 20px;
  padding: 20px 15px 0px;
  position: relative; }
  .header-detail .property-detail.no-border .result-detail {
    padding-bottom: 17px;
    margin-bottom: -1px;
    border-bottom: none; }
  .header-detail .property-detail .property-flex {
    display: flex; }
  .header-detail .property-detail .result-detail {
    position: relative;
    align-content: center;
    border-bottom: solid 1px #989898;
    display: flex;
    flex-flow: row wrap;
    padding-bottom: 18px; }
    .header-detail .property-detail .result-detail h1, .header-detail .property-detail .result-detail h2, .header-detail .property-detail .result-detail h3, .header-detail .property-detail .result-detail h4, .header-detail .property-detail .result-detail h5, .header-detail .property-detail .result-detail h6 {
      line-height: 1;
      margin: 0; }
    .header-detail .property-detail .result-detail .headers {
      padding-right: 30px;
      align-self: flex-end; }
    .header-detail .property-detail .result-detail .title {
      font-size: 25px;
      font-size: 2.5rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #212121;
      font-weight: bold;
      line-height: 34px; }
    .header-detail .property-detail .result-detail .sub-title {
      font-size: 18px;
      font-size: 1.8rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #181818;
      line-height: 24px; }
      .header-detail .property-detail .result-detail .sub-title span:first-child:not(:last-child):after {
        content: ' |'; }
      .header-detail .property-detail .result-detail .sub-title span:not(:first-child):not(:last-child):after {
        content: ', '; }
    .header-detail .property-detail .result-detail .other-title {
      font-size: 18px;
      font-size: 1.8rem;
      color: rgba(0, 0, 0, 0.6);
      font-weight: 400;
      line-height: 24px; }
      .header-detail .property-detail .result-detail .other-title span:not(:last-child):after {
        content: ' |'; }
      .header-detail .property-detail .result-detail .other-title text:not(:last-child):after {
        content: ', '; }
  .header-detail .property-detail .result-detail-buttons {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding-right: 0;
    margin-left: auto;
    justify-content: flex-end; }
    .header-detail .property-detail .result-detail-buttons .secondary-button {
      margin: 0 !important; }
  .header-detail .property-detail .property-result {
    border-left: solid 1px #979797;
    display: table;
    margin-top: 34px;
    padding-left: 15px; }
    .header-detail .property-detail .property-result .col {
      display: table-cell;
      width: auto; }
    .header-detail .property-detail .property-result .property {
      font-size: 14px;
      font-size: 1.4rem;
      color: #808080;
      font-weight: 400;
      line-height: 24px;
      margin: 0;
      padding: 0;
      text-transform: capitalize;
      white-space: nowrap; }
    .header-detail .property-detail .property-result .value-property {
      font-size: 16px;
      font-size: 1.6rem;
      color: #525252;
      margin: 0; }
  .header-detail .property-detail .property-metrics-result {
    border-left: solid 1px #979797;
    display: flex;
    margin-top: 34px;
    padding-left: 15px; }
    .header-detail .property-detail .property-metrics-result .col {
      display: table-cell;
      width: auto; }
    .header-detail .property-detail .property-metrics-result .property {
      font-size: 14px;
      font-size: 1.4rem;
      color: #808080;
      font-weight: 400;
      line-height: 24px;
      margin: 0;
      padding: 0;
      text-transform: capitalize;
      white-space: nowrap; }
    .header-detail .property-detail .property-metrics-result .value-property {
      font-size: 16px;
      font-size: 1.6rem;
      color: #525252;
      margin: 0; }
  .header-detail .property-detail .bottom-right {
    position: absolute;
    right: 0;
    bottom: 15px; }
  .header-detail .images-detail {
    align-content: center;
    display: flex;
    flex-flow: row wrap;
    padding-top: 20px;
    padding-bottom: 20px; }
    .header-detail .images-detail.show-details-false {
      height: 0px;
      overflow: hidden;
      padding: 0px; }
    .header-detail .images-detail .carousel-detail {
      background-color: #fff;
      height: 375px;
      padding: 0;
      margin-right: 20px;
      width: 375px; }
      .header-detail .images-detail .carousel-detail .carousel-indicators {
        display: none; }
      .header-detail .images-detail .carousel-detail .carousel-control {
        background: transparent;
        margin-top: 100px; }
        .header-detail .images-detail .carousel-detail .carousel-control span {
          margin-top: -60px; }
      .header-detail .images-detail .carousel-detail .slide-result {
        height: 375px;
        width: 375px; }
        .header-detail .images-detail .carousel-detail .slide-result img {
          opacity: 0.8;
          max-height: 100%;
          max-width: 100%;
          width: auto;
          height: auto;
          margin: auto;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0; }
      .header-detail .images-detail .carousel-detail .asset-slide-result {
        height: 375px;
        width: 375px; }
        .header-detail .images-detail .carousel-detail .asset-slide-result img {
          opacity: 1;
          max-height: 100%;
          max-width: 100%;
          width: auto;
          height: auto;
          margin: auto;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0; }
      @media screen and (max-width: 852px) {
        .header-detail .images-detail .carousel-detail {
          position: relative;
          margin: auto;
          height: 375px; } }
    .header-detail .images-detail .map-detail {
      height: 375px;
      width: 375px; }
    .header-detail .images-detail .hover-image {
      background-color: rgba(0, 0, 0, 0.43);
      height: 375px;
      position: relative;
      width: 375px; }
    .header-detail .images-detail .hover-icon {
      background-color: #383838;
      height: 34px;
      line-height: 34px;
      position: absolute;
      right: 0;
      width: 34px; }
      .header-detail .images-detail .hover-icon i {
        color: #ffffff;
        font-size: 20px; }
  .header-detail .show-details {
    position: absolute;
    bottom: -31px;
    right: -1px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 215px !important;
    line-height: 15px;
    height: 31px;
    font-size: 14px;
    z-index: 88; }
  .header-detail .create-property-btn {
    position: absolute;
    right: 555px;
    bottom: -61px;
    z-index: 88; }
  .header-detail__result-background {
    position: sticky;
    top: 80px;
    z-index: 89;
    background: #f8f8f8;
    height: 120px;
    margin: 0 -15px;
    padding: 0 15px; }
  .header-detail__result {
    background: #fff;
    margin-bottom: 0;
    border-bottom: none; }
    .header-detail__result.no-border {
      border-bottom: none; }
    .header-detail__result.show-details-false {
      border-bottom: solid 1px #989898; }
  .header-detail__images {
    padding-top: 0;
    border-top: none;
    margin-bottom: 0; }
    .header-detail__images.show-details-false {
      border-top: none;
      border-bottom: none; }

.header-detail.clean {
  background-color: transparent;
  border: none;
  padding-left: 10px;
  margin-bottom: 0px; }
  .header-detail.clean .property-detail .result-detail {
    border-bottom: none; }

.tabs-detail .nav-tabs {
  border-bottom: solid 1px #cfcfcf !important;
  margin-left: 15px;
  margin-right: 15px;
  cursor: pointer; }
.tabs-detail .nav-tabs > li > div {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: #434343;
  cursor: pointer;
  padding: 0 15px 16px 15px;
  border-radius: 0;
  border: 0;
  background: transparent; }
.tabs-detail .nav-tabs > li.active > div {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #434343;
  cursor: pointer;
  padding: 0 15px 16px 15px;
  border-radius: 0;
  border: 0;
  border-bottom: solid 4px #00304D;
  background: transparent; }
.tabs-detail .tab-content {
  padding: 18px 15px; }

.tabs-transactions .close {
  background-color: transparent;
  color: black;
  font-weight: 400;
  font-size: 15px; }
  .tabs-transactions .close:hover {
    color: #00304D;
    opacity: 1; }
.tabs-transactions .nav-tabs {
  border-bottom: 0 !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-left: 0; }
  .tabs-transactions .nav-tabs li {
    flex: 1 auto;
    text-align: center;
    min-width: 0; }
  .tabs-transactions .nav-tabs li.active {
    margin-top: 0; }
    .tabs-transactions .nav-tabs li.active:not(:first-child) div {
      border-bottom: transparent !important;
      cursor: pointer; }
.tabs-transactions .nav-tabs > li.active > div {
  font-size: 16px;
  font-size: 1.6rem;
  direction: rtl;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #272727;
  cursor: pointer;
  padding: 11px 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: solid 1px rgba(152, 152, 152, 0.59);
  background-color: #FFF !important;
  cursor: pointer; }
  .tabs-transactions .nav-tabs > li.active > div:hover {
    opacity: 1; }
.tabs-transactions .nav-tabs > li > div {
  font-size: 16px;
  font-size: 1.6rem;
  direction: rtl;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  letter-spacing: 0.6px;
  color: #272727;
  cursor: pointer;
  padding: 11px 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: solid 1px rgba(152, 152, 152, 0.59);
  border-bottom: 0;
  width: 100%; }
  .tabs-transactions .nav-tabs > li > div:hover {
    opacity: 1; }
.tabs-transactions .nav-tabs > li:first-child {
  margin-left: 0; }
.tabs-transactions .tab-content {
  background-color: transparent;
  padding: 0; }

.button-create {
  width: 214px !important;
  height: 42px;
  color: #fff;
  border-radius: 4px;
  background-color: #5c6262;
  line-height: 4px;
  font-size: 17px;
  font-weight: 300; }
  .button-create:hover {
    opacity: 0.7; }

.next-previous {
  height: 40px;
  padding: 10px 15px;
  position: sticky;
  top: 40px;
  z-index: 89;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 -15px; }
  .next-previous a {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #2c2c2c;
    text-transform: uppercase; }
    .next-previous a:hover, .next-previous a:focus {
      color: #00304D !important;
      text-decoration: underline; }
    .next-previous a i {
      font-weight: 600 !important;
      line-height: 0.5em; }
    .next-previous a .padding-3-l {
      padding-left: 3px; }
    .next-previous a .padding-3-r {
      padding-right: 3px; }

.inline-block {
  display: inline-block; }

.editableForm .textarea-wp .textarea, .editableForm .textarea-wp .textarea-rfp {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc !important;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  width: 100%;
  padding: 10px;
  height: 100%; }
  .editableForm .textarea-wp .textarea:hover, .editableForm .textarea-wp .textarea-rfp:hover {
    border-color: #00304D !important; }
  .editableForm .textarea-wp .textarea:focus, .editableForm .textarea-wp .textarea-rfp:focus {
    border-color: #00304D !important; }
  .editableForm .textarea-wp .textarea:disabled, .editableForm .textarea-wp .textarea-rfp:disabled {
    background-color: #eeeeee; }
.editableForm .secondary-options .newref {
  font-size: 16px;
  font-weight: 600;
  color: #00304D;
  text-transform: uppercase;
  background-color: transparent; }
.editableForm .select-input {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%;
  padding: 8px 15px; }
  .editableForm .select-input:focus {
    border: solid 2px #00304D !important; }
.editableForm .select-range {
  display: inline-block;
  position: relative;
  width: 100%; }
  .editableForm .select-range .addon {
    background-color: transparent;
    border: 0;
    bottom: 0;
    color: #bbbbbb;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 5%;
    top: 20%; }
    .editableForm .select-range .addon:hover {
      opacity: 0.7; }
  .editableForm .select-range .up {
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 5px; }
    .editableForm .select-range .up:hover {
      opacity: 0.7; }
  .editableForm .select-range .down {
    bottom: 5px;
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px; }
    .editableForm .select-range .down:hover {
      opacity: 0.7; }
.editableForm .tool-wrap.edit_panel .edit_hover {
  opacity: 0;
  transition: 0.5s; }
.editableForm .tool-wrap.edit_panel:hover .edit_hover {
  opacity: 1; }
.editableForm .tool-wrap .button-tool {
  width: 80px; }
.editableForm .tool-wrap .button-tool.save {
  background-color: #00304D;
  color: white;
  border-color: #00304D !important; }
  .editableForm .tool-wrap .button-tool.save:disabled {
    background-color: #cccccc;
    border-color: #cccccc !important; }
.editableForm .reference-row,
.editableForm .flags-row {
  margin-bottom: 10px;
  border-bottom: 1px solid #e6e6e6; }
.editableForm .reference-row .cliker {
  cursor: pointer; }
.editableForm .reference-row .label-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: #434343;
  padding-bottom: 10px; }
.editableForm .reference-row .label-value, .editableForm .reference-row .property-table .jpm-label-value, .property-table .editableForm .reference-row .jpm-label-value, .editableForm .reference-row .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .editableForm .reference-row p, .editableForm .reference-row .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .editableForm .reference-row p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #747474;
  margin-bottom: 11px;
  text-transform: capitalize;
  width: 100%; }

.confidential-transaction {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #FF9900; }

.last-modification .extra-title {
  background-color: #ebebeb;
  font-size: 14px;
  font-size: 1.4rem;
  color: #000000;
  height: 29px;
  line-height: 29px;
  padding: 0 13px;
  margin-top: 20px; }
.last-modification .title {
  background-color: #ebebeb;
  padding-left: 15px;
  color: #535353;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400; }
.last-modification .magin-top-40 {
  margin-top: 40px; }
.last-modification .margin-top-5 {
  margin-top: 5px !important; }
.last-modification .margin-top-15 {
  margin-top: 15px; }
.last-modification .margin-left-15 {
  margin-left: 15px; }
.last-modification .margin-top-50 {
  margin-top: 50px; }
.last-modification .external-source-row {
  display: inline-flex;
  padding-top: 10px; }
  .last-modification .external-source-row .normal-link {
    font-size: 2em; }
  .last-modification .external-source-row .active-link {
    font-size: 2em;
    color: crimson; }
.last-modification .broker-card {
  height: 60px;
  padding-bottom: 0 !important; }
  .last-modification .broker-card .image-table-5 {
    top: 5px !important;
    padding-bottom: 30px; }
  .last-modification .broker-card .image-table-10 {
    top: 0 !important; }
  .last-modification .broker-card .details {
    padding-left: 10px;
    height: 100%; }
    .last-modification .broker-card .details .inner {
      vertical-align: middle !important; }

.split-card-area .split-broker-card {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  padding-left: 50px;
  padding-bottom: 20px; }
  .split-card-area .split-broker-card .image-table-relative {
    width: 50px;
    height: 100%;
    max-width: 50px;
    margin-left: -15px;
    position: relative;
    left: 0;
    line-height: 52px; }
    .split-card-area .split-broker-card .image-table-relative td {
      vertical-align: middle;
      text-align: center; }
      .split-card-area .split-broker-card .image-table-relative td img {
        width: 50px;
        height: 50px;
        max-width: 50px;
        max-height: 50px; }
  .split-card-area .split-broker-card .detail-split {
    width: 100%;
    display: table; }
    .split-card-area .split-broker-card .detail-split .inner {
      display: table-cell;
      vertical-align: baseline;
      line-height: 1.4; }
      .split-card-area .split-broker-card .detail-split .inner p {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0; }
      .split-card-area .split-broker-card .detail-split .inner h5 {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0;
        padding: 0; }
      .split-card-area .split-broker-card .detail-split .inner .title-blue {
        color: #00304D;
        font-weight: 400; }
      .split-card-area .split-broker-card .detail-split .inner .title-black {
        color: #000000;
        font-weight: 600; }
      .split-card-area .split-broker-card .detail-split .inner .black {
        color: #000000; }
      .split-card-area .split-broker-card .detail-split .inner .gray {
        opacity: .5; }
  .split-card-area .split-broker-card #dual-row {
    margin-left: -50px; }
  .split-card-area .split-broker-card #stretch-left {
    /* Desktops and laptops ----------- */ }
    @media only screen and (min-width: 1119) {
      .split-card-area .split-broker-card #stretch-left {
        margin-left: 10px; } }
    @media only screen and (min-width: 1200px) {
      .split-card-area .split-broker-card #stretch-left {
        margin-left: -2px; } }
    @media only screen and (min-width: 1434px) {
      .split-card-area .split-broker-card #stretch-left {
        margin-left: -10%; } }
    @media only screen and (min-width: 1824px) {
      .split-card-area .split-broker-card #stretch-left {
        /* Styles */
        margin-left: -70px; } }
  .split-card-area .split-broker-card .pad-extra {
    margin-left: 21px !important; }
  .split-card-area .split-broker-card .split-details {
    margin-left: 10px !important; }

#offset-link {
  margin-left: 45px !important; }

.margin-top-20 {
  margin-top: 20px; }

.show-inline {
  display: inline-flex; }

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

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

.detail-note {
  font-size: 16px;
  font-weight: 600;
  color: #00304D;
  text-transform: uppercase;
  background-color: transparent; }

.quarterly-dropdown {
  width: 25%; }

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

.appraisal-notes {
  margin-bottom: 100px; }

.appr-company-text {
  float: right;
  margin-right: -40px; }

.appr-embed {
  margin: inherit !important;
  min-height: 600px !important;
  height: 600px !important;
  position: inherit !important;
  width: 100% !important;
  margin-bottom: 20px !important; }

.note-width {
  width: 80%; }

.note-modified-by {
  float: right !important;
  margin-right: 5px; }

.appraisal-input {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  padding: 8px 15px;
  margin-bottom: 15px; }
  .appraisal-input:focus {
    border: solid 2px #00304D !important; }

.appraisal-textarea {
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc !important;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  width: 100%;
  padding: 10px;
  height: 100%;
  margin-bottom: 20px; }

.appr-loader {
  border: 8px solid lightgray;
  /* Light grey */
  border-top: 8px solid #00304D;
  /* Blue */
  border-radius: 50%;
  width: 70px;
  height: 70px;
  overflow-y: hidden;
  animation: spin .6s linear infinite;
  margin-bottom: 20px; }

.convo-appr-loader {
  margin-bottom: 120px;
  margin-top: 120px;
  border: 8px solid lightgray;
  /* Light grey */
  border-top: 8px solid #00304D;
  /* Blue */
  border-radius: 50%;
  width: 70px;
  height: 70px;
  overflow-y: hidden;
  animation: spin .6s linear infinite; }

.appr-loader-center {
  text-align: -webkit-center; }

.appraisal-icon {
  float: right;
  font-size: 18px;
  margin-top: 5px;
  margin-right: 15px; }

.appraisal-header {
  background-color: lightgray; }

.note-header {
  background-color: rgba(233, 233, 233, 0.77);
  height: 35px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
  padding-top: 5px;
  margin-bottom: 10px; }

.note-details {
  font-style: italic;
  color: #999; }

.note-vertical {
  vertical-align: sub; }

.edit-appr-header {
  background-color: rgba(233, 233, 233, 0.77); }
  .edit-appr-header input {
    margin: 5px; }

.dp-extra-padding {
  bottom: 75px !important; }

.dp-fund-padding {
  bottom: 40px !important; }

.note-close {
  transform: rotate(0deg);
  transition: transform .3s linear; }

.pre-wrap-am {
  white-space: pre-line; }

.note-open {
  transform: rotate(90deg);
  transition: transform .3s linear; }

.last-modified-notes {
  float: right; }

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

.nowrap-loan-detail {
  white-space: nowrap !important; }

.appraisal-icon-margin {
  margin-right: 30px;
  margin-top: 5px;
  cursor: pointer; }

.private-appr {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  color: #FF9900;
  padding-left: 25px; }

.appr-edit-btn {
  margin-right: 30px; }

.appraisal-notes-display {
  cursor: pointer; }

.disabled-notes {
  color: darkgray; }

.appr-trans {
  transition: all 2s; }

.appr-section {
  border-top: 0 !important; }

.add-icon-note {
  color: green; }

.appr-btn {
  color: white;
  height: 30px;
  margin-bottom: 15px; }

.right-side-btn {
  float: left; }

.rca-default {
  margin-top: 10px; }

.subtitle-rca {
  font-size: 14px; }

.appr-note-subject {
  display: inline-block;
  width: 90%; }

.appr-alert-msg {
  color: red !important; }

.margin-left-30 {
  margin-left: 50px; }

.margin-left-45 {
  margin-left: 45px !important; }

.margin-left-45 {
  margin-left: 45px !important; }

.margin-left-50 {
  margin-left: 50px !important; }

.padding-left-50 {
  padding-left: 50px; }

.padding-left-60 {
  padding-left: 60px; }

.padding-left-40 {
  padding-left: 40px; }

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

.const-cost-fields {
  margin-left: 80px !important; }

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

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

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

.nowrap-loan-detail {
  white-space: nowrap !important; }

.input-loan-select {
  margin-bottom: 6px !important;
  height: 37px !important; }

.loan-label-center {
  text-align: center; }

.loan-date-width {
  width: 60% !important; }

.loan-width-field {
  width: 70% !important; }

.loan-select-input {
  display: flex !important; }

.loan-label-bold {
  font-weight: 600; }

.loan-label-med-bold {
  font-weight: 400 !important; }

.comp-pipe-blk {
  display: inline;
  color: black; }

@media (min-width: 1800px) {
  .wrap-if {
    white-space: nowrap !important; } }
@media (max-width: 1423px) {
  .display-sm-sc {
    display: contents; } }
.new-btn-tools .report-buttons .button-tool {
  margin-bottom: 10px; }

.flex-end-fun {
  display: flex;
  justify-content: flex-end; }

.inline-flex-nowrap .property-search-fuzzy-margin-left property-search input {
  width: 360px !important; }

.fund-portfolio-container {
  display: flex; }
  .fund-portfolio-container .top-5 {
    margin-top: 5px !important; }
  .fund-portfolio-container .top-8 {
    margin-top: 8px !important; }
  .fund-portfolio-container .select-all-label {
    display: inline-flex;
    width: 100px;
    margin-right: 15px; }
  .fund-portfolio-container .input-checkbox {
    width: 15px;
    margin-left: 15px; }
  .fund-portfolio-container .inline-flex-nowrap {
    display: inline-flex;
    flex-flow: row nowrap; }
  .fund-portfolio-container .inline-flex-wrap {
    display: inline-flex;
    flex-flow: row wrap; }
  .fund-portfolio-container .label-flex {
    margin-right: 10px;
    margin-top: 7px; }

.flex-right {
  display: flex;
  flex-flow: row wrap;
  float: right; }
  .flex-right button {
    margin-bottom: 5px; }

.fund-asset-list-container {
  border-top: none;
  padding-top: 0 !important; }
  .fund-asset-list-container .fund-portfolio-container {
    padding-top: 0 !important; }
  .fund-asset-list-container .btn-container {
    margin-top: 0 !important; }
  .fund-asset-list-container .fund-grid-button-wrapper {
    margin-right: 0 !important; }
  .fund-asset-list-container .row_wrapper {
    min-height: auto; }

/**
 *  Transaction search styles
 */
.title-search {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 10px; }
  @media screen and (max-width: 599px) {
    .title-search {
      display: block;
      text-align: left;
      width: 100%; } }

.comment-dropdown button {
  width: 225px !important;
  right: 20px; }

.property-ic {
  float: left;
  width: 60px;
  margin-right: 20px;
  text-align: center;
  display: block; }
  .property-ic img {
    max-width: 50px;
    max-height: 40px; }

.bottom-search-links, .new-bottom-search-links {
  line-height: 50px;
  margin-right: -10px; }
  .bottom-search-links a, .new-bottom-search-links a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #7D7D7D;
    font-weight: 400;
    margin-left: -5px;
    padding: 0 10px;
    text-transform: uppercase; }
    .bottom-search-links a:not(:last-child), .new-bottom-search-links a:not(:last-child) {
      border-right: 1px solid #7D7D7D; }
  .bottom-search-links .advanced-link, .new-bottom-search-links .advanced-link {
    color: #00304D !important; }
    .bottom-search-links .advanced-link:hover, .new-bottom-search-links .advanced-link:hover {
      cursor: default !important;
      opacity: 1 !important; }

.report-buttons {
  margin-bottom: 10px; }
  .report-buttons .button-tool {
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 0px; }
  .report-buttons .map-button {
    margin-right: 10px; }
  .report-buttons .button-margin-left {
    margin-left: 10px; }
  .report-buttons .control--checkbox {
    margin-top: 5px; }
  .report-buttons .btn-apply {
    margin-left: 10px;
    background-color: #00304D;
    color: white;
    border: none !important; }
  .report-buttons .btn-apply:disabled {
    background: #cccccc !important;
    opacity: 1 !important; }

.row-result {
  background-color: #fff;
  height: 228px;
  margin-bottom: 10px;
  padding-left: 228px;
  position: relative;
  border: solid 1px #c9c9c9;
  box-sizing: content-box; }
  .row-result .carousel-result {
    height: 228px;
    left: 0;
    padding: 0;
    position: absolute;
    width: 228px;
    top: 0; }
    .row-result .carousel-result .carousel-indicators {
      display: none; }
    .row-result .carousel-result .carousel-control {
      background: transparent; }
    .row-result .carousel-result .slide-result {
      height: 228px;
      width: 228px; }
      .row-result .carousel-result .slide-result img {
        opacity: 0.8;
        bottom: 0;
        height: auto;
        left: 0;
        max-height: 100%;
        max-width: 100%;
        width: auto;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0; }
    @media screen and (max-width: 852px) {
      .row-result .carousel-result {
        margin: auto;
        position: relative; } }
  .row-result .info-result {
    font-size: 14px;
    font-size: 1.4rem;
    display: table;
    height: 228px;
    padding: 20px 28px 20px;
    width: 100%; }
    .row-result .info-result .col-result {
      display: table-cell;
      vertical-align: middle; }
      .row-result .info-result .col-result .status {
        font-size: 20px;
        font-size: 2rem;
        display: inline-block;
        line-height: 1; }
      .row-result .info-result .col-result .status-icon {
        margin-left: 10px; }
      .row-result .info-result .col-result .active {
        color: #008744; }
      .row-result .info-result .col-result .headers {
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 20px;
        position: relative; }
        .row-result .info-result .col-result .headers .title {
          font-size: 20px;
          font-size: 2rem;
          color: #212121;
          font-weight: bold;
          line-height: 1;
          margin-bottom: 5px; }
          .row-result .info-result .col-result .headers .title:hover {
            opacity: 0.8; }
        .row-result .info-result .col-result .headers .sub-title {
          font-size: 16px;
          font-size: 1.6rem;
          color: #181818; }
          .row-result .info-result .col-result .headers .sub-title span:first-child:after {
            content: ' |'; }
          .row-result .info-result .col-result .headers .sub-title span:not(:first-child):not(:last-child):after {
            content: ', '; }
          .row-result .info-result .col-result .headers .sub-title .content-address {
            display: inline-flex; }
            .row-result .info-result .col-result .headers .sub-title .content-address p {
              max-width: 714px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              font-size: 16px !important;
              font-size: 1.6rem !important; }
        .row-result .info-result .col-result .headers .other-title {
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: 400;
          color: #808080; }
          .row-result .info-result .col-result .headers .other-title span:not(:last-child):after {
            content: ' |'; }
          .row-result .info-result .col-result .headers .other-title text:not(:last-child):after {
            content: ', '; }
        .row-result .info-result .col-result .headers .checkbox-report {
          width: 15px;
          position: absolute;
          right: 0px;
          bottom: 10px; }
      .row-result .info-result .col-result .property-result {
        padding-top: 5px;
        position: relative; }
        .row-result .info-result .col-result .property-result .results {
          display: table;
          padding-top: 15px;
          padding-right: 20px; }
          .row-result .info-result .col-result .property-result .results .col {
            display: table-cell;
            width: auto;
            padding-right: 0;
            height: 25px; }
            @media screen and (max-width: 1145px) {
              .row-result .info-result .col-result .property-result .results .col {
                margin-bottom: 5px; } }
            @media screen and (max-width: 599px) {
              .row-result .info-result .col-result .property-result .results .col {
                margin-bottom: 5px;
                width: 50%; } }
        .row-result .info-result .col-result .property-result .not-all {
          width: 95% !important; }
        .row-result .info-result .col-result .property-result .property {
          font-size: 12px;
          font-size: 1.2rem;
          color: #808080;
          font-weight: 300;
          margin: 0;
          padding: 0;
          text-transform: capitalize;
          white-space: nowrap; }
        .row-result .info-result .col-result .property-result .value-property {
          font-size: 14px;
          font-size: 1.4rem;
          color: #525252;
          margin: 0; }
        .row-result .info-result .col-result .property-result .transaction-results {
          border-left: 1px solid #d8d8d8;
          padding-top: 15px; }
          .row-result .info-result .col-result .property-result .transaction-results a {
            color: #00304D; }
        .row-result .info-result .col-result .property-result .checkbox-report {
          width: 15px;
          position: absolute;
          right: 5px;
          bottom: 5px; }
      .row-result .info-result .col-result h1, .row-result .info-result .col-result h2, .row-result .info-result .col-result h3, .row-result .info-result .col-result h4, .row-result .info-result .col-result h5, .row-result .info-result .col-result h6 {
        line-height: 1.5;
        margin: 0; }
    @media screen and (max-width: 852px) {
      .row-result .info-result {
        padding: 20px 0; } }
  @media screen and (max-width: 852px) {
    .row-result {
      height: auto;
      padding: 15px; } }

.hide-selected {
  vertical-align: top !important;
  width: 7vw !important;
  overflow: hidden;
  margin-right: 15px !important; }

.tool-spacer {
  margin-right: 40px !important; }

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

.new-search-icon {
  font-size: 1.2rem;
  vertical-align: top;
  margin-top: 5px; }

.preference-cog {
  max-height: 4.5%;
  min-height: 4.5%;
  vertical-align: bottom; }

.disable-selection {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none; }

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

.row_wrapper {
  width: 100%;
  min-height: 700px; }
  .row_wrapper .align-center {
    text-align: center; }
  .row_wrapper .transaction_list {
    display: inherit;
    float: inherit;
    width: 100%; }
  .row_wrapper .transaction_list.map-active {
    display: inline-block;
    float: left;
    width: 600px;
    height: 700px;
    overflow-y: auto;
    position: relative;
    margin-right: 20px; }
  .row_wrapper .loader.card-loader {
    position: absolute; }
  .row_wrapper .ui-grid {
    height: calc(66.67vh - 9vh);
    width: inherit;
    font-size: 1.2rem; }
  .row_wrapper .trx-link {
    font-size: 1.3rem !important;
    font-weight: 600 !important; }
  .row_wrapper .appr-font-size {
    font-size: 13px !important; }
  .row_wrapper input[type="text"].ui-grid-filter-input {
    height: 20px !important;
    border-radius: 5px; }
  .row_wrapper .map_view {
    display: inline-block;
    float: left;
    width: calc(100% - 620px);
    position: relative; }
    .row_wrapper .map_view .leaflet-popup-content-wrapper, .row_wrapper .map_view .leaflet-popup-tip {
      background-color: #00304D;
      color: #eee; }
    .row_wrapper .map_view .leaflet-popup-content-wrapper {
      border-radius: 5px; }
    .row_wrapper .map_view .leaflet-container a.propertie-title {
      color: white; }
      .row_wrapper .map_view .leaflet-container a.propertie-title:hover {
        color: #777; }
    .row_wrapper .map_view .leaflet-container h5.border {
      border-top: 2px solid white;
      padding-top: 10px; }

.image-error {
  border-right: 1px #c9c9c9 solid;
  background-color: #fff; }

.row-result.map-active {
  height: 125px;
  padding-left: 120px; }
  .row-result.map-active .carousel-result {
    height: 120px;
    width: 120px; }
    .row-result.map-active .carousel-result .slide-result {
      height: 125px;
      width: 120px; }
      .row-result.map-active .carousel-result .slide-result img {
        min-height: 125px;
        min-width: 120px; }
  .row-result.map-active .info-result {
    height: 120px;
    padding: 10px 20px; }
    .row-result.map-active .info-result .col-result .property-result .results {
      padding-top: 0px;
      width: 100%; }
    .row-result.map-active .info-result .col-result .headers {
      padding-bottom: 5px; }
      .row-result.map-active .info-result .col-result .headers .title {
        font-size: 14px;
        font-size: 1.4rem;
        white-space: nowrap; }
      .row-result.map-active .info-result .col-result .headers .new-title {
        font-size: 14px;
        font-size: 1.4rem; }
      .row-result.map-active .info-result .col-result .headers .sub-title {
        font-size: 14px;
        font-size: 1.4rem;
        white-space: nowrap; }
        .row-result.map-active .info-result .col-result .headers .sub-title .content-address {
          display: inline-flex; }
          .row-result.map-active .info-result .col-result .headers .sub-title .content-address p {
            max-width: 215px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 14px !important;
            font-size: 1.4rem !important; }
    .row-result.map-active .info-result .col-result .status {
      font-size: 16px;
      font-size: 1.6rem; }
    .row-result.map-active .info-result .col-result .not-all {
      width: 95% !important; }

.row-result.chat-card {
  height: 135px;
  padding-left: 135px; }
  .row-result.chat-card .carousel-result {
    height: 135px;
    width: 135px; }
    .row-result.chat-card .carousel-result .slide-result {
      height: 135px;
      width: 135px; }
      .row-result.chat-card .carousel-result .slide-result img {
        min-height: 135px;
        min-width: 135px; }
  .row-result.chat-card .info-result {
    height: 135px;
    padding: 10px 20px; }
    .row-result.chat-card .info-result .col-result .headers {
      border-bottom: none; }
    .row-result.chat-card .info-result .col-result .property-result {
      display: none; }
  .row-result.chat-card .event-link {
    font-size: 14px;
    font-size: 1.4rem; }
  .row-result.chat-card .event-mark {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    z-index: 999;
    position: absolute;
    right: 10px;
    text-align: right; }

.selectable {
  border: solid 2px #00304D !important; }

.cursor-pointer {
  cursor: pointer; }

.no-bid-results {
  min-height: 150px;
  text-align: center;
  padding-top: 70px; }
  .no-bid-results .no-results-title {
    font-size: 30px;
    font-size: 3rem;
    color: #535353;
    font-weight: 600;
    margin-bottom: 0; }

.no-results {
  min-height: 150px;
  padding: 50px;
  text-align: center; }
  .no-results .no-results-img {
    width: 120px;
    padding-bottom: 28px;
    padding-top: 51px; }
  .no-results .no-results-title {
    font-size: 30px;
    font-size: 3rem;
    color: #535353;
    font-weight: 600;
    margin-bottom: 0; }
  .no-results .no-results-subtitle {
    font-size: 20px;
    font-size: 2rem;
    color: #3e3e3e;
    letter-spacing: 0.8px;
    margin-bottom: 100px; }

.title-search-advanced {
  margin-bottom: 17px;
  margin-top: 17px; }

.label-float {
  margin-right: 10px;
  margin-top: 7px;
  float: left;
  margin-left: 70px; }

.advanced-button {
  background-color: #ffffff !important;
  border: solid 1px #c9c9c9 !important;
  border-radius: 0 !important;
  height: 61px;
  line-height: 40px;
  margin-bottom: 7px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  width: 100%; }
  .advanced-button .name-button {
    font-size: 16px;
    font-size: 1.6rem;
    color: #3e3e3e;
    text-transform: capitalize; }
  .advanced-button i {
    font-size: 2.5em;
    font-weight: 800;
    line-height: 40px;
    color: #a9a9a9; }
  .advanced-button:hover {
    border: solid 2px #00304D important; }
    .advanced-button:hover .name-button {
      color: #00304D;
      font-weight: 400; }
    .advanced-button:hover i {
      color: #00304D; }

.advanced-search-section {
  background-color: #fff;
  border: solid 1px #c9c9c9;
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 30px;
  position: relative; }
  .advanced-search-section .main-title {
    font-size: 30px;
    font-size: 3rem;
    margin-top: 15px; }
  .advanced-search-section .lease-title, .advanced-search-section .section-title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.7px;
    color: #000000;
    margin: 0;
    padding-bottom: 30px;
    border-bottom: solid 1px #cfcfcf; }
  .advanced-search-section .section-title {
    border: none; }
  .advanced-search-section .advanced-search-fields {
    padding-bottom: 30px; }
    .advanced-search-section .advanced-search-fields:not(:first-child) {
      padding-top: 30px; }
    .advanced-search-section .advanced-search-fields .field-title, .advanced-search-section .advanced-search-fields .label-title {
      font-size: 16px;
      font-size: 1.6rem;
      color: rgba(0, 0, 0, 0.8);
      font-weight: bold;
      margin-bottom: 30px;
      opacity: 0.9;
      text-transform: capitalize;
      line-height: 1; }
    .advanced-search-section .advanced-search-fields .label-title {
      font-weight: 400;
      margin-bottom: 15px; }
    .advanced-search-section .advanced-search-fields .label-value, .advanced-search-section .advanced-search-fields .property-table .jpm-label-value, .property-table .advanced-search-section .advanced-search-fields .jpm-label-value, .advanced-search-section .advanced-search-fields .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .advanced-search-section .advanced-search-fields p, .advanced-search-section .advanced-search-fields .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .advanced-search-section .advanced-search-fields p {
      font-size: 14px;
      font-size: 1.4rem;
      color: #747474;
      margin-bottom: 11px;
      margin-top: 20px;
      text-transform: capitalize;
      width: 100%; }
      .advanced-search-section .advanced-search-fields .label-value.no-capitalize, .advanced-search-section .advanced-search-fields .property-table .no-capitalize.jpm-label-value, .property-table .advanced-search-section .advanced-search-fields .no-capitalize.jpm-label-value, .advanced-search-section .advanced-search-fields .appraisal-bid-modal .selected-vendor-user p.no-capitalize, .appraisal-bid-modal .selected-vendor-user .advanced-search-section .advanced-search-fields p.no-capitalize, .advanced-search-section .advanced-search-fields .schedules-section-modal .selected-vendor-user p.no-capitalize, .schedules-section-modal .selected-vendor-user .advanced-search-section .advanced-search-fields p.no-capitalize {
        text-transform: inherit; }
      .advanced-search-section .advanced-search-fields .label-value span, .advanced-search-section .advanced-search-fields .property-table .jpm-label-value span, .property-table .advanced-search-section .advanced-search-fields .jpm-label-value span, .advanced-search-section .advanced-search-fields .appraisal-bid-modal .selected-vendor-user p span, .appraisal-bid-modal .selected-vendor-user .advanced-search-section .advanced-search-fields p span, .advanced-search-section .advanced-search-fields .schedules-section-modal .selected-vendor-user p span, .schedules-section-modal .selected-vendor-user .advanced-search-section .advanced-search-fields p span {
        text-transform: lowercase; }
    .advanced-search-section .advanced-search-fields .label-value-bid-detail {
      font-size: 14px;
      font-size: 1.4rem;
      color: #747474;
      margin-bottom: 7px;
      margin-top: 12px;
      text-transform: capitalize;
      width: 100%; }
      .advanced-search-section .advanced-search-fields .label-value-bid-detail.no-capitalize {
        text-transform: inherit; }
      .advanced-search-section .advanced-search-fields .label-value-bid-detail span {
        text-transform: lowercase; }
    .advanced-search-section .advanced-search-fields .added-height {
      height: 170px !important; }
    .advanced-search-section .advanced-search-fields .height-85 {
      height: 85px !important; }
    .advanced-search-section .advanced-search-fields .label-overwrite {
      margin-top: 0px; }
    .advanced-search-section .advanced-search-fields .label-events {
      font-size: 1.4rem;
      color: #747474;
      width: 100%; }
      .advanced-search-section .advanced-search-fields .label-events span {
        text-transform: lowercase; }
    .advanced-search-section .advanced-search-fields .select-input {
      font-size: 16px;
      font-size: 1.6rem;
      background-color: #ffffff;
      border: solid 1px #cccccc;
      border-radius: 4px;
      color: #535353;
      font-weight: 400;
      height: 39px;
      width: 100%;
      padding: 8px 15px; }
      .advanced-search-section .advanced-search-fields .select-input:focus {
        border: solid 2px #00304D; }
      .advanced-search-section .advanced-search-fields .select-input::-webkit-input-placeholder {
        font-weight: 400;
        color: #ccc !important; }
      .advanced-search-section .advanced-search-fields .select-input:-moz-placeholder {
        /* Firefox 18- */
        font-weight: 400;
        color: #ccc !important; }
      .advanced-search-section .advanced-search-fields .select-input::-moz-placeholder {
        /* Firefox 19+ */
        font-weight: 400;
        color: #ccc !important; }
      .advanced-search-section .advanced-search-fields .select-input:-ms-input-placeholder {
        font-weight: 400;
        color: #ccc !important; }
    .advanced-search-section .advanced-search-fields .select-input-bid-edit {
      font-size: 13px;
      font-size: 1.3rem;
      background-color: #ffffff;
      border: solid 1px #cccccc;
      border-radius: 4px;
      color: #535353;
      font-weight: 400;
      height: 30px;
      width: 100%;
      padding: 8px 15px; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit:focus {
        border: solid 2px #00304D; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit:disabled {
        background-color: #eeeeee; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit::-webkit-input-placeholder {
        font-weight: 100;
        color: #ccc !important; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit:-moz-placeholder {
        /* Firefox 18- */
        font-weight: 100;
        color: #ccc !important; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit::-moz-placeholder {
        /* Firefox 19+ */
        font-weight: 100;
        color: #ccc !important; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit:-ms-input-placeholder {
        font-weight: 100;
        color: #ccc !important; }
    .advanced-search-section .advanced-search-fields .select-input-bid-edit-2 {
      font-size: 13px;
      font-size: 1.3rem;
      background-color: #ffffff;
      border: solid 1px #cccccc;
      border-radius: 4px;
      color: #535353;
      font-weight: 400;
      height: 30px;
      width: 100%;
      padding: 8px 15px; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit-2:focus {
        border: solid 2px #00304D; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit-2:disabled {
        background-color: #eeeeee; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit-2::-webkit-input-placeholder {
        font-weight: 100;
        color: black !important; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit-2:-moz-placeholder {
        /* Firefox 18- */
        font-weight: 100;
        color: black !important; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit-2::-moz-placeholder {
        /* Firefox 19+ */
        font-weight: 100;
        color: black !important; }
      .advanced-search-section .advanced-search-fields .select-input-bid-edit-2:-ms-input-placeholder {
        font-weight: 100;
        color: black !important; }
    .advanced-search-section .advanced-search-fields .select-range {
      display: inline-block;
      margin-bottom: 15px;
      /*max-width: 276px;*/
      position: relative;
      width: calc(47.7% - 22px); }
      @media (min-width: 1200px) {
        .advanced-search-section .advanced-search-fields .select-range {
          width: calc(48.8% - 22px); } }
      .advanced-search-section .advanced-search-fields .select-range .addon {
        background-color: transparent;
        border: 0;
        bottom: 0;
        color: #bbbbbb;
        cursor: pointer;
        font-size: 20px;
        position: absolute;
        right: 5%;
        top: 20%; }
        .advanced-search-section .advanced-search-fields .select-range .addon:hover {
          opacity: 0.7; }
      .advanced-search-section .advanced-search-fields .select-range .addon-bid-edit {
        background-color: transparent;
        border: 0;
        bottom: 0;
        color: #bbbbbb;
        cursor: pointer;
        font-size: 16px;
        position: absolute;
        right: 5%;
        top: 20%; }
        .advanced-search-section .advanced-search-fields .select-range .addon-bid-edit:hover {
          opacity: 0.7; }
      .advanced-search-section .advanced-search-fields .select-range .up {
        color: #2a2a2a;
        cursor: pointer;
        position: absolute;
        right: 7px;
        top: 5px; }
        .advanced-search-section .advanced-search-fields .select-range .up:hover {
          opacity: 0.7; }
      .advanced-search-section .advanced-search-fields .select-range .down {
        bottom: 5px;
        color: #2a2a2a;
        cursor: pointer;
        position: absolute;
        right: 7px; }
        .advanced-search-section .advanced-search-fields .select-range .down:hover {
          opacity: 0.7; }
    .advanced-search-section .advanced-search-fields .to {
      font-size: 16px;
      font-size: 1.6rem;
      color: #8f8f8f;
      padding: 0 15px;
      font-weight: 400; }
    .advanced-search-section .advanced-search-fields .dropdown-date .dropdown-menu {
      margin-left: -20px;
      right: 0;
      width: auto;
      min-width: 242px; }
    .advanced-search-section .advanced-search-fields .dropdown-menu {
      margin-top: 0; }
      .advanced-search-section .advanced-search-fields .dropdown-menu ul {
        width: 100%; }
      .advanced-search-section .advanced-search-fields .dropdown-menu li a {
        font-size: 16px;
        font-size: 1.6rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #434343;
        font-weight: 400;
        outline: none; }
        .advanced-search-section .advanced-search-fields .dropdown-menu li a:hover {
          background-color: rgba(0, 0, 0, 0.2); }
        .advanced-search-section .advanced-search-fields .dropdown-menu li a:active {
          background-color: rgba(0, 0, 0, 0.2); }
      .advanced-search-section .advanced-search-fields .dropdown-menu li.active a {
        background-color: rgba(0, 0, 0, 0.2); }
    .advanced-search-section .advanced-search-fields .multi-dropdown {
      text-align: left; }
      .advanced-search-section .advanced-search-fields .multi-dropdown .multiselect-parent {
        height: 39px;
        width: 100%; }
        .advanced-search-section .advanced-search-fields .multi-dropdown .multiselect-parent button {
          font-size: 16px;
          font-size: 1.6rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          border: solid 1px #cccccc !important;
          border-radius: 4px;
          color: #434343;
          font-weight: 400;
          height: 39px !important;
          padding-right: 22px;
          text-align: left;
          width: 100% !important;
          text-transform: inherit; }
          .advanced-search-section .advanced-search-fields .multi-dropdown .multiselect-parent button:hover {
            background-color: #ffffff; }
          .advanced-search-section .advanced-search-fields .multi-dropdown .multiselect-parent button span {
            font-size: 16px;
            font-size: 1.6rem;
            float: right;
            margin-top: 10px; }
          .advanced-search-section .advanced-search-fields .multi-dropdown .multiselect-parent button:focus, .advanced-search-section .advanced-search-fields .multi-dropdown .multiselect-parent button:active {
            border: solid 2px #00304D !important; }
        .advanced-search-section .advanced-search-fields .multi-dropdown .multiselect-parent ul {
          margin-top: 0;
          min-width: 100%;
          height: auto !important;
          max-height: 700px; }
          .advanced-search-section .advanced-search-fields .multi-dropdown .multiselect-parent ul:hover {
            background-color: #ffffff; }
          .advanced-search-section .advanced-search-fields .multi-dropdown .multiselect-parent ul a {
            font-size: 16px;
            font-size: 1.6rem;
            color: #434343;
            font-weight: 400; }
  .advanced-search-section .no-padding-top {
    padding-top: 0 !important; }
  .advanced-search-section .exclude-comps {
    left: 125px; }

.validate-modal-section .advanced-search-fields .select-range {
  display: inline-block;
  margin-bottom: 15px;
  /*max-width: 276px;*/
  position: relative;
  width: calc(47.7% - 22px); }
  @media (min-width: 1200px) {
    .validate-modal-section .advanced-search-fields .select-range {
      width: calc(48.8% - 22px); } }
  .validate-modal-section .advanced-search-fields .select-range .addon {
    background-color: transparent;
    border: 0;
    bottom: 0;
    color: #bbbbbb;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 5%;
    top: 20%; }
    .validate-modal-section .advanced-search-fields .select-range .addon:hover {
      opacity: 0.7; }
  .validate-modal-section .advanced-search-fields .select-range .addon-bid-edit {
    background-color: transparent;
    border: 0;
    bottom: 0;
    color: #bbbbbb;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    right: 5%;
    top: 20%; }
    .validate-modal-section .advanced-search-fields .select-range .addon-bid-edit:hover {
      opacity: 0.7; }
  .validate-modal-section .advanced-search-fields .select-range .up {
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 5px; }
    .validate-modal-section .advanced-search-fields .select-range .up:hover {
      opacity: 0.7; }
  .validate-modal-section .advanced-search-fields .select-range .down {
    bottom: 5px;
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px; }
    .validate-modal-section .advanced-search-fields .select-range .down:hover {
      opacity: 0.7; }
.validate-modal-section .no-padding-top {
  padding-top: 0 !important; }
.validate-modal-section .exclude-comps {
  left: 125px; }

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

.icon-back {
  cursor: pointer;
  line-height: 88px;
  font-size: 30px;
  font-weight: 800; }
  .icon-back:hover {
    opacity: 0.7; }

.btn-save {
  background: transparent;
  border: 0;
  color: #545454;
  font-size: 16px;
  font-weight: 400;
  height: 42px;
  min-width: 161px;
  text-transform: uppercase; }
  @media (max-width: 599px) {
    .btn-save {
      width: 48%;
      min-width: 48%; } }
  .btn-save:hover {
    opacity: 0.7; }

.btn-apply {
  background-color: #00304D;
  border: 0;
  border-radius: 4px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  height: 42px;
  min-width: 161px;
  text-transform: uppercase; }
  @media (max-width: 599px) {
    .btn-apply {
      width: 48%;
      min-width: 48%; } }
  .btn-apply:hover {
    opacity: 0.7; }

.btn-disabled {
  opacity: 0.2; }
  .btn-disabled:hover {
    opacity: 0.2 !important; }

.row-result.ng-move,
.row-result.ng-enter,
.row-result.ng-leave {
  -webkit-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block; }

.row-result.ng-leave.ng-leave-active,
.row-result.ng-move,
.row-result.ng-enter {
  opacity: 0; }

.row-result.ng-leave,
.row-result.ng-move.ng-move-active,
.row-result.ng-enter.ng-enter-active {
  opacity: 1; }

.bootstrap-select button.btn.dropdown-toggle.bs-placeholder.btn-default {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%;
  outline: none !important; }
  .bootstrap-select button.btn.dropdown-toggle.bs-placeholder.btn-default:active, .bootstrap-select button.btn.dropdown-toggle.bs-placeholder.btn-default:focus {
    border: solid 2px #00304D !important; }
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  border: solid 2px #00304D !important; }
.bootstrap-select .filter-option {
  text-transform: capitalize; }
.bootstrap-select .dropdown-menu li > a:focus {
  outline: none; }
.bootstrap-select .dropdown-menu.open {
  margin-top: 5px; }

.caret {
  border: 0;
  top: auto !important;
  right: auto !important;
  margin-top: 0 !important; }
  .caret:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f107";
    color: #171717; }

.bootstrap-select > .dropdown-toggle {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  outline: none !important; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: solid 1px #00304D !important; }

.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  background-color: #fff !important; }

.advanceSearchTitle {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #424242;
  margin-bottom: 1em; }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.save-search {
  font-size: 14px;
  font-size: 1.4rem;
  color: #545454;
  cursor: pointer;
  position: absolute;
  right: 30px;
  text-transform: uppercase;
  z-index: 2; }
  .save-search:hover {
    opacity: 0.7; }

.add-comps-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: rgba(0, 0, 0, 0.8); }

.add-comps-section {
  padding: 0 20px !important; }

.add-comps-section2 {
  padding: 20px !important; }
  .add-comps-section2 .button-tool {
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 0px;
    margin-right: 20px; }
  .add-comps-section2 .map-active .title, .add-comps-section2 .map-active .sub-title, .add-comps-section2 .map-active .other-title {
    width: 280px !important; }
  .add-comps-section2 .map-active .headers {
    border-right: 0 !important; }

.pad-right {
  margin-left: 5px; }

.search-options-selected {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #E6E6E6 !important;
  color: rgba(0, 0, 0, 0.8);
  opacity: 0.9;
  font-weight: normal;
  cursor: pointer;
  margin-right: 0.5em;
  height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 5px;
  border: 2px solid #d8d8d8; }
  .search-options-selected:first-child {
    margin-left: 0 !important; }
  .search-options-selected p, .search-options-selected span {
    max-width: 400px;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .search-options-selected a {
    margin-left: 10px;
    color: rgba(0, 0, 0, 0.8) !important;
    vertical-align: middle; }

.search-options-space {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap; }

.change-search-a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  color: rgba(0, 0, 0, 0.5) !important;
  text-align: right; }
  .change-search-a:not(:last-child) {
    margin-right: 20px; }

.tabs-search-options-no-result {
  margin-top: 80px; }

.tabs-search-options-no-result.close-options {
  margin-top: 80px; }

.tab-design-from-0 {
  background-color: white;
  padding: 7px 30px;
  margin: 0 5px 5px 0;
  border: 1px solid #ddd;
  border-radius: 5px; }

.pagination-tabs-align {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end; }
  @media screen and (max-width: 1238px) {
    .pagination-tabs-align .paginator {
      min-width: 35%; } }
  @media screen and (min-width: 1200px) {
    .pagination-tabs-align .paginator ul {
      min-width: 210px; } }
  @media screen and (max-width: 1238px) {
    .pagination-tabs-align .pagination-bigger {
      min-width: 35%; } }
  @media screen and (min-width: 1200px) {
    .pagination-tabs-align .pagination-bigger ul {
      min-width: 352px; } }

.select-range-p {
  display: inline-block;
  margin-bottom: 15px;
  /*max-width: 276px;*/
  position: relative;
  width: calc(47.7% - 22px); }
  @media (min-width: 1200px) {
    .select-range-p {
      width: calc(48.8% - 22px); } }
  .select-range-p .addon {
    background-color: transparent;
    border: 0;
    bottom: 0;
    color: #bbbbbb;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 5%;
    top: 20%; }
    .select-range-p .addon:hover {
      opacity: 0.7; }
  .select-range-p .up {
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 5px; }
    .select-range-p .up:hover {
      opacity: 0.7; }
  .select-range-p .down {
    bottom: 5px;
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px; }
    .select-range-p .down:hover {
      opacity: 0.7; }

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

.new-search-padding {
  margin-left: 5px; }

.asset-conversation-title {
  font-size: 20px;
  font-size: 2rem !important;
  color: #212121 !important;
  font-weight: 700 !important;
  line-height: 1 !important; }

.chat-pad-top {
  top: 5px; }

.document-view-drop {
  width: 200px !important; }

.new-transaction-search .polygon-search-container .polygon-flex-container {
  position: relative; }
  .new-transaction-search .polygon-search-container .polygon-flex-container .toggle-map-visibility {
    position: absolute;
    right: 0;
    top: -22px; }
  .new-transaction-search .polygon-search-container .polygon-flex-container .full-height-grid {
    height: 98%; }
    .new-transaction-search .polygon-search-container .polygon-flex-container .full-height-grid .ui-grid {
      height: auto; }
  .new-transaction-search .polygon-search-container .polygon-flex-container .button-tool {
    margin-right: unset; }
  .new-transaction-search .polygon-search-container .polygon-flex-container .pagination-view-column .trx-results-info {
    display: flex;
    align-items: center;
    margin-left: 2rem; }
    .new-transaction-search .polygon-search-container .polygon-flex-container .pagination-view-column .trx-results-info .showing-info {
      margin-right: 0.5rem; }
    .new-transaction-search .polygon-search-container .polygon-flex-container .pagination-view-column .trx-results-info .show-more-actions {
      display: flex; }
      .new-transaction-search .polygon-search-container .polygon-flex-container .pagination-view-column .trx-results-info .show-more-actions .pag-button {
        background: none;
        height: auto;
        border-radius: 0;
        color: #00304D;
        text-transform: none;
        font-size: 16px;
        font-weight: 600;
        padding: 0 0.5rem;
        border-left: 1px solid #999999; }
        .new-transaction-search .polygon-search-container .polygon-flex-container .pagination-view-column .trx-results-info .show-more-actions .pag-button:disabled {
          color: #999999; }
.new-transaction-search .advanced-search-section {
  padding: 7px 30px 30px; }
.new-transaction-search .default-cursor {
  cursor: default; }
.new-transaction-search .control-header {
  margin-top: -5px; }
.new-transaction-search .control-align {
  margin-left: 0; }
.new-transaction-search .save-control {
  margin-left: 10px; }
.new-transaction-search .search-by-control {
  margin-top: 5px;
  margin-left: 15px; }
.new-transaction-search .switch-view {
  width: 200px !important; }
.new-transaction-search .select-all {
  margin-top: 8px;
  width: 120px; }
.new-transaction-search .list-view-tag-col {
  width: 70%; }
.new-transaction-search .list-view-print-col {
  width: 30%; }
.new-transaction-search .grid-view-tag-col {
  width: 80%; }
.new-transaction-search .change-search-tag {
  padding-top: 3px; }
.new-transaction-search .transaction-actions {
  margin-bottom: 0.5rem; }
  .new-transaction-search .transaction-actions .button-container:not(:last-child) {
    border-right: 1px solid #00304D; }
  .new-transaction-search .transaction-actions .button-container .action-button {
    font-size: 14px;
    padding: 0 10px 0;
    color: #00304D;
    font-weight: 600;
    background: none;
    height: 20px;
    border-radius: 0;
    text-transform: none; }
    .new-transaction-search .transaction-actions .button-container .action-button:disabled {
      color: #999999;
      pointer-events: none; }

.bid-placeholder {
  text-decoration-color: black; }
  .bid-placeholder input {
    -webkit-tap-highlight-color: black; }

.transaction-search-wrapper .page-overlay__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .transaction-search-wrapper .page-overlay__loading .loader {
    position: absolute;
    visibility: visible;
    position: absolute;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5); }
    .transaction-search-wrapper .page-overlay__loading .loader .kart-loader {
      position: static;
      width: auto;
      height: auto; }

/**
 *  Transaction id styles
 */
.section-tab {
  background-color: #FFF;
  padding: 20px;
  border: solid 1px #c8c8c8; }
  .section-tab .title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    color: #1f1f1f;
    padding-bottom: 13px;
    margin-bottom: 0;
    margin-top: 28px; }
    .section-tab .title .icon-status-active {
      color: #8edd5a; }
    .section-tab .title .icon-status {
      position: absolute;
      margin-left: 10px;
      font-size: 12px;
      margin-top: 4px; }
  .section-tab .broker-card {
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
    padding-left: 50px;
    padding-bottom: 20px; }
    .section-tab .broker-card .image-table {
      width: 42px;
      height: 100%;
      position: absolute;
      left: 0;
      top: -5px;
      line-height: 52px; }
      .section-tab .broker-card .image-table td {
        vertical-align: middle;
        text-align: center; }
        .section-tab .broker-card .image-table td img {
          width: auto;
          height: auto;
          max-width: 50px;
          max-height: 50px; }
    .section-tab .broker-card .image-table-relative {
      width: 50px;
      max-width: 50px;
      height: 100%;
      margin-left: -15px;
      position: relative;
      left: 0;
      top: -5px;
      line-height: 52px; }
      .section-tab .broker-card .image-table-relative td {
        vertical-align: middle;
        text-align: center; }
        .section-tab .broker-card .image-table-relative td img {
          width: 50px;
          height: 50px;
          max-width: 50px;
          max-height: 50px; }
    .section-tab .broker-card .details {
      width: 100%;
      display: table; }
      .section-tab .broker-card .details .inner {
        display: table-cell;
        vertical-align: baseline;
        line-height: 1.4; }
        .section-tab .broker-card .details .inner p {
          font-size: 14px;
          font-size: 1.4rem;
          margin: 0; }
        .section-tab .broker-card .details .inner h5 {
          font-size: 14px;
          font-size: 1.4rem;
          margin: 0;
          padding: 0; }
        .section-tab .broker-card .details .inner .title-blue {
          color: #00304D;
          font-weight: 400; }
        .section-tab .broker-card .details .inner .title-black {
          color: #000000;
          font-weight: 600; }
        .section-tab .broker-card .details .inner .black {
          color: #000000; }
        .section-tab .broker-card .details .inner .gray {
          opacity: .5; }
    .section-tab .broker-card .split-details {
      margin-left: 3px !important;
      margin-top: 10px; }
  .section-tab .show-inline {
    display: inline-flex; }
  @media only screen and (min-width: 1122px) and (max-width: 1157px) {
    .section-tab #stretch-left {
      padding-left: 15px; } }
  @media only screen and (min-width: 1158px) and (max-width: 1230px), screen and (min-width: 1281px) and (max-width: 1300px) {
    .section-tab #stretch-left {
      padding-left: 40px; } }
  @media only screen and (min-width: 1231px) and (max-width: 1280px) {
    .section-tab #stretch-left {
      padding-left: 30px; } }
  @media only screen and (min-width: 1301px) and (max-width: 1399px) {
    .section-tab #stretch-left {
      padding-left: 35px; } }
  @media only screen and (min-width: 1400px) and (max-width: 1450px) {
    .section-tab #stretch-left {
      padding-left: 20px; } }
  @media screen and (min-width: 1500px) and (max-width: 1599px) {
    .section-tab #stretch-left {
      margin-left: -25px; } }
  @media screen and (min-width: 1600px) and (max-width: 1649px) {
    .section-tab #stretch-left {
      margin-left: -5px; } }
  @media screen and (min-width: 1650px) and (max-width: 1779px) {
    .section-tab #stretch-left {
      margin-left: -10px; } }
  @media screen and (min-width: 1780px) {
    .section-tab #stretch-left {
      margin-left: -45px; } }
  .section-tab .offset-link {
    margin-left: 45px !important; }
  .section-tab #dual-row {
    margin-left: -50px; }
  .section-tab .row-notes {
    border-top: solid 1px rgba(151, 151, 151, 0.67); }
    .section-tab .row-notes .title {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 600;
      color: rgba(0, 0, 0, 0.5);
      margin-top: 14px;
      padding-bottom: 7px; }
    .section-tab .row-notes .notes {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.4;
      letter-spacing: 0.4px;
      color: rgba(83, 83, 83, 0.9);
      margin-bottom: 25px; }
  .section-tab .row-summary {
    border-top: solid 1px rgba(151, 151, 151, 0.67);
    padding: 15px; }
    .section-tab .row-summary .title-summary {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.8);
      margin-top: 10px; }
    .section-tab .row-summary .area-section {
      border-top: solid 1px rgba(151, 151, 151, 0.67);
      padding-top: 13px; }
    .section-tab .row-summary .property-result {
      padding-top: 5px;
      padding-bottom: 13px; }
      .section-tab .row-summary .property-result .results {
        display: table; }
        .section-tab .row-summary .property-result .results .col {
          display: table-cell;
          width: auto; }
          @media screen and (max-width: 1145px) {
            .section-tab .row-summary .property-result .results .col {
              width: 33.3%;
              margin-bottom: 5px; } }
          @media screen and (max-width: 599px) {
            .section-tab .row-summary .property-result .results .col {
              width: 50%;
              margin-bottom: 5px; } }
      .section-tab .row-summary .property-result .property {
        font-size: 13.3833334672px;
        font-size: 1.3383333467rem;
        font-weight: 300;
        margin: 0;
        color: #808080;
        padding: 0;
        white-space: nowrap;
        text-transform: capitalize; }
      .section-tab .row-summary .property-result .value-property {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0;
        color: #525252; }
      .section-tab .row-summary .property-result .transaction-results {
        border-left: 1px solid #d8d8d8;
        padding-top: 15px; }
        .section-tab .row-summary .property-result .transaction-results a {
          color: #00304D; }

.broker-card-comment {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  padding-left: 62px;
  text-transform: capitalize;
  min-height: 55px; }
  .broker-card-comment .image-table {
    width: 42px;
    height: 100%;
    position: absolute;
    left: 0;
    line-height: 52px; }
    .broker-card-comment .image-table td {
      vertical-align: middle;
      text-align: center; }
      .broker-card-comment .image-table td img {
        width: auto;
        height: auto;
        max-width: 47px;
        max-height: 47px; }
  .broker-card-comment .details {
    width: 100%;
    display: table;
    min-height: 55px; }
    .broker-card-comment .details .inner {
      display: table-cell;
      vertical-align: middle;
      line-height: 1.4; }
      .broker-card-comment .details .inner p {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0; }
      .broker-card-comment .details .inner h5 {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0;
        padding: 0; }
      .broker-card-comment .details .inner .title-blue {
        color: #00304D;
        font-weight: 400; }
      .broker-card-comment .details .inner .title-black {
        color: #000000;
        font-weight: 600; }
      .broker-card-comment .details .inner .black {
        color: #000000; }
      .broker-card-comment .details .inner .gray {
        opacity: .5; }

.transaction-row {
  padding-bottom: 14px;
  padding-top: 14px;
  margin-left: 0;
  margin-right: 0;
  border-top: solid 1px rgba(151, 151, 151, 0.67);
  min-height: 70.5px; }
  .transaction-row .transaction-col {
    padding-left: 0; }
  .transaction-row .label-value, .transaction-row .property-table .jpm-label-value, .property-table .transaction-row .jpm-label-value, .transaction-row .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .transaction-row p, .transaction-row .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .transaction-row p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #747474;
    font-weight: 400;
    margin: 0;
    padding: 0;
    white-space: pre-wrap; }
    @media only screen and (max-width: 1430px) {
      .transaction-row .label-value, .transaction-row .property-table .jpm-label-value, .property-table .transaction-row .jpm-label-value, .transaction-row .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .transaction-row p, .transaction-row .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .transaction-row p {
        height: 50px; } }
    @media only screen and (min-width: 1431px) {
      .transaction-row .label-value, .transaction-row .property-table .jpm-label-value, .property-table .transaction-row .jpm-label-value, .transaction-row .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .transaction-row p, .transaction-row .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .transaction-row p {
        height: 40px; } }
  .transaction-row .value {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.7); }
  .transaction-row .value-important {
    font-weight: bold !important;
    font-size: 18px;
    font-size: 1.8rem;
    color: rgba(0, 0, 0, 0.7);
    margin: 0; }
  .transaction-row .broker-email {
    overflow-wrap: break-word !important; }

.transaction-row-private {
  border-top: 0;
  margin-left: -15px;
  margin-right: -15px; }

.no-tool-wrap {
  line-height: 20px !important; }

.tool-wrap {
  line-height: 60px; }
  .tool-wrap .confidential {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    color: #FF9900; }
  .tool-wrap .button-tool {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: transparent;
    border-radius: 4px;
    border: solid 1px #8b8b8b !important;
    color: #767676;
    font-weight: 400;
    height: 32px;
    line-height: 27px;
    width: 110px;
    margin-left: 14px; }
    .tool-wrap .button-tool:hover {
      opacity: 0.7; }

.contact-notes {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.4px;
  color: rgba(83, 83, 83, 0.9); }

.summary-fields {
  margin-top: 10px; }
  .summary-fields .col {
    width: auto; }
  .summary-fields .property {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    margin: 0;
    color: #808080;
    padding: 0;
    white-space: nowrap;
    text-transform: capitalize; }
  .summary-fields .relevant-info {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #535353;
    /*&::first-letter {
      text-transform: capitalize;
    }*/ }

.external-label {
  padding: 0px 10px !important; }

.subtitle-summary {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 5px; }

.summary-section {
  margin: 0;
  padding-bottom: 20px; }
  .summary-section .summary-col, .summary-section .col {
    padding-left: 0; }

.summary-border {
  border-bottom: solid 1px rgba(151, 151, 151, 0.67);
  margin-top: 1px; }

.sub-title-summary label {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  margin-bottom: 11px; }

.subtitle-info {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8); }

.strong-blue {
  color: #00304D !important; }

.label-gray {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  margin: 0;
  color: #808080;
  padding: 0;
  text-transform: capitalize; }

.fieldSpace {
  margin-left: 25px; }

.relevant-info {
  font-size: 16px;
  font-size: 1.6rem;
  color: #535353;
  font-weight: 400;
  word-wrap: break-word;
  /*&::first-letter {
    text-transform: capitalize;
  }*/ }

.text-capitalize {
  text-transform: capitalize !important; }

.acordion-transactions .panel-default {
  border-radius: 0;
  border: 0; }
  .acordion-transactions .panel-default:not(:first-child) {
    margin-top: 10px !important; }
  .acordion-transactions .panel-default .panel-heading {
    height: 68px;
    background-color: rgba(233, 233, 233, 0.77);
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px #cfcfcf;
    border-top: solid 1px #cfcfcf; }
  .acordion-transactions .panel-default .panel-collapse {
    background-color: #ffffff;
    border: solid 1px #cfcfcf;
    border-top: 0; }
  .acordion-transactions .panel-default .panel-title {
    line-height: 45px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    color: #161616; }
    .acordion-transactions .panel-default .panel-title i {
      line-height: 45px; }

.broker-card {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  padding-left: 50px;
  padding-bottom: 10px;
  min-height: 55px; }
  .broker-card .image-table {
    width: 42px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 52px; }
    .broker-card .image-table td {
      vertical-align: middle;
      text-align: center; }
      .broker-card .image-table td img {
        width: auto;
        height: auto;
        max-width: 50px;
        max-height: 50px; }
  .broker-card .details {
    width: 100%;
    display: table; }
    .broker-card .details .inner {
      display: table-cell;
      vertical-align: baseline; }
      .broker-card .details .inner p {
        font-size: 14px;
        font-size: 1.4rem;
        margin: 0; }
      .broker-card .details .inner h5 {
        font-size: 14px;
        font-size: 1.4rem;
        padding-top: 4px;
        margin: 0; }
      .broker-card .details .inner .title-blue {
        color: #00304D;
        font-weight: 400; }
      .broker-card .details .inner .title-black {
        color: #000000;
        font-weight: 600; }
      .broker-card .details .inner .black {
        color: #000000; }
      .broker-card .details .inner .gray {
        opacity: .5; }

.comments-section .row-comment {
  margin-bottom: 30px; }
.comments-section .border-comment {
  border-right: solid 1px rgba(0, 0, 0, 0.5);
  min-height: 56px; }
.comments-section .comment {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #535353;
  word-break: break-word; }
.comments-section .add-comments {
  height: 64px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 2px #d8d8d8; }
  .comments-section .add-comments input {
    font-size: 16px;
    font-size: 1.6rem;
    height: 64px;
    padding-top: 0;
    padding-bottom: 0; }
  .comments-section .add-comments .input-group-addon {
    font-size: 16px;
    font-size: 1.6rem;
    cursor: pointer;
    font-weight: bold;
    color: #656d78;
    background: transparent;
    border: 0;
    border-left: solid 2px #d8d8d8; }

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.header-change-log {
  margin-top: 15px;
  margin-bottom: 30px; }
  .header-change-log .image-table td {
    text-align: left; }

.table-change-log .description-col {
  font-size: 14px;
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.5);
  padding: 0;
  padding-bottom: 13px; }
.table-change-log .change-log-titles {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: rgba(5, 5, 5, 0.7);
  padding-left: 0; }
.table-change-log .row-change-log {
  padding-bottom: 9px;
  padding-top: 9px; }
  .table-change-log .row-change-log:not(:last-child) {
    border-bottom: solid 1px rgba(151, 151, 151, 0.67); }
.table-change-log .row {
  margin-left: 0;
  margin-right: 0; }
.table-change-log .line-bottom {
  border-bottom: solid 1px #979797; }
.table-change-log .font-weight-light {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: rgba(83, 83, 83, 0.7);
  font-weight: 400; }

.about {
  font-size: 16px;
  font-size: 1.6rem;
  border-top: solid 1px #979797;
  line-height: 1.4;
  letter-spacing: 0.4px;
  color: rgba(83, 83, 83, 0.9);
  padding: 30px 15px; }
  .about label {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 600;
    color: #000000; }

.acordion .panel-heading {
  cursor: pointer; }

.panel-default .panel-heading .fa:not(.fa-lightbulb-o) {
  transform: rotate(90deg);
  transition: all 0.5s ease; }

.panel-default .panel-heading.collapsed .fa:not(.fa-lightbulb-o) {
  transform: rotate(0deg); }

.panel-default.panel-open .panel-heading .fa:not(.fa-lightbulb-o) {
  transform: rotate(180deg); }

.panel-group {
  margin-bottom: 10px;
  margin-top: 10px; }

.comps-text-header {
  padding: 15px 0 0 0; }

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

.pre-line {
  white-space: pre-line;
  word-break: break-word; }

.textarea-private-notes {
  height: 300px; }

.right-arrow {
  position: absolute;
  right: 0; }

.show-inline .tooltip {
  background-color: #f8e498 !important;
  color: black; }
.show-inline .tooltip-inner {
  background-color: unset;
  color: black; }
.show-inline .tooltip-arrow {
  border-right-color: #f8e498 !important;
  left: -4px !important; }
.show-inline .custom-tooltip-comp {
  color: black;
  width: 185px;
  min-height: 160px;
  text-align: left; }
  .show-inline .custom-tooltip-comp p {
    margin: 0 0 5px !important; }
.show-inline .trx-shared-with {
  padding-bottom: 5px; }

.rca-stretch-left {
  margin-left: -25px !important; }

.rca-trx-icon {
  font-size: 1.7em !important;
  width: 25px;
  height: 25px; }

@media screen and (max-width: 1393px) {
  .rca-trx-icon {
    font-size: 1.7em !important;
    width: 25px;
    height: 25px;
    margin-left: -10px !important; } }
.loan-metric-flex-row {
  display: flex;
  flex-flow: row nowrap; }
  .loan-metric-flex-row .loan-metric-col {
    align-self: flex-end; }

/**
 *  Transaction all styles
 */
.all-transactions {
  border: solid 1px #c8c8c8;
  padding: 30px; }
  .all-transactions .align-content {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end; }
    .all-transactions .align-content label {
      padding-right: 1em; }
  .all-transactions .less-margin {
    margin-top: 0;
    margin-bottom: 5px; }
  .all-transactions .line-bottom {
    border-bottom: 1px solid #999999; }
  .all-transactions .title-body {
    color: #999999;
    margin-bottom: 0 !important;
    font-size: 14px;
    font-size: 1.4rem; }
  .all-transactions .font-weight-light {
    font-weight: 400 !important; }
  .all-transactions .relevant-info {
    font-weight: 600;
    color: #525252 !important;
    font-size: 13.3833334672px;
    font-size: 1.3383333467rem; }
  .all-transactions .black {
    color: #000000 !important; }
  .all-transactions .gray {
    color: #525252 !important; }
  .all-transactions .load-more {
    font-size: 13.3833334672px;
    font-size: 1.3383333467rem;
    background-color: transparent;
    border-radius: 4px;
    border: solid 1px #979797 !important;
    color: #8b8b8b;
    font-size: 18px;
    font-weight: 400;
    height: 60px;
    width: 100%; }
    .all-transactions .load-more:hover {
      opacity: 0.7; }
  .all-transactions .checkbox-area {
    margin-bottom: 14px; }
    .all-transactions .checkbox-area .control {
      font-weight: 400; }
  .all-transactions .sort-by {
    margin-right: -15px; }
    .all-transactions .sort-by label {
      font-weight: 400;
      margin-right: 10px; }
    .all-transactions .sort-by .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
      width: 131px; }
  .all-transactions .export-report-width {
    width: 100px !important; }

.table-result .trx-id {
  color: #00304D; }
.table-result .trans-id {
  max-width: 120px;
  padding-right: 20px !important; }
.table-result .trx-type {
  min-width: 200px !important; }
.table-result .trans-type {
  min-width: 85px !important;
  max-width: 170px !important;
  padding-left: 20px !important;
  padding-right: 20px !important; }
.table-result .trx-date {
  max-width: 120px;
  min-width: 60px;
  padding-left: 20px !important;
  padding-right: 20px !important; }
.table-result .trx-buyer {
  max-width: 320px !important;
  min-width: 150px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.table-result .trx-field {
  max-width: 120px;
  padding-left: 20px !important;
  padding-right: 20px !important;
  overflow: hidden; }
.table-result thead {
  border-bottom: solid 1px #979797;
  border-top: solid 1px #979797;
  padding: 11px 0; }
.table-result tbody tr {
  border: solid 2px #fff !important;
  /*&:hover{
    background-color: #f9f9f9;
    border: solid 2px $mango-blue !important;
  }*/ }
  .table-result tbody tr:not(:last-child) {
    border-bottom: 2px solid #ddd !important; }
.table-result td:last-child {
  width: 45px;
  min-width: 45px !important; }
  .table-result td:last-child input {
    width: 45px; }
.table-result th:last-child {
  width: 45px !important;
  min-width: 45px !important; }
.table-result tr {
  display: flex;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box; }
  .table-result tr th {
    font-size: 14px;
    font-size: 1.4rem;
    color: #747474;
    border-bottom: 0 !important;
    font-weight: 400 !important;
    min-width: 150px;
    width: 100%; }
.table-result td {
  font-size: 16px;
  font-size: 1.6rem;
  white-space: nowrap !important;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border: 0 !important;
  color: #535353;
  margin-bottom: 0 !important;
  font-weight: 400 !important;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  min-width: 150px;
  width: 100%;
  text-transform: capitalize; }
  .table-result td:first-child:hover {
    cursor: pointer;
    color: #00304D;
    font-weight: 400; }
  .table-result td a {
    font-size: 16px;
    font-size: 1.6rem;
    color: #535353;
    font-weight: 400;
    text-transform: capitalize; }
    .table-result td a .black {
      color: #000000 !important; }
    .table-result td a:hover {
      color: #00304D;
      opacity: 1;
      text-decoration: underline; }

.no-transactions {
  text-align: center;
  padding-top: 137px;
  width: 100%;
  height: 446px;
  background-color: #ffffff;
  border: solid 1px #d8d8d8;
  box-sizing: border-box; }
  .no-transactions p {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0.8px;
    color: #3e3e3e;
    margin-bottom: 20px;
    font-weight: 400; }

.table--transactions tr th, .table--transactions tr td {
  font-weight: 600 !important; }

.wp-create-btn {
  padding-left: 10px; }

.checkbox-filter {
  display: inline-block;
  width: auto; }

.expanded-height {
  height: 50px !important; }

.rotated {
  transform: rotate(90deg);
  transition: all 0.5s ease; }

.btn-absolute {
  position: absolute;
  right: 50px; }

.new-btn-absolute {
  position: absolute;
  right: -60px; }

.smooth {
  transition: all 0.5s ease; }

.trx-margin-top-25 {
  margin-top: 25px; }

.trx-margin-right-20 {
  margin-right: 20px; }

.comp-like td {
  font-size: 14px !important;
  margin-top: 5px;
  margin-bottom: 5px !important;
  padding: 0px 10px !important;
  height: 20px !important; }

@media (max-width: 599px) {
  .all-transactions .label-checkbox {
    padding-right: 10px;
    padding-left: 10px;
    display: inline-flex;
    align-items: flex-start;
    width: 200px;
    height: 45px;
    margin-left: 0; }
    .all-transactions .label-checkbox input {
      width: 100% !important; } }
.content-text-td {
  font-size: 16px;
  font-size: 1.6rem;
  border: 0 !important;
  color: #535353;
  font-weight: 400 !important;
  width: 100%;
  min-width: 100%;
  text-transform: capitalize; }

.trx-custom .trx-create-by {
  min-width: 200px;
  max-width: 200px; }

/**
 *  Property Comps tab
 */
.property-comps {
  background-color: #FFF;
  border: solid 1px #d8d8d8;
  padding: 20px 0px;
  position: relative;
  /*.width-extra{
    margin-left: 0 !important;
  }*/
  /* custom style for comps-tab table */ }
  .property-comps .print-btn {
    height: 32px !important;
    min-width: 85px !important;
    font-size: 1.4rem;
    margin-left: 12px; }
    @media screen and (max-width: 1450px) {
      .property-comps .print-btn {
        margin-left: 0 !important; } }
  .property-comps .cancel-btn, .property-comps .managing-bid-field .view-edit-bid-field .edit-btn, .managing-bid-field .view-edit-bid-field .property-comps .edit-btn {
    font-size: 1.5rem;
    background-color: transparent;
    border-radius: 4px;
    border: solid 1px #8b8b8b !important;
    color: #767676;
    font-weight: 400;
    float: left;
    padding: 5px 10px;
    height: 32px !important; }
    .property-comps .cancel-btn:hover, .property-comps .managing-bid-field .view-edit-bid-field .edit-btn:hover, .managing-bid-field .view-edit-bid-field .property-comps .edit-btn:hover {
      opacity: 0.6; }
  .property-comps .checkbox-area {
    margin-bottom: 10px; }
    .property-comps .checkbox-area span {
      margin-right: 7px; }
    .property-comps .checkbox-area label {
      padding-right: 5px;
      /*padding-left: 20px;*/ }
      @media screen and (max-width: 1390px) {
        .property-comps .checkbox-area label {
          padding-right: 5px; } }
    @media screen and (min-width: 1450px) {
      .property-comps .checkbox-area label.internals {
        padding-right: 20px;
        padding-left: 20px; } }
    .property-comps .checkbox-area label.checkbox-label {
      padding-left: 20px;
      margin-bottom: 5px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 200px; }
      @media screen and (max-width: 1450px) {
        .property-comps .checkbox-area label.checkbox-label {
          max-width: 100px; } }
      @media screen and (max-width: 1310px) {
        .property-comps .checkbox-area label.checkbox-label {
          max-width: 80px; } }
    .property-comps .checkbox-area .comps-options {
      display: inline-flex;
      align-items: flex-end;
      justify-content: flex-end;
      padding-right: 15px; }
    .property-comps .checkbox-area .company-data-pool-flex {
      display: inline-flex;
      align-items: flex-end;
      padding-left: 0px;
      flex-grow: 2; }
    .property-comps .checkbox-area .wrap-flex {
      display: inline-flex;
      align-items: flex-end; }
    .property-comps .checkbox-area .expand {
      display: inline-flex;
      align-items: baseline;
      flex: 1; }
    .property-comps .checkbox-area .dropdown-menu {
      /*right: 15px !important;*/
      left: initial; }
    .property-comps .checkbox-area .dropdown-menu > li > a {
      font-size: 12px; }
    .property-comps .checkbox-area .caret {
      position: absolute; }
    .property-comps .checkbox-area .dropdown-toggle {
      line-height: 10px;
      text-transform: uppercase;
      /* line-height: 20px; */
      padding-top: 10px; }
    @media screen and (max-width: 1290px) {
      .property-comps .checkbox-area .label-v-comp {
        padding-left: 0 !important; }
      .property-comps .checkbox-area .checkbox-filter:last-child {
        padding-right: 0 !important; } }
    @media screen and (max-width: 1100px) {
      .property-comps .checkbox-area .wrap-flex {
        display: inline-block;
        width: 100%; }
        .property-comps .checkbox-area .wrap-flex .divider-line {
          display: none; }
      .property-comps .checkbox-area .menu-options-add {
        margin-left: 0 !important; }
      .property-comps .checkbox-area .company-data-pool-flex {
        display: inline-block;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px; }
      .property-comps .checkbox-area .comps-options .divider-line {
        display: none; } }
    .property-comps .checkbox-area .dropdown-comp-type-and-age {
      font-size: 16px;
      font-size: 1.6rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      border-radius: 4px;
      color: #434343;
      font-weight: 400;
      height: 32px !important;
      padding-right: 5px;
      text-align: left;
      width: 100%;
      min-width: 200px;
      text-transform: inherit; }
      @media screen and (max-width: 1390px) {
        .property-comps .checkbox-area .dropdown-comp-type-and-age {
          min-width: 180px !important; } }
      @media screen and (max-width: 1299px) {
        .property-comps .checkbox-area .dropdown-comp-type-and-age {
          min-width: 160px !important; } }
      .property-comps .checkbox-area .dropdown-comp-type-and-age > .dropdown-toggle {
        height: 32px !important; }
      .property-comps .checkbox-area .dropdown-comp-type-and-age .dropdown-menu > li > a {
        font-size: 16px;
        font-size: 1.6rem; }
      .property-comps .checkbox-area .dropdown-comp-type-and-age span {
        margin-right: 0;
        height: 20px; }
  .property-comps .print-select {
    background-color: #ffffff;
    border: solid 1px #cccccc;
    border-radius: 4px;
    color: #535353;
    font-weight: 400;
    height: 39px;
    outline: none !important; }
    .property-comps .print-select:active, .property-comps .print-select:focus {
      border: solid 2px #00304D !important; }
    .property-comps .print-select .dropdown-menu {
      z-index: 1000 !important; }
  .property-comps .delete-comp {
    position: absolute;
    top: 8px;
    right: 8px;
    margin-left: 4px;
    color: #00304D; }
  .property-comps input[type="checkbox"] {
    width: 15px;
    background-color: #00304D;
    border-radius: 0px;
    margin-right: 6px; }
  .property-comps table {
    width: 100%;
    margin-bottom: 0px;
    overflow-x: scroll; }
    .property-comps table th {
      font-size: 12px;
      color: #747474;
      font-weight: normal;
      white-space: nowrap !important; }
      .property-comps table th:first-child {
        padding-left: 20px; }
      .property-comps table th:last-child {
        width: 45px; }
    .property-comps table td {
      font-size: 14px;
      font-weight: 600;
      color: #535353;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .property-comps table td:last-child {
        width: 45px; }
        .property-comps table td:last-child input[type="checkbox"] {
          right: 27px;
          margin-right: 0px !important;
          margin-left: 4px;
          position: absolute; }
    .property-comps table .trx-id {
      padding-left: 20px;
      color: #00304D;
      font-weight: normal; }
    .property-comps table .width-hack span {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 220px;
      display: block; }
    .property-comps table trans-id {
      max-width: 120px;
      padding-right: 20px !important; }
    .property-comps table .trx-type {
      min-width: 200px !important;
      max-width: 250px;
      padding-left: 20px !important;
      padding-right: 20px !important; }
    .property-comps table .trx-date {
      max-width: 150px;
      padding-left: 20px !important;
      padding-right: 20px !important; }
    .property-comps table .trx-buyer {
      max-width: 320px !important;
      min-width: 150px !important;
      padding-left: 20px !important;
      padding-right: 20px !important; }
    .property-comps table .trx-field {
      max-width: 120px;
      padding-left: 20px !important;
      padding-right: 20px !important; }
    .property-comps table .t-id {
      width: 11% !important; }
    .property-comps table .t-date {
      width: 10% !important; }
    .property-comps table .t-type {
      width: 13% !important; }
    .property-comps table .t-tenant {
      width: 21% !important; }
    .property-comps table .t-area {
      width: 8% !important; }
    .property-comps table .t-rate {
      width: 8% !important; }
    .property-comps table .t-cap {
      width: 8% !important; }
    .property-comps table .t-created {
      width: 9% !important; }
    .property-comps table .t-priceUnit {
      width: 9% !important; }
  .property-comps .border-table-val {
    border: 1px solid #ddd !important;
    overflow-x: hidden !important; }
    .property-comps .border-table-val thead {
      border-bottom: 1px solid #ddd !important; }
      @supports (-ms-ime-align: auto) {
        .property-comps .border-table-val thead th {
          padding-left: 0 !important; }
        .property-comps .border-table-val thead th:first-child {
          padding-left: 20px !important; }
        .property-comps .border-table-val thead th:nth-child(2) {
          padding-left: 3px !important; }
        .property-comps .border-table-val thead th:last-child {
          margin-left: -3px !important; } }
    .property-comps .border-table-val tbody tr:not(:last-child) {
      border-bottom: 1px solid #ddd !important; }
    .property-comps .border-table-val tbody tr td {
      border-top: none !important; }
    .property-comps .border-table-val td:first-child {
      padding-left: 20px; }
  .property-comps .property {
    border: solid 1px #cecece;
    margin-bottom: 5px; }
  .property-comps .card-comp {
    margin-bottom: 0 !important; }
  .property-comps .margin-0-15 {
    margin: 0 15px; }
  .property-comps .company-data-pool {
    display: flex;
    align-items: center; }
    .property-comps .company-data-pool .label-info-top-text {
      font-weight: 600; }
  @media screen and (max-width: 1100px) {
    .property-comps .company-data-pool {
      display: inline-block; } }
  .property-comps .divider-line {
    font-size: 25px;
    font-weight: lighter;
    margin: 0 !important; }
  .property-comps .divider-line.space {
    margin-right: 30px !important; }
    @media screen and (max-width: 1450px) {
      .property-comps .divider-line.space {
        margin-right: 5px !important; } }
    @media screen and (max-width: 1310px) {
      .property-comps .divider-line.space {
        margin-right: 0 !important; } }
  .property-comps .multi-dropdown {
    text-align: left; }
    .property-comps .multi-dropdown .multiselect-parent {
      height: 32px;
      width: 100%; }
      .property-comps .multi-dropdown .multiselect-parent button {
        font-size: 16px;
        font-size: 1.6rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border: solid 1px #cccccc !important;
        border-radius: 4px;
        color: #434343;
        font-weight: 400;
        height: 32px !important;
        padding-right: 22px;
        text-align: left;
        width: 100% !important;
        min-width: 200px;
        text-transform: inherit; }
        @media screen and (max-width: 1390px) {
          .property-comps .multi-dropdown .multiselect-parent button {
            min-width: 180px !important; } }
        @media screen and (max-width: 1299px) {
          .property-comps .multi-dropdown .multiselect-parent button {
            min-width: 160px !important; } }
        .property-comps .multi-dropdown .multiselect-parent button:hover {
          background-color: #ffffff; }
        .property-comps .multi-dropdown .multiselect-parent button span {
          font-size: 16px;
          font-size: 1.6rem;
          float: right;
          margin-top: 10px;
          right: 15px !important; }
        .property-comps .multi-dropdown .multiselect-parent button:focus, .property-comps .multi-dropdown .multiselect-parent button:active {
          border: solid 2px #00304D !important; }
      .property-comps .multi-dropdown .multiselect-parent ul {
        margin-top: 0;
        min-width: 100%;
        height: auto !important;
        max-height: 700px; }
        .property-comps .multi-dropdown .multiselect-parent ul:hover {
          background-color: #ffffff; }
        .property-comps .multi-dropdown .multiselect-parent ul a {
          font-size: 16px;
          font-size: 1.6rem;
          color: #434343;
          font-weight: 400; }
  .property-comps .default-option {
    color: #333 !important; }
  .property-comps .private-table .t-70 {
    width: 100% !important; }
  .property-comps .private-table .t-30 {
    text-align: right;
    width: 30% !important; }
  .property-comps .private-table .tbody-valuation tr td {
    border: none; }
  .property-comps .private-table .tbody-valuation tr:first-child {
    border-top: 1px solid #ddd; }
  .property-comps .private-table .tbody-valuation {
    min-height: 45px; }
  .property-comps .private-table label {
    display: block; }
  .property-comps .private-table .textarea-wp {
    width: 100%;
    height: auto !important; }
  .property-comps .private-table .t-75 {
    width: 75% !important; }
  .property-comps .private-table .t-20px i.class-open {
    transform: rotate(90deg); }
  .property-comps .private-table .t-20px i {
    transform: rotate(0deg);
    transition: 1s; }
  .property-comps .private-table .gray-bg {
    background-color: rgba(233, 233, 233, 0.77); }
  .property-comps .private-table .text-readonly {
    min-width: 100%;
    border: none; }
  .property-comps .private-table .subtitle-info {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%; }
  .property-comps .private-table .t-calc91 {
    width: calc(91% - 220px) !important; }
  .property-comps .private-table .t-20px {
    margin-top: 5px;
    width: 20px !important; }
  .property-comps .private-table .t-300px {
    width: 300px !important; }
  .property-comps .private-table div.lower-first:first-letter {
    text-transform: inherit !important; }
  .property-comps .private-table .tool-wrap .button-tool {
    width: 80px !important; }
  .property-comps .private-table .bootstrap-select.btn-group .dropdown-menu li a {
    text-transform: capitalize; }
  .property-comps .table-valuation.private-table .tbody-valuation, .property-comps .occupancy-section .table-container .private-table {
    max-height: none !important;
    overflow-x: hidden;
    margin-bottom: 10px; }
  .property-comps .occupancy-section .table-container .private-table tbody td {
    overflow-x: initial; }
  .property-comps .comps-tab-table .comps-label, .property-comps .comps-tab-table .comps-data {
    width: 250px;
    min-width: 120px; }
  .property-comps .comps-tab-table table td {
    max-width: 0; }
  .property-comps .comps-tab-table .trx-id {
    color: #00304D;
    font-weight: normal;
    padding-left: 16px; }
  .property-comps .comps-tab-table .span-padding, .property-comps .comps-tab-table .trx-data {
    padding: 0 0 0 20px; }
  .property-comps .comps-tab-table .preferred-comp {
    min-width: 30px;
    max-width: 30px; }
  .property-comps .trx-comp-label {
    font-size: 1.8rem;
    font-weight: 400; }
  .property-comps .trx-comp-private {
    color: #FF9900; }
  .property-comps .trx-comp-private-header {
    margin-left: 1px;
    margin-bottom: 15px; }

.button-tool {
  font-size: 1.5rem;
  background-color: transparent;
  border-radius: 4px;
  border: solid 1px #8b8b8b !important;
  color: #767676;
  font-weight: 400;
  height: 32px;
  line-height: 15px;
  width: 150px;
  margin-left: 14px; }
  .button-tool:hover {
    opacity: 0.7; }
  @media screen and (max-width: 1300px) {
    .button-tool {
      margin-left: 5px; } }

.button-tool.width-extra {
  width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.subject-card {
  background-color: rgba(0, 48, 77, 0.3) !important;
  border-bottom: solid 2px #00304D !important;
  margin-bottom: 0px; }
  .subject-card .image-info-col {
    margin-left: 16px !important; }

.shared-mark {
  background-color: #eaeaea !important;
  border-bottom: solid 2px grey;
  margin-bottom: 0px; }
  .shared-mark.checkedRow {
    border-bottom-color: #00304D; }

.select-hover:hover {
  cursor: pointer;
  opacity: 0.6; }

.card {
  background-color: #f8f8f8;
  border-bottom: solid 2px #cfcfcf; }
  .card .property-info {
    width: 50%;
    float: left; }
    .card .property-info .txt {
      border-right: 1px #979797 solid;
      margin-top: 9px; }
    .card .property-info .title {
      color: #212121;
      font-size: 16px;
      font-weight: bold; }
    .card .property-info .subtitle, .card .property-info .chat-view .subtitle-companies, .chat-view .card .property-info .subtitle-companies {
      font-size: 14px;
      color: #181818; }
    .card .property-info .subt {
      color: #181818;
      font-size: 12px;
      opacity: 0.6; }
  .card .data {
    width: 50%;
    float: left;
    padding-left: 20px;
    margin-top: 18px; }
    .card .data span {
      font-size: 12px;
      color: #747474;
      margin-bottom: 3px;
      display: block;
      clear: both; }
    .card .data b {
      font-size: 14px;
      font-weight: 600;
      color: #535353; }
  .card .data-col {
    width: 18%;
    margin-right: 1.2%;
    float: left; }
  .card .check-col {
    width: 10%;
    margin-right: 2%;
    float: left; }
    .card .check-col:last-child {
      margin-right: 0%; }

.padding-right-15 {
  padding-right: 15px !important; }

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

.company-select {
  width: 100%;
  margin-right: 15px; }

.expand-collapse-border {
  height: 20px;
  border-right: 1px solid; }

.comps-btn-link {
  font-family: inherit;
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: capitalize;
  text-align: left;
  color: #767676;
  background: transparent;
  margin: -7px 0 0 0;
  padding: 5px;
  border: none;
  cursor: pointer; }

.comps-search-btn {
  float: right;
  margin-right: 15px; }

.comps-search-new {
  height: 32px !important;
  width: 160px !important;
  min-width: 160px !important;
  font-size: 14px !important;
  line-height: 15px !important; }

.comp-dropdown-width {
  width: 65% !important; }

.comp-data-left {
  margin-left: 100px; }

.comp-btn-space {
  margin-right: 15px; }

.btn-group-comps {
  text-align: -webkit-right;
  float: right;
  top: 22px;
  right: 0;
  left: 15px; }
  .btn-group-comps .button-tool {
    font-size: 14px !important; }

.btn-main-comps {
  display: flex;
  margin-right: unset;
  margin-left: unset;
  width: 100%; }

.company-data-pool .bootstrap-select > select {
  bottom: unset !important;
  left: unset !important; }
.company-data-pool .bootstrap-select > .dropdown-toggle:hover {
  border: 2px solid #00304D !important; }
.company-data-pool .dropdown:hover {
  border: none !important; }
.company-data-pool .dropdown {
  border: none !important; }
.company-data-pool .divider-pref-line {
  font-size: 25px;
  font-weight: lighter;
  margin-right: 20px; }
.company-data-pool .property-comps .checkbox-area label.internals {
  padding-right: 0 !important; }
.company-data-pool .form-control:focus {
  color: white;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }
.company-data-pool .label-comp-left {
  margin-left: 80px; }
.company-data-pool .filter-option-inner-inner {
  font-size: .9em; }
.company-data-pool .comp-label-align {
  margin-left: 40px; }
.company-data-pool .input-comp-spacing {
  padding-right: 20px !important; }

.pref-comps-icon {
  font-size: 22px;
  color: green; }

.property-comps .comps-tab-table table td {
  max-width: 50px; }

.t-30px {
  margin-top: 5px;
  width: 30px !important; }

.t-30px i.class-open {
  transform: rotate(90deg); }

.t-30px i {
  transform: rotate(0deg);
  transition: 1s; }

.t-float-right {
  float: right; }

.t-float-align {
  float: right;
  text-align: right; }

@media screen and (max-width: 1450px) {
  .comp-pref-buttons {
    margin-right: 10px; } }
@media screen and (max-width: 1260px) {
  .comps-expand-collapse {
    width: 120px !important;
    font-size: 1.2rem; } }
.t-100 {
  width: 100% !important; }

.building-info {
  margin: 20px 0;
  background-color: #eee; }

hr {
  border-top: 1px solid #979797;
  margin: 0; }

.cliker {
  cursor: pointer; }

.radio-buttons {
  /* Hover and focus states */
  /* Hover state whilst checked */
  /* Disabled state */
  /* Check mark */
  /* Show check mark */
  /* Radio button inner circle */
  /* Disabled circle colour */ }
  .radio-buttons .control-group {
    display: inline-block;
    width: 90px;
    text-align: left;
    vertical-align: top;
    background: #fff; }
  .radio-buttons .control {
    font-size: 14px;
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 20px;
    cursor: pointer;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #555555; }
  .radio-buttons .control input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
  .radio-buttons .control__indicator {
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #979797; }
  .radio-buttons .control--radio .control__indicator {
    border-radius: 50%; }
  .radio-buttons .control:hover input ~ .control__indicator,
  .radio-buttons .control input:focus ~ .control__indicator {
    background: #ccc;
    border: 1px solid #979797; }
  .radio-buttons .control:hover input:not([disabled]):checked ~ .control__indicator,
  .radio-buttons .control input:checked:focus ~ .control__indicator {
    background: #fff;
    border: 1px solid #979797; }
  .radio-buttons .control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6; }
  .radio-buttons .control__indicator:after {
    position: absolute;
    display: none;
    content: ''; }
  .radio-buttons .control input:checked ~ .control__indicator:after {
    display: block; }
  .radio-buttons .control--radio .control__indicator:after {
    top: 1px;
    left: 1px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #00304D; }

.text-right .btn-cancel-lease {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: #000000;
  background-color: transparent; }

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

.multi-transaction .multi-dropdown {
  text-align: left; }
  .multi-transaction .multi-dropdown .multiselect-parent {
    height: 39px;
    width: 100%; }
    .multi-transaction .multi-dropdown .multiselect-parent button {
      font-size: 16px;
      font-size: 1.6rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      color: #434343;
      font-weight: 400;
      height: 39px !important;
      padding-right: 22px;
      text-align: left;
      width: 100% !important;
      text-transform: capitalize; }
      .multi-transaction .multi-dropdown .multiselect-parent button:hover {
        background-color: #ffffff; }
      .multi-transaction .multi-dropdown .multiselect-parent button span {
        font-size: 16px;
        font-size: 1.6rem;
        float: right;
        margin-top: 3px; }
      .multi-transaction .multi-dropdown .multiselect-parent button:focus, .multi-transaction .multi-dropdown .multiselect-parent button:active {
        border: solid 2px #00304D !important; }
    .multi-transaction .multi-dropdown .multiselect-parent ul {
      overflow: auto !important;
      margin-top: 0;
      min-width: 100%;
      height: auto !important;
      max-height: 700px; }
      .multi-transaction .multi-dropdown .multiselect-parent ul:hover {
        background-color: #ffffff; }
      .multi-transaction .multi-dropdown .multiselect-parent ul a {
        font-size: 16px;
        font-size: 1.6rem;
        color: #434343;
        font-weight: 400; }

/**
 *  Create Sale Transaction styles
 */
.create-form {
  background-color: #fff;
  border: solid 1px #c9c9c9;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 20px; }
  .create-form .radio-buttons .control-group {
    padding: 0; }
  .create-form .form-section:not(:last-child) {
    border-bottom: solid 1px #cfcfcf;
    margin-bottom: 30px;
    padding-bottom: 30px; }
  .create-form .form-section .label-value, .create-form .form-section .property-table .jpm-label-value, .property-table .create-form .form-section .jpm-label-value, .create-form .form-section .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .create-form .form-section p, .create-form .form-section .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .create-form .form-section p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #747474;
    margin-bottom: 11px;
    text-transform: capitalize;
    width: 100%; }
    .create-form .form-section .label-value span, .create-form .form-section .property-table .jpm-label-value span, .property-table .create-form .form-section .jpm-label-value span, .create-form .form-section .appraisal-bid-modal .selected-vendor-user p span, .appraisal-bid-modal .selected-vendor-user .create-form .form-section p span, .create-form .form-section .schedules-section-modal .selected-vendor-user p span, .schedules-section-modal .selected-vendor-user .create-form .form-section p span {
      text-transform: lowercase; }
  .create-form .form-section .market-labels {
    font-weight: bold; }
  .create-form .form-section .sub-labels {
    margin-top: 7px; }
  .create-form .form-section .select-range {
    display: inline-block;
    position: relative;
    width: 100%; }
    .create-form .form-section .select-range .addon {
      background-color: transparent;
      border: 0;
      bottom: 0;
      color: #bbbbbb;
      cursor: pointer;
      font-size: 20px;
      position: absolute;
      right: 5%;
      top: 20%; }
      .create-form .form-section .select-range .addon:hover {
        opacity: 0.7; }
    .create-form .form-section .select-range .up {
      color: #2a2a2a;
      cursor: pointer;
      position: absolute;
      right: 7px;
      top: 5px; }
      .create-form .form-section .select-range .up:hover {
        opacity: 0.7; }
    .create-form .form-section .select-range .down {
      bottom: 5px;
      color: #2a2a2a;
      cursor: pointer;
      position: absolute;
      right: 7px; }
      .create-form .form-section .select-range .down:hover {
        opacity: 0.7; }
  .create-form .form-section .ranges {
    margin-bottom: 5px; }
    .create-form .form-section .ranges .label-value, .create-form .form-section .ranges .property-table .jpm-label-value, .property-table .create-form .form-section .ranges .jpm-label-value, .create-form .form-section .ranges .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .create-form .form-section .ranges p, .create-form .form-section .ranges .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .create-form .form-section .ranges p {
      width: 17%; }
      .create-form .form-section .ranges .label-value.label-anual, .create-form .form-section .ranges .property-table .label-anual.jpm-label-value, .property-table .create-form .form-section .ranges .label-anual.jpm-label-value, .create-form .form-section .ranges .appraisal-bid-modal .selected-vendor-user p.label-anual, .appraisal-bid-modal .selected-vendor-user .create-form .form-section .ranges p.label-anual, .create-form .form-section .ranges .schedules-section-modal .selected-vendor-user p.label-anual, .schedules-section-modal .selected-vendor-user .create-form .form-section .ranges p.label-anual {
        width: 23%; }
      .create-form .form-section .ranges .label-value.label-anual-rate, .create-form .form-section .ranges .property-table .label-anual-rate.jpm-label-value, .property-table .create-form .form-section .ranges .label-anual-rate.jpm-label-value, .create-form .form-section .ranges .appraisal-bid-modal .selected-vendor-user p.label-anual-rate, .appraisal-bid-modal .selected-vendor-user .create-form .form-section .ranges p.label-anual-rate, .create-form .form-section .ranges .schedules-section-modal .selected-vendor-user p.label-anual-rate, .schedules-section-modal .selected-vendor-user .create-form .form-section .ranges p.label-anual-rate {
        width: 37%; }
      .create-form .form-section .ranges .label-value.label-mid-term, .create-form .form-section .ranges .property-table .label-mid-term.jpm-label-value, .property-table .create-form .form-section .ranges .label-mid-term.jpm-label-value, .create-form .form-section .ranges .appraisal-bid-modal .selected-vendor-user p.label-mid-term, .appraisal-bid-modal .selected-vendor-user .create-form .form-section .ranges p.label-mid-term, .create-form .form-section .ranges .schedules-section-modal .selected-vendor-user p.label-mid-term, .schedules-section-modal .selected-vendor-user .create-form .form-section .ranges p.label-mid-term {
        width: 40%; }
    .create-form .form-section .ranges .select-range {
      width: 40%; }
      .create-form .form-section .ranges .select-range .select-input.error {
        border-color: red; }
    .create-form .form-section .ranges .escalation-fields {
      width: 100%; }
  .create-form .form-section .label-align {
    padding-left: 0px; }
  .create-form .form-section .margin-bottom-50 {
    margin-bottom: 50px; }
  .create-form .form-section .select-input {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    border-radius: 4px;
    color: #535353;
    font-weight: 400;
    height: 39px;
    width: 100%;
    padding: 8px 15px; }
    .create-form .form-section .select-input:focus {
      border: solid 2px #00304D !important; }
    .create-form .form-section .select-input::-webkit-input-placeholder {
      font-weight: 400;
      color: #ccc !important; }
    .create-form .form-section .select-input:-moz-placeholder {
      /* Firefox 18- */
      font-weight: 400;
      color: #ccc !important; }
    .create-form .form-section .select-input::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 400;
      color: #ccc !important; }
    .create-form .form-section .select-input:-ms-input-placeholder {
      font-weight: 400;
      color: #ccc !important; }
  .create-form .form-section .maxLengthError {
    margin-top: 5px;
    color: red;
    font-weight: 500;
    font-size: 13px; }
  .create-form .form-section .textarea-tenant {
    margin-top: 48px; }
  .create-form .form-section .textarea-escalations {
    margin-top: 79px; }
  .create-form .form-section .concession-label {
    margin-bottom: 41px; }
  .create-form .form-section .leaseTerm-align {
    margin-top: -49px; }
  .create-form .form-section .textarea-wp {
    height: 124.8px; }
    .create-form .form-section .textarea-wp .textarea.ng-invalid-maxlength, .create-form .form-section .textarea-wp .ng-invalid-maxlength.textarea-rfp {
      border: solid 1px red !important; }
    .create-form .form-section .textarea-wp .ng-invalid-maxlength:focus {
      border: solid 1px red !important; }
    .create-form .form-section .textarea-wp .textarea, .create-form .form-section .textarea-wp .textarea-rfp {
      font-size: 16px;
      font-size: 1.6rem;
      background-color: #ffffff;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      color: #535353;
      font-weight: 400;
      width: 100%;
      padding: 10px;
      height: 100%; }
      .create-form .form-section .textarea-wp .textarea:focus, .create-form .form-section .textarea-wp .textarea-rfp:focus {
        border: solid 2px #00304D !important; }
    .create-form .form-section .textarea-wp .textarea.input-required, .create-form .form-section .textarea-wp .input-required.textarea-rfp {
      border: solid 2px #EA2626 !important; }
  .create-form .confidential {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 20px; }
    .create-form .confidential i {
      color: #FF9900; }
  .create-form .external-ref {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #555555;
    margin-bottom: 15px;
    margin-top: 15px; }
  .create-form .secondary-options {
    float: left;
    width: 100%;
    margin-bottom: 30px; }
    .create-form .secondary-options.add-properties {
      float: none;
      margin-bottom: 0px; }
    .create-form .secondary-options .newflag {
      font-size: 16px;
      font-weight: 600;
      color: #00304D;
      text-transform: uppercase;
      background-color: transparent; }
    .create-form .secondary-options .newref {
      font-size: 16px;
      font-weight: 600;
      color: #00304D;
      text-transform: uppercase;
      background-color: transparent; }
    .create-form .secondary-options .save {
      font-size: 16px;
      font-weight: 400;
      color: #545454;
      float: right;
      background-color: transparent; }
      .create-form .secondary-options .save i {
        margin-right: 7px; }
  .create-form #flags {
    margin-bottom: 50px; }
  .create-form .flag-alert {
    margin-left: 20px;
    color: #FF9900; }
  .create-form .flags-section .row {
    border-bottom: 1px rgba(151, 151, 151, 0.44) solid;
    padding-bottom: 20px; }
  .create-form .flags-section .reference-row {
    margin-top: 30px; }
  .create-form .div-label-unit {
    display: inline-flex;
    align-items: baseline;
    justify-content: space-between;
    width: 140px; }
  .create-form .unit-mix-a {
    font-size: 14px;
    font-size: 1.4rem; }
  .create-form .t-fix {
    max-width: 150px;
    min-width: 100px; }
  .create-form table.portfolio-allocations th {
    font-size: 12px;
    font-size: 1.2rem; }
  .create-form table.portfolio-allocations td {
    vertical-align: middle;
    font-size: 14px;
    font-size: 1.4rem; }
  .create-form table.portfolio-allocations td input.select-input {
    vertical-align: middle;
    font-size: 14px;
    font-size: 1.4rem; }
  .create-form table.portfolio-allocations tr.no-border-port td {
    border-top: none !important;
    font-size: 14px;
    font-size: 1.4rem; }

.no-margin {
  margin: 0 !important; }

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

.margin-bottom-0 {
  margin-bottom: 0 !important; }
  @media screen and (max-width: 599px) {
    .margin-bottom-0 {
      margin-bottom: 30px !important; } }

.dropdown-margin {
  margin-bottom: 5px;
  margin-top: -5px; }

.relevant-number {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600;
  color: #434343;
  margin: 0; }

.radio-buttons.loan .control-group {
  display: inline-flex;
  text-align: left;
  vertical-align: top;
  align-items: baseline; }
  .radio-buttons.loan .control-group .control--radio .control__indicator:after {
    background: #00304D; }
  .radio-buttons.loan .control-group .label-value, .radio-buttons.loan .control-group .property-table .jpm-label-value, .property-table .radio-buttons.loan .control-group .jpm-label-value, .radio-buttons.loan .control-group .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .radio-buttons.loan .control-group p, .radio-buttons.loan .control-group .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .radio-buttons.loan .control-group p {
    padding-left: 15px; }

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

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

.title-capitalize {
  text-transform: capitalize !important;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #1f1f1f;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 28px; }

.hr-tranches {
  border-top: solid 1px rgba(151, 151, 151, 0.67); }

.no-hand {
  cursor: inherit !important; }

.pad-left {
  padding-left: 20.5px !important; }

.pad-left-less {
  padding-left: 16px !important; }

.chat-view {
  margin: 1em;
  padding: 1em 1em;
  padding-bottom: 0;
  background-color: #ffffff;
  border: solid 1px #c9c9c9;
  min-height: calc(100% - 40px);
  height: calc(100% - 40px);
  position: absolute;
  width: calc(100% - 225px); }
  .chat-view .help-icon {
    line-height: 7px; }
    .chat-view .help-icon i {
      font-size: 16px;
      font-size: 1.6rem; }
  .chat-view .radio-buttons {
    padding-left: 40px; }
    .chat-view .radio-buttons input {
      top: 0;
      width: 20px; }
    .chat-view .radio-buttons .control {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 400;
      padding-left: 20px; }
    .chat-view .radio-buttons .control-group .label-value, .chat-view .radio-buttons .control-group .property-table .jpm-label-value, .property-table .chat-view .radio-buttons .control-group .jpm-label-value, .chat-view .radio-buttons .control-group .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .chat-view .radio-buttons .control-group p, .chat-view .radio-buttons .control-group .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .chat-view .radio-buttons .control-group p {
      font-weight: bold;
      padding-right: 20px; }
    .chat-view .radio-buttons .control__indicator {
      top: 3px; }
    .chat-view .radio-buttons .control--radio .control__indicator:after {
      top: 1px;
      left: 0px;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: #00304D; }
  .chat-view .group-user {
    padding-right: 0px !important; }
  .chat-view .chat-wrap {
    height: 100%; }
  .chat-view .chat-status {
    width: 120px;
    height: 28px;
    background-color: #ffffff;
    border: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.29;
    color: #9f9f9f;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer; }
  .chat-view .owner-chat {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    color: #373737;
    cursor: pointer;
    padding-right: 20px;
    display: inline-block; }
  .chat-view .margin-top {
    margin-top: 1em; }
  .chat-view .margin-bottom {
    margin-bottom: 1em; }
  .chat-view .btn-active {
    background-color: #00304D;
    color: #ffffff;
    border: 0 !important; }
  .chat-view .btn-inactive {
    background-color: #777;
    color: #ffffff;
    border: 0 !important; }
  .chat-view hr {
    border-top: 0.5px solid #979797; }
  .chat-view .some-margin-top {
    margin-top: 3em; }
  .chat-view .border-right {
    border-right: 0.5px solid #979797;
    position: relative;
    /*padding-top: 2.5em;*/
    height: 100%; }
  .chat-view .contact-list {
    height: 100%; }
    .chat-view .contact-list .wrapper-companies {
      overflow-y: auto;
      padding-top: 15px;
      height: calc(100% - 28px); }
  .chat-view .chat-loader {
    border: 8px solid lightgray;
    /* Light grey */
    border-top: 8px solid #00304D;
    /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    overflow-y: hidden;
    animation: spin .6s linear infinite; }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .chat-view .center {
    text-align: center;
    margin: auto; }
  .chat-view .clean-float {
    clear: both; }
  .chat-view .value {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #4a4a4a;
    padding: 2px 0.5em;
    cursor: pointer;
    transition: 0.5s; }
  .chat-view .value.no-click {
    cursor: inherit; }
  .chat-view .value.bolder {
    font-weight: bold; }
  .chat-view .title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #4e4e4e;
    /*padding-left: 1em;*/
    text-transform: uppercase; }
  .chat-view .subtitle, .chat-view .subtitle-companies {
    font-size: 18px;
    font-size: 1.8rem;
    color: #4e4e4e;
    font-weight: 600;
    letter-spacing: 0.6px;
    padding-left: 1em;
    text-transform: capitalize;
    margin-bottom: 0; }
    .chat-view .subtitle:hover, .chat-view .subtitle-companies:hover {
      opacity: 0.7; }
  .chat-view .mark-read {
    width: 150px;
    height: 25px;
    background-color: #ffffff;
    border: 0;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 300;
    color: #696969;
    padding-left: 1.25em;
    cursor: pointer;
    letter-spacing: 0.6px; }
    .chat-view .mark-read:hover {
      opacity: 0.7; }
  .chat-view .subtitle-companies {
    font-size: 14px;
    font-size: 1.4rem; }
  .chat-view .dark-text {
    font-size: 14px;
    font-size: 1.4rem; }
  .chat-view .broker-card {
    font-size: 14px;
    font-size: 1.4rem;
    position: relative;
    padding-left: 50px;
    padding-bottom: 2em;
    text-transform: inherit;
    width: 100%; }
    .chat-view .broker-card .image-table {
      width: 42px;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      line-height: 52px; }
      .chat-view .broker-card .image-table td {
        vertical-align: top;
        text-align: center; }
        .chat-view .broker-card .image-table td img {
          margin-top: 10px; }
    .chat-view .broker-card .details {
      width: 100%;
      height: 47px;
      display: table;
      padding-left: 2em; }
      .chat-view .broker-card .details .inner {
        display: table-cell;
        vertical-align: baseline; }
        .chat-view .broker-card .details .inner p {
          font-size: 16px;
          font-size: 1.6rem;
          margin: 0;
          font-weight: inherit;
          color: #4a4a4a; }
        .chat-view .broker-card .details .inner p.message {
          width: 50%; }
        .chat-view .broker-card .details .inner p.downloable {
          cursor: pointer;
          transition: 0.5s; }
          .chat-view .broker-card .details .inner p.downloable:hover {
            color: #00304D; }
        .chat-view .broker-card .details .inner .user {
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: 700;
          line-height: 2;
          color: #4a4a4a;
          margin-top: 0 !important;
          margin-bottom: 0 !important; }
          .chat-view .broker-card .details .inner .user span {
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: 400;
            line-height: 2;
            text-align: right;
            color: #9f9f9f;
            padding-left: 0.5em; }
        .chat-view .broker-card .details .inner .upload {
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: 400;
          line-height: 2;
          color: #9f9f9f; }
          .chat-view .broker-card .details .inner .upload span {
            color: #00304D; }
        .chat-view .broker-card .details .inner .image-width {
          max-width: 640px; }
        .chat-view .broker-card .details .inner .thumb-wraper {
          width: 100%; }
          .chat-view .broker-card .details .inner .thumb-wraper img {
            width: inherit;
            width: initial;
            max-width: 100%;
            transition: 0.5s;
            cursor: pointer;
            -webkit-backface-visibility: hidden;
            /* Chrome, Safari, Opera */
            backface-visibility: hidden; }
            .chat-view .broker-card .details .inner .thumb-wraper img:hover {
              opacity: 0.8; }
  .chat-view .right-broker {
    margin-left: 50%; }
  .chat-view .separation {
    display: inline-flex; }
    .chat-view .separation .separation-line {
      margin-top: 12px; }
  .chat-view .separation-date {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    color: #363636;
    text-transform: capitalize;
    white-space: nowrap; }
  .chat-view .icon-status {
    width: 10px;
    height: 10px;
    color: #646465; }
  .chat-view .active {
    color: #8edd5a;
    /*border: solid 1px #fff;*/ }
  .chat-view .fa-angle-down:before {
    content: "\f107";
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0.65;
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: bolder;
    text-align: center;
    color: #7c7c7c; }
  .chat-view .dark-tex {
    color: #4e4e4e; }
  .chat-view .justice-center {
    display: inline-flex;
    justify-content: center;
    width: 100%; }
  .chat-view .content-companies {
    overflow: auto; }
  .chat-view .content-write {
    margin-top: 2em;
    height: 120px;
    background-color: #C1C1C1;
    display: inline-flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0; }
    .chat-view .content-write .col-md-10 {
      height: 1073.5px;
      background-color: #ffffff;
      border: solid 1px #c9c9c9; }
    .chat-view .content-write span {
      border: 0;
      background-color: #C1C1C1 !important; }
    .chat-view .content-write textarea {
      height: 80px;
      width: 100%;
      border-radius: 4px !important;
      border: none;
      padding: 10px; }
      .chat-view .content-write textarea:focus {
        border: none !important; }
    .chat-view .content-write .disabled-chat-icon {
      opacity: 0.3;
      pointer-events: none; }
  .chat-view .chat-names {
    padding-right: 280px;
    height: 25px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 5px;
    backface-visibility: hidden;
    transition: 0.5s;
    display: inline-table; }
    .chat-view .chat-names span.owner-chat:not(:last-child):after {
      content: ',';
      padding-left: 10px; }
  .chat-view .chat-names.plus {
    height: 52px; }
  .chat-view .show-contacts {
    position: absolute;
    right: 270px;
    top: 0; }
    .chat-view .show-contacts i {
      cursor: pointer; }
      .chat-view .show-contacts i:before {
        font-size: 18px; }
  .chat-view .chat-loadmore {
    position: absolute;
    right: 20px;
    display: inline-block;
    width: auto;
    top: 5px; }
    .chat-view .chat-loadmore i {
      transition: 0.5s; }
    .chat-view .chat-loadmore span {
      padding-right: 2px; }
  .chat-view .chat-loadmore:hover i {
    transform: rotate3d(0, 0, 1, 180deg); }
  .chat-view .chat-loadmore.open {
    top: 90px; }
  .chat-view .names_wrapper {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .chat-view .names_wrapper span.value:not(:last-child):after {
      content: ','; }
  .chat-view .status-container {
    width: 11px;
    height: 8px;
    float: left; }
  .chat-view .user-status-connection {
    display: block;
    width: 9px;
    height: 9px;
    background-color: #646464;
    border-radius: 50%; }
  .chat-view .isActive {
    background-color: #8edd5a; }
  .chat-view .conections {
    display: inline-flex;
    align-items: center; }
  .chat-view .lighters-gray {
    color: #e7e7eb; }
  .chat-view .light-gray {
    color: #d8d8dc; }
  .chat-view .low-height {
    height: 25px; }
  .chat-view .btn-inactive {
    background-color: #9f9f9f;
    color: #ffffff;
    border: 0 !important; }
  .chat-view .no-chat {
    display: inline-block;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .chat-view .chat-opac {
    opacity: .5; }
  .chat-view .scroll-messages {
    height: calc(100% - 150px);
    overflow-y: auto; }
  .chat-view .scroll-messages.plus {
    height: calc(100% - 185px); }
  .chat-view .scroll-messages.open {
    height: calc(100% - 250px); }
  .chat-view .spin img {
    transition: 0.5s; }
  .chat-view .spin.horizontal img {
    transform: rotate3d(0, 1, 0, 0deg); }
  .chat-view .spin.vertical img {
    transform: rotate3d(1, 0, 0, 0deg); }
  .chat-view .spin.vertical:hover img {
    transform: rotate3d(1, 0, 0, 180deg); }
  .chat-view .spin.horizontal:hover img {
    transform: rotate3d(0, 1, 0, 180deg); }
  .chat-view .animate-loading .ball {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #777;
    -webkit-animation: loading 2s infinite linear;
    animation: loading 2s infinite linear;
    display: inline-block;
    float: left;
    margin: 3px; }
  .chat-view .animate-loading .ball:nth-child(0) {
    animation-delay: 0s; }
  .chat-view .animate-loading .ball:nth-child(1) {
    animation-delay: 0.5s; }
  .chat-view .animate-loading .ball:nth-child(2) {
    animation-delay: 1s; }
@keyframes loading {
  0% {
    opacity: 1; }
  25% {
    opacity: 0.5; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.5; } }
  .chat-view .loading {
    padding-bottom: 5px;
    padding-top: 5px; }
    .chat-view .loading .wrapper {
      width: 20px;
      margin: 0 auto; }
      .chat-view .loading .wrapper .hourglass {
        display: block;
        background: white;
        margin: 1em auto;
        width: 1.5em;
        height: 3em;
        box-shadow: inset white 0 0 0 0, inset #00304D 0 1.5em 0 0, inset white 0 0 3em 0;
        animation: hourglass 1s linear infinite; }
      .chat-view .loading .wrapper .outer {
        fill: #00304D; }
      .chat-view .loading .wrapper .middle {
        fill: white; }
@keyframes hourglass {
  0% {
    transform: rotate(0deg);
    box-shadow: inset white 0 0 0 0, inset #00304D 0 1.5em 0 0, inset white 0 3em 0 0, inset #00304D 0 3em 0 0; }
  80% {
    transform: rotate(0deg);
    box-shadow: inset white 0 1.5em 0 0, inset #00304D 0 1.5em 0 0, inset white 0 1.5em 0 0, inset #00304D 0 3em 0 0; }
  100% {
    transform: rotate(180deg);
    box-shadow: inset white 0 1.5em 0 0, inset #00304D 0 1.5em 0 0, inset white 0 1.5em 0 0, inset #00304D 0 3em 0 0; } }
  .chat-view .unread-messages {
    font-size: 14px;
    font-size: 1.4rem;
    color: #000;
    font-weight: 600; }
  .chat-view .group-wrapper {
    width: 100%;
    display: inline-flex;
    align-items: center; }
  .chat-view .group-wrap {
    background: grey;
    color: white;
    padding: 2px;
    font-weight: normal;
    display: inline-block;
    width: auto;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 1;
    font-size: 10px; }
  .chat-view .meter {
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    bottom: 80px;
    left: 0;
    opacity: 0;
    transition: 0.3s; }
    .chat-view .meter .progress {
      border-radius: 0px; }
      .chat-view .meter .progress .progress-bar {
        background-color: #00304D; }
  .chat-view .icon-img {
    width: 57px;
    height: auto; }
  .chat-view .meter.visible {
    opacity: 1; }
  .chat-view .text-can-be-copy {
    user-select: initial !important; }
  .chat-view .status-user-search {
    width: 15px;
    height: 12px;
    padding: 10px; }
  .chat-view .name-status-finder {
    display: inline-flex;
    align-items: baseline; }
    .chat-view .name-status-finder .user-status-connection {
      width: 11px;
      height: 11px; }
  .chat-view .mark-read-all-new {
    font-weight: 600;
    font-size: 12px;
    width: 130px;
    float: right;
    padding: 3px;
    text-transform: capitalize;
    color: #FF9900; }
  @media screen and (max-width: 1420px) {
    .chat-view .mark-read-all-new {
      margin-right: 25px; } }

.chat-modal .thumb-wraper {
  padding-top: 10px; }
  .chat-modal .thumb-wraper img {
    width: 100%; }

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

.more-than-one-user .add-contacts {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: #373737; }
.more-than-one-user .add-to-chat {
  min-height: 100% !important;
  height: 100% !important;
  position: inherit !important;
  width: inherit !important;
  padding-bottom: 1em; }
.more-than-one-user .select-all-checkbox {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #8b8b8b; }
.more-than-one-user .extra {
  border-bottom: solid 0.5px rgba(151, 151, 151, 0.67);
  margin-bottom: 15px; }
  .more-than-one-user .extra .checkbox-filter {
    height: 70px; }
    .more-than-one-user .extra .checkbox-filter label {
      margin-top: 15px; }
.more-than-one-user .connections-info {
  max-height: 850px;
  overflow: auto; }
  .more-than-one-user .connections-info .checkbox-area .control {
    padding-left: 50px; }
    .more-than-one-user .connections-info .checkbox-area .control .control__indicator {
      top: 25px; }
.more-than-one-user .broker-card {
  padding-left: 60px; }
  .more-than-one-user .broker-card .image-table td img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px;
    max-height: 60px;
    margin-top: 0 !important; }
  .more-than-one-user .broker-card .details {
    padding-left: 0 !important; }
    .more-than-one-user .broker-card .details .name {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 2;
      text-align: left;
      color: #4a4a4a;
      padding-top: 0; }
    .more-than-one-user .broker-card .details .company-name {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      color: #000000;
      opacity: 0.5; }
.more-than-one-user .control.control--checkbox.extra-label {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #8b8b8b; }

.chat-view.embed {
  margin: inherit;
  min-height: 700px;
  height: 700px;
  position: inherit;
  width: 100%; }

.show-more-chat {
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 10px;
  padding-left: 26px; }

.h-center {
  margin: 0 auto; }

.subscribe-wrap p {
  color: #6e6e6e;
  font-weight: 400; }

.trans-active-chat {
  margin-right: -10px; }

.trans-chat-adjustment {
  font-size: 1.6rem !important;
  font-weight: bold !important; }

.chat-enable-notifications-wrapper {
  padding: 0 33px;
  margin-bottom: 18px; }

.chat-enable-notifications {
  color: red;
  font-size: 16px;
  font-weight: bold;
  margin-left: auto;
  cursor: pointer; }
  .chat-enable-notifications:hover {
    opacity: 0.7; }

@media screen and (max-width: 1550px) and (min-width: 1451px) {
  .contact-list {
    height: 100%; }
    .contact-list .wrapper-companies {
      width: 94% !important; }
    .contact-list .content-companies .subtitle-companies {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 290px;
      display: block; } }
@media screen and (max-width: 1450px) and (min-width: 1200px) {
  .contact-list {
    height: 100%; }
    .contact-list .wrapper-companies {
      width: 92% !important; }
    .contact-list .content-companies .subtitle-companies {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 270px;
      display: block; } }
@media screen and (max-width: 1599px) and (min-width: 1551px) {
  .contact-list {
    height: 100%; }
    .contact-list .wrapper-companies {
      width: 94% !important; }
    .contact-list .content-companies .subtitle-companies {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 300px;
      display: block; } }
@media screen and (max-width: 1700px) and (min-width: 1600px) {
  .contact-list {
    height: 100%;
    display: block; }
    .contact-list .wrapper-companies {
      width: 100% !important; }
    .contact-list .content-companies .subtitle-companies {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 320px;
      display: block; } }
@media screen and (max-width: 1920px) and (min-width: 1701px) {
  .contact-list {
    height: 100%; }
    .contact-list .wrapper-companies {
      width: 100% !important; }
    .contact-list .content-companies .subtitle-companies {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 340px;
      display: block; } }
.data-pools, .new-features-container .new-features, .new-features-create .new-feature-edit {
  padding-left: 0px;
  background-color: white;
  padding: 50px;
  margin: 20px; }
  .data-pools .table-result-datapool .table, .new-features-container .new-features .table-result-datapool .table, .new-features-create .new-feature-edit .table-result-datapool .table {
    border: 3px solid #eee;
    color: #888; }
    .data-pools .table-result-datapool .table th, .new-features-container .new-features .table-result-datapool .table th, .new-features-create .new-feature-edit .table-result-datapool .table th, .data-pools .table-result-datapool .table td, .new-features-container .new-features .table-result-datapool .table td, .new-features-create .new-feature-edit .table-result-datapool .table td {
      width: 150px; }
    .data-pools .table-result-datapool .table th:first-child, .new-features-container .new-features .table-result-datapool .table th:first-child, .new-features-create .new-feature-edit .table-result-datapool .table th:first-child, .data-pools .table-result-datapool .table td:first-child, .new-features-container .new-features .table-result-datapool .table td:first-child, .new-features-create .new-feature-edit .table-result-datapool .table td:first-child, .data-pools .table-result-datapool .table th:last-child, .new-features-container .new-features .table-result-datapool .table th:last-child, .new-features-create .new-feature-edit .table-result-datapool .table th:last-child, .data-pools .table-result-datapool .table td:last-child, .new-features-container .new-features .table-result-datapool .table td:last-child, .new-features-create .new-feature-edit .table-result-datapool .table td:last-child {
      width: 50px; }
    .data-pools .table-result-datapool .table th, .new-features-container .new-features .table-result-datapool .table th, .new-features-create .new-feature-edit .table-result-datapool .table th {
      color: #888;
      font-size: 14px;
      font-weight: normal; }
    .data-pools .table-result-datapool .table .check, .new-features-container .new-features .table-result-datapool .table .check, .new-features-create .new-feature-edit .table-result-datapool .table .check {
      text-align: center; }
      .data-pools .table-result-datapool .table .check input, .new-features-container .new-features .table-result-datapool .table .check input, .new-features-create .new-feature-edit .table-result-datapool .table .check input {
        width: auto; }
    .data-pools .table-result-datapool .table .pool, .new-features-container .new-features .table-result-datapool .table .pool, .new-features-create .new-feature-edit .table-result-datapool .table .pool {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 500px; }
      .data-pools .table-result-datapool .table .pool span::after, .new-features-container .new-features .table-result-datapool .table .pool span::after, .new-features-create .new-feature-edit .table-result-datapool .table .pool span::after {
        content: ", "; }
      .data-pools .table-result-datapool .table .pool span:last-child::after, .new-features-container .new-features .table-result-datapool .table .pool span:last-child::after, .new-features-create .new-feature-edit .table-result-datapool .table .pool span:last-child::after {
        content: ""; }
    .data-pools .table-result-datapool .table .edit, .new-features-container .new-features .table-result-datapool .table .edit, .new-features-create .new-feature-edit .table-result-datapool .table .edit {
      padding: 5px; }
      .data-pools .table-result-datapool .table .edit button, .new-features-container .new-features .table-result-datapool .table .edit button, .new-features-create .new-feature-edit .table-result-datapool .table .edit button {
        background-color: white;
        border: 1px solid #eee;
        color: #666;
        height: 23px; }
    .data-pools .table-result-datapool .table tr.selected, .new-features-container .new-features .table-result-datapool .table tr.selected, .new-features-create .new-feature-edit .table-result-datapool .table tr.selected {
      background-color: rgba(0, 48, 77, 0.3); }
  .data-pools .wrap-flex, .new-features-container .new-features .wrap-flex, .new-features-create .new-feature-edit .wrap-flex {
    display: flex;
    align-items: baseline; }
    .data-pools .wrap-flex .mid, .new-features-container .new-features .wrap-flex .mid, .new-features-create .new-feature-edit .wrap-flex .mid {
      flex: 1; }
    .data-pools .wrap-flex button, .new-features-container .new-features .wrap-flex button, .new-features-create .new-feature-edit .wrap-flex button {
      margin-right: 0px; }

.data-pools-ce .advanced-search-fields:not(:last-child) {
  border-bottom: 1px solid #aaa; }
.data-pools-ce .advanced-search-fields .label-value, .data-pools-ce .advanced-search-fields .property-table .jpm-label-value, .property-table .data-pools-ce .advanced-search-fields .jpm-label-value, .data-pools-ce .advanced-search-fields .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .data-pools-ce .advanced-search-fields p, .data-pools-ce .advanced-search-fields .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .data-pools-ce .advanced-search-fields p {
  font-size: 16px;
  font-size: 1.6rem; }
.data-pools-ce .advanced-search-fields .select-range {
  width: 100% !important; }
.data-pools-ce .advanced-search-fields .companiesSelected {
  padding: 15px 0;
  color: #747474;
  font-weight: 600; }
  .data-pools-ce .advanced-search-fields .companiesSelected .removeCompany {
    border: 1px solid #ddd;
    display: inline-flex;
    width: 30px;
    text-align: center;
    border-radius: 5px;
    height: 20px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    /*font-size: 18px;*/
    margin-right: 10px; }

.new-features-container {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .new-features-container .new-features {
    flex-grow: 1;
    min-height: 0;
    display: flex;
    flex-direction: column; }
    .new-features-container .new-features .checkbox-area {
      display: flex; }
      .new-features-container .new-features .checkbox-area .checkbox-filter {
        flex-grow: 1; }
    .new-features-container .new-features .table-result-new-features {
      flex-grow: 1;
      overflow: auto;
      position: relative; }
      .new-features-container .new-features .table-result-new-features .table-container th {
        box-shadow: inset 0 3px 0px #eee, inset 0px -1px 0px #eee; }
      .new-features-container .new-features .table-result-new-features .table {
        border: 3px solid #eee;
        border-top: none;
        color: #888; }
        .new-features-container .new-features .table-result-new-features .table th {
          color: #888;
          font-size: 14px;
          font-weight: normal;
          position: sticky;
          top: 0;
          background-color: #ffffff;
          z-index: 1; }
        .new-features-container .new-features .table-result-new-features .table .check {
          text-align: center; }
          .new-features-container .new-features .table-result-new-features .table .check input {
            width: auto; }
        .new-features-container .new-features .table-result-new-features .table .feature {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          max-width: 500px; }
          .new-features-container .new-features .table-result-new-features .table .feature span::after {
            content: ", "; }
          .new-features-container .new-features .table-result-new-features .table .feature span:last-child::after {
            content: ""; }
        .new-features-container .new-features .table-result-new-features .table .edit {
          padding: 5px; }
          .new-features-container .new-features .table-result-new-features .table .edit button {
            background-color: white;
            border: 1px solid #eee;
            color: #666;
            height: 23px; }
        .new-features-container .new-features .table-result-new-features .table tr.selected {
          background-color: rgba(0, 48, 77, 0.3); }
      .new-features-container .new-features .table-result-new-features .loading {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 48, 77, 0.3); }
        .new-features-container .new-features .table-result-new-features .loading .loader {
          position: absolute;
          visibility: visible;
          position: absolute;
          visibility: visible;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: transparent; }
          .new-features-container .new-features .table-result-new-features .loading .loader .kart-loader {
            position: static;
            width: auto;
            height: auto; }
  .new-features-container a, .new-features-container a:visited, .new-features-container a:hover, .new-features-container a:active {
    color: #00304D; }

.new-features-create {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .new-features-create .new-feature-edit {
    position: relative; }
    .new-features-create .new-feature-edit .company.multi-dropdown button .caret {
      float: right;
      padding-bottom: 20px; }
    .new-features-create .new-feature-edit .label-value, .new-features-create .new-feature-edit .property-table .jpm-label-value, .property-table .new-features-create .new-feature-edit .jpm-label-value, .new-features-create .new-feature-edit .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .new-features-create .new-feature-edit p, .new-features-create .new-feature-edit .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .new-features-create .new-feature-edit p {
      font-size: 1.4rem;
      color: #747474;
      margin-bottom: 11px;
      text-transform: capitalize;
      width: 100%; }
    .new-features-create .new-feature-edit .date-ico {
      position: absolute;
      margin-top: 5px;
      top: 5%;
      right: 5%;
      background-color: transparent;
      border: 0;
      color: #bbbbbb;
      cursor: pointer;
      font-size: 20px; }
    .new-features-create .new-feature-edit .date-container {
      position: relative; }
    .new-features-create .new-feature-edit .multi-dropdown .dropdown-multiselect {
      width: 100%; }
    .new-features-create .new-feature-edit .loading {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: rgba(0, 48, 77, 0.3); }
      .new-features-create .new-feature-edit .loading .loader {
        position: absolute;
        visibility: visible;
        position: absolute;
        visibility: visible;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent; }
        .new-features-create .new-feature-edit .loading .loader .kart-loader {
          position: static;
          width: auto;
          height: auto; }
  .new-features-create a, .new-features-create a:visited, .new-features-create a:hover, .new-features-create a:active {
    color: #00304D; }

.other-reports-modal .modal-dialog {
  width: 550px; }
.other-reports-modal .modal-header {
  margin-bottom: 30px; }
.other-reports-modal .field-vm {
  display: block;
  width: 100%;
  border-bottom: 1px solid #979797;
  padding-bottom: 30px;
  margin-bottom: 30px; }
.other-reports-modal .label-vm {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #747474;
  white-space: nowrap;
  text-transform: capitalize;
  margin-bottom: 10px; }
.other-reports-modal .select-input:focus {
  border: solid 2px #00304D !important; }
.other-reports-modal .select-range {
  display: block;
  margin-bottom: 15px;
  position: relative;
  width: 200px; }
  .other-reports-modal .select-range .addon {
    background-color: transparent;
    border: 0;
    bottom: 0;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 5%;
    top: 20%; }
    .other-reports-modal .select-range .addon:hover {
      opacity: 0.7; }
  .other-reports-modal .select-range .up {
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 5px; }
    .other-reports-modal .select-range .up:hover {
      opacity: 0.7; }
  .other-reports-modal .select-range .down {
    bottom: 5px;
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px; }
    .other-reports-modal .select-range .down:hover {
      opacity: 0.7; }
  .other-reports-modal .select-range .more-right {
    right: 20px; }
  @media (max-width: 768px) {
    .other-reports-modal .select-range .select-range {
      width: 100%; }
    .other-reports-modal .select-range .up {
      right: 20px;
      top: 10px; }
    .other-reports-modal .select-range .down {
      right: 20px;
      bottom: 10px; } }

.broadcast-css {
  padding: 20px; }
  .broadcast-css .radio-buttons .control-group {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 10px; }
    .broadcast-css .radio-buttons .control-group .label-value, .broadcast-css .radio-buttons .control-group .property-table .jpm-label-value, .property-table .broadcast-css .radio-buttons .control-group .jpm-label-value, .broadcast-css .radio-buttons .control-group .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .broadcast-css .radio-buttons .control-group p, .broadcast-css .radio-buttons .control-group .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .broadcast-css .radio-buttons .control-group p {
      font-weight: bold;
      padding-right: 20px; }
  .broadcast-css .radio-buttons .control {
    padding-right: 15px; }
  .broadcast-css .radio-buttons .control--radio .control__indicator:after {
    top: 0px;
    left: 0px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #00304D; }
  .broadcast-css .panel-default .panel-heading {
    background-color: #ddd;
    height: 60px;
    padding-top: 20px; }
    .broadcast-css .panel-default .panel-heading h4 {
      font-weight: bold; }
  .broadcast-css .panel-default .users-body {
    padding: 20px; }
  .broadcast-css .sendbox-section {
    padding-top: 20px;
    width: 100%; }
    .broadcast-css .sendbox-section .box-wrap {
      width: 100%;
      padding: 20px;
      background-color: white; }
      .broadcast-css .sendbox-section .box-wrap textarea {
        height: 300px;
        width: 100%;
        border: 1px solid #ddd;
        padding: 20px; }
        .broadcast-css .sendbox-section .box-wrap textarea:focus {
          border: 1px solid #ddd !important; }
  .broadcast-css .button-wrap {
    padding-top: 20px;
    padding-bottom: 20px; }

.user-profile {
  padding: 15px; }
  .user-profile .chat-icon {
    color: #FF9900;
    cursor: pointer; }
  .user-profile .online {
    color: #8edd5a; }
  .user-profile .info-row {
    margin-right: 0; }
    .user-profile .info-row__sticky {
      position: sticky;
      top: 40px;
      z-index: 89;
      background: #f8f8f8;
      padding-top: 15px;
      margin-top: -15px; }
  .user-profile .more-left {
    margin-left: -5px; }
  .user-profile .msa-list {
    overflow: auto;
    max-height: 115px; }
  .user-profile .user-introduction {
    background-color: #eee;
    margin: 15px; }
    .user-profile .user-introduction label {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      text-align: left;
      color: #000000;
      margin-bottom: 10px !important; }
    .user-profile .user-introduction .low-weight {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      text-align: left;
      color: #747474; }
    .user-profile .user-introduction .more-weight {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      text-align: left;
      color: #535353; }
    .user-profile .user-introduction .important-data {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      text-align: left;
      color: #e70c0c; }
    .user-profile .user-introduction hr {
      border-top: 1px solid rgba(151, 151, 151, 0.67);
      margin-top: 15px;
      margin-bottom: 15px; }
  .user-profile .data {
    padding: 15px;
    border: 1px solid #c9c9c9; }
  .user-profile .button-user {
    height: 42px;
    line-height: 21px;
    min-width: 145px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    padding: 0 10px;
    border-radius: 4px; }
  .user-profile .button-cancel {
    color: #bcbcbc;
    background-color: transparent;
    border: 0; }
  .user-profile .button-tool {
    border: 1px solid rgba(122, 122, 122, 0.67) !important;
    color: #767676;
    background-color: transparent; }
  .user-profile .button-edit-active {
    background-color: rgba(128, 128, 128, 0.67) !important;
    border: solid 1px #7a7a7a;
    color: #ffffff; }
  .user-profile .broker-card {
    font-size: 14px;
    font-size: 1.4rem;
    position: relative;
    padding-left: 225px;
    padding-bottom: 0 !important;
    text-transform: capitalize; }
    .user-profile .broker-card .image-table {
      width: 200px;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      line-height: 52px; }
      .user-profile .broker-card .image-table td {
        vertical-align: middle;
        text-align: center; }
        .user-profile .broker-card .image-table td img {
          width: auto;
          height: auto;
          max-width: 220px;
          max-height: 220px; }
    .user-profile .broker-card .chat-options {
      float: left;
      margin-top: 8px; }
    .user-profile .broker-card .user-title {
      float: left;
      margin-right: 15px !important; }
    .user-profile .broker-card .details {
      width: 100%;
      height: 220px;
      display: table; }
      .user-profile .broker-card .details .inner {
        display: table-cell;
        vertical-align: baseline;
        padding: 20px; }
        .user-profile .broker-card .details .inner h5 {
          font-size: 20px;
          font-size: 2rem;
          font-weight: bold;
          padding-top: 4px;
          margin: 0;
          color: #040404;
          line-height: 1.75; }
        .user-profile .broker-card .details .inner .title-gray {
          color: #383838;
          font-weight: 400;
          font-size: 18px;
          font-size: 1.8rem;
          clear: both; }
        .user-profile .broker-card .details .inner .title-black {
          font-weight: 400;
          font-size: 18px;
          font-size: 1.8rem;
          color: #4f4f4f;
          margin-top: 12px;
          margin-bottom: 12px;
          clear: both; }
        .user-profile .broker-card .details .inner .black {
          font-weight: 400;
          font-size: 14px;
          font-size: 1.4rem;
          text-align: center;
          color: #747474; }
        .user-profile .broker-card .details .inner .blue {
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: 600;
          text-align: center;
          color: #00304D; }
        .user-profile .broker-card .details .inner .btn-add {
          height: 42px;
          padding: 0;
          border-radius: 4px;
          background-color: #00304D;
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: 400;
          color: #ffffff;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
          .user-profile .broker-card .details .inner .btn-add .fa-plus {
            color: #ffffff; }
        .user-profile .broker-card .details .inner .btn-remove {
          background: transparent;
          border: 0;
          color: #545454;
          font-size: 16px;
          font-weight: 400;
          height: 42px;
          min-width: 161px;
          text-transform: uppercase; }
        .user-profile .broker-card .details .inner .border-left {
          border-left: 1px solid #979797; }
        .user-profile .broker-card .details .inner .col-md-2 {
          margin-top: 30px; }
      .user-profile .broker-card .details .middle {
        vertical-align: middle !important; }
  .user-profile .options {
    margin: 15px 0; }
  .user-profile .select-range {
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
    /* max-width: 390px;*/ }
    @media (min-width: 1200px) {
      .user-profile .select-range {
        width: 100%; } }
    .user-profile .select-range .addon {
      background-color: transparent;
      border: 0;
      bottom: 0;
      color: #4a4a4a;
      cursor: pointer;
      font-size: 20px;
      position: absolute;
      right: 5%;
      top: 20%; }
      .user-profile .select-range .addon:hover {
        opacity: 0.7; }
    .user-profile .select-range .up {
      color: #2a2a2a;
      cursor: pointer;
      position: absolute;
      right: 7px;
      top: 5px; }
      .user-profile .select-range .up:hover {
        opacity: 0.7; }
    .user-profile .select-range .down {
      bottom: 5px;
      color: #2a2a2a;
      cursor: pointer;
      position: absolute;
      right: 7px; }
      .user-profile .select-range .down:hover {
        opacity: 0.7; }
  .user-profile .select-input {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    border-radius: 4px;
    color: #535353;
    font-weight: 400;
    height: 39px;
    width: 100%;
    padding: 8px 15px;
    /*max-width: 390px;*/ }
    .user-profile .select-input::-webkit-input-placeholder {
      font-weight: 400;
      color: #ccc !important; }
    .user-profile .select-input:-moz-placeholder {
      /* Firefox 18- */
      font-weight: 400;
      color: #ccc !important; }
    .user-profile .select-input::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 400;
      color: #ccc !important; }
    .user-profile .select-input:-ms-input-placeholder {
      font-weight: 400;
      color: #ccc !important; }
  .user-profile .width-100 {
    width: 100%; }
  .user-profile .dropdown-date .dropdown-menu {
    margin-left: -20px;
    right: 0;
    width: auto;
    min-width: 242px; }
  .user-profile .dropdown-menu {
    margin-top: 0;
    width: 94%;
    text-transform: initial; }
    .user-profile .dropdown-menu ul {
      width: 100%; }
    .user-profile .dropdown-menu li a {
      font-size: 16px;
      font-size: 1.6rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #434343;
      font-weight: 400;
      outline: none; }
      .user-profile .dropdown-menu li a:hover {
        background-color: rgba(0, 0, 0, 0.2); }
      .user-profile .dropdown-menu li a:active {
        background-color: rgba(0, 0, 0, 0.2); }
    .user-profile .dropdown-menu li.active a {
      background-color: rgba(0, 0, 0, 0.2); }
  .user-profile .multi-dropdown {
    text-align: left; }
    .user-profile .multi-dropdown .multiselect-parent {
      height: 39px;
      width: 100%; }
      .user-profile .multi-dropdown .multiselect-parent button {
        font-size: 16px;
        font-size: 1.6rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border: solid 1px #cccccc !important;
        border-radius: 4px;
        color: #434343;
        font-weight: 400;
        height: 39px !important;
        padding-right: 22px;
        text-align: left;
        width: 100% !important;
        text-transform: inherit; }
        .user-profile .multi-dropdown .multiselect-parent button:hover {
          background-color: #ffffff; }
        .user-profile .multi-dropdown .multiselect-parent button span {
          font-size: 16px;
          font-size: 1.6rem;
          float: right;
          margin-top: 10px; }
        .user-profile .multi-dropdown .multiselect-parent button:focus, .user-profile .multi-dropdown .multiselect-parent button:active {
          border: solid 2px #00304D !important; }
      .user-profile .multi-dropdown .multiselect-parent ul {
        margin-top: 0;
        min-width: 100%;
        height: auto !important;
        max-height: 700px; }
        .user-profile .multi-dropdown .multiselect-parent ul:hover {
          background-color: #ffffff; }
        .user-profile .multi-dropdown .multiselect-parent ul a {
          font-size: 16px;
          font-size: 1.6rem;
          color: #434343;
          font-weight: 400; }
  .user-profile .first-name {
    padding-left: 0;
    padding-right: 5px; }
  .user-profile .last-name {
    padding-left: 5px;
    padding-right: 0; }
  .user-profile .no-padding {
    padding: 0 !important; }
  .user-profile .extra-padding-left {
    padding-left: 15px !important; }
  .user-profile .transaction-types {
    margin-top: 30px; }
  .user-profile textarea {
    width: 100%;
    border: solid 1px #cccccc;
    border-radius: 4px;
    height: 150px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #434343; }
  .user-profile .change-pass {
    width: 190px;
    height: 42px;
    border-radius: 4px;
    background-color: #555555;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: #ffffff; }
  .user-profile .checkbox-area {
    width: 100%;
    margin-top: 15px;
    /* Hover and focus states */
    /* Checked state */
    /* Hover state whilst checked */
    /* Disabled state */
    /* Check mark */
    /* Show check mark */
    /* Checkbox tick */
    /* Disabled tick colour */ }
    .user-profile .checkbox-area label {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: normal;
      color: #373737;
      white-space: nowrap;
      text-transform: capitalize;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.69; }
      .user-profile .checkbox-area label.text-notify {
        text-transform: inherit;
        padding-left: 30px; }
    .user-profile .checkbox-area .control-group {
      width: 100%;
      text-align: left;
      vertical-align: top; }
      .user-profile .checkbox-area .control-group .property {
        padding: 0; }
      .user-profile .checkbox-area .control-group .padding-left-9 {
        padding-left: 9px; }
      .user-profile .checkbox-area .control-group .checkbox-padding {
        padding-left: 33px; }
      @media (max-width: 992px) {
        .user-profile .checkbox-area .control-group .property-mobile {
          padding: 0; }
        .user-profile .checkbox-area .control-group .checkbox-padding {
          padding-left: 15px; } }
    .user-profile .checkbox-area .control {
      font-size: 16px;
      font-size: 1.6rem;
      position: relative;
      display: block;
      margin-bottom: 15px;
      padding-left: 30px;
      cursor: pointer;
      padding-right: 3em;
      font-weight: 400; }
      .user-profile .checkbox-area .control input {
        position: absolute;
        z-index: -1;
        opacity: 0; }
    .user-profile .checkbox-area .control__indicator {
      position: absolute;
      top: 3px;
      left: 0;
      width: 20px;
      height: 20px;
      background: #eee;
      border: 1px solid rgba(151, 151, 151, 0.67); }
    .user-profile .checkbox-area .control--radio .control__indicator {
      border-radius: 50%; }
    .user-profile .checkbox-area .control:hover input ~ .control__indicator,
    .user-profile .checkbox-area .control input:focus ~ .control__indicator {
      background: #eee; }
    .user-profile .checkbox-area .control input:checked ~ .control__indicator {
      background: #eee; }
    .user-profile .checkbox-area .control:hover input:not([disabled]):checked ~ .control__indicator,
    .user-profile .checkbox-area .control input:checked:focus ~ .control__indicator {
      background: #eee; }
    .user-profile .checkbox-area .control input:disabled ~ .control__indicator {
      pointer-events: none;
      opacity: .6;
      background: #e6e6e6; }
    .user-profile .checkbox-area .control__indicator:after {
      position: absolute;
      display: none;
      content: ''; }
    .user-profile .checkbox-area .control input:checked ~ .control__indicator:after {
      display: block; }
    .user-profile .checkbox-area .control--checkbox .control__indicator:after {
      top: 1px;
      left: 6px;
      width: 7px;
      height: 13px;
      transform: rotate(45deg);
      border: solid #000;
      border-width: 0 2px 2px 0; }
    .user-profile .checkbox-area .control--checkbox input:disabled ~ .control__indicator:after {
      border-color: #7b7b7b; }
  .user-profile .biography {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #535353; }
  .user-profile .preline-biography {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #535353;
    white-space: pre-line; }
  .user-profile .margin-up-down {
    margin-bottom: 15px;
    margin-top: 15px; }
  .user-profile .disabled {
    background-color: #dbdbdb; }
  .user-profile .margin-top-buttons {
    margin: 0 5px; }
  .user-profile .padding-info {
    padding: 15px 15px 0 30px; }
  .user-profile .desactive-btn {
    max-width: 185px;
    width: 100%; }
  .user-profile .email-ellipsis {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.advancedSearch {
  margin-bottom: 30px; }

.upload-new-image {
  border-radius: 4px;
  border: solid 1px #b0b0b0 !important;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  color: #b0b0b0;
  background-color: transparent;
  height: 42px;
  padding-left: 12px;
  padding-right: 12px; }

.caption-input {
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #cccccc !important;
  height: 39px;
  width: 100%;
  margin-bottom: 15px; }

.caption-title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: #747474; }

.cropArea {
  width: 100% !important; }

.labelConfirmation {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #535353; }

.user-table-results {
  background-color: #fff; }

.disabled-county {
  background-color: rgba(0, 48, 77, 0.3) !important; }
  .disabled-county button {
    background-color: rgba(0, 48, 77, 0.3) !important;
    opacity: 1; }

input.disabled-county {
  /*font-weight: 400 !important;
  color: #c4c4c4 !important;*/
  background-color: rgba(0, 48, 77, 0.3) !important;
  opacity: 0.7 !important; }

.user-info-box {
  width: 350px;
  float: left; }

.save-pref-comps {
  float: right;
  margin-right: 15px;
  margin-top: 10px;
  color: #535353;
  font-weight: 600; }

.ui-grid-alert {
  width: 615px;
  height: 185px;
  font-size: 1.2rem !important; }
  .ui-grid-alert input.ui-grid-filter-input[type="text"] {
    height: 20px; }
  .ui-grid-alert a {
    font-size: 1.3rem; }

.ui-grid-notifications {
  width: 920px;
  height: 334px;
  font-size: 1.2rem !important; }
  .ui-grid-notifications input.ui-grid-filter-input[type="text"] {
    height: 20px; }
  .ui-grid-notifications a {
    font-size: 1.3rem; }

.ui-grid-subs {
  width: 1010px;
  height: 207px;
  font-size: 1.2rem !important; }
  .ui-grid-subs input.ui-grid-filter-input[type="text"] {
    height: 20px; }
  .ui-grid-subs a {
    font-size: 1.3rem; }

.ui-grid-bid-asset a {
  font-size: 1.3rem; }

.grid-margin-btn {
  right: 90px; }

.grid-alert-btn {
  background-color: #00304D;
  border-radius: 4px;
  border: solid 1px #8b8b8b !important;
  color: white;
  font-weight: 400;
  height: 32px;
  line-height: 27px;
  width: 300px;
  float: right;
  margin-bottom: 20px; }

.grid-alert-btn[disabled] {
  opacity: .5; }

.grid-bid-btn {
  background-color: #00304D;
  border-radius: 4px;
  border: solid 1px #8b8b8b !important;
  color: white;
  font-weight: 400;
  height: 32px;
  line-height: 27px;
  width: 200px;
  float: right;
  margin-bottom: 20px; }

.grid-bid-btn[disabled] {
  opacity: .5; }

.grid-alert-btn-1 {
  background-color: #00304D;
  border-radius: 4px;
  border: solid 1px #8b8b8b !important;
  color: white;
  font-weight: 400;
  height: 32px;
  line-height: 27px;
  width: 200px;
  float: right;
  margin-bottom: 20px; }

.grid-alert-btn-1[disabled] {
  opacity: .5; }

.grid-alert-btn-2 {
  background-color: #00304D;
  border-radius: 4px;
  border: solid 1px #8b8b8b !important;
  color: white;
  font-weight: 400;
  height: 32px;
  line-height: 27px;
  width: 200px;
  float: right;
  margin-right: 15px;
  margin-bottom: 20px; }

.grid-alert-btn-2[disabled] {
  opacity: .5; }

.alert-title-profile {
  font-weight: 600;
  font-size: 24px; }

.alert-grid-margin {
  margin-top: 50px; }

.alert-title-padding {
  margin-left: 15px;
  color: black; }

.alert-weight {
  font-size: 1.6rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: #000000;
  margin-bottom: 10px !important; }

.btn-confirm-convo {
  background-color: #00304D !important;
  color: white !important;
  border: unset;
  border-radius: unset; }

.remove-border-convo {
  border: unset;
  border-radius: unset; }

.print-display-type {
  display: inline-flex;
  font-weight: 600; }

.print-row-display {
  font-size: 14px !important;
  display: flex;
  margin-left: -20px; }

.print-input-style {
  width: 15px;
  display: inline-flex;
  margin-left: 20px; }

.print-input-margin {
  margin-left: 15px !important; }

.print-input-margin-2 {
  margin-left: 17px !important; }

.print-input-margin-3 {
  margin-left: 12px !important; }

.print-padding {
  padding-left: 5px; }

.preferences-row .landing-page {
  display: inline-flex;
  margin-top: 9px; }
  .preferences-row .landing-page .bootstrap-select button .bs-caret {
    margin-right: 10px; }
.preferences-row .landing-page-option {
  width: 70% !important; }
.preferences-row .landing-page-label {
  margin-top: 5px;
  margin-right: 10px;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  color: #373737 !important;
  white-space: nowrap !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 1.69; }

.button-disabled-active {
  background-color: rgba(128, 128, 128, 0.67) !important;
  border: solid 1px #7a7a7a;
  color: #ffffff; }

.role-table-margin {
  margin: 4px 0 0 0; }

.role-assign-edit-link {
  font-size: 14px !important;
  font-weight: 600 !important; }

.cropped-image-preview {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -85px; }

.valuation-management-container .tab-content {
  min-height: 900px; }
.valuation-management-container .gray-heading {
  background: darkgray;
  padding: 10px 15px;
  color: white;
  font-weight: 600; }

/**
 * Community styles
 * Start
 */
.chat-icon-styles, .css-community .chat-icon, .community-table .chat-icon {
  color: #FF9900;
  cursor: pointer; }

.css-community .property-style {
  display: inline-flex;
  align-items: center; }
.css-community .listing-details-buttons {
  display: inline-flex;
  padding-right: 0 !important;
  justify-content: flex-end; }
.css-community .listing-details-buttons .button-at-left {
  margin: 1em 1em 1em 0.5em; }
.css-community .reduce-padding-right {
  margin-right: 0 !important;
  padding-right: 0 !important; }
.css-community .infinite-select-element-selector-text input.form-control {
  border-radius: 4px !important; }
.css-community .select.form-control.low-z-index {
  z-index: 0; }
.css-community .to-dropdown-border .infinite-select-element-invalid, .css-community .infinite-select-element-invalid {
  border: 0; }
.css-community .creating-specific-view .sice-search {
  height: 40px; }
.css-community .creating-specific-view .margin-bottom-0 {
  margin-bottom: 0; }
.css-community .creating-specific-view .some-radius {
  border-radius: 4px !important; }
.css-community .max-width-table-cell {
  width: calc(100% / 7); }
.css-community .marketSegmentSize {
  min-width: 150px; }
.css-community .wrapWordifNeedIt {
  padding-top: 10px;
  max-height: 40px;
  max-width: 270px;
  word-wrap: break-word;
  word-break: break-all;
  box-sizing: border-box; }
.css-community .creating-specific-view .caret {
  margin-left: -1px; }
.css-community .creating-specific-view .multiselect .multiselect-input {
  width: calc(100% - 40px) !important; }
.css-community .creating-specific-view .multiselect .multiselect-input-addon {
  width: 40px !important; }
.css-community .align-company-title {
  display: inline-flex; }
.css-community .align-company-title h4 {
  display: inline-flex;
  align-items: center; }
.css-community .modal-market {
  width: 1000px !important; }
.css-community .the-margin-bottom-zero {
  margin-bottom: 0 !important; }
.css-community .padding-one-em {
  padding-top: 1em; }
.css-community .padding-zero {
  padding-bottom: 0 !important; }
.css-community .padding-bot-1-em {
  padding-bottom: 1em; }
.css-community .padding-left-1-em {
  padding-left: 1.2em; }
.css-community .padding-left-0 {
  padding-left: 0 !important; }
.css-community .padding-left-15 {
  padding-left: 15px !important; }
.css-community .min-width-btn {
  min-width: 230px; }
.css-community .justify-space {
  display: flex;
  justify-content: space-between; }
.css-community .control-big-screen i, .css-community .icons-list {
  margin: 1.2em 0.5em 0.5em 0.5em; }
.css-community .control-big-screen .link {
  display: block;
  margin: 0 0 10px; }
.css-community .control-big-screen .link:hover {
  text-decoration: none; }
.css-community .icons-list {
  margin: 0.3em; }
.css-community .no-margin-top {
  margin-top: 0 !important; }
.css-community .qualities-selected {
  background-color: #6A86A1;
  color: #fff;
  cursor: pointer;
  margin-left: 0.5em;
  margin-right: 0.5em;
  max-width: 80px;
  display: inline-table;
  white-space: nowrap;
  padding: 3px; }
.css-community .separation-qualities {
  border-bottom: 1px solid #ccc;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap; }
.css-community .jobTitle-text {
  color: #01334d;
  font-size: 1.2em;
  font-weight: normal;
  padding-bottom: 1em; }
.css-community .thumbnail-total-size {
  width: 205px;
  margin-left: 10px; }
.css-community .thumbnail-height-comm {
  height: 290px; }
.css-community .thumbnail-height-comm-ir {
  height: 310px; }
.css-community .community-flex {
  margin-top: 1.5em;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap; }
  .css-community .community-flex .clicker {
    cursor: pointer;
    color: #00304D;
    transition: 0.5s; }
    .css-community .community-flex .clicker:hover {
      color: #777; }
  @media (min-width: 1700px) {
    .css-community .community-flex {
      width: 1600px; } }
  @media (max-width: 1700px) {
    .css-community .community-flex {
      width: 1300px; } }
  @media (max-width: 1300px) {
    .css-community .community-flex {
      width: 1100px; } }
.css-community .reduce-margin-bott {
  cursor: pointer; }
.css-community .extra-line-bottom {
  border-bottom: 1px solid #bbb; }
.css-community .label-weight {
  min-width: 70px;
  max-width: 70px;
  padding-right: 1em; }
.css-community .sixty-percent {
  width: calc(100% - 70px); }
.css-community .justify-end {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center; }
.css-community .width-80 {
  width: 80%;
  margin: auto; }
.css-community .control-padding-comm {
  padding-right: 0 !important;
  padding-left: 0 !important; }
.css-community .thumbnail-title-comm {
  display: inline-flex;
  align-items: baseline;
  width: 100%; }
.css-community .thumbnail-title-comm p {
  width: 85%;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 0;
  color: #01334d; }
.css-community .thumbnail-title-comm i {
  width: 15%; }
.css-community .thumbnail-title-comm .online {
  color: #8edd5a; }
.css-community .community-thumbnail {
  padding-left: 0.5em; }
.css-community .company-name {
  font-size: 12px; }
.css-community .last-login {
  font-size: 10px; }
.css-community .max-eighty-per {
  width: 38px !important; }
.css-community .max-seventy-per {
  width: 66px !important; }
.css-community .max-sixty-per {
  width: calc(100% / 16); }
.css-community .max-twelfe-per {
  width: calc(100% / 12); }
.css-community .for-spoken .spoken-color {
  color: #555; }
.css-community .max-spect-per {
  min-width: 145px;
  width: 145px;
  max-width: 145px; }
.css-community .max-onethreeseven {
  width: 124px;
  min-width: 124px;
  white-space: nowrap; }
.css-community .control-max-width {
  max-width: 300px !important; }
.css-community .showing .scroll-x {
  overflow-x: auto;
  padding-left: 0 !important;
  padding-right: 0 !important; }
.css-community .showing.size-600 {
  width: 100%;
  margin-left: 0 !important; }
.css-community .showing table {
  font-size: 11px !important; }
.css-community .showing table th, .css-community .showing table td {
  padding-left: 2px !important;
  padding-right: 2px !important; }
.css-community .showing .brr-th.brr-min-width.tenant-name {
  width: 150px;
  max-width: 150px !important; }
.css-community .showing .brr-th.brr-min-width.industry {
  width: 130px !important;
  max-width: 130px !important; }
@media screen and (max-width: 640px) {
  .css-community .community-flex {
    padding: 0 !important; }
  .css-community .thumbnail-total-size {
    margin-left: 0 !important;
    width: 49% !important; }
  .css-community .control-padding-comm {
    padding-left: 0 !important; } }
@media (min-width: 700px) {
  .css-community .showing .brr-th.brr-min-width.tenant-name {
    width: 150px;
    max-width: 150px !important; }
  .css-community .showing .brr-th.brr-min-width.industry {
    width: 130px !important;
    max-width: 130px !important; }
  .css-community .brr-th.brr-min-width.tenant-name {
    min-width: 270px !important; }
  .css-community .brr-th.brr-min-width.area {
    min-width: 100px !important; }
  .css-community .brr-th.date, .css-community .bo-th.date {
    min-width: 110px; } }
@media (min-width: 1200px) {
  .css-community .title-section.border.row {
    width: 100%; }
  .css-community .title-section.border.row .content-btn-new.listing-details-buttons {
    box-sizing: border-box;
    width: 700px; }
  .css-community .title-section.border.row .reduce-padding-right {
    width: calc(100% - 700px) !important;
    float: left; }
  .css-community .title-section.border.row .reduce-padding-right h1 {
    width: 100%; }
  .css-community .control-big-screen {
    max-width: 400px;
    margin: auto; } }
@media (max-width: 650px) {
  .css-community .form-checkbox {
    overflow: auto;
    margin-bottom: 0px !important; }
  .css-community .label-checkbox {
    padding-right: 10px;
    padding-left: 10px;
    display: inline-flex;
    align-items: flex-start;
    width: 50%;
    height: 45px; }
  .css-community .range {
    padding-right: 10px;
    padding-left: 10px; }
  .css-community .reduce-height {
    height: 30px; }
  .css-community .overflow-divs {
    overflow: auto; }
  .css-community .justify-end {
    display: inline-flex;
    justify-content: flex-end;
    align-items: baseline; }
  .css-community .low-screen-comm {
    margin-left: 10px; } }
.css-community .for-email {
  text-transform: lowercase; }
@media (max-width: 450px) {
  .css-community .list-datail-responsive {
    width: 100%; }
  .css-community .list-datail-responsive .listing-details-buttons {
    display: block; }
  .css-community .list-datail-responsive .dropdown.col-sm-1.col-xs-12.pull-right {
    padding-left: 30px; }
  .css-community .list-datail-responsive button.btn.btn-primary.dropdown-toggle.pull-right {
    margin-right: 1em !important; } }
@media (max-width: 420px) {
  .css-community .vertical-bar-small-screens {
    display: none; } }
@media (max-width: 400px) {
  .css-community .img-thumb-comm {
    width: 160px !important;
    height: 160px !important; } }
@media (max-width: 330px) {
  .css-community .img-thumb-comm {
    width: 145px !important;
    height: 145px !important; } }
@media (max-width: 720px) {
  .css-community .profile .title-section {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%; }
  .css-community .profile .title-section .content-btn-new {
    overflow: auto;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
  .css-community .no-the-margin-left {
    margin-left: 0 !important; } }
@media (max-width: 1545px) {
  .css-community .no-the-margin-left {
    margin-left: 0 !important; } }
.css-community .table-width-floor {
  min-width: 70px; }
.css-community .panel-community .panel-title .title-panel-table {
  margin-top: 10px !important; }
.css-community .panel-community .panel-title .search-input {
  margin: 0; }
.css-community .spotlight-wrapper {
  box-shadow: 0px 2px 5px #888888;
  margin-left: -1em;
  margin-right: -1em;
  padding: 2em !important; }
.css-community .spotlight-wrapper {
  background: #01334d;
  background-image: url("../images/feature-strip-bg.png"), -moz-linear-gradient(90deg, #123a55 5%, #226ea2 80%);
  background-image: url("../images/feature-strip-bg.png"), -webkit-linear-gradient(90deg, #123a55 5%, #226ea2 80%);
  background-image: url("../images/feature-strip-bg.png"), -o-linear-gradient(90deg, #123a55 5%, #226ea2 80%);
  background-image: url("../images/feature-strip-bg.png"), -ms-linear-gradient(90deg, #123a55 5%, #226ea2 80%);
  background-image: url("../images/feature-strip-bg.png"), linear-gradient(180deg, #123a55 5%, #226ea2 80%); }
.css-community .flexslider-spotlight {
  background-color: transparent;
  padding: 0;
  margin: 0;
  height: 300px; }
.css-community .flexslider-spotlight .slides,
.css-community .flexslider-spotlight .flexslider {
  background-color: transparent;
  border: 0;
  margin: 0; }
.css-community .flexslider-spotlight .slides img,
.css-community .flexslider-spotlight .flexslider img {
  width: 150px; }
.css-community .flexslider-spotlight .slides li {
  background-color: #fff;
  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.2);
  height: 250px;
  margin: 0.3em;
  /*width: 542px !important;*/ }
.css-community .flexslider-spotlight .content-spotlight {
  padding-top: 1em;
  padding-bottom: 1em; }
.css-community .link-read-more {
  color: #00304D; }
.css-community .grayDisabled {
  color: darkgray !important; }
.css-community .flexslider-spotlight .flex-control-nav li a {
  border-color: #808080;
  border-style: solid;
  border-width: 0.1em;
  background-color: #ebebeb; }
.css-community .flexslider-spotlight .flex-control-nav li .flex-active {
  border: 0;
  /*background-color: #ff9900;*/
  background-color: #ffffff; }
.css-community .flexslider-spotlight .flex-direction-nav .flex-nav-prev .flex-prev,
.css-community .flexslider-spotlight .flex-direction-nav .flex-nav-next .flex-prev,
.css-community .flexslider-spotlight .flex-direction-nav .flex-nav-prev .flex-next,
.css-community .flexslider-spotlight .flex-direction-nav .flex-nav-next .flex-next {
  margin: -0.5em; }
@media screen and (max-width: 1300px) {
  .css-community .flexslider-spotlight .slides img {
    height: 130px;
    width: 130px; } }
@media screen and (max-width: 640px) {
  .css-community .spotlight-wrapper {
    height: 430px;
    padding: 30px !important; }
  .css-community .flexslider-spotlight .slides li {
    height: 400px; }
  .css-community .flexslider-spotlight .slides img {
    height: 100px;
    width: 100px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto; }
  .css-community .description-spotlight {
    height: auto !important; }
  .css-community .description-spotlight .read-more {
    bottom: -20px !important; } }
.css-community .description-spotlight {
  height: 100%; }
.css-community .description-spotlight .read-more {
  position: absolute;
  bottom: 0; }
.css-community .content-detail-spotlight .image-spotlight {
  padding: 1em; }
.css-community .content-detail-spotlight .description-spotlight .name {
  color: #01334d;
  padding-top: 1em;
  padding-bottom: 1em; }
.css-community .content-detail-spotlight .description-spotlight .name h4 {
  font-size: 20px; }
.css-community .content-detail-spotlight .description-spotlight .rol {
  color: #5c87a3;
  font-size: 18px;
  padding-bottom: 1em;
  padding-top: 1em; }
.css-community .content-detail-spotlight .description-spotlight .cv {
  padding-bottom: 1em;
  padding-top: 1em; }
.css-community .no-padding {
  padding: 0px; }
.css-community .label-input {
  font-size: 1em;
  font-weight: 600;
  color: #01334d; }
.css-community .center {
  text-align: center; }
.css-community .table-hover tbody tr:hover td,
.css-community .table-hover tbody tr:hover th {
  background-color: #dfe6ec; }
.css-community .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #ffffff; }
.css-community .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f3f3f3; }
.css-community .table-responsive > .table > tbody > tr > td {
  white-space: nowrap; }
.css-community .table-responsive > .table > tbody > tr > .white-space-normal {
  white-space: normal; }
.css-community .table {
  width: 100%;
  font-size: 13px; }
.css-community .table .thead {
  background-color: #fff; }
.css-community .table .thead th {
  padding: 1em; }
.css-community .table tbody tr td {
  padding: 1em; }
.css-community .community-input {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #ffffff;
  border-radius: 5px;
  border: none !important;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%;
  outline: none !important; }
  .css-community .community-input input {
    border: solid 1px #cccccc !important;
    height: 39px;
    border-radius: 5px !important;
    font-size: 1.6rem; }
    .css-community .community-input input:focus {
      border: solid 2px #00304D !important; }
.css-community .search-op {
  margin-bottom: 10px;
  margin-right: 30px; }
.css-community .checkbox-area {
  width: 100%;
  /* Hover and focus states */
  /* Checked state */
  /* Hover state whilst checked */
  /* Disabled state */
  /* Check mark */
  /* Show check mark */
  /* Checkbox tick */
  /* Disabled tick colour */ }
  .css-community .checkbox-area label {
    font-size: 16px;
    font-weight: 400;
    color: #535353;
    white-space: nowrap;
    text-transform: capitalize; }
  .css-community .checkbox-area .control-group {
    width: 100%;
    text-align: left;
    vertical-align: top; }
    .css-community .checkbox-area .control-group .property {
      padding: 0; }
    .css-community .checkbox-area .control-group .padding-left-9 {
      padding-left: 9px; }
    .css-community .checkbox-area .control-group .checkbox-padding {
      padding-left: 33px; }
    @media (max-width: 992px) {
      .css-community .checkbox-area .control-group .property-mobile {
        padding: 0; }
      .css-community .checkbox-area .control-group .checkbox-padding {
        padding-left: 15px; } }
  .css-community .checkbox-area .control {
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 30px;
    cursor: pointer;
    padding-right: 3em;
    font-weight: 400; }
    .css-community .checkbox-area .control input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
  .css-community .checkbox-area .control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #eee;
    border: 1px solid rgba(151, 151, 151, 0.67); }
  .css-community .checkbox-area .control--radio .control__indicator {
    border-radius: 50%; }
  .css-community .checkbox-area .control:hover input ~ .control__indicator,
  .css-community .checkbox-area .control input:focus ~ .control__indicator {
    background: #eee; }
  .css-community .checkbox-area .control input:checked ~ .control__indicator {
    background: #eee; }
  .css-community .checkbox-area .control:hover input:not([disabled]):checked ~ .control__indicator,
  .css-community .checkbox-area .control input:checked:focus ~ .control__indicator {
    background: #eee; }
  .css-community .checkbox-area .control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6; }
  .css-community .checkbox-area .control__indicator:after {
    position: absolute;
    display: none;
    content: ''; }
  .css-community .checkbox-area .control input:checked ~ .control__indicator:after {
    display: block; }
  .css-community .checkbox-area .control--checkbox .control__indicator:after {
    top: 1px;
    left: 6px;
    width: 7px;
    height: 13px;
    transform: rotate(45deg);
    border: solid #000;
    border-width: 0 2px 2px 0; }
  .css-community .checkbox-area .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b; }
  .css-community .checkbox-area .no-border-bottom {
    border-bottom: 0px; }
.css-community .keyword-search {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 15px !important; }
.css-community .online {
  color: #8edd5a; }

.community-table .user-status-connection {
  width: 10.3px;
  height: 10.3px;
  border: 1px solid #646464;
  border-radius: 50%; }
.community-table .isActive {
  background-color: #8edd5a;
  border: solid 1px #fff; }
.community-table .online {
  color: #8edd5a; }
.community-table .chat-icon {
  color: #FF9900; }

/**
 *  Community Styles
 *  End
 */
.css-report .first-text {
  color: #777;
  padding-top: 10px;
  padding-bottom: 10px; }
.css-report .row-parent .report-check {
  float: right;
  padding-right: 20px; }
  .css-report .row-parent .report-check input {
    width: auto !important; }
.css-report .row-parent .headlline {
  font-weight: bold; }
.css-report .row-parent .row_right {
  display: inline-block;
  float: left;
  width: 700px; }
  @media (max-width: 1200px) {
    .css-report .row-parent .row_right {
      float: inherit;
      width: 100%;
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      box-ordinal-group: 1; } }
.css-report .row-parent .row_left {
  float: left;
  width: calc( 100% - 700px);
  display: inline-block;
  /**
       * For the correct positioning of the placeholder element, the dnd-list and
       * it's children must have position: relative
       */
  /**
         * The dnd-list should always have a min-height,
         * otherwise you can't drop to it once it's empty
         */
  /**
         * The dndDraggingSource class will be applied to
         * the source element of a drag operation. It makes
         * sense to hide it to give the user the feeling
         * that he's actually moving it.
         */
  /**
         * An element with .dndPlaceholder class will be
         * added to the dnd-list while the user is dragging
         * over it.
         */
  /**
         * The dnd-lists's child elements currently MUST have
         * position: relative. Otherwise we can not determine
         * whether the mouse pointer is in the upper or lower
         * half of the element we are dragging over. In other
         * browsers we can use event.offsetY for this.
         */
  /**
         * Show selected elements in green
         */ }
  .css-report .row-parent .row_left .angular-leaflet-map {
    padding-top: 100%; }
  .css-report .row-parent .row_left .card-comp {
    margin-bottom: 0px;
    border-bottom: 1px solid #999;
    height: auto; }
    .css-report .row-parent .row_left .card-comp .info-result {
      padding: 2px 50px;
      padding-right: 2px;
      height: 100px; }
      .css-report .row-parent .row_left .card-comp .info-result .col-result .headers {
        width: 300px; }
        .css-report .row-parent .row_left .card-comp .info-result .col-result .headers .title {
          width: 300px; }
        .css-report .row-parent .row_left .card-comp .info-result .col-result .headers .sub-title {
          width: 300px; }
        .css-report .row-parent .row_left .card-comp .info-result .col-result .headers .other-title {
          width: 300px; }
    .css-report .row-parent .row_left .card-comp .carousel-result {
      left: 20px;
      width: 100px;
      height: 100px; }
      .css-report .row-parent .row_left .card-comp .carousel-result .slide-result {
        width: 100px;
        height: 100px; }
    .css-report .row-parent .row_left .card-comp .number_box {
      position: absolute;
      left: 0;
      background-color: #666;
      padding-top: 38px;
      color: white;
      width: 20px;
      height: 100%;
      text-align: center; }
    .css-report .row-parent .row_left .card-comp .delete-comp {
      position: absolute;
      top: 8px;
      right: 8px;
      margin-left: 4px;
      color: #00304D; }
  .css-report .row-parent .row_left .drag-ul[dnd-list],
  .css-report .row-parent .row_left .drag-ul[dnd-list] > li {
    position: relative; }
  .css-report .row-parent .row_left .drag-ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
    margin-bottom: 0px; }
  .css-report .row-parent .row_left .drag-ul[dnd-list] .dndDraggingSource {
    display: none; }
  .css-report .row-parent .row_left .drag-ul[dnd-list] .dndPlaceholder {
    display: block;
    background-color: #ddd;
    min-height: 42px; }
  .css-report .row-parent .row_left .drag-ul[dnd-list] li {
    display: block; }
  .css-report .row-parent .row_left .drag-ul[dnd-list] li.dndDragging .card-comp .info-result {
    background-color: rgba(93, 191, 193, 0.38); }
  @media (max-width: 1200px) {
    .css-report .row-parent .row_left {
      float: inherit;
      width: 100%;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      box-ordinal-group: 2; } }
@media (max-width: 1200px) {
  .css-report .row-parent .row-parent {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    width: 100%; } }

.exportDisable {
  opacity: 0.7 !important;
  cursor: no-drop !important; }

.reports {
  padding-bottom: 15px;
  padding-top: 15px;
  display: flex; }
  .reports .report-card-heading {
    padding-bottom: 20px; }
  .reports .reports-params {
    height: auto !important;
    margin-top: 10px;
    margin-left: 15px;
    min-height: 540px;
    width: initial;
    padding-bottom: 60px;
    margin-right: 0 !important; }
    .reports .reports-params .reports-params-title {
      margin-bottom: 30px !important; }
    .reports .reports-params .button-wp {
      text-align: right;
      position: absolute;
      bottom: 15px;
      right: 15px; }
  .reports .report-card, .reports .reports-params {
    background-color: #fff;
    height: 140px;
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 15px;
    position: relative;
    border: solid 1px #c9c9c9;
    box-sizing: content-box;
    flex-grow: 1; }
    .reports .report-card .report-name, .reports .reports-params .report-name, .reports .reports-params .reports-params-title, .reports .report-card .report-subject, .reports .reports-params .report-subject, .reports .report-card .report-description, .reports .reports-params .report-description {
      margin: 0; }
    .reports .report-card .report-name, .reports .reports-params .report-name, .reports .reports-params .reports-params-title {
      font-size: 25px;
      font-size: 2.5rem;
      font-weight: bold;
      color: #212121;
      line-height: 2; }
    .reports .report-card .report-subject, .reports .reports-params .report-subject {
      font-size: 18px;
      font-size: 1.8rem;
      color: #181818;
      padding-bottom: 12px; }
    .reports .report-card .report-description, .reports .reports-params .report-description {
      font-size: 18px;
      color: #777777; }
  .reports .new-card {
    top: 7px;
    left: 7px;
    padding-left: 50px;
    height: 130px; }
  .reports .report-detail-col {
    width: 60%; }
  .reports .new-report-detail-col {
    width: 100%; }
  .reports .create-report-col {
    width: 40%; }
  .reports .accordion {
    width: 100%; }
    .reports .accordion .pull-right {
      float: right;
      margin-right: 10px; }
    .reports .accordion .panel-title {
      padding: 10px 15px;
      font-size: 2.5rem; }

.rca-export-limit-exceed {
  font-weight: bold;
  color: #ff0000; }

.export-limit-new-line {
  display: block; }

.rca-trx-total {
  color: #000000; }

.rca-export-limit {
  margin: 5px 0 0 -14px;
  padding: 5px 0 0 0;
  font-size: 1.5rem;
  border: solid 1px #d8d8d8;
  border-left-style: none;
  max-width: fit-content; }
  .rca-export-limit .fa {
    font-size: 20px; }
  .rca-export-limit .default-padding {
    padding: 3px 3px 3px 0; }
  .rca-export-limit .fa-icon-left-margin {
    margin-left: -5px; }
  .rca-export-limit .default-inline {
    display: inline-block; }
  .rca-export-limit .sm-margin {
    margin-left: 5px;
    margin-top: -2px; }
  .rca-export-limit .sm-top-margin {
    margin-top: -2px; }
  .rca-export-limit .rca-container {
    background-color: #FFF;
    border: solid 1px #d8d8d8;
    position: relative;
    margin: 0 5px 5px 5px;
    padding: 10px; }
  .rca-export-limit .container-content {
    font-size: 1.6rem;
    padding-right: 15px; }
  .rca-export-limit .selected-color {
    color: #000000; }

.modal-open .modal {
  overflow-y: hidden !important;
  overflow-x: hidden !important; }

.create-report-modal {
  z-index: 1050 !important; }
  .create-report-modal .drag-ul[dnd-list] {
    width: 820px;
    padding: 10px 10px 0 1px;
    margin-bottom: 0px;
    overflow: inherit; }
  .create-report-modal .export-header {
    background-color: #fff;
    margin: 1px;
    padding: 10px; }
  .create-report-modal .map-view {
    height: 20%; }
  .create-report-modal .rca-export-limit {
    margin: 20px 0 0 0;
    padding: 5px 0 0 0;
    font-size: 1.5rem;
    border: solid 1px #d8d8d8;
    max-width: fit-content; }
  .create-report-modal .container-content {
    font-size: 1.2rem; }
  .create-report-modal .modal-dialog {
    height: calc(100% - 50px);
    width: 850px;
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: smooth; }
  .create-report-modal .modal-header {
    border-bottom: none; }
  .create-report-modal .modal-body {
    max-height: calc(100vh - 300px);
    padding: 5px 15px;
    overflow-x: hidden;
    overflow-y: auto; }
  .create-report-modal .modal-dialog .modal-content {
    background-color: #F8F8F8;
    overflow-x: hidden; }
  .create-report-modal .header-title {
    margin-top: 5px;
    font-size: 18px;
    color: #545454; }
  .create-report-modal .new-basic-button {
    border-radius: 4px;
    color: #fff;
    height: 35px;
    width: 170px;
    line-height: 4px;
    font-size: 15px;
    font-weight: 300;
    float: right; }
  .create-report-modal .btn-cancel {
    background: transparent;
    border: 0;
    color: #545454;
    font-size: 16px;
    font-weight: 400;
    height: 35px;
    text-transform: uppercase; }
  .create-report-modal ul {
    list-style-type: none; }
  .create-report-modal .card-border {
    border: 1px solid #999; }
  .create-report-modal .default-bg-color {
    background-color: #e6e6e6; }
  .create-report-modal .default-font-size {
    font-size: 1.3rem; }
  .create-report-modal .map-pin-padding {
    padding: 15px 0 10px 15px; }
  .create-report-modal .export-limit-margin {
    margin-top: 20px; }
  .create-report-modal .export-limit-font-size {
    font-size: 1.4rem; }
  .create-report-modal .card-comp-modal input[type="checkbox"] {
    height: 18px;
    width: 18px;
    vertical-align: sub; }
  .create-report-modal .card-comp-modal .number-box-col {
    width: 25px;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px; }
  .create-report-modal .card-comp-modal .image-info-col {
    float: left;
    position: relative;
    min-height: 1px;
    margin-left: 15px; }
  .create-report-modal .card-comp-modal .property-header-info-col {
    width: 285px;
    float: left;
    position: relative;
    height: 130px;
    background: transparent;
    border-right: 1px solid #979797; }
  .create-report-modal .card-comp-modal .number-box {
    left: 0;
    background-color: #666;
    color: white;
    width: inherit;
    height: 130px;
    text-align: center;
    font-size: 1.3rem;
    padding-top: 40px; }
  .create-report-modal .card-comp-modal .property-info-container {
    width: 340px;
    float: left;
    position: relative;
    height: 130px; }
  .create-report-modal .card-comp-modal .no-interest-rate {
    position: relative;
    top: -15px; }
  .create-report-modal .card-comp-modal .sales-transaction-container {
    width: 340px;
    float: left;
    position: relative;
    height: 130px; }
  .create-report-modal .card-comp-modal .property-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal .transaction-property-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal .site-property-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal .sales-transaction-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal .site-sales-transaction-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal .delete-report {
    color: #00304D;
    position: absolute;
    width: 15px;
    top: 1px;
    right: -5px; }
  .create-report-modal .card-comp-modal .lease-transaction-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal img {
    opacity: 0.8;
    bottom: 0;
    height: inherit;
    left: 0;
    max-width: 100%;
    width: auto;
    margin: auto;
    position: relative;
    right: 0;
    top: 0; }
  .create-report-modal .card-comp-modal p {
    margin: 0; }
  .create-report-modal .card-comp-modal .image-box {
    width: 130px;
    height: 130px;
    vertical-align: top;
    border-right: 1px #c9c9c9 solid; }
  .create-report-modal .card-comp-modal .inline-column {
    display: inline-block; }
  .create-report-modal .card-comp-modal .title {
    font-size: 1.3rem;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 1.2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #212121;
    cursor: pointer; }
  .create-report-modal .card-comp-modal .sm-padding-left {
    padding: 0 0 0 10px; }
  .create-report-modal .card-comp-modal .sm-padding-bottom {
    padding-bottom: 5px; }
  .create-report-modal .card-comp-modal .property-info-padding {
    padding: 10px 0 0 10px; }
  .create-report-modal .card-comp-modal .portfolio-pin {
    margin-top: 5px;
    margin-bottom: 5px; }
  .create-report-modal .card-comp-modal .pin-size, .create-report-modal .card-comp-modal .subject-detail {
    font-size: 1.4rem; }
  .create-report-modal .card-comp-modal .one-dash-two-font {
    font-size: 1.2rem; }
  .create-report-modal .card-comp-modal .region-font, .create-report-modal .card-comp-modal .property-label {
    font-size: 1.0rem !important;
    color: #808080; }
  .create-report-modal .card-comp-modal .custom-row-margin {
    margin-left: 1px;
    margin-right: -15px; }
  .create-report-modal .card-comp-modal .vertical-align-top {
    vertical-align: top; }
  .create-report-modal .card-comp-modal .sales-trx-height {
    height: 130px !important; }
  .create-report-modal .card-comp-modal .sales-trx-img-height {
    height: inherit !important; }
  .create-report-modal .card-comp-modal .text-overflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.new-modal-backdrop {
  z-index: 1040 !important; }

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

.top-8 {
  margin-top: 8px; }

.fund-container .multi-dropdown .multiselect-parent {
  height: 39px;
  width: 100%; }
  .fund-container .multi-dropdown .multiselect-parent button {
    font-size: 1.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: solid 1px #cccccc !important;
    border-radius: 4px;
    height: 39px !important;
    padding-right: 22px;
    text-align: left;
    width: 100% !important;
    text-transform: inherit; }
    .fund-container .multi-dropdown .multiselect-parent button span {
      font-size: 1.6rem;
      float: right; }

.fix-spot {
  width: 95%; }

.message-view {
  background-color: #eee;
  padding: 30px 15px; }
  .message-view .message-title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    color: rgba(0, 0, 0, 0.8); }
  .message-view .panel-body {
    padding: 0; }
  .message-view .table-responsive {
    overflow-x: hidden;
    width: 100%; }
    .message-view .table-responsive td {
      vertical-align: inherit !important; }
  .message-view .extra {
    padding-left: 9px; }
  .message-view .checkbox-area {
    width: 100%;
    /* Hover and focus states */
    /* Checked state */
    /* Hover state whilst checked */
    /* Disabled state */
    /* Check mark */
    /* Show check mark */
    /* Checkbox tick */
    /* Disabled tick colour */ }
    .message-view .checkbox-area label.control {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 400;
      color: #818181;
      white-space: nowrap;
      text-transform: capitalize; }
    .message-view .checkbox-area label.control2 {
      font-size: 16px;
      font-weight: 400;
      color: #535353;
      white-space: nowrap;
      text-transform: capitalize; }
    .message-view .checkbox-area .control-group {
      width: 100%;
      text-align: left;
      vertical-align: top;
      line-height: 15px;
      height: 15px; }
      .message-view .checkbox-area .control-group .property {
        padding: 0; }
      .message-view .checkbox-area .control-group .padding-left-9 {
        padding-left: 9px; }
      .message-view .checkbox-area .control-group .checkbox-padding {
        padding-left: 33px; }
      @media (max-width: 992px) {
        .message-view .checkbox-area .control-group .property-mobile {
          padding: 0; }
        .message-view .checkbox-area .control-group .checkbox-padding {
          padding-left: 15px; } }
    .message-view .checkbox-area .control {
      font-size: 14px;
      font-size: 1.4rem;
      position: relative;
      display: block;
      margin-bottom: 15px;
      padding-left: 30px;
      cursor: pointer;
      padding-right: 3em;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal; }
      .message-view .checkbox-area .control input {
        position: absolute;
        z-index: -1;
        opacity: 0; }
    .message-view .checkbox-area .control2 {
      font-size: 14px;
      font-size: 1.4rem;
      position: relative;
      display: block;
      margin-top: 5px;
      margin-bottom: 5px;
      padding-left: 30px;
      cursor: pointer;
      padding-right: 3em;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal; }
      .message-view .checkbox-area .control2 input {
        position: absolute;
        z-index: -1;
        opacity: 0; }
    .message-view .checkbox-area .control__indicator {
      position: absolute;
      top: 0;
      left: 0;
      width: 15px;
      height: 15px;
      background: #eee;
      border: 1px solid rgba(151, 151, 151, 0.67); }
    .message-view .checkbox-area .control--radio .control__indicator {
      border-radius: 50%; }
    .message-view .checkbox-area .control:hover input ~ .control__indicator,
    .message-view .checkbox-area .control input:focus ~ .control__indicator {
      background: #eee; }
    .message-view .checkbox-area .control input:checked ~ .control__indicator {
      background: #eee; }
    .message-view .checkbox-area .control:hover input:not([disabled]):checked ~ .control__indicator,
    .message-view .checkbox-area .control input:checked:focus ~ .control__indicator {
      background: #eee; }
    .message-view .checkbox-area .control input:disabled ~ .control__indicator {
      pointer-events: none;
      opacity: .6;
      background: #e6e6e6; }
    .message-view .checkbox-area .control__indicator:after {
      position: absolute;
      display: none;
      content: ''; }
    .message-view .checkbox-area .control input:checked ~ .control__indicator:after {
      display: block; }
    .message-view .checkbox-area .control--checkbox .control__indicator:after {
      top: 1px;
      left: 4px;
      width: 4px;
      height: 9px;
      transform: rotate(45deg);
      border: solid #000;
      border-width: 0 2px 2px 0; }
    .message-view .checkbox-area .control--checkbox input:disabled ~ .control__indicator:after {
      border-color: #7b7b7b; }
  .message-view .message-header {
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #535353; }
    .message-view .message-header span {
      font-weight: normal !important; }
  .message-view .to-left {
    text-align: end; }
  .message-view .delete {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #818181;
    text-transform: uppercase; }
  .message-view table {
    margin-top: 25px;
    margin-left: 1px;
    padding-top: 5px;
    padding-left: 2px; }
    .message-view table td {
      max-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .message-view table td.check-td {
      width: 30%; }
    .message-view table td.subject {
      width: 25%; }
    .message-view table td.content {
      width: 25%; }
    .message-view table td.date {
      width: 18%; }
  .message-view tr:hover, .message-view tr:active, .message-view tr:focus {
    border: 2px solid #00304D; }
  .message-view thead tr:hover, .message-view thead tr:active, .message-view thead tr:focus {
    border: none !important; }
  .message-view .read {
    background-color: rgba(195, 195, 195, 0.4); }

.delete-selected {
  font-size: 14px;
  font-size: 1.4rem;
  color: #818181; }
  .delete-selected label {
    font-size: 14px;
    font-size: 1.4rem;
    color: #818181;
    text-transform: uppercase; }

.site-header .back-button {
  float: left;
  background-color: transparent;
  color: #00304D;
  margin-right: 10px; }
  .site-header .back-button i {
    font-size: 18px; }
.site-header .message-detail-h1 {
  float: left; }

.detail-message-view {
  background-color: #FFF; }
  .detail-message-view .subject {
    font-size: 18px;
    color: #000;
    padding-bottom: 20px;
    border-bottom: solid 1px #CCC;
    width: 100%;
    margin-bottom: 15px; }
  .detail-message-view .profile-pic {
    float: left;
    padding-right: 2%;
    box-sizing: border-box;
    width: 7%; }
    .detail-message-view .profile-pic img {
      max-width: 100%; }
  .detail-message-view .message-content {
    float: left;
    width: 90%; }
  .detail-message-view .date {
    text-align: right;
    font-size: 14px;
    height: 30px; }
  .detail-message-view .author {
    font-weight: 600;
    font-size: 16px;
    clear: both;
    display: block;
    margin-bottom: 0; }
  .detail-message-view .addressee {
    font-size: 16px;
    color: #b0b0b0;
    margin-bottom: 10px; }
  .detail-message-view .reply {
    margin-top: 40px;
    position: relative; }
    .detail-message-view .reply textarea {
      width: 90%;
      border-radius: 0px;
      border: 1px solid #CCC;
      height: 150px;
      padding: 15px;
      color: #434343; }
    .detail-message-view .reply button {
      background-color: transparent;
      text-transform: uppercase;
      color: #6f6f6f;
      font-weight: 600;
      float: right;
      margin-right: 4%;
      position: absolute;
      right: 26px;
      bottom: -4px; }
      .detail-message-view .reply button i {
        margin-right: 7px; }
  .detail-message-view .profile-pic-from {
    float: left;
    padding-right: 2%;
    box-sizing: border-box;
    width: 6%; }
    .detail-message-view .profile-pic-from img {
      max-width: 100%; }

.new-message-view {
  background-color: #FFF; }
  .new-message-view .error {
    border: 2px #dc0000 solid !important; }
  .new-message-view textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 10px;
    margin-bottom: 25px; }
  .new-message-view input {
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 5px 10px;
    width: 100%;
    height: 40px; }
  .new-message-view input:focus {
    border: solid 2px #00304D !important; }
  .new-message-view input.input-required {
    border: solid 2px #EA2626 !important; }
  .new-message-view .userlabel {
    font-size: 1.67292rem;
    background-color: #f3f2ed;
    padding: 8px 10px;
    border-radius: 5px; }
  .new-message-view .form-group {
    margin-bottom: 35px; }

.comming-icon {
  max-width: 110px;
  max-height: 190px; }

.capital-markets {
  padding: 15px;
  /* #linear_div > div{
     border: 1px solid rgba(151, 151, 151, 0.46);
     & > div{
       width: 100% !important;
     }
     svg, rect{
       width: 100% !important;
     }
   }*/ }
  .capital-markets label {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: rgba(0, 0, 0, 0.8); }
  .capital-markets .white {
    background-color: #eee;
    padding: 15px; }
    .capital-markets .white .lastUp {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      color: rgba(0, 0, 0, 0.8);
      margin: 15px 0; }
  .capital-markets .markets h2 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #1e1e1e;
    margin-top: 10px; }
  .capital-markets .markets h4 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    color: #000000; }
  .capital-markets .markets h6 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-align: left; }
  .capital-markets .markets p {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #545454;
    margin-bottom: 5px; }
  .capital-markets .markets hr {
    width: 100px;
    border-top: solid 1px #979797;
    margin-top: 10px; }
  .capital-markets .markets .red {
    color: #f03531; }
  .capital-markets .markets .green {
    color: #00c036; }
  .capital-markets .rate-values-col {
    margin-top: 90px;
    padding-top: 30px;
    padding-bottom: 29px;
    border: 1px #c9c9c9 solid; }
    .capital-markets .rate-values-col div {
      margin-top: 40px;
      display: block; }
      .capital-markets .rate-values-col div:first-child {
        margin-top: 0px; }
      .capital-markets .rate-values-col div .title {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        text-align: left;
        color: #747474;
        margin-bottom: 5px; }
      .capital-markets .rate-values-col div .label-input {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        text-align: left;
        color: #535353; }
  .capital-markets .extra-margin-bottom {
    margin-bottom: 10px; }
  .capital-markets .blue-label {
    color: #00304D !important;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400 !important; }
  .capital-markets .advanced-search-text {
    margin-right: 10px;
    font-weight: 400;
    font-size: 17px;
    font-size: 1.7rem; }
  .capital-markets .padding-left-top {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 0; }
  .capital-markets .control-radio-inline .control--radio {
    display: inline-flex !important;
    min-width: 150px;
    margin-right: 10px;
    font-size: 16px;
    font-size: 1.6rem; }
  .capital-markets input[type="radio"] {
    width: 15px;
    margin-right: 10px; }

.graph-col {
  max-width: 910px; }

hr.cap-separation {
  border-top: solid 1px #979797;
  margin-bottom: 0 !important;
  margin-top: 5px !important; }

/* Media queries */
@media (max-width: 1300px) {
  .rate-values-col {
    margin-left: 70px; } }
@media (min-width: 1301px) and (max-width: 1650px) {
  .rate-values-col {
    margin-left: 50px; } }
@media (min-width: 1651px) {
  .rate-values-col {
    margin-left: 50px; } }
/**
 * Company styles
 * Start
 */
.css-company {
  background-color: white; }
  .css-company .advanced-search-fields {
    padding: 0px 30px 30px; }
  .css-company .advanced-search-section {
    background-color: transparent;
    border: none;
    padding: 0px; }
  .css-company .panel {
    background-color: transparent; }
  .css-company .property-style {
    display: inline-flex;
    align-items: center; }
  .css-company .listing-details-buttons {
    display: inline-flex;
    padding-right: 0 !important;
    justify-content: flex-end; }
  .css-company .listing-details-buttons .button-at-left {
    margin: 1em 1em 1em 0.5em; }
  .css-company .reduce-padding-right {
    margin-right: 0 !important;
    padding-right: 0 !important; }
  .css-company .infinite-select-element-selector-text input.form-control {
    border-radius: 4px !important; }
  .css-company .select.form-control.low-z-index {
    z-index: 0; }
  .css-company .to-dropdown-border .infinite-select-element-invalid, .css-company .infinite-select-element-invalid {
    border: 0; }
  .css-company .creating-specific-view .sice-search {
    height: 40px; }
  .css-company .creating-specific-view .margin-bottom-0 {
    margin-bottom: 0; }
  .css-company .creating-specific-view .some-radius {
    border-radius: 4px !important; }
  .css-company .max-width-table-cell {
    width: calc(100%/7); }
  .css-company .marketSegmentSize {
    min-width: 150px; }
  .css-company .wrapWordifNeedIt {
    padding-top: 10px;
    max-height: 40px;
    max-width: 270px;
    word-wrap: break-word;
    word-break: break-all;
    box-sizing: border-box; }
  .css-company .creating-specific-view .caret {
    margin-left: -1px; }
  .css-company .creating-specific-view .multiselect .multiselect-input {
    width: calc(100% - 40px) !important; }
  .css-company .creating-specific-view .multiselect .multiselect-input-addon {
    width: 40px !important; }
  .css-company .align-company-title {
    display: inline-flex; }
  .css-company .align-company-title h4 {
    display: inline-flex;
    align-items: center; }
  .css-company .modal-market {
    width: 1000px !important; }
  .css-company .the-margin-bottom-zero {
    margin-bottom: 0 !important; }
  .css-company .padding-one-em {
    padding-top: 1em; }
  .css-company .padding-zero {
    padding-bottom: 0 !important; }
  .css-company .padding-bot-1-em {
    padding-bottom: 1em; }
  .css-company .padding-left-1-em {
    padding-left: 1.2em; }
  .css-company .padding-left-0 {
    padding-left: 0 !important; }
  .css-company .padding-left-15 {
    padding-left: 15px !important; }
  .css-company .min-width-btn {
    min-width: 230px; }
  .css-company .justify-space {
    display: flex;
    justify-content: space-between; }
  .css-company .control-big-screen i, .css-company .icons-list {
    margin: 1.2em 0.5em 0.5em 0.5em; }
  .css-company .control-big-screen .link {
    display: block;
    margin: 0 0 10px; }
  .css-company .control-big-screen .link:hover {
    text-decoration: none; }
  .css-company .icons-list {
    margin: 0.3em; }
  .css-company .no-margin-top {
    margin-top: 0 !important; }
  .css-company .qualities-selected {
    background-color: #6A86A1;
    color: #fff;
    cursor: pointer;
    margin-left: 0.5em;
    margin-right: 0.5em;
    max-width: 80px;
    display: inline-table;
    white-space: nowrap;
    padding: 3px; }
  .css-company .separation-qualities {
    border-bottom: 1px solid #ccc;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap; }
  .css-company .jobTitle-text {
    color: #01334d;
    font-size: 1.2em;
    font-weight: normal;
    padding-bottom: 1em; }
  .css-company .thumbnail-total-size {
    width: 205px;
    margin-left: 1em; }
  .css-company .thumbnail-height-comm {
    height: 290px; }
  .css-company .community-flex {
    margin-top: 1.5em;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap; }
  .css-company .reduce-margin-bott {
    cursor: pointer; }
  .css-company .extra-line-bottom {
    border-bottom: 1px solid #bbb; }
  .css-company .label-weight {
    min-width: 70px;
    max-width: 70px;
    padding-right: 1em; }
  .css-company .sixty-percent {
    width: calc(100% - 70px); }
  .css-company .justify-end {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center; }
  .css-company .width-80 {
    width: 80%;
    margin: auto; }
  .css-company .control-padding-comm {
    padding-right: 0 !important;
    padding-left: 0.5em !important; }
  .css-company .thumbnail-title-comm {
    display: inline-flex;
    align-items: baseline;
    width: 100%; }
  .css-company .thumbnail-title-comm p {
    width: 85%;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0;
    color: #01334d; }
  .css-company .thumbnail-title-comm i {
    width: 15%; }
  .css-company .community-thumbnail {
    padding-left: 0.5em; }
  .css-company .company-name {
    color: #00304D; }
  .css-company .last-login {
    font-size: 10px; }
  .css-company .max-eighty-per {
    width: 38px !important; }
  .css-company .max-seventy-per {
    width: 66px !important; }
  .css-company .max-sixty-per {
    width: calc(100%/16); }
  .css-company .max-twelfe-per {
    width: calc(100%/12); }
  .css-company .for-spoken .spoken-color {
    color: #555; }
  .css-company .max-spect-per {
    min-width: 145px;
    width: 145px;
    max-width: 145px; }
  .css-company .max-onethreeseven {
    width: 124px;
    min-width: 124px;
    white-space: nowrap; }
  .css-company .control-max-width {
    max-width: 300px !important; }
  .css-company .showing .scroll-x {
    overflow-x: auto;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .css-company .showing.size-600 {
    width: 100%;
    margin-left: 0 !important; }
  .css-company .showing table {
    font-size: 11px !important; }
  .css-company .showing table th, .css-company .showing table td {
    padding-left: 2px !important;
    padding-right: 2px !important; }
  .css-company .showing .brr-th.brr-min-width.tenant-name {
    width: 150px;
    max-width: 150px !important; }
  .css-company .showing .brr-th.brr-min-width.industry {
    width: 130px !important;
    max-width: 130px !important; }
  @media screen and (max-width: 640px) {
    .css-company .community-flex {
      padding: 0 !important; }
    .css-company .thumbnail-total-size {
      margin-left: 0 !important;
      width: 49% !important; }
    .css-company .control-padding-comm {
      padding-left: 0 !important; } }
  @media (min-width: 700px) {
    .css-company .showing .brr-th.brr-min-width.tenant-name {
      width: 150px;
      max-width: 150px !important; }
    .css-company .showing .brr-th.brr-min-width.industry {
      width: 130px !important;
      max-width: 130px !important; }
    .css-company .brr-th.brr-min-width.tenant-name {
      min-width: 270px !important; }
    .css-company .brr-th.brr-min-width.area {
      min-width: 100px !important; }
    .css-company .brr-th.date, .css-company .bo-th.date {
      min-width: 110px; } }
  @media (min-width: 1200px) {
    .css-company .title-section.border.row {
      width: 100%; }
    .css-company .title-section.border.row .content-btn-new.listing-details-buttons {
      box-sizing: border-box;
      width: 700px; }
    .css-company .title-section.border.row .reduce-padding-right {
      width: calc(100% - 700px) !important;
      float: left; }
    .css-company .title-section.border.row .reduce-padding-right h1 {
      width: 100%; }
    .css-company .control-big-screen {
      max-width: 400px;
      margin: auto; } }
  @media (max-width: 650px) {
    .css-company .form-checkbox {
      overflow: auto;
      margin-bottom: 0px !important; }
    .css-company .label-checkbox {
      padding-right: 10px;
      padding-left: 10px;
      display: inline-flex;
      align-items: flex-start;
      width: 50%;
      height: 45px; }
    .css-company .range {
      padding-right: 10px;
      padding-left: 10px; }
    .css-company .reduce-height {
      height: 30px; }
    .css-company .overflow-divs {
      overflow: auto; }
    .css-company .justify-end {
      display: inline-flex;
      justify-content: flex-end;
      align-items: baseline; }
    .css-company .low-screen-comm {
      margin-left: 10px; } }
  .css-company .for-email {
    text-transform: lowercase; }
  @media (max-width: 450px) {
    .css-company .list-datail-responsive {
      width: 100%; }
    .css-company .list-datail-responsive .listing-details-buttons {
      display: block; }
    .css-company .list-datail-responsive .dropdown.col-sm-1.col-xs-12.pull-right {
      padding-left: 30px; }
    .css-company .list-datail-responsive button.btn.btn-primary.dropdown-toggle.pull-right {
      margin-right: 1em !important; } }
  @media (max-width: 420px) {
    .css-company .vertical-bar-small-screens {
      display: none; } }
  @media (max-width: 400px) {
    .css-company .img-thumb-comm {
      width: 160px !important;
      height: 160px !important; } }
  @media (max-width: 330px) {
    .css-company .img-thumb-comm {
      width: 145px !important;
      height: 145px !important; } }
  @media (max-width: 720px) {
    .css-company .profile .title-section {
      margin-left: 0 !important;
      margin-right: 0 !important;
      width: 100%; }
    .css-company .profile .title-section .content-btn-new {
      overflow: auto;
      display: inline-flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
    .css-company .no-the-margin-left {
      margin-left: 0 !important; } }
  @media (max-width: 1545px) {
    .css-company .no-the-margin-left {
      margin-left: 0 !important; } }
  .css-company .table-width-floor {
    min-width: 70px; }
  .css-company .panel-community .panel-title .title-panel-table {
    margin-top: 10px !important; }
  .css-company .panel-community .panel-title .search-input {
    margin: 0; }
  .css-company .spotlight-wrapper {
    box-shadow: 0px 2px 5px #888888;
    margin-left: -1em;
    margin-right: -1em;
    padding: 2em !important; }
  .css-company .spotlight-wrapper {
    background: #01334d;
    background-image: url("../images/feature-strip-bg.png"), -moz-linear-gradient(90deg, #123a55 5%, #226ea2 80%);
    background-image: url("../images/feature-strip-bg.png"), -webkit-linear-gradient(90deg, #123a55 5%, #226ea2 80%);
    background-image: url("../images/feature-strip-bg.png"), -o-linear-gradient(90deg, #123a55 5%, #226ea2 80%);
    background-image: url("../images/feature-strip-bg.png"), -ms-linear-gradient(90deg, #123a55 5%, #226ea2 80%);
    background-image: url("../images/feature-strip-bg.png"), linear-gradient(180deg, #123a55 5%, #226ea2 80%); }
  .css-company .flexslider-spotlight {
    background-color: transparent;
    padding: 0;
    margin: 0;
    height: 300px; }
  .css-company .flexslider-spotlight .slides,
  .css-company .flexslider-spotlight .flexslider {
    background-color: transparent;
    border: 0;
    margin: 0; }
  .css-company .flexslider-spotlight .slides img,
  .css-company .flexslider-spotlight .flexslider img {
    width: 150px; }
  .css-company .flexslider-spotlight .slides li {
    background-color: #fff;
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.2);
    height: 250px;
    margin: 0.3em;
    /*width: 542px !important;*/ }
  .css-company .flexslider-spotlight .content-spotlight {
    padding-top: 1em;
    padding-bottom: 1em; }
  .css-company .link-read-more {
    color: #00304D; }
  .css-company .grayDisabled {
    color: darkgray !important; }
  .css-company .flexslider-spotlight .flex-control-nav li a {
    border-color: #808080;
    border-style: solid;
    border-width: 0.1em;
    background-color: #ebebeb; }
  .css-company .flexslider-spotlight .flex-control-nav li .flex-active {
    border: 0;
    /*background-color: #ff9900;*/
    background-color: #ffffff; }
  .css-company .flexslider-spotlight .flex-direction-nav .flex-nav-prev .flex-prev,
  .css-company .flexslider-spotlight .flex-direction-nav .flex-nav-next .flex-prev,
  .css-company .flexslider-spotlight .flex-direction-nav .flex-nav-prev .flex-next,
  .css-company .flexslider-spotlight .flex-direction-nav .flex-nav-next .flex-next {
    margin: -0.5em; }
  @media screen and (max-width: 1300px) {
    .css-company .flexslider-spotlight .slides img {
      height: 130px;
      width: 130px; } }
  @media screen and (max-width: 640px) {
    .css-company .spotlight-wrapper {
      height: 430px;
      padding: 30px !important; }
    .css-company .flexslider-spotlight .slides li {
      height: 400px; }
    .css-company .flexslider-spotlight .slides img {
      height: 100px;
      width: 100px;
      margin-bottom: 20px;
      margin-left: auto;
      margin-right: auto; }
    .css-company .description-spotlight {
      height: auto !important; }
    .css-company .description-spotlight .read-more {
      bottom: -20px !important; } }
  .css-company .description-spotlight {
    height: 100%; }
  .css-company .description-spotlight .read-more {
    position: absolute;
    bottom: 0; }
  .css-company .content-detail-spotlight .image-spotlight {
    padding: 1em; }
  .css-company .content-detail-spotlight .description-spotlight .name {
    color: #01334d;
    padding-top: 1em;
    padding-bottom: 1em; }
  .css-company .content-detail-spotlight .description-spotlight .name h4 {
    font-size: 20px; }
  .css-company .content-detail-spotlight .description-spotlight .rol {
    color: #5c87a3;
    font-size: 18px;
    padding-bottom: 1em;
    padding-top: 1em; }
  .css-company .content-detail-spotlight .description-spotlight .cv {
    padding-bottom: 1em;
    padding-top: 1em; }
  .css-company .no-padding {
    padding: 0px; }
  .css-company .label-input {
    font-size: 1em;
    color: #000;
    font-weight: bold; }
  .css-company .center {
    text-align: center; }
  .css-company .table-hover tbody tr:hover td,
  .css-company .table-hover tbody tr:hover th {
    background-color: #eee; }
  .css-company .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9; }
  .css-company .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #ffffff; }
  .css-company .table-responsive > .table > tbody > tr > td {
    white-space: nowrap; }
  .css-company .table-responsive > .table > tbody > tr > .white-space-normal {
    white-space: normal; }
  .css-company .table {
    width: 100%; }
  .css-company .table .thead {
    background-color: #fff; }
  .css-company .table .thead th {
    padding: 8px 20px; }
  .css-company .table tbody tr td {
    padding: 8px 19px; }
  .css-company .community-input {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #ffffff;
    border: solid 1px #cccccc !important;
    border-radius: 4px;
    color: #535353;
    font-weight: 400;
    height: 39px;
    width: 100%;
    outline: none !important; }
  .css-company .checkbox-area {
    width: 100%;
    /* Hover and focus states */
    /* Checked state */
    /* Hover state whilst checked */
    /* Disabled state */
    /* Check mark */
    /* Show check mark */
    /* Checkbox tick */
    /* Disabled tick colour */ }
    .css-company .checkbox-area label {
      font-size: 16px;
      font-weight: 400;
      color: #535353;
      white-space: nowrap;
      text-transform: capitalize; }
    .css-company .checkbox-area .control-group {
      width: 100%;
      text-align: left;
      vertical-align: top; }
      .css-company .checkbox-area .control-group .property {
        padding: 0; }
      .css-company .checkbox-area .control-group .padding-left-9 {
        padding-left: 9px; }
      .css-company .checkbox-area .control-group .checkbox-padding {
        padding-left: 33px; }
      @media (max-width: 992px) {
        .css-company .checkbox-area .control-group .property-mobile {
          padding: 0; }
        .css-company .checkbox-area .control-group .checkbox-padding {
          padding-left: 15px; } }
    .css-company .checkbox-area .control {
      font-size: 16px;
      font-size: 1.6rem;
      position: relative;
      display: block;
      margin-bottom: 15px;
      padding-left: 30px;
      cursor: pointer;
      padding-right: 3em;
      font-weight: 400; }
      .css-company .checkbox-area .control input {
        position: absolute;
        z-index: -1;
        opacity: 0; }
    .css-company .checkbox-area .control__indicator {
      position: absolute;
      top: 2px;
      left: 0;
      width: 20px;
      height: 20px;
      background: #eee;
      border: 1px solid rgba(151, 151, 151, 0.67); }
    .css-company .checkbox-area .control--radio .control__indicator {
      border-radius: 50%; }
    .css-company .checkbox-area .control:hover input ~ .control__indicator,
    .css-company .checkbox-area .control input:focus ~ .control__indicator {
      background: #eee; }
    .css-company .checkbox-area .control input:checked ~ .control__indicator {
      background: #eee; }
    .css-company .checkbox-area .control:hover input:not([disabled]):checked ~ .control__indicator,
    .css-company .checkbox-area .control input:checked:focus ~ .control__indicator {
      background: #eee; }
    .css-company .checkbox-area .control input:disabled ~ .control__indicator {
      pointer-events: none;
      opacity: .6;
      background: #e6e6e6; }
    .css-company .checkbox-area .control__indicator:after {
      position: absolute;
      display: none;
      content: ''; }
    .css-company .checkbox-area .control input:checked ~ .control__indicator:after {
      display: block; }
    .css-company .checkbox-area .control--checkbox .control__indicator:after {
      top: 1px;
      left: 6px;
      width: 7px;
      height: 13px;
      transform: rotate(45deg);
      border: solid #000;
      border-width: 0 2px 2px 0; }
    .css-company .checkbox-area .control--checkbox input:disabled ~ .control__indicator:after {
      border-color: #7b7b7b; }
    .css-company .checkbox-area .advanced-search-section .advanced-search-fields .textarea-input {
      font-size: 16px;
      font-size: 1.6rem;
      background-color: #ffffff;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      color: #535353;
      font-weight: 400;
      width: 100%; }
  .css-company .caption-area .text-hover {
    display: inherit !important;
    text-align: right;
    margin-top: -5px;
    background-color: #c8c8c8; }
    .css-company .caption-area .text-hover i {
      float: right; }
    .css-company .caption-area .text-hover .fa-pencil-square-o {
      padding-right: 5px;
      margin-top: 1px; }
  .css-company .caption-area .text-caption {
    width: 100%;
    min-width: 375px;
    margin-top: 10px;
    margin-bottom: 0 !important; }
    .css-company .caption-area .text-caption:focus {
      border: 2px solid #00304D !important; }
  .css-company .caption-area p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .css-company .caption-area .caption-with-edit {
    display: inline-flex;
    align-items: baseline;
    width: 100%;
    margin-top: 10px; }
  .css-company .hovereffect.primary-company-photo {
    width: 200px !important;
    height: 80px !important; }
    .css-company .hovereffect.primary-company-photo img {
      width: 200px !important;
      height: 80px !important; }
  .css-company .hovereffect.secondary-company-photo {
    width: 100px !important;
    height: 50px !important; }
    .css-company .hovereffect.secondary-company-photo img {
      width: 50px !important;
      height: 50px !important; }
  .css-company .tabs-detail {
    padding-top: 20px; }
    .css-company .tabs-detail .group-view .group-block {
      -webkit-box-shadow: 1px 1px 1px 1px #e6e6e6;
      -moz-box-shadow: 1px 1px 1px 1px #e6e6e6;
      box-shadow: 1px 1px 1px 1px #e6e6e6; }
      .css-company .tabs-detail .group-view .group-block .heading {
        width: 100%;
        background-color: #e6e6e6;
        padding: 20px; }
      .css-company .tabs-detail .group-view .group-block .list {
        width: 100%;
        background-color: white;
        height: 300px;
        overflow-y: auto; }
        .css-company .tabs-detail .group-view .group-block .list .table th {
          color: #aaa;
          font-weight: 300; }
        .css-company .tabs-detail .group-view .group-block .list .table .row-name .select-input {
          width: 50%;
          display: inline-block;
          transition: none; }
          .css-company .tabs-detail .group-view .group-block .list .table .row-name .select-input:focus {
            border-color: #00304D; }
        .css-company .tabs-detail .group-view .group-block .list .table .row-name .controls {
          display: inline-block;
          float: right; }
          .css-company .tabs-detail .group-view .group-block .list .table .row-name .controls i {
            margin-right: 10px; }
          .css-company .tabs-detail .group-view .group-block .list .table .row-name .controls button {
            height: 22px;
            font-size: 10px;
            min-width: 80px; }
            .css-company .tabs-detail .group-view .group-block .list .table .row-name .controls button i {
              margin-right: 5px; }
          .css-company .tabs-detail .group-view .group-block .list .table .row-name .controls .btn-apply {
            background-color: #666; }
        .css-company .tabs-detail .group-view .group-block .list .table .editing-td {
          background-color: #e6e6e6; }
    .css-company .tabs-detail .group-view .add-container {
      background-color: white;
      margin-bottom: 20px;
      padding: 20px;
      display: inline-block;
      width: 100%;
      -webkit-box-shadow: 1px 1px 1px 1px #e6e6e6;
      -moz-box-shadow: 1px 1px 1px 1px #e6e6e6;
      box-shadow: 1px 1px 1px 1px #e6e6e6; }
      .css-company .tabs-detail .group-view .add-container input {
        width: 100%;
        border-radius: 4px;
        height: 50px;
        border: 1px solid #e6e6e6; }
      .css-company .tabs-detail .group-view .add-container button {
        background-color: #666;
        border-radius: 2px;
        color: white;
        text-transform: uppercase;
        float: right;
        margin-top: 15px;
        height: 30px;
        transition: 0.5s; }
        .css-company .tabs-detail .group-view .add-container button:hover {
          background-color: #00304D; }
    .css-company .tabs-detail .group-view .save-groups .btn-apply {
      margin-top: 20px;
      margin-bottom: 20px;
      margin-right: 15px; }

.company-advanced-search .panel-title {
  margin-bottom: 15px; }
.company-advanced-search #search {
  background-color: #FFF; }
.company-advanced-search .panel {
  background-color: transparent;
  box-shadow: none; }
.company-advanced-search .company-name {
  color: #00304D; }

/**
 *  Company Styles
 *  End
 */
/* --------- Client Assignment Styles */
.css-client-assignment {
  background-color: white; }
  .css-client-assignment .client-name {
    color: #00304D; }
  .css-client-assignment .table-result-datapool .table th, .css-client-assignment .table-result-datapool .table td {
    width: 30% !important; }
  .css-client-assignment .table-result-datapool .table th:last-child, .css-client-assignment .table-result-datapool .table td:last-child {
    width: 10% !important; }
  .css-client-assignment .table-result-datapool .edit button {
    float: right;
    margin-right: 20px; }
  .css-client-assignment .save-buttons {
    margin-top: 20px; }

/**
 *  Property search styles
 */
.property-search {
  background-color: #eee;
  padding: 15px;
  margin: 15px;
  border: solid 1px #c9c9c9; }
  .property-search .applay {
    width: 161px;
    height: 42px;
    border-radius: 4px;
    background-color: transparent;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #545454; }
  .property-search .blue {
    background-color: #00304D;
    color: #eee;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 400; }
  .property-search input {
    border: 1px solid #999999 !important;
    width: 100% !important;
    height: 39px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #434343; }
  .property-search .dropdown {
    width: 100% !important;
    height: 39px !important;
    border: 1px solid #999999 !important; }
  .property-search .dropbtn {
    max-width: 95% !important;
    height: 35px !important;
    text-align: start;
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #434343;
    margin-left: 3px; }
    .property-search .dropbtn p {
      font-size: 16px;
      font-size: 1.6rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 95%;
      margin-bottom: 0 !important; }
    .property-search .dropbtn i {
      width: 5%;
      margin-top: 3px;
      float: right; }
  .property-search .display-specfic {
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .property-search .display-flex {
    display: inline-flex;
    align-items: center; }
  .property-search .dropdown-content a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .property-search .multi-dropdown {
    text-align: left; }
    .property-search .multi-dropdown .multiselect-parent {
      height: 39px;
      width: 100%; }
      .property-search .multi-dropdown .multiselect-parent button {
        font-size: 16px;
        font-size: 1.6rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border: solid 1px #cccccc !important;
        border-radius: 4px;
        color: #434343;
        font-weight: 400;
        height: 39px !important;
        padding-right: 22px;
        text-align: left;
        width: 100% !important;
        text-transform: capitalize; }
        .property-search .multi-dropdown .multiselect-parent button:hover {
          background-color: #ffffff; }
        .property-search .multi-dropdown .multiselect-parent button span {
          font-size: 16px;
          font-size: 1.6rem;
          float: right;
          margin-top: 5px; }
      .property-search .multi-dropdown .multiselect-parent ul {
        margin-top: 0;
        width: 100%;
        height: auto;
        max-height: 200px; }
        .property-search .multi-dropdown .multiselect-parent ul:hover {
          background-color: #ffffff; }
        .property-search .multi-dropdown .multiselect-parent ul a {
          font-size: 16px;
          font-size: 1.6rem;
          color: #434343;
          font-weight: 400; }
  .property-search .title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8); }
  .property-search .sub-title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #747474; }
  .property-search .to {
    font-size: 16px !important;
    margin-bottom: 0 !important; }
  .property-search .btns-advance {
    width: 161px;
    height: 42px; }
  .property-search .div-to {
    text-align: center;
    margin-top: 9px; }
  .property-search .for-range {
    padding-left: 15px; }
  .property-search .margin-bottom {
    margin-bottom: 0.5em; }
  .property-search .transparent {
    color: transparent; }
  .property-search .select-range {
    display: inline-block;
    margin-bottom: 15px;
    position: relative; }
    .property-search .select-range .addon {
      background-color: transparent;
      border: 0;
      bottom: 0;
      color: #4a4a4a;
      cursor: pointer;
      font-size: 20px;
      position: absolute;
      right: 5%;
      top: 20%; }
      .property-search .select-range .addon:hover {
        opacity: 0.7; }
    .property-search .select-range .up {
      color: #2a2a2a;
      cursor: pointer;
      position: absolute;
      right: 7px;
      top: 5px; }
      .property-search .select-range .up:hover {
        opacity: 0.7; }
    .property-search .select-range .down {
      bottom: 5px;
      color: #2a2a2a;
      cursor: pointer;
      position: absolute;
      right: 7px; }
      .property-search .select-range .down:hover {
        opacity: 0.7; }
    .property-search .select-range .more-right {
      right: 20px; }
    @media (max-width: 768px) {
      .property-search .select-range .select-range {
        width: 100%; }
      .property-search .select-range .up {
        right: 20px;
        top: 10px; }
      .property-search .select-range .down {
        right: 20px;
        bottom: 10px; } }
  .property-search .title-section {
    padding: 0 15px; }

.property-select {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #3e3e3e; }
  .property-select .advanceSearchTitle {
    margin-top: 1em; }
  .property-select div {
    border: solid 1px #c9c9c9;
    margin-bottom: 0.5em;
    padding: 1em;
    height: 61px;
    background-color: #eee; }
    .property-select div:hover, .property-select div:focus {
      border: 2px solid #00304D;
      color: #00304D; }
      .property-select div:hover i, .property-select div:focus i {
        font-size: 20px;
        font-size: 2rem;
        color: #00304D; }
  .property-select i {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    color: #a9a9a9; }

.advanceClick {
  color: #00304D !important; }

.site-wrap .angle-left {
  font-size: 25px;
  font-size: 2.5rem;
  color: #000000;
  font-weight: bold;
  margin-right: 0.2em;
  margin-top: 1px; }

.site-wrap .site-header h1 span {
  font-weight: 400 !important; }

.usa {
  height: 39px !important;
  margin-bottom: 0 !important; }

@media (max-width: 768px) {
  .property-search input {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.5em 0 !important; }
  .property-search .col-sm-5 {
    padding: 0.5em 15px !important;
    margin-bottom: 1em; }
  .property-search .dropdown {
    padding-left: 0 !important;
    padding-right: 0 !important; } }
.pill-property-search {
  position: relative; }
  .pill-property-search .search-div {
    position: absolute;
    left: 485px;
    top: 1px;
    width: 68%; }
    .pill-property-search .search-div input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 1.6rem; }
    .pill-property-search .search-div.transaction-search {
      left: 648px;
      width: 57%; }
    .pill-property-search .search-div.asset-search {
      left: 310px;
      width: 79.5%; }
    .pill-property-search .search-div.check-search {
      left: 443px;
      width: 71%; }
    .pill-property-search .search-div.search-comb {
      left: 648px;
      width: 57%; }
  .pill-property-search .search-div-1 {
    position: absolute;
    left: 485px;
    top: 1px;
    width: 310px; }
    .pill-property-search .search-div-1 input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 1.6rem; }
  .pill-property-search .search-div-trx-1 {
    position: absolute;
    left: 645px;
    top: 1px;
    width: 310px; }
    .pill-property-search .search-div-trx-1 input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 1.6rem; }
  .pill-property-search .search-div-trx-2 {
    position: absolute;
    left: 935px;
    top: 1px;
    width: 310px; }
    .pill-property-search .search-div-trx-2 input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 1.6rem; }
  .pill-property-search .search-div-2 {
    position: absolute;
    left: 805px;
    top: 1px;
    width: 310px; }
    .pill-property-search .search-div-2 input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 1.6rem; }
  .pill-property-search .view-settings {
    position: absolute;
    right: 0;
    top: 1px; }
  .pill-property-search .uib-tab {
    background-color: white;
    border-radius: 5px;
    height: 40px;
    border: 1px solid #ddd;
    margin-right: 10px;
    cursor: pointer; }
    .pill-property-search .uib-tab div {
      color: grey;
      font-weight: 400;
      padding: 7px 15px; }
  .pill-property-search .active {
    height: 100% !important;
    border-bottom: 0 !important; }
  .pill-property-search .nav-tabs > li.active > a, .pill-property-search .nav-tabs > li.active > a:hover, .pill-property-search .nav-tabs > li.active > a:focus {
    height: 45px;
    width: 100%; }
  .pill-property-search .property-type-property-search {
    display: inline-flex; }
  .pill-property-search .no-border-top-left-radius {
    border-top-left-radius: 0 !important; }
  .pill-property-search .text-right {
    margin-top: 15px; }
  .pill-property-search .advanced-search-section {
    margin-top: 0;
    border-top: 0;
    border-radius: 5px; }
  .pill-property-search .tab-keyword {
    flex: 1;
    border: 0 !important;
    margin-right: 0; }
    .pill-property-search .tab-keyword div {
      padding: 0 !important;
      margin: 0; }
    .pill-property-search .tab-keyword input {
      margin-top: -1px;
      height: 40px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 16px;
      font-size: 1.6rem; }
  .pill-property-search .tab-keyword.active {
    height: 37px !important; }
    .pill-property-search .tab-keyword.active div {
      height: 100% !important; }
  .pill-property-search .nav-tabs {
    border-bottom: 0;
    display: flex; }
    .pill-property-search .nav-tabs .active div {
      height: 42px !important;
      padding-bottom: 0; }
  .pill-property-search .nested-form {
    border-top: 1px solid #ddd !important;
    border-radius: 5px; }
  .pill-property-search .tab-form-demo .x-close {
    position: absolute;
    z-index: 100;
    right: 0;
    padding: 0 15px;
    top: 0;
    margin-top: 0; }
    .pill-property-search .tab-form-demo .x-close a {
      color: #c9c9c9 !important;
      font-size: 30px; }
  .pill-property-search .section-tab-border-top {
    border-top: 1px solid #ddd;
    border-top-right-radius: 5px; }
  .pill-property-search .control {
    padding-right: 1.1em; }

.portfolio-padding {
  padding: 10px 0 !important; }

.role-search {
  margin-top: -40px;
  margin-bottom: 50px; }

.trans-search-new {
  margin-left: 200px; }
  .trans-search-new .form-control {
    width: 87%; }
    .trans-search-new .form-control .dropdown-menu {
      height: 350px !important; }

.trans-search-new-2 {
  margin-left: 200px; }
  .trans-search-new-2 .form-control {
    width: 310px; }
    .trans-search-new-2 .form-control .dropdown-menu {
      height: 350px !important; }

.trans-search-new-3 {
  margin-left: 200px; }
  .trans-search-new-3 .form-control {
    width: 282px; }
    .trans-search-new-3 .form-control .dropdown-menu {
      height: 350px !important; }

@media screen and (min-width: 1200px) and (max-width: 1500px) {
  .trans-search-new {
    margin-left: 200px; }
    .trans-search-new .form-control {
      width: 60%; } }
@media screen and (min-width: 1501px) and (max-width: 1750px) {
  .trans-search-new {
    margin-left: 200px; }
    .trans-search-new .form-control {
      width: 70%; } }
@media screen and (min-width: 1000px) and (max-width: 1199px) {
  .trans-search-new {
    margin-left: 200px; }
    .trans-search-new .form-control {
      width: 55%; } }
.user-alert-modal {
  width: 1100px;
  height: auto; }

.user-alert-setting .ui-grid-alert .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid {
  max-height: 280px !important; }

.bloc .form-control .dropdown-menu .open .inner .open {
  overflow-y: hidden !important; }
.bloc .form-control select {
  overflow-y: hidden; }

.polygon-search .filter-option input[type="radio"] {
  width: inherit;
  transform: scale(1.5); }
.polygon-search .filter-option span {
  font-size: 1.5rem;
  margin-left: 10px; }
.polygon-search .filter-option:not(:first-child) {
  padding-left: 20px; }

.asset-search-wrapper .page-overlay__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }
  .asset-search-wrapper .page-overlay__loading .loader {
    position: absolute;
    visibility: visible;
    position: absolute;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5); }
    .asset-search-wrapper .page-overlay__loading .loader .kart-loader {
      position: static;
      width: auto;
      height: auto; }

.asset-search-map .advanced-search-section {
  padding: 7px 30px 15px; }
.asset-search-map .pagination-view-column .building-results-info {
  display: flex;
  align-items: center;
  margin-left: 2rem; }
  .asset-search-map .pagination-view-column .building-results-info .showing-info {
    margin-right: 0.5rem; }
  .asset-search-map .pagination-view-column .building-results-info .show-more-actions {
    display: flex; }
    .asset-search-map .pagination-view-column .building-results-info .show-more-actions .pag-button {
      background: none;
      height: auto;
      border-radius: 0;
      color: #00304D;
      text-transform: none;
      font-size: 16px;
      font-weight: 600;
      padding: 0 0.5rem;
      border-left: 1px solid #999999; }
      .asset-search-map .pagination-view-column .building-results-info .show-more-actions .pag-button:disabled {
        color: #999999; }
.asset-search-map .building-actions {
  margin-bottom: 0.5rem; }
  .asset-search-map .building-actions .button-container:not(:last-child) {
    border-right: 1px solid #00304D; }
  .asset-search-map .building-actions .button-container .action-button {
    font-size: 14px;
    padding: 0 10px 0;
    color: #00304D;
    font-weight: 600;
    background: none;
    height: 20px;
    border-radius: 0;
    text-transform: none; }
    .asset-search-map .building-actions .button-container .action-button:disabled {
      color: #999999;
      pointer-events: none; }

@media screen and (max-width: 1400px) {
  .list-view {
    height: 75vh; } }
@media screen and (min-width: 1401px) and (max-width: 1800px) {
  .list-view {
    height: 77vh; } }
@media screen and (min-width: 1801px) {
  .list-view {
    height: 66vh; } }
.new-wrapper {
  width: 100%;
  min-height: 700px; }

.polygon-search-container .top-15 {
  margin-top: 15px; }
.polygon-search-container .top-17 {
  margin-top: 17px; }
.polygon-search-container .city-margin {
  margin-top: -2px; }
.polygon-search-container .search-description {
  padding-top: 10px;
  padding-left: 10px; }
.polygon-search-container .top-25 {
  margin-top: 25px; }
.polygon-search-container .apply-search-button {
  float: right;
  height: 35px !important;
  margin-top: 5px; }
.polygon-search-container .xls-label {
  font-size: 1.49rem;
  font-weight: 500; }
.polygon-search-container .dropdown .dropdown-menu {
  min-width: 100% !important; }
.polygon-search-container .dropdown button {
  height: 35px !important; }
.polygon-search-container .inline-flex {
  display: inline-flex; }
.polygon-search-container .top-10 {
  margin-top: 10px; }
.polygon-search-container .top-15 {
  margin-top: 15px; }
.polygon-search-container .top-20 {
  margin-top: 20px; }
.polygon-search-container .top-25 {
  margin-top: 25px; }
.polygon-search-container .right-20 {
  margin-right: 20px; }
.polygon-search-container .left-20 {
  margin-left: 20px; }
.polygon-search-container .no-top {
  padding-top: 0 !important; }
.polygon-search-container .document-padding {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }
.polygon-search-container .row_wrapper {
  min-height: unset; }
.polygon-search-container .show-map-margin {
  margin-top: -15px; }
.polygon-search-container .polygon-flex-container {
  display: flex;
  flex-flow: row nowrap;
  position: relative; }
  .polygon-search-container .polygon-flex-container .toggle-map-visibility {
    position: absolute;
    right: 0;
    top: -22px; }
  .polygon-search-container .polygon-flex-container .full-height-grid {
    height: 98%; }
    .polygon-search-container .polygon-flex-container .full-height-grid .ui-grid {
      height: auto; }
  .polygon-search-container .polygon-flex-container .property-column {
    width: 600px;
    height: 100%;
    overflow-y: auto;
    margin-right: 20px; }
  .polygon-search-container .polygon-flex-container .map-column {
    height: 100%;
    width: calc(100% - 620px); }
  .polygon-search-container .polygon-flex-container .full-column {
    width: 100% !important; }
    .polygon-search-container .polygon-flex-container .full-column .ui-grid {
      height: 100% !important;
      overflow: hidden; }
  .polygon-search-container .polygon-flex-container .search-used-item {
    margin-top: 7px; }
  .polygon-search-container .polygon-flex-container .print-col-sm {
    width: 35%; }
  .polygon-search-container .polygon-flex-container .search-tag-col-md, .polygon-search-container .polygon-flex-container .print-col-md {
    width: 50%; }
  .polygon-search-container .polygon-flex-container .search-tag-col-lg {
    width: 65%; }
  .polygon-search-container .polygon-flex-container .pagination-view-column {
    display: inline-flex;
    width: 100%; }
  .polygon-search-container .polygon-flex-container .column-25 {
    width: 25%; }
  .polygon-search-container .polygon-flex-container .column-30 {
    width: 30%; }
  .polygon-search-container .polygon-flex-container .column-35 {
    width: 35%; }
  .polygon-search-container .polygon-flex-container .column-65 {
    width: 65%; }
  .polygon-search-container .polygon-flex-container .col-23-half {
    width: 23.5%; }
  .polygon-search-container .polygon-flex-container .col-20-percent {
    width: 20%; }
  .polygon-search-container .polygon-flex-container .pagination-col {
    margin-left: 30px; }
  .polygon-search-container .polygon-flex-container .btn-link-margin {
    margin-top: 45px;
    margin-left: 15px; }
  .polygon-search-container .polygon-flex-container .new-title-search {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px; }
  .polygon-search-container .polygon-flex-container .show-map-control {
    background: transparent;
    border: 0;
    color: #545454;
    font-size: 15px;
    font-weight: 500;
    height: 30px;
    min-width: 120px;
    text-transform: capitalize;
    text-align: right;
    float: right; }
  .polygon-search-container .polygon-flex-container .property-card-border {
    border: solid 1px #c9c9c9; }
  .polygon-search-container .polygon-flex-container .multi-dropdown {
    height: 34px; }
    .polygon-search-container .polygon-flex-container .multi-dropdown .multiselect-parent {
      height: 34px; }
      .polygon-search-container .polygon-flex-container .multi-dropdown .multiselect-parent button {
        height: 34px !important; }
.polygon-search-container input[type="checkbox"] {
  width: 20px; }
.polygon-search-container .filter-badge {
  display: inline-flex; }
.polygon-search-container .new-change-search-tag {
  padding: 7px 5px 5px 5px; }
.polygon-search-container .height-300 {
  height: 300px !important; }
.polygon-search-container .search-grid-map {
  height: calc(100vh - 675px) !important; }
  @media (max-width: 1536px) {
    .polygon-search-container .search-grid-map {
      height: calc(100vh - 530px) !important; } }
.polygon-search-container .doc-table-row {
  padding-top: 0;
  margin-top: unset; }
.polygon-search-container .max-doc-size {
  max-height: 500px; }
.polygon-search-container .resize-handle {
  position: relative;
  width: 100%; }
.polygon-search-container .no-search-result {
  min-height: 150px;
  text-align: center; }
  .polygon-search-container .no-search-result .no-results {
    padding: unset; }
.polygon-search-container .bootstrap-select .dropdown-toggle {
  height: 35px; }

#google-polygon-map {
  height: 500px;
  width: 100%; }
  #google-polygon-map #polygonShape:hover, #google-polygon-map #circleShape:hover, #google-polygon-map #clearShape:hover, #google-polygon-map #clusterModeToggle:hover {
    background-color: #e6e6e6; }

#polygon-search-map {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  #polygon-search-map #polygonShape:hover, #polygon-search-map #circleShape:hover, #polygon-search-map #clearShape:hover, #polygon-search-map #clusterModeToggle:hover, #polygon-search-map #applyAssetSearch:hover {
    background-color: #e6e6e6; }

.badge-no-pointer {
  cursor: text !important; }

.new-advance-search-padding {
  padding-top: 0 !important; }

.new-asset-search-margin {
  margin-top: 15px; }

.property-print-flex-container {
  display: flex;
  flex-flow: row nowrap; }
  .property-print-flex-container .select-all {
    margin-top: 8px;
    width: 120px; }
  .property-print-flex-container .btn-new-apply {
    color: #fff;
    background-color: #00304D;
    border: none !important; }

.button-link {
  font-size: 1em;
  margin: 0;
  padding: 0;
  font-weight: 500;
  text-align: left;
  color: #00304D;
  background: none;
  border: none;
  cursor: pointer;
  -moz-user-select: text;
  text-transform: capitalize; }

.column-flex-container {
  display: flex;
  flex-flow: column nowrap; }

.common-flex-container {
  display: flex !important;
  flex-flow: row nowrap; }
  .common-flex-container .col-10 {
    width: 10%; }
  .common-flex-container .col-12 {
    width: 12%; }
  .common-flex-container .col-23-half {
    width: 23.5%; }
  .common-flex-container .col-100, .common-flex-container .appraisal-bid-modal .bid-header, .appraisal-bid-modal .common-flex-container .bid-header {
    width: 100%; }
  .common-flex-container .right-margin-5 {
    margin-right: 5px; }

.assigned-assets-btn {
  margin-left: 15px;
  margin-top: -4px; }
  .assigned-assets-btn .general-button {
    line-height: 20px;
    font-size: 15px !important;
    width: 175px !important; }

.document-tag-label {
  font-size: 1.8rem;
  font-weight: 500; }

.doc-tag-section {
  border-top: 1px solid #ddd;
  margin-top: 30px; }

.doc-tag-label {
  margin-top: 15px; }

.new-saved-search {
  top: -5px;
  left: 0; }

.saved-search-bottom {
  padding-bottom: 20px; }

.no-saved-search {
  text-align: center;
  padding: 10px 10px; }

.no-left-margin.btn-save-search {
  margin-left: 0 !important; }

.left-margin-10.btn-save-search {
  margin-left: 10px !important; }

.custom-top-40 {
  margin-top: 40px; }

.custom-top-20 {
  margin-top: 20px; }

.custom-no-results-title {
  font-size: 20px;
  font-size: 2rem;
  color: #535353;
  font-weight: 600;
  margin-bottom: 0; }

.exceed-limit {
  border: 1px solid #ff0000 !important; }

.dropbtn {
  width: 100%;
  background-color: #eee;
  color: #535353;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  cursor: pointer;
  text-transform: none;
  height: 43px; }

.dropdown {
  width: 180px;
  height: 40px;
  position: relative;
  display: inline-block;
  border-radius: 5px; }

.override-dropdown .filter-option {
  color: #c4c4c4 !important;
  font-weight: 400 !important; }

.caret-fix .bs-caret {
  padding-right: 10px; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #eee;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px #2B2A2A;
  border-radius: 5px;
  z-index: 99999;
  overflow: auto;
  max-height: 200px; }

.dropdown-content a {
  color: #000000;
  padding: 12px 16px;
  text-decoration: none;
  display: block; }

.dropdown-content a:hover {
  background-color: #EEF7F7; }

.dropdown:hover .dropdown-content {
  display: block; }

.manage.dropdown {
  width: auto;
  height: auto;
  border: none; }

.manage .select-list {
  padding-left: 15px;
  padding-right: 10px;
  margin-right: 0px; }
  .manage .select-list span {
    margin-left: 5px;
    font-size: 10px; }
.manage .dropdown-menu {
  right: 0px;
  left: inherit; }
  .manage .dropdown-menu li a {
    font-size: 14px;
    color: #666; }

.text-transformed-none .filter-option {
  text-transform: none; }

@media (max-width: 599px) {
  .dropdown {
    width: 100% !important; }

  .dropdown-content {
    min-width: 100% !important; } }
.document-dropdown-adjustment {
  margin-right: -40px; }

.maps {
  background-color: #eee;
  padding: 15px;
  margin: 15px; }
  .maps .search-button {
    width: 100px;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    color: #ffffff;
    text-align: center;
    border-radius: 4px;
    margin-top: 32px;
    height: 39px;
    width: 100%; }
  .maps .search-wrap {
    white-space: nowrap; }
  .maps .map-view {
    padding: 15px; }
  .maps .margin-bottom-maps {
    margin-bottom: 15px; }
  .maps .label-value, .maps .property-table .jpm-label-value, .property-table .maps .jpm-label-value, .maps .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .maps p, .maps .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .maps p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #747474;
    margin-bottom: 11px;
    text-transform: capitalize;
    width: 100%; }
    .maps .label-value span, .maps .property-table .jpm-label-value span, .property-table .maps .jpm-label-value span, .maps .appraisal-bid-modal .selected-vendor-user p span, .appraisal-bid-modal .selected-vendor-user .maps p span, .maps .schedules-section-modal .selected-vendor-user p span, .schedules-section-modal .selected-vendor-user .maps p span {
      text-transform: lowercase; }
  .maps .select-input {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    border-radius: 4px;
    color: #535353;
    font-weight: 400;
    height: 39px;
    width: 100%;
    padding: 8px 15px; }
    .maps .select-input:focus {
      border: solid 2px #00304D; }
    .maps .select-input::-webkit-input-placeholder {
      font-weight: 400;
      color: #ccc !important; }
    .maps .select-input:-moz-placeholder {
      /* Firefox 18- */
      font-weight: 400;
      color: #ccc !important; }
    .maps .select-input::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 400;
      color: #ccc !important; }
    .maps .select-input:-ms-input-placeholder {
      font-weight: 400;
      color: #ccc !important; }
  .maps .bottom-search-links {
    margin-right: 3px; }
  .maps .new-bottom-search-links {
    margin-right: 5%; }

.reference-map {
  width: 100%;
  height: 95vh; }

.print-vm .modal-dialog,
.other-reports-container .modal-dialog {
  width: 550px; }
.print-vm .modal-header,
.other-reports-container .modal-header {
  margin-bottom: 30px; }
.print-vm .radio-button,
.other-reports-container .radio-button {
  position: absolute;
  top: 15px;
  right: 15px; }
  .print-vm .radio-button input,
  .other-reports-container .radio-button input {
    width: 100px; }
.print-vm .checkbox-vm,
.other-reports-container .checkbox-vm {
  display: inline-block; }
  .print-vm .checkbox-vm .control,
  .other-reports-container .checkbox-vm .control {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 22px;
    font-weight: 600;
    color: #535353; }
    .print-vm .checkbox-vm .control input,
    .other-reports-container .checkbox-vm .control input {
      width: 100px; }
  .print-vm .checkbox-vm .control__indicator,
  .other-reports-container .checkbox-vm .control__indicator {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 3px; }
    .print-vm .checkbox-vm .control__indicator:after,
    .other-reports-container .checkbox-vm .control__indicator:after {
      top: 0px;
      left: 5px;
      width: 6px;
      height: 12px;
      border: solid #00304D;
      border-width: 0 2px 2px 0; }
.print-vm .field-vm,
.other-reports-container .field-vm {
  display: block;
  width: 100%;
  border-bottom: 1px solid #979797;
  padding-bottom: 30px;
  margin-bottom: 30px; }
.print-vm .modal-body,
.other-reports-container .modal-body {
  padding: 0; }
.print-vm .label-vm,
.other-reports-container .label-vm {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #747474;
  white-space: nowrap;
  text-transform: capitalize;
  margin-bottom: 10px; }
.print-vm .select-input:focus,
.other-reports-container .select-input:focus {
  border: solid 2px #00304D !important; }
.print-vm .select-range,
.other-reports-container .select-range {
  display: block;
  margin-bottom: 15px;
  position: relative;
  width: 200px; }
  .print-vm .select-range .addon,
  .other-reports-container .select-range .addon {
    background-color: transparent;
    border: 0;
    bottom: 0;
    color: #4a4a4a;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 5%;
    top: 20%; }
    .print-vm .select-range .addon:hover,
    .other-reports-container .select-range .addon:hover {
      opacity: 0.7; }
  .print-vm .select-range .up,
  .other-reports-container .select-range .up {
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 5px; }
    .print-vm .select-range .up:hover,
    .other-reports-container .select-range .up:hover {
      opacity: 0.7; }
  .print-vm .select-range .down,
  .other-reports-container .select-range .down {
    bottom: 5px;
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px; }
    .print-vm .select-range .down:hover,
    .other-reports-container .select-range .down:hover {
      opacity: 0.7; }
  .print-vm .select-range .more-right,
  .other-reports-container .select-range .more-right {
    right: 20px; }
  @media (max-width: 768px) {
    .print-vm .select-range .select-range,
    .other-reports-container .select-range .select-range {
      width: 100%; }
    .print-vm .select-range .up,
    .other-reports-container .select-range .up {
      right: 20px;
      top: 10px; }
    .print-vm .select-range .down,
    .other-reports-container .select-range .down {
      right: 20px;
      bottom: 10px; } }

.row-vm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .row-vm .col-tools {
    flex-grow: 1;
    text-align: right;
    align-self: center; }
  .row-vm .col-vm {
    width: 250px;
    padding-right: 15px;
    align-self: flex-end; }
  .row-vm .col-rfmodule {
    width: 300px;
    padding-right: 15px; }
  .row-vm .col-create-bid {
    width: 200px;
    padding-right: 15px; }
  .row-vm .col-bid-section {
    padding-right: 15px; }
  .row-vm .col-view-vm {
    width: 148px;
    padding-right: 15px;
    align-self: flex-end; }
  .row-vm .col-view-dp {
    width: 200px;
    padding-right: 15px;
    align-self: flex-start; }
  .row-vm .no-flex-end {
    align-self: flex-start; }
  .row-vm .select-range {
    height: 39px; }
  .row-vm .relevant-info {
    font-weight: 600;
    min-height: 22px; }
  .row-vm .line-height {
    line-height: 39px; }

.relevant-info-comments {
  font-weight: 600; }

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

.manage-section {
  position: relative; }
  .manage-section .secondary-button {
    margin-right: 0; }
  .manage-section .last-modification {
    text-align: left; }

.has-last-modification {
  height: 150px; }

table.table-valuation {
  overflow-y: hidden; }
  table.table-valuation .t-id {
    width: 150px !important; }
  table.table-valuation .tbody-valuation {
    max-height: 200px !important; }
  table.table-valuation th, table.table-valuation tbody td {
    font-size: 14px;
    font-size: 1.4rem; }

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

.col-vm-edit-it {
  width: 235px !important; }

.vm-validate-file .dropdown-menu {
  height: 250px !important;
  overflow-y: auto !important; }
.vm-validate-file .multi-dropdown button {
  width: 100% !important;
  height: 35px !important; }
  .vm-validate-file .multi-dropdown button .caret::before {
    float: right;
    padding-bottom: 20px !important; }
  .vm-validate-file .multi-dropdown button .caret {
    float: right;
    padding-bottom: 20px !important; }
.vm-validate-file .multiselect-parent {
  width: 100% !important; }

.vm-tab-content {
  padding: 30px 15px; }

.vm-table {
  font-size: 14px; }
  .vm-table th {
    padding-bottom: 0 !important;
    font-weight: normal;
    padding-left: 0 !important;
    padding-right: 15px !important;
    color: #747474; }
    .vm-table th:first-child {
      font-weight: bold;
      padding-right: 30px; }
  .vm-table thead {
    border-bottom: 1px solid #747474; }
  .vm-table .row-title {
    color: #747474; }
  .vm-table td {
    width: 250px;
    border: none !important;
    vertical-align: bottom !important;
    padding-left: 0 !important;
    padding-right: 15px !important; }
    .vm-table td p {
      margin-bottom: 0 !important; }
    .vm-table td .select-range {
      margin-bottom: 0 !important; }

.vm-table-view td {
  width: 148px !important; }

.vm-table-pricing-metrics thead {
  border-bottom: none; }
.vm-table-pricing-metrics th {
  white-space: nowrap; }
.vm-table-pricing-metrics th:not(:first-child) {
  border-bottom: 1px solid #747474 !important; }
.vm-table-pricing-metrics td {
  width: 148px !important;
  white-space: nowrap; }
.vm-table-pricing-metrics .gray-background {
  background-color: lightgray;
  background-clip: content-box;
  padding-bottom: 0px !important;
  padding-top: 0px !important; }
  .vm-table-pricing-metrics .gray-background p {
    margin-bottom: 8px !important; }
.vm-table-pricing-metrics .last-gray-td {
  padding-bottom: 8px !important; }
  .vm-table-pricing-metrics .last-gray-td p {
    margin-bottom: 0 !important; }
.vm-table-pricing-metrics .green-highlight p {
  background-color: lightgreen; }
.vm-table-pricing-metrics .green-highlight input {
  background-color: lightgreen !important; }

.vm-secondary-save {
  display: flex;
  justify-content: flex-end;
  padding-right: 9vw;
  margin-top: -85px; }
  @media (max-width: 1536px) {
    .vm-secondary-save {
      padding-right: 4vw;
      margin-top: 0px; } }

.value-booking-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .value-booking-wrapper .value-booking {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column; }
    .value-booking-wrapper .value-booking__filters .label {
      font-size: 14px;
      font-size: 1.4rem;
      color: #333333;
      font-weight: bold;
      text-transform: capitalize;
      padding-left: 0; }
    .value-booking-wrapper .value-booking__data {
      position: relative;
      overflow: auto;
      width: 100%;
      flex-grow: 1; }
      .value-booking-wrapper .value-booking__data .value-booking-grid-container {
        height: 100%; }
      .value-booking-wrapper .value-booking__data .loading {
        background-color: #ffffff;
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1; }
        .value-booking-wrapper .value-booking__data .loading .loader {
          position: absolute;
          visibility: visible;
          position: absolute;
          visibility: visible;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #F8F8F8; }
          .value-booking-wrapper .value-booking__data .loading .loader .kart-loader {
            position: static;
            width: auto;
            height: auto; }
  .value-booking-wrapper .vb-popover .popover-inner {
    max-width: 200px; }
  .value-booking-wrapper .vb-legend__hidden {
    visibility: hidden; }

.daily-pricing-db {
  border: 1px solid #eee;
  /* DP dashboard responsive */
  /* Atlus DP custom */ }
  .daily-pricing-db .selected {
    background-color: rgba(0, 48, 77, 0.3); }
  .daily-pricing-db .select-input {
    font-size: 16px;
    font-size: 1.6rem;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    border-radius: 4px;
    color: #535353;
    font-weight: 400;
    height: 39px;
    width: 100%;
    padding: 8px 15px; }
    .daily-pricing-db .select-input:focus {
      border: solid 2px #00304D; }
    .daily-pricing-db .select-input::-webkit-input-placeholder {
      font-weight: 400;
      color: #ccc !important; }
    .daily-pricing-db .select-input:-moz-placeholder {
      /* Firefox 18- */
      font-weight: 400;
      color: #ccc !important; }
    .daily-pricing-db .select-input::-moz-placeholder {
      /* Firefox 19+ */
      font-weight: 400;
      color: #ccc !important; }
    .daily-pricing-db .select-input:-ms-input-placeholder {
      font-weight: 400;
      color: #ccc !important; }
  .daily-pricing-db .select-range {
    display: inline-block;
    /*margin-bottom: 15px;*/
    /*max-width: 276px;*/
    position: relative;
    width: calc(47.7% - 22px); }
    @media (min-width: 1200px) {
      .daily-pricing-db .select-range {
        width: calc(48.8% - 22px); } }
    .daily-pricing-db .select-range .addon {
      background-color: transparent;
      border: 0;
      bottom: 0;
      color: #bbbbbb;
      cursor: pointer;
      font-size: 20px;
      position: absolute;
      right: 5%;
      top: 20%; }
      .daily-pricing-db .select-range .addon:hover {
        opacity: 0.7; }
    .daily-pricing-db .select-range .up {
      color: #2a2a2a;
      cursor: pointer;
      position: absolute;
      right: 7px;
      top: 5px; }
      .daily-pricing-db .select-range .up:hover {
        opacity: 0.7; }
    .daily-pricing-db .select-range .down {
      bottom: 5px;
      color: #2a2a2a;
      cursor: pointer;
      position: absolute;
      right: 7px; }
      .daily-pricing-db .select-range .down:hover {
        opacity: 0.7; }
  .daily-pricing-db .dropdown-date .dropdown-menu {
    margin-left: -20px;
    right: 0;
    width: auto;
    min-width: 242px; }
  .daily-pricing-db .table-responsive {
    border: 1px solid #eee;
    max-height: 335px;
    overflow: scroll;
    overflow-x: hidden !important; }
  .daily-pricing-db table {
    overflow-x: hidden !important;
    max-height: none !important; }
  .daily-pricing-db .selections {
    display: inline-flex;
    margin-bottom: 30px;
    align-items: baseline;
    flex-wrap: wrap; }
    .daily-pricing-db .selections a {
      color: #525252;
      margin: 15px; }
  .daily-pricing-db .selection-space {
    justify-content: space-between; }
  .daily-pricing-db .in-block {
    display: inline-block;
    color: #666; }
  .daily-pricing-db .task-button {
    border: solid 1px #aaa;
    border-radius: 4px;
    margin-left: 15px;
    color: #aaa; }
  .daily-pricing-db .new-task-button {
    border-radius: 4px;
    margin-left: 15px;
    color: #ffff;
    background-color: #00304D;
    font-weight: 300;
    border: none; }
  .daily-pricing-db .checkbox-filter input {
    width: auto; }
  .daily-pricing-db .table.table-valuation {
    border: 1px solid #eee; }
    .daily-pricing-db .table.table-valuation th, .daily-pricing-db .table.table-valuation tbody td {
      font-size: 14px;
      font-size: 1.4rem;
      color: #535353;
      font-weight: 600; }
    .daily-pricing-db .table.table-valuation .workflow-new-th {
      padding-left: 15px !important; }
    .daily-pricing-db .table.table-valuation .workflow-user-roles {
      padding-left: 5px !important; }
    .daily-pricing-db .table.table-valuation th {
      font-size: 14px;
      font-size: 1.4rem;
      color: #aaa;
      font-weight: normal; }
    .daily-pricing-db .table.table-valuation .t-id {
      padding: 10px; }
    .daily-pricing-db .table.table-valuation .t-user {
      width: 80% !important; }
    .daily-pricing-db .table.table-valuation .ref-event {
      font-size: 14px;
      font-size: 1.4rem; }
    .daily-pricing-db .table.table-valuation .tbody-valuation {
      max-height: 80vh !important; }
    .daily-pricing-db .table.table-valuation .tbody-valuation .section-heading-no-border td {
      border: none; }
    .daily-pricing-db .table.table-valuation .tbody-valuation.tbody-review-table {
      overflow-y: hidden !important; }
    .daily-pricing-db .table.table-valuation tbody tr:hover {
      background-color: rgba(0, 48, 77, 0.3); }
    .daily-pricing-db .table.table-valuation .t-status {
      width: 35%;
      text-align: right;
      border: none !important;
      max-height: 35px !important; }
      .daily-pricing-db .table.table-valuation .t-status .button-drop {
        font-size: 12px;
        font-size: 1.2rem;
        background-color: white;
        max-height: 20px;
        margin-left: 15px;
        padding: 0 15px;
        text-transform: capitalize;
        line-height: 18px; }
        .daily-pricing-db .table.table-valuation .t-status .button-drop i {
          padding-right: 5px; }
    .daily-pricing-db .table.table-valuation .t-status-review {
      width: 150px;
      text-align: right;
      border: none !important;
      max-height: 35px !important;
      margin-right: 25px; }
      .daily-pricing-db .table.table-valuation .t-status-review button {
        font-size: 14px;
        font-size: 1.4rem;
        background-color: white;
        max-height: 25px;
        margin-left: 15px;
        padding: 0 15px;
        font-weight: 400;
        text-transform: capitalize; }
        .daily-pricing-db .table.table-valuation .t-status-review button i {
          padding-right: 5px; }
    .daily-pricing-db .table.table-valuation .text-align-left {
      text-align: left !important; }
    .daily-pricing-db .table.table-valuation .t-task {
      max-width: 250px;
      min-width: 150px; }
    .daily-pricing-db .table.table-valuation .workflow-t-task {
      min-width: 200px;
      max-width: 200px; }
    .daily-pricing-db .table.table-valuation .workflow-t-step {
      min-width: 65px;
      max-width: 65px; }
    .daily-pricing-db .table.table-valuation .no-heading-indicator {
      display: inline-block;
      padding: 5px; }
    .daily-pricing-db .table.table-valuation .t-date {
      max-width: 150px;
      min-width: 150px; }
    .daily-pricing-db .table.table-valuation .t-description {
      min-width: 200px;
      width: auto; }
    .daily-pricing-db .table.table-valuation .t-description-2 {
      max-width: 350px;
      min-width: 300px; }
    .daily-pricing-db .table.table-valuation .t-step {
      max-width: 50px;
      min-width: 50px; }
    .daily-pricing-db .table.table-valuation .t-10 {
      min-width: 120px;
      max-width: 120px;
      white-space: nowrap !important; }
    .daily-pricing-db .table.table-valuation .t-15 {
      min-width: 120px;
      white-space: nowrap !important; }
    .daily-pricing-db .table.table-valuation .t-rest {
      min-width: calc(100% - 900px);
      max-width: calc(100% - 900px); }
    .daily-pricing-db .table.table-valuation .t-due-date {
      max-width: 180px;
      min-width: 180px; }
    .daily-pricing-db .table.table-valuation .t-description-long {
      min-width: calc(100% - 1000px); }
    .daily-pricing-db .table.table-valuation .t-status-detail {
      max-width: 120px;
      min-width: 120px; }
    .daily-pricing-db .table.table-valuation .t-rest-upload {
      min-width: 120px;
      max-width: calc(100% - 500px);
      width: 100%; }
    .daily-pricing-db .table.table-valuation .t-mango-id {
      min-width: 100px;
      max-width: 100px;
      white-space: nowrap !important; }
    .daily-pricing-db .table.table-valuation .t-rest-message {
      min-width: calc(100% - 470px);
      max-width: calc(100% - 370px);
      width: 100%;
      height: 100%; }
      .daily-pricing-db .table.table-valuation .t-rest-message .t-rest-message-para {
        white-space: initial; }
    .daily-pricing-db .table.table-valuation .t-document-user {
      max-width: 450px;
      min-width: 400px; }
    .daily-pricing-db .table.table-valuation .t-document-file {
      min-width: calc(100% - 570px);
      max-width: calc(100% - 350px);
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center; }
    .daily-pricing-db .table.table-valuation .custom-event-detail-description {
      width: 35%;
      text-align: right;
      border: none !important;
      max-height: max-content !important;
      white-space: normal !important; }
  .daily-pricing-db .table-edit th:first-child, .daily-pricing-db .table-edit th:last-child, .daily-pricing-db .table-edit td:first-child, .daily-pricing-db .table-edit td:last-child {
    width: 50px; }
  .daily-pricing-db .table-edit td {
    height: 30px; }
  .daily-pricing-db .table-edit .check {
    text-align: center; }
    .daily-pricing-db .table-edit .check input {
      width: auto; }
  .daily-pricing-db .table-edit .edit button {
    height: 23px;
    background: white;
    border: 1px solid #eee; }
  .daily-pricing-db .table-edit .selected {
    background-color: rgba(0, 48, 77, 0.3); }
  .daily-pricing-db .bold-light {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold; }
  .daily-pricing-db .select-role h2 {
    font-size: 18px;
    font-size: 1.8rem;
    color: #666; }
  .daily-pricing-db .roles-table h5 {
    font-size: 12px;
    font-size: 1.2rem;
    color: #888; }
  .daily-pricing-db .roles-table .row-flex {
    display: flex;
    min-height: 350px; }
  .daily-pricing-db .roles-table .users-box {
    background: #e6e6e6;
    float: none;
    margin-top: 20px; }
  .daily-pricing-db .advanced-search-fields .select-tool {
    color: #747474;
    font-weight: 600;
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px; }
    .daily-pricing-db .advanced-search-fields .select-tool .removeBox {
      border: 1px solid #ddd;
      display: inline-flex;
      width: 30px;
      text-align: center;
      border-radius: 5px;
      height: 20px;
      justify-content: center;
      align-items: center;
      font-weight: bold;
      /* font-size: 18px; */
      margin-right: 10px;
      background-color: white;
      cursor: pointer; }
  .daily-pricing-db .textarea-wp {
    height: 152.8px; }
  .daily-pricing-db .textarea-wp-comm {
    height: 306px; }
  .daily-pricing-db .label-value, .daily-pricing-db .property-table .jpm-label-value, .property-table .daily-pricing-db .jpm-label-value, .daily-pricing-db .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .daily-pricing-db p, .daily-pricing-db .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .daily-pricing-db p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #747474;
    margin-bottom: 11px;
    text-transform: capitalize;
    width: 100%; }
    .daily-pricing-db .label-value span, .daily-pricing-db .property-table .jpm-label-value span, .property-table .daily-pricing-db .jpm-label-value span, .daily-pricing-db .appraisal-bid-modal .selected-vendor-user p span, .appraisal-bid-modal .selected-vendor-user .daily-pricing-db p span, .daily-pricing-db .schedules-section-modal .selected-vendor-user p span, .schedules-section-modal .selected-vendor-user .daily-pricing-db p span {
      text-transform: lowercase; }
  .daily-pricing-db .table-container.detail-dp {
    border: none !important;
    width: 100%;
    height: 100%; }
    .daily-pricing-db .table-container.detail-dp:hover {
      border: none; }
  .daily-pricing-db .checkbox-area .control--checkbox .control__indicator:after {
    border: 1px solid #00304D;
    border-width: 0 2px 2px 0; }
  .daily-pricing-db .x-close {
    position: absolute;
    z-index: 100;
    right: 0;
    padding: 0 15px;
    top: -10px;
    margin-top: 0;
    color: #c9c9c9 !important; }
    .daily-pricing-db .x-close a {
      color: #c9c9c9 !important;
      font-size: 30px !important; }
  .daily-pricing-db .label-value-update {
    font-size: 14px;
    font-size: 1.4rem;
    color: #747474;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: capitalize;
    width: 100%; }
    .daily-pricing-db .label-value-update span {
      text-transform: lowercase; }
  .daily-pricing-db .value-update {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    font-weight: 600;
    width: 100%;
    min-width: 100%;
    color: rgba(0, 0, 0, 0.7); }
  .daily-pricing-db .custom-dp-dashboard .custom-t-event-type {
    min-width: 50px;
    max-width: 50px; }
  .daily-pricing-db .custom-dp-dashboard .e-one-twenty-width, .daily-pricing-db .custom-dp-dashboard .t-one-twenty-width {
    width: 120px !important; }
  .daily-pricing-db .custom-dp-dashboard .e-two-hundred-width, .daily-pricing-db .custom-dp-dashboard .t-two-hundred-width {
    width: 200px; }
  .daily-pricing-db .custom-dp-dashboard .e-three-hundred-width, .daily-pricing-db .custom-dp-dashboard .t-three-hundred-width {
    width: inherit; }
  .daily-pricing-db .custom-dp-dashboard .custom-t-asset {
    min-width: 50px;
    max-width: 100px; }
  .daily-pricing-db .atlus-custom .atl-user {
    min-width: 240px;
    max-width: 240px; }
  .daily-pricing-db .atlus-custom table td {
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  @media only screen and (min-width: 1250px) {
    .daily-pricing-db .atlus-custom table td {
      max-width: 70px; }
    .daily-pricing-db .atlus-custom .t-rest-upload-custom {
      min-width: 50px;
      max-width: 70px; } }
  .daily-pricing-db .event-task-text-wrap {
    overflow-wrap: break-word;
    white-space: normal; }
  .daily-pricing-db .event-purpose {
    width: 200px;
    display: inline-block; }
  .daily-pricing-db .new-step-name-width {
    flex-grow: 2 !important; }
  .daily-pricing-db .flex-grow-by-3 {
    flex-grow: 3;
    padding-right: 0 !important; }
  .daily-pricing-db .new-step-width {
    min-width: 60px !important; }
  .daily-pricing-db .flex-grow-by-2 {
    flex-grow: 2;
    padding-right: 0 !important; }
  .daily-pricing-db .margin-left-5 {
    margin-left: 5px; }
  .daily-pricing-db .event-detail-modal .row-vm {
    background: none; }

.dp-template-link {
  font-size: 1.4rem !important;
  margin-top: 19px; }

.col-flex-start {
  align-self: flex-start !important;
  padding-right: 15px; }

.col-flex-center {
  align-self: center !important; }

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

.with-icon {
  height: 18.75px; }

.reviews .review-filter {
  display: inline-block;
  margin-bottom: 15px;
  border: solid 1px #eee;
  border-radius: 5px;
  padding: 15px 30px 0 30px; }
.reviews table {
  overflow-x: hidden; }
  .reviews table tr {
    overflow-x: hidden; }
.reviews .table.table-valuation .t-id {
  padding: 5px;
  padding-left: 8px; }
.reviews .table.table-valuation .t-task {
  max-width: 350px;
  width: 25%; }
.reviews .table.table-valuation .new-t-task {
  max-width: 500px;
  width: 50%; }
.reviews .checkbox-area .control {
  padding-left: 35px; }
.reviews .add-event {
  padding: 50px;
  background-color: #f2f2f2; }
.reviews .row-vm {
  padding-left: 30px;
  padding-right: 30px;
  margin-right: -30px;
  margin-left: -30px;
  background: #f2f2f2; }
  .reviews .row-vm .col-vm {
    flex: 1; }
  .reviews .row-vm .col-view-dp {
    flex: 1; }
  .reviews .row-vm .col-tools {
    flex-grow: initial; }
.reviews .radio-button .control {
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
  font-weight: 600;
  text-align: left;
  color: #555555;
  min-width: 120px;
  text-transform: capitalize; }
.reviews .radio-button .control__indicator {
  height: 15px;
  width: 15px;
  top: 3px; }
  .reviews .radio-button .control__indicator:after {
    left: 0px;
    top: 0px;
    height: 13px;
    width: 13px; }
.reviews td {
  border-top: none !important; }
.reviews tr:not(:first-child) {
  border-top: 1px solid #eee; }
.reviews .selected {
  background-color: rgba(0, 48, 77, 0.3); }
  .reviews .selected tr:hover {
    background-color: inherit !important; }

.templates .event-template-select .dropdown {
  width: inherit !important; }
.templates .task-button {
  border: solid 1px #aaa;
  border-radius: 4px;
  margin-left: 15px;
  color: #aaa; }
.templates .row-vm {
  padding-left: 30px;
  padding-right: 30px;
  margin-right: -30px;
  margin-left: -30px;
  padding-top: 5px;
  padding-bottom: 10px;
  background: #f2f2f2; }
  .templates .row-vm .col-vm {
    flex: 1; }
.templates .row-vm.row-header {
  padding: 0;
  margin: 0;
  background: none; }
.templates .table-container .first {
  width: 50px;
  padding-left: 5px; }
.templates .table-container .description {
  width: 200px;
  overflow: hidden;
  white-space: ellipsis; }
.templates .table-container .small {
  width: 100px; }
.templates .table-container .new-event-template-table {
  border: 1px solid #eee;
  overflow-x: hidden;
  list-style: none; }
  .templates .table-container .new-event-template-table .new-row, .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col, .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col, .templates .table-container .new-event-template-table .new-appraisal-container .control-row, .new-appraisal-container .templates .table-container .new-event-template-table .control-row, .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row, .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row, .templates .table-container .new-event-template-table .new-appraisal-container .edit-row, .new-appraisal-container .templates .table-container .new-event-template-table .edit-row, .templates .table-container .new-event-template-table .new-header {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    font-size: 1.4rem;
    font-weight: normal;
    border: 1px solid #eee;
    word-break: break-word; }
    .templates .table-container .new-event-template-table .new-row .width-2-percent, .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-2-percent, .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-2-percent, .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-2-percent, .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-2-percent, .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-2-percent, .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-2-percent, .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-2-percent, .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-2-percent,
    .templates .table-container .new-event-template-table .new-row .width-3-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-3-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-3-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-3-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-3-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-3-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-3-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-3-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-3-percent,
    .templates .table-container .new-event-template-table .new-row .width-4-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-4-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-4-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-4-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-4-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-4-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-4-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-4-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-4-percent,
    .templates .table-container .new-event-template-table .new-row .width-5-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-5-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-5-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-5-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-5-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-5-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-5-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-5-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-5-percent,
    .templates .table-container .new-event-template-table .new-row .width-6-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-6-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-6-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-6-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-6-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-6-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-6-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-6-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-6-percent,
    .templates .table-container .new-event-template-table .new-row .width-7-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-7-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-7-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-7-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-7-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-7-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-7-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-7-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-7-percent,
    .templates .table-container .new-event-template-table .new-row .width-8-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-8-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-8-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-8-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-8-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-8-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-8-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-8-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-8-percent,
    .templates .table-container .new-event-template-table .new-row .width-9-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-9-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-9-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-9-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-9-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-9-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-9-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-9-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-9-percent,
    .templates .table-container .new-event-template-table .new-row .width-10-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-10-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-10-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-10-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-10-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-10-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-10-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-10-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-10-percent,
    .templates .table-container .new-event-template-table .new-row .width-11-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-11-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-11-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-11-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-11-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-11-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-11-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-11-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-11-percent,
    .templates .table-container .new-event-template-table .new-row .width-12-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-12-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-12-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-12-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-12-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-12-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-12-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-12-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-12-percent,
    .templates .table-container .new-event-template-table .new-row .width-13-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-13-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-13-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-13-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-13-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-13-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-13-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-13-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-13-percent,
    .templates .table-container .new-event-template-table .new-row .width-14-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-14-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-14-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-14-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-14-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-14-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-14-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-14-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-14-percent,
    .templates .table-container .new-event-template-table .new-row .width-15-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-15-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-15-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-15-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-15-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-15-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-15-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-15-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-15-percent,
    .templates .table-container .new-event-template-table .new-row .width-16-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-16-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-16-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-16-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-16-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-16-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-16-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-16-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-16-percent,
    .templates .table-container .new-event-template-table .new-row .width-17-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-17-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-17-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-17-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-17-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-17-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-17-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-17-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-17-percent,
    .templates .table-container .new-event-template-table .new-row .width-18-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-18-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-18-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-18-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-18-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-18-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-18-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-18-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-18-percent,
    .templates .table-container .new-event-template-table .new-row .width-95-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .width-95-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .width-95-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .width-95-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .width-95-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .width-95-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .width-95-percent,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .width-95-percent,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .width-95-percent,
    .templates .table-container .new-event-template-table .new-row .fixed-step-name,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .fixed-step-name,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .fixed-step-name,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .fixed-step-name,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .fixed-step-name,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .fixed-step-name,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .fixed-step-name,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .fixed-step-name,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .fixed-step-name,
    .templates .table-container .new-event-template-table .new-row .fixed-owner-notify,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .fixed-owner-notify,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .fixed-owner-notify,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .fixed-owner-notify,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .fixed-owner-notify,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .fixed-owner-notify,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .fixed-owner-notify,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .fixed-owner-notify,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .fixed-owner-notify,
    .templates .table-container .new-event-template-table .new-row .fixed-email-template
    .section-header,
    .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col .fixed-email-template
    .section-header,
    .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col .fixed-email-template
    .section-header,
    .templates .table-container .new-event-template-table .new-appraisal-container .control-row .fixed-email-template
    .section-header,
    .new-appraisal-container .templates .table-container .new-event-template-table .control-row .fixed-email-template
    .section-header,
    .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row .fixed-email-template
    .section-header,
    .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row .fixed-email-template
    .section-header,
    .templates .table-container .new-event-template-table .new-appraisal-container .edit-row .fixed-email-template
    .section-header,
    .new-appraisal-container .templates .table-container .new-event-template-table .edit-row .fixed-email-template
    .section-header, .templates .table-container .new-event-template-table .new-header .width-2-percent,
    .templates .table-container .new-event-template-table .new-header .width-3-percent,
    .templates .table-container .new-event-template-table .new-header .width-4-percent,
    .templates .table-container .new-event-template-table .new-header .width-5-percent,
    .templates .table-container .new-event-template-table .new-header .width-6-percent,
    .templates .table-container .new-event-template-table .new-header .width-7-percent,
    .templates .table-container .new-event-template-table .new-header .width-8-percent,
    .templates .table-container .new-event-template-table .new-header .width-9-percent,
    .templates .table-container .new-event-template-table .new-header .width-10-percent,
    .templates .table-container .new-event-template-table .new-header .width-11-percent,
    .templates .table-container .new-event-template-table .new-header .width-12-percent,
    .templates .table-container .new-event-template-table .new-header .width-13-percent,
    .templates .table-container .new-event-template-table .new-header .width-14-percent,
    .templates .table-container .new-event-template-table .new-header .width-15-percent,
    .templates .table-container .new-event-template-table .new-header .width-16-percent,
    .templates .table-container .new-event-template-table .new-header .width-17-percent,
    .templates .table-container .new-event-template-table .new-header .width-18-percent,
    .templates .table-container .new-event-template-table .new-header .width-95-percent,
    .templates .table-container .new-event-template-table .new-header .fixed-step-name,
    .templates .table-container .new-event-template-table .new-header .fixed-owner-notify,
    .templates .table-container .new-event-template-table .new-header .fixed-email-template
    .section-header {
      padding: 0.5em; }
  .templates .table-container .new-event-template-table .new-header {
    color: #aaa; }
  .templates .table-container .new-event-template-table .new-row, .templates .table-container .new-event-template-table .new-appraisal-container .flex-flow-col, .new-appraisal-container .templates .table-container .new-event-template-table .flex-flow-col, .templates .table-container .new-event-template-table .new-appraisal-container .control-row, .new-appraisal-container .templates .table-container .new-event-template-table .control-row, .templates .table-container .new-event-template-table .new-appraisal-container .appraisal-ctrl-row, .new-appraisal-container .templates .table-container .new-event-template-table .appraisal-ctrl-row, .templates .table-container .new-event-template-table .new-appraisal-container .edit-row, .new-appraisal-container .templates .table-container .new-event-template-table .edit-row {
    color: #535353;
    font-weight: 600; }
  .templates .table-container .new-event-template-table .step-header:hover {
    background-color: rgba(0, 48, 77, 0.3);
    cursor: pointer; }
  .templates .table-container .new-event-template-table .width-2-percent {
    width: 2%; }
  .templates .table-container .new-event-template-table .width-3-percent {
    width: 3%; }
  .templates .table-container .new-event-template-table .width-4-percent {
    width: 4%; }
  .templates .table-container .new-event-template-table .width-5-percent {
    width: 5%; }
  .templates .table-container .new-event-template-table .width-6-percent {
    width: 6%; }
  .templates .table-container .new-event-template-table .width-7-percent {
    width: 7%; }
  .templates .table-container .new-event-template-table .width-8-percent {
    width: 8%; }
  .templates .table-container .new-event-template-table .width-9-percent {
    width: 9%; }
  .templates .table-container .new-event-template-table .width-10-percent {
    width: 10%; }
  .templates .table-container .new-event-template-table .width-11-percent {
    width: 11%; }
  .templates .table-container .new-event-template-table .width-12-percent {
    width: 12%; }
  .templates .table-container .new-event-template-table .width-13-percent {
    width: 13%; }
  .templates .table-container .new-event-template-table .fixed-step-name {
    width: 9.72%; }
  .templates .table-container .new-event-template-table .fixed-owner-notify {
    width: 8.1%; }
  .templates .table-container .new-event-template-table .fixed-email-template {
    width: 11.08%; }
  .templates .table-container .new-event-template-table .width-14-percent {
    width: 14%; }
  .templates .table-container .new-event-template-table .width-15-percent {
    width: 15%; }
  .templates .table-container .new-event-template-table .width-16-percent {
    width: 16%; }
  .templates .table-container .new-event-template-table .width-17-percent {
    width: 17%; }
  .templates .table-container .new-event-template-table .width-18-percent {
    width: 18%; }
  .templates .table-container .new-event-template-table .width-95-percent {
    width: 95%; }
  .templates .table-container .new-event-template-table .width-100-percent {
    width: 100%; }
  .templates .table-container .new-event-template-table .section-header {
    background-color: #666;
    color: #fff !important;
    font-style: normal !important; }
  .templates .table-container .new-event-template-table .edit-button {
    height: 18px;
    background: #FFFFFF;
    border: 1px solid #eee;
    font-size: 14px; }
  .templates .table-container .new-event-template-table .ellipsis-email-template {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .templates .table-container .new-event-template-table .default-heading-icon-margin {
    margin-top: 3px !important; }
  .templates .table-container .new-event-template-table .border-bottom-less {
    border-bottom: none; }
  .templates .table-container .new-event-template-table .border-less-top {
    border-top: none; }
  .templates .table-container .new-event-template-table .weight-700 {
    font-weight: 700; }
.templates .tbody-valuation .relevant-info, .templates thead .relevant-info {
  font-size: 1.2rem; }
.templates .tbody-valuation .edit, .templates thead .edit {
  width: 50px;
  padding-top: 2px; }
  .templates .tbody-valuation .edit button, .templates thead .edit button {
    height: 18px;
    background: white;
    border: 1px solid #eee;
    font-size: 14px; }
.templates hr {
  margin-top: 20px;
  border-color: #eee; }
.templates .add-button {
  background-color: white;
  max-height: 35px;
  margin-left: 15px;
  margin-bottom: 15px;
  padding: 0px 25px;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #eee;
  text-transform: capitalize;
  border-radius: 5px; }

.dropdown-boolean {
  border: none;
  box-shadow: none;
  height: 19px;
  padding: 0;
  margin: 0;
  background-color: #fff;
  border-radius: 0; }
  .dropdown-boolean button.btn.dropdown-toggle.btn-default {
    border: none;
    padding: 0;
    width: auto;
    box-shadow: none;
    height: 19px;
    line-height: 19px; }

.checkbox-reviews {
  width: 50px !important; }
  .checkbox-reviews .control__indicator {
    top: 4px !important; }

.daily-pricing-detail {
  background-color: #fff;
  padding: 0 30px 170px; }
  .daily-pricing-detail .header-detail {
    background-color: rgba(233, 233, 233, 0.77);
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    border-bottom: 1px solid #dddddd !important; }
    .daily-pricing-detail .header-detail__sticky {
      position: sticky;
      top: 40px;
      z-index: 89;
      background: #f8f8f8; }
  .daily-pricing-detail .event-detail-container__sticky {
    position: sticky;
    top: 161px;
    z-index: 89;
    background: #ffffff;
    margin: 0 -30px;
    padding: 15px 30px; }
  .daily-pricing-detail .section-title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: 0.7px;
    color: #000000;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px; }
  .daily-pricing-detail .expand-data {
    background-color: white;
    border-radius: 5px;
    width: 40px;
    text-align: center;
    border: solid 1px #cecece;
    height: 30px;
    line-height: 30px; }
    .daily-pricing-detail .expand-data .fa {
      font-size: 14px;
      font-size: 1.4rem;
      transform: rotate(45deg);
      transition: all 0.5s ease; }
    .daily-pricing-detail .expand-data i {
      color: #00304D; }
  .daily-pricing-detail .expand-tab {
    background-color: white;
    border-radius: 5px;
    width: 40px;
    text-align: center;
    border: solid 1px #cecece;
    height: 30px;
    line-height: 30px; }
    .daily-pricing-detail .expand-tab .fa {
      font-size: 14px;
      font-size: 1.4rem;
      transform: rotate(0deg);
      transition: all 0.5s ease; }
    .daily-pricing-detail .expand-tab .tab-close {
      transform: rotate(90deg); }
    .daily-pricing-detail .expand-tab i {
      color: #00304D; }
  .daily-pricing-detail .label-value, .daily-pricing-detail .property-table .jpm-label-value, .property-table .daily-pricing-detail .jpm-label-value, .daily-pricing-detail .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .daily-pricing-detail p, .daily-pricing-detail .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .daily-pricing-detail p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #747474;
    text-transform: capitalize;
    width: 100%; }
    .daily-pricing-detail .label-value span, .daily-pricing-detail .property-table .jpm-label-value span, .property-table .daily-pricing-detail .jpm-label-value span, .daily-pricing-detail .appraisal-bid-modal .selected-vendor-user p span, .appraisal-bid-modal .selected-vendor-user .daily-pricing-detail p span, .daily-pricing-detail .schedules-section-modal .selected-vendor-user p span, .schedules-section-modal .selected-vendor-user .daily-pricing-detail p span {
      text-transform: lowercase; }
  .daily-pricing-detail .label-events {
    font-size: 1.4rem;
    color: #747474;
    width: 100%; }
    .daily-pricing-detail .label-events span {
      text-transform: lowercase; }
  .daily-pricing-detail .relevant-info {
    font-weight: 600; }
  .daily-pricing-detail .accordion-dp .panel-default .panel-heading {
    background-color: transparent; }
  .daily-pricing-detail .accordion-dp .chat-view .scroll-messages {
    overflow-y: auto !important; }
  .daily-pricing-detail .accordion-dp .chat-view .scroll-messages.open {
    height: calc(100% - 130px) !important; }
  .daily-pricing-detail .acordion-transactions .panel-default .panel-collapse {
    width: 100%; }
  .daily-pricing-detail table.table-valuation .t-id {
    width: 205px !important; }
  .daily-pricing-detail .row-vm .col-vm {
    flex-basis: 200px; }
  .daily-pricing-detail .row-vm .event-overview {
    flex-basis: 130px; }
  .daily-pricing-detail .row-vm .expand-tab-caret {
    margin-top: 8px; }
  .daily-pricing-detail .row-vm-doc {
    height: 48px;
    padding-top: 15px;
    align-self: flex-end; }
    .daily-pricing-detail .row-vm-doc .col-vm {
      flex-basis: 200px; }
  .daily-pricing-detail .doc-flex {
    flex-basis: 160px !important; }
  .daily-pricing-detail .doc-size {
    text-transform: capitalize !important;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem; }
    .daily-pricing-detail .doc-size i {
      font-size: 14px;
      font-size: 1.4rem; }
  .daily-pricing-detail .fa-folder-open {
    margin-right: 5px; }
  .daily-pricing-detail .new-event-detail-table {
    border: 1px solid #d0d0d0;
    list-style: none; }
    .daily-pricing-detail .new-event-detail-table .row-inline-flex {
      display: inline-flex !important;
      flex-flow: row nowrap !important; }
    .daily-pricing-detail .new-event-detail-table .section-header {
      background-color: #666;
      color: #fff !important;
      font-style: normal !important; }
    .daily-pricing-detail .new-event-detail-table .default-header {
      font-size: 12px;
      font-weight: 600;
      word-break: break-word;
      border-bottom: 1px solid #d0d0d0;
      padding: 0.5em; }
    .daily-pricing-detail .new-event-detail-table .new-row, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row, .daily-pricing-detail .new-event-detail-table .new-header {
      display: flex;
      flex-flow: row wrap;
      width: 100%;
      font-size: 12px;
      font-weight: normal;
      word-break: break-word;
      border-bottom: 1px solid #d0d0d0; }
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-default, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-default, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-default, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-default, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-default, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-default, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-default, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-default, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-default,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-20,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-20,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-20,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-20,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-20,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-20,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-20,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-20,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-20,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-50,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-50,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-50,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-50,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-50,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-50,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-50,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-50,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-50,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-130,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-130,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-130,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-130,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-130,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-130,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-130,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-130,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-130,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-150,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-150,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-150,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-150,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-150,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-150,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-150,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-150,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-150,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-step-name,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-step-name,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-step-name,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-step-name,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-step-name,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-step-name,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-step-name,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-step-name,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-step-name,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-completion-comment,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-completion-comment,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-completion-comment,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-completion-comment,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-completion-comment,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-completion-comment,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-completion-comment,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-completion-comment,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-completion-comment,
      .daily-pricing-detail .new-event-detail-table .new-row .section-header,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .section-header,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .section-header,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .section-header,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .section-header,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .section-header,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .section-header,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .section-header,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .section-header,
      .daily-pricing-detail .new-event-detail-table .new-row .step-approval-rejection,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .step-approval-rejection,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .step-approval-rejection,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .step-approval-rejection,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .step-approval-rejection,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .step-approval-rejection,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .step-approval-rejection,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .step-approval-rejection,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .step-approval-rejection,
      .daily-pricing-detail .new-event-detail-table .new-row .col-2-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-2-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-2-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-2-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-2-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-2-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-2-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-2-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-2-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-3-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-3-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-3-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-3-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-3-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-3-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-3-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-3-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-3-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-5-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-5-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-5-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-5-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-5-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-5-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-5-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-5-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-5-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-6-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-6-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-6-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-6-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-6-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-6-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-6-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-6-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-6-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-7-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-7-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-7-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-7-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-7-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-7-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-7-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-7-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-7-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-103-px,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-103-px,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-103-px,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-103-px,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-103-px,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-103-px,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-103-px,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-103-px,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-103-px,
      .daily-pricing-detail .new-event-detail-table .new-row .col-350-px,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-350-px,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-350-px,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-350-px,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-350-px,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-350-px,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-350-px,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-350-px,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-350-px,
      .daily-pricing-detail .new-event-detail-table .new-row .col-10-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-10-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-10-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-10-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-10-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-10-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-10-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-10-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-10-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-15-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-15-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-15-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-15-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-15-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-15-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-15-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-15-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-15-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-18-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-18-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-18-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-18-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-18-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-18-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-18-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-18-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-18-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-20-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-20-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-20-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-20-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-20-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-20-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-20-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-20-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-20-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-95-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-95-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-95-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-95-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-95-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-95-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-95-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-95-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-95-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-start-due-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-start-due-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-start-due-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-start-due-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-start-due-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-start-due-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-start-due-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-start-due-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-start-due-date,
      .daily-pricing-detail .new-event-detail-table .new-row .col-completed-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-completed-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-completed-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-completed-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-completed-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-completed-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-completed-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-completed-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-completed-date,
      .daily-pricing-detail .new-event-detail-table .new-row .col-submission,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-submission,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-submission,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-submission,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-submission,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-submission,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-submission,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-submission,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-submission, .daily-pricing-detail .new-event-detail-table .new-header .col-width-default,
      .daily-pricing-detail .new-event-detail-table .new-header .col-width-20,
      .daily-pricing-detail .new-event-detail-table .new-header .col-width-50,
      .daily-pricing-detail .new-event-detail-table .new-header .col-width-130,
      .daily-pricing-detail .new-event-detail-table .new-header .col-width-150,
      .daily-pricing-detail .new-event-detail-table .new-header .col-width-step-name,
      .daily-pricing-detail .new-event-detail-table .new-header .col-width-completion-comment,
      .daily-pricing-detail .new-event-detail-table .new-header .section-header,
      .daily-pricing-detail .new-event-detail-table .new-header .step-approval-rejection,
      .daily-pricing-detail .new-event-detail-table .new-header .col-2-percent,
      .daily-pricing-detail .new-event-detail-table .new-header .col-3-percent,
      .daily-pricing-detail .new-event-detail-table .new-header .col-5-percent,
      .daily-pricing-detail .new-event-detail-table .new-header .col-6-percent,
      .daily-pricing-detail .new-event-detail-table .new-header .col-7-percent,
      .daily-pricing-detail .new-event-detail-table .new-header .col-103-px,
      .daily-pricing-detail .new-event-detail-table .new-header .col-350-px,
      .daily-pricing-detail .new-event-detail-table .new-header .col-10-percent,
      .daily-pricing-detail .new-event-detail-table .new-header .col-15-percent,
      .daily-pricing-detail .new-event-detail-table .new-header .col-18-percent,
      .daily-pricing-detail .new-event-detail-table .new-header .col-20-percent,
      .daily-pricing-detail .new-event-detail-table .new-header .col-95-percent,
      .daily-pricing-detail .new-event-detail-table .new-header .col-start-due-date,
      .daily-pricing-detail .new-event-detail-table .new-header .col-completed-date,
      .daily-pricing-detail .new-event-detail-table .new-header .col-submission {
        padding: 0.5em; }
    .daily-pricing-detail .new-event-detail-table .padding-5 {
      padding: 5px; }
    .daily-pricing-detail .new-event-detail-table .default-padding {
      padding: 0.5em; }
    .daily-pricing-detail .new-event-detail-table .new-header {
      color: #aaa; }
    .daily-pricing-detail .new-event-detail-table .new-row, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row {
      color: #535353;
      font-weight: 600;
      position: relative; }
      .daily-pricing-detail .new-event-detail-table .new-row:hover:not(.wf-instruction), .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col:hover:not(.wf-instruction), .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col:hover:not(.wf-instruction), .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row:hover:not(.wf-instruction), .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row:hover:not(.wf-instruction), .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row:hover:not(.wf-instruction), .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row:hover:not(.wf-instruction), .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row:hover:not(.wf-instruction), .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row:hover:not(.wf-instruction) {
        background-color: rgba(0, 48, 77, 0.3); }
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-default, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-default, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-default, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-default, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-default, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-default, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-default, .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-default, .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-default,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-20,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-20,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-20,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-20,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-20,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-20,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-20,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-20,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-20,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-50,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-50,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-50,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-50,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-50,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-50,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-50,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-50,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-50,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-130,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-130,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-130,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-130,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-130,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-130,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-130,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-130,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-130,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-150,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-150,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-150,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-150,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-150,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-150,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-150,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-150,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-150,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-step-name,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-step-name,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-step-name,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-step-name,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-step-name,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-step-name,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-step-name,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-step-name,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-step-name,
      .daily-pricing-detail .new-event-detail-table .new-row .col-width-completion-comment,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-width-completion-comment,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-width-completion-comment,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-width-completion-comment,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-width-completion-comment,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-width-completion-comment,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-width-completion-comment,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-width-completion-comment,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-width-completion-comment,
      .daily-pricing-detail .new-event-detail-table .new-row .step-approval-rejection,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .step-approval-rejection,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .step-approval-rejection,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .step-approval-rejection,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .step-approval-rejection,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .step-approval-rejection,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .step-approval-rejection,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .step-approval-rejection,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .step-approval-rejection,
      .daily-pricing-detail .new-event-detail-table .new-row .col-2-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-2-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-2-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-2-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-2-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-2-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-2-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-2-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-2-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-3-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-3-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-3-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-3-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-3-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-3-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-3-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-3-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-3-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-5-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-5-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-5-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-5-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-5-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-5-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-5-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-5-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-5-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-6-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-6-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-6-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-6-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-6-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-6-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-6-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-6-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-6-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-7-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-7-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-7-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-7-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-7-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-7-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-7-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-7-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-7-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-10-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-10-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-10-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-10-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-10-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-10-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-10-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-10-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-10-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-15-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-15-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-15-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-15-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-15-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-15-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-15-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-15-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-15-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-20-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-20-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-20-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-20-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-20-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-20-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-20-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-20-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-20-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-95-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-95-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-95-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-95-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-95-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-95-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-95-percent,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-95-percent,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-95-percent,
      .daily-pricing-detail .new-event-detail-table .new-row .col-start-due-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-start-due-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-start-due-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-start-due-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-start-due-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-start-due-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-start-due-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-start-due-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-start-due-date,
      .daily-pricing-detail .new-event-detail-table .new-row .col-completed-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-completed-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-completed-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-completed-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-completed-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-completed-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-completed-date,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-completed-date,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-completed-date,
      .daily-pricing-detail .new-event-detail-table .new-row .col-submission,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .flex-flow-col .col-submission,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .flex-flow-col .col-submission,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .control-row .col-submission,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .control-row .col-submission,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .appraisal-ctrl-row .col-submission,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .appraisal-ctrl-row .col-submission,
      .daily-pricing-detail .new-event-detail-table .new-appraisal-container .edit-row .col-submission,
      .new-appraisal-container .daily-pricing-detail .new-event-detail-table .edit-row .col-submission {
        min-height: 45px; }
    .daily-pricing-detail .new-event-detail-table .col-width-default {
      flex-basis: 120px; }
    .daily-pricing-detail .new-event-detail-table .col-width-20 {
      flex-basis: 20px;
      padding: 5px 0 0 0 !important; }
    .daily-pricing-detail .new-event-detail-table .col-width-50 {
      flex-basis: 50px; }
    .daily-pricing-detail .new-event-detail-table .col-width-130 {
      flex-basis: 130px; }
    .daily-pricing-detail .new-event-detail-table .col-width-150 {
      flex-basis: 150px; }
    .daily-pricing-detail .new-event-detail-table .col-width-step-name, .daily-pricing-detail .new-event-detail-table .col-width-completion-comment, .daily-pricing-detail .new-event-detail-table .step-approval-rejection {
      flex-basis: 100px;
      flex-grow: 1; }
    .daily-pricing-detail .new-event-detail-table .col-full-width {
      width: 100%; }
    .daily-pricing-detail .new-event-detail-table .no-border-bottom {
      border-bottom: none; }
    .daily-pricing-detail .new-event-detail-table .capitalize-first-letter::first-letter {
      text-transform: capitalize; }
    .daily-pricing-detail .new-event-detail-table .button-drop {
      max-height: 20px;
      font-weight: 600;
      text-transform: capitalize; }
    .daily-pricing-detail .new-event-detail-table .active-icon {
      margin-left: inherit !important; }
    .daily-pricing-detail .new-event-detail-table .inline-element {
      display: inline-block; }
    .daily-pricing-detail .new-event-detail-table .col-2-percent {
      width: 2%; }
    .daily-pricing-detail .new-event-detail-table .col-3-percent {
      width: 3%; }
    .daily-pricing-detail .new-event-detail-table .col-5-percent {
      width: 5%; }
    .daily-pricing-detail .new-event-detail-table .col-6-percent {
      width: 6%; }
    .daily-pricing-detail .new-event-detail-table .col-start-due-date {
      width: 80px; }
    .daily-pricing-detail .new-event-detail-table .col-completed-date {
      width: 123px; }
    .daily-pricing-detail .new-event-detail-table .col-submission {
      width: 345px; }
    .daily-pricing-detail .new-event-detail-table .col-7-percent {
      width: 7%; }
    .daily-pricing-detail .new-event-detail-table .col-10-percent {
      width: 10%; }
    .daily-pricing-detail .new-event-detail-table .col-15-percent {
      width: 15%; }
    .daily-pricing-detail .new-event-detail-table .col-20-percent {
      width: 20%; }
    .daily-pricing-detail .new-event-detail-table .col-95-percent {
      width: 95%; }
    .daily-pricing-detail .new-event-detail-table .col-18-percent {
      width: 18%; }
    .daily-pricing-detail .new-event-detail-table .col-103-px {
      width: 105px; }
    .daily-pricing-detail .new-event-detail-table .col-350-px {
      width: 350px; }

.red {
  color: red !important; }

.green {
  color: green !important; }

.notApproveDropdown {
  right: 100px !important; }

.blue {
  color: #00304D !important; }

.dp-task .col-vm {
  width: 20%; }
.dp-task .col-view-vm {
  width: 20%;
  align-self: flex-start; }
.dp-task .roles-list span:not(:last-child):after {
  content: ', '; }

.tabs-dp ul.nav-tabs {
  margin: 0;
  padding-left: 15px;
  padding-right: 15px; }

.header-reviews {
  background-color: #fafafa;
  border: none;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0; }

.border-bottom-dark {
  border-bottom: 1px solid #979797; }

.row-header-event {
  background-color: rgba(233, 233, 233, 0.77);
  height: auto !important;
  min-height: 92px !important;
  padding: 15px; }
  .row-header-event .col-vm {
    align-self: flex-start !important;
    flex-basis: 150px; }

.col-description-event {
  align-self: flex-start !important;
  flex-grow: 1; }
  .col-description-event .relevant-info {
    box-sizing: border-box;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .col-description-event .description {
    overflow: auto;
    height: 115px; }

.row-event {
  background-color: rgba(233, 233, 233, 0.77);
  height: 92px !important; }

.row-event-detail {
  background-color: #fff !important;
  height: 90px !important;
  border-bottom: none !important;
  box-sizing: border-box;
  padding: 0;
  border-top: solid 1px #cfcfcf !important; }
  .row-event-detail .row-header {
    padding: 15px;
    height: 90px !important;
    box-sizing: border-box;
    border-top: 1px #cfcfcf solid; }
  .row-event-detail .event-comments .relevant-info {
    overflow-y: auto;
    height: 48px; }
  .row-event-detail .col-tools {
    flex-grow: 0;
    width: 100px !important; }

.panel-event-detail {
  border-top: none !important; }

.col-event-tool {
  width: 20px !important; }

.dp-table-roles {
  width: 600px; }

.transform-90d {
  transform: rotate(90deg) !important; }

.t-id .fa, .daily-pricing-db .fa {
  transform: rotate(0deg);
  transition: all 0.5s ease; }

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

.table.table-valuation .t-dash {
  vertical-align: middle;
  width: 12%; }

.roles-view {
  padding-top: 20px; }
  .roles-view .group-view .group-block {
    -webkit-box-shadow: 1px 1px 1px 1px #e6e6e6;
    -moz-box-shadow: 1px 1px 1px 1px #e6e6e6;
    box-shadow: 1px 1px 1px 1px #e6e6e6; }
    .roles-view .group-view .group-block .heading {
      width: 100%;
      background-color: #e6e6e6;
      padding: 20px; }
    .roles-view .group-view .group-block .list {
      width: 100%;
      background-color: white;
      height: 100%;
      min-height: 500px;
      overflow-y: auto;
      padding: 20px; }
      .roles-view .group-view .group-block .list .table th {
        color: #aaa;
        font-weight: 300; }
      .roles-view .group-view .group-block .list .table .row-name .select-input {
        width: 50%;
        display: inline-block;
        transition: none; }
        .roles-view .group-view .group-block .list .table .row-name .select-input:focus {
          border-color: #00304D; }
      .roles-view .group-view .group-block .list .table .row-name .controls {
        display: inline-block;
        float: right; }
        .roles-view .group-view .group-block .list .table .row-name .controls i {
          margin-right: 10px; }
        .roles-view .group-view .group-block .list .table .row-name .controls button {
          height: 22px;
          font-size: 10px;
          min-width: 80px; }
          .roles-view .group-view .group-block .list .table .row-name .controls button i {
            margin-right: 5px; }
        .roles-view .group-view .group-block .list .table .row-name .controls .btn-apply {
          background-color: #666; }
        .roles-view .group-view .group-block .list .table .row-name .controls .empty-col {
          width: 36px; }
      .roles-view .group-view .group-block .list .table .editing-td {
        background-color: #e6e6e6; }
    .roles-view .group-view .group-block .new-list {
      width: 100%;
      background-color: white;
      height: 100%;
      overflow-y: auto;
      padding: 20px; }
      .roles-view .group-view .group-block .new-list .table th {
        color: #aaa;
        font-weight: 300; }
      .roles-view .group-view .group-block .new-list .table .row-name .select-input {
        width: 50%;
        display: inline-block;
        transition: none; }
        .roles-view .group-view .group-block .new-list .table .row-name .select-input:focus {
          border-color: #00304D; }
      .roles-view .group-view .group-block .new-list .table .row-name .controls {
        display: inline-block;
        float: right; }
        .roles-view .group-view .group-block .new-list .table .row-name .controls i {
          margin-right: 10px; }
        .roles-view .group-view .group-block .new-list .table .row-name .controls button {
          height: 22px;
          font-size: 10px;
          min-width: 80px; }
          .roles-view .group-view .group-block .new-list .table .row-name .controls button i {
            margin-right: 5px; }
        .roles-view .group-view .group-block .new-list .table .row-name .controls .btn-apply {
          background-color: #666; }
        .roles-view .group-view .group-block .new-list .table .row-name .controls .empty-col {
          width: 36px; }
      .roles-view .group-view .group-block .new-list .table .editing-td {
        background-color: #e6e6e6; }
  .roles-view .group-view .add-container {
    background-color: white;
    margin-bottom: 20px;
    padding: 20px;
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 1px 1px 1px 1px #e6e6e6;
    -moz-box-shadow: 1px 1px 1px 1px #e6e6e6;
    box-shadow: 1px 1px 1px 1px #e6e6e6; }
    .roles-view .group-view .add-container input {
      width: 100%;
      border-radius: 4px;
      height: 50px;
      border: 1px solid #e6e6e6; }
    .roles-view .group-view .add-container button {
      background-color: #666;
      border-radius: 2px;
      color: white;
      text-transform: uppercase;
      float: right;
      margin-top: 15px;
      height: 30px;
      transition: 0.5s; }
      .roles-view .group-view .add-container button:hover {
        background-color: #00304D; }
  .roles-view .group-view .save-groups .btn-apply {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 15px; }

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

.roles-col {
  width: 500px !important; }

.bootstrap-select-create .dropdown-menu {
  max-height: 300px;
  overflow: auto; }

div.dropdown-step {
  position: absolute !important;
  right: 190px;
  height: 25px;
  width: auto; }
  div.dropdown-step:hover {
    border: none !important; }

div.dropdown-step-2 {
  position: absolute !important;
  right: 50px;
  height: 25px;
  width: auto; }
  div.dropdown-step-2:hover {
    border: none !important; }

.text-wrap {
  white-space: normal; }

.daily-pricing-db .dndPlaceholder {
  background-color: #ddd;
  height: 42px; }

.daily-pricing-db .drag-ul tr {
  min-height: 35px; }

.row-vm .col-vm-double {
  width: 400px; }

.drag-workflow {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #000000;
  margin-top: 10px;
  margin-bottom: 20px; }

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

.flex-grow {
  flex-grow: 1 !important; }

.row-header {
  height: auto !important; }
  .row-header .edit-mode {
    height: 39px;
    line-height: 39px;
    padding: 0;
    margin: 0; }

.event-details-col, .event-details-col-modal {
  align-self: flex-end;
  width: 100%;
  max-width: 15vw !important; }

.new-event-details-col {
  width: 100%;
  align-self: flex-end;
  max-width: 15vw !important; }

.cmi-top-19 {
  margin-top: 19px; }

.select-top-19 .bootstrap-select {
  margin-top: 19px; }

.new-event-details-col-modal {
  min-width: 205px;
  padding-right: 15px;
  align-self: flex-end;
  max-width: 205px; }

.textarea-wider {
  width: calc(80vw - 200px);
  height: 80px; }

.textarea-p {
  width: calc(80vw - 200px);
  height: auto;
  max-height: 80px;
  white-space: pre-line;
  overflow-y: scroll; }

.textarea-maxwidth {
  max-width: 600px; }

.align-normal {
  align-self: normal; }

.col-xs-12.col-sm-1.min-140 {
  min-width: 155px; }

.col-flex-end {
  align-self: flex-end !important; }

.t-status {
  text-align: right; }
  .t-status .button-drop {
    font-size: 12px;
    font-size: 1.2rem;
    border: 1px solid #d0d0d0;
    background-color: white;
    max-height: 20px;
    text-transform: capitalize; }
    .t-status .button-drop i {
      padding-right: 5px; }

.dropdown-dp {
  left: initial !important;
  right: 0; }
  .dropdown-dp .panel-body {
    min-width: 450px;
    font-size: 14px;
    font-size: 1.4rem; }
    .dropdown-dp .panel-body textarea {
      width: 100%;
      overflow: hidden; }

.panel-body-bigger {
  min-width: 550px;
  max-width: 600px;
  padding: 15px;
  font-size: 14px;
  font-size: 1.4rem; }
  .panel-body-bigger textarea {
    width: 100%;
    overflow: hidden; }

div.cancel-event {
  flex-grow: 0;
  flex-basis: 280px;
  text-align: right; }

div.cancel-event-double {
  flex-grow: 0;
  flex-basis: 380px;
  text-align: right; }

.dp-cancellation-modal {
  max-height: 95px;
  overflow: auto;
  text-align: left; }

.navigation-angle {
  position: relative; }
  .navigation-angle .up {
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 5px; }
    .navigation-angle .up:hover {
      opacity: 0.7; }
  .navigation-angle .down {
    bottom: 5px;
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px; }
    .navigation-angle .down:hover {
      opacity: 0.7; }

.width-15 {
  width: 15px; }

.daily-pricing-step-edit {
  background-color: rgba(0, 48, 77, 0.3); }

.bg-gray {
  background-color: rgba(233, 233, 233, 0.77); }

.active-icon {
  color: #008744;
  position: absolute;
  margin-left: -25px;
  line-height: 20px; }

.no-section-heading-icon {
  color: #e60000;
  position: absolute;
  margin-left: -10px;
  margin-top: -15px; }

.section-heading-icon-margin-40 {
  margin-left: -40px !important; }

.instructions-helper .help-icon {
  padding: 0; }

.instructions {
  width: 20px;
  text-align: center; }
  .instructions .help-icon {
    padding: 0; }

.row-es .col-vm {
  align-self: normal !important; }

.steps-table {
  margin: 0 -16px; }

.steps-buttons {
  margin-bottom: -14px;
  padding: 15px; }

.ac-container {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 999; }

.ac-container .ac-menu {
  border: 1px solid #ccc;
  list-style: none;
  padding: 0;
  background-color: white;
  box-shadow: 0 3px 7px 0px rgba(0, 0, 0, 0.15);
  margin: 0; }

.ac-container .ac-menu .ac-menu-item {
  border-bottom: 1px dotted #ccc;
  line-height: 35px;
  margin: 0; }

.ac-container .ac-menu .ac-menu-item:last-child {
  border-bottom: 0; }

.ac-container .ac-menu .ac-menu-item:hover {
  background-color: #e0eaff; }

.ac-container .ac-menu a {
  padding-left: 5px;
  display: block;
  color: inherit;
  text-decoration: none; }

.ac-container .ac-menu .ac-state-focus {
  outline: none;
  background-color: #e0eaff; }

[mass-autocomplete] {
  position: relative; }

.ac-container {
  position: absolute;
  top: 100% !important;
  left: 0 !important;
  width: 100% !important; }

.ac-highlight {
  background-color: rgba(255, 153, 0, 0.41); }

.ac-container .ac-menu .ac-menu-item:hover {
  background-color: rgba(255, 153, 0, 0.1); }

.margin-title-upload {
  margin: 23px 15px 50px 20px !important; }

.margin-vm-upload-title {
  margin: 0px 15px 20px 20px; }

.height-100 {
  height: 100% !important;
  max-height: 100% !important; }

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

.occupancy-section .table-container.border-bottom-none .table > tbody + tbody {
  border-top: 1px solid #ddd !important; }

.property-comps .border-table-val.border-bottom-none tbody tr:not(:last-child) {
  margin-bottom: 1px;
  border-bottom: 0 !important; }

.transform-90d-neg {
  transform: rotate(-90deg) !important; }

.addHover:hover {
  overflow: inherit; }

.max-table-size {
  max-height: 300px;
  overflow: auto; }

.max-list-size {
  max-height: 90px;
  overflow: auto; }

.dropdown-private-note.dropdown-menu {
  bottom: 100%;
  top: inherit; }

.dropdown-private-note.dropdown-menu-wider {
  bottom: 100%;
  top: inherit;
  width: calc(80vw - 200px); }

.refresh-btn {
  position: relative;
  bottom: -12px; }

.refresh-btn-upload {
  text-align: right;
  padding-bottom: 1%;
  padding-right: 2%; }

.fixed-300 {
  width: 300px;
  min-width: 300px;
  max-width: 300px; }

.fixed-400 {
  width: 400px;
  min-width: 400px;
  max-width: 400px; }

.flex-2 {
  flex: 2 !important; }

.min-150 {
  min-width: 150px; }

.min-100 {
  min-width: 100px; }

.popup-button-space {
  display: inline-flex;
  justify-content: space-between;
  width: 100%; }
  .popup-button-space div {
    width: 120px;
    white-space: nowrap; }

span.add-come:not(:last-child):after {
  content: ', '; }

.drop-box.dragover {
  border: 3px dashed #00304D; }

.drop-box.dragover-err {
  border: 3px dashed red; }

.width-230 {
  padding-left: 18px;
  width: 170px !important; }
  .width-230 .bootstrap-select.btn-group {
    font-size: 14px;
    font-size: 1.4rem; }
    .width-230 .bootstrap-select.btn-group button {
      font-size: 14px;
      font-size: 1.4rem;
      height: 30px;
      line-height: 15px; }
    .width-230 .bootstrap-select.btn-group .dropdown-menu li a span.text {
      font-size: 14px;
      font-size: 1.4rem; }

.bg-event-gray.modal-table-small {
  margin-bottom: 10px;
  border: solid 1px #cfcfcf !important;
  min-height: 113.39px; }

.pos-abs {
  position: relative; }
  .pos-abs .panel-body {
    padding: 15px 150px 15px 15px; }

.edit-refresh-buttons {
  position: absolute;
  top: 20px;
  right: 20px; }

.refresh-buttons-edit {
  position: absolute;
  top: 40px;
  right: 20px; }

.view-admin-link {
  position: absolute;
  top: 60px;
  right: 20px; }

.non-edit-admin-link {
  top: 20px !important; }

.view-admin-link-modal {
  margin-left: auto;
  text-align: right;
  padding-right: unset; }

.dp-modal-btn {
  background-color: #00304D;
  border: 0;
  border-radius: 4px;
  color: #ffffff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  height: 42px;
  min-width: 161px;
  text-transform: uppercase;
  padding-left: 12px;
  padding-right: 12px; }

.dp-modal-btn[disabled] {
  opacity: 0.65; }

.btn-save-modal {
  background: transparent;
  border: 0;
  color: #545454;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  height: 42px;
  min-width: 161px;
  text-transform: uppercase; }

.approval-modal {
  margin: 20% auto !important;
  text-align: left;
  width: 900px !important; }
  .approval-modal .opt-buttons-container {
    display: flex;
    grid-template-columns: repeat(auto-fit, minmax(auto, 200px)); }
  .approval-modal.modal-dialog .wf-event-detail {
    margin-bottom: 10px;
    height: calc(80vh - 280px);
    max-height: 370px;
    overflow-y: auto !important; }

.confirmation-modal .approval-modal {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  max-height: 95vh;
  overflow: hidden;
  margin: 0 !important; }

@media only screen and (max-height: 770px) {
  .dpModal {
    top: calc(50% - 650px) !important; }

  .dp-event-form {
    overflow-y: scroll;
    max-height: 700px; } }
@media only screen and (min-height: 771px) {
  .dpModal {
    top: calc(50% - 800px) !important; } }
#reviewModalNotApprove, #reviewModal, #reviewSurveyModal, #reviewSurveyModalNotApprove {
  z-index: 999999 !important; }

.flex-grow {
  flex-grow: 1; }

.daily-pricing-db .occupancy-section .table-container tbody.altus-sec-table, .daily-pricing-db .occupancy-section .table-container tbody > tr {
  overflow-y: hidden !important;
  overflow-x: hidden !important; }

.col-tools-wide {
  flex-grow: 1;
  text-align: right;
  min-width: 350px; }

.padding-radio-btn {
  padding-left: 20px !important;
  padding-right: 15px; }

.dp-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%; }

.correct-margin {
  margin-left: 0px;
  padding-bottom: 15px; }

@media only screen and (max-width: 1200px) {
  .atlus-custom-inline {
    display: inline-block; } }
.refresh-btn-dp {
  float: right;
  background: transparent;
  text-transform: none;
  font-size: 18px; }

.dp-refresh-margin {
  margin-top: -20px; }

.upload-cell-name {
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 20px; }

.align-right {
  text-align: right; }

.uploadResults {
  width: 100%; }
  .uploadResults .upload-cell-name {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 25px; }
  .uploadResults .upload-cell {
    max-height: 20px; }
  .uploadResults .align-right {
    text-align: right; }

.free-flow-height {
  max-height: none !important; }

.image-upload-container {
  box-sizing: border-box;
  border: 1px solid lightgray;
  padding: 25px;
  border-radius: 5px;
  max-width: 725px; }
  .image-upload-container .supporting-docs-text {
    margin-top: -10px;
    margin-bottom: 15px; }

.new-image-upload-container {
  box-sizing: border-box;
  border: 1px solid lightgray;
  padding: 25px;
  border-radius: 5px;
  margin-left: -15px; }
  .new-image-upload-container .supporting-docs-text {
    margin-top: -10px;
    margin-bottom: 15px; }

.no-padding {
  padding: 0px; }

.custom-dp-tooltip div.tooltip-inner {
  white-space: normal; }
.custom-dp-tooltip .tooltip .in {
  opacity: 1 !important; }

.blue-tooltip {
  color: #00304D !important; }

.alert-custom {
  padding: 15px !important;
  position: relative !important;
  margin-bottom: 20px !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important; }

.alert-danger-custom {
  color: #a94442 !important;
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
  font-size: 16px; }

.create-asset-upload {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  padding-bottom: 40px; }
  .create-asset-upload .image-upload-container {
    margin-bottom: 30px; }

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

.new-dp-event-button-layout .approve-button, .new-dp-event-button-layout .survey-respond {
  font-size: 1.3rem;
  min-height: 40px;
  width: 150px;
  border: 1px solid #d0d0d0;
  background-color: white; }
  .new-dp-event-button-layout .approve-button span, .new-dp-event-button-layout .survey-respond span {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block; }
.new-dp-event-button-layout .not-approve-button, .new-dp-event-button-layout .view-survey-result {
  font-size: 1.3rem;
  min-height: 40px;
  width: 150px;
  margin-left: 10px;
  border: 1px solid #d0d0d0;
  background-color: white; }
  .new-dp-event-button-layout .not-approve-button span, .new-dp-event-button-layout .view-survey-result span {
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block; }

.dp-pin .default-layout {
  position: relative;
  display: inline-block; }
.dp-pin .default-align {
  top: -2px;
  left: 10px; }

.workflow-private-link {
  margin-bottom: 20px; }

.section-heading-header {
  background-color: #666;
  color: #fff !important;
  padding: 5px 5px 5px 20px; }

.section-heading-table-flex {
  display: flex;
  flex-flow: column nowrap;
  font-size: .8rem;
  line-height: 1.5;
  flex: 1 1 auto; }

.section-heading-inner-td .td {
  border-bottom: none !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.parent-hover:hover td table tr {
  background-color: rgba(0, 48, 77, 0.3); }

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

.dp-default-input {
  height: 39px !important; }

.text-color-selection select {
  color: #c4c4c4; }
.text-color-selection select option:not(first-child) {
  color: #555; }

.dp-default-input:active {
  border: solid 2px #00304D; }

.dp-default-input:focus {
  border: solid 2px #00304D; }

.new-dropdown-overflow .bootstrap-select .dropdown-menu.inner {
  overflow-y: auto !important; }

.new-btn-disabled {
  opacity: 0.5 !important; }

.next-steps-textarea {
  font-size: 16px; }

.wf-step .multi-dropdown .multiselect-parent button {
  font-size: 14px !important; }
.wf-step .multi-dropdown .multiselect-parent .dropdown-menu li a {
  font-size: 14px !important; }
.wf-step .bootstrap-select .dropdown-toggle {
  font-size: 14px !important; }
.wf-step .bootstrap-select .dropdown-menu li a span.text {
  font-size: 14px !important; }
.wf-step .bootstrap-select .dropdown-menu.inner {
  overflow-y: auto !important; }

.wf-default-font .select-input {
  font-size: 14px !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {
  .wf-event-detail {
    zoom: 125%; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1201px) and (max-width: 1500px) {
  .wf-event-detail {
    zoom: 111.1111111111%; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1501px) {
  .wf-event-detail {
    zoom: 100%; } }
.wf-event-detail .form-control[disabled] {
  opacity: 0.65 !important; }
.wf-event-detail .invalid-wf-field.ng-touched {
  border: 1px solid red; }
.wf-event-detail .fields-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(194px, 1fr));
  grid-column-gap: 15px;
  grid-row-gap: 15px; }
.wf-event-detail .bootstrap-select .dropdown-toggle {
  display: flex; }

.btn-apply[disabled] {
  opacity: 0.65 !important; }

.advanced-search-fields .new-label-value {
  width: fit-content !important; }

.status-col {
  width: 50px; }
  .status-col input[type="checkbox"] {
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto; }
  .status-col .pref-prop-icon-open {
    font-size: 22px;
    color: #008000;
    margin-left: 10px; }
  .status-col .status-uncheck {
    font-size: 18px;
    color: #d4d4d4;
    margin-top: 2px;
    margin-left: 10px; }

.status-col-2 {
  width: 160px !important; }
  .status-col-2 .pref-prop-icon-open {
    font-size: 22px;
    color: #008000;
    margin-left: 40px !important; }
  .status-col-2 .status-uncheck {
    margin-left: 40px !important; }

.margin-events-width {
  width: 98.2% !important;
  margin-left: 15px !important;
  padding-top: 20px; }

.cmi-padding-left {
  padding-left: 10px;
  padding-bottom: 0 !important;
  padding-top: 0 !important; }

.dropdown-bootstrap-z-index .bootstrap-select .dropdown-toggle {
  z-index: unset; }

.cmi-trx-col {
  width: 300px; }

.concern-question-col {
  width: 100%;
  padding-right: 15px;
  align-self: flex-end; }
  .concern-question-col .textarea-wider {
    width: 100%; }

.cmi-top-15 {
  margin-top: 15px; }

.input-height-39 {
  height: 39px !important; }

.cmi-default-font {
  font-size: 1.6rem; }

.cmi-dropdown-placeholder .bootstrap-select button .filter-option .filter-option-inner .filter-option-inner-inner {
  color: #ccc; }

.new-upload-cell-name {
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 21px; }

.custom-event-tpl-caret .bootstrap-select button .bs-caret .caret {
  margin-left: -15px; }

.horizontal-border {
  border: solid 1px #979797 !important;
  margin-left: 5px;
  margin-right: 10px;
  margin-bottom: 15px; }

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

.resubmit-upload-container {
  box-sizing: border-box;
  border: 1px solid lightgray;
  padding: 25px;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 12px;
  margin-bottom: 15px; }

.right-5-neg {
  margin-right: -5px; }

@media only screen and (max-width: 1757px) {
  .btn-overflow {
    margin-top: 10px; } }
@media only screen and (max-width: 1285px) {
  .uploading-control {
    width: 25% !important; } }
@media only screen and (max-width: 1102px) {
  .btn-upload-overflow {
    margin-top: 10px; } }
@media only screen and (max-width: 1280px) {
  .resubmit-upload {
    width: 17% !important; }

  .upload-btn {
    margin-top: 10px !important; } }
.document-upload-name {
  font-size: 14px; }

.dp-upload-container {
  display: flex;
  flex-flow: row nowrap;
  margin-left: -15px; }
  .dp-upload-container .uploading-control, .dp-upload-container .resubmit-upload {
    width: inherit; }
  .dp-upload-container .full-size {
    width: 100% !important;
    max-height: 75px;
    overflow: auto; }
  .dp-upload-container .upload-document {
    width: 54%;
    margin-left: 20px; }
  .dp-upload-container .remove-upload-control {
    display: flex;
    flex-flow: row nowrap; }
  .dp-upload-container .upload-file-container {
    width: 100%; }
  .dp-upload-container .upload-icon-container {
    width: 200px; }
  .dp-upload-container .upload-icon {
    float: right;
    margin-right: 15px; }
  .dp-upload-container .upload-doc-list {
    width: 75%;
    overflow: auto;
    max-height: 75px; }
  .dp-upload-container .new-upload-cell-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-height: 20px; }

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

.flex-event-col {
  display: inline-flex;
  flex-flow: row nowrap; }
  .flex-event-col span {
    margin-left: 5px; }

.event-detail-extra-padding {
  padding-bottom: 50px; }

.jpm-label .label-value, .jpm-label .property-table .jpm-label-value, .property-table .jpm-label .jpm-label-value, .jpm-label .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .jpm-label p, .jpm-label .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .jpm-label p {
  margin-top: 10px !important; }

.appr-comment-note-closed {
  color: white;
  height: auto !important;
  width: 80%;
  margin-top: 20px;
  margin-bottom: 20px; }

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

.width-75-comments {
  width: 75% !important; }

.comment-bar-appr {
  width: 95%;
  padding-top: 3px;
  white-space: nowrap;
  font-size: .85em; }

.appr-comment-note {
  color: white;
  height: auto !important;
  width: 80%;
  margin-top: 20px;
  margin-bottom: 20px; }

.border-comment-top {
  border-top: 1px solid black; }

.height-full-100 {
  height: 100vh; }

.height-no-response {
  height: 90vh; }

.height-non-vendor {
  height: 145px !important; }

.height-vendor-250 {
  height: 250px !important; }

.height-vendor {
  height: 180px !important; }

.select-range2 {
  display: inline-block;
  /*margin-bottom: 15px;*/
  /*max-width: 276px;*/
  position: relative;
  width: calc(47.7% - 22px); }
  @media (min-width: 1200px) {
    .select-range2 {
      width: calc(48.8% - 22px); } }
  .select-range2 .addon {
    background-color: transparent;
    border: 0;
    bottom: 0;
    color: #bbbbbb;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 5%;
    top: 20%; }
    .select-range2 .addon:hover {
      opacity: 0.7; }
  .select-range2 .up {
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 5px; }
    .select-range2 .up:hover {
      opacity: 0.7; }
  .select-range2 .down {
    bottom: 5px;
    color: #2a2a2a;
    cursor: pointer;
    position: absolute;
    right: 7px; }
    .select-range2 .down:hover {
      opacity: 0.7; }

.disable-pointer {
  pointer-events: none;
  background: lightgrey; }

.vm-import-form {
  padding: 0 1.5rem; }

.vm-import {
  display: flex;
  flex-direction: column; }
  .vm-import .vm-import__row {
    display: grid;
    grid-template-columns: minmax(500px, 2fr) 200px 200px 1fr;
    grid-column-gap: 15px;
    align-items: center;
    margin: 1rem 0;
    max-width: 100%; }
    .vm-import .vm-import__row .vm-import__row__description {
      padding-right: 15px;
      margin: 0; }
    .vm-import .vm-import__row .vm-import__row__button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 200px;
      flex-shrink: 0;
      text-align: center; }

.button-4 {
  appearance: none;
  background-color: #FAFBFC;
  border: 1px solid rgba(27, 31, 35, 0.15);
  border-radius: 3px;
  box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
  box-sizing: border-box;
  color: #24292E;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  list-style: none;
  position: relative;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: break-word;
  text-transform: capitalize; }

.button-4:hover {
  background-color: #F3F4F6;
  text-decoration: none;
  transition-duration: 0.1s; }

.button-4:disabled {
  background-color: #FAFBFC;
  border-color: rgba(27, 31, 35, 0.15);
  color: #959DA5;
  cursor: default; }

.button-4:active {
  background-color: #EDEFF2;
  box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
  transition: none 0s; }

.button-4:focus {
  outline: 1px transparent; }

.button-4:before {
  display: none; }

.button-4:-webkit-details-marker {
  display: none; }

.impairment-test-detail-modal .modal-dialog {
  right: 7vw; }
  .impairment-test-detail-modal .modal-dialog .modal-content {
    background-color: #FFFFFF;
    border: 0;
    border-radius: 0 !important;
    width: 1000px; }
.impairment-test-detail-modal .replace-modal-btn {
  float: right;
  margin-right: 20px;
  margin-top: 5px; }
.impairment-test-detail-modal .replace-action-btn {
  width: 180px;
  height: 40px;
  color: white;
  margin-top: 30px;
  margin-left: 5px; }
.impairment-test-detail-modal .replace-action-btn:hover {
  opacity: .7; }
.impairment-test-detail-modal .exit-modal-icon:hover {
  opacity: .7; }
.impairment-test-detail-modal .modal-header {
  border: 0;
  height: 52px; }
  .impairment-test-detail-modal .modal-header i {
    font-size: 33px;
    line-height: 26px; }
.impairment-test-detail-modal .modal-header-green {
  background-color: #8edd5a; }
.impairment-test-detail-modal .modal-header-red {
  background-color: #e70c0c; }
.impairment-test-detail-modal .modal-header-yellow {
  background-color: #eab359; }
.impairment-test-detail-modal .modal-body {
  padding: 30px; }
  .impairment-test-detail-modal .modal-body h4 {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 600;
    margin-bottom: 7px; }
  .impairment-test-detail-modal .modal-body p {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0; }
.impairment-test-detail-modal .modal-footer {
  border: 0;
  color: #434343;
  padding: 20px 0px 0px 0px; }
.impairment-test-detail-modal [ui-grid-row] {
  display: table-row; }
.impairment-test-detail-modal .ui-grid-row, .impairment-test-detail-modal .ui-grid-cell {
  height: auto !important; }
.impairment-test-detail-modal .ui-grid-cell {
  float: none;
  display: table-cell; }
.impairment-test-detail-modal .ui-grid-header-cell, .impairment-test-detail-modal .ui-grid-cell-contents {
  white-space: normal;
  padding: 2px;
  word-break: break-word; }
.impairment-test-detail-modal .ui-grid-height-impairment {
  height: 60vh !important; }
.impairment-test-detail-modal .row_wrapper {
  min-height: auto !important; }

.dp-table td {
  padding: 8px !important; }

.dp-wrap .col-vm {
  width: 250px;
  padding-right: 25px; }
.dp-wrap .bootstrap-select > .dropdown-toggle,
.dp-wrap .advanced-search-section .advanced-search-fields .multi-dropdown .multiselect-parent button {
  border: 1px solid #cccccc !important; }

.dp-title {
  font-size: 18px;
  font-size: 1.8rem;
  color: #000000;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 38px; }

.dp-create-button {
  font-size: 14px;
  font-size: 1.4rem;
  min-width: 108px;
  height: 30px;
  border-radius: 4px;
  border: solid 1px #979797;
  font-weight: 600;
  color: #8c8c8c; }

.dp-button {
  font-size: 14px;
  font-size: 1.4rem;
  min-width: 108px;
  height: 30px;
  border-radius: 4px;
  font-weight: 400;
  padding-left: 15px;
  padding-right: 15px; }

.bg-transparent {
  background: transparent !important; }

.dp-input {
  border: 1px solid #cccccc !important; }
  .dp-input:focus {
    border: solid 2px #00304D !important; }

.toolbar-wp {
  padding: 15px;
  background-color: #ebebeb; }
  .toolbar-wp .btn {
    background-color: #ebebeb; }

.ta-editor {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100% !important;
  margin: 20px 0; }

.ta-root.focussed > .ta-scroll-window.form-control {
  border: 1px solid #ccc !important;
  box-shadow: none; }

.ta-scroll-window > .ta-bind:focus {
  border: solid 2px #00304D !important;
  outline: none; }

.no-option .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  color: #cccccc;
  font-weight: 400; }

.border-bottom-dark {
  border-bottom: solid 1px #979797 !important; }

.event-purpose-select {
  display: inline-block;
  width: 200px;
  margin-left: 15px; }

.event-purpose-display {
  display: inline-block; }

.event-purpose-header {
  margin-left: 9px;
  margin-bottom: 15px; }

.update-valuation-modal label {
  font-size: 1.4rem;
  color: #747474;
  margin-bottom: 11px;
  margin-top: 20px;
  text-transform: capitalize;
  width: 100%; }

.transaction-alerts {
  padding: 15px; }
  .transaction-alerts .radio-button .control {
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
    font-weight: 600;
    text-align: left;
    color: #555555; }
  .transaction-alerts .radio-button .control__indicator {
    height: 15px;
    width: 15px;
    top: 3px; }
    .transaction-alerts .radio-button .control__indicator:after {
      left: 0px;
      top: 0px;
      height: 13px;
      width: 13px; }
  .transaction-alerts div.panel-body {
    max-width: 900px !important;
    min-width: 900px !important; }
  .transaction-alerts .trx-alert-private {
    color: #FF9900; }
  .transaction-alerts .trx-alert-label {
    font-size: 1.8rem;
    font-weight: 400; }
  .transaction-alerts .default-hyperlink {
    color: #00304D; }

.hide-overflow {
  overflow: hidden; }

div.dropdown-alert {
  height: 25px;
  width: auto;
  right: 7px; }
  div.dropdown-alert:hover {
    border: none !important; }
  div.dropdown-alert .button-drop {
    font-size: 12px;
    font-size: 1.2rem;
    border: 1px solid #d0d0d0;
    background-color: white;
    max-height: 20px;
    text-transform: capitalize; }
    div.dropdown-alert .button-drop i {
      padding-right: 5px; }
  div.dropdown-alert .new-button-drop {
    font-size: 12px;
    font-size: 1.2rem;
    border: 1px solid #d0d0d0;
    color: #fff;
    background-color: #00304D;
    max-height: 20px;
    text-transform: capitalize; }
    div.dropdown-alert .new-button-drop i {
      padding-right: 5px; }

.badge-alert {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: lighter; }

#reviewModal .modal-dialog {
  width: 900px; }
#reviewModal .modal-content {
  padding: 0; }

.trx-alert-icon-color {
  color: #FF9900; }

.alerts-custom .multi-dropdown {
  text-align: left; }
  .alerts-custom .multi-dropdown .multiselect-parent {
    height: 39px;
    width: 100%; }
    .alerts-custom .multi-dropdown .multiselect-parent button {
      font-size: 16px;
      font-size: 1.6rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      color: #434343;
      font-weight: 400;
      height: 39px !important;
      padding-right: 22px;
      text-align: left;
      width: 100% !important;
      text-transform: inherit; }
      .alerts-custom .multi-dropdown .multiselect-parent button:hover {
        background-color: #ffffff; }
      .alerts-custom .multi-dropdown .multiselect-parent button span {
        font-size: 16px;
        font-size: 1.6rem;
        float: right;
        margin-top: 10px; }
      .alerts-custom .multi-dropdown .multiselect-parent button:focus, .alerts-custom .multi-dropdown .multiselect-parent button:active {
        border: solid 2px #00304D !important; }
    .alerts-custom .multi-dropdown .multiselect-parent ul {
      margin-top: 0;
      min-width: 100%;
      height: auto !important;
      max-height: 700px; }
      .alerts-custom .multi-dropdown .multiselect-parent ul:hover {
        background-color: #ffffff; }
      .alerts-custom .multi-dropdown .multiselect-parent ul a {
        font-size: 16px;
        font-size: 1.6rem;
        color: #434343;
        font-weight: 400; }
.alerts-custom input[type="radio"] {
  width: 1em;
  height: 1em; }
.alerts-custom .notification-padding {
  padding-right: 15px; }

.alerts-disabled-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.2; }

.rca-btn-default {
  border-radius: 4px;
  color: #fff;
  width: 100%;
  height: 40px;
  line-height: 4px;
  font-size: 1.2em;
  font-weight: 300; }

.rca-map-view {
  height: 700px; }

.rca-search-group {
  display: inline-block;
  width: 100%; }

.rca-pagination-xlg-margin {
  margin: 30px 0 0 0; }

.rca-title-search {
  font-size: 1.8rem;
  font-weight: 400;
  margin: 35px 0 0 0; }

.rca-property-card-status {
  float: right;
  margin-top: 0px;
  color: crimson; }

.show {
  color: green !important; }

.rca-property-card-date {
  float: right;
  clear: right; }

.border-selected {
  box-shadow: 0 0 5px #51cbee;
  border: 1.5px solid #48D1CC; }

.rca-action-btn {
  border-radius: 4px;
  color: #fff;
  height: 30px;
  line-height: 4px;
  font-weight: 300; }

.rca-btn-align {
  float: right;
  margin: 0 10px 0 0; }

.rca-building-status {
  overflow-y: visible !important; }

.modal-confirm-msg {
  margin: 25px 0 0 0; }

.modal-confirm-bold {
  font-weight: bold; }

.hide-text-overflow {
  text-overflow: ellipsis;
  overflow: hidden; }

@media only screen and (max-width: 1199px) {
  .rca-btn-default {
    font-size: 1.0em;
    height: 34px;
    margin: 29px 0 0 0; }

  .rca-search-group {
    height: 38px !important; } }
@media only screen and (min-width: 1200px) {
  .rca-status-element .rca-status-element .rca-keyword-element {
    width: 100%; }

  .rca-search-group {
    height: 39px !important; }

  .rca-btn-default {
    margin: 29px 0 0 0; } }
.css-report .first-text {
  color: #777;
  padding-top: 10px;
  padding-bottom: 10px; }
.css-report .row-parent .report-check {
  float: right;
  padding-right: 20px; }
  .css-report .row-parent .report-check input {
    width: auto !important; }
.css-report .row-parent .headlline {
  font-weight: bold; }
.css-report .row-parent .row_right {
  display: inline-block;
  float: left;
  width: 700px; }
  @media (max-width: 1200px) {
    .css-report .row-parent .row_right {
      float: inherit;
      width: 100%;
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      box-ordinal-group: 1; } }
.css-report .row-parent .row_left {
  float: left;
  width: calc( 100% - 700px);
  display: inline-block;
  /**
       * For the correct positioning of the placeholder element, the dnd-list and
       * it's children must have position: relative
       */
  /**
         * The dnd-list should always have a min-height,
         * otherwise you can't drop to it once it's empty
         */
  /**
         * The dndDraggingSource class will be applied to
         * the source element of a drag operation. It makes
         * sense to hide it to give the user the feeling
         * that he's actually moving it.
         */
  /**
         * An element with .dndPlaceholder class will be
         * added to the dnd-list while the user is dragging
         * over it.
         */
  /**
         * The dnd-lists's child elements currently MUST have
         * position: relative. Otherwise we can not determine
         * whether the mouse pointer is in the upper or lower
         * half of the element we are dragging over. In other
         * browsers we can use event.offsetY for this.
         */
  /**
         * Show selected elements in green
         */ }
  .css-report .row-parent .row_left .angular-leaflet-map {
    padding-top: 100%; }
  .css-report .row-parent .row_left .card-comp {
    margin-bottom: 0px;
    border-bottom: 1px solid #999;
    height: auto; }
    .css-report .row-parent .row_left .card-comp .info-result {
      padding: 2px 50px;
      padding-right: 2px;
      height: 100px; }
      .css-report .row-parent .row_left .card-comp .info-result .col-result .headers {
        width: 300px; }
        .css-report .row-parent .row_left .card-comp .info-result .col-result .headers .title {
          width: 300px; }
        .css-report .row-parent .row_left .card-comp .info-result .col-result .headers .sub-title {
          width: 300px; }
        .css-report .row-parent .row_left .card-comp .info-result .col-result .headers .other-title {
          width: 300px; }
    .css-report .row-parent .row_left .card-comp .carousel-result {
      left: 20px;
      width: 100px;
      height: 100px; }
      .css-report .row-parent .row_left .card-comp .carousel-result .slide-result {
        width: 100px;
        height: 100px; }
    .css-report .row-parent .row_left .card-comp .number_box {
      position: absolute;
      left: 0;
      background-color: #666;
      padding-top: 38px;
      color: white;
      width: 20px;
      height: 100%;
      text-align: center; }
    .css-report .row-parent .row_left .card-comp .delete-comp {
      position: absolute;
      top: 8px;
      right: 8px;
      margin-left: 4px;
      color: #00304D; }
  .css-report .row-parent .row_left .drag-ul[dnd-list],
  .css-report .row-parent .row_left .drag-ul[dnd-list] > li {
    position: relative; }
  .css-report .row-parent .row_left .drag-ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
    margin-bottom: 0px; }
  .css-report .row-parent .row_left .drag-ul[dnd-list] .dndDraggingSource {
    display: none; }
  .css-report .row-parent .row_left .drag-ul[dnd-list] .dndPlaceholder {
    display: block;
    background-color: #ddd;
    min-height: 42px; }
  .css-report .row-parent .row_left .drag-ul[dnd-list] li {
    display: block; }
  .css-report .row-parent .row_left .drag-ul[dnd-list] li.dndDragging .card-comp .info-result {
    background-color: rgba(93, 191, 193, 0.38); }
  @media (max-width: 1200px) {
    .css-report .row-parent .row_left {
      float: inherit;
      width: 100%;
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      box-ordinal-group: 2; } }
@media (max-width: 1200px) {
  .css-report .row-parent .row-parent {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    width: 100%; } }

.exportDisable {
  opacity: 0.7 !important;
  cursor: no-drop !important; }

.reports {
  padding-bottom: 15px;
  padding-top: 15px;
  display: flex; }
  .reports .report-card-heading {
    padding-bottom: 20px; }
  .reports .reports-params {
    height: auto !important;
    margin-top: 10px;
    margin-left: 15px;
    min-height: 540px;
    width: initial;
    padding-bottom: 60px;
    margin-right: 0 !important; }
    .reports .reports-params .reports-params-title {
      margin-bottom: 30px !important; }
    .reports .reports-params .button-wp {
      text-align: right;
      position: absolute;
      bottom: 15px;
      right: 15px; }
  .reports .report-card, .reports .reports-params {
    background-color: #fff;
    height: 140px;
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 15px;
    position: relative;
    border: solid 1px #c9c9c9;
    box-sizing: content-box;
    flex-grow: 1; }
    .reports .report-card .report-name, .reports .reports-params .report-name, .reports .reports-params .reports-params-title, .reports .report-card .report-subject, .reports .reports-params .report-subject, .reports .report-card .report-description, .reports .reports-params .report-description {
      margin: 0; }
    .reports .report-card .report-name, .reports .reports-params .report-name, .reports .reports-params .reports-params-title {
      font-size: 25px;
      font-size: 2.5rem;
      font-weight: bold;
      color: #212121;
      line-height: 2; }
    .reports .report-card .report-subject, .reports .reports-params .report-subject {
      font-size: 18px;
      font-size: 1.8rem;
      color: #181818;
      padding-bottom: 12px; }
    .reports .report-card .report-description, .reports .reports-params .report-description {
      font-size: 18px;
      color: #777777; }
  .reports .new-card {
    top: 7px;
    left: 7px;
    padding-left: 50px;
    height: 130px; }
  .reports .report-detail-col {
    width: 60%; }
  .reports .new-report-detail-col {
    width: 100%; }
  .reports .create-report-col {
    width: 40%; }
  .reports .accordion {
    width: 100%; }
    .reports .accordion .pull-right {
      float: right;
      margin-right: 10px; }
    .reports .accordion .panel-title {
      padding: 10px 15px;
      font-size: 2.5rem; }

.rca-export-limit-exceed {
  font-weight: bold;
  color: #ff0000; }

.export-limit-new-line {
  display: block; }

.rca-trx-total {
  color: #000000; }

.rca-export-limit {
  margin: 5px 0 0 -14px;
  padding: 5px 0 0 0;
  font-size: 1.5rem;
  border: solid 1px #d8d8d8;
  border-left-style: none;
  max-width: fit-content; }
  .rca-export-limit .fa {
    font-size: 20px; }
  .rca-export-limit .default-padding {
    padding: 3px 3px 3px 0; }
  .rca-export-limit .fa-icon-left-margin {
    margin-left: -5px; }
  .rca-export-limit .default-inline {
    display: inline-block; }
  .rca-export-limit .sm-margin {
    margin-left: 5px;
    margin-top: -2px; }
  .rca-export-limit .sm-top-margin {
    margin-top: -2px; }
  .rca-export-limit .rca-container {
    background-color: #FFF;
    border: solid 1px #d8d8d8;
    position: relative;
    margin: 0 5px 5px 5px;
    padding: 10px; }
  .rca-export-limit .container-content {
    font-size: 1.6rem;
    padding-right: 15px; }
  .rca-export-limit .selected-color {
    color: #000000; }

.modal-open .modal {
  overflow-y: hidden !important;
  overflow-x: hidden !important; }

.create-report-modal {
  z-index: 1050 !important; }
  .create-report-modal .drag-ul[dnd-list] {
    width: 820px;
    padding: 10px 10px 0 1px;
    margin-bottom: 0px;
    overflow: inherit; }
  .create-report-modal .export-header {
    background-color: #fff;
    margin: 1px;
    padding: 10px; }
  .create-report-modal .map-view {
    height: 20%; }
  .create-report-modal .rca-export-limit {
    margin: 20px 0 0 0;
    padding: 5px 0 0 0;
    font-size: 1.5rem;
    border: solid 1px #d8d8d8;
    max-width: fit-content; }
  .create-report-modal .container-content {
    font-size: 1.2rem; }
  .create-report-modal .modal-dialog {
    height: calc(100% - 50px);
    width: 850px;
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: smooth; }
  .create-report-modal .modal-header {
    border-bottom: none; }
  .create-report-modal .modal-body {
    max-height: calc(100vh - 300px);
    padding: 5px 15px;
    overflow-x: hidden;
    overflow-y: auto; }
  .create-report-modal .modal-dialog .modal-content {
    background-color: #F8F8F8;
    overflow-x: hidden; }
  .create-report-modal .header-title {
    margin-top: 5px;
    font-size: 18px;
    color: #545454; }
  .create-report-modal .new-basic-button {
    border-radius: 4px;
    color: #fff;
    height: 35px;
    width: 170px;
    line-height: 4px;
    font-size: 15px;
    font-weight: 300;
    float: right; }
  .create-report-modal .btn-cancel {
    background: transparent;
    border: 0;
    color: #545454;
    font-size: 16px;
    font-weight: 400;
    height: 35px;
    text-transform: uppercase; }
  .create-report-modal ul {
    list-style-type: none; }
  .create-report-modal .card-border {
    border: 1px solid #999; }
  .create-report-modal .default-bg-color {
    background-color: #e6e6e6; }
  .create-report-modal .default-font-size {
    font-size: 1.3rem; }
  .create-report-modal .map-pin-padding {
    padding: 15px 0 10px 15px; }
  .create-report-modal .export-limit-margin {
    margin-top: 20px; }
  .create-report-modal .export-limit-font-size {
    font-size: 1.4rem; }
  .create-report-modal .card-comp-modal input[type="checkbox"] {
    height: 18px;
    width: 18px;
    vertical-align: sub; }
  .create-report-modal .card-comp-modal .number-box-col {
    width: 25px;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px; }
  .create-report-modal .card-comp-modal .image-info-col {
    float: left;
    position: relative;
    min-height: 1px;
    margin-left: 15px; }
  .create-report-modal .card-comp-modal .property-header-info-col {
    width: 285px;
    float: left;
    position: relative;
    height: 130px;
    background: transparent;
    border-right: 1px solid #979797; }
  .create-report-modal .card-comp-modal .number-box {
    left: 0;
    background-color: #666;
    color: white;
    width: inherit;
    height: 130px;
    text-align: center;
    font-size: 1.3rem;
    padding-top: 40px; }
  .create-report-modal .card-comp-modal .property-info-container {
    width: 340px;
    float: left;
    position: relative;
    height: 130px; }
  .create-report-modal .card-comp-modal .no-interest-rate {
    position: relative;
    top: -15px; }
  .create-report-modal .card-comp-modal .sales-transaction-container {
    width: 340px;
    float: left;
    position: relative;
    height: 130px; }
  .create-report-modal .card-comp-modal .property-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal .transaction-property-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal .site-property-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal .sales-transaction-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal .site-sales-transaction-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal .delete-report {
    color: #00304D;
    position: absolute;
    width: 15px;
    top: 1px;
    right: -5px; }
  .create-report-modal .card-comp-modal .lease-transaction-info-col {
    width: 110px;
    display: inline-block; }
  .create-report-modal .card-comp-modal img {
    opacity: 0.8;
    bottom: 0;
    height: inherit;
    left: 0;
    max-width: 100%;
    width: auto;
    margin: auto;
    position: relative;
    right: 0;
    top: 0; }
  .create-report-modal .card-comp-modal p {
    margin: 0; }
  .create-report-modal .card-comp-modal .image-box {
    width: 130px;
    height: 130px;
    vertical-align: top;
    border-right: 1px #c9c9c9 solid; }
  .create-report-modal .card-comp-modal .inline-column {
    display: inline-block; }
  .create-report-modal .card-comp-modal .title {
    font-size: 1.3rem;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 1.2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #212121;
    cursor: pointer; }
  .create-report-modal .card-comp-modal .sm-padding-left {
    padding: 0 0 0 10px; }
  .create-report-modal .card-comp-modal .sm-padding-bottom {
    padding-bottom: 5px; }
  .create-report-modal .card-comp-modal .property-info-padding {
    padding: 10px 0 0 10px; }
  .create-report-modal .card-comp-modal .portfolio-pin {
    margin-top: 5px;
    margin-bottom: 5px; }
  .create-report-modal .card-comp-modal .pin-size, .create-report-modal .card-comp-modal .subject-detail {
    font-size: 1.4rem; }
  .create-report-modal .card-comp-modal .one-dash-two-font {
    font-size: 1.2rem; }
  .create-report-modal .card-comp-modal .region-font, .create-report-modal .card-comp-modal .property-label {
    font-size: 1.0rem !important;
    color: #808080; }
  .create-report-modal .card-comp-modal .custom-row-margin {
    margin-left: 1px;
    margin-right: -15px; }
  .create-report-modal .card-comp-modal .vertical-align-top {
    vertical-align: top; }
  .create-report-modal .card-comp-modal .sales-trx-height {
    height: 130px !important; }
  .create-report-modal .card-comp-modal .sales-trx-img-height {
    height: inherit !important; }
  .create-report-modal .card-comp-modal .text-overflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.new-modal-backdrop {
  z-index: 1040 !important; }

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

.top-8 {
  margin-top: 8px; }

.fund-container .multi-dropdown .multiselect-parent {
  height: 39px;
  width: 100%; }
  .fund-container .multi-dropdown .multiselect-parent button {
    font-size: 1.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: solid 1px #cccccc !important;
    border-radius: 4px;
    height: 39px !important;
    padding-right: 22px;
    text-align: left;
    width: 100% !important;
    text-transform: inherit; }
    .fund-container .multi-dropdown .multiselect-parent button span {
      font-size: 1.6rem;
      float: right; }

.fix-spot {
  width: 95%; }

.create-report-modal .modal-dialog,
.vendor-analytics-modal .modal-dialog {
  width: 800px;
  height: calc(100% - 50px);
  overflow: hidden;
  scroll-behavior: smooth;
  touch-action: none; }

.small-print-report-modal .modal-content {
  height: 300px !important; }

.medium-print-report-modal .modal-content {
  height: 450px !important; }

.medium-print-report-modal .fund-container .required-fund-col .dropdown-menu {
  max-height: 135px !important; }

.print-report-modal .report-parameters-title, .small-print-report-modal .report-parameters-title, .medium-print-report-modal .report-parameters-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #212121; }
.print-report-modal .modal-body, .small-print-report-modal .modal-body, .medium-print-report-modal .modal-body {
  max-height: unset;
  overflow-x: visible;
  overflow-y: visible; }
.print-report-modal .modal-content, .small-print-report-modal .modal-content, .medium-print-report-modal .modal-content {
  height: 600px; }
.print-report-modal .modal-header, .small-print-report-modal .modal-header, .medium-print-report-modal .modal-header {
  padding-top: 8px;
  padding-bottom: 0;
  border: 1px solid #e5e5e5; }
  .print-report-modal .modal-header h3, .small-print-report-modal .modal-header h3, .medium-print-report-modal .modal-header h3, .print-report-modal .modal-header i, .small-print-report-modal .modal-header i, .medium-print-report-modal .modal-header i {
    margin-top: 10px; }
  .print-report-modal .modal-header .header-control, .small-print-report-modal .modal-header .header-control, .medium-print-report-modal .modal-header .header-control {
    display: inline-flex;
    width: 100%;
    justify-content: space-between; }
    .print-report-modal .modal-header .header-control i, .small-print-report-modal .modal-header .header-control i, .medium-print-report-modal .modal-header .header-control i {
      font-size: 1.8em; }
.print-report-modal .label, .small-print-report-modal .label, .medium-print-report-modal .label {
  font-size: 1.4rem;
  font-weight: 400;
  color: #747474;
  white-space: nowrap;
  text-transform: capitalize;
  margin-bottom: 10px;
  padding-left: 0; }
.print-report-modal .top-five, .small-print-report-modal .top-five, .medium-print-report-modal .top-five {
  margin-top: 5px; }
.print-report-modal .quarterly-container, .small-print-report-modal .quarterly-container, .medium-print-report-modal .quarterly-container {
  display: flex;
  flex-flow: row wrap;
  margin-top: 10px;
  justify-content: space-between; }
  .print-report-modal .quarterly-container .quarterly-label, .small-print-report-modal .quarterly-container .quarterly-label, .medium-print-report-modal .quarterly-container .quarterly-label {
    font-size: 1.6rem;
    font-weight: 600;
    color: #535353; }
  .print-report-modal .quarterly-container .control__indicator, .small-print-report-modal .quarterly-container .control__indicator, .medium-print-report-modal .quarterly-container .control__indicator {
    top: 3px; }
.print-report-modal .horizontal-line, .small-print-report-modal .horizontal-line, .medium-print-report-modal .horizontal-line {
  margin-top: 35px;
  border: 1px solid #e5e5e5;
  width: 100%; }
.print-report-modal .filter-container, .small-print-report-modal .filter-container, .medium-print-report-modal .filter-container {
  margin-top: 15px; }
  .print-report-modal .filter-container .quarter-control, .small-print-report-modal .filter-container .quarter-control, .medium-print-report-modal .filter-container .quarter-control {
    display: flex;
    flex-flow: row nowrap;
    margin: 10px 0 10px 0; }
  .print-report-modal .filter-container .quarter-col, .small-print-report-modal .filter-container .quarter-col, .medium-print-report-modal .filter-container .quarter-col {
    display: flex;
    flex-flow: column nowrap;
    width: 50%;
    padding-right: 10px; }
    .print-report-modal .filter-container .quarter-col .dropdown, .small-print-report-modal .filter-container .quarter-col .dropdown, .medium-print-report-modal .filter-container .quarter-col .dropdown {
      border: unset; }
    .print-report-modal .filter-container .quarter-col .dropdown:hover, .small-print-report-modal .filter-container .quarter-col .dropdown:hover, .medium-print-report-modal .filter-container .quarter-col .dropdown:hover {
      border: unset !important; }
    .print-report-modal .filter-container .quarter-col .bootstrap-select, .small-print-report-modal .filter-container .quarter-col .bootstrap-select, .medium-print-report-modal .filter-container .quarter-col .bootstrap-select {
      width: 100%; }
.print-report-modal .print-report-control, .small-print-report-modal .print-report-control, .medium-print-report-modal .print-report-control {
  width: 100%;
  margin-top: 30px; }
  .print-report-modal .print-report-control button, .small-print-report-modal .print-report-control button, .medium-print-report-modal .print-report-control button {
    float: right;
    margin-right: 10px; }
.print-report-modal .fund-container, .small-print-report-modal .fund-container, .medium-print-report-modal .fund-container {
  width: 60%; }
  .print-report-modal .fund-container .multi-dropdown .multiselect-parent ul, .small-print-report-modal .fund-container .multi-dropdown .multiselect-parent ul, .medium-print-report-modal .fund-container .multi-dropdown .multiselect-parent ul {
    width: 100%; }
  .print-report-modal .fund-container .required-fund-col .dropdown-menu, .small-print-report-modal .fund-container .required-fund-col .dropdown-menu, .medium-print-report-modal .fund-container .required-fund-col .dropdown-menu {
    max-height: 300px; }
.print-report-modal .ul-dropdown .dropdown-menu, .small-print-report-modal .ul-dropdown .dropdown-menu, .medium-print-report-modal .ul-dropdown .dropdown-menu, .print-report-modal .multi-select .dropdown-menu .dropdown-menu, .small-print-report-modal .multi-select .dropdown-menu .dropdown-menu, .medium-print-report-modal .multi-select .dropdown-menu .dropdown-menu, .print-report-modal .lower-dropdown .dropdown-menu .dropdown-menu, .small-print-report-modal .lower-dropdown .dropdown-menu .dropdown-menu, .medium-print-report-modal .lower-dropdown .dropdown-menu .dropdown-menu {
  height: 135px;
  width: 370px !important;
  overflow: auto !important; }
.print-report-modal .multi-select .dropdown-menu, .small-print-report-modal .multi-select .dropdown-menu, .medium-print-report-modal .multi-select .dropdown-menu {
  height: 220px !important; }

.bid-management-container .top-15 {
  margin-top: 15px; }
.bid-management-container .top-50 {
  margin-top: 50px; }
.bid-management-container .tab-header {
  font-weight: 700; }
.bid-management-container .label-title {
  color: #aaa; }
.bid-management-container .row-padding {
  padding: 10px 15px; }
.bid-management-container .header-label {
  padding: 10px 15px;
  font-weight: 600; }
.bid-management-container .add-button {
  margin: 2px 35px;
  height: 35px;
  width: 50px;
  background-color: #666;
  border-radius: 2px;
  color: white;
  text-transform: uppercase;
  transition: 0.5s; }
.bid-management-container .row-flex-wrap {
  display: flex;
  flex-flow: row wrap; }
.bid-management-container .row-flex-nowrap {
  display: flex;
  flex-flow: row nowrap; }
.bid-management-container .col-flex-1 {
  width: 10%; }
.bid-management-container .col-flex-2 {
  width: 20%; }
.bid-management-container .col-flex-3 {
  width: 30%; }
.bid-management-container .col-flex-4 {
  width: 40%; }
.bid-management-container .col-flex-5 {
  width: 50%; }
.bid-management-container .col-flex-6 {
  width: 60%; }
.bid-management-container .col-flex-7 {
  width: 70%; }
.bid-management-container .col-flex-8 {
  width: 80%; }
.bid-management-container .col-flex-9 {
  width: 90%; }
.bid-management-container .col-flex-10 {
  width: 100%; }
.bid-management-container .button-padding {
  padding: 5px 0 10px 0; }
.bid-management-container .right-float {
  float: right; }
.bid-management-container .no-margin-bottom {
  margin-bottom: 0 !important; }

.contact-management-container {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #eee; }
  .contact-management-container .company .bootstrap-select button.btn .bs-caret {
    margin-right: 10px; }
  .contact-management-container .company .bootstrap-select .dropdown-menu.open {
    width: 100%; }
  .contact-management-container .company .multi-dropdown .multiselect-parent {
    width: 100%; }
    .contact-management-container .company .multi-dropdown .multiselect-parent button {
      font-size: 16px !important;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      height: 39px !important;
      padding-right: 22px;
      text-align: left;
      width: 100% !important;
      text-transform: inherit;
      color: #434343;
      font-weight: 400; }
    .contact-management-container .company .multi-dropdown .multiselect-parent button span.caret {
      float: right; }
    .contact-management-container .company .multi-dropdown .multiselect-parent ul {
      margin-top: 0;
      min-width: 100%;
      height: auto !important;
      max-height: 700px; }
  .contact-management-container .company-role .flex-table {
    max-height: 500px;
    overflow-y: scroll;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee; }
  .contact-management-container .company-role .flex-row, .contact-management-container .company-role .appraisal-bid-modal .flex-row-wrap, .appraisal-bid-modal .contact-management-container .company-role .flex-row-wrap, .contact-management-container .company-role .appraisal-bid-modal .bidding-level-header, .appraisal-bid-modal .contact-management-container .company-role .bidding-level-header, .contact-management-container .company-role .bid-detail .grid-ctrl, .bid-detail .contact-management-container .company-role .grid-ctrl, .contact-management-container .company-role .flex-row-header {
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #eee; }
  .contact-management-container .company-role .flex-row:hover, .contact-management-container .company-role .appraisal-bid-modal .flex-row-wrap:hover, .appraisal-bid-modal .contact-management-container .company-role .flex-row-wrap:hover, .contact-management-container .company-role .appraisal-bid-modal .bidding-level-header:hover, .appraisal-bid-modal .contact-management-container .company-role .bidding-level-header:hover, .contact-management-container .company-role .bid-detail .grid-ctrl:hover, .bid-detail .contact-management-container .company-role .grid-ctrl:hover {
    background-color: rgba(0, 48, 77, 0.3);
    cursor: pointer; }
  .contact-management-container .company-role .activated-link {
    background-color: rgba(0, 48, 77, 0.3); }
  .contact-management-container .company-role .flex-col-20 span, .contact-management-container .company-role .flex-col-80 span {
    padding-left: 3px;
    font-size: 1.4rem;
    color: #535353;
    font-weight: 600; }
  .contact-management-container .company-role .flex-header-20, .contact-management-container .company-role .flex-col-20 {
    width: 20%; }
  .contact-management-container .company-role .flex-header-80, .contact-management-container .company-role .flex-col-80 {
    width: 80%; }
  .contact-management-container .company-role .flex-header-40, .contact-management-container .company-role .flex-col-40 {
    width: 40%; }
  .contact-management-container .company-role .flex-table-header {
    font-size: 1.4rem;
    margin-left: 3px;
    font-weight: normal;
    color: #aaa; }
  .contact-management-container .company-role .member-list:not(:first-child):before {
    padding-right: 5px;
    content: ","; }
  .contact-management-container .company-role .empty-member-list {
    color: #ff0000 !important; }
  .contact-management-container .dashboard-v-align-th {
    vertical-align: top; }
  .contact-management-container .upper-case {
    text-transform: uppercase; }

.edit-company-role-container {
  background: #e6e6e6;
  margin: 10px 15px;
  border-radius: 4px; }
  .edit-company-role-container .user-name {
    color: #747474;
    font-weight: 600;
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px; }

.dashboard-container .bid-col {
  width: 6%; }
.dashboard-container .generic-col {
  width: 11%; }
.dashboard-container .ui-grid-header-cell {
  float: left; }
.dashboard-container .ui-grid-header-cell-wrapper {
  display: flex !important; }
.dashboard-container .fund-col {
  width: 18%; }
.dashboard-container .asset-col {
  width: 18%; }
.dashboard-container .bootstrap-select .dropdown-menu li:first-child span.text {
  color: gray !important; }
.dashboard-container .bid-result-table {
  border: 1px solid #eee; }
  .dashboard-container .bid-result-table .ten-pert {
    width: 10% !important; }
  .dashboard-container .bid-result-table .twenty-pert {
    width: 20% !important; }
  .dashboard-container .bid-result-table th {
    font-size: 1.4rem;
    color: #aaa; }
    .dashboard-container .bid-result-table th i {
      margin-top: 4px;
      margin-left: 5px; }
    .dashboard-container .bid-result-table th.vertical-align-bottom .sort-caret {
      margin-top: 0;
      margin-bottom: 2px; }
    .dashboard-container .bid-result-table th .sort-caret {
      position: relative; }
      .dashboard-container .bid-result-table th .sort-caret::after {
        font-family: FontAwesome;
        content: "\f054";
        position: absolute;
        right: -1.7rem;
        bottom: -2px;
        display: inline-block;
        z-index: 1;
        transition: transform 0.25s ease-in; }
      .dashboard-container .bid-result-table th .sort-caret.caret-down::after {
        transform: rotate(90deg);
        transition: transform 0.25s ease-out; }
  .dashboard-container .bid-result-table .inline-flex {
    display: inline-flex;
    flex-wrap: wrap; }
  .dashboard-container .bid-result-table .flex-row, .dashboard-container .bid-result-table .appraisal-bid-modal .flex-row-wrap, .appraisal-bid-modal .dashboard-container .bid-result-table .flex-row-wrap, .dashboard-container .bid-result-table .appraisal-bid-modal .bidding-level-header, .appraisal-bid-modal .dashboard-container .bid-result-table .bidding-level-header, .dashboard-container .bid-result-table .bid-detail .grid-ctrl, .bid-detail .dashboard-container .bid-result-table .grid-ctrl {
    display: flex;
    flex-flow: row wrap; }
  .dashboard-container .bid-result-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .dashboard-container .bid-result-table td a {
      font-size: 14px;
      font-size: 1.4rem; }
.dashboard-container .default-option.filter-option {
  color: gray !important; }

.bid-result-info-label {
  font-size: 1.4rem;
  color: #aaa;
  padding-bottom: 30px;
  font-weight: bold; }

.full-size {
  width: 100%; }

.btn-save-bid {
  background: transparent;
  border: 1px solid grey;
  color: #545454;
  font-size: 16px;
  font-weight: 400;
  height: 42px;
  min-width: 161px;
  text-transform: uppercase; }

.vendor-rfp {
  font-size: 1.4rem;
  color: #747474; }

.vendor-rfp-container {
  display: inline-flex;
  width: 120px; }

.manage-vendor {
  border: 1px groove;
  font-size: 1.4rem;
  color: #fff;
  background-color: #838383;
  width: 70px;
  height: fit-content;
  text-align: center;
  margin-left: 5px; }

.static-label, .bid-management-container .label-value, .bid-management-container .property-table .jpm-label-value, .property-table .bid-management-container .jpm-label-value, .bid-management-container .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .bid-management-container p, .bid-management-container .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .bid-management-container p, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .label-value, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .property-table .jpm-label-value, .property-table .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .jpm-label-value, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .edit-select-vendor-modal .vendor-info-container .edit-vendor-container p, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .edit-select-vendor-modal .vendor-info-container .edit-vendor-container p, .edit-vendor-modal .vendor-info-container .edit-vendor-container .label-value, .edit-vendor-modal .vendor-info-container .edit-vendor-container .property-table .jpm-label-value, .property-table .edit-vendor-modal .vendor-info-container .edit-vendor-container .jpm-label-value, .edit-vendor-modal .vendor-info-container .edit-vendor-container .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .edit-vendor-modal .vendor-info-container .edit-vendor-container p, .edit-vendor-modal .vendor-info-container .edit-vendor-container .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .edit-vendor-modal .vendor-info-container .edit-vendor-container p {
  font-size: 1.4rem;
  color: #747474;
  margin-bottom: 11px;
  margin-top: 20px;
  text-transform: capitalize;
  width: 100%; }

.input-select-bid, .bid-management-container .select-input, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .select-input, .edit-vendor-modal .vendor-info-container .edit-vendor-container .select-input {
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%;
  padding: 8px 15px; }

.remove-selection, .edit-company-role-container .remove-box, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .remove-box, .edit-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .remove-box {
  border: 1px solid #ddd;
  display: inline-flex;
  width: 30px;
  text-align: center;
  border-radius: 5px;
  height: 20px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-right: 10px;
  background-color: white;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 10px; }

.edit-select-vendor-modal {
  right: 0% !important;
  z-index: 999999999 !important;
  left: 5%;
  top: 10%; }
  @media only screen and (min-height: 769px) {
    .edit-select-vendor-modal .modal-content {
      height: 450px;
      width: 500px; } }
  @media only screen and (max-height: 768px) {
    .edit-select-vendor-modal .modal-content {
      height: 450px;
      width: 500px; } }
  .edit-select-vendor-modal .modal-header {
    padding-bottom: 5px;
    margin-left: 1px; }
  .edit-select-vendor-modal .modal-body {
    padding: 0; }
  .edit-select-vendor-modal .exit-icon {
    display: inline-flex;
    justify-content: space-between;
    width: 100%; }
    .edit-select-vendor-modal .exit-icon i {
      font-size: 1.8em; }
    .edit-select-vendor-modal .exit-icon h4 {
      font-weight: 600; }
  .edit-select-vendor-modal .add-vendor-control {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    padding: 15px 15px 0 0; }
    .edit-select-vendor-modal .add-vendor-control .btn-apply {
      height: 35px;
      width: 140px;
      min-width: unset;
      text-transform: capitalize;
      font-size: 18px;
      margin-left: 10px; }
  .edit-select-vendor-modal .add-vendor-control-left {
    display: inline-flex;
    justify-content: flex-start;
    width: 100%;
    padding: 15px 15px 0 0; }
    .edit-select-vendor-modal .add-vendor-control-left .btn-apply {
      height: 35px;
      width: 140px;
      min-width: unset;
      text-transform: capitalize;
      font-size: 18px;
      margin-left: 10px; }
  .edit-select-vendor-modal .vendor-info-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection {
    margin-top: 15px; }
    .edit-select-vendor-modal .vendor-info-container .col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .col {
      font-size: 1.4rem;
      color: #aaa;
      font-weight: 500;
      margin: 2px 3px; }
    .edit-select-vendor-modal .vendor-info-container .vendor-info-table, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .vendor-info-table, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table {
      border-top: 1px solid #eee;
      margin-left: 1px; }
      .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info {
        border-bottom: 1px solid #eee; }
      .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body {
        display: flex;
        flex-flow: row nowrap; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-col, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-col, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-col {
          width: 35%; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .member-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .member-col, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .member-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .member-col, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .member-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .member-col {
          width: 60%; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .remove-vendor, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .remove-vendor, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .remove-vendor, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .remove-vendor {
          width: 5%; }
          .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .remove-vendor i, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .remove-vendor i, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor i, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor i, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .remove-vendor i, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .remove-vendor i {
            margin-left: 15px; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info {
          padding: 10px 0 10px 5px;
          font-size: 1.4rem;
          color: #535353;
          font-weight: 600;
          width: 100%; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info:hover, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info:hover, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info:hover, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info:hover, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info:hover, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info:hover {
          background-color: rgba(0, 48, 77, 0.3);
          cursor: pointer; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-list:not(:first-child):before, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-list:not(:first-child):before, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-list:not(:first-child):before, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-list:not(:first-child):before, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-list:not(:first-child):before, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-list:not(:first-child):before {
          padding-right: 5px;
          content: ','; }
      .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body {
        display: flex;
        flex-flow: column nowrap;
        height: 250px;
        margin-left: 1px;
        overflow: auto; }
      .edit-select-vendor-modal .vendor-info-container .vendor-info-table .left-five, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .left-five {
        padding-left: 5px; }
      .edit-select-vendor-modal .vendor-info-container .vendor-info-table .left-ten, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .left-ten {
        padding-left: 10px; }
    .edit-select-vendor-modal .vendor-info-container .edit-vendor-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .edit-vendor-container, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container {
      background: #e6e6e6;
      margin-top: 5px;
      margin-left: 1px;
      border-radius: 4px; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .select-container, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .select-container {
        width: 370px !important;
        margin-left: 10px; }
        .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .select-container .bootstrap-select, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .select-container .bootstrap-select {
          width: 100%; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .bootstrap-select .dropdown-menu li a span.text, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .bootstrap-select .dropdown-menu li a span.text {
        font-size: 15px !important;
        font-weight: 500 !important; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .bootstrap-select .dropdown-toggle .filter-option-inner-inner, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 15px; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .vendor-selection {
        display: flex;
        flex-flow: row nowrap; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection-container, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .vendor-selection-container {
        padding: 10px 0 0 15px; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .search-vendor-rfp, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .search-vendor-rfp {
        padding-left: 15px; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .select-input, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .select-input {
        width: 450px; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact {
        display: flex;
        flex-flow: row wrap;
        width: 100%; }
        .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .member-name, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact .member-name {
          width: 180px;
          margin-right: 8px;
          padding-bottom: 5px;
          font-size: 1.4rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .member-name-grey, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact .member-name-grey {
          color: grey; }

.edit-vendor-modal {
  right: 10% !important;
  z-index: 99999999 !important; }
  @media only screen and (min-height: 769px) {
    .edit-vendor-modal .modal-content {
      height: auto;
      width: 800px; } }
  @media only screen and (max-height: 768px) {
    .edit-vendor-modal .modal-content {
      height: 650px;
      width: 800px; } }
  .edit-vendor-modal .modal-header {
    padding-bottom: 5px;
    margin-left: 1px; }
  .edit-vendor-modal .modal-body {
    padding: 0; }
  .edit-vendor-modal .exit-icon {
    display: inline-flex;
    justify-content: space-between;
    width: 100%; }
    .edit-vendor-modal .exit-icon i {
      font-size: 1.8em; }
    .edit-vendor-modal .exit-icon h4 {
      font-weight: 600; }
  .edit-vendor-modal .add-vendor-control {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    padding: 15px 15px 0 0; }
    .edit-vendor-modal .add-vendor-control .btn-apply {
      height: 35px;
      width: 140px;
      min-width: unset;
      text-transform: capitalize;
      font-size: 18px;
      margin-left: 10px; }
  .edit-vendor-modal .add-vendor-control-left {
    display: inline-flex;
    justify-content: flex-start;
    width: 100%;
    padding: 15px 15px 0 0; }
    .edit-vendor-modal .add-vendor-control-left .btn-apply {
      height: 35px;
      width: 140px;
      min-width: unset;
      text-transform: capitalize;
      font-size: 18px;
      margin-left: 10px; }
  .edit-vendor-modal .vendor-info-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection, .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection {
    margin-top: 15px; }
    .edit-vendor-modal .vendor-info-container .col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .col {
      font-size: 1.4rem;
      color: #aaa;
      font-weight: 500;
      margin: 2px 3px; }
    .edit-vendor-modal .vendor-info-container .vendor-info-table, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table, .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .vendor-info-table {
      border-top: 1px solid #eee;
      margin-left: 1px; }
      .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info {
        border-bottom: 1px solid #eee; }
      .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body {
        display: flex;
        flex-flow: row nowrap; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-col, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-col, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-col {
          width: 35%; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .member-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .member-col, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .member-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .member-col, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .member-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .member-col {
          width: 60%; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .remove-vendor, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .remove-vendor, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .remove-vendor, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .remove-vendor {
          width: 5%; }
          .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .remove-vendor i, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .remove-vendor i, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor i, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor i, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .remove-vendor i, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .remove-vendor i {
            margin-left: 15px; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info {
          padding: 10px 0 10px 5px;
          font-size: 1.4rem;
          color: #535353;
          font-weight: 600;
          width: 100%; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info:hover, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info:hover, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info:hover, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info:hover, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info:hover, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info:hover {
          background-color: rgba(0, 48, 77, 0.3);
          cursor: pointer; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-list:not(:first-child):before, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-list:not(:first-child):before, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-list:not(:first-child):before, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-list:not(:first-child):before, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-list:not(:first-child):before, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-list:not(:first-child):before {
          padding-right: 5px;
          content: ','; }
      .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body {
        display: flex;
        flex-flow: column nowrap;
        height: 250px;
        margin-left: 1px;
        overflow: auto; }
      .edit-vendor-modal .vendor-info-container .vendor-info-table .left-five, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .left-five {
        padding-left: 5px; }
      .edit-vendor-modal .vendor-info-container .vendor-info-table .left-ten, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .left-ten {
        padding-left: 10px; }
    .edit-vendor-modal .vendor-info-container .edit-vendor-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container, .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .edit-vendor-container {
      background: #e6e6e6;
      margin-top: 5px;
      margin-left: 1px;
      border-radius: 4px; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .select-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .select-container {
        width: 370px !important;
        margin-left: 10px; }
        .edit-vendor-modal .vendor-info-container .edit-vendor-container .select-container .bootstrap-select, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .select-container .bootstrap-select {
          width: 100%; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .bootstrap-select .dropdown-menu li a span.text, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .bootstrap-select .dropdown-menu li a span.text {
        font-size: 15px !important;
        font-weight: 500 !important; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .bootstrap-select .dropdown-toggle .filter-option-inner-inner, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 15px; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .vendor-selection {
        display: flex;
        flex-flow: row nowrap; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .vendor-selection-container {
        padding: 10px 0 0 15px; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .search-vendor-rfp, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .search-vendor-rfp {
        padding-left: 15px; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .select-input, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .select-input {
        width: 450px; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact {
        display: flex;
        flex-flow: row wrap;
        width: 100%; }
        .edit-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .member-name, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact .member-name {
          width: 180px;
          margin-right: 8px;
          padding-bottom: 5px;
          font-size: 1.4rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .edit-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .member-name-grey, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact .member-name-grey {
          color: grey; }

@media only screen and (max-height: 768px) {
  .edit-single-bid-modal .modal-content {
    height: 650px;
    width: 920px;
    left: 50%;
    overflow-y: hidden;
    overflow-x: hidden;
    transform: translateX(-50%); }
  .edit-single-bid-modal .bid-single-overflow {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 500px;
    padding-right: 12px; } }
@media only screen and (min-height: 769px) {
  .edit-single-bid-modal .modal-content {
    height: 770px;
    width: 920px;
    left: 50%;
    overflow-y: hidden;
    overflow-x: hidden;
    transform: translateX(-50%); }
  .edit-single-bid-modal .bid-single-overflow {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 600px;
    padding-right: 12px; } }
.edit-single-bid-modal .bid-response-grid {
  height: 150px; }
.edit-single-bid-modal .vendor-response {
  height: 250px;
  border: 2px solid red;
  display: flex;
  flex-flow: column wrap; }

.edit-text-modal .modal-content {
  padding: 25px;
  height: 650px;
  width: 800px;
  left: 50%;
  overflow-y: hidden;
  overflow-x: hidden;
  transform: translateX(-50%); }

.create-bid-override {
  width: 25px !important; }

.bid-action {
  display: flex;
  flex-flow: row nowrap; }
  .bid-action span {
    padding-right: 5px; }
  .bid-action .span-width {
    width: 21px; }

.width-300 {
  width: 300px; }

.bid-grid,
.scheduling-grid {
  overflow: hidden; }

.scheduling-grid .ui-grid-header-cell {
  height: 56px; }

.bid-grid.filters-enabled .ui-grid-header-canvas {
  height: 56px !important; }

.tooltip.bidRole .tooltip-inner {
  text-align: left; }

.edit-single-bid-grid {
  height: 150px; }

.align-f-right {
  float: right; }

.manage-vendor-btn {
  font-size: 1.4rem;
  height: 30px;
  min-width: 140px;
  border-radius: 4px;
  border: 0;
  font-weight: 400;
  background-color: #00304D;
  text-transform: capitalize;
  color: #ffffff; }

.vendor-contact-readonly {
  display: flex;
  flex-flow: column nowrap; }

.required-field-color, .app-frequency .bootstrap-select .dropdown-toggle {
  border-color: #ff0000 !important; }

.rfp-dropdown .multiselect-parent, .rfp-dropdown-invalid .multiselect-parent {
  height: 39px;
  width: 100%; }
.rfp-dropdown .multiselect-parent button, .rfp-dropdown-invalid .multiselect-parent button {
  font-size: 1.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: solid 1px #cccccc !important;
  border-radius: 4px;
  color: #434343;
  font-weight: 400;
  height: 39px !important;
  text-align: left;
  width: 100% !important;
  text-transform: inherit; }
  .rfp-dropdown .multiselect-parent button span, .rfp-dropdown-invalid .multiselect-parent button span {
    font-size: 1.6rem;
    float: right;
    margin-right: 3px; }

.rfp-dropdown-invalid .multiselect-parent button {
  border-color: #ff0000 !important; }

@media only screen and (min-width: 1501px) {
  .rfp-modal-height {
    height: 30px; } }
@media only screen and (max-width: 1500px) {
  .rfp-modal-height {
    height: 70px; } }

.generic-dropdown-default .bootstrap-select .dropdown-menu li:first-child span.text {
  color: gray !important; }

.active-rfp-vendor {
  background-color: rgba(0, 48, 77, 0.3); }

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

.date-picker .uib-datepicker-popup {
  width: unset !important; }

.access-subscription-container {
  border: 2px solid #808080;
  padding: 20px; }
  .access-subscription-container .subscription-required, .access-subscription-container .access-restriction {
    font-size: 14pt; }

.rfp-edit-modal-box .view-edit-section {
  border: 0px;
  padding: 0px; }
.rfp-edit-modal-box .pad-btm-zero {
  padding-bottom: 0 !important; }
.rfp-edit-modal-box .margin-btm-zero {
  margin-bottom: 0 !important; }
.rfp-edit-modal-box .top-ten {
  margin-top: 10px !important; }
.rfp-edit-modal-box .top-30-rfp {
  margin-top: 30px !important; }
.rfp-edit-modal-box .general-bg-color {
  background-color: #eee !important; }
.rfp-edit-modal-box .pad-btm-15 {
  padding-bottom: 15px !important; }
.rfp-edit-modal-box .award-vendor {
  height: 31px !important;
  padding: unset !important; }
.rfp-edit-modal-box .close-btn {
  width: 257px;
  float: right; }
.rfp-edit-modal-box .rt-float {
  float: right; }
.rfp-edit-modal-box .top-35 {
  margin-top: 35px; }
.rfp-edit-modal-box .upper-case {
  text-transform: uppercase; }

.rfp-edit-view-modal {
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-top: 22px !important; }
  .rfp-edit-view-modal .action-control-btn {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end; }
  .rfp-edit-view-modal .vendor-response-grid .ui-grid-render-container-body .ui-grid-header-canvas {
    height: 32px !important; }

.close-icon-rfp {
  margin-top: 8px; }

.bid-modal-dashboard {
  padding-left: 32px;
  padding-right: 32px; }
  .bid-modal-dashboard .section-header {
    border: 0px !important;
    padding: 0px !important; }
  .bid-modal-dashboard .comment-field {
    height: 140px !important; }
    .bid-modal-dashboard .comment-field .textarea[disabled], .bid-modal-dashboard .comment-field .textarea-ad [disabled].textarea-rfp, .textarea-ad .bid-modal-dashboard .comment-field [disabled].textarea-rfp, .bid-modal-dashboard .comment-field .textarea-wp [disabled].textarea-rfp, .textarea-wp .bid-modal-dashboard .comment-field [disabled].textarea-rfp {
      background-color: white !important; }
  .bid-modal-dashboard .bid-field-table, .bid-modal-dashboard .bid-field-header {
    display: flex;
    flex-flow: row nowrap;
    padding: 5px; }
    .bid-modal-dashboard .bid-field-table .label-value-bid-detail, .bid-modal-dashboard .bid-field-header .label-value-bid-detail {
      margin-top: 0; }
  .bid-modal-dashboard .bid-field-header {
    padding: 0; }
  .bid-modal-dashboard .col-60 {
    width: 60%; }
  .bid-modal-dashboard .col-40 {
    width: 40%; }
  .bid-modal-dashboard .col-20 {
    width: 20%; }
  .bid-modal-dashboard .col-30 {
    width: 30%; }
  .bid-modal-dashboard .margin-rt-5 {
    margin-right: 5px; }
  .bid-modal-dashboard .margin-lt-5 {
    margin-left: 5px; }
  .bid-modal-dashboard .col-full {
    width: 100%; }
  .bid-modal-dashboard .bid-table-container {
    border-radius: 4px;
    padding: 5px; }
  .bid-modal-dashboard .pad-btm-zero {
    padding-bottom: 0px !important; }
  .bid-modal-dashboard .btn-submit {
    width: 324px;
    float: right;
    display: inline-flex; }
  .bid-modal-dashboard .submit-button {
    margin-right: 15px; }
  .bid-modal-dashboard .btn-single-close {
    width: 252px !important;
    float: right; }

.close-rfp-dashboard-modal {
  margin-top: 8px;
  margin-right: 12px; }

.read-only-bid {
  background: #eee; }

.mar-zero {
  margin-bottom: 0; }

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

.manage-vendors-label {
  font-size: 14px;
  font-weight: 600;
  color: #525252; }

.info-row {
  margin-bottom: 15px; }
  .info-row .info-field {
    display: flex;
    align-items: center; }
    .info-row .info-field .section-title.no-padding {
      padding: 0;
      margin-bottom: 0; }
    .info-row .info-field .field-value {
      margin-left: 10px; }

.doc-search-filter {
  display: flex; }
  .doc-search-filter input[type="radio"] {
    width: 1em;
    height: 1em; }
  .doc-search-filter .all-assets, .doc-search-filter .my-assets {
    width: 170px; }
    .doc-search-filter .all-assets label, .doc-search-filter .my-assets label {
      width: 100%; }
      .doc-search-filter .all-assets label span, .doc-search-filter .my-assets label span {
        margin-left: 15px; }

.documents-wrapper {
  width: 100%;
  margin-left: 15px;
  overflow-x: auto;
  overflow-y: hidden; }
  .documents-wrapper .public-documents {
    max-width: 1330px;
    min-width: 1200px; }
    .documents-wrapper .public-documents--assets {
      max-height: 215px; }

.cancel-event-submission .bootstrap-select .dropdown-menu.open .inner {
  max-height: 200px !important; }

.impairment-add-test-modal .modal-dialog {
  right: 7vw; }
  .impairment-add-test-modal .modal-dialog .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important;
    width: 1000px; }
.impairment-add-test-modal .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  margin-top: 30px; }
  .impairment-add-test-modal .modal-body .multi-dropdown .multiselect-parent ul {
    max-height: 60vh !important; }
.impairment-add-test-modal .bootstrap-select .dropdown-menu.open {
  max-height: none !important; }
.impairment-add-test-modal .modal-footer {
  border: 0;
  color: #434343;
  padding: 0 0 18px 0 !important; }

.impair-cell-check-mark {
  display: flex;
  justify-content: center;
  padding-top: 5px; }
  .impair-cell-check-mark .fa-check-circle {
    color: #008000;
    transition: none !important; }
  .impair-cell-check-mark .fa-square {
    color: #d4d4d4;
    transition: none !important; }

.impair-instructions-container table {
  width: 100%; }

.impair-clicker {
  cursor: pointer; }
  .impair-clicker:hover {
    opacity: 0.7; }

.impairment-filters label {
  margin: 0;
  font-size: 16px;
  color: #656565; }
.impairment-filters .filters-container {
  display: flex;
  align-items: center; }
.impairment-filters .checkbox {
  margin: 0 0 0 30px; }

.job-tracker-info-container {
  padding: 15px; }

.job-tracker-info-title {
  padding: 10px;
  padding-left: 0px; }

.job-tracker-info-row-container {
  margin-right: 30px;
  margin-left: 15px;
  padding: 15px; }

.jt-info-container-assign-modal {
  padding: 15px;
  margin: 0; }

.job-tracker-info-row {
  margin-bottom: 10px; }

.jt-padding-right-65 {
  padding-right: 65px; }

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

.jt-height-100 {
  height: 100%; }

.jt-job-row-header {
  margin-bottom: 25px;
  display: flex;
  align-items: center; }

.jt-h1-pull {
  font-weight: 700;
  font-size: 21px;
  margin: auto; }

.job-tracker-detail-info-container {
  padding: 15px;
  padding-left: unset; }

.jt-job-grid-main {
  width: 100%;
  height: calc(100vh - 300px) !important;
  overflow: visible;
  font-size: 13px !important; }
  @media (max-width: 1500px) {
    .jt-job-grid-main {
      height: calc(100vh - 210px) !important; } }

.jt-job-grid-header .ui-grid-header-cell {
  min-height: 93px !important; }

.jt-grid-wrap-header-text .ui-grid-header-cell .ui-grid-cell-contents {
  white-space: normal; }
.jt-grid-wrap-header-text .ui-grid-header-cell .sortable {
  display: flex;
  height: 100%;
  flex-direction: column; }

.jt-margin-right-20 {
  margin-right: 20px; }

.jt-overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden; }

.jt-not-found {
  padding: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #747474; }

.jt-unset-padding {
  padding-right: unset; }

.border-highlight {
  background-color: rgba(0, 48, 77, 0.3) !important; }

.jt-grid-red-row {
  color: red; }
  .jt-grid-red-row a {
    color: red; }

.jt-grid-not-clickable .ui-grid-selection-row-header-buttons {
  cursor: default !important; }

.jt-grid-on-hold-row {
  color: #8b8b22; }
  .jt-grid-on-hold-row a {
    color: #8b8b22; }

.jt-grid-cost-not-50-row {
  color: #fe9800; }
  .jt-grid-cost-not-50-row a {
    color: #fe9800; }

.jt-refresh:hover {
  opacity: .7; }

.center-grid-row {
  padding-top: 10px; }

.grid-top-15 {
  padding-top: 15px; }

.job-tracker-expense-modal #expenseModalAlert {
  width: 900px; }
  .job-tracker-expense-modal #expenseModalAlert .modal-content {
    width: auto !important;
    height: auto !important; }
.job-tracker-expense-modal .modal-dialog, .job-tracker-expense-modal .modal-content {
  background-color: #ffffff;
  border: 0;
  border-radius: 0 !important; }
.job-tracker-expense-modal .modal-content {
  width: 900px;
  height: calc(100vh - 200px); }
.job-tracker-expense-modal .replace-modal-btn {
  float: right;
  margin-right: 20px;
  margin-top: 5px; }
.job-tracker-expense-modal .replace-action-btn {
  width: 180px;
  height: 40px;
  color: white;
  margin-top: 30px;
  margin-left: 5px; }
.job-tracker-expense-modal .replace-action-btn:hover {
  opacity: .7; }
.job-tracker-expense-modal .exit-modal-icon:hover {
  opacity: .7; }
.job-tracker-expense-modal .modal-header {
  border: 0;
  height: 52px; }
  .job-tracker-expense-modal .modal-header i {
    font-size: 33px;
    line-height: 26px; }
.job-tracker-expense-modal .modal-header-green {
  background-color: #8edd5a; }
.job-tracker-expense-modal .modal-header-red {
  background-color: #e70c0c; }
.job-tracker-expense-modal .modal-header-yellow {
  background-color: #eab359; }
.job-tracker-expense-modal .modal-body {
  padding: 30px; }
  .job-tracker-expense-modal .modal-body h4 {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 600;
    margin-bottom: 7px; }
  .job-tracker-expense-modal .modal-body p {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0; }
.job-tracker-expense-modal .modal-footer {
  border: 0;
  color: #434343;
  padding: 0 10px 18px 0; }

.ui-grid-related-expenses {
  height: 270px;
  width: inherit;
  font-size: 1.2rem; }

.col-jt {
  width: 250px;
  padding-right: 15px; }
  @media (max-width: 1600px) {
    .col-jt {
      width: 200px !important; } }

.jt-appraiser-field {
  height: 40px;
  line-height: 40px; }

.jt-producer-margin {
  margin-bottom: 5px !important;
  margin-top: 0 !important; }
  .jt-producer-margin p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.jt-producer-view-row {
  height: 30px !important; }

.jt-appraiser-grid .ui-grid-tree-base-row-header-buttons {
  padding-left: 5px !important;
  padding-top: 12px !important;
  cursor: pointer !important; }

.jt-detail-checkbox {
  height: 35px;
  top: 10px; }

.jt-col-checkbox {
  width: 250px;
  padding-right: 15px;
  padding-left: 15px;
  align-self: flex-end; }

.jt-checkbox-date-margin {
  margin-left: 32px !important; }

.jt-detail-gross-fee {
  width: 125px !important; }

.jt-grid-edit-field {
  padding-left: 3px !important;
  background-color: transparent;
  cursor: text; }
  .jt-grid-edit-field:hover {
    border: inset !important;
    padding-top: 3px !important; }

.jt-apply-recurrences {
  padding-left: 0; }
  .jt-apply-recurrences label {
    margin-top: 10px !important;
    font-size: 14px !important;
    line-height: 24px !important; }

.jt-grid-refresh-row {
  display: flex;
  justify-content: flex-end; }

.jt-assign-numbers-modal .modal-dialog {
  top: 10vh; }
  .jt-assign-numbers-modal .modal-dialog .modal-content {
    background-color: #ffffff;
    border: 0;
    border-radius: 0 !important; }
.jt-assign-numbers-modal .modal-content {
  width: auto; }
.jt-assign-numbers-modal .replace-modal-btn {
  float: right;
  margin-right: 20px;
  margin-top: 5px; }
.jt-assign-numbers-modal .replace-action-btn {
  width: 180px;
  height: 40px;
  color: white;
  margin-top: 30px;
  margin-left: 5px; }
.jt-assign-numbers-modal .replace-action-btn:hover {
  opacity: .7; }
.jt-assign-numbers-modal .exit-modal-icon:hover {
  opacity: .7; }
.jt-assign-numbers-modal .modal-header {
  border: 0;
  height: 52px; }
  .jt-assign-numbers-modal .modal-header i {
    font-size: 33px;
    line-height: 26px; }
.jt-assign-numbers-modal .modal-header-green {
  background-color: #8edd5a; }
.jt-assign-numbers-modal .modal-header-red {
  background-color: #e70c0c; }
.jt-assign-numbers-modal .modal-header-yellow {
  background-color: #eab359; }
.jt-assign-numbers-modal .modal-body h4 {
  font-size: 16px;
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
  margin-bottom: 7px; }
.jt-assign-numbers-modal .modal-body p {
  font-size: 16px;
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 0; }
.jt-assign-numbers-modal .modal-footer {
  border: 0;
  color: #434343;
  padding: 0 15px 18px 0; }

.jt-assign-inspectors-modal .modal-body {
  overflow-y: auto;
  min-height: 40vh;
  max-height: 55vh; }
.jt-assign-inspectors-modal .modal-content {
  width: 50vw; }
.jt-assign-inspectors-modal .row .col-md-2 {
  width: 48%; }
.jt-assign-inspectors-modal .fa-plus {
  cursor: pointer !important; }

.jt-assign-producers-modal .modal-body {
  overflow-y: auto;
  min-height: 40vh;
  max-height: 55vh; }
.jt-assign-producers-modal .modal-content {
  width: 80vw;
  transform: translate(-22%, 0%) !important; }

.client-multiselect .multiselect-parent {
  width: 100%;
  height: 40px; }
  .client-multiselect .multiselect-parent .dropdown-menu {
    width: 100%;
    max-height: 60vh; }
    .client-multiselect .multiselect-parent .dropdown-menu span {
      font-size: 16px; }
.client-multiselect button {
  width: 100%;
  height: 40px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: unset;
  font-size: 16px; }
  .client-multiselect button .caret:before {
    padding-bottom: 20px; }
  .client-multiselect button .caret {
    float: right;
    padding: 0 9px; }

.jt-multiselect .multiselect-parent {
  width: 100%;
  height: 40px; }
  .jt-multiselect .multiselect-parent .dropdown-menu {
    width: 100%;
    max-height: 60vh; }
    .jt-multiselect .multiselect-parent .dropdown-menu span {
      font-size: 16px; }
.jt-multiselect button {
  width: 100%;
  height: 40px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-transform: unset; }
  .jt-multiselect button .caret:before {
    float: right;
    padding-bottom: 20px; }
  .jt-multiselect button .caret {
    float: right;
    padding-bottom: 20px; }

.jt-select-invalid button {
  border: 1px solid red !important; }
.jt-select-invalid select {
  border: 1px solid red !important; }

.jt-multiselect[data-search-icon] .dropdown-header {
  position: relative; }
  .jt-multiselect[data-search-icon] .dropdown-header::after {
    font-family: FontAwesome;
    content: "\f002";
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 22px;
    top: 5px; }

.jt-multi-quarter-container {
  margin-right: auto;
  padding-left: 15px;
  display: flex;
  width: 40%; }
  @media (max-width: 1600px) {
    .jt-multi-quarter-container {
      width: 29%; } }

.jt-multi-quarter {
  height: 40px !important; }
  .jt-multi-quarter #deselectAll {
    font-size: 16px; }
    .jt-multi-quarter #deselectAll .glyphicon-remove:before {
      content: none !important; }
  @media (max-width: 1600px) {
    .jt-multi-quarter {
      height: 35px !important; }
      .jt-multi-quarter .multiselect-parent {
        height: 35px !important; }
        .jt-multi-quarter .multiselect-parent button {
          height: 35px !important; } }

.jt-filters {
  height: 40px !important; }
  @media (max-width: 1600px) {
    .jt-filters {
      height: 35px !important; } }

.btn-jt-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center; }
  .btn-jt-container button {
    margin-right: 15px; }
  @media (max-width: 1600px) {
    .btn-jt-container button {
      margin-right: 10px; } }

.btn-jt {
  min-width: 130px !important; }
  @media (max-width: 1600px) {
    .btn-jt {
      min-width: 80px !important;
      height: 35px !important;
      font-size: 12px !important; } }

.btn-jt-apply {
  min-width: unset !important; }
  @media (max-width: 1600px) {
    .btn-jt-apply {
      margin-left: 15px; } }

.jt-highlight-row {
  background-color: #ebebeb !important;
  color: #535353 !important;
  font-weight: 600 !important;
  font-size: 16px !important; }
  .jt-highlight-row label {
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #535353 !important; }

.jt-highlight-label {
  color: #535353 !important;
  font-weight: 600 !important; }

.jt-row_wrapper {
  width: 100%;
  min-height: 700px; }
  .jt-row_wrapper .align-center {
    text-align: center; }
  .jt-row_wrapper .transaction_list {
    display: inherit;
    float: inherit;
    width: 100%; }
  .jt-row_wrapper .transaction_list.map-active {
    display: inline-block;
    float: left;
    width: 600px;
    height: 700px;
    overflow-y: auto;
    position: relative;
    margin-right: 20px; }
  .jt-row_wrapper .loader.card-loader {
    position: absolute; }
  .jt-row_wrapper .ui-grid {
    height: calc(58vh);
    width: inherit;
    font-size: 1.2rem; }
  .jt-row_wrapper .trx-link {
    font-size: 1.3rem !important;
    font-weight: 600 !important; }
  .jt-row_wrapper .appr-font-size {
    font-size: 13px !important; }
  .jt-row_wrapper input[type="text"].ui-grid-filter-input {
    height: 20px !important;
    border-radius: 5px; }
  .jt-row_wrapper .map_view {
    display: inline-block;
    float: left;
    width: calc(100% - 620px);
    position: relative; }
    .jt-row_wrapper .map_view .leaflet-popup-content-wrapper, .jt-row_wrapper .map_view .leaflet-popup-tip {
      background-color: #00304D;
      color: #eee; }
    .jt-row_wrapper .map_view .leaflet-popup-content-wrapper {
      border-radius: 5px; }
    .jt-row_wrapper .map_view .leaflet-container a.propertie-title {
      color: white; }
      .jt-row_wrapper .map_view .leaflet-container a.propertie-title:hover {
        color: #777; }
    .jt-row_wrapper .map_view .leaflet-container h5.border {
      border-top: 2px solid white;
      padding-top: 10px; }

.jt-bold-row {
  font-weight: bold;
  font-size: 16px; }

.jt-text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px; }

.jt-button-wrapper {
  border: 2px solid #00304D;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 5px; }

.jt-building-input {
  position: relative; }

.jt-building-input .fa-times-circle {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: #00304D;
  cursor: pointer; }

.jt-building-input .fa-times-circle:hover {
  opacity: 0.7; }

#jt-container::backdrop {
  background-color: white; }

.jt-container-full-screen .jt-job-grid-main {
  height: calc(100vh - 250px) !important; }
  @media (max-width: 1500px) {
    .jt-container-full-screen .jt-job-grid-main {
      height: calc(100vh - 160px) !important; } }

#jt-container .jt-job-grid-container .loading {
  background-color: #ffffff;
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1; }
  #jt-container .jt-job-grid-container .loading .loader {
    position: absolute;
    visibility: visible;
    position: absolute;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5); }
    #jt-container .jt-job-grid-container .loading .loader .kart-loader {
      position: static;
      width: auto;
      height: auto; }

.fa-full-screen {
  font-size: 20px; }

.jt-export-btn {
  margin-left: auto;
  position: absolute;
  right: 25px;
  top: 2.5rem; }
  @media (max-width: 1600px) {
    .jt-export-btn {
      top: 3rem; } }

.jt-import-modal .modal-content {
  height: 400px !important;
  transform: translate(-50%, 20%) !important; }

.jt-jobs .btn-apply {
  font-size: 15px; }

.pm-portal {
  display: flex;
  flex-direction: row; }
  .pm-portal__menu-container {
    min-height: 100%;
    height: 100%;
    left: 0;
    position: fixed; }
  .pm-portal__panel {
    padding-top: 45px;
    width: 220px; }
  .pm-portal__item {
    color: rgba(255, 255, 255, 0.9);
    padding: 10px 0 10px 10px; }
  .pm-portal__title {
    color: black;
    font-weight: 500;
    background-color: white;
    padding-left: 13px; }
  .pm-portal__support {
    margin-top: 15px !important;
    height: auto !important; }
  .pm-portal__manager {
    color: rgba(255, 255, 255, 0.9);
    text-transform: none;
    font-size: 12px; }
    .pm-portal__manager span {
      margin-left: auto !important; }
    .pm-portal__manager .email-container {
      overflow-wrap: break-word; }
  .pm-portal__mgmt-company {
    display: flex;
    color: rgba(255, 255, 255, 0.9);
    height: 60px; }
  .pm-portal--align-center {
    display: flex;
    align-items: center; }
  .pm-portal__content {
    padding: 20px 15px 15px 15px;
    background-color: #f8f8f8; }
  .pm-portal__detail-instructions {
    font-size: 14px !important; }
  .pm-portal__detail .document-request {
    font-family: Arial, sans-serif; }
  .pm-portal__detail h3 {
    margin-top: 0 !important;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600; }
  .pm-portal__detail .upload-status {
    display: flex;
    flex-direction: column; }
    .pm-portal__detail .upload-status .upload-status-header {
      display: flex-end;
      align-items: center;
      margin-bottom: 10px;
      font-size: 16px !important; }
      .pm-portal__detail .upload-status .upload-status-header a {
        font-weight: 500;
        margin-left: 10px; }
    .pm-portal__detail .upload-status i {
      font-size: 20px;
      width: 20px; }
  .pm-portal__detail .tag-row {
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    margin-left: 60px !important; }
    .pm-portal__detail .tag-row .col-md-6, .pm-portal__detail .tag-row .col-sm-6 {
      padding-left: 10px !important; }
  .pm-portal__header {
    padding: 0 !important;
    border: none;
    background-color: unset; }
    .pm-portal__header .result-detail {
      border-bottom: solid 2px #989898 !important; }
  .pm-portal__prior-period {
    margin-right: auto !important; }
    .pm-portal__prior-period label {
      margin-bottom: 0 !important; }
  .pm-portal__grid-container {
    margin-bottom: 50px;
    margin-top: 30px;
    width: 85%; }
  @media (max-width: 1000px) {
    .pm-portal__detail .btn-apply {
      font-size: 14px !important; }
    .pm-portal__grid-container {
      width: 100%; }
      .pm-portal__grid-container .pm-portal-upload .document-libraries__button {
        font-size: 14px !important; } }

.pm-portal-upload-container {
  padding-right: 0 !important; }

.pm-portal-upload {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #f8f8f8 !important; }
  .pm-portal-upload .document-libraries__button {
    font-size: 16px !important;
    margin: 0 !important; }

.pm-portal-delete-requested-row {
  background-color: #b8b8b8 !important; }
  .pm-portal-delete-requested-row a,
  .pm-portal-delete-requested-row span,
  .pm-portal-delete-requested-row img,
  .pm-portal-delete-requested-row i {
    color: #595959 !important; }

.pm-portal-comment-modal {
  z-index: 2147483646 !important; }
  .pm-portal-comment-modal .modal-dialog {
    top: 10vh; }
    .pm-portal-comment-modal .modal-dialog .modal-content {
      background-color: #ffffff;
      border: 0;
      border-radius: 0 !important; }
  .pm-portal-comment-modal .modal-content {
    width: auto; }
  .pm-portal-comment-modal .replace-modal-btn {
    float: right;
    margin-right: 20px;
    margin-top: 5px; }
  .pm-portal-comment-modal .replace-action-btn {
    width: 180px;
    height: 40px;
    color: white;
    margin-top: 30px;
    margin-left: 5px; }
  .pm-portal-comment-modal .replace-action-btn:hover {
    opacity: .7; }
  .pm-portal-comment-modal .exit-modal-icon:hover {
    opacity: .7; }
  .pm-portal-comment-modal .modal-header {
    border: 0;
    height: 52px; }
    .pm-portal-comment-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .pm-portal-comment-modal .modal-header-green {
    background-color: #8edd5a; }
  .pm-portal-comment-modal .modal-header-red {
    background-color: #e70c0c; }
  .pm-portal-comment-modal .modal-header-yellow {
    background-color: #eab359; }
  .pm-portal-comment-modal .modal-body h4 {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 600;
    margin-bottom: 7px; }
  .pm-portal-comment-modal .modal-body p {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0; }
  .pm-portal-comment-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 15px 18px 0; }

.comments-grid-modal {
  z-index: 2147483640 !important; }
  .comments-grid-modal .modal-dialog {
    top: 10vh;
    left: 5vw;
    width: 1000px !important; }
    .comments-grid-modal .modal-dialog .modal-content {
      background-color: #ffffff;
      border: 0;
      border-radius: 0 !important; }
  .comments-grid-modal .modal-content {
    width: auto; }
  .comments-grid-modal .replace-modal-btn {
    float: right;
    margin-right: 20px;
    margin-top: 5px; }
  .comments-grid-modal .replace-action-btn {
    width: 180px;
    height: 40px;
    color: white;
    margin-top: 30px;
    margin-left: 5px; }
  .comments-grid-modal .replace-action-btn:hover {
    opacity: .7; }
  .comments-grid-modal .exit-modal-icon:hover {
    opacity: .7; }
  .comments-grid-modal .modal-header {
    border: 0;
    height: 52px; }
    .comments-grid-modal .modal-header i {
      font-size: 33px;
      line-height: 26px; }
  .comments-grid-modal .modal-header-green {
    background-color: #8edd5a; }
  .comments-grid-modal .modal-header-red {
    background-color: #e70c0c; }
  .comments-grid-modal .modal-header-yellow {
    background-color: #eab359; }
  .comments-grid-modal .modal-body h4 {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 600;
    margin-bottom: 7px; }
  .comments-grid-modal .modal-body p {
    font-size: 16px;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0; }
  .comments-grid-modal .modal-footer {
    border: 0;
    color: #434343;
    padding: 0 15px 18px 0; }

.event-groups .event-group-add-container {
  background-color: white;
  margin-bottom: 20px;
  padding: 20px;
  display: inline-block;
  width: 100%;
  -webkit-box-shadow: 1px 1px 1px 1px #e6e6e6;
  -moz-box-shadow: 1px 1px 1px 1px #e6e6e6;
  box-shadow: 1px 1px 1px 1px #e6e6e6; }
  .event-groups .event-group-add-container .row {
    display: flex;
    align-items: center; }
  .event-groups .event-group-add-container input {
    height: 39px !important;
    border: solid 1px #cccccc !important;
    margin-bottom: 2px;
    width: 100%;
    border-radius: 4px; }
  .event-groups .event-group-add-container .event-group-add-button {
    background-color: #666;
    border-radius: 2px;
    color: white;
    text-transform: uppercase;
    float: right;
    margin-top: 15px;
    height: 30px;
    transition: 0.5s; }
    .event-groups .event-group-add-container .event-group-add-button:hover {
      background-color: #00304D; }
.event-groups .event-type-select button {
  margin-top: 0 !important;
  transition: none !important; }

.loan-reviews-table-container {
  padding-top: 30px; }

.summary-dashboard-table {
  border-collapse: collapse;
  border-spacing: 10px;
  width: 100%;
  height: calc(100vh - 320px) !important; }
  @media (max-width: 1536px) {
    .summary-dashboard-table {
      height: calc(100vh - 370px) !important; } }

.summary-dashboard-table .summary-dashboard-thead {
  border-bottom: solid 3px; }

.cursor-pointer {
  cursor: pointer !important; }

.summary-dashboard-table .fund-title-width {
  width: 20%; }

.summary-dashboard-table .risk-rating-width {
  width: 8%; }

.summary-dashboard-table-body {
  height: 400px;
  overflow-y: auto;
  overflow-x: hidden; }

.selected-quarter-container {
  padding-top: 50px; }

.selected-quarter-title {
  font-size: 24px !important; }

.summary-quarter-dropdown {
  width: 200px !important;
  margin-right: 20px; }

.fund-row-title {
  font-weight: bold;
  padding-top: 15px; }

.status-completed {
  background-color: #3e8f3e;
  color: white !important; }

.status-inprogress {
  background-color: #EBC944;
  color: white !important; }

.status-late {
  background-color: red;
  color: white !important; }

.tab-property {
  min-width: 150px; }

.asset-link {
  color: #00304D;
  font-size: 16px !important;
  margin-top: 5px;
  margin-bottom: 5px !important;
  height: 20px !important;
  font-weight: 600; }

.loan-reviews-filters-container {
  display: flex; }

.padding-left-100 {
  padding-left: 100px; }

.loan-reviews-filters-container .multi-dropdown .multiselect-parent button {
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: solid 1px #cccccc !important;
  border-radius: 4px;
  color: #434343;
  font-weight: 400;
  height: 35px !important;
  padding-right: 22px;
  text-align: left;
  width: 200px !important;
  text-transform: inherit; }

.loan-reviews-filters-container .multi-dropdown .multiselect-parent button span {
  font-size: 16px;
  font-size: 1.6rem;
  float: right;
  margin-top: 10px; }

.loan-reviews-filters-container .multi-dropdown .multiselect-parent ul {
  margin-top: 0;
  min-width: 100%;
  height: auto !important;
  max-height: 700px; }

.loan-reviews-filters-container .multi-dropdown .multiselect-parent button:focus, .loan-reviews-filters-container .multi-dropdown .multiselect-parent button:active {
  border: solid 2px #00304D !important; }

.loan-reviews-filters-container .select select:focus, .loan-reviews-filters-container .select select:active {
  border: solid 2px #00304D !important; }

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

.event-status-late {
  background-color: #FF9900;
  color: white !important; }

.selected-button {
  font-weight: 700; }

.appraisal-dashboard-filters-container-grid-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 50px;
  row-gap: 30px;
  justify-items: center;
  align-items: end;
  align-content: space-between;
  grid-template-rows: auto; }

.dashboard-filters-item-grid-layout {
  grid-column: auto;
  grid-row: auto; }

.dashboard-filters-item .label-title-width {
  width: 180px !important; }

.dashboard-filters-item .select-width {
  width: 200px !important; }

.flex-container-align-items-center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center; }

.appraisal-dashboard-filters-container .multi-dropdown .multiselect-parent button {
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: solid 1px #cccccc !important;
  border-radius: 4px;
  color: #434343;
  font-weight: 400;
  height: 39px !important;
  padding-right: 22px;
  text-align: left;
  width: 100% !important;
  text-transform: inherit; }

.appraisal-dashboard-filters-container .multi-dropdown .multiselect-parent button span {
  font-size: 16px;
  font-size: 1.6rem;
  float: right;
  margin-top: 10px; }

.appraisal-dashboard-filters-container .multi-dropdown .multiselect-parent ul {
  margin-top: 0;
  min-width: 100%;
  height: auto !important;
  max-height: 700px; }

.appraisal-dashboard-filters-container .multi-dropdown .multiselect-parent button:focus, .loan-reviews-filters-container .multi-dropdown .multiselect-parent button:active {
  border: solid 2px #00304D !important; }

.appraisal-dashboard-container .select {
  height: 39px; }

.padding-top-70 {
  padding-top: 70px !important; }

.padding-top-100 {
  padding-top: 100px !important; }

.padding-top-130 {
  padding-top: 130px !important; }

.padding-top-50 {
  padding-top: 50px !important; }

.padding-top-150 {
  padding-top: 150px !important; }

.height-200h {
  height: 200px !important; }

.height-400h {
  height: 400px !important; }

.height-600h {
  height: 600px !important; }

.height-162h {
  height: 162px !important; }

.advanced-search-section {
  border: none;
  padding-left: 0px;
  padding-right: 0px !important; }

.advanced-search-fields .form-control {
  height: 39px; }

.polygon-flex-container {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.padding-top-0 {
  padding-top: 0px; }

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

.appraisal-dashboard-header {
  display: flex;
  flex-direction: column; }

.valuations-tab-container {
  background-color: white; }
  .valuations-tab-container .fund-buttons, .valuations-tab-container .non-fund-buttons {
    margin: 10px -10px 0px 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px; }

.valuation-management-tab-container {
  background-color: white; }
  .valuation-management-tab-container .valuation-metrics-container {
    z-index: 0; }
  .valuation-management-tab-container .appraisal-dashboard-grid {
    z-index: 1; }
    .valuation-management-tab-container .appraisal-dashboard-grid .ui-grid-menu {
      overflow: visible; }

.appraisal-dashboard-grid a, .appraisal-dashboard-grid a:visited, .appraisal-dashboard-grid a:hover, .appraisal-dashboard-grid a:active {
  color: #00304D; }

.ui-grid-header-cell-wrapper {
  display: flex;
  width: 100%; }

.ui-grid-header-cell-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.ui-grid-header-cell {
  display: block; }

/* Fixes IE word-wrap if needed on header cells */
.ui-grid-header-cell > div {
  flex-basis: 100%; }

.align-self-flex-end {
  align-self: flex-end; }

.new-appraisal-button-width {
  width: 180px; }

.user-info-italic-gray {
  font-size: 14px;
  color: gray;
  font-style: italic; }

.no-margin-bottom {
  margin-bottom: 0px; }

.ellipsis-cell {
  display: block !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .ellipsis-cell .cell-item {
    white-space: nowrap; }

.app-dash-asset-buttons {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: -75px;
  display: flex;
  left: 0px;
  justify-content: space-between;
  padding: 0 15px; }

.appraisal-dashboard-container__loading {
  background-color: #ffffff;
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 1; }
  .appraisal-dashboard-container__loading .loader {
    position: absolute;
    visibility: visible;
    position: absolute;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff; }
    .appraisal-dashboard-container__loading .loader .kart-loader {
      position: static;
      width: auto;
      height: auto; }

.appraisal-fund-group-divider {
  position: relative;
  left: -30px;
  height: 1px;
  width: 200%;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.appraisal-jobs-section {
  background-color: #fff;
  border-radius: 4px; }

.border-dashboard {
  border: 1px solid #eee; }

.appraisal-jobs-dashboard-container {
  /* Fixes IE word-wrap if needed on header cells */ }
  .appraisal-jobs-dashboard-container .control-row, .appraisal-jobs-dashboard-container .new-appraisal-container .appraisal-ctrl-row, .new-appraisal-container .appraisal-jobs-dashboard-container .appraisal-ctrl-row {
    margin-top: 20px; }
    .appraisal-jobs-dashboard-container .control-row .btn-apply, .appraisal-jobs-dashboard-container .new-appraisal-container .appraisal-ctrl-row .btn-apply, .new-appraisal-container .appraisal-jobs-dashboard-container .appraisal-ctrl-row .btn-apply {
      height: 39px;
      margin-top: 30px; }
    .appraisal-jobs-dashboard-container .control-row .bootstrap-select, .appraisal-jobs-dashboard-container .new-appraisal-container .appraisal-ctrl-row .bootstrap-select, .new-appraisal-container .appraisal-jobs-dashboard-container .appraisal-ctrl-row .bootstrap-select {
      display: block; }
    .appraisal-jobs-dashboard-container .control-row .bootstrap-select.form-control, .appraisal-jobs-dashboard-container .new-appraisal-container .appraisal-ctrl-row .bootstrap-select.form-control, .new-appraisal-container .appraisal-jobs-dashboard-container .appraisal-ctrl-row .bootstrap-select.form-control {
      height: 40px; }
  .appraisal-jobs-dashboard-container .appraisal-dashboard-header {
    display: flex;
    flex-direction: column; }
  .appraisal-jobs-dashboard-container .appraisal-dashboard-grid a, .appraisal-jobs-dashboard-container a:visited, .appraisal-jobs-dashboard-container a:hover, .appraisal-jobs-dashboard-container a:active {
    color: #00304D; }
  .appraisal-jobs-dashboard-container .ui-grid-header-cell-wrapper {
    display: flex;
    width: 100%; }
  .appraisal-jobs-dashboard-container .ui-grid-header-cell-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  .appraisal-jobs-dashboard-container .ui-grid-header-cell {
    display: block; }
  .appraisal-jobs-dashboard-container .ui-grid-header-cell > div {
    flex-basis: 100%; }
  .appraisal-jobs-dashboard-container .height-700h {
    height: 700px !important; }
  .appraisal-jobs-dashboard-container .height-785h {
    height: 785px !important; }
  .appraisal-jobs-dashboard-container .height-162h {
    height: 162px !important; }

.appraisals-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 10px; }

.vm-details-grid-padding {
  padding: 15px; }

.vm-details-grid-header {
  margin-left: auto;
  margin-bottom: 15px;
  display: flex;
  align-items: center; }

.vm-details-grid-h1 {
  font-weight: 700;
  font-size: 16px;
  margin: auto; }

.vm-details-grid-height-100 {
  height: 100%; }

.vm-details-grid-refresh {
  padding-bottom: 0 !important; }

.vm-details-grid-refresh:hover {
  opacity: .7; }

.vm-details-grid {
  width: 100%;
  font-size: 13px !important;
  max-height: 200px !important; }
  .vm-details-grid .ui-grid-header-cell .ui-grid-header-cell-primary-focus {
    height: 40px; }
  .vm-details-grid .ui-grid-menu-mid {
    max-height: 450px !important;
    overflow-x: hidden !important; }

.vm-page .advanced-search-fields {
  padding-bottom: 0 !important;
  padding-top: 0 !important; }
  .vm-page .advanced-search-fields .section-title {
    padding-bottom: 10px !important; }
.vm-page .vm-page-header__background {
  position: sticky;
  top: 40px;
  z-index: 89;
  background: #ffffff;
  padding: 15px 0 0;
  margin: 0 0 15px; }
.vm-page .vm-page-header {
  display: flex;
  border: solid 1px #989898;
  padding: 15px;
  justify-content: space-between; }
  .vm-page .vm-page-header .main-title {
    font-weight: bold !important;
    font-size: 25px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .vm-page .vm-page-header .sub-title-container {
    display: flex;
    gap: 5px;
    margin-top: 5px; }
    .vm-page .vm-page-header .sub-title-container h3 {
      font-size: 18px !important; }
  .vm-page .vm-page-header .edit-buttons {
    margin-left: auto;
    margin-right: 15px; }
  .vm-page .vm-page-header .manage-section {
    width: 25%; }
    .vm-page .vm-page-header .manage-section .extra-title {
      margin-top: 15px; }

.create-eng-assets .asset-select .multiselect-parent {
  width: 100%; }
  .create-eng-assets .asset-select .multiselect-parent .dropdown-menu-form {
    max-height: 350px; }
  .create-eng-assets .asset-select .multiselect-parent ul {
    max-width: 800px; }
.create-eng-assets .form-group-title {
  color: #00304D;
  border-bottom: 3px solid #00304D;
  padding-bottom: 1rem; }
.create-eng-assets .eng-asset-label {
  font-size: 14px; }
.create-eng-assets .date-container {
  position: relative; }
  .create-eng-assets .date-container .open-datepicker {
    position: absolute;
    top: 1rem;
    right: 1rem; }

.award-bid-modal {
  z-index: 100000 !important; }
  .award-bid-modal .modal-content {
    width: 960px;
    left: 50%;
    transform: translateX(-50%); }
  .award-bid-modal .header-row {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    .award-bid-modal .header-row i {
      font-size: 20px; }
  .award-bid-modal .modal-header {
    padding-bottom: 0;
    border-bottom: none; }
  .award-bid-modal .modal-body .bid-field-table, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header {
    display: flex;
    flex-flow: column nowrap; }
    .award-bid-modal .modal-body .bid-field-table .bid-field-col, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-col, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .bid-field-col, .award-bid-modal .modal-body .bid-field-table .bid-field-header, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-header, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .bid-field-header {
      display: flex;
      flex-flow: row nowrap; }
      .award-bid-modal .modal-body .bid-field-table .bid-field-col label, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-col label, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .bid-field-col label, .award-bid-modal .modal-body .bid-field-table .bid-field-header label, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-header label, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .bid-field-header label {
        font-size: 1.4rem;
        color: #747474; }
      .award-bid-modal .modal-body .bid-field-table .bid-field-col .field-name, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-col .field-name, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .bid-field-col .field-name, .award-bid-modal .modal-body .bid-field-table .bid-field-header .field-name, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-header .field-name, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .bid-field-header .field-name {
        width: 45%; }
      .award-bid-modal .modal-body .bid-field-table .bid-field-col .init-date-header, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-col .init-date-header, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .bid-field-col .init-date-header, .award-bid-modal .modal-body .bid-field-table .bid-field-header .init-date-header, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-header .init-date-header, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .bid-field-header .init-date-header {
        width: 55%; }
      .award-bid-modal .modal-body .bid-field-table .bid-field-col .price-field, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-col .price-field, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .bid-field-col .price-field, .award-bid-modal .modal-body .bid-field-table .bid-field-header .price-field, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-header .price-field, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .bid-field-header .price-field {
        width: 27.5%;
        padding-right: 5px;
        padding-bottom: 5px; }
    .award-bid-modal .modal-body .bid-field-table .init-due-date, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .init-due-date, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .init-due-date {
      position: relative; }
    .award-bid-modal .modal-body .bid-field-table .init-date-padding, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .init-date-padding, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .init-date-padding {
      padding-bottom: 10px; }
    .award-bid-modal .modal-body .bid-field-table .init-due-date-icon, .award-bid-modal .modal-body .bid-modal-dashboard .bid-field-header .init-due-date-icon, .bid-modal-dashboard .award-bid-modal .modal-body .bid-field-header .init-due-date-icon {
      background-color: transparent;
      border: 0;
      bottom: 0;
      color: #bbbbbb;
      cursor: pointer;
      font-size: 16px;
      position: absolute;
      right: 3%;
      top: 25%; }
  .award-bid-modal .modal-footer {
    border-top: none; }

.cap-rate-modal {
  z-index: 999999999 !important;
  top: 10%;
  right: 5%; }
  .cap-rate-modal .modal-content {
    width: 700px; }
  .cap-rate-modal .header-row {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    .cap-rate-modal .header-row i {
      font-size: 20px; }
  .cap-rate-modal .modal-header {
    padding-bottom: 0;
    border-bottom: none; }
  .cap-rate-modal .modal-body .bid-field-table, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header {
    display: flex;
    flex-flow: column nowrap; }
    .cap-rate-modal .modal-body .bid-field-table .bid-field-col, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-col, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .bid-field-col, .cap-rate-modal .modal-body .bid-field-table .bid-field-header, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-header, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .bid-field-header {
      display: flex;
      flex-flow: row nowrap; }
      .cap-rate-modal .modal-body .bid-field-table .bid-field-col label, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-col label, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .bid-field-col label, .cap-rate-modal .modal-body .bid-field-table .bid-field-header label, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-header label, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .bid-field-header label {
        font-size: 1.4rem;
        color: #747474; }
      .cap-rate-modal .modal-body .bid-field-table .bid-field-col .field-name, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-col .field-name, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .bid-field-col .field-name, .cap-rate-modal .modal-body .bid-field-table .bid-field-header .field-name, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-header .field-name, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .bid-field-header .field-name {
        width: 45%; }
      .cap-rate-modal .modal-body .bid-field-table .bid-field-col .init-date-header, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-col .init-date-header, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .bid-field-col .init-date-header, .cap-rate-modal .modal-body .bid-field-table .bid-field-header .init-date-header, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-header .init-date-header, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .bid-field-header .init-date-header {
        width: 55%; }
      .cap-rate-modal .modal-body .bid-field-table .bid-field-col .price-field, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-col .price-field, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .bid-field-col .price-field, .cap-rate-modal .modal-body .bid-field-table .bid-field-header .price-field, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .bid-field-header .price-field, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .bid-field-header .price-field {
        width: 27.5%;
        padding-right: 5px;
        padding-bottom: 5px; }
    .cap-rate-modal .modal-body .bid-field-table .init-due-date, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .init-due-date, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .init-due-date {
      position: relative; }
    .cap-rate-modal .modal-body .bid-field-table .init-date-padding, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .init-date-padding, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .init-date-padding {
      padding-bottom: 10px; }
    .cap-rate-modal .modal-body .bid-field-table .init-due-date-icon, .cap-rate-modal .modal-body .bid-modal-dashboard .bid-field-header .init-due-date-icon, .bid-modal-dashboard .cap-rate-modal .modal-body .bid-field-header .init-due-date-icon {
      background-color: transparent;
      border: 0;
      bottom: 0;
      color: #bbbbbb;
      cursor: pointer;
      font-size: 16px;
      position: absolute;
      right: 3%;
      top: 25%; }
  .cap-rate-modal .modal-footer {
    border-top: none; }

.bid-management-container .top-15 {
  margin-top: 15px; }
.bid-management-container .top-50 {
  margin-top: 50px; }
.bid-management-container .tab-header {
  font-weight: 700; }
.bid-management-container .label-title {
  color: #aaa; }
.bid-management-container .row-padding {
  padding: 10px 15px; }
.bid-management-container .header-label {
  padding: 10px 15px;
  font-weight: 600; }
.bid-management-container .add-button {
  margin: 2px 35px;
  height: 35px;
  width: 50px;
  background-color: #666;
  border-radius: 2px;
  color: white;
  text-transform: uppercase;
  transition: 0.5s; }
.bid-management-container .row-flex-wrap {
  display: flex;
  flex-flow: row wrap; }
.bid-management-container .row-flex-nowrap {
  display: flex;
  flex-flow: row nowrap; }
.bid-management-container .col-flex-1 {
  width: 10%; }
.bid-management-container .col-flex-2 {
  width: 20%; }
.bid-management-container .col-flex-3 {
  width: 30%; }
.bid-management-container .col-flex-4 {
  width: 40%; }
.bid-management-container .col-flex-5 {
  width: 50%; }
.bid-management-container .col-flex-6 {
  width: 60%; }
.bid-management-container .col-flex-7 {
  width: 70%; }
.bid-management-container .col-flex-8 {
  width: 80%; }
.bid-management-container .col-flex-9 {
  width: 90%; }
.bid-management-container .col-flex-10 {
  width: 100%; }
.bid-management-container .button-padding {
  padding: 5px 0 10px 0; }
.bid-management-container .right-float {
  float: right; }
.bid-management-container .no-margin-bottom {
  margin-bottom: 0 !important; }

.contact-management-container {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #eee; }
  .contact-management-container .company .bootstrap-select button.btn .bs-caret {
    margin-right: 10px; }
  .contact-management-container .company .bootstrap-select .dropdown-menu.open {
    width: 100%; }
  .contact-management-container .company .multi-dropdown .multiselect-parent {
    width: 100%; }
    .contact-management-container .company .multi-dropdown .multiselect-parent button {
      font-size: 16px !important;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      border: solid 1px #cccccc !important;
      border-radius: 4px;
      height: 39px !important;
      padding-right: 22px;
      text-align: left;
      width: 100% !important;
      text-transform: inherit;
      color: #434343;
      font-weight: 400; }
    .contact-management-container .company .multi-dropdown .multiselect-parent button span.caret {
      float: right; }
    .contact-management-container .company .multi-dropdown .multiselect-parent ul {
      margin-top: 0;
      min-width: 100%;
      height: auto !important;
      max-height: 700px; }
  .contact-management-container .company-role .flex-table {
    max-height: 500px;
    overflow-y: scroll;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee; }
  .contact-management-container .company-role .flex-row, .contact-management-container .company-role .appraisal-bid-modal .flex-row-wrap, .appraisal-bid-modal .contact-management-container .company-role .flex-row-wrap, .contact-management-container .company-role .appraisal-bid-modal .bidding-level-header, .appraisal-bid-modal .contact-management-container .company-role .bidding-level-header, .contact-management-container .company-role .bid-detail .grid-ctrl, .bid-detail .contact-management-container .company-role .grid-ctrl, .contact-management-container .company-role .flex-row-header {
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid #eee; }
  .contact-management-container .company-role .flex-row:hover, .contact-management-container .company-role .appraisal-bid-modal .flex-row-wrap:hover, .appraisal-bid-modal .contact-management-container .company-role .flex-row-wrap:hover, .contact-management-container .company-role .appraisal-bid-modal .bidding-level-header:hover, .appraisal-bid-modal .contact-management-container .company-role .bidding-level-header:hover, .contact-management-container .company-role .bid-detail .grid-ctrl:hover, .bid-detail .contact-management-container .company-role .grid-ctrl:hover {
    background-color: rgba(0, 48, 77, 0.3);
    cursor: pointer; }
  .contact-management-container .company-role .activated-link {
    background-color: rgba(0, 48, 77, 0.3); }
  .contact-management-container .company-role .flex-col-20 span, .contact-management-container .company-role .flex-col-80 span {
    padding-left: 3px;
    font-size: 1.4rem;
    color: #535353;
    font-weight: 600; }
  .contact-management-container .company-role .flex-header-20, .contact-management-container .company-role .flex-col-20 {
    width: 20%; }
  .contact-management-container .company-role .flex-header-80, .contact-management-container .company-role .flex-col-80 {
    width: 80%; }
  .contact-management-container .company-role .flex-header-40, .contact-management-container .company-role .flex-col-40 {
    width: 40%; }
  .contact-management-container .company-role .flex-table-header {
    font-size: 1.4rem;
    margin-left: 3px;
    font-weight: normal;
    color: #aaa; }
  .contact-management-container .company-role .member-list:not(:first-child):before {
    padding-right: 5px;
    content: ","; }
  .contact-management-container .company-role .empty-member-list {
    color: #ff0000 !important; }
  .contact-management-container .dashboard-v-align-th {
    vertical-align: top; }
  .contact-management-container .upper-case {
    text-transform: uppercase; }

.edit-company-role-container {
  background: #e6e6e6;
  margin: 10px 15px;
  border-radius: 4px; }
  .edit-company-role-container .user-name {
    color: #747474;
    font-weight: 600;
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px; }

.dashboard-container .bid-col {
  width: 6%; }
.dashboard-container .generic-col {
  width: 11%; }
.dashboard-container .ui-grid-header-cell {
  float: left; }
.dashboard-container .ui-grid-header-cell-wrapper {
  display: flex !important; }
.dashboard-container .fund-col {
  width: 18%; }
.dashboard-container .asset-col {
  width: 18%; }
.dashboard-container .bootstrap-select .dropdown-menu li:first-child span.text {
  color: gray !important; }
.dashboard-container .bid-result-table {
  border: 1px solid #eee; }
  .dashboard-container .bid-result-table .ten-pert {
    width: 10% !important; }
  .dashboard-container .bid-result-table .twenty-pert {
    width: 20% !important; }
  .dashboard-container .bid-result-table th {
    font-size: 1.4rem;
    color: #aaa; }
    .dashboard-container .bid-result-table th i {
      margin-top: 4px;
      margin-left: 5px; }
    .dashboard-container .bid-result-table th.vertical-align-bottom .sort-caret {
      margin-top: 0;
      margin-bottom: 2px; }
    .dashboard-container .bid-result-table th .sort-caret {
      position: relative; }
      .dashboard-container .bid-result-table th .sort-caret::after {
        font-family: FontAwesome;
        content: "\f054";
        position: absolute;
        right: -1.7rem;
        bottom: -2px;
        display: inline-block;
        z-index: 1;
        transition: transform 0.25s ease-in; }
      .dashboard-container .bid-result-table th .sort-caret.caret-down::after {
        transform: rotate(90deg);
        transition: transform 0.25s ease-out; }
  .dashboard-container .bid-result-table .inline-flex {
    display: inline-flex;
    flex-wrap: wrap; }
  .dashboard-container .bid-result-table .flex-row, .dashboard-container .bid-result-table .appraisal-bid-modal .flex-row-wrap, .appraisal-bid-modal .dashboard-container .bid-result-table .flex-row-wrap, .dashboard-container .bid-result-table .appraisal-bid-modal .bidding-level-header, .appraisal-bid-modal .dashboard-container .bid-result-table .bidding-level-header, .dashboard-container .bid-result-table .bid-detail .grid-ctrl, .bid-detail .dashboard-container .bid-result-table .grid-ctrl {
    display: flex;
    flex-flow: row wrap; }
  .dashboard-container .bid-result-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .dashboard-container .bid-result-table td a {
      font-size: 14px;
      font-size: 1.4rem; }
.dashboard-container .default-option.filter-option {
  color: gray !important; }

.bid-result-info-label {
  font-size: 1.4rem;
  color: #aaa;
  padding-bottom: 30px;
  font-weight: bold; }

.full-size {
  width: 100%; }

.btn-save-bid {
  background: transparent;
  border: 1px solid grey;
  color: #545454;
  font-size: 16px;
  font-weight: 400;
  height: 42px;
  min-width: 161px;
  text-transform: uppercase; }

.vendor-rfp {
  font-size: 1.4rem;
  color: #747474; }

.vendor-rfp-container {
  display: inline-flex;
  width: 120px; }

.manage-vendor {
  border: 1px groove;
  font-size: 1.4rem;
  color: #fff;
  background-color: #838383;
  width: 70px;
  height: fit-content;
  text-align: center;
  margin-left: 5px; }

.static-label, .bid-management-container .label-value, .bid-management-container .property-table .jpm-label-value, .property-table .bid-management-container .jpm-label-value, .bid-management-container .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .bid-management-container p, .bid-management-container .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .bid-management-container p, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .label-value, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .property-table .jpm-label-value, .property-table .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .jpm-label-value, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .edit-select-vendor-modal .vendor-info-container .edit-vendor-container p, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .edit-select-vendor-modal .vendor-info-container .edit-vendor-container p, .edit-vendor-modal .vendor-info-container .edit-vendor-container .label-value, .edit-vendor-modal .vendor-info-container .edit-vendor-container .property-table .jpm-label-value, .property-table .edit-vendor-modal .vendor-info-container .edit-vendor-container .jpm-label-value, .edit-vendor-modal .vendor-info-container .edit-vendor-container .appraisal-bid-modal .selected-vendor-user p, .appraisal-bid-modal .selected-vendor-user .edit-vendor-modal .vendor-info-container .edit-vendor-container p, .edit-vendor-modal .vendor-info-container .edit-vendor-container .schedules-section-modal .selected-vendor-user p, .schedules-section-modal .selected-vendor-user .edit-vendor-modal .vendor-info-container .edit-vendor-container p {
  font-size: 1.4rem;
  color: #747474;
  margin-bottom: 11px;
  margin-top: 20px;
  text-transform: capitalize;
  width: 100%; }

.input-select-bid, .bid-management-container .select-input, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .select-input, .edit-vendor-modal .vendor-info-container .edit-vendor-container .select-input {
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%;
  padding: 8px 15px; }

.remove-selection, .edit-company-role-container .remove-box, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .remove-box, .edit-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .remove-box {
  border: 1px solid #ddd;
  display: inline-flex;
  width: 30px;
  text-align: center;
  border-radius: 5px;
  height: 20px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-right: 10px;
  background-color: white;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 10px; }

.edit-select-vendor-modal {
  right: 0% !important;
  z-index: 999999999 !important;
  left: 5%;
  top: 10%; }
  @media only screen and (min-height: 769px) {
    .edit-select-vendor-modal .modal-content {
      height: 450px;
      width: 500px; } }
  @media only screen and (max-height: 768px) {
    .edit-select-vendor-modal .modal-content {
      height: 450px;
      width: 500px; } }
  .edit-select-vendor-modal .modal-header {
    padding-bottom: 5px;
    margin-left: 1px; }
  .edit-select-vendor-modal .modal-body {
    padding: 0; }
  .edit-select-vendor-modal .exit-icon {
    display: inline-flex;
    justify-content: space-between;
    width: 100%; }
    .edit-select-vendor-modal .exit-icon i {
      font-size: 1.8em; }
    .edit-select-vendor-modal .exit-icon h4 {
      font-weight: 600; }
  .edit-select-vendor-modal .add-vendor-control {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    padding: 15px 15px 0 0; }
    .edit-select-vendor-modal .add-vendor-control .btn-apply {
      height: 35px;
      width: 140px;
      min-width: unset;
      text-transform: capitalize;
      font-size: 18px;
      margin-left: 10px; }
  .edit-select-vendor-modal .add-vendor-control-left {
    display: inline-flex;
    justify-content: flex-start;
    width: 100%;
    padding: 15px 15px 0 0; }
    .edit-select-vendor-modal .add-vendor-control-left .btn-apply {
      height: 35px;
      width: 140px;
      min-width: unset;
      text-transform: capitalize;
      font-size: 18px;
      margin-left: 10px; }
  .edit-select-vendor-modal .vendor-info-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection {
    margin-top: 15px; }
    .edit-select-vendor-modal .vendor-info-container .col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .col {
      font-size: 1.4rem;
      color: #aaa;
      font-weight: 500;
      margin: 2px 3px; }
    .edit-select-vendor-modal .vendor-info-container .vendor-info-table, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .vendor-info-table, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table {
      border-top: 1px solid #eee;
      margin-left: 1px; }
      .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info {
        border-bottom: 1px solid #eee; }
      .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body {
        display: flex;
        flex-flow: row nowrap; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-col, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-col, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-col {
          width: 35%; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .member-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .member-col, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .member-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .member-col, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .member-col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .member-col {
          width: 60%; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .remove-vendor, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .remove-vendor, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .remove-vendor, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .remove-vendor {
          width: 5%; }
          .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .remove-vendor i, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .remove-vendor i, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor i, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor i, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .remove-vendor i, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .remove-vendor i {
            margin-left: 15px; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info {
          padding: 10px 0 10px 5px;
          font-size: 1.4rem;
          color: #535353;
          font-weight: 600;
          width: 100%; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info:hover, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info:hover, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info:hover, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info:hover, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info:hover, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info:hover {
          background-color: rgba(0, 48, 77, 0.3);
          cursor: pointer; }
        .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-list:not(:first-child):before, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-list:not(:first-child):before, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-list:not(:first-child):before, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-list:not(:first-child):before, .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-list:not(:first-child):before, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-list:not(:first-child):before {
          padding-right: 5px;
          content: ','; }
      .edit-select-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body {
        display: flex;
        flex-flow: column nowrap;
        height: 250px;
        margin-left: 1px;
        overflow: auto; }
      .edit-select-vendor-modal .vendor-info-container .vendor-info-table .left-five, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .left-five {
        padding-left: 5px; }
      .edit-select-vendor-modal .vendor-info-container .vendor-info-table .left-ten, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .vendor-info-table .left-ten {
        padding-left: 10px; }
    .edit-select-vendor-modal .vendor-info-container .edit-vendor-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .edit-vendor-container, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container {
      background: #e6e6e6;
      margin-top: 5px;
      margin-left: 1px;
      border-radius: 4px; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .select-container, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .select-container {
        width: 370px !important;
        margin-left: 10px; }
        .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .select-container .bootstrap-select, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .select-container .bootstrap-select {
          width: 100%; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .bootstrap-select .dropdown-menu li a span.text, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .bootstrap-select .dropdown-menu li a span.text {
        font-size: 15px !important;
        font-weight: 500 !important; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .bootstrap-select .dropdown-toggle .filter-option-inner-inner, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 15px; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .vendor-selection {
        display: flex;
        flex-flow: row nowrap; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection-container, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .vendor-selection-container {
        padding: 10px 0 0 15px; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .search-vendor-rfp, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .search-vendor-rfp {
        padding-left: 15px; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .select-input, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .select-input {
        width: 450px; }
      .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact {
        display: flex;
        flex-flow: row wrap;
        width: 100%; }
        .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .member-name, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact .member-name {
          width: 180px;
          margin-right: 8px;
          padding-bottom: 5px;
          font-size: 1.4rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .member-name-grey, .edit-vendor-modal .vendor-info-container .edit-vendor-container .edit-select-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact .member-name-grey {
          color: grey; }

.edit-vendor-modal {
  right: 10% !important;
  z-index: 99999999 !important; }
  @media only screen and (min-height: 769px) {
    .edit-vendor-modal .modal-content {
      height: auto;
      width: 800px; } }
  @media only screen and (max-height: 768px) {
    .edit-vendor-modal .modal-content {
      height: 650px;
      width: 800px; } }
  .edit-vendor-modal .modal-header {
    padding-bottom: 5px;
    margin-left: 1px; }
  .edit-vendor-modal .modal-body {
    padding: 0; }
  .edit-vendor-modal .exit-icon {
    display: inline-flex;
    justify-content: space-between;
    width: 100%; }
    .edit-vendor-modal .exit-icon i {
      font-size: 1.8em; }
    .edit-vendor-modal .exit-icon h4 {
      font-weight: 600; }
  .edit-vendor-modal .add-vendor-control {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    padding: 15px 15px 0 0; }
    .edit-vendor-modal .add-vendor-control .btn-apply {
      height: 35px;
      width: 140px;
      min-width: unset;
      text-transform: capitalize;
      font-size: 18px;
      margin-left: 10px; }
  .edit-vendor-modal .add-vendor-control-left {
    display: inline-flex;
    justify-content: flex-start;
    width: 100%;
    padding: 15px 15px 0 0; }
    .edit-vendor-modal .add-vendor-control-left .btn-apply {
      height: 35px;
      width: 140px;
      min-width: unset;
      text-transform: capitalize;
      font-size: 18px;
      margin-left: 10px; }
  .edit-vendor-modal .vendor-info-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection, .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection {
    margin-top: 15px; }
    .edit-vendor-modal .vendor-info-container .col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .col, .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .col {
      font-size: 1.4rem;
      color: #aaa;
      font-weight: 500;
      margin: 2px 3px; }
    .edit-vendor-modal .vendor-info-container .vendor-info-table, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table, .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .vendor-info-table {
      border-top: 1px solid #eee;
      margin-left: 1px; }
      .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info {
        border-bottom: 1px solid #eee; }
      .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body {
        display: flex;
        flex-flow: row nowrap; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-col, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-col, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-col {
          width: 35%; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .member-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .member-col, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .member-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .member-col, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .member-col, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .member-col {
          width: 60%; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .remove-vendor, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .remove-vendor, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .remove-vendor, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .remove-vendor {
          width: 5%; }
          .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .remove-vendor i, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .remove-vendor i, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor i, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .remove-vendor i, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .remove-vendor i, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .remove-vendor i {
            margin-left: 15px; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info {
          padding: 10px 0 10px 5px;
          font-size: 1.4rem;
          color: #535353;
          font-weight: 600;
          width: 100%; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-info:hover, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-info:hover, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info:hover, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-info:hover, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info:hover, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info:hover {
          background-color: rgba(0, 48, 77, 0.3);
          cursor: pointer; }
        .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-header .vendor-contact-list:not(:first-child):before, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-header .vendor-contact-list:not(:first-child):before, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-list:not(:first-child):before, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-info .vendor-contact-list:not(:first-child):before, .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body .vendor-contact-list:not(:first-child):before, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body .vendor-contact-list:not(:first-child):before {
          padding-right: 5px;
          content: ','; }
      .edit-vendor-modal .vendor-info-container .vendor-info-table .vendor-table-body, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .vendor-table-body {
        display: flex;
        flex-flow: column nowrap;
        height: 250px;
        margin-left: 1px;
        overflow: auto; }
      .edit-vendor-modal .vendor-info-container .vendor-info-table .left-five, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .left-five {
        padding-left: 5px; }
      .edit-vendor-modal .vendor-info-container .vendor-info-table .left-ten, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .vendor-info-table .left-ten {
        padding-left: 10px; }
    .edit-vendor-modal .vendor-info-container .edit-vendor-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container, .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection .edit-vendor-container {
      background: #e6e6e6;
      margin-top: 5px;
      margin-left: 1px;
      border-radius: 4px; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .select-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .select-container {
        width: 370px !important;
        margin-left: 10px; }
        .edit-vendor-modal .vendor-info-container .edit-vendor-container .select-container .bootstrap-select, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .select-container .bootstrap-select {
          width: 100%; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .bootstrap-select .dropdown-menu li a span.text, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .bootstrap-select .dropdown-menu li a span.text {
        font-size: 15px !important;
        font-weight: 500 !important; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .bootstrap-select .dropdown-toggle .filter-option-inner-inner, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
        font-size: 15px; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .vendor-selection {
        display: flex;
        flex-flow: row nowrap; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .vendor-selection-container, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .vendor-selection-container {
        padding: 10px 0 0 15px; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .search-vendor-rfp, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .search-vendor-rfp {
        padding-left: 15px; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .select-input, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .select-input {
        width: 450px; }
      .edit-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact {
        display: flex;
        flex-flow: row wrap;
        width: 100%; }
        .edit-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .member-name, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact .member-name {
          width: 180px;
          margin-right: 8px;
          padding-bottom: 5px;
          font-size: 1.4rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .edit-vendor-modal .vendor-info-container .edit-vendor-container .client-vendor-contact .member-name-grey, .edit-select-vendor-modal .vendor-info-container .edit-vendor-container .edit-vendor-modal .vendor-selection .edit-vendor-container .client-vendor-contact .member-name-grey {
          color: grey; }

@media only screen and (max-height: 768px) {
  .edit-single-bid-modal .modal-content {
    height: 650px;
    width: 920px;
    left: 50%;
    overflow-y: hidden;
    overflow-x: hidden;
    transform: translateX(-50%); }
  .edit-single-bid-modal .bid-single-overflow {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 500px;
    padding-right: 12px; } }
@media only screen and (min-height: 769px) {
  .edit-single-bid-modal .modal-content {
    height: 770px;
    width: 920px;
    left: 50%;
    overflow-y: hidden;
    overflow-x: hidden;
    transform: translateX(-50%); }
  .edit-single-bid-modal .bid-single-overflow {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 600px;
    padding-right: 12px; } }
.edit-single-bid-modal .bid-response-grid {
  height: 150px; }
.edit-single-bid-modal .vendor-response {
  height: 250px;
  border: 2px solid red;
  display: flex;
  flex-flow: column wrap; }

.edit-text-modal .modal-content {
  padding: 25px;
  height: 650px;
  width: 800px;
  left: 50%;
  overflow-y: hidden;
  overflow-x: hidden;
  transform: translateX(-50%); }

.create-bid-override {
  width: 25px !important; }

.bid-action {
  display: flex;
  flex-flow: row nowrap; }
  .bid-action span {
    padding-right: 5px; }
  .bid-action .span-width {
    width: 21px; }

.width-300 {
  width: 300px; }

.bid-grid,
.scheduling-grid {
  overflow: hidden; }

.scheduling-grid .ui-grid-header-cell {
  height: 56px; }

.bid-grid.filters-enabled .ui-grid-header-canvas {
  height: 56px !important; }

.tooltip.bidRole .tooltip-inner {
  text-align: left; }

.edit-single-bid-grid {
  height: 150px; }

.align-f-right {
  float: right; }

.manage-vendor-btn {
  font-size: 1.4rem;
  height: 30px;
  min-width: 140px;
  border-radius: 4px;
  border: 0;
  font-weight: 400;
  background-color: #00304D;
  text-transform: capitalize;
  color: #ffffff; }

.vendor-contact-readonly {
  display: flex;
  flex-flow: column nowrap; }

.required-field-color, .app-frequency .bootstrap-select .dropdown-toggle {
  border-color: #ff0000 !important; }

.rfp-dropdown .multiselect-parent, .rfp-dropdown-invalid .multiselect-parent {
  height: 39px;
  width: 100%; }
.rfp-dropdown .multiselect-parent button, .rfp-dropdown-invalid .multiselect-parent button {
  font-size: 1.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: solid 1px #cccccc !important;
  border-radius: 4px;
  color: #434343;
  font-weight: 400;
  height: 39px !important;
  text-align: left;
  width: 100% !important;
  text-transform: inherit; }
  .rfp-dropdown .multiselect-parent button span, .rfp-dropdown-invalid .multiselect-parent button span {
    font-size: 1.6rem;
    float: right;
    margin-right: 3px; }

.rfp-dropdown-invalid .multiselect-parent button {
  border-color: #ff0000 !important; }

@media only screen and (min-width: 1501px) {
  .rfp-modal-height {
    height: 30px; } }
@media only screen and (max-width: 1500px) {
  .rfp-modal-height {
    height: 70px; } }

.generic-dropdown-default .bootstrap-select .dropdown-menu li:first-child span.text {
  color: gray !important; }

.active-rfp-vendor {
  background-color: rgba(0, 48, 77, 0.3); }

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

.date-picker .uib-datepicker-popup {
  width: unset !important; }

.access-subscription-container {
  border: 2px solid #808080;
  padding: 20px; }
  .access-subscription-container .subscription-required, .access-subscription-container .access-restriction {
    font-size: 14pt; }

.rfp-edit-modal-box .view-edit-section {
  border: 0px;
  padding: 0px; }
.rfp-edit-modal-box .pad-btm-zero {
  padding-bottom: 0 !important; }
.rfp-edit-modal-box .margin-btm-zero {
  margin-bottom: 0 !important; }
.rfp-edit-modal-box .top-ten {
  margin-top: 10px !important; }
.rfp-edit-modal-box .top-30-rfp {
  margin-top: 30px !important; }
.rfp-edit-modal-box .general-bg-color {
  background-color: #eee !important; }
.rfp-edit-modal-box .pad-btm-15 {
  padding-bottom: 15px !important; }
.rfp-edit-modal-box .award-vendor {
  height: 31px !important;
  padding: unset !important; }
.rfp-edit-modal-box .close-btn {
  width: 257px;
  float: right; }
.rfp-edit-modal-box .rt-float {
  float: right; }
.rfp-edit-modal-box .top-35 {
  margin-top: 35px; }
.rfp-edit-modal-box .upper-case {
  text-transform: uppercase; }

.rfp-edit-view-modal {
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-top: 22px !important; }
  .rfp-edit-view-modal .action-control-btn {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end; }
  .rfp-edit-view-modal .vendor-response-grid .ui-grid-render-container-body .ui-grid-header-canvas {
    height: 32px !important; }

.close-icon-rfp {
  margin-top: 8px; }

.bid-modal-dashboard {
  padding-left: 32px;
  padding-right: 32px; }
  .bid-modal-dashboard .section-header {
    border: 0px !important;
    padding: 0px !important; }
  .bid-modal-dashboard .comment-field {
    height: 140px !important; }
    .bid-modal-dashboard .comment-field .textarea[disabled], .bid-modal-dashboard .comment-field .textarea-ad [disabled].textarea-rfp, .textarea-ad .bid-modal-dashboard .comment-field [disabled].textarea-rfp, .bid-modal-dashboard .comment-field .textarea-wp [disabled].textarea-rfp, .textarea-wp .bid-modal-dashboard .comment-field [disabled].textarea-rfp {
      background-color: white !important; }
  .bid-modal-dashboard .bid-field-table, .bid-modal-dashboard .bid-field-header {
    display: flex;
    flex-flow: row nowrap;
    padding: 5px; }
    .bid-modal-dashboard .bid-field-table .label-value-bid-detail, .bid-modal-dashboard .bid-field-header .label-value-bid-detail {
      margin-top: 0; }
  .bid-modal-dashboard .bid-field-header {
    padding: 0; }
  .bid-modal-dashboard .col-60 {
    width: 60%; }
  .bid-modal-dashboard .col-40 {
    width: 40%; }
  .bid-modal-dashboard .col-20 {
    width: 20%; }
  .bid-modal-dashboard .col-30 {
    width: 30%; }
  .bid-modal-dashboard .margin-rt-5 {
    margin-right: 5px; }
  .bid-modal-dashboard .margin-lt-5 {
    margin-left: 5px; }
  .bid-modal-dashboard .col-full {
    width: 100%; }
  .bid-modal-dashboard .bid-table-container {
    border-radius: 4px;
    padding: 5px; }
  .bid-modal-dashboard .pad-btm-zero {
    padding-bottom: 0px !important; }
  .bid-modal-dashboard .btn-submit {
    width: 324px;
    float: right;
    display: inline-flex; }
  .bid-modal-dashboard .submit-button {
    margin-right: 15px; }
  .bid-modal-dashboard .btn-single-close {
    width: 252px !important;
    float: right; }

.close-rfp-dashboard-modal {
  margin-top: 8px;
  margin-right: 12px; }

.read-only-bid {
  background: #eee; }

.mar-zero {
  margin-bottom: 0; }

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

.manage-vendors-label {
  font-size: 14px;
  font-weight: 600;
  color: #525252; }

.info-row {
  margin-bottom: 15px; }
  .info-row .info-field {
    display: flex;
    align-items: center; }
    .info-row .info-field .section-title.no-padding {
      padding: 0;
      margin-bottom: 0; }
    .info-row .info-field .field-value {
      margin-left: 10px; }

.managing-bid-field .add-bid-field-container {
  background-color: #ffff;
  margin: 20px 30px;
  margin-bottom: 20px;
  padding: 20px;
  box-shadow: 1px 1px 1px 1px #e6e6e6; }
  .managing-bid-field .add-bid-field-container .input-box {
    border-radius: 4px;
    height: 50px;
    border: 1px solid #e6e6e6; }
  .managing-bid-field .add-bid-field-container .add-btn {
    background-color: #666;
    border-radius: 2px;
    color: white;
    text-transform: uppercase;
    float: right;
    margin-top: 15px;
    height: 30px;
    transition: 0.5s; }
  .managing-bid-field .add-bid-field-container .add-btn:hover {
    background-color: #00304D; }
.managing-bid-field .view-edit-bid-field {
  background-color: #ffff;
  margin: 20px 30px;
  min-height: 500px;
  box-shadow: 1px 1px 1px 1px #e6e6e6; }
  .managing-bid-field .view-edit-bid-field .bid-header {
    padding: 20px;
    background-color: #e6e6e6; }
  .managing-bid-field .view-edit-bid-field .header-label {
    font-weight: 650;
    font-size: 1.1em; }
  .managing-bid-field .view-edit-bid-field .bid-field-section {
    padding: 20px; }
    .managing-bid-field .view-edit-bid-field .bid-field-section .role-name-header {
      color: #aaa;
      font-weight: 300;
      border-bottom: 1px solid #e6e6e6; }
      .managing-bid-field .view-edit-bid-field .bid-field-section .role-name-header label {
        margin-left: 10px; }
    .managing-bid-field .view-edit-bid-field .bid-field-section .bid-field-row:not(:last-of-type) {
      border-bottom: 1px solid #e6e6e6; }
    .managing-bid-field .view-edit-bid-field .bid-field-section .bid-field-row {
      display: flex;
      flex-flow: row nowrap;
      padding: 10px 10px 10px 0; }
      .managing-bid-field .view-edit-bid-field .bid-field-section .bid-field-row .bid-field-col {
        width: 85%;
        margin-left: 10px; }
      .managing-bid-field .view-edit-bid-field .bid-field-section .bid-field-row .control-col {
        width: 15%; }
        .managing-bid-field .view-edit-bid-field .bid-field-section .bid-field-row .control-col .control-container {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-end;
          margin-top: 5px; }
          .managing-bid-field .view-edit-bid-field .bid-field-section .bid-field-row .control-col .control-container img, .managing-bid-field .view-edit-bid-field .bid-field-section .bid-field-row .control-col .control-container i {
            margin: 0 10px 0 10px;
            width: 22px;
            height: 22px;
            cursor: pointer; }
          .managing-bid-field .view-edit-bid-field .bid-field-section .bid-field-row .control-col .control-container i {
            font-size: 1.3em; }
    .managing-bid-field .view-edit-bid-field .bid-field-section .not-field-edit:hover {
      background-color: rgba(0, 48, 77, 0.3);
      cursor: pointer; }
    .managing-bid-field .view-edit-bid-field .bid-field-section .bid-field-edit {
      background-color: #e6e6e6; }
    .managing-bid-field .view-edit-bid-field .bid-field-section button[disabled]:hover {
      cursor: default; }
    .managing-bid-field .view-edit-bid-field .bid-field-section .edit-input {
      width: 50%; }
  .managing-bid-field .view-edit-bid-field .cancel-btn, .managing-bid-field .view-edit-bid-field .edit-btn {
    height: 22px;
    font-size: 10px;
    min-width: 80px; }
  .managing-bid-field .view-edit-bid-field .edit-btn {
    background-color: #666;
    width: 80px;
    min-width: unset; }
    .managing-bid-field .view-edit-bid-field .edit-btn i, .managing-bid-field .view-edit-bid-field .edit-btn span {
      padding-top: 3px; }
  .managing-bid-field .view-edit-bid-field .inline-flex {
    display: inline-flex; }
  .managing-bid-field .view-edit-bid-field .drag-drop[dnd-list] .dndPlaceholder {
    list-style-type: none; }

.edit-appraisal-schedule-wrapper .date-ico {
  position: absolute;
  margin-top: 8px;
  top: 5%;
  right: 5%;
  background-color: transparent;
  border: 0;
  color: #bbbbbb;
  cursor: pointer;
  font-size: 20px; }
.edit-appraisal-schedule-wrapper .date-container {
  position: relative; }
.edit-appraisal-schedule-wrapper .select-input {
  font-size: 1.6rem;
  background-color: #ffffff;
  border: solid 1px #cccccc;
  border-radius: 4px;
  color: #535353;
  font-weight: 400;
  height: 39px;
  width: 100%;
  padding: 8px 10px; }
.edit-appraisal-schedule-wrapper .term .form-control {
  height: 39px !important; }
.edit-appraisal-schedule-wrapper input[type="text"] {
  font-size: 16px; }
.edit-appraisal-schedule-wrapper input[uib-datepicker-popup]:required:not(:focus).ng-invalid-date.ng-invalid.ng-touched {
  border: 1px solid red; }
.edit-appraisal-schedule-wrapper .ui-grid-cell input:not(:required).ng-invalid {
  border-color: #ccc; }
.edit-appraisal-schedule-wrapper .input-padding .col-33, .edit-appraisal-schedule-wrapper .input-padding .col-34 {
  padding: 15px 10px 0 10px; }

.arrange-images {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: 120px 1fr 60px; }
  @media screen and (max-width: 1200px) {
    .arrange-images {
      grid-template-columns: 200px 1fr;
      grid-template-rows: 100px 1fr 50px; } }
  .arrange-images__editor {
    position: relative;
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
    .arrange-images__editor--empty {
      display: flex;
      align-items: center;
      justify-content: center; }
      .arrange-images__editor--empty .instruction {
        font-size: 1.2rem;
        color: #00304D; }
    .arrange-images__editor .change-page {
      position: absolute;
      font-size: 70px;
      color: #00304D;
      cursor: pointer; }
      .arrange-images__editor .change-page.disabled-arrow {
        pointer-events: none;
        color: #999999; }
      .arrange-images__editor .change-page--right {
        right: 20px;
        top: 50%;
        transform: translateY(-50%); }
      .arrange-images__editor .change-page--left {
        left: 20px;
        top: 50%;
        transform: translateY(-50%); }
    .arrange-images__editor .page {
      position: relative;
      height: 0; }
      .arrange-images__editor .page--vertical {
        width: 50%;
        padding-top: 64.705%; }
        @media screen and (min-height: 600px) {
          .arrange-images__editor .page--vertical {
            width: 200px;
            padding-top: 258.82px; } }
        @media screen and (min-height: 740px) {
          .arrange-images__editor .page--vertical {
            width: 300px;
            padding-top: 388.23px; } }
        @media screen and (min-height: 880px) {
          .arrange-images__editor .page--vertical {
            width: 400px;
            padding-top: 517.64px; } }
      .arrange-images__editor .page--horizontal {
        width: 70%;
        padding-top: 54.0916467043%; }
        @media screen and (min-height: 500px) {
          .arrange-images__editor .page--horizontal {
            width: 400px;
            padding-top: 309.0951240244px; } }
        @media screen and (min-height: 770px) {
          .arrange-images__editor .page--horizontal {
            width: 560px;
            padding-top: 432.7331736342px; } }
        @media screen and (min-height: 880px) {
          .arrange-images__editor .page--horizontal {
            width: 700px;
            padding-top: 540.9164670427px; } }
        @media screen and (min-height: 880px) and (max-width: 1200px) {
          .arrange-images__editor .page--horizontal {
            width: 500px;
            padding-top: 386.3689050305px; } }
      .arrange-images__editor .page .slots__container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-rows: repeat(12, 1fr);
        grid-gap: 5px; }
    .arrange-images__editor .checkbox {
      position: absolute;
      bottom: 0px;
      left: 10px; }
  .arrange-images__footer {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
    border-top: 1px solid #DCDCDC;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .arrange-images__footer .images-btn:not(:first-child):not(:last-child) {
      margin: 0 1rem 0; }

.arrange-images__pages {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  background-color: #dddddd;
  overflow-y: hidden;
  padding: 0 0 0 10px; }
  .arrange-images__pages .pages__container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow: auto;
    padding: 10px 0 0 0; }
    .arrange-images__pages .pages__container .page {
      width: 100%;
      position: relative;
      display: grid;
      grid-template-columns: 1fr 30px;
      justify-content: center;
      margin-bottom: 1rem;
      list-style-type: none; }
      .arrange-images__pages .pages__container .page__wrapper {
        position: relative;
        display: flex;
        justify-content: center; }
        .arrange-images__pages .pages__container .page__wrapper .page-container {
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
      .arrange-images__pages .pages__container .page--placeholder {
        text-align: center;
        width: 100%;
        height: auto;
        background-color: #00304D;
        opacity: 0.6;
        margin-bottom: 1rem;
        color: #eee; }
      .arrange-images__pages .pages__container .page--add {
        cursor: pointer;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        width: 100%;
        padding-right: 30px;
        padding-top: 77.2737810061%; }
        .arrange-images__pages .pages__container .page--add .add-icon {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #dddddd;
          font-size: 40px; }
          .arrange-images__pages .pages__container .page--add .add-icon .instruction {
            font-size: 1.2rem;
            white-space: nowrap;
            color: #00304D; }
      .arrange-images__pages .pages__container .page .delete-page {
        text-align: center;
        color: #d62d20; }
        .arrange-images__pages .pages__container .page .delete-page .delete-icon {
          cursor: pointer; }

.arrange-images__images {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  background-color: #dddddd;
  border-bottom: 1px solid white; }
  .arrange-images__images .images-section {
    overflow: auto;
    padding: 0; }
    .arrange-images__images .images-section__map-container {
      cursor: pointer;
      height: 90%;
      margin: 0 5px 0;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 150px;
      border: 1px solid #00304D;
      background-color: white;
      padding: 10px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      background-size: cover !important; }
      .arrange-images__images .images-section__map-container__map {
        text-align: center;
        word-spacing: 100px;
        color: white;
        font-weight: 600;
        text-shadow: 0px 0px 2px rgba(0, 48, 77, 0.7); }
    .arrange-images__images .images-section__img-container {
      cursor: pointer;
      height: 90%;
      overflow: hidden;
      flex-shrink: 0;
      margin: 0 5px 0;
      list-style: none;
      height: 100%; }
      .arrange-images__images .images-section__img-container__figure {
        height: 100%;
        display: grid;
        grid-template-rows: 1fr 20px; }
        .arrange-images__images .images-section__img-container__figure .image {
          height: 100%;
          width: auto;
          min-height: 0;
          flex-grow: 1;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
        .arrange-images__images .images-section__img-container__figure .caption {
          display: flex; }
          .arrange-images__images .images-section__img-container__figure .caption__container {
            flex-grow: 1;
            width: 0; }
            .arrange-images__images .images-section__img-container__figure .caption__container__text {
              font-size: 14px;
              color: #00304D;
              white-space: nowrap; }
    .arrange-images__images .images-section__placeholder {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-shrink: 0;
      justify-content: center;
      height: 100%;
      width: 100px;
      padding: 0 5px;
      color: #eee;
      background-color: #00304D;
      opacity: 0.6; }

.arrange-images__editor .page .slots__container .slot {
  border: 1px dotted #00304D;
  overflow: hidden;
  position: relative; }
  .arrange-images__editor .page .slots__container .slot__img-container, .arrange-images__editor .page .slots__container .slot__map-container {
    position: relative;
    width: 100%;
    height: 100%; }
    .arrange-images__editor .page .slots__container .slot__img-container .img,
    .arrange-images__editor .page .slots__container .slot__img-container .map, .arrange-images__editor .page .slots__container .slot__map-container .img,
    .arrange-images__editor .page .slots__container .slot__map-container .map {
      width: 100%;
      height: 100%;
      object-fit: contain; }
    .arrange-images__editor .page .slots__container .slot__img-container .delete-img,
    .arrange-images__editor .page .slots__container .slot__img-container .delete-map, .arrange-images__editor .page .slots__container .slot__map-container .delete-img,
    .arrange-images__editor .page .slots__container .slot__map-container .delete-map {
      position: absolute;
      top: 5px;
      right: 5px;
      color: #d62d20; }
      .arrange-images__editor .page .slots__container .slot__img-container .delete-img__icon,
      .arrange-images__editor .page .slots__container .slot__img-container .delete-map__icon, .arrange-images__editor .page .slots__container .slot__map-container .delete-img__icon,
      .arrange-images__editor .page .slots__container .slot__map-container .delete-map__icon {
        cursor: pointer; }
    .arrange-images__editor .page .slots__container .slot__img-container .top-actions, .arrange-images__editor .page .slots__container .slot__map-container .top-actions {
      position: absolute;
      top: 5px;
      left: 5px;
      display: inline-block;
      text-align: left; }
      .arrange-images__editor .page .slots__container .slot__img-container .top-actions__btn, .arrange-images__editor .page .slots__container .slot__map-container .top-actions__btn {
        width: 30px;
        height: 30px;
        margin: 0 5px 0;
        color: white;
        text-align: center; }
    .arrange-images__editor .page .slots__container .slot__img-container .caption-container, .arrange-images__editor .page .slots__container .slot__map-container .caption-container {
      position: absolute;
      bottom: 0;
      left: 0;
      display: flex;
      text-align: left;
      width: 100%;
      height: auto;
      min-height: 3rem;
      max-height: 4rem;
      background-color: rgba(0, 48, 77, 0.9);
      color: white;
      padding: 5px;
      align-items: center; }
      .arrange-images__editor .page .slots__container .slot__img-container .caption-container .caption, .arrange-images__editor .page .slots__container .slot__map-container .caption-container .caption {
        flex-grow: 1; }
        .arrange-images__editor .page .slots__container .slot__img-container .caption-container .caption.caption-readonly, .arrange-images__editor .page .slots__container .slot__map-container .caption-container .caption.caption-readonly {
          height: 2rem;
          height: auto;
          text-transform: uppercase;
          max-height: 100%;
          font-size: 14px;
          min-width: 0; }
        .arrange-images__editor .page .slots__container .slot__img-container .caption-container .caption.caption-editable, .arrange-images__editor .page .slots__container .slot__map-container .caption-container .caption.caption-editable {
          height: 2rem;
          padding: 3px; }
      .arrange-images__editor .page .slots__container .slot__img-container .caption-container .caption-icon, .arrange-images__editor .page .slots__container .slot__map-container .caption-container .caption-icon {
        margin: 0 5px;
        cursor: pointer; }
        .arrange-images__editor .page .slots__container .slot__img-container .caption-container .caption-icon--edit, .arrange-images__editor .page .slots__container .slot__map-container .caption-container .caption-icon--edit {
          position: absolute;
          right: 5px;
          background-color: #00304D; }
  .arrange-images__editor .page .slots__container .slot__description {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00304D; }
  .arrange-images__editor .page .slots__container .slot__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 48, 77, 0.7);
    color: white; }
  .arrange-images__editor .page .slots__container .slot__loading {
    background-color: antiquewhite;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .arrange-images__editor .page .slots__container .slot__loading .loader {
      position: absolute;
      visibility: visible;
      position: absolute;
      visibility: visible;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 48, 77, 0.3); }
      .arrange-images__editor .page .slots__container .slot__loading .loader .kart-loader {
        position: static;
        width: auto;
        height: auto; }

.page-container {
  cursor: pointer;
  position: relative;
  height: 0;
  border: 2px solid transparent;
  background-color: white; }
  .page-container--vertical {
    width: 80%;
    padding-top: 103.528%; }
  .page-container--horizontal {
    width: 100%;
    padding-top: 77.2737810061%; }
  .page-container--selected {
    border: 2px solid #00304D; }
  .page-container .delete-page {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #d62d20;
    z-index: 1; }
  .page-container .slots__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, 1fr);
    grid-gap: 5px;
    padding: 2px;
    border: 1px solid rgba(0, 48, 77, 0.3); }
    .page-container .slots__container .slot {
      border: 1px dotted #00304D;
      overflow: hidden;
      pointer-events: none; }
      .page-container .slots__container .slot .img {
        width: 100%;
        height: 100%;
        object-fit: contain; }

.upload-progress-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .upload-progress-wrapper .upload-progress {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    background: white;
    padding: 15px; }
    .upload-progress-wrapper .upload-progress .upload__container {
      flex-grow: 1;
      overflow-y: auto;
      padding-right: 1rem; }
      .upload-progress-wrapper .upload-progress .upload__container .uploading-image {
        display: flex;
        align-items: center;
        margin: 5px 0 5px; }
        .upload-progress-wrapper .upload-progress .upload__container .uploading-image__img {
          width: 80px;
          height: auto;
          margin-right: 10px; }
        .upload-progress-wrapper .upload-progress .upload__container .uploading-image__progress {
          flex-grow: 1;
          -webkit-appearance: none;
          appearance: none;
          width: 250px;
          height: 20px; }
          .upload-progress-wrapper .upload-progress .upload__container .uploading-image__progress::-webkit-progress-bar {
            background-color: #eee;
            border-radius: 2px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; }
          .upload-progress-wrapper .upload-progress .upload__container .uploading-image__progress::-webkit-progress-value {
            background-color: rgba(0, 48, 77, 0.9); }
        .upload-progress-wrapper .upload-progress .upload__container .uploading-image__value {
          margin-left: 5px;
          width: 50px;
          text-align: right; }

.arrange-images-modal {
  z-index: 9999992 !important; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1200px) {
    .arrange-images-modal {
      zoom: 125%; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1201px) and (max-width: 1500px) {
    .arrange-images-modal {
      zoom: 111.1111111111%; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1501px) {
    .arrange-images-modal {
      zoom: 100%; } }
  .arrange-images-modal + .modal-backdrop {
    z-index: 9999991 !important; }
  .arrange-images-modal .modal-dialog {
    width: 80%;
    height: 90%; }
    .arrange-images-modal .modal-dialog .modal-content {
      height: 100%; }
  .arrange-images-modal__content {
    height: 100%;
    display: flex;
    flex-direction: column; }
    .arrange-images-modal__content .modal-header {
      flex-shrink: 0; }
    .arrange-images-modal__content .modal-body {
      flex-grow: 1;
      overflow: hidden;
      padding-top: 0;
      padding-bottom: 0; }

.new-features-modal {
  z-index: 1000001 !important; }
  .new-features-modal ~ .modal-backdrop {
    z-index: 1000000 !important; }
  .new-features-modal .modal-header {
    display: flex;
    align-items: center; }
  .new-features-modal .modal-body {
    max-height: 70vh;
    display: flex;
    flex-direction: column; }
    .new-features-modal .modal-body .new-features__list {
      flex-grow: 1;
      overflow: auto; }
      .new-features-modal .modal-body .new-features__list .feature {
        border: 1px solid gray;
        padding: 10px;
        margin-bottom: 10px; }
        .new-features-modal .modal-body .new-features__list .feature__title {
          margin: 0; }
        .new-features-modal .modal-body .new-features__list .feature__date {
          color: gray; }
        .new-features-modal .modal-body .new-features__list .feature__link {
          font-size: 16px; }
        .new-features-modal .modal-body .new-features__list .feature__description {
          margin-top: 1rem; }
    .new-features-modal .modal-body a, .new-features-modal .modal-body a:visited, .new-features-modal .modal-body a:hover, .new-features-modal .modal-body a:active {
      color: #00304D; }
    .new-features-modal .modal-body .loading {
      position: relative;
      width: 100%;
      height: 100px;
      z-index: 1; }
      .new-features-modal .modal-body .loading .loader {
        position: absolute;
        visibility: visible;
        position: absolute;
        visibility: visible;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent; }
        .new-features-modal .modal-body .loading .loader .kart-loader {
          position: static;
          width: auto;
          height: auto; }
  .new-features-modal .modal-footer {
    text-align: right; }

.page-templates-modal {
  z-index: 9999994 !important; }
  .page-templates-modal .modal-dialog {
    width: 70%;
    height: 90%; }
  .page-templates-modal .templates-container {
    display: flex; }
    .page-templates-modal .templates-container .templates__section {
      width: 50%;
      padding: 0 20px; }
      .page-templates-modal .templates-container .templates__section:first-child {
        border-right: 1px solid #DCDCDC; }
      .page-templates-modal .templates-container .templates__section .templates__wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 5px;
        align-items: center; }
        .page-templates-modal .templates-container .templates__section .templates__wrapper .template {
          display: flex;
          justify-content: center; }

.drag-and-drop {
  /***************************** Required styles *****************************/
  /**
   * For the correct positioning of the placeholder element, the dnd-list and
   * it's children must have position: relative
   */
  /***************************** Dropzone Styling *****************************/
  /**
   * The dnd-list should always have a min-height,
   * otherwise you can't drop to it once it's empty
   */
  /**
   * The dnd-lists's child elements currently MUST have
   * position: relative. Otherwise we can not determine
   * whether the mouse pointer is in the upper or lower
   * half of the element we are dragging over. In other
   * browsers we can use event.offsetY for this.
   */
  /**
   * Reduce opacity of elements during the drag operation. This allows the user
   * to see where he is dropping his element, even if the element is huge. The
   * .dndDragging class is automatically set during the drag operation.
   */
  /**
   * The dndDraggingSource class will be applied to the source element of a drag
   * operation. It makes sense to hide it to give the user the feeling that he's
   * actually moving it. Note that the source element has also .dndDragging class.
   */
  /**
   * An element with .dndPlaceholder class will be added as child of the dnd-list
   * while the user is dragging over it.
   */
  /***************************** Element type specific styles *****************************/ }
  .drag-and-drop .advancedDemo ul[dnd-list],
  .drag-and-drop .advancedDemo ul[dnd-list] > li {
    position: relative; }
  .drag-and-drop .advancedDemo ul[dnd-list] {
    min-height: 42px;
    margin: 0px;
    padding-left: 0px; }
  .drag-and-drop .advancedDemo li {
    display: block; }
  .drag-and-drop .advancedDemo .dndDragging {
    opacity: 0.7; }
  .drag-and-drop .advancedDemo .dndDraggingSource {
    display: none; }
  .drag-and-drop .advancedDemo .dndPlaceholder {
    background: url("../../../../assets/images/no-image.jpg");
    background-size: 200px 200px;
    background-repeat: no-repeat;
    height: 200px;
    width: 200px;
    border: 3px solid #00304D !important;
    min-height: 42px;
    display: block;
    position: relative; }
  .drag-and-drop .advancedDemo .itemlist {
    min-height: 120px !important; }
  .drag-and-drop .advancedDemo .itemlist > li {
    background-color: transparent;
    border: none;
    border-radius: .25em;
    color: #fff;
    float: left;
    font-weight: 700;
    height: 200px;
    margin: 5px;
    padding: 3px;
    text-align: center;
    width: 200px; }
  .drag-and-drop .advancedDemo .container-element {
    min-height: 200px;
    min-width: 200px; }

.hovereffect {
  width: 100%;
  height: 100%;
  min-height: 200px;
  float: left;
  overflow: hidden;
  position: relative;
  cursor: default; }

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all .4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
  width: 100%; }

.hovereffect h2 {
  width: auto;
  height: 20px;
  display: inline-block;
  margin-top: 0 !important;
  top: 0;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  font-size: 12px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
  padding: 3px 5px; }

.hovereffect .info {
  font-size: 20px;
  z-index: 100;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin: 7px;
  padding: 7px 7px;
  float: right; }

.hovereffect .info:hover {
  box-shadow: 0 0 5px #fff; }

.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100); }

.hovereffect:hover, .hovereffect:hover .info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0); }

.hovereffect:hover .info {
  -webkit-transition-delay: .2s;
  transition-delay: .2s; }

.hovereffect .div-h2 {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6); }

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

.hovereffect .image-delete-btn {
  padding-top: 40px;
  text-align: center;
  font-size: 12px !important;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6); }
  .hovereffect .image-delete-btn button {
    height: 20px !important; }
  .hovereffect .image-delete-btn .yes {
    text-transform: uppercase;
    background-color: #00304D; }
  .hovereffect .image-delete-btn .cancel {
    background-color: transparent !important; }
  .hovereffect .image-delete-btn .title {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    color: #ffffff; }

.hovereffect .overlay-contacts {
  background-color: #dfdfdf !important;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }
  .hovereffect .overlay-contacts .info {
    color: #000; }

.hovereffect:hover .overlay-contacts {
  opacity: 0.5;
  filter: alpha(opacity=100); }

.container-privacy .first-option {
  list-style-type: upper-alpha; }
  .container-privacy .first-option .options {
    margin-top: 15px; }
  .container-privacy .first-option ol {
    list-style-type: lower-roman; }
    .container-privacy .first-option ol li:before {
      text-align: left; }
  .container-privacy .first-option p {
    margin-left: 15px;
    margin-top: 5px; }
.container-privacy .right {
  padding-right: 30px;
  text-align: right; }

.terms-width {
  width: 90%; }

.terms-btn-width {
  width: 300px !important; }

.terms-btns {
  text-align: center;
  margin-left: 30px;
  margin-bottom: 20px;
  width: 150px !important; }

.privacy-policy p {
  margin-top: 10px; }
.privacy-policy .no-p-margin {
  margin-top: 0 !important; }
.privacy-policy .margins-15 {
  margin-bottom: 15px !important;
  margin-top: 15px !important; }

@media print {
  .container-privacy {
    width: 110%;
    height: auto;
    margin: auto;
    padding: 0; }
    .container-privacy .row {
      margin: 0 !important; }

  .not-print {
    display: none; } }
.pin-tray {
  height: 10px;
  background-color: #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  position: sticky;
  top: 0;
  z-index: 100;
  padding-top: 0px;
  transition: all 0.5s ease; }
  .pin-tray .headline {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    color: #999;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 150ms;
    pointer-events: none; }
  .pin-tray .headline.not-visible {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 150ms, opacity 150ms; }
  .pin-tray .center-button {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 100%);
    bottom: 0;
    z-index: 100; }
    .pin-tray .center-button button {
      border-radius: 0px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      height: 30px;
      background-color: #e6e6e6;
      border: 2px solid #e6e6e6;
      color: #888;
      font-size: 14px;
      width: 130px;
      border-top: none; }
    .pin-tray .center-button span {
      margin-right: 5px;
      font-size: 18px; }
  .pin-tray .carrousel {
    position: relative;
    opacity: 0;
    transition: all 0.5s ease; }
    .pin-tray .carrousel .slick-arrow {
      background-color: #e3e3e3;
      border: none;
      color: #656565;
      width: 40px;
      height: 50px;
      top: 0;
      margin-top: inherit;
      border-radius: 0px; }
      .pin-tray .carrousel .slick-arrow i {
        font-size: 18px;
        color: #999;
        margin-top: 7px; }
    .pin-tray .carrousel .prev {
      left: 0px; }
    .pin-tray .carrousel .next {
      right: 0px; }
    .pin-tray .carrousel .ui-carousel-width {
      width: 80%; }
    .pin-tray .carrousel .comp-counter-svg {
      height: 100%;
      margin-top: 15%;
      margin-left: 5px; }
    .pin-tray .carrousel .comp-cart {
      position: absolute;
      bottom: 50px;
      z-index: 100;
      height: 100%;
      transform: translate(-2%, 100%);
      right: 0;
      background-color: #FF9900;
      color: white;
      border: transparent; }
      .pin-tray .carrousel .comp-cart .comp-text {
        overflow: hidden;
        display: inline-flex;
        text-overflow: ellipsis;
        margin-top: 1px;
        white-space: nowrap;
        width: 100%;
        cursor: pointer;
        height: 48px;
        width: 150px;
        font-size: 14px;
        font-weight: 600;
        align-items: center; }
      .pin-tray .carrousel .comp-cart .comps-counter {
        margin-left: 12px;
        background: #FF9900; }
      .pin-tray .carrousel .comp-cart .comps-wrap {
        margin-top: 7px; }
    .pin-tray .carrousel .ui-carousel {
      margin-bottom: 0px;
      height: 10px;
      display: flex;
      position: relative;
      left: 0;
      transition: 0.5s;
      background-color: #e6e6e6; }
      .pin-tray .carrousel .ui-carousel .slick-slide {
        height: 50px;
        align-items: center;
        display: inline-flex;
        max-width: 400px;
        width: 230px;
        border-right: 1px solid #bbb; }
        .pin-tray .carrousel .ui-carousel .slick-slide .pin-wrap {
          padding: 5px;
          max-height: 50px;
          border-radius: 3px;
          border: 1px solid #e6e6e6;
          transition: 0.5s;
          padding-left: 10px;
          padding-top: 2px;
          padding-right: 10px;
          padding-bottom: 0px;
          margin: 0 auto;
          text-align: center;
          position: relative;
          display: inline-block;
          max-width: 100%; }
          .pin-tray .carrousel .ui-carousel .slick-slide .pin-wrap img {
            width: 16px;
            display: inline-flex;
            margin-right: 5px; }
          .pin-tray .carrousel .ui-carousel .slick-slide .pin-wrap span {
            color: #666;
            display: inline-flex; }
          .pin-tray .carrousel .ui-carousel .slick-slide .pin-wrap i {
            color: #00304D;
            opacity: 0;
            position: absolute;
            right: -5px;
            top: -5px;
            cursor: pointer; }
          .pin-tray .carrousel .ui-carousel .slick-slide .pin-wrap .elipsys-wraper {
            overflow: hidden;
            display: inline-flex;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            cursor: pointer;
            font-size: 12px;
            font-weight: 600;
            align-items: center;
            vertical-align: middle; }
          .pin-tray .carrousel .ui-carousel .slick-slide .pin-wrap:hover {
            background-color: white;
            border-color: white; }
            .pin-tray .carrousel .ui-carousel .slick-slide .pin-wrap:hover i {
              opacity: 1; }
    .pin-tray .carrousel .ui-carousel.margin-left {
      margin-left: 20px; }
    .pin-tray .carrousel .ui-carousel.margin-right {
      margin-right: 40px; }
    .pin-tray .carrousel .ui-carousel.going-right {
      opacity: 0;
      left: -100px; }
    .pin-tray .carrousel .ui-carousel.going-left {
      opacity: 0;
      left: 100px; }

.pin-tray.open-pin {
  height: 50px;
  padding-top: 0px; }
  .pin-tray.open-pin .carrousel {
    opacity: 1; }
    .pin-tray.open-pin .carrousel .ui-carousel {
      height: 50px; }

.cart-ripple {
  display: inline-block;
  position: relative;
  overflow: hidden; }

.cart-ripple::after,
.ripple {
  content: ' ';
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  display: inline-block;
  border-radius: 70%;
  animation: ripple 2s; }

.cart-ripple:active::after,
.ripple:active,
.cart-ripple:active + .ripple {
  animation: none; }

@keyframes ripple {
  to {
    opacity: 0;
    margin: -250px;
    width: 500px;
    height: 500px; } }
.pin-tray-width {
  width: 100%; }

@media screen and (max-width: 1420px) and (min-width: 1345px) {
  .pin-tray-width {
    width: 85% !important; }

  .slick-slide {
    width: 210px !important; } }
@media screen and (max-width: 1500px) and (min-width: 1421px) {
  .pin-tray-width {
    width: 85% !important; }

  .slick-slide {
    width: 220px !important; } }
@media screen and (max-width: 1600px) and (min-width: 1501px) {
  .pin-tray-width {
    width: 90% !important; }

  .slick-slide {
    width: 210px !important; } }
@media screen and (max-width: 1650px) and (min-width: 1601px) {
  .pin-tray-width {
    width: 90% !important; }

  .slick-slide {
    width: 210px !important; } }
@media screen and (max-width: 1700px) and (min-width: 1651px) {
  .pin-tray-width {
    width: 90% !important; }

  .slick-slide {
    width: 230px !important; } }
@media screen and (max-width: 1920px) and (min-width: 1701px) {
  .pin-tray-width {
    width: 90% !important; }

  .slick-slide {
    width: 215px !important; } }
.slick-prev-reset {
  position: unset !important;
  float: left;
  border-right: 1px solid #bbbbbb !important; }

.slick-next-reset {
  position: unset !important;
  float: left;
  padding-left: 20px; }

/**
 *  Do not remove the comments below. It's the markers used by gulp-inject to inject
 *  all your sass files automatically
 */