@font-face {
    font-family: 'open_sansregular';
    src: url('fuentes/opensans-regular-webfont.eot');
    src: url('fuentes/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-regular-webfont.woff') format('woff'),
         url('fuentes/opensans-regular-webfont.ttf') format('truetype'),
         url('fuentes/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fuentes/opensans-semibold-webfont.eot');
    src: url('fuentes/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/opensans-semibold-webfont.woff') format('woff'),
         url('fuentes/opensans-semibold-webfont.ttf') format('truetype'),
         url('fuentes/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('fuentes/roboto-light-webfont.eot');
    src: url('fuentes/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/roboto-light-webfont.woff2') format('woff2'),
         url('fuentes/roboto-light-webfont.woff') format('woff'),
         url('fuentes/roboto-light-webfont.ttf') format('truetype'),
         url('fuentes/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('fuentes/roboto-medium-webfont.eot');
    src: url('fuentes/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/roboto-medium-webfont.woff2') format('woff2'),
         url('fuentes/roboto-medium-webfont.woff') format('woff'),
         url('fuentes/roboto-medium-webfont.ttf') format('truetype'),
         url('fuentes/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('fuentes/roboto-regular-webfont.eot');
    src: url('fuentes/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/roboto-regular-webfont.woff2') format('woff2'),
         url('fuentes/roboto-regular-webfont.woff') format('woff'),
         url('fuentes/roboto-regular-webfont.ttf') format('truetype'),
         url('fuentes/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

table.listado.supervision tbody tr.eventCount td {
	background: #c7ddff !important;
	font-size: 12px;
	padding: 3px 20px !important;
	border-top: solid 1px #9db8ca;
	font-family: 'robotoregular', Arial,sans-serif;
}

body {
  	background: #f1f1f1;
  	margin: 0px;
  	font-family: 'robotolight', Arial;
  	font-size: 13px;
}

body.texture{
	background: #3377AA;
} 

.texture .image{
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -168px;
	height: 336px;
	max-width: 100%;
	max-height: 100%;
	background: url('../images/ecl-blanco.png') center no-repeat;
	background-size: contain;
}

.texture .test{
	position: absolute;
    width: 200px;
    top: 50%;
    margin-top: -140px;
    height: 65px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
    color: white;
    font-size: 40px;
    font-family: 'robotomedium';
}

body.texture .wrapper{
	position: initial !important;
}

body.biframe{
	background: transparent;
}

h1, h2, h3, h4, h5, h6, p, ul, li{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

a{
	color: #3377AA;
	text-decoration: none;
}

a:hover{
	position: relative;
}

b{
	font-weight: normal;
	font-family: 'robotomedium';
}

.container{
	padding: 0 30px;
}
.rel{
	position: relative;
}

/** Generales **/
.left{
	float: left;
}

.right{
	float: right;
}

.dleft{
	float: left;
	width:35%;
}

.dright{
	float: right;
	width: 62%;
}
.p20{ padding: 20px !important; }

.mright0{ margin-right: 0px !important; }
.mright10{ margin-right: 10px !important; }
.mright20{ margin-right: 20px !important; }
.mleft0{ margin-left: 0px !important; }
.mleft10{ margin-left: 10px !important; }
.mleft20{ margin-left: 20px !important; }
.mleft30{ margin-left: 30px !important; }
.mleft50{ margin-left: 50px !important; }
.mtop0{ margin-top: 0px !important; }
.mtop10{ margin-top: 10px !important; }
.mtop20{ margin-top: 20px !important; }
.mtop30{ margin-top: 30px !important; }
.mtop50{ margin-top: 50px !important; }
.mbottom10{ margin-bottom: 10px !important; }
.mbottom15{ margin-bottom: 15px !important; }
.mbottom20{ margin-bottom: 20px !important; }

.pleft0{ padding-left: 0px !important; }
.pleft10{ padding-left: 10px !important; }
.pleft20{ padding-left: 20px !important; }
.pleft30{ padding-left: 30px !important; }
.pleft50{ padding-left: 50px !important; }
.pright0{ padding-right: 0px !important; }
.pright10{ padding-right: 10px !important; }
.pright15{ padding-right: 15px !important; }
.pright20{ padding-right: 20px !important; }
.pright30{ padding-right: 30px !important; }
.pright50{ padding-right: 50px !important; }

.ptop1{ padding-top: 1px !important; }
.ptop5{ padding-top: 5px !important; }
.ptop10{ padding-top: 10px !important; }
.ptop15{ padding-top: 15px !important; }
.ptop20{ padding-top: 20px !important; }
.ptop30{ padding-top: 30px !important; }
.ptop50{ padding-top: 50px !important; }
.ptop0{ padding-top: 0px !important; }

.pbottom0{ padding-bottom: 0px !important; }
.pbottom5{ padding-bottom: 5px !important; }
.pbottom10{ padding-bottom: 10px !important; }
.pbottom15{ padding-bottom: 15px !important; }
.pbottom20{ padding-bottom: 20px !important; }
.pbottom30{ padding-bottom: 30px !important; }
.pbottom50{ padding-bottom: 50px !important; }

.fa{ margin-right: 6px; }

.ovh{overflow: hidden;}
.ovhauto{overflow: auto;}
.txtcenter{	text-align: center !important;}
.txtright{	text-align: right !important;}
.txtleft{	text-align: left !important;}

.width100{width: 100% !important;}
.hide{display: none;}
.clear{	clear: both;}
.negrita{color: #000; font-family: 'robotomedium', Arial,sans-serif; }
.small{font-size:11px !important;}
.gray{color: #000; font-size: 11px;}
.blue{color: #0B8DAE; font-family: 'robotomedium', Arial,sans-serif; }
.link{
	color: #0B8DAE;
	font-size: 13px;
	text-decoration: none;
}
.link i{font-size: 14px;}
.block{
	display: block !important;
}
/**********************/
.wrapper{
	min-width: 1260px;
	position: relative;
}
#barra-top{
	height: 40px;
	background: #3377AA;
	color: white;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 99;
	min-width: 1260px;
}

#barra-under{
	padding-top: 40px;
}

.logo{
	width: 149px;
	height: 35px;
	display: block;
	background: url(../images/score.png) left center no-repeat;
	/*background: url(../images/test.png) left center no-repeat;*/
	margin-left: 7px;
	padding-top: 6px;
}

.topmenu{
	list-style: none;
	height: 40px;
	border-right: 1px solid rgba(0,0,0,.4);
}

.topmenu > li{
	float: left;
	position: relative;
	background: rgba(0,0,0,0.05);
	border-left: 1px solid rgba(0,0,0,.1);
}

.topmenu > li > a{
	color: white;
	text-decoration: none;
	display: block;
	height: 29px;
    padding: 11px 18px 0;
	position: relative;
}

.topmenu > li:hover > a > span[class*="icon-"], .topmenu > li:hover > a{
	color: #bcc6f9;
}
.topmenu > li.agenda:hover > a > span[class*="icon-"], .topmenu > li.agenda:hover > a{
	color: #222;
}

.topmenu > li a.icon{
	padding-left: 35px;
	background-image: url(../images/icons-white.png);
	background-repeat: no-repeat;
}

.topmenu li a.user{
	background-position: 5px -59px;
}

.topmenu li a.alert{
	background-position: 10px -15px;
}

/*.topmenu li a i{
	font-size: 18px;
	vertical-align: middle;
	color: rgba(255, 255, 255, 0.9);
}*/
.topmenu li.agenda{
	/*background-color: #ec534b;*/
	background-color: #82ea93;
	border-left: solid 1px #64c374;
}

.topmenu.second li.agenda a i{
	color: #222;
}

.topmenu li.agenda a{
	color: #222;
}

.topmenu li a span[class*="icon-"]{
	font-size: 16px;
    vertical-align: text-top;
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
}

.topmenu ul li a i{
	font-size: 14px;
	vertical-align: middle;
	color: rgba(255, 255, 255, 0.8);

}

.topmenu.second li a i{
	font-size: 15px;
	/*vertical-align: middle;*/
	color: white;
}

.topmenu li a span.num-alerts{
	position: absolute;
	display: block;
	background: #ED0C0C;
	line-height: 17px;
	padding: 2px 5px;
	left: -60px;
	top: 6px;
	z-index: 95;
}
.topmenu li:hover a span.num-alerts{
	color: white;
}
.topmenu li a span.num-alerts:after {
  content: '';
  position: absolute;
  top: 25%;
  right: -16px;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid #ED0C0C;
}
/*.topmenu li.down a{
	padding-right: 25px;
}*/
.topmenu li.down{
	background-image: url(../images/icons-white.png);
	background-repeat: no-repeat;
	background-position: right 18px;
	padding-right:10px; 
}

.topmenu li span.icon-bell{
	line-height: 28px;
}


.topmenu li ul{
	position: absolute;
	background: rgba(11, 91, 142, 0.85);
    border-top: solid 1px #185388;
	list-style: none;
	min-width: 180px;
	display: none;
	white-space:nowrap;
}

.topmenu li.agenda ul{
	background: #82ea93;
    border-top: solid 1px #5aa767;
}

.topmenu li.agenda table{
	color: #222;
}

.topmenu li ul.tareas{
	right: 0;
}
.topmenu li ul a{
	color: #bcc6f9;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	border-bottom: dotted 1px #1b0573;
}

.topmenu li ul li:last-child a{
	border-bottom: none;
}

.topmenu li ul a:hover, .topmenu li ul a:hover i{
	color: #fff;
}
.topmenu li.agenda a:hover{
	color: #222;
}

.topmenu li.agenda a span.icon{
	display: inline-block;
    font-size: 21px;
    color: #333;
}
.topmenu li.geincos{
	background: #a6bee8;
	border-left:solid 1px #214B6B;
}

.topmenu li.geincos:hover{
	background: #8EABDF;
}

#content{
	margin-top: 40px;
	padding-bottom: 60px !important;
	height: 100%;
    margin-left: 230px;
    transition: all 0.3s ease-in-out;
}

#content.negociacion{
	padding-bottom: 140px !important;
}
.bpredictivo #content{
	margin-left: 0px;
}

#barra-info{
	border-bottom: solid 1px #D3D3D3;
	overflow: hidden;
	line-height: 40px;
	height: 40px;
	font-size: 12px;
	color: #000;
}

#barra-info .date{
	background: url(../images/icons-gray.png) 7px 12px no-repeat;
	padding-left: 37px;
	border-left: solid 1px #D3D3D3;
}

#search-bar{
	padding-top: 20px;
	padding-bottom: 15px;
	background: #fff;
	border-bottom: solid 1px #D3D3D3;
}

#barraleft{
	position: fixed;
	/*left: 230px;*/
	width: 320px;
	height: 100%;
	background: #DADADA;
	border-right: 1px solid rgba(0,0,0,.2);
	border-top: 1px solid rgba(0,0,0,.2);
	padding-bottom: 20px;
	z-index: 30;
}
.title-menuleft{
	display: block;
	color: #000;
	font-size: 14px;
	font-family: 'robotomedium', Arial,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 20px;
	text-decoration: none;
	margin-top: 5px;
	border-bottom: 1px solid rgba(0,0,0,.2);
}

