@charset "UTF-8";
/* EVM Master CSS doc */

/*   NavBar  */

.navbar .dropdown-menu li>a {
    padding: 3px 5px!important;
    line-height: 20px;
    cursor: pointer;
}


/*****   GroupEventType Component *****/

table.get_component {

}
.container_getcomp_standard {
    /*width:100%;*/
    margin:0px 0px 20px 0px;
}

.getcomp_dropdown_standard {

}

.getcomp_dropdown_centered {
    /*display:block;*/
    /*width:200px;*/
    /*margin-left:auto;*/
    /*margin-right:auto;*/
}


.headerclass_getcomp_standard {
    font-size: 19px;
    line-height: 22px;
    margin:0px 0px 0px 0px;
    padding-left:0px!important;
    padding-right:0px!important;
}

.headerclass_getcomp_standard_icon {
    font-size: 17px;
    vertical-align:5%;
    cursor:pointer;
    color:#999;
}

.headerclass_getcomp_centereduse {
   font-size: 20px;
    margin:0px 0px 10px 0px;
    padding:0px;
}

.headerclass_getcomp_centereduse_icon {
    font-size: 13px!important;
    vertical-align:20%;
    cursor:pointer;
    color:#999;
}

.container_getcomp_centered {
    display:block;
    /*width:340px;*/
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

.drop_notavailable {
    font-style: italic;
    color:#999;
}

/****************************************/



.vloggedin {
    color:#5cb85c;
}

.vloggedout {
    color:lightgrey;

}

.uloggedin {
    color:#5cb85c;

}

.uloggedout {
    color:lightgrey;
}


div.flightsnamebanner {
    background-color: #337AB7;
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
}

#statusbar {
    position:fixed;
    z-index: 1000;
    left:0;
    bottom:0;
    width:100%;
    height:25px;
    font-size:13px;
    background-color: #c90000;
    color:#ffffff;
    padding:3px;
}




#clockbar {
    position:fixed;
    z-index: 2000;
    left:0;
    bottom:0;
    width:100%;
    height:25px;
    font-size:13px;
    background-color: #c90000;
    color:#ffffff;
    padding:3px;
}

div#groupaliasinstructs {
    font-style: italic;
    width: 320px;
    font-size:11px;
    line-height: 12px;
    margin-left:auto;
    margin-right:auto;
}



