/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.input-validation-error {
    border-color: #e83e8c !important;
}

/* Left menu background*/
/*.main-menu {
    background-image: url(../../images/left-menu-background.jpg) !important;
}*/
.main-menu.menu-dark .navigation {
    background: unset;
}
    .main-menu.menu-dark .navigation > li.hover > a, .main-menu.menu-dark .navigation > li:hover > a, .main-menu.menu-dark .navigation > li.active > a {
        /*background-color: #404e67;*/
        /*border-left: 2px solid #00B5B8;*/
    }
/*.main-menu .main-menu-content {
    opacity: 0.95;
    background-image: linear-gradient(45deg,#1a2a6c,#404E67) !important;
}*/
/**/

/*Admin Detail */
.banner-img {
    width: 100% !important;
    height: auto !important;
    max-height: 80px !important;
}

.banner-img-mobile {
    width: 100% !important;
    height: auto !important;
    max-height: 150px !important;
}

.thumb-img {
    width:100% !important;
    height:auto!important;
    max-height :150px !important;
}

/* Profile image */
.img-wrap {
    position: relative;
    display: inline-block;
    border: 1px solid #ccd6e6;
    font-size: 0;
    height: 80px;
    width: 80px;
    overflow: hidden;
    /*border-radius: 50%; for circle*/
}
.img-wrap img {
    height: 100%;
    width: 100%;
}

    .img-wrap .close {
        position: absolute;
        top: 2px;
        right: 2px;
        /*top: 7px;
        right: 12px; for circle*/
        z-index: 100;
        background-color: #FFF;
        padding: 3px 2px 5px;
        color: #000;
        font-weight: bold;
        cursor: pointer;
        opacity: .2;
        text-align: center;
        font-size: 22px;
        line-height: 10px;
        border-radius: 50%;
    }
.img-wrap:hover .close {
    opacity: 1;
}
/**/

.mvc-grid-pager, .mvc-grid-empty-row {
    text-align: left !important;
}
    .mvc-grid-pager .active, .mvc-grid-pager .active:focus, .mvc-grid-pager .active:hover {
        color: #fff !important;
        background-color: #00B5B8 !important;
        border-color: #00B5B8 !important;
    }
    .mvc-grid-pager button {
        /*position: relative;
        display: block;*/
        padding: 0.5rem 0.75rem;
        /*margin-left: -1px;*/
        line-height: 1.25;
        color: #00B5B8 !important;
        background-color: #fff !important;
        border: 1px solid #ddd !important;
    }

.mvc-grid-extended-pager { justify-content: space-between; align-items: center; display: flex }

.mvc-grid-pager button { margin: .5em 0 0 }

.mvc-grid-extended-pager .mvc-grid-pager-extension { padding: 0 5px; color: #00B5B8; }
/**/
.grid-search {
    text-align: right;
    padding-right: 0px;
    margin-top: 10px;
}
@media (max-width: 767.98px) {
    .header-navbar .navbar-header .navbar-brand {
        top: -14%;
    }
    .grid-search {
        text-align: left;
        padding-right: unset;
        padding-left: 19px;
    }
}
/**/

/*Grid tables css*/
.selected, .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.table-hover tr {
    cursor: pointer;
}

.exclude-cell-click {
    cursor: default;
}
/**/

/*Form action button css*/
.form-actions button .ft-chevron-left {
    position: relative;
    top: 1px;
}
/**/

/* For validation error message design */
.custom-error { font-size:13px; color:red; }
/* End */

.error-code {
    font-size: 10rem;
}
/**/

.card .card-content-not-selected {
    border: 1px solid #FF7588;
}

/* Select Filter in Grid */
.mvc-grid-filter.applied {
    color: #00B5B8 !important;
}

/* Custome Check Box and Radio Change */
.custom-control-label::before {
    width: 1.2rem;
    height: 1.2rem;
    top: 0.115rem;
}

.custom-control-label::after {
    width: 1.2rem;
    height: 1.2rem;
    background-size: 60% 60%;
    top: 0.115rem;
}

.Scroll-Multi-ListBox {
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.custom-file-label { line-height: inherit !important; }

.chkDel, #chkDelAll {
    opacity: 1 !important;
    position: unset !important;
}


#pswd_info, #passkey_info { /*position: absolute;
    bottom: -75px;
    bottom: -115px\9; /* IE Specific */ /*right: 55px;
    width: 250px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;*/ background: none repeat scroll 0 0 #fefefe; border: 1px solid #ddd; border-radius: 5px; /*bottom: 0;*/ box-shadow: 0 1px 3px #ccc; font-size: 0.875em; /*left: 263px;*/ padding: 15px; position: absolute; width: 350px; }

#pswd_info, #passkey_info { display: none; z-index: 999; }

    #pswd_info h4, #passkey_info h4 { margin: 0 0 10px 0; padding: 0; font-weight: normal; }

    #pswd_info::before, #passkey_info::before { content: "\25B2"; position: absolute; top: -12px; left: 45%; font-size: 14px; line-height: 14px; color: #ddd; text-shadow: none; display: block; }

.invalidpwd { background: url(../../images/cross.png) no-repeat 0 50%; padding-left: 22px; line-height: 24px; color: #ec3f41; }

.validpwd { background: url(../../images/tick.png) no-repeat 0 50%; padding-left: 22px; line-height: 24px; color: #3a7d34; }

.error { border-color: red !important; background-color: aquawhite !important; }

@media only screen and (max-width: 767px) {
        #HrContact {
            display: block !important;
            background-color: #404E67
        }
    }

@media only screen and (max-width: 404px) {
    #btnGridDeleteTop {
        margin: 2.5px;
    }

    #btnGridAddNewTop {
        margin:2.5px;
    }

    #gridInfo{
        margin:5px;
    }
}