body {
    font-size: 13px;
    padding: 0;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important;
}

#affix_part1 {
    z-index: 1043;
}

a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:active {
    color: #fff;
    text-decoration: none;
}

.fontbold {
    font-weight: bold;
}

.main-content,
.register-content {
    min-height: 800px;
}

@media (min-width: 992px) {
    .headr_subsec {
        width: 33.33333333%;
        float: left;
    }
}

/*b3d335*/
footer {
    background: url(images/footerbg.png) #000;
    border-top: 6px solid #d9993a;
    color: #7d7c7d;
    height: 30px;
    padding: 15px 0 10px 0;
    font-size: 11px;
}

.overflow {
    margin-bottom: 30px;
}

.overflow-graph div {
    border-top: 1px solid #3A87AD;
    float: left;
    margin-top: 23px;
}

.overflow-graph span {
    border-radius: 25px;
    float: left;
    font-size: 25px;
    padding: 15px;
}

.overflow-words div {
    float: left;
    margin-top: 25px;
}

.overflow-words p {
    float: left;
    margin-top: 5px;
}

.overflow-graph .active {
    background-color: #B94A48;
}

.overflow-words .active {
    font-weight: bold;
}

.input-tip {
    color: red;
    display: none;
    font-size: 12px;
    padding: 6px 0;
}

.control-group .words {
    margin-left: 180px;
    padding-top: 5px;
}

.summary-tip {
    color: red;
    padding-top: 5px;
}

.user-info {
    color: #666;
    font-size: 12px;
    line-height: 26px;
    position: absolute;
    right: 0;
    top: 0;
}

.webtopbar .user-info .brand {
    padding: 0 20px;
}

.pagetop {
    position: relative;
}

.prompt-li .row {
    display: none;
}

.mb10 {
    margin-bottom: 10px;
}

.mt10 {
    margin-top: 10px;
}


.alignright {
    text-align: right;
}

.form-horizontal .datecontrol {
    margin-left: 25px;
}

.mb50 {
    margin-bottom: 50px;
}

.formloadingsmall {
    display: none;
    padding-left: 10px;
}

#filename {
    margin-left: 4px;
    margin-top: 10px;
}

#avialableWorkQueue,
#selectedWorkqueues {
    height: 200px;
    width: 100%;
}

.forecastresultDetailBox {
    float: left;
}

.forecastresultBox {
    margin: 0px 0;
    padding: 0px 0;
}

.forecastresultBox ul {
    clear: both;
}


.forecastresultBox ul li {
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    float: left;
    height: 20px;
    list-style: none;
    margin: 0;
    padding: 8px;
    text-align: center;
    width: 132px;
}

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

ul.forecastResultlititle li {
    background: #E6E6E6;
    border-top: 1px solid #ccc;
    color: #000;
    font-weight: bold;
    height: 20px;
}

ul.forecastResultlititle {
    border-bottom: 0;
}

.forecastresultBox ul li.forecast-date {
    background: #eee;
    border-left: 1px dotted #ccc;
}

.businessdays-control {
    display: none;
}

.table .input-xsmall {
    width: 40px;
}

.input-small {
    width: 92px;
}

.input-myprofile {
    width: 284px;
}

.profileform .control-label {
    margin-left: 5px;
    text-align: left;
    width: 120px;
}

#subscriptions {
    border: 1px solid #e3e3e3;
    margin-left: 0;
    padding-top: 10px;
}

#subscriptions .control-label {
    margin-left: 5px;
    text-align: left;
    width: 120px;
}

#subscriptions .controls {
    font-size: 13px;
}

.controls .plan {
    width: 95px;
    padding: 4px;
    text-align: center;
    float: left;
    margin-right: 10px;
    cursor: default;
    height: 70px;
}

#subscriptionDialog .controls .plan {
    cursor: pointer;
}

.controls .plan .standard {
    font-weight: bold;
    font-size: 17px;
}

.controls .plan .price {
    color: #f89406;
    font-size: 25px;
    font-weight: bold;
    padding-top: 5px;
}

.controls .planSelected {
    background: black;
    color: white;
}

#subscriptionDialog {
    position: absolute;
    top: 100px;
    width: 95%;
    margin-left: -47%;
}

#userInfosDialog {
    width: 1200px;
}

#userInfosDialog .btn_edit {
    display: none;
}

#subscriptionDialog .modal-header {
    border-bottom: 1px solid #ddd;
}

#subscriptionDialog .modal-footer {
    background-color: #fff;
}

#subscriptionDialog .control-label {
    margin-left: 5px;
    text-align: left;
    width: 120px;
}

#subscriptionDialog .controls {
    font-size: 13px;
}

#subscriptionDialog input {
    width: 286px;
}

#subscriptionDialog input[type=radio] {
    width: 20px;
    margin-bottom: 5px;
}

#subscriptionDialog .shortInput {
    width: 130px;
}

#subscriptionDialog select {
    width: 300px;
}

#subscriptionDialog .allowPolicy {
    width: 20px;
    margin-bottom: 6px;
}

#subscriptionDialog .policy {
    font-size: 15px;
    display: inline;
}

#subscriptionDialog .modal-body {
    max-height: none;
}

#cardInformation {
    display: inline;
    color: #f89406;
    font-weight: bold;
    cursor: pointer;
}

#subscriptionsTitle {
    margin-left: 0;
}

#myprofileActions {
    margin-left: 0;
}

#myprofileActions .form-actions {
    padding-left: 0;
}

.suggesttext {
    background: #fff;
    border: 1px solid #fff;
}

#TimeoutType {
    width: 235px;
}

.missingdatadetailwrap {
    padding: 5px;
}

.aligncenter {
    text-align: center;
}

.forecast-graph {
    margin-bottom: 40px;
    margin-top: 10px;
    position: relative;
}

.slider-range {}

.maskGraph {
    -moz-opacity: 0.3;
    background: #666;
    cursor: pointer;
    display: none;
    filter: alpha(opacity=30);
    height: 365px;
    margin-left: 60px;
    opacity: 0.3;
    position: absolute;
    top: 10px;
    width: 0;
    z-index: 999;
}

.maskGraphRight {
    -moz-opacity: 0.3;
    background: #666;
    display: none;
    filter: alpha(opacity=30);
    height: 365px;
    margin-right: 30px;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 10px;
    width: 0;
    z-index: 999;
}

.edit-volume-box,
.edit-aht-box {
    display: none;
}

.amount {
    width: 500px;
}

#forecast-result-view-menu input {
    width: 100px;
}

.amount {
    border: 0;
    color: #f6931f;
    font-weight: bold;
    padding-bottom: 10px;
}

.remarkText {
    width: 200%;
}

.forecast-detail-popup ul {
    margin: 0;
}

.version-detail ul li {
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 8px;
    text-align: center;
    width: 80px;
}

ul.version-detail-title li {
    background: #eee;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 8px;
    text-align: center;
    width: 80px;
}

ul.version-edit-form li {
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 8px;
    text-align: center;
    width: 80px;
}

.version-detail-content {}

.edit-volume-box input[type="text"],
.edit-aht-box input[type="text"] {
    width: 50px;
}

.edit-remark-box input[type="text"] {
    width: 120px;
}

ul li.version-remark {
    width: 130px;
}

.forecast-detail-popup {
    width: 600px;
}

.modal-header {
    border: 0;
}

.forecast-detail-popup ul li.forecast-date {
    border-left: 1px dotted #ccc;
}

.version-edit-form {
    display: none;
}

input[type="text"].yellowbg {
    background: #ffd9aa;
}

.mt20 {
    margin-top: 20px;
}

.versionedit-Volume,
.versionedit-AHT {
    width: 50px;
}

.versionedit-remark {
    width: 100px;
}

ul li.versionremarkli {
    width: 120px;
}

.forecastresultBox input[type="text"] {
    display: none;
}

.badgeAddBtn {
    border-radius: 5px;
    cursor: pointer;
    padding: 1px 8px;
    /*background: #f9a327;*/
}

.forcast-result-cancel,
.badgeAddBtn,
.popupitem,
.forcast-result-save {
    display: none;
}

#editversionparapopup ul li {
    list-style: none;
}

#editversionparapopup .modal-header {
    background: #eee;
}

#editversionparapopup input[type="text"] {
    margin-left: 10px;
    width: 80px;
}

.ajaxloadingsmall {
    display: none;
}

.versionpararadiolist ul {
    clear: both;
    height: 130px;
}

.versionpararadiolist ul li {
    clear: both;
    width: 100%;
}

.versionpararadiolist ul li div {
    float: left;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
    background: #ec9a2d;
    color: #fff;
    cursor: pointer;
    outline: medium none;
}

.nav-tabs > li > a:hover {
    background: #eee;
    color: #000;
    cursor: pointer;
    outline: medium none;
}

/*.nav-tabs.multiYears > li a,.nav-tabs.multiYears > .active a {
    cursor: pointer;
}*/

.nav-tabs.multiYears > li.active a {
    background: #fff;
    color: #000;
    border-color: #fff;
}

.nav-tabs.multiYears > .active a:hover,
.nav-tabs.multiYears > li > a:hover {
    background: #eee;
    color: #000;
    border-color: #fff;
}


.table-sort a {
    outline: medium none;
}

.forecastResultItem li.modified {
    background: #e1ffd9;
}


.webtopbar {
    background: url("images/header-pattern.png") repeat scroll 0 0%;
    height: 172px;
    /*margin-bottom: 20px;*/
    position: relative;
}

.webtopbar .weblogo {
    padding: 23px 0;
}

footer .footinfo {}

.webnav {
    min-height: 38px;
}

ul.nav li div {
    display: block;
    float: left;
}

.nav-leftside {
    background: url(images/nav_left.png);
    height: 41px;
    width: 6px;
}

.nav-inside {
    background: url(images/nav_inside.png);
    height: 41px;
    line-height: 38px;
    padding: 0 20px;
}

.nav-rightside {
    background: url(images/nav_right.png);
    height: 41px;
    width: 6px;
}

.webtopbar .webnav {
    background: #000;
    border-bottom: 2px solid #515151;
    padding-top: 20px;
    font-size: 12px;
    color: #777677;
}

.nav-inside a {
    color: #ffffff;
}

.nav-inside a:hover {
    color: #f9a327;
    text-decoration: none;
}

.btn_select {
    background: url(images/btn_selected.png);
    display: block;
    height: 30px;
    width: 68px;
}

a.btn_select:hover {
    background: url(images/btn_selected.png) 0 30px;
}

.btn_selected {
    background: url(images/btn_select.png);
    display: block;
    height: 30px;
    width: 68px;
}

.btn_add {
    width: 77px;
    text-align: center;
    justify-content: center;
    background-color: #ec9a2d;
    padding: 5px 0px;
    border-radius: 6px;
    color: white;
    /* background-image: url(images/site.png);
    display: block;
    background-position: 0 -200px;
    width: 77px;
    height: 30px;*/
}

a.btn_add:hover {
    background-position: 0 -280px;
}

.btn_back {
    background-image: url(images/site.png);
    display: block;
    background-position: 0 -360px;
    width: 83px;
    height: 30px;
}

a.btn_back:hover {
    background-position: 0 -440px;
}

.add_create {
    background-image: url(images/site.png);
    display: block;
    background-position: 0 0;
    width: 91px;
    height: 30px;
}

a.add_create:hover {
    background: url(images/add_create_hover.png);
}

.btn_retrieve {
    background: url(images/btn_retrieve.png);
    display: block;
    height: 30px;
    width: 106px;
}

a.btn_retrieve:hover {
    background: url(images/btn_retrieve.png) 0 -30px no-repeat;
}

.btn_delete_disable {
    background-image: url(images/site.png);
    display: block;
    background-position: 0 -1240px;
    width: 89px;
    height: 30px;
}

.btn_edit_disable {
    background-image: url(images/site.png);
    display: block;
    background-position: 0 -1597px;
    width: 77px;
    height: 30px;
}

.btn_home {
    background-image: url(images/site.png);
    display: block;
    background-position: -330px -160px;
    width: 86px;
    height: 30px;
}

a.btn_home:hover {
    background-position: -330px -240px;
}

.btn_import {
    background-image: url(images/site.png);
    display: block;
    background-position: -330px -320px;
    width: 92px;
    height: 30px;
}

a.btn_import:hover {
    background-position: -330px -400px;
}

.btn_next {
    background-image: url(images/site.png);
    display: block;
    background-position: -330px -800px;
    width: 80px;
    height: 30px;
}

a.btn_next:hover {
    background-position: -330px -880px;
}

.btn_print {
    background-image: url(images/site.png);
    display: block;
    background-position: -330px -1280px;
    width: 81px;
    height: 30px;
}

a.btn_print:hover {
    background-position: -330px -1360px;
}

.btn_reset {
    background-image: url(images/site.png);
    display: block;
    background-position: -330px -1680px;
    width: 79px;
    height: 33px;
}