.title-menuleft2{
	display: block;
	color: #000;
	font-size: 13px;
	font-family: 'robotomedium', Arial,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 20px;
	text-decoration: none;
}

.title-menuleft:hover, .title-menuleft2:hover{
	color: #000;
}

.title-menuleft span{
	font-size: 16px;
}
/*.menuleft{
	overflow-y:auto;
	max-height:  70%;
}*/

.menuleft li{
	border-bottom: 1px dotted rgba(0,0,0,.2);
}
.menuleft li a{
	display: block;
	padding: 8px 20px;
	text-decoration: none;
	color: #000;
	font-size: 12px;
}

.menuleft li:hover{
	background-color: #c3c3c3;
}

.menuleft li.active{
	background-color: #c3c3c3;
}

/*.menuleft li.active a{
	color: #fff;
}*/

#barraright{
	margin-left: 328px;
	/*background: #FFFFFF;
	border-left: solid 1px #D1D1D1;*/
}

.title{
	background: #DADADA;
    font-size: 16px;
    color: #000;
    font-family: 'robotoregular', Arial,sans-serif;
    padding: 6px 20px;
    border: 1px solid #C1C1C1;
}
.title.tbuttons{
	position: relative;
	padding-right: 0;
}
.title2{
	background:#DADADA;
	border: 1px solid #C1C1C1;
	font-size: 13px;
	color: #000;
	font-family: 'robotoregular', Arial,sans-serif;
	padding: 4px 20px;
	position: relative;
}

.btEdit{
	color: white;
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 13px;
	text-decoration: none;
}

.btCancel{
	color: white;
	position: absolute;
	right: 90px;
	top: 6px;
	font-size: 13px;
	text-decoration: none;
}
.btEdit:hover, .btCancel:hover{
	position: absolute;
}

.btEdit i{
	font-size: 16px;
	vertical-align: middle;
}

.btCancel i{
	font-size: 16px;
}

.btSave{
	border: none;
	background: #0B8DAE url(../images/save.png) left center no-repeat;
	color: white;
	padding-left: 20px;
	position: absolute;
	right: 10px;
	top: 7px;
	font-size: 13px;
	cursor: pointer;
	outline: none;
}

#btReCall{
	display: none;
}
.botonera{
	float: right;
	padding: 0 0 10px 0;
}

.box-content{
	padding: 10px;
	border: solid 1px #CDCDCD;
	border-top: none;
	background: #fff;
}

.box-content.form{
	padding: 15px 30px;
}

.form iframe{
	width: 100%;
	border: 0;
}
.form-iframe div.selector{
	width: 95% !important;
}
.form-iframe div.selector span{
	width: auto !important;
}

#iframeDirecciones{
	height: 350px;
}
#iframeTelefonos{
	height: 305px;
}
#iframeEmails{
	height: 220px;
}
#iframeContactos{
	height: 440px;
}

#iframeIdLlamada{height: 40px; background: #eee;}
/**** formularios ***/
input{
	margin:0;
	padding: 0;
}

