.slider ul,
.holder-opener .drop ul,
/*.navbar_category .drop ul,*/
.navbar_category .slideset > ul,
/*.navbar_category.gallery-js-off .slideset > ul,*/
.page-head .drop ul,
.page-head .breadcrumbs ul,
.control_panel .box ul,
.control_panel .accordion,
.control_panel .accordion li .chat_messages,
.control_panel .info,
.control_panel .social,
.control_panel .tabset,
.control_panel .chat_frame ul,
.progress_panel .content_container .box ul,
.progress_panel .accordion_holder ul,
.reports-block .frame_container ul,
.reports-block .tab-container .tabset,
.datapicker ul,
.stage-block ul,
.slider_head ul,
.frame .holder ul,
.custom-drop ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
i.co-green {color:#57da00}
i.co-red {color:#C00}
i.co-gold {color:#ffbf00;}

.clearfix:after {
    display: block;
    clear: both;
    content: '';
}
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    /* 1 */
    
    text-overflow: ellipsis;
    /* 2 */
}
@font-face {
    font-family: 'linea-arrows-10';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/linea-arrows-10.eot');
    src: url('../fonts/linea-arrows-10.eot?#iefix') format('embedded-opentype'), url('../fonts/linea-arrows-10.woff') format('woff'), url('../fonts/linea-arrows-10.ttf') format('truetype'), url('../fonts/linea-arrows-10.svg#linea-arrows-10') format('svg');
}

html.framed header#header, html.framed #footer, html.framed .page-head, html.framed .navbar_category, html.framed #MainControlBar {display: none;}
html.framed body {padding:0;background:white;}
html.framed table thead th, html.framed table thead td {top: 0;}

.label {
    font-weight: normal;
}
.label-inverse {background-color:#000;}
.arrowIcon[data-icon]:before {
    font-family: 'linea-arrows-10' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-variant: normal !important;
    line-height: 1;
    content: attr(data-icon);
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^='icons-']:before,
[class*=' icons-']:before {
    font-family: 'linea-arrows-10' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-variant: normal !important;
    line-height: 1;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-arrows-anticlockwise:before {
    content: '\e000';
}
.icon-arrows-anticlockwise-dashed:before {
    content: '\e001';
}
.icon-arrows-button-down:before {
    content: '\e002';
}
.icon-arrows-button-off:before {
    content: '\e003';
}
.icon-arrows-button-on:before {
    content: '\e004';
}
.icon-arrows-button-up:before {
    content: '\e005';
}
.icon-arrows-check:before {
    content: '\e006';
}
.icon-arrows-circle-check:before {
    content: '\e007';
}
.icon-arrows-circle-down:before {
    content: '\e008';
}
.icon-arrows-circle-downleft:before {
    content: '\e009';
}
.icon-arrows-circle-downright:before {
    content: '\e00a';
}
.icon-arrows-circle-left:before {
    content: '\e00b';
}
.icon-arrows-circle-minus:before {
    content: '\e00c';
}
.icon-arrows-circle-plus:before {
    content: '\e00d';
}
.icon-arrows-circle-remove:before {
    content: '\e00e';
}
.icon-arrows-circle-right:before {
    content: '\e00f';
}
.icon-arrows-circle-up:before {
    content: '\e010';
}
.icon-arrows-circle-upleft:before {
    content: '\e011';
}
.icon-arrows-circle-upright:before {
    content: '\e012';
}
.icon-arrows-clockwise:before {
    content: '\e013';
}
.icon-arrows-clockwise-dashed:before {
    content: '\e014';
}
.icon-arrows-compress:before {
    content: '\e015';
}
.icon-arrows-deny:before {
    content: '\e016';
}
.icon-arrows-diagonal:before {
    content: '\e017';
}
.icon-arrows-diagonal2:before {
    content: '\e018';
}
.icon-arrows-down:before {
    content: '\e019';
}
.icon-arrows-down-double:before {
    content: '\e01a';
}
.icon-arrows-downleft:before {
    content: '\e01b';
}
.icon-arrows-downright:before {
    content: '\e01c';
}
.icon-arrows-drag-down:before {
    content: '\e01d';
}
.icon-arrows-drag-down-dashed:before {
    content: '\e01e';
}
.icon-arrows-drag-horiz:before {
    content: '\e01f';
}
.icon-arrows-drag-left:before {
    content: '\e020';
}
.icon-arrows-drag-left-dashed:before {
    content: '\e021';
}
.icon-arrows-drag-right:before {
    content: '\e022';
}
.icon-arrows-drag-right-dashed:before {
    content: '\e023';
}
.icon-arrows-drag-up:before {
    content: '\e024';
}
.icon-arrows-drag-up-dashed:before {
    content: '\e025';
}
.icon-arrows-drag-vert:before {
    content: '\e026';
}
.icon-arrows-exclamation:before {
    content: '\e027';
}
.icon-arrows-expand:before {
    content: '\e028';
}
.icon-arrows-expand-diagonal1:before {
    content: '\e029';
}
.icon-arrows-expand-horizontal1:before {
    content: '\e02a';
}
.icon-arrows-expand-vertical1:before {
    content: '\e02b';
}
.icon-arrows-fit-horizontal:before {
    content: '\e02c';
}
.icon-arrows-fit-vertical:before {
    content: '\e02d';
}
.icon-arrows-glide:before {
    content: '\e02e';
}
.icon-arrows-glide-horizontal:before {
    content: '\e02f';
}
.icon-arrows-glide-vertical:before {
    content: '\e030';
}
.icon-arrows-hamburger1:before {
    content: '\e031';
}
.icon-arrows-hamburger-2:before {
    content: '\e032';
}
.icon-arrows-horizontal:before {
    content: '\e033';
}
.icon-arrows-info:before {
    content: '\e034';
}
.icon-arrows-keyboard-alt:before {
    content: '\e035';
}
.icon-arrows-keyboard-cmd:before {
    content: '\e036';
}
.icon-arrows-keyboard-delete:before {
    content: '\e037';
}
.icon-arrows-keyboard-down:before {
    content: '\e038';
}
.icon-arrows-keyboard-left:before {
    content: '\e039';
}
.icon-arrows-keyboard-return:before {
    content: '\e03a';
}
.icon-arrows-keyboard-right:before {
    content: '\e03b';
}
.icon-arrows-keyboard-shift:before {
    content: '\e03c';
}
.icon-arrows-keyboard-tab:before {
    content: '\e03d';
}
.icon-arrows-keyboard-up:before {
    content: '\e03e';
}
.icon-arrows-left:before {
    content: '\e03f';
}
.icon-arrows-left-double-32:before {
    content: '\e040';
}
.icon-arrows-minus:before {
    content: '\e041';
}
.icon-arrows-move:before {
    content: '\e042';
}
.icon-arrows-move2:before {
    content: '\e043';
}
.icon-arrows-move-bottom:before {
    content: '\e044';
}
.icon-arrows-move-left:before {
    content: '\e045';
}
.icon-arrows-move-right:before {
    content: '\e046';
}
.icon-arrows-move-top:before {
    content: '\e047';
}
.icon-arrows-plus:before {
    content: '\e048';
}
.icon-arrows-question:before {
    content: '\e049';
}
.icon-arrows-remove:before {
    content: '\e04a';
}
.icon-arrows-right:before {
    content: '\e04b';
}
.icon-arrows-right-double:before {
    content: '\e04c';
}
.icon-arrows-rotate:before {
    content: '\e04d';
}
.icon-arrows-rotate-anti:before {
    content: '\e04e';
}
.icon-arrows-rotate-anti-dashed:before {
    content: '\e04f';
}
.icon-arrows-rotate-dashed:before {
    content: '\e050';
}
.icon-arrows-shrink:before {
    content: '\e051';
}
.icon-arrows-shrink-diagonal1:before {
    content: '\e052';
}
.icon-arrows-shrink-diagonal2:before {
    content: '\e053';
}
.icon-arrows-shrink-horizonal2:before {
    content: '\e054';
}
.icon-arrows-shrink-horizontal1:before {
    content: '\e055';
}
.icon-arrows-shrink-vertical1:before {
    content: '\e056';
}
.icon-arrows-shrink-vertical2:before {
    content: '\e057';
}
.icon-arrows-sign-down:before {
    content: '\e058';
}
.icon-arrows-sign-left:before {
    content: '\e059';
}
.icon-arrows-sign-right:before {
    content: '\e05a';
}
.icon-arrows-sign-up:before {
    content: '\e05b';
}
.icon-arrows-slide-down1:before {
    content: '\e05c';
}
.icon-arrows-slide-down2:before {
    content: '\e05d';
}
.icon-arrows-slide-left1:before {
    content: '\e05e';
}
.icon-arrows-slide-left2:before {
    content: '\e05f';
}
.icon-arrows-slide-right1:before {
    content: '\e060';
}
.icon-arrows-slide-right2:before {
    content: '\e061';
}
.icon-arrows-slide-up1:before {
    content: '\e062';
}
.icon-arrows-slide-up2:before {
    content: '\e063';
}
.icon-arrows-slim-down:before {
    content: '\e064';
}
.icon-arrows-slim-down-dashed:before {
    content: '\e065';
}
.icon-arrows-slim-left:before {
    content: '\e066';
}
.icon-arrows-slim-left-dashed:before {
    content: '\e067';
}
.icon-arrows-slim-right:before {
    content: '\e068';
}
.icon-arrows-slim-right-dashed:before {
    content: '\e069';
}
.icon-arrows-slim-up:before {
    content: '\e06a';
}
.icon-arrows-slim-up-dashed:before {
    content: '\e06b';
}
.icon-arrows-square-check:before {
    content: '\e06c';
}
.icon-arrows-square-down:before {
    content: '\e06d';
}
.icon-arrows-square-downleft:before {
    content: '\e06e';
}
.icon-arrows-square-downright:before {
    content: '\e06f';
}
.icons-arrows-square-left:before {
    content: '\e070';
}
.icon-arrows-square-minus:before {
    content: '\e071';
}
.icon-arrows-square-plus:before {
    content: '\e072';
}
.icons-arrows-square-remove:before {
    content: '\e073';
}
.icon-arrows-square-right:before {
    content: '\e074';
}
.icon-arrows-square-up:before {
    content: '\e075';
}
.icon-arrows-square-upleft:before {
    content: '\e076';
}
.icon-arrows-square-upright:before {
    content: '\e077';
}
.icon-arrows-squares:before {
    content: '\e078';
}
.icon-arrows-stretch-diagonal1:before {
    content: '\e079';
}
.icon-arrows-stretch-diagonal2:before {
    content: '\e07a';
}
.icon-arrows-stretch-diagonal3:before {
    content: '\e07b';
}
.icon-arrows-stretch-diagonal4:before {
    content: '\e07c';
}
.icon-arrows-stretch-horizontal1:before {
    content: '\e07d';
}
.icon-arrows-stretch-horizontal2:before {
    content: '\e07e';
}
.icon-arrows-stretch-vertical1:before {
    content: '\e07f';
}
.icon-arrows-stretch-vertical2:before {
    content: '\e080';
}
.icon-arrows-switch-horizontal:before {
    content: '\e081';
}
.icon-arrows-switch-vertical:before {
    content: '\e082';
}
.icon-arrows-up:before {
    content: '\e083';
}
.icon-arrows-up-double-33:before {
    content: '\e084';
}
.icon-arrows-upleft:before {
    content: '\e085';
}
.icon-arrows-upright:before {
    content: '\e086';
}
.icon-arrows-vertical:before {
    content: '\e087';
}
@font-face {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/icomoon.eot?9stjqj');
    src: url('../fonts/icomoon.eot?9stjqj#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?9stjqj') format('truetype'), url('../fonts/icomoon.woff?9stjqj') format('woff'), url('../fonts/icomoon.svg?9stjqj#icomoon') format('svg');
}
.has-drop-down,
[class^='icon-'],
[class*=' icon-'] {
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* style icomoon fonts */

.icon-view_comfy:before {
    content: '\e903';
}
.icon-bell:before {
    content: '\e900';
}
.icon-map-pin:before {
    content: '\e047';
}
.icon-menu:before {
    content: '\e901';
}
.icon-map-pin:before {
    content: '\e047';
}
.icon-plus:before {
    content: '\e902';
}
.icon-search:before {
    content: '\f002';
}
.icon-chevron-left:before {
    content: '\f053';
}
.icon-chevron-right:before {
    content: '\f054';
}
.icon-linkedin-square:before {
    content: '\f08c';
}
.icon-twitter:before {
    content: '\f099';
}
.icon-facebook:before {
    content: '\f09a';
}
.icon-facebook-f:before {
    content: '\f09a';
}
.icon-times-rectangle-o:before {
    content: '\f2d4';
}
.icon-window-close-o:before {
    content: '\f2d4';
}
.icon-arrow-with-circle-down:before {
    content: '\e906';
}
.icon-arrow-with-circle-up:before {
    content: '\e904';
}
.icon-chevron-with-circle-down:before {
    content: '\e905';
}
.icon-chevron-down:before {
    content: '\f0a3';
}
.icon-chevron-up:before {
    content: '\f0a2';
}
.icon-playback-play:before {
    content: '\f0bf';
}
.icon-circle-right:before {
    content: '\ea42';
}
.icon-circle-left:before {
    content: '\ea44';
}
.has-drop-down:before {
    content: '\f0a3';
}
.icon-brand:before {
    content: '\e907';
}
.icon-facebook-with-circle:before {
    content: '\e908';
}
.icon-linkedin-with-circle:before {
    content: '\e909';
}
.icon-twitter-with-circle:before {
    content: '\e90a';
}
.icon-life-buoy:before {
    content: '\f1cd';
}
.icon-cog:before {
    content: '\e90c';
}
.icon-lock-closed-outline:before {
    content: '\e90b';
}
.icon-cross:before {
    content: '\e90d';
}
.icon-messages:before {
    font-size: 17px;
    content: '\e90e';
}
.main_nav li.has-drop-down:before {
    font-size: 9px;
    content: '\f054';
}
.main_nav li.active.has-drop-down:before {
    font-size: 12px !important;
    content: '\f0a3' !important;
}
.accordion .active .icon-arrow-with-circle-down:before {
    content: '\e904';
}
.navbar_category .label {margin-left:4px;}
.navbar_category .drop.align_right .has-drop-down:before {
    right: auto;
    left: 10px;
    content: '\f0a3';
}
.navbar_category .drop > ul > li.has-drop-down:before {
    font-size: 14px;

    margin-top: -6px;

    content: '\f0a3';
}
/* header */

#header {
    font-size: 0;
    line-height: 0;
    position: fixed;
    z-index: 99;
    /* logo */
    
    top: 0;
    right: 0;
    left: 0;
    letter-spacing: -4px;
    border-bottom: 1px solid #9d9d9d;
    background: #fff;
}
#header:after {
    display: block;
    clear: both;
    content: '';
}
#header #logo {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}
/* navbar */

#nav {
    display: inline-block;
    margin: 0 19px 0 0;
    /* nav opener button */
    
    vertical-align: middle;
    letter-spacing: 0;
}
#nav .nav-opener {
    position: relative;
    display: block;
    border: solid #9d9d9d;
    border-width: 0 1px 0 0;
}
#nav .nav-opener .icon-playback-play {
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 21px;
    right: 14px;
    color: #9d9d9d;
}
#nav .nav-opener-holder {
    position: relative;
    overflow: hidden;
    width: 72px;
    height: 63px;
    text-indent: -9999px;
}
#nav .nav-opener-holder:before,
#nav .nav-opener-holder:after,
#nav .nav-opener-holder span {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 23px;
    height: 2px;
    margin: 0 0 0 -12px;
    background: #9d9d9d;
}
#nav .nav-opener-holder:before,
#nav .nav-opener-holder:after {
    top: 25px;
    content: '';
}
#nav .nav-opener-holder:after {
    top: 35px;
}
/* navbar slider */

.slider {
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    -webkit-transform: translate(-302px, 0);
    -ms-transform: translate(-302px, 0);
    transform: translate(-302px, 0);
    background: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .1);
}
.slider .link_box {
    font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    padding: 10px;
    text-align: right;
    color: #6c6c6c;
    border: 1px solid #e8e8e8;
    border-width: 0 1px 1px 1px;
    background: #fff;
}
.slider .link_box a {
    text-decoration: none !important;
    color: #6c6c6c;
}
.slider .link_box a i {
    color: #6c6c6c;
}
/* left holder */

.left-holder {
    float: left;
}
/* right holder */

.right-holder {
    float: right;
}
/* search panel */

.site-search {
    position: relative;
    float: left;
    overflow: hidden;
    padding: 0;
    border-right: 1px solid #9d9d9d;
}
.site-search .icon-search {
    font-size: 22px;
    line-height: 63px;
    float: left;
    width: 63px;
    height: 63px;
    margin: 0;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0;
    color: #818181;
}
.site-search .input_holder {
    position: relative;
    display: block !important;
    float: left;
    width: 0;
    height: 63px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.site-search .input_holder:before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    display: block;
    width: 1px;
    content: '';
    background: #9d9d9d;
}
.site-search.active .input_holder {
    width: 200px;
}
.site-search input {
    font-size: 13px;
    line-height: 20px;
    min-width: 350px;
    height: 63px;
    height: 63px;
    padding: 10px;
    color: #818181;
    border: 0;
    outline: none !important;
    background: #fff !important;
}
.main_nav {
    width: 302px;
    height: calc(100% - 36px);
    letter-spacing: 0;
    border-bottom: 1px solid #e8e8e8;
    background: #f6f6f6;
}

