/* font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif; 
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v15/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: local('Montserrat Semi-bold'), local('Montserrat-Semi-bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: local('Montserrat Semi-bold'), local('Montserrat-Semi-bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: local('Montserrat Semi-bold'), local('Montserrat-Semi-bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: local('Montserrat Semi-bold'), local('Montserrat-Semi-bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: local('Montserrat Semi-bold'), local('Montserrat-Semi-bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: local('Montserrat Extra-bold'), local('Montserrat-Extra-bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: local('Montserrat Extra-bold'), local('Montserrat-Extra-bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: local('Montserrat Extra-bold'), local('Montserrat-Extra-bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: local('Montserrat Extra-bold'), local('Montserrat-Extra-bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: local('Montserrat Extra-bold'), local('Montserrat-Extra-bold'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gfD_u50.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}*/
body {font-family: 'Montserrat', sans-serif;background-color: #f6f9fc;font-size: 13px;color: #000;font-weight:500;padding-top:60px;overflow-x:hidden;min-height:100vh;}
body.dark-theme-bg{background: #171d2d;}
input, select, .form-control {font-size: 13px;font-weight: 500;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important;}
a {color: inherit;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
a:hover {color:inherit;}
.input-sm{height:25px !important;padding:3px;min-height:25px !important;}
/* scroller theme customize */
::-webkit-scrollbar {width:10px;height:10px;}
.animate-move-top {transition:margin-top 0.2s linear;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {height: 1px;display: block;background-color:transparent;}
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:horizontal:end:increment {height: 1px;display: block;background-color:transparent;}
::-webkit-scrollbar-track-piece {background-color:transparent;}
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {background-color: #dddddd; border: 1px solid #dddddd;-webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {background-color: #cccccc;border: 1px solid #cccccc;-webkit-border-radius:8px;}
::placeholder {color:#cdcdcd !important;opacity:1; }
:-ms-input-placeholder {color:#cdcdcd !important;}
::-ms-input-placeholder {color:#cdcdcd !important;}

.translate-0{transform:translate(0, 0) !important;}

/* input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;} */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;position: relative;width:12px;height:12px;background: url(../img/close-gray.png) no-repeat center center;background-size: cover;
    cursor: pointer;
}
.mac-os input[type="search"]::-webkit-search-decoration,
.mac-os input[type="search"]::-webkit-search-results-decoration{
    width:0;
    height:0;
    -webkit-appearance: none !important;
    background:none !important;
}


.icon-briefcase1:before {content: "\e910";}
.icon-edit1:before {content: "\e924";}
.bg-orange{background:#e55f26;}
.bg-blue{background:#0897c7 !important;}
.bg-dark-blue{background:#0360a2 !important;color:#ffffff;}
.bg-black{background: #000000;}
/* General Style */
.load-wrapper {height: calc(100%);}
.fw-normal{font-weight:500 !important;}
.col-decrease{-ms-flex: 0 0 45%;flex: 0 0 45%;max-width: 45%;}
.col-increase{-ms-flex: 0 0 55%;flex: 0 0 55%;max-width: 55%;}
p {margin-top: 0;margin-bottom: 0.5rem;}
.icon-right{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.icon-right:before,
.icon-up:before {content:"\e90a";}
.icon-right.small,
.icon-up.small {font-size:9px !important;}
.icon-up{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}
.icon-down:before {content:"\e90a";font-size:9px;}
.icon-down{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
.add-txt-icn{font-size:35px;font-size:40px;font-weight: 600;}
.btn:hover {color: #898989;}
.btn.rounded{border-radius:20px !important;}
[class^="icon-"], [class*=" icon-"] {font-size: 18px;display:inline-block;vertical-align:middle;}
[class^="icon-"].font-small, [class*=" icon-"].font-small{font-size:13px !important;}
[class^="icon-"].bg-light, [class*=" icon-"].bg-light{background-color: #e8e8e8 !important;}
.icon-printer{font-weight:bold;}
.icon-ellipsis {font-size: 21px;}
.icon-close {font-size: 100%;}
.table {margin-bottom: 0;}
.icon-sm{font-size:14px !important;}
table.align-middle th,
table.align-middle td{vertical-align: middle !important;}
.table.no-border th,
.table.no-border td{border:0px !important;border-bottom:0px !important;border-top:0px !important}
.body-content-wrapper{padding-top:5px;min-height:85vh;}
.body-content-wrapper>.container-fluid {padding-right: 5px;padding-left: 5px;}
.body-content-with-right-sidebar {padding-right: 87px;}
.text-ellipsis {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%;}
td.text-ellipsis {max-width:20vw;}
.nowrap{white-space: nowrap;}
.icon-star {font-weight:bold;}
.bg-blue{background-color:#2197d7;}
.bg-light-blue{background-color:#3ea9f0;}
.bg-light-gray{background:#f7f7f7}
.v-align-middle {vertical-align:middle !important;} 
.line{width:100%;height: 1px;background:#e2e2e2;width: 100%;}
.border{border:1px solid #dee2e6}
.border-left{border-left:1px solid #dee2e6}
.border-right{border-right:1px solid #dee2e6}
.border-top{border-top:1px solid #dee2e6}
.border-bottom tbody tr,
.border-bottom{border-bottom:1px solid #dee2e6}
[target-tab-id],
[data-toggle],
[target-tab-item],
[data-toggle="tooltip"],
[data-toggle="collapse"],
[data-toggle="dropdown"],
[data-toggle="modal"]{position:relative;cursor: pointer;}


.round-icon-green,
.icon-available{width:12px !important;height:12px !important;border-radius:100%;background-color:#10aa2e;display:inline-block;} 
.round-icon-yellow,
.icon-busy{width:12px !important;height:12px !important;border-radius:100%;background-color:#ffcb00;display:inline-block;}
.round-icon-red,
.icon-offline{width:12px !important;height:12px !important;border-radius:100%;background-color:#de2020;display:inline-block;}
.round-icon-blue{width:12px !important;height:12px !important;border-radius:100%;background-color:#2197d7;display:inline-block;}
.round-icon-gray{width:12px !important;height:12px !important;border-radius:100%;background-color:#c4c4c4;display:inline-block;}
.icon-offline.icon-do-not-distrub,
.icon-busy.icon-clock-no-outline {font-size: 9px !important;color: #fff !important;padding-top: 2px !important;}

.dropdown .dropdown-menu.show {/* max-height:300px; overflow:auto; */background:#f6f9fc;box-shadow:10px 10px 40px rgb(0 0 0 / 10%);-moz-box-shadow:10px 10px 40px rgb(0 0 0 / 10%);-ms-box-shadow:10px 10px 40px rgb(0 0 0 / 10%);-o-box-shadow:10px 10px 40px rgb(0 0 0 / 10%);-webkit-box-shadow:10px 10px 40px rgb(0 0 0 / 10%);border-radius:0px;border:1px solid #e7e7e7;}
.dropdown .dropdown-menu.show.sorting-grid-accordingly {max-height:initial !important;}
.btn:focus {outline:none;box-shadow:none;}
.v-align-top{vertical-align:top;}
.v-align-bottom{vertical-align:bottom;}
/* //. scroller theme customize */
.pageGutter {padding-left: 8px;padding-right: 8px;}
.header .pageGutter {padding-left:15px;padding-right:15px;}
.header .clearfix{-ms-flex-align: center!important;align-items: center!important;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.header .dropdown-menu.show {z-index: 10000;}
.color-black {color: #000 !important;}
.color-green {color: #10aa2e !important;}
.color-greenish-gray{color:#91a699 !important;}
.color-red {color: #de2020 !important;}
.color-redish-gray{color:#c89ba1 !important;}
.color-light-red {color: #f2838a !important;}
.color-blue {color: #036ab2 !important;}
.color-light-blue tr td, .color-light-blue tr th,
.color-light-blue {color: #42a5f6 !important;}
.color-white {color: white !important;}
.color-light {color: #c4c4c4 !important;}
.color-dark-gray{color:#65676b  !important;}
.cursor-poitner {cursor: pointer;}
.cursor-default {cursor: default;}
.cursor-disabled{cursor: not-allowed;}
.font-small {font-size:10.5px !important;}
.font-normal {font-size:14px !important;}
.font-medium {font-size:16px !important;}
.font-ml {font-size:18px !important;}
.font-big {font-size:20px !important;}
.font-bigger {font-size: 24px !important;}
.font-xtra-large {font-size:30px !important;}
.font-xxl {font-size:36px !important;}
.value-heading .font-xxl{font-size:2.4vw !important;line-height:1.2;}
.font-light {font-weight:300 !important;}
.fw-Medium  {font-weight:500 !important;}
.fw-semi-bold  {font-weight:600 !important;}
.fw-bold {font-weight:700 !important;}
.fw-extra-bold {font-weight:800 !important;}
.fw-black {font-weight:900 !important;}
.border-red{border-color:#e13434 !important;}
.p-absolute {position:absolute;}
.left-0 {left: 0;}
.right-0 {right: 0;}
.no-bg {background: transparent !important;background: none !important;background-color: transparent !important;}
h1{font-size: 24px;font-weight: 700;}
h2{font-size: 18px;font-weight: 700;}
.cursor-pointer{cursor: pointer;}
.icon-star-fill{color:#ffcb00}
.p-15 td{padding:15px 3px !important}
.p-15 tr:first-child td{padding-top:10px !important;}
.p-15 td.img-icon-col{padding:3px 3px}
.thumb-icon.up>.thumb-icon-item{transform: rotate(180deg);}
.thumb-icon.down>.thumb-icon-item>.thumb-bg{fill:#DE2020;}
.thumb-icon.up>.thumb-icon-item>.thumb-bg{fill:#2197d7;}
.thumb-icon.up.not-active>.thumb-icon-item>.thumb-bg{fill:transparent;}
.thumb-icon.up.not-active>.thumb-icon-item>.thumb-border{fill:#dddddd;}
.thumb-icon.up>.thumb-icon-item>.thumb-border{fill:#036ab2;}
.thumb-icon.down>.thumb-icon-item>.thumb-border{fill:#000000;}
.h-clc-100{height:calc(100%);}

/* ///. heights of widget Style */
.floatThead-wrapper{overflow:inherit;}
.floatThead-container {z-index:1 !important;width:98.5% !important;/* overflow-x:inherit !important */;padding-right:0 !important;}
.floatThead-wrapper .emailtable {min-width:99% !important;}
.nav-tabs .nav-item{cursor:pointer;}

/* Bootstrap Button color theme */
button, input, optgroup, select, textarea {font-family: 'Montserrat', sans-serif;}
.no-resize{resize:none;}
.underline{text-decoration: underline;}
.btn {border-radius: 0px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;padding: 5px 25px;font-size: 14px;font-weight: 500;}
.radius,
.btn.radius {border-radius:.25rem;}
.btn.btn-sm {padding: 3px 8px;font-size: 13px;}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.bg-primary,
.btn-primary {background:#2197d7;border-color: #2197d7;color:#fff;}
.bg-primary.outline,
.btn-primary.btn-outline {background:transparent;border:1px solid #2197d7;color:#2197d7;}
.bg-secondary,
.btn-secondary{background:#000;border-color:#000;}
.btn-secondary2{background:#e1e1e1;border-color:#e1e1e1;}
.bg-secondary.outline,
.btn-secondary.btn-outline{background:transparent;border:1px solid #000;color:#000}
.btn-primary:hover, .btn-primary:focus{background:#077cbb;border-color: #077cbb;color:#fff;outline: none;}
.btn-secondary.btn-outline:hover,.btn-secondary.btn-outline:focus,
.btn-secondary:hover,.btn-secondary:focus{background:#2a2a2a;border-color:#2a2a2a;color:#fff;outline: none;}
.btn-default{background:#036ab2;color:#fff;}
.btn-default:hover,.btn-default:focus{background:#054a7a;color:#fff;}
.btn-danger{background:#de2020;color:#fff;}
.btn-danger:hover,.btn-danger:focus{background:#cd0b0b;color:#fff;}
.bg-success,
.btn-success{background:#10aa2e;color:#fff;}
.btn-success.btn-outline{background:transparent;border:1px solid #10aa2e;color:#10aa2e}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus{background:#10aa2e;color:#fff;}
.btn-success:hover,.btn-success:focus{background:#059421;color:#fff;}

.btn-danger{background:#d11e1e;color:#fff;}
.bg-danger{background:#de2020;color:#fff;}

.btn-warning{background:#f09e09;color:#fff;}
.bg-warning{background:#ffa80a;color:#fff;}
.btn-yellow{background:#ffcb00;color:#000000;border:transparent;}
.btn-pending{background:#a182b5;color:#fff;}

.btn.disabled, .btn:disabled {opacity: 0.7;background: #ccc !important;border-color: #ccc !important;}
.form-control,
.input-group-custom .form-control {border: 0px;border-radius: 0;border-bottom: 1px solid #ccc;min-height:40px;}
.form-control.highlight{border-color:#2197d7 !important;color:#2197d7 !important;}
.form-control.border,
.input-group-custom .form-control.border {border:1px solid #ccc;}
.input-group-custom .form-control:focus {outline:0px;box-shadow: none;}
.input-group-custom .input-group-text {background: none;border-radius: 0;padding: 0;border: 0px;border-bottom: 1px solid #ccc;}
.input-group-custom .input-group-text i {font-size: 25px;color:#2197d7;}
label {font-weight: 600;}
table .disabled td,
table .disabled {filter: grayscale(100%); -webkit-filter: grayscale(100%);opacity: 0.6;}
.disabled [disabled]{background:initial; opacity:1;color:initial}
img.disabled,
.disabled img,
.disabled .img-icon{opacity:0.7;filter: grayscale(100%);-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);}
.form-control:disabled, .form-control[readonly] {background-color:transparent;opacity:1;}
.form-control.disabled-bg:disabled, .form-control.disabled-bg[readonly]{background: #f7f7f7;}
.textarea-has-icon-left{position:relative;}
.textarea-has-icon-left>i{position:absolute;left:12px;top:12px;}
.textarea-has-icon-left textarea{padding-left:35px}
.dropdown-menu.nav-tabs .nav-item{
    margin-bottom:0px;
}
.dropdown-menu .nav-item .sub-dropdown-menu .nav-item:not(.disabled):hover,
.dropdown-menu .nav-item:not(.disabled):hover, .dropdown-menu>li:not(.disabled):hover {
    background:#edf2f6;
    color:#036ab2;
    cursor:pointer;
}
.dropdown-menu .nav-item:hover .sub-dropdown-menu .nav-item{
    color:#000000;
}
.checkbox {cursor:pointer}
.channel-dd-active .sub-dropdown-menu{
    visibility: visible;
    opacity: 1;
    z-index: 0;
    top: 0;
    transition: opacity 0.5s ease;
}
.feeds-widget .dropdown-menu>.channel-dd-active .sub-dropdown-menu{
    transform: translate(0px, -70%);
    will-change: transform;
}
.channel-active-item .nav-link {
    color:#036ab2 !important;
}
/* Body Loader CSS*/
.loading,
body.loadingbody{overflow:hidden !important;}
.loading .load-wrapper{position:absolute;left:0;right:0;z-index:-1000;width:100%;height:100%;top:0;opacity:0;transition:opacity 0.8s ease-in;}
body>.load-wrapper {position:fixed;z-index:-1000;width:100%;height:100%;top:0;opacity:0;transition:opacity 0.8s ease-in;}
.load-wrapper{display:flex;opacity:1;z-index:3;}
body.loadingbody>.load-wrapper{display:flex;opacity:1;z-index:3333;}
body>.load-wrapper>.load-inner-wrapper{margin-top:-112px;}
.LoadingPercent.moving-text {transform: translate(-15px, 0px);}
.LoadingPercent.align-center{left:0;right:0;}
.load-wrapper.has-backdrop:before{position:absolute;top:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.3);content:'';display:block;}
.load-wrapper.has-backdrop,
.load-wrapper.has-backdrop-not-blured{transition:all 0.8s ease-in;}
.load-wrapper.has-backdrop-not-blured:before{position:absolute;top:0;width:100%;height:100%;background:rgba(255, 255, 255, 1);content:'';opacity:0;transition:opacity 0.8s ease-in;}
.loadingbody .load-wrapper.has-backdrop:before,
.loading .load-wrapper.has-backdrop:before,
.loadingbody .load-wrapper.has-backdrop-not-blured:before,
.loading .load-wrapper.has-backdrop-not-blured:before{opacity:1;transition:opacity 0.8s ease-in;}
.load-inner-wrapper {position: relative;text-align:center;transition:initial !important;}
.loader-thumb {position:absolute;top:25%;left:0;right:0;margin:0 auto;background:url('../img/loading-thumb.png') no-repeat;width:18px;height:25px;display:block;z-index:3;background-size: 100%;}
.loadingbody>.load-wrapper .loader-thumb{z-index:333;}
.spin-loader{border-radius:80%;display:block;height:50px;width:50px;position:relative;animation:spin .675s linear 0s infinite normal;background:#a5cee4;}

.spin-loader:before,
.spin-loader:after{content: "";display: block;position: absolute;}
.spin-loader:before{border-radius:0 90px 90px 0;height:50px;width:50%;top:0;right:0;z-index:1;background:#2596d2;background-image:linear-gradient( #2596d2, #a5cee4);}
.spin-loader:after{border-radius:80%;height:40px;width:40px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;background:#ffffff;}
.widget-loading{position:absolute;background:#ffefc3;color:#fff;font-size:12px;width:106px;left:0;right:0;margin:0 auto;text-align:center;padding:3px;z-index:1;}
.loader-big  .loader-thumb{width:50px;height:63px;background:url('../img/loading-thumb-big.png') no-repeat;top:25%;}
.loader-big .spin-loader:before{height:150px;}
.loader-big .spin-loader:after{height:130px;width:130px;}
.loader-big .spin-loader{height:150px;width:150px;}
.loadingbody .modal.show,
.loadingbody .modal.show .modal-dialog-centered:before,
.loadingbody.modal-open .modal-backdrop.show,
.loadingbody.modal-open .modal .modal-dialog-centered:before,
.loadingbody.modal-open .modal .modal-dialog:before,
.loadingbody.modal-open .modal{display:none !important;}
.modal-body iframe {border:0px !important;}
.app-sidebar-tab__content {height: 200px;overflow-y: auto;overflow-x: hidden;}
/* loading dots */
.loading-txt {text-align: center;font-weight:600;color:#000000;
    /*background:rgba(255, 255, 255, 0.1);
    display:inline-block;
    -webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);*/
}
.loading-txt:after {content: '.';-webkit-animation: Loaderdots 1s steps(5, end) infinite;animation: Loaderdots 1s steps(5, end) infinite;}
  
@keyframes Loaderdots {
    0%, 20% {
      color: rgba(0,0,0,0);
      text-shadow:
        .25em 0 0 rgba(0,0,0,0),
        .5em 0 0 rgba(0,0,0,0);}
    40% {
      color: #000000;
      text-shadow:
        .25em 0 0 rgba(0,0,0,0),
        .5em 0 0 rgba(0,0,0,0);}
    60% {
      text-shadow:
        .25em 0 0 #000000,
        .5em 0 0 rgba(0,0,0,0);}
    80%, 100% {
      text-shadow:
        .25em 0 0 #000000,
        .5em 0 0 #000000;
    }
}
@keyframes spin{
    to {
        transform: rotate(360deg);
    }
}

/* Line Loader */
.load-progress{position:relative;height:5px;width:100%;border-radius:15px;}
.load-progress .color-overlay-bg {position:absolute;background-color:#d6dbdf;width:100%;height:5px;border-radius:15px;top:10px;z-index:1;}
.load-progress .color{
    position:absolute;background-color:#31B6EF;width:0%;height:5px;border-radius:15px;top:10px;/*animation:progresLoadLine 3s linear;*/transition:width 0.3s ease-in;z-index:33;
}
.load-progress .LoadingPercent{position:absolute;top:15px;color:#000000;right:0;}
@keyframes progresLoadLine{
    0%{
      width:0%;
    }
    5%{
        width:5%;
    }
    10%{
        width:5%;
    }
    15%{
        width:15%;
    }
    20%{
        width:20%;
    }
    25%{
        width:25%;
    }
    30%{
        width:30%;
    }
    35%{
        width:35%;
    }
    40%{
        width:40%;
    }
    45%{
        width:45%;
    }
    50%{
        width:50%;
    }
    55%{
        width:50%;
    }
    60%{
        width:60%;
    }
    65%{
        width:65%;
    }
    70%{
        width:65%;
    }
    75%{
        width:75%;
    }
    80%{
        width:80%;
    }
    85%{
        width:85%;
    }
    90%{
        width:90%;
    }
    95%{
        width:95%;
    }
    100%{
        width:100%;
    }
}
/* Body Loader CSS */

/*Market instrument icon colors*/
.icon-currency{color:#e1d175}
.icon-commodity{color:#da725a}
.icon-stock-indices{color:#82c9b3}
.icon-equity{color:#568bc7}
.icon-watchlist{color:#cf3d3d}



/* Bootstrap  modal customization */
.fade-scale {transform: scale(0);opacity: 0;-webkit-transition: all .25s linear;-o-transition: all .25s linear;transition: all .25s linear;}
.fade-scale.in,
.fade-scale.show {opacity: 1;transform: scale(1);}
.modal-content {border-radius: 0;}
.modal-header {border-bottom: 0px;}
.modal .close{opacity: 1;cursor:pointer;}
.modal .close span{font-weight: 400;font-size:30px;line-height: 0.5;color: #000;opacity:1;}
.modal-footer {border-top-color: transparent;}
.version-history-modal .modal-title{font-size:15px;}
.modal-header .modal-title{max-width:85%;}
.modal-xxl{max-width:90% !important;}
.modal-xtra-large{max-width:95% !important;}
/*Greeting Modal */
.modal-content.radius{border-radius:15px;}
.gretting-content{min-height:calc(100%);-webkit-animation-name: color-transition;animation-name: color-transition;-webkit-animation-duration:8s;animation-duration:8s;
	-webkit-animation-direction: alternate;animation-direction: alternate;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;border-radius:15px;padding:15px 25px;color:#fff;
}
.gretting-content-inner>h1 {font-size: 2.5vw;}
.greeting-modal .modal-content>.close {position: absolute;right:15px;top:10px;z-index:3;}
.greeting-modal .modal-content>.close>span {font-size: 40px;font-weight: 300;cursor: pointer;}
.greeting-list{list-style:none;padding:0px;margin:0px;display: block;width:100%;position: relative;z-index: 1;}
.greeting-list .list-item{padding:15px;display:block;background:rgba(255, 255, 255, 0.7555);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;border:1px solid #dddddd;margin-bottom:10px;font-weight:700;position:relative;}
.greeting-list .list-item:hover{border:1px solid #2197d7;transition:all 0.3s ease-in;cursor:pointer;}
.greeting-list .list-item:hover i{color:#2197d7;transition:all 0.3s ease-in;}
.list-item .greeting-message-hover{display:none;}
.list-item.hover-title:hover .greeting-message, .list-item.hover-title:hover .value{display: none;}
.list-item.hover-title:hover .greeting-message-hover{display: inline-block;}
.greeting-list .list-item.has-left-right-icons .left-icon{position: absolute;left:10px;top:15px;width:25px;height:25px;overflow:hidden;}
.greeting-list .list-item.has-left-right-icons .left-icon.icon-file-plus{left:7px;top:12px;}
.greeting-list-container {padding-left: 30px;padding-right: 35px;padding-top: 15px;}
.greeting-list .list-item.has-left-right-icons .right-icon{position: absolute;right: 10px;top: 8px;width: 25px;height: 25px;overflow: hidden;}
li.list-item.has-left-right-icons {padding-left: 40px;padding-right: 40px;}
.greeting-list .list-item .font-big{font-size:24px;}
.greeting-list .list-item .icon-mail-thin {font-size:20px;}
.greeting-message-hover,
.greeting-message{color:#036ab2;}
.greeting-modal .modal-body{overflow:hidden;}
.greeting-list-container>.round-animate-top{display: block;width:88px;height:88px;border-radius:100%;background:#2197d7;position:absolute;left:10px;top:100px;animation: MoveTopUpDown 15s linear infinite;overflow: hidden;}
.greeting-list-container>.round-animate-top:after{ width: 128px;height: 128px;background: url(../img/greetings/flash.png) no-repeat;background-size: cover;content: '';display: block;top:0px;position: absolute;opacity:0;}
.greeting-list-container>.round-animate-bottom{display: block;width:125px;height:125px;border-radius:100%;background:#fdae2b;position:absolute;right:-30px;bottom:50px;animation: MoveBottomUpDown 15s linear infinite;}
.greeting-list-container>.round-animate-bottom:after{width: 128px;height: 128px;background: url(../img/greetings/flash2.png) no-repeat;background-size: cover;content: '';display: block;top:0px;position: absolute;opacity:0;}
.greeting-list-container>.display.round-animate-bottom:after,
.greeting-list-container>.display.round-animate-top:after{opacity:1;}
.fixed-width{width:93px;}

.table-flex .flex-table-row>.flex-table-column{padding:10px 5px;/* min-width:11.4%; */max-width:11.4%;width:11.4%;}

.table-flex .flex-table-row>.flex-table-column.col-start-date,
.table-flex .flex-table-row>.flex-table-column.col-end-date,
.table-flex .flex-table-row>.flex-table-column.col-actual-end-date,
.table-flex .flex-table-row>.flex-table-column.col-actual-start-date {min-width:120px;max-width:120px;width:120px;}

.table-flex .parent-col{padding:0px;}

@media only screen and (max-width:1350px) and (min-width:1200px) {
    .table-flex .flex-table-row>.flex-table-column{min-width:15.4%;}
}
@media only screen and (max-width:1200px) and (min-width:1150px) {
    .table-flex .flex-table-row>.flex-table-column{min-width:18.4%;}
}
@media only screen and (max-width:1150px) and (min-width:1024px) {
    .table-flex .flex-table-row>.flex-table-column{min-width:19.4%;}
}

.table-flex>.flex-table-header>.flex-table-row>.flex-table-column{font-weight:700;color:#036ab2;}
.table-flex .col-title {min-width: 260px !important;max-width: 260px !important;width:260px !important;}
.table-flex .col-project-name{min-width:150px !important;max-width:150px !important;}



/*.child-col:not(.flex-table-row)>td:first-child,
.child-col:not(.flex-table-row) .flex-table-row>.col:first-child{ padding-left:25px !important;border-left: 2px solid #036ab2 !important;}*/
.child-col:not(.flex-table-row)>td{font-weight:500;}
.child-col:not(.flex-table-row).no-parent>td:first-child, .child-col:not(.flex-table-row).no-parent .flex-table-row>.col:first-child {
    padding-left:5px !important;
}
.row-has-nested-items>.nested-wrapper .child-col:not(.flex-table-row).no-parent:after{
display:none;
}

.child-col:not(.flex-table-row){position:relative}
.row-has-nested-items>.nested-wrapper .child-col:not(.flex-table-row):after{position: absolute;width:1px;height:60%;background: #000;top: 20%;left: 10px;content: '';display: block;}
.flex-table-row{flex-wrap:nowrap;}
.word-wrap-break{overflow-wrap: break-word;word-wrap: break-word;}
.row-updating{background-color:#d4e7f2;transition: all 0.2s ease-in;}
.flex-table-column{background-color:transparent;transition: all 0.2s ease-in;}
.row-updated{background-color:#eef6fa;transition: all 0.2s ease-in;}
.create-new-task-row{display:none !important}
span.next-table-column-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    height: 100%;
    background: #eaeaea;
    cursor:pointer;
}
.next-table-column-btn i{
    display:block;
    font-size:20px;
}
@-webkit-keyframes color-transition {
	0% {
		background-color: #2197d7;
		border-color: #2197d7;
	}
	
	100% {
		background-color: #10aa2e;
		border-color: #10aa2e;
	}
}

@keyframes color-transition {
	0% {
		background-color: #2197d7;
		border-color: #2197d7;
	}
	
	100% {
		background-color: #10aa2e;
		border-color: #10aa2e;
	}
}
@keyframes MoveBottomUpDown {
    0%{
        bottom:50px; 
    }
    10%{
        bottom:50px; 
    }
    100% {
        bottom:50px;
    }
    50% {
        bottom:-40px;
    }
    60% {
        bottom:-40px;
    }
}
@-webkit-keyframes MoveBottomUpDown {
	0%{
        bottom:50px; 
    }
    10%{
        bottom:50px; 
    }
    100% {
        bottom:50px;
    }
    50% {
        bottom:-40px;
    }
    60% {
        bottom:-40px;
    }
}

@keyframes MoveTopUpDown {
    0%{
        top: 100px;   
    }
    10%{
        top: 100px;   
    }

    100% {
        top: 100px;
    }
    50% {
        top:-30px;
    }
    60% {
        top:-30px;
    }
}
@-webkit-keyframes MoveTopUpDown {
	0%{
        top: 100px;   
    }
    10%{
        top: 100px;   
    }

    100% {
        top: 100px;
    }
    50% {
        top:-30px;
    }
    60% {
        top:-30px;
    }
}


/*Toast Message */
.jq-toast-heading,
.jq-toast-single h2.jq-toast-heading {position: relative;padding-left: 37px;font-size: 18px !important;margin-bottom: 20px !important;}
.jq-toast-single h2.jq-toast-heading i,
.jq-toast-heading i{position:absolute;left:0;top:-4px;font-size: 25px;}
.toast-message{font-size:15px;}
.close-jq-toast-single{z-index:2;}
/*.meeting-reminder-toast .jq-toast-single{
    animation: blinkingBackground 2s infinite;
}*/
@keyframes blinkingBackground{
    0%		{ background-color: #e58b3b;}
    25%		{ background-color: #036AB2;}
    50%		{ background-color: #e58b3b;}
    75%		{ background-color: #036AB2;}
    100%	        { background-color: #e58b3b;}
}
/* share file modal */
.share-file-modal .file-info-wrapper{position: relative;padding: 1rem 1rem;padding-left:50px;}
.share-file-modal .file-info-wrapper .file-icon{position: absolute;top: inherit;left:1rem;}
.share-file-modal .file-info-wrapper .file-title{font-family: 'Montserrat', sans-serif; font-weight: bold;font-size: 15px;width:100%;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;}
.file-title .file-title-input{width:100%;background:transparent;font-weight:normal;border:1px solid #ddd;}
.file-title .file-title-input:focus{outline:none;}
.file-title .file-title-input:disabled{border:0px;background:transparent;font-weight:bold;color:#000;}
.folder-assets>td{padding:0 !important}
.folder-assets table{display:none;transition:all 0.3s ease-in-out;}
.folder-assets.show table{display:table;}

.file-move-modal [aria-expanded="true"] {color:#036ab2 !important;}

/* Header Style */
.header {position: fixed;padding: 8px 0;background: #171d2d;left: 0;right: 0;width: 100%;top: 0;z-index: 8;}
.header .logo {padding-top:3px;min-width:70px;max-width:70px;}
.header .navbar-nav {position: relative;padding-left:0px;padding-right:6px;min-width:10%;display:block;margin-left:auto;}
.header .navbar-nav .nav-item{display: inline-block;vertical-align: middle;position: relative;margin-right:16px;}
.header .navbar-nav .nav-item:last-child{margin-right:0px;}
.header .navbar-nav .nav-icon{font-size: 24px;padding: 0 8px;position: relative;top: 4px;}
.header .navbar-nav > .nav-item.dropdown > a {color: #fff;text-decoration: none;}
.header .nav-link{padding:0px}
.img-profile {width: 40px;height: 40px;display:block;border:2px solid #dbe0e3;}
.dropdown-menu-notification .img-profile{width:50px;height:50px;}
.nav-item.dropdown.no-arrow .dropdown-toggle::after {display: none;}
.header .navbar-nav .user-dropdown .dropdown-menu{right:-20px;}
.custom-dropdown{font-weight: bold;}
.user-dropdown{margin-left:15px;}
.header .navbar-nav .user-dropdown .dropdown-menu.show {left:inherit !important;background: #f6f9fc;box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);padding:0px;border-radius:0px;padding:10px;min-width:250px;max-width:250px;border: 1px solid #e7e7e7;}
.header .navbar-nav .user-dropdown .dropdown-toggle .font-bold{font-weight: 700;font-size:14px;}
.header .navbar-nav .user-dropdown .dropdown-toggle .font-bold ~ span{font-weight:300;margin-top:-2px;}
.header .navbar-nav .dropdown:after {content: '';width:10px;height:10px;border-radius: 100%;background-color:#ffffff;position: absolute;top: 0;right: 0;display:none;}
.header .navbar-nav .user-dropdown .menu-dd-header{position: relative;padding-left: 45px;}
.header .navbar-nav .user-dropdown .menu-dd-header .img-profile{position:absolute;left:0;}
.header .navbar-nav .user-dropdown .dropdown-menu .menu-heading{font-weight:bold;margin-top:15px;}
.search-header .form-control{border:1px solid #000000 !important}
.search-header.icon-left>i {left:7px;right:inherit;margin:0px !important;}
.search-header.icon-left input[type="search"]{padding-left:28px;padding-right:0px;}
.search-header {position: relative;}

.search-list-all-body{background-color:#ffffff}
.search-list-header .section-title {
    position: relative;
    padding-right: 20px;
}
.search-list-header .section-title:after {
    content: "\e905";
    font-family: 'custom-icon' !important;
    speak:never;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height: 1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    position:absolute;
    top:10%;
    display:block;
    right:0;
    font-size:20px;

}
.search-list-header[aria-expanded="false"] .section-title:after {
    content: "\e908";
}

.search-header input[type="search"]{min-height:auto !important;min-width:200px;padding-right:24px;}
.email-app-widget .email-list-search-wrapper{height:28px;}
.email-list-search-wrapper input[type="search"]{min-width:auto;height:28px;}
.list-nav-tabs .nav-item .email-app-description{color:#000000;}
.email-app-description .icon-ellipsis{font-size:18px}
.search-header>i, .search-header .icon-search{position: absolute;right:7px;top:50%;transform:translate(0px, -50%);font-size:18px !important;z-index:1;}
.search-box-container{position:relative;}
.search-box-container{position:relative;}
.search-box-container .icon-search{position:absolute;right:20px;top:19px;}
.search-box-container.icon-left{display:block;font-family:'Montserrat', sans-serif}
.search-box-container.icon-left .icon-search{right:inherit;left:20px;top:12px;}
.search-box-container.icon-left input[type="search"]{padding-left:35px}
.figure-small{width:30px;}
.figure-small.rounded{width:25px;height:25px;border-radius:100% !important;}
.user-dropdown .dropdown-menu-items{padding-left:10px;}
.user-status-dropdown{position:relative;}
/*.header .user-status-dropdown{margin-bottom:14px !important;}*/
.header .logout-menu-item {padding:5px 0;}
.menu-items{list-style: none;padding:0px;margin:0px;position: absolute;top:-20%;left:0;z-index: -1000;visibility: hidden;opacity: 0;background-color:#fff;min-width:150px;}
.menu-items li:hover a,
.menu-items li:hover{color:#2197d7;}
.user-status-dropdown.show .menu-items{z-index:1;visibility:visible;opacity:1;transition:opacity 0.5s ease-in;-webkit-transition:opacity 0.5s ease-in;-o-transition:opacity 0.5s ease-in;-moz--transition:opacity 0.5s ease-in;-ms-transition:opacity 0.5s ease-in;border:1px solid #e2e2e2;padding:0 6px;}
ul.dropdown-menu-items{padding:0px;margin:0px;list-style-type:none;}
.user-status-dropdown .menu-items li{padding:8px;}
.user-dropdown ul.dropdown-menu-items{margin-top:15px;}
ul.dropdown-menu-items li {position:relative;}
.user-dropdown ul.dropdown-menu-items li:first-child {border-top:0 solid #b2b5bc;}
.user-dropdown ul.dropdown-menu-items li:last-child {border-bottom: 0 solid #727781;}
.user-dropdown ul.dropdown-menu-items>li{margin-bottom:3px;}
.user-dropdown ul.dropdown-menu-items li{padding-left:27px;font-weight:bold;white-space: nowrap;}
.user-dropdown ul.dropdown-menu-items li i {position:absolute;left:0px;color: #000000;text-align: center;display: inline-block;vertical-align: middle;font-size:21px;}
.user-dropdown ul.dropdown-menu-items li i{width:25px;}
.user-dropdown ul.dropdown-menu-items li i.icon-settings {font-size: 22px;}
.user-dropdown ul.dropdown-menu-items li .user-status>i{display:inline-block;font-size:inherit;}
.user-status-dropdown>.menu-items>li {position:relative;padding-left:18px;}
.user-status-dropdown>.menu-items>li>i {position:absolute;left:0px;top:2px;}
.user-status-dropdown>.menu-items>li>i[class^="icon-"],
.user-status-dropdown>.menu-items>li>i[class*=" icon-"]{left: 0px;top: 11px;}
.user-status-dropdown>.user-status>i[class*="icon-"],
.user-status-dropdown>.user-status>i[class*=" icon-"]{position:absolute;left:3px;top:11px;}
.user-custom-status-input:focus{outline: none;}
input.border-bottom{border-left:0;border-right:0;border-top:0;border-bottom-color:#000000 !important;}
.dropdown-menu {font-size: 13px;}
.user-dropdown>a.nav-link {position: relative;padding-right: 50px;text-align:right;}
.user-dropdown>a.nav-link>img.img-profile {position: absolute;right: 0;}
.user-dropdown>a.nav-link .user-status-label {position:absolute;right:26px;top:30px;border:1px solid #fff;}
.header .navbar-nav .user-dropdown .menu-dd-header .user-status-label{position:absolute;left:26px;top:30px;border:1px solid #fff;}
.user-dropdown ul.dropdown-menu-items li.no-icon {padding-left:0;margin-top:-10px}
.dropdown-item {padding:10px 30px 10px 10px;clear: both;font-weight: 300;color: #fff;text-align: inherit;white-space: nowrap;background-color: transparent;border: 0;}

.dropdown-divider {height: 0;margin: .5rem 0;overflow: hidden;border-top: 1px solid #81868a;}
.dropdown-item:hover, .dropdown-item:focus {color:#fff;background:#036ab2;}
.dropdown-item:hover i{color:#036ab2;}
.submenu{list-style:none;padding:0;margin:0px;background:#036ab2;position:absolute;right:100%;top:-20px;transition: all 0.3s ease-in;z-index: -333;visibility: hidden;opacity: 0;}
.has-submenu:hover .submenu{visibility: visible;z-index: 333;right:100%;top:0;opacity:1;}
.headernews-ticker {height:35px;margin:0;padding-top:4px;overflow:hidden;padding-left:4%;flex:1;padding-right:4%;position:relative;}
.headernews-ticker .carousel-inner{height: 35px;}
.headernews-ticker .carousel-caption{color: #fff;top: 0%;padding: 0;text-align: left;right: inherit;left:0%;width: 100%;}
.headernews-ticker .news-thumb{width: 68px;height: auto;text-align: center;}
.headernews-ticker .news-thumb img{max-height:35px;vertical-align: middle;}
.carousel-item{transition: top 0.5s ease-in; top:-100% !important;}
.carousel-item.carousel-item-prev{top:-100% !important;}
.carousel-item.carousel-item-next{top:100% !important;}
.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {-webkit-transform: translateX(0%);transform: translateX(0%);}
.active.carousel-item-left{top:-100% !important;left:inherit !important;right:inherit !important;}
.carousel-item.active:not(.carousel-item-left){top:0 !important;transition:top 0.5s ease-in !important;transform:inherit !important;height:35px;}
.headernews-ticker .news-text{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;max-width:75%;padding-right: 20px;opacity:1;visibility:visible;font-size: 18px;}
.headernews-ticker .new-datetime{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 160px;font-size:18px;}
.header .nav-item{cursor: pointer;}
.client-logo {background: #d9dce2;padding: 18px 0px;position:absolute;right: -15px;display: block;top: -8px;width: 78px;text-align: center;}

/*Notification Dropdown*/
.notification-dd>.dropdown-menu-notification {width: 350px;border-radius: 12px;position:absolute;background:#ffffff;left:-100%;z-index:-1;display:none;}
.open-notification-dd .notification-dd>.dropdown-menu-notification {border-radius:0px;background:#ffffff;left:inherit;right:0px;z-index:3;display:block;transition:left 0.5s ease-in;box-shadow:10px 0px 40px rgb(0 0 0 / 10%);border: 1px solid #e7e7e7;}

.notification-dd>.dropdown-menu-notification .notification-dd-content{max-height:75vh;overflow:auto;padding:0 15px;}
.notification-dd .notification-setting-dd .dropdown-menu-items{padding:5px;}
.notification-dd .notification-setting-dd .dropdown-menu-items .menu-item{font-weight:600;padding-left:24px;position: relative;}
.notification-dd .notification-setting-dd .dropdown-menu-items .menu-checkbox:focus,
.notification-dd .notification-setting-dd .dropdown-menu-items .menu-checkbox:hover,
.notification-dd .notification-setting-dd .dropdown-menu-items .menu-item:focus,
.notification-dd .notification-setting-dd .dropdown-menu-items .menu-item:hover{color:#2197d7;}
.notification-dd .notification-setting-dd .dropdown-menu-items .menu-item i{position:absolute;left:4px;}
.notification-dd .heading-notification-dd {padding:15px 15px 0px 15px;cursor:default;}
.notification-dd .user-thumb-wrapper{position:relative;width:50px;height:50px;}
.notification-dd .notification-list>li {margin-bottom: 10px;}
.notification-dd .user-thumb-wrapper .sticky-icon{position:absolute;bottom:-5px;width:28px;height:28px;border-radius:100%;border:2px solid #ffffff;right:-3px;text-align:center;}
.talk-widget-icon,
.user-thumb-wrapper .sticky-icon.talk,
.user-thumb-wrapper .sticky-icon.blue{background:#2fb1c0;color:#ffffff}
.video-widget-icon,
.user-thumb-wrapper .sticky-icon.video-call{background:#b44d08;color:#ffffff}
.filesync-widget-icon,
.user-thumb-wrapper .sticky-icon.file-sync{background:#91af5c;color:#ffffff}
.clipboard-widget-icon,
.user-thumb-wrapper .sticky-icon.notes{background:#d6a846;color:#ffffff}
.calendar-widget-icon,
.user-thumb-wrapper .sticky-icon.calendar{background:#DD7C62;color:#ffffff}
.email-widget-icon,
.user-thumb-wrapper .sticky-icon.email{background:#a182b5;color:#ffffff}
.feeds-widget-icon,
.user-thumb-wrapper .sticky-icon.feeds{background:#7C53F2;color:#ffffff}
.projects-widget-icon,
.user-thumb-wrapper .sticky-icon.projects{background:#036AB2;color:#ffffff}
.meetings-widget-icon.user-thumb,
.meetings-widget-icon,
.user-thumb-wrapper .sticky-icon.meetings,
.user-thumb-wrapper .sticky-icon.metings{background:#9d588a !important;color:#ffffff !important}

.user-thumb.meetings-widget-icon .badge{color:#9d588a !important;}

.social-media-widget-icon,
.user-thumb-wrapper .sticky-icon.social-media{background:#31B6EF;color:#ffffff}
.teams-widget-icon,
.user-thumb-wrapper .sticky-icon.teams{background:#14a085;color:#ffffff}
.minisites-widget-icon,
.user-thumb-wrapper .sticky-icon.minisites,
.user-thumb-wrapper .sticky-icon.minisite{background:#10AA2E;color:#ffffff}
.user-thumb-wrapper .sticky-icon.sea-green{background:#14a085;color:#ffffff}
.user-thumb-wrapper .sticky-icon.purple{background:#7C53F2;color:#ffffff}
.user-thumb-wrapper .sticky-icon.green{background:#11ae3d;color:#ffffff}

/*widget app icons theme*/
.icon-widget{width:40px;height:40px;color:#ffffff;border-radius:50%;margin-right:8px;display:block;text-align: center;line-height:1.8;}

.user-thumb-wrapper .sticky-icon>i{font-size: 15px;line-height: 1.6;}
.notification-dd .notification-list{list-style:none;margin:0;padding:0px;}
.notification-dd .notification-title{max-width:225px;padding-left:10px;}
.dropdown-menu-notification .dropdown .dropdown-menu{transform: translate3d(-135px, 4px, 0px) !important;}
.internal-news-wrapper .internal-news-item:hover{background:#f7f7f7;}
/*Search Toggle Dropdown*/
.search-top-dd>.dropdown-menu-search {width: 350px;border-radius: 12px;position:absolute;background:#ffffff;left:-100%;z-index:-1;display:none;}
.open-search-dd .search-top-dd>.dropdown-menu-search {border-radius:0px;background:#ffffff;left:inherit;right:0px;z-index:3;display:block;transition:left 0.5s ease-in;box-shadow:10px 0px 40px rgb(0 0 0 / 10%);border: 1px solid #e7e7e7;}
.search-page-dd-content,
.search-top-dd>.dropdown-menu-search .search-dd-content{max-height:60vh;overflow:auto;padding:0 15px;box-shadow:10px 0px 40px rgb(0 0 0 / 10%);}
.heading-search-dd {padding:10px 15px 4px 15px;cursor:default;}
.dropdown-menu-search .search-box {padding: 0 15px;position: relative;margin-bottom:0px;}
.dropdown-menu-search .search-box input[type="search"]{text-indent:25px;height:47px;}
.dropdown-menu-search .search-box input[type="search"]:focus{outline:none;box-shadow:none;}
.search-top-dd .dropdown-menu-search .search-box input[type="search"]{padding-left:37px;text-indent:0px;}
.search-dd-list.no-record-found .icon-list-search{font-size:40px}
input.color-black::placeholder{color:#000000 !important;opacity:1 !important;}
input.color-black::-ms-input-placeholder,
input.color-black:-ms-input-placeholder{color:#000000 !important;opacity:1 !important;}
.dropdown-menu-search .search-box>.icon-search{position: absolute;top:12px;left:25px;font-size: 24px;}
input.border-black{border:1px solid #000;}
.search-dd-list{list-style-type: none;padding:0;margin:0;}
span.search-list-icon-left {margin-right: 15px;}
.search-dd-list .search-title{width: 75%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.remove-list .icon-close {font-size: 13px;}
.search-list-icon-right>i,
.search-list-icon-left>i {font-size:20px;color:#c4c4c4;vertical-align: middle;}
.search-dd-list-item{padding:15px 7px 0px 7px;cursor:pointer;}
.word-count-tag{position:absolute;top:-15px;right:5px;max-width:70%;border-radius:30px;background:#edf0f2;padding:5px 15px;font-size:10px}
.search-word{text-transform:capitalize;margin-right:5px;}
.wordcounter{background:rgba(0,0,0, 1);padding:3px;color:#ffffff}
/* //. Header Style */

/* sidebar nav */
#chat-sidebar-wrapper {z-index:3;position: fixed;right: 0px;width: 87px;height:92%;overflow:auto;background: #fff !important;border: 1px solid #e7e7e7 !important;top:53px;}
ul.chat-nav {list-style: none;padding: 0;margin: 0;text-align: center;padding-bottom:50px;}
/* Sidebar Styles */
.chat-nav li:first-child {margin-top: 3vh;}
.chat-nav li:last-child {padding-bottom: 0px !important;}
.chat-nav .tooltip {font-size:14px !important;}

.chat-nav li {position: relative;display: block;padding: 13px 0;}

.chat-nav li a {display: block;text-decoration: none;color: #000;position: relative;}
.count-tag,
.chat-nav li .count-tag{width:20px;height:20px;background:#de2020;color:#ffffff;position:absolute;font-size:11px;font-weight:700;line-height:20px;text-align: center;border-radius:100%;top:-10px;right:54%;}
.chat-nav li a i{font-size:22px;}

.chat-nav li a:hover {text-decoration: none;color: #3ea9f0 !important;cursor:pointer !important;background: rgba(255,255,255,0.2);}

.chat-nav li a:active,
.chat-nav li a:focus {text-decoration: none;}

/* loader */
.load-wrapper {display: -ms-flexbox;display: flex;}
.loader {margin: 0px auto;font-size: 4px;border-radius: 50%;position: relative;}
.data-loading .widget-header,
.data-loading .widget-content,
.data-loading .floatThead-container{opacity:0 !important;visibility:hidden;transition:opacity 0.3s ease-in;}
.line-rotation-loader {
    width: 48px;height: 48px;border: 5px solid #dddddd;border-bottom-color: #2197d7;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite;
    }

.dataloading.emails-items-list .list-nav-tabs:not(.list-nav-tabs-hidden),
.dataloading>.show,
.dataloading>*:not(.load-wrapper){
display:none !important;
}    
@-webkit-keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

@keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

@keyframes loader-anim {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* Context Menu style */
.context-menu-item,
.context-menu-list {background-color: #ffffff;border-color: #cccccc;}

.context-menu-item {color: #000;padding: 10px 5px 5px 40px;font-size: 14px;font-weight: 300;position: relative;}

.context-menu-item:after {content: '';display: block;width: 25px;height: 25px;position: absolute;left: 6px;top: 7px;}
.context-menu-item.context-menu-hover{background:#e1e1e1 !important;color:#000;}
.context-menu-item.context-menu-icon-talk:after {
    background: url(../img/contextmenu-icon/chat_icon_small.png) no-repeat;background-size: cover;
}

.context-menu-item.context-menu-icon-image-save:after {
    background: url(../img/contextmenu-icon/image_icon_small.png) no-repeat;background-size: cover;
}

.context-menu-item.context-menu-icon-pdf-save:after {
    background: url(../img/contextmenu-icon/pdf_icon_small.png) no-repeat;background-size: cover;
}

.context-menu-item.context-menu-icon-print:after {
    background: url(../img/contextmenu-icon/print_icon_small.png) no-repeat;background-size: cover;
}

.context-menu-item.context-menu-icon-exportexcel:after {
    background: url(../img/contextmenu-icon/export_icon_small.png) no-repeat;background-size: cover;
}

.context-menu-item.context-menu-icon-facebook:after {
    background: url(../img/contextmenu-icon/facebook_icon_small.png) no-repeat;background-size: cover;
}

.context-menu-item.context-menu-icon-whatsapp:after {
    background: url(../img/contextmenu-icon/whatsapp_icon_small.png) no-repeat;background-size: cover;
}

.context-menu-item.context-menu-icon-twitter:after {
    background: url(../img/contextmenu-icon/twitter_icon_small.png) no-repeat;background-size: cover;
}

.context-menu-item.context-menu-icon-linkedin:after {
    background: url(../img/contextmenu-icon/linkedin_icon_small.png) no-repeat;background-size: cover;
}

.context-menu-item.context-menu-icon-googleplus:after {
    background: url(../img/contextmenu-icon/googleplus_icon_small.png) no-repeat;background-size: cover;
}

.context-menu-item.context-menu-icon-email:after {
    background: url(../img/contextmenu-icon/email_icon_small.png) no-repeat;background-size: cover;
}
.hidden {display: none;}
.user-list .hidden{display:none !important;}
.error-messages {color:red;font-size:15px;font-weight:bold;}
.pb-0{padding-bottom: 0px !important;}
/* widget Style */
.col-pad,
.widget{padding-left:2.5px;padding-right:2.5px;}
.widget-pl{padding-left:2.5px;}
.widget-pr{padding-right:2.5px;}
.widget-pl-none{padding-left:0px;}
.widget-pr-none{padding-right:0px;}
.widget-body{background:#ffffff;border:1px solid #e7e7e7 !important;transition: height 0.5s ease-in;overflow: hidden;}
.icon-widget .widget-body{background:transparent;border:none !important;}
.widget-body.no-bg{background:transparent;}
.form-control.no-border,
.widget-body.no-border{border:none !important;}
.widget-header:not(.modal-header){font-family:'Montserrat', 'montserratbold' , sans-serif; padding:0px 10px 0px 10px;margin-bottom: 0;height:47px;overflow: hidden;font-size: 24px;font-weight:700;-ms-flex-align:center!important;align-items:center!important;display:-ms-flexbox!important;display:flex!important;}
.widget-header>.clearfix{width:100%}
.widget-content{padding:0 10px 10px 10px;position: relative;}
.email-app-widget .widget-content {padding:0 10px 0px 0px;}


/* .large-box .widget-body{height:420px;overflow:hidden;transition:height 0.5s ease-in;}*/
.large-box .widget-body{height:60vh;overflow:hidden;transition:height 0.5s ease-in;}
.widget-body{margin-bottom:5px;}
/*.small-box .widget-body,
.medium-box .widget-body{position: relative;height:207px;overflow:hidden;opacity:1;transition:height 0.5s ease-in;transition:position 0.5s ease-in;transition:opacity 0.5s ease-in;}*/
.small-box .widget-body,
.medium-box .widget-body{position: relative;height:29.7vh;overflow:hidden;opacity:1;transition:height 0.5s ease-in;transition:position 0.5s ease-in;transition:opacity 0.5s ease-in;}
/*.small-box .widget-content,
.medium-box .widget-content{height:154px;overflow:auto;transition: height 0.5s ease-in;}*/
.small-box .widget-content,
.medium-box .widget-content{height:23vh;overflow:auto;transition: height 0.5s ease-in;}
/*.medium-box[large-box="true"] .widget-body{height:420px; }*/
.medium-box[large-box="true"] .widget-body{height:60vh; }
/* .large-box .widget-content,
.medium-box[large-box="true"] .widget-content{height:367px; }*/
.large-box .widget-content,
.medium-box[large-box="true"] .widget-content{height:53vh;overflow:auto;transition: height 0.5s ease-in;}
.small-box{transition:max-width 0.5s ease-in-out;}
.small-box[medium_box="true"]{max-width:100%;flex:100%;transition:max-width 0.5s ease-in-out;}
.medium-box[large-box="true"]~.small-box.widget-bottom,
.small-widget-maximize__isactive,
.hidden-widget{position: absolute;/* height: 0px;*/top:-100%;margin:0 !important;padding:0px !important;}
.medium-box[large-box="true"]~.small-box.widget-bottom,
.small-widget-maximize__isactive .widget-body,
 .hidden-widget .widget-body,
.large-box.hidden-widget .widget-body,
.small-box.hidden-widget .widget-body,
.medium-box.hidden-widget .widget-body{position: absolute;top:0;/* width:0; height:0;*/opacity:0;transition:height 0.5s ease-in;transition:position 0.5s ease-in;overflow: hidden;margin-bottom: 0 !important;z-index: -99;}
.widget-heading{color:#036ab2;}
.open-compose-email .widget-header .widget-heading:not(.compose-email-heading),
.widget-header .compose-email-heading{display:none;}
.open-compose-email .widget-header .widget-heading.compose-email-heading{display:block !important;}

.widget-header i {font-size:20px;cursor: pointer;}
.widget-header i.icon-trending,
.widget-header i.icon-video,
.widget-header .projects-nav-tabs i.icon-list-view,
.widget-header i.icon-settings {font-size:24px}
.widget-header i.icon-message{font-size:23px}
.widget-header i.icon-full-view{font-size:22px}
.widget-header i.active {color:#036ab2;}
.widget-header i.icon-day-calendar,
.widget-header i.icon-week-calendar,
.widget-header i.icon-month-calendar{font-size:23px;}
.dropdown-setting li i {font-size: 20px;width: 20px;text-align:center;vertical-align: middle;}
.dropdown-setting li i.fa {font-size: 17px;}
.dropdown-setting li i.icon-save{font-weight:bold;}
.dropdown-setting li i.icon-download{font-size: 17px;transform: translate(2px, -2px);-webkit-transform: translate(2px, -2px);-moz-transform: translate(2px, -2px);-ms-transform: translate(2px, -2px);-o-transform: translate(2px, -2px);}
.widget-header .recent-files-dropdown>i{font-size: 13px;vertical-align: middle;line-height: 0.5;margin-left: -6px;margin-top:3px;font-weight:600;}
.widget-header .recent-files-dropdown .recent-label{font-size: 11px;}
.recent-files-dropdown .dropdown-menu li{padding:5px 18px 5px 9px;}
.email-description{display:none;transition: display 0.5s ease;}
.email-widget[large-box="true"] .email-content-wrapper .email-subject .email-description{display: block;transition: display 0.5s ease;}
.table td, .table th {padding: 3px;}
.table th, table th {font-weight: 700;color:#036ab2;}
.table td .emailheading, table td .emailheading{font-weight:600;}

/* User Setting Modal */
.accordion .accordion-widget-header {background-color:#ffffff;position:relative;padding:15px 0px;}
.accordion .accordion-widget-header>i {font-size: 24px;}
.user-setting-modal .accordion{padding-left: 10px;padding-right:10px;}
.divider{border:1px solid #e6e6e6;}
.collapse.show~.divider{border:0px solid #e6e6e6;}
.accordion-widget .collapsing{transition:height 0.3s ease-in;}
.accordion-widget .collapse .accordion-widget-body{border-left:1px solid #e6e6e6;padding:10px 10px 10px 28px;opacity: 1;transition: opacity 0.3s ease-in;}
.collapsing .accordion-widget-body{opacity: 0;}
.collapse-panel-arrow{transition:transform 0.3s ease-in;}
.collapse-panel-arrow.collapsed{transform:rotate(-180deg);transition:transform 0.3s ease-in;}
.list-item-header .TaskTitle{font-weight:600;padding-right:17px;}
/* Email widget Design */
.email-type{min-width:80px;margin-top:-4px;}
.select-email-type{border:1px solid #000;padding:5px;width: 100%;}
.select-email-type:focus{outline: none;}
.table-no-border tr td, .table-no-border tr th{border:0px !important;}
.emailtable .email-from{width:130px;max-width:130px;}
/* .emailtable .email-from:not(.dropdown-hover) {width:130px;max-width: 130px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}*/
.emailtable .email-subject {max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; cursor:pointer;}
.emailtable tr td,
.emailtable .email-attachment{cursor:pointer;}
.emailtable .email-date{white-space:nowrap;text-overflow:ellipsis;width:120px; cursor:pointer;}
/* .col-has-hover-label{position:relative;}*/
/* .hover-label{font-size:12px;font-weight:600;color:#000000 !important;display:inline-block;position:absolute;bottom:0%;left:-50%;width:150px;box-shadow:10px 10px 40px rgb(0 0 0 / 10%) !important;-webkit-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%) !important;-moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%) !important;-ms-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%) !important;background:#ffffff;padding:5px;opacity:0;z-index:-100;visibility:visible;transition:0.3s ease-in;height:0;overflow:hidden;}*/
/* .col-has-hover-label:hover .hover-label{visibility:visible;opacity:1;z-index:2;height:auto;}*/
.dropdown-hover .dropdown-menu{background:#000000 !important;color:#ffffff !important;border-radius:6px !important;}
.dropdown-hover .hover-label{font-size:11px;font-weight:500 !important;color:#ffffff !important}
.dropdown-hover .hover-label.w-auto {min-width:100px !important;}
/* .col-has-hover-label.email-from:hover .hover-label{left:inherit;right:-50%;} */
.email-content-wrapper .table-inbox-items,
.email-content-wrapper .table-sent-items{height: 0;overflow: hidden;opacity: 0;transition: all 0.5s ease-in-out;}
.tablemail i.icon-clip-attachment {font-size:22px;vertical-align:middle;}
.email-content-wrapper .table-inbox-items.fade-in,
.email-content-wrapper .table-sent-items.fade-in{height: auto;overflow: auto;opacity:1;transition: all 0.5s ease-in;}
.emailtable tbody tr {border-bottom:1px solid #e8e8e8}
.emailtable tr:hover td{background:#f7f7f7;}
td.dropdown-hover .d-inline-block{
    display:block !important;
}
.action-email-select{display:none;}
.half-checked-active .widget-header .action-email-select,
.all-checked-active .widget-header .action-email-select{display:block;background:#e8e8e8;padding:3px;border-radius:6px;font-size:18px;}
thead{background-color:#fff;}
.refresh-icn-wrapper{position: relative;}
.icn-widget .widget-body {background: transparent !important;border: 0px !important;}
.icn-widget .widget-content{padding-bottom:0;}
.refresh-icn-wrapper>.icon-refresh{font-size:22px;padding-top: 0 !important;}
.refresh-message{font-size:10px;font-weight: normal;position:absolute;z-index: -33;visibility: hidden;opacity: 0;top:-2000px;}
.refresh-icn-wrapper:hover .refresh-message{right:50px;top:5px;visibility: visible;z-index:3;white-space: nowrap;opacity: 1;transition:opacity 0.5s ease;background:#fff;}
.email-dropdown{position: relative;}
.dropdown-menu{list-style: none;padding:7px 0;margin:0px;}
.width-auto{min-width: auto !important;}
.dropdown-menu li{padding:8px 10px;cursor: pointer;position: relative;}
.user-dropdown .sub-dropdown-menu>li:hover,
.user-dropdown .dropdown-menu>li:hover{color:#2197d7;transition: all 0.5s ease;}
.dropdown-menu>li:hover .sub-dropdown{color:#000;}
.sub-dropdown-menu{list-style: none;padding: 0;margin: 0;position: absolute;left: 100%;top:-100%;background: #f6f9fc;border: 1px solid #ccc;visibility: hidden;opacity: 0;z-index: -1000;white-space: nowrap;}
.recent-files-dropdown .sub-dropdown>i{font-size: 18px;line-height: 1;vertical-align: top;}
.dropdown-menu>li:hover .sub-dropdown-menu{visibility:visible;opacity: 1;z-index:0;top:0;transition:opacity 0.5s ease ;}
.feeds-widget .dropdown-menu>li:hover .sub-dropdown-menu{transform:translate(0px, -70%);will-change:transform;}
.dropdown-menu .icon-linkedin {transform: translate(0px, -3px);}
.dropdown-menu .icon-mail {transform: translate(0px, -1px);}
td.email-dropdown {width: 40px;text-align: right; cursor:pointer;}
.unread-message, .unread-message td{background:#f7f7f7;}
.unread-message, .unread-message td{font-weight:bold !important;cursor:pointer;color:#000;}
.unread-message .email-description{font-weight: normal !important;}
.email-detail-wrapper{position: relative;}
.email-detail-header .icon-arrow-down{display:inline-block;position:relative;top:4px;cursor:pointer;left:3px;}
.email-detail-header .from-info-header{position: relative;padding-left: 30px;display: inline-block;}
.email-detail-header .from-info-header .userthumb{width:30px;height:30px;border-radius:100%;overflow: hidden;position:absolute;top:0;left:0px;}
.email-detail-header .from-info-header .userthumb img{width:100%;}
.email-detail-header .email-detail-heading{font-size:18px;font-weight: bold;position:relative;padding-left: 30px;}
.email-detail-header .email-detail-heading-wrapper{position: relative;padding-right:35px;}
.email-detail-header .email-detail-heading .back-to-emaildetail{position:absolute;left:0;font-size:20px;cursor:pointer;}
.email-detail-header .email-detail-heading-wrapper>.dropdown{position:absolute;right: 0;top: 0;}
.email-detail-content{padding-top:15px;}
.email-detail-content,
.email-detail-content p{color:#000 !important;font-size: 12px !important;}
.email-detail-user-dropdown {padding-left:10px;padding-right:10px;max-height:200px;overflow:auto;}
.email-detail-user-dropdown tr td p{margin:0px;padding:0 5px;}
.email-detail-user-dropdown tr td{padding:5px 5px;font-size:11px;}
.email-detail-user-dropdown tr td.color-blue{text-align:right;min-width:65px;}
.forward-email-body{padding-left:15px;border-left:1px solid #000;}

.file-wrapper{position:relative;width:110px;text-align:center;font-size: 11px;display: inline-block;padding:10px;vertical-align: top;border-radius: 12px;height:90px;overflow:hidden;border:1px solid #ccc;margin-right:10px}
.file-wrapper:last-child{margin-right:0px;}

.file-wrapper .file{width:40px;height:auto;display:inline-block;}
.file-wrapper .file img{max-width:100%;}
.file-wrapper .file-name{font-weight: bold;font-size: 9px;}
.file-wrapper .file-name span{width: 72%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;}
.file-wrapper .file-hover-section{position:absolute;width:100%;height:100%;top:0;background:rgba(221,221,221);left:0;opacity:0;visibility:hidden;z-index:-1000;transition:opacity 0.3s ease-in;}
.file-wrapper .download-file{position:absolute;top:30%;right:8px;opacity:0;visibility:hidden;z-index:-1000;transition:opacity 0.3s ease-in;}
.file-wrapper:hover .download-file,
.file-wrapper:hover .file-hover-section{cursor:pointer;visibility:visible;opacity:1;z-index:1;transition:opacity 0.3s ease-in;}
.file-hover-section .file-description{padding:5px 2px 6px 2px;}
.file-hover-section .action-area {position:absolute;bottom:8px;width:100%;display:block;}
.file-hover-section .action-area .btn{padding:2px;background:#ffffff;border-radius:4px;color:#000;margin-right:2px;position:relative;}
.file-hover-section .action-area .btn>.btn-label{position:absolute;top:-25px;white-space:nowrap;padding:5px;background:#4b4b4b;color:#fff;font-size:9px;z-index:-100;visibility:hidden;left:-90%;border-radius:3px;opacity:0;transition:opacity 0.3s ease-in;}
.file-hover-section .action-area .btn:hover>.btn-label{opacity:1;visibility:visible;z-index:3;transition:opacity 0.3s ease-in;}
.email-detail-control{position:absolute;z-index:-1000;opacity:0;visibility:hidden;transition:0.5s opacity ease;}
.email-detail-view-visible .email-detail-control{width:inherit;height:inherit;overflow: inherit;position: relative;z-index:inherit;opacity:1;visibility:visible;transition: 0.5s opacity ease;}
.new-email-control i,
.control-item i{vertical-align: top;margin:0 !important;cursor:pointer;}
.new-email-control,.email-detail-control {transform: translate(0px, 4px);}
.control-label{display: none;}
.email-detail-control .control-item,
.email-detail-view-visible .email-detail-control .control-item,
.new-email-control{position: relative;display:inline-block;margin-right: 11px;}
.new-email-control i{vertical-align:top;font-size:22px;}
.email-detail-control .control-item .control-label,
.email-detail-view-visible .email-detail-control .control-item .control-label,
.new-email-control .control-label{position:absolute;font-size:0px;bottom: 0;visibility: hidden;opacity: 0;display:block;text-align: center;white-space: nowrap;}
.modal-header .email-detail-control{position: relative;z-index:inherit;opacity:inherit;visibility:inherit;transition: 0.5s opacity ease;}
.modal-header .email-detail-control .control-item{margin-right:2vw;position:relative;display:inline-block;}
.modal-header .email-detail-control .control-item>i{font-size:22px;vertical-align:middle;}
.email-detail-control .control-item:hover .control-label,
.email-detail-view-visible .email-detail-control .control-item:hover .control-label,
.new-email-control:hover .control-label{font-size:9.5px;visibility: visible;opacity: 1;transition:opacity 0.5s ease;}
.modal-header .email-detail-control .control-item:hover .control-label{cursor:pointer;bottom:-15px;font-weight:600;left:-25%;}
.email-detail-view-visible .widget-header .email-type.select-option,
.email-detail-view-visible .floatThead-wrapper .floatThead-container{display:none;}
.email-action-wrapper i{font-size:20px;vertical-align: middle;margin-right: 6px;}
.email-action-wrapper span{margin-right:3vw;transition: all 0.5s ease;font-weight: bold;}
.email-action-wrapper span:hover i,
.email-action-wrapper span:hover{color:#3ea9f0;cursor: pointer;}
.email-detail-header .dropdown .from-info-header i {vertical-align:text-bottom;}
.pagination-email{position:absolute;top:-3px;right: 23px;}
.email-detail-wrapper .pagination-email{top:-18px;right:2px;font-weight:700;}
.pagination-email .next,
.pagination-email .previous{line-height:0.8;font-weight:bold;background:#edf0f2;border-radius:4px;margin-left:5px;text-align:center;display:inline-block;width:22px;height:20px;padding:0 !important;}
.pagination-email .next:hover,
.pagination-email .previous:hover{color:#2197d7;}

/* Email Compose */
.email-compose-wrapper{width: 0;height: 0;overflow: hidden;visibility: hidden;opacity: 0;position: absolute;top: 0;z-index: -1000;transition: opacity 0.5s ease;}
.cancel-email-address:hover{cursor: pointer;}
.open-compose-email .email-content-wrapper{visibility: hidden;opacity: 0;position: absolute;top: 0;z-index: -1000;transition: opacity 0.5s ease;height:0px;overflow:hidden;}
.open-compose-email .email-compose-wrapper{width: inherit;height: inherit;overflow:inherit;opacity: 1;visibility:visible;position: relative;z-index: inherit;transition: opacity 0.5s ease;height:calc(100%);}
.open-compose-email .refresh-icn-wrapper,
.open-compose-email .compose-email-trigger{opacity:0;visibility:hidden;z-index: -1000;position: absolute;transition: opacity 0.5s ease;}
.open-compose-email .widget-header .email-type.select-option,
.open-compose-email .floatThead-wrapper .floatThead-container {display:none;}
.email-compose-save{opacity:0;visibility:hidden;z-index: -1000;position: absolute;top: 0;transition: opacity 0.5s ease;}
.open-compose-email .email-compose-save{opacity:1;visibility:visible;z-index:inherit;position: inherit;top:inherit;transition: opacity 0.5s ease;}
.email-compose-save .btn{border: none;font-size: 12px;font-weight: 600;color:#000;padding:0;}
.email-compose-save .btn:focus{outline: none;box-shadow: none;}
.open-compose-email .email-detail-control {position:relative;z-index:-1000;opacity:0;visibility:hidden;transition:0.5s opacity ease;}
.email-recipients{position: relative;padding-left:72px;}
.email-recipients .placeholderemail{position:absolute;font-size:12px;font-weight:700;top:8px;left:0;}
.swith-account-modal .modal-header .modal-title{font-size:15px;font-weight: bold;}
.account-switch-option span{margin-right:2vw;cursor: pointer;text-align: center;font-size: 14px;font-weight: bold;}
.account-switch-option span img{min-width: 65px;display: block;margin: 0 auto;}
.modal-content.bg-light{background:#e9ecef;}
.email-detail-content-modal .modal-body .email-detail-wrapper,
.email-detail-content-modal .modal-body .email-compose-wrapper{opacity:1;transition:opacity 0.3s ease-in;}
.email-detail-content-modal:not(.open-compose-email) .modal-body .email-compose-wrapper,
.email-detail-content-modal.open-compose-email .modal-body .email-detail-wrapper{visibility:hidden;opacity:0;transition:opacity 0.3s ease-in; height:0;overflow:hidden;z-index:-1000;}

/* compose email header recipeint*/
.email-cc-wrapper {font-size: 12px;color: #000;position: relative;}
.email-cc-wrapper span.cc-email {position: absolute;right:32px;cursor: pointer;z-index: 2;}
.email-cc-wrapper span.bcc-email {font-size: 11px;position: absolute;right: 0px;cursor: pointer;z-index: 2;}
.email-multiple-ids {
    padding-right:55px;max-height:auto;/*overflow:auto;*/
}
.email-reciepients-wrapper{
    max-height:100px;overflow-x:hidden;overflow-y:auto;
}
.all-mail-cc, .all-mail-bcc, .all-mail {clear: both;float:left}
input.email-address-input-cc,
input.email-address-input-bcc,
input.email-address-input {background: transparent;border:none;border-radius:0 !important;border-bottom:0px solid #cccccc;float:left;color: #000000;padding:6px 0px;}
input.email-address-input-cc:focus,
input.email-address-input-bcc:focus,
input.email-address-input:focus{outline:none;}
.email-subject-wraper{position: relative;padding-left:72px;border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;}
.subjectplaceholder{position: absolute;bottom:10px;left: 0;font-size: 12px;font-weight: 700;}
.email-subject-wraper .form-control {background: transparent;border: 0px;border-radius: 0 !important;;border-bottom:none;padding-left:0px;}
.email-subject-wraper .form-control:focus {outline: none;box-shadow: none;}
.email-multiple-ids-cc, .email-multiple-ids-bcc, .email-multiple-ids {border-bottom:0px solid #cccccc;margin-bottom:0px;min-height:30px;}
span.email-ids {float:left;border:1px solid #b7e6c0;margin-right:5px;padding-left:6px;padding-right:6px;margin-bottom:2px;background: #b7e6c0;color: #000;font-size:12px;font-weight:600;padding-top:1px;padding-bottom:1px;border-radius:4px;}
.email-ids.with-error{background:#f2838a;border-color:#f2838a;}
/*Header recipeint in one line on focusout*/

.email-compose-header:not(.cc-bcc-active) .all-mail,
.email-compose-header:not(.cc-bcc-active){white-space: nowrap;overflow-x:hidden;}
.email-compose-header:not(.cc-bcc-active) .all-mail .email-ids{float:none;display:inline-block;}
.email-compose-header:not(.cc-bcc-active) .email-multiple-ids{padding-right:0px;}
.email-multiple-ids-cc:not(.cc-active),
.email-multiple-ids-bcc:not(.bcc-active){padding-left:0px;}
.email-multiple-ids-cc:not(.cc-active) .placeholderemail,
.email-multiple-ids-bcc:not(.bcc-active) .placeholderemail{display:none !important;}
.email-multiple-ids-cc:not(.cc-active)>input, .email-multiple-ids-bcc:not(.bcc-active)>input{display:none !important;}
.email-compose-header:not(.cc-bcc-active) .email-recipients{
    display:inline-block !important;/*width:100%;*/vertical-align:top;
}
.email-cc-wrapper{transform:translate(0px, -4px);}
.email-compose-header:not(.cc-bcc-active) .email-cc-wrapper{opacity:0;z-index:-999;visibility: hidden;}
.email-compose-header.cc-bcc-active .email-cc-wrapper{z-index:1;visibility:visible;opacity:1;}
.email-compose-header.focus-out .email-multiple-ids>input{opacity:0;position:absolute;width:39vw;}
.email-compose-header.focus-out .email-recipients {overflow:hidden;}
/* .modal-body>.email-compose-wrapper>.email-compose-content-wraper [id*=cke],
.modal-body>.email-compose-wrapper>.email-compose-content-wraper [id*=cke]>.cke_inner,
.modal-body>.email-compose-wrapper>.email-compose-content-wraper [id*=cke]>.cke_inner>[id*=cke_],
.modal-body>.email-compose-wrapper>.email-compose-content-wraper [id*=cke]>.cke_inner>[id*=cke_]>iframe
{
    height:calc(100%) !important;
}*/


/* CKeditor custom style */
a.cke_path_item, span.cke_path_empty {display: none !important;}
.cke_button__unlink {display: none !important;}
[class^='cke_editor_'],[class*='cke_editor_'],
#cke_editor.cke_editor_editor {border:none !important;border:0px !important;}
.cke_editor_editor iframe {max-height: 220px !important;height: 220px !important;}
.cke_resizer{display: none !important;}
.customtool{margin-right:6px;cursor: pointer;}
.customtool .btn {padding: 8px 20px;background: #2197d7;color: #ffffff;font-size: 14px;font-weight: 600;border-radius: 4px;margin-right: 10px;font-family: 'Montserrat', sans-serif;}
.cke_toolbar {font-family:'Montserrat', sans-serif !important;}
.SendButton {margin-right:15px !important;}
.customtool i {font-size:20px !important;margin-right: 13px;margin-top: 4px;display: inline-block;cursor: pointer;}
.customtool i.icon-save{font-weight:600;}
.cke_toolbar .cke_button_icon.cke_button__link_icon,
.cke_button_icon.cke_button__link_icon {background:none !important;background-image:none !important;width:auto !important;}
.cke_button__emojipanel{transform:translate(0px, 3px);}
.email-attachment-button {transform: translate(0px, 1px);}
.cke_button__link_icon:after {font-family: 'custom-icon' !important;content:'\e93d';display: inline-block;font-size:20px;}
a.cke_button_expandable {padding:4px 6px !important;}
a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active {background:transparent !important;border:none !important;padding:4px 6px !important;}
.email-compose-content-wraper .cke_toolbar .cke_combo__fontsize, 
.email-compose-content-wraper .cke_toolbar .cke_combo__font, 
.email-compose-content-wraper .toolbar-1,
.email-compose-content-wraper .toolbar-2,
.email-compose-content-wraper .toolbar-3{display: none !important;}
.cke_bottom::after {display: block;clear: both;content: "";}
.cke_bottom {overflow:visible !important;background:transparent !important;}

iframe[title="Rich Text Editor, EditSMDModal"],
iframe[title="Rich Text Editor, ScheduleMeetingDescription"]{height:70px !important;}
.editor-100 iframe{height:100px !important;}
.email-widget .cke_bottom {overflow:visible !important;background:#ffffff !important;position:absolute;bottom:0;left:0;right:0;transition:all 0.3s ease-in;}
.email-compose-content-wraper .text-edit-tool-open .cke_toolbar .cke_combo__fontsize, 
.email-compose-content-wraper .text-edit-tool-open .cke_toolbar .cke_combo__font,
.email-compose-content-wraper .text-edit-tool-open .toolbar-1,
.email-compose-content-wraper .text-edit-tool-open .toolbar-2,
.email-compose-content-wraper .text-edit-tool-open .toolbar-3{display:inline-block !important;position: absolute;top:-34px;left:0;}
.email-compose-content-wraper .text-edit-tool-open .cke_toolbar .cke_combo__font{
    left:65px;
}
.email-compose-content-wraper .text-edit-tool-open .toolbar-1{
    left:160px;
}
.email-compose-content-wraper .text-edit-tool-open .toolbar-3 {left: 370px !important;}
.email-compose-content-wraper .text-edit-tool-open .toolbar-2 {left: 296px !important;}
.email_save_toolbar,
.discard_toolbar {position:relative !important;font-family:'Montserrat', sans-serif !important;font-size:15px !important;font-weight:600 !important;float:right !important;display:inline-block;margin-top:5px !important;cursor:pointer !important;margin-top:6px;}
.label-hover{font-family:'Montserrat', sans-serif !important;position:absolute !important;top:-21px;opacity:0;transition:0.3s ease-in !important;z-index:-100;visibility:hidden;background:#dddddd !important;color:#000 !important;max-width:300px;display:inline-block;right:0;padding:5px 15px !important;border-radius:25px;}
.tool-hover-label:hover .label-hover{opacity:1;visibility:visible;z-index:1;} 



a.cke_dialog_ui_button{font-family: 'Montserrat', sans-serif  !important;border: 1px solid #000 !important;padding: 8px 20px  !important;font-size: 16px !important;font-weight: 600 !important;}
a.cke_dialog_ui_button_ok {font-family: 'Montserrat', sans-serif  !important;color: #fff !important;background: #2197d7 !important;border: 1px solid #2197d7  !important;;padding: 8px 20px  !important;font-size: 16px !important;font-weight: 600 !important;}
.cke_dialog_footer_buttons a.cke_dialog_ui_button span {font-family: 'Montserrat', sans-serif  !important;font-size: 14px !important;}
.cke_dialog_tabs{display: none !important;}
.cke_dialog_title {font-size: 16px !important;}
.cke_dialog_contents {margin:0px !important;border:0px !important;}
.cke_button_icon.cke_button__emojiwidget_icon {background: none !important;width: auto;height: auto;margin: 0 !important;}
.cke_button_icon.cke_button__emojiwidget_icon:after {content: "\e921";font-family: 'custom-icon' !important;font-size: 20px;}
#cke_78_uiElement {display: none;}
.email-attachment-button{position:relative !important;}
::-webkit-file-upload-button { cursor:pointer; }
.email-attachment-button>input[type="file"] {position:absolute;width: 100%;height: 100%;top: 4px;opacity: 0;cursor: pointer;z-index: 1;}
.files-attached{position:absolute;bottom:41px;width:97%;white-space:nowrap;overflow:auto;}
.files-attached.relative{position:relative;bottom:inherit;}
.cke_inner.overflow-auto{overflow:auto !important;}
.minisites-widget .files-attached{position:relative;bottom:inherit;width:100%;white-space:unset;max-height:85px;overflow:auto;}
.text-edit-tool-open-active.attachment-active .files-attached{bottom:74px;}

/*file attached css*/
.files-attached .upload-file-item{display:inline-block;background:#e5e5e5;padding:2px 4px 3px 0px;color:#000000;margin-right:5px;margin-bottom:3px;position:relative;}
.files-attached .upload-file-item:last-child{margin-right:5px}
.files-attached .upload-file-item .attached-file-icon{display:inline-block;width:25px;vertical-align:middle;}
.files-attached .remove-attachment{font-size:22px;color:#676767;padding-left:4px;display:inline-block;vertical-align:middle;}
.files-attached .remove-attachment:hover{color:#2197d7;cursor:pointer;}
.upload-file-item .filename {width:70px;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;margin-top:-2px;font-size:11px;}
.upload-file-item .progress-bar-manager{transition:all;background:transparent;position:absolute;bottom:0;width:100%;}
.upload-file-item .progress-bar-manager .progress{height:10px !important;background:transparent;}
.upload-file-item .progress-bar-manager .progress-bar.active {height:10px;font-size:8px;background-color:#007bff;}
.progress-bar-manager .progress-bar.active.progress-bar-success{background:green !important;opacity:0;overflow:hidden;transition:background 1.5s ease-in;transition:opacity 2s ease-in;}
.progress-bar-manager .file-size{opacity:0;width:0;height:0;overflow:hidden;transition:all 2s ease-in;}
.progress-bar-manager .progress-bar.active.progress-bar-success~.file-size{opacity: 1;width: 100%;height: auto;overflow: visible;font-size: 8px;display: block !important;position: absolute;top: 5px;text-align: right;color: #9d9d9d;padding-right:5px;}
.files-attachments-wrapper .files-attached{position:relative;top: inherit;bottom: inherit;left:inherit;right:inherit;margin-top:10px;}

.email-detail-content-modal.open-compose-email .modal-body .email-compose-content-wraper{display:flex;overflow:hidden;max-height:55vh;}
.modal-body>.email-compose-wrapper>.email-compose-content-wraper>[id*=cke]{flex: 0 0 100%;max-width: 100%;}
.modal-body>.email-compose-wrapper>.email-compose-content-wraper>[id*=cke]>.cke_inner>[id*=cke_]>iframe,
.modal-body>.email-compose-wrapper>.email-compose-content-wraper>[id*=cke]>.cke_inner{height: calc(95%) !important;max-height:calc(95%) !important;}
.modal-body>.email-compose-wrapper>.email-compose-content-wraper>[id*=cke]>.cke_inner>[id*=cke_]{height:calc(90%) !important;}

.email-widget .email-compose-content-wraper{height:calc(65%);}

.email-app-widget.email-widget .email-compose-content-wraper{height:calc(60vh);}

.email-widget .email-compose-content-wraper.text-edit-tool-open-active,
.email-widget .email-compose-content-wraper.attachment-active{height:calc(60%);}
.email-widget .email-compose-content-wraper.attachment-active{height:calc(55%);}
.email-widget .email-compose-content-wraper.attachment-active.text-edit-tool-open-active{height:calc(40%);}
.email-widget .email-compose-content-wraper.cc-input-active.bcc-input-active,
.email-widget .email-compose-content-wraper.attachment-active.text-edit-tool-open-active.cc-input-active.bcc-input-active{
    height:calc(45%);
}
.email-widget .email-compose-content-wraper>[id^=cke_]>.cke_inner>.cke_contents>.cke_wysiwyg_frame,
.email-widget .email-compose-content-wraper>[id^=cke_]>.cke_inner>.cke_contents,
.email-widget .email-compose-content-wraper>[id^=cke_]>.cke_inner,
.email-widget .email-compose-content-wraper>[id^=cke_]{height:calc(100%) !important;}
.email-starred-column {width:20px !important;}
.email-starred-column>i{font-size:14px !important;}
/* Notes widget */
.notes-item {margin-bottom:15px;}
.notes-item:last-child {margin-bottom:0px;}
.notes-item .detail{width:90%;max-width:90%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.notes-item .icon{width:38px;height: 38px;border: 1px solid #000;border-radius:6px;text-align:center;}
.notes-item .detail-input~.icon{width:38px;height: 38px;border:0px solid #000;border-radius:none;height:auto;}
.notes-item .detail-input{width:86%;margin-top: 10px;}
.notes-item .date-time-input input[type="text"],
.notes-item .description-input input[type="text"]{border:0px;width:100%;}
.notes-item .date-time-input input[type="text"]:focus,
.notes-item .description-input input[type="text"]:focus{outline: none;box-shadow: none;}
.notes-item .date-time-input input::-webkit-input-placeholder { /* Edge */font-weight: bold;}

.notes-item .date-time-input input:-ms-input-placeholder { /* Internet Explorer 10-11 */font-weight: bold;}

.notes-item .date-time-input input::placeholder {font-weight: bold;}
.notes-item .detail-input~.icon i{font-size:25px;display:inline-block;vertical-align: middle;}
.notes-item .date-time{font-weight: 700;}
.add-update-note-modal .modal-footer{-ms-flex-pack: center!important;justify-content: center!important;}
.add-note-active .delete-note{display:none;}
/* File Sync widget */
.table tr:hover>td:not(.parent-col){background:#f7f7f7;}
.file-sync-table .file-icon{max-width:30px;min-width:30px;}
.file-sync-table .file-name{max-width:200px;min-width:200px;}
.file-sync-table .file-name span{white-space: nowrap;width: 100%;text-overflow: ellipsis;overflow: hidden;display: block;}
.file-sync-table .file-star{max-width:50px;min-width:50px;}
.file-star>i:hover{cursor:pointer;}
.not-starred:not(.icon-star), .not-starred:not(.icon-star-fill) {opacity: 0;transition: all 0.3s ease-in;}
.not-starred.icon-star, .not-starred.icon-star-fill {opacity: 1;}
.file-sync-table .file-date{max-width:150px;min-width:150px;}
.file-sync-table .file-member{max-width:100px;}
.hide_on_small_view .file-sync-table .file-options{max-width:150px;min-width:30px;}
.file-sync-table .file-options i{cursor:pointer;vertical-align: middle;}
.file-sync-table .file-options .download-file-attach,
.file-sync-table .file-options .icon-eye{font-size: 25px;}
.file-sync-table td{vertical-align: middle;padding-bottom:8px;}
.file-sync-table.search-tab-list-items td{padding-bottom:20px;}
.recent-activity>td .file-title-input:disabled,
.recent-activity>td{background: #f7f7f7;color:#000;font-weight:bold;}
.file-sync-table tbody tr:not(.folder-wrapper) {border-bottom: 1px solid #e8e8e8;}
.sub-folder-open>.back-to-folder,
.sub-active-folder>td>table>tbody>.folder-title-row,
.folder-wrapper .file-sync-table .folder-wrapper>td>.file-sync-table>thead,
.folder-wrapper .file-sync-table .folder-wrapper>td>.file-sync-table>tbody>.folder-assets,
.file-sync-table.folder-open>thead,
.folder-wrapper .file-sync-table>thead,
.folder-open>tbody>tr{display:none;}

.folder-wrapper .file-sync-table .folder-wrapper.active-folder>td>.file-sync-table>tbody>.folder-assets,
.folder-open>tbody>tr.folder-wrapper.active-folder{display:table-row;}
.folder-wrapper.active-folder .file-sync-table>thead{display:table-header-group;}
.folder-wrapper.active-folder>td>table>tbody>tr .file-icon {text-align: right !important;border-left: 1px solid #dddddd !important;}
.folder-wrapper.active-folder tr.disabled-item .file-icon{text-align:left !important;border-left:0px solid #dddddd !important;}
.folder-wrapper>td{padding:0px;}
.folder-wrapper.no-table>td{padding:3px;}
.back-to-folder {position: absolute;top:2px;cursor: pointer;}

.visible_on_small_view .back-to-folder {top:0;}
.visible_on_small_view .folder-wrapper.active-folder>td>.file-sync-table{margin-top:10px;}
.open-folder-trigger input.file-title-input:disabled,
.open-folder-trigger{cursor:pointer;}
.hide_on_small_view{display:none;}
.small-box[medium_box="true"] .hide_on_small_view{display:block;}
.small-box[medium_box="true"] .visible_on_small_view{display:none;}
.file-sync-table .file-icon .icon-folder{font-size:27px;color:#2197d7;}
.version-history-list .history-title{font-size:14px;font-weight:bold;position: relative;}
.version-history-list i.right-icon{position: absolute;right:10px;top:12px;}
.version-history-list .dropdown{position: initial;}
.btn-sync-download{padding:6px 15px 6px 15px !important;}
.btn-sync-download>i{vertical-align:text-bottom;}
.side-tab-nav .file-sync-side-nav-tabs .nav-item i{font-size:18px}

/* Calendar widget */
.slideTxt-items li{height: 0;visibility: hidden;overflow: hidden;opacity: 0;transition: height 0.5s ease;position: relative;}
.slideTxt-items li.show-item{height:auto;opacity:1;visibility:visible;transition:all 0.5s ease;}
.load-more{display: inline-block;cursor: pointer;position:relative;padding-left:8px;}
.load-more:after{content: '';display: block;width:4px;height:80%;background:#dd1b1b;position:absolute;top:4px;left:0;}
.calender-wrapper .event-items{margin:0;padding:0;list-style-type: none;position:relative;}
.calendar-event-list-wrapper{margin-bottom:15px}
.calendar-event-list-wrapper .event-items>.event-item {position: relative;margin-bottom:15px;padding-left:8px;min-width:300px;max-width:300px;display:inline-block;padding-right:30px;}

.event-wrapper .day-heading{color:#de2020;font-weight: bold;margin-top:-5px;}
.event-wrapper .date-heading{color:#000;font-size:30px;font-weight: bold;line-height:1;}
.calender-wrapper .event-items .show-item{margin-bottom:4px;padding-left:8px;}
.event-items .event-item{position:relative;}
.calender-wrapper .event-items .event-item{margin-bottom:4px;padding-left:8px;}
.calender-wrapper .event-items .event-item:not(.recent-activity) {
    color: #595959;
}
.event-items>li:hover{background:#f7f7f7;}

/* Calendar enent border color */
.calendar-event-list-wrapper .event-items>.event-item.left-blue-border:after,
.calender-wrapper .event-items .left-blue-border:after,
.calender-wrapper .event-items .show-item.left-blue-border:after{content: '';display: block;width:4px;height:80%;background:#005baa;position:absolute;top:4px;left:0;}
.calender-wrapper .event-items>.event-item.left-green-border:after,
.calender-wrapper .event-items .show-item.left-green-border:after{content: '';display: block;width:4px;height:80%;background:#0ba829;position:absolute;top:4px;left:0;}
.calender-wrapper .event-items>.event-item.left-orange-border:after,
.calender-wrapper .event-items .show-item.left-orange-border:after{content: '';display: block;width:4px;height:80%;background:#f57a4f;position:absolute;top:4px;left:0;}
.calender-wrapper .event-items>.event-item.left-red-border:after,
.calender-wrapper .event-items .show-item.left-red-border:after{content: '';display: block;width:4px;height:80%;background:#df4343;position:absolute;top:4px;left:0;}
.calender-wrapper .event-items>.event-item.left-purple-border:after,
.calender-wrapper .event-items .show-item.left-purple-border:after{content: '';display: block;width:4px;height:80%;background:#72286f;position:absolute;top:4px;left:0;}
.calender-wrapper .event-items>.event-item.left-blue-voilet-border:after,
.calender-wrapper .event-items .show-item.left-blue-voilet-border:after{content: '';display: block;width:4px;height:80%;background:#7241be;position:absolute;top:4px;left:0;}
.calender-wrapper .event-items>.event-item.left-pea-green-border:after,
.calender-wrapper .event-items .show-item.left-pea-green-border:after{content: '';display: block;width:4px;height:80%;background:#56940b;position:absolute;top:4px;left:0;}
.calender-wrapper .event-items>.event-item.left-coral-border:after,
.calender-wrapper .event-items .show-item.left-coral-border:after{content: '';display: block;width:4px;height:80%;background:#ff974e;position:absolute;top:4px;left:0;}
.calender-wrapper .event-items>.event-item.left-mustard-border:after,
.calender-wrapper .event-items .show-item.left-mustard-border:after{content: '';display: block;width:4px;height:80%;background:#e1a31c;position:absolute;top:4px;left:0;}

.calender-wrapper .item-detail{white-space:nowrap;width:100%;text-overflow:ellipsis;overflow:hidden;font-weight: bold;}
.calendar-month-dropdown.hidden{display:none !important}
.calendar-event-per-day{position:relative;margin-bottom:5px;}
.calendar-event-per-day .day-num{font-weight:bold;border-right:3px solid #036ab2;min-width:27px;margin-right:3px}
.calendar-event-per-day .event-count{min-width:65px;position:relative;}
.calendar-event-per-day .event-datetime,
.calendar-event-per-day .event-title{min-width:80px;max-width:80px;}
.table td.row-span-calendar {background: #dddddd;border-right: 4px solid #ffffff !important;}
.calendar-widget .dd-month {max-width:350px;}
.calendar-widget .dd-month li {display:inline-block;width:110px;}

/* data box style*/
.box-widget{padding-left:2.5px;padding-right:2.5px;margin-bottom:3.5px;}
.box-widget:not(.animate-box){opacity:1;transition: opacity 0.3s ease-in;}
*[box-size]{cursor: pointer;}
.box{border:1px solid #e7e7e7;border-radius:6px;overflow: hidden;min-height:160px;}
.box-hadear{background-color:#2197d7;color:#fff;padding:8px 24px 8px 5px;position: relative;}
.box-hadear .icon{position: absolute;top:3px;right:5px;color:#fff;font-size: 18px;z-index:2;}
.box-hadear .icon>i{display: inline-block;vertical-align: middle; cursor: pointer;}
.box-widget .box-content{padding:4px 6px;height: 140px;overflow:hidden;}
.box-widget .box-content .top-area{min-height:30px;}
.box-widget .box-content .top-area .small{font-size:11px;}
.box-widget .box-content .middle-area{min-height:43px;}
.box-widget .box-content .value-heading .value,
.box-widget .box-content .box-content .value{color:#036ab2;}
.box-content .dd .ddChild{min-height:auto !important;}
.data-col .col{padding:0px;}
.col-highlight{background-color:#f6f9fc;}
.data-box .value-heading .heading {font-size:1.2vw;}
.value-heading>.value-label~.heading{position:relative;top:-4px;}
.box-widget .box-content .small {font-size:13px;}
.box-widget .dd .ddArrow:after{font-size:18px;}
.box-widget .dd .ddArrow{margin-top:-14px;cursor: pointer;margin-right:-3px;}
.select-option>small {font-size: 11px;display: block;position: relative;top: -7px;font-weight: 500;padding-left:5px;}
.box-content .mt-h{margin-top: calc(45% - 60px);}
.animate-box{opacity:0;}
.box-widget.box-detail-view{flex: 0 0 100%;max-width:100%;opacity: 1;transition:opacity 0.3s ease-in;}
.box-detail-view__isActive .box-content{height: 330px;overflow: auto;}
.box-detail-view__isActive .detail-view-content,
.box-detail-view__isActive .detail-view-content>.row{height: calc(100%);}
.small-view-content,
.data-box{transition:opacity 0.3s ease-in;}
.box-content .detail-view-content:not(.fade-in){display: none;}
.box-content .small-view-content.fade-out{display: none;}
.sub-heading{display: none;}
.box .box-hadear .sub-heading{display: none;position: absolute;left: 0;right: 0;max-width: auto;top: 22%;text-align: center;z-index: 1;font-size: 14px;}
.graph-sidebar .value{font-size:18px;color:#036ab2;font-weight:bold;}
.value .border-bottom {width: 75%;display: block;}
.box-detail-view__isActive .box .box-hadear .sub-heading{display: none;}
.box-detail-view__isActive .box-detail-view .box .box-hadear .sub-heading{display:block;}
.col.graph-sidebar {max-width:120px;width:120px}
.deposit-portfolio .col.graph-sidebar {max-width:145px;width:145px;}

.col-border-top.no-border td,
.col-border-top td{border-top:1px solid #dee2e6 !important;}
.col-border-bottom.no-border td,
.col-border-bottom td{border-bottom:1px solid #dee2e6 !important;}
.col-pad tr td{padding:15px 3px}
.col-v-align-middle th,
.col-v-align-middle td{vertical-align: middle;}
.col-v-align-top th,
.col-v-align-top td{vertical-align: top;}
.box-widget:not(.box-detail-view) .box-hadear .select-box-header-option{display: none;}
.select-box-header-option .ddTitleText {padding-top: 0 !important;padding-bottom: 0 !important;font-weight: bold;}
.ddTitleText {cursor: pointer;}
.select-box-header-option .dd .ddArrow:after {font-size: 15px;font-weight: bold;}
.select-box-header-option .dd .ddArrow {margin-top: -11px;}
.box-view-small.icon-external-link::before{content: '';}
.widget-tabs .dropdown-menu.custom-dropdown.nav.show,
.dropdown-menu.custom-dropdown.nav{display: none;}
.widget-tabs:hover .dropdown-menu.custom-dropdown.nav.show, .dropdown-menu.custom-dropdown.nav.show{display: block;}

.mis-tab .box-widget .ddcommon{max-width:100%;}
.mis-tab .box-widget .ddcommon .ddlabel{
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    display: block;
}
.table-mrp{max-height:150px;overflow:auto;}


/*icon box style */
.icn-box{border-radius:100%; cursor:pointer;margin:0 auto;transition: all 0.5s ease;}
.whiteboard>i{font-size: 40px;}

.icn-box svg {width:120px;height:120px;}
.icn-wrapper {text-align: center;font-weight: bold;position: relative;padding-left:0;padding-right:0;max-width:120px;display:inline-block;margin-right: 15px;}
.icn-wrapper:last-child{margin-right:0px;}

.tab-top-arrow {display: block;width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 20px solid #dddddd;position: absolute;top: -20px;}
.app-icon-wrapper.d-flex{display:inline-block !important;}
@media only screen and (max-width:1650px) and (min-width:400px) {
.app-icon-wrapper.d-flex {display: -ms-flexbox!important;display: flex!important;}
.icn-box svg {width:100%;height:100%;}
/* .icn-wrapper{text-align:center;font-weight:bold;position:relative;padding-left:0.6555vw;padding-right:0.6555vw;flex: 0 0 20%;max-width: 20%;margin-right:0;}*/
}

/*MIS More Options */
.more-mis-option {display:inline-block;font-size:12px;}
.more-mis-option ul{display:inline-block;width: auto;margin: 0;padding:0;}
.more-mis-option ul li{font-size: 12px;}
/* feeds widget style */
.internal-news-item{line-height: 1.2;}
.internal-news-item .news-icon{max-width: 50px;margin-right:15px;width: 50px;}
.internal-news-item .detail {width:85%;max-width:85%;}
.tab-list-thumb,
.feed-thumb{border-radius:6px;min-width:50px;max-width:50px;width:50px;height:50px;border:1px solid #ccc;overflow: hidden;}

.tab-list-thumb img,
.feed-thumb img{width:100%;height: 100%;}
.feeds-widget .widget-header .has-dropdown-tabs>.dropdown>.dropdown-menu{transform:translate(13px, -10%);}
.dropdown-menu .has-submenu>i.icon-arrow-right{font-size:18px !important;margin-right:0 !important;}
.social-icons-group{position:relative;}
.social-icons-group .social-link{width:30px;height:30px;background:#d8e8ff;margin-right:10px;text-align:center;border-radius:100%;padding:4px;}
.social-icons-group .social-link>i{color:#2197d7;vertical-align:middle;/* font-size:12px;*/}
.social-icons-group .social-link>i.icon-facebook,
 .social-icons-group .social-link>i.icon-twitter{transform: translate(0px, 1px);-webkit-transform:translate(0px, 1px);-moz-transform:translate(0px, 1px);-o-transform:translate(0px, 1px);-ms-transform:translate(0px, 1px);}
.social-icons-group .social-link>i.icon-youtube{transform: translate(0px, 2px);-webkit-transform:translate(0px, 2px);-moz-transform:translate(0px, 2px);-o-transform:translate(0px, 2px);-ms-transform:translate(0px, 2px);}
/*.social-icons-group .social-link>i.icon-linkedin{transform: translate(0px, -1px);-webkit-transform:translate(0px, -1px);-moz-transform:translate(0px, -1px);-o-transform:translate(0px, -1px);-ms-transform:translate(0px, -1px);}*/
.icn-wrapper .notification{position:absolute;width:25px;height: 25px;background:#de2020;color:#fff;font-size: 12px;top:0px;right:20px;border-radius: 100%;overflow: hidden;line-height: 24px;}
.box-wrapper{padding-left:2.5px;padding-right:2.5px;}
.box-border,
.box-ratesheet{border: 1px solid #e7e7e7;border-radius: 6px;padding: 7px;margin-bottom:5px;font-weight:500;}
.box-ratesheet .col>.percentage {font-weight:700;}
.box-ratesheet .col{padding:0px;}
.box-ratesheet .col .col-value{margin-top:3px;font-weight:700;}
.widget:not([large-box="true"]) .nav-tabs.data-view-on-large-box,
.fade:not([large-box="true"]) .ratesheet-tab .data-view-on-large-box{opacity:0;width: 0;height: 0;overflow: hidden;}
.widget[large-box="true"] .ratesheet-tab .data-view-on-medium-box,
.widget .ratesheet-box-wrapper>.box-wrapper,
.widget:not([large-box="true"]) .ratesheet-tab .data-view-on-large-box{display: none;}
.widget[large-box="true"] .ratesheet-box-wrapper>.box-wrapper,
.widget:not([large-box="true"]) .ratesheet-box-wrapper>.box-wrapper:nth-child(1),
.widget:not([large-box="true"]) .ratesheet-box-wrapper>.box-wrapper:nth-child(2),
.widget:not([large-box="true"]) .ratesheet-box-wrapper>.box-wrapper:nth-child(3),
.widget:not([large-box="true"]) .ratesheet-box-wrapper>.box-wrapper:nth-child(4),
.widget:not([large-box="true"]) .ratesheet-box-wrapper>.box-wrapper:nth-child(5),
.widget:not([large-box="true"]) .ratesheet-box-wrapper>.box-wrapper:nth-child(6),
.widget[large-box="true"] .ratesheet-tab .data-view-on-large-box{display: block;}
.widget[large-box="true"] .nav-tabs.data-view-on-large-box{display: flex !important;opacity:1;}
.notice-detail{font-size:13.5px;font-weight: bold;}

.widget:not([large-box="true"]) .feeds-widget-external .kibore-tab.active,
.widget:not([large-box="true"]) .feeds-widget-external .desposit-rate-tab.active{height: 140px;overflow: hidden;}
.feeds-widget .widget-tabs{margin-top:5px;}
.widget-header [class^="icon-"], [class*=" icon-"]{padding-top:0px !important;}
.icon-open{font-size:90%;}
.widget-header .d-flex {-ms-flex-align: center!important;align-items: center!important;}
.widget-header .dropdown>i.icon-arrow-down{transform:translate(0px, 2px);vertical-align:middle;font-size:14px;}

.widget-header .dropdown>i.icon-add{transform:translate(0, 0px);vertical-align:middle !important;}
.widget-header i.icon-add{transform:translate(0, 2px);}
.widget-header .dropdown>i.icon-day-calendar{transform:translate(0, -2px);font-size:21px;}
.widget-header .dropdown>i:not(.btn),
.widget-header .icon-settings{vertical-align:middle;padding-top:0px !important;}
.widget-header .icon-settings{transform:translate(0px, 2px);}
i.btn{font-style:inherit;font-size:14px !important;}
.widget-scroll-active .floatThead-container{top:47px !important;z-index:1 !important;}
.widget-scroll-active .widget-header {
    position:absolute;top:0;width:100%;background-color:rgba(255, 255, 255, 0.7);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1;
}
.widget-scroll-active .floatThead-container>.floatThead-table>thead,
.widget-scroll-active .widget-header{background: rgba(255, 255, 255, 0.7);-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);}
/* box analytics */
.green-1>.box{background-color:#00e000;color:#ffffff}
.green-2>.box{background-color:#10aa2e;color:#ffffff}
.green-3>.box{background-color:#1cae39;color:#ffffff}
.green-4>.box{background-color:#28b343;color:#ffffff}
.green-5>.box{background-color:#34b74d;color:#ffffff}
.green-6>.box{background-color:#40bb58;color:#ffffff}
.green-7>.box{background-color:#4cbf62;color:#ffffff}
.green-8>.box{background-color:#58c46d;color:#ffffff}
.green-9>.box{background-color:#63c877;color:#ffffff}
.green-10>.box{background-color:#70cc82;color:#ffffff}


.red-10>.box{background-color:#ff0000;color:#ffffff}
.red-9>.box{background-color:#de2020;color:#ffffff}
.red-8>.box{background-color:#e02b2b;color:#ffffff}
.red-7>.box{background-color:#e13737;color:#ffffff}
.red-6>.box{background-color:#e34141;color:#ffffff}
.red-5>.box{background-color:#e54d4d;color:#ffffff}
.red-4>.box{background-color:#e65858;color:#ffffff}
.red-3>.box{background-color:#e86363;color:#ffffff}
.red-2>.box{background-color:#eb7979;color:#ffffff}
.red-1>.box{background-color:#ed8585;color:#ffffff}

.blue-1>.box{background-color:#2197D7;color:#ffffff}
.blue-2>.box{background-color:#036AB2;color:#ffffff}

.analytics-box-widget>.box{min-height: auto;height:105px;overflow: hidden;}
.analytics-box-widget>.box-inner-wrapper{padding:8px;margin-bottom: 3.5px;}
.analytics-box-widget .box-content .mt-h{margin-top: calc(5%);}
.lable-list-item ul{list-style:none;margin:0px;padding:0px;}
.lable-list-item ul>li{display: inline-block;margin-right:3px;border:1px solid #000;font-size:11px;width:16px;height:16px;overflow:hidden;line-height:14px;text-align:center;font-weight:700;cursor:pointer;}

.lable-list-item ul>li.tab-menu-active,
.lable-list-item ul>li.highlight{background-color:#000;color:#fff;}
/* custom select */

.d-block .dd {width: 100% !important;}
.w-auto .dd {width: auto !important;}
.dd .ddTitle {background: transparent;}
.select-meeting-type-wrapper .divider,
.no-border .divider {display: none;}
.select-border .ddTitleText {border:1px solid #ddd;min-height:40px;}
.form-group .ddTitleText{height:40px;}
.form-group .ddlabel{line-height:27px;}
.form-group .dd .ddArrow:after {font-size:13px;font-weight: bold;}
.form-group .dd .ddArrow{margin-top: -8px;cursor: pointer;}
.input-group .box-select {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width:1% !important;min-width:0 !important;margin-bottom:0;}

.border-bottom .form-control{border-bottom:0px;}
.form-control:focus{box-shadow:none;outline:none;border-color:inherit;}
.no-border .dd {border:0px !important;}
.dd .ddArrow{margin-top:-12px;cursor:pointer;}
.dd .ddArrow:after {background:none;content: "\e905";font-family: 'custom-icon' !important;color:#000;font-size:15px;}
.data-box .box-content .box-select {font-size:1.2vw;font-weight: bold;}
.data-box .box-content{padding-left:10px;padding-right:10px;}
.data-box .box-hadear{padding-left:10px;padding-right:10px;}
.box-select .ddTitle{color:#036ab2;}
.box-select .ddTitle img{display: none;}
.box-select.color-black .ddTitle{color:#000000;}
.dd ul li {font-size: 13px;font-weight: initial;}
/*.border-black .ddTitleText{border:1px solid #000000;}*/
.ddChild {position:fixed !important;max-height: 180px !important;min-width: 150px !important;width: auto !important;border: 1px solid #e1e1e1 !important;min-height: 90px !important;overflow: auto !important;height: inherit !important;box-shadow:none !important;}
.list-of-attendees .ddChild{min-height:auto !important;}
.list-of-attendees{scrollbar-gutter:stable;}
.list-of-attendees .user-list{padding-right:10px}
.auto-height .ddChild{height:auto !important;min-height:auto !important;}
.w-auto .ddChild {min-width: 100px !important;}
.widget-header i:not(.icon-arrow-down, .side-menu-handler),
.widget-header i.mr-2,
.widget-header i.mr-1 {margin-right: 1vw !important;}
.widget-header i.mr-0{margin-right:0vw !important;}
.widget-header .control-item:last-child i,
.widget-header .control-item:last-child i.mr-1 {margin-right:0 !important;}
.email-widget .widget-header i.icon-settings.ml-2{margin-left: 1vw !important;}
.widget-header i.widget-view-change{transform:translate(0, 2px);}
.widget-header .search-header>i.icon-search{margin-right:0vw !important;}
.dropdown-menu li.menu-checkbox .checkbox {padding-left:21px !important;transform:translate(3px, 0px);cursor:pointer;}
.dropdown-menu li.menu-checkbox .checkbox .mr-1 {margin-right: 1vw !important;}
.email-type.select-option .ddChild{min-height: auto !important; max-height: 100% !important;height: auto !important;}
.ddcommon .shadow,.ddChild{box-shadow: 10px 10px 40px rgb(0 0 0 / 10%) !important;-moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%) !important;-ms-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%) !important;-o-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%) !important;-webkit-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%) !important;border:1px solid #e7e7e7 !important;}
.ddcommon{max-width:100%;}
.dd .ddChild li {background:#f6f9fc;border-bottom:none;font-weight:700;cursor:pointer;}
.email-type.select-option .dd .ddChild li {padding:8px 8px 8px 8px;}

/* Talk sidebar channel dropdown */
.talk-widget .talk-widget-header .dd .ddChild li {
    padding:10px;width:180px;display:inline-block !important;margin:0;
}
.talk-widget .talk-widget-header .ddChild .selected .ddlabel,
.talk-widget .talk-widget-header .ddChild .hover .ddlabel{background-color:#eeeeee;color: #036ab2;}


.dd .ddChild li.selected {background-color:#eeeeee;color: #000;}
.ddChild,
.ddChild ul li:last-child,
.ddChild ul li:first-child {border-radius: 0px !important;}
.email-type .ddTitle{font-size: 14px;}
.email-type .ddcommon .ddArrow {top: 60%;}
.email-type .ddlabel{margin-right: 5px;}
.email-type.w-auto .dd {width: 100% !important;}
.attendees-role-list .dd .ddArrow,
.attendees-search .dd .ddArrow{margin-top:-9px;}
input.h-50{height:50px !important;}
/*checkbox and radio button*/
/*checkbox*/
.rememberme-checkbox {color: #fff;}
.checkbox-block {width: 100%;}
.small-radio,
.radio,
.radio-block,
.small-checkbox,
.radio-inline,
.checkbox,
.checkbox-block,
.radio-inline,
.checkbox-inline {position: relative;}
input[type="radio"], input[type="checkbox"] {position:absolute;top:0;left:0px;width:20px;height:20px;visibility: hidden;}
input[type="radio"]:not(:checked) + span:after {content: '';position: absolute;top: 0px;left: 0px;background: url(../img/radio.png) no-repeat;width: 24px;height: 24px;display: block;background-position: 0;opacity: 1;visibility: visible;-webkit-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-moz-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-o-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-webkit-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);-moz-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);-o-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);}
.small-radio input[type="radio"]:not(:checked) + span:after,
input[type="radio"].small-radio:not(:checked) + span:after {background: url(../img/radio-small.png) no-repeat;}
input[type="radio"]:checked + span:after,
input[type="radio"]:checked + span:focus:after {content: '';position: absolute;top: 0px;left: 0px;background: url(../img/radio-checked.png) no-repeat;width: 24px;height: 24px;display: block;background-position: 0;opacity: 1;-webkit-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-moz-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-o-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-webkit-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);-moz-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);-o-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);}
.small-radio input[type="radio"]:checked + span:after,
.small-radio input[type="radio"]:checked + span:focus:after,
input[type="radio"].small-radio:checked + span:after,
input[type="radio"].small-radio:checked + span:focus:after {background: url(../img/radio-checked-small.png) no-repeat;}
.small-radio.radio-blue input[type="radio"]:checked + span:after,
.small-radio.radio-blue input[type="radio"]:checked + span:focus:after,
input[type="radio"].small-radio.radio-blue:checked + span:after,
input[type="radio"].small-radio.radio-blue:checked + span:focus:after {background: url(../img/radio-checked-small-blue.png) no-repeat;}

.radio, .radio-inline,
.checkbox,
.checkbox-inline {padding-left: 23px;margin-bottom: 15px;}
.small-checkbox {padding-left:20px;margin-bottom: 15px;}

.radio.small-radio,
.radio-inline.small-radio,
.checkbox.small-checkbox,
.checkbox-inline.small-checkbox {padding-left: 16px;margin-bottom: 15px;}

input[type="radio"][disabled] + span:after, input[type="radio"][disabled] + span:focus:after {content: '';position: absolute;top: 0px;left: 0px;background: url(../img/radio-disabled.png) no-repeat;width: 20px;height: 20px;display: block;background-position: 0;opacity: 1;cursor: not-allowed;}
.small-radio input[type="radio"][disabled] + span:after, .small-radio input[type="radio"][disabled] + span:focus:after, input.small-radio[type="radio"][disabled] + span:after, input.small-radio[type="radio"][disabled] + span:focus:after {background: url(../img/radio-disabled-small.png) no-repeat;}
input[type="checkbox"]:not(:checked) + span:after {
    content:'';position:absolute;top:0px;left:0px;background:url(../img/checkbox.png) no-repeat;width:20px;height:20px;display:block;
    background-position:0 0;opacity: 1;visibility:visible;background-size:cover;-webkit-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-moz-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-o-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-webkit-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);-moz-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);-o-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);
}

input[type="checkbox"]:checked + span:after,
input[type="checkbox"]:checked + span:focus:after {content: '';position: absolute;top: 0px;left: 0px;background: url(../img/checkbox-checked.png) no-repeat;width: 20px;height: 20px;display: block;background-position: 0;opacity: 1;background-size:cover;-webkit-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-moz-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-o-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-webkit-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);-moz-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);-o-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);}

input[type="checkbox"][disabled]:checked + span:after,
input[type="checkbox"][disabled]:checked + span:focus:after {cursor:not-allowed;}

.half-checked-active input[type="checkbox"].checkboxchecked-all + span:after,
.half-checked-active input[type="checkbox"].checkboxchecked-all + span:focus:after {content: '';position: absolute;top: 0px;left: 0px;background: url(../img/half-checkbox.png) no-repeat;width: 20px;height: 20px;display: block;background-position: 0;opacity: 1;background-size:cover;-webkit-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-moz-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-o-transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);transition: all 100ms cubic-bezier(0.225, 0.340, 0.925, 0.370);-webkit-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);-moz-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);-o-transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);transition-timing-function: cubic-bezier(0.225, 0.340, 0.925, 0.370);}

.dropdown-menu li.menu-checkbox input[type="checkbox"]:checked + span:after{background: url(../img/checkbox-checked-blue.png) no-repeat;display: block;background-position: 0;opacity: 1;background-size:cover;}
input[type="checkbox"][disabled]:not(:checked) + span:after,
input[type="checkbox"][disabled]:not(:checked) + span:focus:after {content: '';position: absolute;top:0px;left:0px;background: url(../img/checkbox-disabled.png) no-repeat;width: 20px;height: 20px;display: block;background-position:0;opacity:1;cursor:not-allowed;background-size:cover;}

.small-radio input[type="radio"]:not(:checked) + span:after,
.small-radio input[type="radio"],
input[type="radio"].small-radio,
input[type="checkbox"].small-checkbox,
.small-checkbox input[type="checkbox"],
.small-checkbox input[type="checkbox"]:not(:checked) + span:after,
input[type="checkbox"].small-checkbox:not(:checked) + span:after,
.small-radio input[type="radio"]:not(:checked) + span:after,
input[type="radio"].small-radio:not(:checked) + span:after,
.small-checkbox input[type="checkbox"]:checked + span:after,
.small-checkbox input[type="checkbox"]:checked + span:focus:after,
.small-radio input[type="radio"]:checked + span:after,
.small-radio input[type="radio"]:checked + span:focus:after,
input[type="radio"].small-radio:checked + span:after,
input[type="radio"].small-radio:checked + span:focus:after {width: 16px !important;height: 16px !important;background-size: cover;}
input[type="checkbox"]:disabled~span {opacity: 0.25 !important;}
/* .///checkbox and radio custom */
/*checkbox toggle button style */
.toggle {position: relative;display: inline-block;width:50px;height:24px;top:0px;margin-left:15px;margin-bottom:0px;}
.user-dropdown .toggle{top:0px;}
.toggle .slider {width:50px;height:24px;}
.toggle input {opacity: 0;width: 0;height: 0;}
.toggle .slider {position: absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;-webkit-transition:.4s;-ms-transition:.4s;-o-transition:.4s;-moz-transition:.4s;}
  
.toggle .slider:before {position: absolute;content: "";height:17px;width:17px;left:4px;bottom:4px;background-color: white;-webkit-transition: .4s;transition: .4s;}

.toggle input:checked + .slider {background-color: #49d962;}
  
.toggle input:focus + .slider {box-shadow: 0 0 1px #49d962;}

.toggle input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}

/*small Rounded toggle*/
.toggle.toggle-small { width: 36px;height: 17px;}
.toggle.toggle-small .slider {width: 36px;height: 17px;}

.toggle.toggle-small .slider:before {height:13px;width:13px;top:0.2em;}
.toggle.toggle-small input:checked + .slider:before {-webkit-transform: translateX(17px);-ms-transform: translateX(17px);transform: translateX(17px);}


/* Rounded sliders */
.slider.round {border-radius: 34px;}

.slider.round:before {border-radius: 50%;}
/* video chat widget */
.media-widget,
.address-book-widget,
.talk-widget,
.video-chat-widget{width:400px;position:fixed;height:91.6vh !important;top:65px;right:-100%;background:#fff;z-index:-9999;opacity: 0;visibility:hidden;border:1px solid #e2e2e2;transition: opacity 0.2s ease-in;-webkit-transition: opacity 0.2s ease-in;-moz-transition: opacity 0.2s ease-in;-o-transition: opacity 0.2s ease-in;-ms-transition: opacity 0.2s ease-in;overflow:hidden;box-shadow:10px 10px 40px rgb(0 0 0 / 10%);}
.video-chat-side-widget .group-call-trigger .btn{border-radius:6px;position:relative;padding:12px 40px 12px 20px;}
.video-chat-side-widget .group-call-trigger .btn i{position:absolute;right:10px;font-size:22px;top:10px;}
.video-chat-side-widget .group-call-trigger{display:block;position:fixed;right:-100%;z-index:-1003;opacity:0;transition:opacity 0.3s linear;}
.video-chat-side-widget.video-chat-widget__active .group-call-trigger.show{bottom:8%;right:150px;z-index:9999;opacity:1;}
.video-chat-sidebar-open-from__video-bottom-widget .video-chat-widget .video-call-trigger,
.video-chat-sidebar-open-from__video-bottom-widget .video-chat-widget .video-icon-wrapper,
.video-chat-sidebar-open-from__video-bottom-widget .group-call-trigger .video-group-call-trigger,
.group-call-trigger .btn-add{display:none;}

.open-video-chat-widget__fromvideocall.video-chat-sidebar-open-from__video-bottom-widget .video-chat-widget__active .video-chat-widget{
    display:block;right:0;z-index:3;opacity:1;visibility:visible;right:95px;
}

.video-chat-sidebar-open-from__video-bottom-widget .video-chat-side-widget.video-chat-widget__active .group-call-trigger.show .btn-add{display:block;}

/* show add Participants */
.body___visible_video_call_widget .group-call-trigger.show .video-group-call-trigger{display:none;}
.body___visible_video_call_widget .group-call-trigger.show .btn-add.video-group-add-call-trigger{display:block;}

.open-video-chat-widget__fromvideocall .video-chat-side-widget.video-chat-widget__active .group-call-trigger.show{right:112px;}
.open-media-widget .media-side-widget>.media-side-widget-overlay,
.open-talk-widget__fromvideocall .talk-side-widget>.talk-side-widget-overlay,
.open-talk-widget .talk-side-widget>.talk-side-widget-overlay,
.open-video-chat-widget__fromvideocall .video-chat-side-widget>.video-chat-side-widget-overlay,
.open-video-chat-widget .video-chat-side-widget>.video-chat-side-widget-overlay, 
.open-address-book-widget .address-book-side-widget>.address-book-side-widget-overlay{position: fixed;left:0;right:0;height:100%;width:100%;background:transparent;top:0;bottom:0;z-index:10;}

.talk-select-option .dd .ddArrow {margin-top:-10px;margin-right:-3px;}
.media-side-widget>.media-side-widget-overlay,
.address-book-side-widget>.address-book-side-widget-overlay{z-index: 1003;}
.open-talk-widget .talk-widget,
.open-media-widget .media-widget,
.open-video-chat-widget .video-chat-widget,
.open-address-book-widget .address-book-widget{right:95px;background:#fff;opacity:1;visibility:visible;}
.open-media-widget .media-widget,
.open-address-book-widget .address-book-widget{z-index:2;}

.open-talk-widget .talk-widget{z-index:2;}
.open-video-chat-widget .video-chat-widget{z-index:2;}
.video-chat-side-widget.video-chat-widget__active>.video-chat-side-widget-overlay{display:none !important;}
.open-talk-widget__fromvideocall .talk-widget
.open-video-chat-widget__fromvideocall .video-chat-widget{right:87px;background:#fff;z-index:902;opacity:1;visibility:visible;}
.open-talk-widget__fromvideocall .talk-side-widget>.talk-side-widget-overlay,
.open-video-chat-widget__fromvideocall .video-chat-side-widget>.video-chat-side-widget-overlay{z-index:901;}
.side-widget-header,
.media-widget-header,
.address-book-widget-header,
.video-chat-widget-header {padding:10px 15px;}
.side-widget-heading,
.media-heading,
.address-book-heading,
.video-chat-heading{text-overflow: ellipsis;overflow: hidden;max-width:80%;white-space: nowrap;font-size:18px;font-weight:bold;}
.video-select-option .dd .ddArrow{margin-top:-10px;margin-right:-3px;}
.video-select-option .ddChild{min-height:auto !important;}
.media-widget-header i,
.video-chat-widget-header i{font-size:20px;vertical-align:middle;}
.media-widget-header i.icon-settings,
.talk-widget-header i.icon-settings, .video-chat-widget-header i.icon-settings {font-size:23px;}
.video-chat-heading i{font-size:25px;color:#036ab2;}
.media-heading i,
.address-book-heading i{font-size:25px;color: #000000;vertical-align: middle;}
.media-heading .dropdown i,
.address-book-heading .dropdown i{font-size:18px;}
.media-widget-content,
.address-book-widget-content,
.video-chat-widget-content{padding:0px 20px 0px 20px;overflow: auto;height:83.5vh;}
.user-list,
.video-chat-widget-content .user-list{list-style:none;padding:0;margin:0;}
.video-chat-widget-content>.user-list{display:none;}
.video-chat-widget-content>.show{display:block;}
.user-thumb.circle,
.user-detail-deropdown .user-thumb,
.user-list .user-list-item .user-thumb,
.video-chat-widget-content .user-thumb{width:50px;height:50px;border-radius:100%;margin-right:8px;position:relative;}
.user-thumb .user-status-label,
.user-detail-dropdown .user-thumb .user-status-label,
.user-list .user-list-item .user-thumb .user-status-label{position: absolute;bottom:0px;right:0px;border:1px solid #fff;}
.user-thumb.circle img,
.user-detail-deropdown .user-thumb img,
.user-list .user-list-item .user-thumb img,
.video-chat-widget-content .user-thumb img{width:50px;height:50px;border-radius:100%;}
.user-list .user-list-item .checkbox,
.video-chat-widget-content .checkbox {margin-top:10px;}
.user-list .user-list-item,
.video-chat-widget-content .user-list-item{padding:15px 0px;position:relative;}
.user-list .user-list-item .user-description,
.user-list-item .user-description{max-width: 65%;}
.user-list-item .user-role-badge{background: #edf0f2;padding: 4px 10px;border-radius: 20px;font-size: 11px;font-weight: 600;}
.badge-wrapper{position:relative}
.badge-wrapper .badge{position: absolute;top: -17px;right: 0;width: 20px;height: 20px;background: #de2020;color: #fff;border-radius: 100%;line-height: 18px;font-size: 10px !important;}
.address-book-widget-content .user-list .user-list-item .user-description{max-width:52%;min-width:52%;}
.address-book-widget-content .user-detail-deropdown{width:340px;top:-100%;padding:15px;}
.user-list>.user-list-item>.dropdown .user-detail-deropdown,
.video-chat-widget-content .user-list-item .dropdown .user-detail-deropdown{width:340px;left:-75%;top:-100%;padding:15px;}
.address-book-widget-content .user-list .dropdown .user-detail-deropdown .header-user-detail .icon-wrapper i,
.user-list>.user-list-item>.dropdown .user-detail-deropdown .header-user-detail .icon-wrapper i,
.video-chat-widget-content .user-list-item .dropdown .user-detail-deropdown .header-user-detail .icon-wrapper i{font-size:25px;cursor:pointer;margin-right:10px;vertical-align:middle;}
.video-chat-widget-content .user-list-item .dropdown .user-detail-deropdown .header-user-detail .icon-wrapper .btn-icon{margin-right:10px;}
.btn-icon:disabled{background:none !important;border:none !important}
.user-list>.user-list-item>.dropdown .user-detail-deropdown .header-user-detail .icon-wrapper i:last-child,
.video-chat-widget-content .user-list-item .dropdown .user-detail-deropdown .header-user-detail .icon-wrapper i:last-child{margin-right:0px;}
.user-detail-dropdown .header-user-detail,
.user-list>.user-list-item>.dropdown .user-detail-deropdown .header-user-detail,
.video-chat-widget-content .user-list-item .dropdown .user-detail-deropdown .header-user-detail{padding-bottom: 15px;border-bottom:1px solid #000000;}
.user-detail-dropdown .user-description .user-title .user-name,
.user-list>.user-list-item .user-description .user-title,
.video-chat-widget-content .user-list-item .user-description .user-title,
.video-chat-widget-content .user-list-item .user-description .user-name{max-width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.user-detail-dropdown .video-icon-wrapper i,
.user-list>.user-list-item .video-icon-wrapper i,
.video-chat-widget-content .user-list-item .video-icon-wrapper i{font-size:23px;cursor: pointer;}
.has-userlist-delet-option .search-user-wrapper,
.has-userlist-delet-option .modal-header{padding-left:25px !important;padding-right:25px !important;}
.has-userlist-delet-option .user-list{padding-left:20px;padding-right:20px;}
.has-userlist-delet-option .delete-user{margin-left:-20px;margin-right:5px;visibility:hidden;opacity: 0;transition:opacity 0.3s ease-in;}
.has-userlist-delet-option .user-list-item:hover .delete-user{visibility:visible;opacity:1;}
.group-content{position: relative;padding:10px 26px;margin-top:5px;}
.group-content i{position:absolute;left:0;top:10px;font-size:20px;}
.group-content i.icon-user-delete{font-size:22px;}
.group-content span{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:600;white-space:nowrap;display:inline-block;}
.media-widget .search-media,
.address-book-widget .search-address-book-list,
.video-chat-widget .search-video-list,
.video-chat-widget .search-video-list{height: 0;overflow:hidden;visibility:hidden;opacity:0;transition:height 0.5s ease-in;}
.has-search-toggle .search-list{display:none;}
.has-search-toggle .search-list.show{display:block;}
.media-widget .search-media input[type="search"],
.address-book-widget .search-address-book-list input[type="search"],
.has-search-toggle .search-list input[type="search"],
.video-chat-widget .search-video-list input[type="search"]{border:0px !important;}
.media-widget .search-media input[type="search"]:focus,
.address-book-widget .search-address-book-list input[type="search"]:focus,
.has-search-toggle .search-list input[type="search"]:focus,
.video-chat-widget .search-video-list input[type="search"]:focus{box-shadow: none;}
.search-toggle{cursor: pointer;}
.media-widget .search-media.show,
.address-book-widget .search-address-book-list.show,
.has-search-toggle .search-list.show,
.video-chat-widget .search-video-list.show{height:auto;overflow:initial;visibility: visible;opacity:1;transition:height 0.3s ease-in;-webkit-transition:height 0.3s ease-in;-moz-transition:height 0.3s ease-in;-o-transition:height 0.3s ease-in;-ms-transition:height 0.3s ease-in;padding:0px 15px 0 10px;}
/* .video-chat-widget-setting-dd {margin-right: 10px}*/
.video-chat-widget-setting-dd>.dropdown-menu.show{padding: 8px}
.video-chat-widget-setting-dd>.dropdown-menu-items .menu-item{font-weight:600;margin-bottom:8px;position:relative;}
.video-chat-widget-setting-dd>.dropdown-menu-items .menu-item.has-icon,
.video-chat-widget-setting-dd>.dropdown-menu-items .menu-item{padding-left:25px}
.video-chat-widget-setting-dd>.dropdown-menu-items .menu-checkbox>.checkbox{padding-left:0}
.video-chat-widget-setting-dd>.dropdown-menu-items .menu-checkbox>.checkbox input~span{position:absolute;left:-22px;}
.video-chat-widget-setting-dd>.dropdown-menu-items .menu-item.has-icon>i {position: absolute;left:0;top:6px;}
.video-chat-widget-setting-dd>.dropdown-menu-items .menu-item>i.icon-block {font-size:17px;top:5px;left:4px;}

.nowrap,
.nowrap>li,.nowrap>div,.nowrap>span{white-space:nowrap;}
.user-no-available i.icon-video,
i.user-no-available,
.user-no-available .video-icon-wrapper i{opacity:0.4;cursor: not-allowed !important;}
.icon-message-check.read{color:#2197d7;}
.add-users {position:absolute;bottom:6%;right:30px;z-index:2;display:none;}
.channel-active .add-users{display:block;}
.btn-add,
.add-users .btn-add{font-size:50px;font-weight: 300 !important;border-radius: 6px;padding: 3px 14px !important;line-height: 1;box-shadow:10px 10px 40px rgb(0 0 0 / 10%);}

.video-chat-side-widget .btn-add {font-size:14px !important;padding:12px 40px 12px 20px !important;}
.video-chat-side-widget .group-call-trigger .btn-add i{top:7px !important;}

/* .talk-widget .talk-widget-header .dd .ddChild li{} */
    

/* video Call widget */
.video-call-widget {width: 94%;background-color: #171d2d;color: #fff;margin: 0;overflow: hidden;padding:20px 20px 0px 20px;position: fixed;bottom:-100%;z-index: -1002;visibility: hidden;opacity:0;transition: bottom 0.5s ease-in;-webkit-transition: bottom 0.5s ease-in;-o-transition: bottom 0.5s ease-in;-ms-transition: bottom 0.5s ease-in;-moz-transition: bottom 0.5s ease-in;}
.video-call-widget.visible_video_call_widget {bottom:0;/*z-index:900;*/z-index:5;visibility:visible;opacity:1;}
.video-call-widget-header .heading{position: relative;font-size:22px;color:#31b6ef;font-weight:600;padding-left:35px;}

.video-call-widget-header .heading i{font-size:30px;color:#fff;position: absolute;left:4px;top:50%;transform:translate(0 , -50%);}

.video-call-widget-header .wrapper-icons i{font-size:20px;color:#fff;float:right;padding:0 10px 10px 10px !important;cursor:pointer;}
.video-call-widget-header .wrapper-icons .video-control{position:relative;font-size:20px;color:#fff;float:right;padding:5px 10px 5px 10px !important;cursor:pointer;}
.video-call-widget-header .wrapper-icons .video-control i{font-size:20px;color:#fff;float:none;padding:0 !important;cursor:pointer;display:block;text-align:center;transition:all 0.3s ease-in;}
.video-call-widget-header .wrapper-icons .video-control .title-icon{font-size:11px;transition:all 0.3s ease-in;white-space:nowrap;}
.video_view_port_minimized .video-call-widget-header .wrapper-icons .video-control .title-icon,
.video_view_port_small .video-call-widget-header .wrapper-icons .video-control .title-icon{position:absolute;right:100%;visibility:hidden;opacity:0;z-index:1;background:#000;color:#fff;padding:5px;top:0;border-radius:3px;transition:all 0.3s ease-in;}
/*.video_view_port_small .video-call-widget-header .wrapper-icons .video-control:hover .title-icon,*/
.video_view_port_small .video-call-widget-header .wrapper-icons .video-control.active .title-icon,
.video_view_port_small .video-call-widget-header .wrapper-icons .video-control.active .title-icon{right:100%;visibility:visible;z-index:1;opacity:1;}
/*.video_view_port_small .video-call-widget-header .wrapper-icons .video-control.active:nth-child(2){background:#3ea9f0;border-radius:3px;}*/
.video_view_port_small .video-call-widget-header .wrapper-icons .video-control.active .ripple-effect {position: absolute;border-radius:100%;transform: scale(0);animation: ripple 600ms linear;background-color: rgba(255, 255, 255, 0.5);width:15px;height:15px;top:10%;}
  @keyframes ripple {
    to {
      transform: scale(4);
      opacity: 0;
    }
  }
.video-call-widget-header .wrapper-icons i.icon-message{font-size:20px;}
.video-call-widget.video_view_port_small .video-call-widget-header .wrapper-icons i{float:none;display:block;font-size:17px;padding:5px;}
.video-call-widget.video_view_port_small .video-call-widget-header .wrapper-icons .video-control{float:none;display:block;font-size:17px;padding:5px;}
.video-call-widget.video_view_port_small .video-call-widget-header .wrapper-icons .video-control>i{float:none;display:block;font-size:17px;padding:0px;}
.video-call-widget.video_view_port_small .video-call-widget-header .wrapper-icons .video-control>i.icon-close {
    font-size: 20px;
}
.video-call-widget-header-content a{
    text-decoration:none;
}
.video-call-widget.video_view_port_small .video-call-widget-header .wrapper-icons i.icon-message{font-size:19px;}
.video-call-widget.video_view_port_small .video-call-widget-header{position:relative}
.video-call-widget.video_view_port_small .video-call-widget-header-content {width:auto;display:block !important;position:absolute;right:0px;max-width:40px;overflow:visible;}
.video-call-widget.video_view_port_small .video-call-content {
    padding-right:40px;min-height:190px;max-height:87vh;
}
.video-call-widget.video_view_port_minimized{width:auto;border-top-right-radius:6px;border-top-left-radius:6px;left:20px;padding:5px 13px;}
.video_view_port_minimized .video-call-widget-header .wrapper-icons i{padding-top:0 !important;padding-bottom:0 !important;}
.video_view_port_minimized .video-call-widget-header .wrapper-icons .video-control{padding-top:0 !important;padding-bottom:0 !important;}
.video_view_port_minimized .video-call-content{height:0px !important;overflow: hidden;}
.video_view_port_minimized .video-call-widget-header .heading{padding-left:25px;}
.video_view_port_minimized .video-widget-minimize{display: none;}
.video_view_port_minimized .video-call-widget-header .heading,
.video_view_port_minimized .video-call-widget-header .wrapper-icons i {font-size: 18px;}
.video_view_port_minimized .video-call-widget-header .heading i{font-size:22px;}
.video-call-widget-header .heading .caller-count,
.video-call-widget-header .wrapper-icons .visible_on_minimize,
.video_view_port_minimized  .video-call-widget-header .wrapper-icons .hide_on_minimize,
.video-call-widget.video_view_port_small .video-call-widget-header .heading{display:none !important;}
.video_view_port_minimized  .video-call-widget-header .wrapper-icons .visible_on_minimize{display: block  !important;}
.video_view_port_minimized .video-call-widget-header .heading{color:#ffffff;}
.video_view_port_minimized .video-call-widget-header .heading .caller-count{display:inline-block !important; }
.video_view_port_minimized .video-call-widget-header .heading i {-webkit-animation: infinit_color_change 1s infinite alternate;-moz-animation: infinit_color_change 1s infinite alternate;-o-animation: infinit_color_change 1s infinite alternate;animation: infinit_color_change 1s infinite alternate;}
.video-call-widget img{display: none;transition:display 0.3s ease-in;}
.video-call-widget.visible_video_call_widget.video_view_port_small img.large-view,
.video-call-widget.video-call-widget.visible_video_call_widget img.small-view{display: none;}
.video-call-widget.visible_video_call_widget.video_view_port_small img.small-view {display: block;width: 100%;height:100%;}
.video-call-widget.visible_video_call_widget img.large-view {display: block;width: 100%;height:100%;}
.video-call-widget.visible_video_call_widget .video-box{height: 300px;}
.video-call-widget:not(.video_view_port_minimized) .video-widget-view-port{display:none !important;}
/* .video-call-widget.visible_video_call_widget.video_view_port_small .video-box{height: 170px;} */
.video-box{position:relative}
.btn-leave-call {
    position: absolute;
    right: 202px;
    top: 12px;
    padding: 5px 13px;
    font-size: 13px;
    white-space:nowrap;
}
.btn-leave-call.crossBtn {
    position: absolute;
    top: 3% !important;
    right: 2% !important;
    display: inline-block !important;
    width: auto !important;
}
.btn-leave-call>i {vertical-align:middle;}
.btn-red{background-color:#de2020;color:#fff;}
.btn-red:hover{background-color:#f13e3e;color:#fff;}
.btn-radius{border-radius: 6px;}

/* Talk style ////*/
.talk-widget-header {padding:10px 15px;}
.align-items-center {-ms-flex-align: center!important;align-items: center!important;}
.talk-widget .hd-icons-wrapper i {margin-right: 10px;}
.talk-select>select.form-control{width: auto;display: inline-block;font-weight: 600;height: auto !important;min-height: auto !important;vertical-align: middle;min-width: auto !important;}
.main-sidebar-widget .search-talk-list,
.talk-widget .search-talk-list{height:0;overflow: hidden;visibility: hidden;opacity:0;transition: height 0.5s ease-in;}
.main-sidebar-widget .search-talk-list.show,
.talk-widget .search-talk-list.show{height: auto;overflow: initial;position:relative;visibility: visible;opacity: 1;transition: height 0.3s ease-in;-webkit-transition: height 0.3s ease-in;-moz-transition: height 0.3s ease-in;-o-transition: height 0.3s ease-in;-ms-transition: height 0.3s ease-in;margin-bottom:-10px;}
.talk-widget-header i{font-size:20px;vertical-align:middle;}
.talk-widget-content{padding:0px 15px 0px 15px;overflow: auto;height:83.5vh;}
.chat-box__is_ative .talk-widget-content{height:32vh;}
.chat-box__is_ative .talk-widget-content .add-users{top:27%;bottom:inherit;}
.main-sidebar-widget .search-talk-list .icon-search,
.talk-widget .search-talk-list .icon-search {position: absolute;right: 15px;top:31%;}
.talk-widget .talk-widget-content>.user-list{margin-left:-15px;margin-right:-15px;}


.talk-widget .talk-widget-content>.user-list>.user-list-item{position:relative;padding:0px;cursor:pointer;}
.talk-widget .talk-widget-content>.user-list>.user-list-item>.user-description{padding:15px 0;}
.talk-widget .talk-widget-content>.user-list.channel-list>.user-list-item>.user-thumb{margin-left:15px}
.talk-widget .talk-widget-content>.user-list>.user-list-item>.dropdown{padding:12px 0px 15px 18px;}
.talk-widget .talk-widget-content>.user-list>.user-list-item .datetime-talk-list{padding:15px 15px 15px 0px;white-space:nowrap;}


.talk-widget .talk-widget-content>.user-list>.user-list-item.highlight,
.talk-widget .talk-widget-content>.user-list>.user-list-item:hover{background-color:#EEEEEE}
.talk-widget-content .user-list .user-list-item>.user-description{width:64%}
.talk-widget-content .user-list-item .dropdown>.dropdown-toggle.show-on-hover{opacity:0;position: absolute;z-index: -3333;visibility:hidden;transition:opacity 0.3s ease-in;}
.talk-widget-content .user-list-item:hover .dropdown>.dropdown-toggle.show-on-hover{
    opacity:1;visibility:visible;z-index:1;position: relative;text-align:right !important;display:inline-block;
}
.talk-widget-content .message-count{width:25px;height:25px;margin-right:10px;font-weight: bold;background: #2197d7;border-radius: 100%;overflow: hidden;text-align: center;line-height: 25px;color: #fff;display:inline-block;}
.talk-widget-content .user-list-item:hover .message-count{display:none;}
.talk-select-option li {padding:11px 10px !important ;white-space: nowrap;}
.talk-widget-header .talk-select-option .ddcommon .ddChild{max-height:215px !important;width:381px !important;max-width:381px;}
.user-list .user-list-item .user-thumb{min-width:50px;width:50px;height:50px;border-radius:100%;margin-right:5px;position:relative;}
.chat-box-header .icon-thumb{line-height:1.5;}
.chat-box-header .icon-thumb .icon-users{font-size:15px;}
.icon-thumb {line-height:45px;color:white;}
.icon-widget.user-thumb .icon-thumb{line-height:1;}
.talk-room-area .talk-widget-content>.user-list:not(.show){display:none !important;}
.user-list-item .icon-check{color:#000;font-size:15px;}
.datetime-talk-list{font-size:10px;font-weight:700;}
.user-thumb{position:relative;}
.user-thumb.user{background:#31B6EF}
.user-thumb.user-group{background:#22ae4b}
.user-thumb.user-public-rooms{background:#9e57a2}
.user-thumb.user-shout-all{background:#d14b4b}
.user-thumb.user-hashtag{background:#46bcd1}
.user-list-item .user-description .designation{display:none;}
.talk-room-area .talk-select-option{display:none;}
.talk-room-area.channel-active .talk-select-option{display:block;}
.talk-heading{text-overflow:ellipsis;overflow:hidden;max-width:35%;white-space:nowrap;font-size:18px;font-weight:bold;}
.talk-screen-footer {padding:0px 0px;}
.hidden {display:none;}
.emoji-wysiwyg-editor {width:100%;border:0px;background:#f6f4f4;padding-right:inherit;margin:0 6px;}
.emoji-picker-icon {display:none;}
/*add user screen style*/
.talk-screen{position:absolute;top:0;width:100%;height:100%;}
.talk-screen:not(.ScreenIs_active){display:none;}

.ScreenIs_active{display:block;}

.talk-screen:after{position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);content: '';display: block;z-index:3;}
.talk-screen-innerwrapper{position:absolute;width:96%;min-height:50px;height:auto;background:#fff;top:3%;z-index:4;margin:0 auto;left:0;right:0;opacity:0;transition:opacity 0.3s ease-in;}
.talk-screen-innerwrapper.screen-height:not(.talk-reply-message-innerwrapper){height:97%;top:6px;}

.talk-reply-message-innerwrapper{background: transparent;}
.smart-list-body{min-height:200px;overflow:auto;position:relative;max-height:42vh;}
.add-smart-list-wrapper:not(.ScreenIs_active){display:none;}
.add-smart-list-wrapper{background:#ffffff;box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);-moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);-ms-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);-o-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);-webkit-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);position: absolute;left: 0;right:0;width:100%;top:0;z-index:1;}
.add-smart-list-wrapper.ScreenIs_active{display:block;opacity:1;}
.chat-smart-list-item{position:relative;padding-right:25px;}
.chat-smart-list-item .remove-smart-list{position:absolute;right:0;top:10%;}
.chat-smart-list-item:hover{background:#e8e8e8;color:#2b97e2;cursor:pointer;}

.talk-reply-message-innerwrapper .talk-reply-message-content,
.talk-reply-message-innerwrapper .talk-screen-header{background:#ffffff !important}
.talk-reply-message-innerwrapper.talk-screen-innerwrapper{min-height:20px; max-height: calc(97%);height:calc(97%);}

.talk-screen-innerwrapper.talk-save-message-innerwrapper{padding-bottom:5px;}

.ScreenIs_active .talk-screen-innerwrapper {opacity:1;transition:opacity 0.3s ease-in;}
.talk-add-user-innerwrapper {position:absolute;width:96%;height:97%;background:#fff;top:10px;z-index:4;margin:0 auto;left:0;right:0;overflow:hidden;}
.talk-screen-innerwrapper .talk-screen-header.dark,
.talk-add-user-innerwrapper .talk-add-user-header{background-color:transparent;color:#036ab2;padding:10px;font-size:16px;}
.talk-forward-message-header,
.talk-add-user-header{padding-bottom:0px;}
.talk-screen-innerwrapper:not(.talk-reply-message-innerwrapper) .talk-screen-content{height:calc(87%);}
.talk-screen-innerwrapper:not(.talk-reply-message-innerwrapper) .talk-email-message-content.talk-screen-content{height:calc(79%);}
.talk-add-user-content.talk-screen-content{overflow:hidden;}
.talk-add-user-content .user-list-item .radio{display:none;}
.talk-screen-innerwrapper .talk-forward-message-content{height:calc(78%);overflow:hidden;}
.talk-screen-innerwrapper .talk-group-edit-content{height:calc(76%)}
.talk-screen-innerwrapper:not(.talk-reply-message-innerwrapper) .talk-reply-message-content{height:calc(71%);}
.user-message-area{height:calc(100%);overflow:auto;}
.user-message-area .message-box{margin-bottom:10px;}

.chat-box-content .forrward-message,
.chat-box-content .reply-message,
.user-message-area .reply-message {background: #f2f2f2 !important;color: #000;border-left: 5px solid #2197d7;margin-bottom:10px;}

.chat-box-content .reply-message.message-outbox{border-left: 5px solid #14a085;}
.chat-box-content .forrward-message{border-left: 5px solid #DD7C62;}

.chat-box-content .reply-message .username,
.user-message-area .reply-message .username {
    color:#2197d7;font-weight:bold;border-bottom:1px solid #000;display:block;margin-bottom:5px;padding-bottom:3px;
}
.chat-box-content .forrward-message .forward-mess-hd{
    color:#2197d7;font-weight:bold;border-bottom:1px solid #dddddd;display:block;margin-bottom:5px;padding-bottom:3px;
}

.chat-box-content .reply-message{padding-bottom:0px;}

.reply-message .user-reply-mess{background:#e8e8e8;color:#000000;font-weight:600;padding:5px;margin-left:-10px;margin-right:-25px;}

.message-status .icon-check{font-size:15px;}
.talk-screen-innerwrapper .message-footer,
.talk-screen-innerwrapper .talk-screen-content,
.talk-add-user-innerwrapper .talk-add-user-content{padding:10px;}
.group-edit-list,
.add-user-search-list{height:calc(91%);overflow:auto;}
.no-footer.add-user-search-list{height:calc(100%);}
.add-user-search-list li{cursor:pointer;}
.add-user-search-list .user-selected{background-color:#eaeaea;}
.group-edit-list .member-role-select-column{display:inline-block;width:85px;text-align:right;}
.group-edit-list>.user-list-item .user-description{cursor:pointer;}
i.talk-screen-close,
i.close-add-user{font-size:23px;cursor:pointer;}
.talk-screen-search,
.talk-add-user-search {position:relative;}
.talk-screen-search>i,
.talk-add-user-search>i {position: absolute;right: 7px;top: 7px;font-size: 18px !important;z-index: 1;}
.talk-screen-search input[type="search"],
.edit-group-input,
.talk-add-user-search input[type="search"] {min-height:auto !important;border-bottom:1px solid #dddddd;}
.delete-footer_isactive.chat-box-content {height:37vh;}
.talk-group-edit-content,
.talk-forward-message-content {padding-top: 0 !important;}
.talk-group-edit-input-wrapper,
.talk-forward-message-search {transform: translate(0px, -6px);}
.edit-group-input{height:auto !important; min-height:auto !important;}
.buzz-message-wrapper{background:#3ea877;padding:10px;color:#ffffff;border-radius:8px;}
.buzz-datetime{font-size:11px;text-align:right;color:#b0f7d7;}
.talk-chat-list-item .chat-box-header .user-description {max-width:55%;}
.talk-chat-list-item .chat-box-header .user-name,
.talk-chat-list-item .chat-box-header .user-designation {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.talk-chat-list-wrapper .owl-item{float:right;margin-left:10px !important;margin-right:0px !important;}
.talk-chat-list-wrapper .owl-item:last-child {margin-left: 0px !important;margin-right: 0px !important;}
.talk-chat-list-wrapper .owl-stage:after {display: block;clear: both;content: "";}
.talk-chat-list-wrapper  .owl-dots{text-align:center;margin:10px 0px;}
.talk-chat-list-wrapper  .owl-dots>button:focus{outline:none;}
.talk-chat-list-wrapper .owl-dot>span{width: 12px;height: 12px;background: #dddddd;border-radius: 100%;display: block;margin-right:5px;}
.talk-chat-list-wrapper .owl-dot.active>span{background-color:#2197d7;}
.talk-chat-list-wrapper .owl-nav button{opacity:inherit !important;z-index:inherit !important;}
.talk-chat-list-wrapper.owl-carousel .owl-nav button.owl-next,
.talk-chat-list-wrapper.owl-carousel .owl-nav button.owl-prev{font:90px 'Montserrat', sans-serif;color:#dddddd;}
.talk-chat-list-wrapper.owl-carousel .owl-stage{min-width:100%;}
.lsx-emojipicker-tabs img.emoji{width:22px;}
/*add user screen style*/

/*Chat box */
body:not(.chat-detach-view) .chat-box{position:absolute;margin-left: -10px;margin-right: -10px;width:100%;bottom:-100%;background:#fff;transition:bottom 0.3s ease-in;}
.chat-detach-view .chat-box.open,
.chat-detach-view .chat-box{position:relative;bottom:inherit;margin-left:0px;margin-right:0px;}
body:not(.chat-detach-view)  .chat-box.open{bottom:0%;z-index:3;}
body:not(.chat-detach-view)  .talk-chatbox{position:fixed;width:400px;bottom:0%;background:#fff;transition:bottom 0.3s ease-in;right:105px;z-index:2;}
body:not(.chat-detach-view) .talk-chatbox .talk-chatbox-inner{position:relative;}
body:not(.chat-detach-view) .chat-box{right:105px !important;}
.chat-box-content{position:relative;height:38vh;padding:15px;overflow:auto;}
.chat-box .chat-box-header .user-thumb {width:30px;height:30px;border-radius: 100%;overflow:hidden;text-align:center;}
.chat-box .chat-box-header .user-thumb>img {width:30px;height:30px;}
.user-thumb .team-chat-thumb {background: #036ab2;border-radius: 100%;vertical-align:middle;display: block;width: 30px;height: 30px;line-height: 1.5;text-align: center;border:1px solid #ffffff;}
.chat-box .chat-box-header{padding:6px 15px;background-color:#2197d7;color:#fff;}
.header-icon-group i {font-size:22px !important;margin-left:10px;vertical-align:middle;}
.header-icon-group i.icon-close{font-size:13px !important;}
.header-icon-group i.icon-ellipsis {font-size: 16px !important;}
.chat-box .chat-box-header i.icon-close{font-size:19px !important;}
.chat-input-box-wrapper{background:#ffffff;padding: 10px 15px;border-top: 1px solid #edf0f2;}
.chat-input-box-wrapper .right-icon-wrapper i,
.chat-input-box-wrapper .left-icon-wrapper i{font-size:20px;margin-left: 10px;}
.chat-input-box-wrapper .right-icon-wrapper i.icon-add-circle,
.chat-input-box-wrapper .left-icon-wrapper i.icon-add-circle{font-size:23px;}
.message-outbox .dropdown-toggle,
.message-inbox .dropdown-toggle{display:none;}
.message-outbox .dropdown.show .dropdown-toggle,
.message-inbox .dropdown.show .dropdown-toggle,
.message-outbox:hover .dropdown-toggle,
.message-inbox:hover .dropdown-toggle{display:block;}
.chat-input-box-wrapper .right-icon-wrapper i:first-child,
.chat-input-box-wrapper .left-icon-wrapper i:first-child{margin-left:0px;}
.chat-input-box-wrapper textarea{background:rgb(255, 255, 255);border:0px;width:60%;border-radius:100px;margin-top:0px;margin-bottom:0px;height:40px;text-indent: 8px;padding:7px 7px;margin-left: 10px;margin-right: 10px;resize:none;}
.chat-input-box-wrapper textarea:focus{outline:none;border:0;}
.message-inbox,
.message-outbox {padding:10px 25px 10px 10px;display:inline-block;width:80%;border-radius:8px;position: relative;}
.message-outbox {background:#edf0f2;color:#000000;}
.message-inbox {background:#2197d7;color:#ffffff;}
.message-inbox .dropdown.chat-box-dropdown,
.message-outbox .dropdown.chat-box-dropdown{position:absolute;top:10px;right:5px;}

/* deleted message highlight border */
.deleted-message{border:1px solid red;}

/* Open seprate chat box cursor pointer */
.open--seprate-chat-box{cursor: pointer;}

.chat-detach-view .talk-widget{box-shadow:none !important;}
.chat-detach-view.open-talk-widget .talk-side-widget-overlay{z-index:2;}
.chat-detach-view.open-talk-widget .talk-widget{right:86px;top:54px;z-index:3;}
.chat-detach-view .talk-widget-content{height:80vh;}
.chat-detach-view .talk-widget{height:100vh; }
.chat-nav li a i.icon-clock,
.chat-nav li a i.icon-message-circle-thick,
.chat-nav li a i.icon-room-chat,
.chat-nav li a i.icon-teams,
.chat-nav li a i.icon-star,
.chat-nav li a i.icon-ellipsis{font-size: 20px;}
.chat-detach-view .body-content-with-right-sidebar {padding-right:530px;}
.talk-chat-list-wrapper{position: relative;margin:0;padding:0;list-style:none;}
.talk-chat-list-wrapper .talk-chat-list-item .chat-box-content{height:65vh;background:#fff;border: 1px solid #dddddd;}
.chat-detach-view .talk-chat-list-wrapper .talk-chat-list-item .chat-input-box-wrapper textarea{margin-left: 5px;margin-right: 0;}
.chat-detach-view .talk-chat-list-wrapper .talk-chat-list-item .chat-input-box-wrapper{padding:10px 10px;}
.chat-detach-view .talk-chat-list-wrapper .talk-chat-list-item .chat-input-box-wrapper .left-icon-wrapper i{font-size:20px;margin-left:14px;}
.chat-detach-view .talk-chat-list-wrapper .talk-chat-list-item .chat-input-box-wrapper .left-icon-wrapper>i:first-child {margin-left:0;}
.talk-chat-list-item{width:100%;border:1px solid transparent;}
/*.talk-chat-list-item:hover, .talk-chat-list-item:focus {border-color: #000 !important;}*/
.chat-detach-view .chat-input-box-wrapper {border: 1px solid #dddddd;}
.close-box{cursor: pointer;}
.mw-auto{min-width: auto !important;}
.chat-input-box-wrapper .dropdown .dropdown-menu .icon-mic {font-size:26px;}
.lsx-emojipicker-container:after{display:none;}
.talk-widget .talk-widget-setting-dd .dropdown-menu li {position: relative;padding-left:35px;}
.talk-widget .talk-widget-setting-dd .dropdown-menu li i {position:absolute;left: 13px;font-size:16px;}
.talk-widget .talk-widget-setting-dd  .icon-block{font-size:19px;left:11px !important;}
.talk-widget .talk-widget-setting-dd  .menu-checkbox .checkbox{transform: translate(-21px, 0px);padding-left:21px;}
.talk-widget .talk-widget-setting-dd  .menu-checkbox .checkbox >input[type="checkbox"] + span:after{transform: translate(-2px, 1px);}
*[target-screen],
.open-chat-box{cursor:pointer;}
.chat-box-dropdown .dropdown-menu li {font-size:12px !important;font-weight:600;padding:6px 10px;}
.chat-datetime{font-size:11px;display:inline-block;}
.message-outbox .chat-datetime{color:#6d7274}
.message-inbox .chat-datetime{color:#b5daee !important;vertical-align:middle;}
.message-starred-icn{font-size:14px;vertical-align:middle;}

body:not(.open-talk-widget) .talk-chatbox{display:none !important;}
body.sidebar-open .talk-chatbox{display:block;}

.chat-message-screen .user-info{font-weight:700;margin-bottom:10px;}
.message-info-item{border:1px solid #dddddd;padding:10px;margin-bottom:10px;padding:5px 10px;margin-bottom:5px;}
.message-info-item .heading,
.chat-message-screen  .user-info .heading{color:#2596d2;margin-right:5px;font-weight:700;font-size:14px;}
.chat-message-screen  .message-heading .username{color:#2596d2;font-weight:700;}
.message-info-item .status {font-size:11px;}
.close-message-info{font-size:23px;}
.message-heading{color:#036ab2;font-size:16px;text-align:center;font-weight:700;}
.talk-screen-control .control-item{margin-bottom:10px;}
.talk-screen-control .control-item .input-sm{height: auto !important;min-height: auto !important;}
.custom-data-input {padding:0 20px;}
.custom-data-input .control-item label{display:block;font-size:12px;font-weight:700;}
.talk-screen-content .message-member{margin-bottom:10px;}
.message-info-item-wrapper{height:calc(100%);}
.search-chat-box{position:relative;margin-bottom:10px;}
.talk-chatbox-inner .search-chat-box{position:absolute;width:100%;z-index:1;top:30px;}
.talk-chatbox-inner .search-chat-box input[type="search"] {height: 35px;min-height: 35px;}
.message-box img{max-width:100%;}
.search-chat-box~.chat-box-content{padding-top:45px;}
/* .search-chat__active .chat-box-content{}*/
.search-chat-box .form-control{width:100%;border:1px solid #000000;}
.search-chat-box .close-search {position:absolute;height:100%;background:#000;color:#fff;top:0;right:0;padding:4px 10px;font-size:20px;border:1px solid #000000;cursor:pointer;line-height:24px;}

.emoji-menu{left:0;right:inherit;}
.talk-reply-message-wrapper .talk-screen-header.dark{background:#2197d7 !important;color:#ffffff;}
.talk-chatbox-inner .chat-input-box-wrapper{position:relative;}
.talk-chatbox-inner .upload-file-item{position:absolute;top:-32px;background:#2197d7;width:80%;color:#ffffff;}
.upload-chat-file{background:#015684;display:inline-block;padding:5px 0px;margin-right:5px;}
.talk-chatbox-inner .upload-file-item .progress-bar-manager .progress-bar.active.progress-bar-success~.file-size {color:#ffffff;}
/*chat Style*/




/* Talk style /////*/



/* Logout widget style */
.logout-wrapper span {margin-right: 2vw;cursor: pointer;text-align: center;font-size: 14px;font-weight: bold;}
.logout .email-type, .logout .new-email-control, .logout .refresh-icn-wrapper {display: none;}
.logout-wrapper span img {display: block;margin: 0 auto;border: 1px solid #ebebeb;border-radius: 50%!important;}
.widget-content .password-reset-form,
.widget-content .login-wrapper,
.widget-content .logout-wrapper{display:none;}
.login-wrapper .singnin{min-width:145px;}
.widget-body.password-reset-form .widget-content>div,
.widget-body.login-form .widget-content>div,
.widget-body.logout .widget-content>div{display: none;}
.widget-body.login-form .reset-pass-message{display:none;}
.widget-body.password-reset-form .widget-header i,
.widget-body.password-reset-form .widget-header .email-type,
.widget-body.password-reset-form .widget-header .new-email-control,
.widget-body.password-reset-form .floatThead-container,
.widget-body.login-form .floatThead-container,
.widget-body.login-form .widget-header .email-type,
.widget-body.login-form .widget-header .new-email-control,
.widget-body.login-form .widget-header .refresh-icn-wrapper{display:none;}
.widget-body.password-reset-form .widget-content .password-reset-wrapper,
.widget-body.login-form .widget-content .login-wrapper,
.widget-body.logout .widget-content .logout-wrapper{display: block !important;transition: display 0.3s ease-in;}
.email-widget .widget-body.login-form{background:url('../img/email-login-bg.png') no-repeat;background-size:45%;background-position:bottom right;}
.widget-body.password-reset-form{background:url('../img/email-reset-password-bg.png') no-repeat;background-size:45%;background-position:bottom right;}
.logout-wrapper span {margin-right:1%;cursor:pointer;text-align:center;font-size:0.8vw;font-weight:bold;width:80px;}
.small-box:not([medium_box="true"]) .logout-wrapper span {margin-right: 1%;cursor:pointer;text-align:center;font-size:0.8vw;font-weight:bold;width:21%;}
.password-reset-wrapper .input input,
.login-wrapper .input input{border:1px solid #dddddd;border-radius:0px;padding:5px 10px;}
.password-reset-wrapper .input input::placeholder,
.login-wrapper .input input::placeholder{color:#c4c4c4;font-weight: 600;}
.password-reset-wrapper .input input:-ms-input-placeholder,
.login-wrapper .input input:-ms-input-placeholder { color:#c4c4c4 !important;font-weight: 600;}
.password-reset-wrapper .input input::-ms-input-placeholder,  
.login-wrapper .input input::-ms-input-placeholder { /* Microsoft Edge */color:#c4c4c4 !important;font-weight: 600;}

/*Reset Password Email Widget*/
.reset-pass-message {
    position: absolute;top: 39px;z-index: 3;left: 11px;background: #fff2f2;font-weight: 600;color:#d42f2f;padding: 1px 11px 1px 3px;font-size: 11px;
}

/* widget tabs */
.nav-tabs.widget-tabs{border-bottom:0px solid #dee2e6;margin-top:7px;position:relative;}
.nav-tabs.widget-tabs:after{content:"\e904";font-family: 'custom-icon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;right:-10px;top:4px;font-size: 18px;}
.widget-tabs:hover:after{transform:rotate(180deg);}
.nav-tabs.widget-tabs{width: auto;transition: width 0.5s linear;}
.nav-item.has-label{position:relative;min-width:175px;padding-right:26px;}
.nav-item.has-label>.count-label{position:absolute;right:12px;background:#2197d7;color:#fff;top:50%;transform:translate(0 ,-50%);padding:3px 5px;border-radius:2px;}
.nav-tabs.widget-tabs .nav-item>a{display:none;opacity: 0;transition:opacity 0.3s linear;}
.nav-tabs.widget-tabs .nav-item>a.active{display:block;opacity:1;transition:opacity 0.3s linear;}
.nav-tabs.widget-tabs .nav-link {border: 0px solid transparent;border-top-left-radius: 0;border-top-right-radius: 0;font-size: 12px;font-weight: 500;padding: 5px 10px;color: #454545;}

.nav-tabs.widget-tabs .nav-item.show .nav-link,
.nav-tabs.widget-tabs .nav-link.active {color: #000;background-color: transparent;border-color: transparent;font-weight: 800;}
.nav-tabs.widget-tabs .nav-link.active.no-menu-bold{font-weight:500;}
.widget-tabs:hover .nav-item>a .stc,
.nav-tabs.widget-tabs .nav-item>a .dp-title{display:inline-block;}
.widget-body:hover .widget-tabs.expend-on-widget-hover .nav-item>a,
.widget-tabs:hover .nav-item>a{display:block;opacity:1;animation:animate_opacity .3s linear;-webkit-animation:animate_opacity .3s linear;-moz-animation:animate_opacity .3s linear;-o-animation:animate_opacity .3s linear;-ms-animation:animate_opacity .3s linear;}
.widget-tabs .nav-item>a .stc,
.widget-tabs:hover .nav-item>a .dp-title{display: none;}
.nav-tabs.widget-tabs.no-after:after{display: none;}
.nav-tabs.widget-tabs{margin-top:0px;}
.nav-tabs.widget-tabs.tab-icon .nav-link {padding: 0;}
.meetings-widget .nav-tabs.widget-tabs{transition:inherit !important;}
.meetings-widget .nav-tabs.widget-tabs .nav-item>a {display:block !important;opacity:1 !important;transition:inherit !important;animation:inherit !important;}

.nav-no-radius .nav-link{border-radius:0px;}
.nav-no-bg .nav-link.active, .nav-no-bg .show>.nav-link,
.nav-no-bg .nav-link:focus {background:transparent !important;background-color:transparent !important;color:#000;font-weight:bold;border-radius:0;}
.nav-border-bottom .nav-link{position:relative;margin-bottom:15px;}
.nav-border-bottom .nav-link.active:after{content:'';display:block;width:80%;height:5px;border-radius:4px;background:#2197d7;position:absolute;left:0;right:0;margin:0 auto;bottom:0px;}
.nav-link:focus,.nav-item:focus{outline:none;border:none;}
.widget-tabs-with-heading>.dropdown .nav-item .nav-link,
.nav-tabs.widget-tabs-with-heading>.nav-item .nav-link{background-color:transparent;border-color:transparent;padding:0 5px;border:none;padding: 0 15px;}
.nav-tabs.widget-tabs-with-heading>.nav-item:first-child .nav-link{padding-left:5px}
.widget-header .dropdown .nav-link.menu-active,
.widget-header .dropdown .nav-link.active,
.nav-tabs.widget-tabs-with-heading .nav-item.show .nav-link,
.nav-tabs.widget-tabs-with-heading .nav-link.active{background-color:transparent;border-color:transparent;}
.nav-tabs.widget-tabs-with-heading>.nav-item{position:relative;}
.nav-tabs.widget-tabs-with-heading>.nav-item:after{content: '';width: 1.5px;height:70%;background:#000;display:block;z-index:1;position:absolute;top:6px;right:0px;}
.nav-tabs.widget-tabs-with-heading>.nav-item:last-child:after{display:none;}
.nav-tabs.widget-tabs-with-heading>.nav-item .widget-heading{color:#c4c4c4}
.nav-tabs.widget-tabs-with-heading .nav-item .nav-link.dropdown-active .widget-heading,
.nav-tabs.widget-tabs-with-heading .nav-item .nav-link.menu-active .widget-heading,
.nav-tabs.widget-tabs-with-heading .nav-item .nav-link.active .widget-heading{color:#036ab2}
.nav-tabs.widget-tabs-with-heading {border:none !important;}
.widget:not([medium_box="true"]) .has-dropdown-tabs .nav-link.active~.dropdown,
.widget:not([medium_box="true"]) .has-dropdown-tabs .nav-link.dropdown-active~.dropdown,
.widget:not([medium_box="true"]) .has-dropdown-tabs .dropdown,
.insight-widget-menu .nav-item:not(.has-dropdown-tabs) .dropdown,
.has-dropdown-tabs .dropdown {display:none;}
.mis-widget .has-dropdown-tabs .nav-link.dropdown-active~.dropdown,
.mis-widget .has-dropdown-tabs .nav-link.active:not(.menu-active)~.dropdown,
.mis-widget .has-dropdown-tabs.markets-tab-active .nav-link.menu-active~.dropdown.markets-dd,
.mis-widget .has-dropdown-tabs.insights-tab-active .nav-link.menu-active~.dropdown.insights-dd {display:inline-block !important;}
.insight-widget-menu .has-dropdown-tabs{display:flex;align-items:center;}

.widget-header .has-dropdown-tabs .dropdown,
.widget-header .nav-item.has-dropdown-tabs .dropdown {font-size:13px;}
.dropdown a {text-decoration:none;}
.dropdown-tabs .icon-arrow-down,
.dropdown-tabs .icon-arrow-down{font-size:16px;margin-left:5px;vertical-align:middle;}
.nav-item.has-dropdown-tabs>.nav-link {padding-right:2px !important;}
.nav-item.has-dropdown-tabs {padding-right:10px !important;}
.v-align-text-bottom{vertical-align: text-bottom;}
.dropdown-tabs.with-bg {padding: 3px 15px;background: #dddddd;border-radius:3px;}
.dropdown-tabs.with-bg {background: #2197d7;color:#ffffff;}
.dropdown-tabs.with-bg.all-tab {background: #dddddd;color:#000000;}
/*date picker style */
.datepicker thead .datepicker-switch {color:#000;}
.datepicker thead .dow{color:#c3c3c3;}
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {color: #fff;background-color: #0082c9;border-color: #0082c9;border-radius: 100%;}
.datepicker .next,
.datepicker .prev{font-size: 22px;font-weight:normal;color:#000;}

/* list group style */
.list-group-item.border-bottom{border-bottom: 1px solid #ccc;border-top:0px;border-left:0px;border-right: 0px;}
.list-group-item.has-icon-right {padding-right:32px;}
.list-group-item.has-icon-left {padding-left:32px;}

.file-move-modal .list-group-item.has-icon-right {padding-right:20px;}
.file-move-modal .list-group-item.has-icon-left {padding-left:20px;}
.file-move-modal .list-group-item.has-icon-left .left-icon,
.file-move-modal .list-group-item.has-icon-left-right .left-icon,
.file-move-modal .list-group-item.has-icon-left i.left-icon,
.file-move-modal .list-group-item.has-icon-left-right i.left-icon
{left:0;}


.list-group-item.has-icon-left-right {padding-left:32px;padding-right:40px;}

.list-group-item.has-icon-left .left-icon,
.list-group-item.has-icon-left-right .left-icon,
.list-group-item.has-icon-left i.left-icon,
.list-group-item.has-icon-left-right i.left-icon{position: absolute;left:10px;top:12px;}


.list-group-item.has-icon-right .right-icon,
.list-group-item.has-icon-left-right .right-icon,
.list-group-item.has-icon-right i.right-icon,
.list-group-item.has-icon-left-right i.right-icon {position: absolute;right: 10px;top: 12px;}
.event-list-item .event-list-title {max-width: 80%;}
.list-group-item.no-border{border:0px}
.event-list-item.has-icon-left-right i.left-icon{left:5px;}

.icon-back.up {transform: rotate(271deg);-webkit-transform: rotate(-271deg);-moz-transform: rotate(-271deg);-o-transform: rotate(-271deg);}
.icon-back.down {transform: rotate(271deg);-webkit-transform: rotate(271deg);-moz-transform: rotate(271deg);-o-transform: rotate(271deg);}
.table-rate-indicators .icon-back{font-size:11px;}
.rate-indicator{position:relative;padding-left:12px !important;}
.rate-indicator .icon-back {position:absolute;top:6px;left:2px;}
/* .market-tab-switch{position:absolute;top:-34px;right:10px}*/
/* .dd-market-list{width:250px;min-width:250px;max-height:330px;overflow:auto;}
 .insight-widget-menu .nav-item>.nav-link:not(.menu-active){display:none;}*/

.table-resolutions-wrapper .btn,
.table-meeting-widget .btn {min-width: 130px;}
.tabs-wrapper>.tab-pane-content.tab-pane-hidden {display:none;}
.tabs-wrapper>.tab-pane-content {display:block;opacity:0;}
.tabs-wrapper>.show {display:block;opacity:1;}
.tab-menu-active>i{color:#036ab2;}
.tabs-control i{vertical-align:middle;}
.tabs-control .icon-list{font-size:22px;}
.tabs-control .icon-arrange{font-size:23px;}
.tabs-control i.icon-report{font-size:24px;}
.cards-list{padding:0;margin:0;list-style:none;padding:15px;text-align:center;width:100%;text-align:center;}
.cards-list .card-item{width:19%;display:inline-block;padding: 12px;text-align:left;margin-bottom:15px;}
.cards-list .card-item .card {border-radius:10px;box-shadow:10px 10px 40px rgb(0 0 0 / 10%);overflow:hidden;}
.cards-list .card-item.disabled .card {box-shadow:none !important;border:1px solid #dddddd !important;cursor:default;}
.cards-list .card-item.disabled .card .card-body,
.cards-list .card-item.disabled .card .card-item-footer{opacity:0.3;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.disabled a:hover,
.disabled i:hover,
.disabled .cursor-pointer{cursor:default !important;}
.cards-list .card-item .card .card-title{height:150px;overflow: hidden;}
.cards-list .card-item .card .card-edit{cursor: pointer;}
.cards-list .card-item.disabled .card .btn,
.cards-list .card-item.disabled .card .card-edit {cursor:default;}
[data-dismiss="modal"]:focus {outline: none !important;box-shadow: none !important;}
.card-item-footer{padding:10px 5px;font-size:18px;font-weight:bold;color:#fff;background:#000000;}
.card-item-footer.approved-item{background:#10aa2e;}
.card-item-footer.tie-item{background:#036ab2;}
.card-item-footer.rejected-item{background:#de2020;}
.card-item-footer.pending-item{background:#2197d7;}
.card-item-footer.canceled-item{background:#636363;}
.modal-header .font-small{font-size:10px;}
.dropdown-toggle.no-arrow:after{display:none;}
.dropdown .user-detail-deropdown{padding:15px;width:340px;}
.dropdown .user-detail-deropdown .header-user-detail .icon-wrapper i{font-size: 25px;cursor: pointer;}
.btn-light{border-color:#dee2e6;}
.select-project-summary .btn-light {color:#000;background-color:#edf0f2 !important;border:1px solid #ececec !important;}
.select-project-summary .btn-light:focus,
.select-project-summary .btn-light:active{border:1px solid #000000 !important;}
.attendess-list .btn {width: 100px;}
.document-list{padding:0;margin:15px 0 0 0;list-style:none;}
.document-list .document-list-item{padding:15px 0;}
.document-icon-wrapper i{font-size:22px;cursor: pointer;}
.color-blue2,
.img-icon-col .color-light-blue{color: #2197d7 !important;}
.card-icons .icon-folder,
.img-icon-col i.font-bigger{font-size:28px;}
.tab-menu-active,
.meetings-widget .tab-menu-active{color:#2197d7}
.dropdown-toggle.with-arrow:after{content: "\e905";font-family: 'custom-icon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;border-top: .0 solid;border-right: 0 solid transparent;border-bottom: 0;border-left: 0 solid transparent;vertical-align: middle;color: #000;font-weight: bold;}
.upload-file-wrapper {position: relative;}
.upload-file-wrapper>input[type="file"] {position:absolute;top:0;opacity:0;width:100%;z-index:1;left:0;cursor:pointer;height:100%;}
.minutes-list{list-style:none;padding:0;margin:20px 0 0 0;}
.minutes-list .minutes-list-item{list-style:none;border:1px solid #dddddd;position:relative;padding:5px 10px;margin-bottom: 15px;}
.minutes-list .minutes-list-item>input{border:none !important;text-indent:10px;}
.minutes-list .minutes-list-item>input:focus{border:none !important;outline: none; box-shadow: none;}
.minutes-list .minutes-list-item .count-add-note{position:absolute;left:10px;top:15px;}
.add-more-munites-list{font-weight:bold;margin-top:15px;cursor:pointer;}
.add-more-munites-list:hover{color:#036ab2;}
.no-result>i,
.no-attendees .icon-no-user-found{font-size:50px;margin-top:10%;}
.edit-project-trigger{display:none;}
.active .edit-project-trigger{display:block;}
.user-thumbs-list.user-list .user-list-item .user-thumb img,
.user-thumbs-list.user-list .user-list-item .user-thumb{width:35px;height:35px;}
.form-control-plaintext{font-size:inherit;}
.table-fullview-project-report-wrapper .fusioncharts-container{margin-right:-16px;}

.user-thumb.has-badge .badge {
    position:absolute;top:73%;width:15px !important;height:15px !important;border-radius:100%;padding:0;background:#ffff;line-height:1.8;color:#22ae4b;
}

.user-description .badge {font-size:9px;background:blue;border-radius:20px;padding:3px 5px;color:#fff;}


.list-inline>.user-list-item:not(.d-flex){display:inline-block;width:auto;}
.hide-user-name .user-name{display:none;}
.plus-icon{font-size:35px;font-weight:300;}
.form-control.radius{border-radius:6px;}
.input.rounded,
.form-control.rounded{border-radius:30px !important;}

/*fixed the project board header*/
.fixed-scroll-container .fixed-row-element{
    position:absolute;top:0px;left:0px;right:0px;z-index:1;background:rgb(255, 255, 255);
} 
.fixed-scroll-container .project-list{margin-top: 60px;}

/* replace widget modal style */
.replace-widget-list{list-style: none;padding: 0;margin: 0;text-align:left;}
.replace-widget-list>li {display: inline-block;min-width: 24.5%;text-align: center;max-width: auto;color:#000000;margin-bottom:25px;}
.replace-widget-list>li.disabled{display: none;}
.replace-widget-list>li>i {width: 90px;height: 90px;font-size: 42px;border-radius: 100%;background: #f6f9fc;text-align: center;display: block;line-height: 90px;margin: 0 auto;}
.replace-widget-list>li>i.icon-trending-thin,
.replace-widget-list>li>i.icon-mail-thin {font-size: 28px;}
.replace-widget-list>li>.replace-widget-title {font-weight: 600;}
.replace-widget-list>li:not(.disabled)>i.active-replace,
.replace-widget-list>li:not(.disabled)>i:hover {background: #2197d7;color:#fff;transition:color 0.3s ease-in;cursor: pointer;}
/* Edit list modal for market tabs style */
.edit-list-hdlr{color:#2197d7;font-weight:600;cursor: pointer;}
.edit-list-search-container{padding-left:1rem;padding-right:1rem;position: relative;}
.edit-list-search-container input[type="search"]{border:1px solid #dddddd;height:50px;padding-right:35px;}
.edit-list-wrapper:not(.search-list_is___active) .add-list,
.edit-list-wrapper:not(.edit-list_is_____active) .sort-list,
.edit-list-wrapper:not(.edit-list_is_____active) .delete-from-list{display: none;}
.edit-list-search-container .search-list-icon {position: absolute;right: 24px;top: 12px;font-size: 23px;}
.edit-list-search-container.search-active .search-list-icon{right:inherit;left:24px;}
.edit-list-search-container.search-active input[type="search"]{padding-left:35px;padding-right:10px;}
.search-active .cancel-search {position: absolute;top: 15px;right: 27px;color:#2197d7;font-weight: 600;font-size: 14px;}
.list-container{list-style: none;padding:0;margin:0;opacity:1;transition:opacity 0.3s ease-in;}
.list-container .list-item{padding:15px 0px;position: relative;}
.list-item .list-value,
.list-item .list-title{position: relative;}
.list-item .list-title .sub-title{margin-top:-2px;}
.list-value .value-label{border-radius:4px;padding: 2px 5px 2px 11px;}
.bg-red{background:#de2020;}
.bg-green{background:#10aa2e;}
.sort-list i{font-weight: bold;font-size: 15px;}
.delete-from-list i {background: #de2020;border-radius: 100%;overflow: hidden;padding:4px;font-size:12px;color: #fff;font-weight: bold;cursor: pointer;}
.add-icon{background: #10aa2e;border-radius: 100%;overflow: hidden;padding: 4px;font-size: 20px;color: #fff;font-weight: 500;cursor: pointer;width: 20px;height: 20px;line-height: 12px;display: inline-block;text-align: center;}
.edit-list_is_____active .delete-from-list{position:absolute;left:0;top:8px;}
.search-list_is___active .list-item .list-title,
.edit-list_is_____active .list-item .list-title{padding-left:28px !important;}
.edit-list_is_____active .sort-list{position:absolute;right:0;top:14px;cursor: grab;}
.search-list_is___active .add-list{position: absolute;left: 0;top: 8px;}
.edit-list_is_____active .list-value{padding-right:35px !important;}
.selected-item,
.recent-activity{background:#f7f7f7;}

/*Apps Projects widget */
.nav-tabs{list-style-type:none;}
.nav-tabs .widget-heading:hover,
.nav-tabs .widget-heading{text-decoration:none;color:#036ab2}
.side-tab-nav{min-width:180px;max-width:180px;background:#edf0f2;}
.side-tab-nav .nav-tabs{display:block;width:100%;margin-left:0px;}
.side-tab-nav .nav-item{display:block;width:100%;border-bottom:1px solid #ddd;}
.side-tab-nav .nav-item .nav-link{color:#5b5c60;background:transparent;border:transparent;padding:18px 15px;text-transform: capitalize;border-radius:0;}
.side-tab-nav .nav-item .nav-link.active, .side-tab-nav .nav-item .nav-link:hover{color:#000000;}
.app-view-side-nav .nav-item .nav-link.active, .side-tab-nav .nav-item .nav-link:hover{color:#036ab2 !important;}
.side-tab-nav .nav-item i{font-size:22px;vertical-align:middle;transform:translate(0px, -2px);}
.projects-widget .side-tab-nav{margin-left:-10px;}
.side-tab-nav .projects-nav-tabs .nav-link.active{color:#036ab2;position:relative;}
.side-tab-nav .projects-nav-tabs .nav-link.active:after{color:#036ab2;font-family: 'custom-icon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e907";position:absolute;right:10px;top:5px;font-size:22px;}
.side-tab-nav .projects-nav-tabs>.nav-item>.nav-link.active:after{top:30%;}
.side-tab-nav .count-tag{right:8px;top:inherit;}
.project-login-screen{padding-top:10vh;}
.project-login-screen .heading{font-size:3vw;font-weight:bold;}
.project-login-screen .create-project{margin-top:35px;}
.modal-medium .modal-header,
.modal-medium .modal-body{padding-left:25px;padding-right:25px;}
.side-tab-nav .nav-item.dropdown .dropdown-menu{position:relative !important;transform:translate(0, 0) !important;box-shadow:none !important;background:transparent;}
.project-col .col-header{position:relative;margin-bottom:10px;}
.project-col .col-header .badge{background:#eeeeee;padding:5px 8px;border-radius:4px;margin-left:6px;font-size:1vw !important;}
.project-col{padding-left:4px !important;padding-right:4px !important;}
.projects-widget .board-tab{margin-left:-12px !important;margin-right:-12px !important;}
.col-heading{max-width:82%;font-size:1vw !important;}
.project-list{background:#edf0f2;padding:10px;border-radius:8px;margin:0;min-height:40px;list-style:none;}
.project-list .project-list-item{list-style:none;margin-bottom:10px;}
.add-project-item{margin-bottom:10px;}
.project-list-item{padding:10px;position:relative;background:#ffffff;border-radius:8px;box-shadow:10px 10px 40px rgb(139 177 209 / 10%);-webkit-box-shadow:10px 10px 40px rgb(139 177 209 / 10%);-moz-box-shadow:10px 10px 40px rgb(139 177 209 / 10%);}
.project-list .project-list-item .list-item-header{position:relative;margin-bottom:10px;}
.project-list .project-list-item .list-item-header>.project-name{background:#eeeeee;border-radius:15px;padding:5px;font-size:11px;font-weight:600;width:66%;margin-right:3%;color:#000;text-align:center;min-height:30px;} 
.project-list .project-list-item .list-item-header>.project-attachment{background:#eeeeee;border-radius:15px;color:#fff;padding:5px;width:30%;color:#65676b;height:30px;}
.project-list.todo .project-list-item .list-item-header>.project-name{background:#e6f0f7;color:#036ab2;} 
.project-list.in-progress .project-list-item .list-item-header>.project-name{background:#f8e8f0;color:#bb1e67;}
.project-list.done .project-list-item .list-item-header>.project-name,
.project-list.completed .project-list-item .list-item-header>.project-name{background:#e7f7ea;color:#10aa2e;} 
.project-list.reopen .project-list-item .list-item-header>.project-name{background:#fff0ea;color:#fc682a;} 
.project-list-item .list-content{position:relative;margin-bottom:10px;max-height:61px;overflow:hidden;}
.project-list-item .list-footer{position:relative;}
.projects-widget .widget-content>.side-tab-nav~.tab-content{overflow:auto;}
.projects-nav-tabs .accordion-item [aria-expanded="true"]{color:#000000;}
.view-project-report-modal-wrapper .create-subtask {display: none !important;}
.board-tab>.row{flex-wrap:nowrap;}
.project-list-item .list-footer>.user-thumb{width:25px;height:25px;border-radius:100%;}
.project-list-item .list-footer>.user-thumb>img{width:25px;height:25px;border-radius:100%;}

.project-list .project-list-item .list-item-header>.task-assign-to{
    padding:3px;font-size:11px;font-weight:600;width:100%;text-align:left;
}
.project-list.todo .project-list-item .list-item-header>.task-assign-to{color:#036ab2;}
.project-list.in-progress .project-list-item .list-item-header>.task-assign-to{color:#bb1e67;}
.project-list.done .project-list-item .list-item-header>.task-assign-to,
.project-list.completed .project-list-item .list-item-header>.task-assign-to{color:#10aa2e;}
.project-list.reopen .project-list-item .list-item-header>.task-assign-to{color:#fc682a;}
.project-list .project-list-item .list-item-header .collapse-task{
    position:absolute;
    right:0px;
    top:0;
}

.add-project-nav .btn{font-size:12px;}
.email-list-pagination .pagination-email{position:relative;top:inherit;right:inherit;}
.email-list-pagination .pagination-email>span{vertical-align:top;}

.create-subtask{font-size:22px;line-height:1;visibility:hidden;opacity:0;transition:opacity 0.3s ease-in;-webkit-transition:opacity 0.3s ease-in;-moz-transition:opacity 0.3s ease-in;-o-transition:opacity 0.3s ease-in;vertical-align: middle;display:inline-block;/* margin-right:2px;*/font-weight:normal;}
.flex-table-row:hover .create-subtask{visibility:visible;opacity:1;font-family: arial;}
.col-title .text-ellipsis.title{max-width:85%;vertical-align:middle;display:inline-block;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
.create-project-subtask-modal .subtask-title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 80%;display: block;}
.dropdown-filter .dropdown-menu-filter li i{width:22px;vertical-align: middle;}
.search-dark-theme .form-control{background-color:#43464d;color:#c4c4c4}
.dropdown-filter .dropdown-menu-filter{max-height:200px;overflow:auto;}
.search-header.radius .form-control{border-radius:8px;}
.search-header.left-icon i{position:absolute;right: inherit;left:7px;}
.search-dark-theme i{color:#c4c4c4}
.search-header.left-icon .form-control{padding-left:30px;padding-right:10px;}
.side-tab-nav .search-header input[type="search"]{width:100%;min-width:100%;}
.widget-header .create-task-btn-m-l{margin-left:5vw;}
.table-custom-filters .filter-item{max-width:200px;}
.table-custom-filters input.lightbg,
.table-custom-filters .filter-item .dropdown-toggle{background:#edf0f2;border-radius:6px;padding-top:6px;padding-bottom:6px;border:transparent;height:30px;min-height:30px;border:1px solid #dddddd;}
.table-custom-filters .bootstrap-select>.dropdown-menu{min-width:230px!important;}
.bootstrap-select.form-control{min-height:auto !important;}
.table-custom-filters>.date-filter>input{min-height:30px;}
.table-custom-filters .label{display:block;color:#65676b;font-weight:600;}
.modal .widget-body {height:auto !important;overflow: inherit !important;border: 0px !important;background: inherit !important;}
.projects-grid-tabs-wrapper .nav-tabs i {font-size: 25px !important;font-weight: normal;margin-right: 0px !important;}
.projects-grid-tabs-wrapper .nav-tabs .active {color:#42a5f6}
.table-progress tr th{height:40px;padding:0px 10px;vertical-align:top;color:#000;font-weight:600;text-align:center;}
.table-progress tr th .month{display:block;opacity:0;visibility:hidden;transition:opacity 0.3s ease-in;}
.table-progress tr th:hover .month{opacity:1;visibility:visible;}
.table-progress tr td{height:45px;padding:9px 10px;vertical-align:top;text-align:center;}
.progress-col .progressbar{display:block;height:calc(100%);border-radius:8px;background:#dddddd;}
.table-progress tr td:not(.progress-col):nth-child(odd) {background:#edf0f2}
.select-working-hours .dd .ddChild li img{float:right !important;}
.select-working-hours .dd .ddChild {min-width:220px !important;min-height:300px !important;}
.select-working-hours .holiday,
.select-week-start-day li.disabled{color:#929fa6;}
.select-week-start-day li.disabled:hover{cursor:default}
.add-holidays-inputs .holidays-fields{padding-right:20px;position:relative;}
.add-holidays-inputs .holidays-fields [remove-item="true"]{position:absolute;top:32%;right:2px;cursor:pointer}
.form-control-input.bootstrap-select .btn.dropdown-toggle {min-height: 40px;}
.form-control-input.bootstrap-select .btn.dropdown-toggle {background-color:transparent !important;padding-left:8px;padding-right:8px;}
.form-control-input.bootstrap-select>.dropdown-toggle.bs-placeholder,
.form-control-input.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.form-control-input.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.form-control-input.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#000000}
.select-bs-dropdown-checkbox.bootstrap-select.show-tick.circle .dropdown-menu span.check-mark {border-radius:100%;background:#dddddd;border-color:#dddddd;}
.select-bs-dropdown-checkbox.bootstrap-select.show-tick.circle .dropdown-menu span.check-mark:after{width:20px;height:20px;content: '';background:#2197d7;border-radius:100%;transform:rotate(0deg);border:none;left:0;}
.add-holidays {background: #ccc;border-radius: 4px;padding: 0px 9px !important;font-size: 18px;font-family: arial;cursor:pointer;}
.search-project-report-filter{padding:5px;background:#000;color:#fff;display:inline-block;text-align:center;transform:translate(0px, 13px);cursor:pointer;}
.tabs-control .search-project-report-filter>i{margin-right:0px !important;}
.project-list-date-search-filter .date-filter-search-btn{background:#000000;color:#ffffff;transform:translate(-4px, 0px);}
.project-list-date-search-filter .date-filter-search-btn i{margin:0;margin-right: 0 !important;}

.table-project-widget-wrapper .col-title{position:relative;padding-left:15px !important;}
.table-project-widget-wrapper .col-title .create-subtask{
    position: absolute;left:0;
}
.comment-count-wrapper{
    position:relative;display:block;margin-bottom:2px;
}
.comment-count-wrapper .count{
    position: absolute;text-align:center;bottom: -2px;width: 12px;height: 12px;border-radius: 50%;overflow: hidden;color: #ffffff;font-size: 7px;background: #036ab2;right: -5px;line-height: 12px;
}
.board-tab .comment-count-wrapper .count{
    top:-6px;
    right: 1px;
}


/*bs multiselect custom style*/
.dropdown.bootstrap-select .dropdown-toggle::after{content:"\e905";font-family:'custom-icon' !important;speak: never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-top: .0 solid;border-right: 0 solid transparent;border-bottom: 0;border-left: 0 solid transparent;vertical-align: middle;color: #000;font-weight: bold;}
.dropdown.bootstrap-select .dropdown-toggle:focus{outline:none !important;box-shadow:none;}
.dropdown.bootstrap-select  .bs-actionsbox .actions-btn{background-color:transparent;border-color:transparent;font-weight:600;font-size:13px;}
.dropdown.bootstrap-select  .bs-actionsbox{position:absolute;top: 10px;}
.dropdown.bootstrap-select .dropdown-menu .dropdown-menu.inner{display:block !important;background:#f6f9fc;margin-bottom:1px;}
.dropdown.bootstrap-select .dropdown-menu.inner .dropdown-item{color:#65676b;padding-top:10px;padding-bottom:10px;font-weight:600;}
.select-bs-dropdown-checkbox.dropdown.bootstrap-select .dropdown-menu.inner .dropdown-item{padding-left:35px;padding-right:10px;}
.select-bs-dropdown-checkbox.bootstrap-select.show-tick .dropdown-menu span.check-mark{position:absolute;display:inline-block;height:20px;width:20px;right:inherit;top:8px;left:15px;border:1px solid #000;}
.select-bs-dropdown-checkbox.bootstrap-select.show-tick .dropdown-menu span.check-mark:after{content: '';display: block;width: .5em;height: 1em;border-style: solid;border-width: 0 .23em .23em 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 0;left: 5px;visibility:hidden;opacity:0;transition:opacity 0.3s ease-in;}
.select-bs-dropdown-checkbox.bootstrap-select.show-tick .selected span.check-mark:after{opacity:1;visibility:visible;}
.dropdown.bootstrap-select .dropdown-menu.inner .dropdown-item.selected{color:#000000;}
.dropdown.bootstrap-select .dropdown-menu .dropdown-menu.inner>li{padding-top:0px;padding-bottom:0px;}
.dropdown.bootstrap-select .dropdown-menu .dropdown-menu.inner .dropdown-item:hover,
.dropdown.bootstrap-select .dropdown-menu .dropdown-menu.inner .dropdown-item:focus{background:#e8e8e8;color:#2197d7;}
.dropdown.bootstrap-select .dropdown-menu .dropdown-menu.inner .selected .dropdown-item{background:transparent;}
.bootstrap-select .bs-searchbox{padding:10px 15px 10px 15px;}
.bs-searchbox .form-control {background:transparent;border:1px solid #000000;border-radius:6px;min-height:35px;}
.bootstrap-select .btn{font-size:13px;}
.bootstrap-select.select-bs-dropdown-checkbox .dropdown-menu.show{padding-top:40px;}
.bootstrap-select.select-bs-dropdown-checkbox.pt-0 .dropdown-menu.show{padding-top:0px;}
.select2-dropdown-menu .select2-selection{border:0px !important;font-weight: bold;}
.select2-dropdown-menu .select2-selection--single .select2-selection__arrow b{display:none !important}
.select2-dropdown-menu .select2-selection--single .select2-selection__arrow:after{content:'\e905';font-family:'custom-icon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height: 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:-9px;right:0;font-size:18px;}
.no-search .select2-search,
.no-arrow .select2-selection--single .select2-selection__arrow:after{display:none !important;}
.dropdown.disabled .dropdown-toggle:after{display:none}
.select2-container{width:100% !important;}
.minisite-sidebar-dropdown .select2-selection{background-color:transparent !important;}
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"]{color:#fff;background-color: #036ab2;}
.select2-container--bootstrap4.select2-container--focus .select2-selection {border-color: #dee2e6 !important;box-shadow: none !important;}
.select2-container--bootstrap4 .select2-selection{border:1px solid #dee2e6;border-radius:0;}
.select2-container--bootstrap4 .select2-selection--single{height:40px !important;}
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{line-height:39px}
.minisite-sidebar-dropdown .select2-dropdown{min-width:300px;/* transform:translate(15%, -1%);*/}
.minisite-sidebar-dropdown .select2-search--dropdown{padding:0 !important;margin-bottom:8px;position:relative;}
.minisite-sidebar-dropdown .select2-search__field{background:#40434a;border-color:#40434a;color:#fff;text-indent:20px;min-height:40px;}
.minisite-sidebar-dropdown .select2-search--dropdown:after{content: "\e964";font-family: 'custom-icon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:absolute;left:8px;top:28%;color:#bcbcbc;font-size:19px;}
.select2-container.minisite-sidebar-dropdown .select2-selection--single .select2-selection__rendered{
    background: #000;margin-left:-10px;color: #fff;font-size:14px;
}
.select2-dropdown-menu .minisite-sidebar-dropdown .select2-selection--single .select2-selection__arrow:after{
    color:#ffffff;
}

/* file sync upload file loader style */ 
.file-sync-table .progress-bar-manager .progress-bar.active.progress-bar-success~.file-size{display:none !important;}
.file-sync-table  .progress{height:7px;font-size:7px;}
.file-sync-upload{position:relative;}
.file-sync-upload .progress-bar-manager{transition: all;background: transparent;position:absolute;bottom:-7px;width:100%;}
.file-sync-upload .progress{background:transparent !important;}

/*August 15 2022 Added*/
table.v-align-bottom tr td, table.v-align-bottom tr th {
    vertical-align: bottom;
}

/*August 17 2022 Added*/
.translate-3{
    transform:translate(0px, -3px);
}


@-webkit-keyframes infinit_color_change {
    0%   { color: #ffffff; }
    100% { color: #10aa2e; }
}
  @-moz-keyframes infinit_color_change {
    0%   { color: #ffffff; }
    100% { color: #10aa2e; }
  }
  @-o-keyframes infinit_color_change {
    0%   { color: #ffffff; }
    100% { color: #10aa2e; }
  }
  @keyframes infinit_color_change {
    0%   { color: #ffffff; }
    100% { color: #10aa2e; }
  }

@-webkit-keyframes animate_opacity {
    0%   { opacity:0; }
    100% { opacity:1; }
}
  @-moz-keyframes animate_opacity {
    0%   { opacity:0; }
    100% { opacity:1; }
  }
  @-o-keyframes animate_opacity {
    0%   { opacity:0; }
    100% { opacity:1; }
  }
  @keyframes animate_opacity {
    0%   { opacity:0; }
    100% { opacity:1; }
  }


/*crop and share message */
.crop-and-share-message{position:fixed;visibility: hidden;opacity:0;transition:visibility 0.3s, opacity 0.3s linear;z-index:-99;}
.crop-and-share-message>.backdrop{position:fixed;background:rgba(0,0,0, 0.5);left:0;right:0;width:100%;height:100%;top:0;z-index:99;}
.crop-and-share-message.snap-active{opacity:1;visibility:visible;z-index:999;}
.crop-and-share-message .crop-and-share-body{padding:15px;position:fixed;width:70%;border-radius:10px;bottom:30%;background:rgba(255, 255, 255);border:1px solid #1a77a9;left:0;right:0;margin:0 auto;z-index:100;}

.command-icon{width:12px;margin-left: 3px;}
.crop-and-share-message .fa-arrow-up.circle{width:16px;height:16px;}
.fa-arrow-up.circle{border: 1px solid #000;border-radius: 100%;padding: 1px;font-size: 10px;width: 15px;height: 15px;text-align: center;vertical-align: middle;margin-top: -3px;}
.crop-and-share-inner-container{position: relative;}
.close-message{display:inline-block;font-size: 40px;font-weight: 300;cursor: pointer;position: absolute;right:0px;top:-25px;}


/*Setting Page Style */
.setting-page-container {min-height: 70vh;margin-top: 30px;}
.setting-page-container>.setting-page-row {min-height: 70vh;position: relative;}
.setting-page-container .tab-nav-col{background:#fff;padding:15px;border-radius:10px;position:absolute;left:20px;height: 100%;width:245px;}
.tab-content-wrapper{margin-left:280px;background:#ffffff;border-radius: 10px;}
.setting-page-container .tab-nav-col .nav-pills .nav-link{font-size: 16px;font-weight: bold;border-radius:8px;padding:13px 10px 13px 32px;position: relative;}
.setting-page-container .tab-nav-col .nav-pills .nav-link i{font-size:22px;position:absolute;left:5px;}
.setting-page-container .tab-nav-col .nav-pills .nav-link.active, .setting-page-container .tab-nav-col .nav-pills .show>.nav-link{background-color:#edf0f2;color:#000000;}
.privacy-policy-link:hover,
.back-to-dashboard a:hover{text-decoration:none;}
.back-to-dashboard i{vertical-align:middle;font-size:20px;}
.privacy-policy-link{position: absolute;bottom: 20px;left: 30px;font-size: 16px;font-weight: bold;text-decoration: none;}
.setting-page-container .tab-pane{padding-left:15px;padding-right:15px;}
.setting-page-container .tab-pane .tab-heading{margin-top:25px;}
.setting-page-container .user-figure-wrapper .user-thumb{width:100px;height:100px;margin-right: 8px;display:inline-block;position:relative;}
.setting-page-container .user-figure-wrapper .user-thumb>img{max-width:100%;border-radius:100%;}
.setting-page-container .user-figure-wrapper .user-thumb .user-status-label{position:absolute;right:5px;bottom:10px;border: 1px solid #fff;}

.setting-page-container .user-figure-wrapper .upload-btn-wrapper{position: relative;overflow: hidden;display: inline-block;top: -25px;}
  
.setting-page-container .user-figure-wrapper .btn {border:0px !important;color:#2197d7;background-color:transparent;padding: 8px 20px;border-radius:none;font-size:15px;font-weight: bold;}
  
.setting-page-container .user-figure-wrapper .upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;left: 0;top: 0;opacity: 0;}
.AccountSetting-tab .form-control:focus{outline:none;box-shadow: none;}
.AccountSetting-tab .input-col{min-width:60%;}

/* modal account setting style*/

/*update and add style at 27 Nov 2023*/
.modal-body .setting-page-container .tab-nav-col{left: 0;z-index:1}
.modal-body .tab-content-wrapper {
    padding-left: 260px;padding-right:0px;margin-left: 0px;background: transparent;border-radius: 0;
}
.modal-body .tab-content-wrapper .tab-content {
    background:#ffffff;padding:0 15px;border-radius:10px;height: calc(100%) !important;overflow: auto;
}/*update style at 27 Nov 2023 .. /close*/
.modal-body .setting-page-container{height: 80vh;overflow: auto;}
.modal-body .notification-toggle-row input[type="checkbox"]:not(:checked) + span:after,
.modal-body .notification-toggle-row input[type="checkbox"]:checked + span:after,
.modal-body .notification-toggle-row input[type="checkbox"]:checked + span:focus:after
{top:2px;}
.modal-body .notification-toggle-row label.checkbox{cursor:pointer;}
.modal-body .reset-pasword-form-wrapper .input-row{
    margin-top: 7px;
    margin-bottom: 7px;
}
/* modal account setting style*/

.AccountSetting-tab .form-control{border-bottom: 0px;}
.AccountSetting-tab .form-group{border-bottom: 1px solid #c4c4c4;margin-top: 10px;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;font-size: 15px;font-weight:bold;}
.AccountSetting-tab .form-group .input-col{margin-top:-10px;}
.AccountSetting-tab .form-group .input-col input:disabled{background:none;}
.AccountSetting-tab .form-group .input-col>input{font-weight:bold;font-size: 15px;color:#65676b;}
.AccountSetting-tab .form-group .form-label{font-weight:bold;min-width: 150px;}
.action-controls .save, .action-controls .edit{color:#2197d7; cursor:pointer;}
.action-controls .discard{color:#de2020;cursor:pointer;}
.notification-toggle{margin-top:30px;}
.notification-toggle .notification-toggle-row{border-bottom: 1px solid #c4c4c4;margin-top:15px;margin-bottom: 15px;padding-top: 15px;padding-bottom: 15px;font-size: 15px;font-weight:bold;}
.setting-page-container .user-figure-wrapper .user-email {position: relative;overflow: hidden;display: inline-block;top: -35px;font-size:15px;font-weight: bold;}
.reset-pasword-form-wrapper{position:relative;margin-top:25px;width: auto;display:inline-block;}
.reset-pasword-form-wrapper .input-row>.label{display: inline-block;min-width:200px;font-size:15px;font-weight:bold;}
.reset-pasword-form-wrapper .input-row>.input{display: inline-block;min-width:300px;}
.reset-pasword-form-wrapper .input-row>.input .form-control:focus{outline:none;box-shadow:none;}
.reset-pasword-form-wrapper .input-row>.input .form-control{background:#edf0f2;border:none !important;font-weight: bold;font-size: 15px;color: #65676b;height:50px;}
.reset-pasword-form-wrapper .input-row>.input .form-control::placeholder { color: #65676b !important;opacity: 1;}
  
.reset-pasword-form-wrapper .input-row>.input .form-control:-ms-input-placeholder { color: #65676b !important;opacity: 1;}
  
.reset-pasword-form-wrapper .input-row>.input .form-control::-ms-input-placeholder { color: #65676b !important;opacity: 1;}
.reset-pasword-form-wrapper .input-row{margin-top:10px;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;}
.reset-pasword-form-wrapper .input-row>.icon{display:inline-block;margin-left:10px;}
.reset-pasword-form-wrapper .input-row>.icon i{width:20px;height:20px;border-radius:100%;line-height:20px;text-align:center;}
.reset-pasword-form-wrapper .input-row>.icon i.icon-close{background:#de2020;color:#fff;font-size:12px;}
.reset-pasword-form-wrapper .input-row>.icon i.icon-check{background:#10aa2e;color:#fff;font-size:12px;}

/*404-page style*/
.page-error{background-color:#ffffff !important;}
.btn-lg {font-size: 16px;padding: 15px 40px;font-weight: bold;}

/*Sidebar widget*/
.side-widget-wrapper .side-widget {width:400px !important; position: fixed;top:65px;height:91.6vh !important;right:-100%;background: #fff;z-index:-9999;opacity:0;visibility:hidden;border: 1px solid #e2e2e2;transition: opacity 0.2s ease-in;-webkit-transition: opacity 0.2s ease-in;-moz-transition: opacity 0.2s ease-in;-o-transition: opacity 0.2s ease-in;-ms-transition: opacity 0.2s ease-in;overflow: hidden;box-shadow:10px 10px 40px rgb(0 0 0 / 10%);}
.sidebar-open .active-sidebar .side-widget {right:95px;background:#fff;z-index:3;opacity:1;visibility:visible;}
.ul-list{margin:0;padding:0;list-style:none;}
.chat-detach-view.sidebar-open .active-sidebar .side-widget{right:86px;}
.menu-option .item.active,
.menu-option .item:hover{color:#2197d7;transition:color 0.3s ease-in;}
.side-widget-content{padding:15px;overflow: auto;max-height: 83.5vh;}
.more-side-widget-content .menu-option>.item i{font-size:20px;}
.more-side-widget-content .menu-option>.item i.icon-archive{font-size:22px;}
/*apps Sidebar*/
.apps-widget {width:400px;position:fixed;min-height:250px;max-height: 86vh;right:-100%;background: #fff;z-index:-9999;opacity:0;visibility:hidden;border: 1px solid #e2e2e2;transition: opacity 0.2s ease-in;-webkit-transition: opacity 0.2s ease-in;-moz-transition: opacity 0.2s ease-in;-o-transition: opacity 0.2s ease-in;-ms-transition: opacity 0.2s ease-in;overflow: hidden;box-shadow:10px 10px 40px rgb(0 0 0 / 10%);}
.open-apps-sidebar-widget .apps-widget {
    right: 95px;background: #fff;z-index:3;opacity: 1;visibility: visible;
}
.open-apps-sidebar-widget .apps-side-widget .apps-side-widget-overlay{position: fixed;left: 0;right: 0;height: 100%;width: 100%;background: transparent;top: 0;bottom: 0;z-index: 10;}
.apps-widget-header {padding-left: 15px;padding-right: 15px;margin-bottom: 15px;}
.apps-side-widget-tabs-nav .nav-link{color:#c4c4c4;font-weight:bold;font-size:16px;border:none;border-radius:0px;position:relative;padding-left:25px;}
.apps-side-widget-tabs-nav {padding:9px 0;}
.apps-side-widget-tabs-nav .nav-item{padding-right:20px;}
.apps-side-widget-tabs-nav .nav-item:last-child{padding-right:0px;}
.apps-widget-content{padding:15px;}
.apps-side-widget-tabs-nav .nav-link.active{color: #036ab2;background-color: transparent;border-color: transparent;}
.apps-side-widget-tabs-nav .nav-link:after{width:20px;height:22px;content:'';display:block;background:url('../img/icons/app-tab-icon.png');left:0px;top:8px;position:absolute;}
.apps-side-widget-tabs-nav .nav-link.active:after{background:url('../img/icons/app-tab-icon-active.png');}
.filesync-download-section .download-col{padding-left:5vw;padding-right:5vw;}
.filesync-app-content>.filesync-download-section,
.download-screen-active .filesync-app-content>div{display:none !important} 
.download-screen-active .filesync-app-content>.filesync-download-section{display:block !important;height:calc(100%);}
.download-screen-active .filesync-app-content>.filesync-download-section>.row{height:calc(100%);}
.download-screen-active .widget-header>div>div~div{display:none !important;}

/* Search Page */
.search-page-container{padding-top:100px;position:relative;}
.body-content-wrapper-search{padding-top:0px;background:#ffffff;}
input[type="search"]:focus{outline: none;box-shadow: none;}
.search-page-container .search-input-wrapper input[type="search"]{height:40px;font-size:12px;padding-right:38px;}
.search-input-wrapper .icon-search {position:absolute;top:15px;left:10px;font-size:17px;}
.search-page-container .search-input-wrapper .icon-search {
    position: absolute;left:inherit;right:0px;font-size: 17px;background: #000;color:#fff;height:98%;top: 0;width: 30px;text-align: center;line-height: 2.2;cursor: pointer;
}
.search-page-heading {max-width:250px;}
.col.search-input-wrapper{max-width: 30%;}
.col.search-input-wrapper.search-autocomplete-wrapper{max-width:300px !important;}
.search-page-heading>.heading{font-size:24px;font-weight:bold;margin-top:5px;} 
.search-page-heading>.selected-section{margin-top:5px;margin-left:5px;}
.search-page-top-row {
    position: fixed;left:0;right:0;top:55px;padding:15px 0px 0px 0px;width:92vw;background: rgba(255, 255, 255, 0.7);-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);z-index:1;
}
.search-tabs-buttons .show>.nav-link,
.search-tabs-buttons .nav-link.active,
.tab-buttons .nav-link.active,
.tab-buttons .show>.nav-link,
.search-toggle-buttons .nav-link.active,
.search-toggle-buttons .show>.nav-link {color: #fff;background-color:#2197d7;}
.search-tabs-buttons .nav-item,
.search-tabs-buttons .nav-link{font-size:1vw;font-weight:bold;border-radius:0px;background:#edf0f2;}
.search-toggle-buttons .nav-item,
.search-toggle-buttons .nav-link {font-size:16px;font-weight:bold;border-radius:0px;background:#edf0f2;}
.tab-buttons .nav-item, .tab-buttons .nav-link{font-size:16px;font-weight:bold;border-radius:0px;background:#dddddd;}
.tab-buttons.font-normal .nav-item, .tab-buttons .nav-link{font-size:13px;}
.search-tabs-buttons .nav-link {border: transparent;}
.search-tabs-buttons .nav-item,
.tab-buttons .nav-item,
.search-toggle-buttons .nav-item {margin-top:5px;margin-right:5px;}
.radius-tab-nav .nav-item,
.radius-tab-nav .nav-link{border-radius:0.25rem;}
.tab-buttons .nav-item>.dropdown,
.search-toggle-buttons .nav-item>.dropdown {margin-top:8px;display: block;}
.tab-buttons .nav-item>.dropdown .dropdown-menu,
.search-toggle-buttons .nav-item>.dropdown .dropdown-menu{min-width:auto !important}
.tab-buttons .dropdown .icon-arrow-down,
.search-toggle-buttons .dropdown .icon-arrow-down {font-size:13px;vertical-align: middle;}
.user-box{position: relative;padding-left:30px;padding-top:5px;margin-bottom:35px;}
.user-figure-wrapper{position: relative;}
.user-box .user-figure{width:65px;height:65px;overflow:hidden;border-radius:100%;position:absolute;left:-28px;}
.user-box .user-figure img{width:100%;}
.user-box .user-detail{border: 1px solid #dddddd;height: 65px;overflow:hidden;padding-left:40px;padding-top:12px;padding-right:30px;}
.user-box .user-detail.highlight{border-color:#0a86cf;}
.user-box .user-icon-area {position: absolute;right:6px;top:26px;}
.user-icon-area>i {font-size: 21px;}
.user-icon-area>i.icon-user-plus {font-size: 24px;}
.people-list-row>.col{width:295px;max-width:20%;flex-basis:auto;}
.user-box .user-figure-wrapper .user-status{width: 14px;height: 14px;position:absolute;z-index:2;border-radius:100%;background:#cccccc;border:1px solid #ffffff;top:56px;left:15px;}
.user-box .user-figure-wrapper .user-status.active{background: #10aa2e;}
.news-feed-list-wrapper{position:relative}
.news-list-item{padding:5px 15px 15px 15px;position:relative;}
.news-list-item .news-thumb:not(.user-thumb){width:200px;height:145px;overflow: hidden;border-radius:8px;text-align:center;}
.news-list-item .news-thumb img{max-width:100%}
.news-list-item .news-description{padding-right:40px;}
.news-list-item .news-footer, .news-list-item .news-heading{position: relative;}
.news-list-item .news-footer .news-share,
.news-list-item .news-heading .like-news{position:absolute;right:-27px;font-size:18px;top:0;cursor: pointer;}
.news-list-item .news-heading .like-news:hover:before, .like-icon:hover:before{content: "\e938";color:#de2020}
.news-footer>.news-date,
.news-footer>.news-time,
.news-footer>.news-from{margin-right:5vw;margin-top:10px;}
.section-email .email-list .email-subject{max-width:50%;width:50%;}
.section-email .email-list{padding:15px;}
.section-email .email-list thead th{color:#0a86cf;}
.section-email .email-list .email-list-description{display:block;padding-bottom:20px;}
.section-search.border-bottom tbody tr,
.section-email.border-bottom tbody tr {border-bottom:0px !important;}
.financial-item{border-radius:8px;border:1px solid #dddddd;padding:15px;margin-bottom:15px;}
.financial-item .financial-item-header{position:relative;padding-right:25px;}
.financial-item .financial-item-header .date-time{font-weight:bold;}
.financial-item .financial-item-header .heading{font-weight:bold;font-size:18px;}
.financial-item .financial-item-header .header-icon i{font-size:22px;}
.financial-item .financial-item-header .header-icon{position:absolute;right:0;top:0;}
.financial-item .financial-item-content-wrapper{margin-top:20px;min-height:170px;}
.financial-item .financial-item-content-wrapper .content-heading{color:#0a86cf;font-weight:bold;}
.financial-item-footer i{font-size: 22px; margin-right:15px;cursor: pointer;}
.financial-item-footer i:last-child{margin-right:0px;}
.market-rates-list-slider .box-ratesheet{border-color:#dddddd}
.border-bottom-black{border-bottom: 1px solid #000000;}
.tab-content.show-all-tabs .tab-pane, .tab-content.show-all-tabs .tab-pane.fade{display: block !important; opacity:1 !important;}
.show-all-tabs .section-search .list-items-pagination{display:none;}
.show-all-tabs .section-search.active.show{display:none;}
/* .show-all-tabs .section-search:nth-child(-n+2)*/
/*.show-all-tabs .section-search.show-more-tab,
.show-all-tabs .section-search
{display: block !important; opacity:1 !important;}
.show-all-tabs>.section-search:first-child{transform:initial;}
.show-all-tabs .section-search .search-tab-list-items>tbody>tr,
.show-all-tabs .section-search .search-tab-list-items>li,
.show-all-tabs .section-search .search-tab-list-items>div{display:none;}
.tab-content>.search-showmore-record{display:none;}
.show-all-tabs>.search-showmore-record{display:block !important;text-align:center;}
.show-all-tabs>.search-showmore-record>i{font-size:35px;cursor:pointer;width:50px;height:50px;border-radius:100%;border:1px solid #dddddd;line-height:1.5;box-shadow:10px 0px 40px rgb(0 0 0 / 10%);}
.section-view-all{color:#036ab2; display:none;}
.show-all-tabs .section-view-all{display:block}
.tab-content:not(.show-all-tabs) .aos-animated{transform:initial;opacity:1;}
[data-aos^=fade][data-aos^=fade].aos-animate{transform:initial;}
.show-all-tabs .section-search .search-tab-list-items>[class*="-3"]:nth-child(-n+12),
.show-all-tabs .section-search .search-tab-list-items>li:nth-child(-n+3),
.show-all-tabs .section-search .search-tab-list-items>div:nth-child(-n+3){display:block !important;}
.show-all-tabs .section-search .search-tab-list-items>.card-item:nth-child(-n+8){display:inline-block !important;}
.show-all-tabs .section-search .search-tab-list-items>tbody>tr:nth-child(-n+3){display:table-row !important;}*/

/*search autocomplete style*/
.ui-menu .ui-menu-item-wrapper {display: block;text-decoration:none;}
.user_added_in_list,
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active, a.ui-button:active,
.ui-button:active, .ui-button.ui-state-active:hover {border:0px solid #dddddd;background:#dddddd;color:#000;margin:0;font-weight:600;}
.user_added_in_list{cursor:default;}

.search-autocomplete-wrapper .search-autocomplete-list-wrapper {max-width:100% !important;width:100% !important; left:0px !important;border:0px;box-shadow:10px 0px 40px rgb(0 0 0 / 10%);max-height:300px;overflow:auto;}
.ui-widget {font-family: 'Montserrat', sans-serif !important;font-size:13px;}
.label-main {font-weight:600;}
.label-sub{color:#b0b0b0 !important;}
*:focus-visible {outline:none;}
.ui-menu .ui-menu-item-wrapper{padding:0 !important;}
.search-autocomplete-wrapper{position:relative;}
.search-autocomplete-wrapper.search-activate .search-dd-content.search-from-widget,
.search-autocomplete-wrapper.open-recent-search .search-dd-content.recent-search-results,
.search-autocomplete-wrapper .search-dd-content:not(.search-from-widget),
.search-autocomplete-wrapper .search-dd-content:not(.recent-search-results){opacity:1;transition:opacity 0.3s ease-in;position:absolute;z-index:1;width:100%;background:#ffffff;padding:0 15px;}
.search-autocomplete-wrapper.open-recent-search .search-dd-content.search-from-widget,
.search-autocomplete-wrapper.search-activate .search-dd-content.recent-search-results,
.search-autocomplete-wrapper.search-activate .search-dd-content:not(.top-search-results){height:0;overflow:hidden;opacity:0;transition:opacity 0.3s ease-in;}
.search-autocomplete-wrapper .search-dd-content.search-page-dd-content{box-shadow:10px 10px 40px rgb(0 0 0 / 10%) !important;}
.search-autocomplete-wrapper:not(.open-recent-search) .search-dd-content.search-page-dd-content{height:0;overflow:hidden;opacity:0;}
.search-activate .search-autocomplete-input::-webkit-input-placeholder {color: transparent !important;}
.search-activate .search-autocomplete-input:-ms-input-placeholder { color: transparent !important;}
.search-activate .search-autocomplete-input::placeholder {color: transparent !important;}


.search-autocomplete-result .list-item-email {font-size: 12px;}
.lable-icon {padding: 5px;border-radius: 100%;background: #f7f7f7;width: 25px;height: 25px;max-width: 25px;min-width: 25px;text-align: center;line-height: 1;}
.lable-icon>i {font-size: 14px;}
.search-autocomplete-result {padding-top: 5px !important;padding-bottom: 5px !important;}
.search-autocomplete-list-wrapper .lable-icon,
.attendies-search-list .lable-icon{width:40px; height:40px;min-width:40px;max-width:40px;background:transparent;}
.search-autocomplete-list-wrapper.instrument-search-list .lable-icon{width:auto; height:auto;min-width:auto;max-width:auto;}
.search-autocomplete-list-wrapper .lable-icon>i{font-size:20px;}
.search-autocomplete-list-wrapper .lable-icon{padding:0px;}
.top-search-results .label-main,
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 0px solid #ffe6d5;background:#ffe6d5;color: inherit;}
.instrument-search-list {width: 88% !important;right:0 !important;left:inherit !important;}
.attendies-search-list .search-autocomplete-result{align-items:center;}
.email-search-suggestions{max-height:285px;overflow:hidden;position:fixed}
.email-search-suggestions.search-autocomplete-list-wrapper .lable-icon{width: 35px;height: 35px;min-width: 35px;max-width: 35px;background: #fff;border-radius: 50%;border: 1px solid #ddd;line-height: 19px;}
.email-search-suggestions.search-autocomplete-list-wrapper .ui-menu-item{margin-bottom: 2px;}
.users-search-list-wrapper .users-search-list{max-height:300px;overflow:auto;}
.search-autocomplete-list-wrapper.active-search-list{display:block !important;}
/*media sidebar widget style*/
.media-upload-btn-group .upload-file-wrapper:not(.show){display:none;}
.media-upload-wrapper{position:relative;list-style:none;margin:15px 0 0 0;padding:0;line-height: 0;-webkit-column-count: 2;-webkit-column-gap:  0px;-moz-column-count:2;-moz-column-gap:0px;column-count:2;column-gap:0px;}
.media-upload-wrapper.media-audio-upload{line-height:1.5 !important;-webkit-column-count:1;-webkit-column-gap:  0px;-moz-column-count:1;-moz-column-gap:0px;column-count:1;column-gap:0px;}
.audio{background-color:#edf0f2;border-radius:8px;}
audio::-webkit-media-controls-panel{background-color:#edf0f2;font-family:'Montserrat', sans-serif;border-radius:8px;}
audio::-internal-media-controls-download-button {visibility:hidden;}
.uploader-detail .user-name{font-weight:700;font-size:12px;max-width:70%;}
.uploader-detail .upload-datetime{font-weight:700;font-size:11px;color:#65676b}
.speedControl{font-weight:700;font-size:11px;margin-right:10px;}
.media-upload-wrapper .media-upload-item{width:100%!important;height:auto!important;padding:5px;position:relative;}
.media-upload-wrapper .media-upload-item audio,
.media-upload-wrapper .media-upload-item>.audio,
.media-upload-wrapper .media-upload-item>video,
.media-upload-wrapper .media-upload-item>.video,
.media-upload-wrapper .media-upload-item>img{width:100%}
.progress{height:15px;border-radius:4px;position:relative;}
.progress-bar{background:#2197d7;}
.media-upload-item .delete-media{position:absolute;bottom:10px;right:10px;opacity:0;z-index:-100;visibility:hidden;cursor:pointer;}
.media-upload-item:hover .delete-media{visibility:visible;opacity:1;z-index:1;color:#de2020;transition:0.3s ease-in;}
.loaderflesh {top: -20px;position: absolute;-webkit-animation: infinite;-webkit-animation-name: run;-webkit-animation-duration: 5s;width:10px;background: rgba(255,255,255,0.3);height:65px;filter:blur(4px);transform:rotate(50deg);}
@-webkit-keyframes run {
    0% {
      left: 0;
    }
    100% {
      left: 100%;    
    }
  }

/*App Minisites, team, feeds Widget*/
.filesync-app-widget .widget-heading,
.email-app-widget .widget-heading,
.team-widget .widget-heading,
.minisites-widget .widget-heading{min-width:180px;}
.minisites-widget .side-tab-nav .nav-tabs{height:63vh !important;overflow:auto;}
.minisites-nav-tabs{position:relative;}
.minisites-nav-tabs:not(.show){display:none}
.document-folder-tab{background:#5c5e61;border-top-right-radius:6px;border-top-left-radius:6px;color:#ffffff;}
.document-folder-tab.btn-primary{background:#2197d7;border-color:#2197d7;}
.document-folder-tab a {
    padding:15px 10px;display:block;text-decoration:none;
}
.document-folder-tab .icon-folder{color:#1e89c4;}
.RiskManagementDD .dropdown-menu{transform:translate(30px, 10px);}
.file-upload-content {width:60px;height:60px;border:1px solid #ccc;background-color:#e8e8e8;background-color:#e8e8e8;border-radius:50%;overflow: hidden;}
.file-upload-content>img {width:100%;display:none;}
.file-upload-content.show>img {display:block;}
.page-name-input{height:55px;background-color:#f6f9fc;font-size:20px;}
.modal-footer>.message{font-size:15px;color:#c4c4c4;}
.dd-user-thumb{display:inline-block;border:1px solid #e5e5e5;border-radius: 100%;margin-right:15px;}
.dd-user-thumb>.user-thumb>img{width:60px !important;height:60px !important;border-radius:100%;display:inline-block;}
.container-users .user-count{background: #dddddd;width:60px;height:60px;border-radius:100%;font-size:16px;font-weight:bold;display:inline-block;line-height:59px;text-align:center;vertical-align:top;}
.page-title-container {padding-left:20px;}
.page-header-content{position:relative;}
/* .minisites-widget .page-title-container{width:55vw !important;max-width:55vw !important;overflow:hidden;white-space:nowrap;}*/
.container-users .user-thumb{max-width:100px;text-align:center;}
.pr-8{padding-right:60px;}
.minisites-folder-view{position: absolute;top:25%;right:0}
.table-list-style-file-info tr th,
.table-list-style-file-info tr td {padding: 10px 4px;}
.folder-content-wrapper,
.minisite-page{padding-right:15px;}

.page-content-wrapper{position:relative;min-height:65vh;}
.minisites-widget .page-content-wrapper  iframe.cke_wysiwyg_frame {max-height:45vh !important;height:45vh !important;}
.page-content-wrapper .overlay-page{display:none;}
.page-content-wrapper.editing-disabled .overlay-page{position:absolute;top:0;width:100%;height:100%;text-align:center;display:block;}
.page-content-wrapper .overlay-page .btn-edit-content{background:#45a4d7;color:#ffffff;font-size:20px;font-weight:bold;margin-top:45vh;border-radius:50px;padding-left:10vw;padding-right:10vw;}
.page-content-wrapper.editing-disabled .cke_bottom {display:none;}
.page-content-wrapper .cke_bottom:after {display: block;clear: both;content:"";}
.page-content-wrapper .cke_bottom {border:1px solid #ccc;width:auto;border-radius:25px;margin:0 auto;display:inline-block;}
.page-content-wrapper .cke_inner{text-align:center;}
.page-content-wrapper i.FileAttachment{font-size:18px !important;font-weight:bold;margin-top:5px !important;margin-left:5px;}
.file-item-box {position:relative;background-color:#ffffff;padding:15px;border-radius:8px;text-align:center;box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);-webkit-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);-moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);height:calc(100%);}
.file-item-box .file-footer .user-thumb{width:34px;height:34px;border-radius:100%;overflow:hidden;margin-right:10px;}
.file-item-box .file-footer .user-thumb>img{width:34px;height:34px;}
.file-item-box .file-footer .file-detail{width:80%;}
.file-item-box .remove-file,
.file-item-box .download-item{position:absolute;right:10%;top: 40%;z-index:-100;visibility:hidden;opacity:0;transition: opacity 0.3s ease;}
.file-item-box .download-item>i{font-size:25px;}
.file-item-box:hover .download-item{cursor:pointer;visibility:visible;opacity:1;z-index:1;}
.file-item-box:hover .remove-file{cursor:pointer;visibility:visible;opacity:1;z-index:1;bottom: 5%;top:inherit;}
.upload-document-wrapper{overflow:hidden;position:relative;}
.add-document{position:relative;color:#65676b;}
.add-document .add-icon{background:transparent;font-size:60px;font-weight:bold;color:#65676b;width:auto;height:auto;overflow:visible;line-height:0;}
.upload-document-section{background:rgba(0,0,0,0.8);position:absolute;top:0;width:100%;height:100%;left:0px;padding:10px;z-index: -1000;visibility: hidden;opacity: 0;transition: opacity 0.3s ease-in;}
.upload-document-section .upload-file-wrapper{border-radius:6px;display: inline-block;text-align: center;padding:10px;margin-right:7px;background:rgba(255,255,255,0.2);}
.upload-document-section .upload-file-wrapper:hover{background:#31B6EF;transition:all 0.3s ease-in;}
.upload-document-wrapper:hover>.upload-document-section{z-index:1;visibility:visible;opacity:1;transition:opacity 0.3s ease-in;cursor: pointer;}

.upload-document-section .upload-file-wrapper:last-child{margin-right:0px;}
.doc-folder-box{background:#2197d7;color:#fff;}
.doc-folder-box .file-icon .icon-folder{font-size:60px;margin-top:calc(10%);}
/* .folder-content-wrapper{height:78vh;overflow:auto;} */
.folder-content-wrapper .breadcrumb{background:transparent;margin-bottom:5px;padding:0;margin-top:10px;}
.folder-content-wrapper .breadcrumb-item+.breadcrumb-item::before{display: inline-block;padding-right:.5rem;color:#000;content: "\e907";font-family:'custom-icon';font-size:25px;vertical-align:middle;line-height:1;}
.folder-content-wrapper .breadcrumb .breadcrumb-item {font-size:16px;font-weight:bold;color:#000000;}
.back-to-elem i,
.folder-content-wrapper .breadcrumb .back-page{width:40px;height:40px;border-radius:100%;border:1px solid #ccc;text-align:center;line-height:43px;}
.back-to-elem i{line-height:40px}
.back-page>i{vertical-align:baseline;}
.team-members .user-thumb {width:50px;height:50px;}
.team-members .user-thumb>img {width:50px;height:50px;border-radius:100%;}
.team-list .box{background-color: #ffffff;padding: 15px;border-radius: 8px;text-align: center;box-shadow:5px 5px 10px rgb(0 0 0 / 8%);-webkit-box-shadow:5px 5px 10px rgb(0 0 0 / 8%);-moz-box-shadow:5px 5px 10px rgb(0 0 0 / 8%);height: calc(100%);}
.team-activity{background:#edf0f2;}
.team-activity>.heading{color:#65676b;padding-top:20px;padding-bottom:20px;}
ul.list{list-style:none;padding:0;margin:0;}
ul.list>.list-item{display:block;padding:10px;margin-bottom:15px;}
.member-count{font-weight:600;color:#65676b;}
.icn-group-container i{font-size:20px;cursor: pointer;}
.repository-top-bar{transition:all 0.3s ease}
.teams-top-bar .btn-default,
.repository-top-bar .btn-default,
.box-action-area .btn-default{background:#edf0f2;color:#000000}
.teams-top-bar .btn-default,
.repository-top-bar .btn-default{padding-top: 10px;padding-bottom: 10px;margin:0 12px;}
.box-action-area .btn.radius{border-radius:8px;}
.repository-select{background:#ffffff;position:relative;border:1px solid #cccccc;border-radius:25px;padding:1px 8px 5px 2px;}
.repository-select .ddArrow{display:none}
.repository-select .dd{border:0px}
.repository-select .divider{display:none}
.repository-select>span{position:absolute;top:6px;left:19px;}
.repository-select .ddcommon {min-width:100px !important;width: auto !important;padding-left:60px;}
.noticeboard-list{list-style:none;padding:0;margin:0;}
.noticeboard-list .user-thumb {width: 60px;height: 60px;}
.noticeboard-list .user-thumb>img {width: 60px;height: 60px;border-radius: 100%;}
.news-feeds-list-detail-section .feed-thumb>img,
.feeds-app-content .news-feeds-list-box .feed-thumb>img{width:50px;max-width:50px;}
.news-feeds-list-detail-section .feed-thumb,
.feeds-app-content .news-feeds-list-box .feed-thumb {min-width: 50px;max-width: 50px;border: 0px;border-radius: 0;height: auto;overflow: visible;width: 30px;margin-right: 5px;}
.news-feeds-list-box {position:relative;padding:10px;}
.news-feeds-list-box:hover{transition:all 0.3s ease;background:#edf0f2;}
.news-feeds-list-box .news-feeds-list-datetime,
.news-feeds-list-box .news-feeds-description{margin-left:55px;}
.list-nav-tabs .nav-item,
.feeds-list-nav-tabs .nav-item{position:relative;padding:0px;}
.list-nav-tabs .nav-link,
.feeds-list-nav-tabs .nav-link{padding:10px 10px 0px 10px !important;border:0px !important;background:transparent;color: #000000;}
.list-nav-tabs .nav-link.active,
.feeds-list-nav-tabs .nav-link.active{background:#edf0f2;border:0px;color:#000}
.news-feeds-list-detail-section .news-feeds-list-postedby{font-weight:700;margin-bottom:15px}
.feeds-side-nav-tabs .dropdown .nav-item .nav-link {padding: 0 !important;}
.feeds-side-nav-tabs .dropdown .nav-item {border-bottom: 0px;}
.feeds-side-nav-tabs .dropdown [data-toggle="dropdown"] {position: absolute;right:10px;top:-37px;}
.FeedsSBP-list .box-heading {font-size: 1.3vw !important;}
.feeds-list-search-wrapper input[type="search"] {
    min-width: auto;height: 28px;
}
.sbp-kibore-box{background:#e2e8ed;border-radius:8px;}
.FeedsSBP-list .box{background:#f6f9fc;border:1px solid #dddddd;min-height:auto !important;padding:6px 6px;}
.show-records .input-control>input{width:30px;text-align:center;}
.pagination.no-radius .page-item:first-child .page-link{border-top-left-radius:0rem;border-bottom-left-radius:0rem;}
.pagination.no-radius .page-item:last-child .page-link{border-top-right-radius:0rem;border-bottom-right-radius:0rem;}
.page-link {position:relative;cursor:pointer;display:block;margin-left:-1px;line-height:1.25;color:#000000;background-color:#f7f7f7;border:1px solid transparent;margin-right:5px;font-size:11px;}
.page-link:hover {border:1px solid #000000}
.list-items-pagination .page-item.next .page-link,
.list-items-pagination .page-item.previous .page-link{padding-top:5px;padding-bottom:6px;}
.list-items-pagination .page-item{background-color:#f7f7f7;}
.app-email-compose{transition:all 0.3s ease;width: 600px;position: fixed;right:0;bottom:-100%;z-index: 999;border: 1px solid #000;visibility: visible;opacity:1;top:inherit;height:auto;background:#ffffff;padding:10px;}
.app-email-compose.show-compose-email{bottom:0}
.app-email-compose .cke_toolbox{display:block; width:100% !important;}
.cke_toolbar{background:#ffffff !important;}
.app-email-compose .cke_toolbox::after {display: block;clear: both;content: "";}
.customtool.pull-right{float:right !important;}
.customtool .save_and_exit_toolbar{font-family:'Montserrat', sans-serif;font-weight:bold;cursor:pointer;}
.customtool .delete-email i {font-size:18px !important;vertical-align:text-bottom;margin-left:10px !important;}
.email-app-widget .email-app-side-nav-tabs{height:69vh;overflow: auto;}
.email-app-widget .sidebar-collapsable-active .email-app-side-nav-tabs{height: 71vh;overflow: auto;}
.email-app-side-nav-tabs .nav-item i {font-size:18px;}
.email-app-side-nav-tabs .nav-item .nav-link.active,
.email-app-side-nav-tabs .nav-item .nav-link:hover{font-weight:bold !important;}
.emails-items-list .tab-list-thumb{min-width:28px;max-width:28px;width:28px;height:28px;}
.emails-items-list .list-nav-tabs:not(.list-nav-tabs-hidden){display:block !important;}
.list-nav-tabs-hidden{display:none;}
.emails-items-list .list-nav-tabs .nav-link.active{/*background:transparent;*/border-radius:0;color:#036AB2;}
.emails-items-list .list-nav-tabs{overflow:auto;max-height:calc(90%);}
/* email full view composer */
.open-fullview-compose-email .email-content-wrapper{display:none;}
.open-fullview-compose-email .email-compose-wrapper{width: inherit;height:inherit;overflow:inherit;opacity:1;visibility:visible;position:relative;z-index:inherit;transition:opacity 0.5s ease;height:calc(100%);}
.open-fullview-compose-email .email-compose-save {opacity: 1;visibility: visible;z-index: inherit;position: inherit;top: inherit;transition: opacity 0.5s ease;}
.open-fullview-compose-email .widget-header .control-item{display:none;}
.list-nav-tabs .nav-item{position:relative;}
.list-nav-tabs .nav-item:first-child .dd-email-list{top:2px;}
.list-nav-tabs .nav-item .dd-email-list{position:absolute;right:13px;top:2px;}
.has-badge{position:relative}
.has-badge .badge {position: absolute;top:26%;right:4px;padding:7px 15px 6px 15px;background:#dddddd;border-radius:30px;}
.emails-items-list{max-width:330px;}
.email-multiselect-handler{cursor:pointer;}
.emails-items-list .list-nav-tabs .nav-item .nav-link {
    padding-left:0px !important;padding-right:0px !important;
}
.emails-items-list .list-nav-tabs .nav-item{
    padding-right:10px;padding-left:10px;
}
.multiselect--active .list-nav-tabs .list-nav-tabs-header{position:relative;padding-left:28px;}
.multiselect--active .list-nav-tabs .nav-item{position:relative;padding-left:26px;}
.multiselect--active .list-nav-tabs .list-nav-tabs-header>.checkbox{position:absolute;top:1px;left:5px;}
.multiselect--active .list-nav-tabs .nav-item>.checkbox{position:absolute;top:10px;left:5px;}
/* email full view composer*/
.filesync-breadcrumb{margin-top:5px;}
.filesync-breadcrumb .breadcrumb,
.filesync-breadcrumb{background-color:transparent;padding:0;margin:0;}
.filesync-breadcrumb .breadcrumb-item{color:#c4c4c4;background-color:transparent;font-size:12px}
.filesync-breadcrumb .breadcrumb-item.current-page{color: #000000;;}
.filesync-breadcrumb .breadcrumb-item+.breadcrumb-item::before {display: inline-block;padding-right: .5rem;color: #6c757d;content: "\e907";font-family: 'custom-icon';font-size: 15px;transform: translate(0px,-2px);}
.mis-app-widget .box-widget .box-detail-view .box-content{height:320px;padding-top:10px;overflow:auto}
.mis-app-widget .box-detail-view .box-hadear .sub-heading {display: block;}
.mis-app-widget .col.graph-sidebar{max-width: 150px;}
.notes-tabs-month {width: 87%;max-width: 87%;overflow: auto;}
.notes-tabs-month .nav-link{background:#edf0f2;margin-right:0.5vw;} 
.notes-tabs-month .nav-item:last-child .nav-link{margin-right:0vw;}
.calender-control .btn-default:hover,
.calender-control .btn-default:focus,
.notes-tabs-month .nav-link.active,
.notes-tabs-month .nav-link:hover{background:#2197d7;color:#ffffff}
.form-control.h-auto{min-height:auto;height:auto;}
.calender-control .btn-default{background:#edf0f2;color: #000000;}
.notes-tabs-month>.nav {flex-wrap:nowrap;}
.dropdown-menu .has-icon-left{position:relative;padding-left:30px;}
.dropdown-menu .has-circle-orange:after{width:18px;height:18px;background:#f26428;border-radius:100%;position:absolute;left:5px;top:25%;content:'';display:block;}
.dropdown-menu .has-circle-blue:after{width:18px;height:18px;background:#099fd2;border-radius:100%;position:absolute;left:5px;top:25%;content:'';display:block;}
.dropdown-menu .has-circle-red:after{width:18px;height:18px;background:#d51f1f;border-radius:100%;position:absolute;left:5px;top:25%;content:'';display:block;}
/*bootstrap tooltip style*/
.tooltip-inner {padding: 0px !important;color: #000 !important;background-color: transparent !important;border-radius:0px !important;transform:translate(-15px, -3px);font-weight:bold;}
.tooltip.show {opacity:1 !important;}
.tooltip{padding:0 !important}
.arrow {display: none !important;}
.cursor-default{cursor:default;}
.repository-list,
.team-list{background:#f6f9fc;}
.nav-rounded a {padding:8px 40px;border:1px solid #ccc;border-radius:25px;background:#ffffff;}
.nav-rounded a.active {background:#2197d7;color:#ffffff;border-color:#2197d7}
.nav-rounded li{margin-right:15px}
.nav-rounded li:last-child{margin-right:0px}
.tooltip-customize .tooltip-inner {background: #000000 !important;color: #ffffff !important;font-weight:400;padding-left:10px !important; padding-right:10px !important; font-size:10px;line-height:18px;border-radius: 20px !important;}
.badge-light {color:#000;background-color:#eeeeee;}
.badge-counter{font-size:100%;padding:6px 8px;}
.table.v-align-middle td,
.table.v-align-middle th{vertical-align: middle}
.project-summary-counter-table td, .project-summary-counter-table th {padding-top: 15px;}
.projects-widget i.side-menu-handler{font-size:25px;margin-right:5px !important;color:#000000;vertical-align:middle;}
.projects-widget i.side-menu-handler{font-size:25px;margin-right:5px !important;color:#000000;vertical-align:middle;}
.projects-widget .widget-content>.tab-content{transition:width 0.3s ease-in;}

/* .projects-tab .floatThead-container{overflow-x:visible !important;} */

/* owl carosoul*/
.owl-nav button {position: absolute;top: 25%;background:rgba(255,255,255, 0.5) !important;opacity:0;z-index:-1000;transition:opacity 0.3s ease-in;}
.owl-nav button i {font-size:30px;}

.setps-download-agent .owl-dots .owl-dot:hover,
.setps-download-agent .owl-dots .owl-dot:focus,
.app-icon-wrapper .owl-dots .owl-dot:hover,
.app-icon-wrapper .owl-dots .owl-dot:focus,
.owl-nav button:hover,
.owl-nav button:focus{outline:none;border:none;box-shadow:none;}
.setps-download-agent .owl-dots button.owl-prev,
.owl-nav button.owl-prev {left:0;}
.setps-download-agent .owl-dots button.owl-next,
.owl-nav button.owl-next {right:0;}
.owl-nav button.disabled{display:none;}
.setps-download-agent .owl-stage,
.app-icon-wrapper .owl-stage{margin:0 auto;}
.setps-download-agent .owl-dots button,
.app-icon-wrapper .owl-dots .owl-dot{display: inline-block;background:#dddddd;width: 12px;height: 12px;border-radius: 100%;margin-right: 10px;}
.setps-download-agent .owl-dots .owl-dot.active,
.app-icon-wrapper .owl-dots .owl-dot.active{background:#2197d7;}
.setps-download-agent .owl-dots,
.app-icon-wrapper .owl-dots{position:absolute;left:0;right:0;margin:0 auto;height:0;}

.DownloadAgentModal-modal .setps-download-agent{margin-bottom:45px !important;}

.setps-download-agent a {color:#036ab2}

.app-icon-wrapper:hover .owl-nav button{opacity:1;z-index:1;}
.container-users .owl-carousel{padding-left:25px;padding-right:25px;}
.container-users .owl-carousel:not(.owl-drag)>.item{display:none;}
.container-users .owl-carousel:not(.owl-drag)>.item:nth-child(-n+4) {display:inline-block;}
.container-users .owl-drag .owl-item:last-child{display:none !important;}
.market-rates-list-slider .owl-item {width:14.2vw !important;}
.financial-list-slider .owl-item{width:35vw !important;}


/*Projects Collapseable sidebar*/
.content-collapsable-wrapper .side-nav-collapsable,
.content-collapsable-wrapper{transition:all 0.3s ease-in;}
.master-nav-item{display:flex}
.sidebar-collapsable-active .side-nav-collapsable {position:absolute;min-width:40px;left:1px;overflow:hidden;max-width:40px;height:100%;z-index:2;}
.sidebar-collapsable-active .side-nav-collapsable .master-nav-item i {font-size:19px;}
.sidebar-collapsable-active .side-nav-collapsable a.nav-link {padding-right: 0;}

/*.sidebar-collapsable-active .side-nav-collapsable .master-nav-item .badge,*/
.sidebar-collapsable-active .side-nav-collapsable .master-nav-item-title,
.sidebar-collapsable-active .side-nav-collapsable .sub-nav-item {display:none;opacity:0;transition:display 0.3s ease-in;}
.sidebar-collapsable-active.content-collapsable,
.sidebar-collapsable-active .content-collapsable {padding-left:55px;}
.sidebar-collapsable-active .side-nav-collapsable:hover {min-width:180px;max-width:180px;left:10px;}
.sidebar-collapsable-active .master-nav-item.new-email-btn{padding:0 !important;}
.sidebar-collapsable-active .master-nav-item.new-email-btn .btn{padding:0;width:aut;height:auto;border-radius:0% !important;text-align:center;line-height:1.5;color:#0897c7;background:transparent;border:transparent}
.sidebar-collapsable-active .side-nav-collapsable:hover .master-nav-item .badge{display:block;opacity: 1;}
.sidebar-collapsable-active .side-nav-collapsable:not(:hover) .master-nav-item .badge {top:2px;width:23px;height:23px;border-radius:100%;display:inline-block;right:0;z-index:3333;font-size:8px;padding:0;line-height:23px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.sidebar-collapsable-active .side-nav-collapsable:hover .master-nav-item.new-email-btn .master-nav-item-title{display:none}
.sidebar-collapsable-active .side-nav-collapsable:hover .master-nav-item-title,
.sidebar-collapsable-active .side-nav-collapsable:hover .sub-nav-item {display:block;opacity:1;transition:display 0.3s ease-in;}
.sidebar-collapsable-active .side-nav-collapsable:not(:hover) .master-nav-item a{padding-left:5px;align-items: center;padding-right:0;justify-content:center;}

/*Resizable column*/
.app-view-side-nav.email-side-nav .resize-handler,
.resizable-col:last-child .resize-handler{display:none !important;}
.resizable-col:last-child{max-width:100% !important;}
.resizable-content{overflow:auto;}
.resizable-col{flex-basis:auto;}

/*internet faliure message*/
.internet-failure-message{
    position:fixed;bottom:-300px;visibility:hidden;opacity:0;background:#f7f9ff;color:#000000;padding:10px 45px 10px 15px;border-radius:8px;width:450px;left:0;right:0;
    margin:0 auto;font-size:16px;z-index:2;transition:all 0.5s ease-in;text-align:center;box-shadow: 0px 10px 10px #cccccc;
}
.internet-failure-message .close{
    position: absolute;
    right: 9px;
    color: #000000;
    top: 32%;
    font-size: 11px;
    font-weight: 500;
    opacity: 1;
    cursor: pointer;
    text-shadow: none;
    border: 1px solid #000000;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    line-height:0;
    text-align: center;
    padding-top: 6px;
}

.show-failure-message .internet-failure-message{
    bottom:30px;visibility:visible;opacity:1;transition:all 0.5s ease-in;
}
.internet-failure-message.bg-blue{
    background:rgba(9,65,105, 0.9);color:#ffffff;
}

.internet-failure-message.bg-black{
    background:rgba(41,51,59, 0.8);color:#ffffff;
}
.internet-failure-message.bg-black .close,
.internet-failure-message.bg-blue .close{
    color:#ffffff;
    border: 1px solid #ffffff;
}

/* bs select form control*/
.select-form-control .bootstrap-select>.dropdown-toggle {
    min-height: 40px;border: 1px solid #dee2e6;background: #ffffff;box-shadow: 0 0 0;padding:0.375rem 0.75rem;font-size:13px !important;
}

/* sticky notes */
.sticky-notes-wrapper{
    position:relative;
}

.sticky-notes-wrapper .sticky-note .note-body::-webkit-scrollbar {width:6px; /* height: 8px;*/}
.sticky-notes-wrapper .sticky-note .note-body::-webkit-scrollbar-button:start:decrement,
.sticky-notes-wrapper .sticky-note .note-body::-webkit-scrollbar-button:end:increment {height:1px;display:block;background-color:transparent;}
.sticky-notes-wrapper .sticky-note .note-body::-webkit-scrollbar-button:horizontal:start:decrement,
.sticky-notes-wrapper .sticky-note .note-body::-webkit-scrollbar-button:horizontal:end:increment {height:1px;display: block;background-color:transparent;}
.sticky-notes-wrapper .sticky-note .note-body::-webkit-scrollbar-track-piece {background-color:transparent;}
.sticky-notes-wrapper .sticky-note .note-body::-webkit-scrollbar-thumb:vertical,
.sticky-notes-wrapper .sticky-note .note-body::-webkit-scrollbar-thumb:horizontal {background:rgba(0,0,0,0.2); border: 0px solid #d6d599;-webkit-border-radius:8px;}
.sticky-notes-wrapper .sticky-note .note-body::-webkit-scrollbar-thumb:vertical:hover,
.sticky-notes-wrapper .sticky-note .note-body::-webkit-scrollbar-thumb:horizontal:hover {background:rgba(0,0,0,0.2); border: 1px solid #d6d599;-webkit-border-radius:8px;}
.sticky-notes-wrapper .sticky-note .sticky-header{padding:5px;}
.sticky-notes-wrapper .sticky-note .note-body, 
.sticky-notes-wrapper .sticky-note.yellow .note-body {
    background: #fdfcbc;color:#000000;height:150px;overflow: auto;padding:5px 10px;
}
.sticky-container{transition:all 0.3s ease; }
.sticky-notes-wrapper .sticky-note.red .note-body {
    background: #f8718a;
}
.sticky-notes-wrapper .sticky-note.blue .note-body {
    background: #c4e1fc;
}
.sticky-notes-wrapper .sticky-note.red .sticky-header{background:#ef97a7;}
.sticky-notes-wrapper .sticky-note.blue .sticky-header{background:#c3dbf2;}

.sticky-notes-wrapper .sticky-note .sticky-header,
.sticky-notes-wrapper .sticky-note.yellow .sticky-header{background:#f8f7b6;}
.sticky-note .sticky-swatches .swatch{width:10px;height:10px;border-radius:100%;display:inline-block;cursor:pointer;}
.sticky-note .sticky-swatches .swatch.yellow{background:#f0f07a;}
.sticky-note .sticky-swatches .swatch.red{background:#f8718a;}
.sticky-note .sticky-swatches .swatch.blue{background:#9acfff;}
.sticky-notes-wrapper .sticky-note .note-body ul{margin:0;padding-left:20px;}
.sticky-notes-wrapper .sticky-note .note-body ul li{margin-bottom:8px;}
.delete-note{cursor:pointer}
.removing-note{opacity:0.5}

/* MIS WatchLIst */
.rename-instrument-wrapper{position:relative;}
.rename-dd{position: absolute;top:100%;width:200px;z-index:1;background:#fff;padding:5px !important;border:1px solid #eaeaea;right:0;}
.item-active-mis-widget-tab>a.nav-link{cursor:default !important;}
.grayscale {color: #ccc !important;filter:grayscale(.7);}
.grayscale .widget-heading{color: #ccc !important;}

/*treechekbox*/
.check-all-wrapper .delete{
    visibility:hidden;opacity:0;z-index:-100;transition:all 0.3s ease-in;
}
.half-checked-active .check-all-wrapper .delete,
.all-checked-active .check-all-wrapper .delete{
    visibility:visible;opacity:1;z-index:inherit;transition:all 0.3s ease-in;
}
/*treechekbox*/

.task-note-textarea{
    resize:none;
    max-height:40px;
}
.resizer{width:100%;height:10px;display:block;position: absolute;top:0px;left:0;cursor:n-resize;}
.dashboards-dd .dropdown-menu{min-width:210px}
.dashboards-dd .dropdown-menu li{position: relative;padding-left:25px;padding-right:30px;}
.dashboards-dd .dropdown-menu li .icn-left{position:absolute;left:4px;top:8px;}
.dashboards-dd .dropdown-menu li .icn-right{position: absolute;
    right: 11px;top: 5px;width: 25px;height: 25px;border-radius: 50%;background: #036ab2;
    line-height: 25px;font-size: 12px;padding-left: 5px;color: #fff;
}
.dashboards-dd .dropdown-menu li.active{
    background: #edf2f6;
    color: #036ab2;
}

.MISFullViewModal-modal .modal-body{
    text-align:center;
}

.MISFullViewModal-modal .modal-body img{
    width:70%;
}

/*Line loader*/
.line-loader {
	overflow: hidden;
  width: 100%;
  top: 0; left: 0;
  display: flex;
  align-items: center;
  align-content: center; 
  justify-content: flex-start;  
	z-index: 100000;
}

.line-loader__el {
	height:3px;
	width: 100%;
	background:#edf0f2;

}

.line-loader__el:before {
	content: '';
	display: block;
	background-color:#2197d7;
	height:3px;
	width: 0;
  animation: widthinfinit 3s ease-in infinite;
}

@keyframes widthinfinit {
	100% { width: 100%; }
}


/*focus and hover on item*/
.dd.ddcommon:focus{outline:none}
.btn:focus,
.nav-tabs .nav-link:focus,
*:focus-visible {outline:1px solid #3ea9f0}
.user-dropdown .dropdown-toggle:focus,
.header .dd-notfication-toggle:hover .nav-icon,
.header .dd-notfication-toggle:focus .nav-icon,
.header .dd-search-toggle:hover .nav-icon,
.header .dd-search-toggle:focus .nav-icon,
.header .nav-link:hover .nav-icon,
.header .nav-link:focus .nav-icon{
    color:#3ea9f0 !important;
}
.dashboards-dd .dropdown-menu li:hover,
.dashboards-dd .dropdown-menu li:focus,
.dashboards-dd .dropdown-menu li:active {
    background: #edf2f6;
    color: #036ab2;
}
.chat-nav a:focus{
    outline:none;
    text-decoration: none;
    color: #3ea9f0;
    background: rgba(255,255,255,0.2);
}

.user-dropdown .dropdown-menu li:hover,
.user-dropdown .dropdown-menu li:focus {
    background: #edf2f6;
    color:#3ea9f0;
}
.user-dropdown .dropdown-menu li:hover i,
.user-dropdown .dropdown-menu li:focus i{
    color:#3ea9f0;
}
.user-dropdown .dropdown-menu li.user-status-dropdown:hover .menu-items,
.user-dropdown .dropdown-menu li.user-status-dropdown:focus .menu-items{
    color:#000000;
}

/*Slack sidebar*/
.slack-side-widget:not(.channel-active) .talk-widget-header{
    display:none;
}
.slack-side-widget .tab-content>.tab-pane.show{
    display:block
}
.DirectMessages .talk-widget-content .add-users{display:none;}

.show-pr-messages{
    margin-top:-10px;
    position: relative;
}
.pr-mess{
    position: relative;
    display:inline-block;
    padding:3px 5px;
    background:#ffffff;
    z-index:2;
    cursor:pointer;
}
.show-pr-messages:after{
    content:'';
    width:100%;
    display:block;
    height:1px;
    background:#f7f7f7;
    bottom: 50%;
    position: absolute;
    z-index:1;

}

/*tabs-sm*/
.tabs-sm .nav-link {
    border: 0px;
    font-size: 11px;
    padding: 3px 6px;
    background:#f7f7f7;
    margin-right:1px;
    border-radius:0;
}
.tabs-sm .nav-item .nav-link.active {
    background:#1675b8;
    color:#ffffff;
}
.tabs-sm .nav-item:last-child .nav-link {
    margin-right:0px;
}
/*Slack sidebar ///*/

/*note suggestion list*/
.user-list-item .user-thumb.small{min-width:25px;width:25px;height:25px}
.user-list-item .user-thumb.small img{width:25px;height:25px}
.mentioned-input-wrapper{position:relative;}
.note-input-wrapper{position: relative;max-width:200px;}
.mentioned-suggestions-wrapper,
.note-suggestions-wrapper{max-height:0;height:0;overflow:hidden;position: absolute;bottom:100%;transition:all 0.3s ease-in;background: #ffffff;
    width:100%;left:0;}
.mentioned-suggestions-wrapper.show,
.note-suggestions-wrapper.show{height:auto;max-height:200px;overflow:auto;}
.mentioned-input-textarea{resize: none;overflow:auto;}
.task-note-textarea {resize: none;overflow:hidden;}
.textarea-wrapper{position:relative}
.textarea-wrapper .note-text-div-element{border-bottom: 1px solid #dee2e6!important;height:30px;background:#fff;overflow:auto;}

.hashtage_list .hash-list{list-style:none;padding:0;margin:0;}
.hashtage_list .hash-list-item.selected,
.hashtage_list .hash-list-item:hover, 
.hashtage_list .hash-list-item:focus,
.hashtage_list .hash-list-item.selected,
.hashtage_list .hash-list-item:hover, 
.hashtage_list .hash-list-item:focus,
.mentioned-suggestion-data .user-list-item.selected,
.mentioned-suggestion-data .user-list-item:hover, 
.mentioned-suggestion-data .user-list-item:focus,
.note-suggestion-data .user-list-item.selected,
.note-suggestion-data .user-list-item:hover, 
.note-suggestion-data .user-list-item:focus{cursor:pointer;background:#f7f7f7;}
.message-box .user-mentioned-wrapper[user_tagged],
.note-dec .user-mentioned-wrapper[user_tagged] {background: #e2f0fc;border-radius: 20px;padding: 0 10px;margin-bottom: 5px;font-weight: 600;}
.textarea-wrapper font,
.note-dec font{color:inherit !important}


/*notification buttons*/
.notification-btn:focus,
.notification-btn{background:#edf0f2;color:#94908d;transition:.3s ease-in;outline:0}
.notification-btn:hover,
.notification-btn.active{background:#036ab2;color:#fff;outline:0}
.notification-btn[disabled]:hover{cursor:not-allowed;color:inherit}

/*News Feed Toggle buttons*/
.btn-news-toggle{width:32px;height:32px;padding:0;display:inline-block;overflow:hidden;transition:.3s ease-in}
.btn-news-toggle.axis-news{
    background:url(../img/icons/icon-feed-widget/axis-news.png) 0px -32px #edf0f2 no-repeat;
}
.btn-news-toggle.tresmark-news{
    background:url(../img/icons/icon-feed-widget/tresmark-news.png) 0px -32px #edf0f2 no-repeat;
}
.btn-news-toggle.cnbc-news{
    background:url(../img/icons/icon-feed-widget/cnbc-news.png) 0px -32px #edf0f2 no-repeat;
}
.btn-news-toggle.dowjones-news{
    background:url(../img/icons/icon-feed-widget/dowjones-news.png) 0px -32px #edf0f2 no-repeat;
}
.btn-news-toggle.active{
    background-position:0 0px;
}
/*bg blur*/
.bg-blur:before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,255,255,.3)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.search-loader-overlay{position:fixed;top:0;left:0;margin:0 auto}

/*table header sticky*/
.table.table-header-sticky thead{position:-webkit-sticky;position:sticky;top:-1px;z-index:2}
.table.table-header-sticky.table-column-fixed th.first-column{position:-webkit-sticky;position:sticky;left:0;top:0;z-index:1;background-color:#ffffff}
.table.table-header-sticky.table-column-fixed th.last-column{position:-webkit-sticky;position:sticky;right:0;top:0;z-index:1;background-color:#ffffff}
.table.table-header-sticky.table-column-fixed td.first-column{position:-webkit-sticky;position:sticky;left:0;z-index:1;background-color:#ffffff}
.table.table-header-sticky.table-column-fixed td.last-column{position:-webkit-sticky;position:sticky;right:0;z-index:1;background-color:#ffffff}
/*project table fixed column on horizontal scroll*/
.table-column-fixed thead th.col-task-id{position:-webkit-sticky;position:sticky;left:0;top:0;z-index:1;background-color:#ffffff}
.table-column-fixed td.col-task-id{position:-webkit-sticky;position:sticky;left:0;z-index:1;background-color:#ffffff}
.table-column-fixed thead th.col-title{position:-webkit-sticky;position:sticky;left:75px;top:0;z-index:1;background-color:#ffffff}
.table-column-fixed td.col-title{position:-webkit-sticky;position:sticky;left:75px;z-index:1;background-color:#ffffff}

/*error page */
.error-widget-wrapper{background:url(/img/error/error-bg.png) 0 0/cover no-repeat;background-position:fixed;height:100vh;margin-top:-60px}

.widget .error-widget-wrapper{margin:0 -10px;height:calc(100%)}
.widget-inner.tab-pane-content .error-widget-wrapper{height:80vh}

.error-widget-wrapper .error-title{font-size:50px;font-weight:700;color:#011421}
.main-sidebar-widget>.widget-content>.error-widget-wrapper .error-title,
.widget .error-widget-wrapper .error-title{font-size:30px}

.error-widget-wrapper .error-content{font-size:18px;}
.main-sidebar-widget>.widget-content>.error-widget-wrapper .error-content,
.widget .error-widget-wrapper .error-content{font-size:13px;}
.main-sidebar-widget>.widget-content{height:calc(100%);}
.main-sidebar-widget>.widget-content>.error-widget-wrapper{height:calc(100%);background-size:contain;background-position:center center;background-color:#fbfcff}


/*switch calendar*/
.switch-calendar-item,.switch-calendar-item .clc-icn{position:relative;cursor:pointer}
.switch-calendar-item .clc-icn{background:#f6f9fc;border-radius:50%;overflow:hidden;width:100px;height:100px;text-align:center;padding:10px}
.switch-calendar-item .clc-icn img{position:relative;z-index:1}.switch-calendar-item .clc-icn:after{content:'';display:block;background:#dbedff;position:absolute;width:0;height:0;left:0;right:0;margin:0 auto;border-radius:50%;transition:.3s ease-in}
.switch-calendar-item.selected .clc-icn:after,.switch-calendar-item:hover .clc-icn:after{width:100%;height:100%;cursor:pointer}
.switch-calendar-item.selected .clc-title,.switch-calendar-item:hover .clc-title{color:#036ab2}

/*Calendar full view*/
.fc-toolbar-chunk .fc-CreateEvent-button {
    border-radius:30px;padding:6px 20px 6px 35px;background-color:#000000;color:#ffffff;position:relative;
}
.fc-toolbar-chunk .fc-CreateEvent-button:after {
    content:'\e9ab';display:block;font-family: 'custom-icon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;
    text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top:18%;
    left:9px;color: #ffffff;font-size: 20px;
}
.fc-toolbar-chunk .fc-button-primary,
.fc-toolbar-chunk button {
    background-color: #000000;background: #000000;border-color:#000000;color: #fff;text-transform:capitalize;
}
.fc-toolbar-chunk button:active,
.fc-toolbar-chunk button:focus{
    box-shadow:none !important;outline:none !important
}
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active{
    background:#036ab2;background-color:#036ab2;border-color:#036ab2;
}

/* lang swither */
.lang-select .dropdown-toggle.btn-light{
    background:transparent;padding:0;border-color:transparent;color:#ffffff;
}
.dropdown.bootstrap-select.lang-select .dropdown-toggle:after{display:none;}
.dropdown.bootstrap-select.lang-select .dropdown-toggle:focus{
    box-shadow:none;outline:none;background:transparent;background-color:transparent;
}
.dropdown.bootstrap-select.lang-select .dropdown-menu{
    background: #ffffff;
}
.dropdown.bootstrap-select.lang-select .dropdown-menu .dropdown-menu.inner{
    background: #ffffff;
}
.dropdown.bootstrap-select.lang-select .dropdown-menu .dropdown-menu.inner .dropdown-item:hover{
    background:transparent;background-color:transparent;
}
.dropdown.bootstrap-select.lang-select .flag-icon{
    background-position: 0;width: 2em;height: 1.2em;font-size: 15px;
}
.lang-select .filter-option-inner-inner{
    font-size:0;
}

.lang-selector .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: #212529;
    padding: 0;
    line-height: 1.5;
    border: 0;
    transition:all 03s ease;
}
.lang-selector .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered:hover {
    color:#3ea9f0;
}
.lang-selector .select2-container--bootstrap4 .select2-selection{
    border: none;
    border-radius: 0;
    height:25px !important;
    display:block;
    background:transparent;
    background-color:transparent;
}
.lang-selector .select2-container{
    width:80px !important;
    display: inline-block;
}
.lang-selector .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b{
    margin-top: -5px;
}

/* Feed widget search*/
.search-group{position:relative;}
.search-group .search-field{position: absolute;top:-1px;right:-20px;z-index:-99;opacity:0;visibility:hidden;transition:all 0.3s ease-in;}
.search-group .search-field.active{z-index:1;visibility:visible;opacity:1;}

/*user setting modal notification settings */
.ntf-group-item-parent[data-toggle="collapse"]:after {
    content: "\e905";font-family: 'custom-icon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 10%;display: block;right:10px;font-size:24px;
}
.ntf-group-item-parent[aria-expanded="false"]:after {
    content: "\e908";
}

/*call schedule*/
.call-scheduled-list-trigger-wrapper,
.call-schedule-trigger-wrapper{position:relative;}
.call-schedule-trigger-wrapper i{font-size:23px;}
.list-wrapper li{position:relative;}
.list-wrapper { list-style: none;padding: 0;margin: 0;}
.bg-lighter-blue{background:#d9e9fc;}
.radius-list{border-radius:6px;}
.btn-dark{ background:#000000; border-color:#000000;color:#ffffff;}
.btn-dark:hover{background:#2197d7;border-color:#2197d7; color:#ffffff;}
.date-heading-container{position:relative}
.date-heading-container>.input-cdlr:hover,
.date-heading-container:hover{cursor:pointer;}
.date-heading-container>.input-cdlr{position:absolute;top:0;height:100%;width:100%;opacity:0;}
/*call schedule /// close */


/*leave btn*/
.leave-call-wrapper{
    position:relative;
    padding:5px;
}
.leave-call-wrapper .btn-leave-call{
    position:relative;
    left:inherit;
    right:inherit;
    top:inherit;
}

/*hashtag suggestion */
.note-suggestions-wrapper.show.hashactive .note-suggestion-data:not(.hashtage_list),
.note-suggestions-wrapper.show.hashactive .note-suggestion-data:not(.hashtage_list) .user-list-item,
.note-suggestions-wrapper.show.hashactive .note-suggestion-data:not(.hashtage_list) .user-list-item.visible{
    display:none !important;
    visibility:hidden !important;
}

/*qrcode user setting*/
.qrcode-wrapper .qrcode-body,
.qrcode-wrapper{
    min-width:150px;max-width:150px;min-height:150px;max-height:150px;margin-right:15px;
}
.qrcode-wrapper-inner{position:relative}
.qrcode-reload-body{
    position:absolute;top:0;width:100%;height:100%;
}
.qrcode-reload-body .reload-body-overlay{
    position:absolute;top:0;width:100%;height:100%;background:rgba(255 , 255, 255, 0.7);
}
.qrcode-reload-body .reload-body-content{
    position: absolute;width: 90%;height: 90%;background: #31B6EF;color: #ffffff;top: 50%;transform: translate(0% , -50%);margin: 0 auto;left: 0;right: 0;border-radius: 50%;overflow: hidden;padding:20% 10px 10px 10px;cursor:pointer;
}
.device-status .sts{
    padding: 4px 10px;background: #036ab2;border-radius: 20px;margin: 2px 0px 15px 0;display: inline-block;color: #fff;
}
.video-call-content>.video-bottom-iframe{
    height:calc(98%) !important;
}

/*new generic Style*/
.border-black {
    border: 1px solid #000000 !important;
}
.table-borderless tr{
    border-bottom:0px !important;
}
.table-borderless tr td{
    padding-top:8px;
    padding-bottom:8px;
}
.overviewprojectdashboard-top-boxes-container .box-widget{
    padding-left:0.6vw;
    padding-right:0.6vw;
}
.sidebar-collapsable-active .side-tab-nav .projects-nav-tabs>.nav-item>.nav-link.active:after{
    display:none;
}
.no-radius{
    border-radius:0px !important;
}
.select2-dropdown.nowrap {
    width: auto !important;
}
.datepicker-months{width:200px;}
.datepicker-years{width:220px;}
.noitem-icn-wrapper{width: calc(5vw + 120px);height: calc(5vw + 120px);background: #ecf0f3;border-radius: 50%;}
.noitem-icn-wrapper .icon-noitems{
    font-size:calc(3vw + 50px);line-height:2;
}
.col-x-pad5 tr th,
.col-y-pad8 tr td{
    padding:8px 5px;
}
.view-detail-col:hover{
    color:#036ab2 ;
    transition:all 0.3s ease-in;
}
.color-orange{
    color:#f4570a;
}
.color-brown{
    color:#c06f47;
}
.search-input input.no-clear[type="search"]::-webkit-search-decoration, input.no-clear[type="search"]::-webkit-search-cancel-button, input.no-clear[type="search"]::-webkit-search-results-button, input.no-clear[type="search"]::-webkit-search-results-decoration {
    display:none !important;
}
.break-word{word-wrap:break-word;}
.no-border-collapse{border-collapse:separate;border-spacing:0;}
.no-border-collapse.table.table-header-sticky thead{top:0px}
.table-bordered thead td, .table-bordered thead th {border-bottom-width:1px;}
.more-side-widget .main-sidebar-widget{height:auto !important;}
.more-widget-items .more-widget-item:hover{color:#036ab2;cursor:pointer;}
.more-widget-items .more-widget-item i{font-size:30px;}
.btn.disabled, .btn:disabled{cursor:default;}
.side-widget.h-auto{height:auto !important}
a[disabled]{pointer-events:none;opacity:0.7;}
.tooltip .tooltip-inner {background: #000000 !important;color: #ffffff !important;font-weight:400;padding-left:10px !important; padding-right:10px !important; font-size:10px;line-height:18px;border-radius: 20px !important;}
.video-chat-widget-content .user-list-item .video-icon-wrapper i:hover,
.media-widget-header i:hover,
.address-book-widget-header i:hover,
.talk-widget-header i:hover,
.video-chat-widget-header i:hover,
.widget-header i:hover{color:#036ab2;}
g[class$="-parentTaskGroup"]>g[class$="-shadow"]{display:none !important;}
.has-ntfc-counter{position:relative;display:inline-block;}
.has-ntfc-counter>.counter {position:absolute;top:-10px;width:20px;height:20px;background:#de2020;color:#ffffff;border-radius:50%;text-align:center;font-size:10px;line-height:20px;right:-1px;}
.talk-widget .talk-widget-content>.user-list>.user-list-item>.user-hashtag-thumb-wrapper{padding:12px 0px 15px 18px;}
.email-widget .login-form .widget-content{overflow:inherit;}
.login-wrapper .inline-separator{width:20px;border-bottom:1px solid #000000;transform: translate(0, -2px);margin:0 5px;}
.icn-download-inst i{font-size:28px;color:#036ab2;}
.task-note-textarea:focus{outline:1px solid #3ea9f0;box-shadow:0px 2px 6px rgba(0,0,0,0.3);}
.jq-toast-single{font-family:'Montserrat', sans-serif;}
.has-ntfc-counter>.counter.sm{width:18px;height:18px;right:-10px;line-height:18px;}
.video-call-widget-header .wrapper-icons .video-control i:hover{color:#1dd7de}
.video_view_port_minimized .video-call-content{min-height:0 !important;}
/*new generic Style ../////close */

/*project fixed sidenav*/
.projects-widget .side-tab-nav{position:absolute;top:0;left:0;height:100%;overflow:auto;z-index:1;}
.projects-widget .project-content-wrapper{padding-left:180px;}

/*video call recording style /// Start */

.video-call-content{
    position:relative;
}
.video-call-widget .video-call-content .call-record-wrapper{
    position: absolute;top: 0;left:0;
    background: #444957;
    border-radius:6px;
    width: auto;
    color: #ffffff;
    padding:6px 15px;
    display:none;
    z-index:99;
}

.video-call-widget .call-record-wrapper.recording-pause{
    background:#036ab2;
}
.call-record-wrapper .recording-txt{
    min-width:80px;
}
.call-record-wrapper .recording-action-wrapper .recording-pause-play,
.call-record-wrapper .recording-txt,
.call-record-wrapper .recording-highlighter{
    margin-right:12px;
}
.call-record-wrapper .recording-highlighter .highlighter-outter{
    width:20px;
    height:20px;
    background:#ffffff;
    padding:5px;
    border-radius:50%;
}
.call-record-wrapper .recording-highlighter .highlighter-outter .highlighter-inner{
    width:10px;
    height:10px;
    background-color:#acb7c1;
    border-radius:50%;
}
.call-record-icn[call-record="recording"]{
    animation: rcd_color_blink 1s infinite;
}
.call-record-wrapper.recording .recording-highlighter .highlighter-outter .highlighter-inner{
    animation: rcd_blink 1s infinite;
}
.video_view_port_minimized .video-call-widget-header .video-widget-call-record{
    display:none;
}
.call-record-wrapper .stop-recording-wrapper .stop-recording{
    width: 16px;
    height: 16px;
    background: #ffffff;
    border-radius:3px;
}

.call-record-wrapper .recording-action-wrapper .recording-pause:hover{
    color:#1dd7de;
}
.call-record-wrapper .recording-action-wrapper .stop-recording:hover{
    background:#1dd7de;
}
.recording-loading-wrapper.successfully .load-wrapper{
    display:none;
}
.recording-loading-wrapper:not(.successfully) .converted-check-wrapper{
    height:0;
    visibility:hidden;
    overflow:hidden;
    opacity:0;
    transition: all 0.3s ease-in;
}
.recording-loading-wrapper.successfully .converted-check-wrapper{
    height:inherit;
    visibility:inherit;
    overflow:inherit;
    opacity:1;
}
.successfully .container-success-check {
    width: 65px;
    margin: 0 auto;
}
.successfully .svg-success {
    display: inline-block;
    vertical-align: top;
    height:65px;
    width: 65px;
    opacity: 1;
    overflow: visible;
}

.successfully .success-tick {
    fill: none;
    stroke-width: 1px;
    stroke: #ffffff;
    stroke-dasharray: 15px, 15px;
    stroke-dashoffset: -5px;
    animation: success-tick 450ms ease 1400ms forwards;
    opacity: 0;
}

.successfully .success-circle-outline {
    fill: none;
    stroke-width: 1px;
    stroke: #0eb812;
    stroke-dasharray: 72px, 72px;
    stroke-dashoffset: 72px;
    animation: success-circle-outline 300ms ease-in-out 800ms forwards;
    opacity: 0;
}

.successfully .success-circle-fill {
    fill: #0eb812;
    stroke: none;
    opacity: 0;
    animation: success-circle-fill 300ms ease-out 1100ms forwards;
}


@keyframes success-tick {
    0% {
    stroke-dashoffset: 16px;
    opacity: 1
    }

    100% {
    stroke-dashoffset: 31px;
    opacity: 1
    }
}

@keyframes success-circle-outline {
    0% {
    stroke-dashoffset: 72px;
    opacity: 1
    }

    100% {
    stroke-dashoffset: 0px;
    opacity: 1
    }
}

@keyframes success-circle-fill {
    0% {
    opacity: 0;
    }

    100% {
    opacity: 1;
    }
}


@keyframes rcd_blink {
    0% { background-color:rgba(222,32,32, 0.65); }
    50% { background-color:rgba(222,32,32, 0.8); }
    100% { background-color:rgba(222,32,32, 1); }
}
@keyframes rcd_color_blink {
    0% { color:rgba(222,32,32, 0.65); }
    50% { color:rgba(222,32,32, 0.8); }
    100% {color:rgba(222,32,32, 1); }
}

/*video call recording style /// Start */


/*talk adduserform style*/
.talk-addusersfrom-screen .talk-screen-innerwrapper .talk-screen-header{height:192px;}
.talk-addusersfrom-screen .talk-screen-innerwrapper .talk-screen-header .group-inputs{height:calc(80%);overflow:auto;}
.talk-addusersfrom-screen .talk-screen-innerwrapper .talk-add-user-content.talk-screen-content{height:calc(64.5%);position:relative;}
.talk-addusersfrom-screen .talk-screen-header .close-add-user{position:absolute;right:5px;top:5px;}
.talk-addusersfrom-screen .talk-add-user-header .adduser-forminput{padding-right:20px;}
.talk-create-group-innerwrapper .user-list{height:calc(100%);overflow:auto;}
.group-inputs .adduser-forminput{cursor:pointer;position:relative;}
.group-inputs .adduser-forminput input:hover{cursor:pointer;}
.adduser-forminput .form-control::placeholder{color:#036ab2 !important;}
.adduser-forminput .form-control::-ms-input-placeholder{color:#036ab2 !important;}
.adduser-forminput .form-control::-webkit-input-placeholder{color:#036ab2 !important;}
.talk-addusersfrom-screen .talk-screen-innerwrapper.talk-create-group-innerwrapper .talk-screen-header {height:195px;padding-bottom:0px;}
.talk-addusersfrom-screen .talk-screen-innerwrapper.talk-create-group-innerwrapper .talk-add-user-content.talk-screen-content{height: calc(74%);overflow: auto;}
.talk-adduser-suggestionsInput {display: inline-block;width: 120px;}
.talk-adduser-suggestionsInput input{border-radius:2px;height:29px;min-height:29px;padding:2px;}
.selectedusers-area-wrapper{height:115px;overflow:auto;border-radius:8px;padding:8px;}
.talk-adduser-suggestionsList{font-size:11px;font-weight:600;}
.talk-adduser-suggestionsList .user-list-item{
    display:inline-block;border-radius:4px;max-width:200px;background:#eaeaea;padding:3px 5px;margin-right:2px;margin-bottom:2px;
}
.create-group-form-wrapper .input-create-group>.form-control{min-height:35px;}

.selectedusers-area-wrapper .users-search-list{max-height: 40vh;overflow: auto;}
.add-user-search-list .group-header{font-weight:700;margin-top:5px;}
.add-user-search-list .group-header.active{color:#036ab2}
.group_sorting-list .group_target-container{position:absolute;top:25px;right:22px;display:inline-block;font-size:11px;}
.group_sorting-list .group_target-container .grp_target{color:#036ab2;margin-bottom:3px;}
.group_sorting-list .group_target-container .grp_target.active{font-weight:700;}
.group_sorting-list .group_target-container .grp_target:hover{cursor:pointer;font-weight:700;}
.group_sorting-list .user-list{padding-right:20px;}
.searchList_is_active .group_target-container,
.searchList_is_active .add-user-search-list .group-header{display:none;}
.searchList_is_active .add-user-search-list .user-list-item:hover, 
.searchList_is_active .add-user-search-list .user-list-item.selected {
    cursor: pointer;background: #f7f7f7;
}
.talk-add-user-mainscreen .no-footer.add-user-search-list{
    height: calc(96%);
}
/*talk adduserform style ../////close*/

/*video call widget header layout*/
.video-call-widget.header-layout .video-call-widget-header-content{
    position: relative;right: inherit;width: 100%; max-width: 100%;
}
.video-call-widget.header-layout .video-call-content{padding-right:0px;}
.video-call-widget.header-layout{ padding:10px 5px 0px 5px;}
.video-call-widget.header-layout .video-call-widget-header .wrapper-icons .video-control{
     float:right;
}
.video-call-widget.header-layout .video-call-widget-header-content{
    display:flex !important;
}
.video_view_port_minimized .call-title{display:none !important;}
.video-call-widget.panel-sm .video-tile-viewchange{display:none !important}
.video-call-widget.video_view_port_minimized {padding-bottom:6px;height:44px;}
.ext-user-dashboard-body .video_view_port_minimized .video-call-widget-header .video-call-widget-header-content{
    cursor:move;
}

.vid-user-info-dd{position:relative;}

.vid-user-info-dd-menu{
    background: #f6f9fc;
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -ms-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -o-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    font-size: 13px;
    color: #000000;
    position:absolute;
    top:100%;
    right:0;
    display:none;
    list-style:none;
    padding:0;
    margin:0;
    max-height:290px;
    overflow:auto;
    padding-top:7px;
    cursor:default;
    z-index:-99;
    opacity:0;
    transition:all 0.3s ease;
    border-radius:6px;
}
.vid-user-info-dd-menu.active{
    display:block;
    opacity:0;
    z-index:1;
    transition:all 0.3s ease;
}
.vid-user-info-dd-menu.show{
    opacity:1;
    transition:all 0.3s ease;
}
.vid-user-info-dd-menu .user-desc{
    white-space:nowrap;
}
.vid-user-info-dd-menu .user-desc .Uname{
    max-width:300px;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    vertical-align:middle;
}

.vid-user-info-dd-menu .user-item{
    padding:12px 5px 12px 10px;
}
.vid-user-info-dd-menu .UIcn{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color:#ffffff;
    width: 25px;
    height: 25px;
    border: 1px solid #8b8d92;
    border-radius: 50%;
    text-align: center;
    background: #8b8d92;
}
.vid-user-info-dd-menu .UIcn i{
    color:#ffffff !important;
    font-size:13px !important;
    transform:translateY(5px);
}
.UIcn img{
    display:block;
    width:25px;
    height:25px;
    border-radius:50%;
}
.video-call-widget-header .wrapper-icons .video-control.vid-user-info-dd .vid-user-info-dd-menu i{
    cursor:default;
}
.cst-vid-sub-dd i{
    cursor:pointer !important;
}
/*video call widget header layout ....//close..///*/

/*ext chatbox style*/
.chat-box.ext-chat-box{
    z-index:8;
    width:400px !important;
    position:fixed !important;
    bottom:0 !important;
    color:#000000;
}
/*ext chatbox style....//close..///**/

/*Video Raise hand message Style*/
.raise-hand-active,
.raise-hand-active i{
    color:#1dd7de!important;
}
.hand-raise-mess {
    position:absolute;bottom:20px;
    right:20px;background:#ffffff;padding:5px 10px;
    border-radius:6px;color:#000000;
}
/*Video Raise hand message Style ..//close..//*/

/*Video call widget with header and footer for external users and sidebar as dd view*/
.video-call-widget.video-call-widget-header-footer .video-call-widget-header-content{
    position: relative;right: inherit;width: 100%; max-width: 100%;
}
.video-call-widget.video-call-widget-header-footer .video-call-content{padding-right:10px;}
.video-call-widget.video-call-widget-header-footer{ padding:10px 10px 0px 10px;}
.video-call-widget-footer{text-align:center;padding-bottom:5px;}
.video-call-widget-footer .wrapper-icons{
    position:relative;width:auto;display:inline-block;
}
.video-call-widget-footer .video-control{
    display:inline-block;width: 35px;height: 35px; border-radius: 50%;background: rgba(255,255,255, 0.1);padding-top:7px;margin-right:5px;
}
.video-call-widget-footer .video-widget-leavecall{background:#de2020;}
.video-call-widget-footer .video-control:last-child{margin-right:0px;}

.video_view_port_minimized .chat-box,
.sidebar-as-dd .video-chat-heading,
.video_view_port_minimized.video-call-widget-header-footer .video-call-content,
.video_view_port_minimized .call-title,
.video-call-widget-footer .visible_on_minimize,
.video_view_port_minimized .video-call-widget-footer .hide_on_minimize{
    display:none !important;
}
.video_view_port_minimized .video-call-widget-footer .visible_on_minimize{
    display: block;
}
.video_view_port_minimized .video-call-widget-footer .visible_on_minimize.video-control{
    display: inline-block;
}
.video_view_port_minimized.video-call-widget-header-footer .video-call-widget-header{
    display: inline-block;vertical-align: middle;margin-right: 20px;
}

.video_view_port_minimized.video-call-widget-header-footer .video-call-widget-footer{
    display:inline-block;padding-bottom:2px;
}
.sidebar-as-dd.open-video-chat-widget__fromvideocall .video-chat-widget{
    max-width:300px;max-height: 70vh;
}
.sidebar-as-dd.open-video-chat-widget__fromvideocall .video-chat-widget .video-chat-widget-content{
    max-height: calc(83%);padding: 0 10px 0 10px
}
.sidebar-as-dd.open-video-chat-widget__fromvideocall .video-select-option .dropdown-menu,
.sidebar-as-dd.open-video-chat-widget__fromvideocall .video-select-option .ddChild{
    top:35px !important;left:20px !important;
}
.sidebar-as-dd.open-video-chat-widget__fromvideocall .video-chat-widget-header{padding:10px;}
.sidebar-as-dd.open-video-chat-widget__fromvideocall .video-select-option [data-list="#schedule-videocall-list"],
.sidebar-as-dd.open-video-chat-widget__fromvideocall .video-chat-widget-header [data-target="#CallScheduleModal"]{display:none !important;}
.sidebar-as-dd.open-video-chat-widget__fromvideocall .group-call-trigger .btn-add.video-group-add-call-trigger{
    font-size: 0px !important;height:44px;width:44px;border-radius:50%;padding:0 !important;
}
.sidebar-as-dd.open-video-chat-widget__fromvideocall .group-call-trigger .btn-add.video-group-add-call-trigger .icon-video{
    transform:translate(0px, 8%);text-align:center;
}
/*Video call widget with header and footer for external users and sidebar as dd view ...//close..///*/

/*Video list search filter*/
.vid-search-list-dd .dd-menu-vid-search-list{
    width:250px;
    padding:8px;
}

.vid-search-list-dd .dd-menu-vid-search-list .form-control{
    background: transparent;
    background-color: transparent;
    border: 1px solid #cccccc;
    min-height: 2.1rem;
    font-size: 11px;
    padding: 3px 8px;
}
/*Video list search filter*/

/*caledar repeat tab style*/
.weekday-list{
    list-style:none;padding:0;margin:0;position:relative;
}
.weekday-list .weekday-list-item{
    margin-right:8px;cursor:pointer;
}
.weekday-list .weekday-list-item:last-child{
    margin-right:0px;
}

.weekday-list .weekday-list-item .list-control{
    width:25px;height: 25px;line-height: 25px;background: #f8f9fa;border-radius: 50%;display: block;text-align: center;font-size: 10px;font-weight: 600;
}
.weekday-list .weekday-list-item[data-select="true"] .list-control{
    background: #2197d7;color:#ffffff !important;
}
.repeat-every{
    position:relative;
}

.repeat-on-week.fade:not(.active),
.repeat-on-year.fade:not(.active){
    display:none;
}
.event-repeat-after-input-wrapper input[disabled]~input[readonly],
.event-repeat-after-input-wrapper input[disabled],
.event-repeat-on-date-wrapper input[disabled]{
    opacity: 0.6;background: #eaeaea !important;
}
.from-time-event[disabled],
.to-time-event[disabled]{
    opacity: 0.6;
}


/*select dropdown menu*/
.select-dropdownMenu.select2-container{
    min-width:70px !important;display: inline-block;max-width: auto !important;width: auto !important;
}
.select-dropdownMenu .select2-selection{
    border-color:transparent;
}
.select-dropdownMenu.select2-container--bootstrap4 .select2-selection--single{
    height: auto !important;border-color: transparent !important;
}
.select-dropdownMenu.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
    line-height:2 !important;
}
.select-dropdownMenu .select2-results__options li{
    white-space:nowrap;
}
.select-btn .select2-selection__rendered{
    background: #2197d7;
    color: #ffffff !important;
    border-radius: 4px;
    padding: 0px 21px 0 15px !important;
    min-width: 115px;

}
.select2-selection.select-btn .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent;
}
.color-blue .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder,
.color-blue .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
    color:#036ab2;
}
.selection__rendered_pl0 .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
    padding-left:0;
}
.select-overviewproject-dd .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b{
    border:none
}
.select-overviewproject-dd .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b:after{
    content: "\e930";font-family: 'custom-icon' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;color:#036ab2;font-size:13px;
}
.select-overviewproject-dd .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow{
    left: 3px;right: inherit;top:25%;
}
.select-overviewproject-dd .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b{
    top:0;left:0;
}
.select-overviewproject-dd .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 15px;padding-right:0px;
}
.color-black .select-dropdownMenu.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
    color:#000000;
}
.select-overviewproject-dd{
    min-height:23px;
}
.select2-multiselect-dropdown .select2-container--default .select2-selection--multiple,
.select2-multiselect-dropdown .select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color:#dee2e6;
}
.select2-multiselect-dropdown .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #eef3f8;
    border: 1px solid #e1e6ec;
}
.select2-multiselect-dropdown input[type="search"].select2-search__field::-webkit-search-decoration,
.select2-multiselect-dropdown input[type="search"].select2-search__field::-webkit-search-cancel-button,
.select2-multiselect-dropdown input[type="search"].select2-search__field::-webkit-search-results-button,
.select2-multiselect-dropdown input[type="search"].select2-search__field::-webkit-search-results-decoration
{
    display:none;
}
.select2-multiselect-dropdown input[type="search"].select2-search__field{min-width: auto !important;width:auto !important}

/*select dropdown menu*/

/*project overviewdashboard*/
.completedtasks-box{
    border:1px solid #15b336;
}
.completedtasks-box .box-value-container{
    color:#0b9f2a;
}
.completedtasks-box .box-header{
    color:#0b9f2a;
}
.inprogresstasks-box{
    border:1px solid #ff6c1c;
}
.inprogresstasks-box .box-value-container{
    color:#ff6c1c;
}
.inprogresstasks-box .box-header{ 
   color:#ff6c1c;
}
.overduetasks-box{
    border:1px solid #f12117;
}
.overduetasks-box .box-value-container{
    color:#f12117;
}
.overduetasks-box .box-header{
    color:#f12117
}
.onholdtasks-box{
    border:1px solid #b8683d;
}
.onholdtasks-box .box-value-container{
    color:#c2692e;
}
.onholdtasks-box .box-header{
    color:#c2692e;
}

.table-striped tbody tr.even:nth-of-type(odd) {
    background-color:inherit;
}
.table-striped tbody tr.odd{
    background-color: rgba(0,0,0,.05);
}
/*project overviewdashboard /////////// Close*/

/*FileSync Dataroom style*/
.overflow-inherit{
    overflow:inherit !important;
}
.overflow-initial{
    overflow:initial !important;
}
.filesync-dataroom-widget .widget-heading{
    width:auto;min-width:auto;
}
.adv-search-filesync-wrapper{
    position:relative;width:38vw;
}
.adv-search-filesync-wrapper.search-by-type-active,
.adv-search-filesync-wrapper.search-input-suggestions-active,
.adv-search-filesync-wrapper.search-options-active{
    z-index:3;
}
.adv-search-filesync-wrapper input[type="search"]{
    border-radius: 4px;height: calc(1.9em + 0.5rem);min-height: calc(1.9em + 0.5rem);padding-right:47px;
}
.adv-search-filesync-wrapper .search-input input[type="search"]::-webkit-search-decoration, .adv-search-filesync-wrapper .search-input input[type="search"]::-webkit-search-cancel-button, .adv-search-filesync-wrapper .search-input input[type="search"]::-webkit-search-results-button, .adv-search-filesync-wrapper .search-input input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;position:absolute;width:12px;height:12px;background: url(../img/close-gray.png) no-repeat center center;background-size: cover;
    right:30px;
    cursor: pointer;
}
.adv-search-filesync-wrapper .search-input{
    position:relative;
}

.adv-search-filesync-wrapper .search-input:after{
    content: "\e9bf"; color: #5a5a5a;font-family: 'custom-icon' !important;speak: never;font-style: normal;
    font-weight: normal;font-variant: normal;text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; position:absolute;font-size:20px; right:8px;top:20%;display:none;
}
.adv-search-filesync-wrapper .search-input .search-filter-icn{
    position:absolute;right:8px;top:50%;z-index:1;transform: translate(0px, -50%);
}
.adv-search-filesync-wrapper .search-input .search-filter-icn i{
    font-size:20px; 
}

.data-view-change-controls .control-item {
    border: 1px solid #ccc;
    padding: 5px 7px;
    max-height:39px;
    cursor:pointer;
}
.data-view-change-controls .control-item:not(.active){
    color:#828588;
}
.data-view-change-controls .control-item.active{
    background:#036ab2;
    border-color:#036ab2;
    color:#ffffff;
}
.data-view-change-controls .control-item i{
    transform: translate(0px, 2px);
}

.adv-search-filesync-wrapper .search-input-custom-suggestions,
.adv-search-filesync-wrapper .search-input-adv-search,
.adv-search-filesync-wrapper .search-input-dropdown{
    position:absolute;
    top:100%;
    width:100%;
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -ms-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -o-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    background: #ffffff;
    border: 1px solid #cccc;
    z-index:-99;
    opacity:0;
    visibility:hidden;
    transition:all 0.3s ease-in;
}
.adv-search-filesync-wrapper .search-input-custom-suggestions.show,
.adv-search-filesync-wrapper .search-input-adv-search.show,
.adv-search-filesync-wrapper .search-input-dropdown.show{
    z-index:1;
    opacity:1;
    visibility:visible;
    transition:all 0.3s ease;
}
.search-input-custom-suggestions{max-height:70vh;overflow:auto;}
.search-by-item .items-type-search{
    width:100%;
    padding: 10px 15px;
    overflow:auto;
    transition:all 0.3s ease;
}
.search-by-item .items-type-search .search-type-item{
    font-size:9px;
    color:#757779;
    font-weight:600;
    margin-right:15px;
    cursor:pointer;
    
}
.search-by-item .items-type-search .search-type-item:last-child{
    margin-right:0px;
    padding-right:15px;
}
.search-input-dropdown .search-dd-footer{
    margin-top:2px;
    background:#f1f4f6;
    padding:5px 8px;
}
.search-input-dropdown .search-dd-footer .adv-search-form-trigger{
    font-size:10px;
    color:#036ab2;
    cursor:pointer;
}
.table-list .user-thumb {
    width: 25px;
    height: 25px;
    min-width: 25px;
    max-width: 25px;
    border-radius: 50%;
    overflow: hidden;
}
.table-list .user-thumb>img {
    width: 25px;
    height: 25px;
}
.filesync-data-list .file-title,
.grid-folder-items .file-title-input[readonly],
.filesync-data-list .file-title .file-title-input[readonly],
.filesync-data-list .file-title .file-title-input:disabled{
    border: 0px;
    color:#000000;
    font-weight:700;
    cursor:pointer;
}

.filesync-data-list .folder-wrapper .file-title .file-title-input[readonly],
.filesync-data-list .folder-wrapper .file-title .file-title-input:disabled{
    cursor:pointer;
}


.filesync-data-list i,
.filesync-data-list .file-actions i{
    cursor:pointer;
}
.file-sync-table .file-options .file-delete{
    font-size:21px;
}
.filesync-data-list .file-sync-table .file-icon {
    max-width:22px; min-width:22px;width:22px;
}
.search-input-adv-search .adv-search-form{
    padding:10px;
}

.form-control-select .select2-container .select2-selection {
    border: 1px solid #dee2e6;border-radius:0px;height: calc(1.5em + 0.75rem + 2px);padding: 0.375rem 0.75rem;font-size:13px;
}
.search-input-adv-search .form-control-select .select2-container .select2-selection{
    min-height:40px;
}
.form-control-select .select2-container .select2-selection .select2-selection__rendered{
    padding: 0;line-height: 1.4;font-size: 13px;font-weight: 500;
}
.search-input-adv-search .form-control-select .select2-container .select2-selection .select2-selection__rendered{
    line-height: 1.9;
}
.form-control-select .select2-selection .select2-selection__arrow{
    top: 40%; transform: translateY(-50%);
}
.form-control-select .select2-container .select2-selection .select2-selection__arrow b{
    display:none;
}
.form-control-select .select2-container .select2-selection .select2-selection__arrow:after{
    position:absolute;
    right:2px;
    top:30%;
    content: "\e905";
    font-family: 'custom-icon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:18px;
    display:block;
}
.select2-container .select2-search--dropdown .select2-search__field{
    border-color:#dee2e6;
}
.select2-dropdown{
    border-color:#dee2e6;
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -ms-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -o-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
}
.select2-container .select2-results>.select2-results__options {
    max-height: 230px;
    overflow-y: auto;
}
.form-control-select .select2-selection__rendered .opt-icn{
    display:none;
}
.btn-default.btn-outline{background:transparent;border:1px solid #d4d8da;color:#b2b6b9}
.btn-default.btn-outline:hover,.btn-default.btn-outline:focus,
.btn-default:hover,.btn-default:focus{background:#9fa4a8;border-color:#9fa4a8;color:#fff;outline: none;}
.tab-control-btn-items{
    position:relative;
}
.tab-control-btn-items .tab-control-btn{
    border:1px solid #cbcfd1;
    color:#a7acaf;
}
.tab-control-btn-items .tab-control-btn:focus,
.tab-control-btn-items .tab-control-btn:active,
.tab-control-btn-items .tab-control-btn:hover,
.tab-control-btn-items .tab-control-btn.active{
    background:#31B6EF;
    border-color:#31B6EF;
    color:#ffffff;
}
.tab-control-btn-items .tab-control-btn.control-secondary:focus,
.tab-control-btn-items .tab-control-btn.control-secondary:hover,
.tab-control-btn-items .tab-control-btn.control-secondary:active,
.tab-control-btn-items .tab-control-btn.control-secondary.active{
    background:#000000;
    border-color:#000000;
    color:#ffffff;
}

.filesync-tab-control-btn-items .btn{
    margin-right:1.3vw;
}
.filesync-tab-control-btn-items .btn:last-child{
    margin-right:0vw;
}
.filesync-data-list .file-sync-table td{
    padding-top:8px;
    padding-bottom:8px;
}
.filesync-data-list .folder-wrapper:not(.active-folder) .folder-title-row{
    border:0px;
}
.filesync-data-list .folder-wrapper.active-folder>td>table>tbody>tr .file-icon{
    border-left:0px solid #dddddd !important;
}
.grid-view-active .filesync-data-list .items-list-view,
.list-view-active .filesync-data-list .items-grid-view{
    display:none;
}
.grid-view-active .filesync-data-list .items-grid-view,
.list-view-active .filesync-data-list .items-list-view{
    display:block;
}
.grid-subitems-outer-wrapper .folder-subitem{
    height:0;
    overflow:hidden;
    opacity:0;
    transition:all 0.3s ease;
}
.grid-subitems-outer-wrapper .folder-subitem.show{
    height:inherit;
    overflow:inherit;
    opacity:1;
    transition:all 0.3s ease;
}
.table tr.no-hover-bg:hover>td,
.table tr:hover>td.no-hover-bg {
    background:inherit !important;
}
.filesync-uploader-wrapper{
    width: calc(15vw + 15vh);
    height: calc(15vw + 15vh);
    display: inline-block;
    background: #f0f0f0;
    border-radius: 50%;
    padding: calc(3vw + 3vh) 0;
    position:relative;
}
.filesync-uploader-wrapper input[type="file"]{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    left: 0;
    right: 0;
    top:0;
    z-index:1;
}
.filesync-uploader-wrapper .uploader-icn {
    
    position:relative;
}
.uploader-icn .icn-item{
    font-size: calc(8vw + 8vh);
}
.uploader-icn .icon-nofiles {
    font-size: calc(15vw + 15vh);
}
.search-filter-control-item{
    position:relative;
}
.search-filter-controls .search-filter-control-item{
    margin-right:15px;
}
.search-filter-controls .search-filter-control-item:last-child{
    margin-right:0px;
}
.search-filter-controls .search-filter-control-item.form-control-select .select2-container .select2-selection{
    border-radius:4px;
}
.search-filter-controls .search-filter-control-item.form-control-select .select2-container .select2-selection .select2-selection__rendered{
    line-height:1.5;
}
.search-filter-controls .search-filter-control-item .select2-container--disabled .select2-selection{
    background:#31B6EF;
    color:#31B6EF;
    border-color:#31B6EF;
    color:#ffffff;
}
.search-filter-controls .search-filter-control-item .select2-container--disabled .select2-selection .select2-selection__rendered{
    color:#ffffff;
}
.search-filter-controls .search-filter-control-item .select2-container--disabled .select2-selection .select2-selection__arrow:after{
    content:"\e919";
    color: #fff;
    cursor:pointer;
}
.search-filter-control-item .custom-range-filter-wrapper{
    position:absolute;
    top: 100%;
    background:#ffffff;
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -moz-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -ms-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -o-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    z-index: -99;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
    border:1px solid #d7dde0;
}
.search-filter-control-item .custom-range-filter-wrapper.show{
    z-index:3;
    opacity:1;
    visibility:visible;
}
.filesync-data-upload-wrapper {
    position: fixed;
    bottom: 0;
    right: 103px;
    z-index: 4;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 6px;
    width: 400px;
}
.filesync-data-upload-wrapper .uploader-header{
    background:#171d2d;
    color:#ffffff;
    padding:8px 10px;
}
.filesync-data-upload-wrapper .uploader-body-content{
    padding: 10px 15px;
    max-height: 50vh;
    overflow: auto;
}
.filesync-data-upload-wrapper .uploader-body-content .upload-list-item{
    margin-bottom:15px;
}
.filesync-data-upload-wrapper .uploader-body-content .upload-list-item i.icon-trash{
    font-size:14px;
}
.filesync-data-upload-wrapper .uploader-body-content .upload-list-item .progress {
    margin-top: 5px;
    height: 4px;
}
.filesync-data-upload-wrapper .hd-icn-wrapper i:hover,
.filesync-data-upload-wrapper .hd-icn-wrapper i{
    cursor:pointer;
}
.file-move-modal .list-group .list-group-item.has-icon-left .left-icon{
    left: -22px;
    top: 0;
}
.delete-row-item,
.delete-row-item td {
    background-color: #fff0ee;
    background:#fff0ee;
}
.delete-file-trigger:hover,
.file-cancel-trigger:hover{
    cursor:pointer;
}
.grid-files-items .grid-item-box .box-item-thumb img{
    height:150px;
}
.file-sync-table .back-to-folder{
    z-index:3;
}
.select-userlist .select2-results li img{
    border-radius:50%;
}
.select-userlist .select2-results li span{
    display:block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.suggestion-list .suggestion-list-item:hover{cursor:pointer;}
.suggestion-list .suggestion-list-item{
    font-size:13px;
    border-bottom:1px solid #dee2e6;
    font-weight:600;
}
.suggestion-list .suggestion-list-item:last-child{
    font-size:13px;
    border-bottom:1px solid transparent;
}
.suggestion-list .suggestion-list-item:hover,
.suggestion-list .suggestion-list-item.selected{
    cursor: pointer;
    background: #f7f7f7;
}
/*FileSync Dataroom style .///// close ////*/

/* invite user style*/
.form-control-wrapper{position:relative}
.form-control-wrapper .input-overlay{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    text-align:right;
    padding-right:15px;
}
.form-control-wrapper .input-overlay img{
    transform: translate(0, 50%);
}
.externaluser-invite-wrapper .invite-user-content:not(.show){
    opacity:0;
    transition:all 0.3s ease-in;
}
.externaluser-invite-wrapper .invite-user-content.show{
    opacity:1;
    transition:all 0.3s ease-in;
}
.days-consumed input[type="number"]{
    color:#de2020;
}
.success-check-icn-wrapper>span{
    display: inline-block;
    width:100px;
    height:100px;
    text-align: center;
    border:2px solid #10AA2E;
    border-radius: 50%;
    line-height:95px;
    margin-bottom: 20px;
}
.success-check-icn-wrapper>span>i{
    font-size:55px;
    color:#10AA2E;
}
.invite-ext-user-setting-modal i{
    font-size:25px;
}
.table.table-invite-user tr:hover>td {
    background:inherit;
}
tr.hover-active td:not(.action-column){
    background: #f7f7f7 !important;
}
.table-invite-user .action-column{vertical-align:top !important;}
.action-column .btn:hover{
    background: #036ab2;color: #fff;
}
.column-data{
    position:relative;
}
.column-data .day-error-mess {
    position: absolute;white-space: nowrap; right: 110%;top:25%;font-weight: 600;
}
.tools-list-wrapper .tool-list-item{position:relative;margin-bottom:20px;}
.tools-list-wrapper .tool-list-item .tool-item {
    font-size: calc(1rem + 1vw); display: block;border: 2px solid #afb3c3;color:#afb3c3;width: calc(2rem + 2vw);padding: 6px;text-align: center; border-radius: 50%; height: calc(2rem + 2vw);line-height: calc(1.5rem + 1.5vw);margin:0 auto;
    transition:all 0.3s ease-in;
}
.tools-list-wrapper .tool-list-item .tool-item:hover {
    cursor:pointer;font-size: calc(1.1rem + 1.1vw);line-height: calc(1.5rem + 1.5vw);
}
 .tools-list-wrapper .tool-list-item.selected .tool-item{
    background:#2197d7;
    border-color:#2197d7;
    color:#ffffff;
 }
.tools-list-wrapper .tool-list-item .tool-title{
    font-weight:500;margin-top:6px;display:block;color:#9194a3;
}
.tools-list-wrapper .tool-list-item.selected .tool-title{
    color:#2197d7;
}
/* invite user style .///// close ////**/

/*external user pages style ..//start//**/
.modal-body .error-widget-wrapper{height:40vh;min-height:40vh;margin-top:0px}
.exp-link-body{padding-top:0;}
.exp-link-body .exp-icn-wrapper>i{font-size:80px;}

.ext-user-body.contentLoaded {opacity: 1;}
.ext-user-body {
    min-height: 100vh;width: 100%;padding: 0px !important;position: relative;opacity: 0;transition: all 0.3s linear;overflow: auto !important; background: url(../img/login/new/login-bg.jpg) no-repeat;
    background-position: bottom; background-size: cover;background-attachment: fixed;
}
.ext-user-body-inner-wrapper {
    min-height: 100vh;padding-right:0vw;
}
.create-extuser-content-wrapper {
    width: inherit;min-width:45%;max-width:45%;height: auto;border-radius:0px;background: rgba(255, 255, 255, 0.9);padding:20px 20px;
}
.create-extuser-form {margin-top: 4vh;}
.create-extuser-form .form-group {margin-bottom:40px;}
.create-extuser-form .form-group {position: relative;margin-bottom: 30px;}
.create-extuser-form .form-group .label {
    font-size: 16px;color: #000000;position: absolute;top: 12px;font-weight: 500;margin: 0;cursor: text;transition: all 0.3s ease-in-out;z-index: 1;
}
.create-extuser-form .form-control {
    background: transparent;border-bottom: 1px solid #000000;height: 50px;
}
.create-extuser-form .form-group.user-focus-input .label {
    font-size: 12px;top:-6px;color: #696b6e;
}
.create-extuser-form .form-group.user-focus-input .form-control {
    color: #000;font-size: 14px;padding-left: 0; text-indent:7px;
}
.btn-form-action {
    font-size: 18px;padding: 10px 50px;font-weight: 600;background-color: #053977;border-color: #053977;
}
.create-extuser-form .form-group .error-mas{
    position: absolute;font-size: 10px;color: red;font-weight: 600;
}
.country-flag>.dropdown{ width:100% !important;}
.country-flag>.dropdown .btn:focus,
.country-flag>.dropdown .btn:active{
    outline:none;border:0px;box-shadow:none;background:none; border-bottom:1px

}
.error .country-flag>.dropdown .btn,
.create-extuser-form  .error .form-control{border-color:#e13434;}
.create-extuser-form .form-group .country-flag .filter-option{opacity:0; transition:all 0.3s ease-in;}
.create-extuser-form .form-group.user-focus-input .country-flag .filter-option{opacity:1}
.country-flag>.dropdown .btn{
    padding: 2px;background: rgba(255, 255, 255, 0);border:0;border-bottom:1px solid #000;height: 50px;line-height:31px;
}
.country-flag .bootstrap-select>.dropdown-toggle:after {
    margin-top:0px;transform: translate(0px, 5%);opacity:0;transition:all 0.3s ease-in;
}
.dropdown.bootstrap-select.select-country .dropdown-menu .dropdown-menu.inner .selected .dropdown-item,
.dropdown.bootstrap-select.select-country .dropdown-menu .dropdown-menu.inner .active .dropdown-item{
    color:#ffffff;
}
.dropdown.bootstrap-select.select-country .dropdown-menu .dropdown-menu.inner .selected,
.dropdown.bootstrap-select.select-country .dropdown-menu .dropdown-menu.inner .active{
    background:#2197d7;
}
.select-country .bs-searchbox .form-control{height:34px;}

.form-group.user-focus-input .country-flag .bootstrap-select>.dropdown-toggle:after{
    opacity:1;
}
.country-flag .bootstrap-select .filter-option-inner-inner{
    font-size:0;
}
.ext-user-dashboard .talk-tool-content{
    padding-right:400px;padding-left:10px;
}
.ext-user-dashboard .talk-tool-content .chat-box{
    position: relative;top: inherit;left: inherit !important;width: 100%;opacity: 1;height: 88vh;right: inherit !important;
}
.ext-user-dashboard .talk-tool-content .chat-box .chat-box-content{
    position: relative;height: 72.5vh;padding: 15px;overflow: auto;
}
.ext-user-dashboard-body.open-talk-widget .talk-widget{
    right: 86px;box-shadow: none !important;height: 89.5vh !important;
}
.ext-user-dashboard .intro-content,
.talk-dashboard .intro-content{ padding:9vh 6vw;}
.ext-user-dashboard .intro-content .intro-content-inner,
.talk-dashboard .intro-content .intro-content-inner{
    background:#ffffff;box-shadow: 10px 10px 40px rgb(0 0 0 / 10%); padding:15px;border-radius:20px;
}
.intro-txt-container .title {
    font-size: calc(2.5vw + 2.5vh);font-weight:700;
}
.intro-txt-container .subtitle {
    font-size: calc(1vw + 1vh);font-weight: 500;padding-bottom:20px;
}
.ext-user-dashboard .talk-dashboard .chat-box .chat-box-header {
    padding: 10px 15px;background-color: #ffffff;color: #000000; border-bottom: 1px solid #e8eff4;
}
.ext-user-dashboard .talk-dashboard .chat-box .chat-box-header .user-name{
    font-size:15px;font-weight:700;color:#036ab2;
}
.ext-user-dashboard .talk-dashboard .message-inbox, .ext-user-dashboard .talk-dashboard .message-outbox {
    width:inherit;max-width:70%;min-width: 40%;
}
.ext-user-dashboard .talk-dashboard .message-inbox {
    background: #d6eeff;color: #000;
}
.ext-user-dashboard .talk-dashboard .message-outbox {
    background: #e5ebf0;
}
.ext-user-dashboard .talk-dashboard .message-inbox .chat-datetime {color:#5b95be !important;}

.ext-user-dashboard-body.open-video-chat-widget__fromvideocall .talk-dashboard,
.ext-user-dashboard-body.open-video-chat-widget__fromvideocall .talk-widget__active,
/*.ext-user-dashboard-body.open-talk-widget__fromvideocall .visible_video_call_widget,*/
.ext-user-dashboard-body.open-talk-widget.body___visible_video_call_widget .talk-dashboard,
.ext-user-dashboard-body.open-talk-widget.body___visible_video_call_widget .talk-widget__active,
.ext-user-dashboard-body.open-talk-widget.open-video-chat-widget .talk-dashboard,
.ext-user-dashboard-body.open-talk-widget.open-video-chat-widget .talk-widget__active{
    display:none;
}
/*.ext-user-dashboard-body.open-video-chat-widget__fromvideocall .visible_video_call_widget,
.ext-user-dashboard-body.open-video-chat-widget__fromvideocall .video-chat-widget__active,*/
.ext-user-dashboard-body.open-talk-widget__fromvideocall.open-talk-widget .talk-widget__active,
.ext-user-dashboard-body.open-talk-widget__fromvideocall.open-talk-widget .talk-dashboard{
    display:inherit;
}

@media screen and (max-width: 1270px){
    .ext-user-dashboard-body.open-talk-widget .talk-widget{
        right: 70px;
    }
}
/*external user pages style ..//close//**/


/*Insight create record style **/
.mis-widget:not(.widget-data-active) .widget-header .tab-control-mis-fullview/*,
.mis-widget:not(.widget-data-active) .has-dropdown-tabs.item-active-mis-widget-tab .nav-link.menu-active~.dropdown.insights-dd*/{
    display:none !important;
}
.mis-widget.insights-tab-active:not(.widget-data-active) .widget-header .insight-menu-right{
    display:inherit !important;
}
.insight_createrecord_intro .intro-thumb .intro-img{height:50%;max-width:100%;display:block;margin:0 auto;}
.insight_createrecord_intro .intro-txt{text-align:center;padding-top:10px;}
.insight_createrecord_intro:hover{cursor:pointer;}
.insight_createrecord_intro:hover .intro-txt{color:#3ea9f0;cursor:pointer;}
.insight_createrecord_form{padding:10px 10px 0px 10px;}
.insight_createrecord_form input.form-control{min-height:34px;}
.InsightCreateRecordShareUserList_wrapper{height:calc(60%);}
.insight_addrecord_shared_userlist{height:calc(82%);overflow: auto;}
.create-record-form-active .insight_createrecord_form,
.create-record-form-active .widget-content>.tab-content>.tab-pane.active.show>.tab-content>.tab-pane.active.show,
.create-record-form-active .widget-content>.tab-content>.tab-pane.active.show>.tab-content,
.create-record-form-active .widget-content>.tab-content>.tab-pane.active.show,
.create-record-form-active .widget-content>.tab-content{
    height:calc(100%);
}
.create-record-form-active .insight_createrecord_form .insight_createrecord_form_body{
    height:calc(90%);overflow:auto;
}
.InsightAddRecordUISuggestion{max-height:30vh;overflow:auto;}
.ui-autocomplete.p-fixed{position:fixed;}
.error-input{ border-color:#e13434 !important;}
.insight_addrecord_shared_userlist .user-list-item .user-thumb{margin-right:5px;}
.insight_addrecord_shared_userlist .user-list-item .user-thumb>img{width:25px;}
.pin_top_menu{
    position:relative;
}
.pin_top_menu:before{
    content: "\e9e7";font-family: 'custom-icon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:absolute;top:50%;transform: translate(0px, -50%);left:5px;color:#f6a531;display:block;font-size:15px; 
}
.admin-view .insight-user-field,
.insight-admin-field{display:none;}
.admin-view .insight-admin-field{display:block}
/*Insight create record style ///..close...**/


/*create post style*/
.post-audience-btn{
    background:#eeeeee;
}
.post-audience-btn i{
    font-size: 15px;font-weight: 600;
}
.audience-list-options,
.audience-list-options .audience-list-item,
.crt-post-body{position:relative}
.crt-post-body>.crt-post-body-inner{display:none;}
.crt-post-body>.active{display:block;}
input[type="checkbox"]:hover,
input[type="radio"]:hover,
[data-postaction]:hover{
    cursor:pointer;
}
.audience-list-options .audience-list-item .list-icn{
    width: 30px;height: 30px;text-align: center;line-height: 30px;background: #eeeeee;border-radius: 50%;margin-right: 13px;
}
.audience-list-options .audience-list-item{
    padding:5px;margin-bottom:5px;transition:all 0.3s ease-in;
}
.audience-list-options .audience-list-item:hover{
    background:#f0f4f8;cursor:pointer;
}
.user-select-container{position:relative}
.user-select-container .search-autocomplete-list-wrapper{
    width:100% !important;left:0 !important;
}
.user-select-container>.user-select-inner-wrapper{
    position:relative;
    padding:10px 15px;
}
.user-select-container:not(.select-list-active)>.user-select-inner-wrapper{
    padding:15px 15px;
}
.user-select-container>.user-select-inner-wrapper .list-placeholder{
    color:#036ab2;transition:all 0.3s ease-in;font-size:11px;font-weight:600;
}

.user-select-container:not(.select-list-active)>.user-select-inner-wrapper .list-placeholder{
    font-size:15px; color:#b3b8bd; font-weight:400;
}
.user-select-container:not(.select-list-active)>.user-select-inner-wrapper .users-search-list-input-wrapper{
    display:none;
}
.user-selected-list{padding:0;margin:0}
.user-selected-list li{
    list-style:none;position:relative;float:left;margin-right:3px;background:#e5edf6;border-radius:3px;padding:3px;
}
.user-selected-list li:last-child{margin-right:0}
.select-list-active .users-search-list-input-wrapper{
    display:inline-block;
}
.users-search-list-inline .form-control{
    min-height:22px;height:22px;
}
.friends-tagged-checkbox{
    position:relative
}
.friends-tagged-checkbox:not(.fr-of-fr_active)>.fr-of-fr{
    display:none
}
.user-selected-list .list-item .user-thumb img{
    width:20px;height:20px; border-radius:50%;
}
.user-selected-list .list-item{
    margin-bottom:2px;
}
.user-selected-list .list-item .list-remove:hover{cursor:pointer;}

/*create post style ...////Close ...///*/

@media (min-width: 992px){
    .modal-medium {
        max-width: 650px;
    }
}
@media screen and (max-width:1400px) {
    .market-tab .analytics-box-widget .bottom-area .value-heading .font-big {font-size:1.2vw !important;}
    .widget-header:not(.modal-header){font-size:17px;}
    .widget-heading{margin-right: 3px !important;}
    .widget-header .recent-files-dropdown .recent-label {font-size: 9.5px;}
    .widget-header .recent-files-dropdown>i{font-size:11px;margin-left: -5px;margin-top: 1px;}
    .widget-header i {font-size:18px;cursor: pointer;}
    .widget-header i.icon-external-link,
    .widget-header i.icon-trash {font-size:17px;}
    .refresh-icn-wrapper>.icon-refresh,
    .widget-header i.icon-settings{font-size:20px;}
    .email-detail-control .control-item .control-label,
    .email-detail-view-visible .email-detail-control .control-item .control-label, .new-email-control .control-label{bottom:-4px;}
    .email-widget .widget-header i.icon-edit1{font-size:19px;}
    .widget-header i.icon-day-calendar, .widget-header i.icon-month-calendar, .widget-header i.icon-edit1, .widget-header i.icon-trash,
    .email-detail-view-visible .email-detail-control .control-item, .new-email-control{margin-right: 7px;}
    .email-detail-control .control-item:hover .control-label,
    .email-detail-view-visible .email-detail-control .control-item:hover .control-label, .new-email-control:hover .control-label{font-size:8px;}
    .email-type .ddTitle {font-size: 11px;}
    .nav-tabs.widget-tabs{margin-top:0px;}
    .nav-tabs.widget-tabs .nav-link{font-size:11px;padding:5px 5px;}
    .nav-tabs.widget-tabs .nav-item.show .nav-link, .nav-tabs.widget-tabs .nav-link.active{font-weight:600;}
    .nav-tabs.widget-tabs:after{top:6px;font-size:14px;}
    .new-email-control, .email-detail-control {transform: translate(0px, -2px);}
    .widget-header i.icon-day-calendar,
    .widget-header i.icon-week-calendar,
    .widget-header i.icon-month-calendar,
    .widget-header i.icon-add {transform:translate(0, 0px) !important;}
    .minisites-widget .side-tab-nav .nav-tabs{height:60vh !important;overflow:auto;}
    .widget-header .icon-settings{transform:translate(0px, 1px);}
}
@media screen and (max-width:1300px) {
.folder-content-wrapper .file-item-wrapper {max-width: 33%;flex: 0 0 33%;}
.hide_on_small_view .file-sync-table .file-options{max-width:auto !important;min-width:auto !important;}
}

@media screen and (max-width:1270px) {
    .icn-wrapper {font-size: 11px;}
    .icn-wrapper .notification{width:18px;height:18px;font-size:10px;line-height:20px;}
    .cards-list .card-item .card .card-title{height:160px;}
    body{font-size:12px;}
    #chat-sidebar-wrapper{width:70px;}
    .chat-nav li a i {font-size: 20px;}
    .chat-nav li{padding:9px 0;font-size:11px;}
    .file-sync-table .file-options .download-file-attach, .file-sync-table .file-options .icon-eye {font-size:18px;}
    .body-content-with-right-sidebar {padding-right: 70px;}
    .body-content-wrapper .container-fluid{padding-right:4px;padding-left:4px;}

    .open-video-chat-widget__fromvideocall.video-chat-sidebar-open-from__video-bottom-widget .video-chat-widget__active .video-chat-widget,
    .sidebar-open .active-sidebar .side-widget,
    .open-media-widget .media-widget,
    .open-apps-sidebar-widget .apps-widget,
    .open-address-book-widget .address-book-widget, 
    .open-talk-widget .talk-widget,
    .open-video-chat-widget .video-chat-widget {right: 77px;}
    /* .open-talk-widget__fromvideocall .talk-widget, .open-video-chat-widget__fromvideocall .video-chat-widget {right:158px;}*/
    .headernews-ticker,.headernews-ticker .carousel-inner{height:25px}
    .headernews-ticker .news-thumb{width:26px;}
    .headernews-ticker .new-datetime, .headernews-ticker .news-text{font-size:15px;}
    .header .navbar-nav .nav-icon i{font-size:21px;}
    .font-big {font-size:18px;}
    .font-bigger {font-size:22px;}
    .box-ratesheet .col-heading, .box-ratesheet .col-value {font-size:11px;}
    .chat-detach-view.open-talk-widget .talk-widget {right:69px;top:52px;}
    /*.sidebar-open .active-sidebar .side-widget{right:69px} */
    body:not(.chat-detach-view) .chat-box {right:86px !important;}
    .talk-chat-list-wrapper .owl-item .talk-chat-list-item .chat-box-header .header-icon-group i{font-size:18px !important;margin-left:8px;}
    .flex-table-header .font-normal {font-size: 13px !important;}
}
@media screen and (max-width:1150px) {
    .search-page-heading>.heading{font-size:26px;}
    .search-page-heading>.selected-section{font-size:11px;}
    .search-toggle-buttons .nav-item, .search-toggle-buttons .nav-link {font-size: 14px;}
    .people-list-row>.col {max-width:25%;}
    .news-list-item .news-footer .news-share, .news-list-item .news-heading .like-news{font-size:20px;}
    .font-bigger {font-size:20px;}
    .font-medium {font-size: 14px;}
    .email-detail-control {transform: translate(0px, -1px);}
    .new-email-control{transform: translate(0px, -2px);}
    .cards-list .card-item {width: 23.8%;}
}
@media screen and (max-width:1090px) {
    .font-big {font-size:16px;}
    .box-ratesheet .col-heading, .box-ratesheet .col-value {font-size:10px;}
}
@media screen and (max-width:1060px) {
    body {font-size:11px;}
    .icn-wrapper {font-size: 10px;}
    .icn-wrapper .notification{width:18px;height:18px;font-size:10px;line-height:20px;}
    .widget-header{font-size:14px;}
    .mr-2{margin-right: .2rem!important;}
}