.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}

/* z-index for maximized widget-box is 1080*/
.modal {
    z-index : 1110 !important;
}
.swal2-container {
    z-index : 2000 !important;
}
.select2-dropdown{
    z-index: 1200 !important;
}
.datepicker.datepicker-dropdown {
    z-index: 1200 !important;
}
#gritter-notice-wrapper {
    z-index: 9998!important;
    top : 55px!important;
}
.tooltip {
    z-index: 9998!important;
}



.header .navbar-nav>li>.dropdown-menu {
    max-height : 400px;
    overflow: auto;
    width : 360px;
}

img.user-avatar,img.media-object{
    object-fit: cover;
}

.overlay {
    z-index : 100;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
img.overlay {
    opacity: 0.2;
}


/* Solve jumping page caused by scrollbar hide and show */
#content.content{
    padding-right: calc(30px - 100vw + 100%) !important;
}
body.swal2-toast-shown .swal2-container.swal2-top-end {
    right: calc(30px - 100vw + 100%) !important;
}




@media (min-width:768px) {
    #header{
        padding-right : calc(20px - 100vw + 100%) !important;
    }
}

@media (max-width:767px) {
    #content.content{
        padding-right: calc(20px - 100vw + 100%) !important;
    }

    .header .navbar-toggle, .header .navbar-toggle.pull-left {
        margin-right: calc(20px - 100vw + 100%) !important;
    }

    .header .navbar-nav {
        padding-right: calc(20px - 100vw + 100%) !important;
    }
}


#userDropDownSetting{
	width: 50px;
}

/* logo */
.navbar-brand>span{
    font-weight: 500;
}
.navbar-brand>img{
    width : 86px;
    padding-bottom : 5px;
}

/* important! solve jumping body cause by bootstrap modal's stupid glitch which adding padding-right to body */
body { padding-right: 0 !important }