.main_nav .slide{
    border-bottom: 1px solid #e8e8e8;
}
.main_nav .drop {
    border: 1px solid #e8e8e8;
   
}
.main_nav .drop,.main_nav .slide{
    border-width: 1px 1px 1px;
}
.main_nav .drop a,.main_nav .slide a{
    border-bottom: 1px solid #e8e8e8;
}
.main_nav li {
    position: relative;
}
.main_nav li.active > a {
        color: #606060;
    background: #fff;
}
.main_nav .has-drop-down:before {
    font-size: 12px;
    position: absolute;
    top: 15px;
    right: 15px;
}
.main_nav ul {
    background: #fff;
}
.main_nav a {
    font: 13px/18px 'Nunito', Arial, Helvetica, sans-serif;
    display: block;
    padding: 10px 10px 10px 41px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none !important;
    color: #606060;
}
.main_nav a:hover {
    text-decoration: none;
    color: #fff;
    background: #5c90d2;
}
.main_nav > li > a {
    font: 700 13px/18px 'Nunito', Arial, Helvetica, sans-serif;
    padding: 10px 10px 10px 26px;
    text-transform: uppercase;
    border: 1px solid #e8e8e8;
    border-width: 1px 1px 0 1px;
}
.main_nav > li > a:hover {
    color: #606060;
    background: #f6f6f6;
}
.sub-menu {padding-right:1px;white-space: normal;}
.sub-menu.second .custom-accordion {margin-right: -3px;}
.sub-menu > .sub-link{
    position: relative;
}
.sub-menu > .sub-link:before,.sub-menu > .sub-link:after{
    position: absolute;
    content: '';
    background: #606060;
}
.sub-menu > .sub-link:before{
    top: 15px;
    left: 19px;
    width: 3px;
    height: 9px;
}
.sub-menu > .sub-link:after{
    top: 18px;
    left: 16px;
    width: 9px;
    height: 3px;
}
.sub-menu > .sub-link:hover:before,.sub-menu > .sub-link:hover:after{
    background: #fff;
}
.sub-menu.active > .sub-link:before{
    display: none;
}
.sub-menu.active > .sub-link:hover:after{
    background: #606060;
}
.sub-menu > .slide .second-sub-menu > .sub-menu > .sub-link:before{
    left: 39px;
}
.sub-menu > .slide .second-sub-menu > .sub-menu > .sub-link:after{
    left: 36px;
}
.arrow-btn{
    position: relative;
}
.arrow-btn:before{
    font-family: 'icomoon';
    font-size: 9px;
    position: absolute;
    top: 20px;
    right: 14px;
    content: '\f054';
    -webkit-transition: -webkit-transform .3 ease-in-out;
    transition: transform .3 ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #606060;
}
.arrow-btn.active:before{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.arrow-btn.active > a{
    border-bottom: 1px solid #e8e8e8;
}
.second-sub-menu li a{ /*INSTEAD OF THIS, we are going to use .sub-menu2,*/
    padding: 10px 10px 10px 65px;
}
.third-sub-menu li a{  /*INSTEAD OF THIS, we are going to use .sub-menu3,*/
    padding: 10px 10px 10px 79px;
    border-bottom: 0 !important;
}

/*************************  ADDED BY WEBAUTHOR:  IF .second-sub-menu or .third-sub-menu items are changed, 
    we need to change these below as we are using these instead (_page_header.cfm);*/
.sub-menu2 li a{
      padding: 10px 10px 10px 65px;
}

.sub-menu3 li a{
    padding: 10px 10px 10px 79px;
    border-bottom: 0 !important;
}

.sub-menu4 li a{
    padding: 10px 10px 10px 93px;
    border-bottom: 0 !important;
}

.sub-menu5 li a{
    padding: 10px 10px 10px 107px;
    border-bottom: 0 !important;
}

.sub-menu > .slide .sub-menu2 > .sub-menu > .sub-link:before{
    left: 39px;
}
.sub-menu > .slide .sub-menu2 > .sub-menu > .sub-link:after{
    left: 36px;
}

.sub-menu > .slide .sub-menu3 > .sub-menu > .sub-link:before{
    left: 53px;
}
.sub-menu > .slide .sub-menu3 > .sub-menu > .sub-link:after{
    left: 50px;
}

.sub-menu > .slide .sub-menu4 > .sub-menu > .sub-link:before{
    left: 67px;
}
.sub-menu > .slide .sub-menu4 > .sub-menu > .sub-link:after{
    left: 64px;
}

.sub-menu > .slide .sub-menu5 > .sub-menu > .sub-link:before{
    left: 81px;
}
.sub-menu > .slide .sub-menu5 > .sub-menu > .sub-link:after{
    left: 78px;
}
/*END: Added by WA*/

/* alert bell */
.alert-block {
    position: relative;
    float: left;
    border-right: 1px solid #9d9d9d;
}
.alert-block .alert_description {
    font: 600 10px/22px 'Nunito', Arial, Helvetica, sans-serif;
    position: absolute;
    top: 9px;
    right: 16px;
    width: 22px;
    height: 22px;
    color: #fff;
    border-radius: 50%;
    background: #168cb7;
}
.alert-block .alert {
    display: block;
    width: 75px;
    height: 63px;
    margin: 0;
    padding: 20px 10px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0;
    letter-spacing: 0;
    color: #939393;
}
.alert-block .alert .icon-bell {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
}
.login-btn {
	font-size: 13px;
	line-height: 29px;
	color: #3b3b3b;
	letter-spacing: 0;
	text-transform: uppercase;
	vertical-align: middle;
	margin: 4px 8px 0 0;
	padding: 10px 20px;		
	background-color:#fff;
	border-radius: 4px;
}
.login-btn:hover {background-color:#f1f1f1; text-decoration: none; color:#000}
/* profile block */

.profile-holder {
    float: left;
    /* name profile */
    /* profile photo */
}
.profile-holder > a {
    display: block;
    padding: 13px 22px 13px 16px;
}
.profile-holder .icon-chevron-down {
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    margin: 2px 7px 0 0;
    vertical-align: middle;
    letter-spacing: 0;
    color: #3b3b3b;
}
.profile-holder .name {
    font-size: 13px;
    line-height: 29px;
    display: inline-block;
    margin: 4px 15px 0 0;
    vertical-align: middle;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #3b3b3b;
}
.profile-holder .photo {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 50%;
}
.js-sortable-holder {
    position: relative;
}
.js-sortable-column {
    min-height: 10px;
}
.active-drop-area {
    position: relative;
}
.active-drop-area:after {
    position: absolute;
    top: -20px;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: .5;
    background: #ccc;
}
.control_panel_slider {
    position: fixed;
    z-index: 100;
    top: 63px;
    right: -1000px;
    bottom: 0;
    width: 426px;
    padding: 0;
    z-index: 20;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border: 1px solid #ededed;
    background: #fff;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, .1);
}
.settings-active .control_panel_slider {
    right: 0;
}
#header,
html,
body {
    min-width: 320px;
}
#wrapper {
    position: relative;
    overflow: hidden;
}
body {
    margin: 0;
    padding: 63px 0 0 0;
 
}
body #header {
    -webkit-transition: all .5s linear !important;
    transition: all .5s linear !important;
}
body.nav-active {
    position: relative;
    overflow: hidden !important;
    margin: 0 0 0 302px;
}
body.nav-active .slider {
        -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
body.nav-active #wrapper {
    position: static;
}
body.nav-active #header {
    right: -302px;
    left: 302px;
}
.page-head,.navbar_category{
    -webkit-transition: -webkit-transform .5s linear !important;
    transition: transform .5s linear !important;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.nav-active .page-head,.nav-active.navbar_category,.nav-active#main{
    -webkit-transform: translate(302px, 0);
    -ms-transform: translate(302px, 0);
    transform: translate(302px, 0);
}
.slide-drop {
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
/* main */

#main {
    margin: 0 auto 20px;
    padding: 8px 0 0 0;
    /* blank page */
    /* head */
}
#main.fixed_layout {
    max-width: 1184px;
}
#main .blank {
    min-height: 1016px;
    border: 1px solid #dfe2e4;
    background: #fff;
}
#main .pad-all-20 {padding: 20px;}
#main .pad-all-30 {padding: 30px;}
#main .pto {padding-top: 10px;}
#main .pbo {padding-bottom: 10px;}
#main .mto {margin-top: 10px;}
#main .mbo {margin-bottom: 10px;}
#main .widget-holder .pod-margin { margin: 20px;}

#main .head {
    position: relative;
    /* date */
    /* opener on section */
    padding: 9px 46px 4px 13px;    
    border-bottom: 1px solid #eaecee;
}
/*#main .head.xm-box-heading {padding: 12px 15px 5px;}*/

.xm-box-heading > a {position: absolute;top:20px;right:10px;}

.xm-drop-box .xm-drop a.add-new:before, .xm-drop-box .xm-drop a.add-new:after {
    content: '';
    width: 11px;
    height: 3px;
    background: #6c757d;
    position: absolute;
    top: 50%;
    left: 9px;
    margin: -2px 0 0;
    }
    .xm-drop-box .xm-drop a.add-new:after {
    width: 3px;
    height: 11px;
    left: 13px;
    margin: -6px 0 0;
    }

    
.xm-column .xm-btn-section{
	padding-left:0;
	margin:-3px 0 0 -14px;
}
.xm-btn.xm-btn-plus {
	border-color:#d3d3d3;
	font-size:11px;
	line-height:25px;
	color: #545454;
	font-weight:600;
}
.xm-btn.xm-btn-plus span {padding:0 9px 2px 25px;}
.xm-btn.xm-btn-alt, .xm-btn.xm-btn-minus{
	border-color:#f4f4f4;
	font-size:14px;
	line-height:29px;
}
.xm-btn.xm-btn-alt span, .xm-btn.xm-btn-minus span {padding:0 9px 2px 27px;}
.xm-btn.xm-btn-alt span:before,
.xm-btn.xm-btn-alt span:after,
.xm-btn.xm-btn-plus span:before,
.xm-btn.xm-btn-plus span:after{
	content:'';
	width:11px;
	height:3px;
	background:#6c757d;
	position:absolute;
	top:50%;
	left:9px;
	margin:-2px 0 0;
}
.xm-btn.xm-btn-minus span:before,
.xm-btn.xm-btn-minus span:after{
	content:'';
	width:11px;
	height:3px;
	background:#f89406;
	position:absolute;
	top:50%;
	left:9px;
	margin:-2px 0 0;
}
.xm-btn.xm-btn-alt span:after,
.xm-btn.xm-btn-plus span:after{
	width:3px;
	height:11px;
	left:13px;
	margin:-6px 0 0;
}

.xm-btn-section:after{
	content:'';
	display:block;
	clear:both;
}
.xm-btn-section{padding:0 14px 0 0;}
.xm-btn-section .xm-btn-list-alt{
	padding:0;
	margin:0;
	list-style:none;
}
.xm-btn-section .xm-btn-item{
	float:left;
	padding:0;
	/*padding:0 0 10px;*/
}
.xm-btn-item > select {
	font-size: 12px;
	margin-top: 3px;
	height: 26px;
	border: 1px solid #bababa;
	padding: 3px 11px 3px;
	border-radius: 4px;
	position: relative;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,#fff 0%,#e4e4e4 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e4e4e4));
	background: -webkit-linear-gradient(top,#fff 0%,#e4e4e4 100%);
	background: -o-linear-gradient(top,#fff 0%,#e4e4e4 100%);
	background: -ms-linear-gradient(top,#fff 0%,#e4e4e4 100%);
	background: linear-gradient(to bottom,#fff 0%,#e4e4e4 100%);	
}
.xm-btn{
	float:left;
	margin:0 0 0 0px;
	font-size:13px;
	line-height:23px;
	color:#545454;
	border-radius:3px;
}
.xm-btn-trans{
	border:none;
	padding:5px;
}
.xm-btn span{
	float:left;
	border:1px solid #dfe2e4/*#bababa*/;
	padding:0 11px 1px;
	/*border-radius:4px;*/
	position:relative;
    background: #fff/*#6c757d*/;
    color: #4b4b4b/*white*/;
}
.xm-btn-icon span{padding:0 11px 1px 25px;}
.xm-btn-icon span:before{
	content:'';
	width:10px;
	height:10px;
	background:url(../images/sprite.png) no-repeat 0 -46px;
	position:absolute;
	top:50%;
	margin:-5px 0 0;
	left:7px;
}
.xm-heading-holder .xm-btn-add:hover,
.xm-btn:hover span,
.xm-popup-active .xm-btn span{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e4e4e4 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top,  #e4e4e4 0%,#fff 100%);
	background: -o-linear-gradient(top,  #e4e4e4 0%,#fff 100%);
	background: -ms-linear-gradient(top,  #e4e4e4 0%,#fff 100%);
	background: linear-gradient(to bottom,  #e4e4e4 0%,#fff 100%);
}
.xm-btn:hover{text-decoration:none;}
.xm-drop-box{
	float:left;
	/*margin:0 0 0 10px; MR: 3/15/2014 - removed*/
	padding:1px 0 0;
	position:relative;
}
.xm-drop-box .xm-btn{
	margin:0;
	/*line-height:26px;
	border-radius:4px;*/
}
.xm-drop-box .xm-btn span{
	padding:3px 22px 2px 14px;
	/*border-radius:4px;*/
	min-width:100px;
}
.xm-drop-box .xm-btn span:before{
	content: '\f0a3';
	/*width:16px;
	height:22px;
	background:url(../images/sprite.png) no-repeat -14px -46px;*/
	position:absolute;
	top:6px;
	right:10px;
	font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;	
}
.xm-drop-box .xm-drop,
.xm-edit .xm-drop{
	position:absolute;
	top:100%;
	left:3px;
	padding:9px 0 0;
	font-size:1em;
	line-height:15px;
	display:none;
}
.xm-edit .xm-drop{
	right:-18px;
	left:auto;
	padding:12px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	line-height:15px;
}
.xm-edit .xm-drop a{color:#4e4e4e;}
.xm-edit .xm-drop a:hover{text-decoration:none;}
.xm-drop-box .xm-drop .xm-drop-frame,
.xm-edit .xm-drop .xm-drop-frame{
	background:#fff/*#fefefe*/;
	width:150px;
	position:relative;
	padding:1px;
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow:0 4px8px 0 rgba(0,0,0,0.15);
	/*border-radius:2px;*/
	z-index:1;
}
.xm-edit .xm-drop .xm-drop-frame{
	width:86px;
	padding:17px 5px 15px 14px;
}
.xm-drop-box .xm-drop .xm-drop-frame:before,
.xm-edit .xm-drop .xm-drop-frame:before{
	content:'';
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
	border:1px solid #fff;
	border-radius:7px;
	z-index:-1;
}
.xm-drop-box .xm-drop .xm-drop-frame:after,
.xm-edit .xm-drop .xm-drop-frame:after{
	content:'';
	width:15px;
	height:8px;

    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fefefe;

    position:absolute;
	top:-10px;
	left:14px;
}
.xm-drop-box .xm-drop ul{
	padding: 0;/*9px 0 10px;*/
	margin:0;
	list-style:none;
	overflow:hidden;
}
.xm-drop-box .xm-drop a{
	display:block;
	color:#4e4e4e;
	border:solid #f2f2f2;
	border-width:1px 0;
	margin:0 0 -1px;
	padding:8px 5px 8px 30px;
	position:relative;
}
.xm-drop-box .xm-drop a:before{
	/*content:'';
	background:url(../images/sprite.png) no-repeat;	
	top:6px;
	left:6px;
	width:16px;
	height:16px;*/
	position:absolute;
	font-size: 8px;
    margin-top: -6px;
    content: '\f0a3';
    color: #898989;	
}
.xm-drop-box .xm-drop a.group-mailing:before{background-position:-36px -46px;}
.xm-drop-box .xm-drop a.save-excel:before{background-position:-56px -46px;}
.xm-drop-box .xm-drop a.save-pdf:before{
	background-position:-76px -46px;
	top:5px;
}
.xm-drop-box .xm-drop a.delete:before{
	width:18px;
	height:18px;
	background-position:-96px -46px;
	top:5px;
}
.xm-drop-box .xm-drop li:hover{
	position:relative;
	z-index:2;
}
.xm-drop-box .xm-drop a:hover{
	background:#d9e6ea;
	border-color:#cbdde2;
	text-decoration:none;
}

a.pod-lnks,
a.pod-lnks:active,
a.pod-lnks:visited {
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #4e4e4e;
}
a.pod-lnks:hover {
    color: #9d9d9d;
}
#main .head.bullet h1 {
    position: relative;
}
#main .head.bullet h1:after {
    position: absolute;
    top: 4px;
    left: -14px;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background: #ccc;
}
#main .head.bullet.orage h1:after {
    background: #ffa200;
}
#main .head.bullet.blue h1:after {
    background: #3398e6;
}
#main .head.bullet.green h1:after {
    background: #57da00;
}
#main .head h1 {
    font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0 0 5px;
    text-transform: uppercase;
    color: #4e4e4e;
}
#main .head .date {
    font: 600 12px/16px 'Nunito', Arial, Helvetica, sans-serif;
    display: block;
    margin: 0 0 5px;
    color: #2fbea0;
}
#main .head .holder-opener {
    position: absolute;
    top: 50%;
    right: -3px;
    width: 72px;
    height: 63px;
    margin-top: -31px;
    padding: 24px;
}
#main .head .opener {
    position: relative;
    display: block;
    width: 23px;
    height: 16px;
    text-indent: -9999px;
}
#main .head .opener:before,
#main .head .opener:after,
#main .head .opener span {
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 2px;
    margin: 0 0 0 0;
    background: #9d9d9d;
}
#main .head .opener:before,
#main .head .opener:after {
    top: 6px;
    content: '';
}
#main .head .opener:after {
    top: 12px;
}
.holder-opener {
    position: relative;
    /* drop style */
}
.holder-opener .drop {
    position: absolute;
    z-index: 10;
    top: 100%;
    right: 0;
    width: 190px;
    border: 1px solid #dfe2e4;
    background: #fff;
}
.holder-opener .drop ul {
    padding: 7px 0;
}
.holder-opener .drop ul a {
    font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    position: relative;
    display: block;
    padding: 9px 10px 9px 39px;
    text-decoration: none;
    color: #4b4b4b;
}
.holder-opener .drop ul a i {
    font-size: 9px;
    position: absolute;
    top: 13px;
    left: 20px;
    color: #a7a7a7;
}
.holder-opener .drop ul a:hover {
    background: #f5f5f5;
}
.holder-opener .drop:after,
.holder-opener .drop:before {
    position: absolute;
    bottom: 100%;
    left: 77%;
    width: 0;
    height: 0;
    content: ' ';
    pointer-events: none;
    border: solid transparent;
}
.holder-opener .drop:after {
    margin-left: -10px;
    border-width: 10px;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
}
.holder-opener .drop:before {
    margin-left: -11px;
    border-width: 11px;
    border-color: rgba(255, 225, 255, 0);
    border-bottom-color: #dfe2e4;
}
/* navbar_category */

