/*
	z-index:
	1 level: 900;
	2 level: 700
	3 level: 500
	4 level: 300
	5 level: 100
*/

html, body{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	font-size: 16px !important; line-height: 1.3rem !important;
	margin: 0; padding: 0; width: 100%; height: 100%;
}

html{}

body{
	overflow-y: scroll;
	overflow-x: hidden;
	padding-top: 5rem;
	background-color: #ffe8fb; 
}

h1, h2, h3, h4, h5, h6{font-family: 'Roboto Slab', serif;}

h1{font-size: 2rem;}
h2{font-size: 1.5rem;}
h3{font-size: 1.2rem;}


i{}
hr{margin: 0.5rem auto; background: #dddddd; border: 0; height: 1px;}
legend{font-weight: bold;}

ul{}
ul li{}
ul, ul li{list-style: none; list-style-type: none; margin: 0;}



a{text-decoration: none;}

iframe{width: 100%;}


/*** Shadows ***/
.box_shadow_1{-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_2{-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_5{-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_15{-webkit-box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 15px 15px 0px rgba(50, 50, 50, 0.2);}

.box_shadow_2_top{-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);}
.box_shadow_5_top{-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);}

.text_shadow{text-shadow:#000 1px 1px 5px}

/*** Rounded ***/
.rounded{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(images/border-radius.htc);} 
.rounded_5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} 
.rounded_10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.rounded_10p {-moz-border-radius: 10%; -webkit-border-radius: 10%; border-radius: 10%;}  
.rounded_50p {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}


/* TABLES */

.tbl_wrapper{overflow-x: scroll; }

table{font-size: 0.8rem;}

table caption{}

td, th{vertical-align: top;}

table thead{}
table thead tr{}
table thead tr th{font-weight: normal; text-align: center; font-weight: bold;}

table tbody{}
table tbody tr{}
table tbody td{}

table tfoot{}
table tfoot tr{}
table tfoot tr td{font-weight: normal;}


/*** Loading ***/
.loading{width: 20px;  height: 20px;  display: inline-block;  background-image: url("images/ajax-loader.gif");  background-repeat: no-repeat}
.loading:before{content: '';}


/*** page Block ***/
.block{border: 1px solid #ebebeb; background-color: white;}
.block_header{font-size: 1rem;}
.block_title{font-weight: bold; text-align: left;}
.block_buttons{text-align: right;}
	.block_buttons a{font-size: 0.8rem; display: inline-block; margin: auto 0.5rem; padding: auto 0.5rem;}
		.block_buttons a i{margin-right: 0.2rem;}
		
.button i{
	margin-right: 0.2rem;
}

.lbl{
	color: gray;
	font-size: 0.8rem;
	font-weight: normal;
}


ul.context_nav{display: inline-block;}
ul.context_nav, ul.context_nav li , ul.context_nav li ul{list-style: none; list-style-type: none; margin: 0; padding: 0;}
ul.context_nav li a{display: block; padding: 0.5rem; color: black; text-decoration: none; } 
ul.context_nav li{position: relative;}
ul.context_nav li ul{display: none;position: absolute;background-color: white;width: 300px;border: 1px solid gray;z-index: 700;}
ul.context_nav li:hover ul{}


.kanban_wrapper{
	max-height: 450px;
	overflow-y: scroll;
}

.kanban{
	
}

.kanban tbody tr{
	height: 300px;
}

.kanban tr{
	background: none !important;
}

.kanban tr th, .kanban tr td{
	border: 1px solid #d7d7d7; font-size: 0.7rem; text-align: left;
}

.kanban tr th{
	padding: 0.1rem;
}

.kanban tr td{
	
}

.kanban_item{
	display: inline-block;
	margin: 1%; 
	margin-bottom: 0.5rem; 
	padding: 1%; 
	width: 96%;
	border: 1px solid #bfbfbf;
	background-color: white;
	color: black;
	font-weight: normal;
}

.kanban_item .tag{
	text-align: center; 
	width: 98%; 
	padding: 1%;
}


#footer_nav_wrapper{position: fixed; bottom: 0; 
	left: 0; width: 100%; margin: 0; padding-top: 0.3rem; padding-bottom: 0.3rem;  
	z-index: 700; background-color: #ffffff; color: #5b5b5b;
}

#footer_nav{padding: 0; text-align: center;}

#footer_nav ul, 
#footer_nav ul li{display: inline-block; margin: 0; padding: 0; list-style: none; list-style-type: none;}
#footer_nav ul li{position: relative;}
#footer_nav ul li a{display: block; padding: 0.5rem; color: black; text-decoration: none; text-align: left;}
#footer_nav ul li a:hover{color: #e13450;}
#footer_nav ul li a:active{}
#footer_nav ul li a i{margin-right: 0.2rem;}
#footer_nav ul li a span{}

#footer_nav > ul > li{float: left;}
#footer_nav > ul > li > a{font-size: 0.9rem;}

#footer_nav > ul > li > ul{display: none; position: absolute;  bottom: 2.1rem;  z-index: 700; background-color: white; color: black; -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);}
#footer_nav > ul > li:hover > ul{ } /*display: block !important;*/
#footer_nav > ul > li > ul > li > a{width: 230px;}

/*
width: 230px; 

#footer_nav > ul > li > a:hover{}
#footer_nav > ul > li > a:active{}
#footer_nav > ul > li > a > i{}
#footer_nav > ul > li > a > span{}

#footer_nav > ul > li > ul{display: none; }


#footer_nav > ul > li > ul > li > a:hover{}
#footer_nav > ul > li > ul > li > a:active{}
#footer_nav > ul > li > ul > li > a > i{}
#footer_nav > ul > li > ul > li > a > span{}		
*/
			
			
		
		
/* 1) Small: Landscape phones and smaller */
@media only screen and (max-width: 480px) {
	.block_buttons a span{display: none;}
	
	.kanban_wrapper{
		max-height: 600px;
	}

	/*#footer_nav > ul > li > a > span{display: none;}*/
}


/* 2) Small: Landscape phones and portrait tablets */
@media only screen and (max-width: 767px) {
	.block_buttons a span{display: none;}
	
	.kanban_wrapper{
		max-height: 600px;
	}
}

/* 3) Medium: Portrait tablets and small desktops */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.block_buttons a span{display: none;}
	
	.kanban_wrapper{
		max-height: 400px;
	}
	
} 

/* 4) Medium:  Portrait tablets and medium desktops */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}


/* 5) Large: Large Screens */
@media only screen and (min-width: 1200px) {

}

/* 6) Extra Large: Large Screens */
@media only screen and (min-width: 2000px) { 

}

/*** print ***/
@media print {
	@page {
        margin: 1cm;
    }
}