.btn_buy {
    background-image: url(images/site.png);
    display: block;
    background-position: 0 -520px;
    width: 73px;
    height: 30px;
}

a.btn_buy:hover {
    background-position: 0 -600px;
}

.link_f {
    background: url(images/social.png) -42px 0px no-repeat;
    display: block;
    height: 32px;
    width: 32px;
    border-radius: 4px;
}

a.link_f:hover {
    background: url(images/social.png) -42px -42px no-repeat;
}

.link_tw {
    background: url(images/social.png) -84px 0px no-repeat;
    display: block;
    height: 32px;
    width: 32px;
    border-radius: 4px;
}

a.link_tw:hover {
    background: url(images/social.png) -84px -42px no-repeat;
}

.link_in {
    background: url(images/social.png) 0px 0px no-repeat;
    display: block;
    height: 32px;
    width: 32px;
    border-radius: 4px;
}

a.link_in:hover {
    background: url(images/social.png) 0px -42px no-repeat;
}

.link_you {
    background: url(images/social.png) -126px 0px no-repeat;
    display: block;
    height: 32px;
    width: 32px;
    border-radius: 4px;
}

a.link_you:hover {
    background: url(images/social.png) -126px -42px no-repeat;
}


.btn_yes {
    background-image: url(images/site.png);
    display: block;
    background-position: -660px -800px;
    width: 50px;
    height: 30px;
}

.btn_no {
    background-image: url(images/site.png);
    background-position: -330px -960px;
    width: 49px;
    height: 30px;
    display: block;
}

a.btn_no:hover {
    background-position: -330px -1040px;
}

.search {
    background-image: url(images/site.png);
    display: block;
    background-position: -660px -1648px;
    width: 34px;
    height: 34px;
}

.fl {
    float: left;
    margin-right: 10px;
}

.fr {
    float: right;
    margin-left: 10px;
}

.main-content {
    background: #fff;
    margin-bottom: 30px;
    padding: 20px;
}

.backtohome {
    float: left;
}

.web-leftmenu {
    float: left;
    line-height: 32px;
    margin-right: 30px;
}

.web-menu {
    display: none;
}

.web-menu ul {
    float: right;
}

.web-menu ul li {
    float: left;
    list-style: none;
    margin-left: 20px;
}

.web-menu a {
    color: #000;
    text-decoration: none;
}

.web-menu a:hover {
    color: #f9a327;
    text-decoration: none;
}


a.backtohome {
    background: url(images/backhomebg.png) no-repeat 0px 0px;
    line-height: 32px;
    padding-left: 20px;
}

.menu_left {
    /*background: url(images/menu_left.png);*/
    display: block;
    height: 33px;
    width: 10px;
}

.mr215 {
    margin-right: 223px;
}

.w215 {
    text-align: center;
    width: 114px;
}

.mr115 {
    margin-right: 94px;
}

.w115 {
    text-align: center;
    width: 88px;
}

ul.submenu {
    clear: both;
    float: right;
}

.web-menu ul li div {
    float: left;
}

.menu_right {
    display: block;
    height: 33px;
    width: 10px;
}

.menu_inside {
    height: 33px;
    line-height: 32px;
    padding: 0 10px;
}

li.active .menu_left {
    background: url(images/menu_active_l.png);
    display: block;
    height: 33px;
    width: 10px;
}

li.active .menu_right {
    background: url(images/menu_active_right.png);
    display: block;
    height: 33px;
    width: 10px;
}

li.active .menu_inside {
    background: url(images/menu_active_inside.png);
    height: 33px;
    line-height: 32px;
}

.web-menu li.active a {
    color: #fff;
    text-decoration: none;
}

h3 {
    border-bottom: 1px solid #e6e6e6;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 30px;
    padding-left: 10px;
    color: #232020;
    font-family: "HelveticaLTStd-BoldCondObl", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.overflow {
    display: none;
}

.process_bar {
    border-bottom: 1px solid #ddd;
    display: none;
    margin-bottom: 20px;
    padding-bottom: 35px;
}

.process_bar ul li {
    color: #eee;
    float: left;
    font-weight: bold;
    height: 50px;
    list-style: none;
    padding-top: 10px;
    width: 230px;
}

.process_bar ul li.process_bar_start {
    background: url(images/processbar_start.png);
    display: block;
    width: 18px;
}

.process_bar ul li.process_bar_green_black {
    background: url(images/process_green_black.png);
    display: block;
    width: 26px;
}

.process_bar ul li.process_bar_black_gray {
    background: url(images/process_black_gray.png);
    display: block;
    width: 26px;
}

.process_bar ul li.process_bar_gray_gray {
    background: url(images/process_gray_gray.png);
    display: block;
    width: 26px;
}

.process_bar ul li.process_bar_green_green {
    background: url(images/process_green_green.png);
    display: block;
    width: 26px;
}

.process_bar ul li.step_green {
    background: url(images/green.png);
    color: #fff;
}

.process_bar ul li.step_green .process_bar_title {
    color: #cee7ae;
}

.process_bar ul li.step_black {
    background: url(images/black.png);
    color: #fff;
}

.process_bar ul li.step_black .process_bar_title {
    color: #a1a1a1;
}

.process_bar ul li.step_gray {
    background: url(images/gray.png);
    color: #999999;
}

.process_bar ul li.step_gray .process_bar_title {
    color: #bfbfbf;
}

.process_bar ul li.processbar_end_black {
    background: url(images/processbar_end_black.png);
    display: block;
    width: 18px;
}

.process_bar ul li.processbar_end_gray {
    background: url(images/processbar_end_gray.png);
    display: block;
    width: 18px;
}

.process_bar_title {}

.process_bar ul li p {
    margin: 0;
    padding-left: 10px;
}

.graphSwitchVolume {
    background: #eee;
    border: 1px solid #ccc;
    border-bottom: 0;
    cursor: pointer;
    float: left;
    height: 30px;
    left: 70px;
    line-height: 30px;
    text-align: center;
    top: 28px;
    width: 70px;
}

.graphSwitchAht {
    background: #eee;
    border: 1px solid #ccc;
    border-bottom: 0;
    cursor: pointer;
    float: left;
    height: 30px;
    left: 143px;
    line-height: 30px;
    text-align: center;
    top: 28px;
    width: 70px;
}


.graphActive {
    background: #333;
    border: 1px solid #000;
    color: #fff;
}



.result-version-val,
#shinkageSetting {
    cursor: pointer;
}

.forecast-version-no {
    width: 50px;
}

.graphRedraw {
    position: absolute;
    right: 36px;
    top: 30px;
}


.graph-loading {
    /*-moz-opacity: 0.5;*/
    /*filter: alpha(opacity=50);
    opacity: 0.5;*/
    background: #fefefe;
    height: 85%;
    line-height: 400px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 400;
}

#graphloading {
    display: none;
    left: 45%;
    position: absolute;
    top: 200px;
    z-index: 1000;
}

.icon-pencil {
    background-color: #ddd;
    background-position: 4px -71px;
}

.handelBtns {
    position: relative;
    margin-bottom: 20px;
}

.forecastresultpager {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 70px;
    top: 0;
}

.forecastresultpager .pager {
    margin: 0;
    padding: 0;
}

.pages a.pgEmpty {
    display: none;
}

.pages a.pgCurrent {
    background: #F6931F;
    border: 0;
    color: #fff;
    cursor: default;
}

#pageSizeTxt {
    width: 30px;
}

.registerbox {
    background: #fff;
    margin-top: 50px;
    padding: 20px 20px 0 20px;
}

.forgotmypassword {
    color: #000;
}

/*SC-583*/
.forgotmypassword:hover {
    color: #808080;
}

/*SC-583*/
.weblogo {
    position: relative;
}

.ourlinks {
    position: absolute;
    right: 5px;
    top: 20px;
}

.userinfo {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    /*margin-top: 26px;*/
}

.userinfo a {
    color: #333;
    margin-left: 8px;
}

.registerbox .form-actions {
    background: #fff;
    padding: 10px 19px 20px 115px;
}

.importReportInfo ul li {
    list-style: none;
}

.importReportInfo ul li.error {
    color: red;
}

.importReportInfo ul li p {
    float: left;
}

.importReportInfo ul li .title {
    color: #333;
    font-weight: bold;
    margin-right: 5px;
}

.importReportInfo ul li.error .title {
    color: red;
}

.importReportInfo ul li.gray .title,
.importReportInfo ul li.gray {
    color: #999;
}

.importReportInfo .head {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight: bold;
    margin: 10px 0;
    padding: 8px 0;
    padding-left: 10px;
}

.sublis ul li {}

.linediv {
    clear: both;
    width: 100%;
}

.sublis {}

.sublis ul li p {
    margin-right: 5px;
}

.importeddatalist {
    margin-left: 48px;
}

.importeddatalist ul li {
    list-style: none;
}

.sublis ul li a {
    margin-right: 10px;
}

.importeddatalist ul li.error {
    color: red;
}

.importeddatalist p {
    font-weight: bold;
}

.missingdatainfo {
    margin-left: 24px;
}

.missingdatainfo .head {
    font-weight: bold;
}

.red {
    color: red;
}

.tips {
    line-height: 32px;
}

#backtoimport a {
    color: #000;
    margin-left: 24px;
    text-decoration: underline;
}

#backtoimport a:hover {
    color: #666;
    margin-left: 24px;
    text-decoration: none;
}

.process_bar_error {
    border-bottom: 0;
    padding-bottom: 10px;
}

#missingdatasuccess {
    padding-top: 20px;
}

.setpagecount {
    height: 30px;
    margin-top: -10px;
}

.input-medium {
    margin-right: 10px;
    width: 120px;
}

input[type="password"].input_borderbottm {
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
}

input[type="text"].input_borderbottm {
    background: #fff;
    border: 0;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
}

input[type="text"].input-xmini {
    width: 30px;
}

a.userviewname {
    margin: 0;
}

input[type="select"].input-small {
    width: 150px;
}

.txtinfo {
    line-height: 32px;
}

#pageNav {
}

select[multiple].importedheaderselect {
    height: 270px;
}

select.importedheaderselect {
    width: 400px;
}

select.importheadheight {
    height: 300px;
}

.import-head-box {
    float: left;
    margin-right: 15px;
}

.toptitle {
    height: 60px;
}

.bottomcontent {}

.lh40 {
    line-height: 40px;
}

.lh100 {
    line-height: 300px;
}

.templatesetbox_title {
    background: #333;
    color: #fff;
}

.templateinputselect {
    line-height: 30px;
}

#usetemplate {
    line-height: 38px;
}

#import-result {
    position: relative;
}

.templatetypebox {
    position: absolute;
    right: 0;
    top: -15px;
}

.templatetypebox input {
    margin-top: -4px;
}

table.matchdetailtable {
    margin: 0;
}

table.matchdetailtable td {
    border: 0;
    min-width: 40px;
}

.up {
    border-bottom: 10px solid #999;
    border-left: 8px solid #E6E6E6;
    border-right: 8px solid #E6E6E6;
    height: 0px;
    margin-top: 5px;
    width: 0px;
}

.down {
    border-left: 8px solid #E6E6E6;
    border-right: 8px solid #E6E6E6;
    border-top: 10px solid #999;
    height: 0px;
    margin-top: 5px;
    width: 0px;
}

.upactive {
    border-bottom: 10px solid #d98d29;
    border-left: 8px solid #E6E6E6;
    border-right: 8px solid #E6E6E6;
    height: 0px;
    margin-top: 5px;
    width: 0px;
}

.downactive {
    border-left: 8px solid #E6E6E6;
    border-right: 8px solid #E6E6E6;
    border-top: 10px solid #d98d29;
    height: 0px;
    margin-top: 5px;
    width: 0px;
}

.tablewrap {
    position: relative;
}

.transhcanLoadingtrans,
.loadingtrans,
.emailTemplateLoading {
    display: none;
    left: 48%;
    position: absolute;
    top: 80px;
}



.pageFlag {
    clear: both;
}

.cancelsubtips {
    padding: 20px;
}

.forecast-graph-chart {
    height: 430px;
    margin-left: 10px;
    width: 100%;
}

.userinfo a:hover {
    color: #111;
    text-decoration: none;
}

.navgreenbg {
    background: url(images/nav_bg_green.png);
}

.navgreenmain {
    background: url(images/nav_bg_bggreen.png) repeat-x;
}

.navblackbg {
    background: url(images/nav_bg_black.png);
}

.navblackmain {
    background: url(images/nav_bg_bgblack.png) repeat-x;
}


.form-actions {
    background: #fff;
}

.container {
    position: relative;
}

.container > .importDataExport,
.container > .forecastDataExport {
    position: absolute;
    top: -40px;
    right: 10px;
}

footer .container {}

.hide_date a.ui-state-active,
.hide_date a.ui-state-default {
    cursor: default;
}

.hide_date a.ui-state-active:hover,
.hide_date a.ui-state-default:hover {
    background: #eee;
    border: none;
}

