@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/roboto_regular/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto_regular/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto_regular/Roboto-Regular-webfont.svg#roboto_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/roboto_medium/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto/roboto_medium/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto_medium/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto_medium/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto_medium/Roboto-Medium-webfont.svg#roboto_medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/roboto_bold/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto/roboto_bold/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto_bold/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto_bold/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto_bold/Roboto-Bold-webfont.svg#roboto_bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Semibold';
    src: url('../fonts/Roboto/roboto_medium/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto/roboto_medium/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto_medium/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto_medium/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto_medium/Roboto-Medium-webfont.svg#roboto_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto/roboto_bold/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto/roboto_bold/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto/roboto_bold/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto/roboto_bold/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto/roboto_bold/Roboto-Bold-webfont.svg#roboto_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot');
    src: url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald/Oswald-Regular/Oswald-Regular.svg#Oswald') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
}

*:focus,
*:active,
a:focus,
a:active {
    outline: none;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximanovaWebfont/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Regular.eot?#iefix') format('embedded-opentype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.ttf') format('truetype'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximanovaWebfont/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
html {
    height: 100%;
    overflow-y: auto;
}
body {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
}
body > .mCSB_inside > .mCSB_container {
    margin-right: 15px;
}
#page {
    min-height: calc(100vh - 48px);
    padding-top: 84px;
    min-width: 283px;
}
.select2-container .select2-choice {
    font-family: 'RobotoCondensed-Regular', sans-serif;
    box-shadow: none;
}
body {
    /*
    font-family: 'OpenSans-Regular', sans-serif;
    */
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
    font-style: normal;
    /*letter-spacing: 0.008rem;*/
    font-kerning: normal;
}

[class^="vicon-"],
[class*=" vicon-"] {
    font-size: 13px;
}

.app-fixed-navbar {
    background: #fff;
    border-bottom: 0;
    margin-bottom: 0;
    border-top: 0;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    height: auto;
    min-width: 295px;
}

a.editAction.fa.fa-pencil {
    color: white;
}

a.editAction.fa.fa-pencil:hover {
    color: #2c3b49 !important;
}

@media screen and (max-width: 426px){
    .app-fixed-navbar {
        height: auto;
    }
}
.global-nav {
    position: relative;
}
.global-nav .global-actions {
    padding-right: 15px;
    height: 42px !important;
}
.app-nav {
    position: relative;
}
.app-footer p {
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.6)!important;
    margin-bottom: 0;
    padding: 4px 0;
    color:#fff;    font-size: 10px;}
.main-container {
    position: relative;
    min-height: 100%;
}
.main-container:before,
.main-container:after {
    content: " ";
    display: block;
    clear: both;
}

.main-container .sidebar-essentials {
    display: inline-block;
    width: 240px;
    z-index: 2;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    height: calc(100% - 10px);
    background: #FFFFFF;
    border-right: 1px solid #DDDDDD;
}

@media (max-width: 767px) {
    .main-container .sidebar-essentials {
        width: 240px !important;
        left: 0;
    }

    .main-container #listViewContent {
        padding-left: 242px !important;
    }

    .main-container #listViewContent.full-width {
        padding-left: 0 !important;
    }
}

.main-container #listViewContent  {
    width: 100%;
    padding-left: 243px;
    padding-top: 15px;
    min-height: 768px;
}

.main-container .module-nav {
    display: none;
}

.main-container .module-nav.settingsNav,
.main-container.GreenTimeControl .module-nav.settingsNav {
    display: inline-block;
}

@media (min-width: 768px) {
    .global-nav .logo-container {
        display: inline-block;
        width: 150px;
        z-index: 2;
        padding-left: 6%;
        margin-top: 1px;
    }
    .app-nav .module-action-bar {
        padding-left: 42px;
        top: 0px;
        position: absolute;
        width: 100%;
        height: 43px;
        border-bottom: 1px solid #ddd;
        background: #fbfbfb;
    }
    .app-nav .module-action-bar .module-action-content {
        background: #FBFBFB;
        height: 41px;
    }
    .app-nav .module-action-bar .module-action-content .navbar-right {
        margin-right: 0;
        padding-right: 0;
    }
    .main-container .module-nav {
        /*display: inline-block;*/
        width: 42px;
        z-index: 10;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        min-height: 100%;
        background-color: #2C3B49;
        background: #2C3B49;
    }

    .main-container .content-area  {
        width: 100%;
        padding-top: 15px;
        min-height: 768px;
    }

    .main-container .content-area.min-height-auto  {
        min-height: auto !important;
    }

    .main-container .settingsPageDiv {
        min-height: 768px;
        padding-left: 230px;
    }
    .main-container .settingsNav {
        height: 100%;
    }
    .app-nav .module-action-bar-full {
        padding-left: 0;
    }

}
/*
@media (min-width: 768px) {
    .main-container #listViewContent  {
        width: 100%;
        padding-left: 283px;
        padding-top: 15px;
        min-height: 768px;
    }
}
*/
#listViewContent{
    height:100%;
}
.btn-toolbar >.btn-group:first-child {
    margin-left: 5px;
}
.vt-notification {
    background-color: #2C3B49;
    border-color: #2C3B49;
    padding: 10px 15px;
    font-size: 15px;
    position: fixed !important;
}
.vt-notification .notificationHeader {
    font-size: 17px;
    padding-bottom: 8px;
}
.vt-notification .notificationHeader [data-notify="title"] {
    color: #FFFFFF;
    margin-left: 8px;
}
.vt-notification .notificationHeader .close {
    color: #c3c3c3;
}
.vt-notification .fa-exclamation-triangle {
    color: #FFC600;
}
.vt-notification .fa-exclamation-circle {
    color: #F10404;
}
.vt-notification .fa-check-circle {
    color: #4EBF4E;
}
.vt-notification [data-notify="message"] {
    color: #eaeaea;
}
.company-logo {
    height: 43px;
    width: 150px;
    margin: 0 0;
    display: inline-block;
    margin-left: 1px;
}
.company-logo img {
    height: 92%;
    width: auto;
    margin-left: 5px;
}
.navbar .fa {
    font-size: 15px;
}
.navbar .vicon {
    display: inline-block;
    font-size: 16px;
    position: relative;
}
.global-nav .navbar-nav > li div a {
    padding: 15px;
}
.global-nav>ul {
    margin-right: 20px;
}
.global-nav .search-links-container {
    padding-right: 15px;
}
.global-nav .app-navigator-container {
    height: 42px;
}
.link-text-xs-only {
    padding: 0px 15px;
    display: inline-block;
    vertical-align: top;
}
.search-link {
    float: left;
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #AAAAAA;
    margin-top: 4px;
    padding: 0px 10px;
    text-decoration: none;
    vertical-align: top;
    border: 1px solid #DDDDDD;
}
.search-link .adv-search {
    margin-top: 9px;
}
.search-link:hover,
.search-link:active,
.search-link:visited,
.search-link:focus {
    color: #333;
}

.search-link .keyword-input-wrapper {
    display: inline-block;
    width: 70%;
}

.search-link .keyword-input,
.searchWorkflows {
    border: 0;
    height: 30px;
    width: 100%;
    margin: 1px 0 1px 5px;
}
.search-link .keyword-input:focus {
    outline: none;
}
@media (max-width: 768px) {
    .module-action-bar .navbar-right {
        float: right;
        height: 42px;
    }
    .module-action-bar .navbar-right .nav>li {
        display: inline-block;
    }
    .module-action-bar .navbar-right .nav>li a {
        padding: 4px 10px;
    }
    .global-nav .logo-container {
        border-bottom: 0;
        width: 150px;
    }
}
@media (max-width: 991px) {
    .global-nav .logo-container {
        border-bottom: 0;
        width: 140px;
    }
    .notificationMessageHolder {
        padding-left: 5%;
    }
}
@media (min-width: 991px) {
    .nav>li>a.qc-button {
        padding: 2px 3px;
        margin-top: 13px;
        margin-right: 15px;
        background: #3cb878;
        color: #fff;
        border-radius: 20px;
    }
    .nav>li>a.qc-button span {
        vertical-align: top;
    }
}
@media (max-width: 1200px) {
    .app-menu {
        max-height: 100%;
        overflow-y: auto;
    }
}
#messageBar {
    opacity: 0.5;
    background-color: white;
    z-index: 100000;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
}
.active-app-title {
    white-space: nowrap;
    font-family: Oswald, "Roboto-Semibold", "Helvetica Neue", Helvetica, sans-serif;
}
.module-action-bar .module-title {
    font-family: Oswald, "Roboto-Semibold", "Helvetica Neue", Helvetica, sans-serif;
    color: #596875;
    margin: 12px 0;
    white-space: nowrap;
    overflow: hidden;
    max-width: 223px;
    text-overflow: ellipsis;
    font-size: 15px;
}
.module-action-bar .module-breadcrumb {
    padding-left: 11px;
    min-width: max-content;
}
.module-action-bar .module-breadcrumb a {
    display: inline-block;
    float: left;
}
.module-action-bar .module-breadcrumb .module-title {
    max-width: 160px;
}
.module-action-bar .module-breadcrumb .list-name {
    max-width: 170px;
}
.module-action-bar .module-breadcrumb .detail-name,
.module-action-bar .module-breadcrumb .editing-name {
    max-width: 350px;
}
.module-action-bar .module-breadcrumb-List {
        padding: 0;
}
.module-action-bar .module-breadcrumb-List .module-title {
    max-width: 185px;
}
.module-action-bar .module-breadcrumb-List .list-name {
    max-width: 190px;
}
@media (max-width: 991px){
    .module-action-bar .module-breadcrumb {
        padding-left: 0;
    }
    .module-action-bar .module-breadcrumb-List #appnav,
    .module-breadcrumb-Detail,
    .navbar-right {
        padding: 0;
    }

}
.app-switcher-container {
    display: inline-block;
    width: 42px;
    z-index: 2;
    text-align: center;
}
.app-nav .app-indicator-icon-container {
    display: inline-block;
    width: 42px;
    z-index: 2;
    height: 50px;
}
.app-nav .app-indicator-icon-container{
    z-index: 1;
}
.app-nav .app-indicator-icon-container {
    top: 1px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    color: #ffffff;
}
.app-nav .app-indicator-icon-container .app-indicator-icon {
    font-size: 24px;
    line-height: 40px;
}
.app-SALES, .app-MARKETING, .app-OTHER, .app-SUPPORT, .app-INVENTORY, .app-PROJECT, .app-DEFAULT, .app-DASHBOARD {
    background: #FFFFFF !important;
}

.app-SALES,.app-DEFAULT,.app-DASHBOARD,.app-PROJECT,
.app-INVENTORY,.app-SUPPORT, .app-OTHER, .app-MARKETING,
.app-SALES span,.app-DEFAULT span,.app-DASHBOARD span,.app-PROJECT span,
.app-INVENTORY span,.app-SUPPORT span, .app-OTHER span, .app-MARKETING span,
.app-SALES .fa,.app-DEFAULT .fa,.app-DASHBOARD .fa,.app-PROJECT .fa,
.app-INVENTORY .fa,.app-SUPPORT .fa, .app-OTHER .fa, .app-MARKETING .fa
{color:#555555!important}



.module-nav .mod-switcher-container {
    display: inline-block;
    width: 42px;
    z-index: 2;
    height: 100%;
}
.app-switcher-container .app-icon {
    display: inline-block;
    font-size: 25px;
    line-height: 43px;
    color: black;
    text-align: center;
    vertical-align: bottom;
}
.app-switcher-container .active {
    background-color: #010101 !important;
}
.app-switcher-container .app-navigator {
    background-color: #2C3B49;
}
.app-switcher-container .app-navigator .app-icon {
    color: white;
    opacity: 0.8;
}
.global-nav .app-switcher-container .app-navigator:hover {
    background: #596875;
    opacity: 1;
}
.global-nav .app-switcher-container .app-navigator:hover .app-icon {
    opacity: 1;
}
.app-switcher-container .navbar-toggle {
    margin: 5px 0;
    padding: 5px;
}
.app-switcher-container .navbar-toggle .icon-bar {
    background: #fff;
}
.app-nav .module-action-bar .navbar-right .glyphicon {
    font-size: 14px;
    vertical-align: middle;
}
.app-menu {
    width: 230px;
    height: 100%;
    padding-top: 0;
    padding-bottom: 50px;
    color: #555;
    position: fixed;
    border: 0;
    top: 0px !important;
    box-shadow: 0px 5px 14px #555;
    background: #2C3B49;
    z-index: 1102;
    display: none;
}
.app-menu hr {
    border-top: 1px solid #596875;
    padding: 1%;
}
.app-menu .app-name {
    padding-left: 2%;
    font-weight: bold;
    max-width: 75%;
    display: inline-block;
}
.app-menu .app-icon-list {
    width: 10%;
}
.menu-item {
    padding: 15px 5px;
    margin: 10px 0;
    background: #ddd;
    cursor: pointer;
    display: block;
}
.app-list a.menu-item:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.app-list .mCSB_outside + .mCSB_scrollTools {
    right: -4px;
}
#overlayPageContent .mCSB_scrollTools,
#overlayPageContent .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonUp,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonDown,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonLeft,
#overlayPageContent .mCSB_scrollTools .mCSB_buttonRight,
.app-list .mCSB_scrollTools,
.app-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.app-list .mCSB_scrollTools .mCSB_buttonUp,
.app-list .mCSB_scrollTools .mCSB_buttonDown,
.app-list .mCSB_scrollTools .mCSB_buttonLeft,
.app-list .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: none;
    transition: none;
}
a.menu-item:hover {
    color: #000000;
}
.app-item {
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    display: block;
    background-color: #2c3b49;
    padding: 2.5% 2% !important;
    margin-left: 2px;
    opacity: 0.8;
    text-shadow: 0 0 1px #000;
}
.app-item div {
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease-in;
}
.active-app-item,
.app-item:hover {
    opacity: 1;
    background: #596875;
    color: #f2f1f1;
}
.app-item-color-MARKETING {
    border-left: 4px solid #EF5E29;
}
.app-item-color-SALES {
    border-left: 4px solid #3CB878;
}
.app-item-color-INVENTORY {
    border-left: 4px solid #F1C40F;
}
.app-item-color-SUPPORT {
    border-left: 4px solid #6297C3;
}
.app-item-color-PROJECT {
    border-left: 4px solid #8E44AD;
}
.app-item .fa {
    font-size: 1.5em;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease-in;
}
.app-menu .fa-chevron-right {
    font-size: 0.7em;
    padding-top: 9px;
    padding-right: 10px;
}
.app-menu .app-modules-dropdown {
    left: 229px;
    top: -1px;
    position: fixed;
    width: 230px;
    height: 100vh;
    font-size: 1.2em;
    overflow-x: hidden;
    background-color: #2C3B49;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-top: none;
}
.app-menu .app-modules-dropdown li {
    padding: 3%;
    opacity: 0.7;
}
.app-menu .app-modules-dropdown li a {
    background: transparent;
    padding-left: 20px;
    color: #fff;
    text-shadow: 0 0 1px #000;
    display: block;
}
.app-menu .app-modules-dropdown li a .module-name {
    padding-left: 5px;
    word-wrap: break-word;
}
/*I602 panduka@radus28 Module image couldn't resize the icon size bug fixed*/
.app-menu .app-modules-dropdown li a span {
    /*display: inline-block;*/
    max-width: 85%;
}
.app-menu .app-modules-dropdown li:hover {
    opacity: 1;
    background: #596875;
    color: #f2f1f1;
}
.app-menu .app-modules-dropdown li:hover .module-icon {
    opacity: 1;
}
.app-menu .app-modules-dropdown .module-icon {
    font-size: 1.2em;
    opacity: 0.2;
}
.app-menu .app-list {
    margin-top: -10px;
}
.app-menu .app-list-divider {
    border-top: 1px solid;
}
.app-menu .menu-items-wrapper {
    padding-left: 8px;
}
.app-menu .app-menu-items-wrapper {
    padding-left: 4px;
}
.app-menu .app-menu-items-wrapper span {
    display: inline-block;
    max-width: 75%;
}
.app-menu .app-item-misc {
    font-size: 13px;
}
.app-menu .dropdown-compact .app-menu-items-wrapper {
    padding-left: 9px;
}
.app-menu .dropdown-compact .app-menu-items-wrapper .app-name {
    padding-left: 1%;
}
.app-menu #menu-toggle-action:hover {
    opacity: 1;
}
.menu-toggle {
    width: 20px;
    padding-top: 10px;
    margin: 0 15px 0 0;
    display: inline-block;
    float: left;
}
.menu-toggle:focus {
    outline: none;
}
.menu-toggle .icon-bar {
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    margin: 3px 0;
}
.app-trigger {
    padding-top: 12px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    width: 85%;
}
.app-trigger:before,
.app-trigger:after {
    content: ' ';
    display: block;
    clear: both;
}
.app-trigger .active-app-title {
    float: left;
    margin: 0;
    overflow: hidden;
    display: inline-block;
    width: 85%;
    text-overflow: ellipsis;
    text-transform: uppercase;
}
.app-trigger .arrow-down {
    margin-top: 2px;
    float: right;
    color: #fff;
    font-size: 12px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.app-trigger:hover .arrow-down {
    font-size: 16px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #2c3b49;
    padding: 6px;
    border-radius: 20px;
    margin-top: -2px;
}
#sidebar-wrapper,
#content-wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow-y: auto;
}
#sidebar {
    width: 300px;
}
#sidebar .module-nav {
    display: inline-block;
    background: #fff;
    width: 300px;
}
.module-nav .toggled {
    width: 0px;
    overflow: hidden;
}
.logout-content {
    padding: 10px;
    width: 350px;
}
.profile-img-container {
    background: #2C3B49;
    text-align: center;

}
.profile-img-container .change-link {
    position: absolute;
    height: auto;
    background: #ddd;
    padding: 3px;
    bottom: 2px;
    font-size: 10px;
    width: 85px;
    text-align: center;
    opacity: 0.5;
}
.profile-img-container .change-link:hover {
    opacity: 1;
    cursor: pointer;
}
.profile-container {
    text-align: center;
}
.logout-footer hr {
    margin: 10px 0;
}
.app-home {
    background: #C5EFF7;
}
.app-phonecalls {
    background: #C8F7C5;
}
.app-smsnotifier {
    background: #FDE3A7;
}
.app-rss {
    background: #ECF0F1;
}
.app-oursites {
    background: #A2DED0;
}
.app-recyclebin {
    background: #FDFF8E;
}
.app-settings {
    background: #FFFFFF;
}

.viewContent .content-area.full-width {
    padding-left: 15px;
}

.listViewPageDiv.content-area.full-width,
.CalendarViewPageDiv.content-area.full-width,
.editViewPageDiv.content-area.full-width {
    padding-left: 0 !important;
}

.settingsPageDiv.content-area.full-width {
    padding-left: 42px !important;
}

.CalendarViewPageDiv.content-area {
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    padding-left: 243px;
}

.CalendarViewPageDiv.content-area .calendarview {
    min-width: 330px;
}

.CalendarViewPageDiv.content-area .calendarview .fc-view-container {
    margin-top: 16px;
}

.CalendarViewPageDiv .fc-toolbar.fc-header-toolbar {
    position: relative;
    padding-bottom: 44px;
}

.fc-toolbar .fc-left,
.fc-toolbar .fc-right {
    position: relative;
    z-index: 10;
}

.CalendarViewPageDiv .fc-toolbar .fc-center {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
}

.CalendarViewPageDiv .fc-toolbar .fc-center h2 {
    width: 100%;
    font-size: 20px;
    margin-top: 0;
}

.CalendarViewPageDiv .vt-goto-date .vicon.vicon-calendar {
    font-size: 19px;
    vertical-align: text-top;
}

.calendar-sidebar-tabs .sidebar-widget-contents .feedslist {
    margin: 0;
}

.sidebar-essentials .calendar-type {
    margin: 14px 0 12px 0
}

.sidebar-essentials .calendar-type .module-buttons.btn {
    width: 34px;
    height: 32px;
    margin-top: 0;
}

@media (max-width: 767px){
    .sidebar-essentials .calendar-type {
        margin: 63px 0 10px 0;
    }
}

.sidebar-essentials .module-buttons.btn i{
    font-size: 18px;
}

.sidebar-essentials .module-buttons.btn i.fa{
    vertical-align: middle;
}

@media (max-width: 882px){

    #mycalendar th.fc-day-header {
        word-spacing: 100vw; /*Force carriage return between words*/
    }

}

@media (max-width: 828px){

    .CalendarViewPageDiv .fc-toolbar .fc-left {
        float: none;
        margin: 5px;
    }

    .CalendarViewPageDiv .fc-left .fc-button-group {
        float: none;
        margin: auto;
    }

    .CalendarViewPageDiv .fc-toolbar .fc-right {
        display: inline-block;
        float: none;
        margin: 5px;
    }
}


@media (max-width: 767px){
    .CalendarViewPageDiv.content-area {
        padding-top: 59px;
    }
}


