﻿.ibox-content .row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.float-e-margins .btn {
    margin-right: 5px;
}

.datagrid tr:first-of-type {
    background-color: #f5f5f6;
}

.nav-tabs, .nav-tabs ul {
    padding: 0;
}

    .nav-tabs li {
        margin: 0;
        list-style: none;
    }

    .nav-tabs .selected {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none;
        border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
        border-bottom: #fff;
        border-image: none;
        border-style: solid;
        border-width: 1px;
        color: #555555;
        cursor: default;
    }
.nav-tabs a.static{
    padding: 10px 20px 10px 25px !important;

}
.nav-tabs {
border-bottom: 0px solid #ddd !important;
}
.no-border {
    border: 0px solid #ccc !important;
}
.title-underline {
    border-bottom: 1px solid #e7eaec !important;
    margin-bottom:-1px !important;
    margin-left:0px !important;
    margin-right:0px !important;
}

.align-inline {
    display: inline-block !important;
}

.nav-tabs {
    margin-top: 35px;
}

    .nav-tabs li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs li.active > a,
    .nav-tabs li.active > a:hover,
    .nav-tabs li.active > a:focus {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none;
        border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
        border-bottom: #f3f3f4;
        border-image: none;
        border-style: solid;
        border-width: 1px;
        color: #555555;
        cursor: default;
        outline: none;
    }

.nav.nav-tabs li {
    background: none;
    border: none;
}

.nav-tabs li > a {
    color: #A7B1C2;
    font-weight: 600;
    padding: 10px 20px 10px 25px;
}

    .nav-tabs li > a:hover,
    .nav-tabs li > a:focus {
        background-color: #e6e6e6;
        color: #676a6c;
        outline: none;
    }

.list-table {
    border: 0px solid #fff !important;
}

    .list-table td {
        border: 0px solid #fff !important;
        border-bottom: 1px solid #e7eaec !important;
        padding-left: 0px !important;
    }

    .list-table th {
        border-top: 0px solid #e7eaec !important;
    }

.no-th th {
    display: none;
}

#wrapper{
    overflow-x:hidden;
}

.list-table .label-info, .list-table .label-default {
    margin-left: 8px;
    margin-right: 10px;
}

.ibox-content.header-inside-panel {
    border-top: 0px solid #ccc;
    padding-top: 0px;
}

.ibox-content.header-inside-panel h2 {
    border-bottom: 1px solid #e7eaec;
}
.align-left .radio label, .align-left .checkbox label {
    padding-left: 0px !important;
}
/*ISSUE FIX SCROLL input small PAGES IE*/
table.dataTable, table.dataTable td, table.dataTable th {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing:inherit !important;
}
.ErrorMarker{
    position:absolute;
    right:5px;
    top:10px;
}
.logo-image{
    max-width:100%;
    height:auto;
    border:1px solid #666 !important;
}
.day-check label{
    padding-left:0px !important;
}
/* in progress spinner */
.spin-icon-right {
  background: #4272A2;
  padding: 7px 10px 7px 13px;
  border-radius: 0px 20px 20px 0px;
  font-size: 14px;
  width: 40px;
  color: #fff;
  cursor: pointer;
}

/*calender Styles*/
.calender-widget {
    display: block !important;
    border: 1px solid #e5e6e7 !important;
    border-left: none !important;
}

.ajax__calendar_container {
    padding: 4px !important;
    position: absolute !important;
    cursor: default !important;
    width: 225px !important;
    font-size: 14px;
    text-align: center !important;
    background: #fff !important;
    border: 1px solid #e5e6e7 !important;
    /* font-family: tahoma,verdana,helvetica; */
}

.ajax__calendar_header {
    background-color: #ffffff !important;
    margin-bottom: 4px !important;
}

.ajax__calendar_title,
.ajax__calendar_next,
.ajax__calendar_prev {
    color: #004080 !important;
    padding-top: 3px !important;
}

.ajax__calendar_body {
    height: 139px !important;
    width: auto !important;
    position: relative !important;
    overflow: hidden !important;
    margin: auto !important;
}

.ajax__calendar_dayname {
    height: 20px !important;
    width: 28px !important;
    text-align: right !important;
    padding: 2px 2px !important;
    color: #999 !important;
}

.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    top: 0px;
    left: 0px;
    height: 139px !important;
    width: 100% !important;
    position: absolute;
    text-align: center !important;
    margin: auto;
}

