/*-- Global --*/
@font-face {
    font-family: "Myriad Pro";
    src: url('../Fonts/MyriadPro-Light.otf');
}

html, body {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    min-height: 100%;
    height: auto; /*background: url('../Images/MainBg.jpg') repeat-y center center;*/
    background: url('../Images/Background.gif') repeat-x repeat-y;
    font-family: 'Tahoma';
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.filterControl {
    width: auto;
}

input:invalid, textarea:invalid, select:invalid {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

:invalid {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

:-moz-submit-invalid {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

:-moz-ui-invalid {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

input[type="text"], input[type="password"], select, input[type="email"], input[type="number"], textarea {
    font-size: 12px;
    padding-left: 2px;
    margin-bottom: 2px;
    width: 100%;
    font-family: Tahoma, Geneva, sans-serif !important;
    border: 1px solid #999;
}

input[type="password"] {
    font-size: 12px;
    padding-left: 2px;
}

input[type="button"], button {
    background-color: #0745d8;
    border-radius: 3px;
    border: none;
    color: #fff;
    height: 36px;
    font-size: 12px;
    cursor: pointer; /*min-width:132px;*/
    text-transform: uppercase;
    padding: 0 12px;
}

    input[type="button"]:hover, button:hover {
        border: 1px solid #858583;
    }

.input-append > input[type="text"] {
    width: 85%;
    margin: 0;
}

.input-append > button {
    height: 25px;
    border-color: rgb(169,169,169);
    line-height: 1px;
    position: relative;
    top: -1px; /*left:-5px;*/
    width: 13%;
    border-radius: 0;
    background: #4b7ec7;
}

.input-edit > input[type="text"] {
    margin: 0;
}

.input-edit > button {
    height: 25px;
    width: 30px;
    border-color: #999;
    line-height: 1px;
    position: relative;
    border-radius: 0;
    background: #0745d8;
    float: right;
    margin-top: -27px;
    padding: 1px
}

    .input-edit > button i {
        font-size: 11px;
    }

.input-edit > textarea ~ button {
    height: 38px;
    margin-top: -40px;
}

select {
    min-height: 20px;
    height: 25px;
    border: 1px solid #999;
}

    input[type="text"]:disabled, select:disabled, input[type="email"]:disabled, input[type="number"]:disabled, textarea:disabled, input[type="password"]:disabled {
        background: #d8d8d8;
        border: 1px solid #999;
    }

.dataTables_processing {
    display: none !important;
}

.text-right {
    text-align: right !important;
}

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

.text-center {
    text-align: center !important;
}

/*Position*/
.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

/*Header*/
header {
    border-top: 1px solid #e0e0e0; /*background:#eaeaea;*/
}

    header .image {
        padding: 1em 14px 1em;
        display: inline-block;
    }
    /*header div.line{position:relative;left:324px; float:left; height:85px; width:2px;background:#dcdcdc;border-right:1px solid #fff;}*/
    header .welcomeSection {
        display: inline-block;
        float: right;
        margin-right: 10px;
    }

.header {
    padding: 0;
    margin: 0;
    background: #e0e0e0;
}

.welcomeUser { /*display:inline-block;float:right;*/
    font-size: 14px;
    margin-top: 40px
}

    .welcomeUser span {
        cursor: pointer;
        color: #0745d8;
        font-weight: bold
    }

.welcomeUserMobile {
    display: none !important;
    font-size: 11px;
    margin-top: 42px;
    margin-left: 16px;
}

    .welcomeUserMobile span {
        cursor: pointer;
        color: #0745d8;
        font-weight: bold
    }

.smallLogo {
    display: none;
}

.logout {
    display: none !important;
}

.forTopMargin {
    margin-top: 15px
}

.hideMenu {
    display: none !important;
}

ul.menu li.more {
    display: none;
}

/*Topbar Menu*/
.topMenu {
    margin-bottom: 10px;
}

    .topMenu > .navbar { /*background:#eaeaea;*/
        border-radius: 0;
        border-bottom: 3px solid #5a87f1;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

        .topMenu > .navbar ul li a {
            font-size: 12px;
            font-weight: bold
        }

        .topMenu > .navbar ul.menu {
            margin-right: 0;
            width: 100%;
        }

            .topMenu > .navbar ul.menu li {
                background: #eaeaea;
                border-right: 1px solid #cccccc;
            }

                .topMenu > .navbar ul.menu li.more ul li {
                    background: transparent;
                }

                    .topMenu > .navbar ul.menu li.more ul li a {
                        padding: 5px 10px;
                    }

                .topMenu > .navbar ul.menu li:first-child {
                    border-left: 1px solid #cccccc;
                }

                .topMenu > .navbar ul.menu li a {
                    color: #0a39a9;
                    text-transform: uppercase;
                    padding: 5px 30px;
                    font-weight: normal;
                    filter: none;
                }

                .topMenu > .navbar ul.menu li.active a {
                    background: #0745d8;
                    color: #fff;
                }

                .topMenu > .navbar ul.menu li a:hover {
                    background: #0745d8;
                    color: #fff;
                }

        .topMenu > .navbar ul.userNav > li > a {
            color: #fff;
        }

        .topMenu > .navbar ul.infoNav > li a {
            color: #4b7ec7;
            line-height: 30px;
            padding: 0 5px 0 0;
            font-size: 11px;
        }

        .topMenu > .navbar ul.infoNav > li span {
            color: #4b7ec7;
            margin-right: 5px;
        }

        .topMenu > .navbar ul.infoNav > li.email a {
            color: #0745d8
        }

        .topMenu > .navbar ul.infoNav > li a:hover {
            text-decoration: underline
        }

    .topMenu .navbar-nav > li > a {
        text-shadow: none;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .topMenu .navbar-default .navbar-collapse {
        background: #eaeaea;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.logoutBtn {
    text-transform: uppercase;
    color: #fff;
    background: #4c82ff;
    padding: 4px 20px;
    float: right;
    position: relative; /*top:-12px;*/
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .logoutBtn:hover {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        background: #0745d8;
    }

ul.infoNavHeader { /*padding-left:18px;*/
    margin-bottom: 0;
    line-height: 30px; /*display:none;*/
    padding: 0;
    display: none !important;
}

    ul.infoNavHeader > li {
        display: inline-block;
    }

        ul.infoNavHeader > li a {
            color: #4b7ec7;
            line-height: 30px;
            padding: 0 5px 0 0;
            font-size: 11px;
            font-weight: bold;
        }

        ul.infoNavHeader > li span {
            color: #4b7ec7;
            margin-right: 5px;
        }

        ul.infoNavHeader > li.email a {
            color: #0745d8
        }

        ul.infoNavHeader > li a:hover {
            text-decoration: underline
        }

li.contact {
    display: none !important;
}

li.email span.glyphicon {
    display: none !important;
}

/*Sidebar Menu*/
.sidebar {
    z-index: 1;
    display: block;
    position: absolute; /*height: 74%;*/
    height: 67%;
    box-shadow: rgb(153, 153, 153) 5px 5px 15px 0;
    width: 300px;
    margin: 0;
    padding: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    overflow: auto;
    opacity: 1;
    background: rgb(245,245,245)
}

    .sidebar .panel {
        background-color: #fff;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

        .sidebar .panel > .panel-heading {
            background-color: #f5f5f5 !important;
            border: none;
            padding: 15px 25px;
            color: #797979;
        }

    .sidebar .panel-heading span.menuTitle {
        font-size: 16px;
        font-weight: bold;
    }

    .sidebar .panel-heading span.pull-right {
        margin-top: 4px;
        cursor: pointer;
    }

    .sidebar .panel-body {
        padding: 5px 30px;
        background: #f5f5f5;
    }

        .sidebar .panel-body .nav > li {
            border-bottom: 1px solid rgb(234,234,234);
            padding: 4px 0;
        }

        .sidebar .panel-body .nav-sidebar > li > a {
            border-left: 8px solid #999;
            margin: 3px 0;
            font-weight: bold;
            color: #797979;
            background: #eee
        }

        .sidebar .panel-body .nav-sidebar > li.active > a {
            border-left: 8px solid #7495e5;
            color: #0745d8;
            background: #dcece2;
        }

        .sidebar .panel-body .nav-sidebar > li:hover > a {
            border-left: 8px solid #7495e5;
            color: #0745d8;
            background: #dcece2;
        }

/*Sidebar Toggle Menu*/
.box-toggle-menu {
    position: fixed;
    z-index: 3;
    left: -42px;
    top: 157px;
    display: none;
}

    .box-toggle-menu:hover {
        left: 20px;
    }

.box-shadow-menu {
    position: relative;
    font-size: 20px;
    background: #0745d8;
    padding: 0px 0px 9px 31px;
    top: -3px;
    left: -20px;
    opacity: 0.3;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.box-toggle-menu:hover .box-shadow-menu {
    opacity: 0.9
}

.box-shadow-menu:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 9px;
    width: 0.9em;
    height: 0.15em;
    background: white;
    box-shadow: 0 0.25em 0 0 white, 0 0.5em 0 0 white;
}

.box-toggle-menu .menu-title {
    position: relative;
    font-size: 16px;
    background: #999;
    color: #fff;
    padding: 7px 6px;
    left: -20px;
    font-weight: bold;
}

    .box-toggle-menu .menu-title:hover {
        text-decoration: none;
    }

/*Footer*/
div.footer {
    background: #4b7ec7;
    border-top: 3px solid #0745d8;
    text-align: center;
}

    div.footer span a {
        color: #fea100;
    }

/*Validation*/
span.validationMessage {
    color: red;
    display: block;
    top: 0 !important;
    position: static !important;
}

/*Wrapper*/
.main { /*padding-right: 40px;padding-left: 40px;*/
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 65px;
}
/*.main .welcomeUser{border-bottom:1px solid #dbdbdb;margin-bottom:15px;padding-bottom:15px;}
.main .welcomeUser h3{margin:0 0;font-size:20px;text-transform:uppercase;}
.main .welcomeUser h3.user{color:#046d2a;cursor:pointer;display:inline-block;font-size:16px;}*/

.maintenance {
    font-size: 11px;
}

    .maintenance label > i {
        color: red;
        font-weight: bold;
        font-size: 12px; /*position:absolute;*/
    }

div.dialogForm.wrap {
    padding: 15px;
}

.dialogForm {
    width: auto;
    min-height: 60px; /*max-height: 390px;*/
    max-height: 390px;
    overflow-y: auto;
}
/*#accountMaps .dialogForm{overflow-y:visible;}
div[data-model="AccountMapModel"] .datagrid{width:100% !important;}*/
.ui-dialog .dialogForm {
    overflow-y: visible;
    overflow-x: auto;
}

.ui-dialog .datagrid {
    width: 100% !important;
}

.dialogForm label > i {
    color: red;
    font-weight: bold;
    font-size: 12px; /*position:absolute;*/
}

.dialog > .well {
    margin-bottom: 10px;
    margin-top: 5px;
}

.dialogForm.well {
    border: none;
    box-shadow: none;
    background-image: none;
    background-color: #e7e9e6;
    border-radius: 0;
    margin-bottom: 15px;
}

    .dialogForm.well span,
    .dialogForm span {
        position: relative;
        top: 6px;
    }

    .dialogForm.well label,
    .dialogForm label {
        padding-top: 6px;
    }

    .dialogForm input[type="text"],
    .dialogForm input[type="password"],
    .dialogForm input[type="email"],
    .dialogForm input[type="number"],
    .dialogForm.well input[type="text"],
    .dialogForm.well input[type="email"],
    .dialogForm.well input[type="number"] {
        min-height: 25px;
        padding: 0 3px;
        margin-bottom: 2px;
        border: 1px solid #999999;
    }

    .dialogForm.well select,
    .dialogForm select {
        min-height: 25px !important;
        height: 25px;
        margin-bottom: 2px;
        border: 1px solid #999999;
    }

    .dialogForm textarea,
    .dialogForm.well textarea {
        padding: 0 5px;
        margin-bottom: 2px;
        border: 1px solid #999999;
        height: 38px;
        resize: none;
    }

.formPage { /*border: 1px solid lightgray;*/
    margin: 15px 0;
}

    .formPage > div {
        padding: 15px 15px 15px;
        border: 1px solid lightgray;
        margin-top: -1px;
    }

    .formPage legend.formTitle {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        font-size: 16px !important;
        background: #4b7ec7;
        color: #fff;
        padding: 10px 15px;
        position: relative;
        margin-bottom: 0; /*bottom:-19px;*/
        font-weight: bold;
        cursor: pointer;
    }

.export-container {
    padding-top: 15px;
}
/*.formPage .export-container{padding: 15px 15px 0 15px;}*/
.checkboxList {
    border: 1px solid #ccc;
}

    .checkboxList ul {
        padding: 1em;
    }

.changePassword {
    font-weight: bold;
}

.toggleArrow {
    float: right;
}

.reqd {
    font-style: italic;
    font-size: 11px !important;
    font-weight: bold;
    color: red;
}
/*#RequestDetail .span6 .span4 label:before{content:"*";color: red;font-weight: bold;font-size: 12px; font-style: italic;margin-left: -8px;}*/
.buttons a[name="UnliquidatedCAList"] {
    float: right;
    height: 15px !important;
    margin-top: -34px;
    margin-right: 19px;
    background: transparent;
    color: #666;
    text-decoration: underline;
}

/*Dialog Form*/
.blockMsg {
    width: 25% !important;
    left: 40% !important;
}

    .blockMsg h3 {
        font-size: 15px !important;
        font-family: Verdana,Arial,sans-serif !important;
    }
/*#TeamMaintenanceDialog .table tbody tr td{padding:4px !important}*/
#TeamMaintenanceDialog > .well > .row-fluid + .row-fluid .span2 {
    width: 100%;
}

#TeamMaintenanceDialog > .well > .row-fluid + .row-fluid .span6 {
    width: 100%;
    margin-left: 0;
}

    #TeamMaintenanceDialog > .well > .row-fluid + .row-fluid .span6 table {
        margin-top: 5px;
    }

/*Tables*/
table {
    width: 100%;
    border-collapse: collapse;
}

    table th {
        font-family: 'Tahoma';
        color: #fff;
        background-color: #0745d8;
        text-transform: uppercase;
        padding: 6px 4px !important;
        font-size: 10px;
        border-left: 1px solid white; /*vertical-align: top;*/
        border-bottom: 2px solid #669966 !important;
        font-weight: normal !important;
        text-align: center;
    }

    table td {
        font-family: 'Tahoma';
        color: #393939;
        border-bottom: 1px solid white; /*background-color: #e6e6e6;height: 37px !important;*/
        vertical-align: middle !important;
        text-align: center; /*font-size: 10px;*/
        border-left: 1px solid white;
        font-size: 11px;
    }

    table tbody tr.odd {
        background-color: #fff5f5 !important;
    }

    table tbody tr.even {
        background-color: #b5eaff !important
    }

    table tbody tr:nth-child(odd) {
        background-color: #eaeaea !important;
    }

    table tbody tr:nth-child(even) {
        background-color: #b5eaff !important
    }
    /*table tbody tr:hover td{background:#c1c1c1;}*/
    table th:first-child, table td:first-child {
        border-left: 0px;
    }

    table tr:last-child td {
        border-bottom: 0px;
    }

    table input[type="text"], table select, table input[type="email"], table input[type="number"], table textarea {
        font-size: 11px;
        min-height: 23px;
        height: 23px;
        margin: 0;
        padding: 0 2px;
    }

#requestDetails > table tbody:last-child tr { /*border-top: 2px solid #ccc;*/
    background-color: transparent !important;
}

    #requestDetails > table tbody:last-child tr td[colspan="1"] span {
        display: inline !important
    }

#requestDetails table th {
    padding: 6px 2px !important
}

#requestDetails table td[data-bind*="text:"], #requestDetails table td[data-bind*="numericText:"] {
    padding-left: 3px;
    padding-right: 3px;
}

table td span[data-bind*="text:"], table td span[data-bind*="date:"] {
    display: block;
    text-align: left;
}

table td span[data-bind*="numericText:"], table td span[data-bind*="text: Age"], table td span[data-bind*="text: TurnAroundTime"], table td span[data-bind*="text: ItemNo"] {
    display: block;
    text-align: right;
}

table td span[data-bind*="text: SkinNo"], table td span[data-bind*="text: ResetRunningCount"], table td span[data-bind*="text: ChangePasswordRunningCount"], table td span[data-bind*="text: RequestResetRunningCount"] {
    display: block;
    text-align: right;
}

table td span[data-bind*="text: LockedRunningCount"], table td span[data-bind*="text: UnlockedRunningCount"] {
    display: block;
    text-align: right;
}

table td span[data-bind="text: ProjectName"],
table td span[data-bind="date: DateStart, format:'L'"],
table td span[data-bind="date: DateEnd, format:'L'"],
table td span[data-bind="text: SapNo"] {
    text-align: center;
    display: block;
}

tr.tableSeparator {
    background-color: transparent !important;
    border-bottom: 2px solid #ccc;
}

table.signatoryTable {
    margin-bottom: 1em;
}

    table.signatoryTable td {
        text-align: left;
        font-size: 12px;
    }

    table.signatoryTable thead th {
        font-weight: bold !important;
        font-size: 11px;
        text-align: left;
        border-bottom: 0 !important;
        background-color: transparent !important;
        color: #393939;
        padding: 5px 2px !important;
    }
    /*table.signatoryTable thead td:last-child{text-align:center !important;}
table.signatoryTable tbody td:last-child{text-align:center !important;}*/
    table.signatoryTable tr:nth-child(even) {
        background: transparent !important;
    }

    table.signatoryTable tr:nth-child(odd) {
        background: transparent !important;
    }

table tbody tr td .input-edit > button {
    height: 23px;
    width: 20px;
    border-color: #999;
    line-height: 1px;
    position: relative;
    border-radius: 0;
    background: #0745d8;
    float: right;
    margin-top: -23px;
    padding: 1px
}

table tbody tr td .input-edit > input.text-right { /*padding-right:20px;*/
}

table td input[type="checkbox"] {
    margin: 0 !important;
}

table#RCPInboxTable {
    margin-top: 15px;
}

table td .glyphicon {
    font-size: 12px;
}

table td button .glyphicon {
    font-size: 11px;
}

.datagrid table tbody tr:hover td {
    background: #c1c1c1;
}

table.HistoryTable tbody td {
    text-align: left !important;
    width: 25%;
}

/*Print Table*/
table td.printColspan {
    display: none;
}

/*Pop Up Table*/
.ui-dialog table tbody tr:nth-child(even) td {
    background: #b5eaff;
}

.ui-dialog table tbody tr:nth-child(odd) td {
    background: #efefef
}

.ui-dialog table tbody tr:hover td {
    background: #c1c1c1;
}

.ui-dialog table tbody td {
    padding: 4px 8px;
}

/*----- Layout -----*/
.main_wrapper {
    width: 100%;
    height: auto; /*min-height: 100%;*/
    display: table;
}

    .main_wrapper > aside {
        min-width: 270px;
        min-height: 100%;
        height: 100%;
        background-color: #494845;
        display: table-cell;
        vertical-align: top;
    }

body > div[role="separator"] {
    width: 100%;
    height: 2px;
    background-color: #cc221e;
    border-top: 8px solid #a1a1a1;
}

body > div[role="banner"] {
    width: 100%;
    height: 148px;
    border-bottom: 2px solid #858583;
    display: table;
}

    body > div[role="banner"] > figure {
        display: table-cell;
        vertical-align: middle;
        padding-left: 32px;
    }

    body > div[role="banner"] > div {
        font-family: 'Tahoma';
        vertical-align: middle;
        line-height: 3px;
        display: table-cell;
        text-align: right;
        padding-right: 27px;
        font-size: 12px;
        color: #282828;
    }

        body > div[role="banner"] > div > p:first-child {
            font-family: 'Tahoma' !important;
            font-size: 12px;
            font-weight: 600;
            color: #282828;
        }

        body > div[role="banner"] > div a {
            color: #57618b;
        }

body > footer {
    clear: both;
    position: relative;
    z-index: 10;
    height: 39px;
    background-color: #cc221e;
}

    body > footer > a {
        color: #f3d7d6;
        font-size: 11px;
        margin-left: 20px;
        margin-top: 16px;
        display: inline-block;
    }

/*----- Navigation -----*/
.main_wrapper > aside > nav ul {
    margin: 0px;
    padding: 0px;
}

.main_wrapper > aside > nav li {
    width: inherit;
    height: 56px;
    border-bottom: 1.511811px solid #434240;
    border-top: 1.511811px solid #4e4d48;
    text-align: left;
    padding: 0px;
}

    .main_wrapper > aside > nav li:hover {
        background-color: #cc9b1f;
    }

        .main_wrapper > aside > nav li:hover > a {
            color: #FFF;
        }

    .main_wrapper > aside > nav li a {
        width: 270px;
        height: inherit;
        font-size: 12px;
        color: #bdbdbc;
        vertical-align: middle;
        display: table-cell;
        padding-left: 28px;
        margin: 0px;
    }

    .main_wrapper > aside > nav li.active {
        background-color: #cc9b1f;
        border-color: #cc9b1f;
    }

        .main_wrapper > aside > nav li.active:before {
            content: " ";
            display: block;
            float: right;
            margin-right: -7.5px;
            position: relative;
            width: 15px;
            height: 15px;
            top: 21.5px;
            background-color: #cc9b1f;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
        }

        .main_wrapper > aside > nav li.active a {
            color: #FFF;
        }

.main_wrapper aside > nav li:first-child {
    border-top: 0px;
}

.main_wrapper > aside > nav li:last-child {
    border-bottom: 0px;
}

/*----- Main -----*/
.main_wrapper > section[role="main"] {
    width: 78.90625%;
    min-width: 250px;
    height: 100%;
    display: table-cell;
    padding: 38px 27px 38px 48px;
    background-color: rgba(255, 255, 255, 0.55);
}

    .main_wrapper > section[role="main"] > header {
        margin-left: -5px;
    }

        .main_wrapper > section[role="main"] > header > h2 {
            font-size: 12px;
            font-weight: 500;
            margin: 0px 0px 36px 0px;
        }

section[role="main"] {
    border-bottom: 2px solid #e89b9a;
}

    section[role="main"] > article {
        background: none;
    }

        section[role="main"] > article h4 {
            font-size: 12px;
        }

        section[role="main"] > article > div > div:first-child > input[type="button"] {
            float: right;
            position: relative;
            top: -11px;
        }

/*Filter*/
.filter_pane, .form_pane {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .filter_pane:after {
        content: " ";
        display: inline-block;
        width: 100%;
        height: 1px;
        background-color: #cccccc;
        margin: 15px 0px 10px 0px;
    }

    .filter_pane .nav-tabs {
        border: none;
    }

        .filter_pane .nav-tabs a {
            font-size: 12px; /*margin-bottom: 15px;*/
            color: #fff;
            background: #4b7ec7;
            border: none;
            text-transform: uppercase;
            padding: 10px 14px 9px;
            border-radius: 3px;
        }

            .filter_pane .nav-tabs a i {
                margin-left: 1em;
            }

    .filter_pane div.tab-pane {
        margin-top: 15px;
    }

.filter_body {
    display: table-row;
    border: 0px;
    padding-top: 27px;
    padding-left: 16px;
    height: auto;
    font-size: 12px !important;
}

.filter_pane > header, .form_pane > header {
    background-color: #3c9d9a;
    display: table;
    height: 43px;
    width: 100%;
}

    .filter_pane > header > h5, .form_pane > header > h5 {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        font-family: 'Tahoma' !important;
        font-size: 12px;
        font-weight: lighter;
        color: #FFF;
        padding-left: 16px;
    }

.filter_body > div {
    display: table-row;
    margin-top: 15px;
}

    .filter_body > div:first-child > div {
        padding-top: 27px;
    }

    .filter_body > div > label .filter_body > div > div {
        display: table-cell;
        padding-bottom: 11px;
        font-size: 12px;
    }

    .filter_body > div > label {
        padding-left: 16px;
    }

    .filter_body > div > input[type="button"] {
        width: 132px;
        height: 36px;
        border: 0px;
        border-radius: 2px;
        font-family: 'Tahoma';
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        color: #FFF;
        background: url('../Images/blueButtonBg.png') repeat-x;
        cursor: pointer;
    }

        .filter_body > div > input[type="button"]:hover {
            opacity: 0.8;
            -moz-opacity: 0.8;
            -ms-filter: 'alpha(opacity = 80)';
        }

    .filter_body > div:last-child > input[type="button"] { /*margin-bottom: 39px;*/ /*float: right;*/
    }

    .filter_body > div > div:before {
        content: ":";
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block;
    }

    .filter_body > div:last-child:before {
        content: " ";
        display: table-cell;
    }

    .filter_body > div > input[value="Search"] {
        background: #0745d8;
        font-weight: normal;
        margin-right: 5px;
        margin-top: 15px;
    }

    .filter_body > div > input[value="Clear"] {
        background: #4b7ec7;
        font-weight: normal;
        margin-top: 15px;
    }

.tabbable .nav > li > a {
    padding: 6px 10px;
    font-size: 11px;
}

.tabbable + .tab-content {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 15px 15px 30px 15px;
}

.tabbable ul.nav-tabs li {
    border-left: 8px solid #999;
}

    .tabbable ul.nav-tabs li.active {
        border-left: 8px solid #046d2a
    }

    .tabbable ul.nav-tabs li a {
        min-width: 100px;
        border-top: 1px solid #ddd;
        border-right: solid 1px #ddd;
        border-radius: 0 4px 0 0;
        -webkit-border-radius: 0 4px 0 0;
        -moz-border-radius: 0 4px 0 0;
        color: #4b7ec7;
        text-transform: uppercase;
    }

    .tabbable ul.nav-tabs li.active a {
        color: #046d2a;
        font-weight: bold;
    }

.tabbable + .tab-content ul.nav-tabs + .tab-pane table thead th {
    background: none;
    border: none;
    border-bottom: none !important;
    width: 25%;
    text-align: center !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: bold !important;
}

.tabbable + .tab-content ul.nav-tabs + .tab-pane table tbody td select, .tabbable + .tab-content ul.nav-tabs + .tab-pane table tbody td input {
    width: 100%;
    min-height: 25px;
    height: 25px;
}

.tabbable + .tab-content ul.nav-tabs + .tab-pane table tbody td {
    border-left: none;
    border-bottom: none;
}

.ui-dialog .filter_pane ul.nav-tabs + .tab-pane table thead th {
    background: none;
    border: none;
    border-bottom: none !important;
    width: 25%;
    text-align: center !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #333;
}

.ui-dialog .filter_pane ul.nav-tabs + .tab-pane table tbody td select, .ui-dialog .filter_pane ul.nav-tabs + .tab-pane table tbody td input {
    width: 100%;
    min-height: 25px;
    font-size: 12px;
    height: 25px;
}

.ui-dialog .filter_pane ul.nav-tabs + .tab-pane table tbody td {
    background: none;
    border-left: none;
    padding: 1px;
}

.tabbable + .tab-content .tab-pane.active .filter_pane .tab-pane.active > div:not(.filter_body) {
    background: #e7e9e6;
    padding: 19px 19px 25px;
}

.filter_pane div#AccountFilterModelControl > div:not(.filter_body) table th {
    background: none;
    border: none;
    border-bottom: none !important;
    width: 25%;
    text-align: center !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: bold !important;
}

.filter_pane div#AccountFilterModelControl > div:not(.filter_body) table tbody td select, .filter_pane div#AccountFilterModelControl > div:not(.filter_body) table tbody td input {
    height: 25px;
    width: 100%;
    min-height: 25px;
    font-size: 12px;
}