input[type="text"], input[type="password"], select, textarea{
	background-color: #fff;
	border: solid 1px #CECECE;
	padding: 5px 6px;
	outline: 0;
	color: #000;
	font-size: 12px;
	width: 95%;
	font-family: Arial;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
input[type="text"].disabled, textarea.disabled{
	background-color: #F0F0F0 !important;
	color: #575757;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus{
	border:solid 1px #0FB1DA;
}
input[type="text"].disabled:focus{
	border: solid 1px #CECECE;
}

input[type="checkbox"]{
	vertical-align: middle;
	margin-right: 5px;
}

.form-row{
	overflow: hidden;
	padding: 5px 0;
}

.form-row label{
	float: left;
	width: 35%;
	margin-right: 10px;
	max-width: 150px;
}

.form-row label.error{
	max-width: inherit;
}

.form-row input[type="text"], .form-row input[type="password"], .form-row select, .form-row textarea{
	float: left;
	width: 60%;
	max-width: 400px;
}

input.txtDate, input.txtDatePdp{
	max-width: 140px !important;
	background: #fff url(../images/calendar2.png) right center no-repeat;
}


input.txtDate2, input.txtDate3, input.txtDate4, input.txtDate5, input.txtDatePromesa, input.txtDateTarea, input.txtDatePromesa2, input.txtDatePromesaBCP, input.txtDateAseguramiento , input.txtFechaNac, input.txtDateReport, input.txtDateSumarizado{
	max-width: 160px !important;
	background: #fff url(../images/calendar2.png) right center no-repeat;
}

input.txtTime,input.txtTimeCampo{
	max-width: 140px !important;
}

select{
	max-width: 250px !important;
}

textarea{
	min-height: 60px;
}

.txtPeso{
	max-width:100px !important; 
}

.txtDisabled{
	background-color: #F1F1F1 !important;
	border:solid 1px #DFDFDF;
}
input.txtDisabled:focus{
	border: solid 1px #DFDFDF;
}

input.txtPrioridad{
	padding: 1px 5px !important;
	font-size: 11px;
	text-align: center;
	width: 50px !important;
}

input.txtFiltro{
	padding: 3px 5px !important;
	font-size: 11px;
}

.col-right2 .form-row .selector{
	width: 60% !important;
}

.col-right2 .form-row .selector span{
	width: auto !important;
}
/**** tablass ***/
table{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 12px;
	color: #000;
}

.listado{
    border: 1px solid #aaa;
    background: #fff;
}

.listado tbody td, .listado thead td { 
    border-left: 1px solid #aaa;
    text-align: center;
}

.listado thead td { 
    font-size: 12px;
    font-family: 'robotomedium', Arial,sans-serif; 
    padding: 6px 10px 5px;
    border-bottom: 1px solid #297cbb;
    border-top: 1px solid #297cbb;
    border-left: 1px solid #297cbb;
    color: #fff;
    background: #83b1d4;
	white-space: nowrap;
	text-align: center;
}

.listado thead tr td:last-child{
	border-right:  1px solid #048bab;
}

.listado thead td.thOrange {
	background: #FA994A;
	border-bottom: 1px solid #ad713e;
    border-top: 1px solid #ad713e;
    border-left: 1px solid #ad713e;
} 

.listado thead td.thBlue {
	background: #13375B;
	border-bottom: 1px solid #1C3355;
    border-top: 1px solid #1C3355;
    border-left: 1px solid #1C3355;
} 

.listado.filtro thead td { 
	background: #BFEFFB;
	border: solid 1px #74DDF8;
	font-size: 13px;
	color: #000;
	font-family: 'robotomedium';
	text-shadow: none;
}

.listado.filtro tbody td {
    padding: 3px 10px;
}

.listado tbody tr { 
    border-top: 1px solid #DFDFDF; 
}

/*.listado tbody tr:nth-child(even) { 
    background: #F7F7F7; 
}*/

.listado tbody tr:hover { 
    background: #EFEAEA;
    -webkit-transition: background linear 0.3s;
	-moz-transition: background linear 0.3s;
	-o-transition: background linear 0.3s;
	transition: background linear 0.3s;
}

.listado tbody tr.selected { 
    background: #0B8DAE;
    color: white;
    -webkit-transition: background linear 0.3s;
	-moz-transition: background linear 0.3s;
	-o-transition: background linear 0.3s;
	transition: background linear 0.3s;
}

.listado tbody tr.selected a { 
    color: white;
}


.listado tr.remove{
    border: solid 1px #F06464 !important;
    background-color: #FFCBCB !important;
}

.listado tr.red{
    border: solid 1px #efa6a6 !important;
	background-color: #FFCDCD !important;
}

.listado tr td.green{
    border: 1px solid #89c864 !important;
	background-color: #ccf7af !important;
}

.listado tr td.green2{
    background-color: #e7fbd9 !important;
}

.listado tr td.green3{
    background-color: #c2f79d !important;
}

.listado tr td.amarillo2{
	background-color: #fffbdf;
}

.listado tr td.amarillo3{
	background-color: #fff4a9;
}

.filtro td input.rbfiltro{
	vertical-align: top;
	margin-right: 8px;
	margin-top: 3px;
}

.listado tbody tr.segmento {
	background-color: #E5F7FC;
	/*font-family: 'open_sanssemibold';*/
	color: #000;
} 

.listado tr.red td{
    border: solid 1px #efa6a6 !important;
	background-color: #FFCDCD !important;
}

table tr td.red{
    border: solid 1px #efa6a6 !important;
	background-color: #FFCDCD !important;
}

.listado tbody tr.tramo{
	background-color: #FFEED6;
	/*font-family: 'open_sanssemibold';*/
}

.listado tbody tr.cian{
	background-color: #edf1ff;
}

.listado tr td.aliceblue{ background-color: #f0f8ff; border-bottom: solid 1px #c9d0d6;}
.listado tr td.aliceblue2{ background-color: #def0ff; border-bottom: solid 1px #afc1d0;}
.listado tr td.aliceblue3{ background-color: #c7e5ff; border-bottom: solid 1px #9bbdda;}

.listado tr td.antiquewhite{ background-color: #fff3e3; border-bottom: solid 1px #d8d0c4; }
.listado tr td.antiquewhite2{ background-color: #ffe8ca; border-bottom: solid 1px #decab0; }
.listado tr td.antiquewhite3{ background-color: #ffe0b6; border-bottom: solid 1px #dec39f; }

table.small{
	width: 600px !important;
}

table label.error{
	padding-left: 0;
	width: 100% !important;
}

table.tableSearch tr td{
	vertical-align: top;
	width: auto;
}
table.tableSearch h3{
	padding-top: 4px;
	white-space:nowrap;
}
/*table.tableSearch select{
	margin: 0;
	max-width: 170px !important;
}
table.tableSearch div.selector{
	max-width: 160px;
	width: 95% !important;
}
table.tableSearch div.selector span{
	max-width: 125px;
	width: auto !important;
}*/
table.tableSearch div.selector{
	margin-right: 10px;
}
table.tableSearch input[type="text"]{
	padding: 6px;
}
table.tableInfo{
	font-size: 13px;
}
table.tableInfo td{
	padding-bottom: 5px;
}
table td.tdCheck{
	display: none;
}

table td.textMiddle{
	vertical-align: middle !important; 
}
tr.usuario{
	display: none;
}

table.listado.twolevels tr.tramo{
	display: table-row;
	background-color: #E5F7FC;
}

table.listado td.percent, table.listado td.import{
	background: #B8FCFF;
}
/*table.DTFC_Cloned tbody tr.odd td:first-child{
	background: #EBF7FF;
	color: #333;
}*/
table.DTFC_Cloned tbody tr.odd td:first-child, table.DTFC_Cloned tbody tr.even td:first-child {
	background: transparent !important;
}
/*#tableFixed_wrapper, .DTFC_ScrollWrapper, .dataTables_scrollBody, .DTFC_LeftBodyWrapper, .DTFC_LeftBodyLiner {
    height: 150px !important;
}*/
/*table.DTFC_Cloned tbody tr.even td:first-child{
	background: #C8E8FC;
	color: #333;
}*/
table.listado.resaltado tbody tr.odd td:first-child{
	background: #EBF7FF !important;
	color: #000;
}
table.listado.resaltado tbody tr.even td:first-child{
	background: #C8E8FC !important;
	color: #000;
}

.DTFC_ScrollWrapper, .dataTables_scrollBody, .DTFC_LeftBodyWrapper, .DTFC_LeftBodyLiner{
	height: auto !important;
}

.DTFC_ScrollWrapper{
	/*max-height: 529px;*/
	max-height: 500px;
}

.dataTables_scrollBody{
	/*max-height: 500px;*/
	max-height: 471px;
}

.DTFC_LeftBodyWrapper, .DTFC_LeftBodyLiner{
	/*max-height: 483px;*/
	max-height: 454px;
}

.botoneraTabla{
	position: relative;
}

.botoneraTabla a{
	position: absolute;
	top: -29px;
}

.supervision td.verde{
    /*border: solid 1px #005900 !important;*/
	background-color: #13960A !important;
	color: white !important;
}
.supervision td.rojo{
    /*border: solid 1px #005900 !important;*/
	background-color: #FF4646 !important;
	color: white !important;
}

.supervision td.anaranjado{
	background-color: #FF8346 !important;
	color: white !important;
}
.supervision td.cian{
	background-color: #1CD1AF !important;
	color: white !important;
}
/****************/
#updateMeta{display: none;}
#updateMeta label{
	text-align: left;
	padding-left: 8px;
}
.tForm{margin-top: 5px;}

.tForm tr td{
	padding-bottom: 7px;
	vertical-align: top;
}
.tForm label{
	font-size: 13px;
	color: #000;
}
.tForm div.selector{
	width: 95% !important;
}
.tForm div.selector span{
	width: auto !important;
}
/*** botones ***/
.boton{
	background-color: #5b5f63;
    border: solid 1px #39393a;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 0px 12px;
	font-size: 12px;
	text-decoration: none;
	height: 28px;
	/*line-height: 28px;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	min-width: 80px;
	text-align: center;
	vertical-align: middle;
}
a.boton, span.boton, div.boton{
	line-height: 26px;
	cursor: pointer;
}

.boton.green{
	background-color: #359E0F;
	border: solid 1px #168200;
}

.boton.black{
	background-color: #656161;
    border: solid 1px #505050;
}

.boton.red{
	background-color: #DA4E4E;
	border: solid 1px #DA4E4E;
}

.boton.blue{
	background: #3081bd;
    border: solid 1px #27608a;
}

.boton.orange{
	background: #e49c41;
    border: solid 1px #c17507;
}

.boton:hover{
	background-color: #4f5152;
}

.boton.active{
	background-color: #13BDE9;
}

.boton.green:hover{
	background-color: #3EB311;
}

.boton.black:hover{
	background-color: #555555;
}

.boton.red:hover{
	background-color: #EA4845;
}

.boton.blue:hover{
	background: #3799e2;
}

.boton.orange:hover{
	background: #dc9131;
}

.boton.deletemulti{
	background: rgb(229, 77, 77);
	border:solid 1px rgba(192, 45, 45, 0.94)
}

.boton.disabled{
	background-color: #E0E0E0 !important;
	cursor: default;
	border: solid 1px #C7C7C7 !important;
	color: #A3A3A3;
}

.boton.icono{
	padding-left: 25px;
	background-image: url(../images/icons-white.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.width240{
	width: 240px !important;
}
.width200{
	width: 200px !important;
}
.width170{
	width: 170px !important;
}
.width140{
	width: 140px !important;
}
.width80{
	width: 80px !important;
}
.width60{
	width: 60px !important;
}
.width100px{
	width: 100px !important;
}
.boton i{
	font-size: 13px;
}
.boton.search{ background-position: left -114px; }
.boton.list{ background-position: left -155px; }
.boton.colgar{ background-position: left -283px; }


.btactions{
	font-size: 14px;
	color: #000;
}

.btnCancelar{
	color: #EB221F;
	font-family:'robotomedium', Arial,sans-serif;
}

.btnCancelar i{
	font-size: 13px;
	vertical-align: top;
	padding-top: 3px;
	margin-right: 4px;
}

.col-left{
	float: left;
	width: 45%;
}
.col-right{
	float: right;
	width: 45%;
}
.col-left.gestion, .col-right.gestion{
	width: 49%;
}
.col-left2{
	float: left;
	width: 58%;
}
.col-right2{
	float: right;
	width: 40%;
}

/******* paginacion *****/
.paginationControl_pages{
	margin-top: 20px;
	text-align: right;
}

.paginationControl_pages a, .paginationControl_pages span{
	display: inline-block;
	padding: 5px 10px;
	border:solid 1px #D3D3D3;
	background: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	color: #000;
}

.paginationControl_pages a{
	color: #565454;
}

.paginationControl_pages span.current{
	border: solid 1px #2D2B2B;
	background: #565454;
	color: white;
}

.paginationControl_pages span.points{
	color: #000;
	font-family: 'robotomedium', Arial,sans-serif; 
	border: none;
	background: none;
	color: #000;
}
#usuarios-origen{
	max-height: 200px;
	overflow-y:auto;
	overflow-x:hidden;
	width: 65%;
}
#usuarios-destino{
	max-height: 245px;
	overflow-y:auto;
	overflow-x:hidden;
	width: 91%;
}
#lbl-usuarios-destino{
	float: none;
	display: block;
	padding-bottom: 7px;

}
#usuarios-origen ul, #usuarios-destino ul{
	width: 100%;
	padding-left: 0;
}
#usuarios-origen li, #usuarios-destino li{
	padding-bottom: 5px;
	color: #000;
}
#usuarios-origen label, #usuarios-destino label{
	float: none;
	display: inline-block;
	color: #000;
	width: auto;
	max-width: inherit;
}

#usuarios-origen li input, #usuarios-destino li input{
	vertical-align: middle;
	margin-right: 5px;
}

