@charset "UTF-8";
/* CSS Document */

#menuDedection, .writeMenuItem, .customerListPane, .endDatePane, .taskData{
	display:none;
 }

#slider_menu{
	display:none;
    position: absolute;  
	width:100%;
	min-height:300px;
	background-color: rgba(245,245,245,0.98);
	padding:0px;
	margin:0px;
	top:-300px;
	left:0px;
	z-index:99999;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(143,143,143,1);
	-moz-box-shadow: 0px 2px 2px 0px rgba(143,143,143,1);
	box-shadow: 0px 2px 2px 0px rgba(143,143,143,1);
 }

#slider_menu > ul.upMenu {
	list-style:none;	
	margin:10px;
	padding:0px;
}

#slider_menu > ul.upMenu > li{
	float:left;
	padding:8px 12px;
	margin-right:10px;
	width:150px;
	height:50px;
	text-align:left;
	line-height:35px;
	opacity:.8;
	color: rgba(245,245,245,1.00);
	cursor:pointer;
}

#slider_menu > ul.upMenu > li:hover{
	color: rgba(194,194,194,1.00);
}

#slider_menu > ul.upMenu > li.etkinlik:before{
	font-family: 'fontawesome';
	content: "\f0a2" ;
	font-size:32px;
	float:right;
	background-color: rgba(224,99,101,1.00);
}

#slider_menu > ul.upMenu > li.etkinlik{
	background-color: rgba(224,99,101,1.00);
}

#slider_menu > ul.upMenu > li.servis:before{
	font-family: 'fontawesome';
	content: "\f0ad" ;
	font-size:32px;
	float:right;
}

#slider_menu > ul.upMenu > li.servis{
	background-color:rgba(173,141,17,1.00);
}

#slider_menu > ul.upMenu > li.araclar:before{
	font-family: 'fontawesome';
	content: "\f084" ;
	font-size:32px;
	float:right;
}

#slider_menu > ul.upMenu > li.araclar{
	background-color: rgba(0,86,7,1.00);
}

#slider_menu > ul.upMenu > li.ayarlar:before{
	font-family: 'fontawesome';
	content: "\f085" ;
	font-size:32px;
	float:right;
}

#slider_menu > ul.upMenu > li.ayarlar{
	background-color: rgba(134,0,2,1.00);
}

#slider_menu > .subMenuListArea > ul.subMenuList > li{
	list-style:none;	
	float:left;
	padding:10px ;
	margin:20px 10px;
	width:200px;
	height:40px;
	text-align:left;
	/*line-height:35px;
	opacity:.8;*/
	color: rgba(245,245,245,1.00);
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#slider_menu > .subMenuListArea > ul.subMenuList > li:hover{
	color: rgba(34,34,34,1.00);
	background-color: rgba(255,255,255,0.4);
}

#slider_menu > .subMenuListArea > ul.subMenuList > li:hover:before{
	font-family: 'fontawesome';
	content: "\f0a9" ;
	font-size:18px;
	float:right;
	margin-top:-3px;
}

#slider_menu > .subMenuListArea{
	position:relative;
	display:none;
	clear: both;
	float:left;
	width:auto;
	height:auto;
	background-color:rgba(244,197,198,1.00);
	margin-left:10px;
}

/*
etkinlik
servis
araclar
ayarlar
*/

.hide-menu{
    background-color:rgba(51, 51, 51,1.00);;
    position: absolute;
    top:42px;
    left:0;
    z-index:10000;
    width: 300px;
    height:auto;
		opacity:0.95;
    -webkit-transform: translate3d(-300px,0,0);
    -moz-transform: translate3d(-300px,0,0);
    -o-transform: translate3d(-300px,0,0);
    -ms-transform: translate3d(-300px,0,0);
    transform: translate3d(-300px,0,0);      
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.3s linear;
 }

.show-menu {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
 } 
 

.left-bar-process{
    background-color:rgba(51, 51, 51,1.00);;
    position: absolute;
    top:42px;
    left:0;
    z-index:10000;
    width: 300px;
    height:auto;
		opacity:0.95;
    -webkit-transform: translate3d(-300px,0,0);
    -moz-transform: translate3d(-300px,0,0);
    -o-transform: translate3d(-300px,0,0);
    -ms-transform: translate3d(-300px,0,0);
    transform: translate3d(-300px,0,0);      
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.3s linear;
 }

