﻿@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.ttf');
}

body {
    font-family: 'Lato', sans-serif;
    padding-top: 50px;
}

/* Angular */
[ng-click],
[data-ng-click],
[x-ng-click] { cursor: pointer; }

/* ui-select overrides */

.ui-select-choices-group .dropdown-header {
    color: black;
    font-size: 14px;
    font-weight: bold;
}

/* Validation Error Messages */

.field-validation-error {
    color: #f00;
    display: block;
    margin-top: 8px;
    text-align: center;
}

.field-validation-valid { display: none; }

.input-validation-error {
    background-color: #fee;
    border: 1px solid #f00;
}

.validation-summary-valid { display: none; }

.errorMessages { color: Red; }

.validation-summary-errors {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
    margin-bottom: 2px;
    padding: 2px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.validation-summary-errors,
.validation-summary-errors h4 { color: #c09853; }

.validation-summary-errors h4 { margin: 0; }

.validation-summary-errors ul {
    color: red;
    list-style-type: none;
}

.validation-summary-errors .close {
    line-height: 20px;
    position: relative;
    right: -21px;
    top: -2px;
}

.validation-summary-errors-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.validation-summary-errors-success h4 { color: #468847; }

.validation-summary-errors-danger,
.validation-summary-errors-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.validation-summary-errors-danger h4,
.validation-summary-errors-error h4 { color: #b94a48; }

.validation-summary-errors-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

.validation-summary-errors-info h4 { color: #3a87ad; }

.validation-summary-errors-block {
    padding-bottom: 4px;
    padding-top: 4px;
}

.validation-summary-errors-block > p,
.validation-summary-errors-block > ul { margin-bottom: 0; }

.validation-summary-errors-block p + p { margin-top: 5px; }

.accordion-toggle {
    color: white !important;
    font-weight: normal !important;
    letter-spacing: 1px;
    text-decoration: none;
}

span.spinner-hidden { visibility: hidden; }

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.custom-corners .ui-bar {
    -webkit-border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.custom-corners .ui-body {
    -webkit-border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-width: 0;
    margin-bottom: 5px;
}

.spacer { padding-top: 10px; }

/* Classes for JS selectors */

.paginatedResults { }

.overlaywidget { }

.image { }

/* bootstrap overrides */

.list-group-item.separatorDiv { color: white; }

.brand {
    display: block;
    left: 50%;
    margin-left: -50px !important;
    position: absolute;
}

.modal-dialog .panel:last-child { margin-bottom: 0; }

.panel-heading { padding: 5px 15px; }

.panel-heading h3 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.panel-heading h2 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.table-borderless td,
.table-borderless th { border: 0 !important; }

.top-border { border-top: 1px solid #ddd }

.tooltip.top .tooltip-inner { background-color: white;color: black;}

.tooltip.top .tooltip-arrow { border-top-color: white; }

.tooltip.right .tooltip-inner { background-color: white; color: black;}

.tooltip.right .tooltip-arrow { border-right-color: white; }

.tooltip.bottom .tooltip-inner { background-color: white;color: black; }

.tooltip.bottom .tooltip-arrow { border-bottom-color: white; }

.tooltip.left .tooltip-inner { background-color: white; color: black;}

.tooltip.left .tooltip-arrow { border-left-color: white; }

.alertsBox { padding: 5px; }

.app-modal-window .modal-dialog { width: 90%; }

.inactive { background-color: gainsboro; }

/* bootstrap enhancements */

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* File upload */

.my-drop-zone {
    border: dotted 3px lightgray;
    margin-top: 5px;
}

.nv-file-over { border: dotted 3px red; }

.another-file-over-class { border: dotted 3px green; }

/* general */

.delete {
    color: red;
    cursor: pointer;
    padding-top: 5px;
}

.nopadmar {
    padding: 0 !important;
    margin: 0 !important;
}

.no-radius {
    border-radius: 0 !important;
}

/* removes inline padding added by Boostrap that makes the screen shift left */
.modal-open[style] {
    padding-right: 0 !important;
}

/* keeps Bootstrap from removing the scrollbar if it's there */
.modal-open {
    overflow: auto;
}