.ajax__calendar_day {
    height: 18px !important;
    width: 28px !important;
    text-align: center;
    /* padding: 0px 6px; */
    cursor: pointer !important;
    height: 22px !important;
}

.ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar_hover .ajax__calendar_year,
.ajax__calendar_active {
    color: #004080 !important;
    font-weight: bold !important;
    background-color: #ffffff !important;
}

.ajax__calendar_today {
    font-weight: bold !important;
}

.ajax__calendar_other,
.ajax__calendar_hover .ajax__calendar_today,
.ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb !important;
}

.ajax__calendar_footer {
    height: 25px !important;
}
/*System Menu ICONS*/
.fa-Home-system:before {
    content: "\f009" !important;
}
.fa-Users-system:before {
    content: "\f007" !important;
}
.fa-Maintenance-system:before {
    content: "\f0ce";
}

.fa-Bookings-system:before {
    content: "\f044";
}

.fa-Reports-system:before {
    content: "\f080";
}

.fa-Logout-system:before {
    content: "\f08b";
}
/*System Menu ICONS-------------END*/

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: rgb(255, 255, 255) !important;
}

.page-heading {
    padding: 0 0px;
}
.title-underline .col-lg-10 {
    padding-left:0px;
}
.dataTables_filter label {
    margin-right: 5px !important;
}

    .page-heading h2 {
        line-height: 32px;
        margin: 5px 0;
        color: #5883b1;
        font-size: 15px;
        font-weight: bold;
        line-height: 45px;
        text-transform: uppercase;
    }

.date .form-control {

    display: inline-block;
}

.SmallButton, .MediumButton {
    background-color: #4272A2;
    border-color: #4272A2;
    color: #ffffff;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin: 8px 4px 0 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.loginscreen.middle-box {
    margin-top: -260px;
}

*:before, *:after {
    box-sizing: border-box;
}

*:before, *:after {
    box-sizing: border-box;
}

.table {
    /*table-layout:fixed;*/
}

tr.highlight {
    background: #f5faf4 !important;
}

    tr.highlight:hover {
        background: #e8f4e7 !important;
    }

.scroll-x {
    overflow-x: auto;
}

    .scroll-x::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 1px;
        background-color: #F5F5F5;
    }

    .scroll-x::-webkit-scrollbar {
        background-color: #ccc;
        margin-right: 10px;
        width: 0.7em;
        height: 0.7em;
    }

    .scroll-x::-webkit-scrollbar-track-piece {
        background-color: #eee;
        border: none;
    }

    .scroll-x::-webkit-scrollbar-thumb {
        border-radius: 2px;
        border: none;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
        background-color: #ccc;
    }

    .scroll-x::-webkit-scrollbar-button:start {
        background-color: #aaa;
        background-repeat: no-repeat;
    }

    .scroll-x::-webkit-scrollbar-button:end {
        background-color: #aaa;
        background-repeat: no-repeat;
    }

.table-bordered tr > th, .table-bordered > thead > tr > td {
    background-color: #f5f5f6;
    border-bottom-width: 1px;
}

.no-hr-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media (min-width: 768px) {
    .control-label {
        line-height: 32px;
        text-align: right;
        display: block;
    }

    .form-control.col-sm-6 {
        width: 50%;
        margin-top: 5px;
    }
}

@media (min-width: 641px) and (max-width: 920px) {
    .nav-tabs li > a {
        color: #A7B1C2;
        font-weight: 600;
        padding: 10px 8px 10px 8px;
    }
}

@media (max-width: 640px) {
    .nav-tabs {
        width: 100% !important;
    }

        .nav-tabs ul {
            width: 100% !important;
        }

    .nav.nav-tabs li {
        background: none;
        border: none;
        width: 100%;
        margin-bottom: 5px;
    }

    .nav-tabs li > a {
        color: #A7B1C2;
        font-weight: 600;
        padding: 10px 0px 10px 0px;
        text-align: center;
        display: block;
        width: 100%;
    }

    .nav-tabs li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 4px 4px;
    }

    .nav-tabs .selected {
        background-color: #23c6c8;
        border-color: #1dc5c7 !important;
        color: #fff;
        cursor: default;
    }

    .margintop60 {
        margin-top: 20px !important;
    }
}
@media (max-width: 767px) {
    .ibox-content .row>.col-sm-3:nth-of-type(3) {
    margin-top:10px;
}

}