::-ms-clear {
    visibility: hidden;
}

* {
    font-family: segoe UI,Verdana,Arial,sans-serif;
    /*font-weight: 325;*/
    font-size: 14px;
    /*user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;*/
}

body {
    margin-top: 60px;
}
/*---Common for body background---------------------*/
.page-wrapper {
    width: 100%;
    background-color: #ffffff;
    height: 100%;
    margin-left: 15px;
}
/*----------------Top Navigation bar (about us ,contact us...)-----------------*/
.top-nav {
    padding: 0 15px;
}

.ShowTestMessageIcon {
    outline-style: none;
    display: block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-image: url(../Images/Test_Message.png);
}

.top-nav > li {
    display: inline-block;
    float: left;
}

    .top-nav > li > a {
        padding-top: 8px;
        padding-bottom: 8px;
        color: #484747;
        opacity: 0.8;
    }

        .top-nav > li > a:hover,
        .top-nav > li > a:focus,
        .top-nav > .open > a,
        .top-nav > .open > a:hover,
        .top-nav > .open > a:focus {
            color: #2e7fd3 !important;
            background: none;
        }

/*------------remove font-weight from pagination------------*/
.pagination-bottom a {
    font-weight: 400 !important;
}

/*------------Left menu selection bar design------------*/


.atd-punchno {
    color: #aaaaaa;
}

@media(min-width:768px) {
    .side-nav-markpunch {
        position: fixed;
        top: 50px;
        left: 15px;
        width: 230px;
        border-radius: 0;
        bottom: -20px;
        color: #7a7777 !important;
    }

    .side-nav {
        position: fixed;
        top: 50px;
        left: 15px;
        width: 230px;
        border-radius: 0;
        bottom: -20px;
        overflow-x: hidden;
        overflow-y: auto;
        color: #7a7777 !important;
        /*padding-bottom: 40px;*/
    }

        .side-nav > li {
            border-bottom: thin solid #dcdbdb !important;
        }

            .side-nav > li > a {
                font-size: 12px;
                color: #7a7777;
            }

        .side-nav li a:hover {
            color: #2e7fd3 !important;
        }

        .side-nav li a:focus {
            color: #3071d7 !important;
        }

        .side-nav li a:active {
            color: #3071d7 !important;
        }

        .side-nav > li > ul {
            padding: 0;
        }

            .side-nav > li > ul > li {
                border-bottom: thin solid #dcdbdb !important;
            }

                .side-nav > li > ul > li > a {
                    font-size: 12px;
                    display: block;
                    padding: 1px 0 1px 15px;
                    text-decoration: none;
                    color: #7a7777;
                }

                    .side-nav > li > ul > li > a:hover {
                        color: #2e7fd3 !important;
                    }

                    .side-nav > li > ul > li > a:focus {
                        color: #3071d7 !important;
                    }

                    .side-nav > li > ul > li > a:active {
                        color: #3071d7 !important;
                    }

                .side-nav > li > ul > li > ul {
                    padding: 0;
                }

                    .side-nav > li > ul > li > ul > li {
                        border-bottom: thin solid #dcdbdb !important;
                        padding: 0 0 0 10px;
                        margin-top: 0px;
                    }

                        .side-nav > li > ul > li > ul > li > a {
                            font-size: 12px;
                            display: block;
                            padding: 1px 0 1px 15px;
                            text-decoration: none;
                            color: #7a7777;
                        }

                            .side-nav > li > ul > li > ul > li > a:hover {
                                color: #2e7fd3 !important;
                            }

                            .side-nav > li > ul > li > ul > li > a:focus {
                                color: #3071d7 !important;
                            }

                            .side-nav > li > ul > li > ul > li > a:active {
                                color: #3071d7 !important;
                            }

                        .side-nav > li > ul > li > ul > li > ul {
                            padding: 0;
                        }

                            .side-nav > li > ul > li > ul > li > ul > li {
                                border-bottom: thin solid #dcdbdb !important;
                                padding: 0 0 0 10px;
                                margin-top: 0px;
                            }

                                .side-nav > li > ul > li > ul > li > ul > li > a {
                                    font-size: 12px;
                                    display: block;
                                    padding: 1px 0 1px 15px;
                                    text-decoration: none;
                                    color: #7a7777;
                                }

                                    .side-nav > li > ul > li > ul > li > ul > li > a:hover {
                                        color: #2e7fd3 !important;
                                    }

                                    .side-nav > li > ul > li > ul > li > ul > li > a:focus {
                                        color: #3071d7 !important;
                                    }

                                    .side-nav > li > ul > li > ul > li > ul > li > a:active {
                                        color: #3071d7 !important;
                                    }

    .collapse > ul {
        margin-top: 1px;
        border-right: 1px solid #484747;
        background-color: #f6f6f6;
    }

        .collapse > ul > li > a {
            padding: 5px;
        }
}
/*-------------custom scroll for left side bar-------------*/
/*#accordion::-webkit-scrollbar {
    width: 3px;
}

#accordion::-webkit-scrollbar-track {
    border-radius: 2px;
}

#accordion::-webkit-scrollbar-thumb {
    background-color: #aaaaaa;
    border-radius: 3px;
}

    #accordion::-webkit-scrollbar-thumb:hover {
        background-color: #484747;
    }

    #accordion::-webkit-scrollbar-thumb:active {
        background-color: #474747;
    }*/