.boxWhite{
	background: white;
    border: solid 1px #ccc;
    padding: 8px;
}
.boxCian{
	background: #d9e6fc;
    border: 1px solid #a6c3e6;
	padding: 8px;
}
.boxCianLight{
	background: #FCEBE5;
    border: solid 1px #FBB3B3;
	padding: 8px;
}

.boxGray{
	background: #EEE;
	border:solid 1px #ccc;
	padding: 8px 20px !important;
}

.boxLight{
	background: #FFF9EA;
    border: solid 1px #E8D6AB;
	padding: 12px 20px !important;
}

.boxTransparent{
	background: transparent;
	border: solid 1px #DDD;
	padding: 6px 10px !important;
}

.boxTel{
	float: left;
	width:55%; 
	margin-left: 1%;
	margin-bottom: 5px;
}

.boxCel{
	float: left;
	width: 44%;
	margin-bottom: 5px;
}

.boxDir{
	margin-bottom: 5px;
}

.boxAdicional{
	border-top: solid 1px #f7d9ab;
    margin-top: 10px;
    padding-top: 5px;
}

.subtitle{
	    background: #d4def7;
    border: 1px solid #a1c7da;
    font-size: 14px;
    color: #000;
    font-family: 'robotoregular', Arial,sans-serif;
    padding: 4px 20px;
    position: relative;
    border-bottom: none;
}

.boxSearch{
	background: white;
	padding: 15px 20px 20px;
	border-bottom:solid 1px #ccc;
}

.login{
	width: 280px;
    margin: 0 auto;
    margin-top: 130px;
    padding: 20px !important;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.login .boton{
	background-image: url(../images/lock.png);
    background-position: 13px 4px;
    background-repeat: no-repeat;
    padding-left: 28px;
}

.login .user{
	background-image: url(../images/user.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 25px;
}

.login .clave{
	background-image: url(../images/clave.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 25px;
}

.login ul li{
	color: red;
    background: rgba(255,255,255,0.7);
    list-style: none;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 3px;
    font-size: 11px;
}

.login input::-webkit-input-placeholder {
   color: white;
}

.login input:-moz-placeholder { /* Firefox 18- */
   color: white;  
}

.login input::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
}

.login input:-ms-input-placeholder {  
   color: white;  
}

.login .boton{
	background-color: #3c3e40;
    border: solid 1px #1e1e1f;
}

.avatar{
	height: 110px;
    width: 130px;
    background: #Fff url(../images/avatar2.png) center 2px no-repeat;
    padding: 2px;
    border: solid 1px #ccc;
    /* border-radius: 50%; */
    position: relative;
    left: 50%;
    margin-left: -65px;
    margin-bottom: 10px;
}

.frameCian{
	background: #FCEBE5;
    border: solid 1px #FBB3B3;
	padding: 3px 8px 8px 8px;
	margin-top: 10px;
}

.frameCian legend{
	color: #636060;
}

.frameCian.checks{
	padding-top: 9px;
	padding-bottom: 16px;
}

.frameCian.checks label{
	display: inline-block;
	padding-right: 20px;
}
.frameCian.checks2{
	padding-top: 9px;
	padding-bottom: 6px;
}

.frameCian.checks2 label{
	display: block;
	padding-bottom: 4px;
}

.frameLight{
	background: transparent;
    border: solid 1px #bbbbbb;
    padding: 3px 8px 8px 8px;
    width: 94%;
}

#listUsuarios{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 335px;
	height: 64px;
	overflow: auto;
}
#listUsuarios li{
	width: 155px;
	float: left;
	padding-bottom: 2px;
}
/***mensajes de error **/
#msg, #alert{
	padding: 0;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 100;
}
.message ,.mensaje{
	background-color: #F5FFCB;
	background-position: 15px center;
	background-repeat: no-repeat;
	padding: 10px 20px 10px 50px;
	border: none;
	border-top:solid 1px #EECD79;
	/*margin-top: 20px;*/
}

.message.success, .mensaje.success{
	background-color: #9AF190;
	background-image: url(../images/ok.png);
	border: solid 1px #4BDE2E;
}

.message.error, .mensaje.error{
	background-color: #FCC;
	background-image: url(../images/error.png);
	border:solid 1px #F99;
}
button.cerrar-alert {
  background: none;
  border: none;
  position: absolute;
  top: 10px;
  cursor: pointer;
  right: 25px;
  font-size: 14px;
}

label.error, .form-row ul{
	color: red;
	float: none;
	clear: both;
	width: 60%;
	display: block;
	padding-left: 160px;
	list-style: none;
}

#lstCuentasLiberadas{
	float: left;
	width: 73%;
}
#btnCuentasLiberadas{
	float: right;
	width: 25%;
}

#footer{
	padding: 6px 2%;
	background: #E4E4E4;
	border-top: solid 3px #C7C7C7;
	overflow: hidden;
	width: 96%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 12;
}

#footer.negociacion{
	padding: 32px 2%;
}
#footer div.foot-left{
	float: left;
	width: auto;
}

#footer p{
	color: #777;
}

#footer label{
	color: #777;
	display: block;
	font-size: 11px;
}

#footer div.foot-right{
	float: right;
	width: auto;
}
#footer a{
	display: inline-block;
	padding-left: 5px;
}

/*#footer span{
	color: #888;
	font-size: 12px;
	padding-right: 8px;
	margin-top: -6px;
	text-shadow: -1px 1px 0px white;
}*/

#uniform-cboTelefono{
	width: 210px !important;
}

.fieldPromesa, .fieldTarea, .fieldTipoPago{
	display: none;
}

.colPromesa input[type="text"], .colTarea input[type="text"], .colTarea textarea{
	font-size: 11px !important;
}

.colPromesa input.txtDate2, .colTarea input.txtDate2{
	min-width: 88px;
}

