/* 
    Created on : 14-May-2017, 8:43:16 PM
    Author     : iyad
*/

#in_modal {
    width:100%;
}

#in_modal_confirm {
    text-align:center;
    width:100%;
}

#in_modal_listview {
    width:100%;
}

#in_modal_changep {
	font-size:20px;
	width:100%;
}

#in_modal_clinics {
    padding:10px;
    max-height:300px;
    overflow:scroll;
}

.city_name {
    background-color:#dddbe2;
    color:#fff;
    font-size:20px;
    padding:10px 5px;
    margin-top:10px;
    text-transform:uppercase;
}

.clinic_namez {
    background-color:#fff;
    color:#000;
    padding:10px 2px;
    /*transition: transform 0.3s;*/
    text-transform: uppercase;
}

.clinic_namez:hover {
    /*transform:translate(10px, 0px);*/
    background-color:lightblue;
    color:white;
}


.changep_container {
	padding:10px;
}

.password_change_box {
	background-color:#d2d2d2;
	padding:10px;
}

.pcontain {
	float:left;
	width:100%;
	margin:10px 0px;
}

.pfield {
	float:right;
	width:150px;
}

.pok_contain {
	width:100%;
	text-align:center;
}

.pok {
    background-color:#50bf43;
    border-radius:5px;
    color:white;
    width:100px;
    border:none;
    font-size:16px;
}

.pok:hover {
	background-color:#8ce481;
}

.container_listview {
    overflow-y:scroll;
    background-color:#FFF;
    padding:10px;
    font-size:20px;
    border-bottom:1px solid;
}

.listview_month_text {
    text-align: center;
    background-color: #d5e3ec;
    padding:5px 0px;
    margin:5px auto;
}

.listview_shift {
    padding:5px 0px;
    text-align:center;
    margin-bottom:5px;
    height:20px;
    line-height:20px;
    text-transform: uppercase;
}

.listview_shift.sunday_line_week {
    border-bottom:1px solid lightblue;
}

.listview_shift.color {
}

.listview_shift:hover {
    background-color:lightblue;
    color:white;
}

.listview_count {
    display:inline-block;
    width:40px;
    text-align:center;
    float:left;    
}

.listview_day_text {
    display:inline-block;
    width:150px;
    text-align:left;
    float:left;    
}

.listview_day {
    display:inline-block;
    width:60px;
    text-align:center;
    float:left;
}

.listview_time {
    display:inline-block;
        width:190px;
    text-align:center;
    margin-left:10px;
    margin-right:5px;
    float:left;
    font-style:italic;
}

.listview_clinic_name {
    overflow:hidden;
    width:300px;
    text-align:center;
    float:left;
}

.listview_number_in_month {
    font-weight: bold;
    text-align:center;
    margin-bottom:10px;
}

.container_listview::-webkit-scrollbar {
    width: 5px;
    padding:10px;
}
 
.container_listview::-webkit-scrollbar-track {
    background-color:#f2f2f2;
}
 
.container_listview::-webkit-scrollbar-thumb {
  background-color: #7badd2;
}


.listview_nothing {
    padding:30px 0px;
    background-color:#f2f2f2;
    text-align:center;  
    font-style:italic;
}

.listview_button_give {
    
        float:right;
    background-color:#de5858;
    margin-right:5px;
    position:relative;
    color:white;
    width:120px;
    border:none;
    font-size:12px;
    padding:2px;
}

.listview_button_give:hover {
    background-color:lightcoral;
    box-shadow:inset 0px -1px 6px 0px black;
}

.listview_button_take {

        float:right;
    background-color:#61d661;
    margin-right:5px;
    position:relative;
    color:white;
    width:120px;
    border:none;
    font-size:12px;
    padding:2px;
}

.listview_button_take:hover {
    background-color:lightgreen;
    box-shadow:inset 0px -1px 6px 0px black;
}

/*
*
*
*
*/

#date_time_container_top {
    text-align:center;
    width:100%;
    /*background-color:#dddbe2;*/
    padding-top:5px;
    padding-bottom:5px;
    border-radius:10px;
}

.ferie_day {
    text-align:center;
    width:100%;
    /*background-color:#dddbe2;*/
    padding-top:5px;
    padding-bottom:5px;
    border-radius:10px; 
    font-size:25px;
    text-transform: uppercase;
    color:#7badd2;
    font-weight:bold;
}

#modal_clinic_name {
    font-size:20px;
    text-transform: uppercase;
    margin:5px auto;
    padding:10px 0px;
    text-align:center;
    background-color:#dddbe2;
    
}

#modal_time, #modal_name {
    font-size:20px;
    text-transform: uppercase;
}

#modal_time {
    margin-bottom:5px;
}

.container_day_shifts {
    max-height: 600px;
    overflow-y:scroll;
    background-color:#fff;
    padding:10px;
}

.container_confirm {
    font-size:20px;
    max-height: 300px;
    padding:10px;
}

.container_stats {
    max-height:300px;
    padding:10px;
    font-size:20px;
    font-weight:normal;
}

.event_type {
    padding:2px;
    margin-bottom:10px;
    text-align: center;
    font-size:20px;
}

.event_type.extern {
    background-color:#c59bf3;
    color:white;
    text-align:center;
    margin:5px auto;    
}

.event_type.bds {
    background-color:#ff6e6e;
    color:white;
    text-align:center;
    margin:5px auto;
}

.event_single {
    margin-bottom:5px;
}

.event_single:hover{
    background:lightblue;
    color:white;
}

