.clearfix {
    *zoom: 1;
}

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

    .clearfix:after {
        clear: both;
    }

.hide-text {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 28px;
    /* Make inputs at least the height of their button counterpart */
    /* Makes inputs behave like true block-level elements */

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    /*  src: url('../../../../resources/fonts/OpenSans-Regular-webfont.eot');
  src: url('../../../../resources/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../../resources/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../../../../resources/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../../../resources/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); */
}

body {
    width: 100%;
    /* font-family: 'Open Sans', 'Lucida Grande', Verdana, Tahoma, Arial, sans-serif !important; */
    font-size: 14px !important;
    background: #ffffff;
    color: #2b2b2b;
}

hr {
    margin: 8px 0;
    border-bottom: 1px solid #dddddd;
}

.navbar.navbar-fixed-top {
    margin-bottom: 0 !important;
}

    .navbar.navbar-fixed-top #topMenus {
        margin-bottom: 0 !important;
    }

        .navbar.navbar-fixed-top #topMenus .navbar-inner {
            height: 40px;
            background-color: #404952;
            background-repeat: repeat-x;
            background-image: linear-gradient(top, #404952, #404952);
            border-left-color: #404952;
            border-right-color: #404952;
            border-top-color: #404952;
            border-bottom-color: #1e2327;
        }

            .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs a {
                color: #ffffff;
            }

            .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs:first-child > a {
                padding: 10px 12px 9px;
            }

            .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs a.selected {
                background: #131619;
                color: #ffffff;
                font-weight: bold;
            }

            .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar .nav.modulesList li.tabs:hover a {
                background: #2a2f35;
                color: #ffffff;
            }

            .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu li > a {
                color: #ffffff;
            }

            .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu li.open {
                background: #131619;
                font-weight: bold;
            }

                .navbar.navbar-fixed-top #topMenus .navbar-inner .menuBar #commonMoreMenu li.open > a {
                    color: #ffffff;
                }

#collapsedMenu {
    display: block;
    position: relative;
}

    #collapsedMenu a {
        color: #ffffff;
    }

    #collapsedMenu .dropdown-menu .shortDropdown {
        max-height: 300px;
        overflow-y: scroll;
        padding: 10px;
        position: relative;
        z-index: 10000;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateZ(0);
    }

        #collapsedMenu .dropdown-menu .shortDropdown .moduleNames {
            margin-bottom: 2px;
        }

            #collapsedMenu .dropdown-menu .shortDropdown .moduleNames a {
                font-size: 0.9em;
                padding: 3% !important;
                color: #2b2b2b !important;
            }

                #collapsedMenu .dropdown-menu .shortDropdown .moduleNames a:hover {
                    text-decoration: none;
                    background: #404952;
                    color: #ffffff !important;
                }
/* new  menu Structure */
.moreMenusParent {
    float: right;
    top: 40px;
    margin-right: 12%;
    margin-left: 12%;
    width: 76%;
    padding: 0;
}

    .moreMenusParent:after,
    .moreMenusParent:before {
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

#commonMoreMenu,
#moreMenu {
    position: static;
}

.mega-menu {
    background: none repeat scroll 0 0 #fff;
    display: table;
    height: 100%;
    width: 100%;
}

    .mega-menu .menu-container {
        display: table-row;
        height: 100%;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
    }

.menu-container .menu-col {
    border-right: 1px solid #ddd;
    min-height: 200px !important;
    width: 20%;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    display: table-cell;
    height: 100%;
}

.menu-container:last-child .menu-col:last-child {
    border-bottom-width: 0;
}

.menu-col .group-title,
.dropdown-menu hr {
    margin: 5px 5px 10px;
}

.menu-col .group-title {
    font-size: 13px;
    color: #666;
}

.group-items-container .menu-item > a {
    display: inline-block;
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    padding: 8px;
}

    .menu-item .module-submenu a:hover,
    .group-items-container .menu-item > a:hover {
        background: #eee;
        color: #111;
    }

.menu-item .module-submenu {
    width: 30px;
    float: right;
    position: relative;
    display: none;
}

.menu-item:hover .module-submenu {
    display: inline-block;
}

.menu-item .module-submenu a {
    padding: 5px;
    font-size: 12px;
    color: #444;
    cursor: pointer;
    padding: 8px;
}

.menu-item .module-submenu:hover .module-dropdown-menu {
    opacity: 1;
    z-index: 10;
}

.newBadge {
    height: 25px;
    width: auto;
    margin-top: -11px;
    margin-left: 4px;
}

.menu-item .module-submenu .module-dropdown-menu {
    position: absolute;
    list-style: none;
    opacity: 0;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px #aaa;
    margin-left: 0;
    display: block;
    right: -8px;
    min-width: 130px;
}

#topMenus .navbar-inner .menuBar #commonMoreMenu .menu-item .module-submenu .module-dropdown-menu li a {
    color: #777;
}

.menu-footer {
    padding: 5px 10px 10px;
}

.setting-links {
    padding: 10px 25px;
    font-size: 12px;
    cursor: pointer;
}

    .setting-links a {
        display: inline-block;
        padding: 3px;
        color: #0b3161;
    }

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
    cursor: pointer;
}

.announcement {
    display: none;
    background: #fafad2;
    padding: 2px 0;
    border-bottom: 1px solid #cccccc;
    max-height: 24px;
    width: 100%;
}

    .announcement .marStyle {
        width: 100%;
    }

#headerLinks {
    padding: 10px 0 7px;
    min-width: 240px;
    float: right !important;
}

    #headerLinks .headerLinksContainer {
        margin-right: 10px;
    }

        #headerLinks .headerLinksContainer > [class*="span"] {
            float: left;
            margin-left: 15px;
        }

        #headerLinks .headerLinksContainer .dropdown.open .dropdown-toggle {
            background: transparent;
        }

        #headerLinks .headerLinksContainer ul.dropdown-menu {
            top: 30px;
        }

            #headerLinks .headerLinksContainer ul.dropdown-menu:after,
            #headerLinks .headerLinksContainer ul.dropdown-menu:before {
                right: 15px;
                left: auto;
            }

        #headerLinks .headerLinksContainer .settingIcons ul.dropdown-menu {
            left: -132px;
            top: 30px;
        }

            #headerLinks .headerLinksContainer .settingIcons ul.dropdown-menu:after,
            #headerLinks .headerLinksContainer .settingIcons ul.dropdown-menu:before {
                right: 15px;
                left: auto;
            }

        #headerLinks .headerLinksContainer > span a img,
        #headerLinks .headerLinksContainer > span a.userName {
            color: #ffffff;
            cursor: pointer;
            text-decoration: none !important;
        }

            #headerLinks .headerLinksContainer > span a img .caret,
            #headerLinks .headerLinksContainer > span a.userName .caret {
                border-top: 4px solid #ffffff;
            }

    #headerLinks .navbar .dropdown-menu,
    #headerLinks .dropdown-menu {
        border-radius: 2px !important;
    }

        #headerLinks .navbar .dropdown-menu li a,
        #headerLinks .dropdown-menu li a {
            padding: 7px 15px;
        }

            #headerLinks .navbar .dropdown-menu li a:hover,
            #headerLinks .dropdown-menu li a:hover {
                background: #404952;
                text-shadow: none;
            }

.themeMenuContainer {
    min-width: 110px;
    width: 110px;
    left: -84px !important;
    padding: 10px 0;
}

    .themeMenuContainer .themeMenu {
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
    }

        .themeMenuContainer .themeMenu .themeElement {
            cursor: pointer;
            margin: 5px;
            height: 20px;
            width: 20px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            word-wrap: break-word;
        }

            .themeMenuContainer .themeMenu .themeElement:hover {
                border: 1px solid #000;
                background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png") !important;
                background-position: -286px 2px;
            }

        .themeMenuContainer .themeMenu .themeSelected {
            border: 1px solid #000;
            background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png") !important;
            background-position: -286px 2px;
        }

@media screen and (min-width: 1161px) {
    #mediumNav,
    #shortNav,
    #headerLinksCompact {
        display: none;
    }

    #largeNav {
        margin-left: 10px;
        margin-right: 0;
    }

    .commonActionsButtonContainer {
        margin-right: 10px;
    }
}

@media screen and (max-width: 1160px) and (min-width: 961px) {
    #largeNav,
    #shortNav,
    #headerLinksCompact,
    .adv-search,
    .notificationMessageHolder {
        display: none;
    }

    .companyLogo {
        width: 100%;
    }

    .customFilterMainSpan .select2-container {
        width: 300px !important;
    }

    .commonActionsButtonContainer {
        margin-top: 4px;
    }

    * {
        zoom: 1 !important;
    }
}

@media screen and (max-width: 960px) {
    #mediumNav,
    #largeNav,
    #headerLinksBig,
    #commonMoreMenu,
    .nav.quickActions,
    #leftPanel,
    #toggleButton,
    .companyLogo,
    .notificationMessageHolder,
    .adv-search,
    .select-search .chzn-container.chzn-container-single {
        display: none !important;
    }

    .bodyContents {
        margin: 0 !important;
    }

    #rightPanel {
        width: 100% !important;
    }

    .actionsContainer > .span2 {
        display: none !important;
    }

    .actionsContainer .span10 {
        padding: 0 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
    }

    .span3#headerLinks {
        padding: 5px 5px 0;
    }

    .menuBar .span9,
    .span3#headerLinks {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
        min-width: 80px;
    }

        .menuBar .span9 .qCreate,
        .span3#headerLinks .qCreate {
            display: inline-block;
            margin: 0px;
        }

            .menuBar .span9 .qCreate img,
            .span3#headerLinks .qCreate img {
                margin-bottom: 3px;
                margin-right: 5px;
            }

            .menuBar .span9 .qCreate ul li.title,
            .span3#headerLinks .qCreate ul li.title {
                padding: 5px 0 0 15px;
            }

        .menuBar .span9 li.tabs:first-child > a,
        .span3#headerLinks li.tabs:first-child > a {
            padding: 10px 12px 9px;
        }

    .customFilterMainSpan .select2-container {
        width: 300px !important;
    }

    #quickCreateModules {
        width: 100% !important;
        padding: 0 !important;
    }

    .CompactQC {
        max-height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .CompactQC a:hover {
            text-decoration: none;
        }

    #headerLinksCompact {
        display: inline-block;
        float: right;
    }

        #headerLinksCompact .btn-navbar {
            background: #131619;
            display: inline-block;
            margin-right: 3px;
            margin-top: 2px;
            float: none;
        }

        #headerLinksCompact ul.dropdown-menu {
            left: -115px;
        }

            #headerLinksCompact ul.dropdown-menu:after,
            #headerLinksCompact ul.dropdown-menu:before {
                right: 15px;
                left: auto;
            }

        #headerLinksCompact ul.dropdownStyles {
            left: -130px;
        }

        #headerLinksCompact #compactquickCreate:hover {
            background: none;
        }

        #headerLinksCompact #compactquickCreate .quickCreateModule:hover {
            text-decoration: none;
            color: #ffffff !important;
        }

    .searchElement {
        min-width: 440px;
        padding-left: 10px;
    }

    * {
        zoom: 1 !important;
    }
}

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

    .commonActionsContainer .companyLogo {
        display: inline-block;
        height: 3.5em;
        margin-top: 0.3em;
        margin-left: 20px;
    }

        .commonActionsContainer .companyLogo img {
            height: 98%;
            max-width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            word-wrap: break-word;
        }

    .commonActionsContainer .actionsContainer {
        background: #f3f3f3;
        border-bottom: 1px solid #ffffff;
        box-shadow: 0 1px 3px 0 #888888;
        height: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
    }

        .commonActionsContainer .actionsContainer > .span10 > .row-fluid {
            margin-top: 9px;
        }

        .commonActionsContainer .actionsContainer > .span2 {
            height: 50px;
        }

    .commonActionsContainer .searchElement {
        margin-top: 2px;
    }

        .commonActionsContainer .searchElement .searchBar,
        .commonActionsContainer .searchElement .select-search {
            display: inline-block;
            vertical-align: top;
        }

            .commonActionsContainer .searchElement .searchBar input,
            .commonActionsContainer .searchElement .select-search input {
                margin-bottom: 0;
            }

            .commonActionsContainer .searchElement .searchBar .adv-search,
            .commonActionsContainer .searchElement .select-search .adv-search {
                margin: 4px 0 0 10px;
            }

                .commonActionsContainer .searchElement .searchBar .adv-search a,
                .commonActionsContainer .searchElement .select-search .adv-search a {
                    color: #35383b;
                    cursor: pointer;
                    text-decoration: none !important;
                }

            .commonActionsContainer .searchElement .searchBar .search-icon,
            .commonActionsContainer .searchElement .select-search .search-icon {
                border-radius: 2px !important;
                margin-left: 4px;
                padding: 4px 20px;
                cursor: pointer;
                background: #404952;
                border: 1px solid #353c44;
            }

            .commonActionsContainer .searchElement .searchBar .chzn-container-single .chzn-results,
            .commonActionsContainer .searchElement .select-search .chzn-container-single .chzn-results {
                max-height: 450px;
            }

            .commonActionsContainer .searchElement .searchBar .chzn-container-single .chzn-single,
            .commonActionsContainer .searchElement .select-search .chzn-container-single .chzn-single {
                border-radius: 2px 0 0 2px;
                border: 1px solid #dddddd;
                border-right: 0;
                background: #eeeeee;
            }

                .commonActionsContainer .searchElement .searchBar .chzn-container-single .chzn-single div,
                .commonActionsContainer .searchElement .select-search .chzn-container-single .chzn-single div {
                    border-radius: 2px;
                    background: #eeeeee;
                    border-left: 0px !important;
                }

            .commonActionsContainer .searchElement .searchBar .chzn-single.chzn-single-with-drop div b,
            .commonActionsContainer .searchElement .select-search .chzn-single.chzn-single-with-drop div b {
                box-shadow: 0 1px 0 #ffffff inset;
            }

            .commonActionsContainer .searchElement .searchBar #globalSearchValue,
            .commonActionsContainer .searchElement .select-search #globalSearchValue {
                border-radius: 0;
            }

    .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown {
        left: -371px !important;
        min-width: 400px;
        top: 28px;
    }

        .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown li.title {
            padding: 5px 0 0 15px;
        }

        .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown a {
            cursor: pointer;
            text-decoration: none !important;
        }

        .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown #quickCreateModules {
            padding: 0 5px;
        }

            .commonActionsContainer .dropdown-menu.dropdownStyles.commonActionsButtonDropDown #quickCreateModules div a:hover {
                color: #ffffff;
                background: #404952;
            }