.filter_pane div#AccountFilterModelControl > div:not(.filter_body) table tbody td {
    border-bottom: none;
    border-left: none;
}

.filter_pane div#AccountFilterModelControl > div:not(.filter_body) {
    background: #e7e9e6;
    padding: 19px 19px 25px;
}
/*.actionPane .span6 input[value="Complete"]{position:absolute;right:25px;}*/
/*.span6 input[value="Complete"]{float:right;position: absolute;right: 10px;}*/

/*Icons*/
.editIcon, .deleteIcon {
    width: 15px;
    height: 15px;
    display: inline-block;
}

    .editIcon:hover, .deleteIcon:hover {
        opacity: 0.8;
        -moz-opacity: 0.8;
        -ms-filter: 'alpha(opacity = 80)';
    }

.editIcon {
    background: url('../Images/edit_icon.png') no-repeat center;
}

.deleteIcon {
    background: url('../Images/delete_icon.png') no-repeat center;
}

/*Glyphicons*/
span.glyphicon-remove {
    color: red
}

span.glyphicon-eye-open {
    color: black
}

span.glyphicon-pencil, span.glyphicon-th-list {
    color: green
}

i.glyphicon-plus, i.glyphicon-list {
    color: green
}

table td .glyphicon:hover {
    opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-filter: 'alpha(opacity = 70)';
}


