﻿/* Scrolling table */
table.table-scroll {
    display: table;
    width: 100%;
}
table.table-scroll thead, table.table-scroll tbody {
    float: left;
    width: 100%;
}
table.table-scroll tbody {
    overflow: auto;
    height: 400px;
}
table.table-scroll tr {
    width: 100%;
    display: table;
    text-align: center;
}
table.table-scroll th, table.table-scroll td {
    width: 33%;
}

/* Add space between row's on forms */
.form-space-row {
    padding-top:10px;
}

.login-box {
    margin-bottom: 0;
    margin-top: 10%;
    /*margin: 0 auto;
    top: 50%;
    transform: translateY(50%);*/
}

.login-box .login-logo-container {
    position: absolute; 
    top: -50px; 
    right: -50px;
}

.box.box-solid>.box-header .btn:hover, 
.box.box-solid>.box-header a:hover {
    background: none;
}

.btn-daterangepicker {
    background: white; 
    width: 100%;
    text-align: left;
    border: 1px solid #d2d6de;
}

.btn-daterangepicker > i {
    margin: -7px -12px -7px -12px;
    padding: 10px 10px;
    color: white; 
    float: right;
}


.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    /*border: none;*/
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    width: 34px;
    right: 0;
    top: 0;
    background-color: #0073b7;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
    margin-top: -2px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent;
}

.field-validation-error {
    color: red;
}

.form-widget-container .control-label > sub,
.form-widget-container .control-label > sup {
    left: 2px;
    font-weight: normal;
}

.form-widget-container .form-widget-container-button {
    vertical-align: middle;
}

.form-widget-container .form-widget-container-button > i {
    font-size: 20px;
    margin-right: 5px;

}

.form-widget-container .input-group {
    width: 100%;
}

.form-widget-container .input-group-addon {
    background-color: #0073b7;
    color: #fff;
}

.form-widget-container input:read-only + .input-group-addon {
    opacity: .7;
}

.form-widget-container .form-group label {
    width: 100%;
}

.form-widget-container .form-group label > .form-widget-input-helper {
    float: right;
    font-size: 16px;
}

.form-widget-container .nav-tabs > li > a > .form-error-badge {
    padding: 0px 5px;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2;
    -ms-transition-animation-duration: 2s;
}

.form-widget-container .input-group .btn {
    margin-right: 5px;
    margin-bottom: 5px;
} 

.expression-editor { 
    height: 80vh;
}

.expression-editor .expression-button {
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 10px;
    }

.expression-editor .expression-button:hover {
    background-color: #555651;
}

.tenant-logo {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: right;
    max-height: 45px;
    max-width: 250px;
    align-content: center;
    text-align: right;
    margin-top: -13px;
    margin-left: 5px;
    overflow: hidden;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 200;
}

.form-tenant-logo {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: left;
    max-height: 50px;
    max-width: 250px;
    align-content: center;
    text-align: left;
    overflow: hidden;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 200;
}

.logon-tenant-logo {
    max-height: 50px;
    max-width: 250px;
    align-content: center;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 30px;
}
.logon-store-badges {
    align-content: center;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
}