.dropdown-menu {
    border-radius: 2px !important;
}

    .dropdown-menu li a {
        padding: 7px 15px;
    }

        .dropdown-menu li a:hover {
            background: #404952;
            text-shadow: none;
        }

.mainContainer {
    min-height: 510px;
    background: white;
}

.maindivcardContainer {
    min-height: 510px;
    background: #ffff;
}

    .mainContainer > .span2 {
        padding: 0 1.06383%;
        height: auto !important;
        min-width: 174px;
    }

    .mainContainer .contentsDiv {
        min-height: 500px;
        background: #fafafb;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
        border-left: 1px solid #e6e6e6;
        position: relative;
    }

    .mainContainer #leftPanel {
        background-color: #eeeff2;
        background-repeat: repeat-x;
        background-image: linear-gradient(top, #eeeff2, #eeeff2);
        border-left-color: #eeeff2;
        border-right-color: #eeeff2;
        border-top-color: #eeeff2;
        border-bottom-color: #c3c6d1;
    }

.toggleButton {
    background: #eeeff2;
    font-weight: bold;
    padding: 5px 2px !important;
    position: absolute;
    top: 20px;
    left: -1px;
    cursor: pointer;
    width: 10px;
    z-index: 100;
    border: 1px solid #dddddd;
    border-left: 0;
    display: inline-block;
}

    .toggleButton .icon-chevron-left {
        background-position: -434px -72px !important;
    }

    .toggleButton .icon-chevron-right {
        background-position: -460px -72px !important;
    }

.quickLinksDiv {
    margin: 10px 0;
}

    .quickLinksDiv p {
        font-size: 1.2em;
        padding: 5% 0 0 11%;
        height: 28px;
        cursor: pointer;
        box-shadow: 0 0 0 1px #dddddd;
        border-top: 1px solid #f3f3f4 !important;
        background-color: #f5f5f5;
        background-repeat: repeat-x;
        position: relative;
        border-radius: 2px;
        background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
        border-left-color: #f3f3f4;
        border-right-color: #f3f3f4;
        border-bottom-color: #cbcbcf;
    }

        .quickLinksDiv p a {
            color: #2b2b2b;
        }

            .quickLinksDiv p a:hover {
                text-decoration: none;
            }

        .quickLinksDiv p.selectedQuickLink {
            background-color: #2a2f35;
            background-image: -moz-linear-gradient(top, #2a2f35, #2a2f35);
            background-image: -ms-linear-gradient(top, #2a2f35, #2a2f35);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2a2f35), to(#2a2f35));
            background-image: -webkit-linear-gradient(top, #2a2f35, #2a2f35);
            background-image: -o-linear-gradient(top, #2a2f35, #2a2f35);
            background-image: linear-gradient(top, #2a2f35, #2a2f35);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2f35', endColorstr='#2a2f35', GradientType=0);
            border-color: #2a2f35 #2a2f35 #08090a;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            background-image: none;
            position: relative;
            border: 1px solid #ffffff;
            box-shadow: 4px 0 3px -4px #000000 inset;
        }

            .quickLinksDiv p.selectedQuickLink a {
                color: #ffffff;
            }

                .quickLinksDiv p.selectedQuickLink a:after {
                    border-bottom: 19px solid rgba(0, 0, 0, 0);
                    border-left: 10px solid #2a2f35;
                    border-top: 19px solid rgba(0, 0, 0, 0);
                    content: " ";
                    display: inline-block;
                    position: absolute;
                    left: 100%;
                    top: 0;
                }

.quickWidgetContainer li a {
    overflow: hidden;
    white-space: normal;
    padding: 5px;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

.quickWidgetContainer .quickWidget {
    margin-bottom: 10px;
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0 0 3px -1px #dddddd;
    -moz-box-shadow: 0 0 3px -1px #dddddd;
    box-shadow: 0 0 3px -1px #dddddd;
}

    .quickWidgetContainer .quickWidget .quickWidgetHeader {
        background-color: #f5f5f5;
        background-repeat: repeat-x;
        text-shadow: 0px 1px #ffffff;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #dddddd;
        cursor: pointer;
        text-decoration: none !important;
        padding: 8px;
        background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
        border-left-color: #f3f3f4;
        border-right-color: #f3f3f4;
    }

        .quickWidgetContainer .quickWidget .quickWidgetHeader h5 {
            color: #2b2b2b;
            margin-left: 15px;
            float: left !important;
        }

    .quickWidgetContainer .quickWidget .widgetContainer {
        background-color: #ffffff;
    }

        .quickWidgetContainer .quickWidget .widgetContainer > div {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            word-wrap: break-word;
            padding: 7px 0;
        }

.sidebarTitleBlock {
    padding: 12px 0;
}

    .sidebarTitleBlock a {
        color: #373737 !important;
    }

        .sidebarTitleBlock a:hover {
            text-decoration: none;
        }

#selectAllMsgDiv,
#deSelectAllMsgDiv {
    display: none;
    background-color: #fafad2;
    padding: 0.01%;
    text-align: center;
}
/** Advance Search **/
#advanceSearchContainer {
    background-color: #ffffff;
    position: relative;
}

    #advanceSearchContainer .filterElements {
        margin: 10px;
    }

    #advanceSearchContainer .filterContainer {
        padding: 0 15x;
    }

        #advanceSearchContainer .filterContainer .deleteCondition {
            vertical-align: middle;
            margin: 6px;
        }

    #advanceSearchContainer form {
        margin-bottom: 0;
    }

        #advanceSearchContainer form > div {
            margin-bottom: 0;
        }

    #advanceSearchContainer .modal-footer {
        padding-bottom: 5px;
    }
/** Global Search **/
.blockUI,
#globalmodal {
    width: 100%;
}

    .blockUI form,
    #globalmodal form {
        margin: 0 0 0;
    }

.globalSearchResults {
    background: #ffffff;
    border: 1px solid #dddddd;
    border: 1px solid #c4c4c4;
    -webkit-box-shadow: 0 0 3px -1px #dddddd;
    -moz-box-shadow: 0 0 3px -1px #dddddd;
    box-shadow: 0 0 3px -1px #dddddd;
    min-width: 280px;
    min-height: 500px;
}

    .globalSearchResults .highlightedHeader {
        background-color: #f5f5f5;
        background-repeat: repeat-x;
        text-shadow: 0px 1px #ffffff;
        border-bottom: 1px solid #dddddd;
        color: #444444;
        padding: 8px 5px;
        background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
        border-left-color: #f3f3f4;
        border-right-color: #f3f3f4;
        border-top-color: #f3f3f4;
    }

    .globalSearchResults #showFilter {
        color: #404952;
    }

    .globalSearchResults .contents {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        padding: 5% 5% 10% 3%;
        max-height: 500px;
        min-width: 250px;
    }

        .globalSearchResults .contents > label {
            padding: 5px;
            border-bottom: 1px solid #dddddd;
        }

        .globalSearchResults .contents ul li a {
            margin: 5px 0;
            padding: 7px;
        }

            .globalSearchResults .contents ul li a span {
                color: #404952;
                opacity: 0.5;
                font-size: 0.8em;
            }

                .globalSearchResults .contents ul li a span p {
                    margin: 0 !important;
                }

.dashboardHeading h2 {
    padding-bottom: 8px;
}

.dashboardHeading hr {
    border-bottom: 1px solid #dddddd;
}

.dashboardHeading .dropdown-menu {
    left: -70px;
    right: 0;
}

.dashboardContainer {
    padding: 0;
}

    .dashboardContainer .dashboardHeading {
        padding: 10px 0 0;
        background: #f5f5f5;
    }

        .dashboardContainer .dashboardHeading h2 {
            padding: 0 0 8px 20px;
        }

        .dashboardContainer .dashboardHeading .btn-toolbar {
            padding: 3px 20px 0 0;
        }

        .dashboardContainer .dashboardHeading hr {
            border-bottom: 1px solid #dddddd;
        }

        .dashboardContainer .dashboardHeading .dropdown-menu {
            left: -82px;
        }

