/*------style naopad 3 PC ----------------*/
/*PRELOADER */
.mdb-preloader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000a1;
    z-index: 9998;
    height: 100%;
    width: 100%;
}
.mdb-preloader .card{
    background-color: #000000;
    margin-left:45%;
}
.mdb-preloader .progress .indeterminate {
    background-color: white;
}
.mdb-preloader .card-body h4, .mdb-preloader .card .card-text{
	color:white;
}
.mt-15{
	margin-top: 15rem !important;	
}
/* NAO-3 NAO-4 NAO-5*/
/*Pour mentions légales*/*

.modal-header{
	display:block;
}
#texte_a_afficher{
	color: #A22E2F;
}
.article{
	color: #CB333B;
}
/*fin mentions légales*/
.action-img{
		content: url(../images/drop_down2.png);
	}
html, body {
    margin: 0;
    height: 100%;
}
body {
	position: absolute;
	overflow: hidden;
    font-family: sans-serif;
    font-size: 11pt;
	padding-bottom: 7em;
	background:url('../images/fond.jpg') no-repeat center fixed; 
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */    
    width: 100%;
}
.md-form > i {
	margin-top: 30px;
} 
.md-form .checkbox{
	position: inherit;
}
#header{
	color:white;
	text-align:right;
	margin-right:30px;
	margin-top:10px;
}
#icon_header{
	display:none;
}
#nav_user, #user_logout>li>a{
	color:white !important;
	font-size: .8rem;
}
#user_logout .glyphicon, #deco_logout .glyphicon{
    font-size: 1rem;
}
#nav_user> p{
	display:inline;
}
#nav_user #nav_deco{
	padding-left:50px;
}
#navbar_header,#deco_logout, .action .navbar-nav > li >a:hover, .action .nav .open > a:focus, .action .nav .open > a:active{
	background-color:transparent;
	border-color:transparent;
	box-shadow: none;
    justify-content: flex-end;
}
#navbar-header> .navbar-default .navbar-nav>li>ul>li:focus,#deco_logout> .navbar-default .navbar-nav>li>ul>li:focus ,.navbar-default .navbar-nav>li>ul>li:hover{
	background:rgba(255, 255, 255, 0.39);
}
#user_logout, #user_logout .navbar-nav>li>.dropdown-menu{
	background-color: rgba(0, 0, 0, 0.17);
	border-color:rgba(0, 0, 0, 0.17);	
	right: 0px;
}
#page_content{
	padding-left:5px;
	padding-right:5px;
	margin:0px;
}
#list{
	padding-top: 30px;
}
#naopad-body{
	max-width: 970px;    
}
#naopad-img {	
    padding:unset;    
    width:35%;   
    max-width:35%; 
}
#naopad-page {
	border-radius: 5px 0 0 5px;
    background: url('../images/connexion.jpg') no-repeat center;    
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */   
    overflow: hidden;
    color: #FFFFFF;    
}
#naopad-page .txt{
    background: rgba(224, 23, 68, 0.61);
    overflow: hidden;
    height: 80%;
    z-index: 2;
    margin: 0 auto;
   
}
.txt h4,.txt h5{
	font-size: 24px;
    margin-top: 50px;
    margin-left:25px;
    font-style: normal;
    text-align:left;    
    word-wrap: break-word;
    margin-right: 10px;
}
#mentions-mobile{
	display:none;
}
#collect{
	display:none;
} 
.nav_applications p{
	display:-webkit-inline-box;
}
#naopad-form {
	border-radius: 0 5px 5px 0;
	display:flow-root;
	background: #FFFFFF;
	height:80%;	
	width:65%;
	float:right;
	max-width: 65%;

}
#naopad-form .glyphicon{
	top:0px;
}
#naopad-form .margin {
	margin-left:0px;
}
#naopad-form .md-form:not(:first-child):not(:last-child){
	border-radius:0 4px 4px 0;
}
.md-form .prefix~input {
	/*font-size: 1.5rem;*/
}
.inline{
	display:inline-flex;
}
#naopad-form .input-group-addon {
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;    
    color: #D0C9C9;
    border-radius: 4px 0 0 4px;
    background-color: rgba(238, 238, 238, 0);
}
.input-group:hover {
      box-shadow: 0 0 0.5px 0.5px #8685BB;
      border-radius: 4px;
}
.form-control:focus{
	border-color: #8685BB;	
    outline: 0;
    -webkit-box-shadow: 0 0 0.5px 0.5px #8685BB;
    box-shadow: 0 0 0.5px 0.5px #8685BB;	
}
#naopad-form .form-group{
	 margin-top: 10px;
	 margin-bottom:5px;
	 padding-left: 0px;
}
#naopad-form .bottom {
	margin-bottom:30px;
}
#naopad-form button{
	margin-top:10px;
	width: max-content;
	text-transform: none;
	/*font-size:1.5rem;*/
}
#naopad-form .btn:focus {outline:0 !important}
#naopad-form .btn:active {outline:0 !important}

