body {
    /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
}
/*.badge1 {
        position: relative;
    }

        .badge1[data-badge]:after {
            content: attr(data-badge);
            position: absolute;
            top: -10px;
            right: -10px;
            font-size: .7em;
            background-color: #faa50a;
            color: white;
            width: 18px;
            height: 18px;
            text-align: center;
            line-height: 18px;
            border-radius: 50%;
            box-shadow: 0 0 1px #ccc;
        }*/
.row {
    margin-right: 0 !important;
}

@media (max-width: 1366px) {
    .container {
        width: 100% !important;
    }

    .orderBtn .col-md-offset-6 {
        margin-left: 56%;
    }

    .obs_date {
        width: 71% !important;
    }
}

@media (max-width: 1024px) {
    .container {
        max-width: 100% !important;
    }

    .myNav {
        margin-top: 7% !important;
    }

    .modal {
        height: 628px !important;
    }
}

@media (max-width: 1920px) {
    .container {
        max-width: 100% !important;
    }

    .obs_date {
        width: 49.5% !important;
    }

    .obs_date1 {
        width: 35.5% !important;
    }

    .modal {
        height: 503px !important;
    }

    .obs_date_popup {
        width: 76% !important;
    }
}

/*.navbar {
    border: 0px;
    margin: 0px;
}*/

.navbar-brand > img {
    max-width: 150px;
    margin-left: 35%;
}

.myNav {
    margin-top: 5%;
    margin-left: 3%;
    margin-right: 5%;
}

.rightTopMenu {
    margin-right: 4%;
}

    .rightTopMenu .nav li a {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

span.menuIcon {
    top: 21px;
    right: 5px;
    color: #788791;
}

.myNav ul li a {
    font-size: 15px !important;
    color: #788791 !important;
    padding-bottom: 10px !important;
    /*margin-bottom:10px;*/
}

    .myNav ul li a:hover, .myNav ul li a:active, .myNav ul li a::selection {
        font-weight: bold;
        border-bottom: 5px solid #0f8287;
        margin-bottom: 0px;
        color: #2d373c;
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #2d373c !important;
    background: none !important;
    border-bottom: 5px solid #0f8287 !important;
    margin-bottom: 0px !important;
}

.searchContainer {
    float: right;
}

    .searchContainer button {
        float: right;
        margin-top: -31px;
        background: none;
        font-size: 17px;
        border: none;
        cursor: pointer;
        color: #ccc;
    }

        .searchContainer button:hover {
            background: #ccc;
        }

.welcometxt h1 {
    color: #cdd9e1;
    font-size: 60px;
    margin-top: 16%;
    margin-left: 15%;
}

.welcometxt h3 {
    margin-top: 1%;
    margin-left: 15%;
    font-size: 30px;
}

.dshOrderCount h1 {
    margin-top: 10%;
    font-size: 75px;
    font-weight: bold;
}

.dshOrderCount h3 {
    margin-top: -2%;
    font-size: 22px;
}

.topContent {
    background-color: #3c464b;
}

.orderDetails, .orderDetails1 {
    margin-left: 4% !important;
}

    .orderDetails .col-md-2, .orderDetails .col-md-4 {
        padding-top: 3.5%;
    }

    .orderDetails1 .col-md-4 {
        padding-bottom: 1.5%;
        padding-top: 1.5%;
    }

    .orderDetails h4, .orderDetails1 h4 {
        color: #fff;
        font-size: 20px;
        word-wrap: break-word;
    }

    .orderDetails span, .orderDetails1 span {
        color: #cdd9e1;
        font-size: 14px;
    }

    .orderDetails1 p {
        color: #fff;
        font-size: 13px;
    }

.Contact {
    margin-left: 4% !important;
    margin-top: 1%;
}

    .Contact h2 {
        font-size: 28px;
        color: #697882;
        margin-bottom: 0;
    }

.obs_date {
    width: 71% !important;
}

.bottomContent {
    background-color: #ebf0f5;
    padding-left: 7% !important;
    padding-bottom: 20px;
}

.tableHeading {
    background-color: #dfe6ed;
    color: #2387aa;
    padding: 5px;
    width: 92% !important;
}

.tableTitle {
    width: 92% !important;
    padding: 0 !important;
}

.orderBtn {
    margin-top: 1%;
    padding-bottom: 1%;
}

input.saveCloseBtn {
    color: #fff;
    background-color: #2387aa;
    box-shadow: none;
    border: none;
    padding: 7px 32px;
    font-size: 14px;
}

    input.saveCloseBtn:hover {
        background-color: #005578;
    }

input.saveSubmitBtn {
    color: #fff;
    background-color: #faa50a;
    box-shadow: none;
    border: none;
    padding: 7px 32px;
    font-size: 14px;
}

    input.saveSubmitBtn:hover {
        background-color: #eb780a;
        text-transform: none;
        border: none;
    }

input.cancelBtn {
    color: #2387aa;
    background: transparent;
    box-shadow: none;
    border: 1px solid #2387aa;
    padding: 6px 32px;
    font-size: 14px;
}

    input.cancelBtn:hover, input.cancelBtn:active {
        background-color: #005578;
        border: 1px solid #005578;
        color: #fff;
    }

.orderList {
    background-color: #3c464b;
    padding-left: 5%;
    margin-top: 2%;
    padding-top: 4%;
    width: 100%;
    padding-bottom: 4%;
}

.webgrid th {
    padding: 6px 5px;
    text-align: left;
    background-color: none;
    height: 40px;
    font-weight: bold;
    color: #278299;
    border-bottom: 1px solid #b4adad;
}

.body-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 5.6%;
}