.widgetsList {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .widgetsList li {
        display: block;
    }

        .widgetsList li a {
            white-space: normal;
            word-wrap: break-word;
        }

.dashboard_notebookWidget_view .row-fluid {
    margin-bottom: 5px;
}

.gridster {
    margin-left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

    .gridster ul {
        width: auto;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
        min-height: 460px;
    }

    .gridster ul {
        list-style: none;
    }

        .gridster ul li.dashboardWidget {
            background: #ffffff;
            border-radius: 1px;
            border: 1px solid #dddddd;
            -webkit-box-shadow: 0 0 3px -1px #dddddd;
            -moz-box-shadow: 0 0 3px -1px #dddddd;
            box-shadow: 0 0 3px -1px #dddddd;
        }

            .gridster ul li.dashboardWidget .dashboardWidgetHeader {
                background-color: #f5f5f5;
                background-repeat: repeat-x;
                text-shadow: 0px 1px #ffffff;
                border-top: 1px solid #ffffff;
                border-bottom: 1px solid #dddddd;
                color: #444444;
                cursor: move;
                padding: 5px;
                background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
                border-left-color: #f3f3f4;
                border-right-color: #f3f3f4;
            }

                .gridster ul li.dashboardWidget .dashboardWidgetHeader table {
                    height: 28px;
                }

                .gridster ul li.dashboardWidget .dashboardWidgetHeader .dashboardTitle {
                    text-align: left;
                    padding-left: 10px;
                }

                .gridster ul li.dashboardWidget .dashboardWidgetHeader .widgeticons {
                    opacity: 0.5;
                    padding-right: 6px;
                }

            .gridster ul li.dashboardWidget .filterContainer {
                position: absolute;
                border: 1px solid #dddddd;
                background: #ffffff;
                margin-left: -7px;
                margin-right: 3px;
                margin-top: 4px;
                padding: 8px 0;
                border-radius: 0 0 5px 5px;
                box-shadow: 0 5px 8px -5px #888888;
            }

                .gridster ul li.dashboardWidget .filterContainer div span {
                    margin-top: 6px;
                }

                .gridster ul li.dashboardWidget .filterContainer .span5 {
                    margin-top: 3px;
                }

                .gridster ul li.dashboardWidget .filterContainer select,
                .gridster ul li.dashboardWidget .filterContainer input[type="text"] {
                    width: 100%;
                }

            .gridster ul li.dashboardWidget .dashboardWidgetContent {
                padding: 10px 0;
                line-height: 20px;
            }

                .gridster ul li.dashboardWidget .dashboardWidgetContent .dashboard_notebookWidget_viewarea {
                    height: 200px;
                }

            .gridster ul li.dashboardWidget .widgeticons {
                min-width: 50px;
                height: 30px;
                margin-right: 30px;
                visibility: hidden;
            }

                .gridster ul li.dashboardWidget .widgeticons a {
                    cursor: pointer;
                    text-decoration: none;
                }

        .gridster ul .widgetChartContainer {
            margin-left: 10px;
        }

.listViewPageDiv {
    margin: 11px 0;
}

.customFilterMainSpan {
    width: 100%;
}

    .customFilterMainSpan .select2-container {
        width: 95% !important;
    }

.select2-container .select2-choice {
    border-radius: 2px;
    background: #ffffff;
    border-color: #dddddd;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: #2b2b2b;
}

    .select2-container .select2-choice div {
        border-radius: 0;
        border-left: 0;
        background: #ffffff;
    }

.select2-drop {
    border-color: #dddddd;
}

    .select2-drop .select2-no-results {
        padding: 1px 10px;
    }

    .select2-drop ul.filterActions {
        list-style: none !important;
    }

        .select2-drop ul.filterActions li {
            cursor: pointer;
        }

.ui-autocomplete .ui-menu-item #ui-active-menuitem {
    background: #404952;
    border-radius: 0;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list:hover .ui-timepicker-selected:hover {
    background: #404952;
}
/*Do not shrink select2 input box in layout editor*/
#relatedTabOrder .select2-input {
    min-width: 200px;
}

.alphabetSorting .alphabetSearch a {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 2px;
}

.alphabetSorting .alphabetSearch:hover {
    background: #eeeff2;
}

.listViewActions .settingsIcon {
    display: inline-block;
    margin-left: 5px;
}

.listViewActions > .btn-group {
    min-width: 105px;
}

#listViewPageJumpDropDown,
#relatedListPageJumpDropDown {
    left: -60px;
}

    #listViewPageJumpDropDown .pageToJumpformError {
        left: -14% !important;
        right: 15% !important;
    }

        #listViewPageJumpDropDown .pageToJumpformError .formErrorArrow {
            margin-left: 50%;
        }

.pageNumbers {
    display: inline-block;
    margin-right: 5px;
    margin-top: 6px;
    vertical-align: top;
}

    .pageNumbers .totalNumberOfRecords {
        margin: 2px 5px;
    }

.listSearchContributor,
.span9.listSearchContributor {
    min-width: 40px;
    margin-bottom: 0 !important;
    width: 90%;
}

    .listSearchContributor:focus {
        min-width: 150px;
    }

.select2-container.select2-container-multi.select2.listSearchContributor input {
    min-width: 90px;
}

    .select2-container.select2-container-multi.select2.listSearchContributor input:focus {
        min-width: 180px;
    }

.listViewEntriesTable td {
    white-space: nowrap;
}

.contents-topscroll,
#reportDetails {
    overflow-x: auto !important;
    overflow-y: visible;
}

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

.bottomscroll-div,
.topscroll-div {
    display: table;
    min-width: 100%;
}

.listViewLoadingImageBlock {
    background: none;
    border-radius: 0px;
    box-shadow: none;
    text-align: center;
}

.detailViewContainer {
    padding: 0 20px;
}

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

.userPreferences .details {
    border-right: 0 !important;
}