/*Margin and Padding*/
.no-mleft {
    margin-left: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

/*----- Overrides -----*/
.dataTables_wrapper label {
    margin-bottom: 0 !important;
}

.dataTables_length {
    float: none !important; /*background:#c9cbc9;*/
    padding: 8px 2px;
    position: relative;
    top: 2px;
}

    .dataTables_length select {
        border: 1px solid #999999 !important;
        height: 28px !important;
        border-radius: 0 !important;
    }

.dataTables_info {
    clear: none !important; /*float: right !important;*/
    display: inline-block;
    margin-bottom: 0 !important;
    position: absolute;
    top: 15px;
    left: 150px;
}

.dataTables_wrapper hr[role="separator"] {
    display: none !important;
}

.dataTables_wrapper label, .dataTables_info {
    font-family: 'Tahoma';
    font-size: 12px;
    color: #393939;
    font-weight: 200;
    margin-bottom: 9px;
}

.dataTables_wrapper select {
    border-radius: 3px;
    border: 1px solid #cfcfcf;
    background-color: #f5f3ee;
    padding: 3px;
    width: 58px;
    color: #393939; /*height: 19px !important;*/
    font-size: 11px;
}

.dataTables_paginate {
    display: table;
}

.paging_full_numbers {
    width: auto;
    height: auto;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left !important;
}

.dataTables_paginate .first, .dataTables_paginate .last {
    display: none;
}

.dataTables_paginate .previous, .dataTables_paginate .next, .paginate_button, .paginate_active {
    width: 34px !important;
    height: 30px !important;
    background: url('../Images/PagerButtonBg.jpg') repeat-x;
    color: #7e7e7e;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #b9b6b7;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #fff;
    cursor: pointer;
    font-size: 8px;
}

    .dataTables_paginate .previous, .dataTables_paginate .next, .paginate_button:hover {
        font-size: 12px;
        font-weight: bold;
    }

.dataTables_paginate .previous {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    -webkit-border-top-left-radius: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
    border-left: 1px solid #e7e7e7;
}

.dataTables_paginate .next {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    -webkit-border-top-right-radius: 10px !important;
    -webkit-border-bottom-right-radius: 10px !important;
}

.dataTables_paginate a.paginate_active {
    color: #e72b18 !important;
}

table.dataTable td {
    padding: 2px 2px !important;
}

table.dataTable thead th {
    cursor: default !important;
}

.dialogForm.well .dataTables_paginate span {
    top: 0;
}

.dialogForm.well table tbody td span {
    top: 0;
}

    .dialogForm.well table tbody td span.glyphicon {
        top: 0;
    }

    .dialogForm.well table tbody td span > i.glyphicon {
        top: 0;
    }
/*.row-fluid.dialogForm.well{margin-bottom: 0 !important;}*/
.paginate_button {
    border-radius: 0px !important;
}

.panel-primary > .panel-heading {
    background-image: none !important;
    background-color: #0745d8 !important;
    filter: none !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: #fff;
    border: 1px solid #4b7ec7;
    display: none;
}

.ui-dialog .panel-body {
    font-size: 12px;
}

.panel-body .dialogForm.well {
    margin-bottom: 0;
}

div[data-model="BudgetModel"] span {
    top: 3px !important
}

div[data-bind="foreach:Requests"] span {
    font-weight: normal !important;
}

div[data-bind="visible: IsAttachmentVisible"] .panel-heading button {
    height: 32px;
}

div[data-bind="visible: IsVoucherAttachmentVisible"] .panel-heading button {
    height: 32px;
}

div[data-bind="visible: IsBudgetResultVisible"] .span2 {
    text-align: right !important;
}

span[data-bind="text: SapLabel"] {
    font-weight: bold;
}

input#requestPurchasingGroupDescription + span.validationMessage {
    display: none;
}

input#requestPurchasingGroupCodeFilter + span.validationMessage {
    float: left;
    width: 240px;
}

input[data-bind="click: CloseHistory"] {
    float: right;
    margin-bottom: 10px;
    margin-top: 10px;
}

/*----- Helper -----*/

.table {
    table-layout: fixed;
}

.table_row {
    display: table-row;
}

.table_cell, .table_cell_1, .table_cell_2, .table_cell_3, .table_cell_4, .table_cell_5 .table_cell_6, .table_cell_7, .table_cell_8, .table_cell_9 {
    display: table-cell;
}

.table_cell {
    width: 100%;
}

.table_cell_1 {
    width: 11.111111111111111111111111111111%;
}

.table_cell_2 {
    width: 22.222222222222222222222222222222%;
}

.table_cell_3 {
    width: 33.333333333333333333333333333333%;
}

.table_cell_4 {
    width: 44.444444444444444444444444444444%;
}

.table_cell_5 {
    width: 55.555555555555555555555555555555%;
}

.table_cell_6 {
    width: 66.666666666666666666666666666666%;
}

