@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../../bower_components/material-design-icons/iconfont/MaterialIcons-Regular.woff2) format('woff2'),
       url(../../bower_components/material-design-icons/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(../../bower_components/material-design-icons/iconfont/MaterialIcons-Regular.ttf) format('truetype');
}
 
body {
  background: #F3F3F3;
  background:url("../img/gym-bg.jpg") no-repeat center fixed;
  font-size : 1.2em;
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.relanceActif{
	color :#ff6d00;
    vertical-align: -webkit-baseline-middle;
}

.relanceUnactif{
	color : grey;
    vertical-align: -webkit-baseline-middle;
}

/*LOGIN STYLE CSS*/
.main{
	width : 55%;
	margin:8% auto;
	padding:0;
	background-color: rgba(0,0,0,.75);
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.main h2{
	padding:16px;
	background-color:#f2f2f3;
	background-color:#1565c0;
	color:#ff6d00;
	color:#fff;
	font-size:28px;
	width: auto;
    margin: 20px;
}

.main .btn-large{
	width : 100%;
	margin : 20px auto;
}

.login .input-field input{
    color : white !important;
    font-size: 18px;
}

/**/


.row{
   margin-bottom: 3px;
}

.fieldValid {
    color: #1565c0 !important;
}
.fieldInvalid {
    color:#880e4f !important;
}
.fieldWait {
    color: gray !important;
}

/* label color */
.input-field label{
	color:#ff6d00;
}

/* label focus color */
input:not([type]):focus + label, input[type=text]:focus + label, input[type=password]:focus + label, input[type=email]:focus + label, input[type=url]:focus + label, input[type=time]:focus + label, input[type=date]:focus + label, input[type=datetime]:focus + label, input[type=datetime-local]:focus, input[type=tel]:focus + label, input[type=number]:focus + label, input[type=search]:focus + label, textarea.materialize-textarea:focus + label {
	color: #1565c0;
}

input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #1565c0;
    box-shadow: 0 1px 0 0 #1565c0;
	color: #1565c0;
}

.delete-hour{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor : pointer;
    color : #FA787E;
}

nav {
    /*background-color: #1565c0 ;*/
    background-color: #2196F3;
}

.side-nav .userView .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
	width : 100%;
	max-height : 200px;
    left: 0;
    z-index: -1;
}

header, main, footer {
	padding-left: 300px;
}

.userView{
	width : auto;
	height : 250px;
    text-align : center;
}

.userView .white-text.name{
    font-size : 20px;
    text-transform: uppercase;
    padding-top : 20px;
}

.userView .white-text.email{
    font-size : 18px;
}

.table-client-title{
    font-size : 1.6em;
    font-weight : bold;
    color : #ff6d00;
    text-transform: uppercase;
    margin : 1.5%;
}

.table-margin{
    margin : 1% 100px;
}

.fixed-action-btn{
    top: 30px; 
    right: 10px;
}

.sub-header{
    margin-bottom : -1%;
}

.card {
  background: #fff;
  border-radius: 2px;
  display: block;
  /*position : relative;*/
  margin:1% 15%;
  width : auto;
}

.card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.right.nav-menu{
    margin-right : 60px !important;
}

.modal-orange-color{
    color : #FF6D00;
}

.call-icon{
    cursor : pointer;
}


.modal-content > .row{
    /*border : red solid 1px;*/
}

.modal-content .info-title{
    background : #1565C0;
    /*background : #00A6EA;*/
    font-size : 18px;
}

.info-title-1{
    font-size : 1.1em;
    font-weight : bold;
    letter-spacing : 1.5px;
    color :#FFF;
}

.info-title-detail{
    font-size : 13px;
    color : #CCC;
}

.info-title-1.prenom{
    text-transform : capitalize;
}

.modal-content p{
    font-style : italic;
    color : #FF6D00;
    margin: 4px;
}

.modal-content .info-content-detail{
    font-style : normal;
    /*font-weight : bold;*/
    color : #1565C0;
}

/*.info-call-icon{
    position : relative;
    top : 10px;
}*/

.modal .modal-content{
    padding: 0;
    font-size: 78%;
}


@media only screen and (max-width : 992px) {
	header, main, footer {
		padding-left: 0;
	}

    .card {
        margin:1% 10%;
    }
}

@media (max-width : 765px) {
	.hide-column{
        display : none;
    }
}

/*Mobile*/
@media(max-width:384px){
	.main h2{
		font-size:17px;
		padding:10px;
		padding-left:20px;
	}

	.main{
		width: 90%;
	}

    .hide-column{
        display : none;
    }

    .card {
        margin:1% 5%;
    }
}