.detailViewTitle {
    padding: 1.5% 0 0 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

    .detailViewTitle .recordLabel {
        font-size: 16px;
        font-weight: bold;
        width: 20em;
    }

    .detailViewTitle .detailViewButtoncontainer {
        margin-top: 8px;
    }

    .detailViewTitle .detailViewPagingButton {
        margin-top: 8px;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
    }

    .detailViewTitle .btn-toolbar {
        margin: 0;
    }

.detailview-table th,
.detailview-table td {
    vertical-align: middle;
}

    .detailview-table th label,
    .detailview-table td label {
        margin-bottom: 3px;
        text-align: right;
    }

.detailViewInfo {
    box-shadow: 0 -4px 4px -4px #959595;
    margin-top: 10px;
}

    .detailViewInfo .contents {
        padding: 2.2% 0 0 2.2%;
        min-height: 450px;
    }

    .detailViewInfo .details {
        min-height: 600px;
        padding-right: 1.5%;
        border-right: 4px solid #404952;
        padding-bottom: 10px;
    }

    .detailViewInfo .related .nav-pills .active > a,
    .detailViewInfo .related .nav-pills .active > a:hover {
        background: #404952;
        border-radius: 1px;
        margin-top: 0;
        margin-bottom: 2px;
    }

.fieldLabel {
    width: 20%;
    background: #f7f7f9;
}

.summaryView {
    border: 1px solid #eaeaea;
    -webkit-box-shadow: 1px 1px 3px #dddddd;
    -moz-box-shadow: 1px 1px 3px #dddddd;
    box-shadow: 1px 1px 3px #dddddd;
    border-radius: 2px;
    background: #ffffff;
    margin-bottom: 10px;
    padding: 25px 20px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

    .summaryView .summary-table tr.summaryViewEntries:last-child .fieldValue,
    .summaryView .summary-table tr.summaryViewEntries:last-child .fieldLabel {
        border-bottom: 1px solid #dddddd;
    }

    .summaryView .summaryViewEntries .fieldLabel {
        vertical-align: top;
        padding: 5px 0 5px 5%;
        border-top: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
    }

    .summaryView .summaryViewEntries .fieldValue {
        vertical-align: top;
        padding: 5px 0 5px 5%;
        border-top: 1px solid #dddddd;
    }

    .summaryView .summaryViewEntries:hover .summaryViewEdit {
        opacity: 1;
        /*for IE*/

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }

    .summaryView .summaryViewEntries .summaryViewEdit {
        opacity: 0;
        /*for IE*/

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }

    .summaryView .toggleViewByMode {
        margin: 8px 0;
    }

.summaryWidgetContainer {
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #dddddd;
    -moz-box-shadow: 1px 1px 3px #dddddd;
    box-shadow: 1px 1px 3px #dddddd;
    border: 1px solid #eaeaea;
    background: #ffffff;
    margin-bottom: 10px;
    padding: 15px;
}

    .summaryWidgetContainer .widget_header {
        padding-bottom: 10px;
        padding-top: 0;
        border-bottom: 1px solid #dddddd;
    }

        .summaryWidgetContainer .widget_header button,
        .summaryWidgetContainer .widget_header > .span8,
        .summaryWidgetContainer .widget_header > .span9 {
            margin: 0;
        }

        .summaryWidgetContainer .widget_header h4 {
            padding-top: 7px;
        }

    .summaryWidgetContainer .widget_contents {
        padding-top: 10px;
    }

        .summaryWidgetContainer .widget_contents .span4 {
            width: 40.4255%;
        }

.commentContainer .commentTitle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-bottom: 10px;
}

    .commentContainer .commentTitle textarea {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
    }

.recordDetails .squeezedWell {
    padding: 3% 2%;
    min-height: 105px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}
/*#EditView{
        input[type="radio"]{
                margin: -2px 3px 0 0 !important;
        }
}*/
.recordEditView .contentHeader {
    padding: 1.5% 0;
}

.recordEditView .table .fieldLabel,
.recordEditView .table .fieldValue {
    vertical-align: middle;
}

.recordEditView .table tbody tr:hover td,
.recordEditView .table tbody tr:hover th {
    background: #f7f7f9;
}

.commentContainer {
    border-radius: 2px;
}

    .commentContainer hr {
        margin: 0 !important;
    }

    .commentContainer .addCommentBlock .commentsControls {
        display: inline-block;
    }

    .commentContainer .commentsList > .liStyleNone > .commentDetails .commentDiv {
        width: 100%;
    }

    .commentContainer .commentDetails {
        background: #ffffff;
        border: 1px solid #dddddd;
        margin-bottom: 5px;
        border-radius: 2px;
        padding: 10px 10px 5px;
        display: inline-block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
    }

        .commentContainer .commentDetails .commentDiv {
            width: 380px;
        }

    .commentContainer .commentorInfo p {
        margin-bottom: 0;
    }

    .commentContainer .addCommentBlock {
        background-color: #eeeff2;
        background-repeat: repeat-x;
        border: 1px solid #dddddd;
        padding: 12px 12px 5px;
        min-height: 115px;
        margin-top: 15px;
        display: block;
        background-image: linear-gradient(top, #eeeff2, #eeeff2);
    }

        .commentContainer .addCommentBlock .commentcontent {
            padding: 8px !important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            word-wrap: break-word;
            width: 100%;
            resize: none;
        }

    .commentContainer .commentInfoContent {
        padding: 1px 0;
        word-wrap: break-word;
    }

.commentTitle .span1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

    .commentTitle .span1 img {
        min-width: 32px;
        min-height: 32px;
    }

.commentsList > ul {
    margin-left: 0;
}

.singleComment .commentActionsContainer {
    margin-bottom: 5px;
}

.singleComment .editedStatus {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    min-height: 2px;
}

    .singleComment .editedStatus p {
        margin-bottom: 0;
    }

.recentComments {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

    .recentComments .commentDiv {
        min-width: 100%;
    }

    .recentComments .addCommentBlock {
        border: 0;
        margin-top: 0;
        display: block;
    }

    .recentComments .commentDetails {
        display: block;
    }

.singleComment:hover .commentActions .replyComment {
    display: inline-block;
}

.commentActionsContainer a {
    opacity: 0.6;
}

    .commentActionsContainer a:hover {
        text-decoration: none;
        opacity: 1;
    }

.commentActionsContainer .editStatus {
    padding: 5px 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

    .commentActionsContainer .editStatus p {
        margin-bottom: 0;
    }

.table {
    background: #ffffff;
}

.table-bordered {
    border-radius: 1px;
    margin-bottom: 0;
}

    .table-bordered th {
        border-top: 1px solid #ffffff !important;
    }

.table th {
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    text-shadow: 0px 1px #ffffff;
    color: #444444;
    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
    border-left-color: #f3f3f4;
    border-right-color: #f3f3f4;
    border-top-color: #f3f3f4;
    border-bottom-color: #cbcbcf;
}

.listViewEntriesTable.table-bordered th + th,
.listViewEntriesTable.table-bordered td + td,
.listViewEntriesTable.table-bordered th + td,
.listViewEntriesTable.table-bordered td + th {
    border-left: 0;
}
/*
.table-bordered th + th, .table-bordered td + td, .table-bordered th + td, .table-bordered td + th{
        border-left-color: @lightColorBorder;
}
.listViewEntriesTable tbody tr td{
        border-left: 1px solid @lightColorBorder;
}
.listViewEntriesTable tbody tr td:first-child{
        border-left: 0 none;
}
.listViewEntriesTable tbody td:last-child{
        border-left: 0;
}*/
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
    border-radius: 1px 0 0;
}

.equalSplit td:nth-child(odd) {
    width: 20%;
}

.equalSplit td:nth-child(even) {
    width: 30%;
}

td.fieldValue input,
td.fieldValue .input-append {
    margin-bottom: 0;
}

.actionImage,
.actionImages {
    opacity: 0;
    /*for IE*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.listViewEntries .actionImages a {
    margin: 4px;
}

    .listViewEntries .actionImages a i {
        vertical-align: middle;
    }

.listViewHeaders a {
    color: #444444;
}

.listViewEntriesDiv .listViewHeaders th {
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-bottom: 1px solid #dddddd;
    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
    border-left-color: #f3f3f4;
    border-right-color: #f3f3f4;
    border-top-color: #f3f3f4;
}

.listViewEntriesDiv,
.listViewEntriesDiv td {
    overflow: visible;
}

.listViewEntriesTable .listViewHeaders a.listViewHeaderValues {
    color: #444444;
    padding-right: 12px;
}

    .listViewEntriesTable .listViewHeaders a.listViewHeaderValues:hover {
        text-decoration: none;
    }

    .listViewEntriesTable .listViewHeaders a.listViewHeaderValues .icon-chevron-down.icon-white,
    .listViewEntriesTable .listViewHeaders a.listViewHeaderValues .icon-chevron-up.icon-white {
        background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings.png");
        opacity: 0.7;
        margin-top: 1px;
    }

.listViewEntriesTable td.listViewEntryValue,
.listViewEntries td {
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    padding: 5px;
}

    .listViewEntriesTable td.listViewEntryValue:hover .actionImages,
    .listViewEntries td:hover .actionImages,
    .listViewEntriesTable td.listViewEntryValue:hover .actions,
    .listViewEntries td:hover .actions {
        opacity: 1;
        /*for IE*/

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }

.listSearchContributor.dateField {
    width: 95%;
}
/*opacity applied for summary view edit, comment actions, activity widget edit*/
.summaryViewEntries .summaryViewEdit,
.activityStatus .editStatus,
.addedCalendars .actionImage {
    opacity: 0;
    /*for IE*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.summaryViewEntries:hover .fieldValue .summaryViewEdit,
.activityStatus:hover .editStatus,
.addedCalendars:hover .actionImage {
    opacity: 1;
    /*for IE*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.listViewEntriesTable tr:hover td .actions .actionImages {
    opacity: 1;
    /*for IE*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.listViewBasicAction.dropdown-menu {
    width: 100%;
}

    .listViewBasicAction.dropdown-menu input {
        border-radius: 2px;
        height: 24px;
        margin-bottom: 0;
        margin-top: -2px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
    }

.emptyRecordsDiv {
    width: 100%;
    border: 1px solid #dddddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    height: 372px;
    text-align: center;
    font-size: 16px;
    padding: 5% 0;
}

    .emptyRecordsDiv td {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
        text-align: center;
        font-size: 16px;
        padding: 5% 0;
    }

.CustomFilterViewTitle {
    padding-top: 1%;
}

#CustomView .filterActions {
    padding-bottom: 20px;
    overflow: hidden;
}

.select2-container.select2-container-multi.columnsSelect {
    width: 100% !important;
}

.filterConditionsDiv {
    padding-bottom: 0;
}

.conditionGroup .header {
    margin-bottom: 20px;
    font-size: 1.2em;
}

.conditionGroup .contents .conditionRow {
    margin-bottom: 10px;
}

    .conditionGroup .contents .conditionRow select,
    .conditionGroup .contents .conditionRow input {
        width: 90%;
    }

    .conditionGroup .contents .conditionRow .chzn-results li {
        line-height: 20px;
    }

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

.searchUIBasic {
    border-collapse: separate !important;
    border-spacing: 10px !important;
    margin: 0 10%;
}

    .searchUIBasic .importContents {
        border: 1px solid #eaeaea;
        -webkit-box-shadow: 1px 1px 3px #dddddd;
        -moz-box-shadow: 1px 1px 3px #dddddd;
        box-shadow: 1px 1px 3px #dddddd;
        border-radius: 2px;
        background: #ffffff;
        margin-bottom: 10px;
        padding: 25px 20px 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
    }

    .searchUIBasic .listRow .listViewHeaders > td {
        color: #404952;
    }

    .searchUIBasic .listRow .defaultInputTextContainer {
        max-width: 87% !important;
        margin-bottom: 0 !important;
    }

#lineItemTab.table tr:first-child:hover th ~ td {
    background-color: #f3f3f4;
    background-image: -moz-linear-gradient(top, #f3f3f4, #f3f3f4);
    background-image: -ms-linear-gradient(top, #f3f3f4, #f3f3f4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f4), to(#f3f3f4));
    background-image: -webkit-linear-gradient(top, #f3f3f4, #f3f3f4);
    background-image: -o-linear-gradient(top, #f3f3f4, #f3f3f4);
    background-image: linear-gradient(top, #f3f3f4, #f3f3f4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f4', endColorstr='#f3f3f4', GradientType=0);
    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);
}

#lineItemTab.table tr:nth-child(2):hover td {
    background: none;
}

.lineItemTable {
    position: relative;
}

    .lineItemTable tr td div.discountUI,
    .lineItemTable tr td div.finalDiscountUI,
    .lineItemTable tr td div.taxUI,
    .lineItemTable tr td div.chargesBlock,
    .lineItemTable tr td div.chargeTaxesBlock,
    .lineItemTable tr td div.deductTaxesBlock,
    .lineItemTable tr td div.finalTaxUI {
        position: absolute;
        border: 2px solid #c4c4c4;
        box-shadow: 1px 0px 7px #dddddd;
        border-radius: 2px;
        z-index: 500;
        left: 45%;
        width: 31%;
        max-height: 320px;
        overflow-y: auto;
    }

        .lineItemTable tr td div.discountUI table tr td,
        .lineItemTable tr td div.finalDiscountUI table tr td,
        .lineItemTable tr td div.taxUI table tr td,
        .lineItemTable tr td div.chargesBlock table tr td,
        .lineItemTable tr td div.chargeTaxesBlock table tr td,
        .lineItemTable tr td div.deductTaxesBlock table tr td,
        .lineItemTable tr td div.finalTaxUI table tr td,
        .lineItemTable tr td div.discountUI table tr th,
        .lineItemTable tr td div.finalDiscountUI table tr th,
        .lineItemTable tr td div.taxUI table tr th,
        .lineItemTable tr td div.chargesBlock table tr th,
        .lineItemTable tr td div.chargeTaxesBlock table tr th,
        .lineItemTable tr td div.deductTaxesBlock table tr th,
        .lineItemTable tr td div.finalTaxUI table tr th {
            border-left: 0;
        }

        .lineItemTable tr td div.discountUI table.table,
        .lineItemTable tr td div.finalDiscountUI table.table,
        .lineItemTable tr td div.taxUI table.table,
        .lineItemTable tr td div.chargesBlock table.table,
        .lineItemTable tr td div.chargeTaxesBlock table.table,
        .lineItemTable tr td div.deductTaxesBlock table.table,
        .lineItemTable tr td div.finalTaxUI table.table {
            margin-bottom: 0;
        }

        .lineItemTable tr td div.discountUI .table tbody tr:first-child th:first-child,
        .lineItemTable tr td div.finalDiscountUI .table tbody tr:first-child th:first-child,
        .lineItemTable tr td div.taxUI .table tbody tr:first-child th:first-child,
        .lineItemTable tr td div.chargesBlock .table tbody tr:first-child th:first-child,
        .lineItemTable tr td div.chargeTaxesBlock .table tbody tr:first-child th:first-child,
        .lineItemTable tr td div.deductTaxesBlock .table tbody tr:first-child th:first-child,
        .lineItemTable tr td div.finalTaxUI .table tbody tr:first-child th:first-child {
            border-radius: 2px 0 0 0 !important;
        }

        .lineItemTable tr td div.discountUI .table tbody tr:first-child th:last-child,
        .lineItemTable tr td div.finalDiscountUI .table tbody tr:first-child th:last-child,
        .lineItemTable tr td div.taxUI .table tbody tr:first-child th:last-child,
        .lineItemTable tr td div.chargesBlock .table tbody tr:first-child th:last-child,
        .lineItemTable tr td div.chargeTaxesBlock .table tbody tr:first-child th:last-child,
        .lineItemTable tr td div.deductTaxesBlock .table tbody tr:first-child th:last-child,
        .lineItemTable tr td div.finalTaxUI .table tbody tr:first-child th:last-child {
            border-radius: 0 2px 0 0 !important;
        }

.lineItemTableDiv table tr td .lineItemFieldName {
    min-width: 80px;
}

.lineItemTable tr td div.finalDiscountUI,
.lineItemTable tr td div#shipping_handling_div,
.lineItemTable tr td div.finalTaxUI {
    max-height: 100%;
    overflow-y: auto;
}

.lineItemTable tr td input.input-medium,
.lineItemTable tr td .dateField {
    width: 100px;
}

.lineItemTable tr td input.input-small {
    width: 80px;
}

.lineItemTable tr td .select2,
.lineItemTable tr td input.input-large {
    width: 160px;
}

.lineItemTable tr td .date,
.lineItemTable tr td .currency,
.lineItemTable tr td .percentage {
    width: 140px;
}

.lineItemTable tr td .time {
    width: 120px;
}

.lineItemTable tr td .textArea {
    width: 160px;
    height: 40px;
}

.lineItemTable tr td .productName {
    width: 200px;
}

.lineItemTable tr td .itemNameDiv {
    width: 255px;
}

.lineItemTable tr:hover td div.finalDiscountUI table tr td {
    background: none !important;
}

.lineItemTable tr:hover td div.discountUI table tr td {
    background: none !important;
}

.lineItemTable tr:hover td div.chargeBlock table tr td {
    background: none !important;
}

.lineItemTable tr:hover td div.chargeTaxesBlock table tr td {
    background: none !important;
}

.lineItemTable tr:hover td div.deductTaxesBlock table tr td {
    background: none !important;
}

.lineItemTable tr:hover td span.taxDivContainer div table tr td {
    background: none !important;
}

.lineItemTable tr:hover td div.finalTaxUI table tr td {
    background: none !important;
}

.lineItemResult {
    width: 70.5% !important;
}

    .lineItemResult a:hover {
        color: #404952;
    }

.lineItemInputBox {
    width: 45%;
    float: right;
    text-align: right;
}

.smallInputBox {
    width: 45%;
    height: 12px;
}

.lineItemCommentBox {
    width: 210px;
    height: 40px;
}

.inventoryLineItemHeader {
    float: left;
    margin: 7px;
}

.chargeTaxesBlock {
    left: 40% !important;
    width: 35% !important;
}

.LineItemDirectPriceReduction {
    width: 65% !important;
}

th.htColHeader,
.handsontable thead th {
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-bottom: 1px solid #dddddd;
    padding: 6px 2px;
    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
    border-left-color: #f3f3f4;
    border-right-color: #f3f3f4;
    border-top-color: #f3f3f4;
}

.contentHeader {
    padding: 15px;
    padding-left: 5px;
    line-height: 20px;
}

.contentsDiv > div {
    padding: 0 20px;
}

#settingsQuickWidgetContainer .widgetContainer.accordion-body {
    border-bottom: none !important;
    border-bottom: 3px solid #dddddd;
}

    #settingsQuickWidgetContainer .widgetContainer.accordion-body > div:hover {
        background: #eeeff2;
    }

    #settingsQuickWidgetContainer .widgetContainer.accordion-body .selectedMenuItem {
        background-color: #eeeff2;
        border-bottom: 1px solid #dddddd !important;
        border-top: 1px solid #dddddd !important;
        font-weight: bold;
    }

        #settingsQuickWidgetContainer .widgetContainer.accordion-body .selectedMenuItem a {
            color: #444444;
        }

    #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem a {
        color: #444444;
    }

        #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem a:hover {
            text-decoration: none;
        }

    #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem:hover .pinUnpinShortCut {
        display: inline-block;
        margin-top: 3px;
        opacity: 0.8;
    }

        #settingsQuickWidgetContainer .widgetContainer.accordion-body .menuItem:hover .pinUnpinShortCut:hover {
            opacity: 1;
        }

#settingsShortCutsContainer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    min-height: 350px;
    padding: 1% 3%;
}

    #settingsShortCutsContainer .moduleBlock {
        min-height: 60px;
    }

    #settingsShortCutsContainer .span3.moduleBlock:hover .unpin {
        display: inline-block;
        opacity: 0.4;
    }

        #settingsShortCutsContainer .span3.moduleBlock:hover .unpin:hover {
            opacity: 0.8;
        }

.widget_header {
    padding: 12px 0 3px;
}

    .widget_header h3.btn-success,
    .widget_header button.btn-success {
        margin-top: 0;
    }

.settingsIndexPage .settingsSummary {
    text-align: center;
    margin-top: 10px;
}

    .settingsIndexPage .settingsSummary a {
        display: inline-block;
        background: #f3f3f4;
        color: #444444;
        border-radius: 2px;
        min-width: 200px;
        padding: 20px 0 10px;
        border: 1px solid #dddddd;
    }

        .settingsIndexPage .settingsSummary a .summaryText {
            display: inline-block;
            margin-top: 20px;
            font-size: 15px;
        }

        .settingsIndexPage .settingsSummary a:hover .summaryText,
        .settingsIndexPage .settingsSummary a:hover .summaryCount {
            color: #404952;
        }

.settingsIndexPage .moduleBlock h5 {
    font-size: 1.2em;
    margin-bottom: 5px;
}

.settingsIndexPage .moduleBlock:hover {
    background: #f3f3f4;
}

#userPageHeader {
    padding: 8px 0 0;
}

    #userPageHeader #userHeading h3 {
        margin-top: 10px;
    }

.treeView li {
    border-left: 4px solid #dddddd;
    list-style: none;
    padding-top: 15px;
}

    .treeView li .toolbar-handle {
        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 .btn {
    margin-bottom: 10px;
}

.profilesEditView tr.blockHeader th {
    text-align: center;
}

    .profilesEditView tr.blockHeader th:first-child {
        text-align: left;
    }

.profilesEditView input {
    margin-right: 5px;
}

.profilesEditView tr td.row-fluid table.table {
    border-left: none;
    margin-bottom: 20px;
}

.profilesEditView tr:hover td.row-fluid {
    background: none;
}

    .profilesEditView tr:hover td.row-fluid table.table tr td {
        background: none;
    }

    .profilesEditView tr:hover td.row-fluid table.table tr:hover td {
        background: none;
    }

    .profilesEditView tr:hover td.row-fluid table.table td {
        background: #f3f3f4;
    }
/*User list View Long emails are overlapping to next column*/
.UsersTable th.actionsCol {
    padding: 8px;
}

.UsersTable .listViewEntries td .usersinfo {
    overflow: hidden;
    text-overflow: ellipsis;
}

#s2id_memberList li > div,
.groupMembersColors li > div {
    margin-left: 10px;
}

#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;
}

.collectiveGroupMembers {
    border: 1px solid #dddddd;
    border-top: 0;
}

    .collectiveGroupMembers ul {
        padding: 0;
        margin: 0;
    }

        .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: 0;
            }

            .collectiveGroupMembers ul li.groupLabel {
                background-color: #f3f3f4;
                border-bottom: 1px solid #dddddd;
                border-top: 1px solid #dddddd;
                padding: 10px 5px;
                margin: 0;
                color: #444444;
            }

.mini-slider-control {
    width: 50px;
}

    .mini-slider-control + div {
        margin-left: 15px;
    }

    .mini-slider-control .ui-slider-handle {
        border: 0;
        border-radius: 50%;
        height: 16px;
        top: -2px;
        width: 16px;
        cursor: pointer;
    }

        .mini-slider-control .ui-slider-handle:focus {
            outline: none;
        }

.ui-widget-content {
    border-radius: 6px;
    border-color: #ffffff;
    box-shadow: 0 0 3px -1px inset;
    margin-top: 2px;
    margin-left: 5px;
    height: 12px;
}

.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;
    /* Old browsers */

    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%);
    /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);
    /* IE6-9 */
}