.table_cell_7 {
    width: 77.777777777777777777777777777777%;
}

.table_cell_8 {
    width: 88.888888888888888888888888888888%;
}

.table_cell_9 {
    width: 99.999999999999999999999999999999%;
}

/*Manual Request Form*/
.requestForm-title {
    cursor: pointer;
    background-color: #4b7ec7!important;
    height: 30px;
    padding: 5px 15px;
    margin-top: 1em;
}

    .requestForm-title .glyphicon {
        color: #fff;
        float: right;
        font-size: 18px;
    }

        .requestForm-title .glyphicon:hover {
            color: #aaa;
        }

.requestForm {
    padding: 15px;
    border: 1px solid #0745d8;
    margin-bottom: 1em;
}

    .panel-header .panel-heading > img, .requestForm .printTitleLogo img.pull-right {
        width: auto;
        height: 60px;
    }

.printTitleLogo > p {
    margin-bottom: 0;
}

.buttons {
    display: block;
    border: 0;
    height: auto;
    text-align: right;
}

    .buttons .primaryButton {
        margin-left: 2px;
        margin-right: 2px;
        height: 36px;
        min-width: 132px;
        border: none;
        border-radius: 3px; /*font-family: 'Tahoma';*/
        text-transform: uppercase;
        font-size: 12px;
        color: #FFF;
        background: #0745d8;
        cursor: pointer;
    }

        .buttons .primaryButton:hover {
            border-color: ActiveBorder;
            opacity: 0.8;
            -moz-opacity: 0.8;
            -ms-filter: 'alpha(opacity = 80)';
        }

    .buttons .auxillaryButton {
        margin-left: 2px;
        margin-right: 2px;
        min-width: 132px;
        height: 36px;
        border: 0px;
        border-radius: 2px; /*font-family: 'Tahoma';*/
        text-transform: uppercase;
        font-size: 12px;
        cursor: pointer;
        color: #fff;
        background-color: #4b7ec7;
    }

.legend {
    margin-bottom: -38px;
    margin-left: 5px;
}

    .legend > div {
        margin-top: -5px;
    }

    .legend .title {
        font-size: 11px;
        font-weight: bold;
    }

    .legend .body {
        margin-left: 10px;
        margin-top: 6px
    }

        .legend .body label {
            margin-right: 45px;
            font-size: 11px;
            font-weight: bold
        }

            .legend .body label span {
                font-weight: normal
            }
/*.actionPane input[type="button"]{height:25px !important;}*/
.actionPane select {
    height: 36px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

/*PR Tooltip*/
div.prTooltip span.glyphicon {
    top: 2px;
    color: gray;
    cursor: pointer;
}

/*Buttons*/
#MyRequestFilter .buttons {
    text-align: left;
}

#MyViewFilter .buttons, #ForAutoReversalFilter .buttons, #DocsForSubmissionFilter .buttons, #FormUploadFilter .buttons,
#OfficialReceiptFilter .buttons {
    text-align: left;
}

#MyQATaskFilter .buttons {
    text-align: left;
}

#myApproverTaskFilter .buttons {
    text-align: left;
}

#QAInboxMaintenanceFilter .buttons {
    text-align: left;
}

#ProcessorInboxMaintenanceFilter .buttons {
    text-align: left;
}

#ResQInboxMaintenanceFilter .buttons {
    text-align: left;
}

#RCPMaintenanceFilter .buttons {
    text-align: left;
}

#TeamLeadInboxMaintenanceFilter .buttons {
    text-align: left;
}

#ReassignmentMaintenanceFilter .buttons {
    text-align: left;
}

#TeamMaintenanceFilter .buttons {
    text-align: left;
}

#ManualRequestMaintenanceFilter .buttons {
    text-align: left;
}

#BudgetQuery .buttons {
    text-align: left;
}

#AccountSelectorMaintenanceFilter .buttons {
    text-align: left;
}

#VendorInboxMaintenanceFilter .buttons {
    text-align: left;
}

#MasterDataCustodianInboxMaintenanceFilter .buttons {
    text-align: left;
}

#myEndorserTaskFilter .buttons {
    text-align: left;
}

#myRecommenderTaskFilter .buttons {
    text-align: left;
}

#myEvaluatorTaskFilter .buttons {
    text-align: left;
}

#BusinessPartnerInboxFilter .buttons {
    text-align: left;
}

input[value="Approve"] {
    float: left;
    margin-right: 5px !important;
}

input[value="Approve"], input[value="Return to Requestor"], input[value="Reject"] {
    background: #0745d8 !important;
}

.panel .buttons {
    text-align: left;
}

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

    .tree ul {
        margin-left: 1em; /* indentation */
        position: relative;
    }

        .tree ul ul {
            margin-left: .5em;
        }

        .tree ul:before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            border-left: 1px solid;
        }

    .tree li {
        margin: 0;
        padding: 0 1.5em; /* indentation + .5em */
        line-height: 2em; /* default list item's `line-height` */
        color: #369;
        position: relative;
    }

        .tree li.current {
            margin: 0;
            padding: 0 1.5em; /* indentation + .5em */
            line-height: 2em; /* default list item's `line-height` */
            color: #369;
            font-weight: bold;
            position: relative;
        }

    .tree ul li:before {
        content: "";
        display: block;
        width: 10px; /* same with indentation */
        height: 0;
        border-top: 1px solid;
        margin-top: -1px; /* border top width */
        position: absolute;
        top: 1em; /* (line-height/2) */
        left: 0;
    }

    .tree ul li:last-child:before {
        background: #e7e7e7; /* same with body background */
        height: auto;
        top: 1em; /* (line-height/2) */
        bottom: 0;
    }

/*Timepicker*/
.bootstrap-datetimepicker-widget {
    width: 150px !important;
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        min-width: 150px !important;
    }

.timepicker .timepicker-picker table tr td:nth-child(2) {
    width: 20%;
}

.timepicker .timepicker-picker table tr {
    background-color: transparent !important;
}

.timepicker .timepicker-hours table tr {
    background-color: transparent !important;
}

.timepicker .timepicker-minutes table tr {
    background-color: transparent !important;
}

.timepicker .timepicker-picker table td span {
    height: 20px;
    line-height: 20px;
}

    .timepicker .timepicker-picker table td span.glyphicon {
        color: #4b7ec7;
    }

.timepicker .timepicker-picker table tbody td a {
    padding: 0;
}

.timepicker .timepicker-picker table tbody td {
    padding: 0;
}

/*Error Page*/
.banner {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url('../Images/sysLogo.png') no-repeat;
    width: 100%;
    height: 44px;
}

/*Alert*/
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #eeeeee;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #a47e3c;
}

.alert-heading {
    color: inherit;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
}

.alert-success {
    background-color: #eeeeee;
    border-color: #e1e1e1;
    color: #468847;
}

.alert-danger,
.alert-error {
    background-color: #eeeeee;
    border-color: #e6e6e6;
    color: #b94a48;
}

.alert-info {
    background-color: #eeeeee;
    border-color: #dcdcdc;
    color: #0099cc;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

    .alert-block > p,
    .alert-block > ul {
        margin-bottom: 0;
    }

    .alert-block p + p {
        margin-top: 5px;
    }

.datagrid {
    overflow-x: auto;
    width: 100%;
}

div.dataTables_wrapper.noData table thead, div.dataTables_wrapper.noData div.dataTables_length, div.dataTables_wrapper.noData div.dataTables_paginate, div.dataTables_wrapper.noData div.dataTables_info {
    display: none;
}

div.dataTables_wrapper.noData tbody tr td.dataTables_empty {
    color: #444444;
    font-size: 12px;
    border: 1px solid #9acfea;
    padding: 15px !important;
    background-image: -webkit-linear-gradient(top,#d9edf7 0%,#b9def0 100%);
    background-image: linear-gradient(to bottom,#d9edf7 0%,#b9def0 100%);
    background-repeat: repeat-x;
}

/*Notification Icons*/
#messageControl {
    padding: 2px !important;
    overflow: auto;
}

    #messageControl .panel {
        margin-bottom: 6px;
    }

.headerIcon {
    background-image: url('../Images/alert-icons.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
}

    .headerIcon.success {
        height: 30px;
        width: 30px;
        background-position: 0 0;
    }

    .headerIcon.error {
        height: 30px;
        width: 30px;
        background-position: -30px 0;
    }

    .headerIcon.warning {
        height: 30px;
        width: 30px;
        background-position: 0 -30px;
    }

    .headerIcon.info {
        height: 30px;
        width: 30px;
        background-position: -30px -30px;
    }

/*Dialog Glyphicons*/
.dialog .panel-body ul li i.glyphicon {
    margin-right: 0.5em;
}

.dialog .panel-body ul li i.glyphicon-ok-sign {
    color: green;
}

.dialog .panel-body ul li i.glyphicon-remove-sign {
    color: red;
}

.dialog .panel-body ul li i.glyphicon-question-sign {
    color: blue;
}

.dialog .panel-body ul li i.glyphicon-warning-sign {
    color: #febf01;
}

/*Audit*/
.auditTable {
    border: 1px solid #DFDFDF;
    background-color: #F9F9F9;
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
}

    .auditTable td, .auditTable th {
        border-top-color: white;
        border-bottom: 1px solid #DFDFDF;
        color: #555;
    }

    .auditTable th {
        border: 1px solid #D3CFCF;
        background-color: #D3CFCF;
        text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
        padding: 7px 7px 8px;
        text-align: left;
        line-height: 1.3em;
        font-size: 12px;
    }

    .auditTable td {
        font-size: 10px;
        padding: 4px 7px 2px;
        vertical-align: top;
    }

.link {
    font-size: 12px;
    text-decoration: none;
}

.pagination {
    z-index: 99999;
    position: fixed;
    top: 10px;
    right: 10px;
}

.pager {
    text-decoration: none;
    font: menu;
    display: inline-block;
    padding: 2px 8px;
    background: ButtonFace;
    color: ButtonText;
    border-style: solid;
    border-width: 2px;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

    .pager:active {
        border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
    }

.auditSubHeader {
    font-size: 12px;
    font-weight: bold;
}

.auditOption {
    color: white;
}

/*Line Item*/
div[data-bind="visible: IsTableHeadeControlVisible"] {
    margin-bottom: 5px
}

input[data-bind="click: Remove"] {
    background-color: #666 !important;
}

div#RequestFooter {
    margin-bottom: 10px
}

/*Progress Bar*/
ul.list-group li label {
    width: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 5px;
}

.list-group-item div.progress {
    display: inline-block;
    width: 30%;
    margin-bottom: -6px !important;
}

form#attachment ul.list-group {
    margin-bottom: 0;
}

form#voucherAttachment ul.list-group {
    margin-bottom: 0;
}

/*Company Codes*/
table.companyTable tbody tr td img {
    height: 35px;
    width: auto;
}

.searchCompany input[type="text"] {
    width: 200px !important;
    height: 36px;
    border: 1px solid #ccc;
    margin-left: 1em;
}

.searchCompany button[data-bind="click: Search"] {
    margin-top: -1px;
    border-radius: 0;
    margin-left: -4px;
}

.searchCompany label {
    font-weight: bold;
}

