.main-pageHeader {
    background-color: #ffffff;
}

body {
    color: #4D4D4F;
    background-color: #ffffff;
}
a {
    color: #007acc;
    text-decoration: none;
}
a:hover {
    color: #1f5b9c;
    text-decoration: none;
}
.navbar-toggle {
    background-color: #ccc;
}

    .navbar-toggle .icon-bar {
        background-color: #fff;
    }



    .footer {
    background-color: #007acc;
    color: #ffffff;
}

    .footer a {
        color: #ffffff;
    }

        .footer a:hover {
            color: #ffffff;
            text-decoration: underline;
        }
.invalidInput {
    border-color: #e81123;
    border-left: 4px solid #d04437;
}

.validationMessage {
    color: #d04437;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #007acc;
    border-color: rgb(211,211,211); /* #D3D3D3 */
    border-bottom-color: transparent !important;
    border-top: 2px solid #007acc;
}

/****************Login Page*******************/
.layer {
    background-color: #f2f2f2;
}
.login-Info {
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #f1f1f1;
}
.notificationBlock {
    background-color:#fff;
}
.authenticationMessage {
    color:#6e6e6f;
}
.criticalAlert {
    border: 1px solid #d04437;
    border-left: 40px solid #d04437;
}
.warningAlert {
    border: 1px solid #f6c342;
    border-left: 40px solid #f6c342;
}
.infoAlert {
    border: 1px solid #3572b0;
    border-left: 40px solid #3572b0;
}
.notificationBlock #SuccessMessage.generalErrorMessage:before {
    background: url('../../../../images/common/success-icon.png');
    height: 20px;
    width: 20px;
}
.criticalAlertSuccess {
    border: 1px solid #1eab29;
    border-left: 40px solid #1eab29;
}
/******************** Button**********************/
.btn-primary {
    color: #fff;
    background-color: #007acc;
    border-color: #2e6da4;
}

    .btn-primary:hover,
    .btn-primary:focus, .btn-primary.focus,
    .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .open > .dropdown-toggle.btn-primary:hover,
    .btn-primary:active:focus,
    .btn-primary.active:focus,
    .open > .dropdown-toggle.btn-primary:focus,
    .btn-primary:active.focus,
    .btn-primary.active.focus,
    .open > .dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #1f5b9c;
        border-color: #1f5b9c;
    }
.btn-link {
    font-weight: normal;
    color: #007acc;
    border-radius: 0;
}
.btn-link:hover,
.btn-link:focus{
     color: #1f5b9c;
}
.btn-success, .fullScreen {
    background-color: #5cb85c;
    color: #fff;
    border-color: #4cae4c;
}

    .fullScreen:hover,
    .btn-success:hover,
    .btn-success:active:hover,
    .btn-success.active:hover,
    .open > .dropdown-toggle.btn-success:hover,
    .btn-success:active:focus,
    .btn-success.active:focus,
    .open > .dropdown-toggle.btn-success:focus,
    .btn-success:active.focus,
    .btn-success.active.focus,
    .open > .dropdown-toggle.btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .btn-success:focus,
    .btn-success.focus,
    .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
    }
/**********************MenuBar***************************/
.menuHead-Nav {
    background-color: #007acc;
}

.mainmenu-navbar ul a {
    color: #fff;
}

.mainmenu-navbar ul .secondlevel-menu a {
    color: #4d4d4f;
}


li.secondlevel-menuItem:hover a.nav-link,
li.secondlevel-menuItem.activated a.nav-link {
    color: #007acc;
    text-decoration: none !important;
}
.thirdlevel-menu li.activated a {
    color: #007acc !important;
}


@media (min-width: 768px) {
    .nav-item.parent.open {
        background-color: #fff;
        border-top: 2px solid #007acc;
    }
    .nav-item.parent.open .firstlevel-menuItem {
        color: #007acc;
    }
        .nav-item.parent.open .firstlevel-menuItem svg path {
            fill: #007acc !important;
        } 
        .parent:hover {
            background-color: #1f5b9c;
            color: #ffffff;
        }
    ul.userHead-Nav li a{
        color:#4d4d4f;
    }
        /*ul.userHead-Nav li.open a.dropdown-toggle,*/
        ul.userHead-Nav li.active a.dropdown-toggle,
        ul.userHead-Nav li a:hover {
            color: #007acc;
            background-color: #fafafa;
        }

    .thirdlevel-menu li.activated a {
        background-color: #f2f2f2;
        color: #007acc !important;
    }
    .thirdlevel-menu li a:hover {
        background-color: #fff;
        color: #007acc !important;
    }

}