.mini-slider-control[data-value="1"] .ui-slider-handle {
    background: #ffb76b;
    /* Old browsers */

    background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffb76b), color-stop(0%, #ffa73d), color-stop(49%, #ff7c00), color-stop(100%, #ff7f04));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, #ffb76b 0%, #ffa73d 0%, #ff7c00 49%, #ff7f04 100%);
    /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb76b', endColorstr='#ff7f04', GradientType=0);
    /* IE6-9 */
}

.mini-slider-control[data-value="2"] .ui-slider-handle {
    background: #bfd255;
    /* Old browsers */

    background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfd255), color-stop(79%, #8eb92a), color-stop(100%, #72aa00), color-stop(100%, #9ecb2d));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 79%, #72aa00 100%, #9ecb2d 100%);
    /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfd255', endColorstr='#9ecb2d', GradientType=0);
    /* IE6-9 */
}

#moduleManagerContents {
    padding-bottom: 10px;
}

    #moduleManagerContents .moduleManagerBlock .moduleName {
        margin-top: 4px;
    }

    #moduleManagerContents .moduleManagerBlock .btn-group.open .dropdown-menu {
        left: -144%;
    }

    #moduleManagerContents .modulesTable td {
        width: 50%;
    }

#importModules .contents .row-fluid {
    margin-bottom: 2.2%;
}

.extensionWidgetContainer {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    min-height: 200px;
    padding: 2%;
}

    .extensionWidgetContainer .extension_contents {
        margin-top: 2%;
        background: #ffffff;
        border: 1px solid #dddddd;
        padding: 15px 0px;
    }

        .extensionWidgetContainer .extension_contents .slimScrollDiv {
            padding-right: 10px;
        }

    .extensionWidgetContainer .extension_header .font-x-x-large {
        font-size: 1.5em;
        padding-left: 3px;
        font-weight: bold;
        color: #404952;
    }

    .extensionWidgetContainer .extensionDescription {
        line-height: 20px;
    }

    .extensionWidgetContainer .extensionInfo {
        padding-top: 5%;
    }

.opacity .actions {
    opacity: 0;
    /*for IE*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.opacity:hover .actions {
    opacity: 1;
    /*for IE*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.sharingAccessDetails {
    margin-bottom: 30px;
}

    .sharingAccessDetails td,
    .sharingAccessDetails th {
        text-align: center;
        vertical-align: middle !important;
    }

    .sharingAccessDetails tr td:first-child,
    .sharingAccessDetails tr th:first-child {
        text-align: left;
    }

    .sharingAccessDetails td.row-fluid > div {
        display: block;
    }

    .sharingAccessDetails .customRuleContainer:hover {
        background: none;
    }

    .sharingAccessDetails hr {
        border-bottom: 1px solid #bcbcbc;
    }

    .sharingAccessDetails .title {
        padding: 1%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
    }

        .sharingAccessDetails .title .rulehead {
            padding-top: 5px;
        }

    .sharingAccessDetails .customRuleEntries .actionImages a i {
        vertical-align: bottom;
    }

    .sharingAccessDetails .customRuleEntries:hover .actionImages {
        opacity: 1;
        /*for IE*/

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }

.layoutBlockHeader {
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    text-shadow: 0px 1px #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dddddd;
    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
    border-left-color: #f3f3f4;
    border-right-color: #f3f3f4;
}

    .layoutBlockHeader .blockLabel {
        padding-top: 13px;
    }

    .layoutBlockHeader .blockActions .btn-group {
        margin-top: 5px;
    }

        .layoutBlockHeader .blockActions .btn-group .dropdown-menu {
            left: -100%;
        }

.layoutContent {
    border-top: 4px solid #404952;
}

    .layoutContent #moduleBlocks .editFieldsTable {
        margin-bottom: 20px;
    }

        .layoutContent #moduleBlocks .editFieldsTable .fieldLabel {
            background: none;
        }

        .layoutContent #moduleBlocks .editFieldsTable .editFieldDetails {
            opacity: 0;
        }

    .layoutContent .relatedTabModulesList {
        padding: 1% 0;
    }

.fieldDetailsForm .search-choice-close {
    padding: 0;
}

.border1px {
    border: 1px solid #dddddd;
}

.blockFieldsList .opacity {
    margin-left: 0.5% !important;
}

    .blockFieldsList .opacity .dropdown-menu a {
        padding: 0px !important;
    }

    .blockFieldsList .opacity a.dropdown-toggle.editFieldDetails {
        box-shadow: none;
    }

.blockFieldsList li:hover .editFieldDetails {
    opacity: 1 !important;
}

.blockFieldsList .editFields {
    background: #f3f3f4 !important;
}

    .blockFieldsList .editFields .dropdown-menu {
        z-index: 1000003;
        padding: 0;
        left: -215px;
        position: absolute;
    }

        .blockFieldsList .editFields .dropdown-menu .modal-header {
            border-width: 0;
            border-bottom-width: 1px;
        }

            .blockFieldsList .editFields .dropdown-menu .modal-header .cancel {
                padding-right: 0;
                font-weight: bold;
            }

        .blockFieldsList .editFields .dropdown-menu .modal-footer .cancel {
            padding: 0 8px 0 3px;
        }

#modulePickListValuesContainer .layoutContent {
    padding-left: 2%;
}

    #modulePickListValuesContainer .layoutContent .selectedCell,
    #modulePickListValuesContainer .layoutContent .selectedListItem {
        background: #a5afb9;
        white-space: nowrap;
    }

    #modulePickListValuesContainer .layoutContent .pickListValue {
        cursor: pointer;
    }

.nonEditableValuesDiv .nonEditablePicklistValues {
    margin-left: 0;
}

    .nonEditableValuesDiv .nonEditablePicklistValues li {
        padding: 3px 15px;
        margin-bottom: 2px;
        background: #E0F2FF;
    }

.popover {
    z-index: 1000023 !important;
}

.popover-content .fieldLabel {
    width: 35%;
    white-space: normal;
}

#dependencyGraph .tableHeading {
    text-align: center;
    padding-top: 30px;
    font-size: 1.2em;
    font-weight: bold;
}

#dependencyGraph .depandencyTable {
    border: 1px solid #dddddd;
    background: #f3f3f4;
}

    #dependencyGraph .depandencyTable .blockHeader {
        border-bottom: 1px solid #dddddd;
    }

    #dependencyGraph .depandencyTable .picklistValueMapping {
        border-bottom: 1px solid #dddddd;
    }

#dependencyGraph .dependencyMapping {
    text-align: center;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background: #ffffff;
}

    #dependencyGraph .dependencyMapping .mCSB_container {
        margin-bottom: 16px !important;
    }

    #dependencyGraph .dependencyMapping .pickListDependencyTable {
        border: 0;
    }

        #dependencyGraph .dependencyMapping .pickListDependencyTable .blockHeader th {
            background: #f3f3f4;
            border-bottom: 1px solid #dddddd;
        }

        #dependencyGraph .dependencyMapping .pickListDependencyTable .selectedCell {
            background: #a5afb9;
        }

.webformFieldInfo {
    margin-bottom: 250px;
}

.targetFieldsTableContainer input[type="text"] {
    min-width: 100px;
}

#customRecordNumbering.table thead th {
    vertical-align: middle;
}

.addMailBoxBlock {
    margin-left: 83px;
    padding: 0 !important;
    font-size: 12px;
}

.addMailBoxStep {
    background: #ffffff;
    padding: 30px 0;
    border: 1px solid #dddddd;
    border-radius: 1px;
    min-height: 170px;
}

.mailConveterDesc {
    height: 350px;
    width: 96%;
    border: 1.5px solid;
    border-radius: 2px;
    border-color: #dddddd;
    font-size: 11pt;
    margin-top: 55px;
    margin-left: 20px;
    background: #ffffff;
}

#mailBoxLabel {
    margin-top: 15px;
    margin-left: -18px;
    font-size: 12pt;
    width: 75px;
}

.mailBoxDropdownWrapper {
    height: 49px;
    width: 70%;
    background: url('../images/mailbox-icon.png') no-repeat 5px 5px;
    overflow: hidden;
    border: 1px solid #dddddd;
}

.mailBoxDropdown {
    background: transparent url('../images/downArrowBlue.png') no-repeat 236px 13px;
    width: 110%;
    height: 50px;
    font-size: 14pt;
    color: #0065a6;
    padding: 10px 55px;
    padding-right: 0;
}

#mailConverterDragIcon {
    margin-top: 12px;
}

#mailConverterBody {
    padding-top: 20px;
    margin-left: 0px;
}

.ruleHead {
    padding: 6px 0;
    background: #d8d8dc;
}

.mailConverterRuleBlock {
    font-size: 14px;
    line-height: 30px;
    border: 1.5px solid;
    border-color: #dddddd;
}

.mailConverterRuleLegend {
    font-size: 14px;
    color: #0065a6;
    margin-bottom: 10px;
    background: #f3f3f4;
}

