@import url(https://fonts.googleapis.com/css?family=Lato:400,300italic,300,400italic,700,700italic&subset=latin,latin-ext);
/* .fc-list-item-title a {font-family: 'Courier New', monospace; white-space: pre;} */

input:focus, select:focus, textarea:focus, button:focus, *:focus {outline: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; line-height: normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {margin: 0; width: 100%; overflow-x: hidden;}
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
html, body {margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-size: 14px; color: #2c2c2c; font-weight: 300;}
body {background: #fff;}
a, p, li, span, h1, h2, h3 {color: #2c2c2c; text-decoration: none; font-weight: 300; font-family: 'Lato', sans-serif; line-height: 150%;}
.clear {clear: both; float: none;}
.col-left {float: left;}
.col-right {float: right;}
.wrapper {width: 91.75%; margin: 0 auto; max-width: 1260px;}
.header-tlo {background: #fff}
.header-white {width: 98%; margin: 0 auto; padding: 0 1%; max-width: 1260px; background: #fff}
.header-footer {width: 98%; margin: 0 auto; padding: 20px 1%; background: #fff}
strong {font-weight: 600;}
sup {font-size: 10px; vertical-align: top; display: inline-block;}
::-webkit-input-placeholder {color: #ccc;}
:-moz-placeholder {color: #ccc; opacity:  1;}
::-moz-placeholder {color: #ccc; opacity: 1;}
:-ms-input-placeholder {color: #ccc;}

a:hover {color: #ed312f;}

body {background: #fff url('/images/whitePattern.png') repeat;}
.menu {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aeb8c1+0,aeb8c1+6,cbd2da+100 */
background: #aeb8c1; /* Old browsers */
background: -moz-linear-gradient(top,  #aeb8c1 0%, #aeb8c1 6%, #cbd2da 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #aeb8c1 0%,#aeb8c1 6%,#cbd2da 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #aeb8c1 0%,#aeb8c1 6%,#cbd2da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeb8c1', endColorstr='#cbd2da',GradientType=0 ); /* IE6-9 */}

.menu {padding: 15px 0; max-height: 65px;}
.menu ul li {float: left; list-style: none; width: 12.0625%; background: #fff; margin-right: 0.5%; text-align: center; position: relative; top: 0; left: 0; margin-top: -7px !important; height: 77px}
.menu ul li a {text-transform: uppercase; display: table-cell; font-weight: bold; line-height: 15px; vertical-align: middle; width: 60%; }
.menu ul li a:after {background: #D00729 url('/images/triangle.png') no-repeat center; content: ''; width: 20px; position: absolute; right: 0; top: 0; bottom: 0;}
.menu ul li:hover, .menu ul li.active {background: #D00729;}
.menu ul li:hover a, .menu ul li.active a {color: #fff;}
.menu ul li img {width: 41%; height: 130%; margin: 0 30%}
.menu ul li a div {white-space: nowrap;}

@media only screen and (max-width: 799px){
  .fc-head .fc-time-area{max-width: 626px !important}
  .menu ul li {height: 77px;}
  .scroll{overflow-x: scroll;}
}

@media only screen and (max-width: 1024px){
  .menu ul li a {padding: 10px 22px 10px 7px; font-size: 10px; height: 26px;}
  .menu ul li {height: 73px;}
  .menu {max-height: 60px;}
  .fc-head .fc-time-area{max-width: 654px !important}
}
@media only screen and (min-width:960px){
    /* styles for browsers larger than 960px; */
    .menu ul li a {padding: 10px 22px 10px 7px; font-size: 10px; height: 26px;}
    .menu ul li {height: 73px;}
    .menu {max-height: 60px;}
    .fc-head .fc-time-area{max-width: 654px !important}
}
@media only screen and (min-width:1440px){
    /* styles for browsers larger than 1440px; */
      .fc-head .fc-time-area{max-width: 877px !important}
      .menu ul li {height: 77px;}
      .menu {max-height: 65px;}
      .menu ul li a {padding: 10px 36px 10px 17px; font-size: 12px; height: 30px;}
}
@media only screen and (min-width:2000px){
  .fc-head .fc-time-area{max-width: 877px !important}
    /* for sumo sized (mac) screens */
    .menu ul li {height: 77px;}
    .menu {max-height: 65px;}
    .menu ul li a {padding: 10px 36px 10px 17px; font-size: 12px; height: 30px;}
}
@media only screen and (max-device-width:480px){
   /* styles for mobile browsers smaller than 480px; (iPhone) */
     .menu ul li a {padding: 10px 22px 10px 7px; font-size: 10px; height: 26px;}
     .menu ul li {height: 73px;}
     .menu {max-height: 60px;}
     .fc-head .fc-time-area{max-width: 626px !important}
     .scroll{overflow-x: scroll;}
}
@media only screen and (device-width:768px){
  .menu ul li a {padding: 10px 22px 10px 7px; font-size: 10px; height: 26px;}
  .menu ul li {height: 73px;}
  .menu {max-height: 60px;}
  .fc-head .fc-time-area{max-width: 626px !important}
  .scroll{overflow-x: scroll;}
   /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .menu ul li {height: 77px;}
    .menu ul li a {padding: 10px 22px 10px 7px; font-size: 10px; height: 26px;}
    .menu {max-height: 60px;}
    .fc-head .fc-time-area{max-width: 654px !important}
    .scroll{overflow-x: scroll;}
}

@media only screen and (device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  .menu ul li {height: 73px;}
    .menu ul li a {padding: 10px 22px 10px 7px; font-size: 10px; height: 26px;}
    .menu {max-height: 60px;}
    .fc-head .fc-time-area{max-width: 654px !important}
    .scroll{overflow-x: scroll;}
}

@media only screen and (max-width: 980px) {
    .menu a::after {
        display: none;
    }

    .menu ul li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu ul li a {
        font-size: 0;
        padding: 0;
    }

    .menu ul li img {
        width: initial;
        margin: inherit !important;
        margin-top: -5px !important;
    }
}

.user {padding: 30px 0; text-align: right; float: right; width: 50%;}
.user a {font-weight: 500;}
.logo {width: 50%; float: left; padding: 15px 0;}

.main-wrapper {padding: 30px 0; }

input, textarea {border: 1px solid #ddd; background: #fff; height: 35px; padding: 0 1%; margin: 2px 0; min-width: 200px; color: #2c2c2c; font-size: 14px; font-family: 'Lato'; font-weight: 300;}
textarea {height: 50px; padding: 10px 1%; font-family: 'Lato'; font-weight: 300; color: #2c2c2c; font-size: 14px;}
select {color: #2c2c2c; font-size: 14px; font-family: 'Lato'; font-weight: 300;}
.form-center input[type=checkbox], .form-center input[type=radio], input[type=checkbox], input[type=radio] {width: auto; height: auto; padding: 0; min-width: 0; margin-right: 10px;}


.button-flightlog {float:none!important;vertical-align: top!important; margin-top: 0!important; text-align: center; background: #D00729; color: #fff; border: 0; padding: 5px 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: 10px; cursor: pointer; min-width: 90px;}
.button-flightlog:disabled {background: grey}
button, .button {text-align: center; background: #D00729; color: #fff; border: 0; margin: 2px 0; padding: 8px 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: 12px; cursor: pointer; min-width: 80px;}
button:hover, .button:hover {color: #fff;}
button i, .button i {padding-right: 5px;}
.button-background {padding: 100vh 100vh; background: rgba(27, 23, 23, 0.3);}

.form-center {width: 100%; max-width: 700px; margin: auto auto; padding: 20px; background: rgba(235, 235, 235, 0.4);}
.form-center div > label {max-width: 100px;  min-width: 20%; display: inline-block; margin: 5px 0px; text-transform: uppercase; font-size: 12px; font-weight: 400; text-align: left; vertical-align: middle; min-height: 20px; padding-top: 12px;}
.form-center input, .form-center textarea {width: 76.75%; display: inline-block; margin: 7px 0; vertical-align: top;}
.form-center-popup input, .form-center-popup textarea {width: 58%; display: inline-block; margin: 7px 0; vertical-align: top;}
.form-center input[disabled], .form-center textarea[disabled] {background-color: #f1f1f1; opacity: 0.7; font-weight: 300; margin: 5px 0;}
.form-center img.info-icon {vertical-align:middle; max-width: 14px; margin-right: 3px; cursor: pointer; cursor: hand; margin-left: 3px; margin-bottom: 1px}
.form-center input.input-more {padding-left:auto;align-self: flex-start}
.popup-wrapper.form-center input {min-width: 0;}
.popup-wrapper.form-center div > label {text-align: left;}
.form-center select {width: 79%; display: inline-block; margin: 5px 0; vertical-align: middle;}
.inactive-select {width: 70%; display: inline-block; margin: 5px 0; vertical-align: middle;}
.form-center textarea {vertical-align: top;}
.form-center button {float: right; margin-top: 20px;}
.form-center .remove-button {float: right; background: #727c85; padding: 5px 10px;}
.form-center .button.button-small {max-width: 80px; padding: 5px 10px; margin-bottom: 20px;}
.form-center ul {width: 79%; display: inline-block; margin: 12px 0 5px;  vertical-align: top;}
.form-center .form-error {width: 71%; display: inline-block; margin: -30px 140px; vertical-align: middle; float: left;}
.form-center ul li {list-style: none;}
.form-center h2 {font-weight: bold; margin: 35px 0 15px; text-transform: uppercase; letter-spacing: 1px; font-size: 13px;}
.form-center ul.button-list li:first-child {border-top: 1px solid #ddd; padding-top: 5px;}
.form-center ul.button-list li {line-height: 31px; margin-bottom: 5px; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.form-center ul li .name {display: inline-block; padding: 2px 7px; color: #fff; background: #8c97a0; margin-right: 10px; margin-bottom: 5px; background: #484e52; display: block; margin-right: 0;}
.form-center ul ul {width: 100%;}
.form-center .col-filter {width: 24%; float: left; margin-right: 1%;}
.form-center .col-filter ul {text-align: left; width: 98%; margin-left: 2%}
.form-center .header-filter {width: auto;  background: #767d84; text-align: left; padding: 0 18px;}
.form-center .header-filter > label {color: #fff; padding-top: 5px; width: auto; margin-right: 20px; vertical-align: middle;}
.form-center .header-filter input, .form-center .col-filter input {vertical-align: middle;}
.form-center > .header-filter {margin-top: 20px;}
.form-center .long-label div > label{width: 100px;}
.new-student-popup label {width: 29%; display: inline-block; margin: 5px 0; text-transform: uppercase; font-size: 12px; font-weight: 400; vertical-align: middle; min-height: 20px;}
.new-student-popup span, .new-student-popup select {width: 68%; display: inline-block; margin: 0; vertical-align: top; text-align: left;}
.inputs-inline {min-width: 100px!important; width: 10%!important; margin-right: 11%!important;}

.loading {text-align: center; width: 100%; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; color: #ed312f; padding: 30px 0;}

.submenu { background: #fff url('/images/whitePattern.png'); margin-top: -30px; text-align: center; padding: 10px 0; border-top: 1px solid #fff; margin-bottom: 20px;}
.submenu ul li {float: left; list-style: none; width: 24.625%; margin-right: 0.5%; background: #727c85; text-align: center;}
.submenu ul li a {text-transform: uppercase; padding: 5px 0; display: block; font-size: 12px; font-weight: 500; color: #fff;}
.submenu ul li:hover, .submenu ul li.active {background: #464c52;}
.submenu-headers {float: left; list-style: none; width: 24.5%; margin-right: 0.5%; background: #727c85; text-align: center;}

.button.new-user {margin-bottom: 5px !important; display: block; max-width: 80px;}
.button.new-user.remove-button {margin-bottom: 0;}
.button.right {float: right;}
.button.button-small-right {float: right; margin-top: 20px; margin-right: 0px; margin-bottom: 0;}
.left {float: left;}

.form-center .tasks-list li {margin-bottom: 5px; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.form-center .tasks-list {border-top: 1px solid #ddd; margin-left: 30%;}

.table-ed {width: 100%; margin-bottom: 0px; border-collapse: collapse; border-spacing: 0; margin-top: 5px!important; margin-left: 10px; margin-right: 10px;}
.table-ed th {text-align: left; text-transform: uppercase; font-size: 12px; background: rgba(255,255,255,0); color: black; font-weight: 500; padding: 0px;}
.table-ed td, .table-ed th {border: 0px;}
.table-ed td {cursor: pointer; background: rgba(255,255,255,0); padding: 0px;}


table {width: 100%; margin-bottom: 30px; border-collapse: collapse; border-spacing: 0;}
table th {text-align: left; text-transform: uppercase; font-size: 12px; background: #727c85; color: #fff; font-weight: 500; padding: 5px 15px;}
.accounting-table table th {min-width: 60px;}
.accounting-table table th input {width: 96% !important; text-align: center;}
.accounting-table table th div {margin-left: calc(50% - 15.2px);float: none;}
.accounting-table table th:nth-child(2) {min-width: 80px !important}
.accounting-table table th:first-child {min-width: 75px !important}
.accounting-table table th:nth-child(9), .accounting-table table th:nth-child(3) {min-width: 50px !important}
.accounting-table table th:nth-child(4) {min-width: 58px !important}
.accounting-table table th:nth-child(8) {min-width: 35px !important}
.accounting-table table td:nth-child(9) {font-weight: 500 !important}

.accounting-table-student table {margin-bottom: : 0;}
.accounting-table-student table th {min-width: 35px;}
.accounting-table-student table th input {width: 96% !important; text-align: center; height: 11px !important; padding-bottom: 8px}
.accounting-table-student table th ::placeholder {white-space: normal; vertical-align: text-top !important;}
.accounting-table-student table th div {margin-left: calc(50% - 15.2px);float: none;}
.accounting-table-student table th:nth-child(4), .accounting-table-student table th:nth-child(9), .accounting-table-student table th:nth-child(13), .accounting-table-student table th:nth-child(2) {min-width: 75px !important}
.accounting-table-student table th:nth-child(6), .accounting-table-student table th:nth-child(8), .accounting-table-student table th:nth-child(7) {min-width: 70px !important}
.accounting-table-student table th:nth-child(16), .accounting-table-student table th:nth-child(10), .accounting-table-student table th:nth-child(17) {min-width: 55px !important}
.accounting-table-student table th:nth-child(11), .accounting-table-student table th:nth-child(12), .accounting-table-student table th:nth-child(15) {min-width: 60px !important}
/* .accounting-table-student table th:nth-child(13), .accounting-table-student table th:nth-child(7) {min-width: 40px !important} */
.accounting-table-student table th:nth-child(13), .accounting-table-student table th:nth-child(5), .accounting-table-student table th:nth-child(14) {min-width: 50px !important}
.accounting-table-student table td:nth-child(13) {font-weight: 500}
.accounting-table-student table th:nth-child(10) input, .accounting-table-student table th:nth-child(11) input, .accounting-table-student table th:nth-child(14) input {padding-bottom: 14px !important}
.accounting-table-student table th:nth-child(4) input {min-width: 95px}
.accounting-table-student table th:last-child {min-width: 150px}
.accounting-table-student table td {white-space: nowrap;}
.accounting-table-student table td:nth-child(7), .accounting-table-student table td:nth-child(8) {font-weight: 500}

.instructor-rate-table table th input {width: 96% !important; text-align: center;}
.instructor-rate-table table th div {width: 100% !important; float: none; text-align: center;}
.instructor-rate-table table th:first-child {min-width: 147px !important}
.instructor-rate-table table th:nth-child(2) {min-width: 150px !important}
.instructor-rate-table table th:nth-child(3) {min-width: 190px !important}
.instructor-rate-table table th:nth-child(4) {min-width: 180px !important}
.instructor-rate-table table th:nth-child(5) {min-width: 225px !important}
.instructor-rate-table table th:nth-child(6), .instructor-rate-table table th:nth-child(7) {min-width: 75px !important}

.training-resources-table table th input {width: 55%}
.students-table table th {padding: 5px 10px}
.students-table table th input {width: 51%}
.students-table table th:nth-child(4) {width: 13%}
.students-table table th:nth-child(4) input {width: 42%}
.students-table table th:nth-child(5) {width: 10%}
.students-table table th:nth-child(5) input {width: 45%}
.students-table table th:nth-child(6) {width: 14%}
.ac-table table th {padding: 5px 11px}
.ac-table table th input {width: 51%}
.ac-table table th:nth-child(7) {width: 12.5%}
.ac-table table th:nth-child(7) input {width: 42% !important}
.ac-table table th:nth-child(6) input {width: 55% !important}
.ac-table table th:nth-child(4) input {width: 63% !important}
.instructors-table table th {padding: 5px 10px}
.instructors-table table th input {width: 45%}
.instructors-table table th:nth-child(2) input {width: 58% !important}
.instructors-table table th:nth-child(5) {width: 20% !important}
.instructors-table table th:nth-child(5) input {width: 76% !important}
.mechanics-table table th {padding: 5px 10px}
.mechanics-table table th input {width: 51%}
.mechanics-table table th:nth-child(5) input {width: 75% !important}
.mechanics-table table th:nth-child(5) {width: 19% !important}
.mechanics-table table th:nth-child(6) input {width: 42% !important}
.mechanics-table table th:nth-child(6) {width: 13% !important}

table th ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
    text-transform: uppercase;
    font-size: 11px;
    word-wrap: break-word;
}

table th :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
    text-transform: capitalize;
    font-size: 11px;

}

table th ::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
    text-transform: capitalize;
    font-size: 11px;

}
table td, table th {border: 1px solid #ddd;}
table td {cursor: pointer; background: rgba(255,255,255,0.8); padding: 10px 10px; max-width: 334px}
table td:first-child {font-weight: 500;}
.discounts-table table td:first-child {font-weight: 300;}
.discounts-table table td:last-child {font-weight: 500;}
table td ul {margin-left: 15px;}
table tr.odd td {background: rgba(226,233,241,0.5);}
table tr.odd:hover td, table tr.even:hover td {background: rgba(211,220,231,0.8);}

table th .filters {cursor: pointer;}
table th .sort i, table th .filters i {color: #fff; opacity: 0.6;}
table th .sort:hover i, table th .filters:hover i, table th .sort.active i, table th .filters.active i {opacity: 1;}
table th .sort {display: inline-block; cursor: pointer;}
table th .sort-up, table th .filters, table th .sort-down {padding: 0px 1.5px;}
table th div {float: right; width: 45px; text-align: right; padding-top: 10px;}

table th.fc-widget-header div {float: none; width: auto; text-align: center; padding: 0;}
.fc th span {font-size: 12px !important;}

table th input {width: 65%; float: left; min-width: 0;} 

table th :read-only::-webkit-input-placeholder {color: #fff; text-transform: uppercase; font-weight: 500;}
table th :read-only:-moz-placeholder {color: #fff; opacity: 1; text-transform: uppercase; font-weight: 500;}
table th :read-only::-moz-placeholder {color: #fff; opacity: 1; text-transform: uppercase; font-weight: 500;}
table th :read-only:-ms-input-placeholder {color: #fff; text-transform: uppercase; font-weight: 500;}

table th :-moz-read-only::-webkit-input-placeholder {color: #fff; text-transform: uppercase; font-weight: 500;}
table th :-moz-read-only:-moz-placeholder {color: #fff; opacity: 1; text-transform: uppercase; font-weight: 500;}
table th :-moz-read-only::-moz-placeholder {color: #fff; opacity: 1; text-transform: uppercase; font-weight: 500;}
table th :-moz-read-only:-ms-input-placeholder {color: #fff; text-transform: uppercase; font-weight: 500;}


table th input:-moz-read-only {background: none; border-color: #727c85;;}
table th input:read-only {background: none; border-color: #727c85;}

.error {color: #ed312f; font-size: 13px; text-transform: uppercase; font-weight: bold; text-align: center; margin: 5px 0; display: block;}
.success {color: #49ac1e; font-size: 13px; text-transform: uppercase; font-weight: bold; text-align: center; margin: 5px 0; display: block;}

i.fa.fa-sign-out, i.fa.fa-sign-in {padding-right: 0; padding-left: 7px;}
i.fa.fa-caret-left {padding-right: 7px;}

.back {color: #727c85; text-transform: uppercase; background: #fff; padding: 5px 20px;}

form.form-login {margin-top: 100px;}
table.table-center {width: 500px; margin: 30px auto;}
table.table-center label {text-transform: uppercase; font-size: 12px;}

.logbook {word-break: normal;}

.logbook table th input {width: 98%;  min-width: 0px; height: 30px;text-align: center;}
.logbook table th div {width: 100% !important; float: left; text-align: left; padding-top: 0;text-align: center;}
.logbook table th {padding: 5px;}
.logbook table td {text-align: center;padding:10px 0px}
.logbook table th:nth-child(7) input {width: 125px !important;}

.change-password-button{ margin-right: 5px!important; margin-bottom: 5px; color:black; margin-top: 30px !important; border-radius: 0 !important; background: #e6e6e6; box-shadow: none; border: 1px solid #ccc; font-weight: 500;}
.active-field-button{float: right; margin-right: 2px; margin-bottom: 5px; color:black; margin-top: 0; border-radius: 0 !important; background: #e6e6e6; box-shadow: none; border: 1px solid #ccc; font-weight: 500;}
.active-buttons > button{float: right; margin-right: 2px; margin-bottom: 3px; background-color: #f2f2f2; color:#999; font-weight: 400;margin-top: 0;border:solid 1px #ddd}

.popup {background: rgba(0,0,0,0.2); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1002;}
.popup-wrapper {position: fixed; top: 30%; width: 400px; padding: 20px; left: 50%; margin-left: -220px; background: #fff; border: 1px solid #ddd; text-align: center;}
.popup-wrapper .buttons {padding-top: 20px;}
.popup-wrapper .buttons button {padding: 10px 20px; margin: 0 5px;}
.popup-wrapper .buttons button.button-cancel {background: #999;}
.popup-wrapper h1 {font-weight: 500; text-transform: uppercase; letter-spacing: 1px; background: #464c52; padding: 10px 0; color: #fff; margin: -21px; margin-bottom: 20px; font-size: 16px;}
.popup-wrapper p, .popup-wrapper .dates {font-size: 16px;}

.popup-form-wrapper {position: fixed; top: 5%; width: 520px; padding: 20px; left: 50%; margin-left: -290px; background: #fff; border: 1px solid #ddd; text-align: center; max-height: calc(100vh - 100px); overflow-y: auto; overflow-x: hidden;}
.popup-form-wrapper .wrapper {width: 100%;}
.popup-form-wrapper .buttons {padding-top: 20px;}
.popup-form-wrapper .buttons button {padding: 10px 20px; margin: 0 5px;}
.popup-form-wrapper .buttons button.button-cancel {background: #999; margin-right: 2px !important}
.popup-form-wrapper h1 {font-weight: 500; text-transform: uppercase; letter-spacing: 1px; background: #464c52; padding: 10px 0; color: #fff; margin: -21px; margin-bottom: 20px; font-size: 16px;}
.popup-form-wrapper p {font-size: 16px;}
.popup-form-wrapper .information {background: white !important; border-width: 0px; padding-left: 0px }

.logout-text {text-align: center; font-size: 17px; padding-top: 50px;}
.logout-text a {display: block; width: 120px; margin: 30px auto;}

.fc .fc-toolbar h2 {font-weight: 500; font-size: 15px; text-transform: uppercase;}
.fc th {padding: 10px 0; background: #464c52;}
.fc th span {font-weight: 500; color: #fff; font-size: 15px;}
/*.fc-event {border-radius: 0; padding: 10px; background: #aeb8c1; border: 0; background: -moz-linear-gradient(top, #aeb8c1 0%, #aeb8c1 6%, #cbd2da 100%);  background: -webkit-linear-gradient(top, #aeb8c1 0%,#aeb8c1 6%,#cbd2da 100%);  background: linear-gradient(to bottom, #aeb8c1 0%,#aeb8c1 6%,#cbd2da 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeb8c1', endColorstr='#cbd2da',GradientType=0 );}*/
.fc-event  span {font-weight: 500;}
.fc button {border-radius: 0 !important; background: #e6e6e6; box-shadow: none; border: 1px solid #ccc; font-weight: 500;}
.fc button span {text-shadow: none !important;}
.fc button:hover {background: #ccc;}
.fc-today {background-color:#5698E2 !important}
.calendar {
    position:relative;
}
.fc-head .fc-time-area{
    width:70%;
    position: relative;
    /*top:0px;*/
    z-index: 10;
    /*left:0px;*/
    /*display:table;*/
    /*background: #fff;*/

}
.fc-timeline .fc-head>tr>.fc-divider{
  border: 0;
}
.posi{
    position:fixed !important;
    top:0 !important;
    margin-top: 0!important;
}
.students.unavailable {background-color: #3c510c !important;}
.students.available {background-color: #8fdf82 !important;}
.students.resource_unavailable{
   background: repeating-linear-gradient(
  45deg,
  #8fdf82,
  #8fdf82 10px,
  white 10px,
  white 20px
);
}
.instructors.unavailable {background-color: #0d3349 !important;}
.instructors.available {background-color: #2b81af !important;}
.instructors.resource_unavailable{
    background: repeating-linear-gradient(
  45deg,
  #2b81af,
  #2b81af 10px,
  white 10px,
  white 20px
);
}
.aircraft.unavailable {background-color: #ed312f !important;}
.aircraft.available {background-color: #fc8c84 !important;}
.aircraft.resource_unavailable{
    background: repeating-linear-gradient(
  45deg,
  #fc8c84,
  #fc8c84 10px,
  white 10px,
  white 20px
);
}
.training-resources.unavailable {background-color: darkkhaki !important;}
.training-resources.available {background-color: lightgoldenrodyellow !important;}
.training-resources.resource_unavailable{
    background: repeating-linear-gradient(
  45deg,
  darkkhaki,
  darkkhaki 10px,
  white 10px,
  white 20px
);
}
.mechanics.unavailable {background-color: #862163 !important;}
.mechanics.available {background-color: #d452a7 !important;}
.mechanics.resource_unavailable{
    background: repeating-linear-gradient(
  45deg,
  #d452a7,
  #d452a7 10px,
  white 10px,
  white 20px
);
}
.simulators.unavailable {background-color: #9a4e26 !important;}
.simulators.available {background-color: #d47f52 !important;}
.simulators.resource_unavailable{
    background: repeating-linear-gradient(
  45deg,
  #d47f52,
  #d47f52 10px,
  white 10px,
  white 20px
);
}
.fc-list-view .session_list.resource_unavailable{ color: red; }

.fc-agenda-view .session_list.resource_unavailable{
    background: repeating-linear-gradient(
    45deg,
    rgb(175, 186, 192),
    rgb(175, 186, 192) 10px,
    white 10px,
    white 20px
    );
}

.checkbox-scroll-window { width:300px; height: auto; overflow-y: scroll; max-height: calc(42vh - 45px)}
.progress {max-width: 100px;text-align: center; word-wrap: break-word; overflow: hidden; width: 240px;display: inline-block;text-overflow: ellipsis}
h1 {text-transform: uppercase; font-weight: 500; letter-spacing: 1px; padding: 10px 0; text-align: center; margin-bottom: 20px;}

.scroll{width: 100%}

.myProgress {
    height: 1.5em;
    width: 100%;
    background-color: #c9c9c9;
    position: relative;
}
.myProgress:before {
    content: attr(data-label);
    font-size: 0.8em;
    position: absolute;
    text-align: center;
    top: 5px;
    left: 0;
    right: 0;
}
.myProgress .myBar {
    background-color: #8fdf82;
    display: inline-block;
    height: 100%;
    float: left;
}

.flight-log-table input{min-width: 40px; width: 60px; text-align: center}
.flight-log-table select,.flight-log-table td,.flight-log-table th{text-align: center!important;}

.flight-log-table-details input{min-width: 40px; width: 60px; text-align: center}
.flight-log-table-details select,.flight-log-table-details td,.flight-log-table-details th{text-align: center!important;}
.flight-log-table-details select{max-width: 100px}
.flight-log-table-details td {height: 41px; vertical-align: middle; padding: 7px 10px;}
.flight-log-table-details td:last-child {min-width: 20px; width: 110px}
.flight-log-table-details th{padding: 5px 14px}

.flight-log-table-flights input{text-align: center; min-width: 96%; height: 25px !important}
.flight-log-table-flights select,.flight-log-table-flights td,.flight-log-table-flights th {text-align: center!important; padding: 5px 2.5px}
.flight-log-table-flights th div {padding-top: 0px; margin: auto; float: none; max-width: none;}
.flight-log-table-flights th:nth-child(8), .flight-log-table-flights th:nth-child(14) {min-width: 75px;}
.flight-log-table-flights th:nth-child(15), .flight-log-table-flights th:nth-child(5) {min-width: 60px;}
.flight-log-table-flights th:nth-child(16) {min-width: 55px;}
.flight-log-table-flights th:nth-child(7) {min-width: 50px;}
.flight-log-table-flights th:nth-child(8) input {width: 125px !important;}
.flight-log-table-flights th:nth-child(9) input {width: 125px !important;}
.flight-log-table-flights th:last-child {vertical-align: middle;}
.flight-log-table-flights td:last-child {width: 160px; word-break: break-all;}

.flight-log-table-technical input{text-align: center; min-width: 96%; height: 25px !important}
.flight-log-table-technical select,.flight-log-table-technical td,.flight-log-table-technical th {text-align: center!important; padding: 5px 2.5px}
.flight-log-table-technical th div {padding-top: 0px; margin: auto; float: none; max-width: none;}
.flight-log-table-technical th:nth-child(8), .flight-log-table-technical th:nth-child(14) {min-width: 75px;}
.flight-log-table-technical th:nth-child(14) input, .flight-log-table-technical th:nth-child(9) input  {padding-bottom: 4px}
.flight-log-table-technical th:nth-child(5) {min-width: 60px;}
.flight-log-table-technical th:nth-child(7) {min-width: 50px;}
.flight-log-table-technical tr {height: 45px}
.flight-log-table-technical th:nth-child(4) input {width: 125px !important;}
.flight-log-table-technical th:nth-child(5) input {width: 125px !important;}
.flight-log-table-technical td:last-child {width: 160px; word-break: break-all;}

.exercise-details-table {background: rgba(130,130,130,1);}
.exercise-details-table tr th, .exercise-details-table tr td {vertical-align: middle;}

.multiSelect .button{background: #f7f7f7 !important; width:100%; padding-right: 5px}
.multiSelect .buttonClicked{box-shadow: none !important}

.reporting { float:left !important;height: 40px!important; margin-right: 5px;margin-bottom: 5px; width: calc(100% - 7px)}
.mailer { float:left !important;height: 40px!important; margin-right: 5px;margin-bottom: 5px; width: calc(100% - 7px)}

.small-inputs{min-width: 90px; width: 90px; margin: 5px 5px 0px 0px; text-align: center; height: 28px; margin-top: 0px!important;}
.checkboxLayer button{ padding: 0px 4px;height: 25px!important; min-width: 120px; text-transform:capitalize}
.checkboxLayer input{ height: 30px!important;}
.checkboxLayer .clearButton{ height: 22px!important; right: 4px!important;}
.angularjs-datetime-picker {z-index: 99;}
.angularjs-datetime-picker > .adp-month > button, .angularjs-datetime-picker > .adp-month > button.adp-prev {padding: 0; font-size: 12px;}
.angularjs-datetime-picker > .adp-days {font-size: 12px;}
.angularjs-datetime-picker input[type=range] {min-width: 0; vertical-align: middle; margin-left: 5px; border: 0;}
.angularjs-datetime-picker > .adp-month, .angularjs-datetime-picker > .adp-month span {font-weight: bold; font-size: 13px; font-family: 'Lato';}
#flight-time input {min-width: 100px;width: 10%; margin-right: 11%;margin-left: 0px}
tooltip tip{
    min-width: 200px !important;
}

.fc-event-dot {visibility: hidden;}

.error-message{
    list-style-type: none;
    width: 100% !important;
}
.error-message li{
    color:red;
    font-weight: bold;
    text-align: center;
}
.error-message-uppercase{
    list-style-type: none;
    width: 100% !important;
}
.error-message-uppercase li{
    margin: 5px 0;
    font-size: 13px;
    text-transform: uppercase;
    color:red;
    font-weight: bold;
    text-align: center;
}

thead .sticky {
    position: sticky !important;
    top: 0; margin-top: 185px;}

option:disabled {
    color: #ff6347;
}

.flight-log-table input[type=checkbox] {
  margin-right: 0
}

.paymentsList td:last-child, .accounting-table-student td:last-child{
  word-break: break-all;
  white-space: unset;
}