.lineItemPageno {
    text-align: center;
    font-size: 13px;
    color: #005578;
}

    .lineItemPageno td {
        padding: 10px 0 10px 0;
    }

.milestone {
    background-color: #3c464b;
    margin-top: 1px;
    padding: 1% 5% !important;
    color: #fff;
}

.lastMS, .MSDate {
    font-size: 12px;
    margin-bottom: 1%;
}

.obs_date1 {
    width: 49.5% !important;
}

.obs_date_popup {
    width: 100% !important;
}

/*For Sorting*/
/*.webgrid th a:after {
        font-family: FontAwesome;
        top: 0;
        padding-right: 0.5em;
        content: "\f0dc";
        padding-left: 6px;
        font-size: 12px;
        font-weight: normal;
    }*/

.webgrid th, .webgrid td {
    padding: 5px 5px 5px 15px;
}

.altabl1 td, .alt td {
    padding: 5px 5px 5px 15px;
}


.backList:before {
    font-family: FontAwesome, sans-serif;
    content: "\f060";
    font-size: 12px;
    top: 0;
    font-weight: normal;
}

.cust_comments h4 {
    margin-left: 6%;
    font-weight: bold;
    width: 87%;
    border-bottom: 1px solid #278299;
    padding-bottom: 12px;
    font-size: 17px;
    color: #278299;
}

.comment_txt {
    font-size: 15px;
    color: black;
}

.comment_date {
    font-size: 13px;
    color: #8e8e8e;
}

.pkiloginLabel {
    font-size: 15px;
    color: #fff;
    text-align: center;
}



/*Login CSS*/
.CILogin {
    background-color: #697882;
    /*MARGIN-TOP: 15.5%;*/
    WIDTH: 22%;
    margin-left: 17%;
}

@media (max-width: 1024px) {
    .CILogin {
        MARGIN-TOP: 10%;
        width: 24%;
    }
}

.CILoginPKI {
    background-color: #697882;
    MARGIN-TOP: 10.5%;
    WIDTH: 22%;
    margin-left: 12%;
}

/*#loginbg {
    height: 531px;
}*/
@media (min-width: 600px) and (max-width: 1000px) {
    .CILogin {
        margin-top: 2.2%;
        /*width: 45%;*/
    }
    /*.footerDiv {
        margin-top: 2%;
    }*/
    #loginbg {
        /*height: 550px;*/
    }
}

@media (min-width: 1001px) and (max-width: 1024px) {
    .CILogin {
        margin-top: 2.2%;
        /*width: 33%;*/
    }
    /*.footerDiv {
        margin-top: 2%;
    }*/
    #loginbg {
        /*height: 525px;*/
    }
}

@media (min-width: 1200px) {
    .CILogin {
        margin-top: 1.5%;
        /*width: 33%;*/
    }
    /*.footerDiv {
        margin-top: 2%;
    }*/
    #loginbg {
        /*height: 525px;*/
    }
}

label.input-group-addon {
    border-radius: 0px 5px 5px 0px !important;
}

.form_bg {
    padding: 1% 0;
    background-color: #ebf0f5;
}

