.login-body .login-panel {
    margin-bottom: 40px!important;
    margin-top: 0!important;
}
.login-body .login-panel button {
    display: inline!important;
}
.layout-wrapper .layout-sidebar .layout-tabmenu .layout-tabmenu-nav li .layout-tabmenu-tooltip{
    width: 120px;!important;
}
.noHeader.ui-datatable table thead tr {
    display: none;
}
.video-container{
    align-content: center;
    text-align: center;
    padding: 40px 0 60px 0;
}
/*chat*/
time{
    font: 11px 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-weight: normal; float:right; color: #afafaf;
}
.username{
    color: #5B6BBF !important;
}
.bubble{
    border-radius: 5px;
    /*box-shadow: 0 0 6px #B2B2B2;*/
    display: inline-block;
    /*padding: 8px 18px;*/
    position: relative;
    vertical-align: top;
}
.yourMessage {
    background-color: #e4fed9;
    margin-left: 0px !important;
}
.myMessage {
    background-color: #fff7e1;
    border-color:#fff7e1;
    float: right;
}
.dashboard .chat .new-message .message-send {
    display: inline-block;
    width: 40px;
    line-height: 60px;
    height: 100%;
    text-align: center;
    vertical-align: top;
}

.myTables{
    position: relative;
}
.myMessage-input {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}
.project-progressbar {
    width: 100px;
    background-color: #545b61;
    margin-top: 4px;
}
.project-progressbar .project-progressbar-value {
    background-color: #8be298;
    height: 4px;
}
#cookieDialog .ui-dialog-content {
    padding: 0;
}
.layout-single-page{
    padding-left: 50px;
    padding-right: 50px;
}
.layout-wrapper .footer span {
    float: right;
    margin: 0 10px 0 10px;
}
.layout-wrapper .layout-main{
    min-height: 85vh!important;
}
.layout-wrapper .topbar .topbar-menu > li.profile-item{
    margin-top: 0!important;
}
.layout-tabmenu-content .calendar-tab ul li .calendar-event-date {
    padding: 0!important;
    align-content: space-evenly;
}
.surface-overlay{
    background-color: transparent!important;
}
.layout-wrapper .footer a {
    margin-left: 0!important;
    font-size: 16px!important;
}
.layout-wrapper .topbar .logo{
    padding-top: 6px!important;
}
.layout-wrapper .topbar .logo img{
    max-height: 50px!important;
    max-width: 50px!important;
    width: auto!important;
}
.login-body .login-panel img{
    width: 200px!important;
}
.dashboard .overview-box.overview-box-white {
    background-color: #ffffff;
}
.dashboard .overview-box.overview-box-white .overview-box-footer {
    background-color: #f8f9fa;
    color: #545b61!important;
    font-weight: bold;
}
.dashboard .overview-box .overview-box-count{
    color: #545b61!important;
}
.dashboard .overview-box .overview-box-name{
    color: #545b61!important;
}
.landing-body .landing-wrapper #introduction {
    background-image: url("/javax.faces.resource/images/pages/bg-help.png.xhtml?ln=atlantis-layout")!important;
    background-size: auto!important;
    background-repeat: repeat!important;
}

.login-body .login-panel{
    border-bottom: 0!important;
}
.exception-body .exception-panel {
    border-bottom: 0!important;
}
.dropMenuItem{
    width:100%;
}



/* For WebApp*/
@media (max-width: 767px) {
    .grid{
        margin-left: 0;
        margin-right: 0;
    }
    .fc .fc-toolbar{
        display: block!important;
    }
    .layout-wrapper .topbar .logo{
        padding-top: 15px!important;
    }
    .login-body{
        padding-top: 0!important;
    }
    .login-body .login-panel{
        margin: 0!important;
        width: 100%!important;
        min-height: 100vh!important;
    }
}
@media (max-width: 767px) {
    .show-on-desktop {
        display: none!important;
    }
    .mobile-inline{
        display: inline!important;
    }
    /*.topbar{*/
    /*    display: none;*/
    /*}*/
    /*.layout-sidebar{*/
    /*    display: none;*/
    /*}*/
    /*.layout-config{*/
    /*    display: none;*/
    /*}*/
    /*.wavesContainer{*/
    /*    display: none;*/
    /*}*/
    /*.layout-wrapper .footer {*/
    /*    display: none;*/
    /*}*/
    .layout-wrapper .layout-main{
        padding-top: 2.5rem!important;
        padding-left: 0!important;
        padding-right: 0!important;
        padding-bottom: 7rem!important;
        margin: 0!important;
    }
    .layout-content{
        padding-left: 0!important;
        padding-right: 0!important;
    }
}

@media (min-width: 768px) {
    .hide-on-desktop {
        display: none!important;
    }
}

.fc .fc-view-harness{
    z-index: 0!important;
}

@media (max-width: 768px) {

    .mobile-dialog.ui-dialog {
        width: 95vw !important;
        /*height: 80vh !important;*/
        top: 5rem !important;
        left: 2.5vw !important;
        margin: 0 !important;
        position: fixed !important;
    }

    .mobile-dialog .ui-dialog-content {
        /*height: calc(80vh - 50px) !important;*/
        overflow-y: auto;
    }

}

.mobile-dialog{
    max-width: 800px;
}

.social {
    height: 20px;
    width: 20px;
    color: #767b7f;
    font-size: 20px;
    margin-left: 20px;
}

.custom-badge {
    border-radius: 6px;
    padding: 0.2em 0.5rem;
    /*text-transform: uppercase;*/
    font-weight: 700;
    /*font-size: 12px;*/
    letter-spacing: 0.3px;
}
.custom-badge.green {
    background: #C8E6C9;
    color: #256029;
}
.custom-badge.red {
    background: #FFCDD2;
    color: #C63737;
}
.custom-badge.yellow {
    background: #FEEDAF;
    color: #8A5340;
}
.custom-badge.blue {
    background: #B3E5FC;
    color: #23547B;
}
.custom-badge.purple {
    background: #ECCFFF;
    color: #694382;
}
.custom-badge.orange {
    background: #FFD8B2;
    color: #805B36;
}