.event_type.other {
    background-color:#d5e3ec;
    color:white;
    text-align:center;
    margin:0px auto;
    margin-top:5px;
}

.title_horaire {
    text-align:center;
    padding:2px;
    margin-top:5px;
    margin-bottom:5px;
    font-size:20px;
    background-color:#d5e3ec;
}

.lino {
    display:inline-block;
    padding-top:5px;
    padding-bottom:5px;
    font-size:20px;
}

.en_attente {
    padding-top:5px;
    padding-bottom:5px;
    font-size:20px;
    background:#eef39b;
    width:150px;
    text-align:center;
    float:right;
}

.time {
    float:left;
    font-style:italic;
    width:150px;
}

.name {
    width:260px;
}

.patient_count {
    border:none;
    width:100px;
    text-align:center;
}

button.patient_count {
    background:#dadada;
}

button.patient_count:hover{
    background:#a9a4a4;
}

.give_shift_button {
    float:right;
    background-color:#de5858;
    margin-right:5px;
    font-size:8px;
    position:relative;
    color:white;
    width:100px;
    border:none;
    font-size:16px;
    top:2px;
}

.take_shift_button {
    float:right;
    background-color:#61d661;
    margin-right:5px;
    font-size:8px;
    position:relative;
    color:white;
    width:100px;
    border:none;
    font-size:16px;
    top:2px;
}

.give_shift_button:hover {
    background-color:lightcoral;
    box-shadow:inset 0px -1px 6px 0px black;
}

.take_shift_button:hover {
    background-color:lightgreen;
    box-shadow:inset 0px -1px 6px 0px black;
}

/*
*
* scrollbar!
*/

.container_day_shifts::-webkit-scrollbar {
    width: 5px;
    padding:10px;
}
 
.container_day_shifts::-webkit-scrollbar-track {
    background-color:#f2f2f2;
}
 
.container_day_shifts::-webkit-scrollbar-thumb {
  background-color: #7badd2;
}


/*
*
* small modal info
*/

.shift_info {
    font-weight:bold;
    border-radius:5px;
    text-align:center;
    margin:0 auto;
    margin-bottom:15px;
}

.warn_bds {
    margin-top: 10px;
    color:red;
    font-weight:bold;
    text-align:center;
    line-height:35px;
    margin-bottom:10px;
}

.confirm_operation {
  	color: #ffffff;
  	font-size: 10px;
  	background: #5da5dc;
  	padding: 5px 20px 5px 20px;
  	text-decoration: none;
        font-size:12px;
        line-height:20px;
        border:none;
}

.confirm_operation:hover {
   background: lightgreen; 
   box-shadow:inset 0px -1px 6px 0px black;
}

.img_success {
    width:30px;
    margin-right:10px;
    position:relative;
    top:5px;
}

#confirmed_modal {
    text-align:center;
    width:200px;
    padding:10px;
    margin-bottom: 10px;
}

.req_pay {
	font-size:18px;
	line-height:25px;
}

.payment_button_go {
	padding:5px 15px; 
	background:#61d661; 
	border:0 none;
	margin-top:10px;
        font-size:16px;
    color:white;
}

.payment_button_go:hover {
	background:lightgreen;
            box-shadow:inset 0px -1px 6px 0px black;
}

/*
*
*LOADER MODAL
*
*
*/
.modal_load {
    display: none; 
    position: fixed; 
    z-index: 9999; /* PUT 99999 to not permit option change when modal is open*/
    left: 45%;
    top: 45%;
    width: 200px; 
    height: 200px; 
    /*overflow: auto;  */
}

.stats_year {
    text-align:center;
    padding:5px 0px;
}

.stats_lino {
    width:100%;
    overflow:hidden;
    text-align:center;
    padding:5px 0px;
}

.stats_date {
    display:inline-block;
    margin-right:10px;
    float:left;
}

.stats_time {
    display:inline-block;  
    margin-right:10px;
    float:left;
}

.stats_value {
    display:inline-block; 
    font-weight:bold;
    float:right;
}



/*
*
* GARDES
*
*
*/

.garde_container {
    padding:20px;
}

.garde_line {
    width:100%;
    line-height:30px;
    height:30px;
    margin-bottom:5px;
    text-transform:uppercase;
}

.garde_line.bottom {
    border-bottom:1px solid lightblue;
}

.garde_line:hover {
    background-color:lightblue;
    color:white;
}

.garde_mois {
    width:130px;
    line-height:25px;
    display:inline;
    float:left;    
}

.garde_jour {
    width:40px;
    line-height:25px;
    display:inline;
    float:left;  
}

.garde_name {
    width:260px;
    line-height:25px;
    display:inline-block;
    float:left;
}

.garde_change_button {
    float:right;
    height:20px;
    padding:5px;
    position:relative;
    top:2px;
}


/*
*
*
*
*
*/
#in_modal_modifypatientscount {
    padding:20px;
    font-size:20px;
    text-transform:uppercase;
}

.modify_user_box {
    text-align:center;
}

.modify_field {
    display:inline;
}

#modify_patients_count {
    width:50px;
    font-size:20px;
    display:inline;
}

.button_modify_ptcount {
    text-align:center;
    margin-top:20px;
}

#confirm_modify_user {
     	color: #ffffff;
  	background: #5da5dc;
  	padding: 5px 20px 5px 20px;
  	text-decoration: none;
        font-size:12px;
        line-height:20px;
        border:none;
}

#confirm_modify_user:hover {
       background: lightgreen; 
   box-shadow:inset 0px -1px 6px 0px black;
}