div.companyPagination button {
    font-weight: bold;
    margin-top: 10px !important;
    border: 1px solid #aaa;
    padding: 2px 10px;
    cursor: pointer;
    color: #333 !important;
    background: #fff;
    height: 30px;
}

    div.companyPagination button.previous {
        position: relative;
        right: -4px;
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
        -webkit-border-top-left-radius: 10px !important;
        -webkit-border-bottom-left-radius: 10px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        -webkit-border-top-right-radius: 0px !important;
        -webkit-border-bottom-right-radius: 0px !important;
    }

    div.companyPagination button.next {
        position: relative;
        left: -4px;
        border-top-right-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        -webkit-border-top-right-radius: 10px !important;
        -webkit-border-bottom-right-radius: 10px !important;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        -webkit-border-top-left-radius: 0px !important;
        -webkit-border-bottom-left-radius: 0px !important;
    }

div.companyPagination span {
    border: 1px solid #aaa;
    position: relative;
    top: 6px;
    padding: 7px 6px;
}

div.companyUpload {
    margin-bottom: 15px;
}

    div.companyUpload label {
        font-weight: bold;
    }

    div.companyUpload input {
        margin-left: 1em;
        width: 200px;
        border: 1px solid #ccc;
        height: 26px;
    }

    div.companyUpload button {
        height: 26px;
        position: relative;
        top: -1px;
    }

/*FORMS*/
div[data-bind="visible: IsUnliquidatedCashAdvancesVisible"] {
    margin-top: 1em;
}

    div[data-bind="visible: IsUnliquidatedCashAdvancesVisible"] table {
        margin-bottom: 2em;
    }

table tbody[data-bind="foreach: TeamForms"] tr td {
    padding: 3px !important;
}

.ui-dialog div.noData {
    display: none !important;
}

.ui-dialog div.datagrid {
    display: block;
}

    .ui-dialog div.datagrid table, .ui-dialog div.datagrid .dataTables_paginate {
        display: table !important;
    }

    .ui-dialog div.datagrid .dataTables_length, .ui-dialog div.datagrid .dataTables_info {
        display: block !important;
    }

#ReallocationGroupingMaintenanceDialog .buttons input[data-bind^="click: AddSubGroup"] {
    float: left;
}

/*.tabbable + .tab-content div.noData{display:none !important;}
.tabbable + .tab-content div.datagrid{display:block;}
.tabbable + .tab-content div.datagrid table, .ui-dialog div.datagrid .dataTables_paginate{display:table !important;}
.tabbable + .tab-content div.datagrid .dataTables_length, .ui-dialog div.datagrid .dataTables_info{display:block !important;}*/

/*Administration*/
table#AccountTable tbody tr td:nth-child(2) {
    width: 70px;
}

#BudgetMaintenance .form-control {
    border-radius: 0;
    height: 25px;
    padding: 0 3px;
    margin-bottom: 2px;
    border: 1px solid #999;
}

#BudgetMaintenance .form-group > label {
    text-align: left;
}

#BudgetMaintenance table.table tbody tr td {
    padding: 1px !important;
}

.tab-pane#Budget table.table tbody tr td {
    padding: 5px;
}

    .tab-pane#Budget table.table tbody tr td input[type="text"] {
        font-size: 11px;
    }

    .tab-pane#Budget table.table tbody tr td i {
        font-size: 10px;
    }

table.has-divider tbody tr.tr-divider {
    background-color: #fff !important;
}

    table.has-divider tbody tr.tr-divider td {
        border: none
    }

    table.has-divider tbody tr.tr-divider + tr {
        background-color: #88d2ad !important;
    }

        table.has-divider tbody tr.tr-divider + tr + tr {
            background-color: #88d2ad !important;
        }

            table.has-divider tbody tr.tr-divider + tr + tr + tr {
                background-color: #88d2ad !important;
            }

#BudgetViewerDialog .form-control {
    border-radius: 0;
    height: 25px;
    padding: 0 3px;
    margin-bottom: 2px;
    border: 1px solid #999;
}

#BudgetViewerDialog .form-group > label {
    text-align: left;
}

#BudgetViewerDialog .form-group {
    margin-bottom: 5px;
}

#BudgetViewerDialog table.table tbody tr td {
    padding: 5px;
}

    #BudgetViewerDialog table.table tbody tr td input[type="text"] {
        font-size: 11px;
    }

#BudgetViewerDialog span {
    top: 0;
}

/*RFL*/
.reference-form {
    margin-bottom: -10px;
    text-align: right
}

    .reference-form label {
        padding-top: 4px;
    }

    .reference-form input[type="text"] {
        min-height: 25px;
        padding: 0 3px;
        margin-bottom: 2px;
        border: 1px solid #999;
        width: 75%
    }

    .reference-form input[type="button"] {
        height: 25px;
    }

a.btn-table {
    margin: 2px 4px;
    width: 80px;
    background-color: #0745d8;
    border-radius: 3px;
    border: none;
    color: #fff;
    font-size: 10px;
    cursor: pointer;
    text-transform: uppercase;
}

    a.btn-table:hover {
        color: #fff;
    }

table#BudgetHistorySupplementTable tbody tr td:first-child,
table#BudgetHistoryReallocationTable tbody tr td:first-child {
    width: 190px !important;
}


/*MyBudget*/
div.ui-dialog[aria-describedby="BudgetHistoryViewerDialog"] .ui-dialog-content {
    padding: 0;
}

div.ui-dialog[aria-describedby="BudgetHistoryViewerDialog"] .panel {
    margin-bottom: 0;
}

div.ui-dialog #BudgetHistoryViewerDialog .well {
    padding: 19px 4px !important;
}

    div.ui-dialog #BudgetHistoryViewerDialog .well > .row-fluid .col-lg-1.pull-right {
        width: auto;
        padding: 0;
    }

    div.ui-dialog #BudgetHistoryViewerDialog .well > .row-fluid .col-lg-6 {
        padding: 0;
    }

        div.ui-dialog #BudgetHistoryViewerDialog .well > .row-fluid .col-lg-6 > form + form .col-sm-4,
        div.ui-dialog #BudgetHistoryViewerDialog .well > .row-fluid .col-lg-6 > form + form .col-sm-8 {
            padding: 0;
        }

        div.ui-dialog #BudgetHistoryViewerDialog .well > .row-fluid .col-lg-6 > form + form .col-sm-4 {
            margin-top: 10px;
        }

    div.ui-dialog #BudgetHistoryViewerDialog .well table {
        margin-bottom: 0;
    }

        div.ui-dialog #BudgetHistoryViewerDialog .well table th,
        div.ui-dialog #BudgetHistoryViewerDialog table th {
            font-size: 9px;
        }

        div.ui-dialog #BudgetHistoryViewerDialog .well table tbody td {
            padding: 2px
        }

            div.ui-dialog #BudgetHistoryViewerDialog .well table tbody td input {
                border-radius: 0;
            }

div.ui-dialog #BudgetHistoryViewerDialog .reallocTo form {
    float: right;
    width: 300px;
}

#BudgetMaintenance table.table tbody tr td i {
    font-size: 10px;
}

/*Budget Report*/
#BudgetReport table.table tbody tr td i {
    font-size: 10px;
}

#BudgetReportFilter > .well > .row-fluid {
    margin-left: -15px;
    margin-right: -15px;
}


/*RFL FlowType*/
table tbody tr td .input-edit > input[id^="principalAmountId"] {
    min-width: 100px;
}

table tbody tr td .input-edit > input[id^="partialPaymentId"],
table tbody tr td .input-edit > input[id^="flowTypeAmountId"] {
    min-width: 75px;
}

table tbody tr td .input-edit > input[id^="nominalInterestAmountId"] {
    min-width: 80px;
}

/*FOR IE*/
.ie {
}

/*FOR IE8*/
.ie8 .navbar-header {
    float: left;
}

    .ie8 .navbar-header .navbar-toggle {
        display: none;
    }

.ie8 .navbar-collapse.collapse {
    display: block;
    height: auto;
    padding: 0 15px;
    overflow: visible;
    width: auto;
    border-top: 0;
    box-shadow: none;
}

.ie8 .navbar-nav {
    margin: 0;
    float: left;
}

    .ie8 .navbar-nav > li {
        float: left;
    }

.ie8 .navbar-right {
    float: right !important;
}

/*FOR IE9*/
.ie9 {
}

/*FOR Mozilla*/
@-moz-document url-prefix() {
    .searchCompany button[data-bind="click: Search"] {
        margin-top: -4px;
    }
}