.datepick-container {
    margin-left: 5px;
    padding-left: 5px;
}

.row-container {
    margin: 0px;
    padding: 0px;
}

.show_BlackOutDays th {
    background-color: #ccc;
    border: #fff 2px solid;
    padding: 5px;
}

/*.show_BlackOutDays td {
    border: #fff 2px solid;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}*/

.row_select {
    background-color: #efefef;
}

.is_select {
    /*background-color: black;*/
}

a.ui-state-active {
    background: #e6e6e6;
}

.black-out-days-set a.ui-state-default {
    background: #bc7c1f;
    border: 2px solid #bc7c1f;
    color: white;
}

.is_select a.ui-state-active,
.is_select a.ui-state-default {
    background: #666;
    color: #fff;
}

.ui-datepicker-prev,
.ui-datepicker-next {}

td.ui-datepicker-today {
    border: 1px solid red;
}

.rowtableedti {
    margin: 0;
}

.popwin_table {
    width: 100%;
}

.popwin_table th {
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
}

.popwin_table td {
    margin-top: 5px;
    padding-top: 5px;
    vertical-align: middle;
}

.popwin_table table {
    width: 100%;
}

.popwin_table_delete {
    width: 100%;
}

.popwin_table_delete th {
    background-color: #ccc;
    border: #fff 2px solid;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
}

.popwin_table_delete td {
    border: #fff 2px solid;
    margin-top: 5px;
    padding-top: 5px;
    vertical-align: top;
}

.error_input {
    color: red;
}

.contextmenu {
    background: #efefef;
    border: 5px solid #000;
    position: absolute;
}

.hide {
    display: none;
}

.contextmenu ul {
    list-style: none;
    margin: 3px;
    padding: 0px;
}

.contextmenu ul li {
    border: 1px solid #000;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
}

.contextmenu ul li img {
    padding-bottom: 3px;
    padding-right: 10px;
    padding-top: 3px;
}

.selectworkqueue_edit,
.popupSelectBoxWrap {
    border: 1px solid #bcbcbc;
    width: 300px;
    padding: 10px 0;
}

.selectworkqueue_edit ul,
.popupSelectBoxWrap ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

/*bd4*/
.selectworkqueue_edit ul li,
.popupSelectBoxWrap ul li {
    background: #ffe3ba;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    border-radius: 8px;
    min-height: 30px;
}

.selectworkqueue_edit ul li img,
.popupSelectBoxWrap ul li img {
    padding-bottom: 2px;
    padding-right: 20px;
    width: 20px;
    margin-top: 3px;
}

.selectworkqueue_edit ul li img:hover,
.popupSelectBoxWrap ul li img:hover,
ul#shrinkagelist li span {
    cursor: pointer;
}

ul#shrinkagelist li span {
    padding: 5px 0 8px 0;
}

.selectworkqueue_edit ul li:hover,
.popupSelectBoxWrap ul li:hover {
    color: black;
    cursor: default;
}

.selectedworkqueue {
    border: 1px solid #efefef;
    margin-top: 0px;
    padding-top: 0px;
    width: 300px;
}

.selectedworkqueue ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.selectedworkqueue ul li {
    background: gainsboro;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.selectedworkqueue ul li img {
    padding-bottom: 10px;
    padding-right: 20px;
    width: 20px;
}

.selectedworkqueue ul li img:hover {
    cursor: pointer;
}

.selectedworkqueue ul li:hover {
    color: black;
    cursor: pointer;
}

.selectedworkqueue ul li.selected {
    background: #ffe3ba;
}

.btn-primary,
.btn-primary:hover {
    background-color: #ec9a2d;
}

.popupSelectAddBtn {
    background-image: url(images/site.png);
    background-position: 0 -80px;
    width: 280px;
    height: 30px;
    /*border-radius: 8px;
    border: 1px dotted #333;
    border-style: dotted;*/
    cursor: pointer;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    /*text-align: center;
    line-height: 10px;*/
}

.popupSelectAddBtn:hover {
    background-position: 0 -120px;
}

.userprofile {
    margin-left: 95px;
}

.userprofile ul li {
    list-style: none;
    margin-top: 19px;
}

.userprofile ul li .title {
    width: 140px;
}

a.useraction,
a.useraction:hover {
    background: #ec9a2d;
    border-radius: 6px;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 200px;
}

#changepwdtip,
#activatetip {
    line-height: 30px;
}

#sidebar {
    height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

#sidebarwrap {}

#sidebar p {
    background: #eee;
    font-weight: bold;
    padding: 5px;
}

#sidebar ul {
    margin: 10px;
}

#sidebar ul li {
    list-style: none;
    margin-top: 3px;
}

.sidebarstate {
    background: goldenrod;
    display: block;
    height: 12px;
    margin-top: 4px;
    width: 12px;
    border-radius: 12px;
}

.sidebarbg_0 {
    background: goldenrod;
}

.sidebarbg_1 {
    background: green;
}

.sidebarbg_2 {
    background: red;
}

.sidebarbg_3 {
    background: cornflowerblue;
}

table.tablesorter thead tr th {
    background: #e6e6e6;
    border: 0;
}

.table-striped tbody tr:nth-child(2n+1) td,
.table-striped tbody tr:nth-child(2n+1) th {
    background: #ffffff;
}

.table th,
.table td {
    border-top: 0;
    border-bottom: 1px solid #e6e6e6;
    color: #000000;
    font-family: Arial, normal;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border-radius: 0;
}

.modal_loading {
    width: 100%;
    height: 400px;
    display: block;
}

.redtip {
    line-height: 36px;
    color: red;
}

ul.data_filter_type {
    border: 1px solid #ccc;
    width: auto;
}

ul.data_filter_type li {
    height: 35px;
    line-height: 30px;
    padding: 4px 20px 0 20px;
    border: 0;
    border-left: 1px solid #ccc;
}

ul.data_filter_type li.filter_type {
    float: right;
}

#ratyService .popwin_table,
#ratyService .table-edit {
    margin-top: 0;
    margin-right: 20px;
}

#ratyService .modal-body {
    padding: 0;
}

#ratyService .modal-body .popwin_table td {
    margin-top: 0;
    padding-top: 0;
}

#ratyService .popwin_table {
    margin-bottom: 20px;
}

.ui-datepicker-trigger {
    background-image: url("images/glyphicons-halflings.png");
    background-position: -186px -113px;
    width: 25px;
    height: 28px;
    display: block;
    background-repeat: no-repeat;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    float: left;
    border-left: 0;
    cursor: pointer;
}

#ratyService .popwin_table .hasDatepicker {
    float: left;
    display: block;
}

#ratyService .popwin_table .rowno td {
    padding-top: 10px;
}

.minus-icon,
#add_blackoutdays {
    display: block;
    margin: 0 auto;
    margin-top: 4px;
    margin-left: 20px;
}

#add_blackoutdays {
    margin-top: 14px;
    outline: none;
}

tr.operateData th {
    font-weight: bold;
    text-align: left;
}

table.workQueueCheckBox {
    margin-top: 0;
}

table.workQueueCheckBox td {
    line-height: 26px;
}

.txtbgred input {
    background: red;
    height: 10px;
    border-radius: 10px;
}

.txtbggreen input {
    background: green;
    height: 10px;
    border-radius: 10px;
}


.nav-dashboard .main1 .navgreenbg,
.nav-forcast .main2 .navgreenbg,
.nav-configuration .main10 .navgreenbg,
.nav-capacity .main11 .navgreenbg,
.nav-settings .main3 .navgreenbg,
.nav-workqueue .main6 .navgreenbg,
.nav-forecastdriver .main7 .navgreenbg,
.nav-calendar .main8 .navgreenbg,
.nav-data .main9 .navgreenbg,
.combo .combo-text {}

.combo .combo-arrow {
    height: 28px;
    width: 20px;
    line-height: 30px;
    background: url("default/images/combo_arrow.gif") no-repeat scroll 3px 9px #E0ECF9;
    border: 1px solid #ccc;
    border-left: 0;
}

.controls .combo {
    border: 0;
}

.nav-help .main4 .navgreenbg,
.nav-admin .main5 .navgreenbg {
    background: url(images/nav_bg_black.png);
}

.nav-dashboard .main1 .navgreenmain,
.nav-forcast .main2 .navgreenmain,
.nav-configuration .main10 .navgreenmain,
.nav-capacity .main11 .navgreenmain,
.nav-data .main9 .navgreenbg .nav-settings .main3 .navgreenmain,
.nav-workqueue .main6 .navgreenmain,
.nav-forecastdriver .main7 .navgreenmain,
.nav-calendar .main8 .navgreenmain,
.nav-help .main4 .navgreenmain,
.nav-admin .main5 .navgreenmain {
    background: url(images/nav_bg_bgblack.png) repeat-x;
}


.nav-dashboard .main1 .navgreenbg,
.nav-forcast .main2 .navgreenbg,
.nav-configuration .main10 .navgreenbg,
.nav-capacity .main11 .navgreenbg,
.nav-data .main9 .navgreenbg .nav-settings .main3 .navgreenbg,
.nav-workqueue .main6 .navgreenbg,
.nav-forecastdriver .main7 .navgreenbg,
.nav-calendar .main8 .navgreenbg,
.nav-help .main4 .navgreenbg,
.nav-admin .main5 .navgreenbg {
    background: url(images/nav_bg_black.png) no-repeat;
}

.btneye {
    width: 28px;
    height: 25px;
    display: inline-block;
    background: url("images/glass.png") no-repeat scroll 0px 0px #fff;
    margin-right: 10px;
}

a.btneye:hover {
    background: url("images/glass.png") no-repeat scroll 0px -32px #fff;
}

.form-actions {
    border-top: 0;
}

tbody#resultbox tr td {
    height: 30px;
}

a.btn_detect {
    background: url("images/btn_detect.png") repeat scroll 0 0 transparent;
    display: inline-block;
    height: 30px;
    width: 78px;
    margin-left: 10px;
    margin-bottom: -6px;
}

a.btn_detect:hover {
    background: url("images/btn_detect.png") repeat scroll 0 -168px transparent;
}

.thesidebar {
    height: 260px;
    position: fixed;
    right: 0;
    top: 230px;
    z-index: 1039;
}

/*9eb936*/
.sidebar_left {
    width: 40px;
    background: #bc7c1f;
    height: 260px;
    display: block;
    float: left;
    cursor: pointer;
}

.sidebarwords {
    font-weight: bold;
    display: inline-block;
    color: #ffffff;
    padding-top: 5px;
    padding-left: 6px;
}

.sidebar_right {
    width: 0px;
    height: 260px;
    display: block;
    float: left;
    background: #fff;
}

.leftarrow {
    display: block;
    width: 31px;
    height: 88px;
    background: url("images/mytasks.png");
    background-position: 0px 90px;
    margin-left: 5px;
}

.rightarrow {
    display: block;
    width: 31px;
    height: 88px;
    background: url("images/mytasks.png");
    margin-left: 5px;
}

#websidebar {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ffffff;
    border-color: white white white white;
    border-image: none;
    border-radius: 5px 0 0 5px;
    border-right: 2px solid white;
    border-style: solid none solid solid;
    border-width: 2px 0 2px 2px;
    box-shadow: 0 0 15px 0 #444;
}

.sidebar_left {
    border-radius: 5px 0 0 5px;
}

#top .sidebarborder {
    border-color: #777;
}


.sidetitle {
    float: left;
    width: 20px;
    font-weight: bold;
}

.sidebarlink {
    float: left;
}

.sidebarlinkforecast {
    float: left;
}

.forecastmethod {
    float: right;
}

.data_filter_type,
#tab_Filter {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
    clear: both;
    margin-bottom: 10px;
}

.data_filter_type li,
#tab_Filter li {
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    background: #eee;
    border: 1px solid #ababab;
}

#tab_Date_Filter {
    float: right;
}

#tab_Date_Filter li {
    list-style: none;
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    background: #eee;
    border: 1px solid #ababab;
    border-left: 0;
}

.data_filter_type .filter_type_select {
    background: #333;
}

ul.data_filter_type li.filter_type_select a {
    color: #fff;
}

.data_filter_type select {
    width: 80px;
}

.filter_type {
    display: none;
}

#tab_Filter li.tab_select {
    background: #000;
}

#tab_Filter li.tab_select a {
    color: #fff;
}

#weekly_table {
    text-align: center;
}

#weekly_table th {
    border-bottom: 1px dotted #CCCCCC;
    border-right: 1px dotted #CCCCCC;
    float: left;
    height: 20px;
    margin: 0;
    padding: 8px;
    text-align: center;
    width: 132px;
    background: none repeat scroll 0 0 #E6E6E6;
    border-top: 1px solid #CCCCCC;
    color: #000000;
    font-weight: bold;
    height: 20px;
}


#weekly_table td {
    border-bottom: 1px dotted #CCCCCC;
    border-right: 1px dotted #CCCCCC;
    float: left;
    height: 20px;
    margin: 0;
    padding: 8px;
    text-align: center;
    width: 132px;
}

