.menuStyle {
    background-color: #1b5289; /* #ed1b24 */
    height: 30px;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana;
    color: White;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 0px;
}

.modalBg {
    background-color: Aqua;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.ops_tran_background {
    background-color: #ADD8E6;
    color: Black;
    font-size: 11px;
    font-family: Verdana;
    text-decoration: none;
    font-weight: bold;
}

.ops_tranMenu_background {
    background-color: #1b5289;
    color: White;
    font-size: 11px;
    font-family: Verdana;
    text-decoration: none;
    font-weight: bold;
}

.titlePopup {
    background-color: #ADD8E6;
    color: White;
    font-size: 11px;
    font-family: Verdana;
    text-decoration: none;
    font-weight: bold;
}

.firstColumnDesign {
    background-color: #ADD8E6;
    color: Black;
    font-size: 11px;
    font-family: Verdana;
    text-decoration: none;
    font-weight: bold;
}

.secondColumnDesign {
    background-color: #1b5289;
    color: white;
    font-size: 11px;
    font-family: Verdana;
    text-decoration: none;
    font-weight: bold;
}

.loginbutton {
    font: bold 12px Verdana;
    background: #333399;
    width: 80px;
    height: 25px;
    color: White;
    background-color: #1b5289;
    background-repeat: repeat-x;
    border: 2px solid #000000;
    vertical-align: middle;
}

.SendMailloginbutton {
    font: bold 12px Verdana;
    background: #333399;
    width: 130px;
    height: 25px;
    color: White;
    background-color: #1b5289;
    background-repeat: repeat-x;
    border: 2px solid #000000;
    vertical-align: middle;
}

.logintextbox {
    background-color: #ffffff;
    color: #096694;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #096694;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*behavior: url(~/StyleSheets/PIE/PIE.htc);*/
    border-radius: 5px;
    vertical-align: middle;
    min-height: 17px;
    max-height: 17px;
    max-width: 200px;
    min-width: 180px;
    padding-bottom: 2px;
}

.logintextboxMobile {
    background-color: #ffffff;
    color: #096694;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #096694;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*behavior: url(~/StyleSheets/PIE/PIE.htc);*/
    border-radius: 5px;
    vertical-align: middle;
    min-height: 17px;
    max-height: 17px;
    max-width: 100px;
    min-width: 100px;
    padding-bottom: 2px;
}

.MasterPage {
    width: 100%;
    height: 30px;
    background-color: #ffffff;
}

.PageHeader {
    color: Black;
    font-weight: bold;
    font-size: 15px;
}

.loginDetail {
    color: Black;
    font-weight: bold;
    font-size: 12px;
}

.pagefootersyle {
    font: bold 12px Verdana;
    width: 100%;
    height: 23px;
    background-color: #1b5289;
    background-repeat: repeat-x;
    vertical-align: middle;
    color: white;
}

.digitalclock {
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
    color: Black; /*font-weight: bold;*/
    background-color: white /* #ADD8E6 ed1b24*/;
    height: 22px;
    padding-left: 5px;
    vertical-align: middle;
}

.PageHeaderWithColor {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 12px;
    color: #FFFF81; /* #FFFF81 #C7DBA9 */
    text-decoration: none;
    text-transform: uppercase;
}

.lblMsg {
    font-family: Tahoma, Arial, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    color: Red;
    width: 100%;
    margin-left: 0px;
}

.MessageBoxWidth {
    height: 45px;
    padding-top: 1px;
    vertical-align: middle;
}

.MessageBoxWidthPopup {
    height: 50px;
    padding-top: 2px;
    vertical-align: middle;
}

.ContentPage {
    margin-left: 0px;
    margin-right: 0px;
    min-height: 400px;
}

.loginfont {
    font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS;
    font-size: 12px;
    text-decoration: none;
    color: Black;
    font-weight: bold;
}

.logintable {
    background-color: White;
    color: Black;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #096694;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*behavior: url(~/StyleSheets/PIE/PIE.htc);*/
    border-radius: 5px;
    vertical-align: middle;
}

.loginheader {
    font-family: Verdana, Arial, Helvetica, sans-serif, Trebuchet MS;
    font-size: 13px;
    /*background-image: url(../images/menu_bg30.jpg);*/
    background-color: #1b5289;
    background-repeat: repeat-x;
    vertical-align: middle;
    color: White;
    text-align: center;
    min-height: 23px;
    border: 1px solid #096694;
    /*behavior: url(~/StyleSheets/PIE/PIE.htc);*/
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.autocomplete_completionListElement {
    visibility: hidden;
    margin: 0px !important;
    color: Black;
    border: solid 2px black;
    text-align: left;
    font-family: Verdana;
    font-size: 11px;
    margin-left: 5px;
    padding: 0px;
    background-color: #FFFFFF;
    cursor: default;
    overflow: auto;
    text-align: left;
    list-style-type: none;
    height: 200px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: #1b5289;
    color: White;
    /*font-weight:bold;
	padding: 1px;*/
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: white;
    padding: 1px;
}

input[disabled='disabled'], select[disabled='disabled'] {
    background-color: #808080;
    color: white;
}
.disblecontrol {
    background-color: #ffffff;
    color: black;
}
.buttonCursorhand {
    cursor: hand;
}
.modalPopupTitleBar {
    background-color: #1b5289;
    border-width: 1px;
    border-style: outset;
    border-color: white;
    padding: 3px;
    height: 15px;
    color: white;
    font-weight: bold;
    border-bottom: outset 2px;
}

.openfile {
    background-image: url(../images/open_50_30.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 20px;
    text-align: center;
    border: 0px;
    background-color: #d3d3d3;
}

.shadow2 {
    box-shadow: 7px 7px 8px #818181;
    -webkit-box-shadow: 7px 7px 8px #818181;
    -moz-box-shadow: 7px 7px 8px #818181;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}

.shadow3 {
    /*
 	box-shadow: 7px 7px 8px #818181;
	-webkit-box-shadow: 7px 7px 8px #818181;
	-moz-box-shadow: 7px 7px 8px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
*/
}

input[type=text], textarea {
    border: 1px solid silver;
}

    input[type=text]:focus, textarea:focus, input[type=password]:focus, select:focus, input:focus {
        /*background-color:#1b5289;
	color: #000000;
	border: 1px solid #000000;*/
        background-color: pink;
        color: #000000;
        border: 1px solid #000000;
    }



/* Style The Dropdown Button */
.dropbtn {
    background-color: white;
    color: Black;
    font-size: 12px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
    text-align: left;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 5px 10px;
        text-decoration: none;
        display: block;
    }

        /* Change color of dropdown links on hover */
        .dropdown-content a:hover {
            background-color: #ed1b24;
            color: white;
        }
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
    border-style: solid;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: white;
}

.invalid {
    background: #FF0000;
    color: #FFFFFF;
}

.valid {
    background: #B5EF9C;
}

.jqGridDel {
    background-image: url(../../images/del20.jpg);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}

.jqGridDelFocus {
    background-image: url(../../images/del20gray.jpg);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}

.jqGridEdit {
    background-image: url(../../images/edit20.jpg);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-color: #ffffff;
}


.jqGridEditFocus {
    background-image: url(../../images/edit20gray.jpg);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-color: Red;
}

.jqGridEdit24 {
    background-image: url(../../images/edit24x24.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    border: none;
}

.jqGridDel24 {
    background-image: url(../../images/delete_24x24.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    border: none;
}


.MarginTop2 {
    margin-top: 1%;
    /*margin-top:1px;*/
}

.Marginbottom2 {
    margin-bottom: 1%;
    /*margin-bottom:1px;*/
}

.possition {
    padding-left: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #808080;
    opacity: 1;
    color: white;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}

.nav .child_menu {
    overflow: auto;
    max-height: 40vh;
    width: 100%;
}

    .nav .child_menu ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #1ABB9C;
    }

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 8.5pt;
    padding-left: 2px;
    padding-right: 5px;
    vertical-align: middle;
}


.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }


.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

.btn-outline-rev-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .btn-outline-rev-primary:hover {
        color: #007bff;
        background-color: transparent;
        background-image: none;
        border-color: #007bff;
    }

.btn-outline-rev-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-outline-rev-secondary:hover {
        color: #6c757d;
        background-color: transparent;
        background-image: none;
        border-color: #6c757d;
    }

.btn-outline-rev-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

    .btn-outline-rev-success:hover {
        color: #28a745;
        background-color: transparent;
        background-image: none;
        border-color: #28a745;
    }

.btn-outline-rev-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

    .btn-outline-rev-danger:hover {
        background-color: transparent;
        background-image: none;
        border-color: #dc3545;
    }
    .btn-outline-rev-red {
    color: #fff;
    background-color: #fd3131;
    border-color: #fd3131;
}

    .btn-outline-rev-red:hover {
        background-color: transparent;
        background-image: none;
        border-color: #fd3131;
    }
     .btn-outline-rev-hotpink {
    color: #fff;
    background-color: #FF69B4;
    border-color: #FF69B4;
}

    .btn-outline-rev-hotpink:hover {
        background-color: transparent;
        background-image: none;
        border-color: #FF69B4;
    }
     .btn-outline-rev-pink {
    color: #fff;
    background-color: #d81b60;
    border-color: #d81b60;
}

    .btn-outline-rev-pink:hover {
        background-color: transparent;
        background-image: none;
        border-color: #d81b60;
    }
     .btn-outline-rev-purple {
    color: #fff;
    background-color: #9c27b0;
    border-color: #9c27b0;
}

    .btn-outline-rev-purple:hover {
        background-color: transparent;
        background-image: none;
        border-color: #9c27b0;
    }
.btn-outline-rev-amber {
    color: #fff;
    background-color: #ff6f00;
    border-color: #ff6f00;
}
.btn-outline-rev-yellow {
    color: #000;
    background-color: #ffc107;
    border-color: #ff6f00;
}
    .btn-outline-rev-yellow:hover {
        background-color: transparent;
        background-image: none;
        border-color: #ff6f00;
    }
.btn-outline-rev-white {
    color: #000;
    background-color: white;
    border-color: blue;
}
    .btn-outline-rev-white:hover {
        background-color: khaki;
        background-image: none;
        border-color: #ff6f00;
    }
    .btn-outline-rev-amber:hover {
        background-color: transparent;
        background-image: none;
        border-color: #ff6f00;
    }
.btn-outline-rev-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn-outline-rev-warning:hover {
        color: #ffc107;
        background-color: transparent;
        background-image: none;
        border-color: #ffc107;
    }

.btn-outline-rev-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-outline-rev-info:hover {
        color: #17a2b8;
        background-color: transparent;
        background-image: none;
        border-color: #17a2b8;
    }


.btn-outline-rev-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-outline-rev-light:hover {
        color: #f8f9fa;
        background-color: transparent;
        background-image: none;
        border-color: #f8f9fa;
    }

.btn-outline-rev-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

    .btn-outline-rev-dark:hover {
        color: #343a40;
        background-color: transparent;
        background-image: none;
        border-color: #343a40;
    }

.btn-outline-rev-booking {
    color: #000;
    background-color: #b1e715;
    border-color: #343a40;
    border-radius: 5px;
}

    .btn-outline-rev-booking:hover {
        color: #343a40;
        background-color: transparent;
        background-image: none;
        border-color: #343a40;
        border-radius: 5px;
    }

.btn-outline-rev-Intransit {
    color: #000;
    background-color: #ffc90d;
    border-color: #343a40;
    border-radius: 5px;
}

    .btn-outline-rev-Intransit:hover {
        color: #343a40;
        background-color: transparent;
        background-image: none;
        border-color: #343a40;
        border-radius: 5px;
    }
  
.btn-outline-rev-delivery {
    color: #fff;
    background-color: #ed1b24;
    border-color: #343a40;
    border-radius: 5px;
}

    .btn-outline-rev-delivery:hover {
        color: #343a40;
        background-color: transparent;
        background-image: none;
        border-color: #343a40;
        border-radius: 5px;
    }  
    
.btn-outline-rev-alert {
    color: #000;
    background-color: #ff7f26;
    border-color: #343a40;
    border-radius: 5px;
}
    .btn-outline-rev-alert:hover {
        color: #343a40;
        background-color: transparent;
        background-image: none;
        border-color: #343a40;
        border-radius: 5px;
    } 
      
.btn-outline-rev-ewayBills {
    color: #fff;
    background-color:  #3e48cb;
    border-color: #343a40;
    border-radius: 5px;
}
    .btn-outline-rev-ewayBills:hover {
        color: #343a40;
        background-color: transparent;
        background-image: none;
        border-color: #343a40;
        border-radius: 5px;
    } 
     
.white_color {
    color: white;
}
  
.white_black {
    color: black;
}