/*----- Media Queries -----*/

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 950px) {
    .actionPane .span1 {
        display: inline-block !important;
        width: auto !important;
        margin-right: 1em;
    }

    .actionPane .span4 {
        display: inline-block;
        width: 50% !important;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

@media (max-width: 767px) {
    ul.infoNavHeader {
        display: block;
    }

    ul.infoNav {
        display: none;
    }

    .topMenu > .navbar ul.menu {
        margin-left: 0;
    }

        .topMenu > .navbar ul.menu li {
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }

            .topMenu > .navbar ul.menu li a {
                font-size: 11px;
            }

    .navbar-nav .open .dropdown-menu {
        background: #fff !important;
    }

    .navbar-nav {
        margin: 0 !important;
    }

    .navbar-toggle {
        margin-right: 10px !important;
        margin-top: 0 !important;
    }

    .checkboxList {
        margin-top: 2em;
    }

    .tree {
        margin-top: 1em !important;
    }

    .logout {
        display: block !important;
    }

    .box-toggle-menu {
        top: 97px;
    }

    .nav > li > a {
        padding: 8px !important;
        font-size: 10px;
    }

    .footer {
        font-size: 11px;
        height: 1px !important;
        padding-top: 1px !important;
    }

    ul.list-group li label {
        width: 40% !important;
    }

    div.progress {
        width: 45% !important;
    }

    .filter_pane .nav-tabs a {
        padding: 5px 14px 4px !important;
    }

    .buttons .primaryButton, .buttons .auxillaryButton {
        height: 26px !important
    }

    input[type="button"], button {
        height: 26px !important;
    }

    #company button[data-bind="click: AddCompany"] {
        height: auto !important;
    }

    #company .companyPagination button {
        height: 30px !important;
    }

    .searchCompany input[type="text"], .searchCompany label {
        font-size: 12px !important;
    }

    .searchCompany button[data-bind="click: Search"] {
        height: 36px !important;
        top: -1px;
        position: relative;
    }

    div.companyPagination span {
        font-size: 12px !important;
    }

    .searchCompany input[type="button"], .searchCompany button {
        height: auto !important;
    }

    .filter_body > div > input[type="button"] {
        height: 26px !important;
    }

    .actionPane select {
        height: 26px !important
    }

    button.navbar-toggle {
        height: initial !important;
    }

    div[data-model="TeamMaintenanceModel"] div {
        width: 100% !important;
    }

    .input-edit > textarea ~ button {
        height: 38px !important;
        margin-top: 0px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .input-edit {
        position: relative
    }

    div[data-bind="visible: IsBudgetResultVisible"] .span1 {
        width: 20% !important;
    }

    div[data-bind="visible: IsBudgetResultVisible"] .span2 {
        width: 30% !important;
    }

    .panel-primary > .panel-heading span, .formPage legend.formTitle {
        font-size: 14px !important;
    }

    .tabbable .nav > li > a {
        padding: 6px !important;
        font-size: 10px !important;
    }
    /*#AdditionalLineItem div{width: 100% !important;}
    #AdditionalLineItem .row-fluid [class*="span"]{margin-left: 0 !important;}

    #RequestHeader div{width:100% !important;}
    #RequestHeader .row-fluid [class*="span"]{margin-left:0 !important;}
    #requestDetails div{width: 100% !important;}
    #requestDetails .row-fluid [class*="span"]{margin-left:0 !important;}
    #RequestFooter div{width:100% !important;}
    #RequestFooter span{top:0px !important;}
    #RequestFooter .row-fluid [class*="span"]{margin-left:0 !important;}

    table input[type='text'], table select, table input[type='email'], table input[type='number'], table textarea{min-width:100px}

    table .input-edit button{height:23px !important;}
    table .input-edit > button i{font-size:9px !important;}*/

}

@media (max-width: 650px) {
    .dataTables_wrapper label, .dataTables_info, body, input[type="text"], input[type="password"], select, input[type="email"], input[type="number"], textarea {
        font-size: 11px !important
    }

    .panel-header .panel-heading > img {
        height: 45px !important;
        margin-top: -12px !important;
    }

    table th {
        font-size: 9px !important;
    }

    table.signatoryTable td {
        font-size: 11px !important;
    }

        table.signatoryTable td.reqd {
            font-size: 10px !important;
        }

    .actionPane input[type="button"] {
        font-size: 10px
    }

    .dataTables_info {
        top: 16px !important;
    }
}

@media (max-width: 600px) {
    .tabbable + .tab-content ul.nav-tabs + .tab-pane table thead th {
        font-size: 10px;
    }

    ul.list-group li label {
        width: 60% !important;
        margin-bottom: -6px !important;
        top: 0 !important;
    }

    div.progress {
        width: 70% !important;
        margin-left: 5em;
    }

    table input[type='text'], table select, table input[type='email'], table input[type='number'], table textarea {
        min-width: 100px
    }
}

@media (max-width: 550px) {
    /*.dataTables_length > label {visibility:hidden !important;}*/
    .panel-heading button {
        height: auto !important;
        padding: 4px 12px !important;
    }

    .dataTables_wrapper label, .dataTables_info, body, input[type="text"], input[type="password"], select, input[type="email"], input[type="number"], textarea {
        font-size: 11px !important
    }

    .dataTables_info {
        top: -2.6em !important;
    }

    .panel-primary > .panel-heading span, .formPage legend.formTitle {
        font-size: 14px !important
    }

    .filter_pane .nav-tabs a, .buttons .primaryButton, .buttons .auxillaryButton {
        font-size: 10px !important;
    }

    .ui-dialog .row-fluid .span3, .ui-dialog .row-fluid .span9, .ui-dialog .row-fluid .span5, .ui-dialog .row-fluid .span7 {
        width: 100% !important;
    }

    .ui-dialog .row-fluid .col-xs-4, .ui-dialog .row-fluid .col-xs-8 {
        width: 100% !important;
    }

    .ui-dialog .datagrid {
        height: 210px
    }

    .ui-dialog .well {
        padding: 10px;
    }

    .ui-dialog .row-fluid [class*="span"] {
        margin-left: 0;
    }

    .ui-dialog .datagrid .dataTables_length {
        display: none;
    }

    /*.dataTables_length{display:none;}*/
    .dataTables_info {
        top: 16px !important;
        left: 120px !important;
        float: left !important;
    }

    div.image {
        display: none;
    }

    .smallLogo {
        display: block;
    }

        .smallLogo img {
            height: 30px;
            margin: 5px 0 10px 15px;
            position: absolute
        }

    .navbar-toggle {
        position: absolute !important;
        right: 0;
        top: 1em;
    }

    .welcomeUserMobile {
        display: block !important;
    }

    div[data-model="BudgetModel"] span {
        top: 7px !important;
        font-size: 11px !important;
    }

    #MemberSelectionDialog .span2 {
        width: 100% !important;
        margin-bottom: 1em;
    }

    #MyViewFilter div, #ForAutoReversalFilter div {
        width: 100% !important;
    }

    #MyQATaskFilter div {
        width: 100% !important;
    }

    #MyQATaskFilter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #MyQATaskFilter div.span12 > div {
        padding: 0 !important;
    }

    #MyApproverTaskFilter div {
        width: 100% !important;
    }

    #MyRequestFilter div {
        width: 100% !important;
    }

        #MyRequestFilter div.span12 > div {
            padding: 0 !important;
        }

    #MyRequestFilter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #BudgetQuery div {
        width: 100% !important;
    }

        #BudgetQuery div.span12 > div {
            padding: 0 !important;
        }

    #BudgetQuery .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #ForeignTravelAdditionalItem div {
        width: 100% !important;
    }

    #ForeignTravelAdditionalItem .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #QAInboxMaintenanceFilter div {
        width: 100% !important;
    }

    #QAInboxMaintenanceFilter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #QAInboxMaintenanceFilter div.span12 > div {
        padding: 0 !important;
    }

    #ManualRequestMaintenanceFilter div {
        width: 100% !important;
    }

        #ManualRequestMaintenanceFilter div.span12 > div {
            padding: 0 !important;
        }

    #ManualRequestMaintenanceFilter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #ProcessorInboxMaintenanceFilter div {
        width: 100% !important
    }

    #ProcessorInboxMaintenanceFilter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #ProcessorInboxMaintenanceFilter div.span12 > div {
        padding: 0 !important;
    }

    #ResQInboxMaintenanceFilter div {
        width: 100% !important;
    }

        #ResQInboxMaintenanceFilter div.span12 > div {
            padding: 0 !important;
        }

    #ResQInboxMaintenanceFilter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #RCPMaintenanceFilter div {
        width: 100% !important;
    }

        #RCPMaintenanceFilter div.span12 > div {
            padding: 0 !important;
        }

    #RCPMaintenanceFilter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #TeamLeadInboxMaintenanceFilter div {
        width: 100% !important;
    }

        #TeamLeadInboxMaintenanceFilter div.span12 > div {
            padding: 0 !important;
        }

    #TeamLeadInboxMaintenanceFilter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #ReassignmentMaintenanceFilter div {
        width: 100% !important;
    }

        #ReassignmentMaintenanceFilter div.span12 > div {
            padding: 0 !important;
        }

    #ReassignmentMaintenanceFilter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #TeamMaintenanceFilter div {
        width: 100% !important;
    }

    #TeamMaintenanceFilter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #ExceptionTagMaintenanceFilter div {
        width: 100% !important;
    }

        #ExceptionTagMaintenanceFilter div.span12 > div {
            padding: 0 !important;
        }

    #ExceptionTagMaintenanceFilter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    /*.actionPane div{width:100% !important;}*/
    .actionPane .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    .actionPane .span4 select {
        margin-bottom: 1em;
    }

    #AdditionalLineItem div {
        width: 100% !important;
    }

    #AdditionalLineItem .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #RequestHeader div {
        width: 100% !important;
    }

    #RequestHeader .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #requestDetails div {
        width: 100% !important;
    }

    #requestDetails .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    #RequestFooter div {
        width: 100% !important;
    }

    #RequestFooter span {
        top: 0px !important;
    }

    #RequestFooter .row-fluid [class*="span"] {
        margin-left: 0 !important;
    }

    table input[type='text'], table select, table input[type='email'], table input[type='number'], table textarea {
        min-width: 100px
    }

    table .input-edit button {
        height: 23px !important;
    }

    table .input-edit > button i {
        font-size: 9px !important;
    }

    div[data-bind="visible: IsBudgetResultVisible"] .span1 {
        width: 30% !important;
    }

    div[data-bind="visible: IsBudgetResultVisible"] .span2 {
        width: 40% !important;
    }

    .buttons a[name="UnliquidatedCAList"] {
        float: none;
        padding-top: 1em;
        margin-right: 1px;
        display: block;
        width: 162px;
        margin: 0 auto;
    }
}

