﻿body { padding-top: 50px; padding-bottom: 20px; }

/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt { white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/


.field-validation-error { color: #F64E60; }

.menu-text { padding-left: 15px !important; }

.dataTable .filter th.filter-options .btn:not(:first-child) { margin-top: 0 !important; margin-left: 5px !important; }

.toast.toast-success { background-color: #1086ff !important; }

#toast-container > div { opacity: 1 !important; }

.dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td { font-weight: 500 !important; }
div.dataTables_wrapper div.dataTables_processing { top: 150% !important; }
.table.table-head-custom thead tr, .table.table-head-custom thead th { font-weight: bold !important; }
    .table.table-head-custom thead tr th { color: #7a7a7a !important; }

.aside-minimize .app-name { display: none; }
.app-name { padding-top: 6px; color: white; padding-left: 15px; padding-right: 15px; font-size: 14px; }


.label.label-light-Pending, .label.label-light-Critical { color: #FFA800; background-color: #FFF4DE; }
.label.label-light-Scheduled { color: #3699FF; background-color: #E1F0FF; }
.label.label-light-Completed, .label.label-light-Opportunity, .label.label-light-No, .label.label-light-N { color: #1BC5BD !important; background-color: #C9F7F5 !important; }
.label.label-light-Cancelled { color: #F64E60; background-color: #FFE2E5; }

.bg-purple { background-color: #8950FC !important }
.bg-white-smoke { background-color: #F3F5F9 !important; }
.bg-login { background-color: #3d86d1 !important; }

.la-trash { color: red !important; }

/*Typeahead styles start*/
.tt-menu { background-color: white; padding: 5px; border: solid 1px #e3e3e3; }
.tt-suggestion { padding-bottom: 2px; padding-top: 2px; cursor: pointer; }
    .tt-suggestion:hover { background-color: whitesmoke; }
/*Typeahead styles end*/

.radio > span, .checkbox > span { border: 1px solid #7973d1 !important; }

.dt-buttons.btn-group.flex-wrap { position: absolute; right: 135px; top: 28px; }


.logo-img { width: 120px; }

.footer-logo { height: 48px; float:right;}

/* Overlay background */
#loader-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Spinner */
.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}