.isactive a.activeworkqueue {
    font-weight: bold;
}

.isall a.allworkqueue {
    font-weight: bold;
}

.combobox-item {
    cursor: pointer;
}

.panel .combo-panel .combobox-item-hover {
    background: #ddd;
}

.importreportwrap .head {
    font-weight: bold;
    margin-top: 20px;
}

.base-report-info ul {
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.base-report-info ul li {
    list-style: none;
    margin: 0;
    margin-bottom: 10px;
}

a.importReportDetailItemSelected {
    color: #fff;
    background: #b3d236;
    padding: 4px;
    border-radius: 8px;
}

a.importReportDetailItemSelected:focus {
    outline: none;
}

a.overwriteyes,
a.overwriteallyes {
    text-decoration: underline;
    color: #b3d236;
}

a.overwriteyes:hover,
a.overwriteallyes:hover {
    text-decoration: none;
    color: #b3d236;
}

a.overwriteno,
a.overwriteallno {
    text-decoration: underline;
    color: brown;
}

a.overwriteno:hover,
a.overwriteallno:hover {
    text-decoration: none;
}

#importbtns {
    height: 30px;
}

.nav-tabs a.tab {
    outline: medium none;
}

.page-content .loading {
    min-height: 800px;
}

.nav-tabs > li > a.nextyears {
    outline: none;
    border-radius: 0;
    line-height: 20px;
    padding: 0;
    margin-top: 12px;
    display: block;
    border-left: 12px solid #ec9a2d;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 12px solid transparent;
    width: 1px;
    height: 1px;
    cursor: pointer;
}

.nav-tabs > li > a.nextyears:hover {
    border-radius: 0;
    line-height: 20px;
    padding: 0;
    margin-top: 12px;
    border-width: 0;
    display: block;
    border-left: 12px solid #d9993a;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 12px solid transparent;
    background: #fff;
}

.nav-tabs > li > a.preyears {
    outline: none;
    border-radius: 0;
    line-height: 20px;
    padding: 0;
    margin-top: 12px;
    display: block;
    border-left: 12px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 12px solid #ec9a2d;
    width: 1px;
    height: 1px;
    cursor: pointer;
}

.nav-tabs > li > a.preyears:hover {
    border-radius: 0;
    line-height: 20px;
    padding: 0;
    margin-top: 12px;
    border-width: 0;
    display: block;
    border-left: 12px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 12px solid #d9993a;
    background: #fff;
}



.datepick-container {
    min-width: 250px;
    height: 280px;
}

.page-content .row-fluid [class*="span"]:first-child {
    margin-left: 10px;
}

.page-content .row-fluid [class*="span"] {
    margin-left: 10px;
}

#websidebar {
    width: auto;
}

footer a {
    color: #7D7C7D;
}

.weblogo {
    position: relative;
}

.version-info {
    position: absolute;
    left: 220px;
    top: 25px;
}

#import_paging form {
    margin: 0;
}

.show_any input[type="text"] {
    width: 100px;
}

.weekly-graph {
    position: relative;
}

#weekly .graph-loading {
    position: absolute;
    height: 400px;
    top: 0;
    left: 0;
    opacity: 1;
    background: #fefefe;
}


.userinfo {
    float: right;
}

#chartContainer {
    min-height: 400px;
}

#select_workqueue .modal-body,
#ratyService .modal-body,
#delete_ServiceCalendar .modal-body {
    overflow-x: hidden;
}

.forecastResultlititle li {
    overflow: hidden;
}

table tbody tr {
    background: #ffffff;
}

.tooltip {
    z-index: 99999;
}

.sidebarstate .tooltip .tooltip-arrow {
    border-top: 0;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #000;
    height: 0;
    top: 0;
    width: 0;
}

.sidebarstate {
    cursor: text;
}

#sidebar ul {
    padding-bottom: 20px;
}

.workqueuemissingdata a:link {
    text-decoration: none;
}

.workqueuemissingdata a:hover,
.workqueuemissingdata a:visited,
.workqueuemissingdata a:active {
    text-decoration: none;
}

a.settinga {
    height: 20px;
    width: 20px;
    display: inline-block;
}

.setting_box {
    display: inline-block;
    position: relative;
}

.setting_box ul {
    padding: 5px 0;
    margin: 0;
}

.setting-urls {
    width: 150px;
    position: absolute;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    position: absolute;
    z-index: 10;
    left: -121px;
    top: 29px;
}

.setting_box {
    padding-bottom: 11px;
    padding-right: 8px;
}

.setting_box ul li {
    list-style: none;
    background: url("images/nav_sub_arrow.png") no-repeat scroll 18px 3px transparent;
    float: none;
    line-height: 16px;
    margin: 10px 0;
    padding-left: 30px;
    padding-right: 10px;
}

.arrow.aui-css-arrow:after,
.arrow.aui-css-arrow:before {
    border-color: #000 transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    content: "";
    position: absolute;
    top: 0;
}

.arrow.aui-css-arrow:after {
    border-bottom-color: #FFFFFF;
    top: 1px;
}

.arrow.aui-css-arrow.aui-bottom-arrow:after,
.arrow.aui-css-arrow.aui-bottom-arrow:before {
    border-width: 8px 8px 0;
}

.arrow.aui-css-arrow.aui-bottom-arrow:after {
    border-top-color: #FFFFFF;
    top: -1px;
}

.hideGenerateBtn .btn_generate,
.hideGenerateBtn .delete-forecast,
.hideGenerateBtn .deleteCustom,
.hideGenerateBtn .delete-forecasts,
.hideGenerateBtn .btn_view,
.hideForecastEditBtn .btn_edit,
.hideForecastEditBtn .delete-template {
    display: none;
}

.forecastTemplateAction {
    min-width: 325px;
}

.hideGenerateBtn .forecastTemplateAction {
    min-width: 205px;
}

.Existforecastdirver ul li {
    cursor: pointer;
    background: none repeat scroll 0 0 gainsboro;
    margin-top: 5px;
    padding: 10px;
    list-style: none;
}

.Existforecastdirver {
    border: 1px solid #EFEFEF;
    margin-top: 0;
    padding-top: 0;
    width: 300px;
    margin: 0;
    padding: 0;
    height: 186px;
    overflow-x: hidden;
    overflow-y: auto;
}

.Existforecastdirver ul {
    margin: 0;
    padding: 5px;
}

.Existforecastdirver ul li > img {
    display: none;
}

.Existforecastdirver ul li.selected {
    background: #ffe3ba;
}

#file_upload-button {
    margin-left: -14px;
    padding: 0;
}

.serviceCalendar .handelBtns {
    margin-left: -18px;
}

ul.nav-tabs {}

#ServiceDate {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    margin-left: 20px;
    margin-top: 30px;
    outline: none;
    border: 0;
    box-shadow: none;
    font-size: 1px;
    color: #fff;
}

.ExistNonServiceDays ul li,
.popupDataList ul li {
    cursor: pointer;
    background: none repeat scroll 0 0 gainsboro;
    margin-top: 5px;
    padding: 10px;
    list-style: none;
}

.ExistNonServiceDays,
.popupDataList {
    border: 1px solid #EFEFEF;
    margin-top: 0;
    padding-top: 0;
    width: 300px;
    margin: 0;
    padding: 0;
    height: 186px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ExistNonServiceDays ul,
.popupDataList ul {
    margin: 0;
    padding: 5px;
}

.ExistNonServiceDays ul li > img,
.popupDataList ul li > img {
    display: none;
}

.ExistNonServiceDays ul li.selected,
.popupDataList ul li.selected {
    background: #ffe3ba;
}

.ExistNonServiceDays ul li,
.popupDataList ul li {
    cursor: pointer;
    background: none repeat scroll 0 0 gainsboro;
    margin-top: 5px;
    padding: 10px;
    list-style: none;
}


.ExistLocations,
.popupDataList {
    border: 1px solid #EFEFEF;
    margin-top: 0;
    padding-top: 0;
    width: 300px;
    margin: 0;
    padding: 0;
    height: 186px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ExistLocations ul,
.popupDataList ul {
    margin: 0;
    padding: 5px;
}

.ExistLocations ul li > img,
.popupDataList ul li > img {
    display: none;
}

.ExistLocations ul li.selected,
.popupDataList ul li.selected {
    background: #ffe3ba;
}

.ExistLocations ul li,
.popupDataList ul li {
    cursor: pointer;
    background: none repeat scroll 0 0 gainsboro;
    margin-top: 5px;
    padding: 10px;
    list-style: none;
}

.payInfo {
    padding-top: 5px;
}

.acceptTermsWrap input {
    margin-top: -3px;
    margin-right: 5px;
}

.form-horizontal .acceptTermsWrap {
    margin-bottom: 0;
    padding-bottom: 0;
}

.webMessage {
    margin-bottom: 30px;
    border-radius: 0;
}

.webMessage a {
    color: #C09853;
    text-decoration: underline;
    font-weight: bold;
}

.webMessage a:hover {
    color: #C09853;
    text-decoration: none;
}

#import-result select option {
    padding: 2px;
    margin-bottom: 1px;
}

#usecustom select option {
    padding: 2px;
    margin-bottom: 1px;
}

.reportdetails a,
.userTrashcanState a {
    background: none repeat scroll 0 0 #ec9a2d;
    border-radius: 8px;
    color: #FFFFFF;
    padding: 4px;
    text-decoration: none;
    outline: medium none;
    cursor: pointer;
}

.reportdetails a:hover,
.reportdetails a:focus,
.userTrashcanState a:hover,
.userTrashcanState a:focus {
    background: none repeat scroll 0 0 #333;
}

.reportdetails a.overwriteyes,
.reportdetails a.overwriteno {
    background: none;
    text-decoration: underline;
    color: #000;
}

.reportdetails a.overwriteyes:hover,
.reportdetails a.overwriteno:hover {
    text-decoration: none;
}

.nodisplay {
    visibility: hidden;
}


.affix {
    top: 0;
    z-index: 1039;
}

h3.pageTile {
    background: #fff;
    margin: 0;
    padding: 30px 0 4px 22px;
}

.container > .main-content > .row-fluid > .span12 > h3 {
    display: none;
}

.container > .main-content > .row-fluid > .span12 > form > h3 {
    display: none;
}

select#SelectSeperator {
    width: 120px;
}

.exportWrap {
    position: relative;
    float: left;
}

.forecastExportWrap {
    position: relative;
    float: right;
}

.accuracyExportWrap ul,
.forecastExportWrap ul,
.exportWrap ul,
.exportBtnBox ul {
    z-index: 1041;
    background: #eee;
    position: absolute;
    top: 30px;
    min-width: 68px;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-bottom: 0;
}

.forecastExportWrap ul {
    left: 10px;
    margin: 0;
}

.accuracyExportWrap ul a,
.forecastExportWrap ul a,
.exportWrap ul a,
.exportBtnBox ul a {
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    width: 90%;
    display: block;
    padding: 3px 0;
    padding-left: 10%;
}

.accuracyExportWrap ul a:hover,
.forecastExportWrap ul a:hover,
.exportWrap ul a:hover,
.exportBtnBox ul a:hover {
    background: #666;
    color: #fff;
}

#forecast-result-view-menu .exportWrap {
    position: relative;
    float: right;
}

#forecast-result-view-menu .exportWrap #exportForecastExcel {
    margin-left: 0;
}

#Forecast_accuracy .modalbody .workQueueChart {
    position: relative;
}

.accuracyExport {
    position: absolute;
    top: 5px;
    right: 40px;
}

ul.forecastResultlititle li {
    white-space: normal;
    height: auto;
    border-left: 1px dotted #CCCCCC;
    border-bottom: 0;
}

ul.forecastResultlititle {
    background: #e6e6e6;
}

.userAdminBox {
    position: relative;
}

.userSearchBox {
    position: absolute;
    top: 0px;
    right: 110px;
}

.transhcanDetails .table td,
.transhcanDetails .table th {
    border-bottom: 1px dashed #ddd;
}

a.trashcanSeleted {
    background: #222;
    color: #fff;
}

.register-words {
    width: 48%;
    float: left;
    padding: 10px 0 30px 0;
    margin-right: 5%;
    line-height: 20px;
}

.register-form {
    width: 42%;
    float: left;
    padding: 30px 0 30px 0;
    min-width: 295px;
}

#addNewUser.span12 {
    margin-left: 0;
}

ul.forecastResultItem li input {
    padding-bottom: 0px;
    margin-top: -3px;
}

/*login*/
.login-page-content {
    width: 600px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 345px;
}

.login-page-content .innerWrap,
.register-page-content .innerWrap {
    background: #fff;
    padding: 10px 20px 0 20px;
}

.register-page-content {
    margin: 0 auto;
    margin-bottom: 379px;
    margin-top: 45px;
}

.register-page-content .form-actions {
    padding-top: 0;
}

