/* ******* Compiled old css ****** begin ******** */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(fonts/glyphicons-halflings-regular.eot?#iefix) format(embedded-opentype), url(fonts/glyphicons-halflings-regular.woff) format(woff), url(fonts/glyphicons-halflings-regular.ttf) format(truetype), url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format(svg);
}

body {
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    margin: 0;
    padding: 0;
}

.autoWidth {
    width: auto !important;
}

.btn {
    border: 1px solid rgb(25,54,93) !important;
}

    .btn:hover {
        background-color: rgb(25,54,93);
        color: #fff;
    }

.error {
    color: #F44336;
    font-weight: 700;
}

.banner {
    background-color: #fff;
    float: left;
    height: 136px;
    width: 564px;
}

.logowrap {
    float: none;
    position: relative;
}

.spllbl {
    background: none;
}

.globalnav {
    margin-top: 3px;
    padding-bottom: 0;
}

.searchuser .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.searchuser label {
    display: block;
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 8px;
    vertical-align: middle;
}

.searchuser .form-group #exampleInputEmail1 {
    display: inline-block;
}

.roles ul {
    list-style: none;
}

    .roles ul li {
        margin: 13px 0;
    }

        .roles ul li label {
            margin-left: 12px;
        }

.bottomBorder {
    border-bottom: 2px solid #60605e;
}

.header {
    border-bottom: solid 2px #eee;
    position: relative;
    z-index: 999;
}

    .header .navbar-right .dropdown-menu {
        right: inherit;
    }

    .header .navbar .nav > li > a i.icon-angle-down {
        font-size: 12px;
        left: 1px;
        margin: 0 !important;
        position: relative;
        top: -1px;
    }

    .header .navbar .search-open {
        background: #fcfcfc;
        border-top: solid 2px #eee;
        box-shadow: 0 1px 3px #ddd;
        display: none;
        padding: 14px;
        position: absolute;
        right: 0;
        top: 50px;
    }

    .header .navbar .nav > li > a.search {
        background: #f7f7f7 !important;
        border-bottom-color: #aaa;
        color: #aaa;
        cursor: pointer;
        padding: 8px 8px 10px;
    }

        .header .navbar .nav > li > a.search:hover {
            border-bottom-color: #72c02c;
            color: #72c02c;
        }

    .header .navbar .search-open form {
        margin: 0;
    }

    .header .navbar a.search [class^="icon-"], .header .navbar a.search [class*=" icon-"] {
        display: inline-block;
        text-align: center;
        width: 1.25em;
    }

        .header .navbar a.search [class^="icon-"].icon-large, .header .navbar a.search [class*=" icon-"].icon-large {
            width: 1.5625em;
        }

.LoginLink {
    cursor: pointer;
}

:-moz-placeholder {
    color: #c9c9c9 !important;
    font-size: 13px;
}

::-webkit-input-placeholder {
    color: #ccc;
    font-size: 13px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #2e7dc2;
    border-color: transparent;
    color: #000;
}

.btn-default {
    background-color: #2e7dc2;
    border-color: transparent;
    color: #fff;
}

.date {
    color: #fff;
    padding: 10px 18px 0;
}

.h3 {
    color: #ed1c24;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.site-footer {
    background: url(../images/site_bg_alstom.png) repeat-x scroll 0 0 rgba(0,0,0,0);
    height: 50px;
}

.footer {
    padding-top: 18px;
    text-align: center;
}

.ajax__validatorcallout {
    z-index: 1000;
}

