html{
    /*margin: 0;*/
    /*padding: 0;*/
    /*height: 100%;*/
    /*min-width: 1300px;*/
}

.form-signup, .form-signin {
    max-width: 600px;
    margin: 0 auto;
}

.help-block {
    float: left;
    clear: left;

}

.badge-danger {
    background-color: #a90329;
}

.badge-on-time {
    background-color: #066e09;
}

.badge-success {
    background-color: #739e73;
}

.form-group.has-error .help-block {
    color: #ef7c61;
}

a {
    color: #ef7c61;
}

.header, .footer {
    background: #000;
    line-height: 50px;
    height: 50px;
    width: 100%;
    color: #fff;
}

.header h1, .header a {
    display: inline-block;
}

.header h1 {
    margin: 0;
    font-weight: normal;
}


.alert h5.info{
    display: inline;
    padding: 0;
    font-weight: bold
}
.alert h5.info:not(:last-child), .alert h5.info-regular:not(:last-child){
    margin: 0 10px 0 0 !important;
}
.alert h5.info-regular{
    display: inline;
    padding: 0;
}


#uploadFile {
    width: 110px;
    margin: 0 5px 0 0;
    height: 32px;
    float: left;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


.content {
    margin: 0 auto;
    align-content: center;
    width: 100%;
    min-width: 1003px;
    min-height: 840px;
    display: block;
    padding: 0 30px 20px 30px;
    overflow: hidden;

}

.content_holder {
    clear: both;
    padding: 10px;
    background-color: #FFFFff;
    min-height: 700px;
    display: inline-block;
    width: 100%;
}

.tab_holder{
    margin: 15px 0 0 0;
    padding: 0 !important;
    clear: both;
}

.ajax_main_container, .ajax_info_container {
    clear: both;
    margin: 20px 0;
}


legend {
    padding-bottom: 10px;
}


.alert-messages {
    margin: 10px;
    height: auto;
}

.alert-message {
    font-size: small;
    padding: 5px;
    margin-bottom: 10px;
    max-width: 500px;
}

.alert-message h4 {
    font-size: 14px;
    font-weight: bold;
}


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal-loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
    url('http://i.stack.imgur.com/FhHRx.gif')
    50% 50%
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal-loading {
    display: block;
}

.font14 {
    font-size: 14px;
}

/* Custom styles for the Timeline */
div.timeline-frame {
    border-color: #5D99C3;
    border-radius: 5px;
    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
}

div.timeline-axis {
    border-color: #01599a;
    background: #01599a;
    color: white !important;
}

div.timeline-axis-grid {
    color: white;
}

div.timeline-groups-axis {
    border-color: #5D99C3;
}

div.timeline-axis-text {
    color: white !important;
    font-size: 12px;
}

div.timeline-groups-text {
    color: #000000;
}

div.timeline-event {
    color: white;
    border-radius: 5px;
}

div.timeline-event-content {
    padding: 0;
    margin: 0 !important;
    height: 100%;
}

div.timeline-selectable div.timeline-event {
    background: #636363;
}

