@-ms-viewport {
    width: auto !important;
}

::-moz-selection {
    background: #008FE0;
}

::selection {
    background: #008FE0;
}

::-moz-selection {
    color: white;
}

::selection {
    color: white;
}

a:hover, a:focus {
    outline: none !important;
}

.low-opacity {
    opacity: 0.2 !important;
}

.form-wrap .form-control {
    font-size: 13px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

    button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
    }

.body-max-width {
    max-width: 100%;
    margin: 0 auto;
    /*	box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.75);
	height:100%;
	border-right:#CCC solid 1px;
	border-left:#CCC solid 1px;*/
    /*overflow-y: hidden !important;*/
}

.logo {
    padding: 20px 0;
}

.top-bar {
    background: #008fe0;
    padding: 23px 0;
    box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.75);
}

.custom-bg {
    /*position: relative;*/
    background: url(../images/MetroWaterBackground.png) no-repeat center center fixed;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.center {
    text-align: center;
}

.custom-btn {
    background: #0876b4 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    height: 34px;
    width: 115px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

    .custom-btn:hover {
        background: #004d78 none repeat scroll 0 0;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
    }

.modal {
    padding-left: 0 !important;
    overflow: visible !important;
}

.modal {
    text-align: center;
    -webkit-box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34);
    box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34);
    top: 10%;
    left: 35%;
    display: none;
    -o-transition: .30s;
    -ms-transition: .30s;
    -moz-transition: .30s;
    -webkit-transition: .30s;
}

.alert {
    -webkit-box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34) !important;
    -moz-box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34) !important;
    box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34) !important;
}

[uib-typeahead-popup].dropdown-menu {
    height: 200px;
    overflow-y: scroll;
}

.sales-order-page [uib-typeahead-popup].dropdown-menu {
    height: 120px;
}

[uib-typeahead-popup].dropdown-menu li a {
    font-size: 12px;
    padding: 3px 6px;
}

#MetroDashboard.modal, #MetroUserLogin.modal {
    position: fixed !important;
    display: block !important;
    text-align: center;
    box-shadow: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: none;
}

.modal-dialog {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.inner-head {
    cursor: move;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #00679D;
}

.ui-grid-row-selected.ui-grid-row > [ui-grid-row] > .ui-grid-cell {
    background: #fae574 !important;
}
.ui-grid-menu-button {
    width: 17px !important;
    height: 27px !important;
}
.service-visit-test-background-even {
    background-color: #8ac0c0 !important;
}

.service-visit-test-background {
    background-color: #cffab6;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#MetroUserLogin .inner-window {
    box-shadow: none;
}

.modal-content {
    border: none !important;
}

.landing-container {
    padding-bottom: 50px;
}

#MetroDashboard.modal {
    margin-top: 10px;
}

#MetroDashboard .modal-dialog {
    width: 100% !important;
    box-shadow: none;
}

#MetroDashboard .modal-content {
    width: 100% !important;
    border: none !important;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 0px;
}

.app-selection {
    margin: 0 auto;
    overflow: hidden;
    padding: 0 20px;
}

    .app-selection .app-selection-boxes {
        width: 23%;
        float: left;
        margin: 0 1%;
    }

        .app-selection .app-selection-boxes a.metrolink-box {
            width: 100%;
            display: inline-block;
            padding: 10px;
            text-decoration: none;
            background-color: rgba(255, 255, 255, .9);
            min-height: 264px;
            /*	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;*/
            margin: 5px 0;
            border-bottom: solid 6px #f79b0a;
        }

            .app-selection .app-selection-boxes a.metrolink-box span img {
                display: inline-block;
                text-align: center;
                margin: 20px 0 0 0;
                width: 64%;
            }

            .app-selection .app-selection-boxes a.metrolink-box span {
                color: #575757;
                font-size: 22px;
                text-decoration: none;
                cursor: pointer;
                display: block;
                text-align: center;
            }

                .app-selection .app-selection-boxes a.metrolink-box span.img-contr {
                    border-radius: 50%;
                    padding: 5px;
                    background: #f79b0a;
                    width: 100px;
                    height: 100px;
                    margin: 40px auto 40px auto;
                }

        .app-selection .app-selection-boxes a.metroapp-box span.img-contr {
            border-radius: 50%;
            padding: 5px;
            background: #ff7272;
            width: 100px;
            height: 100px;
            margin: 40px auto 40px auto;
        }

        .app-selection .app-selection-boxes a.finance-box span.img-contr {
            border-radius: 50%;
            padding: 5px;
            background: #007a33;
            width: 100px;
            height: 100px;
            margin: 40px auto 40px auto;
        }

        .app-selection .app-selection-boxes a.metrolink-box:hover {
            text-decoration: none;
            padding: 10px;
            border-bottom: solid 6px #575757 !important;
            /* ...and now override with proper CSS property 
	transition: color .2s ease-out, border 1s ease-in;
	box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.75);
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;	
	/* ...and now for the proper property
	transition: .5s; */
        }

.metrolab-box {
    border-bottom: solid 6px #00cc44 !important;
}

    .metrolab-box .img-contr {
        background: #00cc44 !important;
    }

    .metrolab-box span {
        color: #575757 !important;
    }

.metrobase-box {
    border-bottom: solid 6px #2294f5 !important;
}

    .metrobase-box .img-contr {
        background: #2294f5 !important;
    }

    .metrobase-box span {
        color: #575757 !important;
    }

.metrostat-box {
    border-bottom: solid 6px #ebc50c !important;
}

    .metrostat-box .img-contr {
        background: #ebc50c !important;
    }

    .metrostat-box span {
        color: #575757 !important;
    }

.external-report-box {
    border-bottom: solid 6px #9966ff !important;
}

.metroapp-box {
    border-bottom: solid 6px #ff7272 !important;
}

.finance-box {
    border-bottom: solid 6px #007a33 !important;
}

.external-report-box .img-contr {
    background: #9966ff !important;
}

.external-report-box span {
    color: #575757 !important;
}

.clear-padding {
    padding: 0 !important;
}

.clear-right-padding {
    padding-right: 0 !important
}

.clear-left-padding {
    padding-left: 0 !important
}

.clear-border {
    border: none !important;
}

.footer {
    background: rgba(225, 237, 249, 0.9);
    color: #2294f5;
    width: 100%;
    height: 30px;
    line-height: 29px;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
/*Login Style Starts*/

#MetroUserLogin {
    padding-left: 0 !important;
    margin-top: 36px !important;
    display: block;
}

    #MetroUserLogin .modal-dialog {
        box-shadow: none;
    }

    #MetroUserLogin .modal-content {
        background: none !important;
        border: none !important;
    }

.login-btn {
}

.login-container {
    width: 300px;
    margin: 2% auto 2% auto;
    border: #cbd3d7 solid 1px;
    padding: 10px 15px;
    background: #FFF;
    webkit-box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34);
    box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34);
}

    .login-container .form-group {
        margin-bottom: 10px;
    }

    .login-container form label {
        color: #008fe0;
        font-weight: normal;
    }

.login-logo-wrap {
    width: 100%;
    text-align: center;
}

.login-logo {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: #008fe0 solid 1px;
    display: inline-block;
    position: relative;
    background: #fff;
    margin: 8px 0 0 0;
}

    .login-logo figure img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: auto;
        margin: auto;
        width:50px;
    }

.login-container p {
    color: #0471ae;
    font-size: 22px;
    margin: 14px 0 15px 0;
    padding: 0;
    text-align: center;
    font-weight: lighter;
}

