.folio_title{
	color: #555555;
	font-family: 'Titillium Maps',Arial;
	font-size: 14pt;
}
.myfolio{
	padding-bottom: 20px;
	float: left;
	padding-right: 20px;
}
.folio_element{
	width: 150px;
	padding-top: 2px;
}
.list-nav {  display: -webkit-box;  
             display: -ms-flexbox;  
             display: -webkit-flex;  
             display: flex;  
             -webkit-box-direction: normal;  
             -webkit-box-orient: horizontal;  
             -ms-flex-direction: row;  
             -webkit-flex-direction: row;  
             flex-direction: row;} 
             
.f_container {
     display: -webkit-box;  
     display: -ms-flexbox;  
     display: -webkit-flex;  
     display: flex;
     
     -webkit-box-direction: normal;  
     -webkit-box-orient: horizontal;  
     -ms-flex-direction: row;  
     -webkit-flex-direction: row;  
     flex-direction: row;
     
     -webkit-justify-content: flex-start
     justify-content: flex-start;
     
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;

     border: 1px solid #dedede;
     border-radius: 4px;
     
}

.f_container_noBox {
     display: -webkit-box;  
     display: -ms-flexbox;  
     display: -webkit-flex;  
     display: flex;
     
     -webkit-box-direction: normal;  
     -webkit-box-orient: horizontal;  
     -ms-flex-direction: row;  
     -webkit-flex-direction: row;  
     flex-direction: row;
     
     -webkit-justify-content: flex-start
     justify-content: flex-start;
     
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
}

f_container_center {
     display: -webkit-flex;  
     display: flex;
       
     -webkit-flex-direction: row;  
     flex-direction: row;

     -webkit-align-items: center; 
     
     -webkit-justify-content: center;
     justify-content: center;
  
}


.internRowContainer {
     display: -webkit-box;  
     display: -ms-flexbox;  
     display: -webkit-flex;  
     display: flex;
     
     -webkit-box-direction: normal;  
     -webkit-box-orient: horizontal;  
     -ms-flex-direction: row;  
     -webkit-flex-direction: row;  
     flex-direction: row;
     
     -webkit-justify-content: flex-start
     justify-content: flex-start;
     
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;     
}

.internRowItem1{
	-webkit-flex: Auto;
	flex: 1 0 2;	
	padding: 5px;
}

.internRowItem1_Boder{
	-webkit-flex: Auto;
	flex: 1 0 2;	
	padding: 5px 20px;
	border: 1px solid #dedede;
    border-radius: 4px;
}

.internRowItem2{
	-webkit-flex: Auto;
	flex: 2;	
	padding: 5px;
}

.internColumContainer{
	display: -webkit-box;  
     display: -ms-flexbox;  
     display: -webkit-flex;  
     display: flex;
     
     -webkit-flex: Auto;
     flex: Auto;  
     flex-direction: column;
         
     -webkit-justify-content: flex-start
     justify-content: flex-start;
     
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     
     padding: 5px;
}

.row_Item_list{
	display: -webkit-box;  
     display: -ms-flexbox;  
     display: -webkit-flex;  
     display: flex;
     
     flex:100px;  
     flex-direction: column;
     
     
     -webkit-justify-content: flex-start
     justify-content: flex-start;
     
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     
	/*-webkit-flex: Auto;*/
	/*flex: Auto;*/
	/*padding: 5px;*/
}

.row_Item_details {
	flex: 3;
	padding: 5px;
}


.row_Item_1ist_Contant{
	-webkit-flex: Auto;
	flex: Auto;
	
}
.row_Item_1{
	-webkit-flex: Auto;
	flex: Auto;
	
	padding: 5px;
}

.row_Item_2{
	-webkit-flex: Auto;
	flex: Auto;
	
	padding: 5px;
}
.row_Item_3{
	-webkit-flex: Auto;
	flex: Auto;
	padding: 5px;
	
	
}

.mytextarea{
   width:300px;
   height:50px;
}