/*---------Side bar for mobile and less than 767px size (left side bar)----------*/
@media(max-width:767px) {
    .side-nav > li {
        border-bottom: thin solid #dcdbdb !important;
    }

        .side-nav > li > a {
            font-size: 12px;
            color: #7a7777 !important;
        }

    .side-nav li a:hover {
        color: #3071d7 !important;
    }

    .side-nav > li > ul {
        padding: 0;
    }

        .side-nav > li > ul > li {
            border-bottom: thin solid #dcdbdb !important;
        }

            .side-nav > li > ul > li > a {
                font-size: 12px;
                display: block;
                padding: 1px 0 1px 15px;
                text-decoration: none;
                color: #7a7777 !important;
            }

                .side-nav > li > ul > li > a:hover {
                    color: #2e7fd3 !important;
                }

                .side-nav > li > ul > li > a:focus {
                    color: #3071d7 !important;
                }

                .side-nav > li > ul > li > a:active {
                    color: #3071d7 !important;
                }

            .side-nav > li > ul > li > ul {
                padding: 0;
            }

                .side-nav > li > ul > li > ul > li {
                    border-bottom: thin solid #dcdbdb !important;
                }

                    .side-nav > li > ul > li > ul > li > a {
                        font-size: 12px;
                        display: block;
                        padding: 1px 0 1px 15px;
                        text-decoration: none;
                        color: #7a7777 !important;
                    }

                        .side-nav > li > ul > li > ul > li > a:hover {
                            color: #2e7fd3 !important;
                        }

                        .side-nav > li > ul > li > ul > li > a:focus {
                            color: #3071d7 !important;
                        }

                        .side-nav > li > ul > li > ul > li > a:active {
                            color: #3071d7 !important;
                        }

    side-nav > li > ul > li > ul > li > ul {
        padding: 0;
    }

    .side-nav > li > ul > li > ul > li > ul > li {
        border-bottom: thin solid #dcdbdb !important;
    }

        .side-nav > li > ul > li > ul > li > ul > li > a {
            font-size: 12px;
            display: block;
            padding: 1px 0 1px 25px;
            text-decoration: none;
            color: #7a7777 !important;
        }

            .side-nav > li > ul > li > ul > li > ul > li > a:hover {
                color: #2e7fd3 !important;
            }

            .side-nav > li > ul > li > ul > li > ul > li > a:focus {
                color: #3071d7 !important;
            }

            .side-nav > li > ul > li > ul > li > ul > li > a:active {
                color: #3071d7 !important;
            }

    .collapse > ul {
        background-color: #484747;
    }

        .collapse > ul > li > a {
            padding: 10px;
        }
}
/*------------apply accordion on close icon on open close state of menu selection---------------*/
.side-nav li a[data-toggle="collapse"]:after {
    font-family: 'fontAwesome';
    content: "\f0d8";
    float: right;
    margin-right: 10px;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    /*position:absolute;*/
}

.side-nav li a[data-toggle="collapse"].collapsed:after {
    content: "\f0d7";
}
/*--------------inner module icon above left menu bar---------*/
.module {
    margin-left: -5px;
}

.modulename {
    float: right;
    width: 50%;
    word-wrap: break-word;
    color: #484747;
    font-size: 16px;
    margin-left: 140px;
}
/*-------page tilte------*/
.navigationbar {
    box-shadow: 0 -5px 10px -5px #484747 inset;
    display: block;
    border-bottom: 1px solid #cccccc;
}

    .navigationbar > .navbar-header.inner-page {
        margin-top: -3px !important;
        margin-left: 7px !important;
    }

.logo {
    margin-top: -10px;
    margin-left: -12px;
}

.page-heading {
    margin-top: -3px;
    background-color: #484747;
    /*height: 35px;*/ height: 33px;
    color: #f1f1f1;
}
/*------------favoite,close option------------*/
.page-option {
    float: right;
    margin-top: -10px;
}

    .page-option .btn {
        color: #cccccc;
        background: none;
    }

        .page-option .btn:hover {
            cursor: pointer;
            color: #96c8f3;
        }
/*-----------Background for button bar--------------*/
.page-menu {
    background-color: #eeeeee;
    height: 40px;
    box-shadow: 1px 1px 5px #cccccc;
}
/*----------common button-----------*/
.dml-btn button {
    color: #3c3b3b;
    background: none;
    margin-top: -5px;
    margin-left: 10px;
}

    /*.dml-btn button:hover {
        color: #2c65a4;
        background-color: #f4f4f4;
        box-shadow: 2px 2px 2px #cccccc inset;
    }

    .dml-btn button:focus {
        color: #2c65a4;
        background-color: #f6f6f6;
        border: thin solid #2c65a4;
    }*/


    .dml-btn button:hover, .dml-btn button:focus {
        background-color: #E5EAEF;
        border: 1px solid #2c65a4;
        box-shadow: 2px 2px 2px #ccc inset;
    }


    .dml-btn button:disabled,
    .dml-btn button[disabled] {
        color: #cccccc;
        cursor: not-allowed;
        background-color: #eeeeee;
        /*border: none;  --  Removed due to flickering of common btnBar*/
    }
/*--------------usable area(form-grid)-----------------*/
.right-panel {
    margin-top: -50px;
    height: auto;
}

.right-align {
    text-align: right;
}