.user-setting-icon {
    position: absolute;
    left: 130px;
    right: auto;
    top: -9px;
}

/*login end*/

/*register*/
.form-horizontal .register-form .control-label {
    width: 60px;
    text-align: left;
}

.form-horizontal .register-form .controls {
    margin-left: 70px;
}

.form-horizontal .register-form .form-actions {
    padding-left: 70px;
}

/*register end*/
/*passwordRetrieve*/
.passwordRetrieve-page-content .form-horizontal .control-group .control-label {
    width: 60px;
    text-align: left;
}

.passwordRetrieve-page-content .form-horizontal .control-group .controls {
    margin-left: 60px;
}

.passwordRetrieve-page-content .form-horizontal .form-actions {
    padding: 0;
}

/*passwordRetrieve end*/
.form-actions a {
    outline: none;
}

.table {
    word-break: break-all;
}

#ratyService .hasDatepicker {
    width: 100px;
}

.show_BlackOutDays {
    float: left;
    width: 301px;
    min-width: 301px;
    min-height: 1px;
}

.show_BlackOutDays h1 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

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

.show_BlackOutDays .noData {
    padding-top: 10px;
}

.show_BlackOutDays > ul > li {
    list-style: none;
    background: #d6d6d6;
    border-radius: 6px;
    padding: 8px;
    cursor: pointer;
}

.show_BlackOutDays > ul > li.main {
    margin-top: 10px;
}

.show_BlackOutDays > ul > li.active {
    background: #ec9a2d;
    color: #fff;
}

.show_BlackOutDays > ul > li.driverDetail {
    list-style: none;
    background: #fff;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
    cursor: default;
    display: none;
}

.show_BlackOutDays .driverDetailContent {
    max-height: 300px;
    overflow-y: auto;
}

.show_BlackOutDays .driverDetailItem {}

.show_BlackOutDays .driverDetailTitlePartOne {
    display: inline-block;
    background: #ccc;
    width: 130px;
    padding: 5px;
}

.show_BlackOutDays .driverDetailTitlePartTwo {
    display: inline-block;
    background: #ccc;
    width: 148px;
    padding: 5px;
    margin-left: 2px;
}

.show_BlackOutDays .driverDetailPartOne {
    display: inline-block;
    width: 130px;
    padding: 5px;
}

.show_BlackOutDays .driverDetailPartTwo {
    display: inline-block;
    width: 130px;
    padding: 5px;
    margin-left: 2px;
}

.show_BlackOutDays .nonServiceDayDetailTitlePartOne {
    display: inline-block;
    background: #ccc;
    width: 100px;
    padding: 5px;
}

.show_BlackOutDays .nonServiceDayDetailTitlePartTwo {
    display: inline-block;
    background: #ccc;
    width: 177px;
    padding: 5px;
    margin-left: 2px;
}

.show_BlackOutDays .nonServiceDayDetailPartOne {
    display: inline-block;
    width: 100px;
    padding: 5px;
}

.show_BlackOutDays .nonServiceDayDetailPartTwo {
    display: inline-block;
    width: 160px;
    padding: 5px;
    margin-left: 2px;
}

#delete_data th,
#delete_data td {
    text-indent: 1em;
}

#ratyService .des {
    width: 180px;
}

.sampleLink a {
    color: #C09853;
    text-decoration: underline;
    font-weight: bold;
}

.sampleLink a:hover {
    color: #C09853;
    text-decoration: none;
}

#nonserviceDays {
    border-top: 1px solid #e6e6e6;
    padding-top: 13px;
}

#nonserviceDays #calendarPart,
#otherIntervalCalendarPart {
    position: relative;
    margin-left: 20px;
}

.calendarPartloading {
    position: absolute;
    top: 80px;
    left: 370px;
    z-index: 2;
    display: none;
}

.addImportDataList ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.addImportDataList ul li {
    list-style: none;
    float: left;
    text-align: left;
}

.addImportDataList ul li.lione {
    width: 60px;
}

.addImportDataList ul li.lisecond {
    width: 108px;
}

.addImportDataList ul li.lithird {
    width: 140px;
}

.addImportDataList_title li {
    font-weight: bold;
}

#modalAddNewImportData .modal-body {
    padding-top: 0;
}

#modalAddNewImportData .modal-body h4 {
    padding-top: 0;
    margin-top: 0;
}

#modalAddNewImportData .addImportDataList_title {
    margin-bottom: 5px;
}

.import-add-tip {
    line-height: 30px;
}

#addNewLoading {
    margin-top: 8px;
}

#modalAddNewImportData input {
    width: 100px;
}

#cornerBox {
    line-height: 32px;
    text-align: left;
}

.chartup {
    border-bottom: 10px solid #999999;
    border-left: 8px solid #ddd;
    border-right: 8px solid #ddd;
    height: 0;
    width: 0;
    float: left;
    margin-top: 10px;
    margin-left: 20px;
}

.chartdown {
    border-top: 10px solid #999999;
    border-left: 8px solid #ddd;
    border-right: 8px solid #ddd;
    height: 0;
    width: 0;
    float: left;
    margin-top: 10px;
    margin-left: 20px;
}

.prompt-li h3 {
    margin-bottom: 10px;
    padding-left: 0;
}

.prompt-li div.span12 {
    width: 97%;
}

#atlwdg-trigger {
    display: none;
}

#outliermultiplier_setting {
    display: none;
}

.nav_wrap {
    background: #000;
    padding-top: 16px;
    min-height: 43px;
    margin: 0 auto;
    width: 100%;
}

.webtopbar {
    margin-bottom: 30px;
}

.navbar .nav {
    margin: 0;
}

.web_nav ul.nav li {
    margin: 0;
}

.web_nav {
    /*margin-top: 50px;*/
    /*background: url(images/nav_bg_bggreen.png) repeat-x #88a31e;*/
    font-family: Arial, normal, capatalize;
}

.web_nav .navbar {
    margin-bottom: 0;
}

.web_nav .navbar-inner {
    border: 0;
    background: none;
}

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

.web_nav ul li {
    float: left;
    list-style: none;
}

.web_nav a {
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}

.web_nav a:hover {
    color: #fff;
    text-decoration: none;
}

.web_nav a.active {
    color: #fff;
    text-decoration: none;
}

.web_nav .mainli {
    position: relative;
}

.web_nav ul.submenus {
    background: url(images/arrow-down.png) no-repeat 40% top #fff;
    border: 2px solid #000;
    display: none;
    margin: 0px;
    padding: 10px 0;
    position: absolute;
    z-index: 10;
    font-size: 11px;
    left: 5px;
}

li.mainnavli .navmain {}

.web_nav ul.submenus a {
    color: #000;
    font-weight: bold;
}

.web_nav li.main2 ul.submenus {
    width: 170px;
}

.web_nav li.main9 ul.submenus {
    width: 125px;
}

.web_nav li.main10 ul.submenus {
    width: 195px;
}

/*.web_nav .nav{background:  url("images/nav_bg_bggreen.png") repeat-x scroll 0 0 #88A31E;}
.navbar .nav > li > a {margin: 0;padding: 0;padding-left: 38px;padding-right: 12px;height: 37px;line-height: 40px;}
.navbar .nav > li > a {background: url(images/nav_active.png) no-repeat;border-radius: 0;}
.navbar .nav > li > a:hover,.navbar .nav > li.active > a  {background: url(images/nav_hover.png) no-repeat; }*/

.navbar .nav > li > a,
.navbar .nav > li > a:visited {
    font-family: "Helvetica Neue", Helvetica, Arial, serif;
    border: 1px solid #1c1c1c;
    border-bottom: 0;
    border-top-color: #2b2b2b;
    border-left-color: #2b2b2b;
    margin: 0 5px;
    padding: 10px 20px;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 1px rgba(0, 0, 0, 0.75);
    cursor: pointer;
    line-height: 21px;
    border-radius: 4px 4px 0 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkM2QzZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3d3d3d), color-stop(50%, #000000), color-stop(100%, #000000));
    background-image: -webkit-linear-gradient(top, #3d3d3d, #000000, #000000);
    background-image: -moz-linear-gradient(top, #3d3d3d, #000000, #000000);
    background-image: -o-linear-gradient(top, #3d3d3d, #000000, #000000);
    background-image: linear-gradient(top, #3d3d3d, #000000, #000000);
}

.nav-dashboard ul li.main1 > a,
.nav-forcast ul li.main2 > a,
.nav-configuration ul li.main10 > a,
.nav-capacity ul li.main11 > a,
.nav-data ul li.main9 > a,
.nav-settings ul li.main3 > a,
.nav-workqueue ul li.main6 > a,
.nav-forecastdriver ul li.main7 > a,
.nav-calendar ul li.main8 > a,
.nav-help ul li.main4 > a,
.nav-admin ul li.main5 > a {
    color: #d9993a;
    /*background: url(images/nav_hover.png) no-repeat;*/
}

.web_nav .navbar-inner {
    min-height: 37px;
}

.web_nav ul.submenus a:hover {
    color: #d9993a;
}

.web_nav .navbar-inner {
    margin-left: 0;
    padding: 0;
}

.web_nav ul.submenus li {
    background: url(images/nav_sub_arrow.png) no-repeat 18px 40%;
    float: none;
    line-height: 16px;
    margin: 0px;
    padding-left: 30px;
    padding-right: 10px;
    margin: 10px 0;
}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
    text-shadow: none;
    color: #ffffff;
}

.navbar-inverse .nav > li.active > a,
.navbar-inverse .nav > li.active > a:hover,
.navbar-inverse .nav > li.active > a:focus {
    color: #d9993a;
}

.web-menus .navleft {
    display: block;
    height: 37px;
    margin-right: 0;
    width: 28px;
}

.web-menus .navmain {
    height: 37px;
    line-height: 35px;
    margin-right: 0;
    padding: 0 25px 0 4px;
}

.web-menus .active .navgreenbg {
    background: url(images/nav_bg_black.png);
}

.web-menus .active .navgreenmain {
    background: url(images/nav_bg_bgblack.png) repeat-x;
}

.form-actions {
    margin-top: 0;
}

.volumnAndAhtBox {}

.volumnAndAhtBox input {
    padding-top: 0;
    margin-top: -3px;
}

.volumnAndAhtBox .item {
    margin-top: 5px;
}

div.businessdaychk {
    margin-bottom: 5px;
}

div.businessdaychk input,
div.businessdaychk div {
    display: inline-block;
}

div.businessdaychk .weekLabel {
    width: 70px;
}

div.businessdaychk input[type="text"] {
    width: 23px;
}

div.businessdaychk input[type="text"].timeStyle {
    width: 37px;
}

div.businessdaychk .inputPercent {
    margin-left: 25px;
}

div.businessdaychk input[type="checkbox"] {
    margin-top: 6px;
}

.businessdaychkLable {
    margin-bottom: 5px;
}

.businessdaychkLable .item1 {
    display: inline-block;
    margin-left: 92px;
    width: 48px;
}

.businessdaychkLable .item2 {
    display: inline-block;
}

.businessdaychkLable .item3 {
    display: inline-block;
    margin-left: 48px;
}

.selectAllBox {
    border-bottom: 1px dotted #ccc;
    width: 405px;
    padding-bottom: 3px;
}

.show_BlackOutDays.diverList .serviceDesrip {
    width: 280px;
}

.show_BlackOutDays.diverList th,
.show_BlackOutDays.diverList td {
    text-align: left;
    padding-left: 10px;
}

.show_BlackOutDays.diverList input {
    margin-right: 8px;
    margin-top: -3px;
    outline: none;
}

#driveEditModal h1 {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

#driveEditModal ul li {
    list-style: none;
}

#driveEditModal ul li span {
    display: inline-block;
    width: 90px;
}

#driveEditModal ul li input {
    display: inline-block;
    width: 50px;
}

#driveEditModal .modal-body {
    width: 350px;
}

ul.editDriverList {
    margin: 0;
    padding: 0;
    margin-right: 6px;
    margin-top: 10px;
}

ul.editDriverList li {
    list-style: none;
    background: #ccc;
    border-radius: 6px;
    padding: 6px 8px;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden;
}

ul.editDriverList li.active {
    background: #ec9a2d;
    color: #fff;
}

span.editDateView {
    line-height: 30px;
}

#ratyService .formloadingsmall,
#delete_ServiceCalendar .formloadingsmall {
    padding-top: 6px;
}

#modalVersionDetail .modal-body {
    padding-bottom: 20px;
}


#calendarPart {
    margin-top: 40px;
}

.pageTileContainer {
    background: #fff;
}

h3.pageTile {
    padding-left: 0;
    padding-right: 0;
    margin-left: 20px;
    margin-right: 20px;
}

#yearsTab.nav-tabs > li > a {
    border-radius: 4px;
}

.calendarAndYearTab {}

.calendarAndYearTab .handelBtns {
    float: left;
}

