.navigation-box {
    top: .4rem;
    right: .8rem;
    width: 2rem;
    position: absolute;
}

@media (min-width: 768px) {
    .breaking-caret:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 15px solid #346cb0;
        border-bottom: 17px solid transparent;
        position: absolute;
        right: -15px;
        top: 0;
    }
}

.margin-top30px {
    margin-top: 30px;
}

.grvHeader {
    background: #dff0d8 !important;
    color: #000;
    font-family: Calibri !important;
    font-size: 12px !important;
    height: 30px !important;
    font-weight: initial;
    vertical-align:middle;
    text-align: center;
}
.grvHeaderNew {
    background: #346CB0 !important;
    color: #ffffff;
    font-family: Calibri !important;
    font-size: 14px !important;
    height: 20px !important;
    font-weight: initial;
    text-align: center;
}
.grvRows {
    font-family: Calibri !important;
    font-size: 11px;
    height: 25px !important;
}


.grvRowsNew {
    font-family: Calibri !important;
    font-size: 12px;
    height: 25px !important;
}




.grvFooter {
    background: #dff0d8 !important;
    color: #000;
    font-family: Calibri !important;
    font-size: 11px !important;
    height: 23px !important;
    font-weight:bold;
}
.grvFooterNew {
    background: #346CB0 !important;
    color: #ffffff;
    font-family: Calibri !important;
    font-size: 11px !important;
    height: 20px !important;
    font-weight: bold;
}

.grvFooterTotal {
    background: #346CB0 !important;
    color: #ffffff;
    font-family: Calibri !important;
    font-size: 12px !important;
    height: 25px !important;
    font-weight: bold;
}
.gvPagination {
    border: none;
}

    .gvPagination table {
        border: none;
    }

        .gvPagination table tr {
            border: none;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

            .gvPagination table tr td a {
                background-color: #fff;
                border: 1px solid #ddd;
                color: #337ab7;
                line-height: 1.42857;
                padding: 1px 12px;
                text-decoration: none;
            }

            .gvPagination table tr td span {
                background-color: #005F8D;
                border: 1px solid #ddd;
                color: #fff;
                line-height: 1.42857;
                padding: 1px 12px;
                text-decoration: none;
            }

            .gvPagination table tr td a:hover {
                background: #CA3523;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                color: #fff;
            }

ul.ui-autocomplete.ui-menu {
    width: 300px;
    color: blue;
    top: 110px;
    margin-left: 10px;
    font-size: 12px;
}

    /* 
    targets the first result's <a> element, 
    remove the a at the end to target the li itself 
*/
    ul.ui-autocomplete.ui-menu li:first-child a {
        color: blue;
    }


.lblmargin-top9px {
    margin-top: 9px !important;
}

.lblmargin-top20px {
    margin-top: 20px !important;
}


.lblleftwidth {
    width: 100px;
    text-align: right;
}
.lblleftwidth80 {
    width: 90px;
    text-align: left;
    font-weight:bold;
}






.inputDateBox {
    box-shadow: inset 0 1px 0 0 rgba(34, 34, 48, .05);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 120px;
    /*display: block;*/
    margin: 0;
    font-family: inherit;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #363642;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c6c9d5;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.inputTextBox {
    box-shadow: inset 0 1px 0 0 rgba(34, 34, 48, .05);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 120px;
    margin: 0;
    font-family: inherit;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #363642;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c6c9d5;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.smltxtBox {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 12px;
    height: 24px;
    float: left;
    line-height: 1.42857;
    padding: 3px 0px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 40px;
    margin: 0 2px 0px;
}

.smltxtBox60px {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 12px;
    height: 24px;
    float: left;
    line-height: 1.42857;
    padding: 3px 0px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 60px;
    margin: 0 2px 0px;
}

.smltxtBox70px {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 12px;
    height: 24px;
    float: left;
    line-height: 1.42857;
    padding: 3px 0px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 70px;
    margin: 0 2px 0px;
}



.ddlPage120px {
    box-shadow: inset 0 1px 0 0 rgba(34, 34, 48, .05);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 135px;
    margin: 0;
    font-family: inherit;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #363642;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c6c9d5;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.app-header-dark {
    background-color: #346 !important;
}

.nav-tabs .nav-link {
    padding: 10px !important;
}

.Stepoperation .first {
    background-color: #F9F9F9;
}

.Stepoperation .card {
    min-height: 1100px;
    font-family: Calibri Arial;
}

.Stepoperation .card-header {
    padding: 0.3rem;
    background-color: #0989C6;
    color: #ffffff;
}

.Stepoperation .card h5 {
    background-color: #DFF0D8;
    font-size: 14px;
    padding: 4px;
    font-family: Calibri Arial;
}

.colLeft li a {
    font-family: Calibri !important;
    color: #008000 !important;
    text-decoration: none;
}

.colMid li a {
    font-family: Calibri !important;
    color: #000 !important;
    text-decoration: none;
}

.colRight li a {
    font-family: Calibri !important;
    color: #000 !important;
    text-decoration: none;
}

.app-footer {
     margin:0 !important;
 }


.removeDownArrow {

height: 0em !important;


}


.addDownArrow {
    height: 1em  !important;



}



.lblCompName {
    
    display: block;
   
}


.msgsuccess {

    color:white; 
    background:green; 
    border:none;
}



.msgerror {

   
    color:white; 
    background:red; 
    border:none;
}

.Message {

float: left;
height: 24px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: center;
vertical-align: middle;
color: #fff;
background-color: #449d44;
border-color: #398439;
background-image: none;
border-radius: 4px;


}

.manField {
color:red;
font-weight:bold;

}


.badgei {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: red;
    border-radius: 10px;

    
}


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}



.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 0;
    min-height: 100px;
    padding: 19px;
}

.bodyheight {

    min-height:1000px !important;

}

/*Switch Rounded sliders */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 1px;
        bottom: 1px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.slider.round {
    border-radius: 20px;
}

    .slider.round:before {
        border-radius: 50%;
    }


.textalignright {

text-align:right;
}


.textbold {
    text-align: right;
}

.ddlPage {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #000;
    font-size: 12px;
    height: 24px;
    float: left;
    line-height: 1.42857;
    padding: 1px 1px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 80px;
}

.tittlensheetsumm {
  
    background-color: #00b0f0;
    color: white;
    font-weight: bold;
}


.lblheadertitle {
    background-color: #346CB0;
    font-size: 14px;
    font-weight: bold;
    color: white;
    padding-left: 5px !important;
}



/*Switch Rounded sliders */