.input-group-addon-save {
    background: #32A082;
    width: auto;
}
.input-group-addon-cancel {
    width: auto;
}
.pointerCursorOnHover:hover {
    cursor: pointer;
}
.input-group-addon.disabled {
    opacity: 0.5;
    pointer-events: none;
}
.bottomscroll-div,
.topscroll-div {
    display: table;
    min-width: 100%;
}
.contents-bottomscroll {
    overflow-x: auto !important;
}
.fieldValue .value {
    max-width: calc(100% - 20px);
    display: inline-block;
    word-break: break-word;
}
.modal-header button.close {
    padding: 0;
    color: #ffffff;
}
.modal-header .close {
    margin-top: 7px;
}
.modal-header h3 {
    margin: 0px;
}
a {
    color: inherit;
    cursor: pointer;
    text-decoration: none !important;
}
.inputElement {
    height: 30px;
    width: 100%;
    border-radius: 1px;
    box-shadow: none;
    border: 1px solid #cccccc;
}
input[type="text"].inputElement,
input[type="password"].inputElement {
    padding: 3px 8px;
}
.select2-container-multi .select2-choices {
    min-height: 28px;
    border-radius: 1px;
    border-color: #aaa;
    position: initial;
    z-index: 3;
}
.select2-container-multi .select2-choices .select2-search-field input {
    height: 29px;
    padding: 1px 10px;
}
.select2-container-multi .select2-choices .select2-search-choice {
    cursor: move;
}
.select2-container .select2-choice {
    position: initial;
    font-weight: 100 !important;
}
.inputElement.select2-container .select2-choice {
    border-radius: 0 2px 2px 0;
    height: 28px;
}
.inputElement.select2-container {
    border: 0;
    padding: 0px;
}
.listSearchContributor {
    min-height: 28px;
    width: 100%;
    min-width: 100px;
}
.listViewContentHeaderValues {
    vertical-align: middle;
    white-space: nowrap;text-transform: uppercase;font-size: 12px;
}
#convertLeadContainer .inputElement,
#editCurrency .inputElement {
    width: 70%;
}
.confirm-box-ok {
    margin-right: 5px;
}
.confirm-box-btn-pad {
    padding-right: 20px;
    padding-left: 20px;
}
.module-nav {
    background: #fff;
    z-index: 1004;
}
.module-nav .modules-menu {
    display: inline-block;
    width: 100%;
    height: 100%;
    float: left;
    background: #2C3B49;
    position: absolute;
    z-index: 10;
    left: 0;
    transition: 0s width;
}
.modules-menu ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
}
.modules-menu ul li a {
    color: #fff;
    padding: 10px 17px;
    display: block;
    z-index: 1;
    word-break: break-word;
    font-size: 12px;
    opacity: 0.6;
    text-transform: uppercase;
    height: 42px;
    padding-top: 11px;
    padding-left: 11px;
}
.modules-menu ul li a:before {
    content: "";
    display: block;
    clear: both;
}
.modules-menu ul li a:after {
    content: "";
    display: block;
    clear: both;
}
.modules-menu ul li a i {
    vertical-align: middle;
    float: left;
    font-size: 20px;
}
.modules-menu ul li a>span {
    margin-left: 10px;
    vertical-align: middle;
    font-size: 13px;
    display: none;
    height: 0;
    overflow: hidden;
    padding: 4px 0;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.modules-menu ul li:hover {
    background: #596875;
    opacity: 1;
}
.modules-menu ul li:hover a {
    opacity: 1;
}
.modules-menu ul li.active {
    background: #010101;
}
.modules-menu ul li.active a {
    opacity: 1;
    padding-left: 8px;
}
.module-nav .sidebar-menu {
    display: inline-block;
    width: 80%;
    float: left;
    background: #FFFFFF;
    border-right: 1px solid #DDDDDD;
    height: 100%;
    left: 20%;
    position: relative;
}
.module-nav .sidebar-menu-full {
    width: 100%;
    left: 0%;
}

.module-filters .settings-sidebar,
.module-filters .sidebar-container {
    padding: 0 12px;
}
.module-filters .settings-sidebar > hr {
    margin: 20px 12px;
}
.module-nav .panel {
    border: 0;
}
.lists-menu-container .lists-header {
    margin-top: 15px;
    text-transform: uppercase;
    color: #555555;
}
.lists-menu-container .sidebar-header {
    text-transform: uppercase;
    margin-top: 15px;
    color:#555555 !important;
}

.lists-menu-container .sidebar-header .list-type-selector {
    width: 100%;
    margin-bottom: 7px;
    text-align: center;
}

.lists-menu-container .sidebar-header .list-type-selector button {
    padding: 4px 5px 4px 5px;
    margin: 0px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    color: #555555;
    background: #fff;
    margin-top: 5px;
    font-weight: 400;
}

.lists-menu-container .sidebar-header .list-type-selector button:hover,
    .lists-menu-container .sidebar-header .list-type-selector button:active {
    background: #eee;
}

.lists-menu-container .sidebar-header .list-type-selector button i {
    font-size: 18px;
    vertical-align: middle;
}


.sidebar-menu .sidebar-btn {
    padding: 6px 10px;
    line-height: 10px;
    margin-top: 2px;
}
.lists-menu-container .toggleFilterSize {
    cursor: pointer;
    font-size: 11px;
    padding-right: 20px;
    color: #555;
}
.lists-menu-container hr {
    margin: 5px 0;
}
.lists-menu-container .menu-scroller .mCSB_scrollTools {
    width: 13px;
}
.lists-menu-container .menu-scroller .mCSB_inside > .mCSB_container,
.modules-menu .mCSB_inside > .mCSB_container {
    margin-right: 0;
}
.lists-menu-container .menu-scroller .mCSB_scrollTools .mCSB_draggerContainer,
.modules-menu .mCSB_scrollTools .mCSB_draggerContainer {
    left: 8px;
}
.lists-menu-container .list-menu-content .more-less-link {
    color: #fff;
}
.lists-menu-container .list-menu-content .sub-header {
    color: #ddd;
    font-weight: bold;
    margin: 20px 0 5px;
}
.lists-menu-container .menu-scroller .lists-menu {
    list-style: none;
    padding: 0px;
    font-size: 13px;
    margin-bottom: 5px;
}
.lists-menu > li {
    margin: 1px 0;
    padding: 0 5px;
}
.lists-menu > li:hover,
.lists-menu > li.active {
    background: #f9f9f9;
}
.lists-menu > li:hover .js-popover-container,
.lists-menu > li.active .js-popover-container {
    display: inline;
}
.lists-menu .js-popover-container {
    display: none;
}
.lists-menu > li > a {
    padding: 3px 5px 5px 0;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    color: #555555;
    font-weight: 300;
}
.lists-menu > li > .dropdown {
    margin-left: 1%;
    margin-top: 3px;
    width: 14%;
    text-align: center;
}
.lists-menu > li > .pull-right > .js-popover-container > .fa {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    display: inline-block;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    font-size: 15px;
    margin-right: 10px;
    margin-top: 4px;
}
.lists-menu > li > .dropdown.open > .fa {
    color: #24a159 !important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.lists-menu > li .fa.dropdown-toggle {
    visibility: hidden;
}
.lists-menu > li .fa.fa-chevron-circle-down {
    margin: 6px 2px 0 0;
    cursor: pointer;
}
.lists-menu > li .fa.fa-plus-square-o {
    vertical-align: middle;
    cursor: move;
}
.lists-menu > li.active .fa,
.lists-menu > li:hover .fa {
    visibility: visible;
}
.search-folders,
.search-list {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    margin: 5px 0 10px;
    color: #ccc;
    padding: 5px 10px;
}
.search-folders:focus,
.search-list:focus {
    outline: none;
}
.integrations-container > div,
.common-links-container > div {
    padding: 8px 5px;
}
.integrations-container > div:hover,
.common-links-container > div:hover {
    background: #2c3b49;
}
.integrations-container > div a,
.common-links-container > div a {
    color: #fff;
}
.search-container {
    min-height: 300px;
    position: absolute;
    width: 100%;
    top: 0;
    background: #FBFBFB;
    margin-left: -15px;
    margin-top: 51px;
    display: none;
    opacity: 0.96;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: #f5f5f5;
}
.footer p {
    margin: 5px 0;
}
.showElement {
    display: block !important;
    height: 100%;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -o-transition: all 3s ease;
    transition: all 3s ease;
}
.overlay-container-60.full-width,
.overlay-container-300.full-width,
.full-width {
    padding-left: 0;
    margin-left: 0 !important;
    width: 100% !important;
}
.paddingLeftRight50px {
    padding-left: 50px;
    padding-right: 50px;
}
.paddingLeftRight10Per {
    padding-left: 10%;
    padding-right: 10%;
}
.padding20 {
    padding: 20px;
}
.overflowVisible {
    overflow: visible !important;
}
.overflowYAuto {
    overflow-y: auto;
}
.marginBottom50px {
    margin-bottom: 50px;
}
.paddingLeft15 {
    padding-left: 15px;
}
.marginRight15 {
    margin-right: 15px;
}
.paddingRight0 {
    padding-right: 0;
}
.paddingLeft0 {
    padding-left: 0;
}
.paddingTop15 {
    padding-top: 15px;
}
.paddingTop5 {
    padding-top: 5px;
}
.paddingTop10 {
    padding-top: 10px;
}
.resize-vertical {
    resize: vertical;
}
.maxWidth50 {
    max-width: 50%;
}
.maxWidth40 {
    max-width: 40%;
}
.radio-group {
    margin-bottom: 5px;
}
.radio-group input[type="radio"] {
    margin-top: 0;
}
.radio-group .radio-label {
    vertical-align: top;
}
.no-border,
.no-border.table > thead > tr > th,
.table > tbody > tr > th,
.no-border.table > tfoot > tr > th,
.table > thead > tr > td,
.no-border.table > tbody > tr > td,
.table > tfoot > tr > td {
    border: 0px;
}
.display-inline-block {
    display: inline-block;
}
.textAlignCenter {
    text-align: center !important;
}
.textAlignLeft {
    text-align: left !important;
}
.textAlignRight {
    text-align: right !important;
}
.lineItemInputBox {
    width: 45%;
    float: right;
    text-align: right;
}
ul.unstyled {
    list-style-type: none;
    padding-left: 0px;
}
.coloredBorderBottom {
    border-bottom: 1px solid #F1C40F;
}
.coloredBorderTop {
    border-top: 1px solid #F1C40F;
}
.redColor {
    color: red;
}
.emptyRecordsDiv {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 16px;
    padding: 5% 0;
}
.emptyRecordsDiv .emptyRecordsContent {
    display: inline-block;
    font-size: 16px;
    left: 50%;
    margin-left: -25%;
    position: absolute;
    width: 50%;
}
.emptyRecordsContent {
    margin-top: 40px;
}
.textOverflowEllipsis {
    overflow: hidden;
    white-space: nowrap;
}
.textStrike {
    text-decoration: line-through;
}
.vicon-puzzle {
    position: relative;
}
.vicon-puzzle .custom-module-text {
    font-size: 10px;
    position: absolute;
    top: -5px;
    right: -4px;
}
.break-word {
    word-wrap: break-word;
}
.removeNoFileChosen {
    color: transparent !important;
}
.module-buttons-container {
    float: right;
    margin-right: 10px;
}
.btn {
    border-radius: 0px;
    font-weight: 100;
    cursor: pointer;
}
.btn:hover {
    cursor: pointer;
}
.module-buttons#ClearDemoData {
    color: white;
    background: #DB4A38;
}
.module-buttons.btn {
    padding: 6px 5px 4px 7px;
    margin: 0px;
    border-radius: 2px;
    border: thin solid #CCC!important;
    color: #555555!important;
    background: #fff;
    margin-top: 5px;
    font-weight: 400;
}
.module-buttons:hover,
.module-buttons:focus,
.module-buttons.focus,
.module-buttons:active,
.module-buttonst.active {
    background-color: #f9f9f9;
    /*border: 1px solid #ccc;*/
}
.help-link {
    font-size: 22px;
    margin: 10px;
}
.module-help {
    border: 1px solid #46b8da !important;
    color: #FFFFFF !important;
    background: #5bc0de !important;
}
.fa.pull-left {
    margin-right: 0;
}
.filter-name span.fa{
    margin-top: 2px;
}
.current-filter-name {
    margin: 11px 0;
    float: left;
    font-size: 12px;
    line-height: 18px;
}
.current-filter-name a {
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.listViewContentHeaderValues .customsort {
    opacity: 0.3;
}
.listViewPageDiv a {
    text-decoration: none;
    color: inherit;
}
.listViewContentHeaderValues:hover .customsort {
    opacity: 1;
}
.listview-actions-container {
    position: relative;
    /*background: #fff;*/
    margin-top: 5px;
    margin-bottom: 10px;
    /*padding: 15px;*/
}
@media (max-width: 991px) {
    .listViewActionsContainer {
        margin-bottom: 8px;
    }
    .listview-actions-container {
        margin-top: 0;
        margin-bottom: 16px;
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    .listview-actions-container {
        margin-top: 50px;
    }

    .essentials-toggle {
        top: 90px !important;
    }

    .sidebar-menu {
        margin-top: 64px;
    }
}

.listview-pagination i {
    font-size: 20px;
}
.listview-pagination .disabled {
    color: rgba(0,0,0,0.2);
}
.listview-pagination .disabled:hover {
    cursor: default;
}
.listview-table .fi.listViewEntryValue .input-groupeldValue,
.listview-table .listViewEntryValue .fieldValue {
    color: #222;
}
.listViewEntryValue .select2-container-multi .select2-choices {
    min-height: 26px;
}
.select2-container .select2-choice .select2-arrow {
    margin-right: 0px;
}
.listview-pagination p {
    display: inline-block;
    float: left;
    margin: 5px;
}
.table-container {
    width: 100%;
    border: 1px solid #ddd;
    /*margin-top: 10px;*/
}
.listview-table {
    margin-bottom: 0;
    border-top: 0;
    padding-bottom: 40px;
}
.listview-table tr td,
.listview-table tr th {
    color: #222;
}
.listview-table tr td:first-child,
.listview-table tr th:first-child {
    width: 80px!important;
}
.listview-table > thead > tr:first-child > th,
.listview-table > tbody > tr:first-child > th {
    padding: 10px 5px;
}
.listview-table > tbody > tr > td,
.listview-table > tfoot > tr > td {
    vertical-align: middle;
    padding: 3px;
}
.listview-table > tbody > tr > td .value,
.listview-table > tfoot > tr > td .value {
    padding: 0 5px;
}
.listview-table > thead > tr > td .fieldValue,
.listview-table > tbody > tr > td .fieldValue,
.listview-table > tfoot > tr > td .fieldValue {
    display: inline-block;
    width: 100%;
}
.listViewEntries .relatedListEntryValues .fieldValue .value,
.listViewEntries  .listViewEntryValue .fieldValue .value {
    vertical-align: middle;
    width: 100%;
    display: table;
}
.listViewEntries .relatedListEntryValues .value {
    vertical-align: middle;
    width: 80%;
    display: inline-block;
}
.listViewEntries .relatedListEntryValues[data-field-type=picklist] .value {
    width: 100%;
    padding: 0;
}
.listViewEntries .relatedListEntryValues[data-field-type=picklist] .value .picklist-color {
    width: 100%;
    text-align: center;
    padding: 3px 8px !important;
    border-radius: 3px;
}
.floatThead-table{
    background: #fff;
}
.listview-table-norecords .table-actions,
.listview-table .table-actions {
    width: 100px!important;
    font-size: 15px;
    color: #555;
    margin-left: 7px;
}
.listview-table .searchRow .table-actions
{
    margin: 0;
}
.listview-table .table-actions.reportListActions {
    width: 125px;
    font-size: 15px;
    color: #555;
    margin-left: 7px;
}
.listview-table-norecords .table-actions span,
.listview-table .table-actions span {
    opacity: 0.7;
}
.listview-table .table-actions span.dropdown.open,
.listview-table-norecords .table-actions span.dropdown.open {
    opacity: 1;
}
.listview-table-norecords .table-actions span:hover,
.listview-table-norecords .table-actions span:active,
.listview-table-norecords .table-actions span:focus,
.listview-table .table-actions span:hover,
.listview-table .table-actions span:active,
.listview-table .table-actions span:focus,
input[type=checkbox]:checked {
    opacity: 1;
}
input[type=checkbox][disabled] {
    opacity: 0.4;
}
.listview-table-norecords .table-actions:before,
.listview-table-norecords .table-actions:after,
.listview-table .table-actions:before,
.listview-table .table-actions:after {
    content: " ";
    display: block;
    clear: both;
}
.listview-table-norecords .table-actions .dropdown .dropdown-toggle,
.listview-table .table-actions .dropdown .dropdown-toggle {
    min-width: 20px;
}
.listview-table-norecords .listViewEntries .table-actions span,
.listview-table .listViewEntries .table-actions span {
    padding-right: 10px;
    /*float: left;*/
}
.listview-table-norecords .listViewEntries .table-actions span.more,
.listview-table .listViewEntries .table-actions span.more {
    padding-right: 0;
    padding-left: 0;
}
.listview-table-norecords .listViewEntries .table-actions span.more a,
.listview-table .listViewEntries .table-actions span.more a {
    padding: 0 6px;
}
.listview-table-norecords .table-actions .input input,
.listview-table .table-actions .input input {
    float: left;
    border: 1px solid #777;
    margin-top: 4px;
}
.listview-table tr.listViewContentHeader th,
.listview-table tr.searchRow th {
    border-bottom-width: 1px;
    vertical-align: middle;
    display: table-cell;
}
.listview-table  tr.searchRow th {
    padding: 5px 3px;
}
.listview-table  tr.searchRow th.inline-search-btn {
    padding: 3px 10px;
}
.listview-table  tr.searchRow th.inline-search-btn button {
    text-align: center;
    text-shadow: none;
    color: #555555!important;
    border: thin solid #CCC!important;
    background-color: #FFFFFF!important;
    background-image: none;
    width: 90px;
    max-width: 100%;
}
.listview-table  tr.searchRow th.inline-search-btn button:hover {
    background-color: #eee!important;
}
.relatedContents .listview-table tr.searchRow th.inline-search-btn button {
    width: 95px;
}
.listview-table .table-actions span:hover {
    opacity: 1;
    cursor: pointer;
}
.listview-table .table-actions span.caret {
    padding: 0;
}
.listview-table tr td .input .checkbox {
    margin-right: 10px;
}
.listview-table .fa-star-o,
.listview-table .fa-star {
    font-size: 16px;
}
.input-error {
    border: 1px solid #B94A48 !important;
    background-color: #FFEEEE !important;
    background-image: none !important;
}
.scroller-div {
    height: 1px;
}
.blockHeader h4 {
    margin: 13px 0;
}
.listViewEntries td:not(:first-child) {
    cursor: pointer;
}
.listViewEntries .dropdown-menu {
    z-index: 1100;
}
.listViewMassActions .dropdown-menu{
    width: max-content;
}
.listViewMassActions .dropdown-menu,
#PageJumpDropDown {
    z-index: 1100;
}
.edited {
    box-shadow: 0px 0px 2px 2px #CCCCCC;
}
#listview-table .inline-save button {
    height: 26px;
    width: 35px;
}
.listview-pagenum {
    text-align: center;
    white-space: nowrap;
    padding: 3px 10px;
    margin-bottom: 6px;
    font-size: 12px;
}
.listview-pagejump {
    text-align: center;
    padding-bottom: 3px;
}
.listViewPagingInput {
    width: 70px;
    padding: 0px 5px;
    vertical-align: middle;
}
#pageToJumpSubmit {
    padding: 1px;
    margin-left: -5px;
    font-size: 10px;
    width: 50px;
}
.listview-table-norecords {
    margin-bottom: 0;
    border-top: 0;
}
.configColumnsContainer .selectedFieldsContainer {
    border-right: 2px solid #dddddd;
    min-height: 300px;
}
.configColumnsContainer .selectedFieldsContainer ul {
    list-style: none;
    padding: 0px;
}
.configColumnsContainer .selectedFieldsContainer ul .item {
    padding: 2%;
    width: 90%;
}
.configColumnsContainer .selectedFieldsContainer ul .item .fieldLabel {
    padding-left: 5px;
}
.configColumnsContainer .selectedFieldsContainer ul .item .removeField {
    color: gray;
    font-size: 14px;
}
.configColumnsContainer .selectedFieldsContainer ul .item:hover {
    cursor: move;
}
.configColumnsContainer .selectedFieldsContainer ul .active {
    background-color: #dddddd;
}
.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock {
    padding: 2%;
}
.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock a:focus {
    font-weight: bold !important;
    color: black !important;
}
.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock a:hover {
    color: black;
}
.configColumnsContainer .availFiedlsContainer #accordion .availFieldBlock i {
    font-size: 16px;
    padding-right: 1%;
}
.configColumnsContainer .availFiedlsContainer #accordion .panel-body {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 4%;
}
.configColumnsContainer .availFiedlsContainer #accordion .item {
    padding: 2%;
    width: 90%;
}
.configColumnsContainer .availFiedlsContainer #accordion .item .fieldLabel {
    padding-left: 5px;
}
.configColumnsContainer .availFiedlsContainer #accordion .item:hover {
    cursor: pointer;
    background-color: #dddddd;
}
.configColumnsContainer .availFiedlsContainer #accordion .item:hover .addField {
    color: gray;
}
.configColumnsContainer .availFiedlsContainer .avialFieldsListContainer {
    margin-top: 3%;
}
#listColumnFilterContainer .listColumnFilter {
    cursor: pointer;
    margin-left: 30%;
}
#listColumnFilterContainer .disabled {
    display: none;
    cursor: default;
}
#listColumnFilterContainer .disabled i {
    color: #ccc;
}
.detailViewButtoncontainer {
    padding-top: 5px;
    /*width: 60%;*/
}
.detailview-header .recordBasicInfo > .info-row {
    margin-bottom: 4px;
}
.detailview-header .recordBasicInfo > .info-row .socialLinks {
    height: 20px;
    display: inline-block;
}
.main-container .detailViewModNavigator.module-nav,
.detailViewModNavigator .mod-switcher-container,
.detailViewModNavigator .modules-menu {
    /*width: 42px;*/border:1px solid transparent;
}
strong,
b,
th {
    font-family: 'Roboto-Semibold', 'ProximaNova-Semibold', sans-serif;
    font-weight: normal;
    font-size: 1.1em;
}
.detailview-table {
    table-layout: fixed;
}
.detailViewInfo .fieldLabel {
    text-align: right;
}



.detailview-table td.fieldLabel {
    width: 20%;
}
.detailview-table td.fieldValue {
    width: 30%;
}


#detailView td.fieldValue .action {
    display: none;
    position: absolute;
    margin-left: 10px;
    right: 20px;
}
#detailView td.fieldValue:hover .action {
    display: inline-block;
}
#detailView td.fieldValue:hover .action a {
    text-decoration: none;
    color: inherit;
}
#detailView td.fieldValue .edit {
    width: 110%; /* todo: check me */
}
.overlayDetailHeader .recordBasicInfo .fieldLabel .action,
.detailview-header .recordBasicInfo .fieldLabel .action {
    display: none;
    position: absolute;
    margin-left: 10px;
}
.overlayDetailHeader .recordBasicInfo .fieldLabel:hover .action,
.detailview-header .recordBasicInfo .fieldLabel:hover .action {
    display: inline-block;
}
.overlayDetailHeader .recordBasicInfo .fieldLabel:hover .action a,
.detailview-header .recordBasicInfo .fieldLabel:hover .action a {
    text-decoration: none;
    color: inherit;
}
.overlayDetailHeader .recordBasicInfo .inputElement,
.detailview-header .recordBasicInfo .inputElement {
    width: 75%;/* I1062 width of header fields */
}
.overlayDetailHeader .recordBasicInfo .referencefield-wrapper .inputElement,
.detailview-header .recordBasicInfo .referencefield-wrapper .inputElement {
    width: 123px;
    min-width: 148px;
}
.overlayDetailHeader .recordBasicInfo .referencefield-wrapper .input-group,
.detailview-header .recordBasicInfo .referencefield-wrapper .input-group {
    min-width: 177px;
}
.overlayDetailHeader .recordBasicInfo .inputElement[type="checkbox"],
.detailview-header .recordBasicInfo .inputElement[type="checkbox"] {
    width: 6%;
    margin-top: 3%;
    margin-right: 2%;
}
.referencefield-wrapper .createReferenceRecord {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    border: 1px solid #DDDDDD;
    padding: 3px 7px;
    text-align: center;
    color: #666;
    background: #F3F3F3;
}
.input-save-wrap {
    float: left;
    display: table-cell;
}
.input-save-wrap .fa.fa-check {
    color: #FFFFFF;
}
.summaryView .referencefield-wrapper {
    max-width: 100%;
    display: table-cell;
}
.summaryView .referencefield-wrapper .input-group.time,
.summaryView .referencefield-wrapper .input-group.date {
    min-width: 120px;
}
.referencefield-wrapper {
    display: block !important;
    width: 80%; /*I1277 NUsran@radus28.com */
}

.listViewEntryValue .referencefield-wrapper {
    width: 100%;
}

.record-header {
    /*min-height: 80px;*/
}
.record-header .recordImage {
    float: left;
    display: inline-block;
    position: absolute;
}
.record-header .recordBasicInfo {
    float: left;
    display: inline-block;
    padding-left: 90px;
    width: 100%;
}
.record-header .recordBasicInfo .info-row,
.record-header .recordBasicInfo h4,
.record-header .recordBasicInfo a,
.record-header .recordBasicInfo .fieldLabel {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 768px){
    .record-header .recordBasicInfo,
    .record-header .recordBasicInfo .info-row,
    .record-header .recordBasicInfo h4,
    .record-header .recordBasicInfo a,
    .record-header .recordBasicInfo .fieldLabel,
    .record-header .recordBasicInfo .row
    {
        height: auto !important;
        padding: 0 !important;
        overflow: visible;
        white-space: normal;
        margin: 3px 0;
    }
}
.record-header .recordBasicInfo h4 {
    height: 25px;
    margin: 0;
}
.detailViewContainer .recordImage,
.overlayDetailHeader .recordImage,
.quickPreviewModuleHeader .recordImage {
    display: table;
    height: 80px;
    width: 80px;
    padding: 0;
}
.detailViewContainer .recordImage .name,
.overlayDetailHeader .recordImage .name,
.quickPreviewModuleHeader .recordImage .name {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.detailViewContainer .recordImage .name span,
.overlayDetailHeader .recordImage .name span,
.quickPreviewModuleHeader .recordImage .name span {
    color: #fff;
    text-shadow: 1px 0 2px #999;
}
.detailViewContainer .recordImage.bgAccounts,
.overlayDetailHeader .recordImage.bgAccounts,
.quickPreviewModuleHeader .recordImage.bgAccounts {
    background: #6cc4b9;
}
.detailViewContainer .recordImage.bgcontacts,
.overlayDetailHeader .recordImage.bgcontacts,
.quickPreviewModuleHeader .recordImage.bgcontacts {
    background: #03A678;
}
.detailViewContainer .recordImage.bghelpdesk,
.overlayDetailHeader .recordImage.bghelpdesk,
.quickPreviewModuleHeader .recordImage.bghelpdesk {
    background: #d1026c;
}
.detailViewContainer .recordImage.bginvoice,
.overlayDetailHeader .recordImage.bginvoice,
.quickPreviewModuleHeader .recordImage.bginvoice {
    background: #d1026c;
}
.detailViewContainer .recordImage.bgleads,
.overlayDetailHeader .recordImage.bgleads,
.quickPreviewModuleHeader .recordImage.bgleads {
    background: #F47983;
}
.detailViewContainer .recordImage.bgpotentials,
.overlayDetailHeader .recordImage.bgpotentials,
.quickPreviewModuleHeader .recordImage.bgpotentials {
    background: #492d61;
}
.detailViewContainer .recordImage.bgproducts,
.overlayDetailHeader .recordImage.bgproducts,
.quickPreviewModuleHeader .recordImage.bgproducts {
    background: #FFB3A7;
}
.detailViewContainer .recordImage.bgvendors,
.overlayDetailHeader .recordImage.bgvendors,
.quickPreviewModuleHeader .recordImage.bgvendors {
    background: #875F9A;
}
.detailViewContainer .recordImage.bgpurchaseorder,
.overlayDetailHeader .recordImage.bgpurchaseorder,
.quickPreviewModuleHeader .recordImage.bgpurchaseorder {
    background: #C93756;
}
.detailViewContainer .recordImage.bgquotes,
.overlayDetailHeader .recordImage.bgquotes,
.quickPreviewModuleHeader .recordImage.bgquotes {
    background: #d1026c;
}
.detailViewContainer .recordImage.bgsalesorder,
.overlayDetailHeader .recordImage.bgsalesorder,
.quickPreviewModuleHeader .recordImage.bgsalesorder {
    background: #d1026c;
}
.detailViewContainer .recordImage.bgproject,
.overlayDetailHeader .recordImage.bgproject,
.quickPreviewModuleHeader .recordImage.bgproject {
    background: #d1026c;
}
.detailViewContainer .recordImage.bg_ServiceContracts,
.overlayDetailHeader .recordImage.bg_ServiceContracts,
.quickPreviewModuleHeader .recordImage.bg_ServiceContracts {
    background: #FFB61E;
}
.detailViewContainer .recordImage.bg_Assets,
.overlayDetailHeader .recordImage.bg_Assets,
.quickPreviewModuleHeader .recordImage.bg_Assets {
    background: #8DB255;
}
.detailViewContainer .recordImage.bg_Services,
.overlayDetailHeader .recordImage.bg_Services,
.quickPreviewModuleHeader .recordImage.bg_Services {
    background: #d1026c;
}
.detailViewContainer .recordImage.bg_Calendar,
.overlayDetailHeader .recordImage.bg_Calendar,
.quickPreviewModuleHeader .recordImage.bg_Calendar {
    background: #ed4c57;
}
.detailViewContainer .recordImage.bg_Campaigns,
.overlayDetailHeader .recordImage.bg_Campaigns,
.quickPreviewModuleHeader .recordImage.bg_Campaigns {
    background: #A17917;
}
.detailViewContainer .recordImage.bg_Cases,
.overlayDetailHeader .recordImage.bg_Cases,
.quickPreviewModuleHeader .recordImage.bg_Cases {
    background: #42A5F5;
}

.detailview-header .recordImage [class^="vicon-"],
.overlayDetailHeader .recordImage [class^="vicon-"],
.quickPreviewModuleHeader .recordImage [class^="vicon-"] {
    font-size: 35px;
}

/*I602 panduka@radus28 Module image couldn't resize the icon size */
.recordImage div span strong img {
    width: 100%;
    height: auto;
}

.detailViewContainer .block {
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 2px;
}

.detailViewContainer .block hr {
    margin: 10px 0;
}
.editViewContainer .block {
    background: #FFFFFF;
    border: 1px solid #F3F3F3;
    padding-left: 15px;
    padding-right: 15px;
}

.summaryWidgetContainer .widgetContainer_comments .widget_contents {
    margin-top: 0;
}

.commentDetails {
    border: 1px dashed #eee;
    border-radius: 6px;
    margin: 15px 0 0 0;
    padding: 17px;

    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease-in;
}

.commentDetails:hover {
    border: 1px dashed #ff6060;
}

.commentDetails .commentDetails {
    border: 0;
    padding: 0 0 0 50px;
    margin: 15px 0 0 0;
}

@media (max-width: 767px) {
    .commentDetails .commentDetails {
        padding: 0 0 0 25px;
    }
}

.commentDetails .commentDetails .commentDetails {
    border: 0;
    padding: 0;
    margin: 15px 0 0 0;
}

.recentComments .commentDetails {
    background: none;
    border: none;
    margin: 0;
    padding: 12px 0;
}

.commentDetails .singleComment {
    position: relative;
    border-radius: 6px;
    background-color: #f3f3f3;
    border: 1px solid #eee;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.commentDetails .singleComment.highlighted {
    transform: scale(1.015);
    background-color: rgb(255,237,198) !important;
}

.commentDetails .singleComment.privateComment {
    background-color: #e8f2fb;
}

.commentDetails .singleComment .top-right-wrapper {
    position: absolute;
    top: 11px;
    right: 22px;
    font-size: 16px;
    opacity: 0.7;
    z-index: 10;
}

.commentDetails .singleComment .top-right-wrapper button {
    padding: 0;
    margin-left: 8px;
    background: none;
    border: none;
}

.commentDetails .singleComment .top-right-wrapper button.active,
.commentDetails .singleComment .top-right-wrapper button:hover,
.commentDetails .singleComment .top-right-wrapper button:active {
    color: #FFC600;

}

.commentDetails .singleComment #is_private {
    margin-right: 5px;
    vertical-align: top;
}

.commentDetails .recordImage img {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
}

.commentDetails .media-body {
    width: 100%;
}

.commentDetails .creatorName {
    display: block;
    color: #444;
    font-weight: bold;
    line-height: 16px;
    margin-top: 3px;
}

.commentDetails .creatorName.highlighted {
    color: #0095ff;
}

.commentDetails .commentTime {
    display: block;
    color: #999;
    line-height: 12px;
}

.commentDetails .commentTime .commentModifiedTime .separator {
    font-size: 5px;
    vertical-align: middle;
    margin: 0 5px;
}

.commentDetails .commentInfoContentBlock {
    margin: 0 2px;
}

.modal.preview-image-modal {
    text-align: center;
}

.modal.preview-image-modal .modal-dialog {
    display: inline-block;
    width: auto;
    max-width: 90%;
}

.modal.preview-image-modal .modal-dialog .close {
    position: absolute;
    right: 3px;
    top: 7px;
}

.modal.preview-image-modal .modal-dialog img {
    max-width: 100%;
    padding: 0 15px;
    max-height: calc(100vh - 110px);
    height: auto;
}

.commentDetails .rightActions {
    display: block;
    float: right;
    margin: 6px 0 0 0;
    color: #999;
    /*
    opacity: 0.3;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    */
}

@media (max-width: 767px) {
    .commentDetails .rightActions {
        float: none;
        text-align: right;
        margin-top: 12px;
    }
}

/*
.commentDetails:hover .rightActions {
    opacity: 1;
}
*/

.commentDetails .rightActions a {
    margin: 0 6px;
}

.commentDetails .rightActions a.detailViewThread,
.commentDetails .rightActions a.viewThread,
.commentDetails .rightActions a.hideThread {
    background: #0095ff;
    color: white;
    padding: 4px 8px;
    margin-right: 2px;
    border-radius: 3px;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.commentDetails .rightActions a.detailViewThread:hover,
.commentDetails .rightActions a.detailViewThread:active,
.commentDetails .rightActions a.viewThread:hover,
.commentDetails .rightActions a.viewThread:active,
.commentDetails .rightActions a.hideThread:hover,
.commentDetails .rightActions a.hideThread:active {
    color: #fff;
    background-color: #555555;
}

.commentDetails .commentActionsContainer {
    padding-right: 6px;
}

@media (max-width: 767px) {
    .commentDetails .commentActionsContainer {
        margin-left: -44px;
    }
}

.commentDetails input.replyComment {
    background: #fafafa;
    padding: 5px 10px;
    border-radius: 5px;
    width: 100%;
    max-width: calc(100% - 140px);
    cursor: text;
    border: 1px solid #eee;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .commentDetails input.replyComment {
        max-width: 100%;
    }
}

.recentComments .commentDetails input.replyComment {
    max-width: calc(100% - 120px);
}

@media (max-width: 767px) {
    .recentComments .commentDetails input.replyComment {
        max-width: 100%;
    }
}


.commentDetails input.replyComment::placeholder {
    color: #999;
}

.commentDetails input.replyComment:hover {
    border: 1px solid #b9b9b9;
    border-top-color: #a0a0a0;
}

.commentDetails .commentWrapper {
    padding: 6px 6px 6px 0;
    margin: 10px 0;
}

@media (max-width: 767px) {
    .commentDetails .commentWrapper {
        margin-left: -44px;
    }
}

.commentDetails .commentWrapper blockquote {
    padding: 8px 12px;
    margin: 5px 0 20px;
    font-size: 13.5px;
    border: 1px solid #eee;
    border-left: 5px solid #ddd;
    word-break: normal;
    line-height: 1.5em;
    display: block;
    background-color: #fafafa;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.commentDetails .commentWrapper blockquote .text {
    opacity: 0.5;
    font-style: italic;
}

.commentDetails .commentAttachments {
    margin: 0 0 15px 0;
}

@media (max-width: 767px) {
    .commentDetails .commentAttachments {
        margin-left: -44px;
    }
}

.commentDetails .commentAttachments .commentAttachmentName {
    margin: 4px 0;
}

.commentDetails .commentAttachments .commentAttachmentName .previewfile {
    margin: 0 2px 0 4px;
}

.commentDetails .commentAttachments .commentAttachmentName .fa {
    vertical-align: middle;
}

.commentDetails .commentAttachments .commentAttachmentName .fa-paperclip {
    font-size: 13px;
}

/* @author Kiren James <kiren@radus28.com> Feature Request I1774: edit comment and remove attachment */
.commentDetails .commentAttachments .commentAttachmentName .filePreview {
    display: inline;
}
/* I1774 end */

.commentDetails .reply {
    background: #a9a9a9;
    color: white;
    padding: 0px 5px 0px 4px;
    margin-right: 5px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

.commentDetails .reply:hover,
.commentDetails .reply:active {
    background: #555;
}

.commentDetails .reply i {
    margin-right: 1px;
}

.commentInfoContent {
    display: block;
    word-break: normal;
    font-size: 14px;
    line-height: 1.5em;
    padding: 0 6px 4px 2px;
}
.fc-overlay-modal {
    top: auto !important;
    bottom: 0;
    right: 0;
    left: auto;
    border: 1px solid #DDDDDD;
    box-shadow: none;
    background: white;
}
.table-borderless tbody td,
.table-borderless tbody th {
    border: 0 !important;
}
#overlayPage {
    top: 43px;
    position: fixed;
    width: 100%;
    z-index: 1030;
}
#overlayPage .arrow.show {
    content: "";
    width: 10px;
    height: 10px;
    right: 150px;
    top: -9px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #CCC;
    position: absolute;
}
#overlayPage .arrow.show:after {
    content: "";
    width: 10px;
    height: 10px;
    right: 150px;
    top: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #FFF;
    position: absolute;
    left: -9px;
    z-index: 1030;
}
.overlay-container-60 {
    margin-left: 20px;margin-right:20px;
}
.overlay-container-300 {
    margin-left: 230px;
}
.overlayPageContent {
    background: #FFFFFF;
    padding-bottom: 60px;
    float: left;
}
.overlayPageContent.fade {
    top: 700px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    overflow: hidden;
}
.overlayPageContent.fade.in {
    top: 83px;
    opacity: 1;
}
.overlayPageContent form .modal-body {
    padding-left: 20px;
    padding-right: 20px;
}
#helpPageOverlay {
    width: 300px;
    right: 0px;
    top: 0px;
    position: fixed;
    z-index: 1070;
}
.overlayHeader .modal-header {
    background: inherit;
    color: inherit;
    border-bottom-color: transparent;
}
.overlayHeader .modal-header .close {
    color: #000;
}
.overlayFooter {
    position: fixed;
    bottom: 0;
    background: #eeeeee;
    width: 100%;
    height: 60px;
    right: 0;
}
.contentsOverLayFooter {
    width: 76%;
}
.footer-actions {
    margin-left: 285px;
    text-align: left;
}
.overlay-close {
    margin-top: 10px;
    margin-right: 10px;
}
.commentTextArea {
    padding-bottom: 10px;
}
.saveButton {
    font-size: 14px;
    color: white;
    padding: 7px 25px;
}
.cancelLink,
.popoverCancel {
    font-size: 14px;
    padding-left: 10px;
    color: red;
}
.modal-overlay-footer a:hover {
    color: red;
}
.cancel-x-small {
    font-size: 12px;
}
.detailview-content {
    padding-bottom: 30px;
}
.detailview-content .commentsRelatedContainer .commentTitle {
    background: #f1f1f1;
    border: 1px solid #eee;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 12px;
    margin: 30px 12px;
}
.detailview-content .commentsRelatedContainer textarea {
    width: 100%;
    height: 73px;
    resize: none;
}
.detailview-content .commentsRelatedContainer .commentTextArea {
    padding-bottom: 10px;
}
.detailview-content .dropdown-menu.related{
    width: 100%;
}
.numberCircle {
    background: none repeat scroll 0 0 indianred;
    border-radius: 50%;
    color: white;
    font-size: 10px;
    min-height: 19px;
    min-width: 19px;
    text-align: center;
    margin-top: 2px;
    display: inline-block;
    padding: 0 4px;
    margin: 0;
    line-height: 19px;
    box-sizing: border-box;
    vertical-align: top;
}
.related-tabs {
    position: relative;
}
.related-tabs ul {
    padding-left: 10px;
    width: 100%;
}
.related-tabs .tab-icon {
    max-width: 90%;
    display: inline-block;
    vertical-align: middle;
}
.related-tabs .tab-label {
    display: inline-block;
    height: 26px;
    line-height: 25px;
}
.summary-table {
    width: 100%;
    table-layout: fixed;
}
/* @editor Kiren James <kiren@radus28.com> @internal Bug Fix I1692: Double report on summary view  */
.editViewContents .fieldBlockContainer,
.summaryView, .summaryViewMatrix {
/* END I1692 */
    position: relative;
    border: thin solid #DDD;
    padding: 15px;
    margin-bottom: 10px;
    background: #FFFFFF;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); border-radius: 2px;
}
.summaryView .fieldLabel {
    padding-left: 0px;
    padding-right: 30px;
}
/* @editor Kiren James <kiren@radus28.com> @internal Bug Fix I1692: Double report on summary view  */
.summaryView .summaryViewHeader,
.summaryViewMatrix .summaryViewHeader,
.summaryWidgetContainer .widget_header {
/* END I1692 */
    margin-bottom: 8px;
    margin-top: 0;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}
