/*Scrollbar Generator T*/

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  ::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
  }
  ::-webkit-scrollbar-thumb {
    background: #b1b1b1;
    border: 0px none #ffffff;
    border-radius: 50px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #b1b1b1;
  }
  ::-webkit-scrollbar-thumb:active {
    background: #b1b1b1;
  }
  ::-webkit-scrollbar-track {
    background: #666666;
    border: 0px none #ffffff;
    border-radius: 50px;
  }
  ::-webkit-scrollbar-track:hover {
    background: #666666;
  }
  ::-webkit-scrollbar-track:active {
    background: #333333;
  }
  ::-webkit-scrollbar-corner {
    background: transparent;
  }
  
  /*Scrollbar Generator*/

*, ::after, ::before {
    box-sizing: border-box;
}

.main-panel{
    background: url(../img/main-panel-background-logo.png) no-repeat center center;
    /*opacity: 0.4;*/
    min-height: calc(100vh - 4px);
}
.sidebar .user .photo .material-icons{
    font-size: 34px;
    color: rgba(212, 11, 43,1);
}

.sidebar .user:after, .sidebar .logo:after {
    position: absolute;
    height: 1px;
    width: calc(100% - 30px);
}

i.fa {
    font-size: 20px;
}

#navBarLeft {
    min-width: 80px;
    max-width: 290px;
}

#navBar {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 100%;
    background: #D40B2B;
    /*cursor: pointer;*/
    z-index: inherit;
}

#navBar:after {
    background: #D40B2B;
    opacity: 0.85;
}

.navBarIconOpen {
    background: url(../img/icon_navBar_open.png) center 50% no-repeat !important;
}

.navBarIconClose {
    background: url(../img/icon_navBar_close.png) center 50% no-repeat;
}

#navBarIcon {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 55px;
    margin-left: -30px;
    margin-top: -55px;
    background: url(../img/icon_navBar_close.png) center 50% no-repeat;
}

#minimizeSidebar {
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 55px;
    margin-left: -30px;
    margin-top: 1px;
    background: url(../img/icon_navBar_close.png) center 50% no-repeat;
}

.navBarIconDisable {
    display: none;
}

.sidebar .sidebar-wrapper {
    position: relative;
    /*height: calc(100vh - 15px);*/
    height: calc(100vh - 70px);
    overflow: auto;
    width: 290px;
    z-index: 4;
    padding-bottom: 30px;
}

.sidebar .logo {
    max-width: 290px;
    transition-duration: .5s, .5s, .65s;
}

.main-panel {
    -webkit-box-shadow: inset 0px 4px 0px 0px rgba(212,11,43,1);
    -moz-box-shadow: inset 0px 4px 0px 0px rgba(212,11,43,1);
    box-shadow: inset 0px 4px 0px 0px rgba(212,11,43,1);
    /*border-top: 4px solid #D40B2B;
    opacity: .85;*/
}

.main-panel.minimized {
    width: calc(100% - 20px);
}

@media (min-width: 992px) {
    .sidebar-mini .sidebar {
        /*, .sidebar-mini .sidebar .sidebar-wrapper {*/
        transition: width 2s ease-in-out;
        width: auto;
        /*width: 100px;*/
    }
    .main-panel {
        width: calc(100% - 310px);
    }
    .sidebar {
        width: 280px;
    }
    .sidebarOpen {
        /*width: 280px;*/
        width: 310px;
    }
    .sidebarClose {
        width: 20px !important;
    }
    .sidebar-mini .sidebar div#navBarLeft:hover .logo {
        width: 290px;
    }
    .sidebar-mini .sidebar .logo {
        width: 80px;
    }
}

@media (min-width: 992px) {
    .sidebar-mini .main-panel {
        width: calc(100% - 100px);
    }
    .sidebar-mini .main-panel[class*="navBarLeftDisabledMainPanelWidth"] {
        width: calc(100% - 20px);
    }
}

