/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19 janv. 2017, 12:14:10
    Author     : DJORDJEVIC
*/
/* Planning */

.colorR {
    background: #ff6666;
}
.colorV {
    background: #009933;
}
.colorB {
    background: #3498db;
}
.colorB:hover {
    background: #3498db;
}
.colorG {
    background: #dcdff2;
}
.DataDispo a,
.DataDispo span{
    color: white !important;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
    line-height: 30px;
}
.DataDispo a {} #Planning_Tab th {
    font-weight: lighter;
}
#Planning_Tab th,
#Planning_Tab td {
    width: 70px;
    padding: 10px;
    height: 70px;
}
#main-content table#Planning_Tab tbody td {
    /*    color: #666666;*/

    padding: 4px;
}
.Planning_MatchDate,
.Planning_MatchDate th {
    background: gainsboro;
    font-weight: bold !important;
}
div#Dep {
    position: absolute;
    top: 10px;
    right: 8px;
}
div#Arr {
    position: absolute;
    bottom: 10px;
    left: 8px;
}
#First {
    position: relative;
}
span.Sep {
    border: 1px solid #ccc;
    width: 103px;
    display: block;
    transform: rotate(41deg);
    position: absolute;
    top: 34px;
    left: -11px;
}
.DepCol,
div#Dep {
    color: #ff9933;
}
#main-content table tbody td.ArrivCol,
.ArrivCol,
div#Arr {
    color: #6699ff;
}
#planning-form .container-inline-date {

    width: 100%;
 
    /* border: 1px solid red; */
}
/* Formulaire*/

.wrapper_date {
    float: right;
    width: 60%;
    user-select: auto;
}
#main-content div.form-item .wrapper_date .form-text {
    width: 103px !important;
}
#edit-date-searched-start-datepicker-popup-0,
#edit-date-searched-end-datepicker-popup-0 {
      width:350px !important;
}
 

.container-inline-date label {
    /*border: 1px solid red;*/
    float: left;
}
.form-item.form-type-date-popup.form-item-date-searched-end,
.form-item.form-type-date-popup.form-item-date-searched-start {
    /*border: 1px solid red;*/
    width: 100%;
    /* float: right; */
}




.contain_date {
/*    width: 50%;
    float: left;*/
}
.form-item.form-type-textfield.form-item-votre-date label {
/*    float: left;*/
}
.form-type-date-popup label,
.form-type-date-popup .date-padding {

    padding: 0px;
    padding-left: 3px;

}
.form-type-date-popup label {
    /*width: 30% !important*/
}
/* ui-tooltip */

.ui-tooltip,
.arrow:after {
    background: black;
    border: 2px solid white;
}
.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}

/*.container-popup-date.container-inline-date {
 	clear:none;
}

.container-popup-date > .form-item {
	margin: 1em 0;
}

.container-popup-date .date-padding {
 	margin: 0;
 	padding: 0;
}
 
.container-popup-date .date-padding .description, .container-popup-date .date-padding label {
	display:none;
}*/