.navbar_category {
    position: relative; /* drop style */ /* nav gallery */ /* slideset nav gallery */
    z-index: 10;
    width: 100%;
    margin: 0 0 5px;
     padding: 0 0 0 0;
}
/*
.navbar_category .has-drop-down:before {
    font-size: 16px;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -10px;
    color: #898989;
}
*/
.navbar_category .drop {
    position: absolute;
    z-index: 10;
    top: 100%;
    /* left: -1px; */
    visibility: hidden;
    /* sub_drop style */
    opacity: 0;
    
    /* width: 195%;
    max-width: 30vw; */
    }
.navbar_category .drop .drop {
    top: 0;
    left: 100%;
    width: 100%;
    margin: 0 0 0 -1px;
}
.navbar_category ul li.hover > .drop,
.navbar_category ul li:hover > .drop {
    display: block;
    visibility: visible;
    opacity: 1;
}
.navbar_category .btn-holder {
    font-size: 19px;
    position: absolute;
    white-space: nowrap;
    top: 0;
    right: 0;
    display: none;
    width: 40px;
    height: 35px;
    padding:7px 3px;
    text-align: center;
    border: 0 solid #dfe2e4;
    border-width: 1px 0 1px 1px;
    background: #fff;
}

.navbar_category .btn-next,
.navbar_category .btn-prev {
    text-decoration: none;
    color: #808080;
}
.navbar_category .btn-next.disabled,
.navbar_category .btn-prev.disabled {
    display: none;
}
.navbar_category .slideset {
    border-top: 1px solid #dfe2e4;
    border-bottom: 1px solid #dfe2e4;
    width: 100%;
    background:white;
    overflow: auto;
   
}
.navbar_category .slideset > ul{
    font-size: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    overflow-x: auto;

    width: 100%;

    white-space: nowrap;
}
/*.navbar_category .slideset > ul:after {
    display: block;
    clear: both;
    content: '';
}*/
.navbar_category .slideset > ul > li {
    /* position: relative; */
    display: inline-block;
   
    text-align: center;
    border: 0 solid #dfe2e4;
    border-width: 1px 1px 1px 0;

    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.navbar_category .slideset>ul>li.active>a {
    font-weight: bold;
    text-transform: uppercase;
    color: #3398e6;
    border-bottom: 2px solid #3398e6;
}
.navbar_category .slideset > ul > li > a {
    display: block;
    width: 100%;
}
.navbar_category .slideset > ul > li.hover > a {
    background: #ececec;
}
.navbar_category .slideset > ul > li:first-child {
    border-width: 1px 1px 1px 0;
}
.navbar_category .slideset > ul > li a
{
    font: 600 13px/20px 'Nunito', Arial, Helvetica, sans-serif;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    /* min-width: 90px; */
    padding: 5px;

    -webkit-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
    text-decoration: none;

    color: #383838;
    background: #fff;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar_category .slideset > ul > li a:hover {
    background: #ececec;
}

.navbar_category .slideset > ul > li a i {
    padding: 0 0 0 20px;

    color: #898989;
}  

/* page-head */

.page-head {
    position: relative;
    z-index: 14;
    /* drop style */
    /* breadcrumbs nav */
    /* modules button */
    padding:5px 15px 0px 15px;
    /* padding: 17px 31px 14px 22px; */
}
.page-head .drop {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 21px;
    width: 248px;
    border: 1px solid #dfe2e4;
    background: #fff;
}
.page-head .drop .sub-drop {
    position: absolute;
    top: 0;
    left: 100%;
    visibility: hidden;
    width: 248px;
    border: 1px solid #dfe2e4;
    background: #fff;
}
.page-head .drop ul {
    padding: 7px 0;
}
.page-head .drop ul li {
    position: relative;
}
.page-head .drop ul li:hover .sub-drop {
    display: block;
    visibility: visible;
}
.page-head .drop ul a {
    font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    position: relative;
    display: block;
    padding: 9px 10px 9px 39px;
    text-decoration: none;
    color: #4b4b4b;
}
.page-head .drop ul a i {
    font-size: 9px;
    position: absolute;
    top: 13px;
    left: 20px;
    color: #a7a7a7;
}
.page-head .drop ul a:hover {
    background: #f5f5f5;
}
.page-head .drop:after,
.page-head .drop:before {
    position: absolute;
    bottom: 100%;
    left: 23px;
    width: 0;
    height: 0;
    content: ' ';
    pointer-events: none;
    border: solid transparent;
}
.page-head .drop:after {
    margin-left: -10px;
    border-width: 10px;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
}
.page-head .drop:before {
    margin-left: -11px;
    border-width: 11px;
    border-color: rgba(255, 225, 255, 0);
    border-bottom-color: #dfe2e4;
}
.page-head:after {
    display: block;
    clear: both;
    content: '';
}
.page-head h1 {
    font: 20px/29px 'Nunito', Arial, Helvetica, sans-serif;
    position: relative;
    float: left;
    margin: 0;
    padding: 0 0 6px 23px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #4b4b4b;
}
.page-head h1:hover {
    cursor: pointer;
    color: #9d9d9d;
}
.page-head h1 .icon-chevron-down {
    position: absolute;
    top: 4px;
    left: 0;
}
.page-head .breadcrumbs {
    font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    float: right;
    padding: 7px 0 0 0;
}
.page-head .breadcrumbs ul:after {
    display: block;
    clear: both;
    content: '';
}
.page-head .breadcrumbs ul li {
    float: left;
    color: #525252;
}
.page-head .breadcrumbs ul li a {
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #525252;
}
.page-head .breadcrumbs ul li a:hover {
    color: #9d9d9d;
}
.page-head .breadcrumbs ul li:after {
    margin: 0 7px;
    content: '/';
}
.page-head .breadcrumbs ul li:last-child:after {
    display: none;
}
.page-head .Add_New_Modules {
    position: relative;
    background: #989898;
}
.page-head .Add_New_Modules a {
    font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    display: block;
    padding: 13px 39px;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
}
.page-head .Add_New_Modules a i {
    position: absolute;
    top: 14px;
    left: 16px;
    color: #fff;
}
.page-head .Add_New_Modules a i.icon-view_comfy {
    font-size: 25px;
    top: 8px;
    right: 15px;
    left: auto;
}
.control_panel {
    height: 100%;
}
.control_panel .tab-content {
    position: relative;
}
.control_panel .tab-content .js-tab-hidden {
    width: 100%;
}
.control_panel .control_panel,
.control_panel .tab-container {
    height: 100%;
}
.control_panel .tab-container > .jcf-scrollable {
    height: calc(100% - 46px);
}
.control_panel .slide.group2 h4 {
    color: #168cb7;
}
.control_panel .message {
    padding: 21px 14px;
}
.control_panel .message .accordion {
    margin: 0 -14px;
}
.control_panel .chat,
.control_panel .more {
    padding: 21px 0 0;
}
.control_panel .chat .box,
.control_panel .more .box {
    margin: 0;
    padding: 0 14px;
}
.control_panel .show_all {
    font: 12px/16px 'Nunito', Arial, Helvetica, sans-serif;
    padding: 0 10px 23px;
    text-align: center;
}
.control_panel .show_all a {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-decoration: none;
    color: #373737;
}
.control_panel .show_all a:hover {
    color: #4e4e4e;
}
.control_panel .box {
    font: 13px/21px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0 0 23px;
    color: #373737;
}
.control_panel .box p {
    margin: 0;
}
.control_panel .box li {
    margin-bottom: 10px;
    padding: 8px 14px 9px 14px;
    border-radius: 4px;
    background: #f1f1f1;
}
.control_panel .box header {
    overflow: hidden;
    padding: 0 0 15px;
}
.control_panel .box header .close {
    font-size: 16px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-decoration: none;
    color: #373737;
}
.control_panel .box header .close:hover {
    color: #4e4e4e;
}
.control_panel .box header .date {
    font: 12px/16px 'Nunito', Arial, Helvetica, sans-serif;
    position: relative;
    float: left;
    padding: 0 0 0 20px;
}
.control_panel .box header .date.orage:after {
    background: #ffb400;
}
.control_panel .box header .date.green:after {
    background: #57da00;
}
.control_panel .box header .date.blue:after {
    background: #3398e6;
}
.control_panel .box header .date.yellow:after {
    background: #fed700;
}
.control_panel .box header .date.red:after {
    background: #ec0000;
}
.control_panel .box header .date:after {
    position: absolute;
    top: 3px;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    border-radius: 50%;
    background: #898989;
}
.control_panel .box header .close {
    float: right;
}
.control_panel .box h2 {
    font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0 0 16px 7px;
    text-transform: uppercase;
}
.control_panel .text {
    padding: 20px;
}
.control_panel .form_row {
    position: relative;
    padding: 13px 37px 13px 21px;
    border: 1px solid #e3e3e3;
    border-width: 1px 1px 0 1px;
}
.control_panel .form_row.form_row_selected{
    border-left: 3px solid #5c90d2;
}
.control_panel .form_row:after {
    display: block;
    clear: both;
    content: '';
}
.control_panel .form_row:hover:before {
    opacity: 1;
}
.control_panel .form_row:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    content: '';
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
    background: #5c90d2;
}
.control_panel .form_row label {
    line-height: 20px;
    margin: 0;
}
.control_panel .form_row input {
    float: right;
}
.control_panel .form_row span {
    float: right;
    color: #cccccc;
}
.control_panel .form_row .site_link {
    cursor: pointer !important;
    text-decoration: none;
    margin-left:2px;
}
.control_panel .form_row.form_row_selected .site_link {
    margin-left:0px;
}


/* Tooltip container for Page Header Flag Icon */
.flag_tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.flag_tooltip .flag_tooltiptext {
    visibility: hidden;
    width: 180px;
    /*height:120px;*/
    background-color: #535353;
    color: #d0d0d0;
    text-align: center;
    padding: 5px 5px;
   border-radius: 6px;
    position: absolute;
    z-index: 1;           
    top: -5px;
    right: 105%; 
    /*margin-left: -220px; 
    margin-left: -220px;*/

}

/* Show the tooltip text when you mouse over the tooltip container */
.flag_tooltip:hover .flag_tooltiptext {
    visibility: visible;            
    font-size: 13px;
    line-height: 13px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}





