@charset "utf-8";
/* CSS Document */

a{
	color:#0e86ad;
	text-decoration:none;
}
a:hover{
	color:#34c3f1;
	text-decoration:none;
}

.btn-link {
    color: #0e86ad;
    text-decoration: none;
}

    .btn-link:hover {
        color: #34c3f1;
        text-decoration: none;
    }

select {
    background-color: #F5F5F5;
    border: solid 1px #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    margin-top: 5px;
    margin-bottom: 5px;
}
input{
	background-color:#F5F5F5;
	border:solid 1px #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	/*margin-top:5px;*/
	margin-bottom:5px;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	margin:5px 0 10px 0px;
	padding:0;
}
textarea{
	resize:none;
}


.login {
    /*background-color: #01101e;*/
    background-color: #E0E0E0;
    /*background-image:url(../Content/images/home_bg.jpg);*/
    /*background-image: url(../Content/images/home_bg_another.png);*/
    /*background-repeat: no-repeat;
    width: 953px;
    height: 420px;
    margin-top: 30px;
    float: left;
    padding: 30px 0px 0 30px;*/
    padding-top:25px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}
.activebutton {
    background-image: url(../Content/images/buttonactive.png);
    /*background-repeat: repeat-x;*/
    background-color: #FF6600;
    padding: 0 20px 0 20px;
    *padding: 0 10px 0 10px;
    margin: 0 0 0 10px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
    border: 0px;
    cursor: pointer;
}
.activebuttonsalesrep {
    background-image: url(../Content/images/buttonactivesalesrep.png);
    background-repeat: repeat-x;
    background-color: #015779;
    padding: 0 20px 0 20px;
    *padding: 0 10px 0 10px;
    margin: 0 0 0 10px;
    height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    border: 0px;
    cursor: pointer;
}
.loginbutton{
	background-image:url(../Content/images/loginbuttonbg.png);
	background-repeat:repeat-x;
	background-color:#015779;
	padding:0 20px 0 20px;
	*padding:0 10px 0 10px;
	margin:0;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	border:0px;
	cursor:pointer;
}

.topnav {
    /*background-color: #333333;*/
    background-color: #2D2D2D;
    width: 100%;
    height: 10px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    margin-bottom: 15px;
    margin-top: 10px;
}

.addequipnav {
    background-color: #666666;
    float: left;
    width: 100%;
    height: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    padding: 0px;
}

#addequipnavlinks {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFF;
}

    #addequipnavlinks li {
        float: left;
        display: block;
        background: #666666;
        position: relative;
        z-index: 300;
    }

        #addequipnavlinks li.hide {
            display: none;
            float: left;
            background: #102e41;
            position: relative;
            z-index: 500;
            margin: 0 1px;
        }

        #addequipnavlinks li a {
            display: block;
            line-height: 40px;
            padding-left: 20px;
            padding-right: 20px;
            color: #FFF;
            text-decoration: none;
        }

            #addequipnavlinks li a:hover {
                background-color: #FF6600;
                color: #FFFFFF;
                text-decoration: none;
            }

            #addequipnavlinks li a.active {
                background-color: #FF6600;
                color: #FFFFFF;
                text-decoration: none;
            }

        #addequipnavlinks li ul {
            position: absolute;
            left: 0;
            display: none;
            margin: 0 0 0 -1px;
            padding: 0;
            list-style: none;
        }

            #addequipnavlinks li ul li a {
                font: bold 14px Arial, Helvetica, sans-serif;
                width: 200px;
                float: left;
                border-top: 0px solid #fff;
                height: 50px;
                !important *height:0px;
                line-height: 50px;
            } 
        


                     
.maincontouter{
	width:100%;
	background-color:#FFF;
	/*float:left;
	clear:both;*/
	/*margin-top:10px;*/	
}

.addlEquipPanel {
    width: 640px;
    padding-left: 25%;
    float: left;
    height:40%;
}
.textalignCenter {
    text-align:center;
}
.spandanger {
    color: #DD3435;
}
.addlequipfeatList {
    padding-left: 10px;
}
.equipDetailPanel {
    padding-top: 0px;
    padding-bottom: 20px;
}
.addlEquipErrPanel {
   
}
    .addlEquipErrPanel .validation-summary-errors {
        font-weight: bold;
        color: #DD3435;
        border: solid 1px;
        margin-top: 50px;
    }
.addlEquipSuccessPanel {
    font-weight: bold;
    color: #54B34A;
    border: solid 1px;
    padding: 20px 4px 20px 4px;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 50px;
}
.addlEquipWarnPanel {
    font-weight: bold;
    color: #F3B823;
    border: solid 1px;
    padding: 20px 4px 20px 4px;
    margin-bottom: 20px;
    text-align: center;
}
.addlEquipButtonSecondary {
    background-color: #333333;
    padding: 0 20px 0 20px;
    *padding: 0 10px 0 10px;
    margin: 0 0 0 10px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFF;
    border: 0px;
    cursor: pointer;
}
.addlEquipErrorPanel{
    font-weight: bold;
    color: #DD3435;
    border: solid 1px;
    /*margin-top: 50px;*/
}
.marginbottom20 {
    margin-bottom: 20px;
}
    .heightSearchPanel {
        height: 100px;
    }