.calendarAndYearTab #yearsTab.nav {
    float: right;
    border: 0;
    margin-bottom: 16px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center;
}

.intervalSelect {}

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

.intervalSelect ul li {
    list-style: none;
    float: left;
    background: #444444;
    color: #fff;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    margin-right: 5px;
    min-width: 60px;
    text-align: center;
}

.intervalSelect ul li.active {
    background: #ec9a2d;
}

#otherIntervalCalendarPart {
    padding-top: 10px;
}

.otherIntervalBox h1 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}

.otherIntervalBox .otherIntervalBoxContent {}

.otherIntervalBox .dateItem {
    float: left;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 5px;
}

.otherIntervalBox .dateItem:hover {
    border: 1px solid #999;
}

.otherIntervalBox.weekBox h1 {
    margin-left: 4px;
}

.weekBox .dateItem {
    width: 68px;
    margin: 0 4px;
    margin-bottom: 14px;
    height: 79px;
}

.weekBox .dateLabel {
    border: 1px solid transparent;
    color: #000;
    background: #ccc;
    text-align: center;
    font-size: 11px;
    line-height: 12px;
    padding: 5px 0;
    padding-bottom: 8px;
    border-radius: 4px;
    margin-bottom: -6px;
}

.weekBox .dateValue {
    border: 1px solid #ccc;
    text-align: center;
    padding: 12px 0;
    font-size: 16px;
    border-radius: 4px;
    background: #fff;
    color: #000;
}

.weekBox .dateItem.active .dateLabel {
    border: 1px solid transparent;
    color: #ffffff;
    background: #111;
}

.weekBox .dateItem.active .dateValue {
    border: 1px solid transparent;
    color: #ffffff;
    background: #bc7c1f;
}

.otherIntervalBox.monthBox h1 {
    margin-left: 4px;
}

.monthBox .dateItem {
    width: 54px;
    margin: 0 4px;
    margin-bottom: 12px;
    height: 71px;
}

.monthBox .dateLabel {
    border: 1px solid transparent;
    color: #000;
    background: #ccc;
    text-align: center;
    font-size: 14px;
    line-height: 12px;
    padding: 9px 0;
    padding-bottom: 10px;
    border-radius: 4px;
    margin-bottom: -4px;
}

.monthBox .dateValue {
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    border-radius: 4px;
    background: #fff;
    color: #000;
}

.monthBox .dateItem.active .dateLabel {
    border: 1px solid transparent;
    color: #ffffff;
    background: #111;
}

.monthBox .dateItem.active .dateValue {
    border: 1px solid transparent;
    color: #ffffff;
    background: #bc7c1f;
}

.otherIntervalBox.quarterBox h1 {
    margin-left: 42px;
}

.quarterBox .dateItem {
    width: 110px;
    margin: 0 42px;
    margin-bottom: 12px;
    height: 76px;
}

.quarterBox .dateLabel {
    border: 1px solid transparent;
    color: #000;
    background: #ccc;
    text-align: center;
    font-size: 13px;
    line-height: 12px;
    padding: 10px 0;
    padding-bottom: 10px;
    border-radius: 4px;
    margin-bottom: -4px;
}

.quarterBox .dateValue {
    border: 1px solid #ccc;
    text-align: center;
    padding: 12px 0;
    font-size: 16px;
    border-radius: 4px;
    background: #fff;
    color: #000;
}

.quarterBox .dateItem.active .dateLabel {
    border: 1px solid transparent;
    color: #ffffff;
    background: #111;
}

.quarterBox .dateItem.active .dateValue {
    border: 1px solid transparent;
    color: #ffffff;
    background: #bc7c1f;
}

.otherIntervalBox .dateItem.selected .dateValue {
    background: #666;
    color: #fff;
}

.otherIntervalBox .dateItem.selected.active .dateValue {
    border: 2px solid #bc7c1f;
}

#otherIntervalCalendarBox {
    display: none;
    width: 200px;
    height: 200px;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: fixed;
    top: 200px;
    left: 900px;
    z-index: 1051;
    background: #eee;
}

.driverDetailButtons {
    padding: 2px 0;
}

.businessdaychk .weekLabel {
    line-height: 26px;
}

.businessdaychkLable,
.businessdaychk .timeStyle,
.businessdaychk .onlynum,
.businessdaychk .timeLabel,
.businessdaychk .percentLabel {}

#pageAlertInfo .webMessage {
    margin-bottom: 0;
    margin-top: -2px;
    clear: both;
}

#select_shrinkages h3 {
    font-size: 18px;
}

.modal h3 {
    padding-left: 0;
}

#CapacityForm #Interval,
#FteCostPerHourType {
    width: 123px;
}

#FteCostPerHourValue,
#FteHours {
    width: 100px;
}

#CapacityForm .control-group {
    float: left;
    margin-right: 15px;
}

#CapacityForm.form-horizontal .control-label {
    width: auto;
    float: left;
}

#CapacityForm.form-horizontal .controls {
    float: left;
    margin-left: 10px;
}

#CapacityForm #shrinkagebox.control-group {
    clear: both;
    width: 100%;
}

#CapacityForm #shrinkagebox .controls {
    width: 85%;
}

#CapacityForm #shrinkagebox .controls .popupSelectBoxWrap {
    width: 100%;
}

#CapacityForm #shrinkagebox .controls .popupSelectAddBtn {
    margin-top: -5px;
    width: 102px;
    height: 30px;
    background-image: url(images/site.png);
    background-position: -650px -1866px;
}

#CapacityForm #shrinkagebox .controls .popupSelectAddBtn:hover {
    background-position: -650px -1906px;
}

#CapacityForm #shrinkagebox .controls .popupSelectBoxWrap ul li {
    width: auto;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    height: 26px;
}

#CapacityForm #shrinkagebox .controls ul#shrinkagelist {
    margin-left: 125px;
}

#CapacityForm.form-horizontal .form-actions {
    padding-left: 0;
    margin-left: 0;
}

#CapacityForm #shrinkagebox .controls .popupSelectBoxWrap ul li img {
    margin-top: 0;
    margin-right: 10px;
    padding-right: 0;
}

.levelItem {
    position: relative;
    padding-left: 110px;
    margin: 0;
    margin-top: 10px;
    background: url(images/levelLinebg.png) no-repeat 36px 18px;
}

.levelItem .levelLabel {
    background: #ccc;
    padding: 10px;
    border-radius: 5px;
    float: left;
    cursor: pointer;
    padding-left: 40px;
}

.levelItem .deleteLevel {
    position: absolute;
    top: 0;
    left: 0;
    padding: 9px 7px;
}

.levelItem .levelAddWorkqueues {
    float: left;
    margin-top: 10px;
    margin-left: 8px;
    border: 1px solid #ccc;
    padding: 0 4px;
    margin-top: 0;
    padding-top: 3px;
}

.levelItem .levelAddWorkqueues a {
    display: inline-block;
    width: 175px;
    height: 30px;
    background-image: url(images/site.png);
    background-position: -329px -1941px;
    margin-bottom: -2px;
}

.levelItem .levelAddWorkqueues a:hover {
    background-position: -329px -1981px;
}

#shrinkagebox {
    background: #fff;
    margin-bottom: 0;
    width: 100%;
}

#levelBox {
    width: 100%;
    background: #fff;
    margin-bottom: 0;
    margin-top: 15px;
}

.levelItem .subInfo {
    background: url(images/levelBg.png) repeat-y 36px 0;
}

.levelItem .addSubLevel {
    margin-top: 5px;
    margin-left: 27px;
    float: left;
}

.levelItem .levelWorkqueues {
    display: none;
}

#levelBox > .controls > .levelItem {
    padding-left: 0;
    margin: 10px 0;
    background: none;
}

#levelBox > .controls > .levelItem > .clearfix > .levelLabel {
    padding-left: 10px;
}

#levelBox > .controls > .levelItem > .clearfix > .deleteLevel {
    display: none;
}

#levelBox > .controls > .levelItem > .clearfix > .line {
    display: none;
}

.levelItem .levelMain .line {
    background: #000;
    height: 15px;
    width: 1px;
    display: block;
    position: absolute;
    top: 13px;
    left: 34px;
}

.levelItem .blankBox {
    display: none;
}

.levelItem.hasSub > .clearfix > .levelAddWorkqueues,
.levelItem.hasSub > .clearfix > a.levelWorkqueueCount {
    display: none;
}

#Onelevel {
    display: none;
}

.levelItem.hasSub > .addSubLevel {
    position: absolute;
    top: 40px;
    left: 110px;
}

#levelBox > .controls > .levelItem.hasSub > .addSubLevel {
    position: absolute;
    top: 40px;
    left: 0;
}

.levelItem.hasSub > .blankBox {
    display: block;
    position: absolute;
    top: 40px;
    left: 135px;
    background: #fff;
    width: 20px;
}

#levelBox > .controls > .levelItem.hasSub > .blankBox {
    position: absolute;
    top: 40px;
    left: 25px;
}

.levelItem > .levelMain {
    height: 40px;
    min-width: 430px;
    position: relative;
}

.levelItem > .levelMain > .levelLabel,
.levelItem > .levelMain > .deleteLevel,
.levelItem > .levelMain > .levelAddWorkqueues,
.levelMain > a {
    display: inline-block;
}

#existsWorkqueueBox .existWorkqueue {
    height: 250px;
}

a.levelWorkqueueCount {
    display: none;
    background: #bc7c1f;
    border-radius: 12px;
    height: 24px;
    color: #fff;
    margin-left: 8px;
    margin-top: 8px;
    text-align: center;
    line-height: 25px;
    padding: 0 8px;
}

.selectShrinkage {
    min-height: 46px;
}

div#permissionBox .box_label {
    float: left;
    margin-right: 10px;
}

div#permissionBox .box_content {
    float: left;
    border: 1px solid #ccc;
    padding-right: 30px;
}

div#permissionBox ul li {
    margin-top: 0;
    margin-left: 20px;
}

div#permissionBox ul {
    margin-left: 10px;
    margin-top: 10px;
}

div#permissionBox input[type="checkbox"] {
    display: inline-block;
    margin-bottom: 9px;
    margin-right: 5px;
    outline: none;
}

div#permissionBox ul li.levelRoot {
    margin-left: 0;
}

div#permissionBox ul li.levelSub {
    margin-left: 40px;
}

div#permissionBox ul li .box_item_label {
    display: inline-block;
}

.userPrivacy {
    margin-bottom: 10px;
}

.userPrivacy input {
    float: left;
    margin-right: 10px;
    outline: none;
}

.userPrivacy .content {
    float: left;
    width: 80%;
}

#userPrivacy-Validation-Tip.input-tip {
    padding-top: 0;
    padding-left: 22px;
}

.navbar-inner.hideAllNav li {
    display: none;
}

.navbar-inner.hideAllNav.view_1 li.main1 {
    display: block;
}

.navbar-inner.hideAllNav.view_2 li.main9 {
    display: block;
}

.navbar-inner.hideAllNav.view_3 li.main2 {
    display: block;
}

.navbar-inner.hideAllNav.view_4 li.main11 {
    display: block;
}

.navbar-inner.hideAllNav.view_5 li.main8 {
    display: block;
}

.navbar-inner.hideAllNav.view_6 li.main10 {
    display: block;
}

.navbar-inner.hideAllNav.view_7 li.sub7 {
    display: block;
}

.navbar-inner.hideAllNav.view_8 li.sub8 {
    display: block;
}

.navbar-inner.hideAllNav.view_9 li.sub9 {
    display: block;
}

.navbar-inner.hideAllNav.view_10 li.sub10 {
    display: block;
}

.navbar-inner.hideAllNav.view_11 li.sub11 {
    display: block;
}

.navbar-inner.hideAllNav.view_12 li.sub12 {
    display: block;
}

.navbar-inner.hideAllNav.view_13 li.sub13 {
    display: block;
}

.navbar-inner.hideAllNav.view_14 li.main4 {
    display: block;
}

.navbar-inner.hideAllNav.view_14 li.main4.active ul.submenus,
.navbar-inner.hideAllNav.view_14 li.main4.active ul.submenus li {
    display: block;
}

#sidebarwrap {
    position: relative;
}

.sideBar_delete {
    position: absolute;
    top: 3px;
    right: 18px;
    background: #c09853;
    padding: 1px 6px;
    border-radius: 2px;
    color: #fff;
    display: none;
}

.sideBar_delete:hover {
    background: #333;
    color: #fff;
}

#sidebar {
    margin-top: 25px;
    height: 220px;
}

#new_shrinkage .modal-body .control-group label {
    width: 100px;
    float: left;
}

#new_shrinkage .modal-body .control-group input {
    float: left;
}

#new_shrinkage .modal-body .control-group .controls {
    padding-left: 100px;
    clear: both;
}

#forecastControl .versionLabel {}

td.nonServiceDay_queue_box .nonServiceDay_queue_checkbox {
    width: 20px;
}

td.nonServiceDay_queue_box .nonServiceDay_queue_checkbox input {
    margin-bottom: 5px;
}

