html, body{ margin:0; padding:0; width:100%; height:100%; font-family:Roboto;}

body{ zoom:90%; }


a{
	text-decoration:none !important;
}


a:hover{
	text-decoration:none !important;
}

strong{ font-weight:600}



/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #C5E3ED; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


input[type="text"]:disabled{ background-color:transparent; border:none}


hr{ border-bottom:1px solid #fafafa !important;  border-top:1px solid #eee !important;  }


.btn-gen{ 
	border:1px solid rgba(255,255,255,0.2);
	background-color:#4ca7c2; 
	/*background-image: linear-gradient(0deg, #346d8c, #4da8c3); */
	color:#FFF; 
	text-shadow:1px 1px 1px rgba(0,0,0,0.1); 
	padding:4px; 
	padding-left:7px; 
	padding-right:7px;
	border-radius:2px;
	cursor:pointer;
}

.btn-gen:hover{ 
	background-color:#5dc3cc;
	color:#fff; 
}

.form-line{
	clear:both;
	display: -webkit-box;
	display: -moz-box; 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	 
	margin-bottom:4px;
}

.form-line label{ width:110px; }


.form-control{
	display: block;
    width: 100%;
    height: 28px;
    padding: 4px 10px;
    font-size: 13px;
    line-height: 1;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #bdd3da;
    border-radius: 2px;
	box-shadow:none;
}

.form-control:focus{ outline:none; box-shadow:none;}

label{ font-weight:normal; color:#638a96}


.clearspace{ clear:both; float:none; margin-top:20px; height:1px; margin-bottom:19px;}
.clearspace-xs{ clear:both; float:none; margin-top:7px; height:1px; margin-bottom:7px;}


header {
    padding: 7px 18px;
    position: fixed;
    z-index: 9999;
    background-color:#3C607D;
	
    width: 100%;
    top: 0px;
	height:auto;
	color:#FFF;
}



header nav{
	text-align:center
	
}

header nav a{
	padding:2px;
	color:#eee;
	background-color:rgba(255,255,255,0.0);
	/*text-shadow:1px 2px 2px rgba(0,0,0,0.2);*/
	padding-left:15px;
	padding-right:15px;
	display:inline-block;
}

header nav a:hover{
	background-color:rgba(255,255,255,0.1);
	color:#FFF;
	text-decoration:none;
}



main{ 
	display: -webkit-box;
	display: -moz-box; 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	background-color:#FFF; 
	width:100%; 
	position:fixed; 
	top:35px; 
	left:0;
	right:0;
	bottom:0;
	height:100%;
	-webkit-overflow-scrolling: touch;
}


.main{ 
	display: -webkit-box;
	display: -moz-box; 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	background-color:#FFF; 
	width:100%; 
	position:fixed; 
	top:35px; 
	left:0;
	right:0;
	bottom:0;
	height:100%;
	-webkit-overflow-scrolling: touch;
}

.applogo{ text-align:center; padding-bottom:3px; border-bottom:1px solid #FFF; margin-bottom:13px; opacity:0.5}

.applogo img{}


#leftpanelmin {
    transition: all linear 0.1s;
    width: 90px;
	min-width: 90px;
    background-color: #4ca7c2;
    box-sizing: border-box;
    height: 100%;
	background-image:url(../images/bg_px_3.png);
	background-repeat:repeat;
	position:relative;
}



.leftpanelmin .item{ text-align:center; font-size:13px; color:#FFF; padding:3px; margin:10px; padding-top:10px; padding-bottom:10px; margin-bottom:10px; margin-top:4px; border-radius:4px; background-color:rgba(255,255,255,0.05); cursor:pointer;}
.leftpanelmin .item .glyphicon { font-size:24px; color:rgba(255,255,255,0.45);  margin-bottom:4px;  }
.leftpanelmin .item:hover{  background-color:rgba(255,255,255,0.70); color:#39748A !important; }
.leftpanelmin .item:hover .glyphicon {color:#39748A !important; }
.leftpanelmin .item.active{  background-color:rgba(12,12,12,0.65); }
.leftpanelmin .caption{ clear:both}

.leftpanelmin .bottom{position:absolute; bottom:50px;}
.leftpanelmin .bottom .item{  background-color:rgba(2,2,2,0.1) !important; }
.leftpanelmin .bottom .item:hover{ background-color:rgba(255,255,255,0.45) !important;  }
.leftpanelmin .bottom .item .glyphicon{ font-size:16px}
 
@media (max-width: 1200px){
	#leftpanelmin {
		width: 50px;
		min-width: 50px;
	}
	
	.leftpanelmin .item{ padding:4px; }
	
	.leftpanelmin .item .glyphicon { font-size:18px; margin-bottom:0px; }
	
	.leftpanelmin .caption{ display:none}
	
	.applogo img{ height:36px }
	
	body{ zoom:95%;}
	
	.leftpanelmin .bottom{position:relative; bottom:auto;}
}


#leftpanel {
    transition: all linear 0.1s;
    width: 280px;
	min-width:280px;
    background-color: #3C607D;
    padding: 15px;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    height: 100%;
    overflow-y: scroll;
	color:#197692;
	
}


#rightpanel {
    transition: all linear 0.1s;
    width: 100%;
    min-width: 400px;
	height:100%;
	
}







.genlist{
	
}

.lishead{
	background-color:#4ca7c2;
	color:rgba(255,255,255,0.8);
	padding-top:4px;
	padding-bottom:5px;

}

.genlist .listheader{
	background-color:#eee;
	color:#888;
	padding-top:2px;
	padding-bottom:2px;
	display: -webkit-box;
	display: -moz-box; 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
}
.genlist .listheader .field{
	width:110px;
}


.genlist .listitem{
	display: -webkit-box;
	display: -moz-box; 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  
	
	border-bottom:1px solid #DDD;
	background-color:#f6f9f9;
	cursor:pointer;
}





.genlist .listitem:hover{
	background-color:#F3FDFE;
	text-decoration:none !important;
}

.genlist .listitem a{
	text-decoration:none !important;
}

.genlist .listitem.active{
	background-color:#6CF;
	color:#FFF
}

.genlist .listitem .field{
	padding:7px;
	box-sizing:border-box;
	min-width:150px;
	word-break:break-all;
	font-size:95%;
}

.genlist .listitem .field.truncate{
	padding:7px;
	box-sizing:border-box;
	overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
	font-size:95%;
}

/*

.genlist .listitem .field.truncate{
	padding:7px;
	box-sizing:border-box;
	min-width:100px;
	max-width:100px;
	overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
	font-size:95%;
}
*/

.genlist .listitem .title{
	font-weight:400;
	color:#136b86;
	font-size:14px;
	width:80%;
}

.genlist .listitem .field.datemin{ width:62px !important;  max-width:62px !important; min-width:62px !important;  overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
	font-size:95%;}

.genlist .listitem .field.status{ width:92px !important;  max-width:92px !important; min-width:0; overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
	font-size:95%;
}
.genlist .listitem .field.cliente{
	color:#DAA83F;
	min-width:100px;
	max-width:100px;
	white-space:nowrap;
    text-overflow: ellipsis;
	font-size:95%;
	
}
.genlist .listitem .field.responsable{
	color:#95C0D5
}

.genlist .listitem .field.proyecto_nombre{
	color:#9C6930;
	/*white-space:nowrap;
    text-overflow: ellipsis;
	*/
	word-break:break-strict;
	font-size:11px;
	width:160px;
}

.genlist .listitem .field.prioridad{
	background-color:#eee;
	font-size:9px;
	color:#fafafa;
	width:12px !important;  max-width:12px !important; min-width:12px;
}

.genlist .listitem .field.prioridad0{ background-color:#eee;}
.genlist .listitem .field.prioridad1{ background-color:#FC0;}
.genlist .listitem .field.prioridad2{ background-color:#F60;}




.genlist .listitem .telefono{
	width:150px;
	border-left:1px solid #C6DeDe
}

.genlist .listitem .email{
	width:250px;
	border-left:1px solid #C6DeDe
}



.genlist .listitem .color{
	width:10px; min-height:50px; 
	background-color:#bedbe4;
}

.genlist .listitem .field.fieldbutton{
	width:50px;
	max-width:150px !important;
	min-width:80px !important;
	min-height:100%; 
	background-color:#4ca7c2; 
	text-align:center;
	color:#FFF;
	font-size:13px;
	border-right:1px solid #FFF;
	word-break:normal;
	line-height:1;
}


.genlist .listitem .fieldbutton:hover{
	background-color:#71c3dc; 
}



.genlist .listitem .field.fieldbutton.large{max-width:100px !IMPORTANT;}



.listfooter{
	background-color:#F8F9F9;
	font-weight:600;
	border-top:1px solid #eee ;
	padding-top:5px;
	padding-bottom:5px;
}



.menulist{}

.menulist .item{  padding:5px; margin-bottom:5px; margin-top:5px; border-radius:5px; background-color:rgba(255,255,255,0.1); cursor:pointer;}
.menulist .item:hover{  background-color:rgba(255,255,255,0.4); }
.menulist .item.active{  background-color:#4ca7c2; color:#FFF }





.scroller{
	overflow-y: scroll;
	height: calc(100% - 10px) !important;
    width: 100%;
	padding:20px;
	-webkit-transform: translateZ(0);
	/*white-space: nowrap;*/
}

@media only screen and (max-width: 990px){
	.scroller{
		padding:5px !important;
	}
}


.doc{
	margin:18px;
	/* border:1px solid #eee; 	box-shadow:0 0 10px 0 rgba(0,0,0,0.1); background-color:#fbfcfc;*/
	width:auto;
	max-width:1400px;
	

}

.doc .doctitle{ padding:2px; position: -webkit-sticky; color:#4ca7c2;  position: sticky; font-size:20px; border-bottom:1px solid #4ca7c2 }
.doc .docsubtitle{padding:15px; padding-top:4px; padding-bottom:4px; background-color:#eee; color:#333; position: -webkit-sticky;  position: sticky; font-size:12px; display:none}

.doc .doctitle.unsaved{ background-color:#c2a24c}

.bottom-buttons{ clear:both; margin-top:45px; padding:15px; border-top:1px dashed #c1d8de; text-align:right; background-color:#f5f8f9}

.top-buttons{ clear:both; margin-bottom:45px; padding:15px; border-bottom:1px dashed #c1d8de; text-align:right; background-color:#f5f8f9}

.tabmenu{
	margin-top:20px;
	padding:7px;
	padding-bottom:0;
	background-color:#FFF;
	border-bottom: 1px solid #144e6d;
}

.tabmenu li.active {
    background-color: #144e6d;
    color: #FFF;
}
.tabmenu li {
    list-style: none;
    display: inline-block;
    padding: 4px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: -4px;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	font-size:16px
}

.tabcontainer{
	display:none;
	padding:15px;
}

.tabcontainer.active{
	display:block;
}


.subr{ border-bottom:4px solid #E9F0F8}

.minbutton{ border:1px solid #DDD; background-color:#eee; width:22px; height:22px; display:inline-block}


.minbutton{ padding:2px; margin:1px; border:1px solid #EEE;}

.nomargin{ margin-left:-25px; margin-top:-25px; margin-right:-25px;  padding:10px;}


#pastedimages{ clear:both; padding:15px; border:1px dashed #CCC; }

.imagecontainer{ width:65px; display:inline-block; background-color:#666; height:65px; border:1px solid #CCC; margin:10px; background-repeat:no-repeat; background-size:cover; }

.chk{ padding:2px; padding-right:4px; padding-left:4px; margin-right:5px; margin-bottom:2px; color:#666; font-size:12px; cursor:pointer; display:inline-block; border-radius:4px} 
.chk:hover{ background-color:#ECF7FB; color:#0a96e2 !important;  }
.chk input{ width:17px; height:17px; vertical-align:middle; display:inline-block; margin-top:-2px;}


div[role="textbox"]{ padding-top:7px; box-sizing:border-box; text-wrap:none; word-wrap:none; overflow:hidden }

textarea.maximize{
	position:fixed;
	left:10%;
	top:0;
	bottom:0;
	width:90%;
	z-index:888;
	font-size:16px;
}

#maximize-panel{
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	width:10%;
	z-index:888;
	background-color:#4ca7c2;
	display:none;
}

#maximize-panel.showed{ display:block;}


.flex{
	display: -webkit-box;
	display: -moz-box; 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; 
}

.form-icon{ margin-right:4px; display:inline-block; vertical-align:middle; padding-top:2px; line-height:25px; height:30px; color:#B0D9D8}


.minbutton{ padding:1px;}



.ajax-upload-dragdrop{  
	border: 1px dashed #FFCC00 !important; 
	background-color:#FEFBEB !important;     
	border-radius: 6px !important; 
	font-weight:400 !important ; 
	padding:4px !important; 
	color:#666 !important;
	height:auto !important;
}
.ajax-file-upload{ 
	color:#FFF !important; font-size:13px !important; height:auto !important; line-height:1 !important; 
	background-color:#E2CF81 !important; border:0 !important; font-weight:400 !important; padding:5px !important;
	margin: 4px !important;
 }
 
.ajax-file-upload-container{ margin:1px !important;}
 
.ajax-upload-dragdrop b{ font-weight:400 !important;} 
 
 
 
 
.file{ 
	display:inline-block; vertical-align:top; margin:3px; border-radius:3px; 
	min-height:25px; font-size:12px; width:200px;
	padding:1px;
	cursor:pointer;
}

.file .content{
	display: -webkit-box;
	display: -moz-box; 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex; 
}

.file .fileicon{ padding:2px; box-sizing:border-box;  width:20px; height:100%; text-align:center}
.file .filename{ 
	text-transform:lowercase; padding:2px; box-sizing:border-box; width:100%;  height:100%; 
	color:#9B884F;
	overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.file .filesize{ display:none; text-transform:lowercase; padding:2px; box-sizing:border-box; width:25px; font-size:10px; color:#CCC  }
.file:hover .filename{ color:#387396;  }
.file .fileicon .fa{ font-size:16px !important }
.file .fileicon .fa.fa-file-pdf-o{ color:#900 !important }


.files-area{ margin-left:-25px; margin-right:-25px; margin-top:15px; padding-top:10px;  padding-bottom:10px; background-color:#FBF2E6; border-top:1px solid #F8DF89}

.footertarea{ padding-top:10px; padding-bottom:10px; background-color:#788788; background-image:url(../images/bg_px_3.png); border-bottom:1px solid #639FB4 ; margin-left:-25px; margin-right:-25px; margin-bottom:-25px; }

.minimize-button{ padding:10px; background-color:rgba(255,255,255,0.2); color:#FFF; cursor:pointer}
.minimize-button:hover{  background-color:rgba(255,255,255,0.3); }


.rowsep{ padding-top:5px; padding-bottom:4px; background-color:#EDF7FC}
.rowsep-dist{ padding-top:5px; padding-bottom:4px; background-color:#F7EEF7}


.menu-tab-container{ border-bottom:3px solid #4ca7c2; padding-bottom:0px; margin-bottom:0px;}

.menu-tab{ width:33%; padding:6px; border-top-left-radius:5px; border-top-right-radius:7px; background-color:#F1F4F8; margin-right:-10px; box-shadow:0 -5px 10px 0 rgba(0,0,0,0.2); z-index:6; cursor:pointer }
.menu-tab:hover{ background-color:#EFF5FA}

.menu-tab:nth-child(1){ z-index:6}
.menu-tab:nth-child(2){ z-index:5}
.menu-tab:nth-child(3){ z-index:4}
.menu-tab:nth-child(4){ z-index:3}
.menu-tab:nth-child(5){ z-index:2}
.menu-tab:nth-child(6){ z-index:1}



.menu-tab.active{ z-index:50 !important; background-color:#4ca7c2; color:#FFF !important }

.content-tab{ display:none}
.content-tab.active{ display:block}

.selecticon{ background-color:rgba(255,255,255,0.1); color:#FFF; padding-top:6px; padding-bottom:0px; height:26px; padding-left:6px; padding-right:6px; line-height:1; border-top-left-radius:4px; border-bottom-left-radius:4px;}

.filter-bottom{background-color:#eff7f9; padding-top:6px; padding-bottom:5px; border-top:1px dotted #bad0d8; margin-top:7px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;  }
ul.contextmenu{
    z-index:1000;
    position: absolute;
    background-color:#FAFAFA;
    border: 1px solid #EEE;
    padding: 2px;
    display: none;
    margin: 0;
    list-style-type: none;
    list-style: none;
	min-height:140px;
	box-shadow:0 5px 15px 0 rgba(0,0,0,0.2)
}

ul.contextmenu li{ padding:4px; border-bottom:1px solid #EEE; font-weight:400; color:#333; font-size:14px; transition:all linear 0.3s; cursor:pointer;}
ul.contextmenu li:hover{ background-color:#EEE; color:#000;}



#acp_select{ font-size:12px; text-transform:uppercase;}
#acp_select option{    padding: 2px 5px; }

.saved{ background-color:#EFFAF5 !important}


#frameview{ display:none; position:fixed; top:0; left:0; right:0; bottom:0; border:0px solid #409cb7e3; width:100%; height:100%; box-sizing:border-box; z-index:9999;  }






/* DATEPICKER */

.ui-widget-content{ width:260px; background-color:#F8F9F9; border:1px solid #eee;  box-sizing:border-box; font-family:Arial, Helvetica, sans-serif; text-align:center; box-shadow:0 5px 25px 0 rgba(0,25,40,0.3)}
.ui-datepicker-header{ padding:3px; background-color:#e9ecef; border-bottom:1px dashed #B6CFE4; margin-bottom:3px; padding:7px; font-size:12px} 
.ui-datepicker-prev{ float:left; cursor:pointer; }
.ui-datepicker-next{ float:right; cursor:pointer; }
.ui-datepicker-calendar{ width:100%; margin:4px;}
.ui-datepicker-calendar td{ padding:5px;}

.chkfieldresult{ font-size:90%; color:#F90; display:none; text-align:center; padding:4px; box-sizing:border-box;}

.tipollamada0{ color:#39F}
.tipollamada1{ color:#C90}
.tipollamada2{ color:#999}

.linedata { padding:5px;}
.linedata b{ color:#69F; display:inline-block; margin-right:5px;}





@media print {
  .noprint{ display:none;}
}