@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Carter+One);
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=Leckerli+One);

body, body > *{
    font-family: 'Ubuntu', cursive  !important;
}

.city_current{
    font-family: 'Carter One', cursive;
    font-weight: normal;
}

.ui-mobile, .ui-mobile .ui-page {
min-height: auto !important;
background: #82A332 url(http://lh3.googleusercontent.com/-aTwuZmo1zHE/ThYRP9dZ46I/AAAAAAAAMAs/T35e9DDJ8ZA/s1600/ce555d9445a677be46132299b03808f8.jpg) 50% 0;
background: #ffffff;

}

table {
	width: auto;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #AAAaaa;
}
tr {
	margin: 0px;
	padding: 0;
	border : 1px solid transparent;
	background: #ffffff;
}
tr td {
   border: 1px solid #AAA;
	margin: 0px;
	padding: 0 10px;
    -webkit-transition: all 0.1s ease-out;
}
tbody tr:nth-child(2n+1):not(.today) {
	background: #ddd;
}
tbody tr:hover td {
	 background: yellow !important;
/*	color: white;*/
/*	font-weight: bold;*/
/*	text-shadow: 0 1px 1px #254F7A;*/
 }

.joumoua td{
	font-weight : bold;
	border-top: 2px solid black;
border-bottom: 2px solid black;
}

tr td.first{
	text-align: right;
}

tr td.dayislam{
/*	background: white;*/
	text-align: right;
}

form {
margin: 0;
}

select{
	width: auto;
}

.ui-input-search{
	vertical-align: top;
	padding: 0 60px 0 30px; /* un peu de place pour la geolocalisation */
}


/*.ui-btn-hover-c {
	border: 1px solid #BBB;
	background: #DFDFDF;
	font-weight: bold;
	color: #222;
	text-shadow: 0 1px 0 white;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F6F6F6 ), to( #E0E0E0 ));
	background-image: -webkit-linear-gradient( #F9F9F9 , #E0E0E0 );
	background-image: -moz-linear-gradient( #F6F6F6 , #E0E0E0 );
	background-image: -ms-linear-gradient( #F6F6F6 , #E0E0E0 );
	background-image: -o-linear-gradient( #F6F6F6 , #E0E0E0 );
	background-image: linear-gradient( #F6F6F6 , #E0E0E0 );
}*/
.ui-header .ui-navbar, .ui-footer, .ui-content, #citysearch{
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 0;
}
#message {
	font-weight: bold;
	border: 2px solid black;
	top: 50px;
}


.ui-mini .ui-input-clear {
	right: 30px;
}

/*#one .ui-content{
	max-width: 300px;
}*/
form#citysearch .ui-input-search + .ui-btn{
/*position: absolute;
right: 5px;
top: 44px;*/
position: relative;
float: right;
margin-top: -31px;
margin-right: 9px;
}

#geo_action{
    position: absolute; /* mise en place dans le champ de recherche */
	z-index: 5;
	margin-left: 3px
}

#map{	
	border : 0;
	box-shadow: none;
}

#mapdiv{
	display: none;
	background-color: white;
	font-size: 12px;
	
	z-index: 1;
    top: 80px;
    position: absolute;
    margin-left: -1px;
    border: 1px solid #AAAAAA;
    box-shadow: 0px 0px 9px #AAAAAA;
}

#mapdiv a{
    margin-top: -21px;
    position: absolute;
    background:     white;
    border: 1px solid    #CCC;
    text-align: center;
    padding: 0 0 0 5px;
    text-decoration: underline;
    display: inline-block;
    right: -1px;
    float: right;
    white-space: nowrap;
}

#mapimg{
	width: 300px;
	height: 75px;
}

#mapclose{
    position: absolute;
	background: 
	white;
	width: 25px;
	height: 20px;
	z-index: 5;
	display: block;
	margin-left: 274px;
	top: 81px;
	display: none;
}

#mapicon:hover + #mapdiv, #mapicon:focus + #mapdiv, #mapdiv:active + #mapdiv,
#mapdiv:hover, #mapdiv:focus, #mapdiv:active,
#mapdiv:hover + #mapclose{
	display: block;
}






#geo .ui-btn-text {
	padding-left: 10px;
}
.ui-icon-myapp-geo {
	background-image: url("http://cdn4.iconfinder.com/data/icons/Classy_Social_Media_Icons/32/map.png");
	width: 32px;
	height: 33px;
	margin-top: -16px !important;
	background-image: url("../img/07-map-marker.png");
	/* img from http://www.iconfinder.com/icondetails/47538/128/gps_location_maps_marker_icon */
	width: 32Px;
	height: 32px;
	margin-top: -17px !important;
	background-size: 32px;
	background-color: transparent;
}