.modal-dialog {
    bottom: 0;
    height: 500px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

span.glyphicon.editicon {
    color: #428bca;
    cursor: pointer;
    font-size: 14px;
}

.disabled {
    color: #989696;
    cursor: not-allowed;
    font-size: 15px;
}

.pagination table tr td {
    padding: 0 2px;
}

.Reset {
    margin-left: 5px !important;
}

.notifications, .logged-user {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.notifications {
    margin-left: 10px;
    margin-right: 28px;
    margin-top: 30px;
}

    .notifications .notification-item {
        margin-left: 25px;
        position: relative;
    }

        .notifications .notification-item .open .circle {
            background-color: #2e7dc2;
            border-radius: 50%;
            height: 5px;
            left: 4px;
            position: absolute;
            top: 19px;
            width: 5px;
        }

        .notifications .notification-item .btn-group > a:hover {
            color: #2e7dc2;
            text-decoration: none;
        }

    .notifications .btn-group.open .dropdown-toggle {
        box-shadow: none;
    }

    .notifications > ul {
        list-style-type: none;
    }

        .notifications > ul, .notifications > ul li {
            display: inline;
            margin: 0;
            padding: 0;
        }

            .notifications > ul > li li {
                border-top: 1px solid #f1f1f1;
                display: block;
                padding: 0;
            }

                .notifications > ul > li li:first-child {
                    border-top: medium none;
                }

    .notifications .count {
        background: none repeat scroll 0 0 #e60404 !important;
        border-color: #555;
        border-radius: 30px;
        border-style: solid;
        border-width: 0;
        color: #fff;
        font-size: 10px;
        left: 58%;
        line-height: 16px;
        padding: 0 5px;
        position: absolute;
        text-align: center;
        top: -7px;
    }

    .notifications .dropdown-menu {
        top: 26px;
        width: 350px;
    }

        .notifications .dropdown-menu .notification-header {
            font-size: .85em;
            font-weight: 700;
            line-height: 2;
            padding: 5px 8px;
        }

        .notifications .dropdown-menu .notification-footer a {
            font-size: .85em;
            text-align: center;
        }

            .notifications .dropdown-menu .notification-footer a:hover {
                background: none repeat scroll 0 0 rgba(0,0,0,0);
                text-decoration: underline;
            }

        .notifications .dropdown-menu .text {
            color: #888;
            font-size: .85em;
            margin-bottom: 0;
        }

        .notifications .dropdown-menu .timestamp {
            color: #888;
            font-size: .75em;
        }

    .notifications .inbox .dropdown-menu {
        left: -140px;
    }

    .notifications .inbox .inbox-item {
        display: block;
    }

        .notifications .inbox .inbox-item.unread {
            background-color: #f5f5f5;
        }

    .notifications .inbox img {
        width: 32px;
    }

    .notifications .inbox .name {
        color: #555;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: .85em;
        font-weight: 700;
        margin-bottom: 0;
    }

    .notifications .general .dropdown-menu {
        left: -182px;
    }

        .notifications .general .dropdown-menu li a .fa {
            min-width: 14px;
        }

        .notifications .general .dropdown-menu li a .timestamp {
            float: right;
        }

.fa {
    font-size: 20px;
}

.fasmall {
    color: #000;
    font-size: 15px;
}

.fa-2x {
    font-size: 2em;
}

.aligncenter {
    text-align: center;
}

.address {
    list-style: none outside none;
    padding-left: 0;
}

    .address li {
        margin: 6px 0;
    }

.ReportViewerWrap {
    height: 100%;
    overflow: auto;
}

.FileView {
    background-color: #FFF !important;
}

    .FileView:hover {
        border: 1px solid #000;
    }

.years {
    margin-right: 15px;
    z-index: 30;
}

.tabNumber {
    background-color: #fff !important;
    border: 1px solid #f0f0f0;
    color: #000 !important;
    display: block;
    float: right;
    left: 150px;
    margin-top: -10px;
    position: absolute !important;
}

html, body, .body-wrapper, html, body, #aspnetForm {
    height: 100%;
}

#myModalLabel2, .view2, .view1 {
    display: none;
}

.pagination table tr td span, .pagination table tr td a {
    padding: 0 7px;
}

.notifications .notification-item .btn-group.open > a, .notifications .notification-item .btn-group > a, .notifications .notification-item .fa-circle {
    color: #2e7dc2;
}

.years:hover .tabNumber, .tabActive a span {
    background-color: #2E7DC2 !important;
    border: 3px solid #EEE;
    color: #FFF !important;
}

@media (min-width: 767px) {
    .text-blue {
        color: #0076c0;
    }

    .header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:focus {
        border-bottom: solid 2px transparent;
    }

        .header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a {
            border-bottom: solid 2px #72c02c;
        }

            .header .navbar-default .navbar-nav > li > a, .header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > a:focus, .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
                background: none;
            }

    .header .navbar-default .navbar-nav > .open > a, .header .navbar-default .navbar-nav > .open > a:hover, .header .navbar-default .navbar-nav > .open > a:focus {
        color: #72c02c;
    }

    .header .dropdown-menu {
        border: none;
        border-bottom: solid 2px #687074;
        border-radius: 0;
        border-top: solid 2px #72c02c;
        margin-top: -2px !important;
        min-width: 200px;
        padding: 0;
        z-index: 9999 !important;
    }

        .header .dropdown-menu li a {
            border-bottom: solid 1px #eee;
            color: #687074;
            font-size: 13px;
            font-weight: 400;
            padding: 6px 15px;
        }

        .header .dropdown-menu .active > a, .header .dropdown-menu li > a:hover {
            -moz-transition: all .1s ease-in-out;
            -o-transition: all .1s ease-in-out;
            -webkit-transition: all .1s ease-in-out;
            background: #687074 !important;
            color: #fff;
            filter: none !important;
            transition: all .1s ease-in-out;
        }

        .header .dropdown-menu li > a:focus {
            background: none;
            filter: none !important;
        }
}

@media screen and (max-width: 480px) {

    .notifications .dropdown-menu {
        width: 305px;
    }

    .notifications .inbox .dropdown-menu {
        left: -10em;
    }

    .notifications .general .dropdown-menu {
        left: -13em;
    }

    .tab2015 {
        width: 100% !important;
    }
}
/* ******* Compiled old css ****** end ******** */





/* ***************************** New Styles ******************************** */
* {
    box-sizing: border-box;
}

html {
    /*background: #dce5e4 url(../Images/site-bg.png) repeat-y center 0;*/
    color: #485560;
    font-family: Arial, sans;
    font-size: 12px;
    line-height: 1em;
}

body {
    background: transparent;
}