@media (max-width: 530px) {
    .panel-primary > .panel-heading span, .formPage legend.formTitle {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .input-append > button {
        padding: 6px 0;
        width: 12%;
    }

    .panel-header .panel-heading > img {
        position: absolute;
        right: 3em;
        height: 28px !important;
        margin-top: -4px !important;
    }

    .buttons .primaryButton, .buttons .auxillaryButton {
        min-width: 75px !important;
    }

    .panel-primary > .panel-heading span, .formPage legend.formTitle {
        font-size: 10px !important;
    }

    div.companyUpload input, .searchCompany input[type="text"] {
        width: 30% !important;
    }

    .well {
        padding: 15px !important;
    }
}

@media (max-width: 450px) {
    ul.infoNavHeader {
        display: none;
    }

    .smallLogo {
        display: block;
    }

        .smallLogo img {
            height: 30px;
            margin: 12px 0 10px 15px;
        }

    div.image {
        display: none;
    }

    .topMenu {
        margin-top: 0;
    }

    .navbar-toggle {
        position: absolute !important;
        right: 0;
        top: 16px;
    }

    .welcomeUserMobile {
        margin-top: 47px !important;
    }

    table.companyTable tbody tr td img {
        height: auto !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 400px) {
    .panel-primary > .panel-heading span, .formPage legend.formTitle {
        font-size: 9px !important;
    }
}

/*For Printing*/
@media print {


    /*Global*/
    .no-print {
        display: none !important;
    }
    .dialogForm {
        min-height: 0;
    }
    div.dialogForm.wrap {
        padding: 0;
    }
    input[type="button"], input[type="submit"], input[type="file"], input[type="image"], input[type="reset"], button {
        display: none !important;
    }

    input[type="text"], input[type="password"], select, input[type="email"], input[type="number"] {
        border: none !important;
        font-size: 10px !important;
        margin-bottom: 0 !important;
    }

    .dialogForm input[type="text"], .dialogForm input[type="password"], .dialogForm select, .dialogForm input[type="email"], .dialogForm input[type="number"] {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    }

    div {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }

    select {
        -moz-appearance: window !important;
        -webkit-appearance: none !important;
        margin-bottom: 0 !important;
    }

        select::-ms-expand {
            display: none !important;
        }

    textarea {
        margin-bottom: 0 !important;
        height: 0em !important;
        display: block;
        min-height: 0em !important;
        white-space: pre-wrap;
        padding: 0 3px !important;
        overflow: hidden !important;
        border: none !important;
        font-size: 9px !important;
        line-height: normal !important
    }
    /*.dialogForm textarea{margin-bottom:0 !important;height:38px !important;padding:0 3px !important;resize:none !important;overflow:hidden !important;border:none !important;font-size:9px !important;}*/
    label {
        font-size: 10px !important;
    }

    a[href]:after {
        content: none !important;
    }

    a.btn {
        display: none !important;
    }

    a.paginate_button {
        display: none !important;
    }

    .footer {
        display: none !important;
    }

    hr {
        display: none !important;
    }

    .col-lg-6 {
        width: 50% !important;
    }

    .hide-print {
        display: none !important;
    }

    ::-webkit-input-placeholder {
        color: transparent;
    }

    h5 strong {
        font-size: 12px;
    }

    .row.caAttachment {
        padding: 0 !important;
    }

        .row.caAttachment .panel-body.well.dialogForm input {
            padding: 0 !important;
        }

    .panel-heading.for-Corp {
        padding: 0 !important;
    }

    :-moz-placeholder { /* Firefox 18- */
        color: transparent;
    }

    ::-moz-placeholder { /* Firefox 19+ */
        color: transparent;
    }

    :-ms-input-placeholder {
        color: transparent;
    }

    /*Header*/
    header {
        border-top: none !important;
        display: none !important;
    }

    .topMenu {
        display: none !important;
    }

    .welcomeSection {
        display: none !important;
    }

    .sidebar {
        display: none !important;
    }

    .box-toggle-menu {
        display: none !important;
    }

    /*Table*/
    table {
        margin-bottom: 10px;
        border: 1px solid #e0e0e0 !important;
    }

        table th {
            border-bottom: none !important;
            border: 1px solid #e0e0e0 !important;
            font-size: 10px !important;
            font-weight: normal !important;
            padding: 4px 0 !important;
            background-color: #ececec !important; /*border-left:1px solid #e0e0e0;*/
        }

        table td {
            border: 1px solid #e0e0e0 !important; /*border-right:1px solid #e0e0e0 !important;*/
            font-size: 9px !important;
            padding: 0 4px !important;
        }

        table input[type="text"], table select, table input[type="email"], table input[type="number"], table textarea {
            min-height: 20px !important;
            height: 20px !important;
        }

        table td .glyphicon {
            display: none !important;
        }

        table.dataTable thead th {
            border: 1px solid #e0e0e0 !important;
        }

        table.signatoryTable {
            margin-top: 0.5em;
        }

            table.signatoryTable th {
                border-bottom: none !important;
                border: 1px #e0e0e0 solid !important;
                font-size: 9px !important;
                background-color: transparent !important;
            }

            table.signatoryTable td {
                border: 1px solid #e0e0e0 !important;
                font-size: 10px !important;
                padding: 0 4px !important;
            }

    tr.tableSeparator {
        display: none !important;
    }

    table select {
        min-height: 20px !important;
        height: 20px !important;
    }

    table tbody tr:nth-child(odd) {
        background-color: #fafafa !important;
    }

    table tbody tr:nth-child(even) {
        background-color: #f4f4f4 !important;
    }

    thead {
        display: table-row-group !important;
    }
    /*table[data-bind="visible: IsLineItemTableVisible"] thead tr th:first-child{border-right:1px solid transparent !important;}
    table[data-bind="visible: IsLineItemTableVisible"] thead tr th:first-child input[type="checkbox"]{display:none;}
    table[data-bind="visible: IsLineItemTableVisible"] tbody tr td:first-child{border-right:1px solid transparent !important;}
    table[data-bind="visible: IsLineItemTableVisible"] tbody tr td:first-child input[type="checkbox"]{display:none;}*/
    table[data-bind="visible: IsLineItemTableVisible"] thead tr th:first-child {
        display: none !important;
    }

    table[data-bind="visible: IsLineItemTableVisible"] tbody tr td:first-child {
        display: none !important;
    }

    #requestDetails > table tbody:last-child tr {
        background-color: #ececec !important;
        border-left: 1px solid transparent;
    }

    table tbody tr td .input-edit > input.text-right {
        padding-right: 2px;
    }
    /*#requestDetails table tbody tr td:first-child{display:none;}*/

    table[data-bind="visible: IsLineItemTableVisible"] tbody + tbody td.printColspan {
        display: table-cell !important;
    }

    td.defaultColspan {
        display: none !important;
    }

    /*Dialog Form*/
    .well {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    .dialogForm.well {
        margin-bottom: 0 !important;
    }

    .dialogForm.wrap {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    .dialogForm.well.ftr { /*border:1px solid black !important;*/
        margin-top: 1em; /*padding-left:5px !important;*/
    }

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

    .panel-primary {
        border-color: transparent !important;
    }

    .main > .panel-primary > .panel-body {
        padding: 0 !important;
    }

    .main > .panel-primary > .panel-heading {
        padding: 2px 0px !important;
    }

    .main > .panel-primary > .panel-body > .panel-header {
        border-color: transparent !important;
    }

    .main > .panel-primary > .panel-body > .panel-default {
        border-color: transparent !important;
    }

    .main > .panel-primary > .panel-body > .panel-header > .panel-heading {
        padding: 5px 0 !important;
    }

    .main > .panel-primary > .panel-body > .panel-header > .panel-body {
        padding: 0 !important;
    }

    .main > .panel-primary > .panel-body > .panel-default > .panel-heading {
        padding: 5px 0 !important;
    }

    .main > .panel-primary > .panel-body > .panel-default > .panel-body {
        padding: 0 !important;
    }

    span[style="font-style: italic; font-size: 11px; font-weight: bold; color: red;"] {
        display: none !important;
    }

    div[data-bind="visible: IsAttachmentVisible"] {
        display: none !important;
    }

    div[data-bind="visible: IsVoucherAttachmentVisible"] {
        display: none !important;
    }

    div#RequestHeader > div.dialogForm > div.row-fluid > div > div > div.row-fluid:first-child {
        border-top-width: 1px;
    }

    div#RequestHeader > div.dialogForm > div.row-fluid > div > div > div.row-fluid {
        border-color: #e0e0e0;
        border-style: solid;
        border-width: 0 1px 1px 1px;
        padding: 0 0 0 4px;
    }

        div#RequestHeader > div.dialogForm > div.row-fluid > div > div > div.row-fluid > div.span4 {
            border-right: 1px solid #e0e0e0
        }

    div.dialogForm > div.row-fluid > div > div > div[data-bind="visible: IsTravelAgencyVisible"] > div.row-fluid {
        border-color: #e0e0e0;
        border-style: solid;
        border-width: 0 1px 1px 1px;
        padding: 0 0 0 4px;
    }

    #RequestHeader > div.dialogForm > div.row-fluid > div > div > div[data-bind="visible: IsTravelAgencyVisible"] > div.row-fluid > div.span4 {
        border-right: 1px solid #e0e0e0
    }

    #RequestHeader > div.dialogForm > div[data-bind="visible: IsTravelAgencyVisible"] > div.span6 > div.row-fluid:first-child {
        border-top-width: 1px;
    }

    #RequestHeader > div.dialogForm > div[data-bind="visible: IsTravelAgencyVisible"] > div.span6 > div.row-fluid {
        border-color: #e0e0e0;
        border-style: solid;
        border-width: 0 1px 1px 1px;
        padding: 0 0 0 4px;
    }

    #RequestHeader div[data-bind="visible: IsProjectCodeVisible"] {
        border-color: #e0e0e0 !important;
        border-style: solid !important;
        border-width: 0 1px 1px 1px !important;
        padding: 0 0 0 4px !important;
        background: transparent !important
    }

        #RequestHeader div[data-bind="visible: IsProjectCodeVisible"] > .span4.withAsterisk {
            margin-left: 0px !important
        }

    #RequestHeader div[data-bind="visible: IsRankVisible"] { /*border-right:1px solid green !important; border-color: #e0e0e0 !important; border-style: solid !important; border-width:0 1px 0px 1px !important;padding: 0 0 0 4px !important; background:transparent !important*/
    }

        #RequestHeader div[data-bind="visible: IsRankVisible"] > .span4.withAsterisk {
            margin-left: -3px !important;
            margin-right: 3px !important;
            border-right: 0px solid #e0e0e0 !important;
            border-left: 1px solid #e0e0e0 !important;
            padding-left: 4px;
            display: inline-block
        }

            #RequestHeader div[data-bind="visible: IsRankVisible"] > .span4.withAsterisk::before {
                visibility: hidden;
            }

    #RequestHeader > div.dialogForm > div.row-fluid > div > div > div[data-bind="visible: IsRankVisible"] > .span8 {
        border-left: 1px solid #e0e0e0 !important;
        margin-left: -1px !important;
        display: inline-block;
        padding-left: 8px !important
    }

    #RequestHeader select {
        min-height: 15px !important;
        height: 15px !important;
        background: transparent !important
    }
    /*div#RequestHeader > div.dialogForm > div.row-fluid > div > div:nth-child(2) > div.row-fluid:nth-child(6){border:none !important}*/
    div#RequestHeader > div.dialogForm > div.row-fluid > div > div:nth-child(2) > div.row-fluid:nth-child(7) {
        border-top: 1px solid #e0e0e0 !important
    }

    div[data-bind="foreach:Requests"] div.dialogForm > div.row-fluid > div > div > div.row-fluid:first-child {
        border-top-width: 1px !important;
    }

    div[data-bind="foreach:Requests"] div.dialogForm > div.row-fluid > div > div > div.row-fluid {
        border-color: #e0e0e0 !important;
        border-style: solid !important;
        border-width: 0 1px 1px 1px !important;
        padding: 0 0 0 4px !important;
    }

    div[data-bind="foreach:Requests"] div.dialogForm > div.row-fluid > div.span12 > div.col-lg-6 + div.col-lg-6 {
        width: 49% !important;
        margin-left: 1% !important;
    }

    div[data-bind="foreach:Requests"] input[type="text"] {
        padding-left: 3px !important;
    }

    div[data-bind="foreach:Requests"] select {
        padding-left: 0 !important;
    }

    div[data-bind="foreach:Requests"] textarea {
        padding-left: 5px !important;
    }

    div[data-bind="foreach:Requests"] span {
        margin-left: 5px !important;
        font-weight: normal !important;
    }

    div[data-bind="foreach:Requests"] input[type="checkbox"] {
        margin-left: 3px !important;
    }

    div[data-bind="foreach:Requests"] #RequestFooter > .dialogForm > div > div > div > div.row-fluid {
        border-color: transparent !important;
    }

    .dialogForm input[type="text"], .dialogForm input[type="password"], .dialogForm input[type="email"], .dialogForm input[type="number"], .dialogForm.well input[type="text"], .dialogForm.well input[type="email"], .dialogForm.well input[type="number"] {
        min-height: 20px !important;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    }

    .dialogForm.well select, .dialogForm select {
        min-height: 20px !important;
        height: 20px !important;
    }

    .dialogForm.well label, .dialogForm label { /*font-weight:bold !important;*/
        font-size: 10px !important;
        padding-top: 1px !important;
    }

    .dialogForm.well span, .dialogForm span {
        top: 1px !important;
        font-size: 10px !important;
    }

    .dialogForm.well textarea {
        min-height: 0em !important;
        height: 1em !important;
        padding-top: 4px
    }

    .requestForm-title {
        display: none;
    }

    .requestForm {
        padding: 0 !important;
        border: none !important;
    }

        .requestForm div.panel-header {
            border: none;
        }

            .requestForm div.panel-header .panel-body#requestHeader, .requestForm div.panel-header .panel-body#requestHeaderTOR {
                padding: 0 !important;
            }

                .requestForm div.panel-header .panel-body#requestHeader .dialogForm.well, .requestForm div.panel-header .panel-body#requestHeaderTOR .dialogForm.well {
                    padding: 0 !important;
                }

                    .requestForm div.panel-header .panel-body#requestHeader .dialogForm.well > div > div > div, .requestForm div.panel-header .panel-body#requestHeaderTOR .dialogForm.well > div > div > div {
                        padding: 0 !important;
                    }

        .requestForm div#RequestHeader > div.dialogForm > div.row-fluid > div > div > div.row-fluid {
            border: none;
            padding: 0;
        }
        /*#requestHeader > div#RequestHeader > div.dialogForm > div.row-fluid > div > div.span6:nth-child(2) > div.row-fluid:nth-child(5){border:none}
    #requestHeader > div#RequestHeader > div.dialogForm > div.row-fluid > div > div.span6:nth-child(2) > div.row-fluid:nth-child(6){border:none}*/
        .requestForm #RequestFooter > div > div > div > div {
            padding: 0 !important;
        }

    div#requestDetails {
        max-width: 100% !important;
    }

    div[data-bind="visible: IsUnliquidatedCashAdvancesVisible"] {
        border: none !important
    }

        div[data-bind="visible: IsUnliquidatedCashAdvancesVisible"] > .panel-heading {
            padding: 0 !important;
            border: none !important;
            margin-bottom: 6px !important;
        }

            div[data-bind="visible: IsUnliquidatedCashAdvancesVisible"] > .panel-heading span {
                font-weight: bold !important;
            }

        div[data-bind="visible: IsUnliquidatedCashAdvancesVisible"] > .panel-body {
            padding: 0 !important;
        }

    div[data-bind="visible: IsNonCatalogTableVisible"] {
        border: none !important
    }

        div[data-bind="visible: IsNonCatalogTableVisible"] > .panel-heading {
            padding: 0 !important;
            border: none !important;
            margin-bottom: 6px !important;
        }

            div[data-bind="visible: IsNonCatalogTableVisible"] > .panel-heading span {
                font-weight: bold !important;
            }

        div[data-bind="visible: IsNonCatalogTableVisible"] > .panel-body {
            padding: 0 !important;
        }

    #SbarAdditionalItem .dialogForm > div > div.span12 > div.span6, #SbarAdditionalItem .dialogForm > div > div.span12 .span12.sbarAddItem {
        border: 1px solid #e0e0e0 !important
    }

        #SbarAdditionalItem .dialogForm > div > div.span12 > div.span6.sbarAddItem:first-child {
            margin-top: -2px
        }

        #SbarAdditionalItem .dialogForm > div > div.span12 > div.span6 > div > div.span4 {
            padding-left: 4px
        }

        #SbarAdditionalItem .dialogForm > div > div.span12 > div.span6 > div > div.span8:nth-child(odd) {
            border-left: 1px solid #e0e0e0 !important;
            padding-left: 10px;
            display: inline-block;
            margin-left: 1px;
        }

        #SbarAdditionalItem .dialogForm > div > div.span12 > div.span6 > div > div.span8:nth-child(even) {
            border-left: 1px solid #e0e0e0 !important;
            padding-left: 10px;
            display: inline-block;
            margin-left: 2.5px;
        }

        #SbarAdditionalItem .dialogForm > div > div.span12 > div.span6 > div > div.span4 > label > i {
            visibility: hidden;
        }


    /*Title*/
    .panel-header .panel-heading > img {
        height: 40px;
        width: auto;
    }

    .printTitleLogo {
        padding: 0 !important; /*height: 55px !important;*/
        height: 0 !important;
        margin-top: 0 !important;
        font-weight: bold !important;
    }

        .printTitleLogo img {
            margin-top: -10px !important;
        }

    .printTitle {
        padding: 0 !important;
        margin-top: 0 !important;
        font-weight: bold !important;
    }

        .printTitle .glyphicon, .printTitleLogo .glyphicon {
            display: none !important;
        }

        .printTitle span, .printTitleLogo span {
            font-size: 12px !important;
            margin-bottom: -10px !important;
        }

    .printTitleLogo.panel-heading {
        border-color: transparent !important;
    }

    .printTitle.panel-heading {
        border-color: transparent !important;
    }

    .panel-header .panel-heading > img, .requestForm .printTitleLogo img.pull-right {
        height: 50px !important;
        margin-top: -8px !important;
    }

    .panel-primary > .panel-heading {
        background-color: transparent !important;
        border-color: black !important;
    }

    div[data-bind="visible: IsApproverVisible"] > div.well > .row-fluid > div > div.span7 > div:first-child {
        display: none !important;
    }

    div[data-bind="visible: IsApproverVisible"] > div.well > .row-fluid > div > div.span7 div textarea {
        display: block !important;
        border: 1px solid #e0e0e0 !important;
    }

    /*DMS*/
    .dms-form h5 {
        font-size: 12px;
    }

    .dms-form .panel-body .panel-heading {
        border: none !important;
    }

    .dms-form > .panel-body > .panel-header > .panel-heading {
        margin-top: 0 !important;
    }

    .dms-form > .panel-body .dms-companyCodeheader, .dms-form > .panel-body .dms-companyCodeheader .panel-default {
        border: none !important;
    }

    .dms-companyCodeheader .panel-default .well {
        margin-top: 10px !important;
    }

    .dms-companyCodeheader > .panel-heading {
        display: none !important;
    }

    .dms-companyCodeheader > .panel-body {
        padding: 0 !important;
    }

    .for-Corp {
        padding: 0 !important;
    }

    .dms-controlling > .panel-body > .panel-header > .panel-heading {
        border: none !important;
        margin-top: 0 !important;
    }

    .dms-controlling > .panel-body > .IO {
        margin-top: 10px !important
    }

        .dms-controlling > .panel-body > .IO > .panel-heading {
            padding: 0 !important;
        }

            .dms-controlling > .panel-body > .IO > .panel-heading h3 {
                font-size: 12px !important
            }

        .dms-controlling > .panel-body > .IO > .panel-body {
            padding: 0 !important;
        }

            .dms-controlling > .panel-body > .IO > .panel-body .panel-primary {
                margin-top: 10px !important;
            }

                .dms-controlling > .panel-body > .IO > .panel-body .panel-primary > .panel-heading {
                    padding: 0 !important;
                    font-weight: bold;
                    margin-bottom: 5px;
                }

    .dms-controlling > .panel-body > .CC {
        margin-top: 10px !important
    }

        .dms-controlling > .panel-body > .CC > .panel-heading {
            padding: 0 !important;
        }

            .dms-controlling > .panel-body > .CC > .panel-heading h3 {
                font-size: 12px !important
            }

        .dms-controlling > .panel-body > .CC > .panel-body {
            padding: 0 !important;
        }

            .dms-controlling > .panel-body > .CC > .panel-body .panel-primary {
                margin-top: 10px !important;
            }

                .dms-controlling > .panel-body > .CC > .panel-body .panel-primary > .panel-heading {
                    padding: 0 !important;
                    font-weight: bold;
                    margin-bottom: 5px;
                }

    .dms-vendor #RequestFooter {
        margin-top: 10px !important;
    }

    .dms-vendor div#VendorHeader > div.dialogForm > div.row-fluid > div > div > div.row-fluid:first-child {
        border-top-width: 1px;
    }

    .dms-vendor div#VendorHeader > div.dialogForm > div.row-fluid > div > div > div.row-fluid {
        border-color: #e0e0e0;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        padding: 0 0 0 4px;
    }

    /*RFL*/
    .title-margin {
        margin-top: 20px !important;
        font-size: 15px !important;
        font-weight: bold;
        border: none;
    }

    .printTitle span.title-margin {
        font-size: 15px !important;
    }

    div#RequestDetail > div.dialogForm > div.row-fluid > div > div > div.row-fluid:first-child {
        border-top-width: 1px;
    }

    div#RequestDetail > div.dialogForm > div.row-fluid > div > div > div.row-fluid {
        border-color: #e0e0e0;
        border-style: solid;
        border-width: 0 1px 1px 1px;
        padding: 0 0 0 4px;
    }

        div#RequestDetail > div.dialogForm > div.row-fluid > div > div > div.row-fluid > div.span4 {
            border-right: 1px solid #e0e0e0
        }

    div#RepaymentDetails > div.dialogForm > div.row-fluid > div > div > div.row-fluid:first-child {
        border-top-width: 1px;
    }

    div#RepaymentDetails > div.dialogForm > div.row-fluid > div > div > div.row-fluid {
        border-color: #e0e0e0;
        border-style: solid;
        border-width: 0 1px 1px 1px;
        padding: 0 0 0 4px;
    }

        div#RepaymentDetails > div.dialogForm > div.row-fluid > div > div > div.row-fluid > div.span4 {
            border-right: 1px solid #e0e0e0
        }

    .print-mbottom {
        margin: 0 0 20px !important;
    }

    .print-mtop {
        margin: 20px 0 0 !important;
    }

    .print-nmargin {
        margin: 0 !important;
    }

    .print-dnone {
        display: none !important;
    }

    .printTitleLogo.rfl-titleLogo {
        height: auto !important;
    }

    .main > .panel-primary > .panel-body > .panel-default > .panel-heading {
        padding: 0 !important;
    }

    @page {
        size: landscape;
    }

    * {
        -webkit-print-color-adjust: exact;
    }
}

