@font-face {
  font-family: 'iul_font_bold';
  src: url('../font/morgansansbold-webfont.woff');
}

@font-face {
  font-family: 'iul_font';
  src: url('../font/morgansans-webfont.woff');
}

@font-face {
  font-family: 'iul_font_oblique';
  src: url('../font/morgavoblique-webfont.woff');
}


body {
    font-family: iul_font;
}

h1, b, strong {
    font-family: iul_font_bold;
}

h1{
	font-size: 50px;
}

h2{
    font-size: 25px;
}

span{
	font-size: 15px;
}

p {
    font-size: 15px;
}

textarea {
   resize: none;
   background-color: white;
}

.sm-lateral-margin{
    margin-left: 5px;
    margin-right: 5px;
}

.md-lateral-margin{
    margin-left: 20px;
    margin-right: 20px;
}

.quote {
    font-family: iul_font_oblique;
    font-size: 13px;
}

.table thead {
    background: #161616 !important; 
    color: white;
    font-weight: bold;
}

.table td {
    vertical-align: middle !important;
}

.container-fluid{
    margin: 20px !important;
}

.break{
    height: 5px;
}

.b-color{
    color:#161616;
}

.b-bk-color{
    background-color: #161616;
}

.btn-color{
    color: white;
    background-color: #161616;
}


.red {
	color: red
}

.white{
	color: white;
}

.black{
	color: black;
}

.gray{
    color: #636b6f;
}


.selected-color {
	color: #173D52;
}

.white-form {
    background-color: white;
    border-radius: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 20px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

.padding-form{
    padding: 20px;
}

.clickable {
    cursor:pointer;
}

.pad-left-0{
    padding-left: 0;
}


.date-margins{
    max-width: 60% !important;
    margin-left: 20%;
    margin-right: 20%;
}

.checkbox-inline.pmd-checkbox{
    padding-top: 0px !important;
    padding-left: 0px !important;
}

.room-selected{
    background-color: #54985429 !important;
}

.state-2{
    background-color: #54985429 !important;
}

.state-1{
    background-color: #ffa50024 !important;
}

.state-3{
    background-color: #7d98af47 !important;
}

.state-4{
    background-color: #c7898959 !important;
}

.state-detail-2{
    color: #549854 !important;
}

.state-detail-1{
    color: #ffa500 !important;
}

.state-detail-3{
    color: #4b7eaa !important;
}

.state-detail-4{
    color: #d16868 !important;
}

.success {
    color: green;
}

.danger {
    color: #b00000;
}

.session-container{
    max-width: 500px;
}

.small-table td{
    line-height: auto !important;
    padding: 2px !important;
    font-size: 15px;
}

.table td:hover{
    background-color: #8998e39e !important;
}

.btn-min{
    padding: 10px;
    color: white;
    margin: 5px;
    background-color: #161616;
}

.form-control{
    border-radius: 0px !important;
}

.modal-content{
    border-radius: 0px !important;
}

.btn{
   border-radius: 0px !important; 
}

.btn-min img{
    width: 1.25em !important;
}

.qt-ammunition{
    max-width: 100px !important;
    padding: 5px 12px;
}

.fake-label{
    margin-bottom: 20px;
}

.margin-dates{
    margin-right: 12px;
    margin-left: 12px;
}

textarea.clean {
    border:none;
}

/* Tooltip -------------------------------------------------------- */


/* Tooltip -------------------------------------------------------- */

/* PARALLAX ------------------------------------------------------- */

.parallax { 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.parallax.h500 {
	height: 600px; 
}

.parallax-login {
    background: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url("../_images/banner/login.png");
}

.parallax-entities {
    background: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url("../_images/banner/login.png");
}

.parallax.h500 h1{
	padding-top: 170px;
    font-size: 70px;
    font-weight: bold;
    overflow:hidden;
    z-index: 1;
}

.parallax span{
	font-size: 20px;
}

.parallax{
    vertical-align: center;
}

.parallax.h300 {
    height: 300px; 
}

.parallax.h300 h1{
    padding-top: 70px;
    font-size: 70px;
    font-weight: bold;
    overflow:hidden;
    z-index: 1;
}

.parallax span{
    font-size: 20px;
}

.parallax{
    vertical-align: center;
}



/* -------------------------------------------------------  PARALLAX */


/* MEDIAS ------------------------------------------------------- */

@media screen and  (max-width:1199px) and (min-width:992px){

    h1{
        font-size: 30px;
    }

    h2{
        font-size: 17px;
    }

    span{
        font-size: 15px;
    }

    p {
        font-size: 15px;
    }


    .parallax.h500 {
        height: 300px; 
    }

    .parallax.h500 h1{
        padding-top: 80px;
        font-size: 45px;
        font-weight: bold;
    }

    .parallax span{
        font-size: 15px;
    }   

    .parallax.h300 {
        height: 200px; 
    }

    .parallax.h300 h1{
        padding-top: 60px;
        font-size: 35px;
        font-weight: bold;
    }

}


@media screen and (max-width: 991px){

    h1{
        font-size: 20px;
    }

    h2{
        font-size: 14px;
    }

    span{
        font-size: 12px;
    }

    p {
        font-size: 12px;
    }

    .parallax.h500 {
        height: 200px; 
        margin-top: 20px;
    }  

    .parallax.h500 h1{
        padding-top: 20px;
        font-size: 30px;
        font-weight: bold;
    }

    .parallax span{
        font-size: 10px;
    }   

    .parallax.h300 {
        height: 150px; 
    }

    .parallax.h300 h1{
        padding-top: 50px;
        font-size: 25px;
        font-weight: bold;
    }

}

/* -------------------------------------------------------  MEDIAS */