/* @editor Kiren James <kiren@radus28.com> @internal Bug Fix I1692: Double report on summary view  */
.summaryView .summaryViewHeader h4,
.summaryViewMatrix .summaryViewHeader h4,
.summaryWidgetContainer .widget_header h4 {
/* END I1692 */
    margin-top: 0;
    margin-bottom: 0;
}
.summaryWidgetContainer .widget_contents {
    margin-top: 12px;
}
.summaryView .summaryViewFields {
    line-height: 1.4;
}
.summaryViewFields .inputElement {
    max-height: 30px;
}
.summaryViewFields .inputElement.input-xxlarge {
    max-height: 200px;
}
.summaryWidgetContainer {
    position: relative;
    border: thin solid #DDD;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    padding: 15px;
    margin-bottom: 10px;
    background: #FFFFFF;border-radius: 2px;
}
.summaryWidgetContainer .widget_header {
    margin-bottom: 6px;
}
.summaryWidgetContainer .toggleButton {
    font-size: 16px;
}
.summaryWidgetContainer .commentTitle {
    background: #f1f1f1;
    border: 1px solid #eee;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 15px;
    margin: 12px 0;
}
.summaryWidgetContainer .title {
    padding-left: 10px;
}

.summaryWidgetContainer .recentCommentsHeader {
    /*margin-bottom: 10px;*/
    display: inline-block;
    width: 100%;
}
.summaryWidgetContainer .recentCommentsHeader h4 {
    margin: 0;
}
.summaryWidgetContainer .commentContainer {
    background: white;
    border-color: #F3F3F3;
}
.summaryWidgetContainer .commentContainer .recentCommentsBody {
    padding: 0;
    margin-top: 0;
}
.summaryWidgetContainer .commentContainer .recentCommentsBody .singleComment,
.showcomments .commentsList .singleComment {
    padding: 12px;
}
.summaryWidgetContainer .commentContainertextarea {
    width: 100%;
    resize: none;
}
.summaryWidgetContainer .commentContainer .recentCommentsBody .singleComment .commentEditStatus {
    margin: 0;
}
.noCommentsMsgContainer,
.quick-preview-modal .noContent {
    border: 1px solid #CCC;
}
.summaryWidgetContainer .recordImage .name {
    display: table-cell;
    margin: 0 auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.summaryWidgetContainer .recordImage .name span {
    color: #fff;
    text-shadow: 1px 0 2px #999;
}
.commentsList .recordImage,
.summaryWidgetContainer .recordImage {
    background: none repeat scroll 0 0 #2C3B49;
    border: 1px solid #ccc;
    overflow-y: hidden;
    height: 36px;
    width: 36px;
    padding: 0;
    border-radius: 50%;
}
.summaryWidgetContainer .recordImage.highlighted,
.commentsList .recordImage.highlighted {
    border: 1px solid #0095ff;
    box-shadow: 0px 0px 2px 1px #000;
}
.summaryWidgetContainer .activityEntries .module-icon {
    line-height: 28px;
}
.summaryWidgetContainer .activityEntries .module-icon.span {
    position: relative;
    vertical-align: middle;
}
.summaryWidgetContainer .activityEntries .summaryViewEntries {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.summaryWidgetContainer .activityStatus .editStatus,
.summaryWidgetContainer .summaryViewEntries .summaryViewEdit {
    opacity: 0;
}
.summaryWidgetContainer .activityStatus:hover .editStatus,
.summaryWidgetContainer .summaryViewEntries:hover .summaryViewEdit {
    opacity: 1;
    cursor: pointer;
}
.details.row >form .social-media-toggle {
    position: absolute;
    right: -15px;
    display: inline-block;
    width: 500px;
    border-left: 0px;
}
.details.row >form .social-media-widget {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 100%;
    background: white;
}
.details.row >form div[class*="col-"].resizable-summary-view {
    padding-left: 0;
    padding-right: 0px;
}
.details.row >form>div[class*="col-"],
.details.row >form .resizable-summary-view div[class*="col-"] {
    padding-right: 0;
    padding: 0px 5px;
}
.details.row >form>div[class*="col-"]:first-child,
.details.row >form .left-block {
    padding-left: 0 !important;
}
.details.row >form>div[class*="col-"]:last-child {
    padding-right: 0;
}
.summaryWidgetContainer .noContent {
    padding: 10px;
}
.summaryView .fieldValue .value {
    max-width: 80%;
    width: auto !important;
}
.caseReplyArea .nav > li {
    padding: 0 10px;
}
.main-container .editViewModNavigator.module-nav,
.editViewModNavigator .mod-switcher-container,
.editViewModNavigator .modules-menu {
    width: 42px;
}
#massEditHeader {
    color: #3498DB;
}
.fieldLabel {
    color: #2c3b49;
    opacity: 0.8;
}
.fieldLabel label {
    font-weight: 100;
}
.fieldValue {
    color: #222;
}
.importBlockContainer {
    border: 1px solid #FBFBFB;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    background: #FBFBFB;
    border-color: #FBFBFB;
}

.fieldBlockContainer .inputElement {
    height: 30px;
    /*width: 90%;*/
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #ebebe4;
}

.editViewContents .input.form-control:focus,
.editViewContents .input.form-control:hover,
.editViewContents .input.form-control:active {
    box-shadow: none;
    outline: none;
}
.editViewContents .fieldBlockContainer .input-group .input-group-addon + input {
    width: 100%;
}
.editViewContents .input-group {
    width: 90%;
    float: left;
}
.input-group.inputElement .input-group-addon {
    border: none;
    border-left: 1px solid #ddd;
}
.input-group.inputElement .input-group-addon [class^="vicon-"],
.input-group.inputElement .input-group-addon [class*=" vicon-"]{
    font-size: 13px;
}

.fieldBlockContainer textarea.inputElement {
    height: auto;
}
.listview-table .listViewEntries textarea,
.uploadview-content textarea,
.fieldBlockContainer textarea.textAreaElement {
    width: 100%;
    resize: vertical;
    padding-left: 5px;
    padding-top: 5px;
}
.fieldBlockHeader {
    margin-top: 0;
    color: #333;
}
.quickCreateContent .referencefield-wrapper {
    width: 100%;
    height: 32px;
    display: table;
}
.referencefield-wrapper .select2-container-multi {
    height: auto !important;
    float: left;
}
.quickCreateContent .input-group {
    display: table;
}
.quickCreateContent .inputElement {
    height: 30px;
    width: 90%;
}
.mandatoryField {
    width: 4px;
    background: #FF4068;
    height: 30px;
    float: left;
}
#composeEmailContainer input[type="text"] {
    width: 100%;
    height: 30px;
}
#composeEmailContainer .row {
    padding: 5px;
}
.navigationButton[disabled] {
    opacity: 0.2;
    pointer-events: none;
    cursor: not-allowed;
}
.moduleResults-container {
    background-color: #fbfbfb;
}
.textSearchPreviousPageButton > i,
.textSearchNextPageButton > i {
    font-size: 1.5em;
}
#EditView .editViewBody {
    position: relative;
    width: auto;
    margin-top: 15px;
    margin-bottom: 2%;
}
#EditView .editViewBody .editViewContents {
    margin-bottom: 0px;
}
#EditView .editViewFooter {
    position: fixed;
    bottom: 0%;
    width: 100%;
    background-color: #EEEEEE;
    z-index: 1000;
    padding: 7px;
}
.op0.fadeInx {
    opacity: 1;
}
.op0 {
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#advanceSearchHolder {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: max-height 500ms ease;
    -moz-transition: max-height 500ms ease;
    -o-transition: max-height 500ms ease;
    transition: max-height 500ms ease;
}
#advanceSearchHolder.slideDown {
    max-height: 3000px;
}
.filterConditionContainer {
    background: #FFFFFF;
}
.filterConditionContainer .header {
    padding-bottom: 10px;
}
.filterConditionContainer .conditionRow {
    padding-bottom: 10px;
}
.filterConditionContainer .conditionRow .col-lg-12 {
    width: 100%;
}
.filterConditionContainer .anyConditionContainer {
    padding-top: 10px;
}
.filterConditionContainer .conditionList .deleteCondition {
    vertical-align: middle;
    margin-top: 6px;
}
#advanceSearchContainer #searchContainer {
    background-color: white;
    margin-top: 20px;
}
#advanceSearchContainer.well {
    margin-bottom: 0px !important;
}
#advanceSearchContainer [name="viewname"] {
    width: 0px;
    -webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    -o-transition: width 500ms ease;
    transition: width 500ms ease;
}
#advanceSearchContainer [name="viewname"].slideRight {
    width: 200px;
}
#searchResults-container {
    background-color: #FBFBFB;
}
#searchResults-container .searchModuleHeader {
    color: blue;
}
#searchResults-container .moduleSearchResults {
    padding-bottom: 20px;
}
#searchResults-container h3 {
    background: #F3F3F3;
    padding: 5px 15px;
}
.btn + input {
    margin-left: 5px;
}
.extensionstore .app-trigger {
    width: 98%;
}
.extensionWidgetContainer {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    min-height: 200px;
    padding: 2%;
}
.extensionWidgetContainer .extension_contents {
    margin-top: 2%;
    padding: 15px 0px;
}
.extensionWidgetContainer .extension_contents .slimScrollDiv {
    padding-right: 10px;
}
.extensionWidgetContainer .extension_header .font-x-x-large {
    font-size: 1.5em;
    font-weight: bold;
    color: #1560BD;
}
.extensionWidgetContainer .extensionDescription {
    line-height: 20px;
}
.extensionWidgetContainer .extensionInfo {
    padding-top: 5%;
}
.extensionContents .extensionError {
    color: #F10404;
}
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}
.tabbable-line > .nav-tabs > li.open,
.tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #5CE68A;
}
.tabbable-line > .nav-tabs > li.open > a,
.tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i,
.tabbable-line > .nav-tabs > li:hover > a > i {
    color: #A6A6A6;
}
.tabbable-line > .nav-tabs > li {
    margin-right: 10px;
    margin-left: 10px;
}
.tabbable-line > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
    color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
    color: #A6A6A6;
}
.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #449D44;
    position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
    outline: 0;
    border: 0;
    color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
    color: #404040;
}
.tabbable-line > .tab-content {
    margin-top: -3px;
    background-color: #FFFFFF;
    border: 0;
    padding: 15px 0;
}
.nav .divider-vertical {
    height: 45px;
    margin: 0 9px;
    border-right: 3px solid #FFFFFF;
    border-left: 3px solid #DDDDDD;
}
.extensionContents {
    padding-bottom: 30px;
}
.extensionContents .extensionLink {
    cursor: pointer;
    color: #00FF00;
    text-decoration: underline;
}
.extensionContents .navigationLink {
    cursor: pointer;
}
.extensionContents .listview-table {
    width: 100%;
}
.relatedContents .listViewContentHeaderValues:hover {
    text-decoration: none;
    color: #333;
}
.relatedContents .listview-table .table-actions {
    width: 75px;
    height: 15px;
}
.relatedContents .listSearchContributor {
    width: 130px;
}
.relatedContents .relatedListEntryValues:hover {
    text-decoration: none;
}
.relatedListHeaderValues .customsort {
    opacity: 0.3;
}
.relatedListHeaderValues:hover .customsort {
    opacity: 1;
}
.relatedListHeaderValues:hover {
    text-decoration: none;
    color: #000000;
}
.relatedContents .listViewEntries .actions {
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.relatedContents .listViewEntries:hover .actions {
    opacity: 1;
}
.relatedViewActions #PageJumpDropDown {
    margin-left: -5px;
    font-size: 10px;
    width: 50px;
}
.relatedViewBasicAction .relatedViewPagingInput {
    width: 69px;
    padding: 0px 5px;
    vertical-align: middle;
    height: 22px;
    margin-top: -2px;
    font-size: 12px;
}
.relatedViewBasicAction .relatedViewPagingInputSubmit {
    padding: 1px;
    margin-left: -4px;
    font-size: 9px;
    width: 14%;
    margin-top: -2px;
}
.relatedViewActions .btn-group {
    margin-right: 15px;
}
.modal-header {
    padding: 5px 15px;
    background: #596875;
    color: #FFFFFF;
}
.modal-footer {
    background: #EFEFEF;
}
#overlayPage.fade {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}
#overlayPage.fade.in {
    max-height: 3800px;
}
#overlayPage .modal-backdrop {
    z-index: -1;
}
.settings-sidebar {
    display: inline-block;
    width: 100%;
    float: left;
    background: #596875;
}
.settings-menu {
    display: inline-block;
    width: 100%;
    float: left;
    background: #2c3b49;
    height: 100%;
}
.settings-flip {
    background: none repeat scroll 0 0 #596875;
    font-size: 14px;
    margin: auto;
    padding: 5px;
    cursor: n-resize;
}
.settings-menu-items {
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    margin-bottom: 10px;
    text-align: justify;
}
.settings-menu-items a {
    color: #fff;
    font-size: 13px;
}
.settingsgroup .panel-group {
    padding-top: 10px;
}
.importOverLayHeader {
    background: white;
    color: #596875;
    border-color: transparent;
    max-height: 50px;
}
.cursorPointer {
    cursor: pointer;
    text-decoration: none;
}
.cursorDefault {
    cursor: default;
}
.modal-body {
    background: white;
}
#selectAllMsgDiv {
    font-size: 18px;
    color: #3498DB;
}
#deSelectAllMsgDiv {
    font-size: 18px;
    color: #3498DB;
}
.greenColor {
    color: #2ECC71;
}
.breadcrumb {
    height: auto;
    background: #FBFBFB;
}
.crumbs {
    height: 40px;
    margin: 0;
    padding: 0 20px 0 0;
    display: inline-block;
    font-family: sans-serif;
    position: relative;
    width: 100%;
}
.crumbs li:after {
    content: '\0000a0';
    width: 0;
    height: 0;
    border-left: 20px solid #ECECEC;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    display: inline-block;
    position: absolute;
    top: -20px;
    right: -20px;
}
.crumbs li {
    height: 0;
    border-top: 20px solid #ECECEC;
    border-bottom: 20px solid #ECECEC;
    border-left: 20px solid transparent;
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 18%;
}
.crumbs li:first-child {
    border-top: 20px solid #ECECEC;
    border-bottom: 20px solid #ECECEC;
    border-left: 0;
}
.crumbs li:hover {
    height: 0;
    border-top: 20px solid #FBFBFB;
    border-bottom: 20px solid #FBFBFB;
}
.crumbs li:hover:after {
    border-left: 20px solid #FBFBFB !important;
}
.crumbs li.active {
    height: 0;
    border-top: 20px solid #596875;
    border-bottom: 20px solid #596875;
}
.crumbs li.active:after {
    border-left: 20px solid #596875 !important;
}
.crumbs li a {
    display: block;
    margin-top: -14px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}
.crumbs li:first-child a .stepNum {
    margin-left: 8px;
}
.stepText {
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    width: 60%;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.active .stepText,
.active .stepNum {
    color: #FFFFFF;
}
.mailBoxEditDiv .crumbs li {
    width: 22%;
}
.stepNum {
    display: inline-block;
    padding: 0 5px;
    overflow: hidden;
    font-size: 20px;
    vertical-align: middle;
    color: #3399ff;
}
.squaredFour {
    width: 20px;
    position: relative;
    margin: 20px auto;
}
.squaredFour label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: #fcfff4;
    background: linear-gradient(top,#fcfff4 0%,#dfe5d7 40%,#b3bead 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}
.squaredFour label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
}
.squaredFour label:hover::after {
    opacity: 0.5;
}
.squaredFour input[type=checkbox] {
    visibility: hidden;
}
.squaredFour input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.importBlockContainer {
    color: #596875;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
.btn-google-plus {
    color: #FFFFFF !important;
    background-color: #DD4B39;
    border-color: rgba(0,0,0,0.2);
}
.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-social > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2);
}
.recentActivitiesContainer .history {
    margin: 0 auto;
    padding: 20px 20px 1px;
    max-width: 100%;
    overflow-x: visible;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.updates_timeline {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.updates_timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 4px;
    background: #f9f9f9;
    left: 19%;
}
.updates_timeline > li {
    position: static;
    top: 0;
    display: block;
    position: relative;
    min-height: 40px;
    z-index: 2;
}
.updates_timeline > li .update_time {
    position: absolute;
    margin: 0;
    width: 16%;
    background-color: transparent;
    padding: 0 5px 5px 5px;
    text-align: right;
    color: #999;
    font-size: 15px;
    font-style: italic;
}


.updates_timeline > li .update_time .update_value {
    color: #333;
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    display: block;
}

.updates_timeline > li .update_time small {
    display: block;
}

@media (max-width: 767px) {
    .updates_timeline > li .update_time {
        width: 100%;
        position: static;
        margin: 15px 10px 5px 4%;
        display: block;
    }

    .updates_timeline > li .update_time .update_value {
        width: 130px;
        text-align: left;
        display: block;
    }

    .updates_timeline > li .update_time small {
        width: 130px;
        text-align: left;
        display: block;
    }
}

.updates_timeline > li .update_info {
    padding: 10px 10px 1px;
    display: block;
    margin: 0 0 -47px 24%;
    line-height: 1.4;
    position: relative;
    top: -45px;
}
.updates_timeline > li .update_info >h3 {
    font-size: 1.1em;
    margin-left: -3%;
}
.updates_timeline > li .update_icon {
    position: relative;
    border-radius: 50%;
    text-align: center;
    top: 0;
    left: 20%;
    width: 35px;
    height: 35px;
    margin: 0 0 0 -27px;
    color: #fff;
    line-height: 35px;
}
.updates_timeline #more_button .update_icon {
    position: relative;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
    text-align: center;
    top: 0;
    margin: 0 0 0 -55px;
    color: #fff;
    width: 100px;
}
.updates_timeline #more_button .update_icon .moreRecentUpdates {
    background: #2c3b49;
    border-radius: 15%;
}
.updates_timeline .update_icon img {
    height: 42px;
    width: 42px;
    border-radius: 50%;
    position: absolute;
    left: -4px;
}
.updates_timeline .update_icon .update_image {
    line-height: 1.5;
}
.bg-info {
    background-color: orange;
}
.bg-info-modcomments {
    background-color: #135fd7;
}
.bg-info-accounts {
    background-color: #6cc4b9;
}
.bg-info-calendar {
    background-color: #ed4c57;
}
.bg-info-contacts {
    background-color: #03A678;
}
.bg-info-documents {
    background-color: #789048;
}
.bg-info-potentials {
    background-color: #492d61;
}
.bg-info-pricebooks {
    background-color: #048091;
}
.bg-info-project {
    background-color: #d1026c;
}
.bg-info-purchaseorder {
    background-color: #C93756;
}
.bg-info-projecttask {
    background-color: #012677;
}
.bg-info-quotes {
    background-color: #d1026c;
}
.bg-info-salesorder {
    background-color: #d1026c;
}
.bg-info-servicecontracts {
    background-color: #d1026c;
}
.bg-info-services {
    background-color: #d1026c;
}
.bg-info-invoice {
    background-color: #d1026c;
}
.bg-info-helpdesk {
    background-color: #d1026c;
}
.bg-info-products {
    background-color: #FFB3A7;
}
.bg-info-emails {
    background-color: #299AFC;
}
.bg-info-products {
    background-color: #FFB3A7;
}
.bg-info-campaigns {
    background-color: #A17917;
}
.bg-info-custom-mod {
    background-color: #CCCC99;
}
.alert-static {
    border-color: #eeeeee;
    white-space: nowrap;
    vertical-align: super;
    padding-bottom: 0px;
}
.alert-static .icon {
    font-size: medium;
    color: #1B809E;
    margin-left: 8px;
    vertical-align: top;
}
.alert-static .message {
    vertical-align: super;
    font-size: 13px;
}
#taskManagementContainer .data-body {
    margin-bottom: 50px;
}
#taskManagementContainer .input-group,
#taskManagementContainer .input-group input {
    width: 100%;
}
#taskManagementContainer .title {
    width: 20%;
    height: 25px;
    padding: 5px 0px 0px 10px;
    color: white;
}
#taskManagementContainer .contentsBlock {
    margin-bottom: 25px;
}
#taskManagementContainer .taskSubject > p {
    margin-bottom: 5px;
    word-wrap: break-word;
}
#taskManagementContainer .entries {
    border: 1px solid #CCC;
    margin-bottom: 10px;
}
#taskManagementContainer .entries:hover {
    cursor: move;
}
#taskManagementContainer .entries .task {
    padding: 6px 10px 5px;
}
#taskManagementContainer .entries .task-body {
    margin-left: 20px;
    text-align: justify;
}
#taskManagementContainer .entries .other-details .drag-task {
    margin-top: 3px;
}
#taskManagementContainer .entries .other-details .task-actions {
    margin-top: 5px;
}
#taskManagementContainer .entries .other-details .task-actions a {
    vertical-align: middle;
}
#taskManagementContainer .entries .task-details {
    display: inline-block;
    float: left;
    max-width: 80%;
    margin-top: 5px;
    margin-left: 5px;
    text-align: justify;
}
#taskManagementContainer .entries .task-details .recordName {
    display: inline-block;
    max-width: 20%;
}
#taskManagementContainer .fa-ellipsis-v {
    font-size: 14px;
    color: #979797;
}
#taskManagementContainer .other-details {
    color: #979797;
}
.ui-menu {
    z-index: 10000;
}
#taskManagementContainer button.active {
    background: #3B83F7;
    color: white;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    border: 1px solid #135fd7;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