.control_panel .accordion {
    font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    color: #4e4e4e;
    border: 1px solid #e3e3e3;
    border-width: 0 0 1px 0;
    background: #fff;
}
.control_panel .accordion li {
    border: 1px solid #e3e3e3;
    border-width: 1px 1px 0 1px;
}
.control_panel .accordion li .chat_messages .profile {
    padding: 0;
    border-bottom: 0;
}
.control_panel .accordion li .chat_messages li a {
    padding: 14px 24px;
    background: #fff;
}
.control_panel .accordion li .chat_messages .avatar-holder {
    width: 41px;
    height: 41px;
    border-width: 1px;
}
.control_panel .accordion li .chat_messages .avatar {
    margin-right: 22px;
}
.control_panel .accordion li .chat_messages .avatar:after {
    right: -3px;
    bottom: 1px;
    width: 12px;
    height: 12px;
    border-width: 1px;
}
.control_panel .accordion li .chat_messages .text-holder {
    padding: 0;
    text-transform: capitalize;
}
.control_panel .accordion li .chat_messages .text-holder h4 {
    font: 700 15px/18px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0 0 2px;
    text-transform: capitalize;
}
.control_panel .accordion li .chat_messages .text-holder .position {
    font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    color: #8e8e8e;
}
.control_panel .accordion li > a {
    font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    position: relative;
    display: block;
    padding: 23px 63px;
    text-decoration: none;
    text-transform: uppercase;
    color: #4e4e4e;
    background: #f6f6f6;
}
.control_panel .accordion li > a i {
    font-size: 18px;
    position: absolute;
    color: #969696;
}
.control_panel .accordion li > a i.icon-chevron-right {
    font-size: 12px;
    position: absolute;
    top: 50%;
    right: 22px;
    margin-top: -5px;
}
.control_panel .accordion li > a i.icon-messages {
    font-size: 20px !important;
    top: 20px;
    left: 26px;
}
.control_panel .accordion li > a i.icon-lock-closed-outline {
    font-size: 20px !important;
    top: 20px;
    left: 26px;
}
.control_panel .accordion li > a i.icon-life-buoy {
    top: 20px;
    left: 26px;
}
.control_panel .accordion li > a i.icon-cog {
    top: 20px;
    left: 26px;
}
.control_panel .accordion li > a i.icon-arrow-with-circle-down {
    top: 21px;
    right: 24px;
}
.control_panel .info {
    font: 16px/18px 'Nunito', Arial, Helvetica, sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #e7e7e5;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.control_panel .info li {
    padding: 16px 0;
    text-align: center;
    color: #626262;
    border-right: 1px solid #e7e7e5;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.control_panel .info li:last-child {
    border: 0;
}
.control_panel .info li .value {
    font: 12px/14px 'Nunito', Arial, Helvetica, sans-serif;
    display: block;
    padding-top: 2px;
    color: #909090;
}
.control_panel .profile {
    margin: 0;
    padding: 38px 0 33px 27px;
    border-bottom: 1px solid #e7e7e5;
}
.control_panel .avatar {
    position: relative;
    float: left;
    margin: 0 25px 0 0;
}
.control_panel .avatar .avatar-holder {
    overflow: hidden;
    width: 100px;
    height: 100px;
    border: 2px solid #e7e7e5;
    border-radius: 50%;
}
.control_panel .avatar img {
    width: 100%;
}
.control_panel .avatar:after {
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 21px;
    height: 21px;
    content: '';
    border-radius: 50%;
}
.control_panel .avatar.online:after {
    border: 2px solid #fff;
    background: #03d00d;
}
.control_panel .avatar.offline:after {
    border: 2px solid #fff;
    background: #ec0000;
}
.control_panel .text-holder {
    font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    overflow: hidden;
    padding: 12px 0 0 0;
    color: #4e4e4e;
}
.control_panel .text-holder .mail {
    margin: 0 0 4px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #4e4e4e;
}
.control_panel .text-holder .mail:hover {
    color: #ddd;
}
.control_panel .text-holder .position {
    display: block;
    margin: 0 0 4px;
}
.control_panel .text-holder h4 {
    font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.control_panel .social {
    padding-top: 9px;
}
.control_panel .social:after {
    display: block;
    clear: both;
    content: '';
}
.control_panel .social li {
    float: left;
    margin: 0 11px 0 0;
}
.control_panel .social li a {
    text-decoration: none;
}
.control_panel .social li a:hover i {
    color: #ddd;
}
.control_panel .social li a i {
    font-size: 22px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    color: #848484;
}
.control_panel .btn-close {
    font-size: 26px;
    position: absolute;
    z-index: 10;
    top: 57px;
    right: 19px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #979797;
}
.control_panel .btn-close:hover {
    color: #ddd;
}
.control_panel .tabset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.control_panel .tabset li {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.control_panel .tabset li a {
    font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    display: block;
    padding: 14px 10px;
    text-decoration: none;
    color: #d0d0d0;
    background: #535353;
}
.control_panel .tabset li a.active {
    color: #535353;
    border-top: 2px solid #178cb7;
    background: #fff;
}
.control_panel .chat-slider {
    position: absolute;
    z-index: 10;
    top: 44px;
    right: -101%;
    bottom: 0;
    left: 101%;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    background: #fff;
}
.control_panel .chat-slider.active {
    right: 0;
    left: 0;
}
.control_panel .chat-slider .btn-back {
    font-size: 11px;
    position: absolute;
    top: 23px;
    left: 19px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #4e4e4e;
}
.control_panel .chat-slider .btn-back i {
    font-size: 26px;
    display: inline-block;
    margin-bottom: 6px;
    vertical-align: top;
}
.control_panel .chat-slider .btn-back .text_holder {
    display: block;
}
.control_panel .chat-slider .btn-profile {
    font-size: 11px;
    position: absolute;
    top: 21px;
    right: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #4e4e4e;
}
.control_panel .chat-slider .btn-profile i {
    font-size: 30px;
    display: inline-block;
    margin-bottom: 6px;
    vertical-align: top;
}
.control_panel .chat-slider .btn-profile .text_holder {
    display: block;
}
.control_panel .chat-slider .chat_frame {
    position: absolute;
    top: 181px;
    right: 0;
    bottom: 76px;
    left: 0;
    padding: 17px 29px 17px 13px;
}
.control_panel .chat-slider .chat_frame .jcf-scrollable-wrapper,
.control_panel .chat-slider .chat_frame .jcf-scrollable {
    overflow: hidden;
    height: 100% !important;
}
.control_panel .chat-slider .chat_frame .jcf-scrollable {
    min-width: 382px;
}
.control_panel .chat-slider .profile {
    padding: 23px 30px 4px 30px;
    text-align: center;
}
.control_panel .chat-slider .profile .avatar {
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: top;
}
.control_panel form.footer-form {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 21px;
    background: #efefef;
}
.control_panel form.footer-form .form_container {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
.control_panel form.footer-form .textarea_holder {
    padding: 0 46px 0 0;
}
.control_panel form.footer-form textarea {
    float: left;
    width: 100%;
    height: 35px;
    margin: 0;
    padding: 7px 10px;
    resize: none !important;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    color: #969696;
    border: 0;
    outline: none;
}
.control_panel form.footer-form textarea:focus {
    height: 335px;
}
.control_panel form.footer-form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 46px;
    color: #fff;
    border: 0;
    background: #168cb7;
}
.control_panel .chat_frame ul li {
    padding: 0 0 17px;
    text-align: right;
}
.control_panel .chat_frame ul li p {
    margin: 0;
}
.control_panel .chat_frame ul li .chat_message {
    position: relative;
    display: inline-block;
    max-width: 321px;
    padding: 10px 30px 10px 20px;
    vertical-align: top;
    color: #5a5a5a;
    border-radius: 4px;
    background: #f3f3f3;
}
.control_panel .chat_frame ul li .chat_message:after {
    position: absolute;
    top: 80%;
    right: 100%;
    width: 0;
    height: 0;
    margin-top: -5px;
    content: ' ';
    pointer-events: none;
    border: solid transparent;
    border-width: 5px;
    border-color: rgba(243, 243, 243, 0);
    border-right-color: #f3f3f3;
}
.control_panel .chat_frame .user {
    text-align: left;
}
.control_panel .chat_frame .user .chat_message {
    position: relative;
    padding: 10px 20px 10px 30px;
    color: #fff;
    background: #168cb7;
}
.control_panel .chat_frame .user .chat_message:after {
    position: absolute;
    top: 80%;
    left: 100%;
    width: 0;
    height: 0;
    margin-top: -5px;
    content: ' ';
    pointer-events: none;
    border: solid transparent;
    border-width: 5px;
    border-color: rgba(22, 140, 183, 0);
    border-left-color: #168cb7;
}
/* progress_panel */

.progress_panel {
    font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif; /* content */ /* accordion_holder */
}
.progress_panel .progress_bar_header {
    padding: 0 0 16px 21px;
    text-transform: uppercase;
}
.progress_panel .progress_bar_header h1 {
    font: 700 19px/22px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0 0 3px;
    text-transform: uppercase;
}
.progress_panel .progress_bar_header p {
    margin: 0 0 3px;
}
.progress_panel .content_container {
    font: 16px/18px 'Nunito', Arial, Helvetica, sans-serif; /* box */

    padding: 29px 20px 20px 37px;
    border-bottom: 1px solid #e3e3e3;
}
.progress_panel .content_container .box {
    padding: 0 0 20px;
}
.progress_panel .content_container .box h2 {
    font: 700 13px/18px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0 0 11px 0;
    padding: 0 0 0 15px;
    text-transform: uppercase;
}
.progress_panel .content_container .box ul {
    position: relative;
    margin-top: -20px;
    padding-top: 20px;
    color: #969696;
    border-left: 1px solid #d1d1d1;
}
.progress_panel .content_container .box ul:after {
    position: absolute;
    top: -2px;
    left: -4px;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background: #d1d1d1;
}
.progress_panel .content_container .box ul:before {
    position: absolute;
    bottom: -2px;
    left: -4px;
    width: 5px;
    height: 23px;
    content: '';
    background: #fff;
}
.progress_panel .content_container .box ul li {
    font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    position: relative;
    padding: 0 0 13px 48px;
    border: 0;
    background: none;
}
.progress_panel .content_container .box ul li:before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 28px;
    height: 1px;
    content: '';
    background: #d1d1d1;
}
.progress_panel .content_container .box ul li:after {
    position: absolute;
    top: 0;
    left: 26px;
    width: 15px;
    height: 13px;
    content: '';
    background: url(../images/checked.png) no-repeat 0 -13px;
}
.progress_panel .content_container .box ul li.checked:after {
    background-position: 0 0;
}
.progress_panel .progress_bar_header {
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}
.progress_panel .close_btn {
    font-size: 30px;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 18px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #4b4b4b;
}
.progress_panel .close_btn:hover {
    color: #d3d3d3;
}
.progress_panel .accordion_holder {
    /* progress-bar-holder */
}
.progress_panel .accordion_holder .opener {
    position: relative;
    overflow: hidden;
    min-height: 61px;
    padding: 13px 52px 10px 20px;
    border-bottom: 1px solid #e3e3e3;
    background: #f6f6f6;
}
.progress_panel .accordion_holder .opener:after {
    display: inline-block;
    width: 1px;
    height: 100%;
    content: '';
    vertical-align: middle;
    background: #fcc;
}
.progress_panel .accordion_holder .progress-bar-holder {
    display: inline-block;
    min-width: 48%;
    vertical-align: middle;
}
.progress_panel .accordion_holder .progress-bar-holder .progress-bar {
    max-width: 100%;
    background: #fff;
}
.progress_panel .accordion_holder .progress-bar-holder .title {
    font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    display: block;
    float: none;
    clear: both;
    padding: 9px 0 0;
    text-align: center;
}
.progress_panel .accordion_holder .holder {
    font-size: 18px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 20px;
    width: 19px;
    /* icon-arrow-with */
    
    height: 19px;
    margin-top: -10px;
}
.progress_panel .accordion_holder .holder .icon-arrow-with-circle-up,
.progress_panel .accordion_holder .holder .icon-arrow-with-circle-down {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    color: #8f8f8f;
}
.progress_panel .accordion_holder .holder .icon-arrow-with-circle-up {
    opacity: 0;
}
.progress_panel .accordion_holder .holder .icon-arrow-with-circle-down {
    opacity: 1;
}
.progress_panel .accordion_holder .active .icon-arrow-with-circle-up {
    opacity: 1;
}
.progress_panel .accordion_holder .active .icon-arrow-with-circle-down {
    opacity: 0;
}
.progress_panel .accordion_holder h1 {
    font: 700 13px/35px 'Nunito', Arial, Helvetica, sans-serif;
    display: inline-block;
    min-width: 45%;
    margin: 0;
    vertical-align: middle;
    text-transform: uppercase;
}
.progress_panel .accordion_holder ul .slide {
    background: #fff;
}
/* reports-block */

.reports-block {
    margin: 0 0 10px;
    /* tab container */
    /* tab content */
    
    border: 1px solid #eaecee;
    background: #fff;
}
.reports-block select {
    border: 0 !important;
}
.reports-block .frame_container {
    background: #f9f9f9;
    white-space: nowrap;
}
.reports-block .frame_container ul {
    font: 12px/16px 'Nunito', Arial, Helvetica, sans-serif;
    overflow: auto;
    padding: 4px 0;
}
.reports-block .frame_container ul li {
    position: relative;
    white-space: nowrap;
    display: inline-block;
    /*float: left;*/
    padding: 4px 12px;
}
.reports-block .frame_container ul li:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    content: '';
    background: #e1e1e1;
}
.reports-block .frame_container ul li a {
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #4e4e4e;
}
.reports-block .frame_container ul li a:hover {
    color: #000;
}
.reports-block.tasks {
    background: #f5f5f5;
}
.reports-block .widget-holder img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.reports-block .tab-container .tabset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    background: #f5f5f5;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.reports-block .tab-container .tabset li {
    text-align: center;
    border-right: 1px solid #eaecee;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.reports-block .tab-container .tabset li:last-child {
    border: 0;
}
.reports-block .tab-container .tabset li a {
    display: block;
    padding: 12px 10px;
    text-decoration: none;
    color: #5a5a5a;
}
.reports-block .tab-container .tabset li a.active {
    background: #fff;
}
.reports-block .tab-content div {
    padding: 20px;
}
.reports-block .tab-content div img {
    max-width: 100%;
    vertical-align: top;
}
/* tabset required styles for hidden tabs */

.js-tab-hidden {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    display: block !important;
}
.november-class * {
    background: #f00 !important;
}
.december-class * {
    background: #0c0 !important;
}
/* datapicker */

.datapicker {
    position: relative;
    padding: 23px 20px 23px 20px;
}
.datapicker .datapicker-holder {
    padding: 1px 24px;
}
.datapicker .event-holder {
    padding: 12px 0 20px 1px;
}
.datapicker .event-holder .more-button {
    font-size: 14px;
    position: absolute;
    bottom: 36px;
}
.datapicker h2 {
    font: 15px/18px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0 0 18px;
}
.datapicker ul {
    font: 14px/16px 'Nunito', Arial, Helvetica, sans-serif;
}
.datapicker ul li {
    padding: 0 0 13px;
}
.datapicker ul a {
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #4e4e4e;
}
.datapicker ul a:hover {
    color: #9d9d9d;
}
.datapicker:after {
    position: absolute;
    top: 23px;
    bottom: 23px;
    left: 50%;
    width: 1px;
    content: '';
    background: #ddd;
}
.datapicker [class^='col-'] {
    position: static;
}
.datapicker [class^='col-'] > img {
    width: 100%;
}
/* btn more */

.more-button {
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #4e4e4e;
}
.more-button:hover {
    color: #9d9d9d;
}
.more-button i {
    font-size: 10px;
}
/* content-holder */

/* WA: Customizations START */

.navHome {
    background: url(/lib/img/icon/icomoon/gradient/home1.png) no-repeat center;
    text-indent: -9999px;
    width: 50px;
}
.popover {
    max-width: 100%;
}

/* WA: Customizations END */