.ui-icon-myapp-print {
    background-image: url("img/printer.png");
	width: 32px;
	height: 32px;
	margin-top: -15px !important;
    background-color: transparent;
}

.ui-icon-location{
    background: url("../img/marker.png") no-repeat center center;
	background-size: 16px;
}

.ui-icon-myapp-calendar {
    background-image: url("img/83-calendar.png");
    width: 24px;
    height: 24px;
    margin-top: -10px !important;
    background-color: transparent;
}

.timesheet {
	width: 300px;
}

#timesheet2 {
width: 290px;
margin: 0 auto;
}

#timesheet2 .ui-collapsible-heading a {
border-radius: 0;
}

#timesheet2 .val{
    font-size: 20px;
}

#timesheet2 .ui-select{
    display: inline-block;
}

#timesheet2 .ui-collapsible-content{
    padding: 5px 0;
}

#timesheet2 .ui-collapsible div.ui-collapsible-content  div {
	text-align: left;
	margin-left: 15%;
}

.key, .notifSound {
	width: 75px;
	font-weight: normal;
}

.key, .val , .notifSound, .notifAddTime{
	display: inline-block;
	font-size: 16px;
/*	font-weight: normal;*/
}
.val {
/*	font-weight: bold;*/
}




.notifSound, .notifAddTime{
	font-size: 0.8em;
}

#one .chourouq{
    color: #BBBbbb;
    border-top-style : dotted;
    padding-top: .2em !important;
    padding-bottom: .3em !important;
    -webkit-transition : all .3s;
}

#tab .chourouq{
    color: grey;
    -webkit-transition : all .3s;
}
#one .chourouq:hover, #one .chourouq:focus, #one .chourouq:active,
#tab .chourouq:hover, #tab .chourouq:focus, #tab .chourouq:active{
    color: inherit;
}

.Chourouk{
    
    }


.timeleft{
    display: inline-block;
    font-size: 12px;
    top: -5px;
    position: absolute;
}

.timesheet li{
	font-weight: normal;
/*display: inline-block !important;
width: 100%;*/

}

li.next{
	
	text-shadow: none;
	font-weight: bold;
}

.next a {
    border: 1px solid #F4C63F;
    background: #FADB4E;
    font-weight: bold;
    color: #222;
    text-shadow: 0 1px 0 white;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FFEFAA),to(#FFE155));
    background-image: -webkit-linear-gradient(#FFEFAA,#FFE155);
    background-image: -moz-linear-gradient(#FFEFAA,#FFE155);
    background-image: -ms-linear-gradient(#FFEFAA,#FFE155);
    background-image: -o-linear-gradient(#FFEFAA,#FFE155);
    background-image: linear-gradient(#FFEFAA,#FFE155);
}

.salatTime {
    display: inline-block;
}



.notif .ui-slider{
    -webkit-transform: scale(0.7);
    margin : 0;
    top:0;
}



.notifAddTime{
margin-top: 0;
opacity: 0.5;
}


.next .notifAddTime{
margin-top: 10px;
opacity: 1;
}

.notifGear{
    margin-top: 6px;
vertical-align: top;
}


.notif-param , .notif-param .ui-select{
	display: inline-block;
}
.notif-param {
	display: none;
/*	float: left;*/
}
li.next .mute{
    display : block;
}


@-webkit-keyframes blinker {  
   0% {  opacity : 1}
  50% { opacity : 0}
   100% { opacity : 1}
}
.blink{
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 1s; 
  font-weight : bold;
}
/*.timesheet li:hover .key {
	font-weight: bold;
}*/

.print_message{
	display: none;
}

.info_angle{
	padding: 5px 9px;
	margin: 0;
	font-weight: normal;
	white-space: normal;
}

.ui-header .ui-title.city_current, .ui-header .ui-title .city_current, .ui-header .ui-title.title{
	text-overflow: clip;
	margin: .6em 40px .8em;	
	line-height: 1em;
	white-space : normal;
}



#lat, #lng{
    font-weight: normal;
    display: none;
}
.city_map{
    font-weight: normal;
}

/*label[for="timezone"], label[for="dst"]{
    display: inline-block;
    width: 85px;
}
label[for="timezone"] + div.ui-select, label[for="dst"] + div.ui-select, .asr{
    width: auto;
    display: inline-block;
}*/


.methode_manuel label, .timezone-dst label, .timezone-dst .ui-controlgroup-label,
.methode_manuel .ui-controlgroup-label, .methode_manuel .ui-controlgroup-controls{
    width: auto !important;
    margin : 0 !important;
    vertical-align : middle !important;
    display: inline-block;
}
 
.methode_manuel label + div.ui-select,
.timezone-dst  label + div.ui-select{
    width: auto !important;
    margin-right : 10px !important;
    display: inline-block;
}






.ui-header .ui-btn-icon-top .ui-btn-inner, .ui-footer .ui-btn-icon-top .ui-btn-inner, .ui-mini .ui-btn-icon-top .ui-btn-inner {
padding: 20px 3px 0px 3px;
}

#next.ui-btn-icon-right .ui-btn-inner, #prev.ui-btn-icon-left .ui-btn-inner {
padding-right: 10px;
padding-left: 10px;
}


.hidden{
    display: none;
}

.ui-field-contain .ui-collapsible-content {
    margin: -8px 0 0 0;   
}

.methode_manuel{
    display: inline-block;
    margin: 0;
}

.methode_manuel .ui-field-contain, .methode_manuel fieldset.ui-field-contain,
.timezone-dst .ui-field-contain, .timezone-dst fieldset.ui-field-contain{
    display: inline-block;
}

@media only screen and (max-width : 480px)  {
  .methode_manuel {
    display: block;
  }
}

#tab table .dayMiddle, #tab table .dayMinus{
    display: none;
  }

@media only screen and (max-width : 680px)  {
  #tab .ui-content {
    padding: 0;
  }
  
  #tab table {
    //font-size: 10px;
  }
  #tab table tr td{
    padding: 0 3px;
  }
   #tab table .dayFull, #tab table .dayMinus{
    display: none;
  }
  #tab table .dayMiddle{
    display: block;
  }
}

