.input-cell {
    width: 90px;
}

.input-table {
    border: none;
    background-color: transparent;
    padding: 0;
    height: 22px;
    text-align: right;
    color: blue;
    font-size: 14px;
}

.fg-white {
    color: white !important;
}

.full-width {
    width: 100%;
}

.datepicker.datepicker-dropdown {
    z-index: 1500;
}

.page-height {
    min-height: calc(100% - 22px);
    min-height: -webkit-calc(100% - 22px);
}


/* Border Initialization */
input:not(:invalid),
select:not(:invalid),
textarea:not(:invalid) {
    border: 1px solid gray;
}

.input-group-addon {
    border-color: gray;
}

input:invalid,
select:invalid {
    border: 1px solid red;
}

.help-block {
    color: blue;
}

.checkbox-custom label::before,
.radio-custom label::before {
    border: 1px solid gray;
}

.modal-content {
    border: 1px solid #62a8ea;
}

.bootstrap-select.btn-group .dropdown-menu {
    z-index: 1100;
}

.fa-spin {
    -webkit-animation: fa-spin 0.5s infinite linear;
    animation: fa-spin 0.5s infinite linear;
}

.locked-user {
    color: #056fa1;
    font-weight: bold;
}

select[name=DataTables_Table_0_length] {
    line-height: 40px !important;
}

.navbar-default .navbar-toggle {
    border: none;
}

.dropdown-menu.open {
    width: 100% !important;
}

th.custom-action {
    width: 1px !important;
}

a, a:hover, a:visited, a:active, a:focus {
    text-decoration: none !important;
}

.navbar-brand-imglogo {
    height: auto;
    margin: 5px auto !important;
    max-height: 60px;
    max-width: 230px;
}

.navbar-brand-smalllogo {
    height: auto;
    max-height: 50px;
    max-width: 40px;
    margin-left: 25px !important;
    margin-top: 5px;
    display: none;
}
.site-menubar-unfold .navbar-brand-smalllogo {
    display: none;
}

.site-menubar-fold .navbar-brand-imglogo {
    display: none;
}

.site-menubar-fold .navbar-brand-smalllogo {
    display: block !important;
}

.circle-icon {
    background-color: #075792 !important;
    border-radius: 15px;
    color: #fff !important;
}

.muted-color {
    color: #777 !important;
}

input[type=checkbox] {
    cursor: pointer;
}

.modal {
    z-index: 9999999;
}

.scroll-horizontal {
    overflow-x: auto;
}

.hlk-disabled {
    cursor: not-allowed;
    color: #333 !important;
}


.clockpicker-popover {
    z-index: 99999999 !important;
}

.tr-group {
    background-color: #f5f5f5;
    font-weight: bold !important;
}

.tr-subgroup {
    background-color: #d5d5d5;   
}

.tr-subgroup th {
    font-weight: bold !important;
}

table > thead > tr > th.command-action {
    width: 1px;
}

.page-error {
    margin-top: 8%;
}

.page-error h1 {
    font-size: 10em;
}

.page-error small {
    font-size: 30px;
    color: #76838f;
    margin-bottom: 30px;
    display: block;
}

.page-error p {
    font-size: 14px;
    color: #a9afb5;
    margin-bottom: 30px;
}

.font-bold {
    font-weight: 700 !important;
}

.canvas-height {
    height: 50vh !important;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.canvas-template {
    border: solid 1px #ccc;
    border-radius: 3px;
}

.canvas-container {
    margin: 0 auto;
    margin-top: 15px;
}

.colorInputUi-trigger {
    position: initial !important;
    width: 25px !important;
    height: 25px !important;
    border: 3px solid #f3f7f9 !important;
}

    .colorInputUi-trigger:before {
        position: initial !important;
    }

.select-font {
    border-radius: 3px;
    border: solid 1px #ccc;
}

.thumbnail {
    border: 1px solid #ddd;
}

    .thumbnail > img {
        width: 100%;
    }

.colorInputUi-dropdown {
    z-index: 99999999 !important;
}

.icon.arrow-left {
    font-size: 24px !important;
}

.site-menubar-fold .icon.hamburger.hided {
    transform: rotate(-90deg);
}

/*
    Cutom colors and tooltips from Report Coupon
*/
.red {
    color: red;
}

.gray {
    color: dimgray;
}

.yellow {
    color: #fc8504
}

.blue {
    color: #0000cf;
}

.green {
    color: green;
}

.red-tooltip + .tooltip > .tooltip-inner {
    background-color: #f00;
}

.red-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: #f00 !important;
}

.yellow-tooltip + .tooltip > .tooltip-inner {
    background-color: #9f9f00;
}

.yellow-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: #9f9f00 !important;
}

.blue-tooltip + .tooltip > .tooltip-inner {
    background-color: #0000cf;
}

.blue-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: #0000cf !important;
}

.green-tooltip + .tooltip > .tooltip-inner {
    background-color: green;
}

.green-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: green !important;
}
/* End custom coupon report */

/* hack to fullscreen panel*/
@media (min-height: 900px) {
    .panel.is-fullscreen > .panel-body {
        max-height: 75%;
    }
}

@media (max-height: 899px) and (min-height: 700) {
    .panel.is-fullscreen > .panel-body {
        max-height: 60%;
    }
}

@media (max-height: 699px) {
    .panel.is-fullscreen > .panel-body {
        max-height: 50%;
    }
}