/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

    /* Flights module CSS */

    .flightdepdate {
        font-weight: bold;
        color: #004780;
    }

    .flightdeptime {
        font-weight: bold;
        color:#004780;
    }

    .flightlayoverblue {
        /*font-weight: bold;*/
        color: #0000ff;
    }

    .flightlayoverred {
        /*font-weight: bold;*/
        color: #ff0000;
    }

    #hdrdatetime,
    #hdrname,
    #hdrflight,
    #hdrdeparts{
        /*color:dodgerblue;*/
        text-decoration: none;
    }

    #hdrdatetime:hover,
    #hdrname:hover,
    #hdrflight:hover,
    #hdrdeparts:hover {
        color:dodgerblue;
        text-decoration: underline;
        cursor: pointer;
    }





    /*GET component*/
    table.get_component td {
        padding:3px;
    }

    table.get_component td:first-child {
        /*text-align: right;*/
        font-weight: bold;
    }


    #evwarning_modal h3 {
        line-height: 28px;
    }

    .neweventelcontainer {
        min-height: 75px;
    }
    editevent_modal select,
    fromevent_modal select,
    #newevent_modal select {
        font-weight:bold!important;
    }




    .form-control {
        padding:2px 4px!important;
    }


    #header_evm-category-99 span {
        font-size: 115%!important;
    }


    #createevent {
        /*color:#000;*/
        font-size: 16px;
        font-weight: bold;
    }

    /* Module Properties Types Modal */

    #moduleproperties_modal .modal-title {
        font-size: 20px;
    }

    #moduleproperties_modal .modal-body {
        font-size: 14px;
    }


    #propcatname {
        height:36px;
        margin-bottom: 5px;
        vertical-align: middle;
        font-size: 18px;
        line-height: 38px;
        cursor: pointer;
    }

    .proplabel {
        font-weight: bold;;
    }


    span.infobox {
        border:solid 1px #888;
        padding:6px;
        margin: 0px 5px;
    }


    #newevent_modal .modal-header {
        background-color: #56b056!important;
        color:#fff;
        padding:5px 15px;
    }


    #newevent_modal .modal-header {
        background-color: #56b056!important;
        color:#fff;
        padding:5px 15px;
    }

    #modalformarked_modal .modal-header {
        background-color: #56b056!important;
        color:#fff;
        padding:5px 15px;
    }


    #remodmodal .modal-header {
        background-color: #56b056!important;
        color:#fff;
        padding:5px 15px;
        line-height: 12px;
    }


    #remodmodal h3.modal-title {
        line-height: 26px;
        font-size: 20px;
    }

    #groupsassign_modal .modal-header {
        background-color: #337ab7!important;
        color:#fff;
        padding:5px 15px;
        line-height: 12px;
    }

    #groupsassign_modal h3.modal-title {
        line-height: 26px;
        font-size: 20px;
    }

    #assigntogroupslist {
        list-style: none;
        padding-left:10px;
        font-weight: bold;
    }

    #evtypeslist {
        list-style: none;
        padding-left:10px;
        font-weight: bold;
    }

    #glistheader h3 {
         margin:0px!important;
         padding:0px!important;
     }

    #evtypessassign_modal .modal-header {
        background-color: #5bc0de!important;
        color:#fff;
        padding:5px 15px;
        line-height: 12px;
    }

    #evtypessassign_modal h3.modal-title {
        line-height: 26px;
        font-size: 20px;
    }



    #fromevent_modal .modal-header {
        background-color: #2e6fa6!important;
        color:#fff;
        padding:5px 15px;
    }

    #moduleproperties_modal .modal-header {
        background-color: #2e6fa6!important;
        color:#fff;
        padding:5px 15px;
    }


    #flights_modal .modal-header,
    #travelers_modal .modal-header,
    #itin_travelers_modal .modal-header,
    #othertravelers_modal .modal-header,
    #connection_modal .modal-header,
    #deleteflightwarning_modal .modal-header,
    #viewer_login_modal .modal-header,
    #user_login_modal .modal-header{
        background-color: #337ab7!important;
        color:#fff;
        padding:5px 15px;
    }

    #dfwarning_modal .modal-header,
    #edittimeout_modal .modal-header,
    #evwarning_modal .modal-header,
    #locks_modal .modal-header,
    #deletetravwarning_modal .modal-header{
        background-color: #b70c00 !important;
        color:#fff;
        padding:5px 15px;
    }


    #edittimeout_modal .modal-footer  {
        border-top: solid 1px #858585;
        background-color: #d9d9d9 !important;

    }



    #flights_modal .modal-body,
    #editevent_modal .modal-body,
    #fromevent_modal .modal-body,
    #newevent_modal .modal-body,
    #evwarning_modal .modal-body p {
        color:#000;
    }



    #travelers_modal .modal-body,
    #itin_travelers_modal .modal-body,
    #othertravelers_modal .modal-body{
        color:#000;
    }







    #locks_modal .modal-body p {
        color:#000;
    }



    #flights_modal table td p {
        /*line-height:11px;*/
        margin:0;
        padding:4px;
    }

    #travelers_modal table td p,
    #itin_travelers_modal table td p,
    #othertravelers_modal table td p{
        /*line-height:11px;*/
        margin:0;
        padding:3px;
    }

    .flights {
        /*font-size:12px;*/

    }

    .fa-fighter-jet {
        font-size:24px;
    }

    .airportheader {
        font-weight: bold;
        font-size: 18px;
    }

    .flighttime {
        font-family: 'Orbitron', sans-serif;
        font-size:16px!important;
        color:#fff;
        padding:5px 0px;
        font-weight:bold;
    }

    .flightclockcase {
        background-color:#000;
        display:block;
        width:60px;
        margin-top:0px
    }

    .flightbold {
        font-weight: bold;
        font-size:14px
    }

    .traveldevrow {
        padding-left:0px;
        padding-right: 0px;

        color:#000;
    }



    .viewerdevrow h3 {
        padding-left:20px;
        padding-right: 20px;
        color:#000;
    }




    .traveldevrow h3 {
        padding-left:20px;

    }

    table.othertravel td {
        padding:0px;
        font-size: 12px;
    }

    table.othertravel p {
        margin:0px;
    }


    table.othertravel a {
        text-decoration: underline;
    }

    table.othertravel a:hover {
        text-decoration: underline;
    }


    /** Events Listing template **/

    #listingofevents h3 {
        margin:0px!important;
        padding:0px!important;
    }

    div#actionbuttons button {
        margin-right:1px!important;
        margin-top: 5px!important;
    }

    div#actionbuttons .btn-responsive,
    div#listingofevents button.btn-responsive {
        padding:4px 8px;
        font-size:80%;
        line-height: 1;
        cursor: pointer;
        /*font-weight: bold;*/
    }

    .mid-container #evmtableeventlist {
        font-size: 12px;
    }

    table#evmtableeventlist tbody,
    table#evmtableeventlist thead {
        /*display:block;*/

    }


    table#evmtableeventlist tbody
    {
        /*position:relative;*/
        /*overflow-y:scroll;*/
        /*height: 450px;*/
    }

    table#evmtableeventlist th
    {
        width: 400px;
    }

    table#evmtableeventlist td
    {
        width: 400px;
    }

    table#evmtableeventlist th.firstcol,
    table#evmtableeventlist td.firstcol
    {
        width: 50px!important;
    }

    /** Publish checkmark: Published **/
    table#evmtableeventlist td .fa-check
    {
        color: #00ab00;
    }

    /** Publish checkmark: NOT Published **/
    table#evmtableeventlist td .fa-times-circle
    {
        color: red;
    }



    .smfont {
        font-size:12px!important;
    }
    
    .evmtable {
       font-size:13px;
    /*  width:75%; */
    }

    .evmtable td {
        padding:3px!important;

    }

    .evmtable td:nth-child(1) {
        font-weight:bold;
        color:blue;
        width:80px;
        text-align: right;
    }

    /* Menu */
    .menulogout {
        margin-left:15px;
        padding-top:15px
    }

    #newevent_modal select {
        /*margin-bottom:20px;*/
    }


}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {


    /* Flights module CSS */

    .flightdepdate {
        font-weight: bold;
        color: #004780;
    }

    .flightdeptime {
        font-weight: bold;
        color:#004780;
    }


    .traveldevrow {
        padding-left:10px;
        padding-right: 10px;
        /*margin-right:0px;*/
        /*margin-left:0px;*/
        color:#000;
    }

    .viewerdevrow,
    .viewerdevrow h3,
    .viewerdevrow h4{
        padding-left:20px;
        padding-right: 20px;
        color:#000;
    }


    table.othertravel td {
        padding:3px!important;
        font-size: 15px;
    }

    table.othertravel p {
        margin:2px;
    }


    table.othertravel a {
        text-decoration: underline;
    }

    table.othertravel a:hover {
        text-decoration: underline;
    }

    .smfont {
        font-size:15px!important;
    }
    
    .evmtable {
       font-size:13px;
    /*  width:75%; */
    }

    .evmtable td {
        padding:3px!important;

    }

    .evmtable td:nth-child(1) {
        font-weight:bold;
        color:blue;
        width:70px;
        text-align: right;
    }

    #remodmodal h3.modal-title {
        line-height: 28px;
        font-size: 24px;
    }


}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    /* Menu */
    .menulogout {
        margin-right:15px;
        padding-top:15px
    }


    /* Fix modals so they center vertically as well as horizontally */
    .modal {
        text-align: center;
        padding: 0!important;
    }

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }

    #flights_modal td  {
        font-size:22px;

    }

    #flights_modal table td p {
        line-height:22px;
        margin:0;
        padding:4px;
    }

    table.othertravel td {
        padding:3px!important;
        font-size: 15px;
    }

    table.othertravel p {
        margin:2px;
    }


    table.othertravel a {
        text-decoration: underline;
    }

    table.othertravel a:hover {
        text-decoration: underline;
    }

    #header_evm-category-99 span {
        font-size: 150%!important;
    }


    /** Events Listing template **/



    table#evmtableeventlist thead {
        border-color:#fff!important;
    }

    table#evmtableeventlist tbody,
    table#evmtableeventlist thead {
        /*display:block;*/

    }

    table#evmtableeventlist tbody
    {
        /*overflow: hidden;*/
        /*height: 100%;*/
    }

    table#evmtableeventlist th
    {
        /*width: 400px;*/
    }

    table#evmtableeventlist td
    {
        /*width: 400px;*/
    }

    table#evmtableeventlist th.firstcol,
    table#evmtableeventlist td.firstcol
    {
        width: 50px!important;
    }

    #evmtableeventlist.table>thead>tr>th {
        border-bottom: 1px solid #ddd;
    }



    div#actionbuttons .fa-check {
        color:#fff;

    }

    div#actionbuttons .fa-trash,
    div#actionbuttons .fa-times-circle {
        color:white;
    }

    div#actionbuttons button {
        margin-right: 10px!important;
        font-weight: normal;

    }

    div#actionbuttons .btn-responsive {
        padding:4px 9px;
        font-size:14px;
        line-height: 1.2;
    }

    .mid-container #evmtableeventlist {
        font-size: 14px;
    }


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #flights_modal td  {
        font-size:22px;

    }

    .neweventelcontainer {
        min-height:76px;
    }

    #newevent_modal select {
        /*margin-bottom:20px;*/
    }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    #flights_modal td p {
        font-size:22px;
        line-height: 32px;

    }
}