.content-holder table {
    font: 14px/16px 'Nunito', Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
    color: #4e4e4e;
    background: #f5f5f5;
}
.content-holder table.admin_page {
    background: #f9f9f9;
}
.content-holder table.admin_page tr {
    font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
}
.content-holder table.admin_page tr th {
    font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.content-holder table.admin_page tr th,
.content-holder table.admin_page tr td {
    padding: 13px 19px 13px 10px;
}
.content-holder table.admin_page tr th:first-child,
.content-holder table.admin_page tr td:first-child {
    padding: 13px 10px 13px 31px;
}
.content-holder table tr th,
.content-holder table tr td {
    padding: 13px 19px 13px 31px;
}
.content-holder table.short tr th,
.content-holder table.short tr td {
    padding: 9px 20px;
}
.content-holder table tr th.right,
.content-holder table tr td.right {
    text-align: right;
}
.content-holder table tr th.center,
.content-holder table tr td.center {
    text-align: center;
}
.content-holder table tr:nth-child(2n) {
    background: #fff;
}
.content-holder .jcf-scrollable table tr th a,
.content-holder .jcf-scrollable table tr td a{
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #4e4e4e;
}
.content-holder .jcf-scrollable table tr th a:hover,
.content-holder .jcf-scrollable table tr td a:hover{
    color: #9d9d9d;
}			
/* profile container */

.profile-container {
    font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    /* mail, location */
    /* avatar holder */
    /* slideshow */
    
    padding: 25px 19px;
}
.profile-container .control-holder {
    padding-top: 18px;
    text-align: center;
    color: #4e4e4e;
}
.profile-container .control-holder a {
    font: 14px/16px 'Nunito', Arial, Helvetica, sans-serif;
    display: inline-block;
    vertical-align: top;
    color: #4e4e4e;
}
.profile-container .control-holder a i {
    font-size: 10px;
    display: inline-block;
    margin: 0 5px;
    padding-bottom: 2px;
    vertical-align: middle;
}
.profile-container .control-holder a.disabled {
    visibility: hidden;
}
.profile-container .text-holder {
    font: 14px/29px 'Nunito', Arial, Helvetica, sans-serif;
    padding: 20px 0 0 7px;
    color: #4e4e4e;
}
.profile-container .info {
    padding: 0 0 26px 44px;
    border-bottom: 1px solid #e4e4e4;
}
.profile-container h1 {
    font: 700 16px/18px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0 0 3px;
    text-transform: uppercase;
}
.profile-container h2 {
    font: 700 14px/16px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0 0 4px;
    text-transform: capitalize;
}
.profile-container .description {
    display: inline-block;
    padding: 24px 0 0 0;
    text-align: center;
    vertical-align: top;
}
.profile-container .description .position {
    font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    display: block;
    margin: 0 0 10px;
}
.profile-container .description dl {
    overflow: hidden;
    margin: 0;
    padding: 3px 0;
    color: #4e4e4e;
}
.profile-container .description dl dt {
    font-weight: normal;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    word-wrap: normal;
}
.profile-container .description dl dd {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    word-wrap: normal;
}
.profile-container .mail,
.profile-container .location {
    display: inline-block;
    margin: 0 0 27px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    vertical-align: top;
    text-decoration: none;
    color: #4e4e4e;
}
.profile-container .mail:hover,
.profile-container .location:hover {
    color: #9d9d9d;
}
.profile-container .mail i,
.profile-container .location i {
    font-size: 16px;
    position: relative;
    bottom: -2px;
    margin-right: 2px;
    color: #4e4e4e;
}
.profile-container .avatar-holder {
    display: inline-block;
    overflow: hidden;
    width: 206px;
    height: 206px;
    margin: 0 46px 0 0;
    vertical-align: middle;
    border: 1px solid #e5e5e3;
    border-radius: 50%;
}
.profile-container .avatar-holder img {
    width: 100%;
}
.profile-container .slideshow {
    position: relative;
    /* slide */
}
.profile-container .slideshow.not-enough-slides .btn-next,
.profile-container .slideshow.not-enough-slides .btn-prev {
    visibility: hidden;
}
.profile-container .slideshow .slide {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.profile-container .slideshow .slide.active {
    z-index: 2;
}
.profile-container.admin_page .info {
    padding: 30px 20px;
    text-align: center;
    border: 0;
}
.profile-container.admin_page .avatar-holder {
    margin: 0;
}


/* progress-bar */
.prog-bar {
	border: 1px solid #e5e5e3;
	border-radius: 4px;
	max-width: 168px;
	width: 100%;
	margin-top: 6px;
	float: left;
	height: 7px;
	position: relative; 
}
.prog-bar span {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	background: #919191;
	border-radius: 4px; 
}

.progress_panel .blue .prog-bar span { background: #3398e6; }
.progress_panel .green .prog-bar span {background: #57da00; }
.progress_panel .orage .prog-bar span {background: #ffb400; }

/* prog-bar-holder */
.prog-bar-holder {overflow: hidden; }
.prog-bar-holder .title { float: left; }

.progress_panel .prog-bar {
    position: relative;
    float: left;
    width: 100%;
    max-width: 168px;
    height: 7px;
    margin-top: 6px;
    border: 1px solid #e5e5e3;
    border-radius: 4px;
}
.progress_panel .prog-bar span {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border-radius: 4px;
    background: #919191;
}


/* stage-block */
.stage-block {
    padding: 26px 20px 10px 43px;
}
.stage-block ul {
    font: 18px/22px 'Nunito', Arial, Helvetica, sans-serif;
    position: relative;
    color: #4e4e4e;
}
.stage-block ul li {
    position: relative;
    padding: 0 0 41px 20px;
    /* progress-bar-color title */
}
.stage-block ul li:before {
    position: absolute;
    top: 8px;
    bottom: -8px;
    left: 0;
    width: 1px;
    content: '';
    background: #919191;
}
.stage-block ul li:last-child:before {
    display: none;
}
.stage-block ul li .title {
    float: left;
    min-width: 54px;
    padding-right: 10px;
}
.stage-block ul li h3 {
    font: 700 18px/22px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0 0 9px;
}
.stage-block ul li:after {
    position: absolute;
    top: 7px;
    left: -3px;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background: #919191;
}
.reports-block_head {
    margin-bottom: 10px;
}
.slider_head ul {
    font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.slider_head ul li {
    border: 1px solid #eaecee;
    border-width: 1px 1px 0 1px;
}
.slider_head ul a {
    display: block;
    padding: 9px 12px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #4b4b4b;
    background: #fff;
}
.slider_head ul a:hover {
    background: #eaecee;
}
.slider_head ul .edit {
    border-width: 1px;
}
.slider_head ul .edit a {
    background: #eaecee;
}
.slider_head ul .edit a:hover {
    background: #fff;
}
.reports-block.tasks {
    border: none;
}
.reports-block.tasks .head {
    border: 1px solid #eaecee;
    border-width: 1px 1px 0 1px !important;
    background: #fff;
}
.reports-block.tasks .head:hover {
    cursor: pointer;
    border-color: #fff !important;
    background: #eaecee;
}
.frame {
    font: 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
}
.frame .title {
    font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    padding-right: 10px;
}
.frame .frame-holder {
    position: relative;
}
.frame .frame-holder i {
    font-size: 15px;
    position: absolute;
    top: 1px;
    left: 2px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.frame .frame-holder i.icon-chevron-down {
    opacity: 1;
}
.frame .frame-holder i.icon-chevron-up {
    opacity: 0;
}
.frame h3 {
    font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    margin: 0 0 11px;
    padding: 1px 0 0 17px;
}
.frame .holder {
    margin: 0 0 10px;
    padding: 11px 11px 3px 11px;
    -webkit-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
    border: 1px solid #eaecee;
    background: #fff;
}
.frame .holder:hover {
    cursor: pointer;
    border: 1px solid #fff;
    background: #eaecee;
}
.frame .holder .prog-bar-holder {
    padding: 0 0 16px 17px;
}
.frame .holder .prog-bar-holder .prog-bar {
    max-width: 248px;
}
.frame .holder ul {
    overflow: hidden;
    padding: 0 0 11px 20px;
}
.frame .holder ul.range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.frame .holder ul.range li {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.frame .holder ul li {
    float: left;
    margin: 0 12px 0 0;
}
.frame .holder ul.color li {
    width: 9px;
    height: 9px;
    background: #ddd;
}
.frame .holder ul.color li.orage {
    background: #ffb400;
}
.frame .holder ul.color li.green {
    background: #57da00;
}
.frame .holder ul.color li.blue {
    background: #3398e6;
}
.frame .holder ul.color li.yellow {
    background: #fed700;
}
.frame .holder ul.color li.red {
    background: #ec0000;
}
.frame .holder.active i.icon-chevron-down {
    opacity: 0;
}
.frame .holder.active i.icon-chevron-up {
    opacity: 1;
}
.frame .banner-holder {
    width: 100%;
    margin: 0 0 10px;
}
.frame .banner-holder img {
    width: 100%;
    height: auto;
}
.add_task i {
    margin: 0 2px 0 0;
    color: #4b4b4b;
}
.add_task a {
    font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    display: block;
    padding: 12px 9px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-decoration: none;
    color: #4b4b4b;
    border: 1px solid #eaecee;
    background: #fff;
}
.add_task a:hover {
    cursor: pointer;
    border: 1px solid #fff;
    background: #eaecee;
}
.account_info {
    font: 600 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    width: 100%;
    text-align: center;
    color: #383838;
}
.account_info .text {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    vertical-align: top;
}
.account_info .text:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    content: '';
    border-radius: 50%;
    background: #ddd;
}
.account_info .text.orage:after {
    background: #ffb400;
}
.account_info .text.green:after {
    background: #57da00;
}
.account_info .text.blue:after {
    background: #3398e6;
}
.account_info .text.yellow:after {
    background: #fed700;
}
.account_info .text.red:after {
    background: #ec0000;
}
.account_info td,
.account_info th {
    padding: 10px;
    text-align: center;
    background: #fff;
}
.account_info th {
    font: 700 13px/16px 'Nunito', Arial, Helvetica, sans-serif;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    color: #fff;
    border-right: 1px solid #a1a1a1;
    background: #8c8c8c;
}
.account_info th:hover {
    background: #a4a4a4;
}
.account_info th:last-child {
    border-width: 0;
}
/* jcf */
/* custom scrollbars styles */

.jcf-scrollable-wrapper {
    position: relative;
    box-sizing: content-box;
}
.jcf-scrollbar-vertical {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5px;
    cursor: default;
    background: #e3e3e3;
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    background: #bbb;
}
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    top: auto;
    bottom: 0;
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    top: 0;
    width: 5px;
    height: 1px;
    background: #888;
}
.jcf-scrollbar-horizontal {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 1px;
    height: 5px;
    border-radius: 4px;
    background: #e3e3e3;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    display: inline-block;
    overflow: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    vertical-align: top;
    border-radius: 4px;
    background: #bbb;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    right: 0;
    left: auto;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 5px;
    vertical-align: top;
    border-radius: 4px;
}
.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    position: absolute;
    height: 5px;
    background: #888;
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
    visibility: hidden;
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #e3e3e3;
}
/* common custom form elements styles */

html {
    height: 100%;
}
body {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0;
    table-layout: fixed;
}
#wrapper {
    display: table-cell;
}
footer {
    display: table-footer-group;
    overflow: hidden;
    /*for FF on Windows 7*/
    
    width: 100%;
    height: 1%;
    background: #fff;
}

#footer .social ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  
  #footer {
    padding: 46px 82px 28px 52px;
    color: #5a5a5a;
    font: 600 14px/18px "Nunito", Arial, Helvetica, sans-serif;
    border-top: 1px solid #dfe2e4;
    background: #fff;
    text-transform: uppercase;
    overflow: hidden; }
    @media (max-width: 768px) {
      #footer {
        text-align: center; } }
    @media (max-width: 1024px) {
      #footer {
        padding: 26px 20px;
        font-size: 12px; } }
    #footer p {
      margin: 0; }
    #footer .column-l {
      float: left; }
      @media (max-width: 768px) {
        #footer .column-l {
          float: none; } }
    #footer .column-r {
      float: right; }
      @media (max-width: 768px) {
        #footer .column-r {
          float: none; } }
    #footer .social {
      float: right; }
      @media (max-width: 768px) {
        #footer .social {
          float: none; } }
      #footer .social ul {
        float: left;
        margin: -10px 0 0 0;
        font-size: 32px; }
        @media (max-width: 768px) {
          #footer .social ul {
            margin: 10px 0 0 0; } }
        @media (max-width: 1024px) {
          #footer .social ul {
            font-size: 22px; } }
        @media (max-width: 768px) {
          #footer .social ul {
            float: none; } }
        #footer .social ul a {
          color: #7d7d7d;
          -webkit-transition: all 0.5s ease-in-out !important;
                  transition: all 0.5s ease-in-out !important;
          text-decoration: none; }
          #footer .social ul a:hover {
            color: #9d9d9d; }
        #footer .social ul li {
          float: left;
          margin: 0 10px; }
          @media (max-width: 768px) {
            #footer .social ul li {
              float: none;
              display: inline-block;
              vertical-align: top; } }
  /*# sourceMappingURL=footer.css.map */

.custom-drop {
    visibility: hidden;
    overflow: auto;

    width: 320px;
    max-height: 600px;
    margin: -1px -1px 0 0;

    -webkit-transition: opacity .3s ease-in-out;
            transition: opacity .3s ease-in-out;

    opacity: 0;
    background: #fff;
}

.custom-drop.align_right {
    right: 1px;
    left: auto;
}

.custom-drop.align_right .drop {
    right: 100%;
    left: auto;

    width: 100%;
    margin: -1px -1px 0 0;
}

.custom-drop.align_right ul li.has-drop-down::before {
    position: absolute;
    top: 18px;
    right: auto;
    left: 12px;

    content: '\f053';
}

.custom-drop.align_right ul li.active:before {
    -webkit-transform: rotate(-180deg) !important;
        -ms-transform: rotate(-180deg) !important;
            transform: rotate(-180deg) !important;
}

.custom-drop ul {
    border: 1px solid #dfe2e4;
}

.custom-drop ul > li {
    position: relative;

    text-align: left;
}

.custom-drop ul > li.has-drop-down::before {
    font-size: 16px;
    font-size: 9px;

    position: absolute;
    top: 18px;
    right: 12px;

    margin-top: -10px;
    margin-top: -4px;

    content: '\f0a3';

    color: #898989;
}

.custom-drop ul > li.hover:before,
.custom-drop ul > li:hover:before {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
}

.custom-drop ul > li.active:before {
    -webkit-transform: rotate(180deg) !important;
        -ms-transform: rotate(180deg) !important;
            transform: rotate(180deg) !important;
}

.custom-drop ul > li.active > a {
    background: #ececec;
}

.custom-drop ul > li.active > .drop {
    position: static;

    display: block;
    visibility: visible;

    opacity: 1;
}

.custom-drop ul > li a {
    font: 600 13px/20px 'Nunito', Arial, Helvetica, sans-serif;

    display: block !important;

    padding: 9px 10px 9px 12% !important;

    text-decoration: none;

    color: #4b4b4b;
}

.custom-drop ul > li .drop {
    top: 0;
    left: 100%;

    display: none;
    visibility: hidden;

    width: 100%;

    opacity: 0;
    background: #fff;
}

.custom-drop ul > li .drop a {
    padding: 9px 10px 9px 45px !important;
}

.custom-drop ul > li .drop li > .drop li a {
    padding: 9px 10px 9px 55px !important;
}

.custom-drop ul > li .drop li > .drop li > .drop li a{
    padding: 9px 10px 9px 65px !important;
}
.second.sub-menu .sub-link:before{
    left: 281px;
}
.second.sub-menu .sub-link:after{
    left: 278px;
}
.second.sub-menu .sub-link:hover:before,.second.sub-menu .sub-link:hover:after{
    background: #606060 !important;
}


@media (max-width: 1024px) {
    .search.active .input_holder {
        width: 300px;
    }

    .search input {
        width: 300px;
    }

   /* body.nav-active {
        margin: 0 -302px 0 302px;
    }*/
    .navbar_category .slideset > ul > li a {
        font-size: 11px;
    }
    .page-head h1 {
        font-size: 16px;
        line-height: 26px;
    }
    .reports-block .frame_container ul {
        font-size: 12px;
    }
    .reports-block .frame_container ul li {
        padding: 13px 13px;
    }
    .reports-block .tab-container .tabset {
        font-size: 10px;
    }
    .content-holder table {
        font-size: 12px;
    }
    .content-holder table.admin_page tr {
        font-size: 12px;
    }
    .content-holder table.admin_page tr th {
        font-size: 12px;
    }
    .profile-container .avatar-holder {
        width: 150px;
        height: 150px;
    }
    .account_info {
        font-size: 12px;
    }
    .account_info th {
        font-size: 11px;
    }
}
@media (max-width: 768px) {
    .left-holder, #header {
        display: flex;
        flex-basis: 0;
        flex-grow: 1;
        align-items: center;        
    }
    #nav {    margin: 0 2px 0 0;}
    /* #header #logo {
        display: none;
    } */
    .site-search, .alert-block {
        display:none;
    }
    .right-holder {

        /* padding-right: 63px; */
        border-left: 1px solid #9d9d9d;
    }
    .search {
        position: absolute;
        top: 0;
        right: 0;
        left: 72px;
        border: 0;
    }
    .search label {
        border-left: 1px solid #9d9d9d;
    }
    .search .icon-search {
        float: right;
    }
    .search .input_holder {
        float: none;
        clear: both;
        width: 350px;
        height: 0 !important;
        border: 1px solid #9d9d9d;
    }
    .search .input_holder:before {
        display: none !important;
    }
    .search.active .input_holder {
        z-index: 10;
        width: 100% !important;
        height: 65px !important;
    }
    .search input {
        min-width: 100%;
        max-width: 100%;
    }
    .alert-block .alert {
        width: 72px;
    }
    .profile-holder {
        position: relative;
        z-index: 10;
        float: right;
    }
    .profile-holder > a {
        padding: 13px 12px 13px 8px;
    }
    .profile-holder .name {
        display: none;
    }
    .control_panel_slider {
        width: 310px;
    }
    .navbar_category .drop {
        display: none;
        overflow: auto;
    }
    .navbar_category .drop .drop {
        position: static;
        right: 0;
        left: 0;
        margin: 0;
    }
    .navbar_category .drop .drop a {
        padding: 9px 10px 9px 35px !important;
    }
    .navbar_category ul li.hover > .drop {
        display: block;
    }
    .page-head .drop .sub-drop {
        position: static;
        display: none;
        visibility: visible;
        width: 100%;
    }
    .page-head h1 {
        clear: both;
    }
    .page-head .breadcrumbs {
        float: left;
        clear: both;
    }
    .progress_panel .accordion_holder .progress-bar-holder {
        min-width: 100%;
    }
    .progress_panel .accordion_holder h1 {
        min-width: 100%;
    }
    /*.reports-block .frame_container ul li
		{
				float: none;
		}

		.reports-block .frame_container ul li:after
		{
				display: none;
		}*/
    
    .datapicker .datapicker-holder img {
        width: 100%;
    }
    .profile-container .control-holder a.disabled {
        display: block;
        visibility: visible;
    }
    .profile-container .info .avatar-holder {
        margin: 0 0;
    }
    .profile-container .info {
        padding: 0 20px 20px;
        text-align: center;
    }

    .custom-drop {
        font-size: 11px;

        left: 0 !important;

        width: 100%;
        max-height: 400px;
    }

    .custom-drop ul > li a {
        font-size: 11px;

        padding: 9px 10px 9px 25px !important;
    }

    .custom-drop ul > li .drop {
        position: static;
        right: 0;
        left: 0;

        margin: 0;
    }

    .custom-drop ul > li .drop a {
        padding: 9px 10px 9px 35px !important;
    }
    
    .custom-drop ul > li .drop li > .drop li a
    {
        padding: 9px 10px 9px 45px !important;
    }

    .custom-drop ul > li .drop li > .drop li > .drop li a{
        padding: 9px 10px 9px 55px !important;
    }
}
/*XM-3*/

.buttonLoading {
    background-image: url(/lib/img/loading-spinner-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 35px;
}

#XMDivider {
    background: url(/lib/theme/xm-2/images/separator3.gif);
    background-repeat: repeat-y;
    background-position: 5px 20px;
    width: 10px;
}
img {
    -ms-interpolation-mode: bicubic
}
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 10+, Firefox on Android */
    
    filter: gray;
    /* IE6-9 */
    
    -webkit-filter: grayscale(100%);
    /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.item-saved {
    padding: 2px;
    background-color: #090;
    font-weight: bold;
    border: 1px solid #dadada;
    color: #fff;
    text-decoration: none;
    cursor: pointer
}
.RoundCorners {
    border-radius: 3px 3px 3px 3px !important;
    -moz-border-radius: 3px 3px 3px 3px !important;
    -webkit-border-radius: 3px 3px 3px 3px !important;
}
.xmFilePicker {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-color: #ccc;
    white-space: nowrap;
    padding: 1px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.xm-file-list-item {
    position: relative;
    display: inline-block;
    max-width: 90%;
    min-width: 130px;
    border: 1px solid #dadada;
    border-radius: 3px;
    background-color: #eff2f7;
    font-size: 11px;
    color: #666666;
    padding: 4px;
    padding-right: 10px;
    margin: 4px;
}
.xm-file-list-item img.xm-file-del {
    position: absolute;
    top: 0;
    right: 0;
}
.xm-drag-over {
    background: #fff8dc;
}
.tabFlt {
    border-collapse: collapse;
    max-width: 100%
}
.tabFlt tbody {
    max-width: 100%;
    width: 100%
}
.tabFlt.animate td {
    transition: width .1s
}
.tabFlt td input {
    margin: 0 0 -1px;
    padding: .5em .9em;
    transition: box-shadow .1s;
    width: 100%;
    font-size: 90%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-right-width: 0
}
.tabFlt td:last-child {
    border-right: 1px solid #ddd
}
.tabFlt tr.animate-add td:last-child,
.tabFlt tr.animate-remove td:last-child {
    border-right-width: 0
}
.tabFlt tr.animate-add td:last-child input,
.tabFlt tr.animate-remove td:last-child input {
    border-right-width: 1px
}
.tabFlt td input:focus {
    box-shadow: 0 0 4px 2px #A1C2F3;
    border-color: transparent;
    outline: 0;
    z-index: 1;
    position: relative
}
.tabFlt tr.animate-add,
.tabFlt tr.animate-remove {
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500
}
.tabFlt.animate tr.animate-add input {
    transform-origin: 0 0;
    animation: flipDown .25s ease-in
}
.tabFlt.animate tr.animate-remove input {
    transform-origin: 0 0;
    animation: flipUp .25s ease-in
}
.tabFlt th {
    padding: .5em .9em;
    font-size: 95%;
    background-color: #fafafa;
    font-weight: 400;
    border: 1px solid #ddd;
    border-bottom-width: 0
}
.item-save {
    padding: 2px;
    background-color: #efefef;
    border: 1px solid #dadada;
    color: #666;
    text-decoration: none;
    cursor: pointer
}
.ui-datepicker {
    z-index: 9999 !important;
}
.ui-datepicker-trigger {
    vertical-align: middle;
}
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}
.ui-timepicker-div dl {
    text-align: left;
}
.ui-timepicker-div dl dt {
    height: 25px;
    margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
    margin: 0 10px 10px 65px;
}
.ui-timepicker-div td {
    font-size: 90%;
}
.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}
.dateBox {
    background: #fff url('/lib/img/fulldate-blue.jpg') repeat-x scroll top left;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.dateBox .dateBox-day {
    color: #333;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 35px;
    padding-top: 3px
}
.dateBox .dateBox-month {
    font-size: 11px;
    font-weight: bold;
}
#tt {
    position: absolute;
    display: block
}
#ttcont {
    display: block;
    border: 1px solid #999;
    padding: 5px;
    background-color: #fefeea
}
#PageInstructionsBox p {
    margin: 0
}