.login-container .cancel {
    background: #797777;
    color: #fff;
    width: 115px;
    border: none;
    height: 34px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.login-container .login-btn {
    background: #0876b4;
    color: #fff;
    width: 100%;
    border: none;
    height: 34px !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

    .login-container .login-btn:hover {
        background: #004d78;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
    }

.login-container .accept {
    background: #0876b4;
    color: #fff;
    width: 115px;
    border: none;
    height: 34px !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

    .login-container .accept:hover {
        background: #004d78;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
    }




.login-container .cancel:hover {
    background: #4c4c4c;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

.login-container form {
    margin-bottom: 0;
}

.login-container .form-control {
    height: 30px;
}

.login-container input[type="submit"] {
    margin-top: 5%;
}

.login-container .form-group label {
    font-size: 14px;
}

.menu-fix {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
}

.modal.login-error-message {
    z-index: 99999 !important;
}

    .modal.login-error-message .modal-dialog {
        width: 480px;
        margin-left: -50px;
    }
/*Metrolink Home Style Starts*/

.navbar {
    min-height: 40px;
}

.navbar-collapse {
    float: left;
    width: 100% !important;
}

.mertolink-top-strap {
    background: #008fe0;
    height: auto;
    overflow: hidden;
}

    .mertolink-top-strap .small-logo figure img {
        float: left;
    }

.metrolinlk-nav .container-fluid {
    padding: 0;
    margin: 0;
    border: none;
}

#header {
    height: 40px;
    position: fixed;
    width: 100%;
    z-index: 9999 !important;
}

.metrolinlk-nav .navbar-default {
    border-radius: 0;
    background-image: none;
    background-color: #edf0f6;
    border: none;
    border-bottom: solid 1px #b6cedc;
}

.metrolinlk-nav .dropdown-menu {
    min-width: 205px;
}

.metrolinlk-nav .support-dropdown-menu {
    min-width: 216px;
}

.metrolinlk-nav .specials-dropdown-menu {
    min-width: 200px;
}

.metrolinlk-nav .dm-admin-menu-drop li a {
    padding-left: 30px !important;
}

    .metrolinlk-nav .dm-admin-menu-drop li a span {
        margin-left: -25px !important;
    }

.metrolinlk-nav .dropdown-menu li a {
    padding: 5px 15px 6px 5px;
    font-size: 12px;
}

.metrolinlk-nav .dropdown-menu li button {
    border: none;
    width: 100%;
    text-align: left;
    background: none;
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    white-space: nowrap;
    font-size: 12px;
    padding: 5px 15px 6px 5px;
    transition: none;
}

    .metrolinlk-nav .dropdown-menu li button:hover {
        background-color: #008fe0 !important;
        background-image: none !important;
        color: #fff !important;
    }

    .metrolinlk-nav .dropdown-menu li button:disabled {
        color: #bfbfbf !important;
    }

    .metrolinlk-nav .dropdown-menu li button:hover:disabled {
        background-color: #fff !important;
    }

.metrolinlk-nav .dropdown-menu li span.nav-icon-cntr {
    border-radius: 50%;
    padding: 1px;
    background: #0089cf;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    text-align: center;
    margin-right: 5px;
    color: #fff;
}

.metrolinlk-nav .navbar-default .navbar-nav > li > a {
    padding-left: 7px;
    padding-right: 7px;
    color: #3f3f3f;
    font-size: 12px;
}

.metrolinlk-nav .navbar-default .navbar-nav > li:hover ul, .metrolinlk-nav .navbar-default .navbar-nav > li.logout:hover ul {
    display: block !important;
}

    .metrolinlk-nav .navbar-default .navbar-nav > li:hover ul ul {
        display: none !important;
    }

    .metrolinlk-nav .navbar-default .navbar-nav > li:hover ul li:hover ul {
        display: block !important;
    }

        .metrolinlk-nav .navbar-default .navbar-nav > li:hover ul li:hover ul ul {
            display: none !important;
        }

        .metrolinlk-nav .navbar-default .navbar-nav > li:hover ul li:hover ul li:hover ul {
            display: block !important;
        }

.metrolinlk-nav .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #008FE0 !important;
    background-image: none !important;
    color: #FFF !important;
}

.metrolinlk-nav .navbar-default .navbar-nav > li:hover > a, .metrolinlk-nav .navbar-default .navbar-nav > .active > a, .metrolinlk-nav .navbar-default .navbar-nav > .open > a {
    background-color: #0089cf !important;
    background: #0089cf !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #fff;
}

    .metrolinlk-nav .navbar-default .navbar-nav > .open > a, .metrolinlk-nav .navbar-default .navbar-nav > .open > a:hover, .metrolinlk-nav

    .navbar-default .navbar-nav > .open > a:focus {
        color: #FFF !important;
    }

li.logout li.dropdown {
    width: 100%;
}

    li.logout li.dropdown ul {
        width: 100% !important;
        float: none;
        display: block;
    }

        li.logout li.dropdown ul li {
            width: 100% !important;
        }

li.logout {
    background: #466079;
    padding: 0 5px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    /* ...and now for the proper property */
    transition: .5s;
    text-transform: uppercase;
}

    li.logout:hover {
        background: #0089cf;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        /* ...and now for the proper property */
        transition: .5s;
    }

    li.logout a {
        color: #FFF !important;
    }

li.change-pass-menu {
    background: #55b9ed;
}

/*Metrobase Home Style Starts*/
.metrobase {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.mertobase-top-strap {
    background: #0089cf;
    height: 40px;
}

.navbar {
    height: 40px;
    margin-bottom: 0px !important;
}

.navbar-collapse {
    padding-left: 1px !important;
}

li.logout {
    background: #55b9ed;
    padding: 0 !important;
}

.metrolinlk-nav .navbar-default .navbar-nav > li:hover > a, .metrolinlk-nav .navbar-default .navbar-nav > .active > a, .metrolinlk-nav .navbar-default .navbar-nav > .open > a {
    background: #fff;
}

.logout .dropdown-menu {
    padding: 0 !important;
}

    .logout .dropdown-menu li {
        text-align: center;
    }

        .logout .dropdown-menu li.change-pass-menu {
            background: #466079 !important;
        }

        .logout .dropdown-menu li a {
            text-transform: uppercase;
            padding: 13px 15px 12px 5px;
        }

.metrolinlk-nav .navbar-default {
    border-width: medium medium 0 !important;
}

.mertobase-top-strap .small-logo figure img {
    float: left;
}

.metrobase .footer {
    /*position: static;*/
}

.metrobase .landing-container {
    /*margin-bottom: 15px;*/
}

.form-content {
    background: #fafafa;
    border: #eeeeee solid 1px;
    padding-bottom: 0px;
    border-bottom: solid 8px #424343;
}

    .form-content h4 {
        font-size: 19px;
        font-weight: 600;
        color: #1a6e99;
        padding-top: 0px;
    }

    .form-content h2 {
        font-size: 13px;
        margin: 0;
        margin-bottom: 8px;
        color: #1a6e99;
        font-weight: 700;
    }

    .form-content h5 {
        font-size: 13px;
        font-weight: 500;
        color: #1a6e99;
        padding-top: 0px;
        margin: 1px 0 0 12px;
    }

    .form-content label {
        color: #4c4b4b;
        font-size: 13px;
        text-align: right;
        width: auto;
        margin-right: 4px;
        display: inline-block;
        font-weight: normal;
    }

    .form-content .form-inner .form-group {
        margin-bottom: 3px;
    }

    .form-content .label-m {
        width: 135px !important;
    }

    .form-content .label-auto {
        width: auto !important;
        margin-right: 3px !important;
    }

.form-control {
    display: inline-block;
}

.form-control-l {
    width: 183px !important;
}

.form-control-lg {
    width: 330px !important;
}

.form-control-m {
    width: 118px !important;
}

.form-control-s {
    width: 61px !important;
}

.hide-text {
    visibility: hidden;
}

.btn[disabled] {
    font-size: 13px !important;
    border-radius: 0 !important;
    padding: 3px 9px 4px 9px !important;
}

.disabled.btn-primary, .active.disabled.btn-primary, .focus.disabled.btn-primary, .disabled.btn-primary:active, .disabled.btn-primary:focus, .disabled.btn-primary:hover, [disabled].btn-primary, [disabled].active.btn-primary, [disabled].focus.btn-primary, [disabled].btn-primary:active, [disabled].btn-primary:focus, [disabled].btn-primary:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .active.btn-primary, fieldset[disabled] .focus.btn-primary, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #929191 !important;
}

.user-manager-page .btn[disabled] {
    font-size: 13px !important;
    color: #fff;
    padding: 5px 13px !important;
}

.user-manager-page .form-group .btn[disabled] {
    padding: 5px 12px !important;
}

.user-manager-page .form-control-s {
    width: 58px !important;
}

.user-manager-button-wrap {
    text-align: center;
    margin: 10px 0;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .user-manager-button-wrap .btn[disabled] {
        font-size: 14px !important;
        color: #fff;
        padding: 5px 13px !important;
    }

    .user-manager-button-wrap .btn {
        padding: 5px 13px;
        font-size: 14px;
        text-align: center;
        border-radius: 4px;
        margin-right: 2px;
        border: none;
        min-width: 62px;
        min-height: 34px;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0088ce+0,02679b+100 */
        background: #0088ce; /* Old browsers */
        background: -moz-linear-gradient(top, #0088ce 0%, #02679b 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #0088ce 0%,#02679b 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #0088ce 0%,#02679b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088ce', endColorstr='#02679b',GradientType=0 ); /* IE6-9 */
    }

        .user-manager-button-wrap .btn[disabled] {
            border-radius: 4px !important;
        }

    .user-manager-button-wrap .action-btns {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f4+0,dddddd+100 */
        background: #f3f3f4; /* Old browsers */
        background: -moz-linear-gradient(top, #f3f3f4 0%, #dddddd 100%);
        background: -webkit-linear-gradient(top, #f3f3f4 0%,#dddddd 100%);
        background: linear-gradient(to bottom, #f3f3f4 0%,#dddddd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f4', endColorstr='#dddddd',GradientType=0 );
    }

hr {
    border-color: #c8c8c8 !important;
}

.fa-lg {
    font-size: 18px !important;
    color: #fff;
}

.action-btns.action-delete-btn {
    background: #e82929; /* Old browsers */
    background: -moz-linear-gradient(top, #e82929 0%, #bc2021 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e82929 0%,#bc2021 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e82929 0%,#bc2021 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82929', endColorstr='#bc2021',GradientType=0 ); /* IE6-9 */
}

.action-btns.action-add-btn {
    background: #40c16b; /* Old browsers */
    background: -moz-linear-gradient(top, #40c16b 0%, #329252 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #40c16b 0%,#329252 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #40c16b 0%,#329252 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40c16b', endColorstr='#329252',GradientType=0 ); /* IE6-9 */
}

.action-btns.action-edit-btn {
    background: #19c8df; /* Old browsers */
    background: -moz-linear-gradient(top, #19c8df 0%, #009baf 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #19c8df 0%,#009baf 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #19c8df 0%,#009baf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19c8df', endColorstr='#009baf',GradientType=0 ); /* IE6-9 */
}

.action-btns.action-close-btn {
    background: #fc6916; /* Old browsers */
    background: -moz-linear-gradient(top, #fc6916 0%, #d54b00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fc6916 0%,#d54b00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fc6916 0%,#d54b00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6916', endColorstr='#d54b00',GradientType=0 ); /* IE6-9 */
}

    .action-btns.action-close-btn .fa-external-link {
        margin-left: 3px;
        line-height: 4px;
    }

.action-btns.action-search-btn {
    background: #4d61cf; /* Old browsers */
    background: -moz-linear-gradient(top, #4d61cf 0%, #3849a1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4d61cf 0%,#3849a1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4d61cf 0%,#3849a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d61cf', endColorstr='#3849a1',GradientType=0 ); /* IE6-9 */
}

.action-btns.action-print-btn {
    background: #6377a2; /* Old browsers */
    background: -moz-linear-gradient(top, #6377a2 0%, #39405d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6377a2 0%,#39405d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6377a2 0%,#39405d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6377a2', endColorstr='#39405d',GradientType=0 ); /* IE6-9 */
}

.primary-delete-btn {
    border-radius: 2px !important;
    background: #d42222 !important;
    background: -moz-linear-gradient(top, #d42222 0%, #bd1e1e 100%) !important;
    background: -webkit-linear-gradient(top, #d42222 0%,#bd1e1e 100%) !important;
    background: linear-gradient(to bottom, #d42222 0%,#bd1e1e 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d42222', endColorstr='#bd1e1e',GradientType=0 ) !important;
}

.primary-edit-btn {
    border-radius: 2px !important;
    background: #fd9b40 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #fd9b40 0%, #e98a2e 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fd9b40 0%,#e98a2e 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fd9b40 0%,#e98a2e 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9b40', endColorstr='#e98a2e',GradientType=0 !important); /* IE6-9 */
}

.primary-close-btn {
    border-radius: 2px !important;
    background: #f16565 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #f16565 0%, #cb3838 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f16565 0%,#cb3838 100%!important); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f16565 0%,#cb3838 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16565', endColorstr='#cb3838',GradientType=0 ) !important; /* IE6-9 */
}

.primary-reset-btn {
    border-radius: 2px !important;
    background: #738fc9 !important;
    ; /* Old browsers */
    background: -moz-linear-gradient(top, #738fc9 0%, #5870a0 100%) !important;
    ; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #738fc9 0%,#5870a0 100%!important;
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #738fc9 0%,#5870a0 100%) !important;
    ; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738fc9', endColorstr='#5870a0',GradientType=0 ) !important;
    ; /* IE6-9 */
}

.primary-save-btn {
    border-radius: 2px !important;
    background: #40c16b; /* Old browsers */
    background: -moz-linear-gradient(top, #40c16b 0%, #329252 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #40c16b 0%,#329252 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #40c16b 0%,#329252 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40c16b', endColorstr='#329252',GradientType=0 ) !important; /* IE6-9 */
}

.user-manager-button-wrap span.button-text {
    font-size: 11px;
    display: block;
    clear: both;
}

.user-manager-button-wrap .fa-lg {
    font-size: 16px !important;
}

.form-header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0088ce+0,02679b+100 */
    background: #00679D; /* Old browsers */
    height: 37px;
    margin-right: 32px;
}

    .form-header h1 {
        color: #FFF;
        font-size: 14px;
        display: block;
        padding-left: 5px;
        line-height: 21px;
        margin: 0;
        padding: 7px;
        width: 100%;
    }

        .form-header h1 .fa {
            font-size: 16px;
            margin-right: 6px;
        }

.form-inner {
    padding: 10px 0;
    margin: 10px 0;
    background: #fff;
    border: solid 1px #cfd6dc;
    height: auto;
}

.close-btn {
    margin: 0;
    float: right;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 9999999;
}

.maximize-btn {
    margin: 0;
    float: right;
    position: absolute;
    right: 42px;
    top: 6px;
    z-index: 9999999;
    color:#66B8FF; 
    border: 1px solid white; 
    padding: 4px; 
    height: 23px;
    width: 25px;
}

.minimize-btn {
    margin: 0;
    float: right;
    position: absolute;
    right: 78px;
    top: 6px;
    z-index: 9999999;
    color:#66B8FF; 
    border: 1px solid white; 
    padding: 4px; 
    height: 23px;
    width: 25px;
}
.default-size-btn {
    margin: 0; 
    float: right;
    position: absolute;
    right: 112px;
    top: 6px;
    z-index: 9999999;
    color:white; 
    border: 1px solid white; 
    padding: 4px; 
    height: 23px;
    width: 25px;
}

.form-inner .input-group {
    width: 100%;
}

.form-inner .row {
    margin-bottom: 6px;
}

.form-sep {
    background: #c9dbeb;
    width: 98%;
    height: 1px;
    display: block;
    margin: 10px auto;
}

.sep {
    background: #ccc;
    width: 97%;
    height: 1px;
    display: block;
    margin: 10px auto;
    clear: both;
}

.tab-content-inner {
    background: #fff;
}

.form-inner-tab {
    margin-top: 10px;
}

    .form-inner-tab ul {
        border: #9cc9e1 solid 1px;
        background: #e1f3fc;
        border-bottom: #d7edf9 solid 1px;
        margin-bottom: -1px;
    }

        .form-inner-tab ul li {
            margin-bottom: 0;
            border-right: 1px solid #9cc9e1 !important;
            width: auto !important;
            border-radius: 0px !important;
        }

            .form-inner-tab ul li a {
                padding: 8px 6px;
                border-top: none 0;
                margin-right: 0;
                border-bottom: 0px !important;
                border-radius: 0px !important;
            }

                .form-inner-tab ul li a:hover {
                    border-radious: 0;
                    border-top: none 0;
                    border: none;
                }

            .form-inner-tab ul li:last-child {
                border-right: none 0 !important;
            }

    .form-inner-tab .tab-content {
        background: #fff;
        margin-bottom: 15px;
        padding: 10px 15px;
        border: #0083c7 solid 1px !important;
        border-top: none 0;
    }

    .form-inner-tab .nav-tabs > li:hover, .form-inner-tab .nav-tabs > li > a:hover {
        margin-bottom: 0px !important;
        background: none !important;
    }

    .form-inner-tab .nav-tabs > li.active > a, .form-inner-tab .nav-tabs > li.active > a:hover, .form-inner-tab .nav-tabs > li.active > a:focus {
        border-radious: 0;
        border-right: 1px solid #fafafa;
        border-top: 0 none;
        border-left: 0 none;
        margin-bottom: 0px !important;
    }

    .form-inner-tab .nav-tabs > li.active {
        background: #0083c7 !important;
    }

        .form-inner-tab .nav-tabs > li.active > a {
            margin-bottom: -1px !important;
            background: none !important;
            color: #fff !important;
        }


    /*.form-inner-tab .nav-tabs li.active a {
	border-right: 1px solid #CCC !important;
	border-left: 1px solid #CCC !important;
}*/
    .form-inner-tab .nav-tabs > li:last-child.active > a {
        border-right: 1px solid #cccccc !important;
    }
    /*.form-inner-tab .nav-tabs li a:last-child {
	border-right: 0 none !important;
}
.form-inner-tab .nav-tabs > li.active:hover {
	border-right: 0 none;
}*/
    .form-inner-tab .nav-tabs > li a:hover {
        border-right: 0 none;
    }

.button-wrap {
    float: left;
    width: 100%
}

.form-inner-tab .nav-tabs > li {
    border-radius: 0;
    background: none;
    margin-right: 0;
    font-size: 12px;
    font-weight: 700;
}

    .form-inner-tab .nav-tabs > li.active {
        margin-bottom: -1px;
        background: #fff;
    }

        .form-inner-tab .nav-tabs > li.active a {
            margin-bottom: 1px;
            background: #fff;
        }

.form-inner-tab .nav-tabs li a {
    color: #212121;
}

.form-inner-tab .nav li a:hover, .form-inner-tab .nav li a:focus {
    background: #fff;
    color: #1a6e99;
}

.form-inner-tab .nav > li > a:hover {
}

.button-wrap .custom-btn {
    background: #0876b4 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    height: 34px;
    width: 115px;
    margin-right: 10px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}

    .button-wrap .custom-btn:hover {
        background: #004d78 none repeat scroll 0 0;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
    }

.form-inner-tab .cat-btn-wrap {
    width: 100%;
    padding-top: 96px;
}

    .form-inner-tab .cat-btn-wrap .add {
        display: block;
        margin-bottom: 15px;
        background: #708e06;
        border: medium none;
        color: #ffffff;
        height: 34px;
        width: 115px;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
    }

        .form-inner-tab .cat-btn-wrap .add:hover {
            background: #506504;
            -o-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
        }

    .form-inner-tab .cat-btn-wrap .del {
        display: block;
        background: #d6071f;
        border: medium none;
        color: #ffffff;
        height: 34px;
        width: 115px;
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
    }

        .form-inner-tab .cat-btn-wrap .del:hover {
            background: #940213;
            -o-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
        }

.form-inner-tab .table-wrap {
    height: 150px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

    .form-inner-tab .table-wrap table {
        margin-bottom: 0;
    }

        .form-inner-tab .table-wrap table th {
            background: #eeeeee;
            padding: 5px;
            font-size: 13px
        }

        .form-inner-tab .table-wrap table tr td {
            padding: 5px;
            font-size: 13px
        }

.btn-wrap {
    margin: 10px 0;
}

/*Desktop Style Ends*/

/*External Report Style Starts */
.external-report .footer {
    /*position:static;*/
}

.external-report-wrap .external-report-grid-1 {
    border-left: #979797 solid 1px;
    border-right: #979797 solid 1px;
    border-bottom: #2294f5 8px solid;
    background: #FFF;
    margin-right: 15px;
}

    .external-report-wrap .external-report-grid-1 .table-wrap,
    .external-report-wrap .external-report-grid-2 .table-wrap,
    .external-report-wrap .external-report-grid-3 .table-wrap {
        height: 400px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .external-report-wrap .external-report-grid-1 .table-wrap table,
        .external-report-wrap .external-report-grid-2 .table-wrap table,
        .external-report-wrap .external-report-grid-3 .table-wrap table {
            background: #FFF;
        }

            .external-report-wrap .external-report-grid-1 .table-wrap table tr td a,
            .external-report-wrap .external-report-grid-2 .table-wrap table tr td a,
            .external-report-wrap .external-report-grid-3 .table-wrap table tr td a {
                color: #045887;
                text-decoration: underline;
                font-size: 13px;
            }

                .external-report-wrap .external-report-grid-1 .table-wrap table tr td a:hover,
                .external-report-wrap .external-report-grid-2 .table-wrap table tr td a:hover,
                .external-report-wrap .external-report-grid-3 .table-wrap table {
                    color: #000;
                }

    .external-report-wrap .external-report-grid-1 h3 {
        background: #2294f5;
        padding: 10px 5px 5px 5px;
        height: 38px;
        color: #fff;
        font-size: 15px;
        margin: 0;
    }


.external-report-wrap .external-report-grid-2 {
    border-left: #979797 solid 1px;
    border-right: #979797 solid 1px;
    border-bottom: #065888 solid 8px;
    background: #FFF;
    margin-right: 15px;
}

    .external-report-wrap .external-report-grid-2 h3 {
        background: #065888;
        padding: 10px 5px 5px 5px;
        height: 38px;
        color: #fff;
        font-size: 15px;
        margin: 0;
    }

.external-report-wrap .external-report-grid-3 {
    border-left: #979797 solid 1px;
    border-left: #979797 solid 1px;
    border-bottom: #0e71a8 solid 8px;
    background: #FFF;
    margin-right: 15px;
}

    .external-report-wrap .external-report-grid-3 h3 {
        background: #0e71a8;
        padding: 10px 5px 5px 5px;
        height: 38px;
        color: #fff;
        font-size: 15px;
        margin: 0;
    }

.table-label {
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 2px;
}

.customer-number-change-table {
    height: 150px;
    overflow-y: scroll;
    border: solid 1px #dfe0e0;
    margin-bottom: 5px;
}

    .customer-number-change-table tr {
        cursor: pointer;
    }

.thead-inverse th {
    background-color: #e7e7e7;
    color: #212121;
}

.table thead tr th {
    padding: 6px 8px !important;
    border-right: solid 1px #dfe0e0;
    font-weight: normal;
    font-size: 12px;
}

.table tr td {
    padding: 3px 8px !important;
    border-right: solid 1px #dfe0e0;
}
/*External Report Style Ends */

/*Updated Layout Style Starts */

h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 !important;
    padding-top: 24px;
}

hr {
    margin-top: 6px !important;
    margin-bottom: 10px !important;
}

.container-l {
    width: 100% !important;
    padding: 0px !important;
}

.container-m {
    width: 750px !important;
    padding: 0 !important;
}

.container-s {
    width: 600px !important;
    padding: 0 !important;
}

.container-xs {
    width: 400px !important;
    padding: 0 !important;
}

.user-manager-page .modal-dialog, #user-manger-box .modal-dialog {
    width: 1100px;
}

.user-manager-page #userId {
    text-transform: uppercase;
    font-weight: bold
}

.account-categories .modal-dialog {
    width: 750px;
}

.carrier .modal-dialog {
    width: 750px;
}

.chemical-effects .modal-dialog {
    width: 600px;
}

.chemical-effects textarea {
    width: 299px !important;
}

.chemical-names .modal-dialog {
    width: 750px;
}

.chemical-names .oshaspel .label-m {
    width: 78px !important;
}

.chemical-names .form-content .label-m {
    width: 86px !important;
}

.chemical-names .form-control-l {
    width: 232px !important;
}

.msds-data .modal-dialog {
    width: 770px;
}

.msds-data .fire-explosion-data .label-m {
    width: 138px !important;
}

.msds-data .fire-explosion-data .form-control-l {
    width: 290px !important;
}

.msds-data .user-manager-button-wrap .btn[disabled] {
    font-size: 16px !important;
    color: #fff;
    border-radius: 2px;
}

.product-categories .modal-dialog {
    width: 750px;
}

.accidentel-relaese-measures textarea {
    width: 400px !important;
}

.stability-reactivity-data textarea {
    width: 358px !important;
}

.stability-reactivity-data .label-m {
    width: 180px !important;
}

.scen7 .handling-storage .form-control-l,
.scen7 .handling-storage textarea {
    width: 400px !important;
}

.scen8 .exposure-controls .form-control-l,
.scen8 .exposure-controls textarea {
    width: 400px !important;
}

.scen11 .acute-orel-toxicity {
    margin-bottom: 10px;
}

    .scen11 .acute-orel-toxicity .form-control-m {
        width: 70px !important;
    }

    .scen11 .acute-orel-toxicity .form-control-l {
        width: 110px !important;
    }

.scen11 .special-remarks {
    position: relative;
    top: 20px;
}

.scen11 .toxicological-data-on-ingredients {
    background: #EFEFEF;
    padding-top: 7px !important;
}

    .scen11 .toxicological-data-on-ingredients .form-control-l {
        width: 423px !important;
    }

.scen12 .special-remarks {
    padding-left: 15px;
}

.scen12 .label-m {
    width: 140px !important;
}

.scen12 .form-control-l {
    width: 178px !important;
}

.scen13 .disposel-considarations textarea {
    width: 400px !important;
}

.scen14 .transport-information .form-control-l,
.scen14 .transport-information textarea {
    width: 400px !important;
}

.scen15 .regulatory-information .label-m, .scen14 .transport-information .label-m {
    width: 140px !important;
}

.scen15 .regulatory-information .form-control-l,
.scen15 .regulatory-information textarea {
    width: 398px !important;
}

.customer-nubmber-change .modal-dialog {
    width: 780px;
}

.customer-nubmber-change .form-content h2 {
    margin: 5px 0 3px 0;
}

.customer-nubmber-change .form-content .label-m {
    width: 84px !important;
}

.customer-nubmber-change .analize-btn {
    width: 94px;
}

.customer-nubmber-change .ready-input {
    width: 233px;
}

.customer-nubmber-change .btn-wrap {
    margin: 0px;
}

.customer-nubmber-change .process-btn-set {
    margin-top: 20px;
}

.customer-nubmber-change table td:first-child {
    width: 60px;
}

.customer-nubmber-change table td:nth-child(2) {
    width: 64px;
}

#void-invoice .modal-dialog {
    width: 600px;
}

.item-category-selector .modal-dialog {
    width: 600px;
}

.larger-text-box-modal .modal-dialog {
    width: 700px;
}

.larger-text-box-modal .item-comments {
    color: #fff;
}

.line-text-selector .modal-dialog {
    width: 350px;
}

.line-text-selector .item-comments {
    color: #fff;
}

#state-lisencing .modal-dialog {
    width: 750px;
}

.state-lisencing .user-manager-button-wrap {
    margin-top: 40px;
}

.state-lisencing select[multiple] {
    height: 167px;
}

.state-lisencing .user-manager-button-wrap .btn {
    margin-right: 0;
    margin-bottom: 5px;
}

.price-book-generation .modal-dialog {
    width: 600px;
}

.area .modal-dialog {
    width: 750px;
}

.area .form-content .label-m {
    width: 75px !important;
}

.area.district .form-content .label-m {
    width: 88px !important;
}

.area .form-content .form-control-l {
    width: 242px !important;
}

.area.district .form-content .form-control-l {
    width: 232px !important;
}

.area .form-content .quota .form-control-l {
    width: 183px !important;
}

.area .view-base-calcs .label-m, .area.district .view-base-calcs .label-m {
    width: 62px !important;
}

.area .view-base-calcs .form-control-s {
    width: 87px !important;
}

.area .form-control-s {
    width: 67px !important;
}

.area .district .form-control-s {
    width: 65px !important;
}

.collector .modal-dialog {
    width: 600px;
}

.district .modal-dialog {
    width: 750px;
}

.region .modal-dialog {
    width: 750px;
}

.sales-person .modal-dialog {
    width: 750px;
}

.sales-person .left-section .label-m {
    width: 90px !important;
}

.sales-person .left-section .form-control-l {
    width: 222px !important;
}

.sales-person .left-section .checkbox {
    margin-left: 5px;
}

.sales-person .left-section .zip-code {
    width: 60px;
}

.sales-person .left-section .form-control-s {
    width: 75px !important;
}

.sales-person .form-inner-tab {
    display: block !important;
}

.sales-person #Contact .ext {
    width: 41px;
}

.sales-person #Contact .ext-input {
    width: 50px;
}

.sales-person #Contact .form-group {
    text-align: right;
}

.sales-person #Base .label-m {
    width: 75px !important;
}

.sales-person #Base .form-control-s {
    width: 80px !important;
}

.sales-person #Commission .label-m {
    width: 73px !important;
}

.sales-person #Commission .form-control-s {
    width: 65px !important;
}

#service-person .modal-dialog {
    width: 750px;
}

.service-person .code-id {
    margin-bottom: 15px;
}

    .service-person .code-id .label-m {
        width: 66px !important;
    }

    .service-person .code-id .form-control-s {
        width: 112px !important;
    }

.service-person .form-control-s {
    width: 66px !important;
}

.loyality-codes .modal-dialog {
    width: 600px;
}

.loyality-codes .form-control-s {
    width: 90px !important;
}

.loyality-codes .label-m {
    width: 116px !important;
}

.loyality-codes .form-control-l {
    width: 141px !important;
}

.state-codes .modal-dialog {
    width: 600px;
}

.state-codes .label-m {
    width: 79px !important;
}

.state-codes .form-control-l {
    width: 164px !important;
}

.zip-code .modal-dialog {
    width: 600px;
}

.zip-code .label-m {
    width: 79px !important;
}

.zip-code .form-control-l {
    width: 164px !important;
}

.business-types .modal-dialog {
    width: 600px;
}

.business-types .label-m {
    width: 88px !important;
}

.business-types .form-control-l {
    width: 164px !important;
}

.company-id .modal-dialog {
    width: 750px;
}

.company-id .label-m {
    width: 88px !important;
}

.company-id .form-control-l {
    width: 224px !important;
}

.contract-reasons .modal-dialog {
    width: 600px;
}

.contract-reasons .label-m {
    width: 88px !important;
}

.contract-reasons .form-control-l {
    width: 164px !important;
}

.system-types .modal-dialog {
    width: 750px;
}

.system-types .label-m {
    width: 114px !important;
}

.system-types .form-control-l {
    width: 220px !important;
}

.system-types .des {
    width: 127px !important;
}

.system-types .form-control-m {
    width: 92px !important;
}

#contract-launcher .modal-dialog {
    width: 600px;
}

.contract-launcher .label-m {
    width: 88px !important;
}

.contract-launcher .form-control-l {
    width: 164px !important;
}

.text-center {
    text-align: center !important;
}

.contract-launcher-table {
    height: 80px;
    overflow-y: scroll;
    border: solid 1px #dfe0e0;
    margin-bottom: 5px;
}

    .contract-launcher-table table tr td {
        border-top: none !important;
    }

.table tr td:last-child {
    border-right: none !important;
}

.contract-launcher-table table tr {
    border-bottom: 1px solid #ddd;
}

    .contract-launcher-table table tr:last-child {
        border-bottom: none;
    }

.small-buttton-wrap {
    margin-top: 30px;
    margin-bottom: 20px;
}

.contract-launcher-page .small-buttton-wrap {
    margin-top: 0px;
    margin-bottom: 0px;
}

.contract-launcher-page .btn-primary.pull-right {
    margin-right: 0px;
    margin-left: 4px;
}

.contract-launcher-page .spec-code-sel .form-inline {
    margin-top: 1px;
}

.contract-launcher-page .spec-code-sel .form-group {
    margin-top: 2px;
}

.contract-launcher-page .spec-code-sel input[type="radio"] {
    margin-top: 3px;
}

.contract-launcher-page .spec-code-sel .radio-inline {
    margin-left: 5px;
}

.small-buttton-wrap .dark-btn, .small-buttton-wrap .blue-btn-new {
    width: 100%;
    height: 26px;
    margin-bottom: 5px;
    font-size: 12px;
    margin-right: 0;
    text-align: center;
}

.cool-btn, .cool-btn-auto {
    background: #4ea6bb; /* Old browsers */
    background: -moz-linear-gradient(top, #4ea6bb 0%, #25859b 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4ea6bb 0%,#25859b 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4ea6bb 0%,#25859b 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea6bb', endColorstr='#25859b',GradientType=0 ) !important; /* IE6-9 */
    width: 100%;
    height: 26px;
    margin-bottom: 5px;
    font-size: 12px;
    margin-right: 0;
    text-align: center;
}

.cool-btn1, .cool-btn1-auto {
    background: #6f89ce; /* Old browsers */
    background: -moz-linear-gradient(top, #6f89ce 0%, #4966b6 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6f89ce 0%,#4966b6 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6f89ce 0%,#4966b6 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f89ce', endColorstr='#4966b6',GradientType=0 ) !important; /* IE6-9 */
    width: 100%;
    height: 26px;
    font-size: 12px;
    margin: 2px 0 !important;
    text-align: center;
}

.cool-btn-auto, .cool-btn1-auto {
    width: auto;
}

#renewal-edit .modal-dialog {
    width: 750px !important;
}

.renewal-edit .label-m {
    width: 88px !important;
}

.renewal-edit .form-control-l {
    width: 132px !important;
}

.renewal-edit .datetimepicker1 .form-control-l {
    width: 105px !important;
}

.renewal-edit input[type="number"] {
    padding-right: 0;
}

.renewal-edit #Categories,
.renewal-edit #Locations,
.renewal-edit #Text {
}

.renewal-edit .cust-ar .label-m {
    width: 49px !important;
}

.renewal-edit .cust-ar .form-control-m {
    width: 90px !important;
}

.renewal-edit .cust-ar .small-buttton-wrap {
    margin-top: 6px;
    margin-bottom: 0px;
}

.renewal-edit .cust-ar {
    margin-top: 30px;
}

.renewal-edit .tab-content {
    margin-bottom: 0;
}

.renewal-edit .customer-number-change-table {
    height: 128px;
    overflow-y: scroll;
    border: solid 1px #dfe0e0;
    margin-bottom: 5px;
}

.add-new-contract .modal-dialog, .add-new-contract .container {
    width: 770px !important;
}

.add-new-contract .container {
    padding: 0px;
}

.add-new-contract .label-m {
    width: 88px !important;
}

.add-new-contract .form-control-l {
    width: 132px !important;
}

.add-new-contract .form-inner-tab .nav-tabs > li {
    min-width: 100px;
}

.add-new-contract .tab-content {
    min-height: 202px;
}

.add-new-contract .small-buttton-wrap {
    margin-bottom: 0;
    margin-top: 10px;
}

.add-new-contract .grey-total-table .table {
    width: 67%;
    margin: 6px auto 3px auto;
}

.add-new-contract .location-right-cntr .slct-bill-freq-tbl {
    width: 100%;
}

    .add-new-contract .location-right-cntr .slct-bill-freq-tbl td {
        text-align: left !important;
    }

.add-new-contract .location-right-cntr .small-buttton-wrap {
    margin-top: 0px;
}

.add-new-contract .location-right-cntr .table tr td {
    padding: 2px 8px 1px 8px !important;
    text-align: center;
}

    .add-new-contract .location-right-cntr .table tr td td {
        padding: 2px 0px 1px 0px !important;
    }

    .add-new-contract .location-right-cntr .table tr td .form-control-s {
        width: 68px !important;
    }

.add-new-contract .uib-datepicker-popup.dropdown-menu {
    left: -98px !important;
}

.add-new-contract .loc-item-id-cntr {
    height: 20px;
}

.add-new-contract .right-panel .form-group {
    width: 100%;
}

.add-new-contract .right-panel .label-m {
    width: 78px !important;
}

.add-new-contract .datetimepicker1 {
    width: 55% !important;
}

    .add-new-contract .datetimepicker1 div, .mstat-create-graph .datetimepicker1 div {
        float: left;
    }

.renew-contract .modal-dialog, .renew-contract .container {
    width: 820px !important;
}

.renew-contract .container {
    padding: 0px;
}

.renew-contract .add-contract-grid {
    width: 77.5%;
}

.renew-contract .renew-right-col {
    width: 22.5%;
}
#order-launcher .modal-dialog {
    width: 600px;
}

.order-launcher .label-m {
    width: 88px !important;
}

.order-launcher .form-control-l {
    width: 164px !important;
}

.order-launcher .radio-inline + .radio-inline,
.order-launcher .checkbox-inline + .checkbox-inline {
    margin-left: 0 !important;
}

.order-launcher label.radio-inline {
    width: auto;
}

.order-launcher .radio-inline {
    width: 46px;
}

.order-launcher .small-buttton-wrap {
    margin-top: 10px;
    margin-bottom: 10px;
}

.order-launcher .spec-cust-id .form-group {
    margin-left: 5px;
}

.sales-order-page .modal-dialog {
    width: 1000px !important;
}

#new-sales-order .modal-dialog {
    width: 770px !important;
}

.new-sales-order .form-inner {
    padding-top: 0px;
}

.new-sales-order .form-inner-tab {
    margin-top: 0px;
}

.new-sales-order .tab-content {
    height: 338px;
}

.new-sales-order .order-sort {
    margin: 5px 0 3px 0;
}

    .new-sales-order .order-sort tr td {
        padding: 3px 2px !important;
    }

    .new-sales-order .order-sort .control-label {
        margin-top: 3px;
    }

.new-sales-order .tab-panal .form-control-lg {
    width: 216px !important;
}

.new-sales-order .tab-panal .form-control-m {
    width: 88px !important;
}

.new-sales-order .tab-panal .label-m {
    width: 88px !important;
}

.new-sales-order .tab-panal .customer-id-fields .label-m {
    width: 68px !important;
}

.new-sales-order .tab-panal .instructor-fields .label-m {
    width: 213px !important;
}

.new-sales-order .tab-panal textarea {
    width: 216px !important
}

.new-sales-order .tab-panal #Detail .small-buttton-wrap {
    margin-top: 12px;
}

.new-sales-order .tab-panal #Detail .grid-buttons .small-buttton-wrap {
    margin-top: 0px;
}

    .new-sales-order .tab-panal #Detail .grid-buttons .small-buttton-wrap .dark-btn {
        height: auto;
    }

    .new-sales-order .tab-panal #Detail .grid-buttons .small-buttton-wrap .fa-pencil-square-o {
        font-size: 30px;
        margin-top: 5px;
    }

    .new-sales-order .tab-panal #Detail .grid-buttons .small-buttton-wrap span {
        display: block;
        width: 100%;
        clear: both;
        margin-top: 0px;
    }