.withAsterisk::before {
    content: '*';
    color: #f00;
    font-weight: bold;
    margin-left: -7px !important;
    font-size: 12px;
}

.addNonVisibleAsterisk::before {
    visibility: hidden;
    content: '*';
    color: #f00;
    font-weight: bold;
    margin-left: -7px;
}

.isRequired::before {
    content: '*';
    color: #f00;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
}

.isRequiredItalic::before {
    content: '*';
    color: #f00;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
    margin-left: -8px;
}

.white-bg {
    background-color: #fff !important;
}

#SbarAdditionalItem .row-fluid [class*="sbarAddItem"] {
    margin-left: 0 !important;
}

#SbarAdditionalItem .dialogForm {
    padding-top: 0 !important;
}

#SbarAdditionalItem .SbarAddItemChildLabel {
    margin-left: 2%
}

#SbarAdditionalItem .SbarAddItemChildField {
    margin-left: 0%
}

.sbarTable {
    margin-bottom: 2%
}

#requestHeader #RequestHeader > .dialogForm {
    padding-bottom: 0px
}

div[data-model="RFLRequestModel"] #requestHeader #RequestHeader > .dialogForm {
    padding-bottom: 19px
}

.hideField {
    display: none !important;
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        float: left;
        clear: left;
        padding: 0 0 0 5px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 40%;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
    display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background: none;
    color: inherit;
    border: none;
    outline: none;
    border-bottom: solid 1px #555;
    width: 95%;
}

    .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
        border-bottom-color: #aaa;
    }

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
        padding: 0 5px 0 0;
    }

        .ui-timepicker-rtl dl dt {
            float: right;
            clear: right;
        }

        .ui-timepicker-rtl dl dd {
            margin: 0 40% 10px 10px;
        }

.td_calendar {
    position: relative;
}

    .td_calendar img.ui-datepicker-trigger {
        position: absolute;
        right: 4px;
        top: 0px;
        margin-top: 6px;
    }

    .td_calendar input[type=text] {
        background-image: url('/Content/Skin1/Images/calendar.png');
        background-repeat: no-repeat;
        background-position: right 2px center;
        cursor: pointer;
    }

    .td_calendar.clock input[type=text] {
        background-image: url('/Content/Skin1/Images/clock.png');
    }

.dialogFormNoOverflow {
    max-height: initial !important;
    overflow-y: auto !important;
}

.invisibleInput {
    visibility: hidden;
}

.redFont {
    font-style: italic;
    font-size: 11px !important;
    font-weight: bold;
    color: red;
    margin-bottom: 5px;
}
/*#alternateApprovers {

    display: none !important;

}*/

.addPadding {
    text-align: left !important;
    padding-left: 1em !important;
}

.white, .white a {
    color: #fff;
}

.panel-success > .panel-heading {
    background-image: -webkit-linear-gradient(top,#97dcf7 0%,#c6e2e9 100%) !important;
}
.ui-widget-header {
    background-image: -webkit-linear-gradient(top,#4b7ec7 0%,#5f93de 100%) !important;
    color: #fff
}