@media (max-width: 767px) {
    
    .customNavbar-toggleMenu{
        background-color:transparent !important;
    }
        .customNavbar-toggleMenu .icon-bar{
            background-color: #007acc !important;
        }
        .customNavbar-toggleUser {
            background-color: transparent !important;
            color: #007acc !important;
        }
            .customNavbar-toggleUser:hover
             {
                color: #00558e !important;
            }
    .customNavbar-toggleMenu:hover .icon-bar {
        background-color: #00558e !important;
    } 
    .menuHead-Nav {
        background-color: #ffffff;
        box-shadow: rgb(204, 204, 204) 1px 2px 10px -2px;
    }

    .mainmenu-navbar ul a {
        color: #4d4d4f;
    }

    .mainmenu-navbar ul li.nav-item.parent.open a.firstlevel-menuItem {
        color: #007acc;
    }

    .nav-link:hover, .thirdlevel-menu li a:hover {
        color: #007acc !important;
        background-color: #f5f5f5;
    }

   
}

/***************************MenuBar Ends*********************************/

.breadcrumb-bar {
    /*background-color: #efefef;*/
    background-color: #e5f1f9;
    border-bottom: 1px solid #eee;
}
.breadcrumb-item a,
.breadcrumb-item a:hover {
    cursor: default;
    color: #777;
}
.breadcrumb-item.active a {
    cursor: pointer;
    color: #007acc;
}

.breadcrumb-item.active:hover a {
    cursor: pointer;
    color: #1f5b9c;
    text-decoration: underline;
}
.searchBlock,
.executionBlock {
    background-color: #f8f8f8;
}

.filterCollapse {
    color: #6e6e6e;
}

.showHidefilter, .showHidefilter:active, .showHidefilter:focus, .showHidefilter:visited {
    color: #81c784;
}
    .showHidefilter:hover {
        color: #5a8b5c;
    }

/**************Custom ScrollBar***************/

/************Default custom************/
::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #9E9E9E;
    cursor: pointer;
    border-radius: 8px;
}
/*******************Component Custom ScrollBar**************************/

.menuHead-Nav::-webkit-scrollbar-track ,
main ::-webkit-scrollbar-track,
.customModal-multiselect-dropdown::-webkit-scrollbar-track,
.select2-results::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(211,211,211,0.4);
    background-color: #fafafa;
}

.menuHead-Nav::-webkit-scrollbar,
main ::-webkit-scrollbar,
.customModal-multiselect-dropdown::-webkit-scrollbar,
.select2-results::-webkit-scrollbar {
    width: 6px;
    background-color: #fafafa;
}

.menuHead-Nav::-webkit-scrollbar-thumb,
main ::-webkit-scrollbar-thumb,
.customModal-multiselect-dropdown::-webkit-scrollbar-thumb,
.select2-results::-webkit-scrollbar-thumb {
    background-color: #007acc;
    cursor: pointer;
}
/****************Component Custom ScrollBar Ends*****************/


/***************************Grid**********************************/
.table-hover > tbody > tr:hover {
    background-color: #e5f1f9;
    cursor: default;
    color: #4D4D4F !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #007acc;
    border-color: #007acc;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #007acc;
}

#actions .dropdown-menu > li > a:hover,
#actions .dropdown-menu > li > a:focus {
    background-color: #e5f1f9;
}

.customHeader-border a {
    color: #007acc;
}

    .customHeader-border a:hover {
        color: #1f5b9c;
    }



/*****************REPORTS Screen*************************/


.report-MainMenu ul.parent-1level li.child-1level:hover ul.parent-2level li.child-2level:hover a {
    background-color: #e5f1f9;
}

/*******************************POS LAYOUT*******************************/
.pos-SubMenuItems:hover,
.pos-mainMenuItems:hover {
    background-color: #f2f2f2;
    color: #007acc !important;
}

.defaultSelected-POSmenu {
    color: #fff !important;
    background-color: #007acc !important;
}

    .defaultSelected-POSmenu:hover {
        background-color: #1f5b9c !important;
        color: #ffffff !important;
    }