.xmFullScreen table thead th, .xmFullScreen table thead td {
    position: sticky;
    top: 0;
}
.xmFullScreen .btnToggleFullScreen {
    position: fixed;
    z-index: 101;
}  
.xmFullScreen {
    margin: 0 5px;
    overflow: auto;
    width: 100%;
    position: fixed;
    top: 0;
    display: flex;
    height: 100%;
    max-height:100% !important;
    left: 0;
    z-index: 100;
    width: 100%;
    margin: 0 !important;		
}

.fullScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    padding: 10px;
}
.fltleft {
    float: left
}
.fltright {
    float: right
}
.clear {
    clear: both;
    overflow: hidden
}
.clrflt {
    clear: both;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden
}
.asContent a {
    text-wrap: normal;
    word-break: break-all;
    word-wrap: break-word
}
.Wrap {
    text-wrap: normal;
    word-break: break-all;
    word-wrap: break-word
}
.NoWrap {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap
}
.tabCountBox {
    border: 1px solid #dadada;
    background-color: #eee;
    color: #444;
    font-weight: bold;
    font-size: 10px;
    padding: 3px;
    text-align: center
}
.PopupBox {
    width: 300px;
    height: 300px;
    border: 1px solid #dadada;
    position: absolute;
    display: none;
    z-index: 999;
    background-color: #FFF
}
.PopupBoxHeader {
    border-bottom: 1px solid #999
}
.PopupBoxBody {
    border-top: 1px solid #e6e6e6;
    padding: 10px
}
.PopupBoxBody TD {
    border-bottom: 1px solid #EEE
}
.PopupBoxTitle {
    font-size: 14px;
    color: #666;
    padding: 3px;
    border-bottom: 1px solid #dadada
}
.tabTipSmall {
    padding-top: 3px;
    font: bold 12px Helvetica, Arial-BoldMT, Geneva, sans-serif;
    letter-spacing: -1px;
    text-shadow: #871521 -1px -1px 1px;
    text-align: center;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: -30px;
    margin-top: -5px;
    background-image: url(/lib/img/icon_count_sml.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 22px;
    color: #FFF;
    vertical-align: middle
}
.tabTipMedium {
    padding-top: 3px;
    font: bold 12px Helvetica, Arial-BoldMT, Geneva, sans-serif;
    letter-spacing: -1px;
    text-shadow: #871521 -1px -1px 1px;
    text-align: center;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: -35px;
    margin-top: -5px;
    background-image: url(/lib/img/icon_count_med.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 22px;
    color: #FFF;
    vertical-align: middle
}
.tabTipLarge {
    padding-top: 3px;
    font: bold 12px Helvetica, Arial-BoldMT, Geneva, sans-serif;
    letter-spacing: -1px;
    text-shadow: #871521 -1px -1px 1px;
    text-align: center;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: -36px;
    margin-top: -5px;
    background-image: url(/lib/img/icon_count_lgr.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 22px;
    color: #FFF;
    vertical-align: middle
}
.TableDisplay THEAD TR TD {
    border-bottom: 1px dotted #dddddd;
    font-weight: bold;
    vertical-align: bottom
}
.TableDisplay TBODY TR TD {
    border-bottom: 1px dotted #dddddd;
    vertical-align: top;
    empty-cells: show
}
.TableDisplay TBODY TR TD TABLE TD {
    border: 0
}
.TableGrid {
    border-top: 1px dotted #dddddd;
    border-left: 1px dotted #dddddd;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.TableGrid THEAD TR TD,
.TableGrid THEAD TR TH {
    border-bottom: 1px dotted #dddddd;
    border-right: 1px dotted #dddddd;
    font-weight: bold;
    vertical-align: bottom;
    background-color: #e5f5fa;
}
.TableGrid TBODY TR TD {
    border-bottom: 1px dotted #dddddd;
    border-right: 1px dotted #dddddd;
    vertical-align: top;
    empty-cells: show
}
.TableGrid TBODY TR TD TABLE TD {
    border: 0
}
.verticalText {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.itemCountSmall {
    padding-top: 3px;
    font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
    letter-spacing: -1px;
    text-shadow: #871521 -1px -1px 1px;
    text-align: center;
    background-image: url(/lib/img/icon_count_sml_gray.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 22px;
    color: #FFF;
    font-weight: bold;
    font-size: 10px
}
.itemCountMedium {
    padding-top: 3px;
    font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
    letter-spacing: -1px;
    text-shadow: #871521 -1px -1px 1px;
    text-align: center;
    background-image: url(/lib/img/icon_count_med_gray.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 22px;
    color: #FFF;
    font-weight: bold;
    font-size: 10px
}
.itemCountLarge {
    padding-top: 3px;
    font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
    letter-spacing: -1px;
    text-shadow: #871521 -1px -1px 1px;
    text-align: center;
    background-image: url(/lib/img/icon_count_lgr_gray.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 22px;
    color: #FFF;
    font-weight: bold;
    font-size: 10px
}
.itemCountSmallRed {
    padding-top: 3px;
    font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
    letter-spacing: -1px;
    text-shadow: #871521 -1px -1px 1px;
    text-align: center;
    background-image: url(/lib/img/icon_count_sml.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 22px;
    color: #FFF;
    font-weight: bold;
    font-size: 10px
}
.itemCountMediumRed {
    padding-top: 3px;
    font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
    letter-spacing: -1px;
    text-shadow: #871521 -1px -1px 1px;
    text-align: center;
    background-image: url(/lib/img/icon_count_med.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 22px;
    color: #FFF;
    font-weight: bold;
    font-size: 10px
}
.itemCountLargeRed {
    padding-top: 3px;
    font: bold 13px Helvetica, Arial-BoldMT, Geneva, sans-serif;
    letter-spacing: -1px;
    text-shadow: #871521 -1px -1px 1px;
    text-align: center;
    background-image: url(/lib/img/icon_count_lgr.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 22px;
    color: #FFF;
    font-weight: bold;
    font-size: 10px
}
.ContentBox {
    border: 1px solid #eae9e1;
    padding: 3px
}
.tabWarning {
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: -30px;
    margin-top: -2px;
    background-image: url(/lib/img/icon_count_warning.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 22px;
    color: #FFF;
    font-weight: bold;
    font-size: 10px
}
.PostItNote {
    width: 175px;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
    border: 1px solid #999;
    background-color: lightyellow;
    padding: 4px
}
.XMPod {
    border: 1px solid #dadada;
    padding: 0;
    background-color: #f5f5f5
}
.XMPodHeader TD {
    background-image: url(/lib/img/bg_pod_header.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #FFF;
    padding: 7px;
    font-size: 14pt;
    font-weight: bold;
    color: #565656;
    text-transform: uppercase;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
.XMButton {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 3px;
    color: #454545;
    text-decoration: none;
    border: 1px solid #c5c5c5;
    padding: 3px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(/lib/img/bg_coolbar.gif);
    background-repeat: repeat-x;
    background-position: top;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap
}
.XMButtonBlue {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 3px;
    color: #454545;
    text-decoration: none;
    border: 1px solid #c5c5c5;
    padding: 3px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(/lib/img/bg_xmbutton_blue.png);
    background-repeat: repeat-x;
    background-position: top;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap
}
.XMLinkGray {
    padding: 3px;
    border: 1px solid #dadada;
    background-color: #efefef;
    text-decoration: none;
    color: #333
}
.XMLinkGray:hover {
    padding: 3px;
    border: 1px solid #dadada;
    background-color: #63a0eb;
    text-decoration: none;
    color: #fff
}
.XMButtonDarkBlue {
    text-decoration: none;
    border: 1px solid #dadada;
    padding: 5px;
    font-size: 12px;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background-image: url(/lib/img/bg_xmbutton_darkblue.png);
    background-repeat: repeat-x;
    background-position: center;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap
}
.XMButtonOrange {
    color: #454545;
    border: 1px solid #dadada;
    padding: 3px;
    font-size: 14px;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background-image: url(/lib/img/bg_xmbutton_orange.png);
    background-repeat: repeat-x;
    background-position: top;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap
}
.XMButtonGreen {
    color: #454545;
    border: 1px solid #dadada;
    padding: 3px;
    font-size: 14px;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background-image: url(/lib/img/bg_xmbutton_green.png);
    background-repeat: repeat-x;
    background-position: top;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap
}
.XMButtonGray {
    color: #454545;
    border: 1px solid #dadada;
    padding: 3px;
    font-size: 14px;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    background-image: url(/lib/img/bg_xmbutton_gray.png);
    background-repeat: repeat-x;
    background-position: top;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap
}
.PageControlBar {
    background-image: url(/lib/img/bg_control_bar.gif);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFF;
    overflow: hidden;
    border: 1px solid #dadada;
    padding: 5px;
    padding-bottom: 0;
    padding-left: 0;
    margin: 0;
    margin-bottom: 2px
}
.PageControlBar a {
    text-decoration: none
}
.PageControlBarOrange {
    background-image: url(/lib/img/controlbar-bg.png);
    height: 53px;
    background-repeat: repeat-x;
    background-color: #797979;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    font-size: 11px
}
.PageControlBarOrange a {
    text-decoration: none;
    color: #fff;
    background: url(/lib/img/controlbar-div.png) no-repeat;
    background-position: right;
    padding: 0 20px 0 0
}
.PageControlBarOrange a:visited {
    text-decoration: none;
    color: #fff;
    background: url(/lib/img/controlbar-div.png) no-repeat;
    background-position: right;
    padding: 0 20px 0 0
}
.PageControlBarOrange a:hover {
    text-decoration: none;
    color: #fff;
    background: url(/lib/img/controlbar-div.png) no-repeat;
    background-position: right;
    padding: 0 20px 0 0
}
.BoxGray {
    width: 181px;
    background-image: url(/lib/img/pod/boxGrayMiddle.gif);
    background-repeat: repeat-y;
    margin: 0
}
.BoxGrayHeader {
    width: 181px;
    height: 28px;
    background-image: url(/lib/img/pod/boxGrayHeader.gif);
    background-repeat: no-repeat;
    padding: 8px 5px 0 10px;
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    overflow: hidden
}
.BoxGrayFooter {
    width: 181px;
    height: 10px;
    background-image: url(/lib/img/pod/boxGrayBottom.gif);
    background-repeat: no-repeat;
    margin: 0;
    float: bottom
}
.BoxGrayBody {
    padding: 5px 8px 5px 0
}
.BoxOrangeHeader {
    width: 181px;
    height: 28px;
    background-image: url(/lib/img/pod/boxOrangeHeader.gif);
    background-repeat: no-repeat;
    padding: 8px 5px 0 10px;
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    overflow: hidden
}
.BoxBlueHeader {
    width: 181px;
    height: 28px;
    background-image: url(/lib/img/pod/boxBlueHeader.gif);
    background-repeat: no-repeat;
    padding: 8px 5px 0 10px;
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    overflow: hidden
}
.BoxSeparator {
    background: url(/lib/img/pod/boxSeparator.gif) repeat-x;
    width: 100%;
    height: 2px;
    margin: 15px 0 5px 0
}
a.LeftMenu,
a.LeftMenu:visited {
    color: #003f7f;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none
}
a.LeftMenu:hover {
    color: #505050;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline
}
.LeftMenuBullet {
    padding: 0 5px 0 5px;
    vertical-align: top;
    width: 9px;
    height: 14px;
    background-image: url(/lib/img/pod/leftMenubullet.gif);
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 5px
}
.pod_portal_wrap {
    width: 245px
}
.pod_portal {
    width: 239px;
    margin: 0 auto;
    background: #dcd9ca url(/lib/img/pod/aside_barBg1.jpg) repeat-x left top;
    -moz-box-shadow: 0 1px 2px #959592;
    -webkit-box-shadow: 0 1px 2px #959592;
    box-shadow: 0 1px 2px #959592;
    behavior: url(PIE.htc)
}
.pod_portal h2 {
    height: 40px;
    padding: 0 0 0 12px;
    background: #505050;
    font-size: 18px;
    font-family: 'Arimo', sans-serif;
    line-height: 40px;
    color: #FFF
}
.pod_portal_menu {
    padding: 10px 20px;
    margin: 0 0 20px 0
}
.pod_portal_menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.pod_portal_menu ul li {
    width: 199px;
    height: 35px;
    line-height: 35px;
    background: url(/lib/img/pod/aside_barLI_bg.png) no-repeat center bottom;
    font-size: 14px;
    font-weight: 700;
    padding: 0!important;
    margin: 0!important
}
.pod_portal_menu td {
    background: url(/lib/img/pod/aside_barLI_bg.png) no-repeat center bottom!important
}
.pod_portal_menu ul li.get_height {
    height: 42px!important;
    line-height: 42px!important
}
li.get_height a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 165px
}
.pod_portal_menu ul li img {
    float: left;
    margin: 0 5px 0 0
}
.pod_portal_menu ul li a {
    color: #2d2d2d;
    display: block;
    float: left
}
.pod_portal_menu ul li span {
    float: right;
    width: 20px;
    height: 20px;
    border: 1px solid #bec0ba;
    background: #FFF;
    text-align: center;
    line-height: 20px;
    display: inline;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #e02c14;
    margin: 6px 0 0 0
}
.XMBubble {
    position: absolute;
    display: none;
    border: 1px solid #dadada;
    background-color: #333;
    margin: 10px;
    max-width: 500px;
    color: #fff;
    padding: 4px
}
span.diff-html-added {
    background-color: #9fe101
}
span.diff-html-removed {
    color: #c00000;
    text-decoration: line-through
}
.bubbleTip {
    position: relative;
    top: -10px;
    left: 2px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFF;
    background-color: #fd9b42;
    border: 1px solid #EEE;
    padding: 2px
}
.BubbleTooltip {
    width: 250px;
    height: auto;
    position: absolute;
    display: none;
    padding: 5px;
    border: 1px solid #999;
    background-color: #edf8e7
}
.SaveBtn {
    color: red;
    background-image: url(../../../img/icon_save.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 16px;
    height: 20px
}
.clRadioCheck {
    border: 1px solid #dadada
}
.clRadioCheckFocus {
    border: 1px solid #333
}
.coolBar,
.CoolBar,
#MainToolBar {
    display: block;
    padding-left: 3px;
    text-transform: capitalize;
    background-image: url(/lib/img/bg_control_bar.gif);
    background-repeat: repeat-x;
    font: menu;
    cursor: default;
    padding-top: 3px;
    padding-bottom: 0;
    border: 1px solid #dadada;
}
.filterBar {
    font-size: xx-small;
    padding-left: 3px;
    height: 19px;
    background-position: bottom;
    background-image: url(/lib/img/bg_filterbar.gif);
    background-repeat: repeat-x;
    border-right: 1px solid #808080;
    width: 100%
}
#XMDock,
.dock {
    width: 100%;
    height: 100%;
    overflow: auto
}
.XMDateTime {
    float: left;
    display: inline;
    border: 1px solid #dadada;
    width: auto;
    background-color: #fff
}
.XMDateTime div {
    display: inline;
    float: left;
    padding: 0
}
.XMDateTime input {
    font-size: 10px;
    border: 0
}
.CalendarDisplay {
    background-color: #FFF;
    overflow: hidden;
    width: 175px;
    border: 1px solid #999;
    padding: 0;
    margin: 0;
    display: none;
    position: absolute
}
.CalendarDisplay TABLE THEAD TD {
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    background-color: #ebedf1;
    border-bottom: 1px solid #b7babc
}
.CalendarDisplay TABLE {
    border-bottom: 1px solid #b7babc
}
.CalendarDisplay TABLE TBODY TD {
    text-align: center;
    width: 14%;
    cursor: pointer;
    font-size: 10px
}
.CalMouseOver {
    background-color: #808080;
    color: #FFF
}
.CalOffMonth {
    color: #808080
}
.CalSelectedDay {
    background-color: #808080;
    color: #FFF
}
.calNavBtn {
    border: 0;
    cursor: pointer
}
.TableReport {
    border: 1px solid #999;
    border-right: 0
}
.TableReport THEAD TD {
    background-color: #F90;
    text-transform: capitalize;
    font-weight: bold;
    color: #FFF;
    font-size: 12px
}
.TableReport TBODY TD {
    border-bottom: 1px dotted #999;
    border-right: 1px dotted #999
}
.photo-bg {
    background: url(/lib/img/photo-bg.png) no-repeat;
    width: 185px;
    height: 205px;
    margin: 0;
    text-align: center
}
.photo-title {
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #000
}
.XMMenuContainer {
    cursor: pointer;
    width: 200px;
    height: 200px;
    overflow: auto;
    display: none;
    position: absolute;
    padding-left: 1px;
    text-transform: capitalize;
    background: #eeece9;
    font: menu;
    border: 1px outset white;
    cursor: default;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 1px solid #808080;
    border-left: 1px solid #d4d0c8;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080
}
.XMFormRounded {
    padding-top: 0;
    margin-top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: auto
}
#XMHint {
    width: 250px;
    height: auto;
    overflow: visible;
    display: none;
    position: absolute;
    padding: 3px;
    background: #eeece9;
    font: menu;
    border: 1px solid #dadada;
    cursor: default
}
#XMFrameOverlay {
    position: absolute
}
.XMOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}
#dhtmltooltip {
    position: absolute;
    left: -300px;
    width: 250px;
    border: 1px solid #999;
    padding: 2px;
    visibility: hidden;
    z-index: 100;
    BACKGROUND: url(/lib/img/bubble_bg.gif) #fff8ab repeat-x 0 top
}
#dhtmlpointer {
    position: absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden
}
.spellErr {
    background-image: url(spell/redline.png);
    background-repeat: repeat-x;
    background-position: bottom;
    cursor: pointer;
    color: #808080
}
.spellLayer {
    position: absolute;
    background-color: #EEE;
    border: 1px solid #999;
    overflow: auto
}
.spMenu {
    background-color: Menu;
    margins: 0;
    padding: 1px;
    border: 2px outset;
    width: 150px;
    position: absolute
}
.spMenuItem {
    cursor: default;
    font: menu;
    color: MenuText;
    width: 100%;
    padding: 2px 2px 2px 2px
}
.spMenuOver {
    cursor: default;
    background-color: highlight;
    font: menu;
    width: 100%;
    padding: 2px 2px 2px 2px;
    color: highlighttext
}
.spMenuSeparator {
    font-size: 0;
    border: 1px inset;
    height: 2px;
    overflow: hidden;
    margin: 3px 1px 3px 1px
}
.commentsBox {
    border: 1px solid #dadada;
    margin-bottom: 3px;
    padding: 4px;
    BACKGROUND: url(/lib/img/comment/comment_grad.gif) #f3f3c1 repeat-x;
    background-position: top;
    display: block;
    clear: both;
    word-break: break-word
}
.commentsBoxBlue {
    border: 1px solid #d3dee6;
    margin-bottom: 3px;
    padding: 4px;
    BACKGROUND: url(/lib/img/comment/comment_grad_blue.gif) #ecf2f8 repeat-x;
    background-position: top;
    display: block;
    clear: both;
    word-break: break-word
}
.commentsBoxGreen {
    border: 1px solid #ebede0;
    margin-bottom: 3px;
    padding: 4px;
    BACKGROUND: url(/lib/img/comment/comment_grad_green.gif) #f9faee repeat-x;
    background-position: top;
    display: block;
    clear: both;
    word-break: break-word
}
.commentsBoxGray {
    border: 1px solid #dedede;
    margin-bottom: 3px;
    padding: 4px;
    BACKGROUND: url(/lib/img/comment/comment_grad_gray.gif) #f3f3f3 repeat-x;
    background-position: top;
    display: block;
    clear: both;
    word-break: break-word;
    font-size: 11px
}
.commentsBoxOrange {
    border: 1px solid #f3dcc1;
    margin-bottom: 3px;
    padding: 4px;
    BACKGROUND: url(/lib/img/comment/comment_grad_oj.gif) #fff7ee repeat-x;
    background-position: top;
    display: block;
    clear: both;
    word-break: break-word;
    font-size: 11px
}
.comments {
    width: 95%;
    padding: 5px
}
.comment {
    BORDER-RIGHT: #996 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #996 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND: url(/lib/img/comment/comment_grad.gif) #f3f3c1 repeat-x;
    PADDING-BOTTOM: 5px;
    MARGIN: 0;
    BORDER-LEFT: #996 1px solid;
    background-position: top;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #996 1px;
    FONT-FAMILY: Verdana;
    font-height: 17px
}
.comment P {
    PADDING-RIGHT: 0;
    PADDING-LEFT: 0;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 0;
    MARGIN: 0 0 4px;
    COLOR: #000;
    PADDING-TOP: 0
}
.comment-footer {
    BACKGROUND: url(/lib/img/comment/comment_footer.gif) no-repeat;
    height: 22px;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana;
    padding-left: 45px;
    vertical-align: top
}
.comment-footer A {
    color: #0066de
}
.commentorange {
    BORDER-RIGHT: #fce8b0 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #fce8b0 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND: url(/lib/img/comment/comment_grad_orange.gif) #fef9eb bottom;
    background-repeat: repeat-x;
    PADDING-BOTTOM: 5px;
    MARGIN: 0;
    BORDER-LEFT: #fce8b0 1px solid;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #fce8b0 1px;
    FONT-FAMILY: Verdana;
    font-height: 17px
}
.commentorange P {
    PADDING-RIGHT: 0;
    PADDING-LEFT: 0;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 0;
    MARGIN: 0 0 4px;
    COLOR: #000;
    PADDING-TOP: 0
}
.comment-footerorange {
    BACKGROUND: url(/lib/img/comment/comment_footer_orange.gif) no-repeat;
    height: 22px;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana;
    padding-left: 45px;
    vertical-align: top
}
.comment-footerorange A {
    color: #0066de
}
.comment_portal_wrap {
    border: 1px solid #d3d2cc;
    background: #fcfcfc;
    margin: 0 0 20px
}
.comment_portal_box {
    font-family: 'Arimo', sans-serif;
    padding: 13px 15px 0 10px
}
.comment_portal_icon {
    width: 24px;
    padding: 2px 0 0 0
}
.comment_portal_icon img {
    float: left
}
.comment_portal_text {
    font-size: 12px;
    line-height: 16px;
    color: #52524f;
    display: block;
    width: 97%;
    font-family: Arial
}
.comment_portal_text strong {
    font-weight: 700
}
.comment_portal_text p {
    padding: 15px 20px 20px 0
}
.comment_portal_author {
    height: 36px;
    font-family: 'Arimo', sans-serif;
    background: #f3f3f3;
    padding: 4px 4px 0 0;
    text-align: right
}
.comment_portal_author img {
    float: right;
    margin: 0 0 0 9px
}
.comment_portal_author span {
    display: block;
    font-size: 12px;
    color: #52524f;
    line-height: 16px;
    font-weight: 700
}
.comment_portal_author small {
    font-size: 11px;
    color: #52524f;
    display: block;
    line-height: 14px;
    font-weight: 400
}
.RLTable {
    table-layout: fixed;
    BACKGROUND: window;
    /*FONT: Icon;*/
    COLOR: windowtext;
    border: 1px solid #ddd;
    border-bottom: 0
}
.RLWrapper {
    z-index: 10;
    overflow: hidden;
    overflow-y: auto
}
.RLCell {
    float: left
}
.RLDivider {
    BORDER-RIGHT-COLOR: buttonhighlight;
    BORDER-LEFT: 1px solid buttonhighlight;
    border-right: 1px solid buttonshadow;
    float: right;
    display: inline-block;
    width: 1px;
    height: 15px;
    cursor: e-resize
}
.RLTitle {
    border: 1px solid #ddd;
    background-color: #efefef;
    background-repeat: repeat-x;
    background-position: center;
    padding: 3px;
    border-bottom: 0
}
.RLTitlePlain {
    font-size: 12px;
    font-weight: bold;
    font-family: inherit;
    display: block;
    background: #f0f;
    border: 1px solid #727272;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background: #a1a1a1;
    background: -moz-linear-gradient(top, #a1a1a1 0%, #868686 50%, #777777 51%, #6f6f6f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1a1a1), color-stop(50%, #868686), color-stop(51%, #777777), color-stop(100%, #6f6f6f));
    background: -webkit-linear-gradient(top, #a1a1a1 0%, #868686 50%, #777777 51%, #6f6f6f 100%);
    background: -o-linear-gradient(top, #a1a1a1 0%, #868686 50%, #777777 51%, #6f6f6f 100%);
    background: -ms-linear-gradient(top, #a1a1a1 0%, #868686 50%, #777777 51%, #6f6f6f 100%);
    background: linear-gradient(top, #a1a1a1 0%, #868686 50%, #777777 51%, #6f6f6f 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #f2f2f2;
    /*text-shadow:1px 1px 1px #000;*/
    
    padding: 6px 12px 6px 19px;
}
.RLTitlePlain td {
    color: #f2f2f2;
    font-size: 12px;
    font-family: inherit;
}
.RLTable THEAD {
    height: 22px
}
.RLTable TD {
    empty-cells: show;
    cursor: pointer;
    overflow: hidden;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    -moz-user-select: none
}
.RLTable THEAD TD {
    padding: 3px;
    background-color: #ebecee;
    background-image: url(/lib/tag/xm/inc/grid/bg_table_header.png);
    background-repeat: repeat-x;
    background-position: top;
    BORDER-RIGHT: threedshadow 1px solid;
    BORDER-LEFT: threedhighlight 1px solid;
    BORDER-BOTTOM: 1px solid #d5d5d5
}
.RLTableHead {
    position: relative;
    top: expression(this.offsetParent.scrollTop);
    z-index: 5
}
.draghandle.dragged {
    border-left: 1px solid #333
}
.draghandle {
    position: absolute;
    z-index: 5;
    width: 5px;
    cursor: e-resize
}
.RLTable TBODY TD {
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #ededed;
    background-color: #fff
}
.RLTable TFOOT TD {
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #ffffc1;
    border-bottom: 1px solid #999
}
.RLTable TBODY TD DIV {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.sort-arrow {
    display: none;
    BACKGROUND-POSITION: center center;
    MARGIN: 0 2px;
    WIDTH: 11px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 11px
}
.descending {
    display: inline;
    BACKGROUND-IMAGE: url(grid/downsimple.png)
}
.ascending {
    display: inline;
    BACKGROUND-IMAGE: url(grid/upsimple.png)
}
.RLFilter {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: buttonface;
    BORDER-RIGHT: buttonshadow 1px solid;
    BORDER-TOP: buttonhighlight 1px solid;
    BORDER-LEFT: buttonhighlight 1px solid;
    CURSOR: default;
    BORDER-BOTTOM: buttonshadow 1px solid
}
.RLInput {
    border: 1px solid #808080;
    font-size: 10px;
    width: 100px
}
.RLButton {
    border: 1px solid #808080;
    font-size: 10px
}
.RLSelect {
    border: 1px solid #808080;
    font-size: 10px
}
.selected {
    background-color: #fff8dc
}
.RLResize {
    width: 1px;
    border: 0;
    left: -5px;
    left: expression(this.offsetParent.offsetLeft-5);
    position: relative;
    cursor: e-resize
}
.RLResizeBar {
    position: absolute
}
.ui-spinner {
    position: relative
}
.ui-spinner-buttons {
    position: absolute
}
.ui-spinner-button {
    overflow: hidden
}
.tip-twitter {
    opacity: .8;
    z-index: 1000;
    text-align: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    max-width: 200px;
    color: #fff;
    background-color: #000;
    padding: 8px
}
.tip-twitter .tip-inner {
    font: bold 11px/14px 'Lucida Grande', sans-serif
}
.tip-twitter .tip-arrow-top {
    margin-top: -5px;
    margin-left: -5px;
    top: 0;
    left: 50%;
    width: 9px;
    height: 5px;
    background: url(tip-twitter_arrows.gif) no-repeat
}
.tip-twitter .tip-arrow-right {
    margin-top: -4px;
    margin-left: 0;
    top: 50%;
    left: 100%;
    width: 5px;
    height: 9px;
    background: url(tip-twitter_arrows.gif) no-repeat -9px 0
}
.tip-twitter .tip-arrow-bottom {
    margin-top: 0;
    margin-left: -5px;
    top: 100%;
    left: 50%;
    width: 9px;
    height: 5px;
    background: url(tip-twitter_arrows.gif) no-repeat -18px 0
}
.tip-twitter .tip-arrow-left {
    margin-top: -4px;
    margin-left: -5px;
    top: 50%;
    left: 0;
    width: 5px;
    height: 9px;
    background: url(tip-twitter_arrows.gif) no-repeat -27px 0
}
.ajaxtooltip {
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    z-index: 1;
}
.sortList li {
    list-style: none;
    margin: 0 0 4px 0;
    padding: 5px;
    cursor: move;
    background-color: #eee;
    border: #ddd solid 1px
}
.xm-dotted {
    border-top: 1px dotted #4b4b4b;
    line-height: 8px
}
@media print {
    .noPrint {
        display: none;
    }
    .floatThead-container {
        display: none !important;
    }
}
@media only screen and (max-width: 479px) {
    table.rwd {
        border: 0;
        padding-bottom: 0;
        display: block;
        width: 100%;
    }
    table.rwd .mobileHidden {
        display: none;
    }
    table.rwd > tbody > tr > td:first-child,
    .TableGrid tbody tr td:first-child {
        color: #4f81a2;
        font-weight: bold !important;
    }
    table.rwd > tbody > tr {
        border-bottom: 5px double #dadada;
        margin-bottom: 4px;
    }
    table.rwd > thead {
        display: none;
        visibility: hidden;
    }
    table.rwd > tbody,
    table.rwd > tr,
    table.rwd > thead > tr > th,
    table.rwd > thead > tr > td,
    table.rwd > tbody > tr,
    table.rwd > thead > tr > th,
    table.rwd > tbody > tr > td {
        border: 0;
        display: block;
        text-align: left !important;
        width: auto !important;
        white-space: normal;
    }
    table.rwd > tbody > tr > td {
        border-bottom: 1px solid #efefef;
    }
    table.rwd > tbody > tr > td:last-child {
        border-bottom: none;
    }
    table.rwd > tbody > tr:not([style*="display: none"]):not([style*="display:none"]) {
        display: inherit !important;
        clear: both;
        height: auto !important;
        /*border-top:1px solid #dadada;*/
    }
    /*table.rwd tr:nth-child(even) td {background-color:#f9f9f9;}*/
    
    table.rwd td.XMFormRow {
        width: auto !important;
        margin: 0;
    }
    table.rwd td.XMFormRow table table {
        width: 100% !important;
    }
    table.rwd td.XMFormRow td {
        border-bottom: none;
    }
    table.rwd > thead > tr > th[data-title]:before,
    table.rwd > tr > td td[data-title]:before,
    table.rwd > tr > td[data-title]:before,
    table.rwd > tbody > tr > td[data-title]:before {
        content: attr(data-title) ":\00A0";
        font-weight: bold;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    table.rwd > th:not([data-title]),
    table.rwd > thead > th:not([data-title]) {
        font-weight: bold;
    }
    table.rwd > tbody > tr > td:empty,
    table.rwd > tr > td:empty {
        display: none;
    }
    table.rwd > tr > td.nonMobile,
    table.rwd > tbody > tr > td.nonMobile {
        display: none !important;
    }
    table.TableGrid td table td {
        display: table-cell;
    }
    table.rwd .rwdPositionRelative {
        position: inherit !important;
    }
    .mobileBlock {
        display: block !important;
        float: none !important;
        clear: both;
    }

    .XMLabel {width:100%;}
}
@media only screen and (max-width: 950px) {
    table.rwdmulti {
        border: 0;
        padding-bottom: 0;
        display: block;
        width: 100%;
    }
    table.rwdmulti .mobileHidden {
        display: none;
    }
    table.rwdmulti > tbody > tr > td:first-child,
    .TableGrid tbody tr td:first-child {
        color: #4f81a2;
        font-weight: bold !important;
    }
    table.rwdmulti > tbody > tr {
        border-bottom: 5px double #dadada;
        margin-bottom: 4px;
    }
    table.rwdmulti > thead {
        display: none;
        visibility: hidden;
    }
    table.rwdmulti > tbody,
    table.rwdmulti > tr,
    table.rwdmulti > thead > tr > th,
    table.rwdmulti > thead > tr > td,
    table.rwdmulti > tbody > tr,
    table.rwdmulti > thead > tr > th,
    table.rwdmulti > tbody > tr > td {
        border: 0;
        display: block;
        text-align: left !important;
        width: auto !important;
        white-space: normal;
    }
    table.rwdmulti > tbody > tr > td {
        border-bottom: 1px solid #efefef;
    }
    table.rwdmulti > tbody > tr > td:last-child {
        border-bottom: none;
    }
    table.rwdmulti > tbody > tr:not([style*="display: none"]):not([style*="display:none"]) {
        display: inherit !important;
        clear: both;
        height: auto !important;
        /*border-top:1px solid #dadada;*/
    }
    /*table.rwdmulti tr:nth-child(even) td {background-color:#f9f9f9;}*/
    
    table.rwdmulti td.XMFormRow {
        width: auto !important;
        margin: 0;
    }
    table.rwdmulti td.XMFormRow table table {
        width: 100% !important;
    }
    table.rwdmulti td.XMFormRow td {
        border-bottom: none;
    }
    table.rwdmulti > thead > tr > th[data-title]:before,
    table.rwdmulti > tr > td td[data-title]:before,
    table.rwdmulti > tr > td[data-title]:before,
    table.rwdmulti > tbody > tr > td[data-title]:before {
        content: attr(data-title) ":\00A0";
        font-weight: bold;
        float: left;
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    table.rwdmulti > th:not([data-title]),
    table.rwdmulti > thead > th:not([data-title]) {
        font-weight: bold;
    }
    table.rwdmulti > tbody > tr > td:empty,
    table.rwdmulti > tr > td:empty {
        display: none;
    }
    table.rwdmulti > tr > td.nonMobile,
    table.rwdmulti > tbody > tr > td.nonMobile {
        display: none !important;
    }
    table.TableGrid td table td {
        display: table-cell;
    }
    table.rwdmulti .rwdmultiPositionRelative {
        position: inherit !important;
    }
}
body.modal-open {
    overflow: hidden;
}
.xm-modal-close {
    display: inline-block;
    text-indent: -9999px;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 23px;
    height: 23px;
    background: transparent url(/lib/img/icon/close.png) no-repeat;
    cursor: pointer;
    z-index: 9999;
    margin-bottom: 10px;
}
.modal-header h3 {
    margin-bottom: 0;
    margin-top: 0;
}
.xm-attachment-box {
    padding: 3px;
    border: 1px solid #dadada;
    margin: 0px;
    border-radius: 3px;
    background-color: #eff2f7;
    color: #454545;
}
/*
.table tr:hover td {
    background-color: transparent;
}
*/
table.stHeader thead th, table.stHeader thead td {
    position: sticky;
    top: 60px;
    background:white;
}
.numCell {background:#C0C0C0;color:#808080}

.xm-fixed-footer {
    position: fixed;
    bottom: 0;
    margin: 0;
    background: #efefef;
    z-index: 1;
    width: 100%;
    margin-left: -5px;
    border-top: 2px solid #dadada;
}

.XMFieldWrapper {
    position: relative;
}
.xm-error-hint {
    position: absolute;
    min-width: 250px;
    text-align: left;
    margin-bottom: 7px;
    top: -27px;
    z-index: 6;
}
.xm-error-hint span {
    font-weight: normal;
    white-space: normal;
}
.xm-error-hint:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25px;
    border-top: 7px solid blue;
    border-top-color: #d9534f;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.xm-field-error input,
.xm-field-error select,
.xm-field-error textarea,
.xm-field-error .select2-container,
input:invalid {
    border: 1px solid #d9534f !important;
    background:#fff0f4 !important;
    color:#c51244 !important;
}
.xm-none {
    display: none;
}
/*Disable editing for form fields without using disabled*/

.xm-disable-edit {
    cursor: not-allowed;
    -moz-user-focus: none;
    opacity: 0.7;
    position: relative;
}
.xm-disable-edit * {
    pointer-events: none;
    touch-action: none;
    cursor: not-allowed;
    -ms-user-select: none; 
    user-select: none; 
    z-index:1;
}
.xm-disable-edit-overlay {
    position: absolute;
    z-index:1001;
    background-color: white; 
    opacity:.00; 
    filter: alpha(opacity=00); 
    top:0;
    left:0;
    height:100%;
    width:100%;
}

.xm-disable-edit option, .xm-disable-edit optgroup {
    display: none;
}
.xm-disable-edit .select2-selection {
    box-shadow: none;
}
.xm-disable-edit .select2-selection__arrow,
.xm-disable-edit .select2-results,
.xm-disable-edit .select2-selection__clear {
    display: none;
}
/*bootstrap 2 "fixes"*/
/*XM-2 objects*/

.sign-holder {
    width: 480px;
    max-width: 100%;
    margin: 0 auto;
}

/*class to replace xm-box-alt in pod.css*/
.content-padding{
    padding: 9px 14px 13px;  margin: 0 0 20px;
}

/*messageboard*/
#xm1-messageboard {
    height:1%;
    overflow:hidden;
    padding:0 0 28px;
}

#xm1-messageboard .xm1-box{
    border:1px solid #ddd;
    background:#fff;
    position:relative;
    margin:0 0 22px;
}
#xm1-messageboard .threccoluns .xm1-box{width:278px;}
#xm1-messageboard .xm1-box:before,
#xm1-messageboard .xm1-box:after,
.xm1-add-nav .drop:after,
.xm1-add-nav .drop:before{
    content:"";
    clear:both;
    position:absolute;
    z-index:-2;
    bottom:17px;
    left:10px;
    width:50%;
    height:20%;
    max-height:20px;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.8);
    box-shadow:0 15px 10px rgba(0, 0, 0, 0.8);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    transform:rotate(-3deg);
}
#xm1-messageboard .xm1-box:after,
.xm1-add-nav .drop:after{
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg);
}
#xm1-messageboard .xm1-box .xm1-box-holder{
    background:#f7f7f7;
    margin:-1px 0 0;
    padding:8px 13px 5px 13px;
    position:relative;
}

#xm1-messageboard .xm1-box{margin:0 0 16px;}
#xm1-messageboard .xm1-box input[type=submit]{
    float:right;
    width:70px;
    border:0;
    height:17px;
    font:11px/17px Verdana, Geneva, sans-serif;
    color:#565555;
    text-align:center;
    background:none;
    margin:0 0 0 19px;
    padding:0 0 2px;
}
#xm1-messageboard .xm1-box input[type=submit]:hover{cursor:pointer; text-decoration:underline;}
#xm1-messageboard .xm1-box input[type=submit].btn-update{
    float:right;
    width:63px;
    border:0;
    height:17px;
    font:10px/17px Verdana, Geneva, sans-serif;
    text-transform:uppercase;
    color:#565555;
    text-align:left;
    padding:0 0 1px;
    margin:0 10px 0 0;
    background:url(../images/sprite.png) no-repeat 100% -3px;
}
#xm1-messageboard .xm1-box .btn-update:hover{cursor:pointer;}
#xm1-messageboard .xm1-box .xm1-box-holder{
    margin:-1px 0 1px;
    padding:6px 9px 18px;
    border-top:1px solid #ddd;
    height:1%;
}
#xm1-messageboard .xm1-box .xm1-box-holder:after{
    display:block;
    clear:both;
    content:'';
}
#xm1-messageboard .xm1-box{margin:0 0 16px;}
#xm1-messageboard .xm1-box input[type=submit]{
    float:right;
    width:70px;
    border:0;
    height:17px;
    font:11px/17px Verdana, Geneva, sans-serif;
    color:#565555;
    text-align:center;
    background:none;
    margin:0 0 0 19px;
    padding:0 0 2px;
}
#xm1-messageboard .xm1-box input[type=submit]:hover{cursor:pointer; text-decoration:underline;}
#xm1-messageboard .xm1-box input[type=submit].btn-update{
    float:right;
    width:63px;
    border:0;
    height:17px;
    font:10px/17px Verdana, Geneva, sans-serif;
    text-transform:uppercase;
    color:#565555;
    text-align:left;
    padding:0 0 1px;
    margin:0 10px 0 0;
    background:url(../images/xm1-sprite.png) no-repeat 100% -3px;
}
#xm1-messageboard .xm1-box .btn-update:hover{cursor:pointer;}
#xm1-messageboard .xm1-box .xm1-visual{
    float:left;
}
#xm1-messageboard .xm1-box .xm1-visual a{
    display:block;
    cursor:pointer;
}
#xm1-messageboard .xm1-box .xm1-comment-block{
    height:1%;
    overflow:hidden;
    position:relative;
    padding:19px 0 20px 10px;
    line-height:21px;
}
#xm1-messageboard .xm1-box .xm1-comment-block .xm1-inner-holder{
    background:#fff;
    border:1px solid #cdcdcd;
    padding:13px 21px 5px 15px;
    border-radius: 2px;
    -moz-border-radius:  2px;
    -webkit-border-radius: 2px;
}
#xm1-messageboard .xm1-box .xm1-comment-block .xm1-pointer{
    position:absolute;
    top:30px;
    left:0;
    width:11px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../images/xm1-pointer-02.gif) no-repeat;
    height:11px;
}
#xm1-messageboard .xm1-box .xm1-comment-heading{
    overflow:hidden;
    line-height:18px;
    padding:0 0 18px;
}
#xm1-messageboard .xm1-box .xm1-comment-heading .xm1-date{
    float:right;
    color:#828485;
    font-size:11px;
}
#xm1-messageboard .xm1-box .xm1-comment-heading .xm1-name{
    float:left;
    font-weight:normal;
    color:#bfbcbc;
    padding:0 5px 0 0;
}
#xm1-messageboard .xm1-box .xm1-comment-heading .xm1-name a{color:#009dab;}
#xm1-messageboard .xm1-box .xm1-comment-block p{margin:0 0 17px;}
#xm1-messageboard .xm1-box .xm1-comment-block input[type=text]{
    background:#fff;
    border:1px solid #cdcdcd;
    padding:4px 8px;
    font:11px/15px Arial, Helvetica, sans-serif;
    color:#7a7a7a;
    display:block;
    height:23px;
    margin:0 0 1px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