@media only screen and (max-width : 410px)  {

 #tab table {
   font-size: 11px;
  }

   #tab table .dayFull, #tab table .dayMiddle{
    display: none;
  }
  #tab table .dayMinus{
    display: block;
  }
}


#notif ul{
	width: 450px;
	margin: 0 auto;
}

#notif .ui-checkbox, .ui-radio{
	display: inline-block;
}

#notif label,#notif .ui-field-contain .ui-select  {
	width: auto;
	vertical-align: middle;
}

#notif .ui-field-contain div.ui-slider-switch {

	vertical-align: middle;
}

#notif .ui-field-contain{
	margin : 0;
}

#notif li label:nth-child(1){
    width : 45px
}

#timesheet2 .ui-collapsible:not(.ui-collapsible-collapsed) a.ui-collapsible-heading-toggle, 
#timesheet2 .ui-collapsible:not(.ui-collapsible-collapsed) div.ui-collapsible-content{
	border: 1px solid #5F9CC5;
	background: #396B9E;
	background-color: #396B9E;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#5F9CC5),to(#396B9E));
    background-image: -webkit-linear-gradient(#5F9CC5,#396B9E);
    background-image: -moz-linear-gradient(#5F9CC5,#396B9E);
    background-image: -ms-linear-gradient(#5F9CC5,#396B9E);
    background-image: -o-linear-gradient(#5F9CC5,#396B9E);
    background-image: linear-gradient(#5F9CC5,#396B9E);
	font-weight: bold;
	color: white;
	text-shadow: 0 1px 1px #194B7E;
}

#timesheet2 .ui-collapsible:not(.ui-collapsible-collapsed) div.ui-collapsible-content{
background: #5F9CC5;
}

/*.checkbox{
border: 1px solid #555;
       padding: 0.5em;
       font-size: 15px;
     line-height: 1.2em;
     width: 80%;
     background: #fff;
     background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
     -webkit-appearance: none;
       -webkit-box-shadow: 1px 1px 1px #fff;
       -webkit-border-radius: 0.5em;
       
       display: inline-block;
     font-size: 15px;
     line-height: 1em;
     margin: 0 0.25em 0 0;
     padding: 0;
     width: 1.25em;
     height: 1.25em;
     -webkit-border-radius: 0.25em;
     vertical-align: text-top;
}


.checkbox:checked{
-webkit-background-size: 28px 28px;
background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04DIDATx%DA%EC%98%B9J%2CA%14%86%EF%F4%AC%8E%5B%24%F8%00%93%BA%83%89%89%A1%22n%A1%81%89%B8%22%82%2B%06%A2%E2%82%B8%20%1A%A9(%B8%BC%87%8F%E0%12%09%3E%82K%AA%20%EAu%EEo%FFw%0EEuO%2F3%A3%5C%2F%FD%07E%F5Lu%F7%D7%FF9u%BA%BA%22%A9T%EA%D7O%90%F1%EB%87(%00%0D%40%03%D0%004%00%0D%40%03%D0%FF%1B4%F2%3D%B7I%A7%D3%B6%BF%87B%A1%7F%05T%105V%22%F2G%2F%B8%91oC%D4%40qH%3E%B4%D2w%CA%D1%D0%D7H%F3%89%94%86aloo%0F%0C%0C%D8%BA%EB%7C%C1H8%1C%FE%22%2F%D3%19%FD%B5%C40677%BB%BB%BB%D1%8F%C5b%7B%7B%7B%B6%8F%975%F4%BE%40%ADs%C2zu%8D%F2%E3%E3%03-%EE%B2%B1%B1AJhjj%0A'%EE%EF%EF%A3%C5%03xa%8D%409%F09g%95%20B%18%06%CA%F5%F5u%A1%A4%26''qk%F8%8A%7FU%DC%AC%A0%D1h%D4c%1C%1D%1C%95%1Bp%00%11y%08%8E%B5%B5%B5%AE%AE.%EB%95%9B%9A%9A%8E%8F%8F1Re%CD%11T%8B%23%95L%26%CB%CA%CA%EE%EE%EE%D4y%23%E5F%CCF%07%9E%AD%AC%ACtvvZ%AF%7Cyy944%04J%8C%01%A8%9A%00%F6%A0%C8kWJ%E6%19%DBD%22%B1%BB%BB%5BYY988x%7F%7FouB%BCD%BB%B4%B4%D4%D1%D1a%BD%F2%C5%C5%C5%F0%F0%F0%EB%EB%2Bl%22(Mu%02upT%9D%10%BC%7D%3C%1E%DF%D9%D9%A9%A9%A9A%FF%F0%F0%10%96%3C%3C%3C%A8%09%A0V%C7%E5%E5%E5%F6%F6v%5BJ%3C%E4%DB%DB%1B))W%D0P%5B%5B%9B%83%9DD%FCm%0A%DEommUWW%CB%18D%1F%C6%3C%3E%3E%8A%A98%0B%23%D1.%2C%2C%B4%B6%B6%3AP%C6LEM1%F4%CE%F3)%A4MF%DB%99%FB%FE%FE%8E_%40YUU%A5%0DSY%25%EE%F3%F3%F3---%0E%94%88%8C%80%D2Q%D7%1C5bn%E2%85%00%7D%7D%7Dm%3D%1F%C9zppPQQA%D7%F1%0B%BC%CCF%89T%C1%18d9%40%13%A6%E2%A6x%23%B5oU%B8%BE%BE%3E%9CEj8%00zuu%05%C3jkk5%82%92%92%92%E6%E6%E6%F3%F3%F3%A7%A7%A7%C5%C5E%5BJ%CC%F1%91%91%11P%0A%A2J%C9%04%90d%B5U%04C%B3%85%9Eqg%9A%F3%F0%EC%EC%0Cm__%9F%D5%D7%A3%A3%A3%DB%DB%5B%10%5B%2F%85'%1C%1D%1De%5DSm%23%9Cj%87S%1D%CDV%9E%98%A3%F0%80%C9%C7%FC%C3%E1%E9%E9)%3A%FD%FD%FDVV%C8%96rll%0C%97*..%8Eg%24%94%5E*%A8%0FP%89%3E%7D%3D99A%07%8B%20%D7w%2F%D2z%7C%7C%9C%94%92%9A%DAd%F7B%F9%09%EA%10zb%81U%EA%9C%FC%05_%D1qf%05%E5%C4%C4%04%93X%CDK%A1t%AD%9D%3E%0A%3EA%ADi%84%16%ACh%AD9%40%DD%DC%DC%90%12yYd%8A%94%B4%D3%2F%A5K%E8%A5%E0%AB%F3%D1%C8%88%AC%A8%FF%8D%8D%8D%DA%B9%CF%CF%CF%B3%B3%B3%18%03%3E%82%D2N%EB%04%F2%FE%D9%94%D5Qu9%C2%9A%2F%AC2%09%A0%E9%E9i%BCT%1B%1A%1AT%CA%9E%9E%9E%97%97%17D%5C%B33gJ%F7%D0%0B%2B%86%91U%2Bu8%9C%99%99%C1%07F%5D%5D%1D)%7B%7B%7B%B1%DA(--M%9AR%83.1%F1K%E9%BEpVYU8%E2%A2%C5%03%80%60nn%0EK%E3T*%85%E9%85%E7%C1%22%B0(%23%A1T%8B%91_JO%9F%22%C2%AA%BD%B1%84%18%10x%7D%AF%AE%AE%82%09%C3%CA%CB%CB%B5%D7%8FV%8Cr%A0%F4%FA%CD%24%AC%E4c%2B%8E%22%D0p%91%8B%26%D4K%B1Y%DE%40%EA%8A37%CAOP%2F%A7%C9BS-Ob*PdE%A2%FEH%E2%82P%FA%D8%80%10Vy%A3%0A%2Bhh'%07%A8%95A%94'%A5%BF%9D%12%8D%95%1D%88%B5V6g%C8*%E5%B6%20%94%BE%B7tlY%85R%C6%C8%87T%3E%B3'%DF%BD'%8D%953L%FD%92%B6%EE%EA%E4O%99%E3%26%99%F6%11%E7%BC%7DR%10%CA%DCw%F3%D4%95%94-J%A1%F8%0A%B6%EDXp%A0%60%0F%3F%00%0D%40%03%D0%00%F4k%F4G%80%01%00%E2%BB%B3%8D%BD%BE%0E%DE%00%00%00%00IEND%AEB%60%82") no-repeat center center;

}*/

.ui-checkbox, .ui-radio {
    display: inline-block;
}



#timesheet2 .ui-collapsible-content .ui-checkbox .ui-btn-icon-left .ui-icon{
left: 5px;
}

#timesheet2 img{
	vertical-align: top;
}

#timesheet2 .ui-collapsible-content .ui-checkbox .ui-btn-icon-left .ui-btn-inner {
//padding: 0.3em 1px;
padding-left: 8px;

}