div.timeline-frame div.cancelled, .cancelled {
    background: #4b0004; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#750000, #4b0004); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#750000, #4b0004); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#750000, #4b0004); /* For Firefox 3.6 to 15 */

    background: linear-gradient(#750000, #4b0004); /* Standard syntax */

    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow:1px 2px 1px rgba(0,0,0,0.5);

}

div.timeline-frame div.delayed, .delayed {
    background: #BC2423; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#690007, #BC2423); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#690007, #BC2423); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#690007, #BC2423); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#690007, #BC2423); /* Standard syntax */

    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow:1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.et_delayed, .et_delayed {
    background: #934a00; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#934a00, #b75d00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#934a00, #b75d00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#934a00, #b75d00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#934a00, #b75d00); /* Standard syntax */

    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow:1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.edited, .edited {
    background: #c852c8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#81007f, #c852c8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#81007f, #c852c8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#81007f, #c852c8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#81007f, #c852c8); /* Standard syntax */

    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow:1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.manually_created, .manually_created {
    background: #ff6500; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e25d00, #ff6500); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e25d00, #ff6500); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e25d00, #ff6500); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e25d00, #ff6500); /* Standard syntax */

    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow:1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.on_time, .on_time {
    background: #003f00; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#003f00, #007107); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#003f00, #007107); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#003f00, #007107); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#003f00, #007107); /* Standard syntax */
    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}


div.timeline-frame div.et_on_time, .et_on_time {
    background: #b75d00; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b75d00, #b75d00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b75d00, #b75d00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b75d00, #b75d00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b75d00, #b75d00); /* Standard syntax */

    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow:1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.et_on_time-et_delayed, .et_on_time-et_delayed {
    background: #b75d00; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b75d00, #934a00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b75d00, #934a00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b75d00, #934a00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b75d00, #934a00); /* Standard syntax */

    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow:1px 2px 1px rgba(0,0,0,0.5);
}


div.timeline-frame div.on_time-delayed, .on_time-delayed {
    background: #008e00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #008e00 , #ca0009); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #008e00, #ca0009); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #008e00, #ca0009); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #008e00, #ca0009); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.et_on_time-delayed, .et_on_time-delayed {
    background: #b75d00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #b75d00 , #ca0009); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #b75d00, #ca0009); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #b75d00, #ca0009); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #b75d00, #ca0009); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.et_on_time-on_time, .et_on_time-on_time {
    background: #b75d00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #b75d00 , #008e00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #b75d00, #008e00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #b75d00, #008e00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #b75d00, #008e00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.on_time-et_on_time, .on_time-et_on_time {
    background: #008e00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #008e00 , #b75d00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #008e00, #b75d00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #008e00, #b75d00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #008e00, #b75d00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

/*#0f5bff*/
div.timeline-frame div.delayed-et_on_time, .delayed-et_on_time {
    background: #ca0009
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #ca0009 , #b75d00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ca0009, #b75d00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ca0009, #b75d00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ca0009, #b75d00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.delayed-on_time, .delayed-on_time {
    background: #ca0009
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #ca0009 , #008e00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ca0009, #008e00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ca0009, #008e00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ca0009, #008e00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.et_delayed-et_on_time, .et_delayed-et_on_time {
    background: #934a00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #934a00 , #b75d00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #934a00, #b75d00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #934a00, #b75d00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #934a00, #b75d00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.et_delayed-on_time, .et_delayed-on_time {
    background: #934a00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #934a00 , #008e00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #934a00, #008e00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #934a00, #008e00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #934a00, #008e00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.on_time-et_delayed, .on_time-et_delayed {
    background: #008e00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #008e00 , #934a00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #008e00, #934a00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #008e00, #934a00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #008e00, #934a00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.on_time-available, .on_time-available {
    background: #008e00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #008e00 , #3a3a3a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #008e00, #3a3a3a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #008e00, #3a3a3a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #008e00, #3a3a3a); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.et_on_time-available, .et_on_time-available {
    background: #b75d00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #b75d00 , #3a3a3a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #b75d00, #3a3a3a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #b75d00, #3a3a3a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #b75d00, #3a3a3a); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.available-on_time, .available-on_time {
    background: #3a3a3a
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #3a3a3a , #008e00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #3a3a3a, #008e00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #3a3a3a, #008e00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #3a3a3a, #008e00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.available-et_on_time, .available-et_on_time {
    background: #3a3a3a
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #3a3a3a , #b75d00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #3a3a3a, #b75d00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #3a3a3a, #b75d00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #3a3a3a, #b75d00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.on_time-edited_by_email, .on_time-edited_by_email {
    background: #008e00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #008e00 , #563901); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #008e00, #563901); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #008e00, #563901); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #008e00, #563901); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.et_on_time-edited_by_email, .et_on_time-edited_by_email {
    background: #b75d00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #b75d00 , #563901); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #b75d00, #563901); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #b75d00, #563901); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #b75d00, #563901); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.edited_by_email-on_time, .edited_by_email-on_time {
    background: #563901
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #563901 , #008e00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #563901, #008e00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #563901, #008e00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #563901, #008e00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.edited_by_email-et_on_time, .edited_by_email-et_on_time {
    background: #563901
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #563901 , #b75d00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #563901, #b75d00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #563901, #b75d00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #563901, #b75d00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.delayed-available, .delayed-available {
    background: #ca0009
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #ca0009 , #3a3a3a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ca0009, #3a3a3a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ca0009, #3a3a3a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ca0009, #3a3a3a); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.et_delayed-available, .et_delayed-available {
    background: #934a00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #934a00 , #3a3a3a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #934a00, #3a3a3a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #934a00, #3a3a3a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #934a00, #3a3a3a); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.available-delayed, .available-delayed {
    background: #3a3a3a
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #3a3a3a , #ca0009); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #3a3a3a, #ca0009); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #3a3a3a, #ca0009); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #3a3a3a, #ca0009); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}


div.timeline-frame div.available-et_delayed, .available-et_delayed {
    background: #3a3a3a
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #3a3a3a , #934a00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #3a3a3a, #934a00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #3a3a3a, #934a00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #3a3a3a, #934a00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}


div.timeline-frame div.delayed-edited_by_email, .delayed-edited_by_email {
    background: #ca0009
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #ca0009 , #563901); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ca0009, #563901); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ca0009, #563901); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ca0009, #563901); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.et_delayed-edited_by_email, .et_delayed-edited_by_email {
    background: #934a00
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #934a00 , #563901); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #934a00, #563901); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #934a00, #563901); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #934a00, #563901); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}


div.timeline-frame div.edited_by_email-delayed, .edited_by_email-delayed {
    background: #563901
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #563901 , #ca0009); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #563901, #ca0009); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #563901, #ca0009); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #563901, #ca0009); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.edited_by_email-et_delayed, .edited_by_email-et_delayed {
    background: #563901
; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #563901 , #934a00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #563901, #934a00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #563901, #934a00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #563901, #934a00); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}


div.timeline-frame div.available, .available {
    background: #3a3a3a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3a3a3a, #949494); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3a3a3a, #949494); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3a3a3a, #949494); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3a3a3a, #949494); /* Standard syntax */
    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.maintenance, .maintenance {
    background: #303030; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#303030, #505050); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#303030, #505050); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#303030, #505050); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#303030, #505050); /* Standard syntax */

    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}


div.timeline-frame div.diversion, .diversion {
    background: #1fb4e0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1fb4e0, #006a8a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1fb4e0, #006a8a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1fb4e0, #006a8a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1fb4e0, #006a8a); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.diversion.delayed, .diversion.delayed {
    background: #d21700; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d21700, #5bc0de); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d21700, #5bc0de); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d21700, #5bc0de); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d21700, #5bc0de); /* Standard syntax */

    border-color: #000 !important;
    border-width: 2px !important;
    /*border-radius: 5px !important;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}


div.timeline-frame div.edited_by_email, .edited_by_email {
    background: #563901; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#563901, #9e8200); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#563901, #9e8200); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#563901, #9e8200); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#563901, #9e8200); /* Standard syntax */

    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}


div.timeline-frame div.created_by_email, .created_by_email {
    background: #0014ff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0014ff, #005fd4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0014ff, #005fd4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0014ff, #005fd4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0014ff, #005fd4); /* Standard syntax */

    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}



div.timeline-frame div.frequency_different, .frequency_different {
    background: #907f32; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#dbb469, #907f32); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dbb469, #907f32); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dbb469, #907f32); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dbb469, #907f32); /* Standard syntax */

    border-color: #000;
    border-width: 2px;
    /*border-radius: 5px;*/
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.timeline-event-selected, .selected-flight {
    background: #f0ad4e !important; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#f0ad4e, #eb9316); !* For Safari 5.1 to 6.0 *!*/
    /*background: -o-linear-gradient(#f0ad4e, #eb9316); !* For Opera 11.1 to 12.0 *!*/
    /*background: -moz-linear-gradient(#f0ad4e, #eb9316); !* For Firefox 3.6 to 15 *!*/
    /*background: linear-gradient(#f0ad4e, #eb9316); !* Standard syntax *!*/
    /*border-color: #000;*/
    /*border-width: 2px;*/
    /*border-radius: 5px;*/
    /*box-shadow: 1px 2px 1px rgba(0,0,0,0.5);*/
}
div.diversionBox, .diversionBox {
    padding: 3px;
    height: 100%;
    background: #279029; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#72DB72, #279029); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#72DB72, #279029); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#72DB72, #279029); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#72DB72, #279029); /* Standard syntax */

    border-color: #000 !important;
    border-width: 1px !important;
    /*border-radius: 4px !important;*/
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

div.timeline-frame div.unassigned, .unassigned {
    background: #0aa00a;
    padding: 0 !important;
    border-width: 0 !important;
}
.table tr.day_off>td {
    background-color: #ffe3e3 !important;
}
.table tr.reported_sick>td {
    background-color: #ffe3e3 !important;
}

div.timeline-frame div.day_off, .day_off {
    background: #ffcfce;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.reported_sick, .reported_sick {
    background: #ffe6cf;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.leave, .leave {
    background: #656565;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.GTMP, .GTMP {
    background: #6e823d;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.GDOC, .GDOC {
    background: #a1644b;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.ACCS, .ACCS {
    background: #2466a1;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.SPVR, .SPVR {
    background: #536ca1;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.CKIN, .CKIN {
    background: #a1631b;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.shift, .shift {
    background: #508045;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.six_hour_duty, .six_hour_duty {
    background: #bf0000;
    padding: 0 !important;
    border-width: 0 !important;
}

/*Trainees*/
div.timeline-frame div.CKIN-T, .CKIN-T {
    background: #ce6db6;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.TRC-T, .TRC-T {
    background: #ce6db6;
    padding: 0 !important;
    border-width: 0 !important;
}

div.timeline-frame div.GATE-T, .GATE-T {
    background: #ce6db6;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.TKTG-T, .TKTG-T {
    background: #ce6db6;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.LOFO-T {
    background: #ce6db6;
    padding: 0 !important;
    border-width: 0 !important;
}



/*******/

div.timeline-frame div.GATE, .GATE {
    background: #508045;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.GATE2, .GATE2 {
    background: #508045;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.GATE3, .GATE3 {
    background: #508045;
    padding: 0 !important;
    border-width: 0 !important;
}

div.timeline-frame div.TKTG, .TKTG {
    background: #a17264;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.TRC, .TRC {
    background: #8764a1;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.TRC2, .TRC2 {
    background: #8764a1;
    padding: 0 !important;
    border-width: 0 !important;
}

div.timeline-frame div.WOUT, .WOUT {
    background: #24a1a1;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.LOFO, .LOFO {
    background: #8f8c2b;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.SECS, .SECS {
    background: #2ca175;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.DOCC, .DOCC {
    background: #a14a73;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.ASVC, .ASVC {
    background: #5163a1;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.MAAS, .MAAS {
    background: #61a174;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.ADMN, .ADMN {
    background: #a18f68;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.AUX, .AUX {
    background: #1d92a0;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.SECG, .SECG {
    background: #8a5c4e;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.CSD, .CSD {
    background: #9638a1;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.FDOC, .FDOC {
    background: #a1464b;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.LDCL, .LDCL {
    background: #a19c44;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.OCC, .OCC {
    background: #3b3786;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.GHBG, .GHBG {
    background: #5c3da1;
    padding: 0 !important;
    border-width: 0 !important;
}
div.timeline-frame div.TURN, .TURN {
    background: #52a18d;
    padding: 0 !important;
    border-width: 0 !important;
}

div.timeline-frame div.sod_updated, .sod_updated {
    background: #ff6a00;
    padding: 0 !important;
    border-width: 0 !important;
}

.timeline-navigation-delete{
    display: none;
}

.diversionBox span{
    padding: 3px !important;
}


.diversion_item {
    margin-top: 5px;
}
.color_item {
    font-size: 15px;
    margin-right: 10px;
}
.flight_color {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    box-shadow: none !important;
}

.box_item{
    font-size: 13px;
    margin-right: 15px;
    font-weight: bold;
}
.box_color {
    display: inline-block;
    width: 14px;
    height: 14px;
}
.font11 {
    font-size: 11px;
}

.notification_of_cancellation .form-group label {
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    width: 100px;
}

.pax_actual{
    font-weight: bold !important;
    background-color: #43d24a !important;
}
.no_inbound{
    font-weight: bold !important;
    background-color: #edf258 !important;
    text-align: center;
}


.dl-horizontal dt {
    width: auto !important;
}
.col-sm-3 .dl-horizontal dd {
    margin-left: 100px !important;
}

.crewroster_item {
    font-size: 12px;
    font-weight: bold;
    margin-right: 15px;
}

.flight_without_crew {
    background-color: #ffa8a8 !important;
}

.flight_not_min_req {
    background-color: #b3d4ff !important;
}

.contractor {
    background-color: #00fff6 !important;
}

.flight_with_dhc {
    background-color: #b4f959 !important;
}

.standby {
    background-color: #f9baf6 !important;

}
.not-exists {
    background-color: #ff4d4a !important;
    color: #ffffff !important;
}

.purser {
    background-color: #f1f9a6 !important;
}

.captain {
    background-color: #f1f9a6 !important;
}

.instructor {
    background-color: #a9e7f9 !important;
}

.junior {
    background-color: #ccf9d6 !important;
}

.fa_n2 {
    background-color: #e2dcf9 !important;
}

.applied-settings {
    background-color: #FF7E00 !important;
}


span.standby_dhc{
    width: 100px !important;
}


input.disabledInput, select.disabledSelect {
    background-color: transparent !important;
    color: #000000 !important;
}

/* Round Button For Expiry Summary Report */
.round-button {
    width:40px;
}
.round-button-circle {
    width: 100%;
    height:0;
    padding-bottom: 100%;
    border-radius: 50%;
    border:1px solid #cfdcec;
    overflow:hidden;

    background: #4679BD;
    box-shadow: 0 0 3px gray;
}
.round-button-circle:hover {
    background:#30588e;
}
.round-button a {
    display:block;
    float:left;
    width:100%;
    padding-top:50%;
    padding-bottom:50%;
    line-height:1em;
    margin-top:-0.5em;

    text-align:center;
    color: #ffffff;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}
/* END */

span.timeNow{
    font-size: 16px;
    color: #1b5088;
    font-weight: bold;
}

span.staff_timeNow{
    font-size: 16px;
    color: #10882f;
    font-weight: bold;
}



span.crew_id_small{
    font-size: 10px;
    color: #c90400;
    float: right;
}

dd.bold_fullname{
    font-weight: bold;
}

a#applyFilter:hover{
    color: #FF7E00;
    text-decoration: none;
}

/*ANY TABLE*/

table.base {
    width: 100%;
}
table.base > thead > tr{
    border-bottom: 2px #1982C5 solid;
    background-color: #1982C5;
    color: #FFFFff;
}

table.base > thead > tr > th{
    text-align:  center;
    padding: 10px;
}

table.base > tbody > tr{
    border-bottom: 1px rgba(174, 169, 169, 0.46) solid;
}

table.base > thead > tr > th:not(:last-child), td:not(:last-child) {
    /*border-right: 1px solid rgba(219, 214, 214, 0.13);*/
    /*text-align: center;*/
}

table.base > tbody > tr > td {
    padding: 10px;
}

table.base tbody tr:nth-child(odd){
    background-color: #f5f5f5;
}

table.shrink > thead > tr > th, table.shrink > tbody > tr > td{
    padding: 5px;
}

/*----*/

/*
table.modal_tab tbody tr{
    border-left: 1px solid #C4C0C0;
    border-right: 1px solid #C4C0C0;
}


table.modal_tab thead th{
    text-align: center;
}

table.modal_tab thead tr:first-child > th:first-child, table.modal_tab thead tr:first-child > td:first-child{
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
}

table.modal_tab thead tr:first-child > th:last-child, table.modal_tab thead tr:first-child > td:last-child{
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
}

table.modal_tab thead th:first-child {
    border-radius: 6px 0 0 0;
}

table.modal_tab thead th:last-child {
    border-radius: 0 6px 0 0;
}

table.modal_tab thead th:only-child{
    border-radius: 6px 6px 0 0;
}
*/


table.modal_tab {
    width: 100%;
    border-radius: 5px;
    margin: 5px auto;
    border-collapse: collapse;
    border-spacing:0;
    border: 0 !important;
    box-shadow: 0 2px 10px #ccc;
}

/*every cell has a border on bottom & right*/

table.modal_tab td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 20px;
    color: #444;
}

/*cancel the right border on the last column*/

table.modal_tab td:last-child {
    border-right: none;
}

/*th has border only on bottom*/

table.modal_tab th {
    background-color: #1982C5;
    color: #FFFFff;
    border-bottom: 1px solid #ccc;
    padding: 10px 20px;
    text-align: center;
}

/*rounded corner top left - first th*/

table.modal_tab th:first-child {
    border-radius: 5px 0 0 0;
}

/*rounded corner top right - last th*/

table.modal_tab th:last-child {
    border-radius: 0 5px 0 0;

}

/*rounder corner bottom left - first cell of last row*/

table.modal_tab tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}

/*rounded corner bottom right - last cell of last row*/

table.modal_tab tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
}

/*last row in has no border on the bottom*/

table.modal_tab table tr:last-child td {
    border-bottom: none;

}

/*table header style*/
/*note: the gradient must be on the <th> & <td>,
ff you put it on the <tr> it will stick out of the
rounded corners in Firefox*/

table.modal_tab thead tr th {
    background-image: linear-gradient(top, #f7f7f7 0%, #d4d4d4 100%);;
}

/*table row style*/

table.modal_tab tr td {
    background-image: linear-gradient(top, #ffffff 0%, #e4f0ff 100%);
    text-shadow: 0 1px 0 #fff;
}

/*table even rows style*/
table.modal_tab tr:nth-child(even) td {
    background-image: linear-gradient(top, #ffffff 0%, #eee 100%);
}


/*Panel*/
.modal_tab_panel{
    box-shadow: 0 2px 10px #ccc !important;
    border: 0 !important;
}


/*MyTable*/

table.mytable{
    overflow: hidden;
    margin: 0;
}

table.mytable thead tr th{
    background-color: #1982C5 !important;
}
table.mytable tr.separate td{
    background-color: #f3f4fa !important;
}

table.mytable tbody > tr > td{
    text-align: left;
}
table.mytable td[data-right], td[data-right], th[data-right] {
    text-align: right !important;
}
table.mytable td[data-left], td[data-left], th[data-left] {
    text-align: left !important;
}
table.mytable td[data-center], td[data-center], th[data-center] {
    text-align: center !important;
}


table.fixedTable tr td{
    padding: 0 10px;
}

table.fixedTable tr td.headerField{
    font-weight: bold;
}

table.fixedTable tr:nth-child(odd){
    background-color: #e2f9f9;
}

input.sales{
    color: #000000;
    background-color: #02c0ff !important;
}

td.td_header, table.mytable tr td.td_header, table.tablesorter-blue tr td.td_header, tr.headerRow td{
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
    font-weight: bold !important;
}

td.header_profile{
    text-align: left !important;
    padding: 5px 5px 5px 5px;
    font-size: 14px !important;
    font-weight: bold !important;
}

table td.blue{
    background-color: #0680ff;
    color: #ffffff;
}

table.mytable tr > td.orange{
    font-size: 1.2em;
    font-weight: bold;
    background-color: #FF7E00 !important;
    color: #ffffff !important;
}

table.mytable tr td.different a{
    font-size: 14px !important;

}

table.mytable tr.crew_report td{
    font-size: 10px !important;
    font-weight: bold;

}
table.mytable tr.crew_report td.original{
    font-family: Arial;
    font-size: 12px !important;
    font-weight: bold;

}

table.mytable tr td.add{
    color: #05d600;

}

table.mytable tr.contractorCrew td{
    background-color: rgba(42, 249, 219, 0.23) !important;
}

table.mytable tr td.req{
    color: #ef0700;

}

table.mytable tr td.divider{
    height: 5px;
    background-color: #0680ff;

}

.mylist{
    background-color: #1982C5 !important;
    line-height: 50%;
}

table.mytable tr th{
    text-align: center;
}

table.mytable tr td.limit1{
    color: #ffffff;
    background-color: #e5351e !important;
}

table.mytable tr td.limit2{
    color: #ffffff;
    background-color: #f0a716 !important;
}

table.mytable tr td.limit3{
    color: #ffffff;
    background-color: #0bae12 !important;
}


div.margin_bottom {
    margin-bottom: 50px;
}

ul.ul_bordered li a{
    margin: 0;
    border-radius: 0;
    border: 1px solid #efefef;
}

.form-inline .form-control.crewroster_cc_input{
    width: 50px;
}

.form-inline .form-control.crewroster_folder_input{
    width: 250px;
}

.forwardbooking_input{
    width: 100%;
}

p.autoResize {
    /*font-size: 1.5vmin;*/
    /*margin: 0 !important;*/
    /*display: inline !important;*/
}

.marginTop{
    margin-top: 5px !important;
}

.deletedRecord{
    background-color: rgba(249, 92, 73, 0.16);
}

input.inputSmall{
    width: 70px !important;
}
input.input-date-small{
    width: 100px !important;
}

.inputDateSmall{
    width: 120px !important;
}

.input_date{
    width: 80px !important;
}
.input_200{
    display: inline;
    min-width: 200px !important;
    margin-right: 10px;
    float: left;
}

.no_borders{
    border: 0 !important;
    background-color: transparent !important;
}

.input_ccm{
    width: 120px !important;
}

span.item{
    padding: 5px;
    border: 1px solid #DADADA;
}

.reportTime{
    width: 140px !important;
}

.input_roster{
    width: auto !important;
}

.margin-right-0 {
    margin-right: 0 !important
}

.margin-left-0 {
    margin-left: 0 !important
}

.width-20{
    width: 20px !important;
}
.width-30{
    width: 30px !important;
}
.width-40{
    width: 40px !important;
}
.width-50{
    width: 50px !important;
}
.width-60{
    width: 60px !important;
}
.width-70{
    width: 70px !important;
}
.width-80{
    width: 80px !important;
}
.width-85{
    width: 85px !important;
}
.width-90{
    width: 90px !important;
}
.width-100{
    width: 100px !important;
}
.width-110{
    width: 110px !important;
}
.width-120{
    width: 120px !important;
}
.width-130{
    width: 130px !important;
}
.width-140{
    width: 140px !important;
}
.width-150{
    width: 150px !important;
}
.width-160{
    width: 160px !important;
}
.width-170{
    width: 170px !important;
}

.forwardbooking_input_long{
    width: 100%;
}

span.department_title{
    font-size: 14px;
    font-weight: bold;
    color: #FFFFff;
}
span.department_page{
    font-size: 12px;
    font-weight: bold;
    color: #FFFFff;
}

img.structure {
    margin: 0 auto;
    display: block;
    width: 950px;
    height: 594px;
}

.closed_sales {
    background-color: #eee507 !important;
}
.cancelled_flight {
    background-color: #ff6f77 !important;
}

.icon-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.total_sf {
    background-color: #00bf03 !important;
}
.outbound_sf {
    background-color: #0088f4 !important;
}
.inbound_sf {
    background-color: #FF6F4D !important;
}

h3.graph_label {
    float: left;
    padding: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
}

.legend {
    width: 100%;
    height: 30px;
    float: right;
    text-align: right;
}
.legend span {
    display: inline-block;
    padding: 10px;
    position: relative;
}
.legend span:after {
    padding-left: 4px;
    content: '\00a0\00a0\00a0\00a0\00a0\00a0';
    text-decoration: line-through;
}

a.contract{
    font-weight: bold;
    color: #00fff6;
}
a.staff{
    font-weight: bold;
    color: #ffffff;
}

.loading_modal { /* Edited classname 10/03/2014 */
    margin: 0;
    position: absolute;
    top: 30%;
    left: 10%;
    padding: 20px;
}

@media (max-width: 767px) {
    .loading_modal { /* Edited classname 10/03/2014 */
        width: 100%;
    }
}

span.filter_status{
    padding: 7px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

span.status_on{
    opacity: 0.5;
}

img.thumb_report{
    height: 30px;
    width: 30px;
    padding: 0;
}

img.thumb_report_prev{
    width: 30px;
    min-height: 10px;
    min-width: 20px;
    padding: 0;
}

img.picture{
    border: 1px solid #1f81a1;
    width: auto;
}

select.smallSelect{
    width: 70px !important;
}

input.editable{
    width: 80px;
    margin-bottom: 5px;
}

input.editable.long{
    width: 200px !important;
}

input.editable_long{
    width: 200px !important;
}

.edited{
    color: red !important;
}

p.editable_values{
    min-height: 20px;
    padding: 0;
    margin: 0;
}

div.change_values a{
    padding: 5px 6px !important;
}

table#fdpReport p{
    margin: 0;
    padding: 0;
}

table.mytable tr td.red{
    color: white !important;
    background-color: red !important;
}
table.mytable tr td.green{
    color: white !important;
    background-color: #008000 !important;
}
table.mytable tr td.fdp{
    font-weight: bold;
}

.breadcrumb {
    background-color: #1b1e24;
}

.crewroster input.sectors-allowed {
    width: 80px;
    font-size: 14px;
    font-weight: bold;
}

.capacity{
    display: none;
}

th.total{
    background-color: #337F69 !important;
    color: #ffffff;
}

th.codeshare, tr.codeshare, span.codeshare{
    border: 2px solid #263f5b !important;
}

th.ssr, tr.ssr, span.ssr{
    background-color: #ff9300 !important;
    color: #ffffff;
}

th.inbound, tr.inbound, span.inbound{
    background-color: #4494d2 !important;
    color: #ffffff;
}

th.outbound, tr.outbound, span.outbound{
    background-color: #d38b9b !important;
    color: #ffffff;
}

th.ptm_extracted, tr.ptm_extracted, span.ptm_extracted{
    background-color: #808E80 !important;
    color: #ffffff;
}

th.outbound-inbound, tr.outbound-inbound, span.outbound-inbound {
    background-image: -webkit-linear-gradient(top, #D38B9B 0%, #4494D2 100%) !important;
    background-image:      -o-linear-gradient(top, #D38B9B 0%, #4494D2 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D38B9B), to(#4494D2)) !important;
    background-image:         linear-gradient(to bottom, #D38B9B 0%, #4494D2 100%) !important;
    background-repeat: repeat-x;
    color: #ffffff;
}

th.ssr-outbound, tr.ssr-outbound, span.ssr-outbound {
    background-image: -webkit-linear-gradient(top, #ff9300 0%, #d38b9b 100%) !important;
    background-image:      -o-linear-gradient(top, #ff9300 0%, #d38b9b 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9300), to(#d38b9b)) !important;
    background-image:         linear-gradient(to bottom, #ff9300 0%, #d38b9b 100%) !important;
    background-repeat: repeat-x;
    color: #ffffff;
}

th.ssr-inbound, tr.ssr-inbound, span.ssr-inbound {
    background-image: -webkit-linear-gradient(top, #ff9300 0%, #4494d2 100%) !important;
    background-image:      -o-linear-gradient(top, #ff9300 0%, #4494d2 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9300), to(#4494d2)) !important;
    background-image:         linear-gradient(to bottom, #ff9300 0%, #4494d2 100%) !important;
    background-repeat: repeat-x;
    color: #ffffff;
}


th.ssr-outbound-inbound, tr.ssr-outbound-inbound, span.ssr-outbound-inbound{
    background-image: -webkit-linear-gradient(top, #ff9300 0%, #d38b9b 50%, #4494d2 100%) !important;
    background-image:      -o-linear-gradient(top, #ff9300 0%, #d38b9b 50%, #4494d2 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9300), to(#d38b9b), to(#4494d2)) !important;
    background-image:         linear-gradient(to bottom, #ff9300 0%, #d38b9b 50%, #4494d2 100%) !important;
    background-repeat: repeat-x;
    color: #ffffff;
}


th.year1{
    background-color: #56cb08;
    color: #ffffff;
}

th.year2{
    background-color: #ff9000;
    color: #ffffff;
}

th.vly{
    background-color: #00bff9;
    color: #ffffff;
}

.myinput{
    width: 100px !important;
    padding: 3px 8px;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
}
.revDataInput{
    width: 130px;
    padding: 3px 8px;
    margin: 1px;
    height: 30px;
    border: 1px solid #d3d3d3;
}
button.mysubmit{
    padding:10px 20px;
    font-size: 16px;
}
.myspan{
    margin-bottom: 10px;
}

.btn{
    font-size: 10px;
}
.btn-default{
    background: #FFFFFF;
}

.vertical-center{
    vertical-align: middle !important;
}

.chart-container {
    float: left;
    padding:5px !important;
}

.chart {
    padding: 5px 0;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #F1F1F1;
}


.chart_container {
    min-height: 400px;
}

.chart_container:after {
    clear: both;
    content: "";
    display: table;
}

.google_chart {
    border-radius: 3px;
    border:1px solid #e4ebf2;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    padding: 10px;
    height: 45%;
    width: 48%;
    float: left;
    margin: 10px;
}
.google_chart_inside {
    border-radius: 3px;
    border:1px solid #e4ebf2;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    padding: 10px;
    margin: 20px 0;
    height: 45%;
    width: 100%;
}

.follow_clear:after{
    clear: both;
    content: "";
    display: table;
}

.chart-header{
    margin:0 0 5px 0;
    font-weight: bold;
    width: 100%;
    background-color: #008cba;
    padding: 5px 5px 10px 5px;
    color: white;
}


div.mygroup{
    height: 120px;
    margin: 0 10px 5px 0;
    width: auto;
    font-size: 12px;
    float: left;
}

div.control-group{
    height: 80px;
    margin: 0 10px 5px 0;
    width: auto;
    font-size: 12px;
    float: left;
}

.hidden_div{
    display: none;
}

.hidden{
    display: none;
}


.float{
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
label.center{
    padding: 5px;
    height: 25px !important;
    vertical-align: middle !important;
    margin: 0;
}

.floatOnly{
    float: left;
}

.floatRight{
    float: right;
}

.margin_right{
    margin-right: 20px;
}
.marginRight{
    margin-right: 20px !important;
}

.margin_left_10{
    margin-left: 10px !important;
}

.margin-left-10{
    margin-left: 10px !important;
}

.margin-left-5{
    margin-left: 5px !important;
}

.marginLeft{
    margin-left: 20px !important;
}
.marginLeftRightBottom{
    margin:0 20px 10px 20px !important;
}

.marginBottomRight{
    margin: 0 20px 10px 0 !important;
}

/*
.form-inline .form-control {
    font-size: 10px;
    padding: 5px 8px;
    height: auto;
}
*/

.background-white{
    background-color: #ffffff !important;
}

.background_blue{
    background-color: #ffffff !important;
}

.background_blue.active{
    background-color: #FFA500 !important;
}
.background_blue.active h4{
    color: #ffffff !important;
}

.background_blue:hover{
       font-weight: bold !important;
    background-color: #FFA500 !important;
    color: #ffffff !important;
    border: 1px #FFA500 !important;
}

.background_orange{
    color: #FFFFff !important;
    background-color: #028dba !important;
}

legend.subcategory{
    font-size: 14px;
    color: white;
    padding: 5px;
    margin: 10px 0 0 0;
}

.subcategory_items{
    margin: 0;
    padding: 10px;
}

.departure_message_header{
    background-color: #028dba;
}
.arrival_message_header{
    background-color: #028dba;
}

.flight_details_header{
    background-color: #028dba;
}
.flight_details_items{
    border: 1px solid #028dba;
    border-top: 0;
    background-color: #ffffff;
}

.captains_header{
    background-color: #29BC29;
}
.captains_items{
    /*border: 1px solid #29BC29;*/
    /*border-top: 0;*/
    /*background-color: #ecfff8;*/
}

.first_officers_header{
    background-color: #a3ba00;
}
.first_officers_items{
    /*border: 1px solid #A3BA00;*/
    /*border-top: 0;*/
    /*background-color: #f9fff5;*/
}

.cabin_crew_header{
    background-color: #d59100;
}
.cabin_crew_items{
    /*border: 1px solid #d59100;*/
    /*border-top: 0;*/
    /*background-color: #fffbf4;*/
}

.panel-heading{
    border: 0 !important;
}

.panel-title{
    vertical-align: text-bottom;
    height: 100%;
    color: #f5f9fe !important;
}
.panel-list{
    font-size: 14px;
    line-height: 40px;
    color: #000000 !important;
}

a.data_content.double_row{
    height:70px;
}

.maintenance{
    /*text-align: left;*/
}

span.status{
    width: 76px;
    display: block;
    font-size: 10px;
    padding: 5px;
}

span.departureArrivalType{
    display: block;
    font-size: 10px;
    font-weight: bold;
    max-width: 70px;
}

span.status_expiry{
    width: 60px;
    display: block;
}

ul.expired > li.details > a {
    color: #ffffff;
    background-color: #f04124;
}
ul.valid_temp > li.details > a {
    color: #000;
    background-color: #e99002;
}
ul.valid > li.details > a {
    color: #000;
    background-color: #43ac6a;
}

.alert{
    margin-bottom: 10px;
}


div.home_boxes{
    margin: 10px 0;
    padding: 0 5px;
}


div.home_boxes .accordio{
    margin: 5px;
}

div.home_title{
    overflow:auto;
    padding: 5px;
    background-color: #1f81a1;
}

div.home_title div{

}

div.home_title > div > h3{
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

div.home_title > div > a{
    padding: 0;
    color: #ffffff;
}

.margin_right_10{
    margin-right: 10px !important;
}


div.content_inside{
    border: 1px #1f81a1 solid;
}

div.content_inside > ul{
    margin: 10px 5px;
}

div.content_inside > div {
    width: 95%;
}



div.normal_size {
    height: 200px;
}


tr.data span.glyphicon{
    font-size: 16px;
}

tr.data span.glyphicon:hover{
    color: #e60004;
}
tr.data span.glyphicon:active{
    color: #e60004;
}

th.long{
    /*min-width: 150px !important;*/
}

span.activated {
    color: #008000;
}

span.deactivated {
    color: #003aff;
}

span.deleted {
     color: #ff0013;
 }



.body-expanded, .modal-open {
    overflow-y:hidden;
    margin-right: 15px;
}
.modal-open #content {z-index: inherit;}
.body-expanded .expanded-panel, .fancybox-margin .expanded-panel, .modal-open .expanded-panel {
    margin-right: 15px;
}
.expanded .no-move {
    position: absolute;
    top:0;
    left: 0;
    width:60%;
    height: 60%;
    z-index: 1;
    display: block;
}
.expanded {
    border: 0;
    z-index: 3000 !important;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.expanded-padding {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    padding:50px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.width{
    width: 100% !important;
}

.content_inside {
    background-color: #ffffff;
}

ul.multiselect-container {
    height: 200px;
    overflow: auto;
    border: 1px solid #cccccc;
}

th[rowspan]{
    vertical-align: middle !important;
    text-align: center;
}

.baggage{
    margin: 20px;
}

.baggage-front{
    float: left;
    width: 182px; height: 170px;
    background: url("../../assets/img/mhb/baggage/front.png") 0 20px no-repeat;
}
.baggage-side{
    float: left;
    width: 52px; height: 170px;
    background: url("../../assets/img/mhb/baggage/side.png") 0 20px no-repeat;
}
.baggage-top{
    float: left;
    width: 182px; height: 63px;
    background: url("../../assets/img/mhb/baggage/top-bottom.png") 0 20px no-repeat;
}
.baggage-bottom{
    float: left;
    width: 182px; height: 63px;
    background: url("../../assets/img/mhb/baggage/top-bottom.png") 0 20px no-repeat;
}

.baggage-marks-end{
    margin: 15px 5px!important;
    width: 15px; /*Desired width*/
    height: 15px; /*Desired height*/
}

.baggage-marks-side{
    margin: 10px !important;
    width: 30px; /*Desired width*/
    height: 30px; /*Desired height*/
}

.baggage-marks-top{
    margin: 0 !important;
    width: 15px; /*Desired width*/
    height: 15px; /*Desired height*/
}




.flag_tooltip {
    position: relative;
    float: left;
    margin: 3px;
}

.flag_tooltip a span {
    display: none;
    color: #FFFFFF;
}

.flag_tooltip a:hover span {
    display: block;
    position: absolute;
    width: 180px;
    background: #47464c;
    height: 100px;
    left: 0;
    top: 30px;
    color: #FFFFFF;
    padding: 8px 5px;
    z-index: 10000;
}

/*///// Widget*/

.widget.widget-stats {
    position: relative;
    min-height: 50px;

}
.chart-shadow{
    border-radius: 3px;
    border:1px solid #e4ebf2;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    height: 45%;
    width: 100%;
}

.widget {
    border-radius: 3px;
    margin-bottom: 10px;
    color: #fff;
    padding: 10px 10px 10px 15px;
    overflow: hidden;
}

.widget-stats .stats-icon.stats-icon-lg {
    font-size: 52px;
}
.widget-stats .stats-icon {
    font-size: 35px;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 56px;
    margin: 0;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: .4;
    filter: alpha(opacity=40);
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 0.5s ease-in-out;
}

.widget-stats .stats-icon img{
    position: absolute;
    top: 0;
    right: 0;
    clear: both;
}

.widget-stats .stats-icon:hover {
    cursor: pointer;
    opacity: 1;
    color: #fff;
    transform: scale(1.3);
    filter: alpha(opacity=100);
}

.widget-stats .stats-desc {
    font-weight: 300;
    margin-bottom: 0;
}

.widget-stats .stats-desc, .widget-stats .stats-title {
    color: #fff;
}
.widget-stats .stats-title {
    position: relative;
    line-height: 1.1;
    font-size: 14px;
    margin: 2px 0 7px;
    color: rgba(255,255,255,.6);
}
.widget-stats .stats-number {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px;
}

.widget-stats .stats-list {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    min-height: 30px;
}

.widget-stats .stats-chart {
    border-radius: 10px;
    margin: 10px;
    height: 150px;
    width: 150px;
}

.widget-stats .stats-img img {
    border-radius: 5px !important;
    /*height: 160px;*/
}



.widget-stats .stats-list > ul > li{
    padding: 5px;
}

.widget_countries{
    width: 95%;
    height: 100%;
    overflow: auto;
    padding: 0 5px !important;
}

.widget_countries > div{
    display: table;
    height: 30px;
    overflow: hidden;
}
.widget_countries > div:first-child{
    color: #A2AEB7;
    border-top: 1px solid #A2AEB7;
    border-bottom: 1px solid #A2AEB7;
}

.widget_countries > div > div {
    font-size: 14px;
    color: #A2AEB7;
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    line-height: 30px;
    height: 30px;
}


.widget_countries::-webkit-scrollbar {
    width: 1em;
}

.widget_countries::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.widget_countries::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}


/*-------------- Chart List Div Table ----------- */


.list-my-group-2{
    width: 100%;
    overflow: auto;
    padding: 0 !important;
}

.list-my-group-2 > .head{
    overflow: auto;
}

.list-my-group-2 > .head > div{
    overflow: hidden;
    margin: 2px 0;
    padding: 0 5px;
    line-height: 30px;
    background-color: #263f5b;
    color: #ffffff;
    font-size: 1.2em;
}

.list-my-group-2 > .body{
    overflow: auto;
}

.list-my-group-2 > .body > div{
    overflow: hidden;
    margin: 2px 0;
    padding: 0 5px;
    line-height: 30px;
    background-color: #29353d;
    color: #ffffff;
}

.list-my-group-2 > .body > div.ssr{
    color: #ffad00;
}

.list-my-group-2 > .body > div.transfer-inbound{
    color: #45c8ff;
}

.list-my-group-2 > .body > div.transfer-outbound{
    color: #ff9294;
}

.list-my-group-2 > .body > div.blank{
    background-color: #29353d;
}

.list-my-group-2 > .body a {
    color: #FFFFff;
}

.list-my-group-2 > .body.bg-dark-blue > div{
    background-color: #0083b4;
}

.list-my-group-2 > .head > div > div{
    line-height: 40px;
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    height: 40px;
    display: block;
}

.list-my-group-2 > .body > div > div{
    line-height: 30px;
    float: left;
    text-align: center;
    height: 30px;
    display: block;
}

.list-my-group-2 > .body > div > div > div{
    text-align: left;
    float: left;
    display: block;
}

.list-my-group-2 div.title{
    text-align: left !important;
    font-weight: bold;
    width: 40%;
}

.list-my-group-2 > .body.bg-reddish > div{
    background-color: #ffad99;
}

.list-my-group-2 > .body.bg-reddish > div:hover{
    background-color: #ff9a7d;
}

.list-my-group-2 > .body.bg-dark-blue > div:hover{
    background-color: #FF7E00;
}

.list-my-group-2 > .body > div:hover{
    background-color: #5f5e46;
}

.list-my-group-2 > .body > div:last-child{
    margin-bottom: 5px;
}

.font12{
    font-size: 12px !important;
}


/* --------------------------- */

.list-my-group{
    width: 100%;
    overflow: auto;
    padding: 0 !important;
}

.list-my-group > .head{
    overflow: auto;
}
.list-my-group > .head > div{
    overflow: auto;
    margin: 5px 0 0 0;
    line-height: 40px;
    background-color: #1b1e24;
}

.list-my-group > .body{
    overflow: auto;
}

.list-my-group > .body > div{
    cursor: pointer;
    overflow: hidden;
    margin: 5px 0;
    padding: 0 5px;
    line-height: 30px;
    background-color: #FFFFff;
    color: #000000;
}


.list-my-group > .head > div > div{
    line-height: 40px;
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    height: 40px;
    display: block;
}

.list-my-group > .body > div > div{
    line-height: 40px;
    float: left;
    text-align: center;
    height: 40px;
    display: block;
}

.list-my-group > .body.bg-reddish > div{
    background-color: #ffad99;
}

.list-my-group > .body.bg-reddish > div:hover{
    background-color: #ff9a7d;
}

.list-my-group > .body > div:hover{
    background-color: #F1F1F1;
}

.list-my-group > .body > div:last-child{
    margin-bottom: 15px;
}

.list-my-group  .selected {
    font-weight: bold;
    background-color: #feff00 !important;
}


.list-my-group  .yearly.selected{
    background-color: #2dff00 !important;
}

.list-my-group  .yearly {
    background-color: #d8ffde !important;
    border: 1px solid #0ee500;
}

.list-my-group  .yearly:hover {
    background-color: #4bff23 !important;
}


.list-my-group  .quarterly.selected{
    background-color: #ffe061 !important;
}

.list-my-group  .quarterly {
    background-color: #fdfff0 !important;
    border: 1px solid #e5ae57;
}

.list-my-group  .quarterly:hover {
    background-color: #ffd224 !important;
}

.list-my-group  .monthly {
    background-color: #d7fbf9 !important;
    border: 1px solid #30b8e8;
}

.list-my-group  .monthly:hover {
    background-color: #00ddff !important;
}

.list-header{
    margin: 5px 0;
}

.list {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    height: 30px;
    padding-top: 10px;
    display: block;
}


div[data-left], [data-left]{
    text-align: left !important;
}
div[data-right], [data-right]{
    text-align: right !important;
}
div[data-center], [data-center]{
    text-align: center !important;
}

div[data-float-left]{
    float: left !important;
}
div[data-float-right]{
    float: right !important;
}

.modal-ajax-loading{
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 100000;
    margin: 0 auto;
    height: 150px;
    width: 400px;
}

.modal-ajax-loading span.loading {
    background: url("../img/ajax70.gif") center center no-repeat;
    height: 70px;
    width: 70px;
    margin: 10px auto;
    display: block;
}

@media (max-width: 767px) {
    #flight_info_modal {
        left: 0;
        top: 0;
    }
}

@media (max-width: 1200px) {
    #flight_info_modal {
        left: 5%;
        top: 5%;
    }
}

@media (min-width: 1201px) {
    #flight_info_modal {
        left: 30%;
        top: 10%;
    }
}



#flight_info_modal {
    max-width: 90%;
    margin: 0 auto;
    padding: 0 0 10px 0;
    background-color: #ffffff;
    border: solid 1px #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
}


#flight_info_modal ul.nav li a {
    /*background-color: transparent;*/
    /*color: #ffffff;*/
}

#flight_info_modal ul.nav li.active a {
    /*background-color: #1982C5;*/
    /*color: #ffffff;*/
}

#flight_info_modal #modal_title a{
    /*color: #ffffff;*/
}

/*Staff Watch*/
.staff_watch_box_small {
    width:100%;
    display:inline-block;
    text-align: center;
}

.staff_watch_box_left {
    color: #ffffff;
    min-width: 45%;
    padding-left: 5px;
    display: inline-block;
    text-align: left;
    height: 30px;
    vertical-align: middle;
}

.staff_watch_box_center_empty{
    width:10%;
    display:inline-block;
    height: 24px;
    text-align: center;
}

.staff_watch_box_right {
    color: #ffffff;
    min-width: 45%;
    padding-right: 5px;
    display: inline-block;
    text-align: right;
    height: 30px;
    vertical-align: middle;
}

.staff_watch_box_left_30 {
    color: #ffffff;
    min-width: 35%;
    padding-left: 5px;
    display: inline-block;
    text-align: left;
    /*height: 30px;*/
    vertical-align: middle;
}

.staff_watch_box_center{
    width:30%;
    display:inline-block;
    text-align: center;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
}

.staff_watch_box_center_100{
    width:100%;
    display:inline-block;
    text-align: center;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
}

.staff_watch_box_right_30 {
    color: #ffffff;
    min-width: 35%;
    padding-right: 5px;
    display: inline-block;
    text-align: right;
    /*height: 30px;*/
    vertical-align: middle;
}

/*End*/

.flight_number_box_small {
    width:100%;
    display:inline-block;
    text-align: center;
}

.flight_number_box_left {
    color: #ffffff;
    min-width: 25%;
    padding-left: 5px;
    display: inline-block;
    text-align: left;
    height: 30px;
    vertical-align: middle;
}

.handling_station{
    color: #fffa1b !important;
}


.flight_number_box_center {
    width:50%;
    display:inline-block;
    text-align: center;
}

.flight_number_box_center_empty{
    width:45%;
    display:inline-block;
    height: 24px;
    text-align: center;
}

.flight_number_box_center_row_2 {
    font-weight: normal;
    font-size: 9px;
}

.flight_number_box_right {
    color: #ffffff;
    min-width: 25%;
    padding-right: 5px;
    display: inline-block;
    text-align: right;
    height: 30px;
    vertical-align: middle;
}

.flight_number_diversion_box_left {
    width: 40%;
    padding-left: 5px;
    display: inline-block;
    text-align: left;
}

.flight_number_diversion_box_center {
    width:20%;
    display:inline-block;
    text-align: center;
}

.flight_number_diversion_box_right {
    width: 40%;
    padding-right: 5px;
    display: inline-block;
    text-align: right;
}

.flight-info-header h3{
    font-weight: bold;
    color: #014e80;
    padding: 0;
    margin: 5px 0;
}
.flight-info-header h4{
    font-weight: bold;
    color: #ffffff;;
}

.flight-info-body h3{
    width: 100%;
    padding: 5px;
    background-color: #1982C5;
    font-size: 14px;
    color: #ffffff;
}
.flight-info-body h4{
    font-size: 14px;
    color: #1982c5;
    /*font-weight: 400;*/
}

.flight-info-body h4 > a, .flight-info-body h4 > span{
    color: #004e80;
    font-weight: 500;
}

.c3chart {
    border: 1px solid #dedede;
    padding: 5px;
    margin: 5px 0;
}

.c3chart.title {
    background-color: #0083b4;
    color: #FFFFff;
}
.c3chart h1, .c3chart h2, .c3chart h3, .c3chart h4, .c3chart h5{
    width: 100%;
    padding: 0;
    margin: 0;
}

p.staff-roster-title{
    font-weight: bold !important;
    color: #787471 !important;
    font-size: 12px;
    line-height: 20px;
}

p.staff-roster-body{
    font-weight: bold;
    color: #ff7e00;
    font-size: 14px;
}

.current-service{
    background-color: #c9f3d4 !important;
}

tr.staff-list{
    border: 0 !important;
}

.table-container {
    display: table;
}

.tr  {
    display: table-row;
}

.td, .td-2, .th {
    display: table-cell;
    padding: 5px;
}

.td {
    font-size: 12px;
    /*border: 1px solid rgb(221, 221, 221);*/
}
.label-assigned {
    background-color: #00b5ff;
}
.bg-assigned{
    background-color: #edfaff !important;
}
.label-manually-rostered {
    background-color: #ff5f9b;
}
.bg-manually-rostered{
    background-color: #fff0fb !important;
}
.bg-success{
    background-color: #edffee !important;
}
.bg-warning{
    background-color: #ffffed !important;
}
.bg-danger{
    background-color: #ffeded !important;
}

.th {
    line-height: 20px;
    font-size: 12px;
    vertical-align: middle;
    font-weight: bold;
    border: 1px solid rgb(221, 221, 221);
}

.tr-2{
    display: table-row;
    height: 30px;
    line-height: 30px;
}

.td-2 {
    font-size: 11px;
    /*border: 1px solid rgb(221, 221, 221);*/
}

tr.selected-row{
    background-color: #f2ff00 !important;
}
.rotate-45 {

    /* Safari */
    -webkit-transform: rotate(-45deg);

    /* Firefox */
    -moz-transform: rotate(-45deg);

    /* IE */
    -ms-transform: rotate(-45deg);

    /* Opera */
    -o-transform: rotate(-45deg);

    /* Internet Explorer */
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/

}
.bg-color-above-90{
    background-color: #007104 !important;
}
.bg-color-above-80{
    background-color: #178b29 !important;
}
.bg-color-above-70{
    background-color: #45b051 !important;
}
.bg-color-above-60m{
    background-color: #73b476 !important;
}
.bg-color-above-50{
    background-color: #ff8c96 !important;
}
.bg-color-above-40{
    background-color: #ff5b5b !important;
}
.bg-color-below-40{
    background-color: #ff0000 !important;
}

.bg-color-on-time{
    background-color: #007104 !important;
}

.bg-color-within-15{
    background-color: #35a039 !important;
}

.bg-color-within-30{
    background-color: #ff5b5b !important;
}

.bg-color-within-60{
    background-color: #ff0000 !important;
}

.bg-color-above-60{
    background-color: #a70000 !important;
}
.color-gray{
    color: rgba(68, 68, 68, 0.97) !important;
}

.padding-3{
    padding: 3px !important;
}

.padding-0{
    padding: 0 !important;
}
.margin-0{
    margin: 0 !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-6 {
    margin-right: 6px !important;
}

.margin-right-7 {
    margin-right: 7px !important;
}

.margin-right-8 {
    margin-right: 8px !important;
}

.margin-right-9 {
    margin-right: 9px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-11 {
    margin-right: 11px !important;
}

.margin-right-12 {
    margin-right: 12px !important;
}
/*13 Exists*/
.margin-right-14 {
    margin-right: 14px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-25 {
    margin-right: 25px !important;
}


.padding-0{
    padding: 0 !important;
}
.margin-0{
    margin: 0;
}

.margin-top-5 {
    margin-top: 5px !important
}

.margin-top-bottom-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.margin-top-10 {
    margin-top: 10px !important
}

.margin-top-20 {
    margin-top: 20px !important
}

.margin-bottom-5 {
    margin-bottom: 5px !important
}

.margin-bottom-10 {
    margin-bottom: 10px !important
}

.margin-right-5 {
    margin-right: 5px !important
}

.margin-top-0 {
    margin-top: 0 !important
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.margin-right-13 {
    margin-right: 13px !important
}

.margin-right-20 {
    margin-right: 20px !important
}

.border-color-red{
    border-color: red !important;
}

span.same-20{
    height: 20px;
    line-height: 20px;
    vertical-align: text-top;
}