@font-face{
    font-family: "Titulos";
    src: url("fonts/AlegreyaSansSC-Regular.ttf"), url("fonts/AlegreyaSansSC-Regular.eot"), url("fonts/AlegreyaSansSC-Regular.woff"), url("fonts/AlegreyaSansSC-Regular.woff2"), url("fonts/AlegreyaSansSC-Regular.svg");
}
@font-face{
    font-family: "Parrafos";
    src: url("fonts/OpenSans-Regular.ttf"), url("fonts/OpenSans-Regular.eot"), url("fonts/OpenSans-Regular.woff"), url("fonts/OpenSans-Regular.woff2"), url("fonts/OpenSans-Regular.svg");
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #E0E6F8;
    font-family: "Parrafos" !important;
    
    color: #000;
    
    
}
.img-logo {
	width: 170px;
	height: 170px;
	padding-left: 50px;
	
}
.media-hover{padding: 7px; border-radius: 4px;}
.media-hover:hover{ background-color: #F5F5F5; }
.all-tittles{ font-family: "Titulos" !important; }
.center-box{ margin: 0 auto; }
.full-reset{
    margin: 0;
    padding: 0;
    width: 100%;
}
.material-input-disabled{ pointer-events: none;}
ul.nav-tabs li a:focus{ outline: none; }
.btn:focus, .btn:active{ outline: none !important; }
span.label-mhover{
    margin-right: 7px;
    margin-top: 12px;
    padding: 5px 12px;
}
.text-help{
    font-size: 15px;
}
.full-cover-background{
    background-attachment: fixed;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
    width: 100%;
}
/*********==========Tablas con divs*/
.div-table{
    display: table !important;
    width: 100%;
    margin: 20px 0;
    padding: 0;
    background-color: #fff;
    height: auto !important;
}
.div-table-row{
    display: table-row !important;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
}
.div-table-row:hover{ background-color: #F5F5F5; }
.div-table-row .div-table-cell:first-child{ border-left: 1px solid #E1E1E1; }
.div-table-cell{
    display: table-cell !important;
    margin: 0;
    padding: 0;
    background-color: transparent;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    text-align: center;
}
.div-table-head,
.div-table-head:hover{
    background-color: #CD5858;
    font-size: 14px;
    font-weight: bolder;
}
.div-table-head .div-table-cell{ border-top: 1px solid #E1E1E1 !important; }
.div-table-row-list .div-table-cell{ border: none; }
.div-table-row-list{ border: none; }
.div-table-row-list .div-table-cell:first-child{ border-left: none; }
/*********==========Navs*/
.navbar-user-top{
    background-color:    #E0E6F8;
    height: 55px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 7;
}
.navbar-user-top > ul{
    height: 55px;
    padding: 0 15px;
    margin: 0;
}
.navbar-user-top > ul > li{
    display: inline-block;
    float: right;
    color: rgba(255,255,255,.4);
    height: 55px;
    margin: 0 12px;
    text-align: center;
    cursor: pointer;
    line-height: 55px;
}
.navbar-user-top > ul > li:hover{
  color: #F3F781;  
}
.navbar-user-top > ul > li:hover span.badge{
    background-color: #E34724;
}
.navbar-user-top > ul > li > i{
    font-size: 14px;
    line-height: 55px;
}
.navbar-user-top > ul > figure > img{
    width: 45px;
    float: right;
    height: 45px;
    border: 2px solid #FE2E2E;
    margin-top: 5px;
}
.navbar-lateral{
    width: 20%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.container-menu-movile{
    background-color:  #E0E6F8;
    height: 100% !important;
}

.logo{
    height: 55px;
    line-height: 55px;
    background-color: #CD5858;
    color: #fff;
    text-align: center;
    font-size: 15px;
    overflow: hidden;
}
.content-page-container{
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 80%;
    background-color: #fff;
}
.nav-lateral-list-menu  ul  li{
    margin: 0;
    padding: 0;
    display: block;
}
.nav-lateral-list-menu ul li a,
.nav-lateral-list-menu ul li div{
    width: 100%;
    min-height: 45px;
    line-height: 45px;
    display: block;
    padding: 0;
    padding-left: 20px;
    font-size: 12.3px;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid rgba(230,233,238,.1);
    transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
}
.nav-lateral-list-menu i{
    font-size: 12px;
    line-height: 45px;
}
.nav-lateral-list-menu ul li a:hover{
    background-color: #A9BCF5;
}
.nav-lateral-list-menu ul li a:active,
.nav-lateral-list-menu ul li a:focus{
    outline: none;
}
.nav-lateral-list-menu ul li:first-child{
   border-top: 1px solid rgba(230,233,238,.1); 
}
.nav-lateral-list-menu ul li a span{
    transition: .3s all ease-in-out;
}
.nav-lateral-list-menu ul li a:hover span,
.mobile-menu-container ul li a:hover span{
    background-color: #333;
    color: #fff;
}
.nav-lateral-list-menu ul li ul{
    background-color: #fff;
    display: none;
}
.nav-lateral-list-menu ul li div{
    cursor: pointer;
}
.nav-lateral-list-menu ul li ul li a{
    padding-left: 30px;
}
/*Pie de pagina================*/
.footer{
    background-color: #337AB7;
    height: auto;
    color: #fff;
    padding-top: 20px;
    margin-top: 70px;
}
.footer-copyright{
    height: 45px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    font-size: 21px;
    background-color: #337AB7;;
}
.footer-social{
    cursor: pointer;
    margin: 0 2px; 
    transition: all .3s ease-in-out;
}
.footer-social:hover{ 
    color: #FFD054;
    transform: scale(1.7);
}
/*Contenedores de formularios ================*/
.container-flat-form{
    width: 98%;
    margin: 25px auto;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    border-radius: 5px;
    position: relative;
    padding-bottom: 25px;
}
.title-flat-form{
   background-color: #E34724;
   height: 50px;
   color: #fff;
   text-align: center;
   font-size: 25px;
   line-height: 50px;
   border-radius: 5px 5px 0 0;
   margin-bottom: 50px;
}
.title-flat-green{
   background-color: #16a085;
}
.title-flat-blue{
   background-color: #5E6D94;
}
/*Controles de formularios material desing ================*/
.group-material{ 
  position:relative; 
  margin-bottom:45px; 
}
input.material-control,
select.material-control{
  font-size:16px;
  padding:10px 10px 10px 5px;
  display:block;
  width:100%;
  border:none;
  border-bottom:1px solid #5264AE;
}
select.material-control,
select.no-style{
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(../bundles/public/assets/icons/SelectMaterialIndicator.png) no-repeat scroll right 0.75rem center / 9px 13px;
}
select.material-control:hover,
select.no-style{
    cursor: pointer;
}
/*Estado activo*/
input.material-control:focus,
select.material-control{ 
    outline:none;
    border-bottom:1px solid #5264AE;
}
/*Label de formularios material desing ================*/
.group-material label{
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition: all 0.2s ease; 
  -moz-transition: all 0.2s ease; 
  -webkit-transition: all 0.2s ease;
}
/* Estado activo */
input.material-control:focus ~ label, 
input.material-control:valid ~ label{
  top:-20px;
  font-size:17px;
  font-weight: 700;
  color:#333;
  font-weight: normal;
}
input.material-control:valid ~ label:before{
    content: "✓   "
}
input.material-control:focus:invalid ~ label,
input.material-control:invalid ~ label{
  top:-20px;
  font-size:17px;
  color: #E34724;
  font-weight: normal;
}
input.material-control:focus:invalid ~ label:after{
    content: "Formato no válido o campo vacío";
    margin: 0 5px;
    padding: 0 5px;
    font-size: 14px;
    color: #fff;
    background-color: #E34724;
    border-radius: 4px;
    font-weight: normal;
}
input.material-control:focus:invalid:required,
input.material-control:invalid:required{
  outline: none;
  box-shadow: none;
}
/*Barra de formularios material desing ================*/
.bar{ position:relative; display:block; width:100%; }
.bar:before, .bar:after     {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition: all 0.2s ease; 
  -moz-transition: all 0.2s ease; 
  -webkit-transition: all 0.2s ease;
}
.bar:before { left:50%; }
.bar:after { right:50%; }
input.material-control:focus ~ .bar:before, input.material-control:focus ~ .bar:after {
  width:50%;
}
/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}
/* estado activo*/
input.material-control:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
/* Animaciones ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
/* ============= Estilos home ============= */
.tile{
    display: inline-block;
    width: 220px;
    height: auto;
    border: 1px solid #E1E1E1;
    position: relative;
    cursor: pointer;
    margin: 10px;
}
.tile-icon,.tile-num{
    height: 110px;
    line-height: 110px;
    position: relative;
}
.tile-icon{
    color: #CD5858;
    border-bottom: 1px solid #E1E1E1;
    font-size: 50px;
}
.tile-icon i{
    transition: all .3s ease-in-out;
}
.tile-num{
    background-color: #F5F5F5;
    font-size: 40px;
}
.tile-name{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 7;
    padding: 0 10px;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid #E1E1E1;
    max-width: 95%;
    min-width: 60%;
    width: auto;
}
.tile:hover .tile-icon i{
    transform: scale(1.5);
    color: #5E6D94;
}
/* ============= Estilos report ============= */
.report-content{
    padding: 30px 0;
    color: #0288D1;
    border: 1px solid transparent;
    border-radius: 4px;
    position: relative;
}
.report-content,.report-content p i{ transition: all .4s ease-in-out; } 
.report-content p i:hover{
    color:#F57C00;
    cursor: pointer;
}
.report-content:hover{
    color: #B71C1C;
    border: 1px solid rgba(183,28,28,.2);
}
.report-content:hover p i{
    transform: scale(1.3);
}
/* ============= Estilos catalog ============= */
.list-catalog{
    font-size: 20px;
    margin: 0 7px;
    display: inline-block;
    transition: .2s all ease-in-out;
    padding: 2px 7px;
    color: #6686A2;
}
.list-catalog:hover{
    cursor: pointer;
    color: rgb(0,0,150);
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    background-color: #fff;
}
.list-catalog.active{
    color: rgba(0,0,150,.9);
    cursor: text;
    border-bottom: 1px solid rgba(0,0,150,.4);
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
}
/*=======================================================================================================
=                                        Other styles                                                  =
========================================================================================================*/
.modal-body {
    max-height: 400px;
    overflow-y: scroll;
}
/*=======================================================================================================
=                                        Media queries                                                  =
========================================================================================================*/
/* col-xs */
@media (max-width: 767px) {
    .navbar-lateral{
        position: fixed;
        width: 100%;
        z-index: 9999;
        background-color: transparent;
        display: none;
    }
    .container-menu-movile{
        width: 320px;
        position: relative;
        z-index: 7;
    }
    .font-movile-menu{
        position: fixed;
        background-color: rgba(0,0,0,.5);
        z-index: 2;
        height: 100%;
        width: 100%;
    }
    .form-container{ width: 97%; max-width: 370px;}  
    .content-page-container{ width: 100%; }
    .navbar-user-top > ul > li{ margin: 0 10px; }
    form.form_SRCB{ padding: 7px;}
    .table-responsive {
        margin-bottom: 0 !important;
        border: none !important;
    }
    .modal-body {
        max-height: 300px;
    }
}

/* col-sm */
@media (min-width: 768px) and (max-width: 991px) {
    .form-container{ width: 370px; }
    .navbar-lateral{ width: 30%; display: inherit !important; }
    .content-page-container{ width: 70%; }
}

/* col-md */
@media (min-width: 992px) and (max-width: 1199px) {
    .form-container{ width: 370px; }
    .navbar-lateral{ width: 25%;  display: inherit !important; }
    .content-page-container{ width: 75%; }
}

/* col-lg */
@media (min-width: 1200px) {
    .form-container{ width: 370px; }
    .navbar-lateral{ display: inherit !important; }
    
    
}

/*=======================================================================================================
=                                        tabla                                                 =
========================================================================================================*/
/* tabla personal */

.left_col{
		background:#E0E6F8;
}
.nav-sm .container.body .col-md-3.left_col{
		min-height:100%;
		width:70px;
		padding:0;
		z-index:9999;
		position:absolute
}
.nav-sm .container.body .col-md-3.left_col.menu_fixed{
		position:fixed;
		height:100%
}
.nav-sm .container.body .col-md-3.left_col .mCSB_container,.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox{
		overflow:visible
}
.nav-sm .hidden-small{
		visibility:hidden
}
.nav-sm .container.body .right_col{
		padding:10px 20px;
		margin-left:70px;
		z-index:2
}
.nav-sm .navbar.nav_title{
		width:70px
}
.nav-sm .navbar.nav_title a span{
		display:none
}
.nav-sm .navbar.nav_title a i{
		font-size:27px;
                margin:13px 0 0 3px
}
.site_title i{
		border:1px solid #EAEAEA;padding:5px 6px;border-radius:50%
}
.nav-sm .main_container .top_nav{
		display:block;margin-left:70px;z-index:2
}
.nav-sm .nav.side-menu li a{
		text-align:center !important;
		font-weight:400;
		font-size:20px;
		padding:10px 5px
}
.nav-sm .nav.child_menu li.active,.nav-sm .nav.side-menu li.active-sm{
		border-right:5px solid #1ABB9C
}
.nav-sm ul.nav.child_menu ul,.nav-sm .nav.side-menu li.active-sm ul ul{
		position:static;
		width:200px;
		background:none
}
.nav-sm>.nav.side-menu>li.active-sm>a{
		color:#1ABB9C !important
}
.nav-sm .nav.side-menu li a i.toggle-up
{
		display:none !important
}
.nav-sm .nav.side-menu li a i{
		font-size:25px !important;
		text-align:center;
		width:100% !important;
		margin-bottom:5px
}
.nav-sm ul.nav.child_menu{
		left:100%;
		position:absolute;
		top:0;
		width:210px;
		z-index:4000;
		background:#3E5367;
		display:none
}
.nav-sm ul.nav.child_menu li{
		padding:0 10px
}
.nav-sm ul.nav.child_menu li a{
		text-align:left !important
}
.nav-sm .profile{
		display:none
}
.
menu_section{
		margin-bottom:35px
}
.menu_section h3{

		padding-left:23px;
		color:#000;
		text-transform:uppercase;
		letter-spacing:.5px;
		font-weight:bold;
		font-size:14px;
		margin-bottom:0;
		margin-top:0;
		text-shadow:1px 1px #000
}
.menu_section>ul{
		margin-top:10px
}
.profile_pic{
		width:85%;
		float:left;
}
.img-circle.profile_img{
		width:70%;
		background:#fff;
		margin-left:15%;
		z-index:1000;
		position:inherit;
		margin-top:20px;
		border:1px solid rgba(52,73,94,0.44);
		padding:4px
}
.profile_info{
		padding:25px 10px 10px;
		width:65%;
		float:left
}
.profile_info span{
		font-size:20px;
		line-height:30px;
		color:#BAB8B8
}
.profile_info h2{
		font-size:14px;
		
      color: #000;
		margin:0;
		font-weight:300
}
.profile.img_2{
		text-align:center
}
.profile.img_2 .profile_pic{
		width:100%
}
.profile.img_2 .profile_pic .img-circle.profile_img{
		width:50%;margin:10px 0 0
}
.profile.img_2 .profile_info{
		padding:15px 10px 0;
		width:100%;
		margin-bottom:10px;
		float:left
}
.main_menu span.fa{
		float:right;
		text-align:center;
		margin-top:5px;
		font-size:20px;
                min-width:inherit;
		color:#C4CFDA
	}
.active a span.fa{
		text-align:right !important;
		margin-right:4px
		}
.nav-sm .menu_section{
        margin:0
    }
.nav-sm span.fa,.nav-sm .menu_section h3{
        display:none
    }
.nav-sm li li span.fa{
        display:inline-block
    }
.nav_menu{
        float:left;
        background:#EDEDED;
        border-bottom:1px solid #D9DEE4;
        margin-bottom:10px;
        width:100%;
        position:relative
    }
@media (min-width: 480px){
.nav_menu{
        position:static}}
.nav-md .container.body .col-md-3.left_col{
        min-height:100%;
        width:230px;
        padding:0;
        position:absolute;
        display:-ms-flexbox;
        display:flex;
        z-index:1
    }
.nav-md .container.body .col-md-3.left_col.menu_fixed{
        height:100%;position:fixed
    }
body .container.body .right_col{
        background:#F7F7F7
    }
.nav-md .container.body .right_col{
        padding:10px 20px 0;margin-left:230px
    }
.nav_title{width:230px;float:left;background:#CD5858;border-radius:0;height:57px}
@media (max-width: 991px){.nav-md .container.body .right_col,.nav-md .container.body .top_nav{width:100%;margin:0}
.nav-md .container.body .col-md-3.left_col{display:none}
.nav-md .container.body .right_col{width:100%;padding-right:0}
.right_col{padding:10px !important}}@media (max-width: 1200px){
    .x_title h2{width:62%;font-size:30px}
    .tile,.graph{zoom:85%;height:inherit}}@media (max-width: 1270px) and (min-width: 192px){
        .x_title h2 small{display:none}}
        .left_col .mCSB_scrollTools{width:6px}
        .left_col .mCSB_dragger{max-height:400px !important}
        .blue{color:#3498DB}
        .purple{color:#9B59B6}
        .green{color:#1ABB9C}
        .aero{color:#9CC2CB}
        .red{color:#E74C3C}
        .dark{color:#34495E}
        .border-blue{border-color:#3498DB !important}
        .border-purple{border-color:#9B59B6 !important}
        .border-green{border-color:#1ABB9C !important}
        .border-aero{border-color:#9CC2CB !important}
        .border-red{border-color:#E74C3C !important}
        .border-dark{border-color:#34495E !important}
        .bg-white{background:#fff !important;border:1px solid #fff !important;color:#73879C}
        .bg-green{background:#1ABB9C !important;border:1px solid #1ABB9C !important;color:#fff}
        .bg-red{background:#E74C3C !important;border:1px solid #E74C3C !important;color:#fff}
        .bg-blue{background:#3498DB !important;border:1px solid #3498DB !important;color:#fff}
        .bg-orange{background:#F39C12 !important;border:1px solid #F39C12 !important;color:#fff}
        .bg-purple{background:#9B59B6 !important;border:1px solid #9B59B6 !important;color:#fff}
        .bg-blue-sky{background:#50C1CF !important;border:1px solid #50C1CF !important;color:#fff}
        .container{width:100%;padding:0}
        .navbar-nav>li>a,.navbar-brand,.navbar-nav>li>a{color:#fff !important}
        .top_nav .nav>li>a:focus,.top_nav .nav>li>a:hover,.top_nav .nav .open>a,.top_nav .nav .open>a:focus,.top_nav .nav .open>a:hover{background:#D9DEE4}
        
        body{
            font-family: "Parrafos" !important;
            font-size:14px;font-weight:400;
            line-height:1.471
        }
        .main_container .top_nav{display:block;margin-left:230px}
        .no-padding{padding:0 !important}.page-title{width:100%;height:65px;padding:10px 0}
        .page-title .title_left{width:45%;float:left;display:block}
        .page-title .title_left h3{margin:9px 0}.page-title .title_right{width:55%;float:left;display:block}
        .page-title .title_right .pull-right{margin:10px 0}
        .fixed_height_320{height:320px}
        .fixed_height_390{height:390px}
        .fixed_height_200{height:200px}
        .overflow_hidden{overflow:hidden}
        .progress-bar-dark{background-color:#34495E !important}
        .progress-bar-gray{background-color:#BDC3C7 !important}table.no-margin .progress{margin-bottom:0}
        .main_content{padding:10px 20px}.col-md-55{width:50%;margin-bottom:10px}@media (min-width: 768px){.col-md-55{width:20%}}
        @media (min-width: 992px){.col-md-55{width:20%}}
        @media (min-width: 1200px){.col-md-55{width:20%}}
        @media (min-width: 192px) and (max-width: 1270px){table.tile_info span.right{margin-right:7px;float:left}}
        .center-margin{margin:0 auto;float:none !important}
        .col-md-55,.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;float:left;padding-right:10px;padding-left:10px}
        .row{margin-right:-10px;margin-left:-10px}
        .grid_slider .col-md-6{padding:0 40px}
        h1,.h1,h2,.h2,h3,.h3{margin-top:10px;margin-bottom:10px}
        
        .navbar{margin-bottom:0}
        .navbar-header{background:#34495E}
        .navbar-right{margin-right:0}
        .top_nav .navbar-right{margin:0;width:70%;float:right}
        .top_nav .navbar-right li{display:inline-block;float:right;position:static}
        @media (min-width: 480px){.top_nav .navbar-right li{position:relative}}
        .top_nav .dropdown-menu li{width:100%}
        .top_nav .dropdown-menu li a{width:100%;padding:12px 20px}
        .top_nav li a i{font-size:15px}.navbar-static-top{position:fixed;top:0;width:100%}.sidebar-header{border-bottom:0;margin-top:46px}
        .sidebar-header:first-of-type{margin-top:0}.nav.side-menu>li{position:relative;display:block;cursor:pointer}
        .nav.side-menu>li>a{margin-bottom:6px}.nav.side-menu>li>a:hover{color:#F2F5F7 !important}.nav.side-menu>li>a:hover,.nav>li>a:focus{text-decoration:none;background:transparent}
        .nav.child_menu{display:none}
        .nav.child_menu li:hover,.nav.child_menu li.active{background-color:rgba(255,255,255,0.06)}
        .nav.child_menu li{padding-left:36px}
        .nav-md ul.nav.child_menu li:before{background:#425668;bottom:auto;content:"";height:8px;left:23px;margin-top:15px;position:absolute;right:auto;width:8px;z-index:1;border-radius:50%}
        .nav-md ul.nav.child_menu li:after{border-left:1px solid #425668;bottom:0;content:"";left:27px;position:absolute;top:0}
        .nav.side-menu>li>a,.nav.child_menu>li>a{color:#E7E7E7;font-weight:500}.nav.child_menu li li:hover,.nav.child_menu li li.active{background:none}.nav.child_menu li li a:hover,.nav.child_menu li li a.active{color:#fff}
        .nav>li>a{position:relative;display:block;padding:13px 15px 12px}
        .nav.side-menu>li.current-page,.nav.side-menu>li.active{border-right:5px solid #1ABB9C}
        .nav li.current-page{background:rgba(255,255,255,0.05)}
        .nav li li li.current-page{background:none}
        .nav li li.current-page a{color:#fff}
        .nav.side-menu>li.active>a{text-shadow:rgba(0,0,0,0.25) 0 -1px 0;background:linear-gradient(#334556, #2C4257),#2A3F54;box-shadow:rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0}
        .navbar-brand,.navbar-nav>li>a{font-weight:500;color:#ECF0F1 !important;margin-left:0 !important;line-height:32px}
        .site_title{text-overflow:ellipsis;overflow:hidden;font-weight:400;font-size:22px;width:100%;color:#ECF0F1 !important;margin-left:0 !important;line-height:59px;display:block;height:55px;margin:0;padding-left:10px}
        .site_title:hover,.site_title:focus{text-decoration:none}
        .nav.navbar-nav>li>a{color:#515356 !important}
        .nav.top_menu>li>a{position:relative;display:block;padding:10px 15px;color:#34495E !important}
        .nav>li>a:hover,.nav>li>a:focus{background-color:transparent}
        .top_search{padding:0}
        .top_search .form-control{border-right:0;box-shadow:inset 0 1px 0px rgba(0,0,0,0.075);border-radius:25px 0px 0px 25px;padding-left:20px;border:1px solid rgba(221,226,232,0.49)}
        .top_search .form-control:focus{border:1px solid rgba(221,226,232,0.49);border-right:0}
        .top_search .input-group-btn button{border-radius:0px 25px 25px 0px;border:1px solid rgba(221,226,232,0.49);border-left:0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);color:#93A2B2;margin-bottom:0 !important}
        .toggle{float:left;margin:0;padding-top:16px;width:70px}
        .toggle a{padding:15px 15px 0;margin:0;cursor:pointer}
        .toggle a i{font-size:26px}
        .nav.child_menu>li>a{color:rgba(255,255,255,0.75);font-size:12px;padding:9px}
        .panel_toolbox{float:right;min-width:70px}
        .panel_toolbox>li{float:left;cursor:pointer}
        .panel_toolbox>li>a{padding:5px;color:#C5C7CB;font-size:14px}
        .panel_toolbox>li>a:hover{background:#F5F7FA}
        .line_30{line-height:30px}
        .main_menu_side{padding:0}
        .bs-docs-sidebar .nav>li>a{display:block;padding:4px 6px}
        footer{background:#fff;padding:15px 20px;display:block}
        .nav-sm footer{margin-left:70px}
        .footer_fixed footer{position:fixed;left:0px;bottom:0px;width:100%}
        @media (min-width: 768px){.footer_fixed footer{margin-left:0}}
        @media (min-width: 768px){.footer_fixed .nav-sm footer{margin-left:0}}
        .tile-stats.sparkline{padding:10px;text-align:center}
        .jqstooltip{background:#34495E !important;width:30px !important;height:22px !important;text-decoration:none}
        .tooltip{display:block !important}.tiles{border-top:1px solid #ccc;margin-top:15px;padding-top:5px;margin-bottom:0}
        .tile{overflow:hidden}.top_tiles{margin-bottom:0}
        .top_tiles .tile h2{font-size:30px;line-height:30px;margin:3px 0 7px;font-weight:bold}
        article.media{width:100%}*,*:before,*:after{box-sizing:border-box}
        #integration-list{width:100%;margin:0 auto;display:table}
        #integration-list ul{padding:0;margin:20px 0;color:#555}
        #integration-list ul>li{list-style:none;border-top:1px solid #ddd;display:block;padding:15px;overflow:hidden}
        #integration-list ul:last-child{border-bottom:1px solid #ddd}
        #integration-list ul>li:hover{background:#efefef}
        .expand{display:block;text-decoration:none;color:#555;cursor:pointer}.expand
h2{width:85%;float:left}
h2{font-size:30px;
   font-weight:400}
#left,#right{display:table}
#sup{display:table-cell;vertical-align:middle;width:80%}
.detail a{text-decoration:none;color:#C0392B;border:1px solid #C0392B;padding:6px 10px 5px;font-size:20px;margin-right:7px}
.detail{margin:10px 0 10px 0px;display:none;line-height:22px;height:150px}
.detail span{margin:0}.right-arrow{width:10px;float:right;font-weight:bold;font-size:20px}
.accordion .panel{margin-bottom:5px;border-radius:0;border-bottom:1px solid #efefef}
.accordion .panel-heading{background:#F2F5F7;padding:13px;width:100%;display:block}
.accordion .panel:hover{background:#F2F5F7}
.x_panel{position:relative;width:100%;margin-bottom:10px;padding:10px 17px;display:inline-block;background:#fff;border:1px solid #E6E9ED;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;opacity:1;transition:all .2s ease}
.x_title{border-bottom:2px solid #E6E9ED;padding:1px 5px 6px;margin-bottom:10px}
.x_title .filter{width:40%;float:right}
.x_title h2{margin:5px 0 6px;float:left;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.x_title h2 small{margin-left:10px}
.x_title span{color:#BDBDBD}
.x_content{padding:0 5px 6px;position:relative;width:100%;float:left;clear:both;margin-top:5px}
.x_content h4{font-size:16px;font-weight:500}
legend{padding-bottom:7px}
.demo-placeholder{height:280px}
.profile_details:nth-child(3n){clear:both}
.profile_details .profile_view{display:inline-block;padding:10px 0 0;background:#fff}
.profile_details .profile_view .divider{border-top:1px solid #e5e5e5;padding-top:5px;margin-top:5px}
.profile_details .profile_view .ratings{margin-bottom:0}
.profile_details .profile_view .bottom{background:#F2F5F7;padding:9px 0;border-top:1px solid #E6E9ED}
.profile_details .profile_view .left{margin-top:20px}
.profile_details .profile_view .left p{margin-bottom:3px}
.profile_details .profile_view .right{margin-top:0px;padding:10px}
.profile_details .profile_view .img-circle{border:1px solid #E6E9ED;padding:2px}
.profile_details .profile_view h2{margin:5px 0}
.profile_details .profile_view .ratings{text-align:left;font-size:16px}
.profile_details .profile_view .brief{margin:0;font-weight:300}
.profile_details .profile_left{background:white}
.pagination.pagination-split li{display:inline-block;margin-right:3px}
.pagination.pagination-split li a{border-radius:4px;color:#768399;-moz-border-radius:4px;-webkit-border-radius:4px}
table.tile h3,table.tile h4,table.tile span{font-weight:bold;vertical-align:middle !important}
table.tile th,table.tile td{text-align:center}
table.tile th{border-bottom:1px solid #E6ECEE}
table.tile td{padding:5px 0}table.tile td ul{text-align:left;padding-left:0}
table.tile td ul li{list-style:none;width:100%}table.tile td ul li a{width:100%}
table.tile td ul li a big{right:0;float:right;margin-right:13px}
table.tile_info{width:100%}table.tile_info td{text-align:left;padding:1px;font-size:15px}
table.tile_info td p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:28px}
table.tile_info td i{margin-right:8px;font-size:17px;float:left;width:18px;line-height:28px}
table.tile_info td:first-child{width:83%}td span{line-height:28px}
.sidebar-widget{overflow:hidden}.error-number{font-size:90px;line-height:90px;margin:20px 0}
.col-middle{margin-top:5%}.mid_center{width:370px;margin:0 auto;text-align:center;padding:10px 20px}
h3.degrees{font-size:22px;font-weight:400;text-align:center}
.degrees:after{content:"o";position:relative;top:-12px;font-size:13px;font-weight:300}
.daily-weather .day{font-size:14px;border-top:2px solid rgba(115,135,156,0.36);text-align:center;border-bottom:2px solid rgba(115,135,156,0.36);padding:5px 0}
.weather-days .col-sm-2{overflow:hidden;width:16.66666667%}
.weather .row{margin-bottom:0}
.bulk-actions{display:none}
table.countries_list{width:100%}
table.countries_list td{padding:0 10px;line-height:30px;border-top:1px solid #eeeeee}
.dataTables_paginate a{padding:6px 9px !important;background:#ddd !important;border-color:#ddd !important}
.paging_full_numbers a.paginate_active{background-color:rgba(38,185,154,0.59) !important;border-color:rgba(38,185,154,0.59) !important}
button.DTTT_button,div.DTTT_button,a.DTTT_button{border:1px solid #E7E7E7 !important;background:#E7E7E7 !important;box-shadow:none !important}
table.jambo_table{
	border:1px solid rgba(221,221,221,0.78)
	}
table.jambo_table thead{
	background:#5E6D94;color:#ECF0F1;
	}

table.jambo_table tbody tr:hover td{
	background:rgba(38,185,154,0.07);
	border-top:1px solid rgba(38,185,154,0.11);
	border-bottom:1px solid rgba(38,185,154,0.11)
	}
table.jambo_table tbody tr.selected{
	background:rgba(38,185,154,0.16)
	}
table.jambo_table tbody tr.selected td{
	border-top:1px solid rgba(38,185,154,0.4);
	border-bottom:1px solid rgba(38,185,154,0.4)
	}
.dataTables_paginate a{background:#ff0000}
.dataTables_wrapper{position:relative;clear:both;zoom:1}
.dataTables_processing{position:absolute;top:50%;left:50%;width:250px;height:30px;margin-left:-125px;margin-top:-15px;padding:14px 0 2px 0;border:1px solid #ddd;text-align:center;color:#999;font-size:14px;background-color:white}
.dataTables_length{width:40%;float:left}
.dataTables_filter{width:50%;float:right;text-align:right}.dataTables_info{width:60%;float:left}
.dataTables_paginate{float:right;text-align:right}
table.dataTable th.focus,table.dataTable td.focus{outline:2px solid #1ABB9C !important;outline-offset:-1px}
table.display{margin:0 auto;clear:both;width:100%}
table.display thead th{padding:8px 18px 8px 10px;border-bottom:1px solid black;font-weight:bold;cursor:pointer}
table.display tfoot th{padding:3px 18px 3px 10px;border-top:1px solid black;font-weight:bold}

table.display tr.heading2 td{
	border-bottom:1px solid #aaa
	}
table.display td{padding:3px 10px}
table.display td.center{text-align:center}
table.display thead th:active,table.display thead td:active{outline:none}
.dataTables_scroll{clear:both}
.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}
.top .dataTables_info{float:none}
.clear{clear:both}.dataTables_empty{text-align:center}
tfoot input{margin:0.5em 0;width:100%;color:#444}
tfoot input.search_init{color:#999}
td.group{background-color:#d1cfd0;border-bottom:2px solid #A19B9E;border-top:2px solid #A19B9E}
td.details{background-color:#d1cfd0;border:2px solid #A19B9E}
.example_alt_pagination div.dataTables_info{width:40%}
.paging_full_numbers{width:400px;height:22px;line-height:22px}
.paging_full_numbers a:active{outline:none}
.paging_full_numbers a:hover{text-decoration:none}
.paging_full_numbers a.paginate_button,.paging_full_numbers a.paginate_active{border:1px solid #aaa;-webkit-border-radius:5px;-moz-border-radius:5px;padding:2px 5px;margin:0 3px;cursor:pointer}
.paging_full_numbers a.paginate_button{background-color:#ddd}
.paging_full_numbers a.paginate_button:hover{background-color:#ccc;text-decoration:none !important}
.paging_full_numbers a.paginate_active{background-color:#99B3FF}

table.display tr.even.row_selected td{
	background-color: #BDBDBD;
	} 
table.display tr.odd.row_selected td{
	background-color:#9FAFD1;
	}
div.box{height:100px;padding:10px;overflow:auto;border:1px solid #8080FF;background-color:#E5E5FF}
ul.msg_list li{background:#f7f7f7;padding:5px;display:-ms-flexbox;display:flex;margin:6px 6px 0;width:96% !important}
ul.msg_list li:last-child{margin-bottom:6px;padding:10px}ul.msg_list li a{padding:3px 5px !important}
ul.msg_list li a .image img{border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;float:left;margin-right:10px;width:11%}
ul.msg_list li a .time{font-size:11px;font-style:italic;font-weight:bold;position:absolute;right:35px}
ul.msg_list li a .message{display:block !important;font-size:11px}
.dropdown-menu.msg_list span{white-space:normal}
.dropdown-menu{border:medium none;box-shadow:none;display:none;float:left;font-size:12px;left:0;list-style:none outside none;padding:0;position:absolute;text-shadow:none;top:100%;z-index:9998;border:1px solid #D9DEE4;border-top-left-radius:0;border-top-right-radius:0}
.dropdown-menu>li>a{color:#5A738E}
.navbar-nav .open .dropdown-menu{position:absolute;background:#fff;margin-top:0;border:1px solid #D9DEE4;-webkit-box-shadow:none;right:0;left:auto;width:220px}
.navbar-nav .open .dropdown-menu.msg_list{width:300px}
.info-number .badge{font-size:10px;font-weight:normal;line-height:13px;padding:2px 6px;position:absolute;right:2px;top:8px}
ul.to_do{padding:0}ul.to_do li{background:#f3f3f3;border-radius:3px;position:relative;padding:7px;margin-bottom:5px;list-style:none}
ul.to_do p{margin:0}.dashboard-widget{background:#f6f6f6;border-top:5px solid #79C3DF;border-radius:3px;padding:5px 10px 10px}
.dashboard-widget .dashboard-widget-title{font-weight:normal;border-bottom:1px solid #c1cdcd;margin:0 0 10px 0;padding-bottom:5px;padding-left:40px;line-height:30px}
.dashboard-widget .dashboard-widget-title i{font-size:100%;margin-left:-35px;margin-right:10px;color:#33a1c9;padding:3px 6px;border:1px solid #abd9ea;border-radius:5px;background:#fff}
ul.quick-list{width:45%;padding-left:0;display:inline-block}
ul.quick-list li{padding-left:10px;list-style:none;margin:0;padding-bottom:6px;padding-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
ul.quick-list li i{padding-right:10px;color:#757679}
.dashboard-widget-content{padding-top:9px}
.dashboard-widget-content .sidebar-widget{width:50%;display:inline-block;vertical-align:top;background:#fff;border:1px solid #abd9ea;border-radius:5px;text-align:center;float:right;padding:2px;margin-top:10px}
.widget_summary{width:100%;display:-ms-inline-flexbox;display:inline-flex}
.widget_summary.w_left{float:left;text-align:left}
.widget_summary .w_center{float:left}
.widget_summary .w_right{float:left;text-align:right}
.widget_summary .w_right span{font-size:20px}
.w_20{width:20%}.w_25{width:25%}
.w_55{width:55%}
h5.graph_title{text-align:left;margin-left:10px}
h5.graph_title i{margin-right:10px;font-size:17px}
span.right{float:right;font-size:20px !important}
.tile_info a{text-overflow:ellipsis}
.sidebar-footer{bottom:0px;clear:both;display:block;padding:5px 0 0 0;position:fixed;width:230px;background:#2A3F54}
.sidebar-footer a{padding:7px 0 3px;text-align:center;width:25%;font-size:20px;display:block;float:left;background:#172D44}
.sidebar-footer a:hover{background:#425567}.tile_count{margin-bottom:20px;margin-top:20px}
.tile_count .tile_stats_count{border-bottom:1px solid #D9DEE4;padding:0 10px 0 20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative}
@media (min-width: 992px){footer{margin-left:230px}}@media (min-width: 992px){
    .tile_count .tile_stats_count{margin-bottom:10px;border-bottom:0;padding-bottom:10px}}
    .tile_count .tile_stats_count:before{content:"";position:absolute;left:0;height:65px;border-left:2px solid #ADB2B5;margin-top:10px}
    @media (min-width: 992px){.tile_count .tile_stats_count:first-child:before{border-left:0}}
    .tile_count .tile_stats_count .count{font-size:30px;line-height:47px;font-weight:600}
    @media (min-width: 768px){.tile_count .tile_stats_count .count{font-size:40px}}
    @media (min-width: 992px) and (max-width: 1100px){
        .tile_count .tile_stats_count .count{font-size:30px}}
        .tile_count .tile_stats_count span{font-size:30px}
        @media (min-width: 768px){.tile_count .tile_stats_count span{font-size:20px}}
        .tile_count .tile_stats_count .count_bottom i{width:12px}
        .dashboard_graph{background:#fff;padding:7px 10px}
        .dashboard_graph .col-md-9,.dashboard_graph .col-md-3{padding:0}
        a.user-profile{color:#5E6974 !important}
        .user-profile img{width:29px;height:29px;border-radius:50%;margin-right:10px}
        ul.top_profiles{height:330px;width:100%}
        ul.top_profiles li{margin:0;padding:3px 5px}
        ul.top_profiles li:nth-child(odd){background-color:#eee}
        .media .profile_thumb{border:1px solid;width:50px;height:50px;margin:5px 10px 5px 0;border-radius:50%;padding:9px 12px}
        .media .profile_thumb i{font-size:30px}
        .media .date{background:#ccc;width:52px;margin-right:10px;border-radius:10px;padding:5px}
        .media .date .month{margin:0;text-align:center;color:#fff}
        .media .date .day{text-align:center;color:#fff;font-size:27px;margin:0;line-height:27px;font-weight:bold}
        .event .media-body a.title{font-weight:bold}
        .event .media-body p{margin-bottom:0}
        h4.graph_title{margin:7px;text-align:center}
        .fontawesome-icon-list .fa-hover a:hover{background-color:#ddd;color:#fff;text-decoration:none}
        .fontawesome-icon-list .fa-hover a{display:block;line-height:32px;height:32px;padding-left:10px;border-radius:4px}
        .fontawesome-icon-list .fa-hover a:hover .fa{font-size:28px;vertical-align:-6px}
        .fontawesome-icon-list .fa-hover a .fa{width:32px;font-size:16px;display:inline-block;text-align:right;margin-right:10px}
        .main_menu .fa{width:26px;opacity:.99;display:inline-block;font-family: "Titulos" !important;font-style:normal;font-weight:normal;font-size:30px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
        .tile-stats{position:relative;display:block;margin-bottom:12px;border:1px solid #E4E4E4;-webkit-border-radius:5px;overflow:hidden;padding-bottom:5px;-webkit-background-clip:padding-box;-moz-border-radius:5px;-moz-background-clip:padding;border-radius:5px;background-clip:padding-box;background:#FFF;transition:all 300ms ease-in-out}
        .tile-stats:hover .icon i{animation-name:tansformAnimation;animation-duration:.5s;animation-iteration-count:1;color:rgba(58,58,58,0.41);animation-timing-function:ease;animation-fill-mode:forwards;-webkit-animation-name:tansformAnimation;-webkit-animation-duration:.5s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;-moz-animation-name:tansformAnimation;-moz-animation-duration:.5s;-moz-animation-iteration-count:1;-moz-animation-timing-function:ease;-moz-animation-fill-mode:forwards}
        .tile-stats .icon{width:20px;height:20px;color:#BAB8B8;position:absolute;right:53px;top:22px;z-index:1}
        .tile-stats .icon i{margin:0;font-size:60px;line-height:0;vertical-align:bottom;padding:0}
        .tile-stats .count{font-size:38px;font-weight:bold;line-height:1.65857}
        .tile-stats .count,.tile-stats h3,.tile-stats p{position:relative;margin:0;margin-left:10px;z-index:5;padding:0}
        .tile-stats h3{color:#BAB8B8}
        .tile-stats p{margin-top:5px;font-size:12px}
        .tile-stats>.dash-box-footer{position:relative;text-align:center;margin-top:5px;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}
        .tile-stats>.dash-box-footer:hover{color:#fff;background:rgba(0,0,0,0.15)}
        .tile-stats>.dash-box-footer:hover{color:#fff;background:rgba(0,0,0,0.15)}
        table.tile_info{padding:10px 15px}
        table.tile_info span.right{margin-right:0;float:right;position:absolute;right:4%}
        .tile:hover{text-decoration:none}.tile_header{border-bottom:transparent;padding:7px 15px;margin-bottom:15px;background:#E7E7E7}
        .tile_head h4{margin-top:0;margin-bottom:5px}
        .tiles-bottom{padding:5px 10px;margin-top:10px;background:rgba(194,194,194,0.3);text-align:left}
        a.star{color:#428bca !important}
        .mail_content{background:none repeat scroll 0 0 #FFFFFF;border-radius:4px;margin-top:20px;min-height:500px;padding:10px 11px;width:100%}
        .list-btn-mail{margin-bottom:15px}
        .list-btn-mail.active{border-bottom:1px solid #39B3D7;padding:0 0 14px}
        .list-btn-mail>i{float:left;font-size:18px;font-style:normal;width:33px}
        .list-btn-mail>.cn{background:none repeat scroll 0 0 #39B3D7;border-radius:12px;color:#FFFFFF;float:right;font-style:normal;padding:0 5px}
        .button-mail{margin:0 0 15px !important;text-align:left;width:100%}
        button,.buttons,.btn,.modal-footer .btn+.btn{margin-bottom:5px;margin-right:5px}
        .btn-group-vertical .btn,.btn-group .btn{margin-bottom:0;margin-right:0}
        .mail_list_column{border-left:1px solid #DBDBDB}
        .mail_view{border-left:1px solid #DBDBDB}
        .mail_list{width:100%;border-bottom:1px solid #DBDBDB;margin-bottom:2px;display:inline-block}
        .mail_list .left{width:5%;float:left;margin-right:3%}
        .mail_list .right{width:90%;float:left}
        .mail_list h3{font-size:20px;font-weight:bold;margin:0px 0 6px}
        .mail_list h3 small{float:right;color:#ADABAB;font-size:20px;line-height:20px}
        .mail_list .badge{padding:3px 6px;font-size:20px;background:#BAB7B7}@media (max-width: 767px){
            .mail_list{margin-bottom:5px;display:inline-block}}
            .mail_heading h4{font-size:20px;border-bottom:1px solid #ddd;padding-bottom:10px;margin-top:20px}
            .attachment{margin-top:30px}.attachment ul{width:100%;list-style:none;padding-left:0;display:inline-block;margin-bottom:30px}
            .attachment ul li{float:left;width:150px;margin-right:10px;margin-bottom:10px}
            .attachment ul li img{height:150px;border:1px solid #ddd;padding:5px;margin-bottom:10px}
            .attachment ul li span{float:right}
            .attachment .file-name{float:left}
            .attachment .links{width:100%;display:inline-block}
            .compose{padding:0;position:fixed;bottom:0;right:0;background:#fff;border:1px solid #D9DEE4;border-right:0;border-bottom:0;border-top-left-radius:5px;z-index:9999;display:none}
            .compose .compose-header{padding:5px;background:#169F85;color:#fff;border-top-left-radius:5px}
            .compose .compose-header .close{text-shadow:0 1px 0 #ffffff;line-height:.8}
            .compose .compose-body .editor.btn-toolbar{margin:0}
            .compose .compose-body .editor-wrapper{height:100%;min-height:50px;max-height:180px;border-radius:0;border-left:none;border-right:none;overflow:auto}
            .compose .compose-footer{padding:10px}
            .editor.btn-toolbar{zoom:1;background:#F7F7F7;margin:5px 2px;padding:3px 0;border:1px solid #EFEFEF}
            .input-group{margin-bottom:10px}
            .ln_solid{border-top:1px solid #e5e5e5;color:#ffffff;background-color:#ffffff;height:1px;margin:20px 0}
            span.section{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
            .form-control{border-radius:0;width:100%}
            
            .form-horizontal .control-label{
                padding-top:8px
            }
            .form-control:focus{border-color:#CCD0D7;box-shadow:none !important}
            legend{font-size:20px;color:inherit}
            
            .form-horizontal .form-group{
                margin-right:0;margin-left:0
            }
            .form-control-feedback{margin-top:8px;height:23px;color:#bbb;line-height:24px;font-size:20px}
            .form-control-feedback.left{border-right:1px solid #ccc;left:13px}
            .form-control-feedback.right{border-left:1px solid #ccc;right:13px}
            .form-control.has-feedback-left{padding-left:45px}
            .form-control.has-feedback-right{padding-right:45px}
            
            .form-group{
                position:relative; 
                margin-bottom:45px; 
            }
            .validate{
                margin-top:10px
            }
            .invalid-form-error-message{margin-top:10px;padding:5px}
            .invalid-form-error-message.filled{border-left:2px solid #E74C3C}
            p.parsley-success{color:#468847;background-color:#DFF0D8;border:1px solid #D6E9C6}
            p.parsley-error{color:#B94A48;background-color:#F2DEDE;border:1px solid #EED3D7}
            ul.parsley-errors-list{list-style:none;color:#E74C3C;padding-left:0}
            input.parsley-error,textarea.parsley-error,select.parsley-error{background:#FAEDEC;border:1px solid #E85445}
            .btn-group .parsley-errors-list{display:none}
            .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}
            .item input,.item textarea{transition:0.42s}
            .item .alert{float:left;margin:0 0 0 20px;padding:3px 10px;color:#FFF;border-radius:3px 4px 4px 3px;background-color:#CE5454;max-width:170px;white-space:pre;position:relative;left:-15px;opacity:0;z-index:1;transition:0.15s ease-out}
.item .alert::after{content:'';display:block;height:0;width:0;border-color:transparent #CE5454 transparent transparent;border-style:solid;border-width:11px 7px;position:absolute;left:-13px;top:1px}
.item.bad .alert{left:0;opacity:1}
.inl-bl{display:inline-block}
.well .markup{background:#fff;color:#777;position:relative;padding:45px 15px 15px;margin:15px 0 0 0;background-color:#fff;border-radius:0 0 4px 4px;box-shadow:none}
.well .markup::after{content:"Example";position:absolute;top:15px;left:15px;font-size:20px;font-weight:bold;color:#bbb;text-transform:uppercase;letter-spacing:1px}
.autocomplete-suggestions{border:1px solid #e4e4e4;background:#F4F4F4;cursor:default;overflow:auto}
.autocomplete-suggestion{padding:2px 5px;font-size:1.2em;white-space:nowrap;overflow:hidden}
.autocomplete-selected{background:#f0f0f0}
.autocomplete-suggestions strong{font-weight:normal;color:#3399ff;font-weight:bolder}
.btn{border-radius:3px}
a.btn-success,a.btn-primary,a.btn-warning,a.btn-danger{color:#fff}
.btn-success{background:#26B99A;border:1px solid #169F85}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background:#169F85}
.btn-dark{color:#E9EDEF;background-color:#4B5F71;border-color:#364B5F}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active,.open .dropdown-toggle.btn-dark{color:#FFFFFF;background-color:#394D5F;border-color:#394D5F}
.btn-round{border-radius:30px}
.btn.btn-app{position:relative;padding:15px 5px;margin:0 0 10px 10px;min-width:80px;height:60px;box-shadow:none;border-radius:0;text-align:center;color:#666;border:1px solid #ddd;background-color:#fafafa;font-size:12px}
.btn.btn-app>.fa,.btn.btn-app>.glyphicon,.btn.btn-app>.ion{font-size:20px;display:block}
.btn.btn-app:hover{background:#f4f4f4;color:#444;border-color:#aaa}
.btn.btn-app:active,.btn.btn-app:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn.btn-app>.badge{position:absolute;top:-3px;right:-10px;font-size:10px;font-weight:400}
textarea{padding:10px;vertical-align:top;width:200px}
textarea:focus{outline-style:solid;outline-width:2px}
.btn_{display:inline-block;padding:3px 9px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:linear-gradient(to bottom, #fff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);border:1px solid #cccccc;border-bottom-color:#b3b3b3;border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.bs-glyphicons{margin:0 -10px 20px;overflow:hidden}.bs-glyphicons-list{padding-left:0;list-style:none}
.bs-glyphicons li{float:left;width:25%;height:115px;padding:10px;font-size:10px;line-height:1.4;text-align:center;background-color:#f9f9f9;border:1px solid #fff}
.bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px}
.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}
.bs-glyphicons li:hover{color:#fff;background-color:#1ABB9C}
@media (min-width: 768px){.bs-glyphicons{margin-right:0;margin-left:0}.bs-glyphicons li{width:12.5%;font-size:12px}}
.tagsinput{border:1px solid #CCC;background:#FFF;padding:6px 6px 0;width:300px;overflow-y:auto}
span.tag{-moz-border-radius:2px;-webkit-border-radius:2px;display:block;float:left;padding:5px 9px;text-decoration:none;background:#1ABB9C;color:#F1F6F7;margin-right:5px;font-weight:500;margin-bottom:5px;font-family:helvetica}
span.tag a{color:#F1F6F7 !important}
.tagsinput span.tag a{font-weight:bold;color:#82ad2b;text-decoration:none;font-size:11px}
.tagsinput input{width:80px;margin:0px;font-family:helvetica;font-size:13px;border:1px solid transparent;padding:3px;background:transparent;color:#000;outline:0px}
.tagsinput div{display:block;float:left}.tags_clear{clear:both;width:100%;height:0px}
.not_valid{background:#FBD8DB !important;color:#90111A !important}
ul.bar_tabs{overflow:visible;background:#F5F7FA;height:25px;margin:21px 0 14px;padding-left:14px;position:relative;z-index:1;width:100%;border-bottom:1px solid #E6E9ED}
ul.bar_tabs>li{border:1px solid #E6E9ED;color:#333 !important;margin-top:-17px;margin-left:8px;background:#fff;border-bottom:none;border-radius:4px 4px 0 0}
ul.bar_tabs>li.active{border-right:6px solid #D3D6DA;border-top:0;margin-top:-15px}
ul.bar_tabs>li a{padding:10px 17px;background:#F5F7FA;margin:0;border-top-right-radius:0}
ul.bar_tabs>li a:hover{border:1px solid transparent}
ul.bar_tabs>li.active a{border-bottom:none}
ul.bar_tabs.right{padding-right:14px}
ul.bar_tabs.right li{float:right}a:focus{outline:none}
ul.timeline li{position:relative;border-bottom:1px solid #e8e8e8;clear:both}
.timeline .block{margin:0;border-left:3px solid #e8e8e8;overflow:visible;padding:10px 15px;margin-left:105px}
.timeline.widget{min-width:0;max-width:inherit}
.timeline.widget .block{margin-left:5px}
.timeline .tags{position:absolute;top:15px;left:0;width:84px}
.timeline .tag{display:block;height:30px;font-size:13px;padding:8px}
.timeline .tag span{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}
.tag{line-height:1;background:#1ABB9C;color:#fff !important}
.tag:after{content:" ";height:30px;width:0;position:absolute;left:100%;top:0;margin:0;pointer-events:none;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:11px solid #1ABB9C}
.timeline h2.title{position:relative;font-size:16px;margin:0}
.timeline h2.title:before{content:"";position:absolute;left:-23px;top:3px;display:block;width:14px;height:14px;border:3px solid #d2d3d2;border-radius:14px;background:#f9f9f9}
.timeline .byline{padding:.25em 0}
.byline{-webkit-font-smoothing:antialiased;font-style:italic;font-size:.9375em;line-height:1.3;color:#aab6aa}
ul.social li{border:0}
.social-sidebar,.social-body{float:right}
.social-sidebar{background:#EDEDED;width:22%}
.social-body{border:1px solid #ccc;width:78%}
.thumb img{width:50px;height:50px;border-radius:50%}
.chat .thumb img{width:27px;height:27px;border-radius:50%}
.chat .status{float:left;margin:16px 0 0 -16px;font-size:14px;font-weight:bold;width:12px;height:12px;display:block;border:2px solid #FFF;z-index:12312;border-radius:50%}
.chat .status.online{background:#1ABB9C}
.chat .status.away{background:#F39C12}
.chat .status.offline{background:#ccc}
.chat .media-body{padding-top:5px}
.dashboard_graph .x_title{padding:5px 5px 7px}
.dashboard_graph .x_title h3{margin:0;font-weight:normal}
.chart{position:relative;display:inline-block;width:110px;height:110px;margin-top:5px;margin-bottom:5px;text-align:center}
.chart canvas{position:absolute;top:0;left:0}.percent{display:inline-block;line-height:110px;z-index:2;font-size:18px}
.percent:after{content:'%';margin-left:0.1em;font-size:.8em}.angular{margin-top:100px}
.angular .chart{margin-top:0}
.widget{min-width:250px;max-width:310px}
.widget_tally_box .btn-group button{text-align:center}
.widget_tally_box .btn-group button{color:inherit;font-weight:500;background-color:#f5f5f5;border:1px solid #e7e7e7}
ul.widget_tally,ul.widget_tally li{width:100%}
ul.widget_tally li{padding:2px 10px;border-bottom:1px solid #ECECEC;padding-bottom:4px}
ul.widget_tally .month{width:70%;float:left}
ul.widget_tally .count{width:30%;float:left;text-align:right}
.pie_bg{border-bottom:1px solid rgba(101,204,182,0.16);padding-bottom:15px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);padding-bottom:10px;box-shadow:0 4px 6px -6px #222}
.widget_tally_box .flex{display:-ms-flexbox;display:flex}
ul.widget_profile_box{width:100%;height:42px;padding:3px;background:#ececec;margin-top:40px;margin-left:1px}
ul.widget_profile_box li:first-child{width:25%;float:left}
ul.widget_profile_box li:first-child a{float:left}
ul.widget_profile_box li:last-child{width:25%;float:right}
ul.widget_profile_box li:last-child a{float:right}
ul.widget_profile_box li a{font-size:22px;text-align:center;width:35px;height:35px;border:1px solid rgba(52,73,94,0.44);display:block;border-radius:50%;padding:0px}
ul.widget_profile_box li a:hover{color:#1ABB9C !important;border:1px solid #26b99a}
ul.widget_profile_box li .profile_img{width:85px;height:85px;margin:0;margin-top:-28px}
.widget_tally_box p,.widget_tally_box span{text-align:center}
.widget_tally_box .name{text-align:center;margin:25px}
.widget_tally_box .name_title{text-align:center;margin:5px}
.widget_tally_box ul.legend{margin:0}
.widget_tally_box ul.legend p,.widget_tally_box ul.legend span{text-align:left}
.widget_tally_box ul.legend li .icon{font-size:20px;float:left;width:14px}
.widget_tally_box ul.legend li .name{font-size:14px;margin:5px 0 0 14px;text-overflow:ellipsis;float:left}
.widget_tally_box ul.legend p{display:inline-block;margin:0}
.widget_tally_box ul.verticle_bars li{height:140px;width:23%}
.widget .verticle_bars li .progress.vertical.progress_wide{width:65%}
ul.count2{width:100%;margin-left:1px;border:1px solid #ddd;border-left:0;border-right:0;padding:10px 0}
ul.count2 li{width:30%;text-align:center}
ul.count2 li h3{font-weight:400;margin:0}
ul.count2 li span{font-weight:300}
.divider{border-bottom:1px solid #ddd;margin:10px}
.divider-dashed{border-top:1px dashed #e7eaec;background-color:#ffffff;height:1px;margin:10px 0}
ul.messages{padding:0;list-style:none}
ul.messages li,.tasks li{border-bottom:1px dotted #e6e6e6;padding:8px 0}
ul.messages li img.avatar,img.avatar{height:32px;width:32px;float:left;display:inline-block;border-radius:2px;padding:2px;background:#f7f7f7;border:1px solid #e6e6e6}
ul.messages li .message_date{float:right;text-align:right}
ul.messages li .message_wrapper{margin-left:50px;margin-right:40px}
ul.messages li .message_wrapper h4.heading{font-weight:600;margin:0;cursor:pointer;margin-bottom:10px;line-height:100%}
ul.messages li .message_wrapper blockquote{padding:0px 10px;margin:0;border-left:5px solid #eee}
ul.user_data li{margin-bottom:6px}
ul.user_data li p{margin-bottom:0}
ul.user_data li .progress{width:90%}
.project_progress .progress{margin-bottom:3px !important;margin-top:5px}
.projects .list-inline{margin:0}.profile_title{background:#F5F7FA;border:0;padding:7px 0;display:-ms-flexbox;display:flex}
ul.stats-overview{border-bottom:1px solid #e8e8e8;padding-bottom:10px;margin-bottom:10px}
ul.stats-overview li{display:inline-block;text-align:center;padding:0 15px;width:30%;font-size:20px;border-right:1px solid #e8e8e8}
ul.stats-overview li:last-child{border-right:0}
ul.stats-overview li .name{font-size:20px}
ul.stats-overview li .value{font-size:20px;font-weight:bold;display:block}
ul.stats-overview li:first-child{padding-left:0}ul.project_files li{margin-bottom:5px}
ul.project_files li a i{width:20px}.project_detail p{margin-bottom:10px}
.project_detail p.title{font-weight:bold;margin-bottom:0}
.avatar img{border-radius:50%;max-width:45px}
.pricing{background:#fff}
.pricing .title{background:#1ABB9C;height:110px;color:#fff;padding:15px 0 0;text-align:center}
.pricing .title h2{text-transform:capitalize;font-size:20px;border-radius:5px 5px 0 0;margin:0;font-weight:400}
.pricing .title h1{font-size:30px;margin:12px}
.pricing .title span{background:rgba(51,51,51,0.28);padding:2px 5px}
.pricing_features{background:#FAFAFA;padding:20px 15px;min-height:230px;font-size:20px}
.pricing_features ul li{margin-top:10px}
.pricing_footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;text-align:center;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.pricing_footer p{font-size:20px;padding:10px 0 2px;display:block}
.ui-ribbon-container{position:relative}
.ui-ribbon-container .ui-ribbon-wrapper{position:absolute;overflow:hidden;width:85px;height:88px;top:-3px;right:-3px}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon{background-color:#5b90bf}
.ui-ribbon-container .ui-ribbon{position:relative;display:block;text-align:center;font-size:20px;font-weight:700;color:#fff;transform:rotate(45deg);padding:7px 0;left:-5px;top:15px;width:120px;line-height:20px;background-color:#555;box-shadow:0 0 3px rgba(0,0,0,0.3)}
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before{border-top:2px solid #5b90bf}
.ui-ribbon-container .ui-ribbon:before{left:0;bottom:-1px}
.ui-ribbon-container .ui-ribbon:before{right:0}
.ui-ribbon-container .ui-ribbon:after,.ui-ribbon-container .ui-ribbon:before{position:absolute;content:" ";line-height:0;border-top:2px solid #555;border-left:2px solid transparent;border-right:2px solid transparent}
.thumbnail .image{height:120px;overflow:hidden}
.caption{padding:9px 5px;background:#F7F7F7}
.caption p{margin-bottom:5px}
.thumbnail{height:190px;overflow:hidden}
.view{overflow:hidden;position:relative;text-align:center;box-shadow:1px 1px 2px #e6e6e6;cursor:default}
.view .mask,.view .content{position:absolute;width:100%;overflow:hidden;top:0;left:0}
.view img{display:block;position:relative}
.view .tools{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:20px;padding:3px;background:rgba(0,0,0,0.35);margin:43px 0 0 0}
.mask.no-caption .tools{margin:90px 0 0 0}
.view .tools a{display:inline-block;color:#FFF;font-size:20px;font-weight:400;padding:0 4px}
.view p{font-family: "Titulos" !important;font-style:italic;font-size:20px;position:relative;color:#fff;padding:10px 20px 20px;text-align:center}
.view a.info{display:inline-block;text-decoration:none;padding:7px 14px;background:#000;color:#fff;text-transform:uppercase;box-shadow:0 0 1px #000}
.view-first img{transition:all 0.2s linear}
.view-first .mask{opacity:0;background-color:rgba(0,0,0,0.5);transition:all 0.4s ease-in-out}
.view-first .tools{transform:translateY(-100px);opacity:0;transition:all 0.2s ease-in-out}
.view-first p{transform:translateY(100px);opacity:0;transition:all 0.2s linear}
.view-first:hover img{transform:scale(1.1)}
.view-first:hover .mask{opacity:1}
.view-first:hover .tools,.view-first:hover p{opacity:1;transform:translateY(0px)}
.view-first:hover p{transition-delay:0.1s}