.new-sales-order .tab-panal #Detail hr {
    margin-bottom: 0px !important;
}

    .new-sales-order .tab-panal #Detail hr.clear-margin-top {
        margin-bottom: 5px !important;
    }

.new-sales-order .tab-panal #Detail .clear-button button {
    margin-top: 18px;
}

.new-sales-order .tab-panal #Detail table td {
    padding: 1px 10px 1px 0px;
}

    .new-sales-order .tab-panal #Detail table td:last-child {
        padding-right: 0px;
    }

.new-sales-order .tab-panal #Detail table .btn-primary {
    margin-right: 3px;
    margin-bottom: 2px;
}

.new-sales-order .tab-panal #Detail .deck-input .form-control {
    width: 320px !important;
}

.new-sales-order .tab-panal #Detail .deck-input .form-control-m {
    width: 88px !important;
}

.new-sales-order .tab-panal #Detail .deck-input .label-m {
    width: 70px !important;
}

.new-sales-order .tab-panal #Detail .units .form-control-s {
    width: 95% !important;
}

.new-sales-order .tab-panal #Detail .units .form-control-m {
    width: 98% !important;
}

.new-sales-order .tab-panal #Detail .units .form-group {
    margin-bottom: 0 !important;
}

.new-sales-order .tab-panal #Detail .units .disabled {
    top: -2px;
    position: relative;
}

.new-sales-order .tab-panal #Detail .units th label {
    margin-bottom: 0px;
}

.new-sales-order .small-head {
    width: 36px;
    text-decoration: underline;
    font-weight: bold;
    margin-top: 0px;
}

.new-sales-order .bottom-coloumn {
    border: 1px solid #0083c7 !important;
    padding: 5px 12px 12px 12px !important;
    margin-bottom: 0px;
}

    .new-sales-order .bottom-coloumn .label-m {
        text-align: right !important;
        width: 58px !important;
        font-size: 12px;
        margin-right: 1px;
    }

    .new-sales-order .bottom-coloumn .form-control-m {
        width: 68px !important;
    }

    .new-sales-order .bottom-coloumn .date-num-field .label-m {
        width: 47px !important;
    }

    .new-sales-order .bottom-coloumn .date-num-field .form-control-m {
        width: 87px !important;
    }

    .new-sales-order .bottom-coloumn p {
        margin-bottom: 5px;
        text-align: center;
    }

.new-sales-order .payment-method {
    border: 1px solid #dfdfdf !important;
    padding: 12px !important;
    margin-bottom: 12px;
    background: #f5f5f5;
}

.new-sales-order #Detail .quantiy-fields .label-m {
    width: 62px !important;
}

.new-sales-order .buttton-wrap {
    margin-top: 12px;
}

    .new-sales-order .buttton-wrap .btn-primary {
        width: 100% !important;
        margin-bottom: 6px;
    }

    .new-sales-order .buttton-wrap .primary-save-btn {
        height: auto !important;
        white-space: normal;
        word-wrap: break-word;
    }

.new-sales-order .border-right-1 {
    border-right: solid 1px #c8c8c8;
    margin-right: 6px;
    overflow: hidden;
}

.item-comments {
    background: #FFF;
}

    .item-comments .form-inline {
        margin-top: 15px;
    }

    .item-comments textarea {
        padding: 10px;
        width: 100%;
        color: #4c4b4b;
    }

.clear-margin-top {
    margin-top: 0 !important;
}

.clear-margin-bottom {
    margin-bottom: 0 !important;
}

.form-control-xs {
    width: 25px !important;
}

.cash-receipts-entry .container {
    width: 880px !important;
}

.cash-processing .customer .label-m {
    width: 60px !important;
}

.cash-processing .customer .form-control-l {
    width: 105px !important;
}

.cash-processing .customer .form-control-lg {
    width: 275px !important;
}

.cash-processing .check-number .form-control-s {
    width: 114px !important;
}

.cash-processing .check-number label.form-control-s {
    width: auto !important;
    margin-left: 20px;
}

.cash-processing .cr-dt-fields {
    margin: auto;
    float: none;
}

    .cash-processing .cr-dt-fields .form-control-s {
        width: 76px !important;
        margin-right: 4px;
    }

.cash-processing .ar-credits-table, .mlink-credit-and-cancel .available-invoice-table {
    height: 158px;
    overflow-y: scroll;
    border: solid 1px #dfe0e0;
    margin-bottom: 10px;
}

    .cash-processing .ar-credits-table .hide-text, .cash-processing .ar-credits-table .hide-text th {
        height: 1px !important;
        line-height: 0;
        padding: 0 8px !important;
        visibility: hidden;
    }

    .cash-processing .ar-credits-table td {
        color: #006215;
    }

    .cash-processing .ar-credits-table tr.highlitedRow td {
        background-color: #87e49b !important;
        color: #000;
    }

.cash-processing .ar-debits-table td {
    color: #7a3524;
}

.cash-processing .ar-debits-table tr.highlitedRow td {
    background-color: #e58e79 !important;
    color: #000;
}

.cash-processing .customer-number-change-table tr.highlitedRow td {
    background-color: #727272 !important;
    color: #fff;
}

.cash-processing .user-manager-button-wrap {
    margin-top: 68px !important;
    margin: auto;
}

    .cash-processing .user-manager-button-wrap .btn {
        margin-bottom: 5px;
        min-width: 32px;
        padding: 5px 10px !important;
        display: block;
        margin: 6px auto;
    }

#debit-credit-journal .modal-dialog {
    width: 600px !important;
}

.debit-credit-journal .customer .label-m {
    width: 60px !important;
}

.debit-credit-journal .customer .form-control-l {
    width: 88px !important;
}

.debit-credit-journal .customer .form-control-lg {
    width: 238px !important;
}

.debit-credit-journal .check-number .form-control-s {
    width: 118px !important;
}

.debit-credit-journal .journal-date .form-control-m {
    width: 81px !important;
}

.debit-credit-journal .journal-date .label-m {
    width: 94px !important;
}

.debit-credit-journal .journal-date-left .label-m {
    width: 80px !important;
}

.debit-credit-journal .no-results {
    margin-left: 66px;
}

.font-size11 {
    font-size: 11px !important;
}

.void-transations .modal-dialog {
    width: 700px !important;
}

.void-transations .container-s {
    width: 700px !important;
}

.void-transations .void-trans-but {
    white-space: normal;
}

.white {
    background: #ffffff;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 2px;
}

.red {
    background: #dd4e41;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 2px 0 2px;
}

.yellow {
    background: #ffce43;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin: 0 4px 0 2px;
}

.special-launcher-page .modal-dialog {
    width: 800px;
}

.special-launcher .radio-inline {
    width: auto;
    float: left;
}

    .special-launcher .radio-inline input[type="radio"] {
        margin: 4px 0 0 -15px;
    }

.special-launcher .form-control-s {
    float: left;
    margin-right: 2px;
    width: 40px !important;
}

.special-launcher .contract-launcher-table {
    /* height: 100%; */
    height: 250px;
}

.special-launcher .spec-cust-id .form-control {
    margin-left: 3px;
}

.special-launcher .spec-code-sel {
    margin-top: 14px;
}

tr.highlitedRow td {
    background-color: #fae574 !important;
}

tr.highlightCreditWarnRow td {
    background-color: #ff7b7a !important;
}

tr.highlightCreditWarnRow.highlitedRow td {
    background-color: #fae574 !important;
}

.new-special-page .modal-dialog {
    width: 880px !important;
}

.new-special-page .special .form-control-l {
    width: 160px !important;
}

.new-special-page #EditCustomer .form-control-l {
    width: 264px !important;
}

.new-special-page #EditCustomer .form-control-m {
    width: 90px !important;
}

.new-special-page #EditCustomer .form-control-s {
    width: 50px !important;
}

.new-special-page #EditSpecial textarea {
    width: 214px;
}

.new-special-page #EditSpecial .label-m {
    width: 90px !important;
}

.new-special-page #EditSpecial .form-control-lg {
    width: 230px !important;
}