form {
    /*margin-top: 10px !important;*/
}
/*------------------layout control design--------------*/
.form-hr {
    overflow-y: scroll;
    margin-top: 10px;
    /*overflow-x:hidden;*/
    /*height: 36.75em;*/
    /*height: 78.50vh;*/ height: 79.50vh;
    border-right: 1px solid #cccccc;
}
/*---------------page which not required scroll----------*/
.form-hr-small {
    /*width: 100%;*/
    margin-top: 10px;
    overflow: auto;
    /*height: 78.50vh;*/ height: 79vh;
    border-right: 1px solid #cccccc;
}
/*customize scrollbar for----------common page--------------*/
/*.form-hr::-webkit-scrollbar {
    width: 3px;
}

.form-hr::-webkit-scrollbar-track {
    border-radius: 3px;
}

.form-hr::-webkit-scrollbar-thumb {
    background-color: #aaaaaa;
    border-radius: 3px;
}

    .form-hr::-webkit-scrollbar-thumb:hover {
        background-color: #404040;
    }

    .form-hr::-webkit-scrollbar-thumb:active {
        background-color: #404040;
    }

.form-hr::-webkit-scrollbar {
    width: 3px;
}*/

.form-hr-dashboard {
    height: 82vh;
}
.form-hr-big {
       height: 83vh !important;
}
/*--------------use for remove horizontal scroll----------------*/
.sc {
    width: 95%;
    margin: 0 auto;
}
/*---------------apply fix size of font in page---------------*/
.form-label label, .rbpopover * {
    font-size: 12px !important;
}
/*---------legend label style----------*/
.legend-label {
    font-weight: 800;
    font-size: 13px;
}

.legend-label-center {
    margin: 0 auto;
    width: 100%;
}
/*------------inline checkbox width----------*/
.checkbox-inline-width {
    width: 15%;
}
/*----------picklist and calendar selection icon bg--------------*/
.input-group-btn button.btn {
    border-color: #ccc;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 7px !important;
    padding-right: 7px !important;
    background-color: #f4f4f4;
    color: #000000;
}
/*----------Main accordion for main page-----------------*/
#accordion_master {
    text-decoration: none;
    color: #484747;
    /*width: 100;*/
    margin: 0 auto;
}

    #accordion_master a {
        text-decoration: none;
        color: #484747;
        font-weight: 500;
    }

        #accordion_master a:hover {
            text-decoration: none;
            color: #2e7fd3;
            font-weight: 500;
        }