#mailConverterStats {
    font-size: 10pt;
    margin-top: 5px;
    margin-left: -10px;
}

.addMailBoxBlock {
    border-color: #dddddd;
    margin-left: 83px;
    margin-top: 20px;
    padding-top: 30px;
    padding-left: 200px;
    padding-bottom: 20px;
    padding-right: 30px;
    font-size: 11pt;
}

#mailConverterRuleModalBody {
    overflow: hidden;
    width: auto;
    height: 400px;
}

.taskTypeUi > .row-fluid {
    margin: 10px 0;
}

#taskListContainer .listViewEntriesTable tr td:last-child {
    border-left: 1px solid #dddddd;
}

#workflow_step2 > .row-fluid {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    min-height: 400px;
}

#open_email_con .detailViewTitle {
    padding: 0;
}

    #open_email_con .detailViewTitle .detailViewPagingButton {
        margin-top: 0;
        padding-right: 0;
    }

#foldersList .nav-list {
    padding-right: 0;
}

.massEditTable th + th,
.massEditTable td + td,
.massEditTable th + td,
.massEditTable td + th {
    border-left: 0;
}

.nav.massEditTabs {
    margin-bottom: 0;
    border-bottom: 0;
}

    .nav.massEditTabs li.active a {
        background: #404952;
        color: #ffffff;
        margin-left: 10px;
    }

    .nav.massEditTabs li a:hover {
        border-bottom: 1px solid #404952;
    }

.massEditContent {
    border-top: 3px solid #404952;
}

.calendarSettingsContainer {
    width: 700px;
}

    .calendarSettingsContainer .control-label {
        width: 26%;
    }

#calendarSettings {
    margin: 1px 0 4px;
}

.calendarMassEdit {
    min-width: 400px;
}

.fc-state-default .fc-button-effect {
    top: 100%;
    height: 0 !important;
}

.fc-event {
    min-height: 14px !important;
}

.fc-event-style1,
.fc-event-style1 .fc-event-skin {
    background: #17309a;
    border-color: #17309a;
    font-weight: normal;
    text-shadow: none;
}

.fc-event-style2,
.fc-event-style2 .fc-event-skin {
    background: #3a87ad;
    border-color: #3a87ad;
    font-weight: normal;
    text-shadow: none;
}

.fc-event-style3,
.fc-event-style3 .fc-event-skin {
    background: #aa6705;
    border-color: #aa6705;
    font-weight: normal;
    text-shadow: none;
}

.fc-event-style4,
.fc-event-style4 .fc-event-skin {
    background: #953b39;
    border-color: #953b39;
    font-weight: normal;
    text-shadow: none;
}

.fc-event-style5,
.fc-event-style5 .fc-event-skin {
    background: #545252;
    border-color: #545252;
    font-weight: normal;
    text-shadow: none;
}

.fc-event-style6,
.fc-event-style6 .fc-event-skin {
    background: #87865d;
    border-color: #87865d;
    font-weight: normal;
    text-shadow: none;
}

.fc-event-style7,
.fc-event-style7 .fc-event-calendarMassEditskin {
    background: #c71585;
    border-color: #c71585;
    font-weight: normal;
    text-shadow: none;
}

.fc-event-style8,
.fc-event-style8 .fc-event-skin {
    background: #006400;
    border-color: #006400;
    font-weight: normal;
    text-shadow: none;
}

#calendarview th {
    color: #000000;
}

.fc-agenda-divider + div {
    overflow-y: visible !important;
}

.fc-button {
    border-radius: 0 !important;
    padding: 5px 10px !important;
}

    .fc-button:active .fc-button-inner {
        background: transparent;
    }

        .fc-button:active .fc-button-inner .fc-button-content {
            color: #ffffff;
        }

        .fc-button.fc-state-active .fc-button-inner .fc-button-content,
        .fc-button:active .fc-button-inner .fc-button-content {
            color: #000000 !important;
            background: transparent;
            background-image: none;
        }

.fc-header-title h2 {
    font-size: 15px;
    line-height: 20px;
}

.fc-widget-header {
    color: #666;
    background: #eee;
    border-color: #ccc;
}

.fc-content {
    background: #fff;
    margin-top: 15px;
}

    .fc-content td:hover {
        background: #f3f3f3;
    }

.listViewSetting.dropdown-menu {
    left: auto;
    right: 0;
}

.btn {
    /*font-weight: bold;*/
    background-color: none;
    background-image: none;
    border-radius: 0 !important;
    border-radius: 4px !important;
}

    .btn:focus {
        outline: 0;
    }

.btn-primary {
    background: #404952;
}

    .btn-primary:hover {
        background: #1e2327;
    }

.addButton {
    background: #ffffff;
    text-shadow: none;
    border-radius: 0 !important;
}

    .addButton:hover {
        border-radius: 0 !important;
        background-position: 0 0;
        background: #ffffff;
    }

    .addButton i.caret {
        background-size: 0;
    }

.saveButton,
.btn-success {
    margin-right: 5px;
}

.cancelLink {
    cursor: pointer;
    text-decoration: none !important;
    color: #aa3434;
    margin: 6px 8px;
    font-size: 12px !important;
}

    .cancelLink:hover {
        color: #aa3434 !important;
    }

.addCustomRule {
    float: right;
}

.importMore {
    background: #ffffff;
}

.lastImport {
    background: #ffffff;
}

.undoImport {
    background: #da4f49;
}

.close {
    border: none;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
}

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

.vtGlyph {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/vtGlyph.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    *margin-right: .3em;
}

.vticon-pageJump {
    background-position: 0 0;
}

.vticon-call-inbound {
    background-position: -14px 0;
}

.vticon-call-outbound {
    background-position: -28px 0;
}

.vticon-attach {
    background-position: -42px 0;
}

.vticon-maximize {
    background-position: -56px 0;
}

#massEdit .cancelLinkContainer {
    padding: 5px 0;
    margin-left: 0.5em;
}

.ui-pnotify {
    z-index: 1000023;
}
/*Feedback UI*/
.feedback {
    z-index: 10002;
}

    .feedback .handle {
        z-index: 10003;
        display: block;
        position: fixed;
        bottom: 50px;
        left: -30px;
        left: 0\9;
        bottom: 100px\9;
        background: #2C2C2C;
        color: white;
        padding: 7px 15px;
        border: 1px solid gray;
        text-decoration: none;
        outline: none;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')";
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, sizingMethod='auto expand');
    }

        .feedback .handle:hover {
            text-decoration: none;
        }
/* Footer */
.vtFooter {
    text-align: center;
}

    .vtFooter p {
        background: #404952;
        color: #ffffff;
        border-top: 1px solid #dddddd;
        padding: 1px 0;
        font-size: 0.9em;
        margin-bottom: 0;
    }

        .vtFooter p a {
            color: #ffffff;
        }
/* Footer */
/*****Loading message **********/
.imageHolder {
    background: url('../images/loadback.png') repeat-y;
    background-position: center;
    padding: 10px 0;
}

.breadcrumbContainer {
    padding: 2% 2% 0 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    height: auto;
}

.breadcrumb {
    display: inline-block;
    height: auto;
    height: 40px;
}

.crumbs {
    height: 40px;
    margin: 0;
    padding: 0 20px 0 0;
    display: inline-block;
    font-family: sans-serif;
}

    .crumbs li:after {
        content: '\0000a0';
        width: 0;
        height: 0;
        border-left: 19px solid #ECECEC;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        display: inline-block;
        position: relative;
        top: -20px;
        left: 18px;
        zoom: 1;
    }

    .crumbs li {
        height: 0;
        border-top: 20px solid #ECECEC;
        border-bottom: 20px solid #ECECEC;
        border-left: 20px solid transparent;
        display: inline-block;
        cursor: pointer;
        box-shadow: 0 1px #ddd;
        margin-right: 5px;
    }

        .crumbs li a {
            display: inline-block;
            float: left;
            margin-top: -13px;
            font-size: 14px;
            font-weight: bold;
            color: #666;
            text-decoration: none;
        }

        .crumbs li:not(.hoverDisabled):hover {
            height: 0;
            border-top: 20px solid #4b5660;
            border-bottom: 20px solid #4b5660;
            box-shadow: 0 1px #4b5660;
        }

            .crumbs li:not(.hoverDisabled):hover a {
                color: #ffffff;
            }

            .crumbs li:not(.hoverDisabled):hover:after {
                border-left: 20px solid #4b5660 !important;
            }

        .crumbs li.active {
            height: 0;
            border-top: 20px solid #404952;
            border-bottom: 20px solid #404952;
            box-shadow: 0 1px #404952;
        }

            .crumbs li.active:after {
                border-left: 18px solid #404952 !important;
            }

        .crumbs li.hoverDisabled {
            cursor: default;
        }

            .crumbs li.hoverDisabled a {
                color: #ffffff;
                cursor: default;
            }

.stepText {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    vertical-align: bottom;
}

.active .stepText,
.active .stepNum {
    color: #fff;
}

.stepNum {
    display: inline-block;
    padding: 0 5px;
    overflow: hidden;
    font-size: 20px;
    vertical-align: top;
    margin-top: 5px;
}

.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;
}

.blockUI {
    border-radius: 2px !important;
    border: 0 !important;
}

textarea.span11 {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

.popover .popover-inner {
    border-radius: 2px;
    font-size: 0.8em;
    box-shadow: 0;
}

    .popover .popover-inner .popover-title {
        color: #444444;
        font-size: 15px;
    }

    .popover .popover-inner .close {
        color: #000000 !important;
        margin-top: 3px;
        opacity: 0.5 !important;
    }

        .popover .popover-inner .close:hover {
            opacity: 1 !important;
        }

    .popover .popover-inner td {
        padding: 3px 5px;
        overflow-wrap: break-word;
    }

    .popover .popover-inner .detailViewInfo {
        margin-top: 0;
        box-shadow: 0;
    }

        .popover .popover-inner .detailViewInfo .fieldLabel label {
            font-size: 1em;
        }

#findDuplicate > .control-group {
    margin-bottom: 0;
    width: 400px;
}

#moveReports .modal-body {
    padding: 20px 40px;
}

#composeEmailContainer {
    padding: 0 20px;
}

    #composeEmailContainer .MultiFile-wrap {
        display: inline-block;
    }

    #composeEmailContainer .MultiFile-intercepted .ui-wrapper {
        min-height: 400px;
    }

#transferOwnershipContainer .select2-container.select2-container-multi {
    max-width: 220px;
}

.fieldInfo.in {
    overflow: visible !important;
    height: auto !important;
}

.moduleSelection {
    border-left: 1px solid #f3f3f4 !important;
    border-right: 1px solid #f3f3f4 !important;
    border-top: 1px solid #f3f3f4 !important;
    border-bottom: 1px solid #cbcbcf !important;
    border-radius: 2px 2px 0 0 !important;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    color: #444444;
    background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
}

.convertLeadModules {
    margin-bottom: 2%;
    border: 1px none;
}

.moduleBlock {
    border-radius: 0px !important;
}

.overflowVisible {
    overflow: visible !important;
}

.convertLeadError {
    border: 3px solid #999999;
    background-color: #ffffff;
    width: 55%;
    position: relative;
    z-index: 10000000;
}

    .convertLeadError table td {
        border-bottom: 1px solid #cccccc;
        nowrap: nowrap;
        width: 70%;
    }

.bootbox,
.alert {
    z-index: 1000023;
}

.chzn-container {
    vertical-align: middle;
}

    .chzn-container .chzn-results li {
        margin-right: 7px;
    }

    .chzn-container .chzn-results .highlighted {
        background: #404952;
    }

.select2-results .select2-highlighted {
    background: #404952;
}

.filterOptionsLabel .select2-result-label {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
}

.select2-result-label .filterActionImgs {
    margin-top: 3px;
}

.select2-result-label i {
    background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings-white.png");
}

.select2-container-multi .select2-choices .select2-search-choice {
    cursor: move;
}

.select2-search-field {
    display: block;
    width: 100%;
}

.ui-autocomplete-loading {
    background: url('../images/load.gif') no-repeat right center;
}

.ui-autocomplete {
    height: auto !important;
    border-radius: 1px !important;
}