@media (min-width: 992px) {
    /*.sidebar-mini .sidebar:hover {
        max-width: 260px;
    }
    body.sidebar-mini #sidebar.sidebar div:hover ~ body.sidebar-mini #sidebar.sidebar {
        max-width: 260px;
    }*/
}

@media (min-width: 992px) {
    /*.sidebar-mini .sidebar:hover .sidebar-wrapper {
        width: 240px;
    }*/
    /*
    .sidebar-mini .sidebar:hover .sidebar-wrapper {
        width: 240px;
    }
    */
    .sidebar-mini .sidebar div#navBarLeft:hover .sidebar-wrapper {
        width: 290px;
    }
}

.sidebar .user {
    padding-bottom: 15px;
    margin: 15px auto 0;
    position: relative;
}

.sidebar .user .photo {
    width: 34px;
    height: 34px;
    overflow: hidden;
    float: left;
    z-index: 5;
    margin-right: 11px;
    border-radius: 50%;
    margin-left: 23px;
    /*box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);*/
}

.sidebar .user .photo img {
    width: 100%;
}

.sidebar .user .user-info>a {
    display: block;
    line-height: 18px;
    font-size: 14px;
}

.sidebar .user .user-info>a>span {
    display: block;
    position: relative;
    opacity: 1;
}

.sidebar .user .user-info .caret {
    position: absolute;
    top: 8px;
    right: 6px;
}

.sidebar .logo a.logo-mini {
    opacity: 1;
    float: left;
    width: 42px;
    text-align: center;
    margin-left: 17px;
    margin-right: 15px;
    padding-top: 2px;
}

.sidebar .logo a.logo-mini img {
    width: 42px;
}

.sidebar .logo a.logo-normal {
    display: block;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.sidebar .user .photo {
    margin-top: 5px;
}

/*.btn.btn-red{
    color: #D40B2B;
    background-color: #FFFFFF;
}
.btn.btn-red:focus{
    color: #FFFFFF;
    background-color: #D40B2B;
}
*/

@media (min-width: 992px) {
    .sidebar-mini .sidebar div#navBarLeft:hover .logo a.logo-normal {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.animation-transition-general, .lock-page .card-profile, .login-page .card-login, .sidebar .logo a.logo-mini, .sidebar .logo a.logo-normal, .sidebar .nav p, .sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a span, .sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a span, .sidebar .user .photo, .sidebar .user .user-info>a>span {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
}

.navBarLeftDisable, .disable {
    display: none;
}

.sidebar, .main-panel, .sidebar-wrapper, .sidebar div#navBarLeft {
    transition-property: top, bottom, width;
    /*transition-duration: .2s, .2s, .35s;*/
    transition-duration: .5s, .5s, .65s;
    transition-timing-function: linear, linear, ease;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 991px) {
    #navBar {
        display: none;
    }
    #navBarLeft[class*="rightNavBarAnabledOnMobile"] {
        display: block;
    }
    .main-panel.minimized {
        width: calc(100% - 0px);
    }
}
.sidebar div#navBarLeft{
    margin-right: 20px;
}
.sidebar .sidebar-wrapper>ul.nav>li>a .sidebar-mini, .sidebar .sidebar-wrapper .user .user-info [data-toggle="collapse"]~div>ul>li>a .sidebar-mini {
    text-transform: uppercase;
    width: 30px;
    margin-right: 15px;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    float: left;
    display: inherit;
    line-height: 28px;
}

.animation-transition-general, .lock-page .card-profile, .login-page .card-login, .sidebar .logo a.logo-mini, .sidebar .logo a.logo-normal, .sidebar .nav p, .sidebar div#navBarLeft, .sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a span, .sidebar .sidebar-wrapper>ul.nav>li>a span, .sidebar .user .photo, .sidebar .user .user-info>a>span {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
   
}

.animation-transition-general, .sidebar .sidebar-wrapper>ul.nav>li>a span, .sidebar .sidebar-wrapper .user .user-info [data-toggle="collapse"]~div>ul>li>a span, .sidebar .nav p {
    transition: all 300ms linear;
}