.taskSubject {
    width: 99%;
}
#taskManagementContainer .mCustomScrollbar .mCSB_inside > .mCSB_container {
    margin-right: 13px;
}
.settingsPageDiv.content-area {
    margin-right: 0;
}
.settingsgroup,
.settingsgroup .panel-collapse {
    width: 230px;
}
.settingsgroup ul.list-group {
    list-style-type: none;
    font-size: 13px;
}
.panel>.panel-collapse>.list-group {
    padding: 0 0 10px 0;
}
.settingsgroup div.settingsgroup-accordion:hover a,
.settingsgroup div.settingsgroup-accordion a:link,
.settingsgroup div.settingsgroup-accordion a:active,
.settingsgroup li:hover a {
    color: #FFFFFF;
}
.settingsgroup div.panel-collapse {
    background-color: #2C3B49;
}
.settingsgroup-accordion {
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
}
.settingsgroup-accordion a {
    padding: 10px 20px;
    display: inline-block;
}
.settingsgroup-accordion a i {
    width: 15px;
}
.settingsgroup {
    background: #2C3B49;
    height: 100%;
}
.settingsgroup .panel-group .panel {
    background-color: #2C3B49;
}
.userDefaultIcon {
    font-size: 30px;
}
.settingsgroup ul li a {
    padding: 8px 8px 8px 50px;
    display: block;
    color: #FFFFFF;
}
.settingsIndexPage .settingsSummary {
    text-align: center;
    margin-top: 10px;
}
.settingsIndexPage .settingsSummary a {
    display: inline-block;
    background: #ffffff;
    color: #444444;
    border-radius: 2px;
    min-width: 200px;
    padding: 20px 0 10px;
    border: 1px solid #DDDDDD;
    color: rgba(0,0,0,0.54);
}
.settingsIndexPage .settingsSummary a .summaryText {
    display: inline-block;
    margin-top: 20px;
    font-size: 15px;
    text-transform: uppercase;
}
#settingsShortCutsContainer .well {
    padding: 10px;
    margin-left: 10px;
}
#settingsShortCutsContainer .hiden {
    display: none;
}
#settingsShortCutsContainer .close {
    border: none;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    opacity: .2;
}
#settingsShortCutsContainer .col-lg-3.moduleBlock:hover .unpin {
    display: inline-block;
    opacity: 0.4;
}
#settingsShortCutsContainer .moduleBlock:hover .unpin:hover {
    opacity: 0.8;
}
#settingsShortCutsContainer .contentsBackground {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
}
#settingsShortCutsContainer .moduleBlock:hover {
    background: #5ea9dd;
    color: #fff;
}
.companydetailsedit .company-logo-content {
    padding: 10px;
    border: 1px solid #DDDDDD;
}
.companydetailsedit .company-logo-content hr {
    margin: 10px 0;
}
.companydetailsedit .company-logo-content img {
    width: 100%;
}
.companyLogo img {
    max-width: 95%;
}
.editViewContainer {
    padding: 15px 0;
    padding-bottom: 60px;
}
.editbutton-container {
    padding-top: 5px;
    padding-bottom: 10px;
}
.treeView li {
    border-left: 4px solid #dddddd;
    list-style: none;
    padding-top: 15px;
}
.treeView li .toolbar-handle {
    margin-top: 10px;
    margin-left: 10px;
    position: relative;
}
.treeView li .toolbar-handle .btn {
    margin: 0px;
}
.treeView li .toolbar-handle a:before {
    background: none repeat scroll 0 0 #DDDDDD;
    content: " ";
    display: inline-block;
    height: 4px;
    left: -10px;
    position: absolute;
    top: 12px;
    width: 10px;
}
.treeView ul {
    margin-top: -16px;
}
.mini-slider-control {
    width: 50px;
}
.mini-slider-control + div {
    margin-left: 15px;
}
.mini-slider-control .ui-slider-handle {
    border: 0;
    border-radius: 50%;
    height: 13px;
    top: -1px;
    width: 13px;
    cursor: pointer;
}
.mini-slider-control .ui-slider-handle:focus {
    outline: none;
}
.ui-widget-content {
    border-radius: 2px;
    box-shadow: 0 0 3px -1px inset;
    margin-top: 2px;
    margin-left: 5px;
    height: auto;
    opacity: 1;
    border-color: #dddddd;
    box-shadow: none;
    cursor: not-allowed;
    height: 14px;
}
.ui-slider-disabled {
    opacity: 0.5;
    border-color: #dddddd;
    box-shadow: none;
    cursor: not-allowed;
}
.ui-slider-disabled .ui-slider-handle {
    cursor: not-allowed;
}
.ui-slider-disabled + div {
    opacity: 0.5;
    cursor: not-allowed;
}
.mini-slider-control[data-value="0"] .ui-slider-handle {
    background: #7d7e7d;
    background: -moz-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7d7e7d),color-stop(100%,#0e0e0e));
    background: -webkit-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
    background: -o-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
    background: -ms-linear-gradient(top,#7d7e7d 0%,#0e0e0e 100%);
    background: linear-gradient(to bottom,#7d7e7d 0%,#0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d',endColorstr='#0e0e0e',GradientType=0);
    margin-left: 0px;
}
.mini-slider-control[data-value="1"] .ui-slider-handle {
    background: #ffb76b;
    background: -moz-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffb76b),color-stop(0%,#ffa73d),color-stop(49%,#ff7c00),color-stop(100%,#ff7f04));
    background: -webkit-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
    background: -o-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
    background: -ms-linear-gradient(top,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
    background: linear-gradient(to bottom,#ffb76b 0%,#ffa73d 0%,#ff7c00 49%,#ff7f04 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b',endColorstr='#ff7f04',GradientType=0);
    margin-left: -6px;
}
.mini-slider-control[data-value="2"] .ui-slider-handle {
    background: #bfd255;
    background: -moz-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bfd255),color-stop(79%,#8eb92a),color-stop(100%,#72aa00),color-stop(100%,#9ecb2d));
    background: -webkit-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
    background: -o-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
    background: -ms-linear-gradient(top,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
    background: linear-gradient(to bottom,#bfd255 0%,#8eb92a 79%,#72aa00 100%,#9ecb2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255',endColorstr='#9ecb2d',GradientType=0);
    margin-left: -13px;
}
.ModulemanagerSettings .moduleblock .hiden {
    display: none;
}
.ModulemanagerSettings:hover .unpin {
    display: inline-block;
}
.ModulemanagerSettings .actions {
    opacity: 0;
    width: 80px;
}
.ModulemanagerSettings {
    width: 12px;
    background: #FFFFFF;
}
.ModulemanagerSettings:hover .actions {
    opacity: 1;
    background: #F3F3F4;
}
.ModulemanagerSettings .moduleName h5 {
    margin: 5px 0 5px 0;
}
.ModulemanagerSettings .moduleVersion {
    color: #999;
    font-style: italic;
    font-size: 12px;
}
#OutgoingMoretable td,
th {
    padding: 6px;
}
.cp-tabs .enabledModules {
    display: inline-block ! important;
    margin-left: 4px !important;
    margin-right: 4px !important;
    vertical-align: top;
}
.drag-portal-module {
    vertical-align: middle;
    cursor: pointer;
}
.addFieldsBlock {
    margin-top: 20px;
}
.portal-home-module {
    padding-left: 40px;
}
.portal-dashboard {
    border: 1px solid #F1C40F !important;
    border-left: 0px !important;
    min-height: 500px;
    padding-left: 15px;
}
.portal-dashboard > .hrHeader {
    margin-left: 18px;
    width: 94%;
}
.portal-annoucement-widget-container {
    border: 1px solid #D7D7D7;
}
.portal-annoucement-widget {
    background: #596875;
    color: #FFFFFF;
    min-height: 20px;
    padding: 5px;
}
.portal-chart-widget-container {
    border: 1px solid #D7D7D7;
}
.portal-annoucement-widget-container > .portal {
    min-height: 100px;
    padding: 10px;
}
.portal-chart-header {
    background: #596875;
    color: #FFFFFF;
    min-height: 20px;
    padding: 5px;
}
.portal-chart-content {
    min-height: 100px;
    padding: 10px;
}
.portal-record-widget-container {
    border: 1px solid #D7D7D7;
    margin-bottom: 10px;
}
.portal-record-widget-content {
    background: #596875;
    color: #FFFFFF;
    min-height: 10px;
    padding: 4px;
}
.portal-record-control-container {
    padding: 4px;
}
.portal-shortcuts-container {
    border: 1px solid #D7D7D7;
    width: 285px !important;
}
.portal-shortcuts-header {
    background: #596875;
    color: #FFFFFF;
    min-height: 20px;
    padding: 5px;
}
.portal-shortcuts-content {
    min-height: 80px;
    padding: 10px;
}
.portal-shortcut-list {
    margin-top: 10px;
}
.portal-helpdesk-widget-container {
    border: 1px solid #D7D7D7;
    margin-bottom: 10px;
    width: 285px !important;
}
.portal-helpdesk-widget-header {
    background: #596875;
    color: #FFFFFF;
    min-height: 20px;
    padding: 5px;
}
.portal-fields-container {
    margin: 15px;
}
.portal-fields-content {
    border-right: 1px solid #F1C40F !important;
    min-height: 500px;
}
.portal-slider-legend {
    margin-left: 5px;
    z-index: 0;
    width: 0%;
}
.FieldSet {
    margin: 20px;
    margin-left: 5px;
}
.portal-field-delete {
    margin-left: 45px !important;
}
.portalModuleRow {
    border-left: 4px solid #F1C40F !important;
}
.portalMenuHeader {
    border-bottom: 1px solid #F1C40F !important;
    border-right: 1px solid #F1C40F !important;
    font-size: 22px;
}
.portalModuleRow .active {
    border-top-right-radius: 10px;
}
.cp-mandatory::after {
    content: "*";
    color: red;
}
.nav-tabs .cp-modules > .active >a,
.nav-tabs .cp-modules > .active > a:hover {
    border: 0px !important;
    border-top-right-radius: 0px;
}
.nav-tabs > .active > .cp-modules {
    border: 0px ! important;
}
.cp-modules-home {
    border-right-width: 0px ! important;
    border-top-right-radius: 0px ! important;
    border-top-left-radius: 0px ! important;
}
.nav-tabs > .active > .cp-modules-home {
    border-right-width: 0px ! important;
    border-top-right-radius: 0px ! important;
    border-top-left-radius: 0px ! important;
}
.cp-nav-header-wrapper {
    margin-bottom: 0px;
    border-right-width: 0px ! important;
}
#dashboardContent {
    margin-bottom: 15px;
    margin-top: 8px;
    margin-left: 15px;
    margin-right: 15px;
}
.bgColor {
    background-color: #ddd;
}
.quickPreview {
    position: absolute;
    width: 100%;
    height: 100%;
}
.quick-preview-modal,
.quick-preview-modal .modal-body {
    height: 100%;
    padding-bottom: 5px;
    padding-right: 0;
    padding-left: 8px;
    padding-right: 0px;
}
.quick-preview-modal .modal-body .recordBasicInfo {
    width: 100%;
}
.quick-preview-modal .modal-body .recordBasicInfo > .info-row h4 {
    margin: 0;
    line-height: 21px;
}
.quick-preview-modal .modal-body .recordBasicInfo > .info-row .recordLabel {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.quick-preview-modal .quickPreviewActions {
    padding: 10px 0px 15px 0px;
}
#quickPreviewHeader .title {
    background: #f5f5f5;
    padding: 6px 10px;
    margin: 5px 0;
    font-size: 15px;
    color: #000000;
}
.overlayDetailHeader {
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.quickPreviewModuleHeader {
    padding-right: 6px;
}
.quickPreviewModuleHeader .qp-heading > div {
    width: 100%;
}
.quickPreviewSummary {
    margin-bottom: 10px;
}
.quickPreviewSummary .summaryViewEntries .fieldLabel,
.quickPreviewSummary .summaryViewEntries .fieldValue {
    padding-bottom: 4px;
    white-space: nowrap;
}
.quickPreviewSummary .summaryViewEntries .fieldLabel label {
    display: block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.quickPreviewSummary .summaryViewEntries .fieldValue .value {
    width: 80%;
}
.quickPreview .updates_timeline > li .update_time {
    display: inline-block;
    text-align: center;
    padding-right: 0;
}
.quickPreview .updates_timeline > li .update_time small {
    font-size: 79%;
    display: inline-block;
    width: 40px;
    margin-top: 1px;
    line-height: 12px;
}
.quickPreviewActions .btn-group .btn-success {
    font-size: 12px;
    /*color: white;*/
    padding: 2px 6px;
}
.quickPreview .updates_timeline > li .update_info {
    font-size: 12px;
    margin: 0 0 -40px 24%;
    padding: 2% 3%;
}
.quickPreview .updates_timeline > li .update_info > h5 {
    margin-left: 0;
    font-size: 110%;
    margin-top: 15px;
}
.updates_timeline > li .update_info h5 {
    font-family: 'Roboto-Semibold', sans-serif;
}
.updates_timeline > li .update_info h5 .field-name {
    color: #2b879e;
}
.updates_timeline > li .update_info > .updateInfoContainer .update-from,
.updates_timeline > li .update_info > .updateInfoContainer .update-to {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.updates_timeline > li .update_info > .updateInfoContainer {
    margin-left: 15px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.updates_timeline > li .update_info > .updateInfoContainer .field-name {
    color: #2b879e;
}
.updates_timeline > li .update_info > .updateInfoContainer .update-name {
    font-family: 'Roboto-Semibold', sans-serif;
    margin-bottom: 2px;
}
.updates_timeline > li .update_info > .updateInfoContainer em {
    color: black;
}
.quickPreview .updates_timeline {
    list-style: outside none none;
    margin: 25px 0 25px;
    padding: 0;
    position: relative;
}
.quickPreview .updates_timeline > li .update_icon {
    display: inline-block;
}
.quickPreview .updates_timeline:before {
    background: #e6e6e6;
    width: 2px;
    margin-left: -1%;
}
.summaryWidgetContainer p,
.commentsList p,
.recentComments .noCommentsMsgContainer p {
    margin-bottom: 0;
}
.quickPreviewComments .recentComments .commentDetails {
    margin-bottom: 25px;
}
.quickPreviewComments .recentComments .commentDetails .comment {
    line-height: 15px;
}
.quickPreviewComments  .summaryWidgetContainer {
    border: 0;
    padding: 0;
}
.quickPreview .recentActivitiesContainer .history {
    padding: 0;
}
.calendar-sidebar {
    width: 100% !important;
}
.calendar-navigator {
    margin-top: 0px !important;
}
.calendarview {
    width: 100%;
}
.calendar-sidebar-tabs {
    font-size: 14px;
    color: #BDBDBD;
}
.calendar-sidebar-tabs .active-link {
    color: white;
}
.activitytypes .activitytype-indicator {
    padding: 5%;
    margin: 8px;
    font-size: 80%;
    min-height: 35px;
    word-wrap: break-word;
}
.calendar-sidebar-tabs .sidebar-widget-header a {
    color: #BDBDBD;
}
.calendar-sidebar-tabs .sidebar-widget-header i.widget-state-indicator {
    width: 7%;
}
.calendar-sidebar-tabs .sidebar-widget-header i.add-calendar-feed {
    margin-top: 1%;
    float: right;
}
.calendar-sidebar-tabs hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #BDBDBD;
}
.calendar-sidebar-tab .fa-chevron-down {
    color: white;
}
.calendar-sidebar-tabs .sidebar-widget-contents .feedslist {
    list-style: none;
}
.activitytypes .activitytype-indicator .activitytype-actions i {
    font-size: 14px !important;
}
.activitytypes .activitytype-indicator .activitytype-actions input[type="checkbox"] {
    margin-bottom: -1px;
}
.activitytypes .activitytype-indicator .userName {
    max-width: 110px;
    display: inline-block;
}
.addCalendarEventModal {
    width: 35%;
}
.addCalendarEventModal .input {
    width: 100%;
}
.calendarview .agendaListView {
    padding: 1% 0;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 550px;
}
.calendarview .agendaListView .agendaListDay {
    padding: 1%;
    width: 98%;
}
.calendarview .agendaListView .agendaListDay hr {
    border-top: 3px solid #424242;
    margin-top: 7px;
    margin-bottom: 10px;
}
.calendarview .agendaListView .agendaListDay .agendaListViewHeader {
    font-size: 160%;
    color: #607D8B;
}
.calendarview .agendaListView .agendaListDay .agendaListViewHeader .day {
    display: inline-block;
    width: 70%;
    float: left;
}
.calendarview .agendaListView .agendaListDay .agendaListViewHeader .weekDay {
    float: right;
}
.calendarview .agendaListView .agendaListDay .agendaListViewBody {
    color: #757575;
}
.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-wrapper {
    font-size: 120%;
    padding: 1%;
    border-bottom-width: thin;
    border-bottom-style: ridge;
}
.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-info {
    display: table;
    width: 100%;
}
.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-time {
    display: table-cell;
    width: 15%;
}
.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-title {
    display: table-cell;
    width: 56%;
}
.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-status {
    display: table-cell;
    width: 10%;
}
.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-actions {
    display: table-cell;
    text-align: right;
    width: 10%;
}
.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-more-details {
    display: table-cell;
    width: 5%;
    text-align: center;
}
.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-more-details i {
    vertical-align: middle;
}
.calendarview .agendaListView .agendaListDay .agendaListViewBody .agenda-event-wrapper .agenda-event-details {
    display: table;
    width: 100%;
}
.calendarview .agenda-table {
    display: table;
}
.calendarview .agenda-table-row {
    display: table-row;
}
.agenda-details {
    display: block;
    margin-left: 22%;
    padding: 2px;
}
.calendarview .agenda-table-cell {
    display: table-cell;
}
.calendarview .agenda-event-wrapper .agenda-event-details .details {
    padding: 1% 0;
    width: 100%;
}
.calendarview .agenda-event-wrapper .agenda-event-details .detailLabel {
    width: 15%;
    display: inline-block;
}
.calendarview .agenda-event-wrapper .agenda-event-details .separator {
    width: 5%;
    display: inline-block;
    text-align: center;
}
.dragdrop-dotted {
    border: 2px dashed #C0C0C0;
    min-width: 100%;
    width: 100%;
    color: #C0C0C0;
    text-align: center;
    vertical-align: middle;
    padding-top: 2%;
    margin-bottom: 10px;
    height: 150px;
}
.dragdrop-solid {
    border-style: solid;
}
.selectedFile {
    background-color: #A9CBF5;
    font-weight: bold;
}
.selectedFolder {
    background-color: #A9CBF5;
    font-weight: bold;
}
.fileUploadBtn {
    position: relative;
    overflow: hidden;
}
.fileUploadBtn input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
}
tr.folder,
tr.file {
    font-size: 130%;
}
tr.folder > td.fileTitleData,
tr.file > td.fileTitleData {
    word-break: break-all;
    width: 350px;
    white-space: pre-wrap;
}
tr.folder > td.fileSizeData,
tr.file > td.fileSizeData {
    font-size: 11px;
}
tr.folder > td.fileOwnerData,
tr.file > td.fileOwnerData {
    font-size: 11px;
    word-break: break-all;
    width: 100px;
    white-space: pre-wrap;
}
.engagementsContainer .engagements_content {
    padding-top: 15px;
}
.summaryWidgetContainer .engagementsContainer table {
    width: inherit;
}
.engagements_content table thead>tr:first-child {
    border: 1px solid #CCC;
    background-color: #F5F5F5;
}
.engagements_content table th {
    color: black;
}
.engagementsSummary .summaryContent {
    display: inline-block;
    border-radius: 2px;
    height: 185px;
    width: 185px;
    padding: 10px 15px 10px;
    margin: 0px 8px 8px 0px;
    border: 1px solid #DDDDDD;
    position: relative;
}
.engagementsSummary {
    padding-top: 10px;
    padding-bottom: 10px;
}
.engagementsSummary .backgroupImage {
    position: absolute;
    opacity: 0.05;
    font-size: 100px;
    left: 75px;
    top: 65px;
}
.summaryWidgetContainer .engagementsSummary .summaryContent {
    height: 130px;
    width: 140px;
}
.summaryWidgetContainer .engagementsContainer .detailview-table {
    table-layout: auto;
}
.summaryWidgetContainer .engagementsSummary .backgroupImage {
    font-size: 60px;
    left: 70px;
    opacity: 0.03;
}
.engagementsContainer .summary.selected .count {
    font-weight: bold;
    color: #8e44ad;
    font-size: 15px;
}
.engagement_contentempty {
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 1% 0;
}
.mailroomBanner {
    margin: 23px 0;
    height: 215px;
}
.mailroomBlock .mailroomBanner {
    width: 600px;
    height: auto;
}
.relativePosition {
    position: relative;
}
.forwardingEmailBlock {
    margin-top: 15px;
    border: 1px solid #dddddd;
    width: 391px;
    padding: 16px;
    font-size: 1.5em;
    position: relative;
}
.mailboxArrowPointer {
    display: inline-block;
    position: absolute;
    width: 300px;
    top: 15px;
    left: 392px;
}
.mailroom-address-block {
    display: inline-block;
    margin: 0 auto;
    position: relative;
}
.height75px {
    height: 75px;
}
.mailboxArrowLabel {
    color: red;
    display: inline-block;
    margin-right: -5px;
    font-size: 1.2em;
    vertical-align: top;
}
.displayInlineBlock {
    display: inline-block;
}
.fontSize1_1em {
    font-size: 1.1em;
}
.marginTop10px {
    margin-top: 10px;
}
.mailroomSelectedButton.disabled,
.mailroomSelectedButton.disabled:hover {
    background: #a9cbf5;
    border: 1px solid #4d94eb;
}
.conditionBlock {
    border: 1px solid #ddd;
    padding: 20px 20px 0 20px;
}
.marginTop15px {
    margin-top: 15px;
}
.padding30px {
    padding: 30px;
}
.paddingRight30px {
    padding-right: 30px;
}
.mailroomHeaderAlign {
    padding: 20px 25px;
}
.mailroomModal {
    width: 80%;
    left: 50%;
    margin-left: -40%;
    font-size: 12px;
}
.textAreaWidth66Per {
    width: 66.3%;
}
.marginTop7px {
    margin-top: 7px;
}
.marginLeft10px {
    margin-left: 10px;
}
.marginTop55px {
    margin-top: 55px;
}
.height450px {
    height: 450px;
}
.height100Per {
    height: 100%;
}
.fontSize10pt {
    font-size: 10pt;
}
.marginTop5px {
    margin-top: 5px;
}
.marginTop10Per {
    margin-top: 10% !important;
}
.operatorSelectField {
    min-width: 220px;
    float: left;
}
#notification_center {
    width: 400px;
    min-height: 90vh;
}
#notification_types .nav-tabs > li > a:hover,
#notification_types .nav-tabs > li > a:focus {
    color: orange !important;
    background: none !important;
    border: 1px solid transparent !important;
    cursor: pointer;
}
#notification_types .nav-tabs > li.active > a {
    background: none !important;
    border: none !important;
    color: orange !important;
}
#notification_types .nav-tabs > li.active > a > i.fa {
    color: orange !important;
}
.numberSquare {
    background: none repeat scroll 0 0 red;
    color: white;
    margin-left: -3px;
    padding: 1px 3px 1px 2px;
    vertical-align: super;
    font-size: 90%;
}
#notification_types .fa {
    font-size: 24px;
    color: gray;
}
#notification_types .fa:hover {
    color: orange;
}
#notification_center .fa-times-circle {
    cursor: pointer;
}
.mentionMessages .recordImage .name {
    margin: 0 auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.mentionMessages .recordImage .name span {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-shadow: 1px 0 2px #999;
}
.mentionMessages .recordImage {
    background: none repeat scroll 0 0 orange;
    border: 1px solid #ccc;
    width: 40px;
    height: 40px;
}
.mention_followup .recordImage .name {
    margin: 0 auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.mention_followup .recordImage .name span {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-shadow: 1px 0 2px #999;
}
.mention_followup .recordImage {
    background: none repeat scroll 0 0 orange;
    border: 1px solid #ccc;
    width: 40px;
    height: 40px;
    margin-left: 15px;
    margin-right: 55px;
}
.mentionMessageHeader li a {
    color: white;
    padding: 5px !important;
    padding-left: 15px;
    font-size: 11px;
}
.mentionMessageHeader .nav-tabs > li.active > a,
.mentionMessages .nav-tabs > li.active > a:focus,
.mentionMessages .nav > li > a:focus {
    background: purple !important;
    border: solid 1px purple;
    color: white;
    outline-style: none !important;
}
.mentionMessageHeader .nav-tabs > li {
    padding: 5px 10px;
}
.mentionMessageHeader .nav > li > a.mention_dismiss {
    background-color: transparent !important;
    border: transparent !important;
}
.mentionMessages .row {
    margin-left: 0;
}
.mentionMessages .mention_follow_up {
    background-color: green;
}
.modelContainer .modal-content {
    margin-top: -1px;
}
.modal-content .mention_followup .row {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}
.n_button,
.n_button:hover,
.n_button:focus {
    background-color: purple;
    color: white;
    cursor: pointer;
}
.smart_reminder_message,
.mention_message,
.mention_comment {
    color: lightgray;
}
.n_cancel {
    font-size: 16px;
}
.n_icon {
    font-size: 28px;
    position: relative;
    top: 18px;
    background: orange;
    padding: 5px;
}
.whiteContainer {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 20px;
}
.n_label_checkbox label {
    margin-right: 20px;
    font-weight: normal;
}
.n_label_checkbox input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
form[name="notification_settings"] .select2-choice {
    height: 28px;
    border-radius: 0px;
}
.smartReminderMessageHeader li a {
    color: white;
    padding: 5px !important;
    font-size: 11px;
}
.smartReminderMessageHeader .nav-tabs > li.active > a,
.smartReminderMessages .nav-tabs > li.active > a:focus,
.smartReminderMessages .nav > li > a:focus {
    background: purple !important;
    border: solid 1px purple;
    color: white;
    outline-style: none !important;
}
.smartReminderMessageHeader .nav-tabs > li > a:hover {
    color: white;
    background-color: transparent;
    border: solid 1px transparent;
}
.smartReminderMessageHeader .nav > li > a.smartreminder_dismiss {
    background-color: transparent !important;
    border: transparent !important;
}
.ruleCondition {
    width: 35px;
    height: 24px;
    padding-left: 10px;
    border: 1px solid #ccc;
}
.notification_settings a,
.notification_settings a:hover,
.notification_settings a:visited,
.notification_settings a:active {
    color: black;
}
.mentionMessages .recordImage .name {
    margin: 0 auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.mentionMessages .recordImage .name span {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-shadow: 1px 0 2px #999;
}
.mentionMessages .recordImage {
    background: none repeat scroll 0 0 orange;
    border: 1px solid #ccc;
    width: 40px;
    height: 40px;
}
.mention_followup .recordImage .name {
    margin: 0 auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.mention_followup .recordImage .name span {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-shadow: 1px 0 2px #999;
}
.mention_followup .recordImage {
    background: none repeat scroll 0 0 orange;
    border: 1px solid #ccc;
    width: 40px;
    height: 40px;
    margin-left: 15px;
    margin-right: 55px;
}
.mentionMessageHeader li a {
    color: white;
    padding: 5px !important;
    padding-left: 15px;
    font-size: 11px;
}
.mentionMessageHeader .nav-tabs > li.active > a,
.mentionMessages .nav-tabs > li.active > a:focus,
.mentionMessages .nav > li > a:focus {
    background: purple !important;
    border: solid 1px purple;
    color: white;
    outline-style: none !important;
}
.mentionMessageHeader .nav-tabs > li {
    padding: 5px 10px;
}
.mentionMessageHeader .nav > li > a.mention_dismiss {
    background-color: transparent !important;
    border: transparent !important;
}
.mentionMessages .row {
    margin-left: 0;
}
.mentionMessages .mention_follow_up {
    background-color: green;
}
.modal-content .mention_followup .row {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}
.CalendarMessageHeader .nav > li > a.calendar_dismiss {
    background-color: transparent !important;
    border: transparent !important;
}
.CalendarMessageHeader .nav > li:hover > a {
    border: 0;
    background: none !important;
    color: #333333;
}
#notification_center .more {
    margin-right: 35px;
    margin-bottom: 30px;
}
#notification_center .btn-success {
    font-size: 12px;
    color: white;
    padding: 3px 8px;
}
.mentionMessageHeader .MultiFile-title {
    color: #FFFFFF;
}
.mentionMessageHeader .MultiFile-remove {
    color: #FFFFFF;
}
.detailview-header {
    margin-bottom: 10px;
}
.tagContainer .tag-contents {
    display: inline-block;
    border-right: 1px solid #DDDDDD;
    padding-right: 8px;
}
.tagContainer #addTagContainer {
    display: inline-block;
}
.moreTags {
    margin: 0px 10px;
    text-decoration: underline !important;
    color: #3498DB;
}
.tag {
    display: inline-block;
    border: 1px solid #5ea9dd;
    background-color: #5ea9dd;
    width: auto;
    color: #FFFFFF;
    padding: 0px 3px 1px;
    margin: 0px 2px;
    border-radius: 2px 0px 0px 2px;
}
.tag[data-type="public"] {
    background-color: #3cb878;
    border-color: #3cb878;
}
.tag .tagLabel {
    margin-right: 8px;
    margin-left: 5px;
    max-width: 80px;
    vertical-align: bottom;
}
.tag i {
    color: #FFFFFF;
}
.tag i.deleteTag {
    margin-right: 5px;
}
.tag i.activeToggleIcon {
    font-size: 9px;
}
.tag.active {
    background-color: #FFFFFF;
    border-color: black;
    color: black;
}
.tag.active i {
    color: black;
}
.tag .editTag {
    opacity: 0;
}
.tag:hover .editTag {
    opacity: 1;
}
.multiLevelTagList .tag {
    margin-bottom: 5px;
}
.detailViewContainer .tag,
#listViewTagContainer .tag {
    cursor: pointer;
}
#addTagContainer .dropdown-menu {
    padding: 5px 0px 0px 0px;
}
#addTagContainer .modal-footer {
    padding: 5px;
}
#addTagContainer .createTagContainer ul.list-group {
    margin-top: 5px;
    margin-bottom: 0px;
}
#addTagContainer .createTagContainer hr {
    margin: 10px 0px;
}
#addTagContainer .createTagContainer li.tag-item {
    margin-bottom: 5px;
}
.detailShowAllModal .selectTagContainerborder {
    border-left: 3px solid #DDDDDD;
}
.detailShowAllModal .currentTag {
    height: 100px;
    max-height: 100px;
    overflow: hidden;
}
.editTagContainer .editTagContents {
    padding: 8px;
}
.editTagContainer .editTagContents input[type="text"] {
    width: 100%;
    border: 1px solid #dcdcdc;
}
#s2id_memberList li > div,
.groupMembersColors li > div {
    margin-left: 10px;
}
.groupMembersColors li {
    text-shadow: 1px 0px 2px #FFFFFF;
}
#s2id_memberList .Users,
.groupMembersColors .Users {
    background-color: #F99984 !important;
    padding: 5px;
    margin-bottom: 2px;
    background-image: none;
}
#s2id_memberList .Groups,
.groupMembersColors .Groups {
    background-color: #ACD5FF !important;
    background-image: none;
    padding: 5px;
    margin-bottom: 2px;
}
#s2id_memberList .Roles,
.groupMembersColors .Roles {
    background-color: #FFEC98 !important;
    background-image: none;
    padding: 5px;
    margin-bottom: 2px;
}
#s2id_memberList .RoleAndSubordinates,
.groupMembersColors .RoleAndSubordinates {
    background-color: #C4DEA2 !important;
    background-image: none;
    padding: 5px;
    margin-bottom: 2px;
}
.liStyleNone {
    list-style: none outside none;
    padding-left: 0;
}
.collectiveGroupMembers {
    border: 1px solid #DDDDDD;
    border-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 0.5em;
}
.collectiveGroupMembers ul {
    padding: 0px;
    margin: 0px;
}
.collectiveGroupMembers ul li {
    padding: 4px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}
.collectiveGroupMembers ul li a {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    width: 100%;
    margin: 0px;
}
.collectiveGroupMembers ul li.groupLabel {
    background-color: #F3F3F4;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    padding: 10px 5px;
    margin: 0px;
    color: #444444;
}
.pickListValue {
    background-color: #FFFFFF;
}
.pickListValue .picklistActions {
    opacity: 0;
}
.pickListValue:hover .picklistActions {
    opacity: 1;
}
.picklist-color {
    display: inline-block;
    padding: 2px 1px !important;
    line-height: 15px;
}

.listViewEntryValue .value {
    max-width: 100%;
}
.listViewEntryValue .value .picklist-color {
    width: 100%;
    text-align: center;
    padding: 3px 8px !important;
    border-radius: 3px;
}


.dashboardWidgetHeader
{    background: #eee;
     padding: 10px;
     border-bottom:1px solid #ddd;
     margin-bottom:10px;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;}


.dashboardWidgetHeader .title {
    margin-bottom: 10px;color:#666;
}
.dashboardWidgetHeader:hover {
    cursor: move;
}

.dashboardWidgetContent {padding:10px;}
.dashBoardContainer .tabContainer {
    margin-top: 10px;
}
.dashBoardContainer .tabContainer ul {
    margin: 0 auto;
}
.dashBoardContainer .tabContainer .nav {
    font-size: 15px;
    background-color: #F0F0F0;
}
.dashBoardContainer .tabContainer .tab-content {
    margin-top: 10px;
}
.dashBoardContainer .dashBoardTabContents ul {
    margin: 0;
}
.dashBoardContainer .dashBoardTabContents ul li {
    border: 1px solid #ccc;
    list-style: none;
    padding: 0px;
    position: absolute;    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.dashBoardContainer .dashBoardTabContents ul li:hover {}

.dashboardWidgetContent .entryIcon {
    position: relative;
    top: 5px;
    padding-right: 10px;
}
.dashBoardWidgetFooter {
    position: absolute;
    left: 0;
    top: 12px;
    width: 100%;
    height: 30px;
    background: transparent;
    font-size: 14px;
}
.dashBoardWidgetFooter .footerIcons {
    padding-right: 10px;
    color: #909090;font-size:16px;
}
.dashBoardWidgetFooter .filterContainer {
    position: absolute;
    padding: 10px 7px;
    display: none;
    height: auto;
    width: 100%;
    background: white;
    border: 1px solid #CCCCCC;
    bottom: 30px;
    font-size: 11px;
}
.dashBoardWidgetFooter .filterContainer .radio-group input {
    vertical-align: middle;
    margin-top: -1px;
}
.importview-content,
.customview-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 320px);
    padding-right: 10px;
}
.dashboardWidgetHeader .userList .select2 {
    width: 100% !important;
}
.dashBoardContainer .tabContainer li a .deleteTab {
    margin-left: 10px;
    display: inline-block;
    opacity: 0.2;color: red;
}
.dashBoardContainer .tabContainer li a .moveTab {
    margin-left: 10px;
    display: inline-block;
    opacity: 0.5;
}
.dashBoardContainer .tabContainer .sortable button {
    margin-top: 10px;
}
.dashBoardContainer .tabContainer li a:hover .deleteTab {
    display: inline-block;
    opacity: 1;
}
.dashBoardContainer .tabContainer li a  .deleteTab:hover {
    cursor: pointer;
}
#minilistWizardContainer .fieldLabel {
    position: relative;
    top: 8px;
}

.muted {
    color: #6f6f6f;
}
.dashBoardContainer .entryIcon {
    font-size: 120%;    margin-right: 5px;
}
.dashBoardContainer .addDashboardTab {
    padding-bottom: 3px;
}
.dashBoardContainer .addDashboardTab i {
    vertical-align: middle;
}
.moreSettings {
    padding-right: 18px;
}
.dashBoardContainer .dashboard_notebookWidget_viewarea {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    min-height: 150px;
}
.dashBoardContainer .dashboard_notebookWidget_textarea {
    min-height: 200px;
    background-color: #ffffdd;
    resize: none;
    width: 100%;
}
#dependencyGraph .tableHeading {
    text-align: center;
    padding-top: 30px;
    font-size: 1.2em;
    font-weight: bold;
}
#dependencyGraph .depandencyTable .blockHeader {
    background: #F3F3F3;
}
#dependencyGraph .dependencyMapping {
    text-align: center;
    background: #FFFFFF;
}
#dependencyGraph .dependencyMapping .mCSB_container {
    margin-bottom: 16px !important;
}
#dependencyGraph .dependencyMapping .pickListDependencyTable {
    border: 0;
}
#dependencyGraph .dependencyMapping .pickListDependencyTable .blockHeader th {
    background: #F3F3F3;
}
#dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
    background: #a9cbf5;
}
.select2-container .select2-choice {
    height: 29px;
    border-radius: 1px;
}
.modal {
    background: rgba(0,0,0,0.5);
    z-index: 1100;
}
.modal .modal-backdrop {
    opacity: 0;
    margin-right: 40px;
}

.modal .modal-content {
    /*margin: 30px 0;*/
}

body.modal-open {
    /*overflow: hidden !important;*/
    overflow: visible !important;
}

body.modal-open::-webkit-scrollbar {
  display: none;
}

.select2-container .select2-choice {
    height: 28px;
}
.vt-default-callout {
    padding: 10px 20px 20px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.vt-default-callout.tagInfoblock {
    padding: 0px 13px 16px;
}
.holidays-container-header {
    background: #fbfbfb;
    border: 1px solid #ddd;
    padding: 10px 15px 25px;
}
.holidays-container-content {
    border: 1px solid #ddd;
    border-top-width: 0;
    padding: 5px 0;
}
.vt-info-callout .vt-callout-header {
    color: #2b9cbd;
}
.companydetailsedit .company-logo-content {
    padding: 10px;
    border: 1px solid #DDDDDD;
}
.companydetailsedit .company-logo-content hr {
    margin: 10px 0;
}
.vt-info-callout {
    border-left-color: #2b9cbd;
}
hr {
    margin: 10px 0;
}
.alert-mini {
    padding: 3px 5px;
    font-size: 10px;
    display: inline-block;
    margin-bottom: 0;
}
.blockHeader h4 {
    margin: 10px 0;
}
.blockHeader .btn-group {
    margin-top: 4px;
}
.input-info-addon {
    display: inline-block;
    margin: 1px 10px;
    vertical-align: top;
}
.input-select-addon {
    background: none;
    border: 0;
}
.editViewBody .editViewContents {
    max-height: 100%;
    padding-bottom: 50px;
}
.help-inline {
    padding: 5px;
    display: inline-block;
    border: 1px solid #ddd;
    background: #f3f3f3;
    margin-left: -15px;
    float: left;
}
.listViewEntriesCheckBox,
.input-group input[type="checkbox"] {
    vertical-align: middle;
}
.overlayPageContent .modal-overlay-footer {
    margin: 0;
}
.full-width .modal-overlay-footer {
    margin-left: 0 !important;
}
.modal-overlay-footer {
    position: fixed;
    bottom: 0;
    background: #EFEFEF;
    /*border-left: 42px solid #2c3b49;*/
    height: 60px;
    left: 0;
    right: 0;
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    z-index: 6;
}
.modal-footer-overwrite-style {
    position: initial;
    margin-left: 0px !important;
}
.ui-slider .ui-slider-handle {
    z-index: 0;
}
.settingsPageDiv .modal-overlay-footer {
    margin-left: 230px;
    border-left: 0px solid;
}
.settingsOverlayContainer .modal-overlay-footer {
    margin: 0;
    border-top: 1px solid #e5e5e5;
}
#mass_action_add_comment textarea {
    max-width: 100%;
}
.smsTextArea {
    width: 80%;
    height: 60px;
    max-width: 100%;
}
.emailDescription {
    overflow: auto;
    width: 100%;
    height: 600px;
}
#conditionContainer .glyphicon-trash {
    vertical-align: middle;
    margin-top: 6px;
}
.list-menu-content .pull-right>.dropdown-menu {
    left: -126px;
    position: relative;
}
.dropdown-menu>li>a {
    padding: 6px 6px;
}
.dropdown-menu>li>a span i {
    font-size: 15px;
    vertical-align: middle;
}
.related-tabs .dropdown-menu {
    /*max-height: 300px;*/
    padding-left: 0;
}
.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container {
    margin-right: 0;
    padding: 4px 6px;
}
.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container>li>a {
    display: block;
    padding: 3px 5px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.related-tabs .dropdown-menu>.mCustomScrollBox>.mCSB_container span i {
    font-size: 15px;
    vertical-align: middle;
}
.dropdown-menu > li.dropdown-header {
    padding: 4px 6px;
}
.panel-collapse ul li a:hover {
    background: #596875;
    opacity: 1;
}
.panel-collapse ul li a:hover a {
    opacity: 1;
}
.panel-collapse ul li a.settingsgroup-menu-color {
    background-color: #010101;
}
.calendar-sidebar-tab {
    padding: 10px;
}
.calendar-sidebar .calendar-sidebar-tabs.padding {
    padding-left: 20px !important;
}
.related-tabs.row .nav>li {
    /*padding: 0 4px;*/
    margin: 0 2px;
}
.massEditTabs.nav>li {
    padding: 0 10px;
    margin: 0 4px;
}
.row .nav>li>a,
.row .nav>li>a:hover {
    padding: 10px 3px;
    border: none;
    vertical-align: bottom;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    min-width: 35px;
}
.row .nav>li>a:hover {
    border-bottom-color: #555;
}
TN-34230

.row .nav>li>a:hover {
    border-bottom-color: #555;
    background: none;
}
.row ul li:first-child {
    margin-left: 0;
}
.related-tabs .nav-tabs>li.active,
.related-tabs .nav-tabs>li:hover,
.related-tabs .nav-tabs>li.active:focus,
.dashBoardContainer .nav-tabs>li.active,
.dashBoardContainer .nav-tabs>li:hover,
.dashBoardContainer .nav-tabs>li.active:focus,
.contents.tabbable .nav-tabs>li.active,
.contents.tabbable .nav-tabs>li:hover,
.contents.tabbable .nav-tabs>li.active:focus {
    border: none;
    border-bottom: 3px solid #555;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li>a {
    border: 0;background:transparent;
}
.nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent;
}
.fa-pencil,
.fa-times {
    cursor: pointer;
}
.commentAttachmentName {
    font-size: 11px;
}
.marginBottom10px {
    margin-bottom: 10px;
}
.border1px {
    border: 1px solid #DDDDDD;
}
.padding10 {
    padding: 10px;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}