td.nonServiceDay_queue_box .nonServiceDay_queue_label {
    text-align: left;
}

td.nonServiceDay_queue_box table {
    margin-top: 0;
}

div.nonServiceDay_queue_list {}

.activate_status {
    color: green;
    font-weight: bold;
}

.deactivate_status {
    color: red;
}

.licenceMessage {
    float: right;
    padding-right: 40px;
}

/*shared css*/
.btn_export,
.btn_new,
.btn_search,
.btn_edit,
.btn_delete,
.btn_deactivate,
.btn_activate,
.uploaderBtn,
.btn_view,
.btn_generate,
.delete_button,
.btn_ok,
.btn_cancel,
.add_workqueue,
.btn_change,
.btn_login_green,
.btn_register_black,
.btn_register_green,
a.matchqueue,
.editdateformat,
.deletematchitem,
.btn_continue,
.btn_continue,
.btn_sendpassword,
.btn_save {
    background-color: #ec9a2d;
    color: #fff;
    padding: 5px;
    border-radius: 6px;
    text-align: center;
    min-width: 60px;
    display: inline-block;
    background-image: none;
    cursor: pointer;
    font-weight: 400;
}

.btn_edit_gray {
    background-color: #e6e6e6;
    color: #fff;
    padding: 5px;
    border-radius: 6px;
    text-align: center;
    min-width: 60px;
    display: inline-block;
    background-image: none;
}

a.matchqueue {
    margin-top: 173px;
}

.uploaderBtn {
    margin-bottom: 20px;
}

.add_workqueue {
    width: 250px;
    margin-left: 20px;
    cursor: pointer;
}

.btn_register_green:before,
.btn_register_black:before {
    content: "Register";
}

.btn_login_green:before {
    content: "Login";
}

.btn_change:before {
    content: "Change";
}

.add_workqueue:before {
    content: "Add";
}

.btn_ok:before {
    content: "Ok";
}

.btn_cancel:before {
    content: "Cancel";
}

.btn_export:before {
    content: "Export";
}

.btn_new:before {
    content: "New";
}

.btn_search:before {
    content: "Search";
}

.btn_edit:before,
.editdateformat:before {
    content: "Edit";
}

.btn_delete:before,
.deletematchitem:before {
    content: "Delete";
}

.btn_deactivate:before {
    content: "Deactivate";
}

.btn_activate:before {
    content: "Activate";
}

.uploaderBtn:before {
    content: "Import";
}

.btn_view:before {
    content: "View";
}

.btn_generate:before {
    content: "Generate";
}

.delete_button:before {
    content: "Delete";
}

a.matchqueue:before {
    content: "Match";
}

.btn_continue:before {
    content: "Continue";
}

.btn_sendpassword:before {
    content: "Send";
}

.btn_save:before {
    content: "Save";
}

.btn_edit_gray:before {
    content: "Edit";
}

.btn_export:hover,
.btn_new:hover,
.btn_search:hover,
.btn_edit:hover,
.btn_delete:hover,
.btn_deactivate:hover,
.btn_activate:hover,
.uploaderBtn:hover,
.btn_view:hover,
.btn_generate:hover,
.delete_button:hover,
.btn_ok:hover,
.btn_cancel:hover,
.add_workqueue:hover,
.btn_change:hover,
.btn_login_green:hover,
.btn_register_black:hover,
.btn_register_green:hover,
a.matchqueue:hover,
.editdateformat:hover,
.deletematchitem:hover,
.btn_continue:hover,
.btn_sendpassword:hover,
.btn_save:hover,
.btn_edit_gray:hover {
    color: #fff;
}

/*Lay out frame*/
#main_content {
    width: 100%;
    background-color: #f7f6f6;
    padding-top: 96px;
}

#main_container {
    width: auto;
    background-color: #fff;
    padding-left: 80px;
}

/* Page header */
#header_content {
    width: 100%;
    height: 96px !important;
    overflow: hidden;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ebebeb;
    z-index: 300  !important;
    background: white;
    position: fixed;
}

#site_logo {
    background: url(../Images/stratex-logo-big-new.svg) 0px 0px no-repeat;
    cursor: pointer;
    text-align: center;
    float: left;
    margin: 28px 0 0 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 175px;
    height: 40px;
}

#navigation_bar #site_logo {
    width: 40px;
}

.logo_small{ display: inline-block;}
.logo_big{ display: none}

#navigation_bar:hover .logo_small{ display: none;}
#navigation_bar:hover .logo_big{ display: inline-block;}
#navigation_bar:hover #site_logo {
    width: 180px;
    text-align: left;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



.header_page_title h4{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.04em;
    color: #000000;
    padding: 32px 0 0 105px;
    margin: 0px;
    width: 92%;
}

.user_section {
    float: left;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

.user_icon {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

#quickstart {
    background-image: url("https://dtapgeneral.blob.core.windows.net/statics/quickstart.png");
}

#user_profile {
    background-image: url("images/shared/user_profile.png");
}

#admin_user {
    background-image: url("images/shared/admin.png");
}

#log_out {
    background-image: url("images/shared/log_out.png");
}

/* Navigation bar */
#navigation_bar {
    width: 80px;
    background-color: #fff;
    list-style: none;
    float: left;
    position: fixed;
    z-index: 920;
    height: 100vh;
    top: 0px;
    border-right: 1px solid #DBDCE1;
    
    padding: 0px 0 53px 0;

    /*overflow: hidden;*/

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

#navigation_bar:hover {
    box-shadow: 20px 0px 50px rgba(91, 93, 107, 0.16);
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    width: 280px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#navigation_bar:hover a.submenu_link {
    opacity: unset;
}

a.submenu_link {
    opacity: 0;
}


.sidebar-dropdown.active .sidebar-submenu {
    opacity: 0 !important;
    height: 0 !important;
    margin: 0px !important;
    padding: 0px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#navigation_bar:hover .sidebar-submenu {
    opacity: unset !important;
    height: unset !important;
    margin: 11px 24px 11px 34px !important;
    padding: 2px 0 0 10px !important;

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


#navigation_bar:hover .tooltip_notifiction {
    right: 3px;
}

#navigation_bar:hover .sidebar-user-col p {
    display: block;
}

#navigation_bar:hover .sidebar-user-icons {
    display: block;
}


#navigation_bar:hover a.submenu_link {
    display: block;
}


#navigation_bar:hover .custom_nv{

    overflow-y: scroll;
    overflow-x: hidden;
}



.nav_icon {
    width: 69px;
    height: 51px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.nav_icon:hover {
    /*background-color: #d6d6d6;*/
}

/*

#nav_dashboard {
    background-image: url("images/shared/dashboard.png");
}

#nav_configuration {
    background-image: url("images/shared/configuration.png");
}

#nav_data {
    background-image: url("images/shared/data.png");
}

#nav_forecast {
    background-image: url("images/shared/forecast.png");
}

#nav_calendar {
    background-image: url("images/shared/calendar.png");
}

#nav_capacity {
    background-image: url("images/shared/capacity.png");
}
#nav_user {
    background-image: url('images/usermanagementdashboard.png');
}   
#nav_LeaveOVerview2 {
    background-image: url('images/leaveOverview.png');
}
#nav_ShiftSwapOverView {
    background-size:40px;
    background-image: url('images/ShiftSwapOverView.png');
}
#nav_ShiftSwapOverView_Request {
    background-size: 40px;
    background-image: url('images/ShiftSwapOverViewRequest.png')
}
#nav_IsHourApprovalActive_Request {
    background-size: 40px;
    background-image: url('../Images/event_available_black_24dp.svg');
}
#nav_pool {
    background-image: url('images/poolman3.PNG');
}

#nav_requiredHour {
    background-image: url('images/requiredicon.PNG');
}
    #nav_task {
        background-image: url("images/shared/task.png");       
    }

#nav_agent{
    background-image: url('images/shared/pool.png');
}

SC-2003
#nav_schedules {
    background-image: url('../Images/Schedule6.png');
}
#nav_schedules3 {
    background-image: url('../Images/Schedule6.png');
}
#nav_hourapproval {
    background-size: 40px;
    background-image: url('images/event_available_black_24dp.svg');
}
#nav_logviewer {
    background-image: url('/Content/images/shared/LogViewer.png');
}

#nav_schedules2 {
    background-image: url('../Images/Schedules.png');
}
#nav_report {
        background-image: url("images/shared/report.png");
    }
#nav_adherence {
    background-image: url('../Images/pool/Adherence.png');
}
#nav_task {
    background-image: url("images/shared/task.png");
}

#nav_feedback {
    background-image: url("images/shared/feedback.png");
}

#nav_help {
    background-image: url("images/shared/help.png");
}

#nav_customer {
    background-image: url('../Images/customer.png');
}
#nav_desc_customer {
    background-image: url('../Images/customer_hover.png');
    left: 10%;
}
*/

/*SXC-1519 START!*/
/*SXC-1520 START!*/
#pendingShiftSwapRequestsEmployee {
    display: block;
    position: absolute;
    top: 2px;
    right: auto;
    left: 40px;
    height: 24px;
    width: 33px;
    background-repeat: no-repeat;
    background-position: center;
}

.pendingShiftSwapRequestsEmployee_num_1 {
    background-image: url("images/shared/1.png");
}

.pendingShiftSwapRequestsEmployee_num_2 {
    background-image: url("images/shared/2.png");
}

.pendingShiftSwapRequestsEmployee_num_3 {
    background-image: url("images/shared/3.png");
}

.pendingShiftSwapRequestsEmployee_num_4 {
    background-image: url("images/shared/4.png");
}

.pendingShiftSwapRequestsEmployee_num_5 {
    background-image: url("images/shared/5.png");
}

.pendingShiftSwapRequestsEmployee_num_6 {
    background-image: url("images/shared/6.png");
}

.pendingShiftSwapRequestsEmployee_num_7 {
    background-image: url("images/shared/7.png");
}

.pendingShiftSwapRequestsEmployee_num_8 {
    background-image: url("images/shared/8.png");
}

.pendingShiftSwapRequestsEmployee_num_9 {
    background-image: url("images/shared/9.png");
}

.pendingShiftSwapRequestsEmployee_num_10 {
    background-image: url("images/shared/10.png");
}

.pendingShiftSwapRequestsEmployee_num_morethan10 {
    background-image: url("images/shared/morethan10.png");
}

/*SXC-1520 END!*/
/*SXC-1519 END!*/

#task_num {
    display: none;
    height: 24px;
    width: 33px;
    background-repeat: no-repeat;
    background-position: center;
}

.task_num_1 {
    background-image: url("images/shared/1.png");
}

.task_num_2 {
    background-image: url("images/shared/2.png");
}

.task_num_3 {
    background-image: url("images/shared/3.png");
}

.task_num_4 {
    background-image: url("images/shared/4.png");
}

.task_num_5 {
    background-image: url("images/shared/5.png");
}

.task_num_6 {
    background-image: url("images/shared/6.png");
}

.task_num_7 {
    background-image: url("images/shared/7.png");
}

.task_num_8 {
    background-image: url("images/shared/8.png");
}

.task_num_9 {
    background-image: url("images/shared/9.png");
}

.task_num_10 {
    background-image: url("images/shared/10.png");
}

.task_num_morethan10 {
    background-image: url("images/shared/morethan10.png");
}

.nav li {
    border: none;
    text-align: center;
    display: inline-block;
    float: left;
}

.nav li ul {
    display: none;
    padding: 0;
}

.nav li ul li {
    background-color: #fff;
}

/* .nav li:hover ul {
        display: block;
        position: relative;
    } */

/* .nav_submenus li.sub_menu {
    position: relative;
    display: block;
    top: 0;
    left: 100%;
    width: 100%;
    min-width: 180px;
    white-space: nowrap;
    z-index: 1000;
    text-align: left;
} */

.nav_desc {
    background-repeat: no-repeat;
    /* background-position: center;*/
    width: 106px;
    height: 26px;
    top: 13px;
    z-index: 1001;
}

#nav_desc_logviewer {
    background-image: url('/Content/images/shared/logviewertooltip.png');
    left: 40%;
}

#nav_desc_dashboard {
    background-image: url("images/shared/dashboard_hover.png");
    left: 10%;
}

#nav_desc_data {
    background-image: url("images/shared/data_hover.png");
    left: 10%;
}

#nav_desc_capacity {
    background-image: url("images/shared/capacity_hover.png");
    left: 20%;
}

#nav_desc_user {
    background-image: url('images/shared/usermanagement_hover.png');
    left: 42% !important;
    background-size: 100%;
}

#nav_desc_LeaveOverview {
    background-image: url('images/shared/leaveoverview_hover.png');
    left: 40% !important;
}

#nav_nav_pool {
    background-image: url('images/shared/poolmanagement_hover.png');
    left: 40%;
    background-size: 100%;
}