#naopad-form .checkbox label {
	padding-left:20px;
}
#contact_form {
	margin-left:20%;
}
#contact_form .form-control{
	padding: initial;
    margin-top: 1rem;
}
a{
	text-align:left;
	/*font-size:1.2rem;*/
	text-decoration: none;
    color: #A4A4A4;    
}
a:hover{
	text-decoration: none;;
    color: #9E9DC9    
}
a:active{
	text-decoration: underline;
    color: #8685BB;
}

input[type=number]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=time]:focus:not([readonly]), textarea.md-textarea:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=password]:hover:not([readonly]), input[type=text]:hover:not([readonly]), input[type=time]:hover:not([readonly]), textarea.md-textarea:hover:not([readonly]) {
    border-bottom: 1px solid #9E9DC9;
    -webkit-box-shadow: 0 1px 0 0 #9E9DC9;
    box-shadow: 0 1px 0 0 #9E9DC9;
   /* font-size:1.4rem;*/
}
.checkbox {
  padding-left: 20px; }
  .checkbox label {
  /*	font-size:1.5rem;*/
    display: inline-block;
    position: relative;
    padding-left: 5px; 
    color:#A4A4A4; 
    }    
    .checkbox label::before {
      content: "";
      font-size:12px;
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1.5px solid #A4A4A4; 
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 12px;
      color: #9E9DC9; }
  .checkbox input[type="checkbox"] {
  	position:inherit;
  	margin-left: 0px;
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline:0 !important;      
      outline-offset: -2px; 
  }
    .checkbox input[type="checkbox"]:checked + label::after {
        font-family: 'FontAwesome';
        content: "\f00c"; 
      }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }
.checkbox-primary input[type="checkbox"]:hover + label::before {
   border-color: #9E9DC9;
 }
.checkbox-primary input[type="checkbox"]:checked + label::before {
  border-color: transparent #9E9DC9 #9E9DC9 transparent;
   }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.submit{
	background-color:#9E9DC9;
	color:white;
	border-radius:40px;
}
.submit:hover{
	color:white;
	background-color:#9E9DC9;
	box-shadow: 0 0 1px 1px #8685BB;
	-webkit-box-shadow: 0 0 1px 1px #8685BB;
}
.alert{	
	background:transparent;
	color:#A2292F;
	border:none;
	margin-bottom: 0;
	margin-right: 35%;
	padding:0px;	
	margin-top: 10px;
}
.center{
	text-align:center;
}
#app-list-block .input-group .form-control:not(:first-child):not(:last-child){
	border-radius:4px 0 0  4px;
}
#app-list-block .input-group-addon {
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;    
    color: #D0C9C9;
    border-radius: 0 4px 4px 0;
    background-color: rgba(238, 238, 238, 0);
}
#navbar-accueil{
	background-color:transparent;
	border:none;
	color: white;
	margin-top:50px;
	box-shadow: none;
	}