.accordion-heading {
    background: linear-gradient(#f5f5f5,#e5e5e5);
    background: -webkit-linear-gradient(#f5f5f5,#e5e5e5);
    background: -moz-linear-gradient(#f5f5f5,#e5e5e5);
    background: -o-linear-gradient(#f5f5f5,#e5e5e5);
}

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

.accordion-heading:hover {
    background: rgba(120, 120, 120, 0.24);
}

/*Issues fixing picklist text selection in accordion COSCLD-11809 */
#accordion_master .autocomplete .dropdown-menu .active > a {
    color: #337ab7 !important;
}

.panel-group .panel > a + a:focus label {
    color: #2777cb !important;
}

/*-----------apply accordion on close icon on open close state*-------------------*/
a .accordion-heading:after {
    font-family: 'fontAwesome';
    content: "\f0d8";
    float: right;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
}

a.collapsed .accordion-heading:after {
    content: "\f0d7";
}
/*------------Accordian click event anchor class------------*/
.anchorclick, .anchorclick01, .anchorclick02, .anchorclick03, .anchorclick04 {
    color: #2777cb !important;
}

.anchorclick1:after, .anchorclick2:after, .anchorclick3:after, .anchorclick4:after {
    content: "\f0d8" !important;
}

/*----acoordion content sapcing------*/
.no-padding {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    width: 100%;
}
/*-----------scrollbar- Vertical scroll for accordion-------------*/
.inner-scroll-grp-mapping {
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.inner-scroll {
    overflow-y: auto;
    height: 250px;
    width: 50%;
    overflow-x: hidden;
}
/*--------------custom scroll design for accordion---------------------*/
/*.inner-scroll::-webkit-scrollbar {
        width: 6px;
    }

    .inner-scroll::-webkit-scrollbar-track {
        border-radius: 5px;
    }

    .inner-scroll::-webkit-scrollbar-thumb {
        background-color: #aaaaaa;
        border-radius: 5px;
    }

        .inner-scroll::-webkit-scrollbar-thumb:hover {
            background-color: #404040;
        }

        .inner-scroll::-webkit-scrollbar-thumb:active {
            background-color: #404040;
        }

    .inner-scroll::-webkit-scrollbar {
        width: 6px;
    }*/
/*-------------picklist control icon-----------------*/
.picklist-button {
    background-color: #ffffff;
}
/*-------------validation success meassage----------------*/
.success-message {
    z-index: 999;
    width: 80%;
    position: absolute;
}

.overlay_success {
    margin-left: 150px;
    z-index: 990;
    width: 45%;
    margin-left: 28%;
    position: absolute;
    background-color: #cde0c4;
    /*margin-top: -74px;*/ margin-top: -73px;
    padding: 3px;
    color: #396a3b;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    /* New Updated*/
    border: 1px solid #79B97C;
    border-width: 0;
    border-left-width: 6px;
    border-radius: 3px;
}

    .overlay_success:before {
        font-family: 'fontAwesome';
        content: "\f00c";
    }

    .overlay_success label {
        margin-top: -7px;
        margin-left: 5px;
    }
/*--------------validation alert message----------------*/
.alert-message {
    z-index: 990;
    width: 80%;
    position: absolute;
}

.overlay_alert {
    z-index: 990;
    width: 45%;
    margin-left: 28%;
    position: absolute;
    background-color: #f5b4b4;
    /*margin-top: -74px;*/ margin-top: -73px;
    padding: 3px;
    color: #953b39;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    /* New Updated*/
    border: 1px solid #DC8785;
    border-width: 0;
    border-left-width: 6px;
    border-radius: 3px;
}

    .overlay_alert:before {
        font-family: 'fontAwesome';
        content: "\f12a";
    }

    .overlay_alert label {
        margin-top: -7px;
        margin-left: 5px;
    }

/*--------------validation Info message----------------*/


.overlay_info {
    z-index: 990;
    width: 45%;
    margin-left: 28%;
    position: absolute;
    background-color: rgba(173, 211, 229, 0.95);
    /*margin-top: -74px;*/ margin-top: -73px;
    padding: 3px;
    color: #243242;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    /* New Updated*/
    border: 1px solid rgb(65, 144, 181);
    border-width: 0;
    border-left-width: 6px;
    border-radius: 3px;
}

    .overlay_info:before {
        font-family: 'fontAwesome';
        content: "\f129";
    }

    .overlay_info label {
        margin-top: -7px;
        margin-left: 5px;
    }

/*--------------validation alert message----------------*/


.overlay_warning {
    z-index: 990;
    width: 45%;
    margin-left: 28%;
    position: absolute;
    background-color: #efe1b3;
    /*margin-top: -74px;*/ margin-top: -73px;
    padding: 3px;
    color: #826430;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    /* New Updated*/
    border: 1px solid #dfb56c;
    border-width: 0;
    border-left-width: 6px;
    border-radius: 3px;
}

    .overlay_warning:before {
        font-family: 'fontAwesome';
        content: "\f071";
    }

    .overlay_warning label {
        margin-top: -7px;
        margin-left: 5px;
    }



.panel-group .panel-list + .panel-list {
    margin-top: -5px;
}
/*--------------button deisgn for progressbar----------*/
.btn-label-pb {
    width: 27%;
    background-color: #535151;
    color: #f6f6f6;
    margin-left: 200px;
}

    .btn-label-pb:hover {
        width: 27%;
        background-color: #3c3b3b;
        color: #ffffff;
        margin-left: 200px;
    }

    .btn-label-pb:focus {
        width: 27%;
        background-color: #3c3b3b;
        color: #ffffff;
        margin-left: 200px;
    }
/*-------------button deisgn for modal popup----------------*/
.btn-label-modal {
    background-color: #535151;
    color: #f6f6f6;
    text-align: center;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    width: 95px;
}

    .btn-label-modal:hover {
        background-color: #3c3b3b;
        color: #ffffff;
        text-align: center;
    }

    .btn-label-modal:focus {
        background-color: #3c3b3b;
        color: #ffffff;
        text-align: center;
    }
/*------------button deisgn for general page---------------*/
.btn-label {
    width: 37%;
    background-color: #555050;
    border: 1px solid #484747;
    border-radius: 5px;
    color: #e5e5e5;
    height: 30px;
    vertical-align: middle;
    font-size: 12px;
}

    .btn-label:hover {
        width: 37%;
        background-color: #464343;
        border: 1px solid #484747;
        border-radius: 5px;
        color: #ffffff;
        height: 30px;
        vertical-align: middle;
        font-size: 12px;
    }

    .btn-label:focus {
        width: 37%;
        background-color: #3c3b3b;
        color: #ffffff;
        height: 30px;
        vertical-align: middle;
        font-size: 12px;
    }

.btn-label-md {
    width: 45%;
    background-color: #555050;
    border: 1px solid #484747;
    border-radius: 5px;
    color: #e5e5e5;
    height: 30px;
    vertical-align: middle;
    font-size: 12px;
}

    .btn-label-md:hover {
        width: 45%;
        background-color: #464343;
        border: 1px solid #484747;
        border-radius: 5px;
        color: #ffffff;
        height: 30px;
        vertical-align: middle;
        font-size: 12px;
    }

    .btn-label-md:focus {
        width: 45%;
        background-color: #3c3b3b;
        color: #ffffff;
        height: 30px;
        vertical-align: middle;
        font-size: 12px;
    }

.btn-label-lg {
    width: 65%;
    background-color: #555050;
    border: 1px solid #484747;
    border-radius: 5px;
    color: #e5e5e5;
    height: 30px;
    vertical-align: middle;
    font-size: 12px;
}

    .btn-label-lg:hover {
        width: 65%;
        background-color: #464343;
        border: 1px solid #484747;
        border-radius: 5px;
        color: #ffffff;
        height: 30px;
        vertical-align: middle;
        font-size: 12px;
    }

    .btn-label-lg:focus {
        width: 65%;
        background-color: #3c3b3b;
        color: #ffffff;
        height: 30px;
        vertical-align: middle;
        font-size: 12px;
    }
/*-----------uploade file for drag and drop-----------------*/
.upload-drop-zone {
    height: 75px;
    border-width: 1px;
    margin-bottom: 10px;
}

.upload-drop-zone {
    color: #ccc;
    border-style: dashed;
    border-color: #ccc;
    line-height: 75px;
    text-align: center;
}

    .upload-drop-zone.drop {
        color: #222;
        border-color: #222;
    }
/*------modal pop up button alignment------------*/
.modal-btn {
    float: right;
}

.progress_load {
    z-index: 999;
    display: none;
    position: absolute;
    margin-left: 35%;
    margin-top: 35%;
}

.img-preview {
    background-color: #fff;
    border: 1px solid #979b9e;
}

.prev-uploaded-img {
    height: 240px !important;
    width: 240px !important;
    margin: 0 auto !important;
    border: 2px solid #e3e3e3;
}
.user-img-webcam {
    border-color: #065494 !important;
}

.file-uploader-button {
    height: 45px;
    width: 240px;
    margin: 0 auto;
    border: 2px solid #e3e3e3;
    border-top: 0;
}

.shutter {
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
}

.shutter.outer {
    border: 3px solid white;
    width: 40px;
    height: 40px;
    margin-top: -55px;
    margin-left: 100px;
}

.shutter.inner {
    height: 30px;
    width: 30px;
    background: white;
    margin-top: 2px;
}

.text-center .shutter.inner {
    margin-left: -15px;
}

.text-center1 .shutter.inner {
    margin-left: 2px;
}

.shutter-buttons, .shutter-buttons:hover {
    margin-left: 47px;
}
.modalprofilebutton, .modalprofilebutton:hover {
    margin: 12px 20px;
    font-size: 21px;
    color: #065494 !important;
    cursor: pointer;
    text-decoration: none;
}
.doc-capture-disable, .doc-capture-disable:hover {
    cursor: default;
    color: #5e90ba !important;
}

#icons_hover:hover {
    color: #96c8f3;
    cursor: pointer;
}
/*--------in edit mord need to heighlight------------*/
.save_heighlight {
    color: #2c65a4;
    background-color: #f4f4f4;
    box-shadow: 1px 1px 15px #96c8f3 inset;
}
/*----------------Grid Search------------------*/
.search-bar {
    margin-top: 1px;
}
/*---------------search icon inside textbox---------*/
.fa-search {
    position: absolute;
    right: 25px;
    top: 4px;
    color: #e5e5e5;
}
/*---------------Loader icon inside textbox while searching---------*/
.fa-spinner {
    position: absolute;
    right: 25px;
    top: 4px;
    color: #484747;
}
/*------------Grid alignment css right and center---------*/
.master-table {
    margin-top: 15px;
    width: 100%;
    font-size: 12px !important;
}

    .master-table > thead > tr > th {
        background-color: #dddddd;
    }

    .master-table thead tr th i {
        color: #484747;
    }

    .master-table tbody tr td i {
        color: #484747;
    }

    .master-table thead tr th i:hover {
        color: #96c8f3;
    }

    .master-table tbody tr th i:hover {
        color: #96c8f3;
    }
/*-------------Selected row color-----------*/
.bg-row {
    background-color: #cedded;
    color: #484747;
}
/*------------center page grid-------------*/
.table-center {
    margin-left: 18%;
}

.tb {
    width: 80%;
}
/*--------------default selected cell-----------*/
table.table.table-striped tr.default td {
    font-weight: 700;
    background-color: #ecf0f3;
}
    table.table.table-striped tr.default td label {
        font-weight: 700;
    }

/*-----------user selection directive margin------------*/
.user-selection {
    /*margin-left:-8px;*/
    width: 98%;
    margin: 0 auto;
}

/*------------Wrapper responsiveness----------------*/


/*------------Device Status----------------*/

.ImgExpand {
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
    height: 20px;
    width: 18px;
    background-image: url('../Images/Grid/Opened.png');
}

.Imgcollaps {
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
    height: 20px;
    width: 18px;
    background-image: url('../Images/Grid/Closed.png');
}

.ImgSetting {
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
    height: 20px;
    width: 18px;
    background-image: url('../Images/Grid/Settings_cell.png');
}


.ImgPanelDoor {
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
    height: 20px;
    width: 18px;
    margin-left: 13px;
    background-image: url('../Images/Grid/Settings_cell.png');
}

.legwrapper {
    position: relative;
    height: 150px;
    margin-top: 15px;
}

/*.legline
    {
        position:absolute;
        left:49%;
        top:0;
        bottom:0;
        width:1px;
        background: #ccc;
        z-index:1;
    }*/

.legwordwrapper {
    text-align: center;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 51%;
    margin-top: -12px;
    z-index: 2;
}

.legbarUserwordwrapper {
    text-align: center;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 62%;
    margin-top: -12px;
    z-index: 2;
}

.legword {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    color: #606263;
    letter-spacing: 1px;
    /*padding:3px;*/
    background: #fff;
}

/*//font: 12px arial,sans-serif;*/
.morris-hover {
    position: absolute;
    z-index: 1000;
}

    .morris-hover.morris-default-style {
        border-radius: 10px;
        padding: 6px;
        background: #f0f3f5;
        border: solid 1px rgba(131, 127, 127, 0.8);
        font-family: sans-serif;
        font-size: 12px;
        text-align: center;
        width: 100px;
    }

        .morris-hover.morris-default-style .morris-hover-row-label {
            font-weight: bold;
            margin: 0.25em 0;
        }

        .morris-hover.morris-default-style .morris-hover-point {
            /*white-space: nowrap;*/
            margin: 0.1em 0;
        }
/*------------Device Status----------------*/
/*V12R4 - Bhavik Jadav Changes - To hide menu bar for Report Builder module*/
.navbar-collapse.collapse.hide-menu-bar {
    display: none !important;
}

@media(min-width:768px) {

    .wrapper.move-wrapper {
        padding-left: 0px !important;
        margin-left: -30px;
    }
}
/*V12R4 - Bhavik Jadav Changes End*/
@media(min-width:768px) {
    .wrapper {
        margin-top: -6px;
        padding-left: 198px !important;
        /*border-left: 2px solid #484747; --  remove black border from menu*/
    }
}

@media(min-width:426px) and (max-width:767px) {
    .wrapper {
        margin-top: 35px;
        margin-left: -30px;
    }
}

@media(min-width:300px) and (max-width:425px) {
    .wrapper {
        margin-top: 118px;
        margin-left: -30px;
    }
}
/*-------------common button for mobile and up to 1200px size(md)----------------*/
@media (min-width:240px) and (max-width:1200px) {
    .dml-btn button {
        color: #3c3b3b;
        margin-top: 13px;
    }
}

/*----------For accordion Control-------------------*/
@media(min-width:300px) and (max-width:767px) {
    .accordion-body {
        margin-left: 30%;
    }
    /*----------loading image for mobile device----------*/
    .pageonload > img {
        position: fixed;
        top: 50%;
        left: 30%;
    }
}


/*----------For loader with text Control-------------------*/
@media(min-width:300px) and (max-width:770px) {
    /*----------loading image for mobile device----------*/
    .loadNextRecordLoader {
        position: fixed;
        top: 50%;
        left: 42%;
        height: 50px;
        width: 300px;
    }

    .loadNextRocordDiv {
        background-color: rgba(204, 204, 204, 0.16);
    }
}

@media (min-width:771px) and (max-width:1600px) {
    .loadNextRecordLoader {
        position: fixed;
        top: 53%;
        left: 44%;
        height: 50px;
        width: 300px;
    }

    .loadNextRocordDiv {
        background-color: rgba(204, 204, 204, 0.16);
    }
}

@media (min-width:769px) {
    .modulename {
        margin-right: 8px;
        margin-top: -53px;
    }
}

@media (min-width:320px) and (max-width:768px) {
    .modulename {
        /*margin-right:30%;*/
        margin-top: 32px;
    }
}


@media(min-width:1500px) {
    .form-hr {
        overflow-y: scroll;
        margin-top: 10px;
        /*overflow-x:hidden;*/
        /*height: 36.75em;*/
        height: 79.50vh;
        border-right: 1px solid #cccccc;
    }
    /*---------------page which not required scroll----------*/
    .form-hr-small {
        /*width: 100%;*/
        margin-top: 10px;
        overflow: auto;
        height: 79vh;
        border-right: 1px solid #cccccc;
    }
}

.ShowPopUpBackGround {
    outline-style: none;
    display: block;
    background-color: #3a3939;
    vertical-align: middle;
    height: 20px;
    width: 18px;
    background-repeat: no-repeat;
    background-image: url(../Images/Others/ShowDetailDuration.png);
}

    .ShowPopUpBackGround:hover {
        background-color: #2e7fd3 !important;
    }

.ShowEditIconForCOFF {
    outline-style: none;
    display: block;
    background-color: #3a3939;
    vertical-align: middle;
    height: 20px;
    width: 16px;
    background-repeat: no-repeat;
    background-image: url(../Images/Others/Edit.png);
}

.ShowEditIconForCOFFhover :hover {
    background-color: #2e7fd3 !important;
}

.btnRemoveAdjHours {
    width: 12px;
    height: 20px;
    vertical-align: middle;
    background-image: url(../Images/Others/Delete.png);
    background-color: #3a3939;
    background-repeat: no-repeat;
    outline-style: none;
    display: block;
}
/*@media (max-height:801px) {
    .form-hr {
        height: 80vh;
    }
}
@media (max-height:781px) {
    .form-hr {
        height: 79vh;
    }
}*/

/*input[type="checkbox"] {
  display: none;
}

.custom-check {
        display: inline-block;
        width: 13px; height: 13px;
        background: white;
        border: 1px solid #CCCCCC;
        font-family: 'fontAwesome';
        font-size: 12px;
        line-height: 1;
    }
.custom-check:hover{
        display: inline-block;
        width: 12px; height: 12px;
        background: white;
        border: 1px solid #2777cb;
         font-family: 'fontAwesome';
        font-size: 12px;
        line-height: 1;
    }
.custom-check :focus{
        display: inline-block;
        width: 12px; height: 12px;
        background: white;
        border: 1px solid #2777cb;
         font-family: 'fontAwesome';
        font-size: 12px;
        line-height: 1;
    }

.custom-check::before {
  content: " \f00c";
  color: #2777cb;
  display: none;
 font-size: 12px;

}

input[type=checkbox]:checked + .custom-check::before {
    font-size: 12px;
    color: #2777cb;
    display: block;
}*/


/*Start auto complete suggession css*/


.autocomplete .dropdown-menu {
    max-height: 250px;
    overflow-y: scroll;
}

/*.autocomplete .dropdown-menu::-webkit-scrollbar {
        width: 3px;
    }

    .autocomplete .dropdown-menu::-webkit-scrollbar-track {
        border-radius: 3px;
    }

    .autocomplete .dropdown-menu::-webkit-scrollbar-thumb {
        background-color: #aaaaaa;
        border-radius: 3px;
    }

        .autocomplete .dropdown-menu::-webkit-scrollbar-thumb:hover {
            background-color: #404040;
        }

        .autocomplete .dropdown-menu::-webkit-scrollbar-thumb:active {
            background-color: #404040;
        }

    .autocomplete .dropdown-menu::-webkit-scrollbar {
        width: 3px;
    }*/


/*End auto complete suggession css*/


/*Start CSS for Device Type selection*/

#tblDeviceSelection td, th {
    padding: 5px;
}

#tblDeviceSelection .lblDeviceName {
    color: #a6a5a5;
    font-size: 18px;
}

#tblDeviceSelection .legend-label {
    font-weight: bold !important;
    font-size: 11px;
}