/*** Mensajes de error y exito**/
.msg-error, .msg-success{ background-color: rgba(255, 255, 255, 0.7) !important; }
.msg-success .messi-wrapper{ background-color: #C2E6AD !important; }
.msg-error .messi-wrapper{ background: #FFC7C2; color: #000; }
.msg-load .messi-wrapper{ background: #FBFF96; color: #000; }

span.active, span.inactive{
	display: inline-block;
	width: 16px;
	height: 16px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: left center;
}

span.inactive{
	background-image: url(../images/cross.png);
}

span.active{
	background-image: url(../images/check.png);
}
/**** tabs ****/
.tab-info{
	display: none;
}
ul.tabs , ul.tabs2{
	float:left;
	list-style:none;
	height:29px;
	width:100%;
	margin:0;
	padding:0;
	position: relative;
}
 
ul.tabs li, ul.tabs2 li {
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #3d6086;
	overflow:hidden;
	position:relative;
	background:#457fbd;
	margin:0 -1px -1px 0;
	padding:0;
}

ul.tabs li.blank{
	position: absolute;
	background: none;
	border:none;
	right: 0;
}
 
ul.tabs li a, ul.tabs2 li a {
	text-decoration:none;
	color:#fff;
	display:block;
	outline:none;
	padding:0 20px;
}

ul.tabs li.blank a{
	color: #3377AA;
	padding-right: 0;
	display: inline-block;
}
 
ul.tabs li:hover, ul.tabs2 li:hover{
	background:#4b97e8;
}

ul.tabs li.blank:hover{
	background: none;
	text-decoration: underline;
}
 
ul.tabs li.active, ul.tabs2 li.active{
	background:#fff;
	color: #000;
	border-bottom:1px solid #fff;
	border-left: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
}

ul.tabs.primary li.active{
	background: #fff8d7;
	border-bottom:1px solid #fff8d7;
}

ul.tabs.primary.bg-inactivo li.active{
	background: #ffc9c9;
	border-bottom:1px solid #ffc9c9;
}

ul.tabs li.active a, ul.tabs2 li.active a {
	color: #000;
}

ul.tabs-inner{
	float:left;
	list-style:none;
	height:29px;
	width:100%;
	margin:0;
	padding:0;
	position: relative;
}

ul.tabs-inner li{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #d2a667;
	overflow:hidden;
	position:relative;
	background:#f7b671;
	margin:0 -1px -1px 0;
	padding:0;
}

ul.tabs-inner li a{
	text-decoration:none;
	color:white;
	display:block;
	outline:none;
	padding:0 15px;
}

ul.tabs-inner li.active{
	background:#fffedb;
	color: #000;
	border-bottom:1px solid #fffedb;
	border-left: 1px solid #f5edc7;
	border-top: 1px solid #f5edc7;
	border-right: 1px solid #f5edc7;
}

ul.tabs-inner.bg-inactivo li.active{
	background:#ffd4d4;
	border-bottom:1px solid #ffd4d4;
	border-left: 1px solid #f5b0b0;
	border-top: 1px solid #f5b0b0;
	border-right: 1px solid #f5b0b0;
}

ul.tabs-inner li.active a{
	color: #5a5755;
}

.tabContainer {
	border:1px solid #d1d1d1;
	/*overflow:hidden;*/
	clear:both;
	float:left;
	width:100%;
	background:#fff;

}
 
.tabContent , .tabContent2{
	font-size: 12px;
	padding:10px 20px;
	display: none;
	position: relative;
}

.contInfo{
	border:1px solid #74DDF8;
	padding:10px 20px;
}

.tabContainerInner{
	clear:both;
	float:left;
	width:100%;
	background: #fffedb;
    border: solid 1px #f5edc7;
}

.tabContainerInner.bg-inactivo{
	background: #ffd4d4;
    border: solid 1px #f5b0b0;
}

.tabContentInner{
	font-size: 12px;
	padding:10px 20px;
	display: none;
	position: relative;
}
/******** autocompletado *****/
input#autocomplete{
	background: #fff url(../images/search.png) right center no-repeat;
	padding-right: 25px;
}

input#autocomplete2{
	background-color: #fff;
	background-image: url(../images/search.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 25px;
}

.autocompletado-suggestions{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000;
    cursor: default;
    overflow: auto;
}
.autocompletado-suggestion{
	padding:2px 5px;
	white-space:nowrap;
	overflow:hidden;
}
.autocompletado-suggestion strong{
	font-family: 'robotomedium', Arial,sans-serif; 
	color:black;
}
.autocompletado-selected{
	background:#1980EC;
	color:white;
}
.autocompletado-selected strong{
	color:white !important;
}

.lblock label{
	float: left;
	clear: left;
	padding-bottom: 4px;
}
.lblock label input{
	vertical-align: middle;
	margin-right: 4px;
}
.timeEntry-control {
	vertical-align: middle;
	margin-left: 2px;
}

.group{
	border: solid 1px #ccc;
}

.group legend{
	color: #000;
	font-family: 'robotomedium', Arial,sans-serif; 
}
/******************************** Uniform ****************/
.selector, .radio, .checker, .uploader, .selector *, .radio *, .checker *, .uploader *{ margin: 0; padding: 0; cursor: pointer; }
div.uploader{
	width: 35%;
	position: relative;
	margin: 0;
	vertical-align: middle;
	/*-webkit-box-shadow: inset 0 4px 6px rgba(0,0,0,0.1);
	box-shadow: inset 0 4px 6px rgba(0,0,0,0.1);
	border-radius: 4px 4px 4px 4px;*/
	color: #000;
	display: inline-block;
	zoom: 1;
	font-size: 12px;
	font-family: 'robotoregular', Arial,sans-serif;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	padding: 4px 6px;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
}

div.uploader span.action{
	width: 22px; 
	background: #fff url(../images/addFiles.png) no-repeat 0 0; 
	height: 22px; 
	float: right; 
	text-indent: -9999px; 
	display: inline; 
	overflow: hidden; 
	cursor: pointer;
	margin-top: -1px;
	margin-right: -3px;
}

div.uploader label.error{
	position: absolute;
	bottom: -25px;
}

div.uploader span.filename{ 
  	color: #000; 
  	max-width: 80%; 
  	float: left;
  	display: block;
   	overflow: hidden; 
   	text-overflow: ellipsis; 
   	white-space: nowrap; 
   	cursor: default;
 }

div.uploader input{ 
	width: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	float: right;
	height: 28px; 
	border: none; 
	cursor: pointer;
}

.motivos div.selector{
	margin-top: 5px !important;
	margin-left: auto;
}

div.selector { 
	background: #fff; 
	border: 1px solid #D2D2D2; line-height: 25px; height: 25px; 
	box-sizing: content-box;
	 -webkit-box-sizing: content-box; 
	 -moz-box-sizing: content-box; 
	 -ms-box-sizing: content-box;  
	 border-radius: 2px; 
	 -webkit-border-radius: 2px; 
	 -moz-border-radius: 2px;  
	  display: -moz-inline-box; 
	  display: inline-block; 
	  vertical-align: middle; 
	  zoom: 1; 
	  margin: 0; 
	  padding: 0; 
	  cursor: pointer; 
	  width: auto !important; 
	  max-width: 240px; 
	  font-size: 12px;
	  font-family: 'robotoregular', Arial,sans-serif;
	  position: relative; 
	  overflow: hidden;
}
.box-content .listado div.selector.focus{
	border:solid 1px #0FB1DA;
}

.box-content .listado  .selector, .selector span {
    width: auto !important;
}

/*.box-content .listado  .selector span {
    padding-left: 30px !important;
    text-indent: -17px;
}*/
div.selector span { 
	display: block; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	color: #808080; 
	text-shadow: 0 1px #f5f5f5; 
	padding: 0px 30px 0px 6px; 
	background: url(../images/selectArrow.png) no-repeat 100%; 
	cursor: pointer; 
	height: 25px; 
	line-height: 25px;
	max-width: 204px;
}
div.selector select { 
	position: absolute; 
	opacity: 0;
	height: 26px;
	 border: none; 
	 background: none; 
	 font-family: 'robotoregular', Arial,sans-serif;
	 font-size: 12px; 
	 border: solid 1px white; 
	 width: 100%;
	 top: 0px; 
	 left: 0px; 
}
.disabled { opacity: 0.5; filter: alpha(opacity=50);; }
.labelDisabled { color: #B7B7B7; }

.gestion.campo div.selector{
	max-width: 350px;
}

.gestion.campo div.selector span{
	max-width: none;
}

.gestion.campo select{
	max-width: 350px !important;
}

.tableSearch.full div.selector{
	max-width: 150px;
}

.tableSearch.full div.selector span{
	max-width: none;
	width: auto !important; 
}

.tdMes div.selector{
	max-width: 100px !important;
}
/*.red { color: red; }*/
select.resultado{
	font-family: 'robotoregular', Arial,sans-serif;
	font-size: 11px;
}

.tooltip {
    background-color:#0a85a4;
    border:1px solid #fff;
    padding:7px 10px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
}

/*a[title]:hover:after {
  content: attr(title);
  border:1px solid #fff;
  padding:7px 10px;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 20px;
  background-color:#0a85a4;
  color:#fff;
  text-align:left;
  font-size:12px;
}*/

/**** paginate dataTables****/

.dataTables_paginate{
	margin-top: 20px;
	float: right;
}

.paginate_button{
	display: inline-block;
	padding: 5px 10px;
	border: solid 1px #D3D3D3;
	background: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	color: #565454;
	margin-right: 4px;
	cursor: pointer;
}
.paginate_button.current{
	border: solid 1px #2D2B2B;
	background: #565454;
	color: white;
}

.paginate_button.disabled{
	cursor:text;
	color: #999;
	opacity: 0.6;
}

/*.dataTables_paginate .first,.dataTables_paginate .previous,.dataTables_paginate .next,.dataTables_paginate .last{
	text-indent:-5000px;
	background-image:url("../images/arrows.png");
	background-position:left top;
	background-repeat:no-repeat;
}
.dataTables_paginate .first{
	background-position:8px -95px;
}
.dataTables_paginate .first.paginate_button_disabled{
	background-position:8px -353px;
}
.dataTables_paginate .previous{
	background-position:7px -65px;
}
.dataTables_paginate .previous.paginate_button_disabled{
	background-position:8px -323px;
}
.dataTables_paginate .next{
	background-position:7px 4px;
}
.dataTables_paginate .next.paginate_button_disabled{
	background-position:8px -254px;
}
.dataTables_paginate .last{
	background-position:8px -35px;
}
.dataTables_paginate .last.paginate_button_disabled{
	background-position:8px -293px;
}
*/

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}

table.dataTable thead .sorting {
    background-image: url(../images/sort_both.png);
}
table.dataTable thead .sorting_desc {
    background-image: url(../images/sort_desc.png);
}
table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png);
}

.options label{
	width: auto;
	color: #000;
    font-size: 12px;
    margin-right: 20px;
}

.options label input{
	vertical-align: top;
	margin-right: 5px;
	margin-top: 1px;
}

/**** webphone **/
.webphone-wrap{
	height: auto !important;
	width: auto !important;
}

.inline{
	display: inline-block;
}

