::-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;
}

    .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------------*/
@media(min-width:768px) {
    .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;
    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: default;
        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;
    border-right: 1px solid #cccccc;
}
/*---------------page which not required scroll----------*/
.form-hr-small {
    /*width: 100%;*/
    margin-top: 10px;
    overflow: auto;
    height: 78.50vh;
    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;
}
/*--------------use for remove horizontal scroll----------------*/
.sc {
    width: 95%;
    margin: 0 auto;
}
/*---------------apply fix size of font in page---------------*/
.form-label label {
    font-size: 12px !important;
}
/*---------legend label style----------*/
.legend-label {
    font-weight: 600;
    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);
}
/*-----------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 {
    color: #2777cb !important;
}

.anchorclick1:after {
    content: "\f0d8" !important;
}
.panel-group .panel > a + a:focus label {
color: #2777cb !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;
    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;
    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;
    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;
    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: #DADADA;
    color: #f6f6f6;
    border: 1px solid #737475;
    margin-left: 200px;
}

    .btn-label-pb:hover {
        width: 27%;
        background-color: #C7C7C7;
        color: #f6f6f6;
        border: 1px solid #737475;
        margin-left: 200px;
    }

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

    .btn-label-modal:hover {
        background-color: #C7C7C7;
        color: #000000;
        border: 1px solid #737475;
        text-align: center;
    }

    .btn-label-modal:focus {
        background-color: #C7C7C7;
        color: #000000;
        border: 1px solid #737475;
        text-align: center;
    }
/*------------button deisgn for general page---------------*/
.btn-label {
    width: 37%;
    background-color: #DADADA;
    border: 1px solid #737475;
    color: #000000;
    border-radius: 5px;
    height: 30px;
    vertical-align: middle;
    font-size: 12px;
}

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

    .btn-label:focus {
        width: 37%;
        background-color: #C7C7C7;
        color: #000000;
        border: 1px solid #737475;
        height: 30px;
        vertical-align: middle;
        font-size: 12px;
    }

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

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

    .btn-label-md:focus {
        width: 45%;
        background-color: #C7C7C7;
        color: #000000;
        border: 1px solid #737475;
        height: 30px;
        vertical-align: middle;
        font-size: 12px;
    }

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

.disablebutton {
    color: #6E6D6D !important;
}

    .disablebutton:hover {
        color: #6E6D6D !important;
    }

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

.btn-label-lg:focus {
    width: 65%;
    background-color: #C7C7C7;
    color: #000000;
    border: 1px solid #737475;
    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%;
}

#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;
}
/*------------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 thead tr td i {
        color: #484747;
    }

    .master-table tr td i :hover {
        color: #5185be !important;
    }

/*.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;
}
/*-----------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');
}


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

@media(min-width:768px) {
    .wrapper {
        margin-top: -6px;
        padding-left: 198px !important;
        border-left: 2px solid #484747;
    }
}

@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: 100vh;
        border-right: 1px solid #cccccc;
    }
    /*---------------page which not required scroll----------*/
    .form-hr-small {
        /*width: 100%;*/
        margin-top: 10px;
        overflow: auto;
        height: 78.50vh;
        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;
    }

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

.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 );
}

/*Device Configuration For Reader Finger*/

.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;
}

.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;
}

body {
}