.dropdown-menu.pull-right:after,
.dropdown-menu.pull-right:before {
    right: 3px;
    left: auto;
    top: -5px;
    border-bottom-width: 6px;
}

a {
    color: #353c44;
}

    a:hover {
        color: #1e2327;
        text-decoration: none;
        cursor: pointer;
    }

    a:active,
    a:focus {
        outline: 0;
    }

.well {
    border-radius: 2px;
    padding: 15px;
}

.verticalBottomSpacing {
    margin-bottom: 10px;
}

.mergeTables {
    margin-bottom: 0px;
}

.font-x-x-large {
    font-size: 18px;
    line-height: 28px;
}

img {
    max-width: 95%;
}

form {
    margin: 0;
}

.input-prepend .add-on,
.input-append .add-on,
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    line-height: 22px;
    border-radius: 1px !important;
}

input,
textarea,
select,
.uneditable-input,
input[type="text"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input,
.chzn-container-single .chzn-single,
.chzn-container-single .chzn-single div,
.input-prepend .add-on,
.input-append .add-on {
    /*border-radius: -1px;*/
}

.fc-state-default .fc-button-effect span {
    background: none;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.dateField {
    width: 183px;
}

.listSearchContributor.dateField {
    width: 95%;
}

.form-horizontal [class^="icon-"],
.form-horizontal [class*=" icon-"] {
    vertical-align: baseline;
}

.timePicker {
    width: 8.5em !important;
    z-index: 1000029 !important;
}

.datepicker {
    z-index: 1000029 !important;
}

.colorpicker {
    z-index: 1029 !important;
}

    .colorpicker input {
        width: 30px !important;
    }

        .colorpicker input[type="text"],
        .colorpicker input {
            color: #898989 !important;
        }

.colorpicker_hex input {
    width: 45px !important;
}

.modal-body.accordion {
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

.modal-open {
    overflow: hidden;
    /** modal will be having z-index as 10001 **/
}

    .modal-open .datepicker,
    .modal-open .timePicker {
        z-index: 1000008 !important;
    }

    .modal-open .chzn-drop {
        z-index: 1000008 !important;
    }

    .modal-open .massEditContent,
    .tab-content,
    .overflowVisible {
        overflow: visible;
    }

.select2-container-multi .select2-choices .select2-search-choice {
    cursor: move;
}

.removeNoFileChosen {
    color: transparent !important;
}

.modelContainer .modal-header {
    border-radius: 2px 2px 0 0;
}

.modelContainer form {
    border-radius: 0 0 2px 2px;
}

.hide {
    display: none;
}

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

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

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

.clearfix {
    clear: both !important;
}

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    width: 100%;
}

.textOverflowEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 9em;
}

.margin0 {
    margin: 0 !important;
}

.padding10 {
    padding: 10px;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

.padding20 {
    padding: 20px;
}

.pushDown {
    margin-top: 5px;
}

.boxSizingBorderBox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

.boxSizingContentBox {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

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

.zeroOpacity {
    opacity: 0;
    /*for IE*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.dullOpacity {
    opacity: 0.8;
    /*for IE*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.fullOpacity {
    opacity: 1;
    /*for IE*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.redColor {
    color: red;
}

.highlightBackgroundColor {
    background: #eeeff2;
}

.contentsBackground {
    background: #ffffff;
    border: 1px solid #dddddd;
}

.textAlignCenter {
    text-align: center;
}

.textAlignRight {
    text-align: right;
}

.alignMiddle {
    vertical-align: middle;
}

.alignTop {
    vertical-align: top;
}

.padding1per {
    padding: 1%;
}

.paddingTop20 {
    padding-top: 20px;
}

.padding20px {
    padding: 20px;
}

.padding-bottom1per {
    padding-bottom: 1%;
}

.marginBottom10px {
    margin-bottom: 10px;
}

.displayInlineBlock {
    display: inline-block;
}

.backgroundImageNone {
    background-image: none;
}

.liStyleNone {
    list-style: none outside none;
}

.fontBold {
    font-weight: bold !important;
}

.icon-plus.icon-white {
    background-image: url("../../../../libraries/bootstrap/img/glyphicons-halflings.png") !important;
    opacity: 0.8;
}

.livesupport_tab,
#userfeedback {
    display: none !important;
}

#reportDetails table tr td.summary {
    border-bottom: 0;
    border-top: 0;
}

#portalDetailViewHttpError {
    padding-bottom: 7px;
    margin-top: 50px;
    color: red;
    text-align: center;
}

#EditView table td.fieldLabel label,
.quickCreateContent table td.fieldLabel label {
    text-align: right;
}

form#EditView td.fieldValue[colspan="3"],
.profileDetailView td.fieldValue[colspan="3"] {
    width: 80%;
}

.select2-result-label i.duplicateFilter {
    background-image: url('../images/duplicate.png');
    background-position: 0px 0px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background-repeat: no-repeat;
}

.helpWidgetHeader {
    background: #404952;
    text-shadow: 0px 1px #ffffff;
    color: #ffffff;
    padding: 8px;
}

    .helpWidgetHeader .close {
        color: #ffffff !important;
        opacity: 1 !important;
    }

.helpcontentsSeperator {
    border-right: 1px solid #dddddd;
}

.helpContentsContainer {
    min-height: 530px;
    border: 1px solid #dddddd;
}

    .helpContentsContainer .helpContentsContainer {
        border: 0;
    }

    .helpContentsContainer .videoListContainer {
        border-top: 1px solid #dddddd;
        background: #f5f5f5;
    }

        .helpContentsContainer .videoListContainer .videoList {
            padding: 0;
        }

            .helpContentsContainer .videoListContainer .videoList li {
                margin-right: 9px;
                margin-bottom: 4px;
            }

                .helpContentsContainer .videoListContainer .videoList li a {
                    padding: 5px 15px;
                    margin: 0;
                }

                    .helpContentsContainer .videoListContainer .videoList li a.selected {
                        background: #131619;
                        color: #ffffff;
                        font-weight: bold;
                        text-shadow: none;
                    }

        .helpContentsContainer .videoListContainer .subVideoHeading {
            padding: 5px 10px;
            background: #e8e8e8;
        }

    .helpContentsContainer .videoSelector {
        padding: 10px 10px 5px 10px;
        margin: 10px 0;
    }

    .helpContentsContainer .videoHolder {
        padding: 13px 0 0 19px;
    }

    .helpContentsContainer .header {
        padding-bottom: 10px;
    }

        .helpContentsContainer .header .span2 {
            margin-top: 8px;
        }

    .helpContentsContainer .lazyYT {
        border: 2px solid #e8e8e8;
    }

.dragdrop-dotted {
    border: 2px dotted #C0C0C0;
    min-width: 300px;
    width: auto;
    color: #C0C0C0;
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px 10 10px;
    margin-bottom: 10px;
    font-size: 200%;
    height: 100px;
    line-height: 100px;
}

.dragdrop-solid {
    border: 2px solid #C0C0C0;
    min-width: 300px;
    width: auto;
    color: #C0C0C0;
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px 10 10px;
    margin-bottom: 10px;
    font-size: 200%;
    height: 100px;
    line-height: 100px;
}

.selectedFile {
    background-color: #A9CBF5;
    font-weight: bold;
}

.wide,
.table td.wide,
.listViewEntries td.wide,
td.listViewEntryValue.wide {
    padding: 8px !important;
}

.medium,
.table td.medium,
.listViewEntries td.medium,
td.listViewEntryValue.medium {
    padding: 5px 6px !important;
}

.narrow,
.table td.narrow,
.listViewEntries td.narrow,
td.listViewEntryValue.narrow {
    padding: 2px 4px !important;
}

.table thead th.narrow {
    vertical-align: middle;
}

td.listViewEntryValue .row-fluid input {
    padding: 0;
    margin-bottom: 0;
}

.listViewContentDiv {
    position: relative;
}

.listViewContentDiv {
    position: relative;
}

.scrollableTable tr.listViewEntries td:last-child {
    position: absolute;
    right: 0;
    top: auto;
    padding: 8px;
}

.scrollableTable .listViewHeaders th:last-child {
    position: absolute;
    right: 0;
    top: auto;
    padding: 9px 10px;
    width: 75px;
    border-right: 1px solid #dddddd;
}

.scrollableTable tr.searchRow:hover {
    background: #f5f5f5;
}

.scrollableTable tr.searchRow td.searchBtn:last-child {
    padding: 8px 0;
    position: absolute;
    right: 8px;
    background: transparent;
}

    .scrollableTable tr.searchRow td.searchBtn:last-child button {
        box-shadow: -1px 0 3px #dcdcdc;
    }

td.fakecol,
th.fakecol {
    width: 95px;
    box-sizing: content-box;
    display: table-cell;
    padding: 2px 40px;
}

.relatedContainer {
    position: relative;
}

    .relatedContainer .scrollableTable {
        margin-bottom: 0 !important;
    }

        .relatedContainer .scrollableTable .listViewHeaders th:last-child {
            padding: 8px 10px;
        }

.gridster ul .chzn-results {
    min-height: 50px;
}

.billContent[class*="span"] {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 4px 0 #ddd;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    float: right;
    min-height: 500px;
    min-width: 960px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

.billing-nav {
    margin-bottom: 0;
    border-radius: 3px;
    background: #999;
}

    .billing-nav li:first-child {
        border-radius: 3px 3px 0 0;
    }

    .billing-nav li:last-child {
        border-radius: 0 0 3px 3px;
    }

    .billing-nav li {
        border: 1px solid #888 !important;
    }

        .billing-nav li a {
            padding: 4px;
            border-top: 1px solid #aaa !important;
            border-width: 1px 0 0 0 !important;
            color: #fff;
            text-shadow: 1px 0 1px #888;
        }

    .billing-nav > li > a:hover,
    .billing-nav > li.active > a,
    .billing-nav > li.active > a:hover {
        background-color: #666;
        color: #fff;
    }

.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;
}

#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;
}

.contentHolder div,
#subDetails div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

.contactAdd {
    border: 1px solid #eee;
    padding: 20px;
    /*min-height: 310px !important;*/
}

#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 {
    text-align: center;
}

.paymentInfo {
    text-align: left;
    padding: 20px 20px 10px;
    background: #ffffff url('images/pat.jpg');
    border: 1px solid #ddd;
    box-shadow: 0 0 4px 0 #ddd;
    border-radius: 6px;
    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;
}

.fieldProperties span {
    padding-left: 5px;
}

.fieldProperties .disabled {
    opacity: 0.3;
}

.fieldProperties [readonly] {
    cursor: not-allowed !important;
}

.fieldProperties .switch {
    cursor: pointer;
}

.addFieldTypes .fieldCategory .typeLabel {
    padding-top: 8px;
    padding-bottom: 8px;
}

.addFieldTypes .fieldCategory table tr td {
    cursor: pointer;
}

    .addFieldTypes .fieldCategory table tr td.ui-draggable-dragging {
        background-color: #f5f5f5;
        background-image: -moz-linear-gradient(top, #f6f6f6, #f3f3f4);
        background-image: -ms-linear-gradient(top, #f6f6f6, #f3f3f4);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f3f3f4));
        background-image: -webkit-linear-gradient(top, #f6f6f6, #f3f3f4);
        background-image: -o-linear-gradient(top, #f6f6f6, #f3f3f4);
        background-image: linear-gradient(top, #f6f6f6, #f3f3f4);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f4', GradientType=0);
        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);
        border: 1px solid #dddddd;
        background: #f3f3f3;
        opacity: 1;
    }

.layoutContent li.dummyRow {
    border: 1px dotted #dddddd;
}

    .layoutContent li.dummyRow .dragUiText {
        font-size: 24px;
        opacity: 0.3;
        padding-top: 6%;
        padding-left: 25%;
    }

.uiTypeListContents .slimScrollDiv {
    overflow: visible !important;
}

.layoutContent .fixedElement {
    width: 160px;
}

#addRelationContainer .relationImages img {
    border: 5px solid transparent;
}

    #addRelationContainer .relationImages img.selected {
        border: 5px solid #dddddd;
    }

    #addRelationContainer .relationImages img:hover {
        border: 5px solid #dddddd;
    }

.createLICustomFieldForm .control-group .control-label {
    width: 170px;
}

.createLICustomFieldForm .control-group .controls {
    margin-left: 185px;
}

    .createLICustomFieldForm .control-group .controls .input-prepend input,
    .createLICustomFieldForm .control-group .controls .input-append input {
        width: 184px;
    }

    .createLICustomFieldForm .control-group .controls .select2 {
        width: 220px;
    }

.createLICustomFieldForm > .slimScrollDiv > .modal-body > .control-group,
.createLICustomFieldForm > .slimScrollDiv > .modal-body > .defaultProperties {
    margin-left: 17px;
}

.createCustomFieldForm .control-group .controls .input-prepend input,
.createCustomFieldForm .control-group .controls .input-append input {
    width: 184px;
}

.createCustomFieldForm .control-group .controls select {
    width: 210px;
}

div.datepicker table td {
    text-align: center;
}

.muted {
    color: #6f6f6f;
}

.fieldValue .value {
    display: inline;
    word-break: break-all;
}

.deleteCustomMapping .icon-trash {
    vertical-align: middle !important;
}

.dashboardSocialWidgetTitle {
    color: #F0F0F0;
    text-align: center;
}

.gridster ul li.dashboardWidget .dashboardWidgetHeaderTwitter {
    background-color: #55acee;
    background-repeat: repeat-x;
    text-shadow: 0px 1px #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dddddd;
    color: #444444;
    cursor: move;
    padding: 5px;
    background-image: linear-gradient(top, #32cbff, #55acee);
    border-left-color: #f3f3f4;
    border-right-color: #f3f3f4;
}

.gridster ul .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    min-height: 0px;
}

.gridster ul .dropdown.open .dropdown-menu {
    display: block;
}

.streamClose {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
}

    .streamClose:hover {
        color: #000000;
        text-decoration: none;
        opacity: 0.4;
        filter: alpha(opacity=40);
        cursor: pointer;
    }

.stat {
    height: 100%;
    text-align: center;
    display: table-cell;
    border-right: 2px solid #CCC;
    border-left: 1px solid #FFF;
}

.statvalue {
    font-size: 17pt;
    height: 100%;
    font-weight: bold;
    color: #545454;
    display: inline-block;
    vertical-align: middle;
    line-height: 45px;
}

.sidebarAffix {
    position: fixed;
    width: 15%;
}

.streamListActionImages {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.widgetContainer .menuItem:hover .streamListActionImages,
.widgetContainer .menuItem:hover .actions {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.greenColor {
    color: green;
}

.icon-green-arrow-up {
    background: url('../images/arrow-up-green.png') center right no-repeat;
    padding: 3px;
    white-space: nowrap;
}

.icon-red-arrow-down {
    background: url('../images/arrow-down-red.png') center right no-repeat;
    padding: 3px;
    white-space: nowrap;
}

.margin0px {
    margin: 0px;
}

.tweet:hover .actionImages {
    opacity: 1;
}

.tweetsDetailActions a {
    margin-left: 5px;
    margin-right: 5px;
}

.extensionStorebtn {
    background: #f08c39;
    background-image: -webkit-linear-gradient(top, #f08c39, #e68b3c);
    background-image: -moz-linear-gradient(top, #f08c39, #e68b3c);
    background-image: -ms-linear-gradient(top, #f08c39, #e68b3c);
    background-image: -o-linear-gradient(top, #f08c39, #e68b3c);
    background-image: linear-gradient(to bottom, #f08c39, #e68b3c);
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    border-radius: 2px;
    text-shadow: 0px 0px 1px #595959;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 20px 8px 20px;
    text-decoration: none;
    border: 0px;
}

    .extensionStorebtn:hover {
        background: #fc9f3c;
        background-image: -webkit-linear-gradient(top, #fc9f3c, #f08a3c);
        background-image: -moz-linear-gradient(top, #fc9f3c, #f08a3c);
        background-image: -ms-linear-gradient(top, #fc9f3c, #f08a3c);
        background-image: -o-linear-gradient(top, #fc9f3c, #f08a3c);
        background-image: linear-gradient(to bottom, #fc9f3c, #f08a3c);
        text-decoration: none;
    }

.bx-wrapper {
    margin: 0 auto 35px !important;
    padding-top: 17px !important;
}

    .bx-wrapper a img {
        height: 100px;
        width: auto;
        margin: 0 auto;
    }

.banner-container {
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
}

.banner {
    margin: 0px 90px;
}

#OnBoardLayout {
    background: #fafafb;
}

    #OnBoardLayout #OnBoardPageContainer {
        margin: auto;
        width: 850px;
        min-height: 700px;
        padding: 5%;
        padding-top: 2%;
    }

        #OnBoardLayout #OnBoardPageContainer .vtImage img {
            width: 150px;
            margin: auto;
            display: block;
        }

        #OnBoardLayout #OnBoardPageContainer .contents {
            margin-top: 30px;
            background: #ffffff;
            padding: 2%;
        }

            #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 #importContacts .modal-body {
            padding: 0px;
        }

        #OnBoardLayout #OnBoardPageContainer .socialAuth {
            padding: 0px;
        }

            #OnBoardLayout #OnBoardPageContainer .socialAuth .twitterImage {
                background: transparent url('../images/twitter-icon.png');
                background-repeat: no-repeat;
                display: inline-block;
                height: 32px;
                width: 32px;
                vertical-align: middle;
                margin: 4px 6px;
            }

            #OnBoardLayout #OnBoardPageContainer .socialAuth .twitterAuthText {
                color: #ffffff;
                text-shadow: 0 0 1px #888888;
                padding: 13px;
                background: #61B0E6;
                vertical-align: middle;
            }

            #OnBoardLayout #OnBoardPageContainer .socialAuth:hover .twitterAuthText {
                background-color: #4E90FE;
            }

        #OnBoardLayout #OnBoardPageContainer .keywordHelpDiv {
            opacity: 0.7;
            font-size: 10px;
            margin-top: 3px;
            padding-bottom: 3%;
        }

.mailroomBlock {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 2px;
    height: 350px;
    margin-left: 0;
    width: 100%;
}

.conditionBlock {
    border: 1px solid #ddd;
    padding: 20px 20px 0 20px;
}

.marginTop10px {
    margin-top: 10px;
}

.marginTop15px {
    margin-top: 15px;
}

.padding30px {
    padding: 30px;
}

.mailroomHeaderAlign {
    padding: 20px 25px;
}

.mailroomModal {
    width: 80%;
    left: 50%;
    margin-left: -40%;
    font-size: 12px;
}

.fontSize1_1em {
    font-size: 1.1em;
}

.textAreaWidth66Per {
    width: 66.3%;
}

.mailroomBanner {
    margin: 23px 0;
    height: 215px;
}

.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: 330px;
}

.mailboxArrowLabel {
    color: red;
    display: inline-block;
    margin-right: -5px;
    font-size: 1.5em;
    vertical-align: top;
}

.marginTop7px {
    margin-top: 7px;
}

.marginLeft10px {
    margin-left: 10px;
}

.marginTop55px {
    margin-top: 55px;
}

.height450px {
    height: 450px;
}

.fontSize10pt {
    font-size: 10pt;
}

.operatorSelectField {
    min-width: 220px;
    float: left;
}

.mailroomSelectedButton.disabled,
.mailroomSelectedButton.disabled:hover {
    background: #a5afb9;
}

.relativePosition {
    position: relative;
}

.height75px {
    height: 75px;
}
/*Customer portal settings css*/
.portalModuleRow {
    margin-bottom: 4px !important;
}

.enabledModules {
    display: inline-block !important;
    margin-bottom: 4px !important;
    margin-left: 4px !important;
}

.drag-portal-module {
    vertical-align: middle;
    cursor: pointer;
}

.addFieldsBlock {
    margin-top: 20px;
}

.portal-controls {
    margin-left: 220px !important;
}

.portal-default-assignee {
    text-align: left !important;
}

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

.portal-default-assignee-control {
    text-align: left !important;
}

.portal-default-assignee > .opt {
    border: none;
}

.portal-support-label {
    text-align: left !important;
    width: 200px !important;
}

.portal-home-module {
    padding-left: 40px;
}

.portal-dashboard {
    border: 1px solid #ddd;
    border-left-color: white;
    min-height: 600px;
    background: white;
    border-left-width: 0px;
    padding-left: 15px;
}

    .portal-dashboard > .row-fluid {
        margin-left: 20px;
    }

    .portal-dashboard > .hrHeader {
        margin-left: 18px;
        width: 94%;
    }

.portal-home-layout {
    margin-left: 20px;
}

.portal-annoucement-widget-container {
    border: 1px solid #D7D7D7;
}

.portal-annoucement-widget {
    background-color: #f5f5f5;
    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-color: #f5f5f5;
    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-color: #f5f5f5;
    min-height: 10px;
    padding: 4px;
}

.portal-record-control-container {
    padding: 4px;
}

.portal-shortcuts-container {
    border: 1px solid #D7D7D7;
}

.portal-shortcuts-header {
    background-color: #f5f5f5;
    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;
}

.portal-helpdesk-widget-header {
    background-color: #f5f5f5;
    min-height: 20px;
    padding: 5px;
}

.portal-helpdesk-widget-controls {
    padding: 4px;
}

.portal-fields-container {
    margin: 15px;
}

.portal-fields-content {
    border-right: 1px solid #ddd;
    min-height: 500px;
}

.portal-slider-legend {
    margin-left: 5px;
    z-index: 0;
    width: 0%;
}

.FieldSet {
    margin: 20px;
    margin-left: 5px;
}

.portal-record-privilege {
    margin-left: 30px;
}

.portal-field-delete {
    margin-left: 45px !important;
}

.portal-related-information {
    padding-left: 12px;
}

.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-right: 0px;
    border-top-width: 1px;
    border-top-right-radius: 0px;
}

.nav-tabs > .active > .cp-modules {
    border-right-width: 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;
}

.nav-tabs > .disabled > .cp-nav-header {
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-width: 0px !important;
    border-top-width: 0px;
    border-left-width: 0px;
}

.cp-nav-header-wrapper > li > a:hover {
    background-color: inherit !important;
}

#dashboardContent {
    margin-bottom: 15px;
    margin-top: 8px;
    margin-left: 15px;
    margin-right: 15px;
}

#pManageDepartment > ul > li:hover {
    text-decoration: none;
    background: #f5f5f5;
    font-size: small;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

#pWorkFlow > ul > li:hover {
    text-decoration: none;
    background: #f5f5f5;
    font-size: small;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

#pPolicy > ul > li:hover {
    text-decoration: none;
    background: #f5f5f5;
    font-size: small;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

#pThirdPartyIntegration > ul > li:hover {
    text-decoration: none;
    background: #f5f5f5;
    font-size: small;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

#pMisc > ul > li:hover {
    text-decoration: none;
    background: #f5f5f5;
    font-size: small;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

#pManageDepartment li > div {
    font-size: small;
    padding: 5px 16px;
    cursor: pointer;
}

#pWorkFlow li > div {
    font-size: small;
    padding: 5px 16px;
    cursor: pointer;
}

#pPolicy li > div {
    font-size: small;
    padding: 5px 16px;
    cursor: pointer;
}

#pThirdPartyIntegration li > div {
    font-size: small;
    padding: 5px 16px;
    cursor: pointer;
}

#pMisc li > div {
    font-size: small;
    padding: 5px 16px;
    cursor: pointer;
}

#pKeyManagement li > div {
    font-size: small;
    padding: 5px 16px;
    cursor: pointer;
}

#divMasterConfiguration, #divWorkFlow, #divPolicy, #divThirdPartyIntegration, #divMisc {
    font-size: small;
    padding: 5px 16px;
    cursor: pointer;
    color: #0D3D78;
    font-weight: bold;
}
/* carets */
.accordioncaret {
    color: inherit;
    display: inline-block; /*float:right;*/
    margin: 10px 8px 3px 10px;
    width: 0;
    height: 0;
    overflow: hidden; /*for IE6*/
    border-style: solid;
    border-width: 6px; /*caret size is 6px now*/
    position: relative;
    border-bottom: 6px solid transparent;
    border-right: none;
    border-left-color: initial;
    border-top-color: transparent;
}