.max320{
	max-height: 320px !important;
}

.max450{
	max-height: 450px !important;
}

.max300{
	max-height: 300px !important;
}

.ico-more{
	display: inline-block;
	vertical-align: middle;
	border: solid 1px #ccc;
	margin-right: 5px;
	font-size: 18px;
	line-height: 14px;
	width: 16px;
	text-align: center;
}

/* Buttons */

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}
.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}


/* table */
#tableFixed.listado td {
  max-width: 90px;
  min-width: 90px;
  width: auto !important;
  /*height: 26px;*/
  -webkit-transition: background linear 0.3s;
  -moz-transition: background linear 0.3s;
  -o-transition: background linear 0.3s;
  transition: background linear 0.3s;
    overflow: hidden;
  text-overflow: ellipsis;
  
}
.listado tbody td { 
	white-space: nowrap;
  	font-size: 11px;
  	box-sizing: border-box;
    padding: 3px 10px;
}
td.td-user {
    padding-left: 5px;
}

.listado tbody tr.segmento {
	height: auto !important;
}
.dataTables_scrollBody tbody td {
  text-align: right;
}
td.td-tram, .td-seg {
    padding-left: 8px !important;
}

.data-tram, .data-seg, .listado .txtright, .usuario td{
    padding-right: 10px;
}

/*.listado tbody tr:last-child td {
    padding-left: 9px !important;
}*/

.listado.supervision tbody tr:last-child td {
    padding-left: 2px !important;
}
.hidden {
	opacity: 0;
}
#frmPredictivo select {
    width: 95% !important;
}
#btGenerarConvenio{
	display: none;
}
/*.menuestados li.rojo a, .menuestados li.rojo a:hover{	color: #FD3B3B;}
.menuestados li.naranja a, .menuestados li.naranja a:hover{	color: #FF9D25;}
.menuestados li.verde a, .menuestados li.verde a:hover{	color: #28E011;}
.menuestados li.amarillo a, .menuestados li.amarillo a:hover{	color: #FFEE25;}*/
.menuestados li span.icoEstado{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-right: 5px;
}
.menuestados li.rojo span.icoEstado{background-color: #FD3B3B;}
.menuestados li.naranja span.icoEstado{	background-color: #FF9D25;}
.menuestados li.verde span.icoEstado{	background-color: #28E011;}
.menuestados li.amarillo span.icoEstado{	background-color: #FFEE25;}
.menuestados li.cian span.icoEstado{	background-color: #3BFEC7;}
.menuestados li.rose span.icoEstado{	background-color: #FF69AF;}
.menuestados li.rose2 span.icoEstado{	background-color: #fbd8c3;}
.menuestados li.purple span.icoEstado{	background-color: #BB6AEC;}
.menuestados li.cian2 span.icoEstado{	background-color: #3bb6fe;}
/*.menuestados li a{color: white !important}*/

#linkEstado i{font-size: 11px;}
#linkEstado.rojo i{	color: #FD3B3B !important;}
#linkEstado.naranja i{	color: #FF9D25 !important;}
#linkEstado.verde i{	color: #28E011 !important;}
#linkEstado.amarillo i{	color: #FFEE25 !important;}
#linkEstado.cian i{	color: #3BFEC7 !important;}
#linkEstado.rose i{	color: #FF69AF !important;}
#linkEstado.rose2 i{	color: #fbd8c3 !important;}
#linkEstado.purple i{	color: #BB6AEC !important;}
#linkEstado.cian2 i{	color: #3bb6fe !important;}

.boton2{
	background-color: #3081bd;
    border: solid 1px #27608a;
	border-radius: 0px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 1px 8px;
	font-size: 12px;
	text-decoration: none;
	height: 22px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	min-width: 80px;
	text-align: center;
	vertical-align: middle;
}

/*******************/
#datosPromesa table{
	width: auto;
}

#datosPromesa div.selector{
	width: 95% !important;
}
#datosPromesa div.selector span{
	width: auto !important;
}

/**** administrar carteras ***/

table.admcarteras thead td.txtleft{
	text-align: left !important;
}

table.admcarteras.listado tr div.selector{
	width: 90% !important;
}
table.admcarteras.listado tr div.selector span{
	width: auto !important;
}

table.admcarteras tbody tr.tr-green{
	background: #D4FBA9;
}
table.admcarteras tbody tr.tr-red{
	background: #FFD3D3;
	-webkit-transition: background linear 0.3s;
  	-moz-transition: background linear 0.3s;
  	-o-transition: background linear 0.3s;
  	transition: background linear 0.3s;
}

table.listado.admcarteras tbody tr {
    border-top: 1px solid #C3BCBC;
    -webkit-transition: background linear 0.3s;
  	-moz-transition: background linear 0.3s;
  	-o-transition: background linear 0.3s;
  	transition: background linear 0.3s;
}

/*** Auditar ********/
table.tAuditar{
	margin-top: 10px;
}
table.tAuditar thead td{
	text-transform: uppercase;
	font-family: 'robotomedium', Arial,sans-serif; 
	background: #D4FFFF;
}
table.tAuditar tbody td{
	white-space: normal; 
}
table.tAuditar tbody tr.val td{
	text-align: center;
	background: white;
	vertical-align: top;
}
table.tAuditar tbody tr.titles td{
	text-align: center;
	font-size: 11px;
	color:#000;
	background: #f7f7f7;
}

#options label{
	color: #000;
}

#options label.error, .txtred{
	color: red;
}

#options input{
	display: inline-block;
	vertical-align: middle;
	margin:0 10px;
}

.colInfoGraph table tbody td{
	padding: 5px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

.colInfoGraph table tbody td:last-child{
	border-right: none;
}

.colInfoGraph table thead td{
	background: transparent;
	border: medium none;
    color: transparent;
    height: 0;
    line-height: 0;
    padding: 0;
    white-space: nowrap;
}

.colInfoGraph table thead tr.name td div{
	position: absolute;
	top: 35px;
	background: #e5f7fc;
	font-family: 'robotomedium', Arial,sans-serif; 
	color: #000;
	padding: 0 2%;
	width: 96%;
	height: 30px;
	line-height: 30px;
}

.colInfoGraph table tbody tr.total td{
	/*background: #BFBFBF;*/
	font-family: 'robotomedium', Arial,sans-serif; 
	color: #000;
}

#graph-right2 table tbody td{
	padding: 5px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

#graph-right2 table tbody tr td:last-child{
	border-right: none;
}

#graph-right2 table tbody tr:last-child td{
	border-bottom: none;
}

#graph-right2 table thead tr.name td{
	background: #497298;
	font-family: 'robotomedium', Arial,sans-serif; 
	color: white;
	font-size: 13px;
	padding: 6px 10px;
	text-transform: uppercase;
}

#graph-right2 table tbody tr.total td{
	/*background: #BFBFBF;*/
	font-family: 'robotomedium', Arial,sans-serif; 
	color: #000;
}

#graph{
	float: left;
	width: 78%;
	margin-top: 20px;
}

#graph-right, #graph-right2{
	float: right;
	width: 20%;
	display: none;
	margin-top: 20px;
}

#graph-right2{
	background: #f8f8f8;
	border: 1px solid #7F969C;
}

#listForm{
	height: 520px;
	max-width: inherit !important;
    width: 100%;
    padding: 0;
}

#listForm option{
	padding: 3px 5px;
	font-size: 14px;
	border-bottom: dotted 1px #ccc;
}

#titleListForm{
	background: #497298;
    color: #fff;
    text-transform: uppercase;
    font-family: 'robotomedium', Arial,sans-serif; 
    border: 1px solid #497298;
    margin-bottom: 1px;
    padding: 5px 10px;
}

#enviarListForm{
	width: 100%;
    margin-top: 15px;
}

.colInfoGraph{
	float: left;
	width: 23.3%;
	margin-right: 2%;
	background: #f8f8f8;
	border: 1px solid #7F969C;
	position: relative;
	padding-top:65px; 
	overflow: hidden;
}

.colInfoGraph h3{
	position: absolute;
	top: 0;
	height: 35px;
	line-height: 35px;
	background: #497298;
	color: white;
	width: 96%;
	padding: 0 2%;
	font-family: 'robotomedium', Arial,sans-serif; 
	font-size: 13px;
}

.infoContainer{
	 height: 200px;
    overflow-y: auto;
}

#tableInfoGraph{
	margin-top: 20px;
}

#tableInfoGraph div.colInfoGraph:last-child{
	margin-right: 0;
}

#frmGraph table tbody td{
	padding-right: 20px;
}

#frmGraph table tbody td.opt label{
	padding-right: 15px;
}

#frmGraph table tbody td.opt label input{
	vertical-align: middle;
	margin-right: 4px;
}

#infoLlamadas{
    position: fixed;
    bottom: 8px;
    z-index: 99;
    left: 20px;
    background: #ececec;
    padding: 5px;
    border: solid 1px #ccc;
    font-size: 11px;
}
#infoLlamadas label{
	display: inline-block;
    background: #FF6B50;
    border: solid 1px #E65117;
    color: white !important;
    /*margin-left: 5px;*/
    margin-right: 15px;
    padding: 0 5px;
}