.marginLeftZero {
    margin-left: 0 !important;
}
.paddingLeftZero {
    padding-left: 0 !important;
}
.zeroOpacity {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.alignMiddle {
    vertical-align: middle;
}
.layoutContent li.dummyRow {
    border: 1px dotted #DDDDDD;
    min-height: 116px;
    height: auto;
}
.layoutContent li.dummyRow .dragUiText {
    font-size: 20px;
    opacity: 0.3;
    padding-top: 7%;
    padding-left: 15%;
}
.fieldProperties .disabled {
    opacity: 0.3;
}
.layoutContent .actions {
    opacity: 0;
}
.layoutContent .opacity:hover .actions {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=100);
}
.layoutContent .fieldPropertyContainer:hover .actions {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=100);
}
#addRelationContainer .relationImages a:hover,
#addRelationContainer .relationImages a:focus {
    color: black;
}
#addRelationContainer .relationImages img {
    border: 5px solid transparent;
}
#addRelationContainer .relationImages img.selected,
#addRelationContainer .relationImages img:hover {
    border: 5px solid #DDDDDD;
}
#addRelationContainer .relationImages h5 {
    margin-left: 20px;
    margin-top: -20px;
}
.layoutContent .addButton,
.relatedTabModulesList .addButton {
    border-radius: 2px;
    border: 1px solid #DDDDDD;
    color: #666666;
    background: #FFFFFF;
}
.layoutContent .addButton:hover,
.layoutContent .addButton:focus,
.layoutContent .addButton:active,
.relatedTabModulesList .addButton:hover,
.relatedTabModulesList .addButton:focus,
.relatedTabModulesList .addButton:active {
    background-color: #f9f9f9;
    border: 1px solid #CCCCCC;
}
.layoutContent .blockFieldsList ul {
    list-style-type: none;
    float: left;
    min-height: 1px;
    padding: 2px;
    margin-left: 4%;
    margin-top: 1%;
    width: 44%;
}
.layoutContent .blockFieldsList {
    padding: 5px;
    min-height: 27px;
}
.layoutContent .editFields {
    min-height: 116px;
    height: auto;
    border-right: 1px solid #DDDDDD;
}
.layoutContent .fieldLabelContainer {
    padding-top: 15px;
    margin-right: 6px;
    text-align: right;
}
.cursorPointerNotAllowed {
    cursor: not-allowed;
}
.layoutContent .fieldProperties .switch:hover {
    opacity: 1;
}
.relatedTabModulesList .relationListInfo {
    border: 1px solid #DDDDDD;
    border-left: 3px solid #6565D9;
}
.relatedTabModulesList .relatedListInfoHeader {
    color: #6565D9;
}
.cursorPointerMove {
    cursor: move;
}
.relatedListContainer .ONE_TO_ONE {
    width: 300px;
    padding: 5px;
    padding-left: 14px;
}
.relatedListContainer .referenceModule,
.relatedListContainer .relatedModulesList .moduletranslatedLabel {
    font-size: 10px;
    color: green;
    font-weight: bold;
    opacity: 0.6;
}
.relatedListContainer .ONE_TO_MANY {
    width: 300px;
    padding: 5px;
    height: 70px;
}
.form-horizontal .inActiveList span {
    vertical-align: top;
    margin-left: 5px;
    word-break: break-all;
}
#TaxCalculationsContainer .table tr:first-child,
.taxModalContainer #editTax .table tr:first-child {
    border-bottom: 1px solid #ccc;
    background: #F5F5F5;
}

#TaxCalculationsContainer #inventory .inventory-item {
    margin: 10px 0;
}

#TaxCalculationsContainer #inventory label {
    width: 150px;
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 0;
}

#TaxCalculationsContainer #inventory .select2 {
    min-width: 240px;
}

.taxModalContainer #editTax .inputEle,
.taxRegionContainer #editTaxRegion .inputEle,
.chargeModalContainer #editCharge .inputEle {
    min-height: 30px;
    min-width: 180px;
}
.taxModalContainer #editTax .block,
.chargeModalContainer #editCharge .block {
    padding-bottom: 20px;
}
.importMappingTableHeader {
    background: #F0F0F0;
    border: 1px solid #F5F5F5;
    color: black;
}
.importResultsTable tr {
    border: 1px solid #F5F5F5;
    background: #FFFFFF;
}
.fieldIdentifier {
    border: 1px solid #F5F5F5;
    color: #999999;
}
.importMappingTable thead tr th {
    font-weight: lighter;
    font-size: 16px;
}
.landingPage {
    min-height: 600px;
}
.import-details-container {
    max-height: 500px;
    overflow-y: auto;
}
#workflow_edit .editViewBody {
    overflow: inherit;
}
.workflowListContainer .listview-table > tbody > tr > td {
    vertical-align: top;
    padding: 6px;
}
.timePicker {
    width: 9.5em !important;
    z-index: 1101 !important;
}
.weekDaySelect .ui-state-default {
    background: inherit;
    padding: 6px 12px;
}
.weekDaySelect .ui-selecting {
    background: #28c5f9;
}
.weekDaySelect .ui-selected {
    background: #06AFE8;
    color: #FFFFFF;
}
.qtip {
    z-index: 1082 !important;
}
.input-group.inputElement input {
    border: none;
    height: 28px;
}
.email-preview-toolbar .btn-sm {
    margin-left: 5px;
}
.email-body-preview {
    min-height: 280px;
    background: #fdfdfd;
    padding: 0 10px;
    border: 1px solid #f3f3f3;
    border-radius: 2px;
}
.email-info-row {
    margin-bottom: 6px;
}
.dashboardHeading .dahBoardTabContainer {
    border-bottom: 1px solid #DDDDDD;
}
.module-filters.active {
    background: #F7F7F7;
}
.payment-type-selection {
    margin-bottom: 30px;
}
.payment-type-selection img {
    vertical-align: middle;
}
.currplan {
    padding: 10px 20px;
    background-color: #f3f3f3;
    border: 1px solid #eee;
    border-radius: 3px;
}
.currplan div {
    display: inline-block;
    font-size: 16px;
}
.planName {
    display: inline-block;
    color: #fff;
    padding: 20px;
    margin: 10px 20px;
    font-size: 24px;
    border-radius: 2px;
}
.plan-heading {
    min-height: 168px;
}
.plan-title {
    color: #fff;
    font-size: 20px;
    padding: 13px 0;
}
#sales_plan {
    background: #3FC380;
    font-size: x-large;
    text-shadow: 1px 0 2px #555555;
    color: #fff;
}
#salespremium_plan {
    background: #00B16A;
    font-size: x-large;
    text-shadow: 1px 0 2px #555555;
    color: #fff;
}
#support_plan {
    background: #2980B9;
    font-size: x-large;
    text-shadow: 1px 0 2px #555555;
    color: #fff;
}
#supportpremium_plan {
    background: #2980B9;
    font-size: x-large;
    text-shadow: 1px 0 2px #555555;
    color: #fff;
}
#ultimate_plan,
#exclusive_plan {
    background: #F39C12;
    font-size: x-large;
    text-shadow: 1px 0 2px #555555;
    color: #fff;
}
#contact_plan {
    background: #FF5959;
    font-size: x-large;
    text-shadow: 1px 0 2px #555555;
    color: #fff;
}
.workflowListContainer .select2-container .select2-choice {
    height: 36px;
}
.workflowListContainer .select2-container .select2-choice > .select2-chosen {
    margin-left: 10px;
    padding-top: 6px;
    font-size: 16px;
}
.dashboardHeading .dahBoardTabContainer {
    border-bottom: 1px solid #DDDDDD;
}
.contactAdd {
    border: 1px solid #eee;
    padding: 20px;
}
#subDetails table td {
    padding: 7px 10px;
}
.contactAdd h4 {
    padding: 10px 0;
}
.jumboModel {
    width: 60%;
    left: 0;
    top: 46% !important;
    margin-left: 20%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jumboModel .modal-body {
    display: inline-block;
    max-height: 350px;
    overflow-y: scroll;
}
.paymentIcon {
    margin: -8px 20px;
    float: left;
}
.paymentHolder,
.textAlignCenter {
    text-align: center;
}
.paymentInfo {
    text-align: left;
    padding: 20px 20px 10px;
    background: #fff url('images/pat.jpg');
    border: 1px solid #ddd;
    box-shadow: 0 0 4px 0 #ddd;
    border-radius: 2px;
    margin: 0 auto;
}
.paidstus {
    padding: 2px 10px;
    background: #ddd;
    border-radius: 3px;
    color: #fff;
    min-width: 50px;
    display: inline-block;
    text-align: center;
}
.paidstus.yes {
    background: #4da658;
}
.paidstus.no {
    background: #d42525;
}
.blueColor {
    color: #0380BF;
}
.plnActions {
    margin: 22px 0;
}
.cancellation-question-title {
    line-height: 30px;
}
.cancellation-question-title input[type="radio"] {
    margin-top: -3px;
    margin-right: 6px;
}
.horizontal-fld {
    float: left;
    margin-right: 20px;
}
.group:before,
.group:after {
    display: table;
    content: "";
}
.group:after {
    clear: both;
}
.cardInputs label {
    margin: 5px 14px;
    float: left;
    min-width: 100px;
}
.lineItemPopover {
    max-width: 600px;
    width: 350px !important;
}
.span1 {
    width: 100px;
}
.productBundlePopover {
    width: 500px;
    max-width: 600px;
}
.productBundlePopover .popover-content {
    overflow-y: auto;
    max-height: 250px;
    width: 500px;
    max-width: 600px;
    font-size: 12px;
}
.productsBundlePopup {
    position: absolute;
    width: 100%;
    height: 100%;
}
.productsBundlePopup .modal-body {
    height: 500px;
    overflow-y: auto;
    padding: 0px 5px 0px 5px;
}
.productBundles {
    padding-left: 20px;
}
.date-picker-wrapper {
    /* @kiren I1048 - fix for date-range-picker gap line block Sunday */
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
    /* end */
    z-index: 2000;
}
.date-picker-wrapper .footer {
    position: relative;
}
.productBundles {
    padding-left: 20px;
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    color: #000000;
    background-color: #FFFFFF;
}
.moduleResults-container .moduleSearchResults .table-container {
    background: #FFFFFF;
}
#searchResults-container .mCSB_inside > .mCSB_container {
    margin-right: 10px;
}
.searchModuleHeader {
    margin-bottom: 0;
}
[name="existingImages"] > img {
    max-width: 100%;
}
.lineitemTableContainer,
.lineItemTableDiv {
    width: 100%;
    overflow-x: auto;
}

#mm_searchButton {
    height: 28px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}
.mmDescription {
    height: 300px;
    width: 80%;
    border: 1.5px solid;
    border-radius: 2px;
    border-color: #DDDDDD;
    font-size: 11pt;
    margin-top: 55px;
    margin-left: -4%;
    background: #F9F9F9;
    padding: 20px;
}
#mails_container {
    border-right: 2px solid;
    border-color: #CCCCCC;
    min-height: 723px;
}
.mmListMainContainer {
    color: #888888;
    font-size: 14px;
    padding-top: 250px;
}
#mmSettingEditModal {
    background: #F9F9F9;
}
.width75per {
    width: 75%;
}
#_mbox_pwd {
    padding: 3px 8px;
}
#mmSettingInfo {
    padding-left: 7px;
    padding-top: 7px;
    font-size: 14px;
}
.mmMainFolder {
    padding: 5px 10px;
}
.mmOtherFolder {
    padding: 5px 10px 5px 30px;
    font-size: 12px;
}
.fontSize20px {
    font-size: 20px;
}
.mmUnreadCountBadge {
    padding: 1px 5px;
    border-radius: 3px;
    text-align: center;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    background-image: -webkit-linear-gradient(top,#DD4B39 0,#D14836 100%);
    border: 1px solid #C6322A;
    background-color: #DD4B39;
}
.padding15px {
    padding: 15px;
}
.padding0px {
    padding: 0px;
}
#mainCheckBox {
    margin-top: 8.5px;
    border: 1px solid #AAAAAA;
}
.mailCheckBox {
    border: 1px solid #AAAAAA;
}
.paddingLeft5px {
    padding-left: 5px;
}
.mmActionIcon {
    border: 1px solid;
    font-size: 15px;
    padding: 0px;
    width: 30px;
    height: 30px;
    border-color: #BBBBBB;
    text-align: center;
}
#mmDeleteMail {
    margin-left: -1px;
}
#mmMarkAsRead {
    border-right: 0px;
}
.borderLeft0px {
    border-left: 0px;
}
.marginRight0px {
    margin-right: 0px;
}
.mmSearchContainer {
    padding: 15px 0px 15px 0px;
}
#mailManagerSearchbox {
    border: 1px solid;
    border-color: #CCCCCC;
    border-radius: 0px;
    border-right: 0px;
}
.mmSearchBoxIcon {
    border: 1px solid #CCCCCC;
    border-radius: 0;
    border-left: 0;
    background-color: transparent;
}
#searchType {
    height: 30px;
    width: 80px;
    padding: 3px;
    border: 1px solid #DDDDDD;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#mmSearchButtonContainer {
    padding: 15px 0px 0px 0px;
}
.mmEmailContainerDiv .mCSB_container {
    margin-right: 0;
}
.mmEmailContainerDiv #mmBody {
    border: 1px solid #ddd;
}
.mailEntry {
    padding: 5px 5px 5px 0px;
    border-bottom: 1.5px solid #CCCCCC;
}
.font11px {
    font-size: 11px;
}
.mmReadEmail {
    background-color: #EEEEEE;
}
.font13px {
    font-size: 13px;
}
.font14px {
    font-size: 14px;
}
.mmDateTimeValue {
    font-size: 9px;
    color: #999999;
}
.mmMailDesc {
    padding: 5px 0px 0px 0px;
    max-height: 20px;
    overflow: hidden;
    font-size: 11px;
}
.noMailsDiv {
    color: #848383;
    font-size: 15px;
    padding-top: 200px;
}
#_mlinktotype {
    height: 25px;
    border: 1px solid #CCCCCC;
    padding-left: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.mmRelatedRecordDesc {
    color: #666666;
    padding-top: 1px;
}
.moveToFolderDropDown {
    font-size: 14px;
    border: 1px solid;
    width: 50px;
    height: 30px;
    padding: 0px 4px;
    margin-left: 5px;
    border-color: #BBBBBB;
    vertical-align: bottom;
}
.mmSearchDropDown {
    margin-top: -30px;
    margin-left: 66%;
}
.mmMoveDropdownFolder {
    vertical-align: middle;
    font-size: 15px;
}
.mmMoveDropdownArrow {
    color: #FFFFFF;
    font-size: 8px;
    margin-left: -10px;
}
.mmMoveDropdownCaret {
    padding-top: 8px;
    padding-right: 1px;
}
#mmEnvelopeOpenIcon {
    width: 15px;
    padding-bottom: 2px;
}
.mmSearchContainerOther {
    padding: 15px 0px 5px 5px;
}
.mmModulesMenu {
    padding: 15px 17px;
    color: #FFFFFF;
    font-size: 13px;
}
.mailbox_setting {
    font-size: 15px;
}
#mail_compose {
    background-color: #FFFFFF;
    color: #595553;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    margin: 20px 0px 20px 0px;
}
.highLightMail {
    background-color: #2C3B49;
}
.whiteFont {
    color: #FFFFFF;
}
.mmListDateDivSelected {
    color: #FFFFFF;
    font-size: 9px;
}
.fontBlack {
    color: #000000;
}
.marginTop0px {
    margin-top: 0px;
}
.mmFirstNameChar {
    background: none repeat scroll 0 0 orange;
    border: 1px solid #CCCCCC;
    display: table;
    height: 50px;
    width: 50px;
    color: #FFFFFF;
    font-size: 31px;
}
.mmDisplayName {
    font-size: 15px;
    margin-top: 0;
}
.displayEmailValues {
    font-style: italic;
}
.mmEmailColor {
    color: #38A7F7;
}
.mmDetailDate {
    font-size: 10px;
    margin-top: 3px;
}
.mmDetailAction {
    border: 1px solid #BBBBBB;
    padding: 0px 5px;
    display: inline-block;
    border-right: 0;
    line-height: 22px;
}
.mmDetailHr {
    border: 1px solid #BBBBBB;
}
.width40per {
    width: 40%;
}

.recentComments a.moreRecentComments {
    display: block;
    padding: 6px;
    color: #555555;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    font-weight: 400;
    font-size: 13px;
    max-width: 200px;
    text-align: center;
    margin: 10px auto;
}

.recentComments a.moreRecentComments:hover,
.recentComments a.moreRecentComments:active {
    color: #fff;
    background-color: #555555;
    border: 1px solid #555555;
}

.commentDetails .addCommentBlock {
    padding-left: 46px;
    padding-right: 8px;
}

@media (max-width: 767px) {
    .commentDetails .addCommentBlock {
        padding: 0;
    }
}

.quickCreateContent .massEditTable textarea,
.addCommentBlock .commentTextArea textarea {
    width: 100%;
    height: 32px;
    resize: none;
    background: #fafafa;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #eee;
    box-sizing: border-box;
    box-shadow: none;
    min-height: 32px;
    transition-property: min-height;
    transition-duration: 0.25s;
    transition-delay: 0.1s;
}

.quickCreateContent .massEditTable textarea:hover,
.addCommentBlock .commentTextArea textarea:hover {
    border: 1px solid #b9b9b9;
    border-top-color: #a0a0a0;
}

.quickCreateContent .massEditTable textarea:focus,
.addCommentBlock .commentTextArea textarea:focus {
    resize: vertical;
    min-height: 100px;
}

.addCommentBlock .reasonToEdit {
    width:100%;
    height:30px;
    border: 1px solid #d1d1d1;
    border-bottom: 0;
    padding: 0 10px;
}

.addCommentBlock .reasonToEdit::placeholder {
    color: #999;
}

.table.detailview-table.no-border .ajaxEdited .input-group-addon {
    width: auto;
}
.input-group .form-control,
.select2-container-multi .select2-choices {
    z-index: 1;
}
.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a:hover {
    background-color: #fff;
}
.cp-nav-header-wrapper>li.disabled>a:hover {
    border: 0px ! important;
}
.nav .nav-stacks .cp-nav-header-wrapper>li.disabled>a {
    background-color: #fff;
}
#portalModulesTable>li.portalModuleRow.active>a:hover {
    background-color: #fff !important;
}
#portalModulesTable>li.portalModuleRow.active>a:focus {
    background-color: #fff !important;
}
.portal-dashboard {
    min-height: 600px;
}
.portal-fields-container-wrapper {
    border-right: 1px solid #DDDDDD;
    min-height: 600px;
}
.addFieldsBlock {
    padding-left: 0px;
}
.portal-addfields-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120%;
    white-space: nowrap;
}
.portal-deletefield {
    background: transparent;
    border: 1px solid transparent;
}
.portal-deletefield:active {
    border: 1px solid transparent;
}
.portal-deletefield:hover {
    -webkit-box-shadow: 0 1px 1px transparent;
    box-shadow: 0 1px 1px transparent;
}
.portal-fields-switch {
    width: 40px;
    height: 20px;
    background: #e5e5e5;
    z-index: 0;
    margin: 0;
    padding: 0;
    appearance: none;
    border: none;
    cursor: pointer;
    position: relative;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.portal-fields-switch:before {
    content: ' ';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 40px;
    height: 20px;
    background: #ddd;
    z-index: 1;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.portal-fields-switch:after {
    content: ' ';
    height: 20px;
    width: 20px;
    border-radius: 28px;
    background: #fff;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 1px;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    box-shadow: 0 2px 5px #999999;
    background-color: orange;
}
.portal-fields-switchOn,
.portal-fields-switchOn:before {
    background: #dddddd !important;
}
.portal-fields-switchOn:after {
    left: 20px !important;
    background-color: #8ce196;
}
.portal-fieldInfo-wrapper {
    border: 1px solid #e8e8e8;
    padding-left: 0px;
    padding-right: 0px;
}
.portal-fieldInfo-wrapper .switch-disabled {
    opacity: 0.5;
}
.portal-fieldInfo-sliderWrapper {
    padding-top: 4px;
    padding-left: 5px;
}
.portal-fieldName-wrapper {
    padding-top: 5px;
}
.portal-dashboard {
    border-bottom: 0px ! important;
}
#portal-shortcutsContainer>ul {
    border-bottom: 0px ! important;
}
.portalMenuHeader {
    text-align: -webkit-center;
    text-align: center;
}
.cp-tabs .enabledModules {
    display: inline-block ! important;
    margin-left: 4px !important;
    margin-right: 4px !important;
    vertical-align: top;
    margin-top: 4px !important;
}
.portal-shortcut-list:hover {
    border-bottom: 3px solid transparent ! important;
}
.label-radio label input[type="radio"] {
    position: relative;
    top: 2px;
}
.label-checkbox label input[type="checkbox"] {
    position: relative;
    top: 2px;
}
div.tooltip-inner {
    max-width: 400px;
}
.sortable.appContainer.ui-sortable {
    width: 160px;
}
.menuEditorItem {
    padding: 15px 5px;
    background: #DDDDDD;
    text-align: center;
    font-size: 1em;
    color: #FFFFFF;
    text-shadow: 0 0 1px #999999;
    height: 65px;
    width: 160px;
    margin-right: 15px;
}
.fa.whiteIcon {
    color: #FFFFFF;
}
.menuEditorItem .fa {
    font-size: 2em;
}
.menuEditorModuleItem {
    background: #2C3B49;
    border-bottom: 1px solid #DDDDDD;
    cursor: move;
}
.menuEditorItem.menuEditorAddItem {
    color: #999999;
    cursor: pointer;
}
.menuEditorModuleItem.active {
    background: #010101;
}
.reports-content-area {
    padding-top: 15px;
    min-height: 768px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.cursorDrag {
    cursor: move;
}
.google-import-container {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 525px;
}
.detailview-header-block {
    background: white;
    padding: 15px;
    box-shadow: 2px 2px 6px 0 rgba(204,204,204,.5);
    border-radius: 2px;
    border: thin solid #DDD;
}
.detailViewContainer .content-area,
.editViewPageDiv .content-area,
.editViewPageDiv.content-area,
.editViewPageDiv .reports-content-area {
    background: #ffffff;
}
.detailViewContainer .HistoryContainer,
.related-tabs.row .details.row,
.detailview-content .details.row .relatedHeader {
    background: #FFFFFF;
    padding: 15px;
}
.detailview-content .details.row .relatedHeader {
    border: 1px solid #F3F3F3;    border-radius: 2px 2px 0px 0px;
}
.detailview-content .details.row .relatedContents {
    background: white;
    padding: 0;
    margin-top: 0;
    border: 1px solid #F3F3F3;    border-radius: 0px 0px 20px 20px;
    overflow-x: auto;
}
.related-tabs.row {
    background: transparent;
    margin-top: 10px;
}

.detailViewTwitterImage {
    position: absolute;
    top: -60px;
    right: 0px;
    font-size: 19px;
    float: right;
    z-index: 3;
    border-right-width: 0px;
    padding: 5px 10px;
    background: #eee;
    color: #fff;
    height: 50px;
    cursor: pointer;
}
.detailViewTwitterImage .fa {
    color: #04ABE7;
    margin-top: 10px;
}
#SLAEditContainer .inputElement,
#editTagContainer .inputElement {
    width: 50%;
}
#SLAEditContainer .select2.inputElement.EmailTemplates,
#editTagContainer .select2.inputElement.EmailTemplates {
    width: 90%;
}
#SLAEditContainer .select2.inputElement,
#editTagContainer .select2.inputElement {
    width: 40%;
}
#SLAEditContainer .select2-container-multi,
#editTagContainer .select2-container-multi {
    width: 82%;
}
#SLAEditContainer td,
#editTagContainer td {
    vertical-align: middle;
}
#BusinessHoursEditContainer .form-control.inputElement {
    width: 58%;
}
#BusinessHoursEditContainer .configwidth {
    width: 93px;
}
#detailView .detailview-table .input-group.editElement,
.calendar-timezone .input-group.editElement {
    width: 100%;
    display: inline-block;
}
.summaryViewEntries .input-group.editElement {
    width: 100%;
    display: flex;
}
.summaryView .summaryViewFields .input-group {
    line-height: 0;
}
.clearReferenceSelection {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px 8px;
    border: 1px solid #ddd;
    border-left: 0;
}
.editViewContents .fieldValue .referencefield-wrapper {
    width: 100%;
    display: inline-block;
}
.input-group-addon {
    line-height: 1.4;
}
.input-group {
    float: left;
    min-width: 220px;
}

#Potentials_FieldInfo .input-group {
    min-width: 153px;
}

.addCalendarEventContents .input-group {
    float: left;
    min-width: 150px;
}
.listViewEntries .input-group,
.referencefield-wrapper .input-group {
    min-width: 120px;
}
.summaryViewEntries .inputElement.form-control,
.detailview-table .inputElement.form-control {
    width: 80%;/* I1062 increases width of summaryview field */
}
.detailview-table input[type="checkbox"] {
    width: 13px !important;
    margin-top: 8px;
}
.detailview-table .input-group-addon+.inputElement.form-control,
.detailview-table .inputElement.form-control.input-medium {
    width: 100%;
}
.summaryViewEntries .referencefield-wrapper .inputElement,
.detailview-table .referencefield-wrapper .inputElement,
.recentActivitiesContainer .updateInfoContainer {
    width: 100%;
}
.summaryViewEntries .input-group.date,
.detailview-table .input-group.date {
    float: left;
}
.inventoryLineItemDetails {
    color: #3498DB;
}
.productsBundlePopup {
    position: absolute;
    width: 100%;
    height: 100%;
}
.productsBundlePopup .modal-body {
    height: 500px;
    overflow-y: auto;
    padding: 0px 5px 0px 5px;
}
.productBundles {
    padding-left: 20px;
}
.productBundlePopover {
    width: 500px;
    max-width: 600px;
}
.productBundlePopover .popover-content {
    overflow-y: auto;
    max-height: 250px;
    width: 500px;
    max-width: 600px;
    font-size: 12px;
}

.fieldBlockContainer .pricebook-id-wrapper {
    line-height: 22px;
    text-align: left;
    margin: 25px 0 10px 0;
}

.fieldBlockContainer .pricebook-id-wrapper label {
    width: 90px;
}

.fieldBlockContainer .pricebook-id-wrapper .select2-container {
    margin-left: 10px;
    min-width: 200px;
}

.fieldBlockContainer .taxrate-id-wrapper {
    line-height: 22px;
    text-align: left;
    margin: 10px 0 10px 0;
}

.fieldBlockContainer .taxrate-id-wrapper label {
    width: 90px;
}

.fieldBlockContainer .taxrate-id-wrapper .select2-container {
    margin-left: 10px;
    min-width: 200px;
}

.fieldBlockContainer .currency-id-wrapper {
    line-height: 22px;
    text-align: right;
    margin: 10px 0 10px 0;
}

.fieldBlockContainer .currency-id-wrapper label {
    width: 90px;
}

.fieldBlockContainer .currency-id-wrapper .select2-container {
    text-align: left;
    margin-left: 10px;
    min-width: 200px;
}

@media screen and (max-width: 767px){

    .fieldBlockContainer .pricebook-id-wrapper {
        margin-bottom: 0;
    }

    .fieldBlockContainer .pricebook-id-wrapper label {
        display: block;
    }

    .fieldBlockContainer .pricebook-id-wrapper .select2-container {
        width: 100%;
        margin: 0;
    }

    .fieldBlockContainer .taxrate-id-wrapper {
        margin-bottom: 0;
    }

    .fieldBlockContainer .taxrate-id-wrapper label {
        display: block;
    }

    .fieldBlockContainer .taxrate-id-wrapper .select2-container {
        width: 100%;
        margin: 0;
    }

    .fieldBlockContainer .currency-id-wrapper {
        text-align: left;
        margin-top: 10px;
    }

    .fieldBlockContainer .currency-id-wrapper .select2-container {
        width: 100%;
        margin: 0;
    }

    .fieldBlockContainer .currency-id-wrapper label {
        display: block;
    }
}

.fieldBlockContainer td .cke_textarea_inline
{
    min-width: 180px;
}

.lineitemTableContainer {
	overflow-y: auto;
    resize: vertical;
    max-height: 500px;
    min-height: 188px;
}

#lineItemTab {
    max-width: none;
    min-width: 100%;
    table-layout: fixed;
    margin-bottom: 0;
}

#lineItemTab th {
    position: sticky;
    top: -1px;
    z-index: 10;
    border: 1px solid #ddd;
    background-color: #eee;
    padding: 12px 5px;
    /* min-width: 100px; */
    vertical-align: middle;
    line-height: 16px;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
    user-select: none;
}

#lineItemTab th:hover:not(:last-of-type) {
    z-index: 200;
    overflow: visible;
}

#lineItemTab th .title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

#lineItemTab td {
    vertical-align: top;
    background: white;
    border: 1px solid #e9e9e9;
    overflow: hidden;
}

#lineItemTab td textarea {
    height: 75px;
    border: 1px solid #ccc;
    resize: vertical;
}

#lineItemTab td .cke_textarea_inline {
    min-height: 75px;
    border-radius: 1px;
    box-shadow: none;
    border: 1px solid #cccccc;

}

#lineItemTab td .input-group {
    width: 100%;
    min-width: 114px;
}

#lineItemTab td .relatedList i {
    padding: 0 3%;
    font-size: 15px;
}

#lineItemTab td .relatedList .module {
    padding: 0 2%;
    pointer-events: auto;
}

#lineItemTab td .referenceList li :hover {
    color: #333;
    background-color: #eee;
    background-repeat: repeat-x;
    pointer-events: auto;
}

#lineItemTab td .module-icon [class^="vicon-"], [class*=" vicon-"] {
    font-size: 15px;
}

#lineItemTab input:read-only {
    background: #ebebe4;
}

#lineItemTab .tools-column {
    width: 60px;
    text-align: center;
    white-space: nowrap;
}

#lineItemTab .lineItemImage {
    min-width: 100px;
}

#lineItemTab .lineItemImage img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}

.modal.inventory-item-image-modal .modal-body {
    padding: 15px;
}

#lineItemTab .tools-column .deleteRow {
    padding: 4px;
    vertical-align: middle;
}
#lineItemTab .tools-column .sortRow {
    padding: 2px 4px 1px 4px;
    vertical-align: middle;
    margin-bottom: 3px;
    display: inline-block;
}
/*
#lineItemTab .productid-column {
    min-width: 300px;
}
*/
#lineItemTab .productid-column .itemNameDiv .input-group {
    width: 100%;
    min-width: 0;
}

#lineItemTab .productid-column .productName {
    border: 1px solid #ccc;
    border-right: 0;
    box-shadow: none;
    max-width: calc(100% - 68px);
    min-width: 38px;
}

#lineItemTab .productid-column .clearLineItem {
    font-size: 18px;
    line-height: 28px;
    padding: 0;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 0;
    vertical-align: text-bottom;
}

#lineItemTab .adv-inv-discount-amount-column .adv-inv-discount-field {
    width: 100%;
    max-width: 100%;
}

