/*
    Copyright (c) 2001 Envision Technology Partners, Inc. All rights reserved.
*/

.date {
    display: inline-block;
    position: relative;
    border-collapse: separate;
}

    .date > span {
        display: inline-block;
        cursor: pointer;
        margin-left: 5px;
    }

.input-group > span {
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
}

.form-group:not(.form-inline) .date {
    display: table !important;
}

.input-group-addon {
    display: table-cell !important;
}

body {
    /*line-height: 1.25;*/ /* bootstrap was 1.428571429, kind of looks nicer in my opinion */
    font-family: Arial, sans-serif; /*bootstrap was applying the Helvetica Neue font*/
}

input[type="checkbox"] {
    margin: 4px 7px 0 !important; /* bootstrap was margin: 4px 0 0; */
}

th {
    text-align: center; /* bootstrap defaults to left */
}

hr {
    margin-top: 6px; /* bootstrap was 20px */
    margin-bottom: 6px; /* bootstrap was 20px */
    border: 1px inset #dddddd; /* #626262 */
}

label {
    font-weight: normal; /* bootstrap defaulted to bold */
}

table {
    border-collapse: separate; /* bootstrap was collapse */
}

.btn {
    border-radius: 0;
}

.tooltip-inner {
    color: #000000;
    background-color: #ffffff;
    white-space: pre-wrap; /* have the tooltip respect newlines */
    border: 1px solid #000; /* give tooltip a border */
    max-width: none; /* fix text cutting off */
    text-align: left; /* have the text align left */
}

.tooltip.in {
    opacity: 1.0;
    filter: alpha(opacity=90);
}

.tooltip.top .tooltip-arrow {
    border-top-color: #000000;
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000000;
}

/*Fixing the font issue with Helvetica Neue*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: Arial, sans-serif;
}

.tipr_content {
    font: 13px/1.7 Arial, sans-serif;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    font-family: Arial, sans-serif;
}

.dropdown-menu {
    left: auto;
    right: 0;
}

select[size="1"]:not([multiple="multiple"]) {
    height: 24px !important;
}

.env-row {
    margin-left: 0px;
    margin-right: 0px;
}

.button-as-link {
    display: block;
    padding: 3px 20px !important;
    clear: both !important;
    font-weight: normal !important;
    line-height: 1.428571429 !important;
    color: #333333 !important;
    white-space: nowrap !important;
    font-family: Arial !important;
    font-size: 9pt !important;
    text-decoration: none !important;
    background: transparent !important;
    cursor: pointer !important;
    text-transform: none !important;
    border: 0 !important;
    width: 100% !important;
    text-align: -webkit-match-parent !important;
}

.dropdown-menu > li > .button-as-link:hover,
.dropdown-menu > li > .button-as-link:focus {
    color: #262626 !important;
    text-decoration: none;
    background-color: #f5f5f5 !important;
}

.btn-dark {
    background-color: #525252;
    border-color: #4e4e4e;
    color: white;
    border-radius: 0 !important;
    font-size: 15px !important;
    margin-right: 10px;
}

    .btn-dark:hover {
        background-color: #989898;
        color: white;
    }

    .btn-dark:focus {
        background-color: #989898;
        color: white;
        border-color: #4e4e4e;
    }

.bootbox-close-button-dark {
    background-color: #989898 !important;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    border: 1px solid !important;
    width: 25px;
    height: 25px;
    opacity: .6;
    color: #676767;
    text-shadow: none;
}

    .bootbox-close-button-dark:hover {
        color: #dddddd;
    }

.modal-dialog-large {
    width: 1000px;
    margin: 30px auto;
}

legend {
    font-size: 11pt;
    width: 90%;
    margin-bottom: 0;
}

select[multiple], select[size] {
    overflow-x: auto;
}

.has-error .form-control {
    border-width: 3px;
}

.error-outline {
    border: solid 3px #a94442;
}