/* ---------- Fin-Fonts ------------ */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

.ui-widget {
    font-family: "Titillium", Helvetica, Arial, sans-serif;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-family: "Titillium", Helvetica, Arial, sans-serif;
}

fieldset {
	margin-top:20px;
}

.ui-accordion .ui-accordion-content {
	padding: 0 !important;
}



/*
 * Dashboard CSS
 */
 
/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}

.main {
  padding: 20px;
}

@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.main .page-header {
  margin-top: 0;
}

.ui-fluid .ui-button {
    box-sizing: border-box;
    width: auto !important; 
}

/* mouse over link */
a:hover {
   color: #50EA25 !important; 
}

/* selected link */
a:active {
    color: #061119 !important; 
}

 /*  pour corriger l'affichage du cadre du fieldSet */
 
 fieldset{
    border: solid 1px #DDD !important;
    padding: 10px 10px 10px 10px !important;
    font-size: 14px !important;
 }


legend{
	width: auto !important;
	border-bottom: 0px solid #e5e5e5 !important;
}

textarea, input[type='text'], input[type='password'], select{
	font-size: 12px !important;
	background-color: white !important;
	background-image: none !important;
}

input[type='text'][disabled], input[type='password'][disabled]{
	font-size: 15px !important;
	border-color: #f4f4f4 !important;
	color: #828282 !important;
	/*background-color: #f4f4f4 !important;*/
}

textarea[disabled], select[disabled], textarea[disabled]{
	font-size: 15px !important;
	border-color: #f5f5f5 !important;
	color: #000000 !important;
	/*background-color: #E0E0E0 !important;*/
}

.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger, .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label{
    background-color: #e0e0e0 !important;
    border-color: #d1d1d1 !important;
    color: #000000 !important;
    font-size: 15px !important;
    display: flex !important;
}

.ui-selectonemenu label.ui-selectonemenu-label{
	font-size: 15px !important;
	border-color: rgb(232,232,232) !important;
	color: rgb(96,96,96) !important;
}

h2{
	margin-top: 0px !important;
}
h4 h5 h6{
	margin-top: 0px !important;
	margin-bottom:  0px !important;
}

.ui-radiobutton .ui-radiobutton-box {
	height: 20px !important;
	width: 20px !important;
}

.ui-selectmanycheckbox.ui-grid label, .ui-selectoneradio.ui-grid label {
    display: inline-block;
    margin-left: 10px !important;
    vertical-align: top;
}

.ui-chkbox .ui-chkbox-box{
	height: 20px !important;
	width: 20px !important;
}

.ui-grid-col-4, .ui-grid-col-5 {
    width: 20% !important;
}

@keyframes slideInFromLeft {
	
	from {
	    opacity: 0;
	    /* width: 0%; */
	    /* height: 0%; */
	  }
	
	  to {
	    opacity: 1;
	    /* width: 100%; */
	    /* height: 100%;*/
	  }	
 
}

.ui-tooltip {
    border: 1px solid #ccc;
    box-shadow: 0 0 10px 0 #ddd;
    -moz-box-shadow: 0 0 10px 0 #ddd;
    -webkit-box-shadow: 0 0 10px 0 #ddd;
    color: #666;
    background: #f8f8f8;
}

.ui-messages-info, .ui-message-info {
    background-color: rgba(255, 255, 255, .15) !important;
}

.glyphicon-info-sign:before {
  cursor: help !important;
}

.required span{
	color: red !important;
}