.gridRightLine {
    border-color: #cccccc;
    border-style: solid;
    border-width: 0 1px 0 0;
}

.trupContentSelection {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
}

.tdLeftContentSelection {
    border-color: #cccccc;
    border-style: solid;
    border-width: 0 1px 1px;
    padding-left: 2px;
}

.tdRightContentSelection {
    border-color: #cccccc;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding-left: 2px;
}

.grdFormGroupReduce {
    min-height: 20px !important;
    margin-bottom: 1px !important;
}

.LabelAlignment {
    text-align: right;
    vertical-align: middle;
}

/*End Css*/

/*Start css for ng-Cloak*/

[ng\cloak], [ng-cloak], [data-ng-cloak], [x-ngcloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/*Start css for ng-Cloak*/


.hidefrom {
    display: none;
}

.showfrom {
    display: block !important;
}


.addScrolling tbody {
    display: block;
    overflow: auto;
}

    .addScrolling thead, .addScrolling tbody tr {
        display: table;
        width: 100%;
    }

table.addScrolling {
    background-color: #dddddd;
}

.addScrolling thead {
    width: calc( 100% - 1em );
}


.addScrolling tfoot {
    display: block;
    overflow: auto;
}

tfoot {
    background-color: #dddddd !important;
}

.addScrolling tfoot, .addScrolling tfoot tr {
    display: table;
    width: 100%;
}


.addScrolling tfoot {
    width: calc( 100% - 1em );
}


/*System Accounts Role Configuration*/
.imgPageRight {
    height: 25px;
    width: 35px;
    background-image: url(../Images/Page_Rights_Normal.png);
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
}

    .imgPageRight:hover {
        outline-style: none;
        display: block;
        background-repeat: no-repeat;
        background-image: url(../Images/Page_Rights_Hover.png);
    }

.imgPageRightActive {
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
    background-image: url(../Images/Page_Rights_Hover.png);
}

.imgModuleRight {
    height: 25px;
    width: 35px;
    background-image: url(../Images/Module_Rights_Normal.png);
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
}

    .imgModuleRight:hover {
        outline-style: none;
        display: block;
        background-repeat: no-repeat;
        background-image: url(../Images/Module_Rights_Hover.png);
    }

.imgModuleRightActive {
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
    background-image: url(../Images/Module_Rights_Hover.png);
}

.imgApplicationRight {
    height: 25px;
    width: 35px;
    background-image: url(../Images/Application_Rights_Normal.png);
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
}

    .imgApplicationRight:hover {
        outline-style: none;
        display: block;
        background-repeat: no-repeat;
        background-image: url(../Images/Application_Rights_Hover.png);
    }

.imgApplicationRightActive {
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
    background-image: url(../Images/Application_Rights_Hover.png);
}

/*Device Configuration For Reader Finger*/
.AddInList {
    outline-style: none;
    display: block;
    background-color: #3a3939;
    vertical-align: middle;
    height: 20px;
    width: 16px;
    background-repeat: no-repeat;
    background-image: url(../Images/Others/Add_in_List.png);
}

.btnFPConfig {
    background-color: #3A3939;
    height: 20px;
    width: 29px;
    background-image: url(../Images/Others/FP_Configuration.png);
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
}

    .btnFPConfig :hover {
        background-color: #2794f0;
    }
/*--------------- CSS for progressbar in Grid ---------------*/
.grd-outer-Progress-div {
    background-color: #EEEEEE;
    width: 100px;
    height: 10px;
    margin-top: -15px;
    margin-left: 40px;
}

.grd-inner-Progress-div {
    background-color: #5CB85C;
    height: 10px;
    z-index: 99;
}
/*-----------------------------------------------------------*/

.quicklinksPageFooter {
    background-color: #ffffff !important;
    box-shadow: 0px 0px 0px #ffffff !important;
}

/*Added Hand Pointer on Accordian Label*/
.panel-heading.accordion-heading label {
    cursor: pointer;
}

.page-heading > div {
    margin-top: -2.5px;
}

.form-hr-ess {
    height: 73vh !important;
}

.form-hr-atd {
    height: 77vh !important;
}

.form-hr-atd-small,.form-hr-ess-atd-view {
    height: 72vh !important;
}

.form-hr-ess-atd-small {
    height: 66vh !important;
}

.validationClass {
    margin-top: -37px !important;
    margin-left: 44%;
}

.lbl-info {
    margin-left: 5px;
    border: 1px solid gray;
    padding: 2px 9px;
    border-radius: 50%;
}

.lbl-info-selected {
    margin-left: 5px;
    border: 2px solid #5D4444;
    padding: 2px 9px;
    border-radius: 50%;
}

.lbl-info > .fa-info {
    color: gray;
}

.lbl-info-selected > .fa-info {
    color: #5D4444;
}

.overlay_success > label,
.overlay_alert > label,
.overlay_info > label {
    display: inline;
}

/*V12R01 Design*/

.btnFlipIcon {
    background-color: #3A3939;
    height: 20px;
    width: 19px;
    background-image: url(../Images/Switch_Door.png);
    outline-style: none;
    display: block;
    background-repeat: no-repeat;
    margin-top: 2px;
}

.daynumber {
    text-align: left;
    min-height: 1em;
}

.caldiv {
    margin-top: -18px;
    height: 35px;
}

.lblcalfooter {
    min-height: 1em;
}

.normalshift {
    color: #898989;
}

.tour {
    color: #0b8a38;
}

.leave {
    color: #288cd1;
}

.pr, .normalshift {
    color: #898989;
}

.ab {
    color: #c05046;
}

.wo {
    color: #a1a1a1;
}

.ph {
    color: #e57c0b;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.fc-calendar-cell {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    border-color: #ddd;
    word-break: break-word;
    width: 14%;
    height: 57px;
}

.abc {
    width: 100%;
}

.fvm-calenderBorder {
    border: 1px solid #ccc;
    text-align: center;
    width: 100%;
    outline: none;
}

.fvm-cal-header {
    background-color: Silver;
    border-width: 1px;
    border-style: solid;
    height: 30px;
    text-transform: uppercase;
    text-align: center;
}

.btnConfigure {
    background: url(../Images/Others/Configure.png) no-repeat 0px;
}

.imgdoneTask {
    background: url(../Images/Others/doneTask.png) no-repeat 0px;
}

.imgOngoingTask {
    background: url(../Images/Others/ongoingTask.png) no-repeat 0px;
}

.btnPendingTask {
    background: url(../Images/Others/pendingTask.png) no-repeat 0px;
}

.status {
    padding: 0 10px 0;
    /*background-repeat: no-repeat;*/
}

.fvm-status-modal {
    height: 235px;
    overflow-x: hidden;
}

.square {
    background: url(../Images/Others/bulletFVM.png) no-repeat 0px;
    display: block;
    height: 20px;
    width: 20px;
    float: left;
}

.fvm-popover .popover {
    width: 137px;
}

.lnkcalClass, .lnkcalClass:hover {
    text-decoration: none;
    /* line-height: 5em; */
    outline: none;
    color: black;
}

.TodayStyle {
    background-color: #eaeff5;
}

.fvm-cal-body td {
    line-height: 1.42857143 !important;
}

.tblsummary .tblStatusRTL td {
    line-height: 1.42857143 !important;
}

.vl {
    color: #2f5a90;
    font-size: 23px;
    margin-top: 10px;
    display: inline-block;
}

.futureTask {
    font-size: 15px;
    color: black !important;
    margin-top: 10px;
    display: inline-block;
}

.fvm-cal-selected-cell {
    border-width: 2px;
    border-color: rgb(173, 204, 229);
}

.fvm-cal-unselect-cell {
    border-width: 1px;
    border-color: rgb(161, 161, 161);
}

.labelText-grey {
    color: #898989;
}

.fvm-sch-description hr {
    margin-top: 0px;
}

.fvm-status-modal .fvm-sch-detail .LabelText {
    font-size: 11px;
}

.fvm-cal-body tr td label {
    margin: 0px;
}

/* DO NOT REMOVEW BELOW CSS CLASS, IT IS BEING USED AT ESS DASHBOARD & DEVICE STATUS PAGE. - BHAVIK */
.ess-marquee:hover {
    cursor: pointer;
}

@-moz-document url-prefix() {
    .msgBoardTable {
        margin-top: 5px;
    }
}
/* hover effect on deleteall icon which is diffrent from all other header icon */
.clickableIcon:hover {
    color: #5f5f5f !important;
}


.icon-stack {
    position: relative;
    display: inline-block;
}

.icon-stack-1x,
.icon-stack-2x,
.icon-stack-3x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.icon-stack-1x {
    line-height: inherit;
}

.icon-stack-2x {
    font-size: 1.5em;
}

.icon-stack-3x {
    font-size: 2em;
}

.right_align {
    padding-left: 5px;
}

.grd-td-center {
    text-align: center;
    vertical-align: middle !important;
}

.temperature-slider-div {
    margin-top: 18px;
}

.health-records .inlinegrd td, .health-records .inlinegrd th {
    text-align: center !important;
}

.datd-grid {
    /*overflow-x: auto;*/
}

    .datd-grid table {
        width: 20000px;
    }

    .datd-grid th, .datd-grid td {
        border: 1px solid black;
        text-align: center !important;
        word-wrap: break-word !important;
        min-width: 100px !important;
        max-width: 100px !important;
    }
.schChart
{
    display:inline !important;
}