@font-face { font-family: VIJAYA; src: url('/webFonts/VIJAYA.TTF'); } 

.dashboard {
	padding: 0;
}


.welcome {
	line-height: 1;
	font-size: 11px;
	color: #f8f8f8;
	background-color: #34393D;
	padding: 15px;
	height: 40px;
	
-moz-border-radius: 10px 0px 0px;
-webkit-border-radius: 10px 0px 0px 0px;/*This is the correct shorthand for webkit*/
border-radius: 10px 0px 0px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

-webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
        transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */  
}

.welcome .color {
-webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
        transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */  
}

.welcome img {
margin-left: 7px;
margin-bottom: 24px;
}

#txtWelcome {
	color: #fff;
	font-size: 24px;
}

.dashboardContent {
height: 426px;
line-height: 1;
font-size: 11px;
color: #F8F8F8;
background-color: #34393D;
padding: 5px 8px 0px 8px;
border-top: 5px solid #F8F8F8;
border-bottom: 5px solid #F8F8F8;
-webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-ms-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
-o-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.dashboardSubContent {
	height: 70px; width: 204px;
	line-height: 1;
	font-size: 11px;
-webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
        transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */  
}

.dashboardSubContent p {
	background-color: #34393D;
	color: #f8f8f8;
	width: 204px; height: 60px;
	padding: 5px;
	border: 10px solid #34393D;
-webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    -ms-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
     -o-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
        transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */  
}

.pseudoWelcome {
	background-color: #f8f8f8;
	color: #34393D;
	padding: 6px 0px 3px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right:0;
}


.moowDashboardItem, 
.moowDashboardAgenda, 
.moowDashboardPlus {
height: 46px;
width: 60px;
text-align: center;
float: left;
background-color: #F8F8F8;
padding: 9px 8px 0px 0px;
cursor: pointer;
margin-bottom: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.moowDashboardItem span i, 
.moowDashboardAgenda span i, 
.moowDashboardPlus span i {
margin-bottom: 2px;
font-size: 19px;
position:relative;
top:2px;
}
.moowDashboardItem span {
font-size:11px;
line-height:15px;
}
.moowDashboardAgenda span, 
.moowDashboardPlus span, 
.moowDashboardBonPlan span {
font-size:9px;
}

/*.roseMoow { color: #df8bd6 !important; }*/
.blueMoow { color: #789AB7 !important; }
.greenMoow { color: #91AB31 !important; }
.brownMoow { color: #714A28 !important; }
.orangeMoow { color: #E58600 !important; }
/*.yellowMoow { color: #fff634 !important; }*/
.rougeMoow { color: #C33A00 !important; }
.vertMoow { color: #469d1f !important; }
.mauveMoow { color: #c4c7ff !important; }
.mauveFonceMoow { color: #7F5DAC !important; }
.bleuFonceMoow { color: #5477b7 !important; }
.vertFonceMoow { color: #008080 !important; }
.vertMoyenMoow { color: #329048 !important; }
.rougeFonceMoow { color: #A52A2A !important; }
	
#dashboardAccordion h3 { margin-top:4px; }	

#dashboardAccordion .ui-corner-all, 
#dashboardAccordion .ui-corner-top, 
#dashboardAccordion .ui-corner-right, 
#dashboardAccordion .ui-corner-tr {
border-radius:5px !important;
}

#dashboardAccordion .ui-widget-content {
border: 0;
background: transparent;	
}

#dashboardAccordion .ui-accordion-content {
overflow: hidden;
padding:0 !important;
margin:0 0 8px 2px;
top:4px;
margin-bottom:6px;
width: 217px;
/*height: auto !important;
min-height: 70px !important;*/
}


#dashboardAccordion input, 
#dashboardAccordion select {
outline: none;
padding: 2px;
background-color:white;
margin-bottom:4px;
/*padding-left: 30px;*/
font-size: 11px;
width: 174px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 0;
-moz-box-shadow: inset 1px 1px 1px #8f8f8f;
/*-webkit-box-shadow: inset 1px 1px 1px #8F8F8F;*/
/*box-shadow: inset 1px 1px 1px #8F8F8F;*/
}

@-moz-document url-prefix() {
  select {
    padding-right: 25px;
    background-image: url("data:image/svg+xml,\
      <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14px'\
           height='14px' viewBox='0 0 1200 1000' fill='rgb(51,51,51)'>\
        <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\
      </svg>");
    background-repeat: no-repeat;
    background-position: calc(100% - 7px) 50%;
    -moz-appearance: none;
    appearance: none;
  }
}

#dashboardAccordion select {
line-height:20px;
height: 25px;
}
	
#dashboardAccordion input {
padding-left:7px;
width: 165px;
height: 21px;
}	

/* surcharge */
#dashboardAccordion.ui-accordion .ui-accordion-header a {
padding: 6px 0px 6px 24px !important;
font-weight: bold;
font-size: 11px;
}
#dashboardAccordion .ui-accordion-content {
/*height: auto !important;*/
}
#dashboardAccordion .btn, #dashboardAccordion .btn:visited {
width: 194px;
background: #FFF url(/images/overlay.png) repeat-x;
color: #000 !important;
}
#dashboardAccordion .btn i {
float: right;	
}	

#dashboardAccordion .icon-right {
font-size:20px;
position:relative;
top:4px;
margin-left:2px;
}	

#dashboardAccordion .ui-state-default { background:none !important; background-color: #cdcdcd !important; }
#dashboardAccordion .ui-state-active { background:none !important; background-color: #fafafa !important; }
       
#dashboardAccordion.dashboardAjustement .moowDashboardItem, 
#dashboardAccordion.dashboardAjustement .moowDashboardAgenda, 
#dashboardAccordion.dashboardAjustement .moowDashboardPlus
{
padding: 9px 4px 0px 0px;
}
                                                                                                       
div.dashboardIconeGenre {
background-image: url('/medias/deve/af0e614c3058d7710d4d5ce4d563bd11.png');
background-repeat: no-repeat;
background-position: 10% 45%;
height: 16px;
width: 28px;
position: absolute;
top: 62px; /*92*/
left: 125px;
}                                                                                                   

div.dashboardIconGenreDemoow {
background-image: url('/medias/deve/af0e614c3058d7710d4d5ce4d563bd11.png');
background-repeat: no-repeat;
background-position: 10% 45%;
height: 16px;
width: 28px;
position: absolute;
top: 62px; /*92*/
left: 125px;
}                                                                                                   

div.dashboardIconGenreMoower {
background-image: url('/medias/deve/af0e614c3058d7710d4d5ce4d563bd11.png');
background-repeat: no-repeat;
background-position: 10% 45%;
height: 16px;
width: 28px;
position: absolute;
top: 92px; /*92*/
left: 125px;
}