/* Extra bootstrap styles */
@media (max-width: 767px) {
    .pull-xs-left {
        float: left;
    }

    .pull-xs-right {
        float: right;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pull-sm-left {
        float: left;
    }

    .pull-sm-right {
        float: right;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pull-md-left {
        float: left;
    }

    .pull-md-right {
        float: right;
    }
}

@media (min-width: 1200px) {
    .pull-lg-left {
        float: left;
    }

    .pull-lg-right {
        float: right;
    }
}


.container {
    position: relative;
}

@media (min-width: 1200px) {
    .container {
        width: 990px;
    }
}

.main_content {
    padding-bottom: 15px;
    padding-top: 15px;
}

a {
    color: #19365d;
    text-decoration: none;
}

p {
    font-size: 13px;
    font-size: 1.0833333333333333rem;
}

.badge {
    background-color: #454F58;
    border-radius: 6px;
    font-size: 13px;
    font-size: 1.0833333333333333rem;
}


/* Logo image */
.bombardier_logo {
    background: transparent url('../Images/bbd-logo-en.png') no-repeat 0 0;
    background-size: contain;
    display: block;
    height: 43px;
    position: relative;
    width: 202px;
}

.alstom_logo {
    background: transparent url('../Images/alstom-logo-en.jpg') no-repeat 0 0;
    background-size: contain;
    display: block;
    height: 43px;
    position: relative;
    width: 202px;
}

@media (max-width: 767px) {

    .bombardier_logo {
        background: transparent url('../Images/bombardier_logo_x3.png') no-repeat 0 0;
        background-size: contain;
    }
}


/* Header */
body .page-wrap > header {
    background: transparent url(../Images/top-alstom-band-bg.png) repeat-x 0 0;
    height: 147px;
    position: relative;
    z-index: 3;
}

.top-toolbar {
    background: transparent;
    height: 8em;
}

.navbar {
    margin-bottom: 0;
    min-height: 46px;
}

    .navbar.navbar-default {
        background: transparent;
        border: none;
    }


/* Header Logo */
body .page-wrap > header .top-toolbar a.bbd-top-logo {
    height: 42px;
    left: 15px;
    position: absolute;
    top: 33px;
    width: 202px;
}


/* Main Menu */
.main-menu-wrapper {
    bottom: 0px;
    display: block;
    position: absolute;
    width: 100%;
}

ul.main-menu {
    display: table;
    list-style: none inside;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}

    ul.main-menu .menu-item {
        display: inline-block;
        float: left;
        vertical-align: bottom;
        width: 20%;
    }

        ul.main-menu .menu-item.menu-item-home {
            width: 15%;
        }

            ul.main-menu .menu-item.menu-item-home:hover {
                color: #fff;
                background-color: rgb(25,54,93);
            }

        ul.main-menu .menu-item.menu-item-search {
            color: rgb(25,54,93) !important;
            background-color: #fff !important;
        }

        ul.main-menu .menu-item.menu-item-management {
            color: rgb(25,54,93) !important;
            background-color: #fff !important;
            width: 30%;
        }

        ul.main-menu .menu-item.menu-item-reports {
            color: rgb(25,54,93) !important;
            background-color: #fff !important;
        }

        ul.main-menu .menu-item.menu-item-faq {
            color: rgb(25,54,93) !important;
            background-color: #fff !important;
            width: 15%;
        }

        ul.main-menu .menu-item > a {
            /*color: #ffffff;*/
            color: rgb(25,54,93);
            background-color: #ffffff;
            display: block;
            /*background: #8996a0;
	background-color: #8996a0;
	background: -moz-linear-gradient(top, #8996a0 0%, #69757d 9%, #3b454e 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8996a0), color-stop(9%, #69757d), color-stop(99%, #3b454e));
	background: -webkit-linear-gradient(top, #8996a0 0%, #69757d 9%, #3b454e 99%);
	background: -o-linear-gradient(top, #8996a0 0%, #69757d 9%, #3b454e 99%);
	background: -ms-linear-gradient(top, #8996a0 0%, #69757d 9%, #3b454e 99%);
	background: linear-gradient(to bottom, #8996a0 0%, #69757d 9%, #3b454e 99%);*/
            font-size: 13px;
            font-size: 1.0833333333333333rem;
            font-weight: bold;
            line-height: 1;
            padding: 16px 1em;
            position: relative;
            text-align: center;
            z-index: 119;
        }

            ul.main-menu .menu-item > a:hover,
            ul.main-menu .menu-item > a:active,
            .navbar-default .navbar-nav > li > a:hover,
            .navbar-default .navbar-nav > li > a:focus {
                /*color: #fff;*/
                /*background-color: #456998;
	background: -moz-linear-gradient(top, #456998 0%, #19365d 9%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #456998), color-stop(9%, #19365d));
	background: -webkit-linear-gradient(top, #456998 0%, #19365d 9%);
	background: -o-linear-gradient(top, #456998 0%, #19365d 9%);
	background: -ms-linear-gradient(top, #456998 0%, #19365d 9%);
	background: linear-gradient(to bottom, #456998 0%, #19365d 9%);*/
                color: #fff;
                background-color: rgb(25,54,93);
                text-decoration: none;
            }


        /* Main menu - bigger tabs / secondary */
        ul.main-menu .menu-item.main-sec > a,
        .menu-item.main-sec .dropdown .dropdown-toggle {
            /*background-color: #88949e;
            background: -moz-linear-gradient(top, #88949e 1%, #53606c 6%, #38414b 68%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #88949e), color-stop(6%, #53606c), color-stop(68%, #38414b));
            background: -webkit-linear-gradient(top, #88949e 1%, #53606c 6%, #38414b 68%);
            background: -o-linear-gradient(top, #88949e 1%, #53606c 6%, #38414b 68%);
            background: -ms-linear-gradient(top, #88949e 1%, #53606c 6%, #38414b 68%);
            background: linear-gradient(to bottom, #88949e 1%, #53606c 6%, #38414b 68%);*/
            border-left: 1px solid rgba(255, 255, 255, 0.18);
            font-size: 14px;
            font-size: 1.1666666666666667rem;
            padding: 18px 1em 17px 1em;
            text-transform: uppercase;
            color: rgb(25,54,93);
            background-color: #fff;
        }

            ul.main-menu .menu-item.main-sec > a:hover,
            ul.main-menu .menu-item.main-sec > a:active,
            .menu-item.main-sec .dropdown .dropdown-toggle:hover,
            .menu-item.main-sec .dropdown .dropdown-toggle:active {
                color: #fff;
                background-color: #456998;
                background: -moz-linear-gradient(top, #456998 0%, #19365d 9%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #456998), color-stop(9%, #19365d));
                background: -webkit-linear-gradient(top, #456998 0%, #19365d 9%);
                background: -o-linear-gradient(top, #456998 0%, #19365d 9%);
                background: -ms-linear-gradient(top, #456998 0%, #19365d 9%);
                background: linear-gradient(to bottom, #456998 0%, #19365d 9%);
                border-left: 1px solid rgba(255, 255, 255, 0.18);
                text-decoration: none;
            }

        ul.main-menu .menu-item.main-sec.right-border > a,
        ul.main-menu .menu-item.main-sec.right-border > a:hover,
        ul.main-menu .menu-item.main-sec.right-border > a:active,
        ul.main-menu .menu-item.right-border > a,
        ul.main-menu .menu-item.right-border > a:hover,
        ul.main-menu .menu-item.right-border > a:active,
        .menu-item.main-sec.right-border .dropdown .dropdown-toggle,
        .menu-item.main-sec.right-border .dropdown .dropdown-toggle:hover,
        .menu-item.main-sec.right-border .dropdown .dropdown-toggle:active {
            border-left: 0 none;
            border-right: 1px solid #363f48;
            border-right: 1px solid rgba(0, 0, 0, 0.15);
        }

    ul.main-menu .main-sec:first-child > a,
    ul.main-menu .main-sec:first-child > a:hover,
    ul.main-menu .main-sec:first-child > a:active,
    .menu-item.main-sec:first-child .dropdown .dropdown-toggle,
    .menu-item.main-sec:first-child .dropdown .dropdown-toggle:hover,
    .menu-item.main-sec:first-child .dropdown .dropdown-toggle:active {
        -webkit-border-radius: 5px 0px 0px;
        border-radius: 5px 0px 0px;
    }

    ul.main-menu .main-sec:last-child > a,
    ul.main-menu .main-sec:last-child > a:hover,
    ul.main-menu .main-sec:last-child > a:active,
    .menu-item.main-sec:last-child .dropdown .dropdown-toggle,
    .menu-item.main-sec:last-child .dropdown .dropdown-toggle:hover,
    .menu-item.main-sec:last-child .dropdown .dropdown-toggle:active {
        -webkit-border-radius: 0px 5px 0px 0px;
        border-radius: 0px 5px 0px 0px;
    }

    ul.main-menu .menu-item:first-child > a,
    ul.main-menu .menu-item:first-child > a:hover,
    ul.main-menu .menu-item:first-child > a:active {
        -webkit-border-radius: 5px 0px 0px;
        border-radius: 5px 0px 0px;
    }

    ul.main-menu .menu-item:last-child > a,
    ul.main-menu .menu-item:last-child > a:hover,
    ul.main-menu .menu-item:last-child > a:active {
        -webkit-border-radius: 0px 5px 0px 0px;
        border-radius: 0px 5px 0px 0px;
    }

    ul.main-menu .menu-item > a.active,
    ul.main-menu .menu-item.main-sec > a.active,
    .menu-item.main-sec .dropdown .dropdown-toggle.active {
        color: #19365d;
        background-color: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(6%, #dce5e4), color-stop(43%, #ffffff));
        background: -webkit-linear-gradient(top, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
        background: -o-linear-gradient(top, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
        background: -ms-linear-gradient(top, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
        background: linear-gradient(to bottom, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
        position: relative;
    }

        ul.main-menu .menu-item > a.active:hover,
        ul.main-menu .menu-item.main-sec > a.active:hover,
        .menu-item.main-sec .dropdown .dropdown-toggle.active:hover {
            color: #fff;
            background: rgb(25,54,93);
        }

    ul.main-menu .menu-item.main-sec > a,
    .menu-item.main-sec .dropdown .dropdown-toggle {
        margin-top: -3px;
    }


/* Menu drop shadows */
.menu-item span.shadow-placeholder {
    display: block;
    height: 86px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: -20px;
    width: 100%;
    z-index: 116;
}

    .menu-item span.shadow-placeholder:before {
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 20px 0px #68747c;
        box-shadow: 0px 0px 20px 0px #68747c;
        content: " ";
        display: block;
        height: 46px;
        left: -20px;
        position: absolute;
        width: 120%;
        width: -webkit-calc(100% + 40px);
        width: -moz-calc(100% + 40px);
        width: calc(100% + 40px);
        top: 20px;
    }

.menu-item:last-child span.shadow-placeholder {
    width: 111%;
    width: -webkit-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
}

    .menu-item:last-child span.shadow-placeholder:before {
        width: 100%;
    }

.menu-item:first-child span.shadow-placeholder {
    left: -20px;
    width: 111%;
    width: -webkit-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
}

    .menu-item:first-child span.shadow-placeholder:before {
        left: 20px;
        width: 100%;
    }


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

    .menu-item span.shadow-placeholder {
        height: 74px;
        top: -14px;
    }

        .menu-item span.shadow-placeholder:before {
            -webkit-box-shadow: 0px 0px 14px 0px #68747c;
            box-shadow: 0px 0px 14px 0px #68747c;
            left: -14px;
            top: 14px;
            width: 115%;
            width: -webkit-calc(100% + 28px);
            width: -moz-calc(100% + 28px);
            width: calc(100% + 28px);
        }

    .menu-item:last-child span.shadow-placeholder {
        width: 110%;
        width: -webkit-calc(100% + 14px);
        width: -moz-calc(100% + 14px);
        width: calc(100% + 14px);
    }

    .menu-item:first-child span.shadow-placeholder {
        left: -14px;
        width: 110%;
        width: -webkit-calc(100% + 14px);
        width: -moz-calc(100% + 14px);
        width: calc(100% + 14px);
    }

        .menu-item:first-child span.shadow-placeholder:before {
            left: 14px;
        }
}


.menu-item .dropdown {
    z-index: 119;
}


/* Icons */
span.glyphicon {
    font-size: 12px;
}

    span.glyphicon.glyphicon-pencil,
    span.glyphicon.glyphicon-remove,
    span.glyphicon.glyphicon-ok {
        font-size: 14px;
    }

    span.glyphicon.glyphicon-pencil {
        margin-left: 1em;
    }


/* Drop down menu */
ul.dropdown-menu {
    left: auto;
    right: 0;
}

.dropdown-menu .divider {
    margin: 6px 0;
}

.dropdown-menu > li > a {
    font-size: 13px;
    font-size: 1.0833333333333333rem;
}

    .dropdown-menu > li > a:hover {
        background-color: #E8EEED;
    }


/* Menu - active tab arrow */
ul.main-menu .menu-item > a.active:after,
ul.main-menu .menu-item > a.active:before,
.menu-item.main-sec .dropdown .dropdown-toggle.active:after,
.menu-item.main-sec .dropdown .dropdown-toggle.active:before {
    /*border: solid transparent;
	content: " ";
	height: 0;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;*/
}

ul.main-menu .menu-item > a.active:after,
.menu-item.main-sec .dropdown .dropdown-toggle.active:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}

ul.main-menu .menu-item > a.active:before,
.menu-item.main-sec .dropdown .dropdown-toggle.active:before {
    border-color: rgba(194, 199, 202, 0);
    border-top-color: #c2c7ca;
    border-width: 8px;
    margin-left: -8px;
}


/* Menu - Reports drop */
.menu-item .dropdown .dropdown-toggle {
    border-radius: 0;
    border-left: none;
    border-top: none;
    border-bottom: none;
    padding: 16px 3em;
    width: 100%;
}


/* Language Nav */
.lang-nav {
    float: left;
    list-style: none;
    list-style-image: none;
    margin-left: 1.5em;
    padding: 0;
}

    .lang-nav li {
        display: block;
        float: left;
        margin: 7px 8px 0;
    }

        .lang-nav li:first-child {
            margin-left: 0;
        }

    .lang-nav a {
        color: #dce5e4;
        padding: 2px 3px;
        text-decoration: underline;
        text-transform: uppercase;
    }

        .lang-nav a:hover, .lang-nav a:active {
            color: #ffffff;
            text-decoration: none;
        }

        .lang-nav a.active,
        .lang-nav a.active:hover,
        .lang-nav a.active:active {
            color: #3e4751;
            background-color: #dce5e4;
            background: -moz-linear-gradient(top, #dce5e4 25%, #a5afb7 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #dce5e4), color-stop(100%, #a5afb7));
            background: -webkit-linear-gradient(top, #dce5e4 25%, #a5afb7 100%);
            background: -o-linear-gradient(top, #dce5e4 25%, #a5afb7 100%);
            background: -ms-linear-gradient(top, #dce5e4 25%, #a5afb7 100%);
            background: linear-gradient(to bottom, #dce5e4 25%, #a5afb7 100%);
            text-decoration: none;
        }


/* Footer */
body .site-footer {
    background: #5d676e url('../Images/footer-bg-alstom.jpg') no-repeat center 0;
    min-height: 50px;
    margin-top: 20px;
}

    body .site-footer .bottom-nav {
        border-top: 1px solid rgba(203, 213, 214, 0.2);
        color: #ffffff;
        margin: 0 auto 0;
        padding: 16px 0 0;
        text-align: right;
    }

    body .site-footer .copyright {
        float: left;
        text-align: left;
    }

    body .site-footer .bottom-nav ul {
        float: right;
    }

    body .site-footer .bottom-nav > ul li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        body .site-footer .bottom-nav > ul li + li {
            border-left: 1px solid #ffffff;
            margin: 0 0 0 .5em;
            padding: 0 0 0 .5em;
        }

    body .site-footer a {
        color: #ffffff;
        display: block;
    }


.page-wrap {
    margin-bottom: -70px;
    min-height: 100%;
}

    .page-wrap:after {
        content: "";
        display: block;
    }

    .site-footer, .page-wrap:after {
        height: 50px;
    }

@media (max-width: 767px) {

    .site-footer, .page-wrap:after {
        height: 68px;
    }

    .page-wrap {
        margin-bottom: -88px;
    }
}


/* Buttons */
.btn-default {
    color: rgb(25,54,93);
    background-color: #ffffff;
    /*background-color: #8996a0;
	background: #8996a0;
	background: -moz-linear-gradient(top, #8996a0 0%, #69757d 9%, #3b454e 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8996a0), color-stop(9%, #69757d), color-stop(99%, #3b454e));
	background: -webkit-linear-gradient(top, #8996a0 0%, #69757d 9%, #3b454e 99%);
	background: -o-linear-gradient(top, #8996a0 0%, #69757d 9%, #3b454e 99%);
	background: -ms-linear-gradient(top, #8996a0 0%, #69757d 9%, #3b454e 99%);
	background: linear-gradient(to bottom, #8996a0 0%, #69757d 9%, #3b454e 99%);*/
    border: 1px solid #485560;
    /*color: #ffffff;*/
    display: inline-block;
    font-size: 13px;
    font-size: 1.0833333333333333rem;
    font-weight: bold;
    line-height: 1;
    padding-bottom: 9px;
    position: relative;
    text-align: center;
}

.btn-lg {
    padding-bottom: 13px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default,
.open .dropdown-toggle.btn-default:hover,
.open .dropdown-toggle.btn-default:focus,
.open .dropdown-toggle.btn-default:active,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    background-color: #456998;
    background: -moz-linear-gradient(top, #456998 0%, #19365d 9%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #456998), color-stop(9%, #19365d));
    background: -webkit-linear-gradient(top, #456998 0%, #19365d 9%);
    background: -o-linear-gradient(top, #456998 0%, #19365d 9%);
    background: -ms-linear-gradient(top, #456998 0%, #19365d 9%);
    background: linear-gradient(to bottom, #456998 0%, #19365d 9%);
    border-color: #19365d;
    color: #fff;
    text-decoration: none;
}

.table_edit_btn,
.table_edit_btn-alstom {
    margin-left: .25em;
}

    .table_edit_btn-alstom span.glyphicon.glyphicon-pencil {
        font-size: 12px;
        margin: 0 !important;
    }

    .table_edit_btn span.glyphicon.glyphicon-pencil {
        /*color: #FFFFFF;*/
        background-color: #fff;
        color: #152c3b;
        font-size: 12px;
        margin: 0 !important;
    }

        .table_edit_btn span.glyphicon.glyphicon-pencil:hover {
            color: #fff;
            background-color:#152c3b;
        }

/* Login Validation */
.error {
    color: #F44336;
    font-weight: 600;
}


/* Scroll to top button */
.scroll-top-wrapper {
    background-color: rgba(136, 149, 159, 0.75);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    bottom: 30px;
    color: #eee;
    height: 48px;
    line-height: 48px;
    opacity: 0;
    overflow: hidden;
    padding-top: 2px;
    position: fixed;
    right: 30px;
    text-align: center;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    visibility: hidden;
    width: 50px;
    z-index: 1040;
}

    .scroll-top-wrapper:hover {
        background-color: rgba(59, 70, 78, 0.75);
    }

    .scroll-top-wrapper.show {
        cursor: pointer;
        opacity: 1;
        visibility: visible;
    }

        .scroll-top-wrapper.show.bottom-push {
            bottom: 85px;
        }

    .scroll-top-wrapper i.fa {
        line-height: inherit;
    }

/* Gridview Pagination */
.pagination-bt {
    border-radius: 4px;
    margin: 20px 0;
    padding-left: 0;
}

    .pagination-bt table > tbody > tr > td {
        display: inline;
    }

        .pagination-bt table > tbody > tr > td > a,
        .pagination-bt table > tbody > tr > td > span {
            /*background-color: #7E8994;*/
            background-color: #002A45;
            border: 1px solid #646E77;
            color: #FFFFFF;
            float: left;
            line-height: 1.42857143;
            margin-left: -1px;
            padding: 8px 12px;
            position: relative;
            text-decoration: none;
        }

        .pagination-bt table > tbody > tr > td > span {
            /*background-color: #f5f5f5 !important;*/
            background-color: #FFFFFF;
            border-color: #646E77 !important;
            color: #002A45 !important;
            cursor: default;
            float: left;
            line-height: 1.42857143;
            margin-left: -1px;
            padding: 8px 12px;
            position: relative;
            text-decoration: none;
            z-index: 2;
        }

        .pagination-bt table > tbody > tr > td:first-child > a,
        .pagination-bt table > tbody > tr > td:first-child > span {
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            margin-left: 0;
        }

        .pagination-bt table > tbody > tr > td:last-child > a,
        .pagination-bt table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-bt table > tbody > tr > td > a:hover,
        .pagination-bt table > tbody > tr > td > span:hover,
        .pagination-bt table > tbody > tr > td > a:focus,
        .pagination-bt table > tbody > tr > td > span:focus {
            /*background-color: #646E77;
            color: #FFFFFF;*/
            background-color: #fff;
            color: #152c3b;
        }

.glyphicon-color {
    color: #152c3b;
}

    .glyphicon-color:hover {
        color: #fff;
    }

.btn-color,
.btn-color > span {
    background-color: #fff;
    color: #152c3b;
}

    .btn-color:hover,
    .btn-color:hover > span {
        background-color: #152c3b;
        color: #fff;
    }


/* Form validation message */
.validation_message_wrapper {
    display: inline-block;
    margin: .5em 0em .5em 0em;
}

.validation_message {
    color: #F4511E !important;
}


/* Login checkbox */
.checkbox-group input[type=checkbox],
.checkbox-group input[type=radio],
.checkbox-group label {
    margin: 0;
    vertical-align: middle;
}


/* Table */
.table {
    border-color: #cccccc;
    margin-bottom: 0px;
}

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        border: 1px solid #ccc;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-size: 1.0833333333333333rem;
        vertical-align: middle;
    }

    .table .alert {
        margin-bottom: 0;
    }

.table-responsive {
    margin-bottom: 15px;
}

    .table-responsive .table {
        min-width: 598px;
    }

    .table-responsive.employee_records_table .table {
        min-width: 720px;
    }


.header-bt th {
    /*background-color: #606b75;
    background: -moz-linear-gradient(top, #87949e 0%, #606b75 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87949e), color-stop(100%, #606b75));
    background: -webkit-linear-gradient(top, #87949e 0%, #606b75 100%);
    background: -o-linear-gradient(top, #87949e 0%, #606b75 100%);
    background: -ms-linear-gradient(top, #87949e 0%, #606b75 100%);
    background: linear-gradient(to bottom, #87949e 0%, #606b75 100%);*/
    background-color: #002A45;
    color: #ffffff;
}

.table > tbody > tr > th.table-header-sort-asc {
    background-color: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(6%, #dce5e4), color-stop(43%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
    background: -o-linear-gradient(top, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
    background: -ms-linear-gradient(top, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
    background: linear-gradient(to bottom, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
    color: #19365d;
}

.table > tbody > tr > th.table-header-sort-desc {
    background-color: #dce5e4;
    background: -moz-linear-gradient(bottom, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffffff), color-stop(6%, #dce5e4), color-stop(43%, #ffffff));
    background: -webkit-linear-gradient(bottom, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
    background: -o-linear-gradient(bottom, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
    background: -ms-linear-gradient(bottom, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
    background: linear-gradient(to top, #ffffff 0%, #dce5e4 6%, #ffffff 43%);
    color: #19365d;
}

    .table > tbody > tr > th.table-header-sort-asc a,
    .table > tbody > tr > th.table-header-sort-desc a {
        color: #19365d !important;
    }

.table-row-selected {
    background-color: lightblue;
    color: #19365d;
}


/* Search */
.txtDocSearch,
.txtDocSearch-dropdown {
    font-size: 13px;
    font-weight: 400;
    height: 39px;
}


/* Date Picker */
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}


/* Employee Record */
.employee_record {
    /*background: #dce5e4;*/
    background: #d2d7dc;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: #485560;
    margin-bottom: 30px;
    min-height: 148px;
    padding: 20px;
}

    .employee_record > a {
        display: none;
    }

    .employee_record > table.table > tbody > tr > td {
        border: 1px solid #B1BBC0;
    }


/* Employee Records blue cards */
.gvEmployee td {
    border: none;
}

.gvEmployee table {
    border: none;
}

.hangingindentParent {
    font-size: 14px;
    font-size: 1.1666666666666667rem;
    font-weight: 600;
    line-height: 1.8em;
    text-transform: uppercase;
}

.hangingindent {
    font-size: 14px;
    font-size: 1.1666666666666667rem;
    font-weight: normal;
    line-height: 1.8em;
    text-indent: 0;
    text-transform: none;
}

    .hangingindent > :nth-child(1n) {
        text-indent: 0;
    }


/* Loginbar */
.loginbar {
    list-style: none;
    margin-bottom: 63px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
}

    .loginbar > li {
        display: block;
        float: left;
    }


.navbar-collapse {
    padding: 0px;
}

.navbar-brand.bbd-top-logo {
    margin-top: 30px;
    padding: 0;
}

.navbar-default .navbar-nav > li > a.login_btn {
    color: rgb(25,54,93);
    background-color: rgb(255,255,255);
    height: 30px;
    padding-bottom: 4px;
    padding-top: 4px;
}

    .navbar-default .navbar-nav > li > a.login_btn:hover {
        color: rgb(255,255,255);
        background-color: rgb(25,54,93);
        height: 30px;
        padding-bottom: 4px;
        padding-top: 4px;
    }


/* Responsive Menu */
@media (max-width: 767px) {

    .main-menu-wrapper {
        position: relative;
    }

    body .page-wrap > header {
        background-size: contain;
        height: 70px;
        z-index: 320;
    }

    .navbar-toggle {
        margin-top: 15px;
        margin-right: 0px;
        margin-bottom: 8px;
        padding: 11px 10px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-brand.bbd-top-logo {
        margin-top: 15px;
        padding: 0;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: rgba(0,0,0,.3);
    }

    .navbar-header {
        height: 70px;
    }

    .navbar-default .navbar-collapse {
        background: #88959F;
        border-color: #66727A;
        border-bottom: 1px solid;
        margin-left: -15px;
        margin-right: -15px;
        overflow: hidden;
    }

    .loginbar {
        margin: 0;
    }

    ul.main-menu .menu-item {
        display: block;
        width: 100% !important;
    }

        ul.main-menu .menu-item > a {
            border-radius: 0 !important;
        }

    .loginbar > li {
        display: block;
        width: 100%;
    }

    .navbar-default .navbar-nav > li > a.login_btn {
        border: none;
        border-radius: 0;
        height: 46px;
        padding-bottom: 12px;
        padding-top: 13px;
    }

    ul.main-menu .menu-item > a.active:after,
    ul.main-menu .menu-item > a.active:before,
    .menu-item.main-sec .dropdown .dropdown-toggle.active:after,
    .menu-item.main-sec .dropdown .dropdown-toggle.active:before {
        content: none;
        display: none;
    }

    .dropdown .dropdown-toggle {
        border: none;
        border-radius: 0;
        height: 46px;
        width: 100%;
    }

    .navbar-nav .open .dropdown-menu {
        padding: 0;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        padding: 11px 15px 11px 25px;
        text-align: center;
    }

    .dropdown-menu .divider {
        margin: 0;
    }

    ul.main-menu .menu-item.main-sec > a,
    .menu-item.main-sec .dropdown .dropdown-toggle {
        margin: 0;
        padding: 16px 1em 16px;
    }

    .menu-item span.shadow-placeholder {
        display: none;
    }


    /* Footer */
    body .site-footer {
    }

        body .site-footer .bottom-nav {
            padding: 13px 0 0;
        }

        body .site-footer .copyright {
            font-size: 12px;
            float: left;
            margin: 0;
            text-align: center;
            width: 100%;
        }

        body .site-footer .bottom-nav ul {
            font-size: 12px;
            padding: 0;
            text-align: center;
            width: 100%;
        }

    /* Main */
    .main_content {
        padding-top: 15px;
    }
}

@media (max-width: 350px) {

    body .site-footer .copyright,
    body .site-footer .bottom-nav ul {
        font-size: 11.5px;
    }
}


/* Accounts Management */
.searchbar_wrapper {
    margin-bottom: 1em;
    margin-top: 2em;
}

@media (min-width: 768px) {

    .searchbar_wrapper {
        margin-bottom: 2em;
    }
}

.searchbar_wrapper .txtSearch {
    font-size: 13px;
    font-size: 1.0833333333333333rem;
    font-weight: 400;
    height: 39px;
}

@media (max-width: 600px) {

    .searchbar_wrapper .input-group {
        clear: both;
        display: block;
    }

    .searchbar_wrapper .txtSearch {
        border-radius: 4px !important;
        clear: both;
        display: block;
        margin-bottom: 2.3em;
    }

    .searchbar_wrapper .input-group-btn {
        clear: both;
        display: block;
        float: left;
    }

        .searchbar_wrapper .input-group-btn .btn {
        }

            .searchbar_wrapper .input-group-btn .btn:first-child {
                border-bottom-left-radius: 6px;
                border-top-left-radius: 6px;
            }
}


.adduser_wrapper {
    margin-top: 2em;
}


@media (max-width: 767px) {

    .adduser_wrapper {
        margin-top: 0;
    }
}

@media (max-width: 600px) {

    .adduser_wrapper .pull-xs-right {
        float: left;
    }

        .adduser_wrapper .pull-xs-right .btn {
            margin-bottom: 1em;
        }
}

.foundrecords_wrapper {
    margin: 1em 0 1em;
}

    .foundrecords_wrapper .foundrecords_label {
        display: inline-block;
        vertical-align: text-top;
    }

/* Search bar error */
.search-error-wrapper {
    bottom: -2.4em;
    position: absolute;
}

@media (max-width: 600px) {

    .search-error-wrapper {
        bottom: -5.7em;
    }
}


/* Search / Employee Records */
.search_wrapper {
    margin-bottom: 1.5em;
    margin-top: 2em;
}

    .search_wrapper .searchdropdown_wrapper {
        margin-bottom: 1em;
        margin-top: 0em;
        padding-right: 14px;
    }

    .search_wrapper .searchbar_wrapper {
        margin-bottom: 1em;
        margin-top: 0em;
        padding-left: 1px;
    }


        .search_wrapper .searchbar_wrapper .input-group > .form-control {
            border-radius: 5px;
        }

        .search_wrapper .searchbar_wrapper .input-group-btn {
        }

            .search_wrapper .searchbar_wrapper .input-group-btn .btn {
                border-radius: 6px !important;
                margin-left: 15px !important;
            }


@media (max-width: 767px) {

    .search_wrapper {
        margin-bottom: 2em;
    }

        .search_wrapper .searchdropdown_wrapper {
            margin-bottom: 6em;
            margin-top: 0em;
            padding-right: 15px;
            width: 18em;
            z-index: 288;
        }

        .search_wrapper .searchbar_wrapper {
            margin-top: 0em;
            padding-left: 15px;
            position: absolute;
            width: 100%;
            z-index: 277;
        }

            .search_wrapper .searchbar_wrapper .input-group {
                display: block;
                float: left;
                position: relative;
                width: 100%;
            }

                .search_wrapper .searchbar_wrapper .input-group > .form-control {
                    display: block;
                    border-radius: 4px;
                    float: left;
                    margin-left: 15.3em;
                    width: 70%;
                    width: -webkit-calc(100% - 15.3em);
                    width: -moz-calc(100% - 15.3em);
                    width: calc(100% - 15.3em);
                }

            .search_wrapper .searchbar_wrapper .input-group-btn {
                bottom: -5.7em;
                font-size: inherit;
                left: 50%;
                margin-left: -155px;
                position: absolute;
                width: auto;
            }

                .search_wrapper .searchbar_wrapper .input-group-btn .btn {
                    border-radius: 6px !important;
                    display: block;
                    float: left;
                    margin: 0 .5em !important;
                    position: relative;
                }

        .search_wrapper .search-error-wrapper {
            bottom: -2.4em;
            left: 18em;
        }
}


@media (max-width: 560px) {

    .search_wrapper .searchdropdown_wrapper {
        margin-bottom: 14.7em;
        padding-right: 15px;
        width: 100%;
    }

    .search_wrapper .searchbar_wrapper .input-group-btn {
        bottom: -11.1em;
        margin-left: -7em;
        width: 14em;
    }

        .search_wrapper .searchbar_wrapper .input-group-btn .btn {
            margin: 0 0 1em 0 !important;
            width: 100%;
        }

    .search_wrapper .searchbar_wrapper .input-group > .form-control {
        margin-left: 0;
        margin-top: 4em;
        width: 100%;
    }

    .search_wrapper .search-error-wrapper {
        left: 0;
        padding: 0 15px;
        text-align: center;
        width: 100%;
    }
}