.new-special-page #EditCustomer table {
    width: 80%;
    margin: auto;
}

    .new-special-page #EditCustomer table td {
        vertical-align: top;
    }

    .new-special-page #EditCustomer table th {
        padding-bottom: 4px;
    }

.new-special-page #EditCustomer .btn-primary, .new-special-page #EditCustomer .btn[disabled] {
    padding: 2px 9px 4px 9px !important;
}

.date-pick div {
    float: left;
}

.new-special-page .uib-datepicker-popup.dropdown-menu {
    left: 12px !important;
    padding: 5px;
}

.new-special-page .small-buttton-wrap label input {
    float: left;
    margin-right: 5px;
}

.new-special-page .spcl-detail-lbl {
    width: 176px;
    float: right;
    margin-left: 3px;
    display: inline-block;
}

    .new-special-page .spcl-detail-lbl label {
        line-height: 11px;
        text-align: left;
        margin-bottom: 0px;
    }

#PrintSpecialTickets .modal-dialog {
    width: 402px;
}

.print-special-tickets-page .dark-btn {
    position: relative;
    top: -2px;
    margin-left: 5px !important;
}

.print-report-page.modal {
    width: 90%;
    max-width: 1200px;
}

.print-report-page .modal-dialog {
    width: 100%;
    height: 620px;
}

.print-report-page iframe, .print-report-page iframe html, .print-report-page iframe body {
    width: 100%;
    height: 580px;
}

.print-report-page .modal-content {
    border-radius: 0px;
}

#RouteCardsGenerate .modal-dialog {
    width: 600px;
}

.route-cards-generate .form-control-s {
    width: 90px !important;
}

.route-cards-generate .label-m {
    width: 116px !important;
}

.route-cards-generate .form-control-l {
    width: 141px !important;
}

.route-cards-generate .form-control-lg {
    width: 244px !important;
}





#PrintCards .modal-dialog {
    width: 600px;
}

.print-cards .form-control-s {
    width: 90px !important;
}

.print-cards .label-m {
    width: 116px !important;
}

.print-cards .form-control-l {
    width: 141px !important;
}

.print-cards .form-control-lg {
    width: 244px !important;
}

.print-cards .img-view {
    width: 60px;
    height: 60px;
    margin-top: 30px;
}



#TmQuery .modal-dialog {
    width: 600px;
}

.tm-query .form-control-s {
    width: 90px !important;
}

.tm-query .label-m {
    width: 120px !important;
}

.tm-query .form-control-l {
    width: 141px !important;
}

.tm-query .form-control-lg {
    width: 305px !important;
}

.tm-query .record-input .form-control {
    background: #006 !important;
    text-align: center !important;
    color: #fff !important;
    opacity: 9 !important;
}

    .tm-query .record-input .form-control::-moz-placeholder
    .tm-query .record-input .form-control::-ms-input-placeholder,
    .tm-query .record-input .form-control::-webkit-input-placeholder {
        color: #fff !important;
        opacity: 9 !important;
    }

.tm-query .customer-number-change-table {
    height: 250px;
    overflow-y: scroll;
    border: solid 1px #dfe0e0;
    margin-bottom: 5px;
}



#EditTmRecords .modal-dialog {
    width: 600px;
}

.edit-tm-records .form-control-s {
    width: 90px !important;
}

.edit-tm-records .label-m {
    width: 118px !important;
}

.edit-tm-records .form-control-l {
    width: 141px !important;
}

.edit-tm-records .form-control-lg {
    width: 305px !important;
}

.edit-tm-records .date-label {
    position: relative;
    top: 12px;
}

.edit-tm-records .service-date {
    margin-top: 12px;
}

    .edit-tm-records .service-date div, .tm-query .service-date-range div {
        float: left;
    }

.edit-tm-records .form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 4px;
    margin-top: 3px;
}

#PrintReports .modal-dialog {
    width: 600px;
}

#PrintReports-renewal .modal-dialog {
    width: 751px;
}

.print-reports .form-control-s {
    width: 90px !important;
}

.print-reports .label-m {
    width: 118px !important;
}

.print-reports .customer-location .label-m {
    width: 90px !important;
}

.print-reports .form-control-l {
    width: 141px !important;
}

.print-reports .form-control-lg {
    width: 305px !important;
}

.print-reports p {
    margin-top: 80px;
}

.print-reports .date-select div {
    float: left;
}

.print-reports .contract-renewal-date-btns {
    margin-left: 52px;
}

.print-reports .customer-location1 .contract-renewal-date-btns {
    margin-left: 55px;
}

.print-reports .customer-location {
    padding-left: 45px;
}

.left-border {
    border-left: solid 1px #dfe0e0;
}

.SelectReportCriteria .modal-dialog {
    width: 402px;
}

.select-report-criteria .form-content .label-m {
    width: 139px !important;
}

.select-report-criteria .form-inline .radio input[type="radio"] {
    float: left;
    margin-top: 3px;
    margin-right: 4px;
}


.StatementPrinting .modal-dialog {
    width: 600px;
}

.statement-printing .form-control-s {
    width: 90px !important;
}

.statement-printing .label-m {
    width: 118px !important;
}

.statement-printing .form-control-l {
    width: 141px !important;
}

.statement-printing .form-control-lg {
    width: 305px !important;
}

.statement-printing .radio {
    width: 142px;
}

.statement-printing .close-action {
    position: relative;
    top: 22px;
}


#BuildList .modal-dialog {
    width: 600px;
}


#WorkOrderGenPrint .modal-dialog {
    width: 600px;
}

.work-order-gen-print .form-control-s {
    width: 40px !important;
}

.work-order-gen-print .label-m {
    width: 75px !important;
}

.work-order-gen-print .gen-btn-wrap .dark-btn {
    width: 145px !important;
}

.work-order-gen-print .gen-btn-wrap .btn-primary {
    padding: 5px 6px !important;
    margin-right: 2px !important;
    border-radius: 0px;
}

.work-order-gen-print .gen-btn-wrap .print-close-btn {
    width: 76px !important;
}

.work-order-gen-print .gen-btn-wrap span {
    float: left;
    display: block;
    margin-left: 8px;
    margin-right: 3px;
    margin-top: -2px;
}

.wo-history-comments .label-m {
    width: 105px !important;
}

.wo-history-comments .dark-btn {
    margin-top: -6px;
    margin-left: 2px;
}

.wo-history-comments .datetimepicker1 .form-control {
    width: 102px;
}

.wo-history-comments .datetimepicker1 div {
    float: left;
}


#UnscheduledWorkOrders .modal-dialog {
    width: 600px;
}

.unscheduled-work-order textarea {
    width: 391px !important;
}

.unscheduled-work-order .label-m {
    width: 112px !important;
}

.unscheduled-work-order .form-control-lg {
    width: 325px !important;
}


.void-invoice .invoice-id {
    padding-top: 38px;
}

.delete-special-page .invoice-id, .delete-order-page .invoice-id {
    padding-top: 26px;
}

.checkbox-label {
    position: relative;
    top: -2px;
}


.void-invoice .invoice-id input, .delete-special-page .invoice-id input {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.void-invoice .invoice-id label, .delete-special-page .invoice-id label {
    text-align: left;
}

.void-invoice .invoice-id .form-control::-moz-placeholder {
    color: #000;
}

.void-invoice .invoice-id .form-control:-ms-input-placeholder {
    color: #000;
}

.void-invoice .invoice-id .form-control::-webkit-input-placeholder {
    color: #000;
}

#contact-renewal .modal-dialog {
    width: 600px;
}

#contact-renewal .dark-btn {
    margin-top: -5px !important;
}

#contact-renewal #datetimepicker1 .form-control[type="text"], #contact-renewal #datetimepicker2 .form-control[type="text"] {
    font-weight: 700;
}

#update-ac-salesperson .modal-dialog {
    max-width: 600px;
}

.update-account-salesperson table tr:nth-child(2) td {
    padding-bottom: 10px;
}

.update-account-salesperson table tr:nth-child(5) td {
    padding-top: 25px;
}

.update-account-salesperson .form-content .label-m {
    width: 150px !important;
}

.update-account-salesperson .results-01, .update-account-salesperson .glyphicon-refresh {
    position: absolute;
}

.update-account-salesperson .btn-wrap {
    margin-top: 16px;
}

.update-account-salesperson .form-control-lg {
    width: 316px !important;
}

.system-number .modal-dialog {
    max-width: 602px;
}

#admin-reprint-reports .modal-dialog {
    max-width: 600px;
}

.admin-reprint-reports .form-content .label-m {
    width: 96px !important;
}

.admin-reprint-reports .border {
    overflow: hidden;
    padding: 12px;
}

.correct-route-card-data .label-b {
    width: 170px !important;
}

.correct-route-card-data .form-content .label-m {
    width: 80px !important;
}

.correct-route-card-data .form-control-l {
    width: 135px !important;
}

.correct-route-card-data .form-control-s {
    width: 82px !important;
}

.correct-route-card-data table td:first-child {
    width: 84px;
}

.modal {
    margin-top: 24px;
}

.administrative-task .modal-dialog {
    width: 752px;
}

.administrative-task table tr td label {
    padding-top: 2px !important;
    float: right;
}

.administrative-task table.borderless tr td {
    padding: 3px 2px !important;
}

.administrative-task .uib-datepicker-popup {
    top: -348px !important;
}

.radio {
    margin: 0px !important;
}

.input-group.date .input-group-addon {
    border-radius: 0 !important;
}

.text-blue {
    color: #1a6e99 !important;
}
.text-red {
    color: red !important;
}
.text-semi-bold {
    font-weight: 600 !important;
}

table.adm-tasklist thead {
    background-color: hsl(0, 0%, 91%);
    color: hsl(0, 0%, 13%);
}

table.adm-tasklist tr {
    cursor: pointer;
}

.margin-top-4 {
    margin-top: 4px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-8 {
    margin-top: 8px;
}

.clear-margin {
    margin: 0 !important;
}

.borderless td, .borderless th {
    border: none !important;
}

.gray-bg {
    background-color: hsl(0, 0%, 91%);
    color: hsl(0, 0%, 13%);
}

.inventory-manager .modal-dialog {
    width: 1024px;
}

.inventory-manager .box-bg {
    padding: 12px 12px 0px 12px !important;
    margin-bottom: 10px;
}

.inventory-manager .tab-content {
    max-height: 407px;
    overflow-y: scroll;
}

.inventory-manager .tab-pane {
    margin-bottom: 4px !important;
    overflow: hidden;
}

.inventory-manager .result {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.inventory-manager .btn-primary {
    margin-right: 2px !important;
}

.inventory-manager #item-a .form-control-m {
    width: 172px !important;
}

.inventory-manager .date-prepared {
    width: 100%;
}

    .inventory-manager .date-prepared .dangertext-pic .form-control-m {
        width: 95px !important;
    }

    .inventory-manager .date-prepared .dangertext-pic .dark-btn {
        padding: 3px 6px;
    }

.inventory-manager .form-inner-tab ul li a {
    min-width: 94px;
}

.inventory-manager .form-inner-tab ul li a {
    padding: 8px 12px;
}

ul.treedata-list {
    padding: 0px;
    margin: 0px;
}

    ul.treedata-list li {
        list-style: none;
    }

.treedata-list {
    height: 210px;
    border: 1px solid #CCC;
    margin-top: 10px !important;
}

#footer {
    display: none;
}

.result {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
}

#inventory-manager-cat .label-s {
    min-width: 110px;
}

#inventory-cat-right .label-s {
    width: 75px;
}

#inventory-cat-right .form-control-s {
    width: 53px !important;
}

#inventory-cat-right .form-control-l {
    width: 191px !important
}

.stokeitems {
    margin-left: 82px;
}

.teprimary {
    padding-left: 7px !important;
}

#product-details-col .label-s {
    width: 111px;
}

#product-details-col .form-control-lg {
    width: 448px !important;
}

.inventory-manager #size-a .form-control-l {
    width: 124px !important;
}

#size-value .label-s {
    width: 80px;
}

#size-value #inlineCheckbox1 {
    float: left;
    margin-left: 34px;
    margin-top: 5px;
}

#size-value .gsa {
    text-align: right;
    width: 33px;
}

#size-value .form-control-l {
    width: 124px !important;
}

.each-item {
    width: 80px !important;
}

.image-prev-placeholder {
    border: 1px solid #CCC;
}

.font-size-10 {
    font-size: 10px;
}

#documentlink .form-control-lg {
    width: 246px !important;
    margin-right: 5px;
}

#composition tr td, .compoasition-table2 tr td {
    text-align: right;
    padding: 0 8px !important;
}

#composition tr td {
    padding: 0 0 0 8px !important;
}

#composition .label-m {
    width: 100px !important;
}

#composition .phys-note {
    position: relative;
}

    #composition .phys-note label {
        left: 7px;
        margin-top: -25px;
        position: absolute;
    }

.compoasition-table2 tr td label {
    margin-right: 0px !important;
    width: 55px !important;
}

.from-control-100 {
    width: 100% !important;
}

.compoasition-table2 {
    margin-top: 35px;
}

.inventory-manager #checmdata #composition {
    max-width: 290px;
    float: left;
}

.chemdata-bottom-form .label-m {
    width: 134px !important;
    padding-right: 5px;
}

.chemdata-bottom-form .label-s {
    width: 45px;
}

.chemdata-bottom-form .label-b {
    width: 72px;
}

.chemdata-bottom-form .prepared-by-label {
    width: 84px;
}

.dangertext-pic.input-group {
    width: 25.7%;
}

.inventory-manager #checmdata .dangertext-pic.input-group {
    width: 150px;
}

.dark-btn {
    background: #292929 !important;
}

    .dark-btn .fa-calendar {
        color: #fff;
    }

.chemdata-output-fn-dp span {
    border: 0 none !important;
}

.chemdata-output-fn-dp {
    width: 20px !important;
    margin-top: -7px;
}

.chem-empty-lab {
    width: 90px !important;
}

.item-serach .modal-dialog {
    max-width: 1050px;
    height: 300px;
}

#pricepack-container .form-control-m, #product-cat-container .form-control-m, #support-info-container .form-control-m, #picture-info-container

.form-control-m {
    width: 122px !important;
}

#pricepack-container .form-control-lg, #product-cat-container .form-control-lg, #support-info-container .form-control-lg, #picture-info-

container .form-control-lg {
    width: 390px !important;
}

#pricepack-container .size-form-control {
    margin-top: 1px !important;
}

#pricepack-container .ships-by .label-m {
    width: 264px !important;
}

#product-cat-container .form-control-l {
    width: 275px !important;
}

.searchfromhere .btn {
    width: 108px !important;
}

.searchfromhere .label-m {
    width: 20px !important;
}

.searchfromhere .form-control-lg {
    width: 390px !important;
}

.item-search-page-complete .modal-dialog {
    width: 1022px;
}

.item-search-page-complete .item-search-section {
    padding: 12px;
    background: #c0ddfa;
}

.item-search-page .modal-dialog {
    width: 400px;
    min-height: 580px;
}

.item-search-page .item-search-section, .inventory-manager .item-search-section {
    padding: 12px;
    background: #c0ddfa;
}

.item-search-page-complete .form-inner-tab {
    margin-top: 0px;
}

.item-search-page-complete .tab-pane .tab-pane {
    max-height: 190px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.item-search-page-complete .tab-content {
    margin-bottom: 0px;
}

.item-search-page-complete .form-inner-tab ul {
    margin-top: 5px;
}

#search-area-in .form-control-l, #search-area-it .form-control-l {
    width: 234px !important;
}

#product-info-fn-btn .btn {
    width: 152px;
    height: 68px;
    text-align: center;
}

    #product-info-fn-btn .btn .fa {
        width: 50px;
        font-size: 30px;
        margin: 6px 0 4px 0;
    }

    #product-info-fn-btn .btn span {
        clear: both;
        display: block;
    }

.border {
    border: 1px solid #CCC;
}

.picture-img-prev {
    min-height: 250px;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-bottom-10px {
    padding-bottom: 10px !important;
}
/*Updated Layout Style Ends */

/*Customizd tooltip starts*/
.tooltip-behaviour {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip-behaviour .tooltiptext {
        visibility: hidden;
        min-width: 50px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 4px;
        padding: 5px 8px;
        position: absolute;
        z-index: 9999;
        top: 100%;
        left: 50%;
        margin-left: -25px;
        margin-top: 5px;
        font-size: 11px;
    }

    .tooltip-behaviour:hover .tooltiptext {
        visibility: visible;
    }

    .tooltip-behaviour.btn:focus {
        outline: none;
    }
/*Customizd tooltip ends*/

/*Top Search Styles starts*/
.main-search-wrap {
    margin-bottom: 15px;
    background: #F2F2F2;
    overflow: hidden;
    padding-bottom: 5px;
}

    .main-search-wrap .form-group {
        float: left;
        width: 296px;
    }

    .main-search-wrap .navbar-form {
        width: 330px !important;
        margin: 11px 6px 0px 0;
        text-align: center;
        padding: 0px;
        float: right;
    }

    .main-search-wrap .form-control {
        width: 100% !important;
    }

    .main-search-wrap input {
        height: 34px;
        padding: 0 8px;
        border: solid 1px #017fc1;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -webkit-box-shadow: 0px 0px 11px 1px rgba(220,242,253,1);
        -moz-box-shadow: 0px 0px 11px 1px rgba(220,242,253,1);
        box-shadow: 0px 0px 11px 1px rgba(220,242,253,1);
    }

    .main-search-wrap .fa-search {
        color: #fff;
    }

    .main-search-wrap .main-search-btn {
        background: #017fc1;
        border-radius: 0 !important;
        position: relative;
        left: -4px;
        border: none;
        height: 34px;
        width: 34px;
        float: left;
    }

        .main-search-wrap .main-search-btn:hover {
            background: #0374af;
            border-radius: 0 !important;
            border: none;
        }

        .main-search-wrap .main-search-btn:focus {
            border-radius: 0 !important;
            border: none;
        }
/*Top Search Styles ends*/

/*alert box style starts */
.alert {
    padding: 0px !important;
    border: 0px !important;
    margin-bottom: 0px !important;
}

    .alert .modal-dialog {
        width: auto;
    }

    .alert .form-inner {
        overflow: hidden;
        padding: 15px;
    }

    .alert .form-content, .line-text-selector .item-comments {
        background: #37434f;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
    }

    .alert .form-content, .larger-text-box-modal .item-comments {
        background: #37434f;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
    }

    .alert .message span {
        text-align: center;
        display: block;
        margin: 12px 0;
        white-space: normal !important;
    }

    .alert .message-left span {
        text-align: left;
        display: inline-block;
        margin: 12px;
        white-space: normal !important;
    }

    .alert .message {
        text-align: center;
    }

    .alert .message-left {
        text-align: left;
    }

        .alert .message-left .fa-lg {
            vertical-align: 20px;
        }

        .alert .message-left .btn-primary {
            float: right;
        }

    .alert .fa-exclamation-circle {
        font-size: 34px !important;
        color: #d9534f;
    }

    .alert .fa-info-circle {
        font-size: 34px !important;
        color: #ff8400;
    }

    .alert .fa-check-circle {
        font-size: 34px !important;
        color: #37a25a;
    }

    .alert .fa-question-circle {
        font-size: 34px !important;
        color: #d9534f;
    }

    .alert h4 {
        font-size: 15px;
        color: #1a6e99 !important;
    }

    .alert legend {
        border-bottom: none;
    }

    .alert .table-responsive {
        max-height: 150px;
    }

    .alert .btn {
        margin-bottom: 5px;
    }
/*alert box style ends */

#loading-bar .bar {
    background: red !important;
    height: 3px !important;
}

.change-password .modal-dialog .container-m, #change-email-password .modal-dialog .container-m {
    width: 450px !important;
}

