@import url(https://fonts.googleapis.com/css?family=Montserrat);
    @import url(https://fonts.googleapis.com/css?family=Roboto);
    @import url(https://fonts.googleapis.com/css?family=Tapestry);

    
.thead-light{
    font-size: 1.1em;
    text-align: center;
}
.nav-pills{
    border-top: 1px solid #3874ff;
border-left: 1px solid #3874ff;
border-bottom: 2px solid #3874ff;
border-right: 2px solid #3874ff;
}
.form{
    background-color: #9a8ad12e;
}
    tobody {
        font-family: 'Tapestry', sans-serif;
        margin: 0px;
    }

    header {
        margin-bottom: 0px;
    }

.formtitle{
    background-color: burlywood;
    font-weight: bold;
    text-align: center;
    display: inline-table;
    font-size: small;
}	
div
	{
	    /*border: 1px solid red;*/
	}

    .bg-webgreen {
        background-color: #00838F;
        font-family: 'Montserrat', sans-serif;
        color: #FFFFFF;
    }
    .gdv{
         font-family: 'Tapestry', sans-serif;
        z-index: -1;
        position: absolute;
        left: 50px;
        top: -5px;
        height: 74px;
        font-size: 4em;
    }
.toast{
    position: relative !important;
    top: 150px;
    background-color: #e34e4e !important;
}
.toast-header{
    
    display: flex;
align-items: center;
padding: .5rem .75rem;
color: #6c757d;
background-color: rgba(255,255,255,.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0,0,0,.05);
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px);
    font-size: 1.2em !important;
}
.swiper-button-next,.swiper-button-prev{
    visibility: hidden;
}
.modal-dialog{
    position: fixed !important;
min-width: 300px;
min-height: 125px;
max-width: 100%;
max-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.infosterrain{
    text-align: center;
}

.label-rouge{
    color: white;
    font-size:large;
    background-color:red;
}
.label-vert{
    color: green;
    font-size:large;
}
.toasterreur{
    color: red;
}
.texte-rouge{
    color: red;
}
    .top-title {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 15px;
        font-size: 20px;
        font-weight: bold;
        height: 80px;
    }

    .top-title a {
        text-decoration: none;
    }

    .top-title img.large {
        width: 100px;
        display: inline;
        margin-top: 5px;
    }

    .top-title img.small {
        width: 71px;
        display: none;
        margin-top: 5px;
    }

    .top-title-small {
        font-size: 16px;
        /*height: 45px;*/
        float:left;
    }

    .appcontent {
        /*display:none;*/

        /* relative positioning */
        position:relative;
        /*
		float:left;
        clear:both;
		*/

        /* 100% positioning */
        /*
        position:absolute;
        width: 100%;
        height: 100%;
        */

        /* absolute positioning */
        /*
        position:absolute;
        top:220px;
        bottom:0px;
        left:0;
        right:0;

        overflow: auto;
        -webkit-overflow-scrolling: touch;
        z-index: -1;
        */
    }

    .top-title-detail {
        clear: both;
        padding:0px;
        font-size: 8px;
        /*! align-content: right; */
        /*! text-align: right; */
        /*! margin-right: 5px; */
    }

    .top-title-description {
        font-size:14px;
        font-weight:normal;
        background-color:whitesmoke;
        color: #222;
        border-bottom:2px solid #00838F;
        padding:7px;
    }

    .top-title-description td {
        padding:0;
        spacing:0;
    }

    .top-title-description td.icon {
        padding:0;
        spacing:0;
    }

    .tms-panel-thumb {
        background: #00838F;
        display: block;
        width: 46px;
        height: 46px;
        line-height: 46px;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        text-align: center;
        float: left;
        margin-bottom: 0;
    }

    .tms-thumb-text {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: top;
        padding-top: 12px;
        padding-left: 12px;
        font-weight: bold;
        color: #00838F;
        font-size: 20px;
        float: left;
    }

    .background-image {
        z-index: -1;
        position: absolute;
        right: 5px;
        top: -5px;
        height: 74px;
    }

    .infosca {
        /*! z-index: -1; */
        position: absolute;
        right: 42px;
      
        height: 100%;
    }
.resume_heureaero{
  display: table-cell;
  text-align : center;
  /*! margin-top: 4px; */
  font-size: 1.2em;
}
.logincard{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.loginpanel,.loginpanel_admin{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
      /* Add the blur effect */
     height: 100%;


}
.loginpanel{
      background: url(../img/Airplane-Desktop-Wallpapers.jpg) no-repeat center center fixed; 
}
.loginpanel_admin{
      background: url(../img/mco.jpg) center center fixed; 

}
    .icon {
        float: left;
        margin-top: -2px;
        padding-right: 10px;
        color:#666;
    }
    .alright{
        text-align: right;
    }
    .alcenter{
        text-align: center;
    }
.labelca{
    font-size:x-large !important; 
    font-weight: bold !important;
}
    @media only screen and (max-width: 768px) {

        .top-title-small {
            float: left;
        }

        .top-title img.large {
            display: none;
        }

        .top-title img.small {
            display: inline;
        }
    }
.infos-aeroclub,.infos-pilote{
    display: grid;
    position: absolute;
    top: 0px;
    height: 80px;
}

.infos-aeroclub{
    left: 250px;    
    width:300px;
}

.infos-pilote{
    left:0px;
    width:200px;

}
.nomaeroclub,.telaeroclub,.urlaeroclub,.idpilote,.nompilote,.prenompilote{
    text-align:  center;
}
.telaeroclub{
    font-size: 18px;
}
.urlaeroclub{
    font-size: smaller;
}
.GridPanelResume{
    max-width: 1145px;
    max-height: 600px;
}

.lgbresume{
    font-size: 1.2em;
    background-color: black;
    color: whitesmoke;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 22px !important;
    color: blanchedalmond;
}
.tableinfos{
    max-width: 350px;
}
.tableheureaero{
    width: 100%;
    left: 3px;
    position: absolute;
    /*! border: 1px solid black; */
    height: 100%;
}
.tdheureaero{
    text-align:  center;
}
.divheureaero{
    background-color: #9898e8;
}
.dbgridtitle{
    background-color: #91bade !important;
    text-align: center;
    font-weight: bold;
    /*! color: white !important; */
    font-size: 1.2em !important;
}
.divinfosreservation{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-30%);
    
    font-size: 1.4em;
}
.infosreservation,.tableir{
    width:  500px !important;
    font-size: 0.8em;
}
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.ui-state-highlight {
  border: 1px solid #b4d100;
  background: #ffff38 url(images/ui-bg_dots-medium_80_ffff38_4x4.png) 50% 50% repeat;
  color: #363636;
}

.td50{
    width: 50%;
}
.pgreservation{
    visibility: hidden;
    height: 0px !important;
}

.headerinfosreservation{
    text-align: center;
    font-size: 1.5em;
    background-color: #ffe300;
}
.tableirhorametre,.tableirperiode,.tableirterrain,.tableirpax{
    width: 100%;
    /* border: 1px solid;*/
    /*! border-top: 1px solid; */
    border-bottom: 1px solid;
}
.tableirperiode{
    border-top: 1px solid;
}
.irpilote,.iravion,.irtypedevol,.iroaci,.irinstructeur,.irhorametre,.irarr,.irpax,.irdate{
    font-size: 1.1em;
    
    font-weight: bold;
}
.labelidentification{
    font-size: 1.8em;
    background-color: #00838F;
    color: white;
}
.titrescenario{
    text-align: center;
    background-color: lightblue;
}