#infoLlamadas label.toilet{
	background-color: #ffc47c;
	color:#000 !important;
	border:solid 1px #e89a3a;
	font-family: 'robotoregular';
}

#infoLlamadas label.acw{
	background-color: #bdffff;
	color:#000 !important;
	border:solid 1px #99bdbd;
	font-family: 'robotoregular';
}

#infoLlamadas label.hablado{
	background-color: #a9fbab;
	color:#000 !important;
	border:solid 1px #7bc37c;
	font-family: 'robotoregular';
}

#infoLlamadas label.refrigerio{
	background-color: #fff39d;
	color:#000 !important;
	border:solid 1px #d4ca8a;
	font-family: 'robotoregular';
}

#infoLlamadas p span{
	display: inline-block;
    background: #e0f1f1;
    border: solid 1px #a1caca;
    padding: 4px 0 4px 10px;
    margin-right: 10px;
}

#infoLlamadas p span label{
	background: #60addc;
    border: solid 1px #386f94;
}

#infoLlamadas label.dia{
	background-color: #187ebd;
}

#divTareas, #popAddPhone, #divSpeach{
	position: fixed;
	bottom: 75px;
	right: 5px;
	width: 600px;
	z-index: 11;
	border: solid 1px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 5px 1px rgba(0, 0, 0, 0.3);
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	display: none;
}

#popAddPhone{
	width: 480px;
}

#btCloseTareas, #showTareas label, #showpopAddPhone label, #btCloseAddPhone, #showSpeach label, #btCloseSpeach{
	position: absolute;
	top: 5px;
	right: 20px;
	background: rgba(0,0,0,0.7);
    color: white;
    text-decoration: none;
    padding: 2px 8px;
    border-radius: 4px;
    font-family: 'robotomedium', Arial,sans-serif;
}

#showTareas label, #showpopAddPhone label{
	right: 10px;
}

#btCloseTareas, #btCloseAddPhone, #btCloseSpeach{
	right: initial;
	left: 20px;
}

#divTareas .p20, #popAddPhone .p20, #divSpeach .p20{
	background: #ECEFF1;
}

#divTareas h3,#showTareas, #showpopAddPhone, #popAddPhone h3,  #divSpeach h3, #showSpeach{
	background: #3A3D3D;
	font-family: 'robotomedium', Arial,sans-serif;
	color: white;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 7px 20px;
	font-size: 14px;
}

#showpopAddPhone{
	background: #3377aa;
}

#divTareas h3, #popAddPhone h3,  #divSpeach h3{
	padding-left: 60px;
}

#showTareas, #showpopAddPhone, #showSpeach{
	position: fixed;
	bottom: 83px;
	right: 10px;
	z-index: 10;
	text-decoration: none;
	width: 180px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 5px 1px rgba(0, 0, 0, 0.3);
	border: solid 1px rgba(0,0,0,0.3);
}
#showSpeach{
	width: 205px;
}

#showTareas, #showSpeach{
	right: 245px;
}

#showTareas.speech{
	right: 260px;
}

#showSpeach.hasTarea{
	width: 200px;
	right: 510px;
}

.msgEstado{
	background: #fda0a0;
    border: 1px solid #fff;
    left: 50%;
    margin-left: -200px;
    margin-top: -60px;
    padding: 20px;
    position: fixed;
    top: 50%;
    width: 360px;
    z-index: 101;
}

.msgEstado.ocupado{
	background: #ff7a7a;
}

.msgEstado.refrigerio{
	background: #fdf059;
}

.msgEstado.servicios{
	background: #f9ad50;
}

.msgEstado p{
	font-size: 15px;
	color: #000 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.msgEstado p span{
	font-family: 'robotomedium', Arial,sans-serif;
	color: green;
}

.msgEstado p.currentStatus{
	font-family: 'robotomedium', Arial,sans-serif;
	font-size: 16px;
}

#overlay2{
	position: fixed;
	background: rgba(0,0,0,0.5);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}

/********* telefonos ********/
#overlay{
	position: fixed;
	background: rgba(0,0,0,0.5);
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}

#popSearch, #popHistorialTelefonos{
	display: none;
	position: fixed;
	background: white;
	height: 500px;
	width: 900px;
	border-radius: 10px;
	left: 50%;
	top: 50%;
	margin-left: -450px;
	margin-top: -280px;
	z-index: 101;
}

#popHistorialTelefonos{
	height: auto;
	max-height: 450px;
	margin-top: -250px;
	padding-bottom: 20px;
}

.popup{
	display: none;
	position: fixed;
	background: white;
	height: auto;
	width: 350px;
	border-radius: 10px;
	left: 50%;
	top: 50%;
	margin-top: -100px;
    margin-left: -175px;
	z-index: 101;
}
#popSearch h2, #popHistorialTelefonos h2, .popup h2{
	background: #333;
	color: white;
	text-align: center;
	font-size: 20px;
	padding:5px 20px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.popClose, .popupClose{
	position: absolute;
	right: -15px;
	top: -15px;
	background: #333;
	display: block;
	height: 26px;
	width: 26px;
	color: white;
	text-align: center;
	line-height: 26px;
	border-radius: 15px;
	text-decoration: none;
	font-weight: bold;
	border: solid 2px white;
} 
.popClose:hover, .popupClose:hover{
	position: absolute !important;
}

/*#showpopAddPhone{
	position: absolute;
	right: 0px;
}*/

#popAddPhone label{
	display: block;
}

#popAddPhone table div.selector{
	width: 99% !important;
}
#popAddPhone table div.selector span{
	width: auto !important;
}

/******************* nuevo *******/
#barra-top .sidebar-toggle {
    color: #fff;
    opacity: 0.9;
    float: left;
    background-color: transparent;
    background-image: none;
    padding:15px;
    position: relative;
    transition: all 0.3s ease;
    max-height: 50px;
    font-size:20px;
}

#barra-top .sidebar-toggle:hover {
    color: #f6f6f6;
    opacity: 1;
}
.aside{
	position: fixed;
    top: 0;
    left: 0;
    background: #3377aa;
    padding-top: 40px;
    min-height: 100vh;
    width: 230px;
    z-index: 81;
    box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2);
    transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

.sidebar-menu li.treeview{
	border-bottom: solid 1px #195A88;
	    display: inherit;
}

.sidebar-menu li{
	display: inherit;
}

.sidebar-menu a{
	text-decoration: none;
}

.sidebar-menu>li>a {
    padding: 12px 5px 12px 15px;
    display: block;
    position: relative;
    font-size: 14px;
    background-color: #3377aa;
    color: #fff;
}

.sidebar-menu>li.active>a {
    color: #fff;
    /*font-weight: 600;*/
    background: #236593;
}
.sidebar-menu>li>a>i {
    padding-right: 6px;
    display: inline;
    font-size: 18px;
    vertical-align: middle;
}
.sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    margin: 0;
}

.sidebar-menu .treeview-menu li {
    margin: 0;
}
.sidebar-menu .treeview-menu>li:first-child >a {
    border: none;
}

.sidebar-menu .treeview-menu li>a {
    padding: 10px 15px 10px 20px;
    display: block;
    font-size: 13px;
    position: relative;
    border-top: 1px solid #A9D2EF;
    color: #fff;
    background: #4892C6;
}

.sidebar-menu .treeview-menu li>a:hover {
	color:#fff;
}

.sidebar-menu .treeview-menu li.active>a {
    color: #3377AA;
    font-weight: bold;
}

.sidebar-menu .treeview-menu li>a>i:first-of-type {
    padding-right: 10px;
}

/*.treeview-menu i {
    font-size: 9px;
}*/

.sidebar-menu li>a>.icon-arrow-down5 {
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    padding: 0;
    float: none;
    margin-right: 12px;
    margin-top: 5px;
    transition: all 0.3s ease;
    font-size: 16px;
}

.sidebar-menu li.active>a>.icon-arrow-down5{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}
.sidebar-menu li.active>.treeview-menu {
    display: block
}

/**** collapse ***/
.sidebar-collapse .icon-arrow-down5{
    display: none;
}
.sidebar-collapse .sidebar-menu .treeview-menu>li>a{
    padding-left: 20px;
}
.sidebar-collapse .treeview-menu{
    box-shadow: 2px 1px 5px 1px rgba(128, 128, 128, 0.28);
}

.sidebar-collapse .aside {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    transform: translate(-230px, 0)
}

.sidebar-mini.sidebar-collapse #content{
    margin-left: 50px !important;
    z-index: 84
}

.sidebar-mini.sidebar-collapse .titulo-principal{
    left: 50px;
}

.sidebar-mini.sidebar-collapse #barra-top .logo{
    opacity: 0;
}


.sidebar-mini.sidebar-collapse #infoLlamadas{
    left: 70px !important;
}