.change-password .modal-dialog {
    width: 450px;
}

/*Date range Picker Style Starts*/
#DateRangePicker .modal-dialog {
    width: 402px;
}

.date-range-picker .date-btn-selector table .dark-btn {
    border-radius: 3px;
    width: 90% !important;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.60);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.60);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.60);
}

    .date-range-picker .date-btn-selector table .dark-btn:hover {
        background: #6f89ce; /* Old browsers */
        background: -moz-linear-gradient(top, #6f89ce 0%, #4966b6 100%) !important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #6f89ce 0%,#4966b6 100%) !important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #6f89ce 0%,#4966b6 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f89ce', endColorstr='#4966b6',GradientType=0 ) !important; /* IE6-9 */
    }

.date-range-picker .date-btn-selector .box-bg {
    display: block !important;
    text-align: center;
    padding: 2px 0 !important;
}

.date-range-picker .date-btn-selector .form-group.margin-bottom-10 {
    margin-bottom: 15px !important;
}

#DateRangePicker {
    display: none !important;
}

    #DateRangePicker.in, #DateRangePicker.modal::before {
        display: block !important;
    }

/*Date range Picker Style Ends*/

/*MetroLink Style Starts Here */


#MLinkCustomerSearch .modal-dialog {
    width: 750px;
}

.mlink-customer-search .container-m {
    width: 1000px !important;
}

.mlink-customer-search span.cls a {
    width: 10px;
    color: #666;
    padding: 0 3px;
}

    .mlink-customer-search span.cls a:hover {
        background: #666;
        color: #FFF;
        text-decoration: none;
    }

.mlink-customer-search .form-content .label-m {
    width: 35px !important;
}

.mlink-customer-search .form-control-s {
    width: 121px !important;
}

.mlink-customer-search .form-control-m {
    width: 155px !important;
}

.mlink-customer-search .big-search-btn {
    width: 154px !important;
}

.mlink-customer-search .cust-search-select .label-m {
    width: 38px !important;
    margin-bottom: 5px;
    margin-top: 3px;
    float: left;
}

.mlink-customer-search .cust-search-select select {
    position: absolute;
    z-index: 2;
}

.mlink-customer-search .treedata-list {
    height: 189px;
    margin-top: 0 !important;
}

.mlink-customer-search .customer-search-table {
    border: solid 1px #dfe0e0;
    margin-bottom: 5px;
}

.result-found {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
    color: #1a6e99;
}

.mlink-customer-search .customer-search-table .table-responsive {
    overflow: auto;
    height: 210px;
}

.mlink-customer-search .customer-search-table tr td {
    white-space: nowrap;
}

.mlink-customer-search .small-buttton-wrap {
    margin: 10px 0;
}

    .mlink-customer-search .small-buttton-wrap .btn-primary {
        margin-right: 0;
        padding: 3px 6px;
    }

    .mlink-customer-search .small-buttton-wrap .disabled {
        padding: 3px 6px !important;
        line-height: 18px;
    }

    .mlink-customer-search .small-buttton-wrap .reset-all {
        margin-right: 3px !important;
    }

.box-bg {
    background: #e7e7e7;
    padding: 10px 0 !important;
}

.mlink-customer-search .box-bg {
    min-height: 200px !important;
}

.mlink-customer-search .form-inner {
    padding-bottom: 0px;
}

.mlink-customer-search .checkbox {
    margin-top: 2px !important;
    margin-bottom: 1px !important;
}

.mlink-customer-search .radio-inline {
    margin-top: 12px !important;
    margin-bottom: 4px !important;
}

#mlink-add-new-customer .modal-dialog {
    width: 750px;
}

.mlink-add-new-customer .form-group .label-s {
    width: 64px;
}

.mlink-add-new-customer .form-group .form-control-s {
    width: 65px !important;
}

.mlink-add-new-customer #MLinkAddCustomerCustomer .form-control-l {
    width: 209px !important;
}

.mlink-add-new-customer #MLinkAddCustomerCustomer .zip-code {
    width: 68px;
}

.mlink-add-new-customer #MLinkAddCustomerCustomer .label-m {
    width: 79px !important;
}

.mlink-add-new-customer #MLinkAddCustomerCustomer .comments-box textarea {
    border: 1px solid #cccccc;
    height: 150px;
    width: 282px;
}
.mlink-add-new-customer #MLinkAddCustomerCustomer .dispatch-box textarea {
    border: 1px solid #cccccc;
    height: 80px;
    width: 282px;
}

.mlink-add-new-customer #MLinkAddCustomerCustomer .form-control-lg {
    width: 279px !important;
    margin-left: 10px;
}

.mlink-add-new-customer #MLinkAddCustomerContracts .renewal-btn-wrap {
    text-align: center;
    padding-top: 93px;
}

    .mlink-add-new-customer #MLinkAddCustomerContracts .renewal-btn-wrap .renewal-txt {
        display: block !important;
    }

    .mlink-add-new-customer #MLinkAddCustomerContracts .renewal-btn-wrap .dark-btn {
        padding: 12px 8px;
    }

.mlink-add-new-customer #MLinkAddCustomerInvoices .print-invoices-wrap {
    padding-top: 52px !important;
}

.mlink-add-new-customer #MLinkAddCustomerInvoices .customer-number-change-table {
    height: 218px;
}

.mlink-add-new-customer #MLinkAddCustomerReports .print-btn-wrap .dark-btn {
    width: 100%;
    height: 30px;
}

.mlink-add-new-customer #MLinkAddCustomerReports .select-display .label-m {
    width: 85px !important;
}

.mlink-add-new-customer .add-new-contact-log .form-control-m {
    width: 215px !important;
}

.mlink-add-new-customer .add-new-contact-log .form-control-s {
    width: 22px !important;
}

.mlink-add-new-customer .add-new-contact-log input[type="checkbox"] {
    float: left;
    margin-right: 3px;
}

#MLinkAddCustomerContactLog .customer-number-change-table, #MLinkAddLocationContactLogTab .customer-number-change-table, #MLinkAddLocationReportsTab .customer-number-change-table, #MLinkAddCustomerReports .customer-number-change-table {
    height: 300px;
}

.mlink-add-new-customer .confirmed-date-range div {
    float: left;
}

.mlink-add-new-customer .main-btn-wrap .btn-wrap {
    margin: 0px 0px 0px 0px;
}

.mlink-add-new-customer .form-inner-tab .tab-content {
    margin-bottom: 10px;
    min-height: 420px;
}

.mlink-add-new-customer .salutation {
    margin-top: 6px;
}

.mlink-add-new-customer .shipment-nocharge .form-group div {
    float: left;
}

.mlink-add-new-customer #MLinkAddCustomerReports .shipment-nocharge .label-m {
    width: 94px !important;
}

.mlink-add-new-customer .cust-credit-hold {
    color: #be0107;
    font-size: 13px;
    font-weight: 700;
    height: 14px;
    margin: 0 6px 3px 0 !important;
    width: 100%;
    text-align: right;
    line-height: 4px;
}

    .mlink-add-new-customer .cust-credit-hold div {
        color: #be0107;
    }

.mlink-add-new-customer .form-inner-tab {
    margin-top: 1px;
}

.mlink-add-new-customer #MLinkAddCustomerContactLog table.conditionsfound td {
    vertical-align: middle;
}

.mlink-my-report-manager .mon-quota-analysis .label-m {
    width: 64px !important;
}

.mlink-my-report-manager .tm-for-contracts .label-m {
    width: 70px !important;
}

.mlink-my-report-manager .tm-for-contracts .border {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 12px;
}

.mlink-my-report-manager .form-content, .mlink-my-report-manager .form-inner {
}

.mlink-my-report-manager .mon-quota-analysis .form-group div, .mlink-my-report-manager .tm-for-contracts .form-group div {
    float: left;
}

.mlink-my-report-manager .mon-quota-analysis .form-control-s, .mlink-my-report-manager .tm-for-contracts .form-control-s {
    width: 82px !important;
}

.mlink-my-report-manager .customer-number-change-table {
    height: 330px;
}

.mlink-my-report-manager .cust-number-change-right {
    margin-top: 22px;
}

.mlink-my-report-manager .small-buttton-wrap {
    margin-top: 4px;
    margin-bottom: 14px;
    overflow: hidden;
}

.mlink-my-report-manager .my-lab-reports-table-contr {
    height: 150px;
    overflow: auto;
    margin-bottom: 12px;
}

.mlink-my-report-manager .my-lab-reports-table-contr th,
.mlink-my-report-manager .my-lab-reports-table-contr td {
    padding: 4px 9px;
    vertical-align: middle;
    text-align: center;
}

.mlink-my-report-manager .customer-location {
    min-height: 272px;
}

.mlink-my-report-manager .mon-business-flow textarea {
    margin-top: 86px;
}

#MLinkAddNewLocation .modal-dialog {
    width: 750px;
}

.mlink-location-main-form .form-inner-tab {
    margin-top: 5px;
}

.mlink-location-main-form .form-group .label-s {
    width: 64px;
}

.mlink-location-main-form .form-group .form-control-s {
    width: 65px !important;
}

.mlink-location-main-form #MLinkAddLocation .form-control-l {
    width: 209px !important;
}

.mlink-location-main-form #MLinkAddLocation .zip-code {
    width: 68px;
}

.mlink-location-main-form #MLinkAddLocation .label-m {
    width: 79px !important;
}

.mlink-location-main-form #MLinkAddLocation .comments-box textarea {
    border: 1px solid #cccccc;
    height: 129px;
    width: 282px;
}

.mlink-location-main-form #MLinkAddLocation .dispatch-box textarea {
    border: 1px solid #cccccc;
    height: 80px;
    width: 282px;
}

.mlink-location-main-form .tab-content {
    min-height: 405px;
    margin-bottom: 0px;
}

.mlink-location-main-form #MLinkAddLocation .form-control-lg {
    width: 279px !important;
    margin-left: 10px;
}

.mlink-location-main-form #MLinkAddLocation .transfer-input {
    width: 142px !important;
}

.mlink-location-main-form #MLinkAddLocation .shipping-instructions textarea {
    border: 1px solid #cccccc;
    width: 282px;
}

.mlink-location-main-form #MLinkAddLocationDashboardTab .excemption {
    margin-top: 26px;
}

.mlink-location-main-form #MLinkAddLocationDashboardTab .excemption-textarea {
    margin-top: 9px;
    height: 78px;
}

.mlink-location-main-form #MLinkAddLocationDashboardTab .label-m {
    width: 100px !important;
}

.mlink-location-main-form #MLinkAddLocationDashboardTab .full-with-textarea {
    width: 545px;
}

.mlink-location-main-form #MLinkAddLocationDashboardTab .transfer-input {
    width: 258px
}

#MLinkCustomerSearchHistoryPopup .modal-dialog {
    width: 400px;
}

.mlink-customer-search-history-popup .double-click-text {
    font-size: 12px;
    font-weight: bold;
    color: #1a6e99;
    padding: 2px 6px;
    border: solid 1px #999999;
    line-height: 18px;
    text-align: center;
}

.mlink-customer-search-history-popup .big-search-btn {
    float: none !important;
    margin: 10px auto 0px auto;
    display: block;
}

.mlink-customer-search-history-popup .search-history {
    border: 1px solid #ddd;
}


#MLinkContactLogTabEditPopup .modal-dialog {
    width: 750px;
}

.mlink-contact-log-tab-edit-popup .form-content .label-m {
    width: 44px !important;
}

.mlink-contact-log-tab-edit-popup .form-control-lg {
    width: 327px !important;
}

.mlink-contact-log-tab-edit-popup .form-control-l {
    width: 275px !important;
}

.mlink-location-main-form #MLinkAddMaint .label-m {
    width: 102px !important;
}


.mlink-location-main-form#MLinkAddLocationContractsTab .renewal-btn-wrap {
    text-align: center;
    padding-top: 93px;
}

    .mlink-location-main-form #MLinkAddLocationContractsTab .renewal-btn-wrap .renewal-txt {
        display: block !important;
    }

    .mlink-location-main-form #MLinkAddLocationContractsTab .renewal-btn-wrap .dark-btn {
        padding: 12px 8px;
    }

.mlink-location-main-form #MLinkAddLocationInvoicesTab .print-invoices-wrap {
    padding-top: 52px !important;
}

.mlink-location-main-form #MLinkAddLocationReportsTab .route-card-select .label-m {
    width: 112px !important;
}

.mlink-location-main-form #MLinkAddLocationReportsTab .print-btn-wrap .dark-btn {
    width: 100%;
    height: 30px;
}

.mlink-location-main-form .form-inner {
    padding-bottom: 5px;
}

.mlink-location-main-form .btn-wrap {
    margin: 5px 0;
}

.mlink-add-new-location-tab-edit-popup .form-content .label-m {
    width: 44px !important;
}

.mlink-add-new-location-tab-edit-popup .form-control-lg {
    width: 327px !important;
}

.mlink-add-new-location-edit-popup .form-control-l {
    width: 275px !important;
}


.mlink-system-main-window .modal-dialog {
    width: 750px;
}

.mlink-system-main-window .form-inner-tab {
    margin-top: 5px;
}

.mlink-system-main-window .add-new-system-customer-id .form-control-l {
    width: 290px !important;
}

.mlink-system-main-window #MLinkAddSystemSystemTab .label-m {
    width: 95px !important;
}

.mlink-system-main-window #MLinkAddSystemSystemTab .service-month-table {
    position: relative;
    left: -50px;
}

.mlink-system-main-window #MLinkAddSystemSystemTab .season-btn {
    width: 86px !important;
}

.mlink-system-main-window #MLinkAddSystemSystemTab .btn-primary.season-btn {
    margin-right: 0 !important
}

.mlink-system-main-window #MLinkAddSystemSystemTab .form-control-l {
    width: 253px !important;
}

.mlink-system-main-window #MLinkAddSystemSystemTab .location-service-history .label-m {
    width: 107px !important;
}

.mlink-system-main-window #MLinkAddSystemSystemTab .location-service-history .form-control-m {
    width: 102px !important;
}

.mlink-system-main-window #MLinkAddSystemInstructionsTab .formating-tips-btn-wrap {
    padding-top: 40px;
}

    .mlink-system-main-window #MLinkAddSystemInstructionsTab .formating-tips-btn-wrap .btn-primary {
        padding: 4px 7px;
    }

.mlink-system-main-window #MLinkAddSystemChemicalsTab .table-heading-border-bottom {
    padding: 5px 0;
    border-bottom: #ccc solid 1px;
}

.mlink-system-main-window #MLinkAddSystemChemicalsTab .tab-content-inner .form-group-margin-top {
    margin-top: 8px;
}

.mlink-system-main-window #MLinkAddSystemChemicalsTab .tab-content-inner .fill-color {
    background: #e7e7e7;
    padding: 0 5px;
    margin-right: 8px
}

.mlink-system-main-window #MLinkAddSystemChemicalsTab .tab-content-inner table tr td:first-child {
    border-right: #ccc solid 1px;
}

.mlink-system-main-window #MLinkAddSystemChemicalsTab .tab-content-inner table tr th {
    border-bottom: #fff solid 5px;
}

.mlink-system-main-window #MLinkAddSystemChemicalsTab .tab-content-inner .input-margin-left {
    margin-left: 8px;
}

.mlink-system-main-window .tab-content {
    overflow: hidden;
    margin-bottom: 0px;
    min-height: 331px;
}

.MyServicevisit-table thead, .conditionsfound {
    border: 1px solid hsl(0, 0%, 87%);
}

#MyServicevisit .modal-dialog {
    width: 750px;
}

.mlink-product-selector .modal-dialog {
    width: 1024px;
}

.mlink-product-selector .small-buttton-wrap {
    margin-top: 0px;
}

.mlink-product-selector .prdt-slct-sizing textarea {
    height: 124px;
}

.mlink-product-selector .pdt-selection-tble {
    margin-bottom: 3px;
}

.mlink-product-selector .selected-pdt {
    height: 25px;
}

#MLinkMyReportmanager .modal-dialog {
    width: 750px;
}

.mlink-product-selector .form-control-lg {
    width: 453px !important;
}

.mlink-product-selector .matching-items-wrap {
    text-align: center;
    padding-top: 60px;
}

.mlink-product-selector .show-products-btn-wrap {
    padding-top: 24px;
}

    .mlink-product-selector .show-products-btn-wrap button {
        padding: 8px;
    }

.mlink-product-selector .small-buttton-wrap .btn[disabled] {
    margin-right: 5px !important;
}

.mlink-product-selector .label-m {
    width: 166px !important;
}

.pin-always-on-top {
    z-index: 99999 !important;
}

.reprint-selection .modal-dialog {
    width: 350px !important;
}

.reprint-selection .form-inner {
    overflow: hidden !important;
}

.reprint-selection {
    width: 350px !important;
    left: auto !important;
    top: 20px !important;
    right: 10px !important;
}

#lab-analysis-request .modal-dialog {
    width: 750px;
}

#ReprentLauncher .modal-dialog {
    width: 400px;
}

#MLinkCreditAndCancel .modal-dialog, #Mreviewtests .modal-dialog {
    width: 750px;
}

.mlink-credit-and-cancel .customer .label-m {
    width: 90px !important;
}