#timesheet2 .ui-collapsible-content .ui-checkbox .ui-btn {
    border-radius: 0;
}


#salat-title{
width: 300px;
}

#clock-date{
	height: 100%;
	width: 33%;
	display: inline-block;
	vertical-align: top;
}

#salat-title h3{
display: inline-block;
line-height: 18px;
width: 100%;
}


#clock{
    font-size: 1.5em;
height: 100%;
margin-top: 10px;
vertical-align: top;
display: inline-block;
}
#clock-seconds {
font-size: 0.8em;
vertical-align: top;
display: inline-block;
margin-top: 8px;
}

#clock-hijri{
width: 33%;
display: inline-block;
}

.pac-container {
    background: url(../img/powered-by-google-on-white.png) bottom right no-repeat white;
}

.pac-item {
padding: 10px;
border-top: 1px solid #CCC;
font-size: 1.2em;
}

.notif-test{
	vertical-align: top;
}

#notif-frame{
    position: fixed;
    bottom: 0;
    right: 5px;
    display: none;
    
    display: inline-table;
background: white;
border: 1px solid #CCC;
z-index: 5;
box-shadow: 0 0 5px black;
}

#notif-frame iframe,{
	border : none;
}

#notif-frame #iframe, #notif-frame #close{
    display: none;
}