#navbar-accueil .navbar-nav>li {
	color: white;
	font-size: 16px;
	list-style-position:inside;
    border-top: 1px solid; 
    border-image: linear-gradient(to left, white 1%, rgba(0, 0, 0, 0) 100%);
  	border-image-slice: 1;  
  	padding: 10px; 
}
#navbar-accueil .navbar-nav>li>a,#navbar-accueil .navbar-nav>li>a:focus {
	color: white;
	font-size: 16px;
	list-style-position:inside;  
	outline: none;  
}
#navbar-accueil .navbar-nav>li:last-child{ 	 	
 	border-bottom:1px solid ;  	
  	border-image: linear-gradient(to left, white 1%, rgba(0, 0, 0, 0) 100%);
  	border-image-slice: 1;
  	padding: 10px;
}
#navbar_header .navbar-nav>li {
    padding: 10px;
}
#navbar-accueil .navbar-nav>li:hover, #navbar_header .navbar-nav>li:hover, #deco_logout .navbar-nav>li:hover{
	color: white;
	/*font-weight:bold;*/
  	background: linear-gradient( to left, rgba(250, 246, 248, 0.86) 0%, rgba(255, 236, 241, 0.67) 10%,
  	     rgba(240, 234, 236, 0) 100%) left bottom rgba(255, 253, 253, 0) no-repeat;
  	
}
#navbar-accueil .navbar-nav> li:focus ,#navbar_header .navbar-nav> li:focus,#deco_logout .navbar-nav>li:focus, #navbar-accueil .navbar-nav> li.focus {
	color: white;
	font-weight:bold;
  	background: linear-gradient( to left, rgba(250, 246, 248, 0.86) 0%, rgba(255, 236, 241, 0.67) 10%,
  	     rgba(240, 234, 236, 0) 100%) left bottom rgba(255, 253, 253, 0) no-repeat;
    outline:0 !important; 
}
.nav_onglet,.container-fluid , #navbar-body{
	padding:0px;
	flex: none;
}
#navbar-body ul{
	width:100%;
}
.nav_icon{
	margin-right:30px;f
}
#footer {
	text-align:center;
}
#footer a{
	font-size:12px;	
	color:white;
	text-decoration:none;
}
#footer a:hover{
	text-decoration: underline;
    color: #D0C9C9;    
}
#footer a:focus {outline:0 !important}
#footer a:active {outline:0 !important}
#search{
	display:-webkit-box;
	text-align: center;
	margin-left: 5%;
}

#search .md-form>i{
	margin-right:10px;
}
#search_appli{
	padding: 0;
    margin-top: 20px;
}
.card{
	display:inline-block;
    margin-left: 5%;
    margin-bottom: 15px;
}
.card_icon{
	height:20px;
}
.action{
	float: right;
}
.card  h4, .thunbail .h6, .card  h6{
	margin-bottom:10px;
	margin-top:1px;
	margin-left:0px;
	margin-right:0px;
	color: #A4A4A4;
}
.card .caption{
	padding:0px;
}
.caption img{
	min-width: 70px;
    min-height: 70px;
    height: 20%;
    margin-bottom: 5px;
    margin-top: 5px;
    max-width: 70%;
}
#app-list{
	overflow-x: hidden;
    overflow-y: auto;
	max-height: 80%;
	max-width:100%
}
#app-list .row{
	margin-left:0px;
}
.card a > img:hover{
	box-shadow: 0 0 1px 1px #8685BB;
    -webkit-box-shadow: 0 0 1px 1px #8685BB;
    border-radius:10px;
}
.card .dropdown-toggle::after {
	border:none;
}
.btn_accueil{
	background-color:white;
	border-color:#E08589 !important;
	border-radius:50px;
	padding: 5px 10px;
	color:#E08589 !important;
	margin-right: 5px;
    margin-left: 5px;
  /*  font-size: 1.2rem;*/
    text-transform: none;
}
.btn_accueil:hover, .btn_accueil:active,.btn_accueil:focus {
	background-color:#E08589 !important;	
	border-radius:50px;
	color:white !important;
    outline:0 !important;  
/*   font-size: 1.4rem;*/
    text-transform: none;
}
#app_action, #tri{
	border-radius: 8px;	
	padding:0 0 0 10;
}
#app_action > li >a, #tri > li >a{
	color: #D0C9C9 !important;
	padding:0px;
	text-align:center;
    font-size: 0.8rem;
}	
#app_action > li >a:hover, #app_action > li >a:focus, #app_action > li >a:active, #tri> li >a:hover, #tri> li >a:focus, #tri > li >a:active {
	color: #9E9DC9 !important;
	background:transparent;	
    font-size: 0.9rem;
}
.caption h4{
	padding-left:15px;
	height: 30px;
}
.row {
	margin:0px;
}
#nav_tri{
	border: 1px solid #9E9DC9;
	background:white;
	color:#9E9DC9 !important;
	border-radius:50px;
	padding-top:5px;
	padding-bottom:5px
}
#nav_tri{
	margin-right: -20px;
	font-size: 0.8rem;
	text-transform:none;
	margin-top:-10px;
}   
#nav_tri_accueil{
	box-shadow:none;
}
#nav_tri_accueil .nav .open > a, #nav_tri_accueil .nav .open > a:hover,  #nav_tri_accueil .nav .open > a:active,#nav_tri_accueil .nav > li > a:hover, #nav_tri_accueil  .nav > li > a:focus{
	background:#9E9DC9;
	color:white !important;
	text-decoration: none;
}
#tri{
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	margin-top:5px;
}
.pull-right {
    float: right!important;
}
.card_a .open > a , .card_a  li> a:focus{
	background-color:transparent;	
}
.card_a .open > a >img{
    box-shadow: 0 0 1px 1px #8685BB;
    -webkit-box-shadow: 0 0 1px 1px #8685BB;
    border-radius:10px;
}
#app-list::-webkit-scrollbar {
    width: 0.4em;
}
 