.sidebar-mini.sidebar-collapse .aside {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 85
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li {
    position: relative
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
    margin-right: 0;
    position: relative;
    transition: none;
    overflow:visible;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.fa-angle-right {
    display: none
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
    display: none !important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    display: block !important;
    position: absolute;
    width: 230px;
    left: 50px;
    box-shadow: 2px 1px 5px 1px rgba(128, 128, 128, 0.28);
    background: #236593;
    color: #fff;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
    top: 0;
    padding: 14px 5px 14px 20px;
    width: 205px !important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu li.nav-label:hover>a>span {
    display: none !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu li.nav-label a, .sidebar-mini .sidebar-menu li.nav-label a{
    background: rgba(0,0,0,0.1);
}

.sidebar-mini.sidebar-collapse .sidebar-menu li.nav-label a:hover, .sidebar-mini .sidebar-menu li.nav-label a:hover{
	background: rgba(0,0,0,0.2);
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a{
    background: #236593;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    top: 44px;
    margin-left: 0
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
    display: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.titulo-principal{
	position: fixed;
	font-size: 18px;
	top: 0px;
	left: 230px;
	z-index: 100;
	border-left: solid 1px #6ba8d6;
	line-height: 40px;
	padding-left: 20px;
	color: #fff;
	-webkit-transition: all 0.4s; /* Safari */
    transition: all 0.4s;
}

.listado i{
	font-size: 14px;
	color: #3377AA;
	vertical-align: middle;
}

.listado .boton i{
	vertical-align: top;
	color: white;
}

.listado .boton2 i{
	color: white;
    vertical-align: top;
    padding-right: 4px;
}

.listado .boton2:hover i{
	color: white;
}

.listado a:hover i{
	color: #4697d4;
}

.listado .boton:hover i{
	color: white;
}

.box-manual{
	padding: 10px;
	border: solid 1px #ccc;
	background: #fff6db;
}

.box-predictivo{
	padding: 10px;
	border: solid 1px #ccc;
	background:#e5f9de;
}

.box-progresivo{
	padding: 10px;
	border: solid 1px #ccc;
	background: #dfeaf5;
}

.boxBuscador{
	border: solid 1px #fff;
	border-top-color: #ccc;
	border-left-color: #ccc;
}

.wrapBuscador{
	padding: 10px;
	border: solid 1px #ccc;
	border-top-color: #fff;
	border-left-color: #fff;
}

.boxBuscador table{
	width: auto;
}

.boxBuscador table td{
	padding-right: 15px;
	vertical-align: top;
}

.no-found{
	display: block;
	padding: 10px;
    border: solid 2px #adcde6;
    border-left: 0;
    border-right: 0;
    background: #dff1ff;
    color: #000;
    margin-top: 10px;
}

.breadcrumbs{
	padding-bottom: 10px;
	color: #000;
	margin-top: -8px;
}

.breadcrumbs i{
	font-size: 10px;
}

.breadcrumbs .home i{
	font-size: 14px;
}

fieldset, fieldset.fFrame{
    border: solid 1px #ccc;
    padding: 5px 10px 5px;
    margin:0;
}

fieldset.fFrame legend{
	font-family: 'robotomedium', Arial,sans-serif;
	color: #000;
}

.importador fieldset label, .filtros fieldset label{
	padding-right: 20px;
	vertical-align: middle;
}

.importador fieldset label input, .filtros fieldset label input{
	margin-right: 5px;
	vertical-align: middle;
}

.importador.file span{
	display: block;
}

.importador.file .uploader{
	width: 93%;
}

#btnCuentasLiberadas.horizontal {
    width: 100%;
    float: none;
}

.frmAbsolute{
	background: #e8edff;
    border: solid 1px #aab6d4;
    padding-left: 70px;
    position: relative;
}

.frmAbsolute legend{
	position: absolute;
	left: 10px;
	font-family: 'robotomedium';
}

.frmAbsolute label{
	padding-right: 30px;
	vertical-align: middle;
}

.frmAbsolute label:last-child{
	padding-right:0px;
}

#showAgendado {
    position: absolute;
    right: 0;
}

/********* supervision**********/

table.listado.supervision{
	border: none;
}

table.listado.supervision td{
	padding: 2px !important;
}

table.listado.supervision tr td:last-child{
	border-right: 1px solid #bbb;
}

table.listado.supervision tr.transparent{
	background: #f1f1f1;
	height: 30px;
	border-left: none;
}

table.listado.supervision tr.transparent td{
	border-left: none;
	border-right: none !important;
}

table.listado.supervision tr.thead td{ 
    font-size: 12px;
    font-family: 'robotomedium', Arial,sans-serif; 
    padding: 6px 10px 5px;
    border-bottom: 1px solid #297cbb;
    border-top: 1px solid #297cbb;
    border-left: 1px solid #297cbb;
    color: #fff;
    background: #83b1d4;
	white-space: nowrap;
	text-align: center;
	font-weight: normal;
}

table.listado.supervision tr.tdTitulo td{
	background: #DADADA;
    font-size: 14px;
    color: #000;
    font-family: 'robotoregular', Arial,sans-serif;
    padding: 4px 20px !important;
    border: 1px solid #C1C1C1;
    border-bottom: none;
}

table.listado.supervision tr:first-child{
	height: 0 !important;
}

table.listado.supervision tr:first-child td{
	padding: 0 !important;
}

table.listado.supervision tr:last-child{
	border-bottom: 1px solid #bbb;
}

table.listado tbody tr td.naranja{background-color: #ffc47c;}
table.listado tbody tr td.verde2{background-color: #88e27d;}
table.listado tbody tr td.verde3{background-color: #a9fbab;}
table.listado tbody tr td.amarillo{background-color: #fff39d;}
table.listado tbody tr td.cian2{background-color: #3BFEC7;}
table.listado tbody tr td.cian3{background-color: #bdffff;}
table.listado tbody tr td.red2{background-color: #ffbdbd;}
table.listado tbody tr td.textred{color: red;}

#btDesconectar{
	background-image: url('../images/user-block.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	min-width: inherit;
}

#Monitorear{
	background-image: url('../images/headphones.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	min-width: inherit;
}

/*****/
.telefonos .boton {
    height: 20px;
    line-height: 18px;
}

.listado.asterisk tbody tr:nth-child(even) {
    background: #F7F7F7;
}

.listado.asterisk tbody td {
    padding: 6px 10px;
    font-size: 11px;
}

.listado.asterisk tbody td a i {
    font-size: 11px;
}

.listado.asterisk tbody td a span {
    text-decoration: underline;
}

.listado.asterisk tbody tr td:last-child a{
    font-size: 11px;
}

.observacion textarea{
	width: 100%;
	height: 100px;
}

#tablaHistorial, #tablaHistorial2, #tablaHistorialTelefonosAnt, #tablaHistorialTelefonos{
        width: 100% !important;
 }

#tablaHistorial tbody td.nowrap, #tablaHistorial thead td.nowrap, #tablaHistorial2 tbody td.nowrap, #tablaHistorial2 thead td.nowrap{
	white-space: normal;
	min-width: 200px;
}

#tablaHistorialTelefonosAnt tbody td.nowrap, #tablaHistorialTelefonosAnt thead td.nowrap, #tablaHistorialTelefonos tbody td.nowrap, #tablaHistorialTelefonos thead td.nowrap{
	white-space: normal;
	min-width: 200px;
}

.btEditarCliente, .btEditarCliente:hover{
	position: absolute;
	right: 0;
	top: -20px;
}

.btEditarCliente:hover{
	text-decoration: underline;
}

#btUpdateCliente{
	right: 75px;
}

#tablaResultados tbody td, #tableCuotas tbody td{
	white-space: normal;
}

/*** botones guardar automatico **/
.btAutomatico{
	position: absolute;
	right: 145px;
	top: 11px;
}

.listado tbody td.nowrap{
	white-space: normal;
	min-width: 500px;
}

.listado tbody tr.pagado{
	background: #ffe4c4;
} 

.listado tbody tr.green{
	background: #d5ffc4;
}

/*#addReferido {
    position: absolute;
    right: 0;
}*/

#listResultadosPred{
	list-style: none;
	border: solid 1px #c6dfe4;
    padding: 10px;
    background: #f2fdfc;
}

#listResultadosPred li{
	display: inline-block;
	width: 48%;
}

#listResultadosPred label:hover{
	cursor: pointer;
	color: #000;
}

#divResultados label.error{
	padding-left: 0;
}
#wrap-btDownTransaction{
	display: none;
}

.wrapBox{
    overflow: hidden;
}

.box{
    float: left;
    width: 16%;
    margin-right: 20px;
    border: solid 1px #ccc;
    padding: 8px 10px;
}

.box.box1{
    border: solid 1px #83B1D4;
    background: #DBE3FF;
}

.box.box2{
    border: solid 1px #99EB98;
    background: #DEFFDD;
}

.box.box3{
    border: solid 1px #FDBE81;
    background: #FEF4EA;
}

.tabs-container {
    clear: both;
    border: solid 1px #ccc;
    padding: 12px;
    border-top: none;
}
#validMicro{
	background: #2790d8;
}

#validMicro:hover{
	color: white;
	background: #2083c7;
}