#notif-frame #close{
    /*display: inline-block;
    float: left;
    margin-top: 115px;
    z-index: 42;
    position: absolute;
    left: 110px;*/
}



#today {
/*	display: none;*/
}

/* icon */
.ui-icon-home{
	background: transparent url("../img/home.png") center center no-repeat;
	height: 26px;
	width : 26px;
}

.ui-icon-home-white{
	background: transparent url("../img/home_white.png") center center no-repeat;
	height: 26px;
	width : 26px;
}

.ui-icon-calendar{
	background: transparent url("../img/calendar_26.png") center center no-repeat;
	height: 26px;
	width : 26px;
}

.ui-icon-calendar-white{
	background: transparent url("../img/calendar_26_white.png") center center no-repeat;
	height: 26px;
	width : 26px;
}

.ui-icon-settings{
	background: transparent url("../img/settings.png") center center no-repeat;
	height: 26px;
	width : 26px;	
}

.ui-icon-settings-white{
	background: transparent url("../img/settings_white.png") center center no-repeat;
	height: 26px;
	width : 26px;	
}

.ui-icon-home, .ui-icon-home-white, 
.ui-icon-calendar, .ui-icon-calendar-white
.ui-icon-settings, .ui-icon-settings-white{
	box-shadow: none!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	
	width: 30px!important;
	height: 30px!important;
	margin-left: -15px !important;
}