/**
 * Axelor Business Solutions
 *
 * Copyright (C) 2016 Axelor (<http://axelor.com>).
 *
 * This program is free software: you can redistribute it and/or  modify
 * it under the terms of the GNU Affero General Public License, version 3,
 * as published by the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
/*
 Color Shade 1 : #006666	(Main Color)
 Color Shade 2 : #80B2B2	(Secondary Color for gradiant)
 Color Shade 3 : #BAD6D6	(Header Gradiant #1)
 Color Shade 4 : #D1E3E3	(Header Gradiant #2 and Toolbar Panel)
 Color Shade 5 : #E8F1F1	(Menu background)
*/


@import url('../core.css');
@import url('../custom.css');

/**
 ************************************************* Header and Footer ************************************************************
 */
.slickgrid .grid-canvas .selected > .icon-pencil:before{
	color:white !important;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, 
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, 
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-top-color: #ffffff !important;
border-bottom-color: #ffffff !important;
}

.navbar .divider-vertical {
	border-left: 1px solid transparent;
	border-right:1px solid transparent;
}
.navbar-inverse .divider-vertical {
	border-left-color: transparent !important;
	border-right-color: white !important;
	height: 40px !important;
}

.navbar-inverse .nav > li > a {
	color: white !important;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret{
	border-top-color: white !important;
	border-bottom-color: white !important;
}


.dropdown-menu  {
	background-color: #006666 !important;
	border :none;
}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus, 
.dropdown-submenu:hover > a, 
.dropdown-submenu:focus > a{
	background-image: -moz-linear-gradient(top, #80B2B2, #80B2B2);
	background-image: -webkit-linear-gradient(top, #80B2B2, #80B2B2);
	background-image: linear-gradient(to bottom, #80B2B2, #80B2B2);
}

.navbar-inverse .nav li.dropdown.open > .dropdown-.navbar 
.nav > li > .dropdown-menu:beforetoggle .caret,
.navbar-inverse .nav li.dropdown > a:hover .caret {
	border-top-color: #006666 !important;
	border-bottom-color: #006666 !important;
}	

/* .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,  */
/* .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,  */
/* .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { */
/*   	background-color: #006666; */
/*   	color: white !important; */
/* } */

.navbar .nav > li > .dropdown-menu:before, 
.navbar .nav > li > .dropdown-menu:after{
	  border-bottom: 6px solid #006666;
	  color: white !important;
	  margin-top: 3px;
}

.nav-tabs-closable .active > i, 
.nav-tabs-closable li > i:hover{
	color: #006666 !important;
}

/********************************************* Menu Bar *******************************************/
 
 
 /* Menu Bar */
.splitter-center{
	position: absolute;
	overflow: auto;
	margin-top: 3px;

}
.splitter-title,
.splitter-header
{
	background-image: none;
  	background-image: none;
 	background-image: none;
  	background-color: none;
	color : white !important;
	height: 0px
}
.splitter-footer {
  height: 0px;
  background-image: none;
  background-image: none;
  background-image: none;
  background-color: none;
}
.splitter-vertical:hover:after{
	background-color: #006666;
}

/* Mouse hover on Menu*/

.nav > li > a:hover, 
.nav > li > a:focus{
	background-color: #80B2B2;
	color:white;
}


.nav-tree li.active a {
	background-image: -webkit-linear-gradient(top, #006666 0%, #006666 80%);
	 background-image: -moz-linear-gradient(top, #006666 0%, #006666 80%);
	 background-image: linear-gradient(top, #006666 0%, #006666 80%);
	 background-color: #006666; /*IE*/
  }
  
/* .webkit-scrollbar-all *::-webkit-scrollbar-thumb, */
/* .webkit-scrollbar::-webkit-scrollbar-thumb { */
/*     background-color: rgba(0, 0, 0, .2); */
/*     box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px -1px 0 rgba(0,0,0,.07); */
/*     background-color: #D1E3E3; */

/* } */

/* .webkit-scrollbar-all *::-webkit-scrollbar-thumb:hover, */
/* .webkit-scrollbar::-webkit-scrollbar-thumb:hover { */
/*     background-color: #80B2B2; */
/* }  */
 
 
 /**************************************************************  Calender **************************************************************/
/*  .fc-grid th, .fc-agenda table{ */
/*  	color : #006666; */
/*  }  */
 
/**
 * Bars
 */
.record-toolbar.btn-toolbar {
  background-image: -webkit-linear-gradient(top, #95c764 0%, #006666 100%);
  background-image: -moz-linear-gradient(top, #95c764 0%, #006666 100%);
  background-image: linear-gradient(top, #95c764 0%, #006666 100%);
  background-color: #006666; /*IE*/
  border-top: 1px solid #EFF3F6;
/*   border-bottom: 1px solid #A7ABB4; */
  margin: 0;
}


.record-toolbar .navbar-inner  {
	background-image: -webkit-linear-gradient(top, #D1E3E3, #D1E3E3);
	background-image: -moz-linear-gradient(top, #D1E3E3 0%, #D1E3E3 100%);
  	background-image: linear-gradient(top, #D1E3E3 0%, #D1E3E3 100%);
  	background-color: #D1E3E3; /*IE*/
	padding-left: 5px;
/* 	border-top: 1px solid #006666; */
/* 	margin-top: -2px; */
}
.view-pane > .view-container{
	border-left:1px solid #006666;
/* 	border-radius: 4px; */
}
.stackbar .navbar .navbar-inner {
  filter: none; /*IE*/
  background-image: -webkit-linear-gradient(top, #80B2B2 0%, #006666 100%);
  background-image: -moz-linear-gradient(top, #80B2B2 0%, #006666 100%);
  background-image: linear-gradient(top, #80B2B2 0%, #006666 100%);
  background-color: #006666; /*IE*/
}.

.ui-dialog .ui-dialog-titlebar {
  background-image: -webkit-linear-gradient(bottom, #74869d 0%, #29313a 50%, #006666 100%);
  background-image: -moz-linear-gradient(bottom, #74869d 0%, #29313a 50%, #006666 100%);
  background-image: linear-gradient(bottom, #74869d 0%, #29313a 50%, #006666 100%);
  background-color: #29313a; /*IE*/
  border-radius: 30px !important;
}


/**
 ****************************************************** Notebook **************************************************************************
 */
 
  .nav-tabs-closable li.inactive > a,
  table.form-layout * > .nav > li > a, 
  table.form-layout * > .nav > li > a{
  color: #006666;
  background-image: -webkit-linear-gradient(top, #F0F0F0, #F0F0F0);
  background-image: -moz-linear-gradient(top, ,#F0F0F0, #F0F0F0);
  background-image: linear-gradient(top,#F0F0F0, #F0F0F0);
  background-color: #F0F0F0;
  border-top-left-radius:15px;
  margin: 1px;
  margin-bottom : 3px;
  border: 1px solid #006666;
  border-bottom: 0;
}

.nav-tabs-closable li.inactive:hover > a,
table.form-layout * > .nav > li > a:hover{
  color: white !important;
  background-image: -webkit-linear-gradient(top, #80B2B2, #80B2B2);
  background-image: -moz-linear-gradient(top, #80B2B2, #80B2B2);
  background-image: linear-gradient(top, #80B2B2, #80B2B2);
  background-color: #80B2B2;
  border-top-left-radius:15px;
  border: 1px solid #80B2B2;
  border-bottom: 0;
}

.nav-tabs-closable li.active > a,
.nav-tabs-closable li.active > a:focus ,
table.form-layout * > .nav > li .active > a, 
table.form-layout * > .nav > li.active > a:focus{
  color: white;
  background-color: #FFF;
  border: 1px solid #006666;
  border-bottom: 0;
/*   font-weight: bold; */
/*   text-decoration: underline; */
/*   padding-left: 10px; */
}

.nav-tabs-closable li.active > a,
.nav-tabs-closable li.active:hover > a,
table.form-layout * > .nav > li.active > a, 
table.form-layout * > .nav > li.active:hover> a {
  color: white;
/*   font-weight: bold; */
  background-image: -webkit-linear-gradient(top,#006666, #006666 );
  background-image: -moz-linear-gradient(top, #006666, #006666);
  background-image: linear-gradient(top, #006666, #006666);
  background-color: #FFF; /*IE*/
  border-top-left-radius:15px;
  border: 1px solid #006666;
/*   text-decoration: underline; */
/*   margin: 1px; */
  
  
 }

.nav-tabs-closable li.active:hover > a ,
table.form-layout * > .nav > li .active:hover > a{
  color: white;
  background-image: -webkit-linear-gradient(top, #80B2B2, #80B2B2);
  background-image: -moz-linear-gradient(top, #80B2B2 0%, #80B2B2 100%);
  background-image: linear-gradient(top, #80B2B2 0%, #80B2B2 100%);
  background-color: #80B2B2; /*IE*/
  border-top-left-radius:15px;
  border: 1px solid #80B2B2;
    
}

table.form-layout .tabbable-tabs .tab-content {
  position: relative;
  padding: 4px;
  border: 1px solid #006666;
  border-top : 0px;
  background-color: #fff;
  
}
/* [class^="icon-"]:before, [class*=" icon-"]:before,  */
.nav-tabs-closable li.inactive > .icon-remove:before{
	color: #006666 ;
}


.nav-tabs-scrollable li > a {
	border-bottom: 1px solid #80B2B2;
	margin-bottom: 1px;
	height: 30px;
}

/**
 * Group
 */
.bordered, .bordered-box {
  border: 1px solid #80B2B2;
  border-radius: 4px;
}

legend {
  font-weight: bold;
  color: #006666;
}

/**
 * Grid
 */
.slickgrid .slick-header-column {
  background-image: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
  background-image: -moz-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
  background-image: linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
  background-color: #e5ebee; /*IE*/
}

.slickgrid .grid-canvas .selected {
    background-color: #006666;
    color:white;
}

/**
 *  Separator
 * 
 */
.separator-item{
	color: #006666;
	 border-bottom: 2px solid #006666; 
}

/**
 * Nested
 */
 .form-item .nested-editor {
	border: 3px double #80B2B2;
	background-color: white !important;
}


/**
 * Title
 */
.highlight {
	font-size: 18px;
}

.label-spacer {
	font-size: 18px;
    text-align: center;
    padding-top: 5px;
}

.highlight .display-text {
	font-weight: bold;
	font-size: 18px;
}

.groupTitle {
	text-decoration: underline;
}

.btn-danger{
	margin-left: 8px !important;
  	border-radius: 6px !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff !important;
  background-color: #bd362f !important;
  *background-color: #a9302a;
  margin-left: 8px !important;
  border-radius: 6px !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351 !important;
  *background-color: #499249;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.btn-success{	
  background-color: #408140 \9; 
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.btn-success > a{
	margin-left: 3px !important;
}

.nav-tabs-wrap {
  	border-bottom: 4px solid #006666;
  	margin-right: 100px !important;
  	padding: 0 4px;
}
.tabbable-tabs .nav-tabs-wrap {
  	margin-right: 0px !important;
}

.navigation-tabs.ng-pristine.ng-valid > a > img{
	width: 100px !important;
	height: 35px !important;
	border-bottom: 4px solid #006666;
	margin-right: 3px;
}
.navigation-tabs.ng-pristine.ng-valid > a{
	top:-5px !important;
}
.ui-menu .ui-menu-item a.ui-state-https://www.google.com/settings/u/1/personalinfofocus {
	 background-image: -webkit-linear-gradient(top, #80B2B2 0%, #80B2B2 80%);
	 background-image: -moz-linear-gradient(top, #80B2B2 0%, #A3C8C8 80%);
	 background-image: linear-gradient(top, #80B2B2 0%, #A3C8C8 80%);
	 background-color: #80B2B2; /*IE*/
}

.ui-widget-content.slick-row:hover{
	background-color: #80B2B2 !important;
}

.container .button-item,
.container .button-item a:hover, 
.container .menu-bar > li.dropdown.open > .dropdown-toggle,
.container .menu-bar > li.dropdown > .dropdown-toggle,
.fc-border-separate tr.fc-last th{
	margin-left: 5px !important;
	border-radius: 6px !important;
	background-image: -webkit-linear-gradient(bottom, #006666, #66A3A3);
  	background-image: -moz-linear-gradient(bottom, #006666, #66A3A3);
  	background-image: linear-gradient(bottom, #006666, #66A3A3);
  	background-color: #006666;
  	color: white;
  	border: 0px solid #4D9494;
  	line-height: 22px;
  	text-shadow: none;
}

.fc-agenda-axis, .fc-agenda-axis .fc-widget-header .fc-first{
	margin-right: 5px !important;
/* 	border-radius: 6px !important; */
	background-image:none;
	background-color: #ddd !important;
  	border: 1px solid #fff;
/*   	line-height: 17px; */
  	text-shadow: none;
/*   	color:white; */
}
 

.container .menu-bar > li.dropdown.open > .dropdown-toggle:hover,
.container .menu-bar > li.dropdown > .dropdown-toggle:hover,
.container .menu-bar > li.dropdown > .dropdown-toggle:focus{
	background-image: -webkit-linear-gradient(bottom, #006666, #006666);
	background-image: -moz-linear-gradient(bottom, #006666, #006666);
  	background-color: #006666; /*IE*/
}