.mlink-credit-and-cancel .customer .form-control-lg {
    width: 344px !important;
}

.mlink-credit-and-cancel .sales-id .label-m {
    width: 87px !important;
}

.mlink-credit-and-cancel .contract .label-m {
    width: 120px !important;
}

.mlink-credit-and-cancel .contract .form-control-lg {
    width: 259px !important;
}

.mlink-credit-and-cancel .ar-label {
    width: 49px;
    display: inline-block;
    text-align: left;
}

.mlink-credit-and-cancel .remarks textarea {
    height: 76px;
}

.mlink-credit-and-cancel .sep {
    margin: 5px auto;
}

.results {
    background: black;
    padding: 1px 5px;
    color: #0F0;
    border-radius: 3px;
    font-weight: bold;
    display: inline-block;
    min-width: 30px;
}

#MLinkDataSelectionListPopup .modal-dialog {
    width: 400px;
}

.mlink-data-selection-list-popup .small-buttton-wrap {
    margin-top: 8px;
    margin-bottom: 0px;
}

.mlink-data-selection-list-popup .data-selection-table {
    height: 150px;
    overflow-y: scroll;
    border: solid 1px #dfe0e0;
    margin-bottom: 5px;
}

#MLinkNewSpecialCustomerSelection .modal-dialog {
    width: 750px !important;
}

.mlink-new-special-customer-selection .special .form-control-l {
    width: 160px !important;
}

.mlink-new-special-customer-selection #Customer .form-control-l {
    width: 206px !important;
}

.mlink-new-special-customer-selection #Customer .form-control-m {
    width: 92px !important;
}

.mlink-new-special-customer-selection #Customer .form-control-s {
    width: 50px !important;
}

.mlink-new-special-customer-selection #Customer.btn.disabled, .mlink-new-special-customer-selection #Customer .btn[disabled] {
    padding: 3px 9px !important;
}

.mlink-new-special-customer-selection #Special textarea {
    width: 214px;
}

.mlink-new-special-customer-selection #Special .label-m {
    width: 89px !important;
}

.mlink-new-special-customer-selection #Special .billing-instr {
    margin-top: 80px;
}

#MLinkCreateInvoice .modal-dialog {
    width: 600px !important;
}

.mlink-create-invoice .product-table .form-control-s {
    margin-right: 8px;
    margin-top: 5px;
}

.mlink-create-invoice .product-table .form-control-m {
    margin-right: 8px;
    margin-left: 15px;
    margin-top: 5px;
}

.mlink-create-invoice .product-table .form-control-l {
    margin-left: 8px;
    margin-top: 5px;
}

.mlink-create-invoice .sep {
    width: 100%;
}

.mlink-create-invoice .scanned-images .select-source-btn {
    width: 103px;
    margin-right: 0;
    margin-bottom: 5px;
    height: 37px;
}

.mlink-create-invoice .scanned-images .blank-space {
    width: 100%;
    height: 80px;
    background-color: #36C;
}

.mlink-create-invoice .btn[disabled] {
    font-size: 13px !important;
}

#MLinkCompIdPrinter .modal-dialog {
    width: 600px !important;
}

.mlink-comp-id-printer {
}





.mlink-add-new-opportunity .modal-dialog {
    width: 750px !important;
}

.mlink-add-new-opportunity .mlink-add-new-opportunity-tab-1 .prospect-form-content, .mlink-add-new-opportunity .mlink-add-new-opportunity-tab-2, .mlink-add-new-opportunity .mlink-add-new-opportunity-tab-3 {
    
}

    .mlink-add-new-opportunity .mlink-add-new-opportunity-tab-1 .prospect-form-content .form-control-l {
        width: 212px !important;
    }

.mlink-add-new-opportunity .opportunity-height-fix {
    min-height: 382px;
}

.mlink-add-new-opportunity .mlink-add-new-opportunity-tab-2.opportunity-form-content .form-control-l {
    width: 212px !important;
}

.mlink-add-new-opportunity .mlink-add-new-opportunity-tab-2 textarea {
    width: 242px;
}

.mlink-add-new-opportunity .mlink-add-new-opportunity-tab-2 .btn[disabled] {
    margin-right: 5px !important;
    padding: 3px 9px !important;
    font-size: 13px !important;
}

.mlink-add-new-opportunity .mlink-add-new-opportunity-tab-2 .add-oppo-table {
    width: 242px;
}

.mlink-add-new-opportunity .mlink-add-new-opportunity-tab-2 .form-control-m {
    width: 86px !important;
}

.mlink-add-new-opportunity .mlink-add-new-opportunity-tab-2 .add-oppo-table input {
    width: 100% !important;
    height: 16px;
    border: none;
    background: none;
    padding: 0px;
    margin: 0px;
}

.mlink-add-new-opportunity .mlink-add-new-opportunity-tab-3 .add-status-table {
    height: 99px !important;
    overflow-y: scroll !important;
    border: solid 1px #dfe0e0 !important;
}

.mlink-add-new-opportunity .mlink-add-new-opportunity-tab-3.opportunity-form-content .form-control-l {
    width: 242px !important;
}

.mlink-add-new-opportunity .mlink-add-new-opportunity-tab-3 .status-change-textarea {
    width: 215px;
}

.mlink-add-new-opportunity .opportunity-menu-items {
    padding-top: 50px;
}

    .mlink-add-new-opportunity .opportunity-menu-items ul {
        margin: 0;
        padding: 0;
    }

        .mlink-add-new-opportunity .opportunity-menu-items ul li {
            list-style-type: none;
            display: block;
            text-align: center;
            margin-bottom: 20px;
            border: #CCC solid 1px;
        }

            .mlink-add-new-opportunity .opportunity-menu-items ul li a {
                color: #fff;
                text-decoration: none;
                text-align: center;
                width: 100%;
                padding: 20px 0;
                font-weight: bold;
                display: inline-block;
                background: #0089CF;
            }

                .mlink-add-new-opportunity .opportunity-menu-items ul li a.selected-btn {
                    background: #00679D !important;
                }

                .mlink-add-new-opportunity .opportunity-menu-items ul li a span .fa {
                    font-size: 20px !important;
                    color: #fff;
                }

                .mlink-add-new-opportunity .opportunity-menu-items ul li a:hover {
                    background: #00679D;
                }
                /*.mlink-add-new-opportunity .opportunity-menu-items ul li a:hover,
  .mlink-add-new-opportunity .opportunity-menu-items ul li a span .fa:hover {
	color:#FFF;
}*/
                .mlink-add-new-opportunity .opportunity-menu-items ul li a span {
                    display: block;
                    text-align: center;
                }

#MLinkServiceTechFeedback .modal-dialog {
    width: 600px !important;
}

.mlink-service-tech-feedback .sep {
    width: 100% !important;
    margin: 4px auto;
}

.mlink-service-tech-feedback .medium-field .form-control-lg {
    width: 394px !important;
}

.mlink-service-tech-feedback .large-field .form-control-lg {
    width: 458px !important;
}

.mlink-service-tech-feedback .select-tech-field {
    margin-left: 78px;
}

    .mlink-service-tech-feedback .select-tech-field .form-control-l {
        width: 230px !important;
    }

.mlink-search-edit-existing .modal-dialog {
    width: 900px !important;
}

.mlink-search-edit-existing .matching-items-wrap {
    padding: 30px 0 15px 0;
}

.mlink-search-edit-existing .opo-search-table {
    height: 200px;
}

.mlink-search-edit-existing .matching-items-wrap .results {
    margin: 8px 0;
}

.mlink-search-edit-existing .matching-items-wrap .fa-search {
    display: block;
    padding: 5px 0;
}

.mlink-search-edit-existing .input-group {
    width: auto !important
}

    .mlink-search-edit-existing .input-group .form-control-s {
        width: 89px !important;
    }

.mlink-search-edit-existing .form-control-l {
    width: 272px !important;
}

.mlink-search-edit-existing .dt-picker-btn {
    float: right;
    margin-left: 12px;
}

.mlink-search-edit-existing .btn[disabled] {
    padding: 3px 9px !important;
    font-size: 13px !important;
}

.mlink-search-edit-existing .label-m {
    width: 116px !important;
}

.mlink-search-edit-existing .button-wrap {
    margin: 8px 0 0 0 !important;
}

    .mlink-search-edit-existing .button-wrap .btn[disabled], .mlink-search-edit-existing .opo-main-btn .btn-primary {
        margin-right: 3px !important;
    }

    .mlink-search-edit-existing .button-wrap .fa {
        display: block !important;
    }

.mlink-search-edit-existing .opo-main-btn .btn-primary {
    padding: 4px 5px !important;
    height: auto !important;
}

.mlink-search-edit-existing .opo-main-btn.btn-last-set .btn-primary {
    padding: 4px !important;
}

.mlink-search-edit-existing .solution .comp-big-label {
    width: 141px !important;
}

.mlink-search-edit-existing .solution .form-control-m {
    width: 181px !important;
}

.mlink-search-edit-existing .solution .form-control-s {
    width: 155px !important;
}

.mlink-search-edit-existing .solution .comp-sales-rep-label {
    width: 176px !important;
}

.mlink-search-edit-existing .solution .comp-sales-rep-input {
    width: 181px !important;
}

.exception-btns .btn, .conditionsfound-btn .btn {
    margin-bottom: 5px;
    width: 95px;
    height: auto;
}

.conditionsfound-rightcol {
    padding-top: 25px;
}

.myservicevisit-result input[type="checkbox"] {
    margin-left: -26px !important;
}

.specify-test .label-s {
    width: 78px !important;
}

.specify-test .small-buttton-wrap {
    margin-top: 6px;
}

.conditionsfound-rightcol .checkbox label {
    padding-left: 19px;
}

.conditionsfound-rightcol .checkbox label {
    padding-left: 19px;
}

.exception-btns .btn-left {
    width: 45px !important;
    margin-right: 0 !important
}

.exception-btns .btn-right {
    width: 45px !important;
    margin-right: 0 !important
}

.exception-btns .history-btn {
    padding: 3px 5px !important;
}

.specify-test .review-slect-btn {
    margin-top: 46px;
}

.review-slect-btn .btn-primary {
    width: 152px;
}

.labtest-sample-test .label-m {
    width: 82px !important;
}

.labtest-sample-test .box-bg {
    padding: 12px !important;
}

.chek-wizard .label-m {
    width: 110px !important;
}

.chek-wizard .cust-col-01 .label-m {
    width: 104px !important;
}

.chek-wizard .cust-col-01 .label-m {
    width: 104px !important;
}

.chek-wizard .chek-wizard-right .label-m {
    width: 130px !important;
}

.chek-wizard .chek-wizard-right .form-control-l {
    width: 288px !important;
}

.chek-wizard .specify-test-bottm .label-m {
    width: 135px !important;
}

.chek-wizard .specify-test-bottm .sample-time-label {
    margin-top: 23px;
}

.chek-wizard .specify-test-bottm .form-control-m {
    width: 170px !important;
}

.chek-wizard .special-instructiion textarea {
    width: 300px !important;
}

.chek-wizard .small-buttton-wrap {
    margin: 0px 0px;
}

.chek-wizard .plain-link {
    border: 1px solid #c8c8c8;
    padding: 2px;
}

.chek-wizard .full-width-form {
    width: 100%;
}

.chek-wizard .radio input {
    float: left;
    margin-top: 3px !important;
}

.overup {
    z-index: 9999999 !important;
}

.chek-wizard-right select.form-control-m {
    width: 78px !important;
}

.sltest .container-m {
    width: 679px !important;
}

.sltest .modal-dialog {
    width: 683px !important;
}

.specify-test .modal-dialog {
    width: 600px !important;
}

.specify-test .review-slect-btn .btn-primary {
    height: 56px;
}

.chek-wizard .label-m {
    width: 86px !important;
}

.mlink-send-email-reminder .modal-dialog {
    width: 500px !important;
}

.mlink-send-email-reminder .container-s {
    width: 500px !important
}

.mlink-send-email-reminder .label-m {
    width: 65px !important;
}

.mlink-send-email-reminder .reminder-message-label {
    width: 120px !important;
}

.mlink-send-email-reminder .reminder-send-date div {
    float: left;
}


.mlink-create-email .modal-dialog {
    width: 500px !important;
}

.mlink-create-email .container-s {
    width: 500px !important;
}

.mlink-create-email .label-m {
    width: 65px !important;
}

.mlink-create-email .reminder-message-label {
    width: 120px !important;
}

.mlink-create-email .reminder-send-date div {
    float: left;
}

/*MetroLink Style Ends */

/*MetroStat Style Starts */

#StayMyCustomer .modal-dialog,
.statmycustomer .modal-dialog {
    max-width: 600px;
}

.statmycustomer .tabledata {
    padding-top: 0px;
}

.statmycustomer .form-inner {
    padding: 0 !important;
    border: none !important;
}

.statmycustomer .result-found {
    padding-left: 20px;
}

.statmycustomer table.conditionsfound tbody {
    display: block;
    height: 250px;
    overflow: auto;
}

.stat-search-service-report table.conditionsfound tbody {
    display: block;
    height: 200px;
    overflow: auto;
}

.edit-service-report .form-inner-tab {
    margin-top: 0;
}

.edit-service-report table.conditionsfound tbody {
    display: block;
    height: 210px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .edit-service-report table.conditionsfound tbody .form-control-m {
        border: none;
        background: none;
    }

.mlink-product-selector table.conditionsfound tbody, .definemeasurement table.conditionsfound tbody {
    display: block;
    height: 140px;
    overflow: auto;
}

.lab-report table.conditionsfound tbody, .specify-test-clone .conditionsfound tbody {
    display: block;
    height: 332px;
    overflow: auto;
}

.mlink-add-new-customer #MLinkAddCustomerContactLog table.conditionsfound tbody {
    display: block;
    height: 332px;
    overflow: auto;
}

.edit-service-report #ReportOptions .report-date div {
    float: left;
}

.statmycustomer table.conditionsfound thead, .statmycustomer table.conditionsfound tbody tr, .stat-search-service-report table.conditionsfound thead, .stat-search-service-report table.conditionsfound tbody tr,
.edit-service-report table.conditionsfound thead, .edit-service-report table.conditionsfound tbody tr, .mlink-product-selector table.conditionsfound thead, .mlink-product-selector table.conditionsfound tbody tr,
.lab-report table.conditionsfound thead, .lab-report table.conditionsfound tbody tr, .mlink-add-new-customer #MLinkAddCustomerContactLog table.conditionsfound thead,
.mlink-add-new-customer #MLinkAddCustomerContactLog table.conditionsfound tbody tr,
.definemeasurement table.conditionsfound thead, .definemeasurement table.conditionsfound tbody tr,
.specify-test-clone table.conditionsfound thead, .specify-test-clone table.conditionsfound tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#DefineMeasurement .container-m,
.definemeasurement .container-m {
    width: 620px !important;
}

.definemeasurement .form-control-s {
    width: 90px !important;
}

.definemeasurement .form-control-lg {
    width: 343px !important;
}

.definemeasurement .modal-dialog {
    width: 620px !important;
}

.definemeasurement .form-inline {
    padding-top: 10px;
}

.definemeasurement .label-m {
    width: 75px !important;
}

.measurements-bottom-btn .fa {
    display: block !important;
}

.specify-test-clone .review-slect-btn {
    margin-top: 90px;
}

    .specify-test-clone .review-slect-btn .btn-primary {
        height: 52px;
    }

.specify-test-clone .specify-test {
    margin-top: 30px;
}

#StatSearchServiceReport .container-m,
.stat-search-service-report .container-m {
    width: 750px !important;
}

.stat-search-service-report .modal-dialog {
    width: 750px !important;
}

.stat-search-service-report .btn-primary {
    padding: 10px !important;
}

.stat-search-service-report .search-box {
    padding-top: 20px !important;
}

    .stat-search-service-report .search-box .fa {
        display: block !important;
        margin-bottom: 4px !important;
    }

    .stat-search-service-report .search-box .results {
        margin-top: 5px;
    }

.stat-search-service-report .specify-filters h2 {
    display: inline-block;
    width: 95px;
    margin-right: 4px;
}

.stat-search-service-report .specify-filters .filter-checkbox {
    display: inline-block;
    width: 60%;
}

.stat-search-service-report .specify-filters .label-m {
    width: 95px !important;
}

.stat-search-service-report .specify-filters .label-s {
    width: 50px !important;
}

.stat-search-service-report .specify-filters .form-control-m {
    width: 82px !important;
}

.stat-search-service-report .specify-filters .form-control-l {
    width: 145px !important
}

.stat-search-service-report .specify-filters .form-control-lg {
    width: 249px !important;
}

.stat-search-service-report .service-date-report .input-group div {
    float: left;
}

.stat-search-my-service-report .measurements-bottom-btn .btn-primary {
    padding: 3px 9px !important;
}

.measurements-bottom-btn .pin-btn {
    padding: 5px 9px !important;
}
/*MetroStat Style Ends */


/*MetroLab Style Starts */

#MlabLabLauncher .modal-dialog,
.lab-launcher .model-dialog {
    width: 800px;
}

.lab-launcher .container-l {
    width: 800px !important;
}

.lab-launcher .tab-content {
    padding: 10px !important;
    margin-bottom: 0;
}

.lab-launcher p {
    margin-top: 10px;
    line-height: 16px;
    font-size: 11px;
}

.lab-launcher #support-info-tab .form-control-s {
    width: 46px !important;
}

.lab-launcher .tab-content {
    min-height: 123px;
}

.lab-launcher .contract-launcher-table {
    padding: 5px;
    height: 128px;
}

.lab-launcher #support-info-tab .form-control-s {
    width: 46px !important;
}

.mlab-lab-launcher .tab-content {
    min-height: 123px;
}

.mlab-lab-launcher .contract-launcher-table {
    padding: 5px;
    height: 128px;
}

.lab-report .modal-dialog {
    width: 750px;
    min-height: 598px;
}

.lab-report .form-inner {
    min-height: 561px;
}

.lab-report .form-content .label-m {
    width: 82px !important;
}

.lab-report .form-inner-tab .tab-content {
    overflow: hidden;
}

.lab-report .btn-wrap {
    margin: 0px;
    overflow: hidden;
}

.lab-report .uib-datepicker-popup {
    left: -62px !important;
}

.lab-report .tab-pane {
    min-height: 380px;
}

/*MetroLab Style Ends */