.sidebar .sidebar-wrapper>ul.nav>li>a span, .sidebar .sidebar-wrapper .user .user-info [data-toggle="collapse"]~div>ul>li>a span {
    display: inline-block;
}

/*.navBarLeftDisabledMainPanelWidth {
    width: calc(100% - 20px);

}*/

.sidebar .sidebar-wrapper>ul.nav>a .sidebar-normal, .sidebar .sidebar-wrapper .user .user-info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal {
    margin: 0;
    position: relative;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    white-space: nowrap;
    display: block;
}

@media (min-width: 992px) {
    .sidebar-mini .sidebar .sidebar-wrapper>ul.nav>li>a .sidebar-normal, .sidebar-mini .sidebar .sidebar-wrapper .user .user-info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, .sidebar-mini .sidebar .sidebar-wrapper .user .user-info>a>span, .sidebar-mini .sidebar .sidebar-wrapper>.nav li>a p {
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
        opacity: 0;
    }
    .sidebar-mini .sidebar div#navBarLeft:hover .sidebar-wrapper>.nav li>a p, .sidebar-mini .sidebar div#navBarLeft:hover .sidebar-wrapper>ul.nav>li>a .sidebar-normal, .sidebar-mini .sidebar div#navBarLeft:hover .sidebar-wrapper .user .user-info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal, .sidebar-mini .sidebar div#navBarLeft:hover .sidebar-wrapper .user .user-info>a>span {
        -webkit-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
        opacity: 1;
    }
    .sidebar-mini .sidebar div#navBarLeft:hover .sidebar-wrapper>ul.nav>li>div {
        /*width: 260px;*/
    }
    .sidebar-mini .sidebar .sidebar-wrapper>ul.nav>li>div>ul.nav>li.nav-item>a.nav-link, .sidebar-mini .sidebar .user .user-info>div>ul.nav>li.nav-item>a.nav-link {
        /*margin-left: 0px;*/
        padding-right: 0px;
        margin-right: 5px;
        margin-left: 5px;
        padding-left: 5px;
    }
    .sidebar-mini .sidebar div#navBarLeft:hover .sidebar-wrapper>ul.nav>li>div>ul.nav>li.nav-item>a.nav-link, .sidebar-mini .sidebar div#navBarLeft:hover .user .user-info>div>ul.nav>li.nav-item>a.nav-link {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.sidebar .sidebar-wrapper>ul.nav>li>a .sidebar-normal, .sidebar .sidebar-wrapper .user .user-info [data-toggle="collapse"]~div>ul>li>a .sidebar-normal {
    margin: 0;
    position: relative;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    white-space: nowrap;
    display: block;
}

.sidebar .sidebar-wrapper>ul.nav>li>div>ul.nav, .sidebar .user .user-info>div>ul.nav {
    margin-top: 0px;
    padding-bottom: 15px;
}

.active-menu {
    background-color: rgba(0, 0, 0, 0.1);
    /*color: #fdfdfd;*/
    box-shadow: none;
}

#main-panel>nav {
    position: absolute;
    padding-bottom: 0px;
    /*position: fixed;*/
    top: 4px;
    right: 0px;
    left: unset;
    width: unset;
}

.alert.alert-danger {
    background-color: #d40b2b;
    color: #ffffff;
}

.cursor-pointer
{
    cursor:pointer;
}

.portal-loading-wrapper{
    text-align:center;
    padding-top:100px;
}

.portal-loading-image{
    width:160px;  
}

.portal-loading-image-bg-sspa{
    background-image:radial-gradient(circle closest-side,#a6a6a6,#FFFFFF00);
}

.swal2-container {z-index: 20000 !important;}

/*appCache Progressbar*/
.progress.progress-line-info {
    background: rgba(0,188,212,.2);
}
.progress {
    height: 4px;
    border-radius: 0;
    box-shadow: none;
    background: #ddd;
    margin-bottom: 20px;
}
.progress .progress-bar.progress-bar-info {
    background: #3fc3ee !important;
}
.navbar .collapse .navbar-nav .nav-item .nav-link{
    padding-right: 0.5rem;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px;

}