i.fa.fa-search:hover, .searchContainer button:hover {
    background: none;
    color: #848484;
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    .navbar-form {
        border: 0px !important;
    }

    .orderList {
        margin-top: -8%;
        width: 667px;
        margin-top: 4%;
        padding-top: 4%;
    }
    /*.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-top: -10% !important;
    padding-top: 10px !important;
}*/
    /*.navbar-default .navbar-collapse {
    HEIGHT: 270PX !IMPORTANT;
    margin-left: 3%;
}*/
    /*#divMenu ul li {
    padding-bottom: 20px !important;
    width: 100% !important;
    float:left !important;
}*/
    .navbar-brand > img {
        margin-left: 21% !important;
    }

    span.menuIcon.glyphicon.glyphicon-user {
        margin: 0px 45px 0 0px !important;
    }

    .searchContainer {
        float: none;
        margin-top: 2%;
    }

    .fa-search:before {
        margin-right: 150px !important;
    }

    li.userMenu {
        top: 39px !important;
    }

    li.logoutMenu {
        margin-left: 160px !important;
    }
    /*.body-content {
    padding: 53% 0px 0px 0px !important;
    }*/
    /*li{
        float:none !important;
    }*/
    /*.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-top: 79px !important;
    padding-top: 10px !important;
    }*/
    /*.navbar-collapse.in {
    overflow-y: initial !important;
}*/
    /*#divMenu ul li {
    padding-bottom: 15px !important;
}*/
}

span.menuIcon2 {
    top: 2px;
    font-size: 12px;
}

li.userMenu {
    font-size: 12px;
    top: 21px;
    margin-right: 24px;
    color: #788791;
}