.lablelogin{
	text-align:right;
	color:#b5b9bc;
	float:left;
	margin:17px 20px 10px 0px;

}
.addequipValues {
    float: left;
    /*margin: 5px 20px 0px 0;*/
    /*padding-bottom: 10px;*/
    width:25%;
}

.addequipFormField {
    float: left;
    /*margin: 5px 20px 0px 0;*/
    padding-bottom: 10px;
    width: 75%;
}

    .addequipFormField textarea {
        width: 93%;
        background-color: #F5F5F5;
        border: solid 1px #999;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333;
    }

    .addequipBankLabel {
        width: 66%;
        padding-right: 20px;
        text-align: right;
        color: #666;
    }

.addequiplable {
    text-align: left;
    color: #666;
    float: left;
    margin: 5px 20px 0px 0px;
    padding-bottom: 10px;
    padding-left:10px;
    width: 20%;
}

.selectsalesrep{
	float:left;
	margin:15px;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	font-weight:bold;	 
}

.footer {
    /*clear:both;*/
    background-color: #2D2D2D !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666;
    padding-top: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
}

.msopanel {
    padding: 15px 5px 5px 5px;
    border: solid 1px #CCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    margin-bottom: 20px;
    margin-top: 10px;
}



.addlequipbuttons {
    float: right;
    text-align: right;
    /*margin-top: 30px;*/
}

.commentlisting{
	float:left;
	clear:both;
	width:276px;
	background-image:url(../Content/images/readmsg1.png);
	background-repeat:no-repeat;
	background-position: 8px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:10px 0 10px 35px;
	margin:0px;
	border-bottom:dashed 1px #333;
}
.commentlisting a{
	color:#333;
	text-decoration:none;
}


.commentlistingunread{
	float:left;
	clear:both;
	width:276px;
	background-image:url(../Content/images/newmsg1.png);
	background-repeat:no-repeat;
	background-position: 8px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	padding:10px 0 10px 35px;
	margin:0px; 
	border-bottom:dashed 1px #333;
}
.commentlistingunread a{
	color:#333;
	text-decoration:none;
}

.commentlistingactive{
	float:left;
	clear:both;
	width:276px;
	background-image:url(../Content/images/readmsg1.png);
	background-repeat:no-repeat;
	background-position: 8px 5px; 
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	padding:10px 0 10px 35px; 
	margin:0px;
	border-bottom:dashed 1px #333; 
}
.commentlistingactive a{
	color:#333;
	text-decoration:none;
}

.commentactiveunread{
	float:left;
	clear:both;
	width:276px;
	background-image:url(../Content/images/newmsg1.png);
	background-repeat:no-repeat;
	background-position: 8px 5px; 
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	padding:10px 0 10px 35px; 
	margin:0px;
	border-bottom:dashed 1px #333; 
}
.commentactiveunread a{
	color:#333;
	text-decoration:none;
}


.page-header{
    padding-bottom:3px;
}

.usermessage {
    font-weight: bold;
    color: #fb4f14;
    margin-top: 5px;
    margin-left: 15px;
    float: left;
}


.notvisible{
	visibility:hidden;
}

.errortxt
{
	font-family: Arial;
	font-size:12px;
	color:Red;
}

#SelectedSalesRep
{
    height : 230px !important;
    clear: both;
    float: left;
    width: 300px !important;
}

.errormessage
{
	font-weight:normal;
	color:#fb4f14;	 
	float:left;
	font-size:12px;
	clear:none;
	padding:18px 0 0 5px;
	margin:0;	
	}
/*#LogInUserId
{
     width: 165px;
}	
#LogInPassword
{
     width: 165px;
}
#Application 
{
    width: 165px;
}*/	
	
.datagridAddlEquip {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    border: solid 1px #e3e4e5;
    margin: 0px;
    padding: 2px;
    border-collapse: collapse;
    background-color: #f7f7f7;
    margin-left:20%;
    width: 60%; /* 940px  */
}

    .datagridAddlEquip th {
        /*background-color:#c0dae6;*/
        background-color: #E0E0E0;
        padding: 5px;
        padding-top: 10px;
        /*height: 40px;*/
        text-align: left;
        /*color:#0d415a;*/
        color: #000000;
        border-collapse: collapse;
        border: solid 0px;
    }

.datagridAddlEquip td {
    padding: 5px;
    padding-top: 6px;
    /*height: 38px;*/
    text-align: left;
    border-bottom: solid 2px #FFF;
    margin: 0px;
}