/*Service Visit Verification Report Starts Here*/

#MStatServiceVisitVerificReport .modal-dialog {
    width: 595px !important;
}

.mstat-service-visit-verification-report .month-select {
    margin-top: 20px;
}

    .mstat-service-visit-verification-report .month-select .btn-primary {
        width: 128px !important;
    }

.mstat-service-visit-verification-report .container-m {
    padding: 0 !important;
    width: 595px !important;
}

.mstat-service-visit-verification-report .label-m {
    width: 122px !important;
}
/*Service Visit Verification Report Ends Here*/

.mstat-service-history-report .label-s {
    width: 64px;
}

.mstat-service-history-report .form-control-l {
    width: 313px !important;
}

.mstat-service-history-report .form-control-m {
    width: 108px !important;
}

.mstat-service-history-report .input-group {
    width: auto !important;
}

.mstat-service-history-report .datetimepicker1 .form-control-s {
    width: 86px !important;
}

.mstat-service-history-report .radio input[type="radio"], .mstat-service-history-report .form-inline .checkbox input[type="checkbox"] {
    margin-top: 3px !important;
    float: left;
    margin-right: 4px;
}

/*Mlab Order Tests Style Starts*/

.mlab-order-tests .exception {
    margin-top: 15px;
}

    .mlab-order-tests .exception .results {
        float: right;
    }

.mlab-order-tests .exception-btns {
    margin-top: 30px;
}

    .mlab-order-tests .exception-btns .btn {
        width: 165px;
        font-size: 12px;
    }

        .mlab-order-tests .exception-btns .btn.hide-unselected {
            width: 109px;
            font-size: 12px;
        }

.mlab-order-tests .exception p {
    display: inline-block;
}

.mlab-order-tests .customer-number-change-table {
    height: 362px;
}

.lab-reports-output .lab-reports .form-control-l {
    width: 79% !important;
}

.lab-reports-output .lab-reports .big-search-btn {
    height: 50px;
    margin-top: 64px;
    padding: 3px 30px;
}

.lab-reports-output .lab-reports .box-bg {
    padding: 12px !important;
}
/*Mlab Order Tests Style Ends*/

/*Mlab Results Tab Style Starts*/
.mlab-result {
    height: 380px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .mlab-result .sample {
        width: 68px
    }

        .mlab-result .sample .radio-inline label {
            font-size: 13px;
        }

    .mlab-result .customer-id {
        width: 293px;
        border-right: #DDD solid 1px;
        border-left: #DDD solid 1px;
    }

    .mlab-result .customer-id1 {
        width: 274px;
    }

    .mlab-result .radio-inline {
        margin-left: 0 !important;
    }

        .mlab-result .radio-inline label {
            font-size: 11px;
        }

    .mlab-result .sample .label-m,
    .mlab-result .customer-id .label-m {
        width: 105px !important;
    }

    .mlab-result .customer-id1 .label-m {
        width: 90px !important;
    }

    .mlab-result .small-inputs .label-m {
        width: 100px !important;
    }

    .mlab-result .small-inputs .form-control-s {
        width: 58px !important;
    }

    .mlab-result .small-inputs-table2 .label-m {
        width: 100px !important;
    }

    .mlab-result .sep {
        width: 100%
    }
/*Mlab Results Tab Style Ends*/

.lab-reports-output .lab-reports .form-control-l {
    width: 79% !important;
}

.lab-reports-output .lab-reports .big-search-btn {
    height: 50px;
    margin-top: 82px;
    padding: 3px 30px;
}

.lab-reports-output .lab-reports .box-bg {
    padding: 12px !important;
}

/*System Setup Maintenance Wizard Style Starts*/

#SystemSetupMaintenanceWizard .modal-dialog {
    width: 750px;
}

.system-setup-maintenance-wizard .container-m {
    width: 750px !important;
}

.system-setup-maintenance-wizard #wrapperSecondForm .label-m {
    width: 110px !important;
    text-align: left;
}

.system-setup-maintenance-wizard .system-logo {
    height: 130px;
    border-bottom: #E5E5E5 solid 1px;
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
}

.system-setup-maintenance-wizard .left-setup-wizard {
    border: #E5E5E5 solid 1px;
}

.system-setup-maintenance-wizard .right-setup-wizard {
    border: #E5E5E5 solid 1px;
    padding: 10px;
    min-height: 475px;
}

    .system-setup-maintenance-wizard .right-setup-wizard h3 {
        font-size: 15px !important;
        font-weight: bold;
    }

    .system-setup-maintenance-wizard .right-setup-wizard p {
        position: absolute;
        bottom: 15px;
    }

.system-setup-maintenance-wizard .left-setup-wizard .system-logo img {
    text-align: center;
    margin-top: 12px;
}

.system-setup-maintenance-wizard .left-setup-wizard .system-descrip {
    height: 120px;
    padding: 20px 5px;
}

.right-setup-wizard-page-2 .form-control-l {
    width: 225px !important;
}

.right-setup-wizard-page-2 textarea {
    width: 225px !important;
}

.right-setup-wizard-page-2 .customer-search-table {
    border: #EAEAEA solid 1px;
}

.full-with-textarea {
    width: 100%;
    padding: 5px;
}

.right-setup-wizard-page-3 .print-report-display {
    width: 50px;
    height: 50px;
    background: #D8D8D8;
    display: inline-block;
    overflow: hidden;
}
/*System Setup Maintenance Wizard Style Starts*/

/*Suggest Tests for System Style Starts*/

#SuggestTestsSystem .modal-dialog {
    width: 600px;
}

.suggest-tests-system .container-s {
    padding: 0 !important;
    width: 600px !important;
}
/*.suggest-tests-system .table-responsive {
    height:100px;
    overflow-y:auto; 
}*/
.sep-full-width {
    background: #cccccc none repeat scroll 0 0;
    clear: both;
    display: inline-block;
    height: 1px;
    margin: 6px auto;
    width: 100%;
}
/*Suggest Tests for System Style Ends*/


/*Set Sort Position for Tests Style Starts*/

#SetSortPositionTests .modal-dialog {
    width: 600px;
}

.set-sort-position-tests .container-s {
    padding: 0 !important;
    width: 600px !important;
}

/*Set Sort Position for Tests Style Ends*/

/*Clone Measurement From Another System Style Starts*/

#CloneMeaurementFromAnotherSystem .modal-dialog {
    width: 600px;
}

.clone-measurement-another-system .container-s {
    padding: 0 !important;
    width: 600px !important;
}

.clone-measurement-another-system .source-system {
    padding: 10px;
}

    .clone-measurement-another-system .source-system .form-control-m {
        width: 85px !important;
    }

    .clone-measurement-another-system .source-system .form-control-s {
        width: 55px !important;
    }

    .clone-measurement-another-system .source-system .form-control-l {
        width: 201px !important;
    }
/*Clone Measurement From Another System Style Ends*/


/*Add New Measurement Style Starts*/

#MstatAddNewMeasurenent .modal-dialog {
    width: 600px;
}

.mstat-add-new-measurement .container-s {
    padding: 0 !important;
    width: 600px !important;
}

.mstat-add-new-measurement .form-inner-tab .nav-tabs > li a {
    min-width: 90px;
}

/*Add New Measurement Style Ends*/


/*Service Visit Launcher Style Starts*/

#MstatServiceVisitLaunchert .modal-dialog {
    width: 600px;
}

.mstat-service-visit-launcher .container-s {
    padding: 0 !important;
    width: 600px !important;
}

.mstat-service-visit-launcher .launcher-customer .form-control-m {
    width: 71px !important;
}

.mstat-service-visit-launcher .launcher-customer .form-control-s {
    width: 45px !important;
}

.mstat-service-visit-launcher .launcher-service-date .form-control-s {
    width: 80px !important;
}

.mstat-service-visit-launcher .launcher-service-date .cal-btn {
    padding: 3px !important
}

.mstat-service-visit-launcher .launcher-service-date div {
    float: left;
}

    .mstat-service-visit-launcher .launcher-service-date div.clearfix {
        float: none;
    }

.mstat-service-visit-launcher .small-buttton-wrap .dark-btn {
    height: auto;
}

.mstat-service-visit-launcher {
    right: auto !important;
    top: 20px !important;
    left: 0px !important;
}
/*Service Visit Launcher Style Ends*/


/*Create A Graph Style Starts*/

#MstatCreateGraph .modal-dialog {
    width: 600px;
}

.mstat-create-graph .container-s {
    padding: 0 !important;
    width: 600px !important;
}

.mstat-create-graph .date-tab .label-m {
    width: 60px !important;
}

.mstat-create-graph .date-tab .form-control-lg {
    width: 272px !important;
}

.mstat-create-graph .source-system {
    padding: 10px;
}

    .mstat-create-graph .source-system .form-control-m {
        width: 85px !important;
    }

    .mstat-create-graph .source-system .form-control-s {
        width: 55px !important;
    }

.mstat-create-graph .datetimepicker1 .form-control-m {
    width: 90px !important;
}

.mstat-create-graph .form-content #Heading .label-m {
    width: 50px !important;
}

.mstat-create-graph #Heading .form-control-l {
    width: 400px !important;
}

.mstat-create-graph .tab-content {
    height: 232px;
}
/*Create A Graph Style Ends*/


/*Set Export properties Style Starts*/

#MstatSetExportProperties .modal-dialog {
    width: 600px;
}

.mstat-set-export-properties .container-s {
    padding: 0 !important;
    width: 600px !important;
}
/*Set Export properties Style Starts*/


/*Set Service Visit Summery Report Style Starts*/

#MstatServiceVisitSummeryReport .modal-dialog {
    width: 600px;
}

.mstat-service-visit-summery-report .container-s {
    padding: 0 !important;
    width: 600px !important;
}

.mstat-service-visit-summery-report .form-control-m {
    width: 115px !important;
}

.mstat-service-visit-summary .checkbox-inline input {
    padding: 0px;
    margin-top: 2px;
    margin-right: 2px;
    float: left;
}

    .mstat-service-visit-summary .checkbox-inline input[type="checkbox"] {
        margin-top: 3px;
    }

.mstat-service-visit-summary .sep {
    margin-bottom: 2px;
}

.mstat-service-visit-summary .sort-order-label {
    position: relative;
    top: -2px;
}
/*Set Service Visit Summery Report Style Starts*/


/*Set Service Visit Verification Report Style Starts*/

#MstatServiceVisitVerificationReport .modal-dialog {
    width: 500px;
}

.mstat-service-visit-verification-report .container-s {
    padding: 0 !important;
    width: 500px !important;
}

.mstat-service-visit-verification-report .form-control-m {
    width: 115px !important;
}

/*Set Service Visit Verification Report Style Starts*/


/*Worksheet Maker Style Starts*/

.mstat-worksheet-maker .modal-dialog {
    width: 900px !important;
}

.mstat-worksheet-maker .container-s {
    padding: 0 !important;
    width: 900px !important;
}

.mstat-worksheet-maker .label-m {
    width: 89px !important;
}

.mstat-worksheet-maker .form-control-l {
    width: 214px !important;
}

.mstat-worksheet-maker .checkbox label {
    padding-left: 16px !important;
}

.mstat-worksheet-maker .add-acceptence {
    margin-top: -4px !important;
    float: right;
}

.mstat-worksheet-maker .results {
    text-align: center;
}

.mstat-worksheet-maker .user-manager-button-wrap .btn {
    margin-bottom: 5px !important;
}

.mstat-worksheet-maker .user-manager-button-wrap {
    float: left;
    left: -26px;
    margin-right: 20px;
    position: relative;
    top: 34px;
    width: 50px;
}

    .mstat-worksheet-maker .user-manager-button-wrap .btn-width {
        width: 78px !important;
        padding: 4px 0 6px !important;
    }

.mstat-worksheet-maker .table-responsive {
    height: 238px;
    overflow-y: auto;
    border: 1px solid hsl(0, 0%, 87%);
}
/*Worksheet Maker Style Ends*/

.table-row-selected, .mlink-credit-and-cancel .highlitedRow {
    background-color: #fae574;
}

/*Deletetion Information Page style starts*/

.deletion-information .modal-dialog {
    width: 450px !important;
}

.deletion-information .container-xs {
    width: 450px !important;
}

.deletion-information .label-m {
    width: 165px !important;
    background-size: cover;
}

.deletion-information .form-control-l {
    width: 192px !important;
}

.deletion-information select, .deletion-information textarea {
    width: 212px !important;
}
/*Deletetion Information Page style ends*/

/*Contract Invoicing Page style starts*/

.contract-invoicing-model .modal-dialog {
    width: 556px !important;
}

.metro-weather-model .modal-dialog {
    width: 750px !important;
}

.metro-weather-model .chek-wizard label {
    margin-bottom: 0px;
}

.metro-weather-model .text-blue.customer-descri {
    width: 100%;
    font-size: 11px;
}

.metro-weather-model .form-content h2 {
    margin-bottom: 2px;
}

.metro-weather-model .calendar-btn-cntr .dark-btn {
    display: inline-block;
}

.metro-weather-model .calendar-btn-cntr div {
    float: left;
}

.metro-weather-model .chek-wizard .chek-wizard-right .form-control-l {
    width: 301px !important;
}

.metro-weather-model .chek-wizard .special-instructiion textarea {
    width: 328px !important;
}

.metro-weather-model .billable-sample .form-inline {
    padding-left: 30px;
}

.metro-weather-model .cust-col-01 .form-control {
    width: 84px !important;
}

.contract-invoicing .label-m {
    width: 110px !important;
}

.contract-invoicing .form-control-l {
    width: 172px !important;
}

.contract-invoicing .billing-btn-wrap {
    border-left: #cccccc solid 1px;
}

.contract-invoicing .container-xs {
    width: 556px !important;
}

.contract-invoicing .billing-btn-wrap {
    padding-top: 16px !important;
    height: 52px;
}

.contract-invoicing .but-invoice-prev {
    margin: auto !important;
    display: block;
}
/*Contract Invoicing Page style ends*/

/*Edit Service Report Style Starts*/

#EditServiceReport .modal-dialog {
    width: 825px;
}

.edit-service-report .container-m {
    padding: 0 !important;
    width: 825px !important;
}

/* .edit-service-report .tab-content {
    min-height: 300px;
} */

.edit-service-report .customer-section .form-control-m {
    width: 129px !important;
}

.edit-service-report .customer-section .time-sheet-select {
    width: 160px !important;
}

.edit-service-report .results {
    border: none;
    padding: 5px !important;
    width: 30px !important;
}

.edit-service-report .label-m {
    width: 88px !important;
}

.edit-service-report .select .form-control-lg {
    width: 242px !important;
}

.edit-service-report .test h2 {
    width: 60px;
}

.edit-service-report .test .form-control-l {
    width: 89px !important;
}

.edit-service-report .customer-number-change-table {
    height: 243px;
}

.edit-service-report .report-options-tab .form-control-m {
    width: 102px !important;
}

.edit-service-report .report-options-tab .form-control-lg {
    width: 248px !important;
}

.edit-service-report .report-options-tab .checkbox {
    margin: 4px 0;
}

.edit-service-report .graph-page-tab .dangertext-pic.input-group {
    width: 19.8% !important;
}

.edit-service-report .graph-page-tab .grapg-btn {
    height: auto !important;
    width: 107px !important;
}

.edit-service-report .graph-page-tab .radio-inline input[type="radio"] {
    margin-left: -16px;
    margin-top: 3px;
}
.edit-service-report .available-limit {
    height: 70px !important;
    overflow: auto;
    margin: 6px 0;
    border: 1px solid #c8c8c8;
    padding: 5px;
}

    .edit-service-report .available-limit ul {
        margin: 0;
        padding: 0;
        list-style: none;
        background: none;
        border: none;
    }

        .edit-service-report .available-limit ul li {
            list-style: none;
            margin: 5px;
            background: none;
            border: none !important;
        }

.graph-page-tab .form-control-s {
    width: 145px !important;
}

.left-border {
    border-left: solid 1px #cfd6dc;
}

.right-border {
    border-right: solid 1px #cfd6dc;
}
/*Edit Service Report Style Ends*/

.cancel-checkin-request .modal-dialog, .cancel-checkin-request .container-s {
    width: 500px !important;
}

/*File upload field new style starts*/
.file-upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .file-upload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }
/*File upload field new style ends*/
/*Bootstrap time picker style starts*/
.sample-time-picker {
    width: 160px !important;
    float: right;
}

    .sample-time-picker .form-control {
        width: 52px !important;
    }

    .sample-time-picker .btn-default {
        padding: 3px 9px 1px 4px !important;
        margin-top: -4px !important;
        margin-left: 2px;
        float: left;
    }

        .sample-time-picker .btn-default:disabled {
            padding: 2px 9px 3px 4px !important;
        }

    .sample-time-picker .btn-link {
        padding: 0px 9px 0px 4px !important;
    }
/*Bootstrap time picker style ends*/
.myservice-visit-infopopup {
    max-width: 492px;
}

.system-setup-maintenance-wizard .customer-search-table {
    height: 150px !important;
    overflow-y: scroll;
}

.file-program-options .container-m {
    width: 500px !important;
}

.file-program-options .checkbox input {
    float: left;
    margin-right: 8px;
}

.file-program-options .checkbox span {
    float: left;
    display: block;
    margin-top: -3px;
}


@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation: portrait) {
    /* .landing-container {
        min-height: 230px !important;
    } */
}