#lineItemTab .adv-inv-discount-column .adv-inv-discount-field {
    width: 60px;
    max-width: 100%;
    /*
    margin-right: 2px;
    margin: 2px 2px;
    */
    margin: 0 2px 2px 2px;
    display: inline-block;
}
/*
#lineItemTab .quantity-column {
    width: 135px;
    min-width: 135px;
}
*/
#lineItemTab .discount_percent-column input {
    width: 100%;
}

#lineItemTab .adv-inv-discount-column .wrapper {
    /*
    display: flex;
    flex-flow: row;
    */
}

#lineItemTab .adv-inv-discount-column input {
    flex-grow: 1;
    max-width: none;
}


#lineItemTab td.purchase_cost-column,
#lineItemTab td.purchase-cost-column,
#lineItemTab td.product-total-column,
#lineItemTab td.product-total-discount-column,
#lineItemTab td.product-total-afterdiscount-column,
#lineItemTab td.product-total-tax-column,
#lineItemTab td.product-total-suitetaxrate-column,
#lineItemTab td.margin-column,
#lineItemTab td.net-price-column {
    text-align: right;
}

#lineItemTab td.product-total-column,
#lineItemTab td.product-total-discount-column,
#lineItemTab td.product-total-afterdiscount-column,
#lineItemTab td.product-total-tax-column,
#lineItemTab td.product-total-suitetaxrate-column,
#lineItemTab td.margin-column,
#lineItemTab td.net-price-column {
    background-color: #f9f9f9;
    padding-top: 14px;
}

#lineItemTab td.pricebook_id-column {
    padding-top: 14px;
}

#lineItemTab td.purchase_cost-column,
#lineItemTab td.purchase-cost-column {
    /*padding-top: 28px;*/
}

#lineItemTab td.purchase_cost-column .total,
#lineItemTab td.purchase-cost-column .total {
    display: block;
    font-size: 10px;
    opacity: 0.6;
    white-space: nowrap;
    line-height: 12px;
    margin: 4px 2px;
}

#lineItemTab td.margin-column {
    /*padding-top: 20px;*/
}

#lineItemTab td.margin-column .margin-percent {
    display: block;
    font-size: 10px;
    opacity: 0.6;
    white-space: nowrap;
    line-height: 12px;
}

#lineItemTab td[data-ui-type="10"] {
    overflow-x: clip;
    overflow-y: visible;
}

#lineItemTab td[data-ui-type="56"] {
    text-align: center;
}

#lineItemTab td[data-ui-type="56"] .inputElement {
    margin-top: 7px;
}

#lineItemTab td[data-ui-type="9"] .inputElement,
#lineItemTab td[data-ui-type="71"] .input-group,
#lineItemTab td[data-ui-type="5"] .inputElement,
#lineItemTab td[data-ui-type="14"] .input-group {
    width: 100%;
    min-width: auto;
}

#lineItemTab td[data-ui-type="33"] .select2-container {
    width: 100% !important;
    min-width: auto !important;
}

#lineItemTab td[data-ui-type="33"] .select2-container .select2-choices {
    border: 1px solid #ccc;
}

#lineItemTab td .cke_textarea_inline {
    min-width: auto;
}

#lineItemTab .referenceModulesList {
    width: 100% !important;
    margin-bottom: 4px;
}

#lineItemTab .referenceUi {
    float:left;
}

#lineItemTab .referenceUi button {
    padding: 4px 3px 5px 7px;
    margin: 0 3px 0px 0px;
    line-height: 19px;
}

#lineItemTab .referenceUi button .module-icon i {
    vertical-align: middle;
}

#lineItemTab .referencefield-wrapper {
    width: auto;
    min-width: 60px;
    overflow: auto;
}

#lineItemTab .referencefield-wrapper .input-group {
    width: 100%;
    min-width: 0;
}

#lineItemTab .referencefield-wrapper .createReferenceRecord {
    display: none;
}

#lineItemTab .quantity-column .stockAlert {
    display: block;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    background-color: #ed514a;
    color: white;
    line-height: 14px;
    padding: 6px 2px;
    border-radius: 2px;
}

#lineItemTab .lineItemRow .listPrice {
    width: 100%;
}

#lineItemTab .suitetaxrate-column {
}

#lineItemTab .lineItemRow td.suitetaxrate-column .tax-row {
    /*margin: 4px 0;*/
}

#lineItemTab .lineItemRow td.suitetaxrate-column .tax-percent-label,
#lineItemTab .lineItemRow td.suitetaxrate-column .tax-percent,
#lineItemTab .lineItemRow td.suitetaxrate-column .tax-amount {
    display: none;
}

#lineItemTab .lineItemRow td.suitetaxrate-column .select2 {
    width: 100%;
}

#lineItemTab .lineItemRow td.suitetaxrate-column .tax-percent input {
    width: 70px;
    margin-left: 14px;
}

#lineItemTab .lineItemRow td.suitetaxrate-column .taxTotal {
    width: 48px;
    margin-left: 2px;
    background: none;
    border: none;
    cursor: default;
    text-align: right;
}

.fieldBlockContainer .inventory-add {
    margin: 20px 0 5px 0;
}

#lineItemTab .lineItemRow .vicon-products,
#lineItemTab .lineItemRow .vicon-pricebooks,
#lineItemTab .lineItemRow .vicon-services {
    font-size: 20px;
    display: inline-block;
    padding: 4px;
    vertical-align: text-bottom;
    margin-left: 8px;
    height: 30px;
    width: 30px;
}

#lineItemTab .lineItemRow.ui-sortable-helper {
    opacity: 0.75;
    display: table;
    max-width: none;
    min-width: 100%;
    table-layout: fixed;
}

#lineItemTab .lineItemRow.ui-sortable-placeholder {
    visibility: visible !important;
}

#lineItemTab .lineItemRow.ui-sortable-placeholder td {
    background: #ffe9e9;
}

#lineItemTab .ui-sortable-handle {
    cursor: ns-resize;
}

.modal-dialog.modal-inventory .contracts td .buttons-contracts {
    float: right;
    margin-top: -2px;
    margin-left: 10px;
}

.modal-dialog.modal-inventory .contracts td .buttons-contracts .btn {
    padding: 0px 5px;
    margin-right: 1px;
}

.modal-dialog.modal-inventory .contracts.contract-selected td {
    background-color: #fde9e9 !important;
}

.modal-dialog.modal-inventory .contracts.contract-selected td .contract-price .contract-qty-label {
    margin-left: 4px;
    font-size: 10px;
    font-style: italic;
    line-height: 12px;
    opacity: 0.6;
}

.modal-dialog.modal-inventory .contracts.contract-selected.contract-type-pricediscount td .price {
    text-decoration: line-through;
    font-size: 10px;
    opacity: 0.6;
    white-space: nowrap;
    line-height: 12px;
    margin-right:4px;
}

.modal-dialog.modal-inventory .contracts.contract-selected.contract-type-pricediscount td .contract-price {
    margin-left: 4px;
}

.modal-dialog.modal-inventory .contracts.contract-selected td .discount1,
.modal-dialog.modal-inventory .contracts.contract-selected td .discount2,
.modal-dialog.modal-inventory .contracts.contract-selected td .discount3,
.modal-dialog.modal-inventory .contracts.contract-selected td .discount4,
.modal-dialog.modal-inventory .contracts.contract-selected td .discount5,
.modal-dialog.modal-inventory .contracts.contract-selected td .discount6 {
    text-decoration: line-through;
    font-size: 10px;
    opacity: 0.6;
    white-space: nowrap;
    line-height: 12px;
    margin-right:4px;
}

.modal-dialog.modal-inventory .contracts.contract-selected td .pricebook-discount1,
.modal-dialog.modal-inventory .contracts.contract-selected td .pricebook-discount2,
.modal-dialog.modal-inventory .contracts.contract-selected td .pricebook-discount3,
.modal-dialog.modal-inventory .contracts.contract-selected td .pricebook-discount4,
.modal-dialog.modal-inventory .contracts.contract-selected td .pricebook-discount5,
.modal-dialog.modal-inventory .contracts.contract-selected td .pricebook-discount6 {
    opacity: 0.6;
}

@media (min-width: 768px) {
    .modal-dialog.contracts-for-qty {
        width: 700px;
    }
}

.modal-dialog.contracts-for-qty .modal-body {
    padding: 10px;
}
.modal-dialog.contracts-for-qty .listview-contracts-table {
    width: 100%;
}

.modal-dialog.contracts-for-qty .listview-contracts-table td,
.modal-dialog.contracts-for-qty .listview-contracts-table th {
    border: 1px solid #ddd;
    padding: 6px 10px;
}

.modal-dialog.contracts-for-qty .listview-contracts-table tr:nth-child(odd) td {
    background: #F9F9F9;
}

.modal-dialog.contracts-for-qty .listview-contracts-table tbody tr  {
    cursor: pointer;
}

/* Inventory details */

.lineItemTableDiv {
    overflow-y: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    resize: vertical;
    min-height: 175px;
    max-height: 500px;
}

.lineItemTableDiv table {
    min-width: 100%;
    max-width: none;
    table-layout: fixed;
    margin-bottom: 0;
}

.lineItemTableDiv .lineItemsTable th {
    position: sticky;
    top: -1px;
    /*z-index: 10;*/
    border: 1px solid #ddd;
    background-color: #eee;
    padding: 12px 5px;
    vertical-align: middle;
    overflow: hidden;
    line-height: 16px;
    font-size: 14px;
    text-align: center;
    user-select: none;
}

.lineItemTableDiv .lineItemsTable th:hover:not(:last-of-type) {
    z-index: 200;
    overflow: visible;
}

.lineItemTableDiv .lineItemsTable th .title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.lineItemTableDiv .lineItemsTable td {
    vertical-align: top;
    min-width: 100px;
    background: white;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    padding: 14px 8px 8px 8px;
}

.lineItemTableDiv .lineItemsTable td.lineItemImage {
    width: 100px;
    min-width: 100px;
    padding: 6px;
}

.lineItemTableDiv .lineItemImage img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}

.lineItemTableDiv .lineItemsTable td.productid-column h5 {
    margin: 0 0 2px 0;
    text-overflow: ellipsis;
}

.lineItemTableDiv .lineItemsTable .listprice-column {
    /*
    width: 100px;
    min-width: 100px;
    text-align: right;
    */
}
/*
.lineItemTableDiv .lineItemsTable .quantity-column {
    width: 100px;
    min-width: 100px;
}

.lineItemTableDiv .lineItemsTable th.comment-column {
    width: 200px;
}
 */

.lineItemTableDiv .lineItemsTable td.comment-column {
    /*width: 200px;*/
    min-width: 200px;
    height: 100px;
    border: 1px solid #e9e9e9;
    padding: 8px 4px 8px 2px;
}

.lineItemTableDiv .lineItemsTable td.comment-column .wrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
    /*
    resize: both;
    */
    width: 100%;
    /*
    min-width: 190px;
    height: 83px;
    min-height: 83px;

     */
    padding: 0 8px 0 6px;
}

.lineItemTableDiv .lineItemsTable td.comment-column .wrapper .contents {
    margin: auto 0;
}

.lineItemTableDiv .lineItemsTable .adv-inv-discount-column {
    /*
    white-space: nowrap;
    */
}

.lineItemTableDiv .lineItemsTable td.adv-inv-discount-column span {
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 100%;
    min-width: 40px;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    white-space: nowrap;
    text-align: right;
}

.lineItemTableDiv .lineItemsTable td.quantity-column,
.lineItemTableDiv .lineItemsTable td.listprice-column,
.lineItemTableDiv .lineItemsTable td.purchase_cost-column,
.lineItemTableDiv .lineItemsTable td.margin-column,
.lineItemTableDiv .lineItemsTable td[data-ui-type="7"],
.lineItemTableDiv .lineItemsTable td[data-ui-type="9"],
.lineItemTableDiv .lineItemsTable td[data-ui-type="71"],
.lineItemTableDiv .lineItemsTable td[data-ui-type="72"] {
    text-align: right;
}

.lineItemTableDiv .lineItemsTable td[data-ui-type="56"] {
    text-align: center;
}

.lineItemTableDiv .lineItemsTable td[data-ui-type="5"] {
    white-space: nowrap;
}

.lineItemTableDiv .lineItemsTable td.product_total-column,
.lineItemTableDiv .lineItemsTable td.discount_total-column,
.lineItemTableDiv .lineItemsTable td.total_after_discount-column,
.lineItemTableDiv .lineItemsTable td.total_tax-column,
.lineItemTableDiv .lineItemsTable td.product-total-suitetaxrate-column,
.lineItemTableDiv .lineItemsTable td.margin-column,
.lineItemTableDiv .lineItemsTable td.net_price-column {
    background-color: #f9f9f9;
}

.lineItemTableDiv .lineItemsTable td.purchase_cost-column {
    /*padding-top: 20px;*/
}

.lineItemTableDiv .lineItemsTable td.purchase_cost-column .total {
    display: block;
    font-size: 10px;
    opacity: 0.6;
    white-space: nowrap;
    line-height: 12px;
}

.lineItemTableDiv .lineItemsTable td.margin-column {
    /*padding-top: 20px;*/
}

.lineItemTableDiv .lineItemsTable td.margin-column .margin-percent {
    display: block;
    font-size: 10px;
    opacity: 0.6;
    white-space: nowrap;
    line-height: 12px;
}

.lineItemTableDiv .lineItemsTable th .btn-reset-column-width,
.lineitemTableContainer #lineItemTab th .btn-reset-column-width {
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translate(-50%, 0);
    background: none;
    border: none;
    opacity: 0;
    pointer-events: none;
    line-height: 10px;
    white-space: nowrap;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.lineItemTableDiv .lineItemsTable tr:hover th.resized .btn-reset-column-width,
.lineitemTableContainer #lineItemTab tr:hover th.resized .btn-reset-column-width {
    pointer-events: all;
    opacity: 0.4;
}

.lineItemTableDiv .lineItemsTable tr:hover th.resized .btn-reset-column-width:hover,
.lineItemTableDiv .lineItemsTable tr:hover th.resized .btn-reset-column-width:active,
.lineitemTableContainer #lineItemTab tr:hover th.resized .btn-reset-column-width:hover,
.lineitemTableContainer #lineItemTab tr:hover th.resized .btn-reset-column-width:active {
    opacity: 1;
    color: indianred;
}

.lineItemTableDiv .lineItemsTable tr th:last-of-type .ui-resizable-handle,
.lineitemTableContainer #lineItemTab tr th:last-of-type .ui-resizable-handle {
    right: 0;
}

.lineItemTableDiv .lineItemsTable th .btn-reset-column-width span,
.lineitemTableContainer #lineItemTab th .btn-reset-column-width span {
    display: inline-block;
    font-size: 7px;
    line-height: 6px;
    vertical-align: middle;
    text-transform: uppercase;
    -webkit-transition: margin .2s ease, opacity .2s ease;
    -moz-transition: margin .2s ease, opacity .2s ease;
    -o-transition: margin .2s ease, opacity .2s ease;
    transition: margin .2s ease, opacity .2s ease;
}

.lineItemTableDiv .lineItemsTable th .btn-reset-column-width i,
.lineitemTableContainer #lineItemTab th .btn-reset-column-width i {
    font-size: 13px;
    line-height: 7px;
    margin: 0 -2px;
    opacity: 0.5;
    -webkit-transition: margin .2s ease, opacity .2s ease;
    -moz-transition: margin .2s ease, opacity .2s ease;
    -o-transition: margin .2s ease, opacity .2s ease;
    transition: margin .2s ease, opacity .2s ease;
}

.lineItemTableDiv .lineItemsTable tr:hover th .btn-reset-column-width:hover i,
.lineitemTableContainer #lineItemTab tr:hover th .btn-reset-column-width:hover i {
    margin: 0 0px;
    opacity: 1;
}

.lineItemsTableSummary tr,
.lineItemTable tr {
    background-color: white !important;
}

.lineItemsTableSummary tr.even,
.lineItemTable tr.even {
    background-color: #f9f9f9 !important;
}

.lineItemTable td #marginTotal {
    display: block;
    text-align: right;
}

.lineItemTable td #marginPercentTotal {
    display: block;
    text-align: right;
}

.lineItemTable td #marginPercentTotal {
    font-size: 10px;
    opacity: 0.6;
    white-space: nowrap;
    line-height: 12px;
}

.lineItemsTable.lineItemsTableSummary td {
    border: 1px solid #e9e9e9;
}

.lineItemsTable.lineItemsTableSummary tr.margin-total-row td {
    vertical-align: middle;
}

.lineItemsTable.lineItemsTableSummary tr.margin-total-row td #marginPercentTotal {
    font-size: 10px;
    opacity: 0.6;
    white-space: nowrap;
    line-height: 12px;
}

/**/



.portal-table .table-actions {
    width: inherit ! important;
}
.portal-table .listViewEntryValue {
    padding-left: 20px;
}
.portal-table > thead > tr:first-child > th,
.portal-table > tbody > tr:first-child > th {
    padding: 10px 5px ! important;
    padding-left: 10px ! important;
}
.ExtensionscontentsDiv .content-area {
    padding-left: 15px;
    padding-right: 15px;
}
.tagInfo.input-info-addon {
    vertical-align: middle;
}
.relationDelete .vicon-linkopen {
    font-size: 12px;
    vertical-align: middle;
}
.blockHeader {
    border-color: #F3F3F4 #F3F3F4 #cbcbcf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    background-color: #474747;
    background-image: -moz-linear-gradient(top,#555555,#333333);
    background-image: -ms-linear-gradient(top,#555555,#333333);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
    background-image: -webkit-linear-gradient(top,#555555,#333333);
    background-image: -o-linear-gradient(top,#555555,#333333);
    background-image: linear-gradient(top,#555555,#333333);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#333333', GradientType=0);
    min-height: 30px;
}
.blockHeader th {
    text-align: center !important;
    text-align: center;
    color: #FFFFFF;
}
.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
    padding: 6px 8px;
}
.socialActions .fa-star {
    color: orange;
}
.bootbox-body {
    word-wrap: break-word;
    padding: 6px;
}
.calendarQuickCreateContent .input-group,
.addCalendarEventContents .input-group {
    min-width: 120px ! important;
}
.calendarQuickCreateContent .table .inputElement {
    width: 100%;
}
.calendarQuickCreateContent .table .referencefield-wrapper .inputElement {
    width: 235px;
}
.reference-mandatory::after {
    content: "*";
    color: red;
    top: -30px;
    position: inherit;
    left: 10px;
    float: right;
}
.overlayDetail .modal-content {
    position: absolute;
    height: 100%;
    padding: 10px;
    background: #f9f9f9;
}
.overlayDetail .overlayDetailHeader {
    background: white;
}
.overlayDetail .modal-body {
    height: 82%;
    overflow: auto;
    background: #f9f9f9;
    padding-left: 0px;
    padding-right: 1px;
}
.overlayDetail .modal-body .left-block,
.overlayDetail .modal-body .middle-block {
    padding-left: 0px;
    padding-right: 7px;
}
.overlayDetail .modal-body .right-block {
    padding-left: 0px;
    padding-right: 0px;
}
.uploadview-content .inputElement.select2,
#uploadToDriveContainer .inputElement.select2 {
    width: 100%;
}
.daily-digest-time {
    width: 114px;
    padding-left: 4px;
}
.markStar .unfollowMessage {
    display: none;
}
.markStar .active {
    color: #FFC600;
}
.markStar:hover .unfollowMessage {
    display: block;
}
.markStar:hover .followMessage {
    display: none;
}
.markStar.active .starredStatus {
    display: block;
}
.markStar.active .unstarredStatus {
    display: none;
}
.markStar .starredStatus {
    display: none;
}
.nav>li.addDashboardTab>a,
.nav>li.addDashboardTab>a:hover {
    padding: 10px 15px;
    background: inherit;
}
.dashBoardContainer .tab-pane {
    padding: 0 15px;
    min-height: 100%;
}
.dashBoardContainer .tab-pane .dashBoardTabContents ul {
    position: relative;
    height: 960px;
    width: 1260px;
}
.nav-tabs>li {
    border-bottom: 3px solid transparent;
    margin: 0 2px;
}
.dashBoardContainer .tabContainer .nav {
    font-size: 15px;
    background-color: #FFFFFF;
}
.popover.lineItemPopover {
    z-index: 1;
}
#helpMeNow {
    position: fixed;
    right: 0;
    top: 100px;
    width: 350px;
    z-index: 1040;
    min-height: 85vh;
    border: 1px solid #aaa;
    background-color: white;
}
.help_header {
    background-color: #2c3b49;
    cursor: move;
    box-shadow: 0 0px 5px 0 #ccc;
    padding: 5px 10px;
    color: white;
}
#help_back {
    position: relative;
    top: 7px;
    padding-right: 10px;
    font-size: large;
    cursor: pointer;
}
.help_close {
    position: relative;
    top: 10px;
    border: 0px;
    background-color: #2c3b49;
}
.help_close_area {
    margin: 5px 15px;
    padding: 5px;
    background-color: white;
    border-radius: 2px;
}
.help_search_button {
    background-color: white;
    position: relative;
    top: 3px;
    border: none;
}
.help_search {
    padding: 10px 12px;
    border: none;
    color: black;
    font-size: 14px;
}
.help_image {
    position: relative;
    top: 50px;
    left: 50px;
}
.overlayEdit .modal-content {
    position: absolute;
    height: 100%;
    width: 100%;
}
.overlayEdit form .modal-body {
    padding-left: 10px;
    padding-right: 0px;
    background: #f9f9f9;
    height: 574px;
    overflow: auto;
}
.select2-container.select2-container-multi.select2,
.editViewPageDiv .select2-container.select2-container-multi.select2 {
    height: auto !important;
}
.summaryViewFields .select2-container-multi.inputElement.form-control
.quickCreateContent .select2-container.select2-container-multi.select2,
#massEditContainer .select2-container.select2-container-multi.select2 {
    width: 150px;
    height: auto !important;
}
.summaryViewFields .select2-container-multi.inputElement.form-control
.quickCreateContent .select2-container.select2-container-multi.select2 .input-save-wrap,
#massEditContainer .select2-container.select2-container-multi.select2 .input-save-wrap {
    float: right;
    margin-right: 25px;
}
#taskManagementContainer .popover-content {
    padding: 0;
}
#taskManagementContainer .popover-content .input-group.inputElement {
    width: 70%;
    min-width: 200px;
}
.task .quickPreview {
    position: relative;
}
.vicon-unpin.pinToDashboard,
.vicon-pin.pinToDashboard {
    font-size: 14px;
    padding-top: 5px;
}
.select2-result[class*=vicon-],
.select2-result[class*=fa] {
    font-size: 12px;
    padding: 5px 10px;
}
.select2-result[class*=vicon-] .select2-result-label,
.select2-result[class*=fa] .select2-result-label {
    display: inline-block;
}
#reportDetails .table-bordered {
    background: #FFFFFF;
}
.verticalAlignMiddle {
    vertical-align: middle;
}
#detailView .block h4 {
    height: 20px;
}
.listview-table-norecords .table-actions,
.listview-table .calendar-table-actions {
    width: 117px ! important;
}
.dashBoardTabMenu {
    padding-top: 0px;
}
.dashBoardTabMenu .dropdown-header {
    color: #000000;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
#quickCreateModules [class^="vicon-"],
#quickCreateModules [class*=" vicon-"] {
    font-size: 20px;
    color: #888;
}
#quickCreateModules a {
    padding: 0;
}
#quickCreateModules .quick-create-module {
    color: black;
    padding: 0 0 0 8px;
    overflow-x: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.dropdown-menu-quickcreate{
    width:580px;
    padding: 5px 0 15px 10px !important;
}

.workflow-table .listViewEntryValue {
    word-wrap: break-word;
    white-space: normal;
}
.btn[disabled] {
    opacity: 0.2;
}
#settingsMenuSearch {
    background-color: white;
    margin-left: 12px;
    margin-top: 12px;
    width: 91%;
    color: black;
}
.settingsgroup [data-instafilta-hide="true"] {
    display: none !important;
}
.settingsgroup [data-instafilta-hide="false"] {
    display: block !important;
}
#quickCreateModules .quickcreateMoreDropdown li {
    padding: 2%;
}
a.cp-modules:hover {
    background-color: #eee ! important;
}
#RestrictionsLayout {
    background: #fafafb;
    margin-top: -92px;
}
#RestrictionsLayout .vtImage {
    width: 22%;
    padding: 2%;
    margin: auto;
}
#RestrictionsLayout #RestrinctionsContainer {
    margin: auto;
    min-height: 600px;
}
#RestrictionsLayout #RestrictionsPageDetails {
    display: block;
}
#RestrictionsLayout .contents {
    background-color: white;
    width: 40%;
    margin: auto;
    text-align: center;
}
#RestrictionsLayout .contents .alert {
    padding: 5px;
}
#RestrictionsLayout .contents .resetPwdFormContainer {
    display: inline-block;
    width: 300px;
    padding: 2%;
}
#RestrictionsLayout .contents .error {
    color: red;
}
.datepicker {
    z-index: 1100 !important;
}
.feedListContainer .listview-table tr td:first-child {
    width: inherit ! important;
}
.feedListContainer .listViewEntries .listViewEntryValue {
    max-width: inherit ! important;
}
.ps-container>.ps-scrollbar-y-rail {
    z-index: 1002;
}
#relationBlock .recordScroll {
    max-height: 150px;
}
.essentials-toggle {
    background-color: #f9f9f9;
    font-weight: bold;
    padding: 5px 1px 5px 6px;
    position: absolute;
    top: 92px;
    left: -4px;
    cursor: pointer;
    border: 1px solid #DDDDDD;
    border-left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: 0;
    display: inline-block;
    z-index: 10;
    box-sizing: content-box;
    text-align: center;
}

@media (max-width: 991px) {
    .essentials-toggle {
        top: 42px;
        font-size: 14px;
        padding: 5px 5px;
    }
}

.essentials-toggle .fa-chevron-left {
    background-position: -434px -72px !important;
}
.essentials-toggle .fa-chevron-right {
    background-position: -460px -72px !important;
}
.module-name-tooltip .qtip-content {
    font-size: 12px;
    padding: 3px;
    line-height: 1;
}

.qtip-dark.qtip-pos-bc, .qtip-dark.qtip-pos-bc {top:240px!important;}
.qtip-content{position: static!important;}

