.menuprod {margin-bottom:10px;background-color:#27aae1}
body {margin-bottom:64px;color:#353535}
footer {color: white; text-align: center;background-color:#27aae1}
footer a {color:#27aae1;}
footer a:hover{color:#ffffff;}
.panel-default>.panel-heading{font-weight: bold;background: #27aae1;color: #ffffff;}
.btn-primary {color: white;background:#27aae1;border-color:#27aae1}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:#353535;border-color:#353535}
.form-control {margin-bottom: 10px;}
.btn-call_history .fa::before {content:"\f03a"}
.btn-extensions .fa::before {content:"\f098"}
.btn-voicemail .fa::before {content:"\f0e0"}
.btn-users .fa::before {content:"\f0c0"}
.btn-stats .fa::before {content:"\f200"}
.btn-sounds .fa::before {content:"\f028"}
.btn-intervals .fa::before {content:"\f017"}
.btn-call_recordings .fa::before {content:"\f130"}
.dashboard {text-align:center;margin-bottom: 40px;}
.dashboard .titulo {margin:20px 20px 40px 20px;}
.dashboard .menuprod {max-width: 500px;}
.dashboard a:NTH-CHILD(3):after {
  content: '\A';
  white-space: pre-line;
}
.main-box-content .btn {position: inherit;float:right;margin:0 10px;}
.borrar {clear:both;}
.ocultar {display:none}
.filtro .btn-submit {    position: absolute;   bottom: 10px;   right: 10px;}
.filtro {    position: relative;}
.filtro .btn-submit:NTH-of-type(2) {right:85px;}
.filtro , .filtro .main-box-icon,.filtro .main-box-content{height:125px}
.filtro label {    padding-top: 5px;}
.filtro .main-box-content>div {padding:0;}
.filtro.main-box {margin-bottom:10px;}
.table thead tr {background:#27aae1;}
.table thead tr th {color:#fff;}
.paginacion{float:right}
.paginacion>div {    float: left; margin: 7px;}
.paginacion .pagination {margin:0 10px;}
.navbar-nav .nombre-usuario{    max-width: 250px; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;}
.filtro .main-box-icon .items {font-size:65px;margin-top:6px}


/*Informes*/
#configurar,#cancelar_configurar{padding-top:5px;}
.flo-right{float:right}
#informe {margin-bottom:10px;width:100%;height:40vh;clear:both;}
#tabla_informe td.negativo {color:#e63939;}
#tabla_informe td.positivo {color:#0eb10e;font-weight: 600;}
.col3f1g2-c1{
	float: left;
    width: 66%;}
.col3f1-c1 {
    float: left;
    margin: 0% 1.99% 0% 0%;
    width: 32%;
}
.col3f1-c3 {
    float: right;
    width: 32%;
}
.col3f1-c2 {
    float: left;
    margin: 0% 0% 0% 0%;
    width: 32%;
}
.borrar {
    clear: both;
}

.ocultar {
    display: none;
}

.dashboard-informes-conf .placeholder {
	outline: 1px dashed #4183C4;
	background: #e2ffc5 url(placeholder_ok.png) 5px 50% no-repeat;
}
.dashboard-informes-conf .mjs-nestedSortable-error {
	background-color: #fbe3e4;
	background-image: url(placeholder_forbidden.png);
	border-color: transparent;
}

.dashboard-informes-conf #tree {
	width: 550px;
	margin: 0;
}

.dashboard-informes-conf ol {
	/*max-width: 450px;*/
	padding-left: 25px;
	
}
.dashboard-informes-conf ol ol {
	background: url(fondo-vert.gif) 12px 0 repeat-y;
}
.dashboard-informes-conf ol.sortable,ol.sortable ol {
	list-style-type: none;
}

.dashboard-informes-conf .sortable li div {
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: move;
	border-color: #D4D4D4 #D4D4D4 #BCBCBC;
	margin: 0;
	padding: 3px;
}

.dashboard-informes-conf li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
	border-color: #999;
}

.dashboard-informes-conf .disclose, .expandEditor {
	cursor: pointer;
	width: 20px;
	display: none;
}

.dashboard-informes-conf .sortable li.mjs-nestedSortable-collapsed > ol {
	display: none;
}

.dashboard-informes-conf .sortable li.mjs-nestedSortable-branch > div > .disclose {
	display: inline-block;
}

.dashboard-informes-conf .sortable span.ui-icon {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.dashboard-informes-conf .menuDiv {
	background: #EBEBEB;
}

.dashboard-informes-conf .menuEdit {
	background: #FFF;
}

.dashboard-informes-conf .itemTitle {
	vertical-align: middle;
	cursor: pointer;
}

.dashboard-informes-conf .deleteMenu {
	float: right;
	cursor: pointer;
}
.dashboard-informes-conf li.grupo>div {
	background:#353535;
	color:white;
}
.dashboard-informes-conf li.grupo>div>.ui-icon {
    background-image: url(../lib/jquery-ui/css/telsome/images/ui-icons_fff_256x240.png);
}
.dashboard-informes-conf li.usuario>div {
	background:white;
	color:#353535;
}
.dashboard-informes-conf li.grupo .resumen {
	float: right;
	color:#27aae1;
}
.dashboard-informes-conf #grupos .grupo .grupo>div>.ui-icon {/*display:none !important*/}
.dashboard-informes-conf #anadir_grupo {float:left;margin-right:10px;}
.dashboard-informes-conf #guardar {float:left;margin-right:10px;}
.dashboard-informes-conf #grupos {
	padding-top:10px;
	clear:both;
}
.dashboard-informes-conf #grupos.dos-columnas {
	-moz-column-count: 2;
    -moz-column-gap: 10px;
    -moz-column-rule: 1px dashed #ccc;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
	-webkit-column-rule: 1px dashed #ccc;
    column-count: 2;
    column-gap: 10px;
    column-rule: 1px dashed #ccc;
   
}
.dashboard-informes-conf .quitar-grupo{
	background-color: #27aae1;color: #ffffff;    font-weight: 700;text-transform: uppercase;padding: 1px 5px;font-size: 12px;line-height: 1.5;display: inline-block;text-align: center;cursor: pointer;
    border-radius: 3px;
}
.dashboard-informes-conf .sortable li div .title {cursor:pointer;}
.dashboard-informes-conf .usuario{position:relative;}
.dashboard-informes-conf .config_usuario {float:right;font-size: 16px;position: absolute;top:0;right:0;}
.dashboard-informes-conf .config_usuario i {cursor:pointer ;margin-right:5px;color:#ccc}
.dashboard-informes-conf .config_usuario i.activo {color:#777}

/* SWITCHES */
.onoffswitch {
  position: relative;
  width: 54px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #353535;
  border-radius: 3px;
    margin-bottom: 0;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 16px;
  padding: 0;
  line-height: 16px;
  font-size: 10px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "ON";
  padding-left: 7px;
  background-color: #353535;
  color: #FFFFFF;
}
.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 7px;
  background-color: #FFFFFF;
  color: #919191;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 0;
  background: #FFFFFF;
  border: 2px solid #353535;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 36px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}
.dashboard-informes-conf .switch {float:right}
.switch .switch-label {float:left;margin-right:10px;}
.switch .onoffswitch {float:left}
.dashboard-informes-conf .config_usuario .all {
    width: 16px;
    margin-right: 23px;
    color: #777;
}

.container.body-content.dashboard-home{    background: #27aae1;
    width: 100%;
    margin-top: -10px;
    color: #fff;}
#canvas {height:300px;}
.flo-right {float:right}
.powered-by{display:none;}
.navbar li.active {
    border-color: #27aae1;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    color: white; background-color: #27aae1;
}
.bg-orange { background-color: #27aae1;}
.orange {
    background-color: #27aae1;
}
.btn.orange:hover, .btn.orange:active {
    background-color: #353535;
}
.main-box h4{color:#353535}