/* 4  couleurs */
/*
 50 :  #E3F2FD
 300 : #64B5F6
 500 : #2196F3
 700 : #1976D2
*/
/* main */
body {
	background-color: #E3F2FD;
}

/* link */
a,a:focus,a:active,a:hover {
    color: #64B5F6;
}

/* box */
.soplanning-box {
	border: 1px solid #E3F2FD;
	background-color: #ffffff;
}

/* project form */
.task-group-head, .project-group-head
{
	font-size:14px;
	font-weight:bold;
	background-color:#2196F3;
	color:#fff;
}

/* navbar */
.navbar-inverse .brand,.navbar-inverse .nav>li>a {
	color: #ffffff;
}
.navbar-inverse {
    background-color: #222;
    border-color: #080808;
	background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
}
.navbar-footer {
   background-color: red;
}

#soplanning_title
{
	color:#FFFFFF;
	display: inline-block;
}

/* navpills */
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #2196F3;
}

/* tooltip */
.divTooltip > div {
	background-color: #ffffff !important;
}

.divTooltip {
  background-color: #ffffff !important;
  border: 1px solid #ccc !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
  background-color: white !important;
}

/* bootstrap-alert */
.alert-success {
    color: #468847;
	border-color: #b2dba1;
	background-color: #dff0d8;
}

.alert-danger, .alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

/* Planning Design */

/* Planning Header */
.planning_head_month
{
	background-color: #2196F3;
	color: #FFFFFF;
	font-size:16px;
	line-height: 20px;
	padding:8px;
}

.planning_head_week
{
	background-color: #64B5F6;
	color: #FFFFFF;
	font-size:14px;
	line-height: 20px;
	padding-top:6px;
	padding-bottom:6px
}

.planning_head_day
{
	background-color: #64B5F6;
	color: #FFFFFF;
	font-size:12px;
	line-height: 20px;
	font-weight: normal;
	padding:3px;
}

.planning_head_dayname
{
	background-color: #64B5F6;
	color: #FFFFFF;
	font-size:12px;
	line-height: 20px;
	padding:3px;
}

.planning_head_month a
{
	color:#FFFFFF;
	text-decoration:none;
}

.planning_head_week a
{
	color:#FFFFFF;
	text-decoration:none;
}

.planning_head_day a
{
	color:#FFFFFF;
	text-decoration:none;
}

.planning_head_dayname a
{
	color:#FFFFFF;
	text-decoration:none;
}

.planning_head_month a:hover
{
	background-color:#FFFFFF;
	border-radius:5px;
	padding:3px;
	color:#2196F3;
}

.planning_head_week a:hover
{
	background-color:#FFFFFF;
	border-radius:5px;
	padding:3px;
	color:#64B5F6;
}

.planning_head_day a:hover
{
	background-color:#FFFFFF;
	border-radius:5px;
	padding:3px;
	color:#64B5F6;
}

.planning_head_dayname a:hover
{
	background-color:#FFFFFF;
	border-radius:5px;
	padding:3px;
	color:#64B5F6;
}

.planning_head_hour
{
	background-color: #64B5F6;
	color: #FFFFFF;
	font-size:12px;
	font-weight: normal;
	line-height: 20px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:4px;
	padding-right:4px
}

.taskDivComment
{
	border:1px solid #E3F2FD;
}

.taskDivComment:hover
{
    background-color: #E3F2FD;
}

/* Button */

.btn-info {
    border-color: #2196F3;
    background-color: #2196F3;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
    background-color: #2196F3 !important;
    background-image: none !important;
	border-color: #64B5F6 !important;
}
.btn-default {
    text-shadow: 0 1px 0 #fff;
    border-color: #dbdbdb;
    border-color: #ccc;
}
.btn-primary {
    border-color: #64B5F6;
	outline-color: #64B5F6 !important;
	background-color: #2196F3 !important;
	background-image: none !important;
}
.btn-primary:hover,.btn-primary:focus, .btn-primary:active, .btn-primary:disabled {
    background-color: #2196F3 !important;
    background-image: none;
	border-color: #64B5F6 !important;
}

/* Scrollbar */

.scroll {
   overflow: scroll;
}

.scroll::-webkit-scrollbar {
    width: 12px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #64B5F6;
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #64B5F6;
	background-color:#2196F3;
}

/* Pagination */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #2196F3;
    border-color: #64B5F6;
}
.pagination>li>a, .pagination>li>span
{
    color: #2196F3;
}