#app-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
#app-list::-webkit-scrollbar-thumb {
  background-color: #A22E2F;
  outline: 1px solid #A22E2F; 
}
#app-list .card{
	height: 170px;
    width: 40%;
}
.create-type{
	max-height: 180px;
    max-width: 220px;
    margin-top: 0px;
    cursor: default;
}
#create-list-block h4{
	margin-bottom:30px;	
	margin-top: 30px;
	color: #A4A4A4;
}
#create-list-block h5{
	color: #A4A4A4;
	margin-bottom:10px;	
	margin-top: 10px;
}
#create-list-block a{
	text-align:center;
}
.create_type a>h5:hover, .create_type a>h5:focus{
	font-weight:bold;	
}
.create_type a:hover, .create_type a:focus{
text-decoration:none;
}
#create-list-block p{
   color: #A4A4A4;
}
#type-list .card{
	border:none;
	padding-top: 15px;
}
#type-list .card:hover, #type-list .card:focus{
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: default;
	-webkit-transition: none; 
	-o-transition: none;
    transition: none;
}
    
/*-------------naopad 3 User Account ---------------------------------------------*/

#naopad-account{
	width: 80%;
}
#account-form{	
	border-radius: 0px 0px 5px 5px;
	display:flow-root;
	background: #FFFFFF;
	width:inherit;	
	height:60%;	
	width: 100%;
	float:right;
}
#account-img{
	height: 25%;
	border-radius: 5px 5px 0 0;
	background:url('../images/techno.jpg') no-repeat left; 
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */   
    position:relative;
    z-index:2; 
    width:100%;
}

#account-body{   
    margin-top:5%;
    padding-left: 0px;
}

#account-page {	     
    overflow: hidden;
    color: #FFFFFF; 
    height:180px;
	border-radius: 5px 5px 0 0;	
}
#account-page .txt{    
    overflow: hidden;
    z-index: 2;
    margin: 40px;
    
}
#account-page .txt>a{  
	color:white;	
	font-size: 20px;
}	
.roundedImage{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:100px;
    height:100px;
    box-shadow: 0px 0px 5px 5px rgb(116, 109, 109);
    z-index:3;
    position:absolute;
    margin-left: 15%;
    top: -50;
}
#back{
	height:50px;
}
#page_content_account{
	margin-top: 20px;
	display: -webkit-box;
}
#perso{
	text-align:center;
}
#infos .nav-item{
	font-size:16px;
	margin-right:20px;
}

/*-------------------Page de creation-------------------------------*/
#create-list-block{
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 100%;
    max-width: 100%;
    cursor: default;
    padding-left: 0;
}
.th-creer{
	height: 190px;
	width: 190px;
	padding-left:0;
	margin-left: 0;
}
#create-list-block::-webkit-scrollbar {
    width: 0.4em;
}
 
#create-list-block::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
#create-list-block::-webkit-scrollbar-thumb {
	background-color: #A22E2F;
	outline: 1px solid #A22E2F;   
}
.th-creer > img{
	height:50px;
}

/*------------------------/m mobile-----------------------------------------*/
#add-app{
	border: 1px solid #9E9DC9;
    background: white;
    color: #9E9DC9;
    border-radius: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#add-app:hover{
    background: #9E9DC9;
    color: white;
    text-decoration: none;
	
}
.install{
	background: rgba(12, 11, 11, 0.12); 
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}  
.open{
	background: transparent; 
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}  
.btn_hide{
	display:none;	
}
#naopad-form .close{
	margin-top:0;
}