@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation: landscape) {

    .app-selection .app-selection-boxes a.metrolink-box span img {
        margin: 0;
        width: 30% !important;
    }

    .app-selection .external-report-small a.metrolink-box span img {
        width: 15% !important;
    }

    /* .landing-container {
        min-height: 70px;
    } */

    .app-selection {
        margin-bottom: 40px;
    }

    .footer {
        /*position: static;*/
    }
}

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

    .external-report-wrap .external-report-grid-1,
    .external-report-wrap .external-report-grid-2,
    .external-report-wrap .external-report-grid-3 {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .app-selection .app-selection-boxes a.metrolink-box {
        min-height: 110px;
        margin: 3px 0;
    }

        .app-selection .app-selection-boxes a.metrolink-box span img {
            margin: 0;
            width: 40% !important;
        }

        .app-selection .app-selection-boxes a.metrolink-box span {
            font-size: 1.2em;
        }

    .app-selection .external-report-small a.metrolink-box span img {
        width: 20% !important;
    }

    .app-selection .app-selection-boxes {
        width: 100%;
    }

    .app-selection .external-report-small {
        width: 100% !important;
    }

    .app-selection .app-selection-boxes {
        width: 48%;
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px !important;
        font-size: 13px;
    }

    .dropdown-menu {
        min-width: inherit !important;
    }

    .metrolinlk-nav .navbar-nav > li {
        width: 100% !important;
    }

    .form-inner-tab li {
        width: 50%;
    }

    .form-inner-tab ul {
        width: 100%;
        background: #C60;
    }

    .form-inner-tab .nav-tabs > li {
        border-radius: 0;
        float: left;
        margin-right: 0;
    }

        .form-inner-tab .nav-tabs > li a {
            padding: 8px;
            font-size: 13px;
        }

    /* .landing-container {
        min-height: 231px !important;
    } */
}

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

    .external-report-wrap .external-report-grid-1,
    .external-report-wrap .external-report-grid-2,
    .external-report-wrap .external-report-grid-3 {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .app-selection .app-selection-boxes a.metrolink-box {
        min-height: 110px;
        margin: 3px 0;
    }

        .app-selection .app-selection-boxes a.metrolink-box span img {
            margin: 0;
            width: 80px;
        }

        .app-selection .app-selection-boxes a.metrolink-box span {
            font-size: 1.2em;
        }

    .app-selection .external-report-small a.metrolink-box span img {
        width: 80px;
    }

    .app-selection .app-selection-boxes {
        width: 100%;
    }

    .app-selection .external-report-small {
        width: 98% !important;
    }

    .app-selection .app-selection-boxes {
        width: 48%;
    }

    .metrolinlk-nav .navbar-nav .open .dropdown-menu > li > a, .metrolinlk-nav .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 2px 7px 0px 10px;
        border-left: 1px solid #2294F5;
    }

    .metrolinlk-nav .navbar-nav {
        background: #FFF;
        width: 100%;
        margin-left: 21px;
        margin-top: 8px;
    }

        .metrolinlk-nav .navbar-nav > li {
            width: 100%;
            display: block;
            border-right: none;
        }

    .navbar-toggle {
        float: none !important;
        margin-left: 0 !important;
    }

    .navbar-nav {
        margin: 0 !important;
        border-top: 1px solid #b6cedc !important;
        border-right: 1px solid #b6cedc !important;
    }

    .metrolinlk-nav .navbar-nav > li {
        border-left: 1px solid #b6cedc !important;
        border-right: none 0;
    }

    .form-inner-tab .cat-btn-wrap {
        padding-top: 10px;
        text-align: center;
    }

        .form-inner-tab .cat-btn-wrap .add, .form-inner-tab .cat-btn-wrap .del {
            display: inline;
        }

    .button-wrap {
        float: none;
        text-align: center;
    }

    .metrolinlk-nav .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .top-bar {
        padding: 18px 0;
    }

    .app-selection {
        width: 95%;
    }

        .app-selection a.metrolink-box {
            width: 100%;
            margin-bottom: 10px;
            min-height: 150px;
        }

            .app-selection a.metrolink-box span {
                font-size: 1.5em;
            }

            .app-selection a.metrolink-box:hover {
                box-shadow: none;
            }

            .app-selection a.metrolink-box span img {
                margin: 13% 0 7%;
            }
}

@media only screen and (min-width: 768px) and (max-width : 1149px) {

    .metrobase {
        position: static !important;
    }

    .navbar-collapse.collapse {
        z-index: 99999;
        -webkit-box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34);
        -moz-box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34);
        box-shadow: -1px 1px 6px 3px rgba(0, 0, 0, 0.34);
        padding-right: 0px;
        background: #fff;
    }

    .customer-nubmber-change .analize-btn {
        width: 153px;
    }

    .external-report-wrap .external-report-grid-1,
    .external-report-wrap .external-report-grid-2,
    .external-report-wrap .external-report-grid-3 {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .navbar-nav {
        margin: 0 !important;
        border-top: 1px solid #b6cedc !important;
        border-right: 1px solid #b6cedc !important;
    }

    .metrolinlk-nav .navbar-nav > li {
        border-left: 1px solid #b6cedc !important;
        border-right: none 0;
    }

    .navbar-nav > li {
        float: none;
        display: block;
        width: 100%;
    }

    .navbar-nav {
        width: 100%;
    }

    .navbar-nav {
        background: #FFF;
        width: 100%;
        margin-left: 21px;
        margin-top: 8px;
    }

    .metrolinlk-nav .navbar-nav > li {
        width: 50%;
        float: left;
    }

    .navbar-right {
        float: left !important;
    }

    .navbar-toggle {
        float: none !important;
        margin-top: 3px !important;
    }
}
/* @media only screen and (min-width : 320px) and (max-width : 480px) {
.app-selection {
	width: 95%;
}
.app-selection a.metrolink-box {
	width: 100%;
	margin-bottom: 10px;
	min-height: 150px;
}
.app-selection a.metrolink-box span {
	font-size: 1.3em;
}
.app-selection a.metrolink-box:hover {
	box-shadow: none;
}
.app-selection a.metrolink-box span img {
	margin: 13% 0 7%;
}
}*/
@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation: portrait) {
    .footer {
        /*position: static;
	z-index: -9;*/
    }

    .login-container form {
        margin-bottom: 9%;
    }

    /* .landing-container {
        min-height: 319px !important;
    } */
}

@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation: landscape) {
    .footer {
        /*position: static;*/
    }

    /* .landing-container {
        min-height: 68px;
    } */
}

@media only screen and (min-width : 375px) and (max-width : 627px) and (orientation: portrait) {
    .footer {
        /*	position: static;
	bottom: 0;
	z-index: -9;*/
    }
}

@media only screen and (min-width : 375px) and (max-width : 627px) and (orientation: landscape) {
    .footer {
        /*position: static;*/
    }
}

@media only screen and (min-width : 414px) and (max-width : 736px) and (orientation: landscape) {
    .footer {
        /*position: static;*/
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    /* .landing-container {
        min-height: 827px;
    } */

    #MetroDashboard .modal-dialog {
        width: 95% !important;
    }

    #MetroDashboard .landing-container {
        min-height: auto;
    }

    .navbar-collapse {
        margin-left: -50px;
    }

    .app-selection {
        text-align: center;
        width: 550px;
    }

        .app-selection .app-selection-boxes a.metrolink-box {
            min-height: 110px;
            margin: 3px 0;
        }

            .app-selection .app-selection-boxes a.metrolink-box span img {
                margin: 0;
                width: 80px;
            }

            .app-selection .app-selection-boxes a.metrolink-box span {
                font-size: 1.2em;
            }

        .app-selection .external-report-small a.metrolink-box span img {
            width: 80px;
        }

        .app-selection .app-selection-boxes {
            width: 100%;
        }

        .app-selection .external-report-small {
            width: 98% !important;
        }

        .app-selection .app-selection-boxes {
            width: 48%;
        }

            .app-selection .app-selection-boxes a.metrolink-box span.img-contr {
                margin: 10px auto;
            }

    .mertobase-top-strap .small-logo figure img {
        width: 100%;
    }

    .user-manager-page .modal-dialog, #user-manger-box .modal-dialog {
        width: 760px;
    }

    .customer-nubmber-change .modal-dialog {
        width: 760px;
    }

    .inventory-manager .modal-dialog {
        width: 760px;
    }

    #inventory-cat-right .label-s {
        width: 111px;
    }

    .stokeitems {
        margin-left: 119px;
    }

    .maxwidth-50px {
        max-with: 50%;
    }

    .new-special-page .modal-dialog {
        width: 762px !important;
    }

    .new-special-page .spcl-detail-lbl {
        width: 120px;
    }

    .new-special-page #EditSpecial .form-control-lg {
        width: 206px !important;
    }

    .sales-order-page .modal-dialog {
        width: 762px !important;
    }

    .item-search-page-complete .modal-dialog {
        width: 762px !important;
    }

    #search-area-in .form-control-l, #search-area-it .form-control-l {
        width: 148px !important;
    }

    .item-search-page-complete .right-container .label-m {
        width: 76px !important;
    }

    #pricepack-container .form-control-lg, #product-cat-container .form-control-lg, #support-info-container .form-control-lg, #picture-info- container .form-control-lg {
        width: 331px !important;
    }

    .item-search-page-complete .build-list td {
        width: 100%;
        display: block !important;
    }

    .item-search-page-complete .build-list .btn-primary {
        margin-top: -22px;
    }

    .item-search-page-complete .build-list .checkbox-inline {
        float: right;
    }

    #product-cat-container .searchfromhere .form-control-lg {
        width: 262px !important;
    }

    #product-cat-container .label-m {
        width: 114px !important;
    }

    #product-cat-container .form-control-lg {
        width: 264px !important;
    }

    .item-search-page-complete .right-container #product-cat-container .searchfromhere .label-m {
        width: 0px !important;
    }

    .item-search-page-complete .right-container #product-info-fn-btn .btn {
        float: left;
        width: 134px;
    }

    .item-search-page-complete #pricepack-container .label-big {
        width: 132px !important;
    }

    .item-search-page-complete #pricepack-container .form-ctrl-s {
        width: 61px !important;
    }

    .customer-nubmber-change .form-content .label-m {
        width: 84px !important;
    }

    .inventory-manager .form-control-lg {
        width: 200px !important;
    }

    #inventory-manager-cat .label-s {
        min-width: 90px;
    }

    #inventory-manager-cat .form-control-m {
        width: 112px !important;
    }

    .mlink-product-selector .modal-dialog {
        width: 750px;
    }

    .mlink-product-selector .label-m {
        width: 108px !important;
    }

    .mlink-product-selector .form-control-lg {
        width: 330px !important;
    }

    .cash-receipts-entry .container {
        width: 760px !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    /* .landing-container {
        min-height: 571px;
    } */

    #MetroDashboard.modal {
        margin-top: 48px;
    }

    .app-selection a.metrolink-box {
        min-height: 190px;
    }

        .app-selection a.metrolink-box span img {
            margin: 17% 0 10%;
        }
}

@media only screen and (min-width : 360px) and (max-width : 640px) and (orientation: portrait) {
    /* .landing-container {
        min-height: 470px !important;
    } */
}

@media only screen and (min-width : 360px) and (max-width : 640px) and (orientation: landscape) {
    .app-selection {
        margin-bottom: 80px;
    }

    .login-container {
        margin-bottom: 80px;
    }
}

@media only screen and (min-width :800px) and (max-width :1200px) {
    /*.footer {
	position: static;
	
}*/
    /* .landing-container {
        min-height: 827px;
    } */

    .app-selection .app-selection-boxes a.metrolink-box span {
        font-size: 1.5em;
    }

    #MetroDashboard .modal-dialog {
        width: 95% !important;
    }
/* 
    #MetroDashboard .landing-container {
        min-height: auto;
    } */

    .app-selection .app-selection-boxes a.metrolink-box span {
        font-size: 14px !important;
    }
}

@media (max-width: 1220px) {
    .metrolinlk-nav .navbar-default .navbar-nav > li > a {
        padding-left: 4px;
        padding-right: 4px;
    }
}

@media (max-width: 1366px) {
    li:last-child .dropdown-submenu > .dropdown-menu {
        left: -100%;
    }

    .dropdown-submenu .dropdown-submenu > .dropdown-menu {
        left: -100%;
    }

    .mettrolink li:last-child .dropdown-submenu > .dropdown-menu {
        left: 100%;
    }
}

@media all and (min-height: 700px) {
    /*.footer {
	position: fixed;
	bottom: 0px;
}*/
}

/*Multilevel Dropdown Menu Style Starts*/

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -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: 4px 0 4px 4px;
        border-left-color: #0089CF;
        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;
        }

/*Multilevel Dropdown Menu Style Ends*/

.tab-pane {
    height: auto;
}

.msds-data .tab-pane .tab-pane {
    max-height: 180px;
    min-height: 180px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.reports-tab-title {
    display: block;
    float: left;
}

.external-report-grid-2 a {
    overflow: hidden;
    height: auto;
}

/*#grid1 .ui-grid-cell{
    min-width:500px !important;
    max-width:500px !important;
}*/

.ui-grid-render-container-body .ui-grid-viewport {
    width: auto;
    height: auto;
    overflow: auto !important;
}


.expandableRow {
    overflow-y: auto;
    height: auto !important;
}



#ExtRep-Tabs .tab-pane {
    height: 620px;
}

.scrollFiller {
    height: auto !important;
    margin-bottom: -8px;
}

.ui-grid-scrollbar-placeholder {
    display: none;
    height: 0px !important;
}

.item-search-page-complete .ui-grid-render-container-left .ui-grid-viewport {
    height: 254px !important;
}

.voidTransRowBackgroundColor {
    background-color: red !important;
}

.cellColor {
    background-color: lightgray !important;
}

.cellTextAlign {
    text-align: right;
}

#contextmenu-node {
    position: absolute;
    background-color: white;
    border: solid #CCCCCC 1px;
}

.contextmenu-item {
    margin: 0.5em;
    padding-left: 0.5em;
    z-index: 9999;
}

    .contextmenu-item:hover {
        background-color: #CCCCCC;
        cursor: default;
    }

.add-new-contract .form-inner {
    margin: 0px !important;
    padding: 4px !important;
}

    .add-new-contract .form-inner .row {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

.add-new-contract .grey-total-table .table {
    margin: 2px auto 0px auto !important;
}

.add-new-contract .form-inner-tab {
    margin-top: 3px !important;
}

    .add-new-contract .form-inner-tab .tab-content {
        padding: 5px 15px !important;
    }

.add-new-contract .tab-content {
    min-height: 192px !important;
}

.add-new-contract .location-right-cntr .table tr td {
    padding: 0px 8px 1px 8px !important;
}

.add-new-contract #Locations div.table-responsive {
    height: 130px !important;
}

.add-new-contract .loc-item-id-cntr {
    height: 16px;
}

.add-new-contract .small-buttton-wrap {
    margin-top: 4px !important;
}

.create-invoice-new .form-inner {
    padding: 4px 0px;
    margin: 4px 0px;
}

.create-invoice-new .sep {
    margin: 4px auto;
}

.licencing-text {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 1px #c8c8c8;
}

    .licencing-text ul {
        list-style: none;
        border: none;
    }

        .licencing-text ul li {
            padding: 0px 2px;
            cursor: pointer;
        }

            .licencing-text ul li.selectedlist {
                background: #1e90ff;
                color: #fff;
            }

    .licencing-text .availablesname {
        width: 70%;
        display: inline-block;
    }

    .licencing-text .availablescode {
        width: 30%;
        display: inline-block;
    }

.state-licensing .user-manager-button-wrap {
    padding-top: 36px;
}

    .state-licensing .user-manager-button-wrap .btn {
        margin-top: 3px;
    }
.tsc-tab{
    height: 54vh;
}
abbr {
    border-bottom: none !important;
    cursor: inherit !important;
    text-decoration: none !important;
  }

.flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.flex-space-between {
    justify-content: space-between;
}
.flex-space-evenly {
    justify-content: space-evenly;
}
.flex-start {
    justify-content: flex-start;
}
.tsc-opt-toggle {
    margin-right: 10px;
    padding: 1em;
    /* padding-right: 5px; */
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    /* border-radius: 0.375rem; */
    /* border-radius:  0.5rem; */
    border-radius: calc(infinity * 1px);
}

.tsc-opt-toggle-on {
    background-color: dodgerblue;
    /* border-radius: 10px; */
    color: white;
}

.tsc-opt-toggle-off {
    background-color: lightgrey;
    /* border-radius: 10px; */
}

input[type='file'].tsc-file::file-selector-button {
    display:none;
}

.tsc-custom-file-text::before {
    content: 'Add Approval File    .';
}

.tsc-summary-section {
    padding: 0.5em;
}

.tsc-summary-section .label-big {
    font-weight: 450;
    font-size: 1.3em;
}

.resizable-modal .ui-resizable-handle {
    position: absolute;
}

.resizable-modal .ui-resizable-se {
    bottom: 3px;
    right: 3px;
    width: 10px;
    height: 10px;
    cursor: se-resize;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M0 10L10 10L10 0' fill='%2366B8FF'/%3E%3C/svg%3E");
    z-index:1001!important;
}

.modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Scrolling fixes for resizable modal */
.resizable-modal .container {
    min-width: 100%;
    width: auto !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    padding-bottom: 50px !important; /* Add padding to prevent content being hidden behind button container */
}

.resizable-modal .styling-inner {
    overflow: auto !important;
    min-height: 500px;
    margin-bottom: 50px !important; /* Add margin to prevent content being hidden behind button container */
}

.resizable-modal .form-inner {
    min-width: 1136px; /* Match original content width */
}

.resizable-modal .form-content {
    min-width: 1136px; /* Match original content width */
}

.resizable-modal .container.container-l {
    overflow-x: auto !important;
    overflow-y: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 15px;
    width: 100% !important;
}

/* Ensure fixed button container stays at bottom but doesn't obscure scrollbar */
.resizable-modal .fixed-button-container {
    position: fixed !important;
    bottom: 15px !important; /* Move up slightly to show scrollbar */
    left: 0 !important;
    width: calc(100% - 15px) !important; /* Reduce width to not overlap scrollbar */
    z-index: 1050 !important;
    background: #fff !important;
    padding: 10px !important;
    border-top: 1px solid #ddd !important;
    min-width: 1121px !important; /* 1136px - 15px to account for scrollbar */
    margin-bottom: 15px !important;
}

/* Add padding to bottom of content to prevent overlap with fixed buttons */
.resizable-modal .styling {
    padding-bottom: 75px !important; /* Increased to account for button container height + scrollbar */
}

/* Ensure modal content fills height */
.resizable-modal .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
}

/* Handle resize handle */
.resizable-modal .ui-resizable-handle {
    position: absolute;
}

.resizable-modal .ui-resizable-se {
    bottom: 3px;
    right: 3px;
    width: 10px;
    height: 10px;
    cursor: se-resize;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M0 10L10 10L10 0' fill='%2366B8FF'/%3E%3C/svg%3E");
    z-index: 1051 !important; /* Ensure it's above the button container */
}

.proposal-screen{
    height:855px!important;
}

.resizable-modal .special-launcher-container {
    padding-bottom: 20px!important;
}

.special-launcher-container .form-inner {
    /* min-width: 555px!important; */
    height: calc(100% - 20px);

}

.special-launcher-container .form-content {
    /* min-width: 555px!important; */
    height: 100%;
}