#left-bar-process > ul{ 	
	margin:50px 10px; 
	padding:0px;
	list-style:none;
	width:300px;
 }

#left-bar-process > ul > li{ 	
	padding:0px 10px;
	color:rgba(255,255,255,1.00)/*rgba(255,231,157,1.00)*/;
	margin-top:7px;
 }

#left-bar-process > ul > li:hover{ 	
	color: rgba(0,145,255,1.00);
	cursor:pointer;
 }

.show-left-bar-process {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
 }


.left-bar-mysetting {
    background-color:rgba(51, 51, 51,1.00);;
    position: absolute;
    top:42px;
    left:0;
    z-index:10000;
    width: 300px;
    height:auto;
		opacity:0.95;
    -webkit-transform: translate3d(-300px,0,0);
    -moz-transform: translate3d(-300px,0,0);
    -o-transform: translate3d(-300px,0,0);
    -ms-transform: translate3d(-300px,0,0);
    transform: translate3d(-300px,0,0);      
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.3s linear;
 }

.left-bar-mysetting > ul{ 	
	margin:50px 10px; 
	padding:0px;
	list-style:none;
	width:300px;
 }

.left-bar-mysetting > ul > li{ 	
	padding:0px 10px;
	color:rgba(255,231,157,1.00);
	margin-top:7px;
 }

.left-bar-mysetting > ul > li:hover{ 	
	color: rgba(0,145,255,1.00);
	cursor:pointer;
 }

.show-left-bar-mysetting {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
 }


.left-bar-tsf {
    background-color:rgba(51, 51, 51,1.00);
    position: absolute;
    top:42px;
    left:0;
    z-index:10000;
    width: 300px;
    height:auto;
		opacity:0.95;
    -webkit-transform: translate3d(-300px,0,0);
    -moz-transform: translate3d(-300px,0,0);
    -o-transform: translate3d(-300px,0,0);
    -ms-transform: translate3d(-300px,0,0);
    transform: translate3d(-300px,0,0);      
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.3s linear;
 }

.left-bar-tsf > ul{ 	
	margin:50px 10px; 
	padding:0px;
	list-style:none;
	width:300px;
 }

.left-bar-tsf > ul > li{ 	
	padding:0px 10px;
	color:rgba(255,231,157,1.00);
	margin-top:7px;
 }

.left-bar-tsf > ul > li:hover{ 	
	color: rgba(0,145,255,1.00);
	cursor:pointer;
 }

.show-left-bar-tsf {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
 }


ul.upListMenu{ 
	margin:20px 30px; 
	padding:0px;
	list-style:none;
	width:200px
 }

ul.upListMenu > li.upHeader > label{ 
	padding:0px 10px;
	text-transform: uppercase;
	color: rgba(255,190,0,1.00);
	margin-top:10px;
 }

ul.subListMenu{ 
	margin:0px; 
	padding:0px;
	list-style:none;
	margin-left:30px;
	margin-bottom:5px;
 }

ul.subListMenu > li{ 
	padding:5px 10px;
	border-bottom:1px solid rgba(207,207,207,1.00);
	color:rgba(255,255,255,1.00);
 }

ul.subListMenu > li:hover{
	color: rgba(0,145,255,1.00);
	cursor:pointer;
 }

/* MUHASEBE - BAKIM ve SOZLESMELER -------------------*/
.left_area_bakim{
    background-color:rgba(0,0,0,0.95);
    position: absolute;
	float:left;
    top:40px;
    left:0;
    z-index:10000;
    width: 100%;
    height:auto;
	opacity:0.98;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);      
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.3s linear;
 	}

.left_area_bakim_show{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
 } 

.left_area_global{
    background-color:rgba(0,0,0,0.95);
    position: absolute;
	float:left;
    z-index:999999;
    width: 100%;
    height:auto;
	opacity:0.98;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);      
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.3s linear;
 	}

.left_area_global_show{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
 }