.module-name-tooltip {
    padding: 3px;
}
.main-container-Documents .module-nav,
.main-container-RecycleBin .module-nav,
.main-container-Reports .module-nav {
    width: 0;
}
.main-container-Documents .sidebar-essentials,
.main-container-RecycleBin .sidebar-essentials,
.main-container-Reports .sidebar-essentials {
    width: 240px;
    left: 0;
}
.main-container-Documents .full-width,
.main-container-RecycleBin .full-width,
.main-container-Reports .full-width,
.main-container-Portal .full-width {
    padding-left: 0px !important;
}
.main-container-MailManager .module-nav {
    display: block;
    width: 230px;
}
.main-container-MailManager .listViewPageDiv {
    padding-left: 230px;
}
.listViewPageDiv .ps-scrollbar-x-rail {
    opacity: 1 !important;
}
li.select2-search-choice div {
    white-space: nowrap;
}
#quickCreateModules .quickcreateMoreDropdownAction {
    padding-left: 4px;
    display: none;
    color: #888;
}
.related-list-actions {
    width: 100px;
    padding-left: 15px ! important;
}
.fa-star.active {
    color: #FFC600;
}
#quickCreateModules .dropdown:hover .quickcreateMoreDropdownAction {
    display: inherit;
}
#quickCreateModules .quickcreateMoreDropdown {
    left: 0;
    top: 24px;
    min-width: 170px;
    padding: 4%;
}
#quickCreateModules .quickcreateMoreDropdown li {
    padding: 1%;
}
#quickCreateModules .quickcreateMoreDropdown .divider {
    padding: 0;
}
.mailroomBlock .actionButton {
    height: 87px;
    margin: 12px 9px 0 0;
    border: 1px solid #CCC;
    width: 13.2857%;
}
#QuickCreate .modal-body {
    max-height: calc(100% - 100px) !important;
    height: calc(100% - 100px) !important;
}
#QuickCreate{
    height:100%;
}
#QuickCreate .massEditTable{
    margin-left: 15px;
    margin-right: 15px;
}
.popover-content ul.listmenu,
.popover ul.listmenu {
    list-style-type: none;
    padding: 1px;
    margin-bottom: 0;
}
.popover-content ul.listmenu li,
.popover ul.listmenu li {
    padding: 3px;
}
.popover-content .disabled>a,
.popover .disabled>a {
    opacity: 0.5;
    cursor: not-allowed;
}
.js-popover-container .rotate {
    color: #24a159 !important;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*
.essentials-toggle {
    background-color: white;
    font-weight: bold;
    padding: 5px 2px !important;
    position: absolute;
    top: 89px;
    left: -1px;
    cursor: pointer;
    width: 14px;
    border: 1px solid #DDDDDD;
    border-left: 0;
    display: inline-block;
}
*/
.essentials-toggle .fa-chevron-left {
    background-position: -434px -72px !important;
}
.essentials-toggle .fa-chevron-right {
    background-position: -460px -72px !important;
}

.floatThead-table {
    /*border-left: 1px solid #DDDDDD;*/
}
.main-container-Documents .module-nav,
.main-container-RecycleBin .module-nav,
.main-container-Reports .module-nav {
    width: 0;
}
.main-container-Documents .mod-switcher-container,
.main-container-RecycleBin .mod-switcher-container,
.main-container-Reports .mod-switcher-container {
    width: 0;
}
.main-container-Documents .sidebar-essentials,
.main-container-RecycleBin .sidebar-essentials,
.main-container-Reports .sidebar-essentials {
    width: 240px;
    left: 0;
}
.main-container-Documents .full-width,
.main-container-RecycleBin .full-width,
.main-container-Reports .full-width,
.main-container-Portal .full-width {
    padding-left: 0px !important;
}
.listViewPageDiv .ps-scrollbar-x-rail {
    opacity: 1 !important;
}
li.select2-search-choice div {
    white-space: nowrap;
}
#quickCreateModules .quickcreateMoreDropdownAction {
    padding-left: 4px;
    display: none;
    color: #888;
}
#quickCreateModules .dropdown:hover .quickcreateMoreDropdownAction {
    display: inherit;
}
#quickCreateModules .quickcreateMoreDropdown {
    left: 0;
    top: 24px;
    min-width: 170px;
    padding: 4%;
}
#quickCreateModules .quickcreateMoreDropdown li {
    padding: 1%;
}
#quickCreateModules .quickcreateMoreDropdown .divider {
    padding: 0;
}
.mailroomBlock .actionButton {
    height: 87px;
    margin: 12px 9px 0 0;
    border: 1px solid #CCC;
    width: 13.2857%;
}
#QuickCreate .modal-body {
    max-height: 100%;
}
.selectedModule {
    background-color: #3cbad0 !important;
    color: #FFFFFF !important;
    font-weight: inherit;
    border-color: #2e9ebc;
}
.details .relatedContents .bottomscroll-div {
    display: flex;
    overflow-x: auto;
}
#reportDetails .pivot .toptitle.targetY0,
#reportDetails .pivot .lefttitle.targetX0 {
    border-color: #F3F3F4 #F3F3F4 #cbcbcf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    background-color: #474747;
    background-image: -moz-linear-gradient(top,#555555,#333333);
    background-image: -ms-linear-gradient(top,#555555,#333333);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#555555),to(#333333));
    background-image: -webkit-linear-gradient(top,#555555,#333333);
    background-image: -o-linear-gradient(top,#555555,#333333);
    background-image: linear-gradient(top,#555555,#333333);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#333333',GradientType=0);
    min-height: 30px;
}
#reportDetails .pivot th.toptitle.targetY0,
#reportDetails .pivot th.lefttitle.targetX0 {
    color: #FFF !important;
}
#reportDetails .pivot .ztitle,
#reportDetails .pivot .toptitle,
#reportDetails .pivot .lefttitle {
    background: #E5E5E5;
    border: 1px solid #BBB;
}
#reportDetails .pivot .summary {
    background: #E5E5E5;
    border: 1px solid #BBB;
    color: #4479ba !important;
}
#reportDetails .pivot .line_right_0,
#reportDetails .pivot .line_right_3,
#reportDetails .pivot .line_left_0,
#reportDetails .pivot .line_left_3,
#reportDetails .pivot .line_top_0,
#reportDetails .pivot .line_top_3,
#reportDetails .pivot .line_bottom_0,
#reportDetails .pivot .line_bottom_3 {
    border: 1px solid #BBB;
}
#pivot1 th {
    font-size: 1em;
}
.ui-autocomplete {
    border-radius: 1px !important;
    max-height: 150px;
    overflow: auto;
    height: auto;
    min-height: 30px;
}
#reportDetails .table-bordered {
    background: #FFFFFF;
}
.templateActions {
    background: rgba(0,0,0,0.1);
    bottom: 0;
    text-align: center;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";
    zoom: 1;
    width: 100%;
}
.thumbnails > li {
    float: left;
    height: 315px !important;
    margin: 0 0 18px 20px;
    list-style: none;
}
.thumbnails li {
    padding: 1%;
}
.templateName {
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    height: 40px;
}
.templateName > p {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    max-height: 40px;
    text-align: center;
    font-size: 1.2em;
}
.positionRel {
    position: relative;
}
.mk-rdio {
    display: inline-block;
    height: 26px;
    width: 26px;
    border-radius: 2px;
    position: relative;
}
.mk-rdio:after {
    content: " ";
    display: inline-block;
    height: 20px;
    width: 20px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    border: 2px solid #ddd;
}
.mk-org-rdio + .mk-rdio-checked {
    content: " ";
    display: inline-block;
    height: 12px;
    width: 12px;
    background: #3CB878;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 2px;
    opacity: 0;
    z-index: 2;
}
.mk-org-rdio:checked + .mk-rdio-checked {
    opacity: 1;
    z-index: 2;
}
.mk-org-rdio {
    height: 20px;
    width: 20px;
    margin: 3px;
    vertical-align: middle;
    z-index: 3;
    opacity: 0;
}
a.btnReport,
a.btnReport:hover {
    color: white;
}
.column {
    float: left;
    display: inline-block;
    padding: 0 10px;
    box-sizing: border-box;
}
.column.l1 {
    width: 4.166666666667%;
}
.column.l2 {
    width: 8.333333333333%;
}
.column.l3 {
    width: 12.5%;
}
.column.l5 {
    width: 20.83333333333%;
}
.column.l8 {
    width: 33.33333333333%;
}
.column.l9 {
    width: 37.5%;
}
.selectedReport {
    background: #FFFFFF !important;
}
.tweetSummary {
    float: left;
    display: inline-block;
    width: 90%;
    margin-left: 5px;
}
#reportDetails table tr td.summary {
    border-bottom: 0;
    border-top: 0;
}
#popupPageContainer {
    float: none;
}
.popupEntriesDiv {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.emailTemplate .popupEntriesDiv {
    overflow: auto;
    padding-bottom: 10px;
}

.modal-dialog.modal-inventory .popupEntriesDiv {
    overflow: auto !important;
    position: relative;
    border: 1px solid #eee;
    border-right: 0;
    border-top: 0;
    border-radius: 3px;
    margin-top: 17px;
    max-height: calc(100vh - 260px);
    min-height: 0;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table {
    min-width: 100%;
    max-width: none;
    margin-top: 0 !important;
    margin-bottom: 0;
    padding-bottom: 0;
    border-collapse: separate;
    table-layout: fixed;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table .listViewHeaders th {
    position: sticky;
    top: 0px;
    z-index: 10;
    border: 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #eee;
    padding: 12px 5px;
    /* min-width: 100px; */
    vertical-align: middle;
    line-height: 16px;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
    user-select: none;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table .listViewHeaders th:first-child {
    border-top-left-radius: 4px;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table .listViewHeaders th:last-child {
    border-top-right-radius: 4px;
}


.modal-dialog.modal-inventory .popupEntriesDiv .listview-table .listViewHeaders .listViewContentHeaderValues {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}



.modal-dialog.modal-inventory .popupEntriesDiv .listview-table th .btn-reset-column-width {
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translate(-50%, 0);
    background: none;
    border: none;
    opacity: 0;
    pointer-events: none;
    line-height: 10px;
    white-space: nowrap;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table tr:hover th.resized .btn-reset-column-width {
    pointer-events: all;
    opacity: 0.4;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table tr:hover th.resized .btn-reset-column-width:hover,
.modal-dialog.modal-inventory .popupEntriesDiv .listview-table tr:hover th.resized .btn-reset-column-width:active {
    opacity: 1;
    color: indianred;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table th .btn-reset-column-width span {
    display: inline-block;
    font-size: 7px;
    line-height: 6px;
    vertical-align: middle;
    text-transform: uppercase;
    -webkit-transition: margin .2s ease, opacity .2s ease;
    -moz-transition: margin .2s ease, opacity .2s ease;
    -o-transition: margin .2s ease, opacity .2s ease;
    transition: margin .2s ease, opacity .2s ease;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table th .btn-reset-column-width i {
    font-size: 13px;
    line-height: 7px;
    margin: 0 -2px;
    opacity: 0.5;
    -webkit-transition: margin .2s ease, opacity .2s ease;
    -moz-transition: margin .2s ease, opacity .2s ease;
    -o-transition: margin .2s ease, opacity .2s ease;
    transition: margin .2s ease, opacity .2s ease;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table tr:hover th .btn-reset-column-width:hover i {
    margin: 0 0px;
    opacity: 1;
}




.modal-dialog.modal-inventory .popupEntriesDiv .listview-table .searchRow th {
    position: sticky;
    top: 43px;
    border: 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #eee;
    vertical-align: middle;
    z-index: 99;
    padding-right: 3px;
    border-top: 0;
    border-bottom: 0;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table .searchRow th.searchBtn {
    padding: 0 6px;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table .searchRow th.searchBtn button.btn {
    padding: 0px 8px;
    border-radius: 3px;
    margin-top: 0;
    line-height: 27px;
    font-size: 13px;
    color: white !important;
    outline: none;
    background-color: #555 !important;
    border: 1px solid #555 !important;
    width: 100%;
    vertical-align: text-bottom;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table .searchRow th.searchBtn button.btn:hover,
.modal-dialog.modal-inventory .popupEntriesDiv .listview-table .searchRow th.searchBtn button.btn:active {
    color: #555 !important;
    background-color: #fff !important;
    border: 1px solid #555 !important;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table .searchRow th .listSearchContributor {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.modal-dialog.modal-inventory .popupEntriesDiv .listview-table td {
    border: 0;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
}



.popupEntriesTableContainer {
    width: 100%;
    min-width: 800px;
}
.popupEntriesTableContainer .listview-table {
    width: 100%;
}
#searchResults-container .moduleResults-container .essentials-toggle {
    display: none;
}
.marginRight10px {
    margin-right: 10px;
}
.MultiFile-wrap {
    display: inline-block;
    margin-right: 3px;
}
.commentContainer .detailViewSaveComment,
.commentContainer .saveComment
 {
    min-width: 102px;
}
.socialContainer .socialBlock {
    padding: 10px 5px;
    border-bottom: 2px solid #04ABE7;
}
.socialContainer .tweetcontent h4 {
    color: #04ABE7;
}
#searchResults-container .moduleResults-container .essentials-toggle {
    display: none;
}
.bx-wrapper {
    position: relative;
    margin-bottom: 10px;
    padding: 0;
    *zoom: 1;
}
.bx-wrapper img {
    max-width: 100%;
    width: 400px;
    height: auto;
}
.bx-wrapper .bxslider {
    padding-left: 0px;
}
.bxslider ul {
    padding-left: 0px;
}
.bx-wrapper .bxslider li {
    position: relative;
    text-align: center;
    left: 0px;
}
.bx-wrapper .bx-viewport {
    width:99%;
    left: 0px;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    height: 100% !important;
}
.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%;
    text-align: center;
    color: #666;
    padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}
.bx-wrapper .bx-prev {
    left: 10px;
}
.bx-wrapper .bx-next {
    right: 10px;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    margin-top: 5px;
    outline: 0;
    width: 20px;
    height: 20px;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
.filter-search-hide {
    display: none;
}
.filter-search-show {
    display: block !important;
}
.emailTemplatesPopupTableContainer .listViewEntries  .listViewEntryValue {
    max-width: 100%;
    min-width: 150px;
}
.noSorting {
    cursor: default;
}
body.modal-open {
    overflow: visible;
}
.greyStar {
    background-image: url("../images/stars.png");
    background-position: 20px 20px;
    height: 20px;
    width: 20px;
    display: inline-block;
}
.yellowStar {
    background-image: url('../images/stars.png');
    background-position: 0 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.notificationMessageHolder {
    font-size: 10px;
    padding-top: 12px;
    text-align: center;
}
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder {
    color: transparent;
}
input:focus::-moz-placeholder {
    color: transparent;
}
input:focus:-ms-input-placeholder {
    color: transparent;
}
.global-actions .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 13px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
    content: '';
}
.global-actions .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 14px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
#sharedcalendar .fc-event-container .vicon-meeting,
#mycalendar .fc-event-container .vicon-meeting {
    font-size: inherit;
}
#mycalendar th.fc-day-header {
    line-height: 16px;
    padding: 6px 2px;
}

.insightsdropDown {
    position: relative;
    display: inline-block;
}
.insightsdropDown .dropdown-menu {
    position: absolute;
    top: 100%;
    display: none;
    margin: 0;
    list-style: none;
    padding: 0;
    min-width: 0px;
}
.insightsdropDown:hover #slaButton {
    background: #FF6223;
    color: #FFFFFF;
    border: none;
    margin: 0;
    padding: 4px;
    font-size: 1em;
}
.insightsdropDown:hover .dropdown-menu {
    margin-top: 4px;
    display: block;
}
.insightsdropDown a {
    display: block;
    padding: 0.2em 0.8em;
    text-decoration: none;
}
#OnBoardLayout #OnBoardPageContainer {
    min-height: 500px;
}
#OnBoardLayout #OnBoardPageContainer .topHeader {
    padding: 1%;
    padding-left: 0px;
    width: 60%;
    margin: 0 auto;
}
#OnBoardLayout #OnBoardPageContainer .topHeader img {
    width: 150px;
}
#OnBoardLayout #OnBoardPageContainer .topHeader .gettingStarted {
    font-size: 18px;
    text-align: right;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
}
#OnBoardLayout #OnBoardPageContainer .step-tracker {
    padding: 1%;
    background: #2C3B49;
    min-height: 100px;
    width: 100%;
    z-index: 1;
}
#OnBoardLayout #OnBoardPageContainer .step-tracker .steps-container {
    width: 70%;
    margin: 0 auto;
}
#OnBoardLayout #OnBoardPageContainer .step-tracker .steps-container .steps .step {
    color: white;
}
#OnBoardLayout #OnBoardPageContainer .step-tracker .steps-container .steps .step img {
    width: 80px;
    height: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#OnBoardLayout #OnBoardPageContainer .step-tracker .steps-container .steps .step .step-name {
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 2%;
}
#OnBoardLayout #OnBoardPageContainer .step-tracker .steps-container .steps .step .step-name-active {
    font-weight: bold;
}
#OnBoardLayout #OnBoardPageContainer .contents {
    margin-top: 30px;
    background: #FFFFFF;
    padding: 2% 2% 2% 2.2%;
    min-height: 400px;
    width: 65%;
    margin: 0 auto;
}
#OnBoardLayout #OnBoardPageContainer .contents .subcontens {
    padding: 1%;
}
#OnBoardLayout #OnBoardPageContainer .contents .subcontens .explanationContainer {
    padding-top: 20px;
    padding-left: 3%;
    line-height: 25px;
}
#OnBoardLayout #OnBoardPageContainer .contents .subcontens .helpImageHolder {
    margin-top: 10px;
}
#OnBoardLayout #OnBoardPageContainer .contents .subcontens .rightAlignedButton {
    width: 225px;
}
#OnBoardLayout #OnBoardPageContainer .contents .tab-content {
    border: 1px solid #ddd;
    border-top: 0px;
}
#OnBoardLayout #OnBoardPageContainer .text-uppercase {
    text-transform: uppercase;
}
#OnBoardLayout #OnBoardPageContainer .buttonsContainer {
    margin-top: 3%;
}
#OnBoardLayout #OnBoardPageContainer .buttonsContainer button {
    width: 25%;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 4px;
}
#OnBoardLayout #OnBoardPageContainer .buttonsContainer .previous {
    margin-right: 5px;
    padding: 1.5%;
}
#OnBoardLayout #OnBoardPageContainer .crmGoals .item {
    display: table-cell;
    vertical-align: middle;
    height: 120px;
    width: 250px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0px;
    cursor: pointer;
    word-break: break-all;
    overflow: hidden;
    border: 1px solid #dddddd;
}
#OnBoardLayout #OnBoardPageContainer .crmGoals .item p {
    font-size: 12px;
    color: grey;
    opacity: 0;
    padding: 1%;
}
#OnBoardLayout #OnBoardPageContainer .crmGoals .item:hover {
    border-color: #2C3B49;
}
#OnBoardLayout #OnBoardPageContainer .crmGoals .item:hover p {
    opacity: 1;
}
#OnBoardLayout #OnBoardPageContainer .crmGoals .active {
    border: 2px solid #51a351 !important;
    border-radius: 3px;
    background-color: #fafafb;
}
#OnBoardLayout #OnBoardPageContainer .crmGoals .active p {
    opacity: 1;
}
#OnBoardLayout #OnBoardPageContainer .crmGoals ul {
    margin: 0 0 9px 0 !important;
    padding-left: 0px;
    list-style: none;
}
#OnBoardLayout #OnBoardPageContainer .crmGoals textarea {
    height: 120px;
    width: 99%;
    padding: 0 12% 0 12%;
    font-size: 14px;
    text-align: center;
}
#OnBoardLayout #OnBoardPageContainer .crmGoals textarea::-webkit-input-placeholder {
    text-align: center;
    padding: 20%;
    font-size: 12px;
}
#OnBoardLayout #OnBoardPageContainer .PickRoles .RolesRow {
    text-align: center;
    margin-top: 10px;
}
#OnBoardLayout #OnBoardPageContainer .PickRoles .item {
    border: 1px solid #2C3B49;
    height: 100px;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
    line-height: 100px;
    font-size: 14px;
    background-color: #fdfdfd;
}
#OnBoardLayout #OnBoardPageContainer .PickRoles .active {
    border: 2px solid #51a351 !important;
    border-radius: 3px;
    background-color: #fafafb;
}
#OnBoardLayout #OnBoardPageContainer .PickRoles .subrole {
    width: 24%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}
#OnBoardLayout #OnBoardPageContainer .PickRoles .item:hover {
    background-color: #dddddd;
}
#OnBoardLayout #OnBoardPageContainer .AddUsers input[type=text] {
    width: 30%;
}
#OnBoardLayout #OnBoardPageContainer .AddUsers select {
    width: 15%;
}
#OnBoardLayout #OnBoardPageContainer .crumbs {
    width: 100%;
}
#OnBoardLayout #OnBoardPageContainer .crumbs li {
    width: 21.5%;
}
#OnBoardLayout #OnBoardPageContainer .crumbs li a {
    width: 100%;
}
#OnBoardLayout #OnBoardPageContainer .crumbs li .stepText {
    font-size: 15px;
}
#OnBoardLayout #OnBoardPageContainer .crumbs li:after {
    left: 100%;
    top: -30px;
}
#OnBoardLayout #OnBoardPageContainer .crumbs li.active-crumb {
    border-top-color: #51a351;
    border-bottom-color: #51a351;
    box-shadow: 0 1px #51a351;
}
#OnBoardLayout #OnBoardPageContainer .crumbs li.active-crumb a {
    color: white;
}
#OnBoardLayout #OnBoardPageContainer .crumbs li.active-crumb:after {
    border-left-color: #51a351 !important;
}
#OnBoardLayout #OnBoardPageContainer .crumbs li:not(.hoverDisabled):hover {
    border-top-color: #51a351;
    border-bottom-color: #51a351;
    box-shadow: 0 1px #51a351;
}
#OnBoardLayout #OnBoardPageContainer .crumbs li:not(.hoverDisabled):hover a {
    color: #ffffff;
}
#OnBoardLayout #OnBoardPageContainer .crumbs li:not(.hoverDisabled):hover:after {
    border-left-color: #51a351 !important;
}
#OnBoardLayout #OnBoardPageContainer #PreferencesContainer .currencyPreferences .control-label {
    width: 147px;
}
#OnBoardLayout #OnBoardPageContainer #TellUsAboutYouContainer .explanationContainer {
    padding-top: 20px;
    line-height: 25px;
    font-size: 14px;
}
#OnBoardLayout #OnBoardPageContainer div.error {
    margin: 10px;
    text-align: center;
}
#OnBoardLayout #OnBoardPageContainer a.help {
    color: #6297C3;
}
.importServiceSelectionContainer .app-item {
    text-align: center;
}
.app-menu .app-list {
    margin-top: -10px;
}
.listpotentials-overflow {
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.nav-tabs.charttabs > li > a {
    padding: 15px 15px 5px 15px;
    border: 1px solid transparent;
    border-bottom-width: 0;
}
.nav-tabs.charttabs > li > a .chartname {
    padding: 5px;
}
.row .nav.charttabs > li > a:hover,
.nav-tabs.charttabs > li.active > a,
.nav-tabs.charttabs > li > a:hover {
    border: 1px solid #ddd;
    border-bottom-width: 0;
    padding: 15px 15px 5px 15px;
}
.row .nav.charttabs > li,
.nav-tabs > li {
    border-bottom: 0;
    margin-bottom: -1px;
}
#mycalendar .fc-event-container .vicon-meeting {
    font-size: inherit;
}
.pbxcall a:hover {
    color: white;
}
.pbxcall .phoneCallsCaseContainer tr.relatedCasesInfo td {
    max-width: 200px;
    border: none;
}
.pbxcall .phoneCallsCaseContainer tr.relatedCasesInfo .relateCase {
    opacity: 0;
}
.pbxcall .phoneCallsCaseContainer tr.relatedCasesInfo:hover .relateCase {
    opacity: 1;
}
.importServiceSelectionContainer .app-item {
    text-align: center;
}
.modules-menu ul li.active a {
    border-left: 3px solid #F1C40F;
    opacity: 1;
}
.fieldValue .value a {
    color: #2c3b49 !important;
}

.editViewContents textarea.textAreaElement {
    width: 88%;
}
.editViewContents input[type="checkbox"] {
    width: 15px;
    height: 15px;
}
.editViewContents input[type="radio"] {
    width: 15px;
    height: 15px;
}
.editViewContents .select2-container {
    vertical-align: bottom;
}

#composeEmailContainer .modal-body .quickCreateContent,
#QuickCreate .modal-body .quickCreateContent,
#create .quickCreateContent {
    margin-top: 25px;
}
.settingsgroup-panel .widgetContainer .menuItemLabel .pinUnpinShortCut {
    display: none;
    margin-top: 2px;
}
.settingsgroup-panel .widgetContainer .menuItemLabel:hover .pinUnpinShortCut {
    display: inline-block;
}


.navbar-nav .open .dropdown-menu{
    position: absolute !important;
    padding: 3px;
    background-color: white;
}

.detailview-table .fieldValue{
    padding: 8px;border-bottom: 1px solid #eee;
}
.detailview-table .fieldLabel{background: #fff;}

.table .fieldValue,
.table .fieldLabel{
    padding-bottom: 1px;
}

.detailview-table .row{
    margin-left: 0px;
    margin-right: 0px;
}


.related-tabs ul{
    max-width: 100%;
    overflow-x: initial;    height: initial;box-shadow: none;
}

.related-tabs li{
    float: none;
    white-space: nowrap;
    display: inline;
}


.maxWidth100{
    max-width: 100%;
}

.editViewContents textarea.textAreaElement{
    width: 100%
}

@media (max-width: 768px){
    .modal-overlay-footer{
        border-left: none;
    }

    .app-modules-dropdown{
        left: 45px !important;
        top: -1px !important;
        min-height: 101% !important;
    }

    .app-menu .dropdown-compact .app-menu-items-wrapper .app-name,
    .menu-items-wrapper .app-name{
        padding-left: 7px;
    }

    #helpPageOverlay{
        max-width: 100%;
    }
/*
    .sidebar-essentials .sidebar-menu{
        padding: 5px;
        margin: 15px;
        border: 1px solid #ddd;
    }

    .sidebar-essentials .menu-scroller{
        height: 100% !important;
    }
*/
    .detailViewContainer .content-area {
        margin-top: 20px;
    }
}

@media (max-width: 767px){
    /*
    .sidebar-essentials{
        min-width: 100%;
        margin-top: 50px;
        margin-bottom: 20px;
    }
    */
}

/* -- se7en -- */
.profile-img-container {
    padding: 20px;
    height: 80px;
}
.profile-container .vicon-vtigeruser {
    font-size: 50px!important;
    background: #2C3B49;
    padding: 20px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    border: 3px solid #fff;
    color: #fff;
}

.navbar-nav .fa {
    font-size: 18px;
    color: #777;
}
.navbar-nav .fa:hover {
    color: #505861 !important;
}

.btn-se7en{
    color: #555555;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    font-weight: 400;
}
.btn-se7en:hover,
.btn-se7en:focus{
    color: #fff;
    background-color: #555555!important;
    border: 1px solid #555555!important;
}
.btn-se7en-gray:hover,
.btn-se7en-gray:focus {
    color: #3A434D;
    background-color: #fff!important;
    border: 1px solid #3A434D!important;
}
.btn-se7en-gray{
    color: #555555;
    background-color: #FFF;
    border: 1px solid #555555;
    border-radius: 2px;
}

.btn-se7en-orange:hover,
.btn-se7en-orange:focus {
    color: #555555;
    background-color: #fff!important;
    border: 1px solid #555555!important;
}
.btn-se7en-orange{
    color: #fff;
    background-color: #555555;
    border: 1px solid #555555;
    border-radius: 2px;
}

.btn-se7en-blue:hover,
.btn-se7en-blue:focus {
    color: #555555;
    background-color: #fff!important;
    border: 1px solid #555555!important;
}
.btn-se7en-blue {
    color: #fff;
    background-color: #555555;
    border: 1px solid #555555;
    border-radius: 2px;
}
.btn-se7en-white:hover,
.btn-se7en-white:focus {
    color: #333;
    background-color: #eee!important;
    border: 1px solid #ccc!important;
}
.btn-se7en-white{
    color: #333;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 2px;
}


@media (max-width: 991px) {
    .detailview-header-block {
        margin-top: 30px;
    }
    .record-header .recordBasicInfo {
        padding-left: 10px;
    }
}

@media screen and (max-width: 769px) {
    .btn-se7en-gray {
        overflow: hidden;
        text-overflow: ellipsis!important;
        white-space: nowrap!important;
        width: 36px!important;
    }
    .company-logo img {
        height:70%;
        margin-top: 4px;
    }
    #prefPageHeader {
        margin-top: 60px;
    }
}

@media screen and (max-width: 426px) {
    .main-container-MailManager .listViewPageDiv {
        padding-left:30px;
        padding-bottom: 30px;
    }
    .mmDescription {
        width: 100%;
        height: 100%;
    }
}


#sidebar-essentials {
    background:#f9f9f9;
    box-shadow:2px 2px 6px 0 rgba(204,204,204,.5);
}
footer {
    min-width: 100%;
    margin: 0px;
    bottom: 0px;
    margin-top: 0px;
}
.login-heading{
    background-color: #039be5;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


/* Detail */
h4.display-inline-block {
    padding: 5px 0px 5px;
    font-weight: bold;
    font-size: 16px;
    color: inherit;
    margin-bottom: 10px;
}
#detailView .block hr {
    border-style: solid;
    border-color: gray;
    border-width: 0 0 1px 0;
}
#detailView .summaryView .fieldLabel {
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    color: #616161;
}
#detailView .summaryView .fieldValue {
    border-bottom: 1px solid #ddd;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 4px;
}
#detailView .summaryView .fieldLabel label {
    margin-bottom: 0px;
    font-weight: 400;
    white-space: normal;
}
.detailViewContainer .recentActivitiesContainer {
    padding: 0px;
}
@media (max-width: 425px) {
    #detailView .block h4 {
        font-size: 14px;
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inherit;
    }
}

.modal-backdrop {
    background-color: #000;
}
.related-tabs-mobile {
    margin-top: 20px;
}
.module-breadcrumb-Edit #appnav {
    display: none;
}

@media (max-width: 768px) {
    /*Documents*/
    #Documents_detailView_fieldValue_notes_title span {
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inherit;
    }
    #Documents_detailView_fieldValue_filename,
    #Documents_detailView_fieldValue_filename a {
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: grid;
    }
}

/* MailManager*/
.mmSearchContainerOther .input-group {
    float: none;
    min-width: 50px;
    margin-bottom: 0px;
}
.CountBadge {
    padding: 1px 5px;
    border-radius: 0px;
    border: 1px solid #2095e8;
    background-color: #2095e8;
}
@media (max-width: 768px) {
    #mails_container {
        margin-top: 60px;
    }
    .main-container-MailManager .listViewPageDiv {
        padding-left:0px;
    }
    .MailManager-module-action-content .module-breadcrumb-List{
        display:none;
    }
    .col-lg-5.module-breadcrumb-DashBoard {
        display:none;
    }
    .Home-module-action-content div:nth-child(2) {
        display:none;
    }
}

/*Dashboard*/
.widgetChartContainer{
    min-width: 220px!important;
}
.dashboardTitle{
    width: 100%!important;
    text-transform:uppercase;
}
@media only screen and (max-width: 374px) {
    .dashBoardContainer .dashBoardTabContents ul li {
        width: 280px;
    }
    .dashBoardContainer .dashBoardTabContents ul li canvas {
        max-width: 230px;
    }
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
    .dashBoardContainer .dashBoardTabContents ul li {
        width: 280px;
    }
    .dashBoardContainer .dashBoardTabContents ul li canvas {
        max-width: 230px;
    }
}
@media only screen and (min-width: 376px) and (max-width: 426px) {
    .dashBoardContainer .dashBoardTabContents ul li {
        width: 310px;
    }
    .dashBoardContainer .dashBoardTabContents ul li canvas {
        max-width: 260px;
    }
}
@media only screen and (min-width: 427px) and (max-width: 768px) {
    .dashBoardContainer .dashBoardTabContents ul li {
        width: 550px;
    }
    .dashBoardContainer .dashBoardTabContents ul li canvas {
        max-width: 500px;
    }
}

/*Settings shortcut*/
h2.summaryCount{
    color: #5ea9dd;
    font-size: 40px!important;
    background-color: #fff!important;
    padding: 10px;
    border-radius: 8px;
    margin: 0 40px;
}

/*no padding left for Sidebar-essentials
@media (min-width: 1024px){
.main-container #listViewContent {padding-left: 0px;}
.main-container-Contacts #listViewContent, .main-container-Vendors  #listViewContent,
.main-container-Services #listViewContent, .main-container-Campaigns #listViewContent,
.main-container-Accounts #listViewContent, .main-container-Leads #listViewContent,
.main-container-Quotes #listViewContent, .main-container-Products #listViewContent,
.main-container-Potentials #listViewContent, .main-container-Invoice #listViewContent,
.main-container-Assets #listViewContent, .main-container-Faq #listViewContent,
.main-container-HelpDesk #listViewContent, .main-container-Project #listViewContent,
.main-container-ProjectTask #listViewContent, .main-container-ProjectMilestone #listViewContent,
.main-container-MailManager #listViewContent, .main-container-Documents #listViewContent,
.main-container-SalesOrder #listViewContent, .main-container-PriceBooks #listViewContent ,
.main-container-PurchaseOrder #listViewContent, .main-container-SMSNotifier #listViewContent,
.main-container-PBXManager #listViewContent, .main-container-PDFMaker #listViewContent {padding-left: 283px;}}*/


@media (max-width: 768px) {
    /*Sidebar-essentials mobile*/
    .settingsgroup{
        background: transparent;
    }
    .settingsgroup .panel-group .panel {
        background-color: transparent;
    }
    .settingsgroup div.settingsgroup-accordion:hover a,
    .settingsgroup div.settingsgroup-accordion a:link,
    .settingsgroup div.settingsgroup-accordion a:active,
    .settingsgroup li:hover a {
        color: #eee;
    }
    .panel-collapse ul li a.settingsgroup-menu-color {
        background: #F7F7F7;
        padding: 6px 6px 6px 40px;
        color:#333;
    }
    .panel-collapse ul li a:hover{
        background: rgba(247, 247, 247, 0.2);
        font-weight: bolder;
    }
    .settingsgroup div.panel-collapse {
        background-color: transparent;
    }
    .settingsgroup ul li a{
        padding: 8px 8px 8px 40px;
        margin-left: 20px;
        color: #ccc;
    }
    /*all settings modules from sidebar*/
    .settingsPageDiv .modal-overlay-footer {
        margin-left: 0px;
    }
    /*.settingsPageDiv {
        margin-top: 100px;
    }*/
    .detailViewContainer #EditView {
        margin-top: 80px;
    }
    #customerPortalForm div.row{
        width: 100%;
        overflow-x: scroll;
    }
    #customerPortalForm div.row div.overrow,
    .overrow {
        min-width: 1000px;
    }
    .overparrow {
        width: 100%;
        overflow-x: scroll;
    }
    #customerPortalForm.form-horizontal .form-group,
    #ConfigEditorForm.form-horizontal .form-group {
        margin-right: 0px;
        margin-left: 0px;
    }
    #ConfigEditorForm .detailViewInfo {
        margin-bottom: 100px;
    }
    #listViewContent.listViewPageDiv.detailViewContainer {
        margin-top: 60px;
    }/* ?????*/
    /*Table list mobile */
    .table-actions  [data-trigger^="listSearch"] .listSearchText {
        display: none;
    }
    .table-actions  [data-trigger^="listSearch"] i {
        font-size: 15px;
        vertical-align: middle;
    }
}