#xm1-messageboard .xm1-comment-form{
    position:relative;
}
#xm1-messageboard .xm1-box form .xm1-row a{
    float:right;
    color:#575757;
    line-height:17px;
    font-size:11px;
}
#xm1-messageboard .xm1-decor{
    text-indent:-9999px;
    overflow:hidden;
    position:absolute;
    bottom:-4px;
    left:50%;
    width:84px;
    height:8px;
    z-index:1;
    margin:0 0 0 -42px;
    background:url(../images/xm1-bg-decor.gif) no-repeat;
}
#xm1-messageboard .xm1-box .a-right .xm1-visual{
    float:right;
    margin:20px 0 0 14px;
}
#xm1-messageboard .xm1-box .a-right .xm1-comment-block{padding:19px 10px 20px 0;}
#xm1-messageboard .xm1-box .a-right .xm1-comment-block .xm1-pointer{
    left:auto;
    right:0;
    background:url(../images/xm1-pointer-01.gif) no-repeat;
}
#xm1-messageboard .xm1-box .xm1-comment-holder{
    overflow:hidden;
    margin:0 0 -6px;
}
#xm1-messageboard .xm1-box .xm1-active-block .xm1-inner-holder{border-color:#8bb9ca;}
#xm1-messageboard .xm1-box .xm1-active-block .xm1-pointer{background:url(../images/xm1-pointer-03.gif) no-repeat;}
#xm1-messageboard .xm1-box .a-right .xm1-active-block .xm1-pointer{background:url(../images/xm1-pointer-04.gif) no-repeat;}

