body{ height:100%;margin:0;padding:0;}
header{ min-height:40px;font-family:'Century Gothic','Segoe UI_', 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight:normal;font-style:normal;position: relative; z-index: 13;}
body.leftMenuEnabled, body.rightMenuEnabled {overflow:hidden;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.clear {clear:both;}
.pull-left{float:left;}
.pull-right{float:right;}
.bgStatic {position: fixed;top: 0;bottom: 0; left: 0;right: 0;z-index: 0;}
.bgAbsolute {position: absolute;top: 0;bottom: 0; left: 0;right: 0;z-index: 0;}
.metro .hidden,.metro .dropdown-menu li.hidden, #formErrorBlock, .mobile{display:none;}
.desktop{display:block;}
.xicon{  font-family:'iconFont';}
.header-init{ height:40px;overflow:hidden;padding:5px 0px 0px 8px;} 
.b2e-logo #ajax-loading{ position:absolute;top:38px;left:31px;}
.metro h1{ font-size:3rem;line-height:3rem;}
.metro h1,.metro h2,.metro h3 {
    font-family: "Century Gothic",CenturyGothic,AppleGothic,'Segoe UI Light_','Segoe UI Light','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;
}
.metro .breadcrumbs {
    margin: 4px 110px 4px 52px;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 22px;
    display: block !important;
    visibility: visible !important;
}
.metro .breadcrumbs ul {
    overflow: auto;
    width: 100%;
}
.metro .breadcrumbs ul a {
    background: transparent;
    color: #f9f68d;
    font-size: 10px !important;
    padding: 0 3px 0 0 !important;
}
.metro .breadcrumbs ul a:before {
    display:none;
}
.metro .breadcrumbs ul a:after {
    content: "\e1b3";
    font-family:'iconFont';
    top: 2px;
    margin-top: 0;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    right: -6px;
    margin-right: 0;
}
.metro .breadcrumbs ul a:hover {
    background: transparent;
    color: #fff;
    cursor:pointer;
}
.metro .breadcrumbs ul li.active a {
    background: transparent;
    color: #fff;

}
.metro .breadcrumbs ul li.active a:hover {
    color: #fff;
    cursor:default;
}
.metro .breadcrumbs ul li.active a:before {
    border-color: transparent;
}
.metro .breadcrumbs ul li.active a:after {
    border-left: 0; display:none;
}
.metro .button{font-size:inherit;border-radius: 5px;}
.metro h2 {font-size: 1.9rem;}
iframe.reportFrame {width:100%;border:0px;}
.metro h1.alt, .metro h2.alt, .metro h3.alt, .metro h4.alt, .metro h5.alt { font-family: 'Century Gothic', 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: rgb(250, 104, 0);}
.bg-main-light{
    background: #8fd7eb;
    background-image: -webkit-radial-gradient(top, circle cover, #8fd7eb, #499abd 80%);
    background-image: -moz-radial-gradient(top, circle cover, #8fd7eb, #499abd 80%);
    background-image: -o-radial-gradient(top, circle cover, #8fd7eb, #499abd 80%);
    background-image: radial-gradient(top, circle cover, #8fd7eb, #499abd 80%);    
    /*
background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(30,87,153,0.8) 15%, rgba(30,87,153,1) 19%, rgba(30,87,153,1) 20%, rgba(41,137,216,1) 50%, rgba(30,87,153,1) 80%, rgba(30,87,153,1) 81%, rgba(30,87,153,0.8) 85%, rgba(30,87,153,0) 100%);
background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%);
background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,1) 19%,rgba(30,87,153,1) 20%,rgba(41,137,216,1) 50%,rgba(30,87,153,1) 80%,rgba(30,87,153,1) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#001e5799',GradientType=0 );
*/
}
.metro .grid .row {
    margin-top:0;
}
.blurred {
    -webkit-filter: url(#blur);
    filter: url(#blur);
    -webkit-filter: blur(5px);
    filter: blur(5px);
}
.bg-particles {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.bg-main-dark {background: #a03333; box-shadow: inset 0 0 30em 1em rgba(0,0,0,0.7);}
.metro .window .content h1 {margin-top: 0;}
.anim ,#mainMenuContainer li:after, .dropdown-toggle, .dropdown-toggle:after,.metro .button {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.anim-l {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
div.element.main-menu {width: 40px;height: 40px;background: #000 !important;text-align: center;}
a.dropdown-main-menu {position: relative;left: 0; top: 0; height: 45px;padding:0;}
.main-sidebar-logo {background: #073d7b; height: 58px; background-size: 42px 45px;padding: 8px 10px;position:relative; }
.main-sidebar-toolbar {background:transparent url(../images/hdractbg.png) no-repeat left top;position: absolute;right: 0;bottom: 0;height: 28px;width: 87px;text-align: right;}
.metro .sidebar .main-sidebar-toolbar a, .metro .sidebar .main-sidebar-toolbar a:active, .metro .sidebar .main-sidebar-toolbar a:focus {display: inline-block;vertical-align: middle;width: 24px;height: 22px;box-sizing: border-box;padding: 2px 0;text-align: center;margin: 3px;background-color:transparent !important;}
span.toolbar-separator {display: inline-block;vertical-align: middle;border-left: 1px solid #fff;height: 11px;}
.main-sidebar-logo .b2e-title {}
a.link-close-sidebar, a.link-expcol-sidebar {position: absolute;right: 5px;top: 5px;width: auto;height: auto;}
a.link-expcol-sidebar {right:32px;}
.dropdown-main-menu span.text-label { display: inline-block; vertical-align: middle; line-height: 1em;padding-top:2px;}
.dropdown-main-menu .main-menu-icon.ajax-loading {display: inline-block; vertical-align: middle;}
.expanded .dropdown-toggle:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);right: 18px !important}
#mainMenuContainer li.title:after {content:'\203A';color:#f8fb8e;position: absolute;right: 17px;top: 6px;font-size: 35px;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
#mainMenuContainer li.title.collapsed:after {right: 7px;top: 6px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.menuLayer {position: fixed; left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0); z-index: 15;display:none;}
.leftMenuEnabled .menuLayer, .rightMenuEnabled .menuLayer {
    display: block;
    background: rgba(0,0,0,0.5);
}
.ow-logo {
    background: url(../images/logo-core.png);
	background-size: contain;
    background-repeat: no-repeat;
	background-position:right;
}
.ow-logo.anim {
    background: url(../images/logo-core.png);
	background-size: contain;
    background-repeat: no-repeat;
	background-position:right;
}
.login-form .ow-logo, .login-formw .ow-logo {
    display: block;
    height: 57px;
}
.copyblock:before {
    content: '';
    display: block;
    width: 60px;
    /*border-top: 5px dotted rgba(0,0,0,0.3);*/
    margin: 10px auto;
    clear: both;
}
span.loaderOuter {display: inline-block;vertical-align: middle;}

button.medium, .button.medium{ padding-top:7px;padding-bottom:7px;height:30px;}
.metro .input-control.select{ height:30px;}
.metro .input-control.select select{ height:100%;}
.metro .sidebar.light li:hover a {
    background-color: #A6292A;
    color: #fff;
}
.metro .sidebar.light li:hover ul {background-color: #f7f6d9;}
.metro .sidebar.light li:hover ul a {background-color: #f7f6d9;color:#000;}
.metro .sidebar.light li:hover ul a:hover {background-color: #f1be51;}
.metro .sidebar a:focus {background-color: #f1be51 !important;}
.metro .sidebar.light li a,.metro .sidebar.light li {background-color: #fbfbfb;}
.metro .sidebar.light li ul {border:0;}
.metro .sidebar.light li ul li {margin:0;}
.metro .sidebar a.link-close-sidebar:focus, .metro .sidebar a.link-expcol-sidebar:focus {background-color: transparent !important;}

.metro .button.large, .metro button.large{ padding:11px 19px;font-size:2rem;border: 0px;}
.metro .toolbar .button.large, .metro .toolbar button.large{padding:8px 15px;font-size:1.4rem;margin-right:0px;margin-left:2px;}
.metro .toolbar .dropdown-menu.place-right{right: 0px;left: auto;top: 32px;}
div.home-toolbar{text-align:right;}
div.home-toolbar h2{float:left;margin:0px 0px 5px 0px;}
div.home-toolbar button{ margin-bottom:5px;}
.metro .sidebar.light li.title span{ font-family:'Century Gothic','Segoe UI Light_','Segoe UI Light','Segoe UI_', 'Segoe UI','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;}
.metro .sidebar>ul li.title{ padding:5px 20px 7px 20px;font-size: 1.3em;}
.metro .sidebar>ul li a.dropdown-toggle:after{ right:10px;bottom:7px;font-size:2rem;}
.metro .sidebar > ul li a {padding: 7px 20px;font-size:0.9em !important;}
.metro .sidebar > ul ul a {padding: 8px 32px 8px 40px !important;}

.metro .table th, .metro .table td, .fixedPosHeader th {padding: 6px;font-size: 12px;}
.metro .actioncolumn .button {padding: 1px 12px;}

.container*{ width:99% !important;} /* hack for IE */
.navigation-bar-content.container{padding:0px;}
.element.place-right.all-device,.element-divider.place-right.all-device{display:block !important;float:right !important;}
.element-divider.place-right.no-desktop{ display:none !important;}
.element.main-menu{float:left !important;display:inline-block !important;}
.metro .dropdown-toggle.no-arrow:after{ display:none !important;}
.main-sidebar.sidebar{ z-index:15;position:fixed;top:0;left:-305px;bottom:0;width:300px;border:0px !important;border-right: 1px solid #0f2b4c !important;}
.leftMenuEnabled .main-sidebar.sidebar{ left:40px;box-shadow: 0 0 30px #000;}
.main-sidebar-search{box-shadow: 2px 2px 5px rgba(0,0,0,0.6);position: absolute;z-index: 1;width: 100%;border-bottom: 1px solid #073d7b;}
.main-sidebar-search div, .main-sidebar-search input{border:0px !important;margin:0px !important;font-size: 12px;}
.main-menu-no-result{ color:#991212;padding:5px;display:none;}
.main-sidebar .main-menu-content{ overflow:auto;overflow-x:hidden;position:absolute;top:92px;left:0px;right:0px;bottom:0px;}
.menu-keywords{display:none !important;}
.main-container{padding:0px;margin:0px !important;width:100% !important;}
.page-tabs-outer {
    position: fixed;
    left: 40px;
    right: 80px;
    z-index: 14;
    top: 0;
    background: rgba(255,255,255,.6);
    height: 40px;
    overflow: hidden;
    display: none;
}
.page-tabs-outer li.tab-home-outer {
    display: none !important;
}
.withTabs .page-tabs-outer {
    display:block;
}
.tab-frames {
    margin-top: 0px;
}
.withTabs .tab-frames {
    margin-top: 30px;
}
.page-tabs {
    background: #143763;
    overflow: auto;
    box-shadow: inset 10px -7px 10px -11px rgba(0,0,0,0.6);
}

.page-tabs-title {
    color: #fff;
    text-align: right;
    padding: 10px 35px 10px 10px;
    background: #666;
    font-size: 14px;
}
a.link-close-tabsidebar.link-close-sidebar {
    color: #fff;
    font-size: 18px;
    display: block;
    width: auto;
    height: auto;
    top: 8px;
}
a.tab-label.tab-home:hover {
    background: #7eb8e6 !important;
}
.inactive .tab-label:hover {
    background: #011f40;
}
.page-tabs-outer .tabs-controls{ position:absolute;right:0px;display:none;z-index:3;top:0;}
.page-tabs-outer .tabs-controls a{display: inline-block;font-size: 27px !important;padding: 13px 0 12px;color: #fff;height: 40px;box-shadow: 0 -4px 10px -2px rgba(0,0,0,0.9); padding: 6px 0 5px;background-color: #1e5799 !important;}
.page-tabs-outer .tabs-controls::after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    right: 0;
    height: 1px;
    box-shadow: 0px -1px 10px 1px rgba(0,0,0,0.5);
}
.page-tabs-outer .page-tabs.scrollable{ margin-right:0; }
.page-tabs-outer .page-tabs ul.tabs{ margin:0px;padding:0px;white-space: nowrap;display: inline-block;}
.page-tabs-outer .page-tabs .tabs li{ display:inline-block;background:transparent;border-right:0;border-top:0;*display:inline;position:relative;vertical-align: top;    line-height: 23px;}
.page-tabs-outer .page-tabs .tabs li a.tab-label::before, .page-tabs-outer .page-tabs .tabs li a.tab-label::after, .page-tabs-outer .page-tabs .tabs li.inactive a.tab-label::before, .page-tabs-outer .page-tabs .tabs li.inactive a.tab-label::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 16px 10px;
    border-color: #0e2947 #0e2947 transparent transparent;
    top: 0;
    left: 1px;
}
.page-tabs-outer .page-tabs .tabs li a.tab-label::after, .page-tabs-outer .page-tabs .tabs li.inactive a.tab-label::after {
    content: '';
    border-color: transparent transparent #0e2947 #0e2947;
    left:auto;
    right: -20px;
}
.page-tabs-outer .page-tabs .tabs li a.tab-label:hover, .page-tabs-outer .page-tabs .tabs li.inactive a.tab-label:hover {
    background:#011f40;
}
.page-tabs-outer .page-tabs .tabs li a.tab-label:hover::before,.page-tabs-outer .page-tabs .tabs li.inactive a.tab-label:hover::before {
    border-color: #011f40 #011f40 transparent transparent;
}
.page-tabs-outer .page-tabs .tabs li a.tab-label:hover::after,.page-tabs-outer .page-tabs .tabs li.inactive a.tab-label:hover::after {
    border-color: transparent transparent #011f40 #011f40;
}
.page-tabs-outer .page-tabs .tabs li a{ display:block;padding:6px 27px 6px 10px;vertical-align:top;font-size:1.2rem;*display:inline;font-size: 10px;text-align:left; 
    overflow: hidden;
    text-overflow: ellipsis !important; color:#999 !important;
    white-space: nowrap;
    margin-left: 20px;
    background:#0e2947;
}
    .page-tabs-outer .page-tabs .tabs li.active a {
        color: #103969 !important;
        font-weight: normal;
        color: #fff !important;
        font-size: 16px;
        padding: 3px 0 6px 10px;
        margin: 0;
        opacity: 0;
    }
.page-tabs-outer .page-tabs .tabs li a.tab-close-link{font-size: 9px;
    color: #fff !important;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 0;
    padding: 2px 1px 1px 1px;
    background:transparent !important;
    width: 15px;
    height: 15px;
    text-align: center;
     }
    .page-tabs-outer .page-tabs .tabs li.active a.tab-close-link {
        background: #c30707;
    }
.page-tabs-outer .page-tabs .tabs li a.tab-close-link:hover{color: rgba(246, 177, 177, 0.8);}
.page-tabs-outer .page-tabs .tabs li a.tab-close-link{color: #d41616;}
.page-tabs-outer .page-tabs .tabs li a>span {/*display: none;*/}
.page-tabs-outer .page-tabs .tabs li a.tab-home>span {display: inline-block;font-size: 14px;}
.page-tabs-outer .page-tabs .tabs li.active{ background:transparent;position: relative;z-index:1; }
/*.page-tabs-outer .page-tabs .tabs li .tab-close-link{display:none;}*/
.page-tabs-outer .page-tabs .tabs li a.tab-label.tab-home {
    background: #6baee3;
    color: #fff !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border-color: #6baee3 !important;
    padding: 7px;
    position: relative;
    z-index: 5;
}
.page-tabs-outer .page-tabs .tabs li.tab-home-outer:after {display:none;}
.page-tabs-outer .page-tabs .tabs li.inactive a.tab-close-link {
    border-top: 0 !important;
    border-left: 0 !important;
}
.page-tabs.tab-list{ overflow:hidden;}
.page-tabs.tab-list .tabs{ white-space:normal;}
.page-tabs.tab-list .tabs li{ display:block;}
.tab-frames .tab-frame {position:relative;z-index:1;border-width: 0 0 0 0;border-style: solid;padding-top: 0px;z-index:1;}
.tab-frames .tab-frame, .tab-frames .tab-frame .sub-page{display:none;}
.tab-frames .tab-frame .sub-page.sub-page-default{ display:block;}

.tab-frames .tab-frame .sub-pages {
    padding: 30px 10px 10px;
}
div#_core_DEFPAGE_HOME {
    padding-top: 0px;
    background: url(../images/background/desk01.jpg) no-repeat center;
    background-size: cover;
}
input#txtMainMenuSearch {
    height: 34px;
}

.form-outer{ padding:0;}
.form-outer .toolbar{    
    margin-top: 0;
    position: fixed;
    right: 0;
    z-index: 2;
    top: 40px;
    color: #000;
    padding-left:0;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
}
    .form-outer .toolbar button span {
        color: #fff;
    }
#formHeader div.message-box {
    border: 1px solid #0c0;
    padding: 10px 20px;
    background: #efe;
    display: none;
    position: fixed;
    z-index: 6;
    right: 10px;
    top: 58px;
    border-width: 1px 1px 1px 3px;
}
#formHeader div.message-box ul{ margin:0px;}
#formHeader div.message-box li{ font-size:0.9em;}
#formHeader div.message-box.error{ border-left:3px solid #C00; background:#FEE;}
#formHeader h1, .form-header h1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 20px;
    padding: 5px 130px 0px 10px;
    line-height: 1em;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 3px 8px -5px #000;
    z-index: 1;
    white-space: nowrap;
}
#formHeader.form-header h1 {
    color: transparent !important;
    display: block;
    height: 30px;
    width: 40px;
    padding: 0px !important;
    background: #1e5799!important;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
    #formHeader h1, #formHeader h1 a, .metro #formHeader h1 a > i, .form-header h1, .form-header h1 a, .metro .form-header h1 a>i {
        color: #fff !important;
    }
#formHeader .toolbar > button {
    background: transparent !important;
    padding: 7px 5px;
    position: relative;
    margin-left: 0;
    margin-left: 0;
    font-size: 12px;
    text-align: center;
    width: 32px;
}
#formHeader .toolbar>button:hover {
    background: #3f7abf !important;
}
#formHeader .toolbar>button.btnRefresh {
    float: right;
    width: 40px;
    background: #fa864a !important;
}
#formHeader .toolbar>button.btnRefresh:hover {
    background: #f39869!important;
}
.user-notification-block {position: absolute;left: 0;right: 0;bottom: 0;top: 220px;background: #fbfbfb;}
.metro .sidebar.light li.title {background-color: #073d7b !important;}
.metro .sidebar.light li a:hover {
    background-color: #A6292A;
}
.metro .input-control.select select, .metro .input-control.textarea select, .metro .input-control.select textarea, .metro .input-control.textarea textarea {border: 1px #999 solid;border-radius:5px;}

/* Dialogs */
.errDetailDump{display:none;}
.dialogButtons{ text-align:right;margin-top:10px;padding-top:10px;padding-bottom:10px;border-top:1px solid #CCC;}
.window.shadow{ min-width:inherit !important;width:auto !important;}
.window-overlay .errMessage { min-height: 45px; }
.main-form-toolbar-bottom, .main-form-buttons{ border-top:1px solid #16499A;margin-top:20px;padding-top:10px;}
table.responsiveTable tr.edited {background: #ECFFE9;}

.metro .navigation-bar, .metro .navbar {background-color: #1E5799;}
button.btn-hdrProfile:hover, .element.main-menu:hover {background-color: #133861 !important;}

/* Login */
.login-outer{ text-align:center;}
.login-inner{ position:relative; width:405px; min-height:175px; text-align:left; display:inline-block;}
.login-inner .b2e-logo{ position:absolute;left:0px;bottom:0px;} 
.login-form .input-control.text{ margin-bottom:6px;}
.login-form .input-control.password{ margin-bottom:6px;}
.login-button{ text-align:left;}
.login-button button{border:1px solid transparent;background:transparent;padding:1px 0px;display:block;float:left;}
.login-button button:active{background:#073d7b !important;color:#fff !important;}
.login-button button span{ font-size:30px !important;}
.login-button .login-btn-title{ font-size:14px !important;vertical-align:middle;display:inline-block;*display:inline;margin-top:6px;}
.login-box h1{margin:0 0 5px -2px;color:#fff;}
.metro .login-box h2 {font-size: 1.6rem;}
.copyblock{ font-size:11px;color:#CCC;text-align:center;padding:0;}
.login-box div.message-box{ margin-bottom: 10px;color: #bb0b0b;background: #fad7d7;line-height: 2em;margin-left: -20px;margin-right: -20px;text-align: center;box-shadow: inset 0px 3px 5px -3px rgba(201, 2, 2, 0.8);}
.login-box div.message-box.error{ color: #FBC0C0;}
#loginBlock{ position:absolute;position:fixed;left:0px;right:0px;top:0px;bottom:0px;z-index:15;}
#loginBlock, #loginBlock .login-outer{ display:none;}
#loginBlock .login-inner{ -ms-box-shadow: 0 6px 25px -10px rgba(0,0,0,.9); -o-box-shadow: 0 6px 25px -10px rgba(0,0,0,.9); -moz-box-shadow: 0 6px 25px -10px rgba(0,0,0,.9); -webkit-box-shadow: 0 6px 25px -10px rgba(0,0,0,.9);box-shadow:0 6px 25px -10px rgba(0,0,0,.9); padding-bottom: 15px; background: rgba(0,0,0,0.8); width: auto;}
#loginBlock .login-form {background: none;box-shadow: none;}
.ow-logo {display: inline-block;vertical-align: top; margin-right: 0;margin-bottom: 20px;}
.login-form,.login-formw {width: auto !important; display: inline-block; text-align: left;background: rgba(0,0,0,0.4);padding: 20px;min-width: 300px;box-shadow: 0px 0px 10px rgba(255,255,255,0.3);-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.3);-moz-box-shadow: 0px 0px 10px rgba(255,255,255,0.3);}
.login-formw {width:auto;margin:0 -20px;}
button.btn-login {background: #dcae00;display: block;width: 50%; margin-top: 0;padding:8px !important;float:right;}
button.btn-login span {font-size: 14px !important;vertical-align: middle;margin-top: 0px !important;}
.login-form input {border: 0 !important;}
.login-box {position: relative;text-align: center;color: #fff;}
.copyblock a, .copyblock {color: #F8FB8E;}
.copyText {color:#6AC5E6;}
.login-button #ajax-loading {vertical-align: middle; width: 16px;height:16px;position: relative; margin: -5px 5px 0 0; display: none;float: none;}
.loaderNote {color: #fff; margin: 15px 0;display:none;}
.loaderState .ow-logo {background:transparent url(../images/ow-loader.gif) no-repeat center center;}
.loaderState .ow-logo img {visibility:hidden;}
.loaderState .login-form, .loaderState .copyblock {display:none;}
.loaderState .loaderNote {display:block;}
.loadingState .ajax-loading {background-image: url(../images/menu-loader.gif);}
.loadingState .ajax-loading img {visibility:hidden;}
.metro .input-control.text, .metro .input-control.password, .metro .input-control.file, .metro .input-control.email, .metro .input-control.tel {height: 30px;border-radius:5px;}
.searchResultList li {display:none !important;}
.searchResultList li.resultItem, .searchResultList li.resultItem > a[data-formid], .searchResultList li.resultItem > ul {display:block !important;}
.searchResultList .dropdown-menu {height:auto !important;}
.metro .input-control.text .btn-clear, .metro .input-control.password .btn-clear, .metro .input-control.file .btn-clear, .metro .input-control.email .btn-clear, .metro .input-control.tel .btn-clear, .metro .input-control.text .btn-reveal, .metro .input-control.password .btn-reveal, .metro .input-control.file .btn-reveal, .metro .input-control.email .btn-reveal, .metro .input-control.tel .btn-reveal, .metro .input-control.text .btn-date, .metro .input-control.password .btn-date, .metro .input-control.file .btn-date, .metro .input-control.email .btn-date, .metro .input-control.tel .btn-date, .metro .input-control.text .btn-file, .metro .input-control.password .btn-file, .metro .input-control.file .btn-file, .metro .input-control.email .btn-file, .metro .input-control.tel .btn-file, .metro .input-control.text .btn-search, .metro .input-control.password .btn-search, .metro .input-control.file .btn-search, .metro .input-control.email .btn-search, .metro .input-control.tel .btn-search {
    top: 3px;
    right: 3px;
}

.metro .input-control.text input, .metro .input-control.password input, .metro .input-control.file input, .metro .input-control.email input, .metro .input-control.tel input {border: 1px #999 solid;}


.profileImgBox{ border:5px solid #EEE;margin-bottom:5px;width:140px;height:140px;overflow:hidden;text-align: center;background: #333;}
.profileImgBox img.profileImg{ height:100%;width:auto;max-width:none;}
.dropzone-box.dropzone-outer{position:absolute;position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:13;background-color:#fff;background-color:rgba(255,255,255,0.9);}
.dropzone-box.dropzone-outer .dz-default.dz-message{display:none;}
.dropzone-box.dropzone-outer .dz-fallback{background:#fff;margin-left:-5px;padding-left:5px;min-height:160px;}
.dropzone-box.dropzone-outer div.dropzone-button{ padding:10px;text-align:right;}
.dropzone-box.dropzone-outer div.dropzone-button a{ color:#C00;font-size:3em !important;}
.dropzone-box.dropzone-outer div.dz-dropbox{border:3px dashed #EEE;background-color:#fff;position:absolute;margin:0px;top:65px;left:10px;right:10px;bottom:10px;}
.dropzone-box.dropzone-outer div.dz-dropbox form{position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:transparent;margin:0px;}
.dropzone-box.dropzone-outer div.dz-dropmessage span{ font-size:50px !important;}
.dropzone-box.dropzone-outer div.dz-dropmessage{-ms-filter:none;filter:none;position:absolute;top:20px;left:20px;}


.grid:not(.fluid) > .row > [class*="span"]:nth-child(even){ margin-left:0px !important;}
.grid:not(.fluid) > .row > [class*="span"]:nth-child(odd){ margin-right:20px !important;}
.metro .grid .row [class*="span"]{ float:left;min-height:1px;margin-left:0px; }
.metro .grid .row [class*="span"]{ float:left;min-height:1px;margin-right:20px;}

.filter-panel{ padding:10px 10px 0px 10px;border-left:5px solid #FF4000;background:#FFEFBF;position:relative;}
.filter-panel .input-control{ max-width:220px;vertical-align:top;}
.filter-panel.row .input-control{ max-width:100%;vertical-align:top;}
.wideScreen .filter-panel.row .input-control { width:100% !important;max-width:100% !important;}
.filter-panel .filter-link-collapse{position:absolute;border:1px solid #FF4000;color:#FF4000;right:0px;top:18px;font-size:20px;float:right;margin:0px 0px 10px;}
.filter-panel .filter-link-collapse:hover{border-color:#FFF;color:#FFF;}
.filter-panel .filter-spacer{clear:both;float:none;height:5px;}
.filter-panel .filter-buttons{clear:both;position:relative;padding-top:10px;}
.filter-panel button{margin-bottom:10px;vertical-align:top;}
.listContainer .tableButtons{ text-align:right;padding:10px 0px;}
.listContainer .tableButtons button{ margin:3px 0px 3px 10px ;}
.listContainer .actioncolumn .linkdetail, .listContainer .tableButtons button.btnDeleteData, .listContainer .tableButtons .btnItemRelated{ display:none;}
.listContainer .tablePaging .input-control.select{ display:inline-block;*display:inline;width:auto;height:auto;margin: 0px;}
.listContainer .tablePaging .button.medium{ height:auto;padding-top:7px;padding-bottom:6px;}
.listContainer .totalDataText{ float:left;padding-top:10px;padding-bottom: 10px;}
.listContainer .tblHeader.checks, .listContainer .tblData.checks{ width:1%;padding:0px 8px;text-align: left;}
.listContainer .tblHeader.checks .input-control.checkbox, .listContainer .tblData .input-control.checkbox{ margin-left:4px;margin-bottom:0px;}
.responsiveTable thead td, .responsiveTable thead th,.fixedPosHeader th{background:rgba(251, 251, 251,0.6);vertical-align:middle !important;} 
th .rowNumber, td .rowNumber{width:1%;text-align:right;}
.responsiveTable .dtlpriority4, .responsiveTable .dtlpriority3, .responsiveTable .dtlpriority2, .responsiveTable .dtlpriority1{display:none;}
.responsiveTable td.mainfield a.linkdetail{ border:1px solid #000 !important;padding:3px !important;margin-right:5px;border-radius:13px !important;-moz-border-radius:13px !important;-o-border-radius:13px !important;-webkit-border-radius:13px !important;}
.responsiveTable td.mainfield a.linkdetail{display:none;}
.responsiveTable th.detailView, .responsiveTable td.detailView{display:none !important;}
.responsiveTable td.mainfield.hasDetailView a.linkdetail{display:inline !important;}
.responsiveTable th.tblHeader.actioncolumn{width:10%;}
.responsiveTable .actioncolumn a.linkedit{white-space:nowrap;}
.responsiveTable .tblDetailView{ border-top:1px solid #DDD;margin-top:5px;display:none;}
.responsiveTable .tblDetailView .view{ display:block;}
.responsiveTable .detailview-label{ font-weight:bold !important;margin-top:5px;}
.responsiveTable .detailview-value{ padding-left:15px;color:#999;}
.responsiveTable .actionColumn a{cursor:pointer;}
.responsiveTable tbody a.linkdetail.visible{display:inline-block !important;*display:inline !important;}
.responsiveTable tbody div.visible{display:block !important;}


h2.subtitle{ border-bottom:1px solid #666;padding-bottom:10px;}
.metro .listview-outlook a.list.active{background:transparent !important;outline:0px;}
.metro .listview-outlook a.list.active:hover{ background-color:#E6F2FA !important;outline:0;}
.metro .listview-outlook a.list.active:active{ background-color:#CDE6F7 !important;color:#555 !important;}

.metro .input-control button.btn-lookup{ background-color:#F0F0F0;position:absolute;top:3px;z-index:2;border:0;right:3px;width:24px;height:24px;min-height:1px;min-width:1px;padding:0;margin:0;display:block;}
.metro .input-control button.btn-lookup:focus{ outline:1px #CCC dotted;}
.metro .input-control button.btn-lookup:after{ font-family:iconFont;font-size:11pt;content:"\e0b4";}

.input-control.input-start, .input-control.input-left{ max-width:49% !important;}
.input-control.input-end, .input-control.input-right{ max-width:49% !important;float:right;}
.input-range .range-label {width: 8%;display: inline-block;vertical-align: top;text-align: center;padding-top: 6px;}
.input-range .input-start,.input-range .input-end {width: 45% !important;display: inline-block;vertical-align: top;}


.metro label{ display:block;margin:5px 0 3px;}
.metro div.text-value{ display:block;margin:5px 0px 10px 15px;color:#13;}

.metro.resetpage .login-box{ width:300px;}
.metro.resetpage .login-inner{ min-height:320px;}
.metro.lostpwdpage .login-inner{ min-height:310px;}
.metro.lostpwdpage .login-box{ width:300px;}
.metro.useractpage .login-inner{ min-height:450px;}
.metro.useractpage .login-box{ width:450px;}
div.pwdadvisor-label{position:absolute;right:0px;font-size:0.7em;padding:1px 10px;background-color:#C00;top:-17px;height:17px;overflow:hidden;white-space:nowrap;color:#FFF;}

.metro .image-button span#userDisplayPic, .metro .image-button:active #userDisplayPic {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin-left: 0;
    z-index: 2;
    text-align: center;
    width: 40px;
    overflow: hidden;
    height: 40px;
    background-size: cover;
    border: 0px solid #fff;
    background-color: #fff;
    background-size: cover;
    background-position: center;
}
.metro header .element {
    max-width: 40px;
    max-height: 40px;
}
.metro .image-button span#userDisplayPic img, .metro .image-button:active span#userDisplayPic img{ display:block;position:relative;float:none;right:0;top:0;padding:0px;width:auto !important;height:100% !important;box-sizing:border-box;z-index:2;text-align:center;margin:0px;max-width:none;}
div.element.btn-hdrProfileOuter{padding:0px !important;}
div.element.btn-hdrProfileOuter .btn-hdrProfile{min-width:40px;min-height:16px;}
div.element.btn-hdrProfileOuter span#userDisplayName{padding-right:45px;display:none;}

.icon-list-outer{margin-top:20px;}
.icon-list-outer button.shortcut{ margin:2px;font-size:0.9em;}
.icon-list-outer button.shortcut i{ font-size:2em !important;}
.icon-list-outer button.shortcut:hover{ color:transparent !important;}
.icon-list-outer button.shortcut:hover i{ color:#2E92CF !important;font-size:4.5em !important;}
.tile-userdata a.link-unpin-tile, .tile-app-active .tile-bar a.link-close-form-tile {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    font-size: 14px;
    padding: 0 0 0 1px;
    color: #900;
    display: block;
    background: #fff;
    width: 22px;
    height: 21px;
    text-align: center;
}
    .tile-userdata a.link-unpin-tile:hover, .tile-app-active .tile-bar a.link-close-form-tile:hover {
        color: #fff;
        background: #900;
        outline:1px solid #fff;
    }
    .tile-userdata > .tile-bar, .tile-app-active > .tile-bar {
        position: absolute;
        left: 0;
        right: 0;
        top: -21px;
        height: 21px;
    }
    .tile-userdata:hover > .tile-bar, .tile-app-active:hover > .tile-bar {
        top: 0;
    }
.tile-userdata a.link-unpin-tile .icon-thumbstack {position: absolute;left: 9px;top: 8px;font-size: 13px;color: #fbfbfb;z-index: 2;}
.tile-userdata a.link-unpin-tile .icon-blocked {position: absolute;left: 6px;top: 4px;z-index: 2;}

.metro .input-control.select textarea, .metro .input-control.textarea textarea{min-height:102px;font-family:'Segoe UI_','Open Sans',Verdana,Arial,Helvetica,sans-serif;max-width:100%;}
.metro .input-control.text input, .metro .input-control.password input, .metro .input-control.file input, .metro .input-control.email input, .metro .input-control.tel input {
    border-radius: 5px;
}

.home-grid td{vertical-align:top;margin-right:20px;}
div.page-footer {font-size: .8em;color: #666;border-top: 1px solid #c0d4ec;text-align: right;margin: 20px 0 10px;padding: 10px;font-style: italic;position: absolute;left: 0;right: 0;}
div.page-footer.footer-outer{margin:0px 20px 10px;clear: both;}
.navigation-bar.fixed-top{position:fixed !important;box-shadow: 0 3px 8px -5px #000;}
.coreapp_homeNewsListTitle{clear:both;margin:30px 0px;}
.coreapp_homeNewsList{font-size:12px;clear:both;}
.coreapp_homeNewsList h2{font-size:18px;margin:5px 0px 10px;color:#FA6800;line-height:1.2em;cursor:pointer;}
.coreapp_btnInitLoad{display:none !important;}
.coreapp_homeNewsList .newsItem{margin-bottom:10px;}
.coreapp_homeNewsList div.news-author{color:#CCC;padding-top:3px;padding-bottom:5px;}
span.coreapp_userDisplayPic{float:right;display:block;width:50px;height:50px;overflow:hidden;text-align:center;margin:0px 0px 0px 10px;}
span.coreapp_userDisplayPic img{margin:0px;width:auto;height:100% !important;max-width:none;}
div.text-username{font-size:28px;margin:0px;line-height:1em;font-family:'Segoe UI Light_','Segoe UI Light','Segoe UI_', 'Segoe UI','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;}
div#coreapp_homeUserBlockWide{ min-height:60px;text-align:right;}
div#coreapp_homeUserBlockSmall{min-height:60px;margin-bottom:15px;display:none;text-align:right;}
td.home-grid-left{min-width:270px;}
div.tile.tile-date{background-image:url(../images/oneheart_tr.png);background-repeat:no-repeat;background-position: 6px 8px;}
div.tile.tile-date:hover{outline:#999 solid 0px;cursor:default;}
div.tile.tile-date .name{margin:5px 8px !important;}
div.home-date-day{font-size:30px;line073d7b-height:1em;}
div.home-date-mon, div.home-date-year{display:inline-block;*display:inline;padding-left:5px;}
div.tile.tile-newsfeed{display:none;}
div.homeNewsButtons{margin-top:20px;}
nav.user-sidebar {position: fixed; top: 0; bottom: 0;right: -300px;width: 300px !important;z-index: 15;left: auto;border: 0 !important; border-left: 0 !important;background: rgb(2,115,185);background: -moz-linear-gradient(top, rgba(2,115,185,1) 0%, rgba(3,46,114,1) 100%);background: -webkit-linear-gradient(top, rgba(2,115,185,1) 0%,rgba(3,46,114,1) 100%);background: linear-gradient(to bottom, rgba(2,115,185,1) 0%,rgba(3,46,114,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0273b9', endColorstr='#032e72',GradientType=0 );}
.rightMenuEnabled nav.user-sidebar {right:0;box-shadow:none; overflow:hidden;}
nav.user-sidebar.sidebar::before {
    content: '';
    display: block;
    width: 4px;
    background: #999;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    box-shadow: 0 1px 10px -1px #000;
    border-right: 1px solid #666;
}
.user-sidebar-block {text-align:center;}
nav.user-sidebar .user-profile-pic {text-align: center;margin-top: 25px;position: relative;width: 100px;height: 100px;display: inline-block;}
.user-profile-pic .round-pic {width: 100px;height: 100px;display: inline-block;border-radius: 50%;border: 5px solid #eee;background-size:cover;background-position: center;position:relative;z-index:2;}
.user-profile-meta {color: #ff0;}
div#profilePicImgLabel {padding: 5px 5px;position: absolute;right: -58px;top: 50%;margin-top: -12px;z-index: 1;text-align: center;width: 60px;}
div#userProfileName {font-size: 18px;font-family: 'Segoe UI Light_', 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif; white-space: nowrap; overflow: hidden;padding: 0 10px;text-overflow: ellipsis;color:#fff;}
.user-profile-links a {color: #ff9;display: inline-block;padding: 5px 8px;}
.user-profile-buttons {margin: 10px 0 0;position: absolute;bottom: 0;left: 0;right: 0;}
.user-profile-buttons > .button {float: left;display: block;width: 33%;height: 45px;font-size: 10px;text-transform: uppercase;}
.user-profile-buttons > a > i {display: block !important;font-size: 12px !important;margin: 3px 0;}
a.link-close-usersidebar {position: absolute;width: 20px;right: 5px;top: 5px;z-index:3;}

.flip-container{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;display:inline-block;*display:inline;width:120px;height:120px;margin:0 10px 10px 0;float:left;}
div.flip-container:hover .tile{outline:#999 solid 3px;}
.flip-container:hover .back, .flip-container.hover .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);}
.flip-container:hover .front, .flip-container.hover .front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
/*.flip-container, .front, .back{width:320px;height:427px;}*/
.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-ms-transition:0.6s;-moz-transition:0.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:relative;}
.front, .back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-moz-transition:0.6s;-moz-transform-style:preserve-3d;-o-transition:0.6s;-o-transform-style:preserve-3d;-ms-transition:0.6s;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:absolute;top:0;left:0;}
.front{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);z-index:2;}
.back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.vertical.flip-container{position:relative;}
.vertical .back{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg);}
.vertical.flip-container .flipper{	-webkit-transform-origin:100% 213.5px;-moz-transform-origin:100% 213.5px;-ms-transform-origin:100% 213.5px;transform-origin:100% 213.5px;}
.vertical.flip-container:hover .back, .vertical.flip-container.hover .back{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);	-o-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg);}
.vertical.flip-container:hover .front, .vertical.flip-container.hover .front{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);}

div.panel-info{padding:10px;background:#FCFCD5;padding-left:30px;position:relative;}
.panel-info i.icon-info {position: absolute;left: 9px;float: left;top: 13px;}
div.panel-info .panel-header{font-size:1.3em;}
div.panel-info .panel-content{padding-top:10px;}

iframe.upload_frame{width:100%;height:100%;border:0px;margin-left:-5px;padding-left:5px;}
.input-control.file-container {height: auto;min-height: 34px;}
.input-control.file-container .input-file-block {margin-bottom:5px;}
.input-control.file-container iframe {border: 0px;display: block;height: 35px;overflow: hidden;width: 100%;}
.input-control.file-container .file-info {border: 1px solid #CCC;padding: 7px;min-height: 38px;}
.input-control.file-container .file-info .file-loader { background:transparent url(../images/loading-bar.gif) repeat-x;height:5px;margin-top: 7px;}
div#fileinfo {border: 1px solid #CCC;padding: 7px;min-height: 38px;}
div#fileinfo input#Button2 {float: right;}
.multi-column .column {float:left;}
.multi-column .col-1 {width:25%;min-width:150px;border-right:3px solid #ccc;background: #FBFBFB;padding: 10px;}
.multi-column .col-2 {width:75%;min-width:300px;padding:0px 10px}

.metro .command-button small {display: block;font-size: 12px;color: inherit;}
.metro .command-button [class*="icon-"] {font-size: 30px;margin-top: 0px;float: left;margin-right: 8px;}
.metro .command-button {font-size: 16px;min-width: 170px;}

div#helpWindowOuter {position: fixed;left: 0px;right: 0px;top: 0px;bottom: 0px;background: #FFF;z-index: 7;}
div#helpWindowOuter .helpzone-button {padding: 0px;font-size: 25px;}
div#helpWindowOuter .helpzone-button a {float:right;padding: 10px 10px 10px 13px;background: #D00;color: #FFF;}
div#helpWindowOuter .helpzone-button a:hover {background: #F00;}
div#helpWindowOuter .helpzone-content {clear: both;position: absolute;top: 45px;left: 0px;right: 0px;bottom: 0px;}
div#helpWindowOuter .helpzone-content iframe {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;height: 100%;}
div#helpWindowOuter .helpzone-button {padding: 0px;font-size: 25px;background: #FBFBFB;height: 45px;border-bottom:1px solid #DDD;}
div#helpWindowOuter h2.helpzone-title {float: left;margin: 0px;padding: 8px;font-size: 20px;color: #666;}

i.leftHelp {float: right;font-size: 30px !important;color: #FFF;background: #1BA1E2;margin-left: 5px;padding: 10px 10px;width: 50px;
height: 50px;}
.scrollContent {overflow: auto;padding-right: 2px;position: relative;}
.scrollContent table {margin-bottom:0px !important;}
input[readonly] {background: #EFEFEF;}
.input-control.keyField.readonly button {display:none !important;}
.metro ul, .metro ol {font-size: 14px;}
span.field-value .errorList {margin: 0px;}
.metro .input-control.text input:disabled, .metro .input-control.password input:disabled, .metro .input-control.file input:disabled, .metro .input-control.email input:disabled, .metro .input-control.tel input:disabled {padding-right: 5px;background: #F0F0F0;}
.accordion-frame .heading h2 {margin: 0px;font-size: 1.8rem;}
.field-value {word-break: break-all;word-wrap: break-word;-ms-word-break: break-all;}

.fixedPosHeader{ border:1px solid #ddd; border-bottom:1px solid #999; position:absolute; top:0px; left:0px; z-index: 1;}
.fixedPosHeader th{ font-weight:normal; padding:7px; }
.scrollContentOuter {position:relative; margin-bottom:14px;}

.wfDiagramView {background:#fbfbfb; padding:10px 20px 15px;overflow:auto;}
.wfDiagramView h3 {margin:0px;font-weight:normal;margin-bottom:10px;}
.wfDiagramInner {display: inline-block;}
.wfDiagramView .icon-cog {display:none;}
.wfDiagramView .wfNodeItem, .wfDiagramView .wfNode.active .wfNodeItem {background: #F2F2F2;border: 1px solid #DBDBDB;color: #CCC;box-shadow:none;moz-box-shadow:none; webkit-box-shadow:none; o-box-shadow:none;white-space: normal;}
.wfDiagramView .wfNode.wfNodeTypeStart .wfNodeItem, .wfDiagramView .wfNode.wfNodeTypeEnd .wfNodeItem {background-color: #F2F2F2 !important;border: 1px solid #DBDBDB;color: #CCC !important;}
.wfDiagramView .wfNode.nodeActive .wfNodeItem {border: 1px solid #1BA1E2;background: #C0E6F8 !important;color:#0A0793 !important;}
.wfDiagramView .wfNode.nodeActive.nodeValid .wfNodeItem {background: #89FFAA !important;border: 1px solid #04A606;}
.wfDiagramView .wfNode.nodeActive.nodeInvalid .wfNodeItem {background: #FDCACA !important;border: 1px solid #C70F0F;}
.wfDiagramView .wfNode.wfNodeTypeStart.nodeActive .wfNodeItem {color: #0CC20C !important;background: #7CFF7C !important;border: 1px solid #00E700;}
.wfDiagramView .wfNode.wfNodeTypeEnd.nodeActive .wfNodeItem {background-color: #FFC2C2 !important;border: 1px solid #F00;color: #900 !important;}
.wfDiagramFooter {color: #CCC;margin-top: 10px;font-style: italic !important;font-size: 10px;text-align: right;}
.metro .accordion.with-marker .heading:before {top: 9px;}
.fileVersionNote {color: #666;font-style: italic !important;font-size: 11px;}
.metro h3 {color: #FA6800 !important;font-weight: normal;}
.metro h3.collapser {cursor:pointer;background: #F4F7FF;padding:8px;}
.metro i[class*="icon-"].circle {border: 1px solid;border-radius: 50%;}

.metro .button.primary:disabled, .metro .button.primary.disabled, .metro .button.warning:disabled, .metro .button.warning.disabled, .metro .button.success:disabled, .metro .button.success.disabled { background-color: #eaeaea !important; color: #bebebe !important; cursor: not-allowed !important;}
.metro .calendar .calendar-header td, .metro .calendar .calendar-header th { border: 0 !important; background: transparent; padding: 0; }
.metro .calendar td { border: 1px solid; border-color: #e6f5fc; padding: 0 !important;}
tr.filterRow .input-control input { border: 0px !important;padding-right: 35px !important;font-style: italic;color: #999;}
tr.filterRow th { padding: 0px !important; }
tr.filterRow .input-control button { color: #999;}
.metro tr.filterRow .calendar .calendar-header { background-color: #1ba1e2 !important; color: #ffffff; }
.metro tr.filterRow .calendar .calendar-header:hover { background-color: #4db6e9 !important; color: #ffffff; }
.toggleColumnFilters { float: left;display: inline-block; padding: 10px 10px;}
.field-note {font-style: italic !important;color: #ccc;font-size: 11px;margin-bottom: 5px !important;display: inline-block;}

.notif-item h2 {margin: 0;font-size: 16px;}
.notif-item {
    position: relative;
    margin: 0px 5px 0 0px;
    padding: 8px 25px 15px 45px;
    background: #ebebeb;
    cursor: pointer;
    box-shadow: 0 5px 8px -6px rgba(0,0,0,.7);
    z-index: 1;
}
.notif-item h2 {margin: 0;font-size: 16px;line-height: 18px;display: block;display: -webkit-box;max-height: 38px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.notif-note {color: #137920;display: block;display: -webkit-box;text-overflow: ellipsis;max-height: 32px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
i.notif-icon {color: #073d7b;font-size: 25px !important;position: absolute;left: 11px;top: 11px;}
i.notif-dismiss {position: absolute;right: 8px;top: 11px;cursor: pointer;}
.notif-leftbar {position: absolute;left: 0;top: 0;bottom: 0;width: 5px;}
.user-sidebar-block {height: 220px;overflow: hidden;position:relative;z-index: 2;box-shadow: 0px 4px 14px -7px rgba(0,0,0,0.7);}
div#appStageLabel {
    position: relative;
    padding: 2px 5px;
    font-size: 9px;
    line-height: 1em;
    float: none !important;
    text-align: center;
    margin: 0 2px 2px 2px!important;
    border-radius: 0 0 5px 5px;
    display: block !important;
}
.dataTables_customPaging {margin-top:20px;}
.dataTables_customPaging a, .dataTables_customPaging div.input-control {margin-right: 2px !important;}
.dataTables_wrapper table {margin-bottom:0 !important;}
.metro .dataTables_wrapper .dataTables_processing {padding:10px;}
.metro .dataTable thead .sorting:after {content: '';}
div#lcounterBlock {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 13;text-align: center;}
div#lcounterBlockInner { width:300px;display: inline-block;background: #a03333;padding: 25px;box-shadow: 0px 0px 9px 0px #000;-ms-box-shadow: 0px 0px 9px 0px #000;-o-box-shadow: 0px 0px 9px 0px #000;-moz-box-shadow: 0px 0px 9px 0px #000;-webkit-box-shadow: 0px 0px 9px 0px #000;}
div#lcounterInner {color: #fff;margin: 0 0 10px;}
div#lcounterBlockInner .loaderOuter img {width: 18px;}
div#lcounterInner span {font-weight: bold;font-size: 14px;}
.user-notification-block .note {text-align: right;color: #999;padding: 10px 5px;font-style: italic;z-index:1;}
.user-notification-block:before {content: 'Notification Center';display: block;color: #666;font-weight: bold;text-align: right;padding: 5px 5px;text-transform: uppercase;}

.login-form .loginbox,.login-form .copyblock {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.with-intro .login-form .loginbox, .with-intro .login-form .copyblock {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.with-intro .login-form {
    background: rgba(0,0,0,0);
    box-shadow: 0px 0px 10px rgba(255,255,255,0);-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0);-moz-box-shadow: 0px 0px 10px rgba(255,255,255,0);
}
.with-intro .login-form .ow-logo {
    height: 120px;
}
.with-intro .ow-logo.anim {
    background: transparent;
	background-size: contain;
    background-repeat: no-repeat;
	background-position:right;
}
.login-outer .button, .login-outer button, .login-button button, .login-button .button {
    border: 1px solid #fff !important;
}
div#successFormReset, div#lockAccountForm {
    background: rgba(255,255,255,0.9);
    padding: 15px;
}
.main-sidebar-search input {
    padding: 5px 35px 5px 15px !important;
}
i#btnForgotHelper:after, i#btnPassForgotHelper:after {
    content: '';
    border-width: 4px 7px 4px 4px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    position: absolute;
    left: -10px;
    top: 6px;
}

.metro [class*="icon-"], .metro [class*="icon-"]::before {
    min-width: 1.33em;
    display: inline-block;
    text-align: center;
}
.xuser-box {
    cursor: pointer;
    padding: 10px 0;
    border-bottom: 1px dotted rgba(255,255,255,0.4);
    font-size: 14px;
    position:relative;
}
    .xuser-box span, .xuser-box > i {
        vertical-align: middle !important;
    }
    .xuser-box > i {
        font-size: 35px !important;
        margin-right: 0 !important;
    }
button#btnLoginBack {
    width: 50%;
    float: left;
    padding: 2px 0 7px;
    background: #999 !important;
    margin-right:10px;
}
.noprofile button#btnLoginBack {
    display:none !important;
}
.noprofile button.btn-login {
    width: 100%;
}
.xuser-box a.xuser-close {
    position: absolute;
    color: #fdc2c2;
    right: 0;
    top: 20px;
}
.captchaBlock {
    position: relative;
}
.captchaBlock>img {
    margin-bottom:0 !important;
    height:50px;
    background:#000;
    border-radius: 5px 5px 0 0;
}
.captchaBlock>.input-control {
    border-radius: 0 0 5px 5px !important;
}
a.btnReloadCaptcha {
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0px;
    background: #fff;
    padding: 1px;
    border-radius: 0 5px;
}
.metro .login-form .fg-red {
    color: #fdada5 !important;
}
.login-button .button {
    min-width: 120px;
    padding: 7px !important;
    position: relative;
}
.login-button {
    position: relative;
}

.login-button::before {
    content: '';
    display: block;
    position: absolute;
    border-top: 1px solid #fff;
    left: 15%;
    right:15%;
    top: 55%;
    z-index: 0;
}


.nav-spinner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 15;
    height:5px;
    display:none;
}
.loadingState .nav-spinner {
    display:block;
}
.nav-spinner div {
    width: 3px;
    height: 3px;
    position: absolute;
    left: -20px;
    top: 0px;
    background-color: #fff;
    animation: nav-move 4s infinite cubic-bezier(.1,.5,.9,.1);
}

    .nav-spinner div:nth-child(2) {
        animation-delay: 100ms;
    }

    .nav-spinner div:nth-child(3) {
        animation-delay: 200ms;
    }

    .nav-spinner div:nth-child(4) {
        animation-delay: 300ms;
    }
a.tab-label.tab-home.tab-link-home {
    position: absolute;
    left: 5px;
    top: 0;
    width: 40px;
    text-align: center;
    height: 39px;
    box-sizing: border-box;
    padding-top: 9px;
    color: #fff;
    background: #2e92cf;
}


@keyframes nav-move {
    0% {
        left: 0%;
    }

    75% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}
.element.main-menu .dropdown-toggle {
    font-size: 20px !important;
    padding: 11px 7px;
    text-align: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
}
.element.main-menu .dropdown-toggle i {
    font-size: 20px !important;
}
span.element-divider {
    height: 40px;
}
.navigation-bar-content .element .sub {
    font-size: 10px;
    padding: 0 5px;
    position: absolute;
    right: 3px !important;
    left: auto !important;
    top: 3px !important;
    background-color: rgba(210, 47, 47, 0.6) !important;
    bottom: auto !important;
    z-index: 2;
}
.container.main-container {
    margin-top: 0 !important;
    padding-top:0;
    position: absolute;
    left: 0px;
    right: 0;
    top: 40px;
    bottom: 0;
    overflow: auto;
    width: auto !important;
}
.tab-frame div.form-header{
    position: fixed;
    top: 40px;
    z-index: 8;
    left: 40px;
    display: inline-block;
    right: 0;
    height: 0;
    background: #1E5799;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
    display:none;
}
.tab-frame.active div.form-header {
    height: 30px;
    display: block;
}
.tab-frame.active div.form-header h1 {
    background: transparent !important;
    box-shadow: none !important;
    text-overflow: initial !important;
    overflow: initial !important;
    padding: 7px 5px 5px 48px !important;
    width: fit-content;
    font-size: 17px !important;
    width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height:40px;
}
.tab-frame.active div.form-header h1>a {
    font-size: 16px;
    padding: 7px 0 0;
    display: block;
    border-right: 0;
    box-sizing: border-box;
    text-align: center;
    top: 0;
    z-index: 1;
    width: 40px;
}
.tab-frame.active div.form-header h1>a::after {
    content: '';
    position: absolute;
    right: 2px;
    border-right: 1px dotted rgba(255,255,255,0.3);
    height: 15px;
    top: 8px;
}
.form-header a.link-toolbar-home {
    position: fixed;
    top: 40px;
    left: 5px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    font-size: 12px !important;
    z-index: 2;
    color: #fff !important;
    background: transparent;
    padding: 7px 0;
    text-align: center;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
    /*box-shadow:0px -1px 12px -2px rgba(0,0,0,.8); */
    display: none;
}
    .form-header a.link-toolbar-home:hover, .tabs-controls>a:hover {
        color: #fbff00 !important;
    }

.trouble-signin-title li a span {
    color: #ddd;
    font-size: 0.8em;
    font-style: italic;
    display: block;
    line-height: 1em;
    margin-bottom: 5px;
}
.trouble-signin-title li a:hover {
    color: #ff0 !important;
}
.copy-links .link-copy:hover, .copy-links .link-copy:active, .copy-links .link-copy:focus {
    color: rgba(174, 228, 255, 0.9);
}
.page-_core_DEFPAGE_HOME .page-tabs {
    margin-left: 0;
}
nav.breadcrumbs > ul > li:first-child a, nav.breadcrumbs > ul > li:first-child a:hover {
    cursor: default !important;
    color: #ddd;
}
.sub-page.withFilters .filter-panel {
    position: fixed;
    left: 0;
    top: 70px;
    bottom: 0;
    width: 240px;
    border: 0;
    z-index: 1;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    border-radius: 0 0 5px 5px;
}
.sub-page.withFilters .filter-panel .filter-panel-content {
    display: block !important;
}
.sub-page.withFilters {
    padding-left: 240px;
}
h3.filter-panel-title {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 5px;
}
.metro .grid .row .filter-panel-content [class*="span"] {
    width: 100% !important;
}
.sub-page.withFilters .filter-panel .filter-buttons {
    clear: both;
    position: fixed;
    padding-top: 10px;
    bottom: 0;
    left: 10px;
    width: 220px;
}
.sub-page.withFilters .filter-panel .filter-link-collapse {
    display:none;
}
.sub-page.withFilters .filter-panel .calendar.calendar-dropdown * {
    font-size: 10px;
}
.sub-page.withFilters .filter-panel .calendar.calendar-dropdown {
    max-width: 220px !important;
}
.filter-panel-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 38px;
    bottom: 45px;
    overflow: auto;
    padding: 0 10px 10px;
    overflow: auto;
}
.filter-panel-buttons {
    bottom: 5px;
    position: absolute;
    left: 10px;
    right: 10px;
}
    .filter-panel-buttons .button {
        margin: 5px 0;
        height: 35px;
        display: block;
        width: 100%;
    }
.ow-logo-blocks {
    white-space: nowrap;
    text-align: center;
    margin-right: 12px;
}
    .ow-logo-blocks > div {
        display: inline-block !important;
        min-width: 110px;
        vertical-align: top;
        white-space: nowrap;
        position: relative;
    }
    .ow-logo-blocks .ow-logo {
        min-width: 135px;
        height: 60px;
    }
    .ow-logo-blocks .ow-logo-profile {
        margin-top: 0;
        padding: 0;
        text-align: center;
        display: block !important;
    }
    .ow-logo-blocks .ow-logo-image {
        display: inline-block;
        background-size: cover;
        background-position: center;
        position: relative;
        width: 80px;
        height: 80px;
        border: 3px solid #fff;
        border-radius: 50%;
    }
    .ow-logo-blocks .ow-logo-displayname {
        
        color: #fff;
        font-weight: bold !important;
        padding: 1px 10px 1px 6px;
        position: relative;
    }
    .ow-logo-blocks .ow-logo-username {
        background: #fb280d;
        padding: 0 10px 0 6px;
        display: none;
        font-size: 11px;
        position:relative;
    }
    
    
    .ow-login-fields {
        max-width: 250px;
        margin: auto;
    }
.wideScreen .filter-panel .filter-panel-content > .btnMainFilter, .wideScreen .filter-panel .filter-panel-content button.button[id*="Filter"] {
    /* position: fixed;
    bottom: 0;
    left: 10px;
    z-index: 1; */
    width: 220px;
    margin-top:5px;
}
.mainapparea {
    margin-left: -10px;
    margin-right: -10px;
    padding: 20px 12px;
    text-align: left;
    color: #fff;
    position: relative;
    box-shadow: 0 0 15px -3px rgba(0,0,0,0.7);
}
.metro .tile, .flip-container {
    width: 90px;
    height: 90px;
    margin: 0 5px 5px 0;
    box-shadow: none;
}
    .metro .tile:hover, div.flip-container:hover .tile {
        outline: #fff solid 1px;
    }
    .metro .tile .brand .name, .metro .tile .tile-status .name, .metro .tile .brand .label, .metro .tile .tile-status .label, .metro .tile .brand .text, .metro .tile .tile-status .text {
        font-size: 11px;
    }
    .metro .tile .tile-content.icon [class*="icon-"], .metro .tile .tile-content.icon img {
        font-size: 22px;
        left: 16px;
        top: 16px;
    }
    .metro .tile .brand, .metro .tile .brand .badge {
        bottom: auto;
        top: 0;
        font-size: 10px;
        min-height: 0px;
    }
        .metro .tile .brand .badge, .metro .tile .tile-status .badge {
            bottom: auto;
            top: 0 !important;
            height: auto;
            right: 5px;
            padding: 4px;
            width: auto;
        }

.app-searchbox {
    padding: 10px 0;
    max-width: 500px;
}
    .app-searchbox > .input-control > input  {
        border: 1px solid #fff !important;
    }
button.no-action:active {
    background: transparent !important;
    color: #222 !important;
    outline:none !important;
}

button.no-action {
    cursor: default !important;
    outline: none !important;
}
.bg-wave.bgAbsolute > canvas {
    width:100%;
    height:100%;
}
.app-greetings {
    font-size: 18px;
}
.page-_core_DEFPAGE_HOME .tab-frames {
    margin-top: 0px;
}
li.tab-home-outer {
    position: absolute !important;
    left: 0px;
    z-index: 3;
    box-shadow: -3px 0 15px -2px rgba(0,0,0,.7);
}
.tile.tile-app-active {
    background: rgba(0,0,0,0.6);
}
.metro .tile.bg-black {background-color: rgba(0,0,0,0.8) !important;}
.metro .tile.bg-white {background-color: rgba(255,255,255,0.8) !important;}
.metro .tile.bg-lime {background-color: rgba(164, 196, 0,0.8) !important}
.metro .tile.bg-green {background-color: rgba(96, 169, 23,0.8) !important}
.metro .tile.bg-emerald {background-color: rgba(0, 138, 0,0.8) !important}
.metro .tile.bg-teal {background-color: rgba(0, 171, 169,0.8) !important}
.metro .tile.bg-cyan {background-color: rgba(45, 125, 154,0.8) !important;}
.metro .tile.bg-cobalt {background-color: rgba(0, 80, 239,0.8) !important}
.metro .tile.bg-indigo {background-color: rgba(106, 0, 255,0.8) !important}
.metro .tile.bg-violet {background-color: rgba(170, 0, 255,0.8) !important}
.metro .tile.bg-pink {background-color: rgba(220, 79, 173,0.8) !important}
.metro .tile.bg-magenta {background-color: rgba(216, 0, 115,0.8) !important}
.metro .tile.bg-crimson {background-color: rgba(162, 0, 37,0.8) !important}
.metro .tile.bg-red {background-color: rgba(229, 20, 0,0.8) !important}
.metro .tile.bg-orange {background-color: rgba(250, 104, 0,0.8) !important}
.metro .tile.bg-amber {background-color: rgba(240, 163, 10,0.8) !important}
.metro .tile.bg-yellow {background-color: rgba(227, 200, 0,0.8) !important}
.metro .tile.bg-brown {background-color: rgba(130, 90, 44,0.8) !important}
.metro .tile.bg-olive {background-color: rgba(109, 135, 100,0.8) !important}
.metro .tile.bg-steel {background-color: rgba(100, 118, 135,0.8) !important}
.metro .tile.bg-mauve {background-color: rgba(118, 96, 138,0.8) !important}
.metro .tile.bg-taupe {background-color: rgba(135, 121, 78,0.8) !important}
.metro .tile.bg-gray {background-color: rgba(85, 85, 85,0.8) !important}
.metro .tile.bg-dark, .metro .tile.bg-grayDark {background-color: rgba(51, 51, 51,0.8) !important}
.metro .tile.bg-darker, .metro .tile.bg-grayDarker {background-color: rgba(34, 34, 34,0.8) !important}
.metro .tile.bg-darkBrown {background-color: rgba(99, 54, 47,0.8) !important}
.metro .tile.bg-darkCrimson {background-color: rgba(100, 0, 36,0.8) !important}
.metro .tile.bg-darkMagenta {background-color: rgba(129, 0, 60,0.8) !important}
.metro .tile.bg-darkIndigo {background-color: rgba(75, 0, 150,0.8) !important}
.metro .tile.bg-darkCyan {background-color: rgba(45, 125, 154,0.8) !important}
.metro .tile.bg-darkCobalt {background-color: rgba(0, 53, 106,0.8) !important}
.metro .tile.bg-darkTeal {background-color: rgba(0, 64, 80,0.8) !important}
.metro .tile.bg-darkEmerald {background-color: rgba(0, 62, 0,0.8) !important}
.metro .tile.bg-darkGreen {background-color: rgba(18, 128, 35,0.8) !important}
.metro .tile.bg-darkOrange {background-color: rgba(191, 90, 21,0.8) !important}
.metro .tile.bg-darkRed {background-color: rgba(154, 22, 22,0.8) !important}
.metro .tile.bg-darkPink {background-color: rgba(154, 22, 90,0.8) !important}
.metro .tile.bg-darkViolet {background-color: rgba(87, 22, 154,0.8) !important}
.metro .tile.bg-darkBlue {background-color: rgba(22, 73, 154,0.8) !important}
.metro .tile.bg-lightBlue {background-color: rgba(67, 144, 223,0.8) !important}
.metro .tile.bg-lightRed {background-color: rgba(255, 45, 25,0.8) !important}
.metro .tile.bg-lightGreen {background-color: rgba(122, 214, 29,0.8) !important}
.metro .tile.bg-lighterBlue {background-color: rgba(0, 204, 255,0.8) !important}
.metro .tile.bg-lightTeal {background-color: rgba(69, 255, 253,0.8) !important}
.metro .tile.bg-lightOlive {background-color: rgba(120, 170, 28,0.8) !important}
.metro .tile.bg-lightOrange {background-color: rgba(194, 144, 8,0.8) !important}
.metro .tile.bg-lightPink {background-color: rgba(244, 114, 208,0.8) !important}
.metro .tile.bg-grayLight {background-color: rgba(153, 153, 153,0.8) !important}
.metro .tile.bg-grayLighter {background-color: rgba(238, 238, 238,0.8) !important}
.metro .tile.bg-blue {background-color: rgba(108, 186, 214,0.8) !important}
.tile-icon.icon {
    font-size: 22px;
}
.home-grid-tabs a {
    color: #fff;
    margin: 5px 0;
    display: inline-block;
}
    .home-grid-tabs a:hover, .home-grid-tabs a:focus, .home-grid-tabs a:active {
        color:#ff0;
    }
    .home-grid-tabs a.active {
        text-transform: uppercase;
        font-weight: bold;
        color: #ff0;
        background: rgba(0,0,0,0.3);
        padding: 5px 10px;
    }
        .home-grid-tabs a.active > span {
            text-transform: none;
        }
.home-grid-tabs {
    position: relative;
    z-index: 1;
}
.metro .listview-outlook.grid-items .group-content .list {
    display: inline-block;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    margin: 0 5px 5px 0;
    background: rgba(0,0,0,0.5);
    border: 0 !important;
    color: #fff;
}
.metro .listview-outlook.grid-items .list .list-content {
    margin: 0;
    padding: 2px 5px;
    font-size: 11px;
    color: #fff;
    border-left: 0px;
}
.tile.tile-app-draft {
    background: rgba(45, 11, 128, 0.4);
}
.metro .listview-outlook.grid-items a.group-title {
    background: rgba(255,255,255,0.5) !important;
    margin: 5px 0 !important;
}
.btnDraft.state-load::before {
    content: '!';
    display: block;
    background: #d02020;
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 9px;
    width: 12px;
    height: 12px;
    line-height: 1.3em;
    border-radius: 50%;
}
.btnPin.state-unpin::before {
    content: '\e07e';
    font-family: 'iconFont';
    color: #ff0;
    position: absolute;
    right: 7px;
    top: 3px;
}
.container.page-_core_DEFPAGE_HOME a.link-toolbar-home {
    display: none;
}
div.box-display {
    max-width: 1024px;
    margin: 20px auto;
    box-shadow: 0px 4px 10px -3px rgba(0,0,0,0.4);
    border: 1px solid #fbfbfb;
}
.metro .table.bordered {
    border: 0;
    border-bottom: 1px solid #eaeaea;
}
    .metro .table.bordered tbody {
        position:relative;
    }
    .metro .table.bordered th {
        border-bottom: 1px solid #ccc;
        position: relative;
        padding-bottom: 12px;
        padding-top: 10px;
    }
    .metro .table.bordered td, .metro .table.bordered th {
        border-left: 0px #eaeaea solid;
        border-bottom: 1px #eaeaea solid;

    }
    .metro .table.bordered th.sortable > a::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .metro .table.bordered th a {
     display:block;
    }
        .metro .table.bordered th a > span.sorticon.ascending, .metro .table.bordered th a > span.sorticon.descending {
            position: absolute;
            bottom: -1px;
            right: 0;
            left: 0;
            color: #fff;
            text-align: right !important;
            border-bottom: 1px solid #1e5799;
        }
            .metro .table.bordered th a > span.sorticon.ascending::before, .metro .table.bordered th a > span.sorticon.descending::before {
                background: #1e5799;
            }
div#notificationHeaderIcon {
    right: -4px;
    position: absolute;
    z-index: 2;
    background: transparent;
}
    div#notificationHeaderIcon > i {
        visibility: hidden;
    }
.navigation-bar-content .element .sub {
    display:none;
}
.navigation-bar-content .element.hasNotif .sub {
    display:block;
    border-radius:50%;
}
div#notificationHeaderIcon + .element-divider {
    display: none;
}
.metro .table.hovered tbody tr:hover {
    background-color: rgba(28,183,236,.1);
    box-shadow: inset 0px 4px 10px -4px rgba(0,0,0,0.1);
}
.table.hovered col.active {
    background: #f0f8ff;
}
.table.hovered col.hovered {
    background: #f7fbff;
}
.lookup-results {
    background: #fbfbfb;
    padding: 2px;
    border: 1px solid #eee;
}
.lookup-result-item {
    background: aliceblue;
    padding: 1px 5px 2px;
    display: inline-block;
    margin: 2px;
    border: 1px solid #bfdfff;
}
.tab-current-title h1 {
    margin: 0;
    font-size: 18px;
    padding: 0 10px 0 12px;
    line-height: 1em;
    display: inline-block;
    color: #fff;
}
.tab-current-title {
    white-space: nowrap;
    background: #1E5799;
    position: relative;
    height: 40px;
}
.tab-current-title>* {
    vertical-align: middle;
}
.tab-current-title::after {
    position: absolute;
    top: 0;
    right: -20px;
    border-style: solid;
    border-width: 20px 10px;
    border-color: transparent transparent #1E5799 #1E5799;
    content: '';
    z-index: 4;
}
.page-tabs-container {
    vertical-align: bottom;
    background: #143763;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 8px;
}
a.link-close-currtab {
    color: #ff0;
}
.tab-current-title {
    display: inline-block;
    padding-top: 11px;
    position: relative;
    z-index: 2;
}
.tab-control-menu {
    position: fixed;
    top: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    z-index: 10;
}
.tab-control-menu>button{
    width:40px;
    height:40px;
    background: #1e5799;
    color: #fff;
    text-align: center;
    box-shadow: inset -2px -4px 10px -4px rgba(0,0,0,0.5);
}
.tab-control-menu>button:hover{
    background: #0e2947;
}
.tab-control-menu span.tab-counter {
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 9px;
    min-width: 15px;
    min-height: 15px;
    display: block;
    background: #37cc37;
    border-radius: 50%;
}
.menu-dropdown-arrow {
    position: absolute;
    display: block;
    bottom: 0px;
    right: 3px;
    border-style: solid;
    border-width: 4px 3px;
    border-color: #fff transparent transparent;
}
.metro .dropdown-menu a {
    padding: 8px !important;
    font-size: 12px !important;
    line-height: 12px !important;
}

.leftmenu-fixed {display:none;}
.withFixedLeftMenu .leftmenu-fixed {
    background: #222;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    display: block;
    z-index: 15;
}
.withFixedLeftMenu .container.main-container, .withFixedLeftMenu.wideScreen .sub-page.withFilters .filter-panel {
    left: 40px;
}
.withFixedLeftMenu.wideScreen .filter-panel .filter-panel-content button.button[id*=Filter], .wideScreen .filter-panel .filter-panel-content>.btnMainFilter{
    left:50px;
}
.tab-frames .tab-frame{
    position: absolute;
    left:-110%;
    top: 30px;
    bottom: 0;
    overflow: auto;
    z-index: 14;
    background: #fff;
    width:100%;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
    display: block !important;
}
.tab-frames .tab-frame.active {
    left: 0%;
}
.wideScreen .tab-frames .tab-frame .sub-page.withFilters .filter-panel {
    left:-110%;
}
.wideScreen .tab-frames .tab-frame.active .sub-page.withFilters .filter-panel {
    left: 40px;
}

/**[HOME]*******************/
.element.btn-tabitemlist {
    padding: 0 !important;
}
.element.btn-tabitemlist>button>i {
    left: 0;
    padding-top: 11px !important;
}
.element.btn-tabitemlist>button {
    background: #143763 !important;
}
.element.btn-tabitemlist>button:hover {
    background: #0e213a !important;
}
a.leftmenu-item.dropdown-main-menu>i {
    margin-left: -6px;
}
div#_core_DEFPAGE_HOME.tab-frame .form-header{
    top:-100px !important;
    display:block !important;
}
div#_core_DEFPAGE_HOME.tab-frame.active .form-header {
    top: 0 !important;
    left: 40px;
    right: 40px;
    height: 40px;
}
.container.main-container.page-_core_DEFPAGE_HOME .tab-frames .tab-frame.active{top:0;}
.leftmenu-fixed a.leftmenu-item {
    display: block;
    height: 40px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: relative;
}
.leftmenu-fixed a.leftmenu-item::before{
    content:'';
    display: inline-block;
    height: 28px;
    vertical-align: middle;
    width:1px;
    margin-left: -1px;
}
.leftmenu-fixed a.leftmenu-item::before{
    height:40px;
}
.leftmenu-fixed a.leftmenu-item>i {
    position: relative;
    z-index: 1;
}
.leftmenu-fixed a.leftmenu-item:hover .tooltip {
    left: 40px;
}
.leftmenu-fixed a.leftmenu-item .tooltip {
    position: absolute;
    left: -1000px;
    width: auto;
    background: rgb(250, 134, 74);
    font-size: 11px;
    padding: 1px 10px 3px 10px;
    text-align: left;
    white-space: nowrap;
    box-shadow: 1px 1px 6px -1px rgba(0,0,0,.9);
    z-index: -2;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 10px;
    top: 8px;
}
.leftmenu-fixed a.leftmenu-item>i {
    vertical-align: middle;
    display: inline-block;
}
.leftmenu-fixed a.leftmenu-item>label{
    position: absolute;
    top: 0;
    left:2px;
    font-size: 10px;
    line-height: 1em;
    white-space: nowrap;
    max-width: 100%;
    z-index:1;
}
.leftmenu-fixed a.leftmenu-item>label>span{
    background: #fa6800;
    padding: 1px 3px;
    border-radius: 6px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 13px;
    text-align: center;
    min-height:13px;
}
.leftmenu-fixed .links-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#notificationHeaderIcon span.sub {
    display: none;
}
#notificationHeaderIcon.hasNotif span.sub {
    display: block;
}
a.leftmenu-item::after {
    content: '';
    position: absolute;
    left: -400px;
    width: 400px;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 0;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
}
a.leftmenu-item{
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
}
a.leftmenu-item:hover{
    background-color: #000;
}
a.leftmenu-item:hover::after {
    width: 2px;
    left: 38px;
    background: #fa6800;
}
.leftmenu-fixed>a.leftmenu-item.aws-notification-counter.hidden, .container.main-container.page-_core_DEFPAGE_HOME>.leftmenu-fixed>a.leftmenu-item.aws-home {
    margin-left: -100px;
    height: 0;
}

.loadingtextblock {
    margin: 10px auto;
    text-align: center;
    color: #fff;
}
.loadingtextblock>.innerblock{
    display: inline-block;
    padding: 10px;
    border: 1px solid #fff;
    box-shadow: 1px 1px 10px -4px rgba(0,0,0,.5);
    border-radius: 5px;
    background: rgba(255,255,255,0.2);
}
.tab-frame.loadingState{
    top:0 !important;
}
.tab-frame.loadingState>.loadingtextblock {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1e5799;
    margin: 0;
    padding: 20px;
}
.loadingtextblock>.innerblock>span.label {
    background: transparent;
    color: #fff;
    display: block;
}
.loadingtextblock > .innerblock > span.loader {
    background: transparent url(../images/loading.svg) no-repeat center;
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-size: 70px 70px;
}
.sub-page .loadingtextblock>.innerblock {
    background: rgba(30, 87, 153, 0.64);
}
#_core_DEFPAGE_HOME .pinnedapps-block {
    float: left;
    display: block;
    background: rgba(255,255,255,0.8);
    margin: 1%;
    width: 98%;
    max-width: 450px;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.4);
    padding: 10px;
    box-sizing: border-box;
    position:relative;
}
#_core_DEFPAGE_HOME .userarea-block {
    padding: 10px;
    min-height: 100%;
}
.metro .breadcrumbs ul li {
    float: none;
    display: inline-block;
}
.metro .dropdown-toggle:after {
    margin-left: 0;
    right: 5px;
}
.metro .navigation-bar.fixed-top {
    left: auto !important;
    width: auto;
    right: 0;
    box-shadow: none;
    z-index:15;
}
.metro .navigation-bar-content [class*="icon-"], .metro .navbar-content [class*="icon-"] {
    font-family: 'iconFont';
}
.dropdown-menu a.tab-close-link {
    position: absolute;
    right: 0px;
    top: 1px;
    padding: 1px !important;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    font-size: 11px !important;
    margin: 5px;
}
.dropdown-menu a.tab-close-link::before {
    font-size: 11px !important;
}
.dropdown-menu a.tab-close-link:hover {
    background:#ffc1c1;
}
.dropdown-menu .inactive .tab-label:hover, .dropdown-toolbar .label{
    background:transparent;
}
.metro .dropdown-menu li a>span {
    vertical-align: middle;
    background: transparent;
    color: #333;
}
.metro .dropdown-menu li.active a>span {
    color: #000;
    font-weight:bold !important;
}
.dropdown-menu.tab-list>ul {
    margin: 1px;
    padding: 0;
    max-height: 300px;
    overflow: auto;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
}
.dropdown-menu.tab-list {
    background: #0e213a;
    border-radius: 6px 0 6px 6px;
    border: 0;
    box-shadow: 1px 1px 10px -4px rgba(0,0,0,1) !important;
    padding: 3px;
}
.metro .dropdown-menu .dropdown-toolbar>a{
    vertical-align: top;
    display: inline-block;
    padding: 1px 4px 3px !important;
    margin-top: -1px;
    margin-bottom: 3px;
    border-radius: 3px;
}

.dropdown-toolbar::after {
    content: '';
    display: block;
    clear: both;
}
a.dropdown-toolbar-item>i::before {
    font-size: 11px;
    line-height: 11px;
    min-width: 1em;
}
.metro .navigation-bar-content a.dropdown-toolbar-item>i{
    vertical-align: middle;
    font-size: 11px !important;
}
a.dropdown-toolbar-item>.label {
    padding: 0;
    color: #fff;
    font-size: 10px;
    vertical-align: middle;
}
a.dropdown-toolbar-item.link-clear-all, a.dropdown-toolbar-item.link-clear-all .label {
    color: #ff8f8f;
}
.element.place-right.all-device.btn-tabitemlist {
    display: none !important;
}
.metro.hasOpenedApps .element.place-right.all-device.btn-tabitemlist {
    display: block !important;
}
.isHomePage .element.btn-tabitemlist>button {
    background: #1a4a82!important;
}


.leftmenu-fixed-list.aws-draft-counter-list {
    position: fixed;
    z-index: 15;
    background: rgb(14, 33, 58);
    color: #fff;
    top: 45px;
    bottom: 5px;
    width: 300px;
    border-radius: 0 6px 6px 6px;
    box-shadow: 1px 1px 10px -4px rgba(0,0,0,0.9);
    border: none;
}
.leftmenu-fixed-list.aws-draft-counter-list>.app-draft-items{
    position: absolute;
    top: 40px;
    bottom: 3px;
    left: 3px;
    right:3px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.5);
    background:#fff;
}
.leftmenu-fixed-list.aws-draft-counter-list>.app-draft-items>.listview-outlook{
    overflow:auto;
    height: 100%;
    color: #000;
}
.metro .listview-outlook .list-group .group-title {
    padding: 10px 25px !important;
    box-shadow: 1px 1px 10px -2px rgba(0,0,0,0.7);
    position: relative;
}
.metro .listview-outlook .list-group .group-title:before {
    top: 50%;
    margin-top: -10px;
}
.leftmenu-fixed-list>.listheader>h2 {
    color: #fff;
    font-size: 16px;
    padding: 0 10px;
}
.draft-item {
    padding: 7px 30px 8px 25px;
    position: relative;
    border-radius: 5px;
    margin:2px;
    border:1px solid transparent;
    cursor:pointer;
}
.draft-item:hover {
    background: #edf4fc;
    border: 1px solid #a8d2fd;
}
.draft-item>.icon {
    position: absolute;
    left:7px;
    top:50%;
    margin-top:-7px;
}
.metro .dropdown-menu li {
    border-radius: 5px;
    margin: 3px;
    width: auto;
}
.metro .dropdown-menu li:last-child {
    margin-bottom: 3px;
}
.leftmenu-fixed-list{
    left:-400px;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
    
}
.leftmenu-fixed-list.active{
    left:40px;
}
.metro .input-control.checkbox .check, .metro .input-control.radio .check {
    border-radius: 4px;
}
.loading-error {
    color: #fff;
}

.loading-error>i {
    display: block !important;
    color: #fff;
    font-size: 20px !important;
}
.appgrid-item.group .appgrid-linkremove, .appgrid-item.group .content .label {
    display: none;
}
.appgrid-item.group.expanded .appgrid-linkremove, .appgrid-item.group.expanded .content .label {
    display: block;
}
div#_core_DEFPAGE_HOME .form-header>h1 {
    color: #fff !important;
    width: auto;
    padding: 10px 15px !important;
}
.aws-newsarea-block {
    clear: both;
    margin: 1%;
}
.aws-newsitem.item {
    background-color:rgba(255,255,255,0.8);
    border-radius:5px;
    overflow: hidden;
    box-shadow:0 0 10px -4px rgba(0,0,0,0.8);
    cursor:pointer;
}
.aws-newsitem.item:hover{
    background-color:rgba(255,255,255,1);
} 
.aws-newsitem.item:hover>.imgheader{
    margin-top: -10px;
    height: 110px;
    margin-left: -10px;
    margin-right: -10px;
} 
.aws-newsarea-block>h1 {
    color: #fff;
    font-size: 24px;
    text-shadow: 0 0 5px #000;
}
.aws-newsitem.item>.imgheader {
    height: 100px;
    background-size: cover;
    background-position: top;
    background-color: rgba(0,0,0,0.3);
}
.aws-newsitem>.title {
    font-size: 14px;
    padding: 5px 10px 1px;
    margin: 0;
    line-height: 1em;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.aws-newsitem>.meta {
    padding: 0 10px;
    color: #fa6800;
    font-size: 9px;
    font-style: italic;
}
.aws-newsitem>.excerpt {
    padding: 5px 10px;
    height: 113px;
    overflow: hidden;
    margin-bottom: 5px;
}
.aws-newsarea-inner {
    margin: 0 20px;
    width: auto;
}
.aws-newsarea-inner.owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -20px !important;
    border-radius: 50% !important;
    width: 45px;
    z-index: 1;
    height: 42px;
    clip-path: polygon(0px 0px,20px 0px,20px 45px, 0px 45px, 0px 0px);
    -webkit-clip-path: polygon(0px 0px,20px 0px,20px 45px, 0px 45px, 0px 0px);
    background:rgba(214, 214, 214, 0.7);
}
.aws-newsarea-inner.owl-theme .owl-nav .owl-next {
    position: absolute;
    right: -25px;
    top: 50%;
    margin-top: -20px !important;
    border-radius: 50% !important;
    width: 45px;
    z-index: 1;
    height: 42px;
    clip-path: polygon(20px 0px,50px 0px,50px 40px,25px 45px,25px 0);
    -webkit-clip-path: polygon(20px 0px,50px 0px,50px 40px,25px 45px,25px 0);
    background:rgba(214, 214, 214, 0.7) ;
}
.aws-newsarea-inner .owl-prev>i {
    margin-left: -18px;
    margin-top: 1px;
}
.aws-newsarea-inner .owl-next>i {
    margin-left: 14px;
    margin-top: 1px;
}
.aws-newsarea-inner .owl-nav i::before {
    font-size: 30px;
    width: 16px;
    min-width: auto;
}
.dashboard-block-content {
    display: inline-block;
    margin: 1% 1% 1% 0;
}
.aws-newsarea-inner {
    z-index: 2;
    background: rgba(214, 214, 214, 0.7);
    padding: 10px;
    border-radius: 6px;
}
.aws-newsarea-inner .owl-stage-outer {
    position: relative;
    z-index: 2;;
}
.owl-theme .owl-nav {
    margin-top: 0;
}
.aws_newsdetailview {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    z-index: 15;
    text-align: center;
}
.aws_newsdetailinner {
    width: 98%;
    margin: 1% auto;
    max-width: 600px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    height: 95%;
    position:relative;
    text-align:left;
    box-shadow: 1px 1px 10px -2px rgba(0,0,0,0.8);
}
.aws_newsdetailscroller {
    overflow: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.aws_newsdetailview .imgheader {
    height: 250px;
    background-size: cover;
    background-color: #ccc;
}
.aws_newsdetailview .newstitle{
    padding:10px 10px 0;
    margin:0;
}
.aws_newsdetailview .newsdetail {
    padding:10px;
}
.aws_newsdetailview .newsmeta {
    padding: 0 10px;
    color: #fa6800;
    font-style: italic !important;
}
.aws_newsdetailview i.linkclose {
    position: absolute;
    right: 10px;
    display: block;
    width: 30px;
    height: 30px;
    background: rgba(255,0,0,.8);
    border-radius: 5px;
    top: 10px;
    z-index: 1;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    padding-top: 3px;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.7);
}
.aws_newsdetailview i.linkclose:hover{
    background: rgba(255,0,0,0.9);
}
.dashboard-block {
    margin: 1% 1% 1% 475px;
}
div#aws_qrcodescanner_block.show {
    position: fixed;
    z-index: 16;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
}
div#aws_qrcodescanner_blockHTML5.show {
    position: fixed;
    z-index: 16;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
}
.aws_qrscanner_inner {
    max-width: 400px;
    margin: auto;
    background: #000;
    padding: 10px;
    color: #fff;
    border-radius: 0 0 10px 10px;
}
video#aws_qrpreview {
    width: 100%;
    display:block;
}
.aws_qrscanner_inner .note {
    margin-bottom: 5px;
}
.aws_qrscanner_inner .note.help.error {
    color: #ffbbbb;
}
.aws_qrscanner_inner i.status-icon.icon-checkmark,.aws_qrscanner_inner i.status-icon.icon-cancel-2 {
    position: absolute;
    z-index: 2;
    top: 50%;
    font-size: 100px !important;
    margin-top: -50px;
    left: 50%;
    margin-left: -70px;
    color: #44f138;
}
.aws_qrscanner_inner i.status-icon.icon-cancel-2 {
    color: #f13838;
}
.leftmenu-fixed a.leftmenu-item>img {
    position: relative;
    z-index: 2;
}
.aws_qrview_container {
    position: relative;
    min-height: 210px;
    background: #333;
    margin-bottom: 10px;
}
.aws_qrview_container .qrbox {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -100px;
}
.aws_qrview_container .qrbox .corner1, .aws_qrview_container .qrbox .corner2, .aws_qrview_container .qrbox .corner3, .aws_qrview_container .qrbox .corner4 {
    position:absolute; width:40px;height:40px;
}
.aws_qrview_container .qrbox .corner1 {
    left:0;top:0;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
}
.aws_qrview_container .qrbox .corner2 {
    right:0;top:0;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
}
.aws_qrview_container .qrbox .corner3 {
    right:0;bottom:0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.aws_qrview_container .qrbox .corner4 {
    left:0;bottom:0;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.wfcountinfo {
    text-align: right;
    color: #fff;
    padding: 10px;
}
.wfcountinfo>h1 {
    color: #fff828;
    padding: 0;
    display: inline-block;
    margin-bottom: 0;
}
/**[/HOME]*******************/


/**[GRID]********************/
  
  /* clearfix */
  .widgets-grid:after {
    content: '';
    display: block;
    clear: both;
  }
  .aws-widget>h3 {
    font-size: 12px;
    margin: 0 5px;
    color: #fff !important;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .aws-widget .aws-widget-content {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    top: 25px;
    overflow: hidden;
  }
  .ahmitwfs001-widget-chart {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
  /* ---- grid-item ---- */
  .widgets-grid .grid-item {
    float: left;
    border-radius: 5px;
  }
  .grid-item {
    width: 150px;
    height: 150px;
  }  
  /* -------  each item size ----- */
  .grid-item--width1 {
    width: 150px;
  }
  
  .grid-item--height1 {
    height: 150px;
  }
  
  .grid-item--width2 {
    width: 300px;
  }
  
  .grid-item--height2 {
    height: 300px;
  }
  
  .grid-item--width3 {
    width: 450px;
  }
  
  .grid-item--height3 {
    height: 450px;
  }
  
  .grid-item--width4 {
    width: 600px;
  }
  
  .grid-item--height4 {
    height: 600px;
  }
  
  .grid-item--width5 {
    width: 750px;
  }
  
  .grid-item--height5 {
    height: 750px;
  }
  
  .grid-item--width6 {
    width: 900px;
  }
  
  .grid-item--height6 {
    height: 900px;
  }
  
  .grid-item--width7 {
    width: 1050px;
  }
  
  .grid-item--height7 {
    height: 1050px;
  }
  
  .grid-item--width8 {
    width: 1200px;
  }
  
  .grid-item--height8 {
    height: 1200px;
  }
  
  .grid-item--width9 {
    width: 1350px;
  }
  
  .grid-item--height9 {
    height: 1350px;
  }
  
  .grid-item--width10 {
    width: 1500px;
  }
  
  .grid-item--height10 {
    height: 1500px;
  }
  
  /* ----- color when drag is in progress ---*/
  .ui-sortable-helper {
    background: blue;
    opacity: 0.5;
  }
/**[/GRID]********************/

/**[DEFAULT PAGE LOADER]***********/
.aws-body-container {
    z-index: 1;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.aws-body-layer{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background:#000;
}
.aws-body-loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    background: #1e5799;
    text-align: center;
    overflow:hidden;
}
    .aws-body-loader::before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        display: inline-block;
        vertical-align: middle; 
    }
    .aws-body-loader > div {
    display:inline-block;
    vertical-align:middle;
    }
.aws-body-loader, .aws-body-loader h2 {
    color: #fff;
    margin-bottom: 0px;
    white-space:nowrap;
}
.aws-body-loader-userinfo {
    background: transparent url(../images/loading.svg) no-repeat center;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    height: 120px;
    width: 120px;
}
    .aws-body-loader-userinfo .aws-userprofilepic {
        background-color: #fff;
        display: inline-block;
        width: 100px;
        height: 100px;
        background-size: cover;
        background-position: center;
        margin: 10px;
        border-radius: 50%;
    }

body.aws-page-ready > .aws-body-loader {
    bottom:100%;
    top:-100%;
}
body.aws-page-ready .aws-body-loader-userinfo, body.aws-page-ready .aws-body-loader-userinfo .aws-userprofilepic {
    height: 40px;
    width: 40px;
    border-radius: 0;
    margin: 0;
}
body.aws-page-ready .aws-body-layer {
    left:100%;
}
.metro .ev-loading .ev-hideonloading {display:none !important;}
.login-logged.aws-body-loader{
    left:50%;right:50%;
    top:50%;bottom:50%;
}
.login-logged.aws-body-loader.play {
    animation-name: redirectAnim;
    animation-duration: 500ms;
    animation-delay: 0ms;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode:forwards;
}

/**[/DEFAULT PAGE LOADER]***********/


/**[ANIMATIONS]*******************/
@-webkit-keyframes menuItemAnim {
    0%   { left: -50px; }
    60%   { left: 0px; }
    100%   { left: 48px; }
}
@-moz-keyframes menuItemAnim {
    0%   { left: -50px; }
    60%   { left: 0px; }
    100%   { left: 48px; }
}
@-o-keyframes menuItemAnim {
    0%   { left: -50px; }
    60%   { left: 0px; }
    100%   { left: 48px; }
}
@keyframes menuItemAnim {
    0%   { left: -50px; }
    60%   { left: 0px; }
    100%   { left: 48px; }
}

@-webkit-keyframes pageLoaderHide {
    0% {bottom: auto; height: 100%;left:auto;width: 100%;opacity:1;}
    100% {bottom: auto; height: 0%;left:auto;width: 100%;opacity:0;}
}
@-moz-keyframes pageLoaderHide {
    0% {bottom: auto; height: 100%;left:auto;width: 100%;opacity:1;}
    100% {bottom: auto; height: 0%;left:auto;width: 100%;opacity:0;}
}
@-o-keyframes pageLoaderHide {
    0% {bottom: auto; height: 100%;left:auto;width: 100%;opacity:1;}
    100% {bottom: auto; height: 0%;left:auto;width: 100%;opacity:0;}
}
@keyframes pageLoaderHide {
    0% {bottom: auto; height: 100%;left:auto;width: 100%;opacity:1;}
    100% {bottom: auto; height: 0%;left:auto;width: 100%;opacity:0;}
}
@-webkit-keyframes redirectAnim {
    0%   { left:50%;right:50%;top:50%;bottom:50%; }
    50%   { left:0%;right:0%;top:50%;bottom:50%; }
    100%   { left:0%;right:0%;top:0%;bottom:0%; }
}
@-moz-keyframes redirectAnim {
    0%   { left:50%;right:50%;top:50%;bottom:50%; }
    50%   { left:0%;right:0%;top:50%;bottom:50%; }
    100%   { left:0%;right:0%;top:0%;bottom:0%; }
}
@-o-keyframes redirectAnim {
    0%   { left:50%;right:50%;top:50%;bottom:50%; }
    50%   { left:0%;right:0%;top:50%;bottom:50%; }
    100%   { left:0%;right:0%;top:0%;bottom:0%; }
}
@keyframes redirectAnim {
    0%   { left:50%;right:50%;top:50%;bottom:50%; }
    50%   { left:0%;right:0%;top:50%;bottom:50%; }
    100%   { left:0%;right:0%;top:0%;bottom:0%; }
}





/**[/ANIMATIONS]*******************/


/*
.page-tabs-outer .page-tabs .tabs li.active:after {
    content: '';
    display: block;
    box-shadow: 0 0 10px #000;
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0;
    height: 1px;
}
.page-tabs-outer .page-tabs .tabs li.active .tab-label>span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 14px 7px;
    background: #fa6800;
    color: #fff;
}
*/
@media only screen and (max-width:940px) {
    .metro .span12, .metro .size12 {
            width: 100% !important;
        }

        .sub-page.withFilters .filter-panel {
            position: relative;
            left: auto;
            top: auto;
            bottom: auto;
            width: auto;
            border: inherit;
            z-index: 1;
            box-shadow: none;
        }

        .sub-page.withFilters {
            padding-left: 0;
        }
            .sub-page.withFilters .filter-panel .filter-buttons {
                position: relative;
                bottom: 0;
                left: auto;
                width: auto;
            }
            .sub-page.withFilters .filter-panel .filter-link-collapse {
                display: block;
            }


        h3.filter-panel-title {
            display: none;
        }

        .filter-panel-content {
            position: relative;
            left: auto;
            right: auto;
            top: auto;
            bottom: auto;
            overflow: visible;
            padding: 0;
            display:block;
        }

        .filter-panel-buttons {
            bottom: auto;
            position: relative;
            left: auto;
            right: auto;
            display: inline-block;
        }

            .filter-panel-buttons .button {
                margin: 0;
                height: auto;
                display: inline-block;
                width: auto;
            }

    }

    @media only screen and (max-width:800px) {
        .element-divider.place-right.no-desktop {
            display: block !important;
        }

        .navigation-bar.fixed-top {
            position: fixed !important;
        }

        td.priority4, th.priority4, .dtlpriority3, .dtlpriority2 {
            display: none
        }

        .responsiveTable .dtlpriority4 {
            display: block;
        }

        td.mainfield a.linkdetail.priority4 {
            display: inline-block;
        }

        .responsiveTable .tblDetailView.dtlpriority3, .responsiveTable .tblDetailView.dtlpriority2, .responsiveTable .tblDetailView.dtlpriority4 {
            display: none;
        }
        /*.appgrid-item {
            width: 23%;
            padding: 0 0 23%;
        }

        .appgrid-item>.content>.icon {
            font-size: 2.5em;
        }

        .appgrid-item.group .icon, .appgrid-item.group.expanded>.content>.appgroup-content .appgrid-item.group .icon {
            font-size: .5em;
        }
        .appgrid-item>.content>label, .appgrid-item>label {
            bottom: 0px;
        }
        .appgrid-item.group.expanded>.content>.appgroup-content>.appgrid-item>.content>.icon {
            font-size: 2.3em!important;
        }*/
        #_core_DEFPAGE_HOME .pinnedapps-block {
            max-width: 350px;
        }

        .dashboard-block {
            margin: 1% 1% 1% 375px;
        }
    }

    @media only screen and (max-width:640px) {
        div.form-header.home-header > h1::before {
            display: none !important;
        }
        .login-box {
            max-width: 300px;
            position: relative;
            right: auto;
            bottom: auto;
            margin-left: 0px;
            margin-top: 20px;
        }

        .mobile {
            display: block;
        }

        .desktop {
            display: none;
        }
        .metro .span9, .metro .size9 {
            width: 100% !important;
        }
        .main-menu .text-label, td.priority3, th.priority3, .dtlpriority2, td.home-grid-right, .responsiveTable .tblDetailView.dtlpriority3, .responsiveTable .tblDetailView.dtlpriority2, .responsiveTable .tblDetailView.dtlpriority4 {
            display: none;
        }

        .main-menu .text-label {
            display: none !important;
        }

        div.element.main-menu {
            width: 40px;
        }

        .responsiveTable .dtlpriority3, div#coreapp_homeUserBlockSmall {
            display: block;
        }

        td.mainfield a.linkdetail.priority3, div.tile.tile-newsfeed {
            display: inline-block;
            *display: inline;
        }

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

        .multi-column .col-1 {
            width: auto;
            float: none;
            border-right: 0px
        }

        .multi-column .col-2 {
            width: auto;
            float: none;
            padding: 10px
        }


        .user-sidebar-block {
            height: 140px;
        }

        .user-notification-block {
            top: 140px;
        }
        .dashboard-block {
            margin: 1%;
            clear: both;
        }
    }



    @media only screen and (max-width:540px) {
        .metro .span7, .metro .size7 {
            width: 100% !important;
        }
        .listContainer .totalDataText {
            float: none;
            background: #eee;
            padding: 3px 10px;
            border-radius: 5px;
            margin-bottom: 5px;
        }
    }

    @media only screen and (max-width:460px) {
        .metro .span6, .metro .size6 {
            width: 100% !important;
        }
    }

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

        .login-box {
            max-width: 300px;
            position: relative;
            right: auto;
            bottom: auto;
            margin-left: 0px;
            margin-top: 20px;
        }

        .login-inner .b2e-logo {
            position: relative;
            left: 0px;
            bottom: 0px;
            display: block;
        }

        .login-inner, #loginBlock .login-inner {
            width: auto;
            text-align: center;
            padding-top: 20px !important;
        }

        .login-form {
            width: 200px;
        }

        .login-button {
            float: none;
            text-align: right;
        }

        .metro h1 {
            clear: both;
        }

        #userDisplayName, td.priority2, th.priority2 {
            display: none
        }

        .responsiveTable .dtlpriority2 {
            display: block;
        }

        td.mainfield a.linkdetail {
            border: 1px solid #000 !important;
        }

            td.mainfield a.linkdetail.priority2 {
                display: inline-block;
                *display: inline;
            }

        .responsiveTable .tblDetailView.dtlpriority3, .responsiveTable .tblDetailView.dtlpriority2, .responsiveTable .tblDetailView.dtlpriority4 {
            display: none;
        }

        .responsiveTable .actionColumn a {
            border: 1px solid #1B6EAE;
            padding: 2px 4px;
            border-radius: 15px;
            -o-border-radius: 15px;
            -moz-border-radius: 15px;
            -webkit-border-radius: 15px;
        }

        .responsiveTable .actionColumn .tblActionDel {
            border: 1px solid #F00;
        }

        img {
            max-width: 100%;
            height: auto !important;
        }

        .filter-panel .filter-link-collapse {
            font-size: 16px;
            top: 7px;
            border: 2px solid #FFF;
        }

        .login-button button {
            float: none;
        }

        a.link-lostpassword {
            margin-top: 10px;
        }

        .metro.lostpwdpage .login-inner {
            min-height: auto;
        }

        .metro.resetpage .login-inner {
            min-height: auto;
        }

        .metro.resetpage .login-box {
            width: 200px;
        }

        .metro.lostpwdpage .login-box {
            width: 200px;
        }

        .metro.useractpage .login-inner {
            min-height: auto;
        }

        .metro.useractpage .login-box {
            width: 350px;
        }

        .home-grid-left {
            text-align: left;
        }

        .metro .tile, .flip-container {
            width: 80px;
            height: 80px;
            margin: 0 5px 5px 0;
            float: left;
            display: block;
            text-align: left;
        }

            .metro .tile .tile-content.icon [class*="icon-"], .metro .tile .tile-content.icon img {
                font-size: 20px;
            }

            .metro .tile .brand .name, .metro .tile .tile-status .name, .metro .tile .brand .label, .metro .tile .tile-status .label, .metro .tile .brand .text, .metro .tile .tile-status .text {
                font-size: 7pt;
                margin: 5px;
            }

            .metro .tile .brand, .metro .tile .tile-status {
                min-height: 20px;
            }

        div.text-username {
            font-size: 20px;
        }

        .metro .span4, .metro .size4 {
            width: 100% !important;
            padding-right: 20px;
            margin-right: 0 !important;
            box-sizing: border-box;
        }

        div#boxKetPW {
            height: auto !important;
        }
        div#notificationHeaderIcon {
            right: -4px;
            position: absolute;
            z-index: 2;
            background: transparent;
        }
        div#notificationHeaderIcon>i {
            visibility:hidden;
        }
        .tab-frame.active div.form-header {
            width: calc(100% - 40px);
        }
    }

    @media only screen and (max-width:320px) {
        .main-sidebar.sidebar, nav.user-sidebar {
            width: 280px !important;
        }
    }