@charset "utf-8";
h1{
	color:#0000FF;
}

h2{
	color:#FF0000;
}
a:hover {
    cursor: pointer;
}
footer{
	position: fixed;
	top: 100%;
	margin-top: -60px;
}
/*..............NAVBAR.............*/

/*TODO : regrouper les classes*/

.navbar-menu {
  background-color: transparent;
  border: 0;
  border-radius: 0 0 0 0;
  min-height: 80px;
      position: relative;
    border-bottom: 1px solid rgba(208, 213, 218, 0.5);
    margin-bottom:40px;
}

.navbar-brand img{
  margin-top:-20px;
  
  width:60px;
	height: auto;
  
}

.navbar-menu a {
  margin-top: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
      color: #5C6C7D;
    display: inline-block;
    cursor: pointer;
    font-size: 1em;
    line-height: 1.125;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .dropdown-menu>.active>a {
  color: #5C6C7D;
 
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand {
  color: #5C6C7D;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  color: #5C6C7D;
  transition: .5s;
}



.dropdown-menu {
  border: 0;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #5C6C7D;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: #5C6C7D;
}

.dropdown-menu>li>a {
  color: #5C6C7D;
}

.dropdown-menu>li>a:hover {
  
  color: #5C6C7D;
}

.dropdown-menu>li>a:focus {
  color: #5C6C7D;
}

.btn-info,.btn-info:hover,.btn-info.active,.btn-info:active,.btn-info.active:hover,.btn-info.active.focus,.btn-info.active:focus,.btn-info:active.focus ,.btn-info:active:focus ,.btn-info:focus ,.btn-info.focus,.btn-info:active:focus,filter-option     {
	background-color: white !important;
	border: 1px solid #ccc !important;
	    font-size: 14px;
    line-height: 1.42857143;
    color: #555 !important;
}
/*..........FIN DE NAVBAR.............*/

.modal-body {
    position: relative;
    overflow-y: auto;
    height: auto;
    padding: 15px;
}


@media screen and (min-width : 981px) {
   
   .modal-dialog {
      width: 1000px;
  }
}

@media screen and (min-width : 0px) and (max-width : 980px) {
    
    .modal-dialog {
      width: 90%;
  }
}
.cadre {
	  background: #f6f9fa;
background-image:
    linear-gradient(to right, #00AEC7 1px, transparent 6px),
    linear-gradient(to right, #BECD00 1px, transparent 6px),
    linear-gradient(to left, #E3004F 1px, transparent 6px),
    linear-gradient(to left, #F29400 1px, transparent 6px),
    linear-gradient(to bottom, #00AEC7 1px, transparent 6px),
    linear-gradient(to bottom, #E3004F 1px, transparent 6px),
    linear-gradient(to top, #BECD00 1px, transparent 6px),
    linear-gradient(to top, #F29400 1px, transparent 6px);
  min-height:500px;
  background-position:
    0 0,
    0 100%,
    100% 0,
    100% 100%,
    0 0,
    100% 0,
    0 100%,
    100% 100%;
  
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 20px;
}
.cadre-modal {
	  ;
background-image:
    linear-gradient(to right, #00AEC7 1px, transparent 6px),
    linear-gradient(to right, #BECD00 1px, transparent 6px),
    linear-gradient(to left, #E3004F 1px, transparent 6px),
    linear-gradient(to left, #F29400 1px, transparent 6px),
    linear-gradient(to bottom, #00AEC7 1px, transparent 6px),
    linear-gradient(to bottom, #E3004F 1px, transparent 6px),
    linear-gradient(to top, #BECD00 1px, transparent 6px),
    linear-gradient(to top, #F29400 1px, transparent 6px);
  
  background-position:
    0 0,
    0 100%,
    100% 0,
    100% 100%,
    0 0,
    100% 0,
    0 100%,
    100% 100%;
  
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.swal-modal {
	  ;
background-image:
    linear-gradient(to right, #00AEC7 1px, transparent 6px),
    linear-gradient(to right, #BECD00 1px, transparent 6px),
    linear-gradient(to left, #E3004F 1px, transparent 6px),
    linear-gradient(to left, #F29400 1px, transparent 6px),
    linear-gradient(to bottom, #00AEC7 1px, transparent 6px),
    linear-gradient(to bottom, #E3004F 1px, transparent 6px),
    linear-gradient(to top, #BECD00 1px, transparent 6px),
    linear-gradient(to top, #F29400 1px, transparent 6px);
  
  background-position:
    0 0,
    0 100%,
    100% 0,
    100% 100%,
    0 0,
    100% 0,
    0 100%,
    100% 100%;
  
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.swal-button--confirm{
	color: #333;
    background-color: #fff;
    border-color: #ccc;
	
}
.swal-footer{
	text-align:center;
}

.custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.custom-search-input input{
    border: 0;
    box-shadow: none;
}

.custom-search-input .glyphicon-search{
    font-size: 20px;
    margin-right:5px;
}
.contactsSearchRow{
	margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px;
}
.contactsSearchRow .glyphicon-plus{
	font-size: 20px;
    margin-right:5px;
}
.contactsSearchRow button{
	display: inline-flex;
}
.ui-autocomplete {
    position: absolute;
    z-index: 10000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.ui-autocomplete > li {
  padding: 3px 20px;
}
.ui-autocomplete > li.ui-state-focus {
  background-color: #DDD;
}
.ui-helper-hidden-accessible {
  display: none;
}
.validation-message {
	color: red;
}
.contactSearchView > div {
	padding: 3px 20px;
}