.table-actions  [data-trigger^="listSearch"] {
    width: 85%;
    line-height: 22px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 425px){
    .treeView ul{-webkit-padding-start: 30px;}
    .detailViewSetting {box-shadow: 0 2px 4px rgba(0,0,0,.2)!important;border: 1px solid #ccc!important;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #777; }
    #quickCreateModules_mobile [class^="vicon-"],
    #quickCreateModules_mobile [class*=" vicon-"] {font-size: 14px;color: #888;margin-right: 0;}
    li#quickCreateModules_mobile span {font-size: 14px;}
    li#quickCreateModules_mobile div.col-xs-12 {margin-bottom: 6px;}
    a.qc-button:hover{color:#eee;}
    /*Table list mobile search */
    .table-actions  [data-trigger^="listSearch"] {}
    /*
    .table-actions  [data-trigger^="listSearch"]:after
    {font-family: FontAwesome; content: "\f002";text-indent: 0;display: block;line-height: initial;}
    */
    /*edit preview*/
    .editElement .inputElement.form-control {width: 48%;}/*I1277 Nusran*/
    /*.input-group.editElement{max-width: 150px!important;min-width: 150px!important;margin-bottom:0px;}*/
    .input-group-addon {padding: 5px 6px;}
    .vt-notification{right:10px!important;}
}

/*Table list */
.listview-table > tbody > tr > td, .listview-table > tfoot > tr > td {padding: 5px;}

/*Quick Create*/
.modal-content{width:100%!important;left:0%!important;
               box-shadow: 0 5px 15px rgba(0,0,0,.5);}
.quickCreateContent{overflow: hidden;overflow-x: hidden;}
.quickCreateContent table{width:100%;}

/*PDFMaker*/
#PDFMakerContentDiv{margin-top: 10px;}
.related-tabs-mobile {display:none;}

/* Campaigns Status */
.dropdown-menu.campaigns-status{
	left: 20px;
	overflow-y: auto;
	max-height: 165px;
}

/*Edit */
.fieldBlockContainer{/*overflow-x: scroll;*/}
.fieldBlockContainer table{width: 100%;}
.editViewContents .fieldLabel{word-break: normal;}
#EditView .row{min-height: 45px!important;}

@media (max-width: 425px){
    #EditView .fieldBlockContainer h4
    {font-size: 14px;width: 250px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inherit;}
    .fieldValue .referencefield-wrapper .input-group {width: 209px;}
    .editViewContents .fieldValue .referencefield-wrapper {width: 270px;}
}

/*MYCloader*/

.mycloaderbg{width: 100%;height: 100%;position: fixed;top: 0px;z-index: 9999999999;}
.mycloadingcontent{position: relative;width: 100%;text-align: center;margin-top: 40%;font-size: 90px;color: white;}
.mycloaderbg{background-color: rgba(0,0,0,0.75);}


.floatThead-wrapper{margin-bottom:60px;}
.listViewPageDiv .floatThead-wrapper{
    margin-bottom:0px;
    overflow-x: hidden !important;
}
.modal-footer-overwrite-style, .modal-footer-overwrite-style .row.clearfix{margin-bottom: 40px;}

#table-content{min-height: 600px; margin-bottom: 8px; }
.inline-search-btn{    width: 50px!important;}
a:hover{color:#15c;}


a[name~="relationEdit"],
button[name~="relationEdit"],
a.relationDelete,
a.relationDetaiView,
a[name~="viewfile"],
a[name~="downloadfile"] {
    display: inline-block;
    border: 1px solid #CCCCCC;
    padding: 2px 6px 4px;
    border-radius: 2px;
}

a[name~="relationEdit"]:hover,
a[name~="relationEdit"]:active,
button[name~="relationEdit"]:hover,
button[name~="relationEdit"]:active,
a.relationDelete:hover,
a.relationDelete:active,
a.relationDetaiView:hover,
a.relationDetaiView:active,
a[name~="viewfile"]:hover,
a[name~="viewfile"]:active,
a[name~="downloadfile"]:hover,
a[name~="downloadfile"]:active {
    color: white;
    background-color: #555555;
}

a[name~="relationEdit"] i,
button[name~="relationEdit"] i,
a.relationDelete i,
a.relationDetaiView i,
a[name~="viewfile"] i,
a[name~="downloadfile"] i {
    vertical-align: middle;
}


.btn-group .btn+.btn{margin-left: 1px;}

.module-nav .modules-menu
{box-shadow: 4px 2px 20px 3px rgba(0, 0, 0, 0.14), 0 2px 3px 2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}

#EditView{padding:8px 6px;}

.fieldBlockHeader{padding: 10px;border-radius: 5px 5px 0px 0px;margin-bottom: 0px;}
.btn:hover {background:rgba(44, 59, 73, 0.33);}

input[type=checkbox]:checked::after,
#checkgreen{content: "\f00c";font-family: FontAwesome;color: green;top: -3px;left: 0px;}

.table-hover>tbody>tr{border-left:4px solid white ;}
.table-hover>tbody>tr:hover{background-color: rgba(60, 118, 61, 0.09);border-left:4px solid forestgreen ;}


.activityEntries span[class*="vicon-"]{border: 1px solid #ccc;border-radius: 2px;padding: 10px;}

/*.activityEntries span[class*="vicon-mobile call"]{background: rgba(255, 0, 0, 0.21);}
.activityEntries span[class*="vicon-call"]{background: rgba(70, 130, 180, 0.41);}
.activityEntries span[class*="vicon-task"]{background: rgba(255, 140, 0, 0.42);}
.activityEntries span[class*="vicon-meeting"]{background: rgba(255, 192, 203, 0.6);}
*/

.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-"]{border: 1px solid #ccc;border-radius: 2px;padding: 3px;}
/*.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-mobile call"]{background: rgba(255, 0, 0, 0.21);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-call"]{background: rgba(70, 130, 180, 0.41);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-task"]{background: rgba(255, 140, 0, 0.42);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-meeting"]{background: rgba(255, 192, 203, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-contacts"]{background: rgba(0, 192, 203, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-calendar"]{background: rgba(255, 3, 203, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-chat"]{background: rgba(255, 192, 4, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-project"]{background: rgba(0, 192, 5, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-documents"]{background: rgba(255, 2, 3, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-quotes"]{background: rgba(9, 192, 5, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-accounts"]{background: rgba(0, 192, 203, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-projectmilestone"]{background: rgba(0, 192, 203, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-emails"]{background: rgba(255, 6, 203, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-helpdesk"]{background: rgba(0, 2, 203, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-faq"]{background: rgba(255, 2, 203, 0.6);}
.dashBoardContainer .dashBoardTabContents ul li span i[class*="vicon-invoice"]{background: rgba(255, 192, 4, 0.6);}
*/

.alphabetSorting .alphabetSearch a {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 2px;
}
.alphabetSorting .alphabetSearch:hover {
    background: #fff;
    border-bottom: 1px solid #673888;
}
#alphabetpicklist {
    text-align:center;
    padding-bottom: 10px;}

@media screen and (min-width: 768px) {
    #alphabetpicklist {
        display: none;
    }}

@media screen and (max-width: 769px) {
    #alphabettable {
        display: none;
    }}

.widget_contents{padding: 10px;
                 margin-bottom: 20px;}

.stop-hor-scrol{
    overflow-x: hidden !important;
}

.stop-ver-scrol{
    overflow-y: hidden !important;
}

.btn-success:hover{border: 1px solid #3CB878; background:#3CB878}


#table-content{
    /*overflow-x: auto!important;*/
    min-height: 0.01%;position: relative; width: 100%!important;}
#listview-table{width: 100% !important;max-width: 100%; }

.floatThead-wrapper, #table-content{
    overflow-y: hidden !important;
}


.table-container{
    margin-bottom: 60px;
}

.listViewPageDiv .table-container{
    margin-bottom: 0px;
}

/* dashboard icons */
.footerIcons a[name*="dfilter"] {color: #555555;background-color: #ffffff;border: thin solid #CCC!important;border-radius: 2px;}
.footerIcons a[name*="widgetFullScreen"] {color: #555555;background-color: #ffffff;border: thin solid #CCC!important;border-radius: 2px;}
.footerIcons a[name*="drefresh"] {color: #555555;background-color: #ffffff;border: thin solid #CCC!important;border-radius: 2px;}
.footerIcons a[name*="dclose"] {color: #555555;background-color: #ffffff;border: thin solid #CCC!important;border-radius: 2px;}
.footerIcons a{padding: 4px 1px 2px 4px; }

/* import  */
@media (max-width: 425px){
    .crumbs li {display: block;width: 100%;}
    #overlayPageContent{overflow-y: scroll;}
    .importBlockContainer{overflow-x: scroll;}
}

.btn-default {
    background-image: none;
    background-color: #ffffff;
    font-weight: 300;
}

.btn-success {
    background-color: #ffffff;
    font-weight: 500;
    background-image:none;
    color: #3CB878;
}

.btn-primary {
    background-image: none;
    background-color: #555555;
    border-color: #555555;
    font-weight: 400;
}

.btn-primary:hover {
    background-image: none;
    background-color: #ffffff;
    color: #555555;
    border-color: #555555;
}

.fieldLabel .muted{
    color:#555555;
}

.fieldValue:hover a.editAction {
    color:#555555;
    display:inline;
}

.fieldValue a.editAction {
    color:#555555;
    display:none;
}

.detailview-table .fieldLabel,
.detailview-table .fieldValue {
    padding-top: 20px;
    white-space: normal;
}

.detailview-table .fieldValue .action {
    position: absolute;
    right: 10px;
}

.detailview-table .fieldValue .edit {
    overflow-x: hidden;
    display: block;
    /*max-width: 100%;*/
    width:110%; /*I1062*/
}

span.tab-label.vtTabHeader {
    vertical-align: bottom;
    padding-right:5px;
}


.select2-results .select2-highlighted {
    background-color: #3875d7 !important;
}

span.tab-icon [class^="vicon-"],
.dropdown-menu>li>a span i {
    padding-right: 4px;
}

.modal-lg {
    height: 90% ;
    width: 90%;
}
.modal-body{
    /*height: 90% !important;*/
    width: 100%;
    padding: 15px 0px;
}

.modal-dialog.modal-file-preview .modal-content {
    height: 100%;
}

.filePreview .modal-body {
    height: 100% !important;
    padding: 0;
    width: auto;
}

/* @author kirenj I1420: Fix for modal height issue */
.modal-lg .modal-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}
/* end */

/* @author kirenj I1420: Fix for modal height issue */
.mCSB_container_wrapper > .mCSB_container {
    padding-right: 0px;
}
/* end */

.modal-lg .filePreview {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 991px) {
    .modal-lg, .modal-lg{
        height: 90%;
        width: 90%;
    }
}

/*
 * @author : Nusran S
 * @Internal : I1433 Calendar settings layout for mobile view.
 */
@media screen and (min-width: 375px) and (max-width: 765px) {

    .calendarSettingsContainer{
        width: 350px;
    }

    .calendarSettingsContainer .fieldLabel {
        width: 35%;
        text-align: right;
        padding-right: 10px;
        vertical-align: middle;
        font-weight: 100;
        color: #2c3b49;

    }

    .calendarSettingsContainer .fieldValue {
        width: 64%;
        outline: none;
    }

    .calendarSettingsContainer .fieldValue .radio-group {
        display: inline-block;
        width: 50%;
    }

    .calendarSettingsContainer .fieldValue .radio-group .alignTop{
        margin-left: inherit;
    }

    .calendarSettingsContainer .fieldValue > * {
        font-weight: 100;
        color: #2c3b49;

    }

}

@media screen and (min-width: 768px) {
   /*
    * @author : Nusran S
    * @Internal : I1433 Calendar settings layout.
    */
    .calendarSettingsContainer{
        width: 750px;
    }

    .calendarSettingsContainer .fieldLabel {
        width: 30%;
        text-align: right;
        padding-right: 10px;
        vertical-align: middle;
        font-weight: 100;
        color: #2c3b49;

    }

    .calendarSettingsContainer .fieldValue {
        width: 69%;
        outline: none;
    }

    .calendarSettingsContainer .fieldValue > * {
        font-weight: 100;
        color: #2c3b49;

    }

    /*** End ***/

    .fieldLabel {
        width: 15%;
    }

    .fieldValue {
        width: 35%;
    }

    .fieldValue.col-xs-9 {
        width: 85%;
    }
}

.open>.quick-create-module-cantainer{
    max-width: 600px;
    overflow: auto;
    max-height: calc(100vh - 100px);
    line-height: 22px;
}

.open>.quick-create-module-cantainer.mobile{
    width: 300px !important;
}
.quick-create-module-cantainer.mobile .quickcreate-menubar-module-div i,
.quick-create-module-cantainer.mobile .quickcreate-menubar-module-div span.custom-module{
    width: 22px;
    display: inline-block;
    text-align: center;
    color: #888;
}
.quick-create-module-cantainer.mobile .quickcreate-menubar-module-div span.custom-module{
    background-color: #888;
    color: white;
}
.quick-create-module-cantainer.mobile .quickcreate-menubar-module-div span.quick-create-module{
    margin-left: 8px;
}
.quick-create-module-cantainer.mobile .quickcreate-menubar-module-div .quickCreateModuleSubmenu
{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.global-nav .home-container .fa {
        font-size: 25px;
        border: 2px solid #2C3B49;
        color: #2C3B49;
        width: 42px;
        height: 42px;
        text-align: center;
        line-height: 36px;
        margin-left: 1px;
    }

@media only screen and (max-width: 676px) {
    body {
        font-size: 12px;
    }

    .global-nav {
        min-width: 335px;
    }

    .global-nav .search-links-container {
        width: 140px;
        float: left;
    }
    .detailview-header .detailViewButtoncontainer {
        width: 100% !important;
    }
    .btn-toolbar >.btn-group:first-child {
        margin-left: inherit;
    }
    .module-breadcrumb-Detail, .navbar-right {
        padding-left: 0px !important;
    }
    button#detailViewPreviousRecordButton, button#detailViewNextRecordButton {
        margin-top: 7px;
    }
    .global-nav .search-links-container {
        padding-right: 0px;
        padding-left: 0px;
    }
    .global-nav .app-navigator-container {
        width: 90px;
    }
    .search-link.col-xs-4 {
        margin-left: 20px;
    }
    .global-nav .action-container {
            width: 100px;
    }
    .open>.dropdown-menu {
        width: 200px;
    }
    .open>.quick-create-module-cantainer{
        width: 350px;
    }
    span.quickView.fa.fa-eye.icon.action {
        padding-right: 6px;
    }
    .listview-table .table-actions {
        width: 90px !important;
    }
    .detailview-content.container-fluid, .left-block.col-lg-4, .middle-block {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .detailViewContainer .block {
        padding-left: 5px;
        padding-right: 5px;
    }
    .fieldLabel.textOverflowEllipsis, .detailview-table .fieldLabel {
        padding-left: 5px;
        padding-right: 5px;
    }
    textarea.input-xxlarge.form-control.inputElement {
        width: 100%;
    }
    .fieldBlockContainer .inputElement {
        width: 100%;
    }
    .editViewContents .fieldValue .referencefield-wrapper {
        width: 100%;
    }
    .fieldValue .referencefield-wrapper .input-group {
        width: 88%; /*I1277 Nusran*/
    }
    .editViewContents .input-group {
        width: 100%;
    }
    .modal-lg, .modal-lg{
        height: 90%;
        width: 95%;
    }
    #imageContainer > li > img{
        width: 80% !important;
    }
}

@media only screen and (max-width: 351px) {
    .open>.quick-create-module-cantainer{
        width: 320px;
    }
}

.accordion-body .row .fieldLabel.col-lg-4, .accordion-body .row .fieldValue, .defaultFields .row .fieldLabel.col-lg-4, .defaultFields .row .fieldValue.col-lg-8 {
    width: 50% !important;
}
/*
.detailview-header .col-lg-6 {
    width: 40%;
}

.detailview-header .detailViewButtoncontainer {
    width: 60%;
}
*/

@media (min-width: 992px) {
    .modal-lg {
        min-width: 600px;
    }


}


.fieldValue .value{white-space: inherit;}

.kanban-box-task-section.fieldValue {
    width: 100%;
}

label.control-label.fieldLabel {
    width: auto;
}

.settingsPageDiv .listViewPageDiv{
    padding-left:0px !important;
}
#listview-table_wrapper > .row > .col-sm-12{
    margin-top:35px;
}

#listview-table_wrapper{
    overflow-x: auto;
}
#table-content{
    min-height: 250px;
}
@media (max-width: 991px){
    .ListViewWrapper{
        padding: 0px;
        min-width: 300px;
    }

    .main-container #listViewContent {
        overflow-x: hidden;
    }

    .main-container #listViewContent .listview-selected-list-text {
        padding: 9px 20px 12px 20px;
        text-align: center;
    }

    #table-content{
        border-left: 0;
        border-right: 0;
    }

    .listview-table{
        padding-bottom: 0px;
    }
    .floatThead-floatContainer{
        top: 1px !important;
    }
    table.dataTable {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .floatThead-col, #listview-table .size-row{
        height: 0px !important;
    }
    #listview-table_wrapper{
        overflow-x: hidden;
    }
    .table-container {
        margin-bottom: 0px;
    }
    .floatThead-wrapper {
        margin-bottom: 0px;
    }
    #listViewContent #listview-table{
        margin-top:70px !important;
    }
}

/*@media (max-width: 500px){
    #listViewContent #listview-table{
        margin-top:65px !important;
    }
}*/

.popupEntriesDiv .mCSB_container_wrapper{
    margin-right: 5px;
    margin-bottom: 19px;
}

.popupEntriesDiv .selectAllInCurrentPage,
.popupEntriesDiv .entryCheckBox
{
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    width: 18px;
    height: 18px;
    font-size: 20px;
    border: 1px solid;
    border-radius: 3px;
    color: #222;
}

.popupEntriesDiv .quickview {
    margin: 0px 4px;
}

#popupContentsDiv,#popupContents,#popupPageContainer{
    height:100%;
}
#imageContainer li{
    width: 100% !important;
}
#imageContainer{
    width: 100% !important;
}
/* For Quick Create */
.quickcreate-menubar-module-div{
    padding: 5px 0 5px 15px;
    line-height: 22px;
}
.quickcreate-menubar-module-div i,
.quickcreate-menubar-module-div span.custom-module{
    width: 22px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.quickcreate-menubar-module-div span.custom-module{
    background: #888;
    border-radius: 3px;
    color: white;
}
.quickCreate-ModalDialog{
    height: auto !important;
}
@media (min-width: 992px){
    .quickCreate-ModalDialog {
        width: 950px;
    }
}
.quickCreateContent .SalutationInputElement{
    width: calc(90% - 85px) !important;
}
#EditView .SalutationInputElement{
    width: calc(90% - 80px) !important;
}
.quickCreateContent .referencefield-wrapper .inputElement{
    width: 100%;
}

.quickCreateContent .referencefield-wrapper .input-group, .quickCreateContent .textAreaElement{
    width: 90%;
}
/* width */
.open>.quick-create-module-cantainer::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.open>.quick-create-module-cantainer::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.open>.quick-create-module-cantainer::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.open>.quick-create-module-cantainer::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.ui-19-edit{
    width: 100%;
}

.duplicationMessageContainer {
    background-color: #f2dede !important;
    color: #b94a48 !important;
}
.duplicationMessageContainer .duplicationMessageHeader {
    margin-bottom: 8px;
}

@-moz-document url-prefix() {
    .duplicateHandlingContainer .tooltip-inner {
        width: 550px;
        max-width: 550px;
    }
}
.duplicateHandlingContainer .tooltip-inner {
    text-align: left !important;
}
.duplicateHandlingContainer .syncMessage {
    margin-top: 5px !important;
}
.duplicateHandlingContainer .actionsList {
    width: 230px !important;
}

.createFieldModal .modal-body{
    padding: 15px;
}

.createFieldModal .modal-body label{
    color: #2c3b49;
    opacity: 0.8;
    font-weight: bold;
}

.createFieldModal .modal-body label.title{
    padding-left: 20px;
}
.createFieldModal .referencefield-wrapper {
    width: 90% !important;
}
.listViewEntries .input-group{
    float: none;
    min-width: auto;
}
.listViewEntries .referencefield-wrapper .input-group.date .input-group-addon{
    line-height: 0;
    padding: 0px 8px;
}
.mailSentSuccessfully{
    text-align: center;
}
/*
@media (max-width: 991px) and (min-width: 768px){
    .visible-sm {
        display: none!important;
    }
}
*/
.editViewContents .referencefield-wrapper .input-group{
    width: calc(90% - 30px);
}
.editViewContents .referencefield-wrapper .input-group .inputElement{
    width: 100%;
}
.calendarQuickCreateContent .calender-start-date{
    padding-right: 30px;
}
@media (min-width: 991px){
    .calendarQuickCreateContent .calender-start-date{
        padding-right: 30px;
    }
    .list-filters-content{
        height: calc(100vh - 405px);
        min-height: 100px;
    }
    .list-filters-ext-content{
        height: calc(100vh - 550px);
        min-height: 100px;
    }
    /*
    .list-tag-content, .list-extentsion-content{
        height:100px;
    }
    */
}

@media (min-width: 768px){
    .list-tag-content, .list-extentsion-content{
        height:100px;
    }
}

@media (min-width: 768px){
    .calendarQuickCreateContent .calender-start-date{
        padding-right: 15px;
    }
}

@media (max-width: 767px){
    .calendarQuickCreateContent .calender-start-date{
        padding-right: 15px;
    }
}

.calendarQuickCreateContent .inputElement {
    height: 30px;
    width: 100%;
}
.priceBookProductPopup #popupPage{
    height: 100%;
}
.priceBookProductPopup #popupPage #popupPageContainer{
    padding-left: 15px;
    padding-right: 15px;
}
.quickCreateContent .textAreaElement {
    width: 97%;
}
.main-container-EmailTemplates.main-container #listViewContent {
    padding-left: 15px !important;
}
@media (min-width: 768px){
    .emailTemplatesEditContainer .filterContainer .col-sm-6 {
        width: 47.5%;
    }
}
.configColumnsContainer{
    height:auto;
}



a.editListPrice{
    padding: 2px 6px 4px;
    border-radius: 2px;
    background: darkorange;
    color: white;
}
.RedooDashboardContainer{
    margin-top: 40px;
}
.fa-adv-menu{font:normal normal normal 14px/1 FontAwesome,Vtiger-icons !important;}
/*[class^="vicon-"]:before {
    content: "\e65c";
}*/

[data-field-type="phone"].inputElement,
[data-field-type="phone"].listViewEntryValue{
    min-width: 170px;
}

.datatable-tableaction{
    width:30px !important;
}
.fc-basic-view .fc-body .fc-row {
    min-height: 10em !important;
}

.summaryViewEntries .input-group.editElement [type="checkbox"]{
    width: 13px !important;
    margin-right: 20px !important;
    margin-top: 10px !important;
}

.fieldValue .value a {
    color: #15c !important;
}

#ConfigEditorForm .detailViewInfo{
    margin-bottom: 50px;
}

.lineItemCommentBox {
    width: 100%;
}


.listViewEntries .listViewEntryValue .fieldValue .type-float {
    display: table-cell;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listViewEntries .listViewEntryValue .fieldValue .type-float .float-integer-part {
    display: inline-block;
}

.listViewEntries .listViewEntryValue .fieldValue .type-float .float-decimal-separator {
    display: inline-block;
    min-width: 3px;
}

.listViewEntries .listViewEntryValue .fieldValue .type-float .float-decimal-part {
    display: inline-block;
}

.listViewEntries .listViewEntryValue .fieldValue .type-float .float-currency-symbol {
    margin: 0 6px;
}

.listViewEntries .listViewEntryValue .fieldValue .type-float .float-currency-symbol.float-left {
    float: left;
}

.input[data-fieldtype="checkbox"] {
    font-size: 16px;
}

.overlayPageContent .overlayDetailHeader {
    min-height: 100px;
}



.modal-dialog.modal-inventory .pricebook-wrapper {

    border-radius: 4px;
    background-color: #eee;
    padding: 10px;
    /*text-align: center;*/
    margin-bottom: 20px;
}

.modal-dialog.modal-inventory .pricebook-wrapper label {
    margin-right: 10px;
    /*display: block;*/
    margin-bottom: 4px;
    font-weight: normal;
}

.modal-dialog.modal-inventory .pricebook-wrapper .select2-chosen {
    font-weight: bold;
    min-width: 170px;
}

.modal-dialog.modal-inventory .pricebook-wrapper .select2-container {
    margin-bottom: 2px;
}

.modal-dialog.modal-inventory .pricebook-wrapper .account-name {
    float: right;
    margin-top: 5px;
}

.modal-dialog.modal-inventory .listViewEntryValue {
    padding: 10px;
}

.modal-dialog.modal-inventory tr.listViewEntries:nth-child(even) td {
    background-color: #f9f9f9;
}

.modal-dialog.modal-inventory .listViewEntryValue .picklist-color {
    display: block;
    width: 100%;
    text-align: center;
    padding: 3px 8px !important;
    border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.modal-dialog#listPriceUpdateContainer {
    max-width: 600px;
}
.modal-dialog#listPriceUpdateContainer .modal-body {
    padding: 10px 30px;
}

.modal-dialog#listPriceUpdateContainer label {
    white-space: nowrap;
}

.modal-dialog#listPriceUpdateContainer .controls {
    width: 11%;
    padding-right: 0;
}

@media (max-width: 767px){
    .modal-dialog#listPriceUpdateContainer .controls {
        width: 16%;
    }
}


.settingsgroup-accordion a.collapsed {
    width: 100%;
}

div#LBL_USER_MANAGEMENT_accordion {
    height: 39px;
    margin-top: 50px;
}

@media (max-width: 1480px){

    .modal #ExportPDFGeneratorModal {
        height: auto !important;
    }

    .modal #PDFGenModalContent {
        overflow: visible !important;
        height: auto !important;
    }

    .modal #PDFGenPreviewContainer {
        margin: 10px;
    }

    .modal #PDFGenPreviewFrame {
        height: 400px;
    }

}

@media (max-width: 991px){

    .modal #ExportPDFGeneratorModal {
        margin: 10px auto;
        width: 90% !important;
    }

    .modal #ExportPDFGeneratorModal .modal-footer button,
    .modal #ExportPDFGeneratorModal .modal-footer a {
        width: 100%;
        margin: 0 0 3px 0;
        display: block;
        text-align: center;
        padding: 6px 12px;
    }

    .modal #ExportPDFGeneratorModal .modal-body {
        padding-bottom: 15px !important;
    }

    .modal #ExportPDFGeneratorModal .modal-body .select2-container {
        width: 100%;
    }

    .modal #ExportPDFGeneratorModal .modal-footer {
        position: relative !important;
        bottom: auto;
        left: auto;
    }
}

.cke_btn_locked {
    display: none;
}

/*I692 panduka@radus28 set group color*/
.cke_autocomplete_panel ul li .group {
    color: #636161f2 !important;
}

/*I840 panduka@radus28 give rtf table empty cels height*/
.cf_acf_rtf table td {
    height: 15px;
}
/*I723 panduka@radus28 */
.quick-create-status {
    padding: 6px 6px;
    cursor: pointer
}

.quick-create-status:hover, .quick-create-status:focus {
    color: #333;
    background-color: #eee;
    background-repeat: repeat-x;
}

/* bootstrap-switch */

.bootstrap-switch {
    height: 24px;
    overflow: hidden;
}

.bootstrap-switch .bootstrap-switch-handle-on {
    font-size: 10px !important;
}

.bootstrap-switch .bootstrap-switch-handle-off {
    position: absolute;
    padding-left: 2px;
    font-size: 10px !important;
}

/* */


/* QuickPreview */


.EmbedQuickPreview .background {
    background: black;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1099;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease-in;
}

.EmbedQuickPreview .background.visible {
    opacity: 0.3;
}

.EmbedQuickPreview.resizing .background {
    opacity: 0.3 !important;
}

@media (hover: none) {
    .EmbedQuickPreview .background {
        opacity: 0.3 !important;
    }
}

.EmbedQuickPreview .wrapper {
    position: fixed;
    width: 500px;
    max-width: 90%;
    height: 100%;
    z-index: 1100;
    top: 0;
    right: 0;
    bottom: 0;
    background: white;
    border-left: 1px solid #DDDDDD;
    box-shadow: -2px 0px 6px 0 rgba(204,204,204,.5);
    /* Is set !important to avoid "jquery ui resizable" to change "left" value causing visualization issues on window resize */
    left: auto !important;
}

@media (hover: none) {
    .EmbedQuickPreview .wrapper {
        max-width: 97%;
        width: 97% !important;
    }
}

.EmbedQuickPreview .wrapper .close,
.EmbedQuickPreview .wrapper .open {
    position: absolute;
    top: 2px;
    left: 4px;
    font-size: 18px;
    line-height: 18px;
    opacity: 0;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease-in;
}

.EmbedQuickPreview:hover .wrapper .close,
.EmbedQuickPreview:hover .wrapper .open {
    opacity: 0.25;
}

.EmbedQuickPreview .wrapper .close:hover,
.EmbedQuickPreview .wrapper .close:active,
.EmbedQuickPreview .wrapper .open:hover,
.EmbedQuickPreview .wrapper .open:active {
    opacity: 0.6;
}

.EmbedQuickPreview .wrapper .open {
    top: 3px;
    left: 24px;
    font-size: 16px;
    line-height: 18px;
}

@media (hover: none) {
    .EmbedQuickPreview .wrapper .close {
        opacity: 0.25;
        font-size: 22px;
        left: 8px;
    }
    .EmbedQuickPreview .wrapper .open {
        opacity: 0.25;
        font-size: 22px;
        left: 32px;
    }
}

.EmbedQuickPreview .wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
}


/* EMBED-MODE: Minimal */

body.embed-mode.minimal .navbar-default {
	display: none;
}

body.embed-mode.minimal .app-footer {
	display: none;
}

body.embed-mode.minimal #page {
	padding: 0 6px;
}

body.embed-mode.minimal .content-area {
	margin-top: 0;
}

body.embed-mode.minimal .detailview-header-block {
    margin: 20px 0 0 0;
}

body.embed-mode.minimal .RTFFieldContent {
    margin: 25px 0 10px 0;
}

body.embed-mode.minimal .RTFFieldContent img {
    max-width: 100%;
    height: auto;
}

body.embed-mode.minimal .modal-overlay-footer .cancelLink {
    display: none;
}


/* EMBED-MODE: Minimal with nav */

body.embed-mode.minimal_with_nav .navbar-default .global-nav {
	display: none;
}

body.embed-mode.minimal_with_nav .app-footer {
	display: none;
}

body.embed-mode.minimal_with_nav #page {
	padding: 44px 0 0 0;
}

body.embed-mode.minimal_with_nav .content-area {
	margin-top: 0;
}

body.embed-mode.minimal_with_nav .detailview-header-block {
    margin: 20px 0 0 0;
}

@media (max-width: 767px){
    body.embed-mode.minimal_with_nav #page {
        padding-top: 84px;
    }

    body.embed-mode.minimal_with_nav .sidebar-menu {
        margin-top: 30px;
    }

    body.embed-mode.minimal_with_nav #listview-actions {
        margin-top: 15px;
    }

    body.embed-mode.minimal_with_nav .essentials-toggle {
        top: 56px !important;
    }
}

body.embed-mode.minimal_with_nav .modal-overlay-footer .cancelLink {
    display: none;
}

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


/* @kirenj Feature Request I1422: Load Content from Ajax Reusable */
.opencrmitalialinks {
    display: flex;
}
/*********************************/


/* Documents sidebar */
.main-container-Documents {
    display: flex;
}

.main-container-Documents .sidebar-essentials {
    position: unset;
    flex: 0 0 240px;
    height: auto;
}

.main-container-Documents #listViewContent {
    flex: 1;
    padding-left: 0 !important;
}

.main-container-Documents #folders-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 50px;
}

.main-container-Documents #folders-list .filtername {
    width: 100%;
}

.main-container-Documents #folders-list .fa-folder {
    color: #999;
}

.main-container-Documents #folders-list .foldername {
    margin-left: 4px;
}

.main-container-Documents #folders-list .dropdown-toggle {
    font-size: 15px;
    cursor: pointer;
}

.main-container-Documents .sidebar-container.lists-menu-container {
    min-height: 80px;
}

.main-container-Documents .sidebar-essentials #folders-list .vtDropDown {
    position: absolute;
}

/*I2264*/
.embed-mode #page #searchResults-container .overlay-close .close{
    display:none;
}
/*********************************/