.datagridAddlEquip td a {
    background-color: #edeeee;
    color: #00a9e0;
    text-decoration: none;
}

    .datagridAddlEquip td a:hover {
        color: #005672;
        text-decoration: none;
    }

.form-control {
    border-radius: 3px !important;
 /*   height: 45px;*/
}
/*.form-select {
    height: 45px;
}*/
.bootstrap-select > .dropdown-toggle {
    height: 45px !important;
}



.loginLabel {
    /*background-color: #ddd;*/
    /*font-family: 'Univers for Fiserv';*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #0E0E0E;
    font-weight: bold;
}

.loginSection {
    color: #FF6600;
    font-size: 31px;
    font-weight: bold;
    /*font-family: 'Univers for Fiserv';*/
    font-family: Arial, Helvetica, sans-serif;
    /*margin-left: 45px;*/
}

.loginHeaderImg {
    padding:0px!important;
}

.nav-tabs li a {
    color: #777;
    text-decoration: none;
    font: 14px Arial, Helvetica, sans-serif;
}

    .nav-tabs li a.active {
        background-color: #FF6600;
        color: #FFFFFF;
        text-decoration: none;
        /*border-top: 5px solid rgb(73, 19, 76);*/
    }

.required label:after {
    content: "*";
    color: red;
}

label {
    /*margin-top: 2px;*/
    font-weight: normal;
}

#MerchDetails_DispatchInstruction {
    height:auto!important;
}

#MerchDetails_CourierInstruction {
    height: auto !important;
}

select[multiple], select[size] {
    height: auto !important;
    width: 100%;
    display: block;
    padding: 6px 12px;
}
.orderConfirmPanel {
    text-align: center;
    font-size: 16px;
}

#filterContent {
    min-height: 400px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -3px;
        margin-left: 5px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.container2 {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-header {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

select.form-select {
    --bs-form-select-bg-img: url("../../Content/icons/arrow-icon.png");
}

button.btn-close {
    --bs-btn-close-bg: url("../../Content/icons/buttoncross-icon.png");
}

.navbar {
    --bs-navbar-toggler-icon-bg: url("../../Content/icons/navbar-toggler-icon.png");
    height: 60px;
}

.card-header {
    height: 42px;
    margin-bottom: 0; /* Remove any bottom margin */
    padding: 10px; /* Adjust padding as needed */
}

.card {
    margin-bottom: 0; /* Remove any bottom margin */
}

.form-control-plaintext {
    padding: 0px;
}

.nav-item .dropdown-item > a {
    color: #000 !important;
}

.dropdown-menu {
    --bs-dropdown-font-size: 14px !important;
}

.navbar-nav .dropdown-menu {
    left: auto;
    right: 0;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a {
    background-color: transparent;
}

.pagination {
    --bs-pagination-active-bg: #337ab7;
    --bs-pagination-color: #337ab7;
}

.nav-menu-item {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    margin-right: 0px; /* adds space between menu items */
    height: 60px;
    padding-top: 20px;
    min-width: 120px;
    padding-left: 10px;
}

    .nav-menu-item:hover {
        background-image: linear-gradient(to bottom, #f0f0f0, #dcdcdc);
    }

    .nav-menu-item.active {
        background-image: linear-gradient(to bottom, #f0f0f0, #dcdcdc);
    }

.navbar-expand-lg .navbar-nav > .active > a, .navbar-expand-lg .navbar-nav > .open > a {
    background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);
    color: #555;
}

@media (min-width: 768px) {
    .col-md-7 .card-body input[type="text"].form-control,
    .col-md-12 .card-body input[type="text"].form-control,
    .col-lg-12 .card-body input[type="text"].form-control {
        width: 75% !important;
        height: 40px;
    }

    .col-md-7 .card-body select.form-control,
    .col-md-12 .card-body select.form-control,
    .col-lg-12 .card-body select.form-control {
        width: 75% !important;
    }

    .col-md-7 .card-body select.form-select,
    .col-md-12 .card-body select.form-select,
    .col-lg-12 .card-body select.form-select {
        width: 75% !important;
        height: 40px;
    }

    .col-md-7 .card-body .bootstrap-select.form-control,
    .col-md-12 .card-body .bootstrap-select.form-control,
    .col-lg-12 .card-body .bootstrap-select.form-control {
        width: 75% !important;
        height: 40px;
    }

    .col-md-7 .card-body textarea.form-control,
    .col-md-12 .card-body textarea.form-control,
    .col-lg-12 .card-body textarea.form-control {
        width: 75% !important;
    }

    .card-body .gj-icon {
        width: 25% !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

    .dtwidth {
        width: calc(100% - 35px) !important;
    }
}

.gj-icon {
    margin-top: 5px;
    font-size: 35px !important;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}