@media screen and (device-width: 360px) and (device-height: 640px) {
    .navbar-form {
        border: 0px !important;
    }

    .navbar-brand > img {
        margin-left: 14% !important;
    }

    #divMenu ul li {
        padding-bottom: 23px !important;
        width: 100% !important;
    }

    #loginbg {
        margin-top: -3%;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .CIHeading {
        width: 70% !important;
        padding-top: 5px;
    }

    .CILogin {
        width: 55%;
    }

    .body-content {
        margin-top: -2% !important;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .body-content {
        margin-top: -2% !important;
    }

    .CIHeading {
        width: 55% !important;
        padding-top: 5px;
    }

    .CILogin {
        width: 45%;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .CIHeading {
        width: 50% !important;
        padding-top: 5px;
    }

    .CILogin {
        width: 40%;
    }

    select#ddlBU {
        max-width: 46.2% !important;
    }

    select#ddlOrderManager {
        min-width: 122% !important;
        border-radius: 4PX;
    }

    select#ddlGroupLeader {
        min-width: 180% !important;
        border-radius: 4px;
    }

    input.saveCloseBtn {
        margin-top: 5px;
    }
    /*.footerDiv {
        margin-top: 2%;
    }*/

    /*#loginbg {
        height: 525px;
    }*/
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1141.98px) {
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 1142px) and (max-width: 1199.98px) {
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1360.99px) {
    .form_bg {
        padding: 5% 0;
    }

    select#ddlBU {
        max-width: 49% !important;
    }

    select#ddlOrderManager {
        min-width: 86% !important;
        border-radius: 4PX;
    }

    select#ddlGroupLeader {
        min-width: 148% !important;
        border-radius: 4px;
    }

    .report_obs_date {
        width: 49% !important;
    }

    input#txtFromOrderBookingDate, input#txtFromProductDispatchDate, input#txtFromToPlanDate, input#txtToOrderBookingDate, input#txtToProductDispatchDate, input#txtToToPlanDate {
        min-width: 80% !important;
    }
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1366px) and (max-width: 1439.98px) {
    .report_obs_date {
        width: 70% !important;
    }

    .input-group-addon:last-child {
        height: 42px;
        padding: 0 20px;
    }

    select#ddlBU {
        max-width: 70% !important;
        height: 42px;
        font-weight: normal;
        font-size: 14px;
    }

    select#ddlOrderManager {
        min-width: 165% !important;
        border-radius: 4PX;
        height: 42px;
        font-weight: normal;
        font-size: 14px;
    }

    select#ddlGroupLeader {
        min-width: 243% !important;
        height: 42px;
        font-weight: normal;
        font-size: 14px;
        border-radius: 4px;
    }

    input#txtFromOrderBookingDate, input#txtFromProductDispatchDate, input#txtFromToPlanDate, input#txtToOrderBookingDate, input#txtToProductDispatchDate, input#txtToToPlanDate {
        min-width: 100% !important;
        font-size: 14px;
        height: 42px;
    }

    span.glyphicon.glyphicon-calendar.obsdate {
        FONT-SIZE: 20PX !important;
    }
}
/*Extra Extra large devices (large desktops, 1440px and up)*/
@media (min-width: 1440px) and (max-width: 1599.98px) {
    .report_obs_date {
        width: 82% !important;
    }

    .input-group-addon:last-child {
        height: 54px;
        padding: 0 20px;
    }

    select#ddlBU {
        max-width: 82% !important;
        height: 54px;
        font-weight: normal;
        font-size: 16px;
    }

    select#ddlOrderManager {
        min-width: 192% !important;
        border-radius: 4PX;
        height: 54px;
        font-weight: normal;
        font-size: 16px;
    }

    select#ddlGroupLeader {
        min-width: 274% !important;
        height: 54px;
        font-weight: normal;
        font-size: 16px;
        border-radius: 4px;
    }

    input#txtFromOrderBookingDate, input#txtFromProductDispatchDate, input#txtFromToPlanDate, input#txtToOrderBookingDate, input#txtToProductDispatchDate, input#txtToToPlanDate {
        min-width: 100% !important;
        font-size: 16px;
        height: 54px;
    }

    span.glyphicon.glyphicon-calendar.obsdate {
        FONT-SIZE: 24PX !important;
    }

    input.saveCloseBtn {
        font-size: 16px !important;
    }

    input.saveSubmitBtn {
        font-size: 16px;
        max-width: 46% !important;
    }
}
/*Extra Extra large devices (large desktops, 1440px and up)*/
@media (min-width: 1600px) and (max-width: 1999px) {
    .report_obs_date {
        width: 82% !important;
    }

    .input-group-addon:last-child {
        height: 54px;
        padding: 0 20px;
    }

    select#ddlBU {
        max-width: 82% !important;
        height: 54px;
        font-weight: normal;
        font-size: 18px;
    }

    select#ddlOrderManager {
        min-width: 214% !important;
        border-radius: 4PX;
        height: 54px;
        font-weight: normal;
        font-size: 18px;
    }

    select#ddlGroupLeader {
        min-width: 279% !important;
        height: 54px;
        font-weight: normal;
        font-size: 18px;
        border-radius: 4px;
    }

    input#txtFromOrderBookingDate, input#txtFromProductDispatchDate, input#txtFromToPlanDate, input#txtToOrderBookingDate, input#txtToProductDispatchDate, input#txtToToPlanDate {
        min-width: 100% !important;
        font-size: 18px;
        height: 54px;
    }

    span.glyphicon.glyphicon-calendar.obsdate {
        FONT-SIZE: 24PX !important;
    }

    input.saveCloseBtn {
        font-size: 18px !important;
    }

    input.saveSubmitBtn {
        font-size: 18px;
        max-width: 46% !important;
    }

    .Logintxtfield input#SO_Number, .Logintxtfield input#OTP, input#txtSONumber, input#txtEmail {
        height: 48px !important;
        font-size: 16px;
    }

    input#btnGenerateOTP, input#btnSubmit {
        height: 48px !important;
        font-size: 18px !important;
    }

    .CILogin h4 {
        font-size: 18px !important;
    }

    .pkiloginLabel {
        font-size: 16px !important;
    }

    i.fa.fa-2x.fa-address-card {
        font-size: 3em !important;
    }
}
/*Extra Extra large devices (large desktops, 1440px and up)*/
@media (min-width: 1920px) and (max-width: 2056.98px) {
    .report_obs_date {
        width: 82% !important;
    }

    .input-group-addon:last-child {
        height: 60px;
        padding: 0 20px;
    }

    select#ddlBU {
        max-width: 82% !important;
        height: 60px;
        font-weight: normal;
        font-size: 23px;
    }

    select#ddlOrderManager {
        min-width: 259% !important;
        border-radius: 4PX;
        height: 60px;
        font-weight: normal;
        font-size: 23px;
    }

    select#ddlGroupLeader {
        min-width: 278% !important;
        height: 60px;
        font-weight: normal;
        font-size: 23px;
        border-radius: 4px;
    }

    input#txtFromOrderBookingDate, input#txtFromProductDispatchDate, input#txtFromToPlanDate, input#txtToOrderBookingDate, input#txtToProductDispatchDate, input#txtToToPlanDate {
        min-width: 100% !important;
        font-size: 21px;
        height: 60px;
    }

    span.glyphicon.glyphicon-calendar.obsdate {
        FONT-SIZE: 30PX !important;
    }

    input.saveCloseBtn {
        font-size: 20px !important;
    }

    input.saveSubmitBtn {
        font-size: 20px;
        max-width: 42% !important;
    }

    .Logintxtfield input#SO_Number, .Logintxtfield input#OTP, input#txtSONumber, input#txtEmail {
        height: 52px !important;
        font-size: 18px;
    }

    input#btnGenerateOTP, input#btnSubmit {
        height: 52px !important;
        font-size: 20px !important;
    }

    .CILogin h4 {
        font-size: 20px !important;
    }

    .pkiloginLabel {
        font-size: 18px !important;
    }

    i.fa.fa-2x.fa-address-card {
        font-size: 3em !important;
    }
}

#divMenu {
    width: 100% !important;
}