/*SC-211*/
#nav_nav_group_schedule_report {
    background-image: url('images/shared/groupschedulereport_hover.png');
    left: 40%;
    background-size: 100%;
}

#nav_desc_forecast {
    background-image: url("images/shared/forecast_hover.png");
    left: 20%;
}

#nav_desc_feedback {
    background-image: url("images/shared/feedback_hover.png");
    left: 40%;
}

#nav_desc_task {
    background-image: url("images/shared/task_hover.png");
    left: 20%;
}

#nav_desc_calendar {
    background-image: url("images/shared/calendar_hover.png");
    left: 20%;
}

#nav_desc_schedule {
    background-image: url("images/shared/schedules_hover.png");
    left: 40%;
}

#nav_desc_coworker_schedule {
    background-image: url('images/shared/schedules_hover.png');
    left: 40%;
    background-size: contain;
}

/*.nav-dashboard ul li#nav_dashboard,
.nav-forcast ul li#nav_forecast,
.nav-configuration ul li#nav_configuration,
.nav-capacity ul li#nav_capacity,
.nav-data ul li#nav_data,
.nav-calendar ul li#nav_calendar,
.nav-help ul li#nav_help,
.nav-task ul li#nav_task,
.nav-feedback ul li#nav_feedback {
    background-color: #444444;
}*/

/*
.nav-dashboard ul li#nav_dashboard {
    background-image: url("images/shared/dashboard_active.png");
}

.nav-forcast ul li#nav_forecast {
    background-image: url("images/shared/forecast_active.png");
}

.nav-configuration ul li#nav_configuration {
    background-image: url("images/shared/configuration_active.png");
}

.nav-capacity ul li#nav_capacity {
    background-image: url("images/shared/capacity_active.png");
}

.nav-data ul li#nav_data {
    background-image: url("images/shared/data_active.png");
}

.nav-calendar ul li#nav_calendar {
    background-image: url("images/shared/calendar_active.png");
}

.nav-help ul li#nav_help {
    background-image: url("images/shared/help_active.png");
}

.nav-task ul li#nav_task {
    background-image: url("images/shared/task_active.png");
}

.nav-feedback ul li#nav_feedback {
    background-image: url("images/shared/feedback_active.png");
}
*/


.nav_submenus li.sub_desc {
    font-weight: bold;
}


.nav_submenus li a:hover {
    color: #ec9a2d;
}

/* Task page */
.task_item {
    cursor: pointer;
}

/*Dashboardpage*/
#modalOpenPopup {
    margin: 0;
}

/*Login page*/
#BtnLoginAgainSubmit {
    padding: 0px;
}

/*--------SC-885------------*/
.table_req {
    max-width: 325px;
    width: 100%;
}

.table_req .importheadheight {
    width: 100%;
}

#navigation_bar .nav_desc {
    pointer-events: none;
    left: 40% !important;
}

#nav_desc_AgentAvailability {
    background-image: url('images/Availbilty_hover_3.png');
    left: 21%;
}

#nav_desc_ViewAgentSchedule {
    background-image: url('images/Personalschedule_hover.png');
    left: 21%;
}

#nav_desc_ApplyVacation {
    background-image: url('images/Leaveoverview_hover.png');
    left: 22%;
}

/*SC-2795 from here */
.tool_tip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tool_tip .tooltiptext {
    visibility: hidden;
    width: fit-content;
    background-color: #646464;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    left: 87%;
    top: 10px;
    white-space: nowrap;
    font-size: 12px;
}

.tool_tip:hover .tooltiptext {
    visibility: visible;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

/*SC-2795 till here */


/*SXC-1520 START!*/
#pendingShiftSwapRequests {
    display: block;
    position: absolute;
    top: 2px;
    right: auto;
    left: 38px;
    height: 24px;
    width: 33px;
    background-repeat: no-repeat;
    background-position: center;
}

.pendingShiftSwapRequests_num_1 {
    background-image: url("images/shared/1.png");
}

.pendingShiftSwapRequests_num_2 {
    background-image: url("images/shared/2.png");
}

.pendingShiftSwapRequests_num_3 {
    background-image: url("images/shared/3.png");
}

.pendingShiftSwapRequests_num_4 {
    background-image: url("images/shared/4.png");
}

.pendingShiftSwapRequests_num_5 {
    background-image: url("images/shared/5.png");
}

.pendingShiftSwapRequests_num_6 {
    background-image: url("images/shared/6.png");
}

.pendingShiftSwapRequests_num_7 {
    background-image: url("images/shared/7.png");
}

.pendingShiftSwapRequests_num_8 {
    background-image: url("images/shared/8.png");
}

.pendingShiftSwapRequests_num_9 {
    background-image: url("images/shared/9.png");
}

.pendingShiftSwapRequests_num_10 {
    background-image: url("images/shared/10.png");
}

.pendingShiftSwapRequests_num_morethan10 {
    background-image: url("images/shared/morethan10.png");
}

/*SXC-1520 END!*/



.custom_nv {
    margin: 100px 0 0 0;
    padding: 0px;
    width: 100%;
    height: calc(100vh - 153px);
    position: absolute;
/*    overflow: hidden;*/
    left: 0;
}

.custom_nv li {
    margin: 0px;
    padding: 0px;
    width: 100%;
    list-style-type: none;
    height: auto !important;
    min-height: 56px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    border-bottom: none;
    position: relative;
    border-bottom: none;
}

.sidebar-submenu {
    display: none;
    margin: 0px;
}



.svg_st_nav {
    padding: 13.5px 0 8.5px 20px;
    width: auto;
    float: left;
    margin: 0 8px 0 8px;
    border-radius: 8px;
}

a.submenu_link {
    position: absolute;
    left: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #9496A1 !important;
    top: 12.5px;
    width: 95%;
    display: none;
    padding: 0 0 0 61px;
    min-width: 250px;
}

.tooltip_notifiction {
    width: 36px;
    height: 36px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 36px;
    background-color: #000;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: -18px;
    top: 7px;
    z-index: 9999999;
    display: none;
}



.sidebar-dropdown.active .svg_st_nav {
    background-color: #fff;
}

.sidebar-dropdown.active a.submenu_link {
    color: #464797 !important;
    text-decoration: none;
}

li.nav_icon:hover a.submenu_link {
    color: #464797 !important;
    text-decoration: none;
}


.sidebar-submenu {
    border-radius: 0px;
    margin: 12px 9px 0 34px;
    padding: 8px 0 0 10px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sidebar-submenu:before {
    content: "";
    display: block;
    width: 4px;
    background-color: #F4F6FB;
    position: absolute;
    left: 0px;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    top: 0;
}

.sidebar-submenu li {
    min-height: 19px;
    border-radius: 6px;
    padding: 8.5px 0 8px 16px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #9496A1 !important;
}

.sidebar-submenu li:hover {
    /*background-color: #F4F6FB;*/
}

.sidebar-submenu li.active {
    background-color: #F4F6FB;
    border-bottom: none !important;
}

.nav_submenus.sidebar-submenu li:hover a {
    color: #464797 !important;
    font-weight: 500;
}

.nav_submenus.sidebar-submenu li.active a {
    background-color: #F4F6FB;
    color: #464797 !important;
    font-weight: 500;
}

.custom_nv li.active:before {
    content: "";
    display: block;
    width: 4px !important;
/*    background-color: #464797 !important;*/
    position: absolute;
    left: -10px !important;
    height: 20px !important;
    border-radius: 8px !important;
    overflow: hidden;
    top: 9px !important;
}

.sidebar-submenu li a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #9496A1 !important;
}



.sidebar-submenu li:hover:before {
    content: "";
    display: block;
    width: 4px !important;
    background-color: #464797 !important;
    position: absolute;
    left: -10px !important;
    height: 20px !important;
    border-radius: 8px !important;
    overflow: hidden;
    top: 9px !important;
}



.custom_nv li:hover:before {
    content: "";
    display: block;
    width: 3px;
    background-color: #464797;
    position: absolute;
    left: 0px;
    height: 38px;
    border-radius: 0px;
    overflow: hidden;
    top: 5px;
}

.custom_nv li:hover svg {
    fill: #464797;
}



.custom_nv li svg {
    fill: #9496A1;
    width: 22px;
    height: 22px;
}




#navigation_bar:hover .sidebar-user-logout-sec {
    width: 280px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sidebar-user-logout-sec {
    border-top: solid 1px #DBDCE1;
    display: inline-block;
    width: 100%;
    padding: 10px 0px 10px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 80px;
    background-color: #fff;
    z-index: 10;
    overflow: hidden;
    border-right: 1px solid #DBDCE1;
    max-height: 53px;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.sidebar-user-col { margin: 0 0 0 24px;}

/* .sidebar-user-col figure {
    width: 32px;
    height: 32px;
    border-radius: 100px;          commented for future implementation as well
    overflow: hidden;
    float: left;
    margin: 0 10px 0 0;
} */

/* .sidebar-user-col figure img {
    width: 32p;                        commented for future implementation
    height: 32px;
    overflow: hidden;
} */
#profileImg{

    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ec9a2d;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    float: left;
    margin: 0 12px 0 0;
}


.sidebar-user-col p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #5B5D6B;
    margin: 7px 0 0 0;
    float: left;
    display: none;
}

.sidebar-user-col p a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #5B5D6B !important;
}



.sidebar-user-col p a:hover{
    color: #5B5D6B;
    
    
}

.sidebar-user-icons {
    float: right;
    margin: 9px 24px 0 0;
    display: none;
}

.sidebar-user-icons a {
    margin: 0 0 0 16px;
}

.sidebar-user-icons a svg {
    fill: #9496A1;
}

.sidebar-user-icons a:hover svg {
    fill: #464797;
}



#navigation_bar:hover .custom_nv li.active {
    border-bottom: solid 1px #DBDCE1;
}
.custom_nv li.active svg{
    fill: #9496A1;
}

.custom_nv li.active .sidebar-submenu {
    margin-bottom: 13px;
}






/*------scroll bar---------------------*/

::-webkit-scrollbar {
    width: 6px;
    height: 7px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #9496A1;
    border: 0px none #ffffff;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9496A1;
}

::-webkit-scrollbar-thumb:active {
    background: #9496A1;
}

::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
    background: transparent;
}

::-webkit-scrollbar-track:active {
    background: transparent;
}

::-webkit-scrollbar-corner {
    background: transparent;
}







.head_three_equal_col{
    width: 33.33333333%;
    float: left;
}

.header_notification_bar{
    float: right;
    width: auto;
    margin: 25px 16px 0 0px;
}

.notify_link{float: left;margin: 0 0 0 12px;padding: 0;width: 42px;height: 42px;border: 1px solid #FF8C00;border-radius: 6px;text-align: center; position: relative;}

.notify_link svg{
    fill: #FF8C00;
    margin: 12.5px 12px 0 12px;
    float: left;
}


.notify_dots svg{
    fill: #FF8C00;
    margin: 12px 0 0 17px;
    float: left;
}

span.notification_circle {
    position: absolute;
    right: 4px;
    width: 8px;
    height: 8px;
    background-color: #0066ff;
    border-radius: 100px;
    top: 7px;
}

.activePage .svg_st_nav {
    background-color: #F4F6FB;
}
.activePage div svg {
    fill: #464797 !important;
}

.activePage a {
    color: #464797 !important;
    text-decoration: none;
}

.activeSubPage{
    background-color: #F4F6FB;
} 
.activeSubPage a {
    color: #464797;
} 


.custom_nv li.activeSubPage a{
    color: #464797 !important;
    font-weight: 500 !important;
}


a:link{
    text-decoration:none !important;
}

#navigation_bar.box-hover .sidebar-dropdown.active .svg_st_nav{
    background-color: #F4F6FB;
}

#navigation_bar.box-hover .custom_nv .sidebar-dropdown.active .svg_st_nav svg{
    fill: #464797;
}

#navigation_bar.box-hover {display: block;}




#navigation_bar.box-hover .custom_nv .sidebar-dropdown.active.activeSubPage_parent .svg_st_nav svg{
    fill: #464797;
}

#navigation_bar.box-hover .sidebar-dropdown.active.activeSubPage_parent .svg_st_nav{
    background-color: #F4F6FB;
}

#navigation_bar.box-hover .sidebar-dropdown.activeSubPage_parent .svg_st_nav{
    background-color: #F4F6FB;
}

#navigation_bar .sidebar-dropdown.activeSubPage_parent .svg_st_nav{
    background-color: #F4F6FB;
}


#navigation_bar .custom_nv .sidebar-dropdown.active.activeSubPage_parent .svg_st_nav svg{
    fill: #464797;
}

#navigation_bar .custom_nv .sidebar-dropdown.activeSubPage_parent .svg_st_nav svg{
    fill: #464797;
}

#navigation_bar .sidebar-dropdown.active.activeSubPage_parent .svg_st_nav{
    background-color: #F4F6FB;
}

#dataBox{
    z-index: 99999;
}
.controlBoxfullScrrenView{
    z-index: 99999;
}