/* Select 2 */
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  color: white !important;
  background-color: #2196F3 !important;
}

/* Table */
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color:  #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color:  #E3F2FD;
}

/* Multi-select */
.ms-options-wrap > .ms-options > ul li.selected label {
  background-color:  #E3F2FD !important;
}
.ms-options-wrap > .ms-options > ul label.focused, .ms-options-wrap > .ms-options > ul label:hover {
  background-color:  #E3F2FD !important;
}

/* Dropdown Menu */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  background-image: -webkit-linear-gradient(top, #E3F2FD 0%, #E3F2FD 100%);
  background-image:      -o-linear-gradient(top, #E3F2FD 0%, #E3F2FD 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E3F2FD), to(#E3F2FD));
  background-image:         linear-gradient(to bottom, #E3F2FD 0%, #E3F2FD 100%);
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background-image: linear-gradient(to bottom,#2196F3 0,#90CAF9 100%);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #e8e8e8;
  background-repeat: repeat-x;
}

/* Jquery datepicker */
.ui-widget-header {
    border: 1px solid #2196F3 !important;
    background: #2196F3 !important;
    color: #fff;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #E3F2FD!important;
    background: #E3F2FD !important;
    font-weight: bold;
	text-align:center;
    color: #2196F3 !important;
}

.ui-state-default.ui-state-active {
    border: 1px solid #1976D2 !important;
    background: #1976D2 !important;
    font-weight: bold;
    color: #E3F2FD !important;
}

.ui-datepicker-today {
    border: 1px solid #1976D2 !important;
    background: #1976D2 !important;
    font-weight: bold;
    color: #E3F2FD !important;
}

/* Planning Content */
.planningContent td.week {
	background-color: #ffffff;
	font-size: 9px;
}

.planningContent td.week:hover {
	background-color: #E3F2FD;
	cursor: pointer;
}

.planningContent td.week:active {
	background-color: #1976D2;
	cursor: pointer;
}

.planningContent td.weekend {
	background-color: #E3F2FD;
	font-size: 9px;
}

/* planning team div separation */
.planning_team_div
{
	background-color:#2196F3 !important;
	color:#ffffff !important;
	border-top: 1px solid #ebeff2 !important;
	border-bottom: 1px solid #ebeff2 !important;
	border-left:0px !important;
	border-right:0px !important;
	padding-left:5px !important;
	padding-right:5px !important;
}

/* tableau */

.planningContent th {
	vertical-align: middle;
	text-align: center;
	border-collapse: separate;
	line-height: 20px;
}

.planningContent {
	background-color: #ebeff2;
	table-layout: fixed;
}

.planningContent td, .planningContent th {
	border: 1px solid #ebeff2;
}

/* project cell */
.cellProject {
	position: relative;
	cursor: pointer;
	padding-top: 2px;
	margin-bottom: 1px;
	margin-top: 1px;
	margin-left:2px;
	margin-right:2px;
	text-align: left;
	font-size: 10px;
	vertical-align: top;
	line-height: 100%;
	border-radius: 3px 3px 3px 3px;
}


/* holliday cell */
.cellHolidays {
	padding-top: 2px;
	margin-bottom: 1px;
	margin-top: 1px;
	text-align: center;
	font-size: 9px;
	background: none repeat scroll 0 0 #1976D2;
	color: #ffffff;
	line-height: 100%;
	border-radius: 3px 3px 3px 3px;
}

/* today column */
.planningContent th.today {
	background-color: #1976D2;
	color: #ffffff;
}

.planningContent td.today {
	background-color: #1976D2;
	color: #ffffff;
}


/* People div  */
#divPeople {
	background-color: #2196F3;
	border-color: #3DA9C9;
	font-size: 12px;
	width: 100%;
}

.divpeoplePDF, #divPeople th {
	background-color: #2196F3;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align:left;
	padding-left:5px;
	border: 1px solid #ebeff2;
}

/* Translation choice div */
#divTranslation
{
	display:block;
}

/* Calendar PDF Export */
.calOpenDay{
	background-color: #BDE1EC;
}

.calCloseDay{
	background-color: #88CADD;
}

.calDisabledDay{
	background-color: #E1E2E2;
}
.calendarContent {
	border-color: #3DA9C9;
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666666;
}

.calendarContent td {
	border-width:1px;
	border-color:#3DA9C9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666666;
}

.switchCell {
	background-color: #E3F2FD;
    vertical-align:middle;
	margin: 5px;
	border: 1px solid white;
}