@charset "utf-8";
/*Flotacion de elementos*/
.fleft {float: left !important;	}
.fright {float: right !important;	}
.fcenter {margin-right: auto !important;margin-left: auto !important;float: none !important;}

/*Anchos predefinidos*/
.width100 {width: 100% !important;}

/*diseño de la factura*/
#meta, #items { border-collapse: collapse; }
#meta td, #meta th, #items td, #items th { border: 1px solid #ddd; padding: 5px; }
#header { height: 35px; width: 100%; margin: 0px 0 20px 0;; background: #222; text-align: center; color: white; font: bold 15px Helvetica, Sans-Serif; text-transform: uppercase;  padding: 8px 0px; }
#address { width: 250px; height: 150px; float: left; }
#customer { overflow: hidden; }
#logo {text-align: right;float: right;position: relative;margin-top: 25px;border: 1px solid #fff;overflow: hidden;height: 150px;width: 350px;}
#logo img{width: 100%;}
.fact_tittle{background: #dfdfdf;}
.fact_total{background: #cfcfcf;}
#customer-title { font-size: 20px; font-weight: bold; float: left; }
#meta { margin-top: 1px; width: 300px; float: right; }
#meta td.meta-head { text-align: left; background: #eee; }
#meta td textarea { width: 100%; height: 20px; text-align: right; }
#items { clear: both; width: 100%; margin: 30px 0 0 0; border: 1px solid #ddd; }
#items th { background: #eee; }
#items textarea { width: 80px; height: 50px; }
#items tr.item-row td { border: 0; vertical-align: top; }
#items td.description { width: 300px; }
#items td.item-name { width: 175px; }
#items td.description textarea, #items td.item-name textarea { width: 100%; }
#items td.total-line { border-right: 0; text-align: right; }
#items td.total-value { border-left: 0; padding: 10px; }
#items td.total-value textarea { height: 20px; background: none; }
#items td.balance { background: #eee; }
#items td.blank { border: 0; }
#items td.blank p{ text-align: center;}
#items td.blank .condiciones p{ text-align: left;margin: 0px;}
#terms { text-align: center; margin: 20px 0 0 0; }
#terms h5 { text-transform: uppercase; font: 13px Helvetica, Sans-Serif; letter-spacing: 10px; border-bottom: 1px solid black; padding: 0 0 8px 0; margin: 0 0 8px 0; }
#terms textarea { width: 100%; text-align: center;}

/*Estilo para el boton subir*/
.fileUpload {position: relative;overflow: hidden;margin: 10px;}
.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}

/*Estilo del paginador*/
.contaux { float: left; position: relative; left: 50%; }
.contaux ul.menucent { list-style-type: none; margin: 0; padding: 10px 10px 20px 5px; position: relative; left: -50%; }
.contaux ul.menucent li { float: left;  }

/*burbuja animada de notificaciones*/
#notifications_list{position:absolute;z-index:100;top:0;float:right;right:10px;width:auto;height:auto;background:rgba(33,30,31,.7);text-align:center;line-height:2.5;overflow:hidden;-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;-webkit-transform:translateY(-350px);-moz-transform:translateY(-350px);transform:translateY(-350px);-webkit-animation:slideDown 10.5s 1s 1 ease;-moz-animation:slideDown 10.5s 1s 1 ease;animation:slideDown 10.5s 1s 1 ease;font-family:"Times New Roman",Times,serif;color:#fff;font-weight:700;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:15px;}
#notifications_list:hover{background: rgba(33, 30, 31, 1);}
#close_btn_noti {position: absolute;right: 10px;top: 9px;text-indent: -9999px;background: url(../img/noti_close.gif);height: 22px;width: 22px;cursor: pointer;}
@-webkit-keyframes slideDown {0%, 100% { -webkit-transform: translateY(-350px); }2%, 98% { -webkit-transform: translateY(20px); }}
@-moz-keyframes slideDown {0%, 100% { -moz-transform: translateY(-350px); }2%, 98% { -moz-transform: translateY(20px); }}
@keyframes slideDown {0%, 100% { transform: translateY(-350px); }2%, 98% { transform: translateY(20px); }}
#notifications_list p{text-align: left;margin:0px;line-height: 1.25;}

/*El logo animado del sistema*/
@-webkit-keyframes clockwise { 0% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-moz-keyframes clockwise {0% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg); }100% {-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes counter-clockwise {0% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-moz-transform: rotate(-360deg);-ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg);transform: rotate(-360deg);}}
@-moz-keyframes counter-clockwise {0% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg); }100% {-moz-transform: rotate(-360deg);-ms-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}}
.logo_empresa .texto{width: 300;}
.logo_empresa .texto h1{font-family:Helvetica;text-align:left;text-transform:uppercase;color:#888;font-size:15px;padding-top:5px;padding-left:5px;text-shadow:1px 1px 0 #111;margin-top:0}
.logo_empresa .texto h1 span{font-size: 11px;}
.content_gearbox {height: 50px;width: 150px;}
.gearbox{background:#111;height:50px;width:150px;position:relative;border:none;overflow:hidden;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:0 0 0 1px rgba(255,255,255,.1);-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.1);box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.gearbox .overlay{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;-moz-box-shadow:inset 0 0 20px #000;-webkit-box-shadow:inset 0 0 20px #000;box-shadow:inset 0 0 20px #000;-moz-transition:background .2s;-o-transition:background .2s;-webkit-transition:background .2s;transition:background .2s}
.gearbox.turn .overlay {background: transparent;}
.gear{position:absolute;height:40px;width:40px;-moz-box-shadow:0 -1px 0 0 #888,0 1px 0 0 #000;-webkit-box-shadow:0 -1px 0 0 #888,0 1px 0 0 #000;box-shadow:0 -1px 0 0 #888,0 1px 0 0 #000;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px}
.gear.large{height:120px;width:120px;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px}
.gear.large{height:120px;width:120px;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px}
.gear.large:after{height:96px;width:96px;-moz-border-radius:48px;-webkit-border-radius:48px;border-radius:48px;margin-left:-48px;margin-top:-48px}
.gear.one {top: -8px;left: 10px;}
.gear.two {top: 27px;left: 48px;}
.gear.three {top: 110px;left: 10px;}
.gear.four {top: -30px;left: 98px;}
.gear:after{content:"";position:absolute;height:16px;width:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;-moz-border-radius:36px;-webkit-border-radius:36px;border-radius:36px;background:#111;z-index:3;-moz-box-shadow:0 0 10px rgba(255,255,255,.1),inset 0 0 10px rgba(0,0,0,.1),inset 0 2px 0 0 #080808,inset 0 -1px 0 0 #888;-webkit-box-shadow:0 0 10px rgba(255,255,255,.1),inset 0 0 10px rgba(0,0,0,.1),inset 0 2px 0 0 #080808,inset 0 -1px 0 0 #888;box-shadow:0 0 10px rgba(255,255,255,.1),inset 0 0 10px rgba(0,0,0,.1),inset 0 2px 0 0 #080808,inset 0 -1px 0 0 #888}
.gear-inner{position:relative;height:100%;width:100%;background:#555;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;border:1px solid rgba(255,255,255,.1)}
.large .gear-inner{-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px}
.gear.one .gear-inner{-webkit-animation:counter-clockwise 3s infinite linear;-moz-animation:counter-clockwise 3s infinite linear}
.gear.two .gear-inner{-webkit-animation:clockwise 3s infinite linear;-moz-animation:clockwise 3s infinite linear}
.gear.three .gear-inner{-webkit-animation:counter-clockwise 3s infinite linear;-moz-animation:counter-clockwise 3s infinite linear}
.gear.four .gear-inner{-webkit-animation:counter-clockwise 6s infinite linear;-moz-animation:counter-clockwise 6s infinite linear}
.gear-inner .bar{background:#555;height:16px;width:60px;position:absolute;left:50%;margin-left:-30px;top:50%;margin-top:-8px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}
.large .gear-inner .bar{margin-left:-68px;width:136px}
.gear-inner .bar:nth-child(2){ -moz-transform:rotate(60deg); -ms-transform:rotate(60deg); -webkit-transform:rotate(60deg); transform:rotate(60deg)}
.gear-inner .bar:nth-child(3){ -moz-transform:rotate(120deg); -ms-transform:rotate(120deg); -webkit-transform:rotate(120deg);transform:rotate(120deg)}
.gear-inner .bar:nth-child(4){-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.gear-inner .bar:nth-child(5){-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}
.gear-inner .bar:nth-child(6){-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg)}

/*Estilo ckeditor*/
.txtckedit{width:100%;height:360px;margin-bottom: 10px;}
.txtckedit h3{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.42857143;color: #333;font-weight: 700;}

/*Pequeñas modificaciones al widget de las OT*/
.otwidget .info-box {border: 1px solid #ddd;}
.otwidget .info-box .info-box-content {color: #333 !important;}
.otwidget .info-box .info-box-content .info-box-text-small a{text-decoration: none !important;color: #333 !important;}

/*Modificaciones a la plantilla de factura*/
.invoice {position: relative;background: #fff;border: 1px solid #ddd;padding: 20px;margin: 10px 15px;}
.invoice .page-header {margin: 10px 0 20px 0;font-size: 22px;padding-bottom: 9px;white-space: normal;}
.invoice .page-header > small {color: #666;display: block;margin-top: 5px;}
.invoice .text-muted {white-space: normal;margin-top: 10px;}
.invoice .firma{height:200px;position:relative;}
.invoice .firma .fcont{bottom:0px;position:absolute;}
.invoice .firma .fcont p{border-top: 1px solid #f4f4f4;width:100%;text-align:center;}

/*Genera el arbol*/
.tree ul {margin-left: 0px;}
.tree li {list-style-type: none;margin-top: 7px;position: relative;margin-bottom: 10px;margin-left: 0px;}
.tree li::before {content: "";position: absolute;top:-7px;left:-5px;border-left: 1px solid #DAE2EA;border-bottom:1px solid #DAE2EA;border-radius:0 0 0 0px;width:5px;height:15px;}
.tree li::after {position:absolute;content:"";top:8px;left:-5px;border-left: 1px solid #DAE2EA;border-top:1px solid #DAE2EA;border-radius:0px 0 0 0;width:5px;height:100%;}
.tree li:last-child::after  {display:none;}
.tree li:last-child:before{border-radius: 0 0 0 5px;}
ul.tree>li:first-child::before {display:none;}
ul.tree>li:first-child::after {border-radius:5px 0 0 0;}
.tree li .blum {border: 1px solid #DAE2EA;padding:8px 12px;width: 100%;display: block;color: #7C9EB2;text-decoration: none;font-weight: 700;}
.tree li .blum:hover, .tree li .blum:hover+ul li .blum,
.tree li .blum:focus, .tree li .blum:focus+ul li .blum {color:#438EB9;background:#F4F6F7;border-color:#DCE2E8;}
.tree li .blum:hover+ul li::after, .tree li .blum:focus+ul li::after,
.tree li .blum:hover+ul li::before, .tree li .blum:focus+ul li::before
.tree li .blum:hover+ul::before, .tree li .blum:focus+ul::before
.tree li .blum:hover+ul ul::before, .tree li .blum:focus+ul ul::before{border-color:  #000; /*connector color on hover*/}

/* alertas para los formularios */
.field .alert{ float:left; margin:1px 0 0 0px; padding:3px 10px; color:#FFF; border-radius:3px 4px 4px 3px; background-color:#CE5454; white-space:pre; position:relative; left:-15px; opacity:0; z-index:1; transition:0.15s ease-out; }
.field.bad .alert{ left:0; opacity:1; }
@keyframes shake{
    15%{ transform:translateX(-5px); }
    30%{ transform:translateX(5px); }
	45%{ transform:translateX(-3px); }
	60%{ transform:translateX(3px); }
	75%{ transform:translateX(2px); }
	100%{ transform:none; }
}
@-webkit-keyframes shake{25%{ -webkit-transform:translateX(-6px); }75%{ -webkit-transform:translateX(6px); }}
.bad input,.bad select,.bad textarea{ border:1px solid #CE5454; box-shadow:0 0 4px -2px #CE5454; position:relative; left:0; -moz-animation:.7s 1 shake linear; -webkit-animation:0.7s 1 shake linear; }

/** Cuadro para la seleccion de temas
*****************************/
#themelist {margin-top: 15px;}
#themelist .theme-box {position: relative;margin-bottom: 30px;overflow: hidden;height: 200px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);}
#themelist .selected {box-shadow: 0 0 1em red !important;}
@media (max-width: 991px) {#themelist .theme-box img {width: 100%;}}
#themelist .theme-box img {width: 100%;}
#themelist .theme-box .theme-info {position: absolute;left: 0;bottom: 0;right: 0;background: rgba(255, 255, 255, 0.95);height: 54px;transition: all 0.3s ease;}
#themelist .theme-box .theme-info h2 {font-family: "Roboto", sans-serif;margin: 0;font-size: 20px;font-weight: 200;padding: 15px 10px;float: left;}
#themelist .theme-box .theme-info h2 a {color: #555;}
#themelist .theme-box .theme-info h2 a:hover {color: #00a6eb;}
#themelist .theme-box:hover .theme-info {height: 90px;background: #fff;}
#themelist .theme-box .theme-info p {font-size: 13px;color: #555;padding: 0 10px;margin: 0;height: 56px;overflow: hidden;}
#themelist .theme-box .buttons {margin-top: 0px;text-align: center;}
#themelist .theme-box .buttons a {display: inline-block;padding: 4px 14px;font-size: 13px;border-radius: 2px;color: #555;margin: 0 5px;transition: background 0.25s;background: #eee;}
#themelist .theme-box .buttons a:hover {color: #fff;background: #1e5f8d;}
@media (max-width: 1900px) {#themelist .theme-box .buttons a {padding: 4px 8px;margin: 0 2px;}}

/* Cuadro de logs del sistema */
.info-box-main {background: #FFF; padding: 15px 12px;  position: relative; border-radius: 2px; display: block; margin: 20px 0; border: 1px solid #eee; }
.info-box-box {position: relative; }
.info-box-main .info-stats {margin-right: 50px; }
.info-box-main .info-stats p {font-size: 20px; margin-bottom: 0; color: #3E3B3B; font-weight: 400; }
.info-box-main .info-stats span {margin: 5px 0px 13px; display: inline-block; color: #727070; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; }
.info-box-main .info-icon {width: 50px; position: absolute; top: 10px; right: 0; line-height: 50px; font-size: 25px; color: #575555; }
.info-box-progress .progress {height: 5px; margin-bottom: 0; }
.progress {position: relative; }
.progress {-webkit-box-shadow: none !important;  background-color: #e1e1e1; box-shadow: none !important; height: 10px; margin-bottom: 18px; overflow: hidden; }
.progress {height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); }

/* Cuadro de los programas recomendados */
.task {background-color: #fff;font-size: 12px;border: 1px solid #ddd;border-left-width: 1px;border-left-color: rgb(221, 221, 221);border-left-width: 3px;}
.task .block {margin-bottom: 35px;}
.task-high {border-left-color: #D65C4F;}
.with-padding {padding: 16px;}
.task-description a {font-size: 14px;font-weight: 600;}
.task-description i {font-style: normal;font-size: 11px;color: #999; margin-left: 8px;}
.task-description span {display: block;margin-top: 6px;white-space: normal;}
.task-info {text-align: right;}
.task-info > span {display: block;color: #777;margin-top: 6px;}
.task-info .label {margin-left: 5px;}
.task .label-danger {background-color: #D65C4F;}
.task .label {display: inline-block;font-size: 11px;padding: 5px 8px 6px 8px;line-height: 13px;font-weight: 600;color: #FFF;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.task .panel-footer { border: 0;border-top-width: 0px;border-top-style: none;border-top-color: currentcolor;border-top: 1px solid #e5e5e5;border-radius: 0 0 2px 2px;}
.boxsoftware .panel-footer {background-color: #fcfcfc;padding: 0;border: 1px solid #dddddd;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.boxsoftware .panel-footer .pull-left i {float: left;margin: 0 6px 0 0;}
.footer-icons-group {margin: 0;list-style: none;padding: 0;}
.footer-icons-group > li {float: left;position: relative;}
.footer-icons-group > li > a {line-height: 1;color: #999;display: block;padding: 9px 10px 10px 10px;border-left: 1px solid #eee;}
.huge {font-size: 40px;}
.panel-green {border-color: #5cb85c;}
.panel-green .panel-heading {border-color: #5cb85c;color: #fff; background-color: #5cb85c;}
.panel-green a {color: #5cb85c;}
.panel-yellow {border-color: #f0ad4e;}
.panel-yellow .panel-heading {border-color: #f0ad4e;color: #fff;background-color: #f0ad4e;}
.panel-yellow a {color: #f0ad4e;}

/** The Magic **/
.breadcrumb-bar a{margin-right: 0px !important;}
.btn-breadcrumb{padding-left: 0px;}
.btn-breadcrumb > .btn:not(.btn-arrow-right):not(.btn-arrow-left) {z-index: auto!important;}
.btn-breadcrumb a{color: #999;margin-left:5px;}
.btn-breadcrumb .btn:not(:last-child):after {content: " ";display: block;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 10px solid white;position: absolute;top: 50%;margin-top: -17px;left: 100%;z-index: 3;}
.btn-breadcrumb .btn:not(:last-child):before {content: " ";display: block;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 10px solid rgb(173, 173, 173);position: absolute;top: 50%;margin-top: -17px;margin-left: 1px;left: 100%;z-index: 3;}

/** The Spacing **/
.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {border-left: 10px solid #fff;}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {border-left: 10px solid #ccc;}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {border-left: 10px solid #ebebeb;}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {border-left: 10px solid #adadad;}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {border-left: 10px solid #428bca;}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {border-left: 10px solid #357ebd;}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {border-left: 10px solid #3276b1;}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {border-left: 10px solid #285e8e;}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {border-left: 10px solid #5cb85c;}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {border-left: 10px solid #4cae4c;}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {border-left: 10px solid #47a447;}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {border-left: 10px solid #398439;}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {border-left: 10px solid #d9534f;}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {border-left: 10px solid #d43f3a;}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {border-left: 10px solid #d2322d;}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {border-left: 10px solid #ac2925;}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {border-left: 10px solid #f0ad4e;}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {border-left: 10px solid #eea236;}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {border-left: 10px solid #ed9c28;}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {border-left: 10px solid #d58512;}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {border-left: 10px solid #5bc0de;}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {border-left: 10px solid #46b8da;}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {border-left: 10px solid #39b3d7;}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {border-left: 10px solid #269abc;}

/** Super titulo **/
.supertittle {width: 100%;margin: 0;padding: 0;text-align: center; margin-top:20px;margin-bottom:10px;}
.supertittle:after {display: inline-block;margin: 0 0 8px 20px;height: 3px;content: " ";text-shadow: none;background-color: #428bca;width: 140px;}
.supertittle:before {display: inline-block;margin: 0 20px 8px 0;height: 3px;content: " ";text-shadow: none;background-color: #428bca;width: 140px;}

/** Modificacion alertas **/
.alert-default {color: #333333;background-color: #ffffff;border-color: #cccccc;}
.alert-primary {color: #337ab7;background-color: #d9edf7;border-color: #2e6da4;}
.alert-white {background-image: linear-gradient(to bottom, #fff, #f9f9f9);padding-left: 61px;position: relative;}
.alert.rounded {border-radius: 3px;-webkit-border-radius: 3px;}
.alert .icon {border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;}
.alert .icon {text-align: center;width: 45px;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid #bdbdbd;border-top-color: rgb(189, 189, 189);border-right-color: rgb(189, 189, 189);border-bottom-color: rgb(189, 189, 189);border-left-color: rgb(189, 189, 189);padding-top: 15px;}
.alert .icon:after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);display: block;content: '';width: 10px;height: 10px;border: 1px solid #bdbdbd;position: absolute;border-left: 0;border-bottom: 0;top: 50%;right: -6px;margin-top: -3px;background: #fff;}
.alert .icon i {font-size: 20px;color: #fff;left: 12px;margin-top: -10px;position: absolute;top: 50%;}
.alert-default .icon, .alert-default .icon::after {border-color: #cccccc;background: #cccccc;}
.alert-primary .icon, .alert-primary .icon::after {border-color: #2e6da4;background: #337ab7;}
.alert-success .icon, .alert-success .icon::after {border-color: #54a754;background: #60c060;}
.alert-info .icon, .alert-info .icon::after {border-color: #3a8ace;background: #4d90fd;}
.alert-warning .icon, .alert-warning .icon::after {border-color: #d68000;background: #fc9700;}
.alert-danger .icon, .alert-danger .icon::after {border-color: #ca452e;background: #da4932;}

/** Modificacion alertas **/
.bs-callout {padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 1px; border-left-color: rgb(238, 238, 238); border-left-width: 5px; border-radius: 3px; }
.bs-callout-default {border-color: #ccc;background: #ffffff;}
.bs-callout-primary {border-color: #337ab7;background: #ffffff;}
.bs-callout-success {border-color: #5cb85c;background: #ffffff;}
.bs-callout-info {border-color: #5bc0de;background: #ffffff;}
.bs-callout-warning {border-color: #f0ad4e;background: #ffffff;}
.bs-callout-danger {border-color:#d9534f;background: #ffffff;}
.bs-callout-link {border-color: transparent;background: #ffffff;}

.bs-callout-default h4 {color:#ccc;}
.bs-callout-primary h4 {color:#337ab7;}
.bs-callout-success h4 {color:#5cb85c;}
.bs-callout-info h4 {color:#5bc0de;}
.bs-callout-warning h4 {color:#f0ad4e;}
.bs-callout-danger h4 {color:#d9534f;}
.bs-callout-link h4 {color:#ccc;}

.bs-callout-default p {color:#7F7F7F;}
.bs-callout-primary p {color:#7F7F7F;}
.bs-callout-success p {color:#7F7F7F;}
.bs-callout-info p {color:#7F7F7F;}
.bs-callout-warning p {color:#7F7F7F;}
.bs-callout-danger p {color:#7F7F7F;}
.bs-callout-link p {color:#7F7F7F;}

/** Ventana del perfil **/
.covertable .text-muted a{color:#999}
.cover{overflow:hidden;position:relative}
.panel>.cover{margin-bottom:0}
.cover.profile{position:relative;background:#fff;border:1px solid #e2e9e6}
.cover.profile .wrapper{position:relative;overflow:hidden;max-height:450px;border-bottom:1px solid #e2e9e6}
.cover.profile .wrapper .image{width:100%;position:relative;overflow:hidden}
.cover.profile .wrapper .image img{width:100%}
.cover.profile .cover-info{position:relative;height:57px}
.cover.profile .cover-info .cover-nav{position:absolute;bottom:0;left:140px;list-style:none;float:left;margin:0;padding-left:0;border-bottom:0 solid transparent}
.cover.profile .cover-info .cover-nav li{float:left;display:block}
.cover.profile .cover-info .cover-nav>li>a{line-height:20px;padding:18px 5px;color:#bebebe!important;font-size:14px;font-weight:500;display:block}
.cover.profile .cover-info .cover-nav>li>a i{font-size:20px;vertical-align:middle;color:#e4e4e4}
.cover.profile .cover-info .cover-nav>li>a:hover{background:0 0;color:#6c6c6c!important;text-decoration:none}
.cover.profile .cover-info .cover-nav>li>a:hover i{color:#6c6c6c}
.cover.profile .cover-info .cover-nav>li.active>a{background:0 0;color:#6c6c6c!important}
.cover.profile .cover-info .cover-nav>li.active>a i{color:#6c6c6c}
.cover.profile .cover-info .name{position:absolute;left:155px;bottom:0;margin-bottom:65px;display:block;z-index:15}
.cover.profile .cover-info .name a{color:#fff;font-size:30px;font-weight:500}
.cover.profile .cover-info .avatar{position:absolute;display:inline-block;bottom:0;margin-bottom:5px;left:30px;z-index:9}
.cover.profile .cover-info .avatar img{width:110px;height:110px;border:3px solid #fff}
@media (max-width:992px){.cover.profile .wrapper .image{padding-right:120px;height:auto;position:relative}.cover.profile .wrapper .friends{position:absolute;right:0;width:120px;height:auto}.cover.profile .wrapper .friends>li{width:50%}.cover.profile .wrapper .friends>li>a.group{font-size:30px}.cover.profile .wrapper .friends>li>a.group i{top:10px}.cover.profile .wrapper .name a{color:#212121}.cover.profile .wrapper .nav{left:0;padding-left:140px;width:100%;border-top:1px solid #e2e9e6}.cover.profile .cover-info{height:37px}.cover.profile .cover-info .name{left:100px;margin-bottom:40px}.cover.profile .cover-info .name a{font-size:24px}.cover.profile .cover-info .cover-nav{left:85px}.cover.profile .cover-info .cover-nav>li>a{padding:8px 10px}.cover.profile .cover-info .avatar{left:10px;margin-bottom:3px}.cover.profile .cover-info .avatar img{width:70px;height:70px}}
@media (max-width:768px){.cover.profile .cover-info{background:#fff;clear:both;height:auto}.cover.profile .cover-info .avatar{position:relative;left:10px;display:inline-block;margin-top:5px;margin-bottom:6px}.cover.profile .cover-info .avatar img{width:45px;height:45px}.cover.profile .cover-info .name{display:inline-block;position:relative;margin-bottom:0;left:10px;top:3px}.cover.profile .cover-info .name a{color:#212121;font-size:18px}.cover.profile .cover-info .cover-nav{position:relative;margin:0;bottom:0;left:auto;float:none;padding-left:0;border-top:1px solid #e2e9e6}.cover.profile .cover-info .cover-nav li{float:none;border-right:0!important;border-bottom:1px solid #e2e9e6}}
.profile_content{border-left:1px solid #e2e9e6;border-right:1px solid #e2e9e6;border-bottom:1px solid #e2e9e6;margin-bottom:20px}
/* Dia */
.fb_animation_back{width:100%;background:url(../img/bg.png)}
.fb_animation{bottom:200px;width:100%;height:382px;background:url(../img/box_clouds.png) bottom left repeat-x;overflow:hidden;z-index:0}
.fb_animation .londonScene{width:100%;height:382px;position:absolute;left:0;bottom:0;background:url(../img/london_bg.png) bottom left repeat-x;z-index:5}
.fb_animation .train{width:300px;height:60px;position:absolute;top:208px;left:740px;z-index:2;background:url(../img/train.gif) bottom right no-repeat;background-size:100%}
.fb_animation .crane{width:158px;height:182px;position:absolute;top:95px;left:766px;z-index:1;background:url(../img/crane.png) bottom right no-repeat;background-size:100%}
.fb_animation .crane .logo{width:78px;height:154px;position:absolute;top:62px;left:13px;background:url(../img/crane.gif) bottom left no-repeat;background-size:100%}

.fb_animation .wolf{width: 32px;position: absolute;top: 157px;left: 620px;z-index: 5;background: url(../img/wolf.gif) bottom right no-repeat;background-size: 100%;height: 32px;}
.fb_animation .sam{width: 20px;position: absolute;top: 317px;left: 790px;z-index: 5;background: url(../img/sam.gif) bottom right no-repeat;background-size: 100%;height: 44px;}
.fb_animation .ari-uzi{width: 50px;position: absolute;top: 347px;left: 0px;z-index: 8;background: url(../img/ari-uzi.gif) bottom right no-repeat;background-size: 100%;height: 40px;animation: ari-uzi 50s infinite ease-in;-webkit-animation: ari-uzi 50s infinite ease-in;-moz-animation: ari-uzi 50s infinite ease-in;}
@keyframes ari-uzi{0% {margin-left:-60px;}100% {margin-left:1550px;}}
.fb_animation .royal{width: 22px;position: absolute;top: 347px;left: -280px;z-index: 8;background: url(../img/royal.gif) bottom right no-repeat;background-size: 100%;height: 40px;animation: royal 50s infinite ease-in;-webkit-animation: royal 50s infinite ease-in;-moz-animation: royal 50s infinite ease-in;}
@keyframes royal{0% {margin-left:-280px;}100% {margin-left:1550px;}}
.fb_animation .darjeeling{width: 40px;position: absolute;top: 337px;left: -180px;z-index: 7;background: url(../img/darjeeling.png) bottom right no-repeat;background-size: 100%;height: 40px;animation: darjeeling 30s infinite ease-in;-webkit-animation: darjeeling 30s infinite ease-in;-moz-animation: darjeeling 30s infinite ease-in;}
@keyframes darjeeling{0% {margin-left:-180px;}100% {margin-left:2550px;}}
.fb_animation .car1{width: 100px;height: 60px;position: absolute;top: 317px;left: -380px;z-index: 7;background: url(../img/car1.png) bottom right no-repeat;background-size: 100%;animation: car1 25s infinite ease-in;-webkit-animation: car1 25s infinite ease-in;-moz-animation: car1 25s infinite ease-in;}
@keyframes car1{0% {margin-left:-380px;}100% {margin-left:2550px;}}
.fb_animation .car2{width: 100px;height: 60px;position: absolute;top: 317px;left: -480px;z-index: 7;background: url(../img/car2.png) bottom right no-repeat;background-size: 100%;animation: car2 27s infinite ease-in;-webkit-animation: car2 27s infinite ease-in;-moz-animation: car2 27s infinite ease-in;}
@keyframes car2{0% {margin-left:-480px;}100% {margin-left:2550px;}}
.fb_animation .car3{width: 100px;height: 60px;position: absolute;top: 317px;left: -560px;z-index: 7;background: url(../img/car3.png) bottom right no-repeat;background-size: 100%;animation: car3 22s infinite ease-in;-webkit-animation: car3 22s infinite ease-in;-moz-animation: car3 22s infinite ease-in;}
@keyframes car3{0% {margin-left:-560px;}100% {margin-left:2550px;}}
.fb_animation .car4{width: 100px;height: 60px;position: absolute;top: 317px;right: -80px;z-index: 7;background: url(../img/car4.png) bottom right no-repeat;background-size: 100%;animation: car4 25s infinite ease-in;-webkit-animation: car4 25s infinite ease-in;-moz-animation: car4 25s infinite ease-in;-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
@keyframes car4{0% {margin-right:-80px;}100% {margin-right:2550px;}}
.fb_animation .car5{width: 100px;height: 60px;position: absolute;top: 317px;right: -480px;z-index: 7;background: url(../img/car5.png) bottom right no-repeat;background-size: 100%;animation: car5 27s infinite ease-in;-webkit-animation: car5 27s infinite ease-in;-moz-animation: car5 27s infinite ease-in;-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
@keyframes car5{0% {margin-right:-480px;}100% {margin-right:2550px;}}
.fb_animation .car6{width: 100px;height: 60px;position: absolute;top: 317px;right: -660px;z-index: 7;background: url(../img/car6.png) bottom right no-repeat;background-size: 100%;animation: car6 24s infinite ease-in;-webkit-animation: car6 24s infinite ease-in;-moz-animation: car6 24s infinite ease-in;-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
@keyframes car6{0% {margin-right:-660px;}100% {margin-right:2550px;}}

/* Noche */
.fb_animation_back_night{width:100%;background:url(../img/bg_night.png)}
.fb_animation_night{bottom:200px;width:100%;height:382px;background:url(../img/box_clouds_night.png) bottom left repeat-x;overflow:hidden;z-index:0}
.fb_animation_night .londonScene{width:100%;height:382px;position:absolute;left:0;bottom:0;background:url(../img/london_bg_night.png) bottom left repeat-x;z-index:5}
.fb_animation_night .train{width:300px;height:60px;position:absolute;top:208px;left:740px;z-index:2;background:url(../img/train_night.gif) bottom right no-repeat;background-size:100%}
.fb_animation_night .crane{width:158px;height:182px;position:absolute;top:95px;left:766px;z-index:1;background:url(../img/crane_night.png) bottom right no-repeat;background-size:100%}
.fb_animation_night .crane .logo {width: 78px;height: 154px;position: absolute;top: 62px;left: 13px;background: url(../img/crane_night.gif) bottom left no-repeat;background-size: 100%}


/* Avatar dentro de la animacion */
.cover_avatar .avatar{position:absolute;display:inline-block;bottom:0;margin-bottom:5px;left:30px;z-index:9}
.cover_avatar .avatar img{width:110px;height:110px;border:3px solid #fff}
.cover_avatar .name{position:absolute;left:155px;bottom:0;margin-bottom:65px;display:block;z-index:15}
.cover_avatar .name a{color:#fff;font-size:30px;font-weight:500}

/* Botones de recomendacion */
.block {margin-bottom: 15px;}
.info-buttons a {display: block;color: #505050;padding: 10px 12px;text-align: center;position: relative;border: 1px dotted #ddd;}
.info-buttons a i {font-size: 32px;margin: 0;display: block;font-weight: normal;}
.info-buttons a span {display: block;margin-top: 8px;font-weight: 600;font-size: 12px;}
.info-buttons a strong {position: absolute;right: -1px;top: -1px;}
.info-buttons .label {display: inline-block;font-size: 11px;padding: 5px 8px 6px 8px;line-height: 13px;font-weight: 600;color: #FFF;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.info-buttons .label {text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}

/** Chequeo de la contraseña **/
#pswd_info {background: #dfdfdf none repeat scroll 0 0;color: #fff;right: -20px;position: absolute;top: 45px;width: 190px;white-space: normal;}
#pswd_info h4{background: black none repeat scroll 0 0;display: block;font-size: 14px;letter-spacing: 0;padding: 7px 0;text-align: center;text-transform: uppercase;margin-top: 0px;}
#pswd_info ul {list-style: outside none none;margin-left: -30px;}
#pswd_info ul li {padding: 5px 5px 5px 35px;}
.valid {background: rgba(0, 0, 0, 0) url(../img/icon_sucess_min.png) no-repeat scroll 2px 2px;color: green;line-height: 21px;}
.invalid {background: rgba(0, 0, 0, 0) url(../img/icon_error_min.png) no-repeat scroll 2px 2px;color: red;line-height: 21px;}
#pswd_info::before {background: #dfdfdf none repeat scroll 0 0;content: "";height: 25px;left: -13px;margin-top: -12.5px;position: absolute;top: 45%;transform: rotate(45deg);width: 25px;}

/** Cuadro de busqueda en los mapas **/
.pac-controls {margin-top: 10px;border: 1px solid transparent;border-radius: 2px 0 0 2px;box-sizing: border-box;-moz-box-sizing: border-box;height: 32px;outline: none;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);}
#pac-input {background-color: #fff;font-family: Roboto;font-size: 15px;font-weight: 300;margin-left: 12px;padding: 0 11px 0 13px;text-overflow: ellipsis;width: 300px;}
#pac-input:focus {border-color: #4d90fe;}
.pac-container {font-family: Roboto;}
#type-selector {color: #fff;background-color: #4d90fe;padding: 5px 11px 0px 11px;}
#type-selector label {font-family: Roboto;font-size: 13px;font-weight: 300;}
#target {width: 345px;}

/** Widget con el tiempo en la nueva vista **/
.card_weather{height: 100px;margin-top: 10px;width: 350px;position: relative;background-color: pink;border-radius: 8px;padding: 10px;background-size: cover;background-repeat: no-repeat;box-shadow: 0px 7px 30px 2px rgba(0,0,0,0.18);}
.card_weather ul>li{font-size: 17px;color: white;}
.card_weather h1{color:white;position: absolute;left: 10px;bottom: 0px;}
.card_weather .date{position: absolute;right: 10px;top: 0px;text-align: right;color: white;}
.card_weather .city{position: absolute;right: 10px;top: 60px;color: white;}
.card_weather .list-inline{margin-bottom: 0 !important;}

/*Nuevo login*/
.login {background: url("../img/pattern/px_by_Gre3g.png") repeat #444;}
.login .form-signin {max-width: 330px;padding: 20px;margin: 0 auto;background-color: #fff;border-radius: 3px;-webkit-box-shadow: 0px 0px 31px 6px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 31px 6px rgba(0,0,0,1);box-shadow: 0px 0px 31px 6px rgba(0,0,0,1);}
.login .form-signin h1{font-size: 23px;color:#7F7F7F;}
.login .form-signin h1 span{font-size: 20px;color:#DB4F21 !important;;}
.login .form-signin input.top {margin-bottom: -1px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.login .form-signin input.middle {margin-bottom: -1px;border-radius: 0;}
.login .form-signin input.bottom {border-top-left-radius: 0;border-top-right-radius: 0;}

/*Nuevo login*/
.errorPage {background: url("../img/pattern/px_by_Gre3g.png") repeat #444 !important;}

/*Ventana perfil transportistas*/
.content-header {margin: -20px 0px 20px;}
.content-header-media {position: relative;height: 189px;overflow: hidden;border-top-color: #222;}
.content-header-media .header-section {z-index: 200;position: absolute;top: 0;left: 0;right: 0;color: #fff;background: rgba(0,0,0,.6);}
.header-section {padding: 30px 20px;}
.content-header-media > img {position: absolute;top: 0;left: 50%;width: 2560px;height: 248px;margin-left: -1280px;}

/*Ventana historico*/
.block-content-full {margin: 0;}
.timeline {position: relative;}
.timeline-list {list-style: none;margin: 0;padding: 0;}
.timeline-list::after {position: absolute;display: block;width: 2px;top: 0;left: 95px;bottom: 0;content: "";background-color: #f0f0f0;z-index: 1;}
.timeline-list li {position: relative;margin: 0;padding: 15px 0;}
.timeline-list .active .timeline-icon {background-color: #1bbae1;border-color: #1bbae1;color: #fff;}
.timeline-list .timeline-icon {position: absolute;left: 80px;top: 10px;width: 30px;height: 30px;line-height: 28px;font-size: 14px;text-align: center;background-color: #fff;border: 1px solid #ddd;border-radius: 15px;z-index: 500;}
.timeline-list .timeline-time {float: left;width: 70px;text-align: right;}
.block-content-full .timeline-content {padding-right: 20px;}
.timeline-list .timeline-content {margin-left: 120px;}
.push-bit {margin-bottom: 10px !important;}

/*Ventana widget_princ*/
.widget-advanced-alt .widget-header {height: auto;min-height: 150px;}
.widget-advanced .widget-header {position: relative;overflow: hidden;}
.widget .widget-content-light {color: #fff;}
.widget-advanced .widget-main {position: relative;}

/*wizard*/
.stepwizard-step p {margin-top: 10px;}
.stepwizard-row {display: table-row;}
.stepwizard {display: table;width: 100%;position: relative;border-bottom: 1px solid #f5f1f1;padding-bottom:5px;}
.stepwizard-step button[disabled] {opacity: 1 !important;filter: alpha(opacity=100) !important;}
.stepwizard-step {display: inline-block;text-align: center;position: relative;margin-left: 20px;margin-right: 20px;}
.btn-circle {width: 30px;height: 30px;text-align: center;padding: 6px 0;font-size: 12px;line-height: 1.428571429;border-radius: 15px;}

/*Chat*/
#custom-search-input {background: #e8e6e7 none repeat scroll 0 0;margin: 0;padding: 10px;}
#custom-search-input .search-query {background: #fff none repeat scroll 0 0 !important;border-radius: 4px;height: 33px;margin-bottom: 0;padding-left: 7px;padding-right: 7px;}
#custom-search-input button {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;border-radius: 3px;color: #666666;left: auto;margin-bottom: 0;margin-top: 7px;padding: 2px 5px;position: absolute;right: 0;z-index: 9999;}
.search-query:focus + button {z-index: 3;}
.all_conversation button {background: #f5f3f3 none repeat scroll 0 0;border: 1px solid #dddddd;height: 38px;text-align: left;width: 100%;}
.all_conversation i {background: #e9e7e8 none repeat scroll 0 0;border-radius: 100px;color: #636363;font-size: 17px;height: 30px;line-height: 30px;text-align: center;width: 30px;}
.all_conversation .caret {bottom: 0;margin: auto;position: absolute;right: 15px;top: 0;}
.all_conversation .dropdown-menu {background: #f5f3f3 none repeat scroll 0 0;border-radius: 0;margin-top: 0;padding: 0;width: 100%;}
.all_conversation ul li {border-bottom: 1px solid #dddddd;line-height: normal;width: 100%;}
.all_conversation ul li a:hover {background: #dddddd none repeat scroll 0 0;color:#333;}
.all_conversation ul li a {color: #333;line-height: 30px;padding: 3px 20px;}
.member_list .chat-body {margin-left: 47px;margin-top: 0;}
.top_nav {overflow: visible;}
.member_list .contact_sec {margin-top: 3px;}
.member_list li {padding: 6px;}
.member_list ul {border: 1px solid #dddddd;}
.chat-img img {height: 34px;width: 34px;}
.member_list li {border-bottom: 1px solid #dddddd;padding: 6px;}
.member_list li:last-child {border-bottom:none;}
.member_list {height: 380px;overflow-x: hidden;overflow-y: auto;}
.sub_menu_ {background: #e8e6e7 none repeat scroll 0 0;left: 100%;max-width: 233px;position: absolute;width: 100%;}
.sub_menu_ {background: #f5f3f3 none repeat scroll 0 0;border: 1px solid rgba(0, 0, 0, 0.15);display: none;left: 100%;margin-left: 0;max-width: 233px;position: absolute;top: 0;width: 100%;}
.all_conversation ul li:hover .sub_menu_ {display: block;}
.new_message_head button {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;}
.new_message_head {background: #f5f3f3 none repeat scroll 0 0;float: left;font-size: 13px;font-weight: 600;padding: 18px 10px;width: 100%;}
.message_section {border: 1px solid #dddddd;}
.chat_area {float: left;height: 300px;overflow-x: hidden;overflow-y: auto;width: 100%;bottom: 0;max-height: 400px;}
.chat_area li {padding: 14px 14px 0;}
.chat_area li .chat-img1 img {height: 40px;width: 40px;}
.chat_area .chat-body1 {margin-left: 50px;}
.chat-body1 p {background: #fbf9fa none repeat scroll 0 0;padding: 10px;white-space: normal !important;}
.chat_area .admin_chat .chat-body1 {margin-left: 0;margin-right: 50px;}
.chat_area li:last-child {padding-bottom: 10px;}
.message_write {background: #f5f3f3 none repeat scroll 0 0;float: left;padding: 15px;width: 100%;}
.message_write textarea.form-control {height: 70px;padding: 10px;}
.chat_bottom {float: left;margin-top: 13px;width: 100%;}
.upload_btn {color: #777777;}
.sub_menu_ > li a, .sub_menu_ > li {float: left;width:100%;}
.member_list li:hover {background: #428bca none repeat scroll 0 0;color: #fff;cursor:pointer;}

/*Contador*/
.timer-time {line-height:1em;font-size: 20px;}
.timer-container {height: 1em;overflow: hidden;position: relative;margin-top:3px;}
.timer-box {height: 1em;margin: auto;position: relative;}
.timer-box > span {position: relative;}

/*Imagenes en los formularios*/
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.cc-selector-2 input{
    position:absolute;
    z-index:999;
}
.cc-selector-2 input:active +.formimage-cc, .cc-selector input:active +.formimage-cc{opacity: .9;}
.cc-selector-2 input:checked +.formimage-cc, .cc-selector input:checked +.formimage-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.formimage-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;height:70px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.formimage-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}

/*Modificacion a los infobox de los mapas */
.gm-style-iw {width: 350px !important;left: 0px !important;background-color: #fff;box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);border: 1px solid rgba(72, 181, 233, 0.6);border-radius: 2px 2px 10px 10px;padding: 0px !important;}
.gm-style .gm-style-iw-d {overflow: hidden !important; max-width: none !important;}
.gm-ui-hover-effect {background-color: #FFF !important;border-radius: 50% !important;top: 2px !important;right: 2px !important;width: 25px !important;height: 25px !important;}
.gm-ui-hover-effect img {margin: 5px !important;}
#iw-container {margin-bottom: 10px;width: 350px !important;}
#iw-container .iw-title {font-family: 'Open Sans Condensed', sans-serif;font-size: 22px;font-weight: 400;padding: 10px;background-color: #48b5e9;color: white;margin: 0;border-radius: 2px 2px 0 0;}
#iw-container .iw-content {font-size: 13px;line-height: 18px;font-weight: 400;margin-right: 1px;padding: 15px 5px 20px 15px;max-height: 140px;overflow-y: auto;overflow-x: hidden;}
#iw-container p {white-space: initial;}
.iw-content img {float: left;width: 100px; }
.iw-subTitle {font-size: 16px;font-weight: 700;padding: 5px 0;}
.iw-bottom-gradient {position: absolute;width: 326px;height: 25px;bottom: 10px;right: 18px;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}

/*Animaciones*/
.animation-pulseSlow {
    animation-name: pulseSlow;
    -webkit-animation-name: pulseSlow;
    animation-duration: 30s;
    -webkit-animation-duration: 30s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}
@keyframes pulseSlow {
 0%,100% {
  transform:scale(1.1)
 }
 50% {
  transform:scale(1)
 }
}
@-webkit-keyframes pulseSlow {
 0%,100% {
  -webkit-transform:scale(1.1)
 }
 50% {
  -webkit-transform:scale(1)
 }
}
.animation-hatch {
 animation-name:hatch;
 -webkit-animation-name:hatch;
 animation-duration:2s;
 -webkit-animation-duration:2s;
 animation-timing-function:ease-in-out;
 -webkit-animation-timing-function:ease-in-out;
 transform-origin:50% 100%;
 -ms-transform-origin:50% 100%;
 -webkit-transform-origin:50% 100%;
 visibility:visible!important
}
@keyframes hatch {
 0% {
  transform:rotate(0) scaleY(.6)
 }
 20% {
  transform:rotate(-2deg) scaleY(1.05)
 }
 35% {
  transform:rotate(2deg) scaleY(1)
 }
 50% {
  transform:rotate(-2deg)
 }
 65% {
  transform:rotate(1deg)
 }
 80% {
  transform:rotate(-1deg)
 }
 100% {
  transform:rotate(0)
 }
}
@-webkit-keyframes hatch {
 0% {
  -webkit-transform:rotate(0) scaleY(.6)
 }
 20% {
  -webkit-transform:rotate(-2deg) scaleY(1.05)
 }
 35% {
  -webkit-transform:rotate(2deg) scaleY(1)
 }
 50% {
  -webkit-transform:rotate(-2deg)
 }
 65% {
  -webkit-transform:rotate(1deg)
 }
 80% {
  -webkit-transform:rotate(-1deg)
 }
 100% {
  -webkit-transform:rotate(0)
 }
}

/*Modificacion a los checkbox*/
.checkbox {padding-left: 20px; }
.checkbox label {display: inline-block;vertical-align: middle;position: relative;padding-left: 5px; }
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 3px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 0;margin-left: -20px;padding-left: 3px;padding-top: 1px;font-size: 11px;color: #555555; }
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {opacity: 0;z-index: 1;cursor: pointer;}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {font-family: "FontAwesome";content: "\f00c";}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {display: block;content: "";width: 10px;height: 3px;background-color: #555555;border-radius: 2px;margin-left: -16.5px;margin-top: 7px;}
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {cursor: not-allowed;}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed; }
.checkbox.checkbox-circle label::before {border-radius: 50%; }
.checkbox.checkbox-inline {margin-top: 0; }
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {background-color: #337ab7;border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {color: #fff; }
.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {background-color: #d9534f;border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {color: #fff; }
.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {background-color: #5bc0de;border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {color: #fff; }
.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {background-color: #f0ad4e;border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {color: #fff; }
.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {background-color: #5cb85c;border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {color: #fff;}
.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {background-color: #337ab7;border-color: #337ab7;}
.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {background-color: #fff;}
.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {background-color: #d9534f;border-color: #d9534f;}
.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {background-color: #fff;}
.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {background-color: #5bc0de;border-color: #5bc0de;}
.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {background-color: #fff;}
.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {background-color: #f0ad4e;border-color: #f0ad4e;}
.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {background-color: #fff;}
.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {background-color: #5cb85c;border-color: #5cb85c;}
.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {background-color: #fff;}

.radio {padding-left: 20px; }
.radio label {display: inline-block;vertical-align: middle;position: relative; padding-left: 5px; }
.radio label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 50%;background-color: #fff;-webkit-transition: border 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out;transition: border 0.15s ease-in-out; }
.radio label::after {display: inline-block; position: absolute; content: " ";width: 11px;height: 11px;left: 3px;top: 3px;margin-left: -20px;border-radius: 50%;background-color: #337ab7;-webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {opacity: 0; z-index: 1;cursor: pointer;}
.radio input[type="radio"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1);-ms-transform: scale(1, 1); -o-transform: scale(1, 1);transform: scale(1, 1); }
.radio input[type="radio"]:disabled {cursor: not-allowed;}
.radio input[type="radio"]:disabled + label {opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed; }
.radio.radio-inline {margin-top: 0; }
.radio-primary input[type="radio"] + label::after {background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {background-color: #337ab7; }
.radio-danger input[type="radio"] + label::after {background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {background-color: #d9534f; }
.radio-info input[type="radio"] + label::after {background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {background-color: #5bc0de; }
.radio-warning input[type="radio"] + label::after {background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {background-color: #f0ad4e; }
.radio-success input[type="radio"] + label::after {background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {background-color: #5cb85c; }
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {font-family: 'FontAwesome';content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {color: #fff; }

/*El cuadro con el autocompletado*/
.autocomplete {position: relative;display: inline-block;}
.autocomplete-items {position: absolute;border: 1px solid #d4d4d4;border-bottom: none;border-top: none;z-index: 99;top: 100%;left: 0;right: 0;}
.autocomplete-items div {padding: 10px;cursor: pointer;background-color: #fff; border-bottom: 1px solid #d4d4d4; }
.autocomplete-items div:hover {background-color: #e9e9e9; }
.autocomplete-active {background-color: DodgerBlue !important; color: #ffffff; }

/*permite ocultar el paddin en casos especificos*/
.nopadding .form-group {margin-left: -12px;margin-right: -12px;}
@media (max-width: 978px) {.nopadding .form-group {margin-left: -12px;margin-right: -12px;}}
@media (max-width: 640px) {.nopadding .form-group {margin-left: -15px;margin-right: -15px;}}
@media (max-width: 480px) {.nopadding .form-group {margin-left: -15px;margin-right: -15px;}}

/*Ventana de registro de usuario*/
.register{background: -webkit-linear-gradient(left, #3931af, #00c6ff);padding: 3%;}
.register-left{text-align: center;color: #fff;margin-top: 4%;}
.register-left a{border: none;border-radius: 1.5rem;padding: 2%;width: 60%;background: #f8f9fa;font-weight: bold;color: #383d41;margin-top: 30%;margin-bottom: 3%;cursor: pointer;}
.register-right{background: #f8f9fa;border-top-left-radius: 10% 50%;border-bottom-left-radius: 10% 50%;}
.register-left img{margin-top: 15%;margin-bottom: 5%;width: 25%;-webkit-animation: mover 2s infinite  alternate;animation: mover 1s infinite  alternate;}
@-webkit-keyframes mover {0% { transform: translateY(0); }100% { transform: translateY(-20px); }}
@keyframes mover {0% { transform: translateY(0); }100% { transform: translateY(-20px); }}
.register-left p{font-weight: lighter;padding: 12%;margin-top: -9%;}
.register .register-form{padding-left: 10%;padding-right: 10%;}
.btnRegister{float: right;margin-top: 10%;border: none;border-radius: 1.5rem;padding: 2%;background: #0062cc;color: #fff;font-weight: 600;width: 50%;cursor: pointer;}
.register .nav-tabs{margin-top: 3%;border: none;background: #0062cc;border-radius: 1.5rem;width: 28%;float: right;}
.register .nav-tabs .nav-link{padding: 2%;height: 34px;font-weight: 600;color: #fff;border-top-right-radius: 1.5rem;border-bottom-right-radius: 1.5rem;}
.register .nav-tabs .nav-link:hover{border: none;}
.register .nav-tabs .nav-link.active{width: 100px;color: #0062cc;border: 2px solid #0062cc;border-top-left-radius: 1.5rem;border-bottom-left-radius: 1.5rem;}
.register-heading{text-align: center;margin-top: 6%;color: #495057;}
.register .alert{margin-left: 10%;margin-right: 10%;}
.box_subasta {border: 1px solid #ddd;}
.box_subasta header {color: #666;background-color: #ddd;border-color: #ddd;}
.box_subasta .body {padding: 0px;}

/* Cuadro de pujas en las subastas*/
.inbox_people {background: #f8f8f8 none repeat scroll 0 0;overflow: hidden;border-right:1px solid #c4c4c4;}
.inbox_msg {border: 1px solid #c4c4c4;clear: both;overflow: hidden;}
.top_spac{ margin: 20px 0 0;}
.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img {float: left;width: 11%;}
.chat_img img{width: 100%;}
.chat_ib {float: left;padding: 0 0 0 15px;width: 88%;}
.chat_people{ overflow:hidden; clear:both;}
.chat_list {border-bottom: 1px solid #c4c4c4;margin: 0;padding: 18px 16px 10px;}
.inbox_chat { height: 550px; overflow-y: scroll;}
.active_chat{ background:#ebebeb;}

/* chat del sistema de seguridad*/
.seg_chat {margin: 15px;}
.seg_chat .chat{list-style: none;margin: 0;padding: 0;}
.seg_chat .chat li{margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px dotted #B3A9A9;}
.seg_chat .chat li.left .chat-body{margin-left: 60px;}
.seg_chat .chat li.right .chat-body{margin-right: 60px;}
.seg_chat .chat li .chat-body p{margin: 0;color: #777777;}

/* tabla de sismos externa al sitio*/
.external_page  {max-height:500px;overflow-y: scroll;}
.external_page table {width: 100%;max-width: 100%;margin-bottom: 20px;background-color: transparent;white-space: initial;}
.external_page table th, .external_page table td {text-align: left;border: 1px solid #ddd;}

/* Loader del sitio */
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border-radius: 50%;border: 3px solid transparent;border-top-color: #3498db;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;z-index: 1001;}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #e74c3c;-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #f9c922;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #222222;z-index: 1000;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}
/* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;
                transition: all 0.3s 1s ease-out;
    }

    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }
    .no-js h1 {
        color: #222222;
    }


/* Barra de botones de like dislike */
.like_butons a { display: inline; font-size: 1.125em; cursor: pointer;color: #BFBFBF; }
.like_butons .fa-thumbs-o-up:hover { color: #34bf49; }
.like_butons .fa-thumbs-o-down:hover { color: #ff4c4c;}
.like_butons .fa-bullhorn:hover { color: #f47721;}
.like_butons .like_report:hover .fa-bullhorn { color: #f47721;}
.like_butons .fa-thumbs-o-up, .like_butons .fa-thumbs-o-down, .like_butons .fa-bullhorn{ padding-left: 15px; }

/* widget user */
.usercard-widget {border: 0;position: relative;margin-top:15px;margin-bottom:15px;}
.usercard {box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);margin-bottom: 1rem;}
.usercard {position: relative;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 0 solid rgba(0,0,0,.125);border-radius: .25rem;}
.widget-user .widget-user-header {border-top-left-radius: .25rem;border-top-right-radius: .25rem;height: 135px;padding: 1rem;text-align: center;}
.widget-user .widget-user-username {font-size: 25px;font-weight: 300;margin-bottom: 0;margin-top: 0;text-shadow: 0 1px 1px rgba(0,0,0,.2);}
.widget-user .widget-user-desc {margin-top: 0;}
.text-white {color: #fff !important;}
.widget-user .widget-user-image {left: 50%;margin-left: -45px;position: absolute;top: 80px;}
.widget-user .widget-user-image > img {border: 3px solid #fff;height: auto;width: 90px;}
.img-circle {border-radius: 50%;}

/* Nuevas funcionalidades a windows badge */
span.badge-aqua {background: #27d7e7 none repeat scroll 0 0 !important;}
span.badge-dark {background: #555 none repeat scroll 0 0 !important;}
span.badge-purple{background: #9b6bcc none repeat scroll 0 0 !important;}
span.badge-yellow {background: #f1c40f none repeat scroll 0 0 !important;}
span.badge-green{background: #2ecc71 none repeat scroll 0 0 !important;}
span.badge-red{background: #e74c3c none repeat scroll 0 0 !important;}
.radius-0 {border-radius: 0 !important;}
.radius-3 {border-radius: 3px !important;}
.radius-50 {border-radius: 50% !important;}
.badge.badge-corner-topleft {color: #fff !important;position: absolute !important;left: -6px !important;top: -8px !important;}
.badge.badge-corner-topright {color: #fff !important;position: absolute !important;right: -6px !important;top: -8px !important;}
.badge.badge-corner-bottomleft {color: #fff !important;position: absolute !important;left: -6px !important;bottom: -8px !important;top: auto !important;}
.badge.badge-corner-bottomright {color: #fff !important;position: absolute !important;right: -6px !important;bottom: -8px !important;top: auto !important;}
.badge.badge-corner-middleleft {color: #fff !important;position: absolute !important;left: -6px !important;bottom: auto !important;top: auto !important;}
.badge.badge-corner-middleright {color: #fff !important;position: absolute !important;right: -6px !important;bottom: auto !important;top: auto !important;}

/* Ventanas de contratos */
.bs-example {margin-right: 0;margin-left: 0;background-color: #fff;border-color: #ddd;border-width: 1px;border-radius: 4px 4px 0 0;-webkit-box-shadow: none;box-shadow: none;padding: 15px;border-style: solid;margin-bottom:15px;}

/* Nuevos modelos de botones */
.btn-md{width: 50px;height: 50px;padding: 14px 16px;}
.btn-md-circle{border-radius: 35px;}

/* Estilos de botones de formularios checkbox radio */
.funkyradio div {clear: both;overflow: hidden;}
.funkyradio label {width: 100%;border-radius: 3px;border: 1px solid #D1D3D4;font-weight: normal;}
.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {display: none;}
.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {position: relative;line-height: 2.5em;text-indent: 3.25em;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {position: absolute;display: block;top: 0;bottom: 0;left: 0;content: '';width: 2.5em;background: #D1D3D4;border-radius: 3px 0 0 3px;}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {color: #888;}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {content: '\2714';text-indent: .9em;color: #C2C2C2;}
.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {color: #777;}
.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {content: '\2714';text-indent: .9em;color: #333;background-color: #ccc;}
.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {box-shadow: 0 0 0 3px #999;}
.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {color: #333;background-color: #ccc;}
.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {color: #fff;background-color: #337ab7;}
.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {color: #fff;background-color: #5cb85c;}
.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {color: #fff;background-color: #d9534f;}
.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {color: #fff; background-color: #f0ad4e;}
.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {color: #fff; background-color: #5bc0de;}

/* Nuevos checkbox */
.new_checkbox input[type="checkbox"] {display: none;}
.new_checkbox input[type="checkbox"] + .btn-group > label span { width: 20px;}
.new_checkbox input[type="checkbox"] + .btn-group > label span:first-child {display: none;}
.new_checkbox input[type="checkbox"] + .btn-group > label span:last-child {display: inline-block;   }
.new_checkbox input[type="checkbox"]:checked + .btn-group > label span:first-child {display: inline-block;}
.new_checkbox input[type="checkbox"]:checked + .btn-group > label span:last-child {display: none;   }

/* widget_Ficha_1 */
.info-box{display:block;min-height:90px;background:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,.1);border-radius:2px;margin-bottom:15px;color:#fff!important}
.info-box .info-box-icon{display:block;float:left;height:90px;width:90px;text-align:center;font-size:45px;line-height:90px;background:rgba(0,0,0,.2);border-radius:2px 0 0 2px}
.info-box .info-box-content{padding:5px 10px;margin-left:90px}
.info-box .info-box-content .info-box-text{text-transform:uppercase}
.info-box .info-box-content .info-box-text,.info-box .info-box-content .progress-description{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.info-box .info-box-content .info-box-number{display:block;font-weight:700;font-size:18px}
.info-box .progress,.info-box .progress .progress-bar{border-radius:0}
.info-box .progress .progress-bar{background:#fff}
.info-box .progress{background:rgba(0,0,0,.2);margin:5px -10px;height:2px}
.progress-description{margin:0}
.progress-description a{color:#fff}
.info-box .info-box-content .info-box-text,.info-box .info-box-content .progress-description{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* widget_Ficha_2 */
.box.box-solid{border-radius: 6px;}
.box.box-solid.box-green { border: 1px solid #00a65a!important;}
.box.box-solid.box-green > .box-header {color: #fff;background: #00a65a;background-color: #00a65a;}
.box.box-solid.box-blue { border: 1px solid #357ebd!important;}
.box.box-solid.box-blue > .box-header {color: #fff;background: #357ebd;background-color: #357ebd;}
.box.box-solid.box-red { border: 1px solid #dd4b39!important;}
.box.box-solid.box-red > .box-header {color: #fff;background: #dd4b39;background-color: #dd4b39;}
.box.box-solid.box-yellow { border: 1px solid #FFCB19!important;}
.box.box-solid.box-yellow > .box-header {color: #fff;background: #FFCB19;background-color: #FFCB19;}
.box.box-solid.box-orange { border: 1px solid #f39c12!important;}
.box.box-solid.box-orange > .box-header {color: #fff;background: #f39c12;background-color: #f39c12;}
.box.box-solid.box-purple { border: 1px solid #605ca8!important;}
.box.box-solid.box-purple > .box-header {color: #fff;background: #605ca8;background-color: #605ca8;}
.box.box-solid.box-normal { border: 1px solid #ddd!important;}
.box.box-solid.box-normal > .box-header {color: #fff;background: #ddd;background-color: #ddd;}
.box-header.with-border {border-bottom: 1px solid #f4f4f4;}
.box-header {color: #444;display: block;padding: 10px;position: relative;}
.box-header .box-title { display: inline-block;font-size: 18px;margin: 0;line-height: 1;}
.box.box-solid .value {color: #888;text-align: center;}
.box.box-solid .value span {font-size: 40px;color: #666;}
.box-header > .box-tools {position: absolute;right: 10px;top: 5px;}

/* widget_Ficha_3 */
.small-box { border-radius: 2px;position: relative; display: block; margin-bottom: 20px;box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.small-box > .innerbox { padding: 10px;}
.small-box h3 {font-size: 38px; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0; color: #fff !important;}
.small-box p {font-size: 15px; color: #fff !important;}
.small-box .icon { -webkit-transition: all .3s linear;  -o-transition: all .3s linear;  transition: all .3s linear; position: absolute; top: -10px; right: 10px; z-index: 0; font-size: 90px;color: rgba(0,0,0,0.15);}
.small-box > .small-box-footer { position: relative; text-align: center;  padding: 3px 0; color: #fff; color: rgba(255,255,255,0.8); display: block; z-index: 10;  background: rgba(0,0,0,0.1); text-decoration: none;}

/* widget_Ficha_6 */
.text-faded {color: rgba(255,255,255,.7);}
.circle-tile {margin-bottom:15px;text-align:center}
.circle-tile .circle-tile-heading {position:relative;width:80px;height:80px;margin:0 auto -40px;border:3px solid rgba(255,255,255,.3);border-radius:100%;color:#fff;transition:all ease-in-out .3s}
.circle-tile .circle-tile-heading .fa {line-height:80px}
.circle-tile .circle-tile-heading.circle_dark-blue:hover {background-color:#2b3c4e}
.circle-tile .circle-tile-heading.circle_green:hover {background-color:#138a72}
.circle-tile .circle-tile-heading.circle_orange:hover {background-color:#e08e0b}
.circle-tile .circle-tile-heading.circle_blue:hover {background-color:#2472a4}
.circle-tile .circle-tile-heading.circle_red:hover {background-color:#e43725}
.circle-tile .circle-tile-heading.circle_purple:hover {background-color:#7f3d9b}
.circle-tile .circle-tile-content {padding-top:50px}
.circle-tile .circle-tile-content .circle-tile-description {font-size: 12px;}
.circle-tile .circle-tile-content .circle-tile-number {padding:5px 0 15px;font-size:26px;font-weight:700;line-height:1}
.circle-tile .circle-tile-content .circle-tile-footer {display:block;padding:5px;color:rgba(255,255,255,.5);background-color:rgba(0,0,0,.1);transition:all ease-in-out .3s}
.circle-tile .circle-tile-content .circle-tile-footer:hover {text-decoration:none;color:rgba(255,255,255,.5);background-color:rgba(0,0,0,.2)}

/* widget_Ficha_7 */
.main-box {background: #FFFFFF;box-shadow: 1px 1px 2px 0 #CCCCCC;margin-bottom: 16px;border-radius: 3px;background-clip: padding-box;}
@media (max-width: 767px) {.main-box {margin-bottom: 10px;}}
.main-box h2 {font-size: 1.3em;line-height: 29px;margin: 0;padding: 0;}
@media (max-width: 419px) {.main-box h2 {margin-bottom: 5px;}}
.main-box.no-header {padding-top: 20px;}
.main-box .main-box-header {min-height: 50px;padding: 10px 20px;}
.main-box .main-box-header.with-border {border-bottom: 1px solid #ecf0f1;}
.main-box .main-box-body {padding: 0 20px 20px 20px;}
.infographic-box {padding: 20px;}
.infographic-box i {font-size: 2.4em;display: block;float: left;margin-right: 15px;width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 50%;background-clip: padding-box;color: #fff;}
.infographic-box .headline {display: block;font-size: 1.2em;font-weight: 300;text-align: right;}
.infographic-box .value {font-size: 2.1em;font-weight: 600;margin-top: -5px;display: block;text-align: right;}
.infographic-box.merged {border-top: 1px solid #e7ebee;border-right: 1px solid #e7ebee;width: 50%;}
@media (max-width: 767px) {.infographic-box.merged {width: 100%;border-right: none;}}
.infographic-box.merged .headline {text-align: left;font-size: 1em;margin-top: -5px;}
.infographic-box.merged .value {text-align: left;font-size: 1.9em;font-weight: 400;margin-top: 0;}
.infographic-box.merged.merged-top {border-top: none;}
.infographic-box.merged.merged-right {border-right: none;}
@media (max-width: 767px) {.infographic-box.merged.merged-top.merged-right {border-top: 1px solid #e7ebee;}}


/* SMALL GRAPH BOX */
.small-graph-box {padding: 20px;color: #fff;}
.small-graph-box .headline {display: block;font-size: 0.875em;font-weight: 400;margin-top: -5px;padding-bottom: 5px;text-transform: uppercase;}
.small-graph-box .value {display: block;font-size: 1.9em;font-weight: 600;margin-top: -5px;}
.small-graph-box .progress {background: rgba(0, 0, 0, 0.2);height: 5px;margin-bottom: 5px;margin-top: 10px;}
.small-graph-box .progress .progress-bar {background-color: #fff;}
.small-graph-box .subinfo {display: block;font-size: 0.8em;padding-top: 5px;}
.small-graph-box .subinfo i {font-size: 1.2em;}

/* PROFILE BOX */
.profile-box .main-box-body {padding: 0;}
.profile-box .profile-box-header {padding: 30px 20px 20px;text-align: center;}
.profile-box .profile-img {border-radius: 50%;background-clip: padding-box;/* stops bg color from leaking outside the border: */width: 130px;height: 130px;}
.profile-box h2 {padding: 10px 0 5px;margin: 0;}
.profile-box .job-position {font-weight: 300;color: #666;font-size: 0.875em;}
.profile-box .profile-box-footer {background: #3498db;border-radius: 0 0 3px 3px;background-clip: padding-box;/* stops bg color from leaking outside the border: */}
.profile-box .profile-box-footer a {display: block;background: #3498db;width: 33%;width: 33.33%;float: left;text-align: center;padding: 15px 10px;color: #fff;}
.profile-box .profile-box-footer a:first-child {border-radius: 0 0 0 3px;background-clip: padding-box;/* stops bg color from leaking outside the border: */}
.profile-box .profile-box-footer a:last-child {border-radius: 0 0 3px 0;background-clip: padding-box;/* stops bg color from leaking outside the border: */}
.profile-box .profile-box-footer a:nth-child(2) {background: #2980b9;}
.profile-box .profile-box-footer a:hover {text-decoration: none;}
.profile-box .profile-box-footer .value {display: block;font-size: 1.8em;font-weight: 300;}
.profile-box .profile-box-footer .label {display: block;font-size: 0.875em;font-weight: 300;}

.profile-box-menu .main-box-body {padding: 0;}
.profile-box-menu .profile-box-header {padding: 30px 20px;color: #fff;border-radius: 3px 3px 0 0;background-clip: padding-box;/* stops bg color from leaking outside the border: */}
.profile-box-menu .profile-img {border-radius: 50%;background-clip: padding-box;/* stops bg color from leaking outside the border: */width: 110px;height: 110px;float: left;margin-right: 15px;border: 5px solid #fff;}
.profile-box-menu h2 {padding: 20px 0 3px;margin: 0;display: inline-block;font-weight: 400;line-height: 1.1;}
.profile-box-menu .job-position {font-weight: 300;font-size: 0.875em;}
.profile-box-menu .profile-box-content .menu-items {margin: 0;padding: 0;list-style: none;}
.profile-box-menu .profile-box-content .menu-items li a {display: block;height: 40px;line-height: 40px;border-bottom: 1px solid #e7ebee;padding: 0 20px;font-size: 0.875em;-webkit-transition: background-color 0.15s ease-in-out 0s;      transition: background-color 0.15s ease-in-out 0s;color: #344644;}
.profile-box-menu .profile-box-content .menu-items li a:hover {background-color: #e7ebee;text-decoration: none;}
.profile-box-menu .profile-box-content .menu-items li a i {width: 24px;}
.profile-box-menu .profile-box-content .menu-items li a span.label {margin-top: 10px;}
.profile-box-menu .profile-box-content .menu-items li:last-child a {border-bottom: none;}

.profile-box-stats .main-box-body {padding: 0;}
.profile-box-stats .profile-box-header {border-radius: 3px 3px 0 0;background-clip: padding-box;/* stops bg color from leaking outside the border: */padding: 30px 20px 70px;color: #fff;text-align: center;position: relative;}
.profile-box-stats .profile-img {border-radius: 50%;background-clip: padding-box;/* stops bg color from leaking outside the border: */border: 5px solid #fff;bottom: -45px;float: left;height: 90px;left: 50%;margin-left: -45px;position: absolute;width: 90px;}
.profile-box-stats h2 {padding: 0 0 8px;margin: 0;display: inline-block;font-weight: 400;line-height: 1.1;font-size: 1.5em;}
.profile-box-stats .job-position {font-weight: 300;font-size: 0.875em;}
.profile-box-stats .profile-box-footer {padding-top: 50px;padding-bottom: 15px;}
.profile-box-stats .profile-box-footer a {display: block;width: 33%;width: 33.33%;float: left;text-align: center;padding: 15px 10px;color: #344644;}
.profile-box-stats .profile-box-footer a:hover {text-decoration: none;}
.profile-box-stats .profile-box-footer .value {display: block;font-size: 1.8em;font-weight: 300;}
.profile-box-stats .profile-box-footer .label {display: block;font-size: 1em;font-weight: 300;color: #344644;}

.profile-box-contact .main-box-body {padding: 0;}
.profile-box-contact .profile-box-header {padding: 30px 20px;color: #fff;border-radius: 3px 3px 0 0;background-clip: padding-box;/* stops bg color from leaking outside the border: */}
.profile-box-contact .profile-img {border-radius: 50%;background-clip: padding-box;/* stops bg color from leaking outside the border: */width: 110px;height: 110px;float: left;margin-right: 15px;border: 5px solid #fff;}
.profile-box-contact h2 {padding: 8px 0 3px;margin: 0;display: inline-block;font-weight: 400;line-height: 1.1;}
.profile-box-contact .job-position {font-weight: 300;font-size: 0.875em;}
.profile-box-contact .profile-box-footer {padding-top: 10px;padding-bottom: 15px;}
.profile-box-contact .profile-box-footer a {display: block;width: 33%;width: 33.33%;float: left;text-align: center;padding: 15px 10px;color: #344644;}
.profile-box-contact .profile-box-footer a:hover {text-decoration: none;}
.profile-box-contact .profile-box-footer .value {display: block;font-size: 1.8em;font-weight: 300;}
.profile-box-contact .profile-box-footer .label {display: block;font-size: 1em;font-weight: 300;color: #344644;}
.profile-box-contact .contact-details {padding: 4px 0 0;margin: 0;list-style: none;font-size: 0.875em;font-weight: 300;}
.profile-box-contact .contact-details li i {width: 12px;text-align: center;margin-right: 3px;}

/* PROJECT BOX */
.project-box .main-box-body {padding: 0;}
.project-box .project-box-header {border-radius: 3px 3px 0 0;background-clip: padding-box;/* stops bg color from leaking outside the border: */}
.project-box .project-box-header .name a {color: #fff;display: block;font-size: 1.4em;font-weight: 300;padding: 16px 15px;border-radius: 3px 3px 0 0;background-clip: padding-box;/* stops bg color from leaking outside the border: */-webkit-transition: background-color 0.1s ease-in-out 0s;      transition: background-color 0.1s ease-in-out 0s;}
.project-box .project-box-header .name a:hover {text-decoration: none;}
.project-box .project-box-header.green-bg .name a:hover {background: #27ae60;}
.project-box .project-box-content {padding: 30px 20px 5px;text-align: center;}
.project-box .project-box-content .chart {position: relative;text-align: center;font-weight: 300;font-size: 1em;width: 130px;height: 130px;display: block;margin: 0 auto;padding-top: 37px;}
.project-box .project-box-content .chart canvas {position: absolute;top: 0;left: 0;}
.project-box .project-box-content .chart .percent {font-size: 2.1em;font-weight: 600;}
.project-box .project-box-content .chart .lbl {display: block;font-size: 0.875em;margin-top: -7px;}
.project-box .project-box-footer {border-radius: 0 0 3px 3px;background-clip: padding-box;/* stops bg color from leaking outside the border: */}
.project-box .project-box-footer a {border-right: 1px solid #eee;color: #344644;display: block;float: left;margin: 20px 0;padding: 5px 10px;text-align: center;width: 33.33%;}
.project-box .project-box-footer a:last-child {border: none;}
.project-box .project-box-footer a:hover {text-decoration: none;}
.project-box .project-box-footer .value {display: block;font-size: 1.8em;font-weight: 300;}
.project-box .project-box-footer .label {display: block;font-size: 0.875em;font-weight: 300;color: #344644;}
.project-box .project-box-ultrafooter {background: #f7fafa;border-top: 1px solid #e9eef0;padding: 8px 15px;border-radius: 0 0 3px 3px;background-clip: padding-box;/* stops bg color from leaking outside the border: */}
.project-box .project-box-ultrafooter .project-img-owner {border-radius: 50%;background-clip: padding-box;/* stops bg color from leaking outside the border: */display: block;float: left;height: 33px;margin-right: 5px;overflow: hidden;width: 33px;}
.project-box .project-box-ultrafooter .link {margin-top: 6px;color: #c1c5c6;}
.project-box.emerald-box .project-box-footer a:hover {color: #3498db;}
.project-box.red-box .project-box-footer a:hover {color: #e74c3c;}
.project-box.yellow-box .project-box-footer a:hover {color: #f1c40f;}
.project-box.green-box .project-box-footer a:hover {color: #2ecc71;}
.project-box.purple-box .project-box-footer a:hover {color: #9b59b6;}
.project-box.gray-box .project-box-footer a:hover {color: #95a5a6;}
.databox-container{text-align:center;font-size:0}
.databox{display:inline-block;width:100%;height:65px;padding:0;font-size:0;margin-bottom:30px;vertical-align:top;min-width:130px}
.databox .no-padding {padding: 0 !important;}
.databox .databox-icon{margin:0;display:inline-block;width:100%;text-align:center}
.databox .databox-icon>.fa,.databox .databox-icon .typcn,.databox .databox-icon .glyphicon,.databox .databox-icon .wi{display:inline-block;margin:0;text-align:center;position:relative;margin-top:3px}
.databox .databox-icon>.fa:before,.databox .databox-icon .typcn:before,.databox .databox-icon .glyphicon:before,.databox .databox-icon .wi:before{font-size:40px;display:block;text-align:center}
.databox .databox-sparkline{padding-top:0;margin:0 auto;display:inline-block;vertical-align:bottom;width:100%;text-align:center;font-size:24px}
.databox .databox-piechart{padding-top:0;margin:0 auto;display:inline-block;vertical-align:bottom;width:100%;text-align:center;font-size:14px;font-weight:300}
.databox .databox-header{display:block;font-size:18px;font-family:'Roboto','Lucida Sans','trebuchet MS',Arial,Helvetica;font-weight:400;margin:8px 5px;position:relative}
.databox .databox-header i{margin-right:5px}
.databox .databox-number{display:block;font-size:17px;line-height:26px;margin:2px;position:relative;font-family:'Roboto','Lucida Sans','trebuchet MS',Arial,Helvetica}
.databox .databox-number i{margin-right:5px}
.databox .databox-number.number-xs{font-size:11px}
.databox .databox-number.number-sm{font-size:14px}
.databox .databox-number.number-lg{font-size:20px}
.databox .databox-number.number-xlg{font-size:23px}
.databox .databox-number.number-xxlg{font-size:30px}
.databox .databox-title{display:block;font-size:16px;font-weight:300;margin:2px;position:relative}
.databox .databox-title i{margin-right:5px;font-size:13px}
.databox .databox-text{display:block;font-size:11px;margin:4px 0 2px;position:relative}
.databox .databox-text i{margin-right:5px;font-size:13px}
.databox .databox-inlinetext{font-size:11px;margin:2px;position:relative}
.databox .databox-inlinetext i{margin-right:5px;font-size:13px}
.databox .databox-stat{display:inline-block;position:absolute;right:7px;top:7px;padding:2px 5px}
.databox .databox-stat.stat-left{left:7px;right:auto}
.databox .databox-stat .stat-text{display:inline-block;font-size:13px;padding-right:5px;font-weight:500}
.databox .databox-stat .stat-icon{display:inline-block;font-size:13px}
.databox .databox-stat .stat-icon.icon-lg{font-size:16px}
.databox .databox-stat .stat-icon.icon-xlg{font-size:18px}
.databox .databox-stat.radius-bordered{-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box}
.databox .databox-stat[class*="bg-"]{color:#fff}
.databox .databox-state{position:absolute;top:10px;right:10px;height:24px;width:24px;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;background-color:#e5e5e5;text-align:center;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2);border:2px solid #fff}
.databox .databox-state i{font-size:13px;color:#fff;line-height:20px}
.databox .databox-row{width:100%;margin:0;position:relative}
.databox .databox-row[class*="bg-"]{color:#fff}
.databox .databox-row.bordered-bottom{border-bottom:1px solid #fff}
.databox .databox-row.bordered-top{border-top:1px solid #fff}
.databox .databox-row.bordered-left{border-left:1px solid #fff}
.databox .databox-row.bordered-right{border-right:1px solid #fff}
.databox .databox-row.bordered-thick{border-width:2px}
.databox .databox-row.row-1{height:8.33%}
.databox .databox-row.row-2{height:16.66%}
.databox .databox-row.row-3{height:25%}
.databox .databox-row.row-4{height:33.33%}
.databox .databox-row.row-5{height:41.66%}
.databox .databox-row.row-6{height:50%}
.databox .databox-row.row-7{height:58.33%}
.databox .databox-row.row-8{height:66.66%}
.databox .databox-row.row-9{height:75%}
.databox .databox-row.row-10{height:83.33%}
.databox .databox-row.row-11{height:91.66%}
.databox .databox-row.row-12{height:100%}
.databox .databox-cell{height:100%;margin:0;position:relative;display:inline-block;vertical-align:middle;padding:0 10px}
.databox .databox-cell[class*="bg-"]{color:#fff}
.databox .databox-cell.bordered-bottom{border-bottom:1px solid #fff}
.databox .databox-cell.bordered-top{border-top:1px solid #fff}
.databox .databox-cell.bordered-left{border-left:1px solid #fff}
.databox .databox-cell.bordered-right{border-right:1px solid #fff}
.databox .databox-cell.bordered-thick{border-width:2px}
.databox .databox-cell.cell-1{width:8.33%}
.databox .databox-cell.cell-2{width:16.66%}
.databox .databox-cell.cell-3{width:25%}
.databox .databox-cell.cell-4{width:33.33%}
.databox .databox-cell.cell-5{width:41.66%}
.databox .databox-cell.cell-6{width:50%}
.databox .databox-cell.cell-7{width:58.33%}
.databox .databox-cell.cell-8{width:66.66%}
.databox .databox-cell.cell-9{width:75%}
.databox .databox-cell.cell-10{width:83.33%}
.databox .databox-cell.cell-11{width:91.66%}
.databox .databox-cell.cell-12{width:100%}
.databox.databox-inverted .databox-left{-lh-property:0;width:-webkit-calc(100% - 65px);width:-moz-calc(100% - 65px);width:calc(100% - 65px)}
.databox.databox-inverted .databox-right{width:65px}
.databox.databox-transparent .databox-left{background-color:transparent !important}
.databox.databox-transparent .databox-right{background-color:transparent !important}
.databox .databox-left{position:relative;display:inline-block;vertical-align:top;text-align:center;margin:0;width:65px;height:65px;padding:10px;color:#2dc3e8}
.databox .databox-left[class*="bg-"]{color:#fff}
.databox .databox-right{position:relative;display:inline-block;vertical-align:top;margin:0;-lh-property:0;width:-webkit-calc(100% - 65px);width:-moz-calc(100% - 65px);width:calc(100% - 65px);height:65px;color:#555;padding:5px 10px}
.databox .databox-right.bordered{border-left:1px solid #fff}
.databox .databox-right.bordered-thick{border-left:3px solid #fff}
.databox .databox-right[class*="bg-"]{color:#fff}
.databox.databox-shadowed{-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow:0 0 3px rgba(0,0,0,.2)}
.databox.radius-bordered{-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box}
.databox.radius-bordered .databox-left{-webkit-border-radius:3px 0 0 3px;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 3px;-moz-background-clip:padding;border-radius:3px 0 0 3px;background-clip:padding-box}
.databox.radius-bordered .databox-right{-webkit-border-radius:0 3px 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 3px 0;-moz-background-clip:padding;border-radius:0 3px 3px 0;background-clip:padding-box}
.databox.radius-bordered .databox-right .databox-row:first-child{-webkit-border-radius:0 3px 0 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 0 0;-moz-background-clip:padding;border-radius:0 3px 0 0;background-clip:padding-box}
.databox.radius-bordered .databox-right .databox-row:last-child{-webkit-border-radius:0 0 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 0 3px 0;-moz-background-clip:padding;border-radius:0 0 3px 0;background-clip:padding-box}
.databox.databox-graded{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-webkit-linear-gradient(left,#ddd,#fff);background-image:-moz-linear-gradient(left,#ddd,#fff);background-image:-o-linear-gradient(left,#ddd,#fff);background-image:linear-gradient(to right,#ddd,#fff)}
.databox.databox-halved .databox-left{width:50% !important}
.databox.databox-halved .databox-right{width:50% !important}
.databox.databox-lg{height:80px}
.databox.databox-lg .databox-icon>.fa:before,.databox.databox-lg .databox-icon .typcn:before,.databox.databox-lg .databox-icon .glyphicon:before,.databox.databox-lg .databox-icon .wi:before{font-size:48px;padding:6px 4px 7px}
.databox.databox-lg .databox-sparkline{margin:13px auto}
.databox.databox-lg .databox-number{font-size:20px;margin:4px 0 6px}
.databox.databox-lg .databox-left{width:80px;height:80px}
.databox.databox-lg .databox-right{-lh-property:0;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);height:80px;padding:10px 15px}
.databox.databox-lg.databox-inverted .databox-left{-lh-property:0;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px)}
.databox.databox-lg.databox-inverted .databox-right{width:80px}
.databox.databox-xlg{height:170px}
.databox.databox-xlg .databox-icon>.fa:before,.databox.databox-xlg .databox-icon .typcn:before,.databox.databox-xlg .databox-icon .glyphicon:before{padding:6px 4px 7px}
.databox.databox-xlg .databox-icon .wi:before{font-size:55px !important}
.databox.databox-xlg .databox-left{width:170px;height:170px}
.databox.databox-xlg .databox-right{-lh-property:0;width:-webkit-calc(100% - 170px);width:-moz-calc(100% - 170px);width:calc(100% - 170px);height:170px}
.databox.databox-xlg.databox-inverted .databox-left{-lh-property:0;width:-webkit-calc(100% - 170px);width:-moz-calc(100% - 170px);width:calc(100% - 170px)}
.databox.databox-xlg.databox-inverted .databox-right{width:170px}
.databox.databox-xxlg{height:250px}
.databox.databox-xxlg .databox-icon>.fa:before,.databox.databox-xxlg .databox-icon .typcn:before,.databox.databox-xxlg .databox-icon .glyphicon:before,.databox.databox-xxlg .databox-icon .wi:before{font-size:200px;padding:6px 4px 7px}
.databox.databox-xxlg .databox-left{width:250px;height:250px}
.databox.databox-xxlg .databox-right{-lh-property:0;width:-webkit-calc(100% - 250px);width:-moz-calc(100% - 250px);width:calc(100% - 250px);height:250px}
.databox.databox-xxlg.databox-inverted .databox-left{-lh-property:0;width:-webkit-calc(100% - 250px);width:-moz-calc(100% - 250px);width:calc(100% - 250px)}
.databox.databox-xxlg.databox-inverted .databox-right{width:250px}
.databox.databox-vertical{width:100%;height:100px}
.databox.databox-vertical .databox-top{position:relative;width:100%;height:50px;display:inline-block;text-align:center;margin:0;padding:5px;color:#2dc3e8}
.databox.databox-vertical .databox-top[class*="bg-"]{color:#fff}
.databox.databox-vertical .databox-bottom{position:relative;width:100%;height:50px;display:inline-block;margin:0;color:#555;padding:5px 10px}
.databox.databox-vertical .databox-bottom.bordered{border-top:1px solid #fff}
.databox.databox-vertical .databox-bottom.bordered-thick{border-top:3px solid #fff}
.databox.databox-vertical .databox-bottom[class*="bg-"]{color:#fff}
.databox.databox-vertical .databox-icon>.fa:before,.databox.databox-vertical .databox-icon .typcn:before,.databox.databox-vertical .databox-icon .glyphicon:before,.databox.databox-vertical .databox-icon .wi:before{font-size:38px}
.databox.databox-vertical.radius-bordered{-webkit-border-radius:3px;-webkit-background-clip:padding-box;-moz-border-radius:3px;-moz-background-clip:padding;border-radius:3px;background-clip:padding-box}
.databox.databox-vertical.radius-bordered .databox-top{-webkit-border-radius:3px 3px 0 0;-webkit-background-clip:padding-box;-moz-border-radius:3px 3px 0 0;-moz-background-clip:padding;border-radius:3px 3px 0 0;background-clip:padding-box}
.databox.databox-vertical.radius-bordered .databox-top .databox-row:first-child .databox-cell:first-child{-webkit-border-radius:3px 0 0 0;-webkit-background-clip:padding-box;-moz-border-radius:3px 0 0 0;-moz-background-clip:padding;border-radius:3px 0 0 0;background-clip:padding-box}
.databox.databox-vertical.radius-bordered .databox-top .databox-row:first-child .databox-cell:last-child{-webkit-border-radius:0 3px 0 0;-webkit-background-clip:padding-box;-moz-border-radius:0 3px 0 0;-moz-background-clip:padding;border-radius:0 3px 0 0;background-clip:padding-box}
.databox.databox-vertical.radius-bordered .databox-top img{-webkit-border-radius:3px 3px 0 0;-webkit-background-clip:padding-box;-moz-border-radius:3px 3px 0 0;-moz-background-clip:padding;border-radius:3px 3px 0 0;background-clip:padding-box}
.databox.databox-vertical.radius-bordered .databox-bottom{-webkit-border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-border-radius:0 0 3px 3px;-moz-background-clip:padding;border-radius:0 0 3px 3px;background-clip:padding-box}
.databox.databox-vertical.radius-bordered .databox-bottom .databox-row:last-child .databox-cell:first-child{-webkit-border-radius:0 0 0 3px;-webkit-background-clip:padding-box;-moz-border-radius:0 0 0 3px;-moz-background-clip:padding;border-radius:0 0 0 3px;background-clip:padding-box}
.databox.databox-vertical.radius-bordered .databox-bottom .databox-row:last-child .databox-cell:last-child{-webkit-border-radius:0 0 3px 0;-webkit-background-clip:padding-box;-moz-border-radius:0 0 3px 0;-moz-background-clip:padding;border-radius:0 0 3px 0;background-clip:padding-box}
.databox.databox-vertical.radius-bordered .databox-bottom img{-webkit-border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-border-radius:0 0 3px 3px;-moz-background-clip:padding;border-radius:0 0 3px 3px;background-clip:padding-box}
.databox.databox-vertical.databox-graded{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);background-image:-webkit-linear-gradient(top,#e5e5e5,#fff);background-image:-moz-linear-gradient(top,#e5e5e5,#fff);background-image:-o-linear-gradient(top,#e5e5e5,#fff);background-image:linear-gradient(to bottom,#e5e5e5,#fff)}
.databox.databox-vertical.databox-halved .databox-top{height:50%}
.databox.databox-vertical.databox-halved .databox-bottom{height:50%}
.databox.databox-vertical.databox-lg{height:150px;width:100%}
.databox.databox-vertical.databox-lg .databox-number{font-size:17px;margin:2px}
.databox.databox-vertical.databox-lg .databox-icon>.fa:before,.databox.databox-vertical.databox-lg .databox-icon .typcn:before,.databox.databox-vertical.databox-lg .databox-icon .glyphicon:before{font-size:38px !important;padding:0}
.databox.databox-vertical.databox-lg .databox-icon .wi:before{font-size:50px !important;padding:0}
.databox.databox-vertical.databox-lg .databox-top{height:50px}
.databox.databox-vertical.databox-lg .databox-bottom{height:100px}
.databox.databox-vertical.databox-lg.databox-inverted .databox-icon>.fa:before,.databox.databox-vertical.databox-lg.databox-inverted .databox-icon .typcn:before,.databox.databox-vertical.databox-lg.databox-inverted .databox-icon .glyphicon:before,.databox.databox-vertical.databox-lg.databox-inverted .databox-icon .wi:before{font-size:85px;padding:0}
.databox.databox-vertical.databox-lg.databox-inverted .databox-top{height:100px}
.databox.databox-vertical.databox-lg.databox-inverted .databox-bottom{height:50px}
.databox.databox-vertical.databox-lg.databox-halved .databox-icon>.fa:before,.databox.databox-vertical.databox-lg.databox-halved .databox-icon .typcn:before,.databox.databox-vertical.databox-lg.databox-halved .databox-icon .glyphicon:before,.databox.databox-vertical.databox-lg.databox-halved .databox-icon .wi:before{font-size:58px;padding:0}
.databox.databox-vertical.databox-lg.databox-halved .databox-top{height:75px}
.databox.databox-vertical.databox-lg.databox-halved .databox-bottom{height:75px}
.databox.databox-vertical.databox-xlg{height:200px;width:100%}
.databox.databox-vertical.databox-xlg .databox-icon>.fa:before,.databox.databox-vertical.databox-xlg .databox-icon .typcn:before,.databox.databox-vertical.databox-xlg .databox-icon .glyphicon:before,.databox.databox-vertical.databox-xlg .databox-icon .wi:before{font-size:38px;padding:0}
.databox.databox-vertical.databox-xlg .databox-top{height:50px}
.databox.databox-vertical.databox-xlg .databox-bottom{height:150px}
.databox.databox-vertical.databox-xlg.databox-inverted .databox-icon>.fa:before,.databox.databox-vertical.databox-xlg.databox-inverted .databox-icon .typcn:before,.databox.databox-vertical.databox-xlg.databox-inverted .databox-icon .glyphicon:before,.databox.databox-vertical.databox-xlg.databox-inverted .databox-icon .wi:before{font-size:120px;padding:10px}
.databox.databox-vertical.databox-xlg.databox-inverted .databox-top{height:150px}
.databox.databox-vertical.databox-xlg.databox-inverted .databox-bottom{height:50px}
.databox.databox-vertical.databox-xlg.databox-halved .databox-icon>.fa:before,.databox.databox-vertical.databox-xlg.databox-halved .databox-icon .typcn:before,.databox.databox-vertical.databox-xlg.databox-halved .databox-icon .glyphicon:before,.databox.databox-vertical.databox-xlg.databox-halved .databox-icon .wi:before{font-size:85px;padding:0}
.databox.databox-vertical.databox-xlg.databox-halved .databox-top{height:100px}
.databox.databox-vertical.databox-xlg.databox-halved .databox-bottom{height:100px}
.databox.databox-vertical.databox-xxlg{height:300px;width:100%}
.databox.databox-vertical.databox-xxlg .databox-icon>.fa:before,.databox.databox-vertical.databox-xxlg .databox-icon .typcn:before,.databox.databox-vertical.databox-xxlg .databox-icon .glyphicon:before,.databox.databox-vertical.databox-xxlg .databox-icon .wi:before{font-size:38px;padding:0}
.databox.databox-vertical.databox-xxlg .databox-top{height:50px}
.databox.databox-vertical.databox-xxlg .databox-bottom{height:250px}
.databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon>.fa:before,.databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon .typcn:before,.databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon .glyphicon:before,.databox.databox-vertical.databox-xxlg.databox-inverted .databox-icon .wi:before{font-size:220px;padding:10px}
.databox.databox-vertical.databox-xxlg.databox-inverted .databox-top{height:250px}
.databox.databox-vertical.databox-xxlg.databox-inverted .databox-bottom{height:50px}
.databox.databox-vertical.databox-xxlg.databox-halved .databox-icon>.fa:before,.databox.databox-vertical.databox-xxlg.databox-halved .databox-icon .typcn:before,.databox.databox-vertical.databox-xxlg.databox-halved .databox-icon .glyphicon:before,.databox.databox-vertical.databox-xxlg.databox-halved .databox-icon .wi:before{font-size:120px;padding:10px}
.databox.databox-vertical.databox-xxlg.databox-halved .databox-top{height:150px}
.databox.databox-vertical.databox-xxlg.databox-halved .databox-bottom{height:150px}
.databox.databox-vertical.databox-xxxlg{height:500px;width:100%}
.databox.databox-vertical.databox-xxxlg .databox-icon>.fa:before,.databox.databox-vertical.databox-xxxlg .databox-icon .typcn:before,.databox.databox-vertical.databox-xxxlg .databox-icon .glyphicon:before,.databox.databox-vertical.databox-xxxlg .databox-icon .wi:before{font-size:38px;padding:0}
.databox.databox-vertical.databox-xxxlg .databox-top{height:50px}
.databox.databox-vertical.databox-xxxlg .databox-bottom{height:450px}
.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon>.fa:before,.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon .typcn:before,.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon .glyphicon:before,.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-icon .wi:before{font-size:420px;padding:10px}
.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-top{height:450px}
.databox.databox-vertical.databox-xxxlg.databox-inverted .databox-bottom{height:50px}
.databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon>.fa:before,.databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon .typcn:before,.databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon .glyphicon:before,.databox.databox-vertical.databox-xxxlg.databox-halved .databox-icon .wi:before{font-size:220px;padding:10px}
.databox.databox-vertical.databox-xxxlg.databox-halved .databox-top{height:250px}
.databox.databox-vertical.databox-xxxlg.databox-halved .databox-bottom{height:250px}
.databox .chart{font-size:13px}





/* navbar Nuevos */
.navbar-default2 {background-color: #fff;border-color: #ccc;}
.navbar-default2 .navbar-nav > .active > a {background-color: #e6e6e6;}
.navbar-default2 .navbar-nav > .active > a:hover {color: #333 !important;}
.navbar-default2 .navbar-nav > li > a {color: #333 !important;}
.navbar-default2 .navbar-nav > li > a:hover {color: #333 !important;background-color: #e6e6e6;}
.navbar-default2 .navbar-nav > li > a:active {color: #333 !important;background-color: #e6e6e6;}
.navbar-default2 .navbar-nav > li > a:focus {color: #333 !important;background-color: #d4d4d4;border-color: #8c8c8c;}

.navbar-primary {background-color: #337ab7;border-color: #2e6da4;}
.navbar-primary .navbar-nav > .active > a {background-color: #286090;}
.navbar-primary .navbar-nav > .active > a:hover {color: #fff !important;}
.navbar-primary .navbar-nav > li > a {color: #fff !important;}
.navbar-primary .navbar-nav > li > a:hover {color: #fff !important;background-color: #286090;}
.navbar-primary .navbar-nav > li > a:active {color: #fff !important;background-color: #286090;}
.navbar-primary .navbar-nav > li > a:focus {color: #fff !important;background-color: #204d74;border-color: #122b40;}

.navbar-success {background-color: #5cb85c;border-color: #4cae4c;}
.navbar-success .navbar-nav > .active > a {background-color: #449d44;}
.navbar-success .navbar-nav > .active > a:hover {color: #fff !important;}
.navbar-success .navbar-nav > li > a {color: #fff !important;}
.navbar-success .navbar-nav > li > a:hover {color: #fff !important;background-color: #449d44;}
.navbar-success .navbar-nav > li > a:active {color: #fff !important;background-color: #449d44;}
.navbar-success .navbar-nav > li > a:focus {color: #fff !important;background-color: #398439;border-color: #255625;}

.navbar-info {background-color: #5bc0de;border-color: #46b8da;}
.navbar-info .navbar-nav > .active > a {background-color: #31b0d5;}
.navbar-info .navbar-nav > .active > a:hover {color: #fff !important;}
.navbar-info .navbar-nav > li > a {color: #fff !important;}
.navbar-info .navbar-nav > li > a:hover {color: #fff !important;background-color: #31b0d5;}
.navbar-info .navbar-nav > li > a:active {color: #fff !important;background-color: #31b0d5;}
.navbar-info .navbar-nav > li > a:focus {color: #fff !important;background-color: #269abc;border-color: #1b6d85;}

.navbar-warning {background-color: #f0ad4e;border-color: #eea236;}
.navbar-warning .navbar-nav > .active > a {background-color: #ec971f;}
.navbar-warning .navbar-nav > .active > a:hover {color: #fff !important;}
.navbar-warning .navbar-nav > li > a {color: #fff !important;}
.navbar-warning .navbar-nav > li > a:hover {color: #fff !important;background-color: #ec971f;}
.navbar-warning .navbar-nav > li > a:active {color: #fff !important;background-color: #ec971f;}
.navbar-warning .navbar-nav > li > a:focus {color: #fff !important;background-color: #d58512;border-color: #985f0d;}

.navbar-danger {background-color: #d9534f;border-color: #d43f3a;}
.navbar-danger .navbar-nav > .active > a {background-color: #c9302c;}
.navbar-danger .navbar-nav > .active > a:hover {color: #fff !important;}
.navbar-danger .navbar-nav > li > a {color: #fff !important;}
.navbar-danger .navbar-nav > li > a:hover {color: #fff !important;background-color: #c9302c;}
.navbar-danger .navbar-nav > li > a:active {color: #fff !important;background-color: #c9302c;}
.navbar-danger .navbar-nav > li > a:focus {color: #fff !important;background-color: #ac2925;border-color: #761c19;}


/* switch buttons */
.material-switch > input[type="checkbox"] {display: none;}
.material-switch > label {cursor: pointer;height: 0px;position: relative; width: 40px;}
.material-switch > label::before {background: rgb(0, 0, 0);box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);border-radius: 8px;content: '';height: 16px;margin-top: -8px;position:absolute;opacity: 0.3;transition: all 0.4s ease-in-out;width: 40px;}
.material-switch > label::after {background: rgb(255, 255, 255);border-radius: 16px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);content: '';height: 24px;left: -4px;margin-top: -8px;position: absolute;top: -4px;transition: all 0.3s ease-in-out;width: 24px;}
.material-switch > input[type="checkbox"]:checked + label::before {background: inherit;opacity: 0.5;}
.material-switch > input[type="checkbox"]:checked + label::after {background: inherit;left: 20px;}

/* tabla personalizada */
.custom-table thead tr, .custom-table thead th {border-top: none;border-bottom: none !important;}
.custom-table tbody th, .custom-table tbody td {color: #777;font-weight: 400;padding-bottom: 20px;padding-top: 20px;font-weight: 300;}
.custom-table tbody th small, .custom-table tbody td small {color: #b3b3b3;font-weight: 300;}
.custom-table tbody .persons {padding: 0;margin: 0; }
.custom-table tbody .persons li {padding: 0;margin: 0 0 0 -15px;list-style: none;display: inline-block;}
.custom-table tbody .persons li a {display: inline-block;width: 36px;}
.custom-table tbody .persons li a img {border-radius: 50%;max-width: 100%;}
.custom-table tbody tr th, .custom-table tbody tr td {position: relative;-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;}
.custom-table tbody tr th:before, .custom-table tbody tr th:after, .custom-table tbody tr td:before, .custom-table tbody tr td:after {-webkit-transition: .3s all ease;-o-transition: .3s all ease;transition: .3s all ease;content: "";left: 0;right: 0;position: absolute;height: 1px;background: #bfbfbf;width: 100%;opacity: 0;visibility: hidden;}
.custom-table tbody tr th:before, .custom-table tbody tr td:before {top: -1px;}
.custom-table tbody tr th:after, .custom-table tbody tr td:after {bottom: -1px;}
.custom-table tbody tr:hover th, .custom-table tbody tr:hover td {background: rgba(0, 0, 0, 0.03);}
.custom-table tbody tr:hover th:before, .custom-table tbody tr:hover th:after, .custom-table tbody tr:hover td:before, .custom-table tbody tr:hover td:after {opacity: 1;visibility: visible;}
.custom-table tbody tr.active th, .custom-table tbody tr.active td {background: rgba(0, 0, 0, 0.03);}
.custom-table tbody tr.active th:before, .custom-table tbody tr.active th:after, .custom-table tbody tr.active td:before, .custom-table tbody tr.active td:after {opacity: 1;visibility: visible;}
.custom-table .d-block {display: block !important;}
.custom-table small,.custom-table .small {font-size: 95%;font-weight: 400;}
.custom-table tbody tr td, .custom-table tbody tr td small {white-space: initial;}

/* tabla personalizada */
.radioBtn .notActive{color: #3276b1;background-color: #fff;}

/* input rating */
.rating-loading{width:25px;height:25px;font-size:0;color:#fff;}
.rating-container .rating-stars {position:relative;cursor:pointer;vertical-align:middle;display:inline-block;overflow:hidden;white-space:nowrap;line-height: 1.5em !important;}
.rating-container .rating-input {position:absolute;cursor:pointer;width:100%;height:1px;bottom:0;left:0;font-size:1px;border:none;background:0 0;padding:0;margin:0;}
.rating-disabled .rating-input,.rating-disabled .rating-stars {cursor: default;}
.rating-container .star{display:inline-block;margin:0 3px;text-align:center;}
.rating-container .star .far {line-height: 1.5;}
.rating-container .star .fas {line-height: 1.5;}
.rating-container .empty-stars{color:#aaa;}
.rating-container .filled-stars{position:absolute;left:0;top:0;margin:auto;color:#fde16d;white-space:nowrap;overflow:hidden;-webkit-text-stroke:1px #777;text-shadow:1px 1px #999;}
.rating-rtl{float:right;}
.rating-animate .filled-stars{transition:width .25s ease;-o-transition:width .25s ease;-moz-transition:width .25s ease;-webkit-transition:width .25s ease;}
.rating-rtl .filled-stars{left:auto;right:0;-moz-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);-webkit-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);-o-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0)}
.rating-rtl.is-star .filled-stars{right:.06em}
.rating-rtl.is-heart .empty-stars{margin-right:.07em;}
.rating-xl{font-size:2.6em;}
.rating-lg{font-size:2.0em;}
.rating-md{font-size:1.5em;}
.rating-sm{font-size:1em;}
.rating-xs{font-size:0.7em;}
.rating-container .clear-rating{display: none;color:#aaa;cursor: default;vertical-align:middle;font-size:60%;padding-right:5px;}
.clear-rating-active{cursor:pointer!important;display:inline-block !important;}
.clear-rating-active:hover{color:#843534;}
.rating-container .caption{color:#999;display:inline-block;vertical-align:middle;font-size:60%;margin-top:-.6em;margin-left:5px;margin-right:0;}
.rating-rtl .caption{margin-right:5px;margin-left:0;}
@media print{
    .rating-container .clear-rating{
        display:none;
    }
}

/* input rating */
.widget_star_rating .ratings{margin-right:10px;}
.widget_star_rating .ratings i{color:#cecece;font-size:32px;}
.widget_star_rating .rating-color{color:#fbc634 !important;}
.widget_star_rating .review-count{font-weight:400;margin-bottom:2px;font-size:24px !important;}
.widget_star_rating .small-ratings i{color:#cecece;}
.widget_star_rating .review-stat{font-weight:300;font-size:18px; margin-bottom:2px;}

/* boletas de veterinaria */
.facts .invoice-top .logo img{width:100%;}
.facts .invoice-top .data{margin-bottom: 1.5rem !important;}
.facts .invoice-details .data {color:#535b61;}
.facts .invoice-details .data .text-sm-end {text-align: right !important;}
.facts .invoice-details {border-top: 1px solid #EDEDED;padding-top: 10px;padding-bottom: 10px;margin-top: 10px;margin-bottom: 10px;}
.facts .invoice-sells .card-header {background-color: #38475a !important;color: #FFF;}
.facts .invoice-sells .text-end {text-align: right !important;}
.facts .invoice-sells .card-footer{background-color:#e9ecef;}
.facts .invoice-sells .bg-title {background-color: #38475a !important;color: #FFF;}

/* boletas impresas de veterinaria A4 */
.factsPrintA4 .invoice-top .data {color:#535b61;text-align: center;}
.factsPrintA4 .invoice-top .data h4{color:#535b61;}
.factsPrintA4 .invoice-top .data p{color:#535b61;}
.factsPrintA4 .invoice-details .tittle{margin: 10px 0;display: flex;justify-content: center;position: relative;}
.factsPrintA4 .invoice-details .tittle::before {content: ""; position: absolute; height: 0; width: 100%; left: 0; top: 50%; border-top: 1px dashed #b5b5b5;}
.factsPrintA4 .invoice-details .tittle span{display: inline-flex; padding: 0 5px; background-color: #FFF; z-index: 2; font-weight: 500; color: #38475a;text-transform: uppercase;}
.factsPrintA4 .invoice-details .text-end {text-align: right !important;}
.factsPrintA4 .invoice-sells .card-header {border-top: 1px dashed #b5b5b5;border-bottom: 1px dashed #b5b5b5;font-weight: 500;}
.factsPrintA4 .invoice-sells .table > tbody > tr > td,
.factsPrintA4 .invoice-sells .table > tfoot > tr > td {border-top: none;}
.factsPrintA4 .invoice-sells .text-end {text-align: right !important;}
.factsPrintA4 .invoice-sells .bg-title {border-top: 1px dashed #b5b5b5;border-bottom: 1px dashed #b5b5b5;font-weight: 500;}
.factsPrintA4 .invoice-sells .card-footer{border-top: 1px dashed #b5b5b5;border-bottom: 1px dashed #b5b5b5;font-weight: 500;}
@media screen and (max-width: 767px) {
    .factsPrintA4 .invoice-sells .table-responsive {border: none;}
}

/* boletas impresas de veterinaria POS */
.factsPrintPOS {padding-bottom: 110px;}
.factsPrintPOS .invoice-top .data {color:#535b61;text-align: center;}
.factsPrintPOS .invoice-top .data h4{color:#535b61;}
.factsPrintPOS .invoice-top .data p{color:#535b61;}
.factsPrintPOS .invoice-details .tittle{margin: 10px 0;display: flex;justify-content: center;position: relative;border-top: 2px solid #b5b5b5;border-bottom: 2px solid #b5b5b5;}
.factsPrintPOS .invoice-details .tittle span{display: inline-flex; padding: 0 5px; background-color: #FFF; z-index: 2; font-weight: 500; color: #38475a;text-transform: uppercase;}
.factsPrintPOS .invoice-details .text-end {text-align: right !important;}
.factsPrintPOS .invoice-sells .card-header {border-top: 2px solid #b5b5b5;border-bottom: 2px solid #b5b5b5;font-weight: 500;}
.factsPrintPOS .invoice-sells .table > tbody > tr > td,
.factsPrintPOS .invoice-sells .table > tfoot > tr > td {border-top: none;}
.factsPrintPOS .invoice-sells .table > tbody > tr > td,
.factsPrintPOS .invoice-sells .table > tbody > tr > th,
.factsPrintPOS .invoice-sells .table > tfoot > tr > td,
.factsPrintPOS .invoice-sells .table > tfoot > tr > th,
.factsPrintPOS .invoice-sells .table > thead > tr > td,
.factsPrintPOS .invoice-sells .table > thead > tr > th {padding: 1px;}
.factsPrintPOS .invoice-sells .text-end {text-align: right !important;}
.factsPrintPOS .invoice-sells .bg-title {border-top: 2px solid #b5b5b5;border-bottom: 2px solid #b5b5b5;font-weight: 500;}
.factsPrintPOS .invoice-sells .card-footer{border-top: 2px solid #b5b5b5;border-bottom: 2px solid #b5b5b5;font-weight: 500;}
@media screen and (max-width: 767px) {
    .factsPrintPOS .invoice-sells .table-responsive {border: none;}
}

/* Estilo para la ventana de bienvenida del usuario */
.perfil-box .main-box-body .profile-box-header{background-color: #1abc9c;background: url("../img/pattern/vetgb_green.jpg") repeat !important;}

/* calendario de reservas */
.calendar_body .fc-content{border: 1px solid #1abc9c;}
.calendar_body .fc-border-separate .calendar_min {min-height: 60px;}
.calendar_body .fc-border-separate thead tr {background: #1abc9c !important;color: #FFF;border: 1px solid #1abc9c;}
.calendar_body .fc-border-separate thead tr th {border: 1px solid #1abc9c;}
.calendar_body .fc-border-separate tbody {background: #fff !important;}
.calendar_body .fc-border-separate tbody .fc-Dia-content{text-align: center;}
.calendar_body .fc-border-separate tbody .fc-Dia-content a{margin-top: 35px;}
.calendar_body .fc-border-separate tbody .fc-Dia{cursor: pointer;}
.calendar_body .fc-border-separate tbody .active {background-color: #dff0d8;}
.calendar_body .fc-border-separate tbody .danger {background-color: #f2dede;}