/* pod list */
.xm-pod-list, .xm-pod-data, .xm-pod-boxes{
    overflow:hidden;
    padding:0;
    margin:-5px -1px 18px;
    list-style:none;
    font-size:0.917em;
    line-height:1.364em;
    /*border-bottom:1px solid #eaeaea;*/
}
.xm-pod-list li, .xm-pod-data li{
    overflow:hidden;
    border-bottom:1px solid #eaeaea;
}
.xm-pod-data li, .xm-pod-boxes li{
    display:block;
    color:#999 !important;
   /* padding:4px 0px 4px 2px !important;*/
}
.xm-pod-boxes li{
    float: left;
    padding:5px 0;
}
.xm-pod-data .highlight {
    background-color:#f4f4f4;
}
.xm-pod-list a{
    display:block;
    color:#999;
    padding:9px 10px 11px 50px;
    position:relative;
    min-height:30px;
}
.xm-pod-list a:before{
    content:attr(data-icon);
    width:30px;
    height:30px;
    background:#8bc2a5;
    position:absolute;
    top:10px;
    left:10px;
    border-radius:15px;
    text-align:center;
    color:#fff;
    line-height:30px;
    font-size:10px;
    font-weight:600;
}
.xm-pod-list .single a {
    line-height:18px;
    min-height:0px;
    padding:0;
}
.xm-pod-list .link  a {
    line-height:22px;
    min-height:0px;
    padding:0;
    font-size: 12px;
}
.xm-pod-list .link span{
    color:#555;
    font-weight:600;
}
.xm-pod-list .xm-title, .xm-pod-data .xm-title {
    display:block;
    font-size:1.091em;
    line-height:1.25em;
    color:#555;
}
.xm-pod-list .xm-text, .xm-pod-data .xm-text {display:block;}
.xm-pod-data .xm-text {font-size: 11px;}
.xm-pod-list a:hover{
    text-decoration:none;
    background:#f4f4f4;
}
.xm-pod-list .noicon a, .xm-pod-boxes .noicon a{
    /*padding:2px 2px 0px 0;*/
    padding-left:0;
}
.xm-pod-list .plain a{
    padding:0px 2px 0px 0;
    line-height:30px;
    min-height:22px;
}
.xm-pod-list .noicon a:before, .xm-pod-list .plain a:before, .xm-pod-boxes .noicon a:before{
    content:normal !important;
}
.xm-pod-list .noborder {
    border-bottom:none;
}
.xm-pod-list .first, .xm-pod-list li:first-child {
    padding-top:9px;
}

/*Google Analytics Opt out modal box  styles*/
#ga_opt_out_data {  font: bold 17px/24px Helvetica, Arial, sans-serif; color: #327cce; } /*default header font*/
#ga_opt_out_data .inner_wrp { /*border*/
    padding: 15px;
    border: 2px solid #327cce;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;  
}
#ga_opt_out_data span { font-weight:normal; font-size: 14px; color: #327cce; padding: 0px 0 0px 0px;} /* Text box copy */
#ga_opt_out_data p { margin: 5px 0 8px 5px; font-size: 12px; line-height: 14px; color:  #000; } /*standard copy*/
#ga_opt_out_data .clr10 {clear:both;margin:0 0 10px 0;padding:0;}
#ga_opt_out_data .clr {clear:both;margin:0;padding:0;}

.ga_optout_column { float: left;  width: 50%;}

/* Clear floats after the columns */
.a_optout_row:after {
    content: "";
    display: table;
    clear: both;
}
.ga_save_button {background-color:#327cce; border: 1px solid #fff; color:#fff; padding: 13px 13px 13px 13px; font-size:14px;}

/*For _widget_album.cfm */
.popup-holder {
    position: relative;
    overflow: hidden;
    height: 0;
}

@media (min-height: 750px){
    .page-head {
        padding: 17px 31px 14px 22px;
    }
    .navbar_category {
        margin: 0 0 15px;
    }

    .navbar_category .btn-holder {
        height: 49px;
        padding: 12px 3px;
    }

    .navbar_category .slideset > ul > li a {
        padding:12px;
    }    

    .reports-block .frame_container ul li {
        padding: 9px 18px;
    }

    #main .head {
        padding: 24px 60px 13px 26px;
    }
        
}

@media print {
    .noPrint, #header, .page-head, .navbar_category, .frame_container {
        display: none !important;
    }
    a[href]:after {
        content: none !important;
    }
    body {background-color:white;padding:5px !important;}
    * { -webkit-print-color-adjust: exact; } 
}


/* XM CLASSES */

.input-group select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
    padding: .5em;
    padding-right: 1.5em;
    border-radius: 0;
}

.semiSecret {
    color: transparent;
    text-shadow: 0 0 7px rgba(95, 95, 95, 0.5);
}
.semiSecret:hover {
    color:unset;
    text-shadow:none;
}
/* FULLSCREEN MODE */
.fullScreenMode header#header, .fullScreenMode #footer, .fullScreenMode .page-head, .fullScreenMode .navbar_category , .fullScreenMode .controlBar, .fullScreenMode .moduleBar, .fullScreenMode #ControlBar {display: none;}
.fullScreenMode {padding:0;background:white;}
.fullScreenMode #main.fixed_layout {
    max-width: unset;
}
.fullScreenMode table thead th, .fullScreenMode table thead td {top: 0;}

/* END XM CLASSES */