html, body, div.surface, div.panel {
    height: 100%;
    margin: 0;
}

.rev-teams-app .signin-page, .rev-teams-app .connector-page {
    margin: 0 auto;
}

    .rev-teams-app .Loading {
        margin: 0 auto;
        width: 70px;
        height: 70px;
        display: block;
    }

    .rev-teams-app .logo {
        margin: 0 auto;
        width: 200px;
        height: 200px;
        display: block;
    }

.rev-teams-app .logo-small {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    display: block;
}

.rev-teams-app .initializing .Loading, .rev-teams-app .initializing .username-panel {
    display: none;
    visibility: hidden;
}

.rev-teams-app div.sso-header {
    text-align: center;
    margin-bottom: 10px;
}

.rev-teams-app .right-button-group {
    text-align: right;
}

.rev-teams-app .privacy{
    font-size:13px;
}
    .rev-teams-app .privacy a {
        display: inline-block;
        padding: 10px;
        text-decoration: none;
    }

    .rev-teams-app .center-button-group, .rev-teams-app .privacy {
        text-align: center;
    }

.rev-teams-app .form-group {
    padding: 10px;
}

.url-panel .button-primary {
    /*float: right;*/
}

.rev-teams-app .signin-form {
    
    max-width: 500px;
    padding: 15px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    padding: 20px;
}

.rev-teams-app .url-label {
    font-weight: bold;
}

.rev-teams-app .sso-icons {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.rev-teams-app .sso-header hr {
    display: inline-block;
    width: 30%;
}

.rev-teams-app .sso-header .t {
    display: inline-block;
    padding: 10px;
}

.rev-teams-app a.sso-ms {
    background-image: url(/images/SSO/Microsoft-Button.png);
    background-size: 105px 55px;
    width: 105px;
    height: 55px;
    display: inline-block;
    background-repeat: no-repeat;
}

.rev-teams-app a.sso-fb {
    background-image: url(/images/SSO/Facebook-Button.png);
    background-size: 105px 55px;
    width: 105px;
    height: 55px;
    display: inline-block;
    background-repeat: no-repeat;
}

.rev-teams-app a.sso-goo {
    background-image: url(/images/SSO/Google-Button.png);
    background-size: 105px 55px;
    width: 105px;
    height: 55px;
    display: inline-block;
    background-repeat: no-repeat;
}

.rev-teams-app a.sso-ap {
    background-image: url(/images/SSO/Apple-Button.png);
    background-size: 105px 55px;
    width: 105px;
    height: 55px;
    display: inline-block;
    background-repeat: no-repeat;
}

div.panel {
    padding: 15px;
}

.rev-teams-app select.input-field {
    padding: 0px;
}

.rev-teams-app .Time-Field, .rev-teams-app .Non-Bill-Time-Field {
    width: 50px;
    margin: 3px;
}

div.ErrorMessage {
    color: red;
    font-style: italic;
}

.theme-dark a {
    color: #fff;
}

.theme-dark .signin-form, .theme-dark .tab-setup-form, .theme-dark .connector-setup-form {
    background-color: #000 !important;
}

.rev-teams-app .ticket-search-field {
    width: 100%;
}

.rev-teams-app .k-i-loading {
    background-image: url(/images/ajax-loader-small.gif);
    -webkit-background-size: 112px 26px;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}

.rev-teams-app .Loading, .connector-page .Loading {
    
    width: 70px;
    height: 70px;
}

.rev-teams-app .error-page {
    text-align: center;
}

    .rev-teams-app .error-page img.cloud-warning {
        width: 200px;
        height: 200px;
    }

.rev-teams-app .desc-label {
    font-size: 17px;
    margin: 3px;
    display: inline-block;
}

.rev-teams-app .notes-field-wrapper {
    margin-top: 5px;
}

.rev-teams-app .error-layout {
    text-align: center;
}

.rev-teams-app .error-label {
    text-align: center;
    font-size: 15px;
    float: unset;
}

.rev-teams-app .error-layout img {
    margin-bottom: -10px;
}

div.col-20 {
    width: 35%;
    display: inline-block;
}

.intro {
    font-size: 1.8rem;
    font-weight: 400;
    color: #666666;
    padding: 10px;
    display:inline-block;
}

.rev-teams-app .setup-form {
    max-width: 500px;
    padding: 15px;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    padding: 20px;
}

.initializing .setup-form .form-group {
    display: none;
}

.rev-teams-app .initializing .setup-form .Loading {
    display: none;
    visibility: hidden;
}
.rev-teams-app .connector-page .Loading, .rev-teams-app .tab-config-page .Loading {
    display: block;
    width: 70px;
    height: 70px;
}

.rev-teams-app .setup-form .form-group {
    margin-bottom: 1rem;
    padding:unset;
}

.rev-teams-app .setup-form .card {
    margin-bottom: 1rem;
}

.rev-teams-app .setup-form label{
    font-weight:bold;
}

.setup-form .error-layout h1 {
    font-size: 15px;
}

.setup-form .error-layout{
    padding:15px;
}

.setup-form h3 {
    font-size: 24px;
    text-align: center;
}

.setup-form a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.theme-dark .card {
    background-color: #343a40 !important;
}


.rev-teams-app .btn-signout {
    float: right;
    /* line-height: 14px; */
    margin-top: -35px;
}
.rev-teams-app .ticket-grid-wrapper .tab-logo {
    display:none; /*logo should not come from Revelation*/
}

.rev-teams-app .tabs-logo-new {
    width: 130px;
    height: 35px;
    background-image: url('/images/revelation_logo.png');
    background-size: 130px 35px;
    display: block;
    /*position:absolute;
    top:5px;
    left:10px;*/
}

.rev-teams-app .tabs-auth-form{
    margin-top:40px;
}
.theme-dark .ticket-view .card-body, .theme-dark .ticket-view .card-body .ticket-description, .theme-dark .k-listview {
    background-color: #292929 !important;
    color: #fff;
    border-color: transparent;
}
.theme-dark .ticket-view.card {
    border-color: #000;
}

.theme-dark .ticket-list-wrapper .k-pager-wrap, .theme-dark .ticket-list-wrapper .k-pager-wrap .k-link {
    background-image: none;
    border-color: #000;
    color: #fff;
    background-color: #292929;
    background-position: 50% 50%;
}

.theme-dark .k-pager-wrap .k-link.k-state-selected {
    color: #fff;
    background-color: #292929;
    border-color: #fff;
}

.theme-dark .ticket-list-wrapper .k-pager-wrap .k-link.k-state-disabled, .theme-contrast .ticket-list-wrapper .k-pager-wrap .k-link.k-state-disabled {
    color: #fff;
}

.theme-contrast .k-listview {
    background-color: transparent !important;
    color: #fff;
}
.theme-contrast .ticket-view .card-body, .theme-contrast .ticket-view .card-body .ticket-description, .theme-contrast .k-listview {
    background-color: #000 !important;
    color: #fff;
    border-color: transparent;
}

.theme-contrast .ticket-list-wrapper .k-pager-wrap, .theme-contrast .ticket-list-wrapper .k-pager-wrap .k-link {
    background-image: none;
    border-color: #292929;
    color: #fff;
    background-color: #000;
    background-position: 50% 50%;
}

.theme-dark .ticket-grid-wrapper .filter-wrapper {
    color: #c2c2ff;
}