html, body {
    height: 100%;
}
body {
    font-family: 'PT Sans', sans-serif;
    background-color: #ededed;
}

.btn {
    border: none;
}

.mainMenu {
    position: relative;
    min-height: calc(100% - 46px);
}

.menuArea {
    position: relative;
    top: 50px;
}

#image-cropper .btn, .image-cropper .btn {
    margin: 0 5px;
}
/*
 *	Slider
 */
.slider h3, .slider h4 {
    background: #d8d8d8;
    color: #10779b;
    height: 60px;
    line-height: 60px;
    padding-left: 18px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 7px 0;
    display: inline-block;
    width: 100%;
    padding-right: 50px;
    position: relative;
    cursor: pointer;
}
.sliderHidden .slider{
    padding: 0 40px;
}

.slider .btn {
    margin: 10px 5px;
    float: right;
}

.slider > h3:after, .slider > h4:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f106";
    font-size: 40px;
    color: white;
    line-height: 40px;
    width: 40px;
    margin: 10px 5px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    color: #10779b;
}

.slider.sliderClose > .sliderHidden {
    display: none;
}
.slider.sliderClose > h3:after, .slider.sliderClose > h4:after {
    content: "\f107";
    color: #73878c;
}
/*
 *	Table!
 */
.dataTables_wrapper {
    margin-bottom: 40px;
}

table.dataTable {
    box-sizing: border-box;
    font-size: 14px;
    border-collapse: separate;
    border-spacing: 0 10px;
    border-bottom: none !important;
    margin-top: 40px;
}
.dataTables_wrapper .dataTable {
    margin-top: 0;
}

table.dataTable thead {
    color: #064351;
}
table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc{
    color: #10779b;
}
table.dataTable thead th {
    width: 25%;
    border-bottom: none;
    padding: 0 10px;
    line-height: 20px;
}


table.dataTable tbody td {
    background: white !important;
    padding: 0 10px;
    border-top: none !important;
    border-bottom: none;
    height: 60px;
}

table.dataTable tbody tr:hover td.firstColumn {
    border-left: 5px solid #016573;
}

table.dataTable tbody tr {
    color: #666;
}
table.dataTable tbody tr:hover {
    color: #064351;
}

table.dataTable tbody td.firstColumn {
    font-style: italic;
    border-left: 5px solid white;
}

.dataTable.tableTours tbody td.lastColumn, .dataTable.tableUsers tbody td.lastColumn {
    min-width: 160px;
    width: 160px;
}


table.dataTable .btn {
    width: 100px;
    margin: 10px 5px;
    float: none;
}

table.dataTable .dataTables_empty {
    padding: 20px;
    height: 20px;
}



.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper > .dataTables_processing, .dataTables_wrapper > .dataTables_paginate {
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0 10px;
    font-style: italic;
}
.dataTables_wrapper .dataTables_filter form {
    display: inline;
}

.dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter label {
    margin: 0;
}

#groupSearch {
    display: inline;
    margin: 10px 5px;
    float: right;
    line-height: 40px;
    font-style: italic;
}
#groupSearch span.infoSearch {
    text-transform: none;
    font-weight: normal;
    color: #333;
    font-size: 14px;
    margin-right: 5px;
}
#groupSearch label {
    margin: 0;
}


.dataTables_wrapper .dataTables_filter label, #groupSearch label {
    height: 40px;
    background: #064351;
    border-radius: 4px;
}
.dataTables_wrapper .dataTables_filter label:after, #groupSearch label:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f002";
    font-size: 20px;
    color: white;
    line-height: 40px;
    width: 40px;
    text-align: center;
    float: right;
    margin-left: -40px;
}

.dataTables_wrapper .dataTables_filter input, #groupSearch input {
    width: 40px;
    margin: 0;
    border: none;
    border-radius: 4px;
    height: 40px;
    background: none;
    color: white;
    padding: 0 30px 0 10px;

    -webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
}


.dataTables_wrapper .dataTables_length select {
    width: 60px;
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #064351 !important;
    border: none !important;
    background: none !important;
    padding: 0 10px;
    margin: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #10779b !important;
    border: none !important;
    background: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #10779b !important;

}
/*
 * INPUT
 */
input {
    border: none;
    border-bottom: 1px solid #999;
    color: #10779b;
    line-height: 24px;
    padding: 0;
    margin: 0 5px;
}
input:read-only {
    border-bottom: none;
}
input:focus {
    outline: none;
}

input, textarea {
    width: auto;
    background: none;
}
label.editable:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f040";
    font-size: 20px;
    color: #999;
    line-height: 25px;
    width: 25px;
    text-align: center;
}
label.ajaxWaiting:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f110";
    font-size: 20px;
    color: #999;
    line-height: 25px;
    width: 25px;
    text-align: center;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
label {
    margin: 7px 0;
}
label.editable {
    position: relative;
}

.data input[type="password"] {
    width: 64px;
    margin-right: 10px;
}

select {
    border: none;
    line-height: 30px;
    height: 30px;
    color: white;
    margin-right: 10px;
    background: #064351;
}
select:disabled {
    background: #999;
}
input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

.mainData input {
    width: 180px;
}

.sliderHidden {
    position: relative;
}

/*#myTours_filter.dataTables_filter, #myReports_filter.dataTables_filter {
        display: none !important;
}*/

.tourFilterLabel {
    /*position: absolute;
top: 0;
right: 0;*/
    float: right;
    font-style: italic;
    z-index: 1;
}

.tourFilterLabel select {
    margin-left: 10px;
}

.dataTable th:not(.headerFixedAssigned) {
    width: auto !important;
}

.tooltipNav {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #064351;
    cursor: pointer;
}

.tooltipNav .tooltipText {
    visibility: hidden;
    width: 120px;
    background-color: #f8ff91;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltipNav .tooltipText::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #f8ff91 transparent transparent transparent;
}
.tooltipNav .tooltipText.rightTooltip {
    top: -5px;
    left: 110%;
    bottom: initial;
    margin-left: 0;
    border-color: transparent #f8ff91 transparent transparent;
}

.tooltipNav .tooltipText.rightTooltip::after {
    top: 50%;
    right: 100%;
    left: initial;
    margin-top: -5px;
    margin-left: 0;
}
.tooltipNav .tooltipText.leftTooltip {
    top: -5px;
    right: 200%;
    left: initial;
    bottom: initial;
    margin-left: 0;
}

.tooltipNav .tooltipText.leftTooltip::after {
    top: 50%;
    left: 100%;
    margin-top: -5px;
    margin-left: 0;
    border-color: transparent transparent transparent #f8ff91;
}
.tooltipNav .tooltipText.bottomTooltip::after {
    top: -5px;
    left: 50%;
    margin-top: -5px;
    margin-left: 0;
    border-color: transparent transparent #f8ff91 transparent;
}

.tooltipNav:hover .tooltipText {
    visibility: visible;
}

.tooltipNav .tooltipText.tooltipDescription {
    width: 300px;
    margin-left: -150px;
    padding: 5px;
    font-size: 12px !important;
    text-transform: none !important;
    font-weight: 300;
    line-height: initial;
    left: 50%;
    white-space: normal !important;
}

select[data-userfield="province"] {
    width: 146px;
}

.getReportTrendInPeriodBtn {
    float: right;
    font-style: initial;
}

.unsavedAssociatedVTCheckbox {
    border: 2px solid red;
    padding: 3px 3px 0 3px;
    border-radius: 4px;
}

.unsavedAssociatedVTText {
    color: red;
}

.bottomTooltip {
    top: 150% !important;
    bottom: initial !important;
}