:root {
    /*Variables de configuración institucional*/
    --color-institucional:#028793;

    --color-sis-main: #2d8dad;
    --sw-anchor-active-primary-color: #1393d3;
    --sw-progress-color: #1393d3;
    --color_resalte: #83aff7;
    --color_fondo_filtro_activo: #EDEDED;
    --color_texto_filtro_activo: #858796;
    --color_borde_filtro_activo: #cecece;

  }
/*
@font-face {
  font-family: 'Monserrat-light';
  src: url('../fonts/Montserrat-Light.otf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'Monserrat-regular';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Monserrat-bold';
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

.MonserratRegular{font-family: 'Monserrat-regular' !important;}
.MonserratLight{font-family: 'Monserrat-light' !important;}
.MonserratBold{font-family: 'Monserrat-bold' !important;}
*/

body {
  font-family: 'Inter', sans-serif!important;
}

.daterangepicker .ranges li{color:#73879C}.daterangepicker .ranges li.active,.daterangepicker .ranges li:hover{background:#536A7F;border:1px solid #536A7F;color:#fff}.daterangepicker .input-mini{background-color:#eee;border:1px solid #ccc;box-shadow:none !important}
.daterangepicker .input-mini.active{border:1px solid #ccc}.daterangepicker select.monthselect,.daterangepicker select.yearselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default;height:30px;border:1px solid #ADB2B5;line-height:30px;border-radius:0px !important}.daterangepicker select.monthselect{margin-right:2%}.daterangepicker td.in-range{background:#E4E7EA;color:#73879C}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#536A7F;color:#fff}.daterangepicker th.available:hover{background:#eee;color:#34495E}.daterangepicker:before,.daterangepicker:after{content:none}.daterangepicker .calendar.single{margin:0 0 4px 0}.daterangepicker .calendar.single .calendar-table{width:224px;padding:0 0 4px 0 !important}.daterangepicker .calendar.single .calendar-table thead tr:first-child th{padding:8px 5px}.daterangepicker .calendar.single .calendar-table thead th{border-radius:0}.daterangepicker.picker_1{color:#fff;background:#34495E}.daterangepicker.picker_1 .calendar-table{background:#34495E}.daterangepicker.picker_1 .calendar-table thead tr{background:#213345}.daterangepicker.picker_1 .calendar-table thead tr:first-child{background:#1ABB9C}.daterangepicker.picker_1 .calendar-table td.off{background:#34495E;color:#999}.daterangepicker.picker_1 .calendar-table td.available:hover{color:#34495E}.daterangepicker.picker_2 .calendar-table thead tr{color:#1ABB9C}.daterangepicker.picker_2 .calendar-table thead tr:first-child{color:#73879C}.daterangepicker.picker_3 .calendar-table thead tr:first-child{color:#fff;background:#1ABB9C}.daterangepicker.picker_4 .calendar-table thead tr:first-child{color:#fff;background:#34495E}.daterangepicker.picker_4 .calendar-table td,.daterangepicker.picker_4 .calendar-table td.off{background:#ECF0F1;border:1px solid #fff;border-radius:0}.daterangepicker.picker_4 .calendar-table td.active{background:#34495E}.calendar-exibit .show-calendar{float:none;display:block;position:relative;background-color:#fff;border:1px solid #ccc;margin-bottom:20px;border:1px solid rgba(0,0,0,0.15);overflow:hidden}.calendar-exibit .show-calendar .calendar{margin:0 0 4px 0}.calendar-exibit .show-calendar.picker_1{background:#34495E}.calendar-exibit .calendar-table{padding:0 0 4px 0}
/*D9DEE4*/
.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:10px;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:#fff;text-transform:uppercase;letter-spacing:.5px;font-weight:bold;font-size:11px;margin-bottom:0;margin-top:0;text-shadow:1px 1px #000}
.menu_section>ul{margin-top:10px}.profile_pic{width:35%;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:13px;line-height:30px;color:#BAB8B8}.profile_info h2{font-size:14px;color:#1c1c1c;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:10px;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:#d3d3d3;border-bottom:1px solid #FFFFFF;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:#2A3F54;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:17px;text-align:left;}.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-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{color:#1c1c1c;background:#FFFFFF;font-family:Monserrat-regular, sans-serif;font-size:13px;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:5px;padding-left:5px}.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}a{color:#5A738E;text-decoration:none}a,a:visited,a:focus,a:active,:visited,:focus,:active,.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:0}a:hover,a:focus{text-decoration:none}.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:#FFFFFF;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 #FFFFFF;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 #e1e1e1}.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}

.control-label{
  font-weight:600;
  /*color: #7c7c7c!important;*/
}
.form-control{
  background-color:#FFFFFF; 
  font-size: 13px; 
  /*border-radius: 5px;*/
  border:none;
  border-bottom: 1px #e1e1e1 solid;
}

.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:24px;font-weight:400;color:#1c1c1c;}#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:13px;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{
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  position:relative;
  width:100%;
  /*margin: 0 50px 10px 50px;  top, right, bottom, left*/
  margin-bottom:10px;
  padding:10px 17px;
  display:inline-block;
  background:#fff;
  border:1px solid #e0e0e0;
  -webkit-column-break-inside:avoid;
  -moz-column-break-inside:avoid;
  -webkit-break-inside:avoid;
  opacity:1;
  transition:all .2s ease;
}

.x_title{
  border-bottom:1px solid #e0e0e0;
  padding: 15px;
  margin-bottom:10px;
}
.x_title .filter{
  width:40%;
  float:right;
}

.x_title h2{
  font-size: 20px;
  margin:5px 0 6px;
  float:left;
  display:block;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  font-weight: 600;
}
.x_title h2 small{margin-left:10px}.x_title span{color:#1c1c1c}
.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:#343a40;
  color:#ECF0F1;
  letter-spacing:1px !important;
}
table.jambo_table tbody tr td select{
  border-radius: 5px;
  border:1px #e1e1e1 solid;
}
.dataTables_filter input{
  border-radius: 5px;
  border:1px #e1e1e1 solid;
}
.dataTables_length select{
  border-radius: 5px;
  border:1px #e1e1e1 solid;
}
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:#B0BED9}
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:14px !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:#d9dee4}.sidebar-footer a{padding:7px 0 3px;text-align:center;width:25%;font-size:17px;display:block;float:left;background:#EDEDED}.sidebar-footer a:hover{background:#FFFFFF;}.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:12px}@media (min-width: 768px){.tile_count .tile_stats_count span{font-size:13px}}.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:FontAwesome;font-style:normal;font-weight:normal;font-size:18px;-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:#1C1C1C;font-size:18px;}.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:15px;font-weight:bold;margin:0px 0 6px}.mail_list h3 small{float:right;color:#ADABAB;font-size:11px;line-height:20px}.mail_list .badge{padding:3px 6px;font-size:8px;background:#BAB7B7}@media (max-width: 767px){.mail_list{margin-bottom:5px;display:inline-block}}.mail_heading h4{font-size:18px;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:18px;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:15px}.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{margin-bottom:10px}.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:12px;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:#5cb85c;border:1px solid #4cae4c}.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:135px}.timeline.widget{min-width:0;max-width:inherit}.timeline.widget .block{margin-left:5px}.timeline .tags{position:absolute;top:15px;left:0;width:115px}.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}.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:14px;border-right:1px solid #e8e8e8}ul.stats-overview li:last-child{border-right:0}ul.stats-overview li .name{font-size:12px}ul.stats-overview li .value{font-size:14px;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:18px;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:13.5px}.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:13px;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:15px;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:17px;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:18px;font-weight:400;padding:0 4px}.view p{font-family:Georgia, serif;font-style:italic;font-size:12px;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}/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */.tabs-left,.tabs-right{border-bottom:none;padding-top:2px}.tabs-left{border-right:1px solid #F7F7F7}.tabs-right{border-left:1px solid #F7F7F7}.tabs-left>li,.tabs-right>li{float:none;margin-bottom:2px}.tabs-left>li{margin-right:-1px}.tabs-right>li{margin-left:-1px}.tabs-left>li.active>a,.tabs-left>li.active>a:hover,.tabs-left>li.active>a:focus{border-bottom-color:#F7F7F7;border-right-color:transparent}.tabs-right>li.active>a,.tabs-right>li.active>a:hover,.tabs-right>li.active>a:focus{border-bottom:1px solid #F7F7F7;border-left-color:transparent}.tabs-left>li>a{border-radius:4px 0 0 4px;margin-right:0;display:block;background:#F7F7F7;text-overflow:ellipsis;overflow:hidden}.tabs-right>li>a{border-radius:0 4px 4px 0;margin-right:0;background:#F7F7F7;text-overflow:ellipsis;overflow:hidden}.sideways{margin-top:50px;border:none;position:relative}.sideways>li{height:20px;width:120px;margin-bottom:100px}.sideways>li>a{border-bottom:1px solid #ddd;border-right-color:transparent;text-align:center;border-radius:4px 4px 0px 0px}.sideways>li.active>a,.sideways>li.active>a:hover,.sideways>li.active>a:focus{border-bottom-color:transparent;border-right-color:#ddd;border-left-color:#ddd}.sideways.tabs-left{left:-50px}.sideways.tabs-right{right:-50px}.sideways.tabs-right>li{transform:rotate(90deg)}.sideways.tabs-left>li{transform:rotate(-90deg)}.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{padding:6px;color:#666;background:rgba(243,242,243,0.8);border:solid 2px rgba(195,194,196,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}.price{font-size:40px;font-weight:400;color:#26B99A;margin:0}.prod_title{border-bottom:1px solid #DFDFDF;padding-bottom:5px;margin:30px 0;font-size:20px;font-weight:400}.product-image img{width:90%}.prod_color li{margin:0 10px}.prod_color li p{margin-bottom:0}.prod_size li{padding:0}.prod_color .color{width:25px;height:25px;border:2px solid rgba(51,51,51,0.28) !important;padding:2px;border-radius:50px}.product_gallery a{width:100px;height:100px;float:left;margin:10px;border:1px solid #e5e5e5}.product_gallery a img{width:100%;margin-top:15px}.product_price{margin:20px 0;padding:5px 10px;background-color:#FFFFFF;text-align:left;border:2px dashed #E0E0E0}.price-tax{font-size:18px}.product_social{margin:20px 0}.product_social ul li a i{font-size:35px}
.login{background:#f8f9fa;}
 body.nav-d14s-dark .login{background:#212529;}

.login .fa-paw{font-size:26px}a.hiddenanchor{display:none}.login_wrapper{right:0px;margin:0px auto;margin-top:5%;max-width:350px;position:relative}.registration_form,.login_form{position:absolute;top:0px;width:100%}.registration_form{z-index:21;opacity:0;width:100%}.login_form{z-index:22}#signup:target ~ .login_wrapper .registration_form,#signin:target ~ .login_wrapper .login_form{z-index:22;animation-name:fadeInLeft;animation-delay:.1s}#signup:target ~ .login_wrapper .login_form,#signin:target ~ .login_wrapper .registration_form{animation-name:fadeOutLeft}.animate{-webkit-animation-duration:0.5s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:0.5s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-o-animation-duration:0.5s;-o-animation-timing-function:ease;-o-animation-fill-mode:both;-ms-animation-duration:0.5s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:0.5s;animation-timing-function:ease;animation-fill-mode:both}.login_box{padding:20px;margin:auto}.left{float:left}.alignleft{float:left;margin-right:15px}.alignright{float:right;margin-left:15px}.clearfix:after,form:after{content:".";display:block;height:0;clear:both;visibility:hidden}.login_content{margin:0 auto;padding:25px 0 0;position:relative;text-align:center;text-shadow:0 1px 0 #fff;min-width:280px}.login_content a,.login_content .btn-default:hover{text-decoration:none}.login_content a:hover{text-decoration:underline}.login_content h1{font:normal 25px Helvetica, Arial, sans-serif;letter-spacing:-0.05em;line-height:20px;margin:10px 0 30px}.login_content h1:before,.login_content h1:after{content:"";height:1px;position:absolute;top:10px;width:27%}.login_content h1:after{background:#7e7e7e;background:linear-gradient(left, #7e7e7e 0%, #fff 100%);right:0}.login_content h1:before{background:#7e7e7e;background:linear-gradient(right, #7e7e7e 0%, #fff 100%);left:0}.login_content h1:before,.login_content h1:after{content:"";height:1px;position:absolute;top:10px;width:20%}.login_content h1:after{background:#7e7e7e;background:linear-gradient(left, #7e7e7e 0%, #fff 100%);right:0}.login_content h1:before{background:#7e7e7e;background:linear-gradient(right, #7e7e7e 0%, #fff 100%);left:0}.login_content form{margin:20px 0;position:relative}.login_content form input[type="text"],.login_content form input[type="email"],.login_content form input[type="password"]{border-radius:3px;-ms-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;-o-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset; inset;border:1px solid #c8c8c8;color:#777;margin:0 0 20px;width:100%}.login_content form input[type="text"]:focus,.login_content form input[type="email"]:focus,.login_content form input[type="password"]:focus{-ms-box-shadow:0 0 2px #ed1c24 inset;-o-box-shadow:0 0 2px #ed1c24 inset;box-shadow:0 0 2px #A97AAD inset;background-color:#fff;border:1px solid #A878AF;outline:none}#username{background-position:10px 10px !important}#password{background-position:10px -53px !important}.login_content form div a{font-size:12px;margin:10px 15px 0 0}.reset_pass{margin-top:10px !important}.login_content div .reset_pass{margin-top:13px !important;margin-right:39px;float:right}.separator{border-top:1px solid #D8D8D8;margin-top:10px;padding-top:10px}.button{background:#f7f9fa;background:linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);-ms-box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;-o-box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;border-radius:0 0 5px 5px;border-top:1px solid #CFD5D9;padding:15px 0}.login_content form input[type="submit"],#content form .submit{float:left;margin-left:38px}.button a{background:url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;color:#7E7E7E;font-size:17px;padding:2px 0 2px 40px;text-decoration:none;transition:all 0.3s ease}.button a:hover{background-position:0 -135px;color:#00aeef}header{width:100%}#nprogress .bar{background:#1ABB9C}#nprogress .peg{box-shadow:0 0 10px #1ABB9C, 0 0 5px #1ABB9C}#nprogress .spinner-icon{border-top-color:#1ABB9C;border-left-color:#1ABB9C}.editor-wrapper{min-height:250px;background-color:white;border-collapse:separate;border:1px solid #ccc;padding:4px;box-sizing:content-box;box-shadow:rgba(0,0,0,0.07451) 0px 1px 1px 0px inset;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px;overflow:scroll;outline:none}.voiceBtn{width:20px;color:transparent;background-color:transparent;transform:scale(2, 2);-webkit-transform:scale(2, 2);-moz-transform:scale(2, 2);border:transparent;cursor:pointer;box-shadow:none;-webkit-box-shadow:none}div[data-role="editor-toolbar"]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dropdown-menu a{cursor:pointer}.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #ccc;border-radius:0;min-height:38px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#73879C;padding-top:5px}.select2-container--default .select2-selection--multiple .select2-selection__rendered{padding-top:3px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:36px}.select2-container--default .select2-selection--multiple .select2-selection__choice,.select2-container--default .select2-selection--multiple .select2-selection__clear{margin-top:2px;border:none;border-radius:0;padding:3px 5px}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #ccc}.switchery{width:32px;height:20px}.switchery>small{width:20px;height:20px}fieldset{border:none;margin:0;padding:0}.cropper .img-container,.cropper .img-preview{background-color:#f7f7f7;width:100%;text-align:center}.cropper .img-container{min-height:200px;max-height:516px;margin-bottom:20px}@media (min-width: 768px){.cropper .img-container{min-height:516px}}.cropper .img-container>img{max-width:100%}.cropper .docs-preview{margin-right:-15px}.cropper .img-preview{float:left;margin-right:10px;margin-bottom:10px;overflow:hidden}.cropper .img-preview>img{max-width:100%}.cropper .preview-lg{width:263px;height:148px}.cropper .preview-md{width:139px;height:78px}.cropper .preview-sm{width:69px;height:39px}.cropper .preview-xs{width:35px;height:20px;margin-right:0}.cropper .docs-data>.input-group{margin-bottom:10px}.cropper .docs-data>.input-group>label{min-width:80px}.cropper .docs-data>.input-group>span{min-width:50px}.cropper .docs-buttons>.btn,.cropper .docs-buttons>.btn-group,.cropper .docs-buttons>.form-control{margin-right:5px;margin-bottom:10px}.cropper .docs-toggles>.btn,.cropper .docs-toggles>.btn-group,.cropper .docs-toggles>.dropdown{margin-bottom:10px}.cropper .docs-tooltip{display:block;margin:-6px -12px;padding:6px 12px}.cropper .docs-tooltip>.icon{margin:0 -3px;vertical-align:top}.cropper .tooltip-inner{white-space:normal}.cropper .btn-upload .tooltip-inner,.cropper .btn-toggle .tooltip-inner{white-space:nowrap}.cropper .btn-toggle{padding:6px}.cropper .btn-toggle>.docs-tooltip{margin:-6px;padding:6px}@media (max-width: 400px){.cropper .btn-group-crop{margin-right:-15px !important}.cropper .btn-group-crop>.btn{padding-left:5px;padding-right:5px}.cropper .btn-group-crop .docs-tooltip{margin-left:-5px;margin-right:-5px;padding-left:5px;padding-right:5px}}.cropper .docs-options .dropdown-menu{width:100%}.cropper .docs-options .dropdown-menu>li{padding:3px 20px}.cropper .docs-options .dropdown-menu>li:hover{background-color:#f7f7f7}.cropper .docs-options .dropdown-menu>li>label{display:block}.cropper .docs-cropped .modal-body{text-align:center}.cropper .docs-cropped .modal-body>img,.cropper .docs-cropped .modal-body>canvas{max-width:100%}.cropper .docs-diagram .modal-dialog{max-width:352px}.cropper .docs-cropped canvas{max-width:100%}.form_wizard .stepContainer{display:block;position:relative;margin:0;padding:0;border:0 solid #CCC;/*overflow-x:hidden;*/}.wizard_horizontal ul.wizard_steps{display:table;list-style:none;position:relative;width:100%;margin:0 0 20px}.wizard_horizontal ul.wizard_steps li{display:table-cell;text-align:center}.wizard_horizontal ul.wizard_steps li a,.wizard_horizontal ul.wizard_steps li:hover{display:block;position:relative;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;color:#666}.wizard_horizontal ul.wizard_steps li a:before{content:"";position:absolute;height:4px;background:#ccc;top:20px;width:100%;z-index:4;left:0}.wizard_horizontal ul.wizard_steps li a.disabled .step_no{background:#ccc}.wizard_horizontal ul.wizard_steps li a .step_no{width:40px;height:40px;line-height:40px;border-radius:100px;display:block;margin:0 auto 5px;font-size:16px;text-align:center;position:relative;z-index:5}.wizard_horizontal ul.wizard_steps li a.selected:before,.step_no{background:#34495E;color:#fff}.wizard_horizontal ul.wizard_steps li a.done:before,.wizard_horizontal ul.wizard_steps li a.done .step_no{background:#1ABB9C;color:#fff}.wizard_horizontal ul.wizard_steps li:first-child a:before{left:50%}.wizard_horizontal ul.wizard_steps li:last-child a:before{right:50%;width:50%;left:auto}.wizard_verticle .stepContainer{width:80%;float:left;padding:0 10px}.actionBar{width:100%;/*border-top:1px solid #ddd;*/padding:10px 5px;text-align:right;margin-top:10px}.actionBar .buttonDisabled{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.actionBar a{margin:0 3px}.wizard_verticle .wizard_content{width:80%;float:left;padding-left:20px}.wizard_verticle ul.wizard_steps{display:table;list-style:none;position:relative;width:20%;float:left;margin:0 0 20px}.wizard_verticle ul.wizard_steps li{display:list-item;text-align:center}.wizard_verticle ul.wizard_steps li a{height:80px}.wizard_verticle ul.wizard_steps li a:first-child{margin-top:20px}.wizard_verticle ul.wizard_steps li a,.wizard_verticle ul.wizard_steps li:hover{display:block;position:relative;-moz-opacity:1;filter:alpha(opacity=100);opacity:1;color:#666}.wizard_verticle ul.wizard_steps li a:before{content:"";position:absolute;height:100%;background:#ccc;top:20px;width:4px;z-index:4;left:49%}.wizard_verticle ul.wizard_steps li a.disabled .step_no{background:#ccc}.wizard_verticle ul.wizard_steps li a .step_no{width:40px;height:40px;line-height:40px;border-radius:100px;display:block;margin:0 auto 5px;font-size:16px;text-align:center;position:relative;z-index:5}.wizard_verticle ul.wizard_steps li a.selected:before,.step_no{background:#34495E;color:#fff}.wizard_verticle ul.wizard_steps li a.done:before,.wizard_verticle ul.wizard_steps li a.done .step_no{background:#1ABB9C;color:#fff}.wizard_verticle ul.wizard_steps li:first-child a:before{left:49%}.wizard_verticle ul.wizard_steps li:last-child a:before{left:49%;left:auto;width:0}.form_wizard .loader{display:none}.form_wizard .msgBox{display:none}.progress{border-radius:0}.progress-bar-info{background-color:#3498DB}.progress-bar-success{background-color:#26B99A}.progress_summary .progress{margin:5px 0 12px !important}.progress_summary .row{margin-bottom:5px}.progress_summary .row .col-xs-2{padding:0}.progress_summary .more_info span{text-align:right;float:right}.progress_summary .data span{text-align:right;float:right}.progress_summary p{margin-bottom:3px;width:100%}.progress_title .left{float:left;text-align:left}.progress_title .right{float:right;text-align:right;font-weight:300}.progress.progress_sm{border-radius:0;margin-bottom:18px;height:10px !important}.progress.progress_sm .progress-bar{height:10px !important}.dashboard_graph p{margin:0 0 4px}ul.verticle_bars{width:100%}ul.verticle_bars li{width:23%;height:200px;margin:0}.progress.vertical.progress_wide{width:35px}.alert-success{color:#568e02;background-color:#d4efa7;border:1px #568e02 solid;border-radius: 5px; width: 80%;}.alert-info{color:#1b3e54;background-color:#cae8f9;border:1px #13547c solid;border-radius: 5px; width: 80%;}.alert-warning{color:#856404;background-color:#fff3cd;border:1px #fcd76a solid; border-radius: 5px; width: 80%;}.alert-danger,.alert-error{color:#a94442;background-color:#ebccd1;border:1px #ef9eaa solid;border-radius: 5px; width: 80%;}.ui-pnotify.dark .ui-pnotify-container{color:#E9EDEF;background-color:rgba(52,73,94,0.88);border-color:rgba(52,73,94,0.88)}.custom-notifications{position:fixed;margin:15px;right:0;float:right;width:400px;z-index:4000;bottom:0}ul.notifications{float:right;display:block;margin-bottom:7px;padding:0;width:100%}.notifications li{float:right;margin:3px;width:36px;box-shadow:3px 3px 3px rgba(0,0,0,0.3)}.notifications li:last-child{margin-left:0}.notifications a{display:block;text-align:center;text-decoration:none;text-transform:uppercase;padding:9px 8px}.tabbed_notifications .text{padding:5px 15px;height:140px;border-radius:7px;box-shadow:6px 6px 6px rgba(0,0,0,0.3)}.tabbed_notifications div p{display:inline-block}.tabbed_notifications h2{font-weight:bold;text-transform:uppercase;width:80%;float:left;height:20px;text-overflow:ellipsis;overflow:hidden;display:block}.tabbed_notifications .close{padding:5px;color:#E9EDEF;float:right;opacity:1}.fc-state-default{background:#f5f5f5;color:#73879C}.fc-state-down,.fc-state-active{color:#333;background:#ccc}.dropzone{min-height:300px;border:1px solid #e5e5e5}

.loader {border:8px solid #f3f3f3; /* Light grey */border-top:8px solid var(--color-institucional); /* Blue */border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;}@keyframes spin {0% { transform: rotate(0deg); }100%{ transform: rotate(360deg);}}.mayusculas{text-transform:uppercase;}
 

/*.nav.navbar-nav>li :hover{
    background-color: #383c87!important;
    color: #FFF!important;
}

.footer-cpp{
	background-color: #5b5d8d!important;
	color: #FFF!important;
	padding-top: 20px;
	padding-bottom: 20px;
}*/

 .au-selects{
 	padding:12px 12px !important;
 	height: 45px !important;
 	border-radius:3px !important;
 }

 .label-title {
 	font-size: 15px;
 	font-weight: normal;
    color: #138496;
}/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a3560+0,00589e+100 */

.left_col{
	background: rgb(26,53,96); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(26,53,96,1) 0%, rgba(0,88,158,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(26,53,96,1) 0%,rgba(0,88,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(26,53,96,1) 0%,rgba(0,88,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3560', endColorstr='#00589e',GradientType=0 ); /* IE6-9 */	
}

.titulo-central{text-align: center; color:#335AA5;}
.subtitulos-centrales{color:#335AA5; font-size: 25px; text-transform: uppercase;}
.subtitulos-resumen{color:#73879c; font-size: 20px; text-transform: uppercase;}
.texto-resumen{color:#73879c; font-size: 18px; font-family: Monserrat-regular !important;}
.text-roboto{font-family: Monserrat-regular !important;}
.text-roboto-black{font-family: 'Monserrat-regular' !important;}

.border-right-2px{border-right:2px #23527c solid;}

/*Esto hace que el input tenga un diseño mejor*/
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
}

.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;
}

.co-autores{
	color: #999999;
	font-size: 16px;
}
.cabecera-co-autor{
	font-size: 18px;
	color: #537ad7;
}

.contadoresPalabras{color:#767676; font-size:14px; text-align:right;}

.fa-resumen{font-size:24px; cursor:pointer; color:#c5c8d3;}

.nicEdit-main{font-size: 16px !important; min-height: 100px !important;}

.contadorGeneral{color:#0d457d; font-size:18px; text-align:right;}

.br-20px{clear:both; height: 30px;}

.margen-bottom-30px{
	margin-bottom: 30px;
}

.btn-tool-table {
    width: 35px;
    height: 35px;
    color: #5A738E;
    /*background-color: #EDEDED;
    border-radius: 17.5px;*/
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    /*border:1px #CCC solid;*/
    padding: 5px;
}

.btn-tool-table:hover{
	opacity: 0.5;
}

.disable{
	color: #CCCCCC !important;
}

.sinFocus:focus{
	outline:0px;
}

.iconStyle{
	cursor: pointer;
}
.iconStyle:hover{
	opacity: 0.5;
}

.repuesta{
	font-size: 14px;
}
.respuesta radio{
	width: 80px;
	height: 80px;
}




/* The container */
.containerCheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

/* Hide the browser's default radio button */
.containerCheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerCheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerCheck input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerCheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.containerCheck .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.titulo_seccion {
    font-size: 21px;
    margin-bottom: 20px;
    margin-top: 30px;
    color: #73879C;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    line-height: 40px;
}

.verde{
	color: #059318!important;
}
.rojo{
	color: #c10937!important;
}
.amarillo{
	color: #e5a800!important;
}
.gris{
	color: #828282!important;
}
.azul{
	color: #075b93!important;
}
.aqua{
	color: #066f87!important;
}
.morado{
	color: #540538!important;
}
.required{
	color: #F00!important;
}

.verde-excel{
	color: #8cc152!important;
}

.cian{
	color: #01c6d7!important;
}

.face{
	color:#3b5998!important;
}

.rojo_mediak{
	color: #990e38!important;
}

.naranja{
	color:#ef7934 !important;
}

.grisclaro{
  color: #e5e3e3!important;
}
/* Estilos para los inputs de la pagina de forecast */
fieldset{
    border:none;
}

span .radios {
    clear: both;
    margin: 0 50px;
}

fieldset span label {
  width: 150px;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-size:12px;
}

/* hide input */
input.radio:empty {
    margin-left: -999px;
}

/* style label */
input.radio:empty ~ label {
    position: relative;
    float: left;
    line-height: 2.5em;
    text-indent: 3.25em;
    margin-top: 1em;
    margin-bottom:1em;
    margin-left:10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.radio: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;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
    content:'\2714';
    text-indent: .9em;
    color: #C2C2C2;
}

input.radio:hover:not(:checked) ~ label {
    color: #888;
}

/* toggle on */
input.radio:checked ~ label:before {
    content:'\2714';
    text-indent: .9em;
    color: #FFFFFF;
    background-color: #167c91;
}

input.radio:checked ~ label {
    color: #167c91;
}

/* radio focus */
input.radio:focus ~ label:before {
    /*box-shadow: 0 0 0 3px #999;*/
}



/*Para la gráfica de dona en el panel de perfil*/
      .progress_circle {
          width: 160px;
          height: 160px;
          line-height: 160px;
          background: none;
          margin: 0 auto;
          box-shadow: none;
          position: relative;
      }
      .progress_circle:after {
          content: "";
          width: 100%;
          height: 100%;
          border-radius: 100%;
          border: 30px solid #eee;
          position: absolute;
          top: 0;
          left: 0;
      }
      .progress_circle > span {
          width: 50%;
          height: 100%;
          overflow: hidden;
          position: absolute;
          top: 0;
          z-index: 1;
      }
      .progress_circle .progress_circle-left {
          left: 0;
      }
      .progress_circle .progress_circle-bar {
          width: 100%;
          height: 100%;
          background: none;
          border-width: 30px;
          border-style: solid;
          position: absolute;
          top: 0;
          border-color: #b2b2b2;
      }
      .progress_circle .progress_circle-left .progress_circle-bar {
          left: 100%;
          border-top-right-radius: 125px;
          border-bottom-right-radius: 125px;
          border-left: 0;
          -webkit-transform-origin: center left;
          transform-origin: center left;
      }
      .progress_circle .progress_circle-right {
          right: 0;
      }
      .progress_circle .progress_circle-right .progress_circle-bar {
          left: -100%;
          border-top-left-radius: 125px;
          border-bottom-left-radius: 125px;
          border-right: 0;
          -webkit-transform-origin: center right;
          transform-origin: center right;
      }
      .progress_circle .progress_circle-value {
          display: flex;
          border-radius: 50%;
          font-size: 25px;
          text-align: center;
          line-height: 20px;
          align-items: center;
          justify-content: center;
          height: 100%;
          font-weight: 300;
      }
      .progress_circle .progress_circle-value div {
          margin-top: 10px;
      }
      .progress_circle .progress_circle-value span {
          font-size: 12px;
          text-transform: uppercase;
      }

      /* This for loop creates the    necessary css animation names
      Due to the split circle of progress_circle-left and progress_circle right, we must use the animations on each side.
      */
        .progress_circle[data-percentage="1"] .progress_circle-right .progress_circle-bar {
          animation: loading-1 1.5s linear forwards;
        }
        .progress_circle[data-percentage="1"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-1 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(3.6);
            transform: rotate(3.6deg);
          }
        }
        .progress_circle[data-percentage="2"] .progress_circle-right .progress_circle-bar {
          animation: loading-2 1.5s linear forwards;
        }
        .progress_circle[data-percentage="2"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-2 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(7.2);
            transform: rotate(7.2deg);
          }
        }
        .progress_circle[data-percentage="3"] .progress_circle-right .progress_circle-bar {
          animation: loading-3 1.5s linear forwards;
        }
        .progress_circle[data-percentage="3"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-3 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(10.8);
            transform: rotate(10.8deg);
          }
        }
        .progress_circle[data-percentage="4"] .progress_circle-right .progress_circle-bar {
          animation: loading-4 1.5s linear forwards;
        }
        .progress_circle[data-percentage="4"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-4 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(14.4);
            transform: rotate(14.4deg);
          }
        }
        .progress_circle[data-percentage="5"] .progress_circle-right .progress_circle-bar {
          animation: loading-5 1.5s linear forwards;
        }
        .progress_circle[data-percentage="5"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-5 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(18);
            transform: rotate(18deg);
          }
        }
        .progress_circle[data-percentage="6"] .progress_circle-right .progress_circle-bar {
          animation: loading-6 1.5s linear forwards;
        }
        .progress_circle[data-percentage="6"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-6 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(21.6);
            transform: rotate(21.6deg);
          }
        }
        .progress_circle[data-percentage="7"] .progress_circle-right .progress_circle-bar {
          animation: loading-7 1.5s linear forwards;
        }
        .progress_circle[data-percentage="7"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-7 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(25.2);
            transform: rotate(25.2deg);
          }
        }
        .progress_circle[data-percentage="8"] .progress_circle-right .progress_circle-bar {
          animation: loading-8 1.5s linear forwards;
        }
        .progress_circle[data-percentage="8"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-8 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(28.8);
            transform: rotate(28.8deg);
          }
        }
        .progress_circle[data-percentage="9"] .progress_circle-right .progress_circle-bar {
          animation: loading-9 1.5s linear forwards;
        }
        .progress_circle[data-percentage="9"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-9 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(32.4);
            transform: rotate(32.4deg);
          }
        }
        .progress_circle[data-percentage="10"] .progress_circle-right .progress_circle-bar {
          animation: loading-10 1.5s linear forwards;
        }
        .progress_circle[data-percentage="10"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-10 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(36);
            transform: rotate(36deg);
          }
        }
        .progress_circle[data-percentage="11"] .progress_circle-right .progress_circle-bar {
          animation: loading-11 1.5s linear forwards;
        }
        .progress_circle[data-percentage="11"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-11 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(39.6);
            transform: rotate(39.6deg);
          }
        }
        .progress_circle[data-percentage="12"] .progress_circle-right .progress_circle-bar {
          animation: loading-12 1.5s linear forwards;
        }
        .progress_circle[data-percentage="12"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-12 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(43.2);
            transform: rotate(43.2deg);
          }
        }
        .progress_circle[data-percentage="13"] .progress_circle-right .progress_circle-bar {
          animation: loading-13 1.5s linear forwards;
        }
        .progress_circle[data-percentage="13"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-13 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(46.8);
            transform: rotate(46.8deg);
          }
        }
        .progress_circle[data-percentage="14"] .progress_circle-right .progress_circle-bar {
          animation: loading-14 1.5s linear forwards;
        }
        .progress_circle[data-percentage="14"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-14 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(50.4);
            transform: rotate(50.4deg);
          }
        }
        .progress_circle[data-percentage="15"] .progress_circle-right .progress_circle-bar {
          animation: loading-15 1.5s linear forwards;
        }
        .progress_circle[data-percentage="15"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-15 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(54);
            transform: rotate(54deg);
          }
        }
        .progress_circle[data-percentage="16"] .progress_circle-right .progress_circle-bar {
          animation: loading-16 1.5s linear forwards;
        }
        .progress_circle[data-percentage="16"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-16 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(57.6);
            transform: rotate(57.6deg);
          }
        }
        .progress_circle[data-percentage="17"] .progress_circle-right .progress_circle-bar {
          animation: loading-17 1.5s linear forwards;
        }
        .progress_circle[data-percentage="17"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-17 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(61.2);
            transform: rotate(61.2deg);
          }
        }
        .progress_circle[data-percentage="18"] .progress_circle-right .progress_circle-bar {
          animation: loading-18 1.5s linear forwards;
        }
        .progress_circle[data-percentage="18"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-18 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(64.8);
            transform: rotate(64.8deg);
          }
        }
        .progress_circle[data-percentage="19"] .progress_circle-right .progress_circle-bar {
          animation: loading-19 1.5s linear forwards;
        }
        .progress_circle[data-percentage="19"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-19 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(68.4);
            transform: rotate(68.4deg);
          }
        }
        .progress_circle[data-percentage="20"] .progress_circle-right .progress_circle-bar {
          animation: loading-20 1.5s linear forwards;
        }
        .progress_circle[data-percentage="20"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-20 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(72);
            transform: rotate(72deg);
          }
        }
        .progress_circle[data-percentage="21"] .progress_circle-right .progress_circle-bar {
          animation: loading-21 1.5s linear forwards;
        }
        .progress_circle[data-percentage="21"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-21 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(75.6);
            transform: rotate(75.6deg);
          }
        }
        .progress_circle[data-percentage="22"] .progress_circle-right .progress_circle-bar {
          animation: loading-22 1.5s linear forwards;
        }
        .progress_circle[data-percentage="22"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-22 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(79.2);
            transform: rotate(79.2deg);
          }
        }
        .progress_circle[data-percentage="23"] .progress_circle-right .progress_circle-bar {
          animation: loading-23 1.5s linear forwards;
        }
        .progress_circle[data-percentage="23"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-23 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(82.8);
            transform: rotate(82.8deg);
          }
        }
        .progress_circle[data-percentage="24"] .progress_circle-right .progress_circle-bar {
          animation: loading-24 1.5s linear forwards;
        }
        .progress_circle[data-percentage="24"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-24 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(86.4);
            transform: rotate(86.4deg);
          }
        }
        .progress_circle[data-percentage="25"] .progress_circle-right .progress_circle-bar {
          animation: loading-25 1.5s linear forwards;
        }
        .progress_circle[data-percentage="25"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-25 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(90);
            transform: rotate(90deg);
          }
        }
        .progress_circle[data-percentage="26"] .progress_circle-right .progress_circle-bar {
          animation: loading-26 1.5s linear forwards;
        }
        .progress_circle[data-percentage="26"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-26 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(93.6);
            transform: rotate(93.6deg);
          }
        }
        .progress_circle[data-percentage="27"] .progress_circle-right .progress_circle-bar {
          animation: loading-27 1.5s linear forwards;
        }
        .progress_circle[data-percentage="27"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-27 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(97.2);
            transform: rotate(97.2deg);
          }
        }
        .progress_circle[data-percentage="28"] .progress_circle-right .progress_circle-bar {
          animation: loading-28 1.5s linear forwards;
        }
        .progress_circle[data-percentage="28"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-28 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(100.8);
            transform: rotate(100.8deg);
          }
        }
        .progress_circle[data-percentage="29"] .progress_circle-right .progress_circle-bar {
          animation: loading-29 1.5s linear forwards;
        }
        .progress_circle[data-percentage="29"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-29 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(104.4);
            transform: rotate(104.4deg);
          }
        }
        .progress_circle[data-percentage="30"] .progress_circle-right .progress_circle-bar {
          animation: loading-30 1.5s linear forwards;
        }
        .progress_circle[data-percentage="30"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-30 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(108);
            transform: rotate(108deg);
          }
        }
        .progress_circle[data-percentage="31"] .progress_circle-right .progress_circle-bar {
          animation: loading-31 1.5s linear forwards;
        }
        .progress_circle[data-percentage="31"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-31 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(111.6);
            transform: rotate(111.6deg);
          }
        }
        .progress_circle[data-percentage="32"] .progress_circle-right .progress_circle-bar {
          animation: loading-32 1.5s linear forwards;
        }
        .progress_circle[data-percentage="32"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-32 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(115.2);
            transform: rotate(115.2deg);
          }
        }
        .progress_circle[data-percentage="33"] .progress_circle-right .progress_circle-bar {
          animation: loading-33 1.5s linear forwards;
        }
        .progress_circle[data-percentage="33"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-33 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(118.8);
            transform: rotate(118.8deg);
          }
        }
        .progress_circle[data-percentage="34"] .progress_circle-right .progress_circle-bar {
          animation: loading-34 1.5s linear forwards;
        }
        .progress_circle[data-percentage="34"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-34 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(122.4);
            transform: rotate(122.4deg);
          }
        }
        .progress_circle[data-percentage="35"] .progress_circle-right .progress_circle-bar {
          animation: loading-35 1.5s linear forwards;
        }
        .progress_circle[data-percentage="35"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-35 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(126);
            transform: rotate(126deg);
          }
        }
        .progress_circle[data-percentage="36"] .progress_circle-right .progress_circle-bar {
          animation: loading-36 1.5s linear forwards;
        }
        .progress_circle[data-percentage="36"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-36 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(129.6);
            transform: rotate(129.6deg);
          }
        }
        .progress_circle[data-percentage="37"] .progress_circle-right .progress_circle-bar {
          animation: loading-37 1.5s linear forwards;
        }
        .progress_circle[data-percentage="37"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-37 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(133.2);
            transform: rotate(133.2deg);
          }
        }
        .progress_circle[data-percentage="38"] .progress_circle-right .progress_circle-bar {
          animation: loading-38 1.5s linear forwards;
        }
        .progress_circle[data-percentage="38"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-38 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(136.8);
            transform: rotate(136.8deg);
          }
        }
        .progress_circle[data-percentage="39"] .progress_circle-right .progress_circle-bar {
          animation: loading-39 1.5s linear forwards;
        }
        .progress_circle[data-percentage="39"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-39 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(140.4);
            transform: rotate(140.4deg);
          }
        }
        .progress_circle[data-percentage="40"] .progress_circle-right .progress_circle-bar {
          animation: loading-40 1.5s linear forwards;
        }
        .progress_circle[data-percentage="40"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-40 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(144);
            transform: rotate(144deg);
          }
        }
        .progress_circle[data-percentage="41"] .progress_circle-right .progress_circle-bar {
          animation: loading-41 1.5s linear forwards;
        }
        .progress_circle[data-percentage="41"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-41 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(147.6);
            transform: rotate(147.6deg);
          }
        }
        .progress_circle[data-percentage="42"] .progress_circle-right .progress_circle-bar {
          animation: loading-42 1.5s linear forwards;
        }
        .progress_circle[data-percentage="42"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-42 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(151.2);
            transform: rotate(151.2deg);
          }
        }
        .progress_circle[data-percentage="43"] .progress_circle-right .progress_circle-bar {
          animation: loading-43 1.5s linear forwards;
        }
        .progress_circle[data-percentage="43"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-43 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(154.8);
            transform: rotate(154.8deg);
          }
        }
        .progress_circle[data-percentage="44"] .progress_circle-right .progress_circle-bar {
          animation: loading-44 1.5s linear forwards;
        }
        .progress_circle[data-percentage="44"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-44 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(158.4);
            transform: rotate(158.4deg);
          }
        }
        .progress_circle[data-percentage="45"] .progress_circle-right .progress_circle-bar {
          animation: loading-45 1.5s linear forwards;
        }
        .progress_circle[data-percentage="45"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-45 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(162);
            transform: rotate(162deg);
          }
        }
        .progress_circle[data-percentage="46"] .progress_circle-right .progress_circle-bar {
          animation: loading-46 1.5s linear forwards;
        }
        .progress_circle[data-percentage="46"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-46 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(165.6);
            transform: rotate(165.6deg);
          }
        }
        .progress_circle[data-percentage="47"] .progress_circle-right .progress_circle-bar {
          animation: loading-47 1.5s linear forwards;
        }
        .progress_circle[data-percentage="47"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-47 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(169.2);
            transform: rotate(169.2deg);
          }
        }
        .progress_circle[data-percentage="48"] .progress_circle-right .progress_circle-bar {
          animation: loading-48 1.5s linear forwards;
        }
        .progress_circle[data-percentage="48"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-48 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(172.8);
            transform: rotate(172.8deg);
          }
        }
        .progress_circle[data-percentage="49"] .progress_circle-right .progress_circle-bar {
          animation: loading-49 1.5s linear forwards;
        }
        .progress_circle[data-percentage="49"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-49 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(176.4);
            transform: rotate(176.4deg);
          }
        }
        .progress_circle[data-percentage="50"] .progress_circle-right .progress_circle-bar {
          animation: loading-50 1.5s linear forwards;
        }
        .progress_circle[data-percentage="50"] .progress_circle-left .progress_circle-bar {
          animation: 0;
        }

        @keyframes loading-50 {
          0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
          }
          100% {
            -webkit-transform: rotate(180);
            transform: rotate(180deg);
          }
        }
      .progress_circle[data-percentage="51"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="51"] .progress_circle-left .progress_circle-bar {
            animation: loading-1 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="52"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="52"] .progress_circle-left .progress_circle-bar {
            animation: loading-2 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="53"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="53"] .progress_circle-left .progress_circle-bar {
            animation: loading-3 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="54"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="54"] .progress_circle-left .progress_circle-bar {
            animation: loading-4 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="55"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="55"] .progress_circle-left .progress_circle-bar {
            animation: loading-5 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="56"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="56"] .progress_circle-left .progress_circle-bar {
            animation: loading-6 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="57"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="57"] .progress_circle-left .progress_circle-bar {
            animation: loading-7 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="58"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="58"] .progress_circle-left .progress_circle-bar {
            animation: loading-8 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="59"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="59"] .progress_circle-left .progress_circle-bar {
            animation: loading-9 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="60"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="60"] .progress_circle-left .progress_circle-bar {
            animation: loading-10 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="61"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="61"] .progress_circle-left .progress_circle-bar {
            animation: loading-11 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="62"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="62"] .progress_circle-left .progress_circle-bar {
            animation: loading-12 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="63"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="63"] .progress_circle-left .progress_circle-bar {
            animation: loading-13 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="64"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="64"] .progress_circle-left .progress_circle-bar {
            animation: loading-14 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="65"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="65"] .progress_circle-left .progress_circle-bar {
            animation: loading-15 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="66"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="66"] .progress_circle-left .progress_circle-bar {
            animation: loading-16 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="67"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="67"] .progress_circle-left .progress_circle-bar {
            animation: loading-17 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="68"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="68"] .progress_circle-left .progress_circle-bar {
            animation: loading-18 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="69"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="69"] .progress_circle-left .progress_circle-bar {
            animation: loading-19 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="70"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="70"] .progress_circle-left .progress_circle-bar {
            animation: loading-20 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="71"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="71"] .progress_circle-left .progress_circle-bar {
            animation: loading-21 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="72"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="72"] .progress_circle-left .progress_circle-bar {
            animation: loading-22 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="73"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="73"] .progress_circle-left .progress_circle-bar {
            animation: loading-23 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="74"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="74"] .progress_circle-left .progress_circle-bar {
            animation: loading-24 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="75"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="75"] .progress_circle-left .progress_circle-bar {
            animation: loading-25 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="76"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="76"] .progress_circle-left .progress_circle-bar {
            animation: loading-26 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="77"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="77"] .progress_circle-left .progress_circle-bar {
            animation: loading-27 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="78"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="78"] .progress_circle-left .progress_circle-bar {
            animation: loading-28 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="79"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="79"] .progress_circle-left .progress_circle-bar {
            animation: loading-29 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="80"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="80"] .progress_circle-left .progress_circle-bar {
            animation: loading-30 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="81"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="81"] .progress_circle-left .progress_circle-bar {
            animation: loading-31 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="82"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="82"] .progress_circle-left .progress_circle-bar {
            animation: loading-32 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="83"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="83"] .progress_circle-left .progress_circle-bar {
            animation: loading-33 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="84"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="84"] .progress_circle-left .progress_circle-bar {
            animation: loading-34 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="85"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="85"] .progress_circle-left .progress_circle-bar {
            animation: loading-35 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="86"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="86"] .progress_circle-left .progress_circle-bar {
            animation: loading-36 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="87"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="87"] .progress_circle-left .progress_circle-bar {
            animation: loading-37 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="88"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="88"] .progress_circle-left .progress_circle-bar {
            animation: loading-38 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="89"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="89"] .progress_circle-left .progress_circle-bar {
            animation: loading-39 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="90"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="90"] .progress_circle-left .progress_circle-bar {
            animation: loading-40 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="91"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="91"] .progress_circle-left .progress_circle-bar {
            animation: loading-41 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="92"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="92"] .progress_circle-left .progress_circle-bar {
            animation: loading-42 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="93"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="93"] .progress_circle-left .progress_circle-bar {
            animation: loading-43 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="94"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="94"] .progress_circle-left .progress_circle-bar {
            animation: loading-44 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="95"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="95"] .progress_circle-left .progress_circle-bar {
            animation: loading-45 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="96"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="96"] .progress_circle-left .progress_circle-bar {
            animation: loading-46 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="97"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="97"] .progress_circle-left .progress_circle-bar {
            animation: loading-47 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="98"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="98"] .progress_circle-left .progress_circle-bar {
            animation: loading-48 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="99"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="99"] .progress_circle-left .progress_circle-bar {
            animation: loading-49 1.5s linear forwards 1.5s;
          }
      .progress_circle[data-percentage="100"] .progress_circle-right .progress_circle-bar {
            animation: loading-50 1.5s linear forwards;
          }
          .progress_circle[data-percentage="100"] .progress_circle-left .progress_circle-bar {
            animation: loading-50 1.5s linear forwards 1.5s;
          }
      .progress_circle {
        margin-bottom: 1em;
      }

.contentLoaderPage{
	background-color: #FFF;
	width: 100%;
	height: 100%;
	top:0;
	position:fixed;
	z-index: 99999;
}

.loaderPage{
  border: 5px solid #f3f3f3;
    /*border-top: 6px solid #eb2032;*/
  border-radius: 50%;
  position:fixed;
  top:50%;
  left: 50%;
  z-index: 99999;
  border-top: 6px solid #f3f3f3;
  animation:  spin 1s linear infinite;
}

.loaderProgress{
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--color-institucional);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}

.max, .maximos {
    background-color: #fdc7ce!important;
    color: #b73942!important;
}

.min, .minimos {
    background-color: #c6efce!important;
    color: #337f34!important;
}


/* Para el listado de los catálogos  */
    .colorautores{
        color:#31708f;
    }

    .addautores td{
        border-spacing: 10px 50px;
    }

    .filaRegistroSort{
        padding-top: 10px;
        padding-bottom: 10px;
        /*background-color: #f4f4f8;*/
        background-color: #FFFFFF;
        border-bottom: 1px #c9c8c9 solid;
        /*margin-bottom: 10px;
        margin-top: 10px;*/
    }

    .filaRegistroSortItems:hover{
       background-color: #e0e0e0; 
    }

    .txtDesactivado{
        color: #b2b2b2!important;
    }

    .itemText:hover{
        cursor: text;
    }

    .cursorText:hover{
        cursor: text;
    }

    .borderRigth{
        border-right: 2px #c9c8c9 solid;
    }

    .cabecera-mrk-agregados{
    	background-color: #000000;
    }

    .cabecera-catalogo{
       color: #FFFFFF;
       font-size: 16px;
       font-weight: 600;
    }

    .titulos-labels{
    	margin-top: 10px;
    	font-size: 15px;
    	color: #1c1c1c!important;
    }

	table.jambo_table tbody{
		color:#1c1c1c;
	}

	.title{
		color:#1c1c1c;
	}

	.dateCreation{
		color: #626264;
	}

	/*Estilo para posicionar el contedor para los datos de la entidad asignada*/
	.dropdown-tool-data{
	    border: medium none;
	    box-shadow: 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;
	    background-color: #FFFFFF;
	    padding: 10px;
	    width: 380px;
	}

	/*Estilo para posicionar el contedor como menu secundario solo el contenod, los elementos dentro son aparte como dropdown*/

	.avatar{
		cursor: pointer;
	}

	.dropdown-tool-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;
	    background-color: #FFFFFF;
	    padding: 10px;
	    width: 380px;
	}


	



	/*Estilos de submenu de busqueda*/
	.searchContent{
		border-bottom:1px #e1e1e1 solid;
		margin-bottom:10px;
	}

	.searchText{
		width: 100%;
		padding-left: 5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:10px;
		font-size: 16px;
		border:1px #FFFFFF solid;
		border-radius:5px;
	}

	.itemListSelector{
		cursor:pointer;
		padding: 10px;
		border-radius: 5px;
	}

	.itemListSelector:hover{
		background-color: #e1e1e1;
	}

	/**/
	.searchContentMaster{
		border-bottom:1px #e1e1e1 solid;
		margin-bottom:10px;
	}

	.searchTextMaster{
		width: 100%;
		padding-left: 5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:10px;
		font-size: 16px;
		border:1px #FFFFFF solid;
		border-radius:5px;
	}

	.itemListSelectorMaster{
		cursor:pointer;
		padding: 10px;
		border-radius: 5px;
	}

	.itemListSelectorMaster:hover{
		background-color: #e1e1e1;
	}

	/*Finalizan estilo para posicionar el contedor como menu secundario solo el contenod, los elementos dentro son aparte como dropdown*/


	.numeracionsm{
       text-align: center; 
       font-weight: bold; 
       width: 40px; 
       height: 40px; 
       border-radius: 50%;
       font-size: 18px;
       border:3px var(--color-institucional) solid;
       color:var(--color-institucional); 
       padding-top:8px;
       display: inline-block;
       margin-right: 15px;
       cursor: pointer;
    }

    .numeracionsm:hover{
        opacity: 0.5;
    }


/* Stylos para la numeracíon de pasos  */
	.numeracion{
       text-align: center; 
       font-weight: bold; 
       width: 60px; 
       height: 60px; 
       border-radius: 50%;
       font-size: 25px;
       border:3px var(--color-institucional) solid;
       color:var(--color-institucional); 
       padding-top:8px;
       display: inline-block;
       margin-right: 15px;
       cursor: pointer;
    }

    .numeracion:hover{
        opacity: 0.5;
    }
    
    .numeracion-out{
       text-align: center; 
       font-weight: bold; 
       width: 40px; 
       height: 40px; 
       border-radius: 50%;
       font-size: 15px;
       border:3px #bababa solid;
       color:#bababa;
       padding-top:5px;
       display: inline-block;
       margin-right: 15px;
       cursor: pointer;
    }

    .numeracion-out:hover{
        opacity: 0.5;
    }

    .numeracion_seccion_titulo{
    	color:#363b3f;
    	font-size: 35px!important;-
    }

    .numeracion_seccion_descripcion{
    	color:#626264;
    	font-size: 25px!important;
    }

    .dataInput{
      font-size: 14px;
      text-align: center;
      color: #555146;
      width: 100%;
      height: 35px;
      text-align-last: center;
      margin-bottom: 15px;
      margin-top: 5px;
    }
    textarea.dataInput{
      height: 35px;
    }

    .titleResumen{
    	color:#b2b2b2!important;
    	font-weight: 200;
    }

/* Stylos para la numeracíon de pasos  */



.marcaNivel1 {
    border-left: 3px var(--color-institucional) solid;
    padding-left: 15px;
}

.marcaNivel2{
    border-left: 3px #363b3f solid;
    padding-left: 30px;
}

.marcaNivel3{
    border-left: 3px #bababa solid;
    padding-left: 45px;
}


.tag{line-height:1;background:var(--color-institucional);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 var(--color-institucional)}

.timeline .tag2 {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px;
}

.tag2 {
    line-height: 1;
    background: #626264;
    color: #fff !important;
}

.tag2: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 #626264;
}


.timeline .tag3 {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px;
}

.tag3 {
    line-height: 1;
    background: #626264;
    color: #fff !important;
}

.tag3: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 #626264;
}


/* timeline por sección  */
.timeline .tagNotifProy {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px;
}

.tagNotifProy {
    line-height: 1;
    background: var(--color-institucional);
    color: #fff !important;
}

.tagNotifProy: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 var(--color-institucional);
}

.timeline .tagNotifGastos {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px;
}

.tagNotifGastos {
    line-height: 1;
    background: #000000;
    color: #fff !important;
}

.tagNotifGastos: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 #000000;
}

.timeline .tagNotifCtasPagar {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px;
}

.tagNotifCtasPagar {
    line-height: 1;
    background: #3f3f3f;
    color: #fff !important;
}

.tagNotifCtasPagar: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 #3f3f3f;
}

.timeline .tagNotifCtasCobrar {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px;
}

.tagNotifCtasCobrar {
    line-height: 1;
    background: #727272;
    color: #fff !important;
}

.tagNotifCtasCobrar: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 #727272;
}

/* timeline por sección */

.bg-green{background:var(--color-institucional) !important;border:1px solid var(--color-institucional) !important;color:#fff}

.titleSeccionResumen{
	font-size: 20px;
	color:#626264;
}

.titulo_print{
	font-weight: bold;
	font-size: 14px;
}

.dato_print{
	font-size: 16px;
}



/* =========================================================================================================================  */
/* =========================================================================================================================  */
/* ESTILO PARA LAS TABLAS DE PARCIALIADES  */
/* =========================================================================================================================  */
/* =========================================================================================================================  */
  .tDatos{
    border-spacing: 0;
    border-collapse: collapse;
    /*width:2000px;*/
    width: 100%;
  }

  .tDatos thead th{
    vertical-align: bottom;
    border-bottom: 1px solid #e4e7ea;
    color: #666;
    padding: 15px 8px;
    text-align: center;
  }
  .tDatos thead th{
    color: #FFFFFF;
    font-weight: 600;
  }

  .tDatos thead{
    background-color: #000000;
  }

  .tDatos tbody td{
    cursor: pointer;
    vertical-align: middle;
    border-bottom: 1px solid #e4e7ea;
    color: #1c1c1c;
    padding: 15px 8px;
    text-align: center;
    min-width: 150px;
  }

  .tDatos tbody tr:hover{
    background-color: #e0e0e0;
  }

  .tDatos>caption+thead>tr:first-child>td, .tDatos>caption+thead>tr:first-child>th, .tDatos>colgroup+thead>tr:first-child>td, .tDatos>colgroup+thead>tr:first-child>th, .tDatos>thead:first-child>tr:first-child>td, .tDatos>thead:first-child>tr:first-child>th {
      border-top: 0;
  }


.opcCarga{
	background-color: var(--color-institucional);
	color: #FFFFFF;
}

/* =========================================================================================================================  */
/* =========================================================================================================================  */
/* ESTILO PARA LAS TABLAS DE PARCIALIADES  */
/* =========================================================================================================================  */
/* =========================================================================================================================  */


.color_txt_institucional{
	color: var(--color-institucional);
}

.color_fondo_institucional{
	background-color: var(--color-institucional);
}

.dato_info_text{
	background-color: #FFFFFF!important;
	border:none;
	border-bottom: 2px var(--color-institucional) solid;
	color: #626264;
}

.txt-intrucciones{
	color: #222222;
	font-size: 26px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.txt_mensajes{
	color: #eb2032;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* =========================================================================================================================  */
/* =========================================================================================================================  */
/* ESTILO PARA CONTENEDORES DE CARGA DE ARCHIVOS  */
/* =========================================================================================================================  */
/* =========================================================================================================================  */
.contFileUpload{
    border:1px #e1e1e1 dashed;
    font-size: 16px;
    background-color: #f8fafc;
}
.contFileUploadDelete{
    border:1px #e1e1e1 dashed;
    color: #eb2032;
    font-size: 16px;
    background-color: #f8fafc;
}
.contFileUploadBlocked{
    border:1px #e1e1e1 dashed;
    color: #9e9e9e;
    font-size: 16px;
    background-color: #e3e3e3;
}
.contFileUploadLeft{
    padding-top: 10px; padding-bottom:10px;
    border-radius:  5px 0 0 5px;
    height: 45px;
}
.contFileUploadLeft:hover{ cursor:pointer; background-color: #e1e1e1;}
.contFileUploadCenter{
    padding-top: 5px; padding-bottom:6px;
    font-size: 19px;
    height: 45px;
}
.contFileUploadCenter i:hover{ cursor:pointer; }
.contFileUploadRight{
    border-radius:  0 5px 5px 0;
    padding-top: 6px; padding-bottom:6px;
    font-size: 19px;
    height: 45px;
}
.contFileUploadRight:hover{ cursor:pointer; background-color: #e1e1e1;}
.contFileUploadInfo{
    font-size:12px;
    color: #405467;
    padding-top: 10px;
    /*border:1px #e1e1e1 solid;
    border-radius: 0 0 5px 5px;*/
}

.semaforoTextAmarillo{
    color:#FFFFFF;
    background-color:#fcab20!important;
}
.semaforoTextVerde{
    color:#FFFFFF;
    background-color:#5bb85b!important;
}
.semaforoTextRojo{
    color:#FFFFFF;
    background-color:#ff0046!important;
}


.btnActionList{
    font-size: 25px;
    margin-right: 10px;
    margin-left:10px;    
}


/*
========================================================================================
========================================================================================
Estilos para los pasos del status del registro
========================================================================================
========================================================================================
*/
    :root {
        --mk-current-progress-color: var(--color-institucional);
        --mk-normal-progress-color: #F0F0F0;
    }

    .progress{
      
        width:95%;
        margin:1em auto;
        height: 50px;

        ul{
            margin:0;
            padding:0;
            width: 100%;
            display: table;
            table-layout: fixed;
            position:relative;
        }
        
        li{
            position:relative;
            background-color:var(--mk-normal-progress-color);
            display: table-cell;
            width: auto;
            text-align:center;
            font-weight:400;
            font-size: 14px;
            color:#9e9e9e;
            

            .step{
                position: relative;
                display: block;
                padding:1em;
            }
            
            &.current{
                    background-color:var(--mk-current-progress-color);
                    color:#FFFFFF;
            }
            &.current2{
                    background-color:#F00;
                    color:#FFFFFF;
            }
            &.current3{
                    background-color:#fcab20;
                    color:#FFFFFF;
            }
        
            .step:before{
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                background: none repeat scroll 0 0 #F0F0F0;
                border-color: #FFFFFF #FFFFFF -moz-use-text-color -moz-use-text-color;
                border-color:white;
                border-image: none;
                border-radius: 0 3px 0 3px;
                border-style: solid solid none none;
                border-width: 4px 4px medium medium;
                content: "";
                display: block;
                height: 38px;
                left: auto;
                position: absolute;
                right: -20px;
                top: 6px;
                -moz-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 37px;
                z-index: 1;
            }
            .step2:before{
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                background: none repeat scroll 0 0 #F0F0F0;
                border-color: #FFFFFF #FFFFFF -moz-use-text-color -moz-use-text-color;
                border-color:white;
                border-image: none;
                border-radius: 0 3px 0 3px;
                border-style: solid solid none none;
                border-width: 4px 4px medium medium;
                content: "";
                display: block;
                height: 38px;
                left: auto;
                position: absolute;
                right: -20px;
                top: 6px;
                -moz-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 37px;
                z-index: 1;
            }
            .step3:before{
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                background: none repeat scroll 0 0 #F0F0F0;
                border-color: #FFFFFF #FFFFFF -moz-use-text-color -moz-use-text-color;
                border-color:white;
                border-image: none;
                border-radius: 0 3px 0 3px;
                border-style: solid solid none none;
                border-width: 4px 4px medium medium;
                content: "";
                display: block;
                height: 38px;
                left: auto;
                position: absolute;
                right: -20px;
                top: 6px;
                -moz-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                width: 37px;
                z-index: 1;
            }
        }

    }

    .progress li.current .step:before {
        background: none repeat scroll 0 0 var(--mk-current-progress-color);
    }
    .progress li.current2 .step2:before {
        background: none repeat scroll 0 0 #F00;
    }
    .progress li.current3 .step3:before {
        background: none repeat scroll 0 0 #fcab20;
    }

/*
========================================================================================
========================================================================================
Finaliza estilos para los pasos del status del registro
========================================================================================
========================================================================================
*/

/*
========================================================================================
========================================================================================
Estilos para el status del listado de procesos del registro
========================================================================================
========================================================================================
*/
:root {
    --mk-color-intitucional: var(--color-institucional);
}

.ressortmenu {
    position: sticky;
    top: 30%;
    float: left;
}

.ressortmenu ul {
    text-align: left;
}

.ressortmenu ul > li {
    padding: 0;
    list-style: none;
    position: relative;
    padding-bottom: 10px;
}

.ressortmenu ul > li span {
    padding-left: 10px;
    color: #626264;
}

.pasoRestante{
    color:#dee1e6!important;

}

.ressortmenu ul > li i {
    margin-left: -12px;
    font-size: 13px;
    color: var(--mk-color-intitucional);
}

.ressortmenu ul > li:after{
    content: '';
    position: absolute;
    height: 90%;
    width: 3px;
    background: -webkit-link;
    top: 10px;
    left: -8px;
    z-index: -1;
    background-color: var(--mk-color-intitucional);
}

.ressortmenu ul > li:last-child:after{
    display: none;
}

/*.ressortmenu ul > li:focus i, .ressortmenu ul > li:active i  {
    color: var(--mk-color-intitucional);
}*/


.actionStyle{
  border:1px #e1e1e1 solid;
  border-radius:5px;
  padding-top:5px;
  padding-bottom:5px;
}
.actionStyle:hover{
  cursor: pointer;
  border:1px #016d77 solid;
}

.cortarText{
  text-overflow: ellipsis;
  max-height: 20px;
  overflow: hidden;
  display: block;
  max-width: 190px;
}

.btnAlphabet{
    background-color: var(--color-institucional)!important;
    color: #FFFFFF!important;
}


/*
========================================================================================
========================================================================================
Finaliza estilos para el status del listado de procesos del registro
========================================================================================
========================================================================================
*/

.green{
  background:#568e02;
  color:#fff !important;
  
}
.yellow{
  background:#fcab20;
  color:#000 !important;
}
.red{
  background:#eb2032;
  color:#fff !important;
}
.gray{
  background:#ccc;
  color:#fff !important;
}


.section-title {
    font-size: 28px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-weight: 400;
    display: inline-block;
    position: relative;
}
.section-title:after,
.section-title:before {
    content: "";
    position: absolute;
    bottom: 0;
}

.section-title:after {
    height: 2px;
    background-color: rgba(50, 67, 149, 0.90);
    left: 25%;
    right: 25%;
}

.section-title:before {
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    background-color: #F00;
    left: 50%;
    transform: translatex(-50%);
    bottom: -6px;
    z-index: 9;
    border-radius: 50%;
}

.iconCircle{
    /*border:1px #F00 solid;*/
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 10px;
    color: #FFFFFF;
}

.iconHeader {
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  font-size: 60px;
  border: 5px #69b42d solid;
  color: #69b42d;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}

.iconHeaderRed {
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  font-size: 60px;
  border: 5px #eb2032 solid;
  color: #eb2032;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}

.iconHeaderPurple {
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  font-size: 60px;
  border: 5px #4b0744 solid;
  color: #4b0744;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}

.iconHeaderYellow {
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  font-size: 60px;
  border: 5px #fcab20 solid;
  color: #fcab20;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}

.iconHeaderOrange {
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  font-size: 60px;
  border: 5px #f67203 solid;
  color: #f67203;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}

.iconHeaderBlue {
  text-align: center;
  font-weight: bold;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  font-size: 60px;
  border: 5px #17158c solid;
  color: #17158c;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}


.iconHeaderMedium {
  text-align: center;
  font-weight: bold;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 35px;
  border: 5px #69b42d solid;
  color: #69b42d;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}

.iconHeaderRedMedium {
  text-align: center;
  font-weight: bold;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 35px;
  border: 5px #eb2032 solid;
  color: #eb2032;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}

.iconHeaderPurpleMedium {
  text-align: center;
  font-weight: bold;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 35px;
  border: 5px #4b0744 solid;
  color: #4b0744;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}

.iconHeaderYellowMedium {
  text-align: center;
  font-weight: bold;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 35px;
  border: 5px #fcab20 solid;
  color: #fcab20;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}

.iconHeaderOrangeMedium {
  text-align: center;
  font-weight: bold;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 35px;
  border: 5px #f67203 solid;
  color: #f67203;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}

.iconHeaderBlueMedium {
  text-align: center;
  font-weight: bold;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 35px;
  border: 4px #17158c solid;
  color: #17158c;
  padding-top: 5px;
  padding-left: 3px;
  display: table-cell;
  vertical-align: middle;
}


thead th{
  font-weight: 400!important;
}

.dtfc-fixed-left,.dtfc-fixed-right {
  background-color: #f9f9f9!important;
}

.boxx{
    position: relative;
    max-width: 98%;
    margin:0 auto;
}

.boxx:after{
    content :'';
    position: absolute;
    width: 100%;
    height:1px;
    /*background: #e1e1e1;*/
    background: #a8a6a6;
    top:50%;
    left: 0;
    z-index:1;
}
.boxx p{
    position: relative;
    background: white;
    width: fit-content;
    margin:0 auto;
    padding: 14px;
    margin-right: 0px;
    width: 250px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.boxx div{
    text-align:right;
}

.boxx button{
    position: relative;
    /*background: white;*/
    width: fit-content;
    margin:0 auto;
    padding: 8px;
    /*margin-right: 0px;*/
    width: 250px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    z-index:2;
    border-radius: 50px;
}


.sangriaOpcReports{
  padding-top: 10px!important;
  padding-bottom:10px!important;
  margin-bottom: 2px!important;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 2px;
}

.dropdown-menu-reportes {
    border: medium none;
    box-shadow: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 9999;
    border: 1px solid #D9DEE4;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #FFFFFF;
    width: 250px;
    left: -210px;
}

.dropdown-menu-reportes>li>a {
    color: #5A738E;
}

.dropdown-menu-reportes>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu-reportes a {
    cursor: pointer;
}

.dropdown-menu-reportes>.active>a, .dropdown-menu-reportes>.active>a:focus, .dropdown-menu-reportes>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
    border-radius: 5px;
}

.text_total_cabeceras{
    /*border: 1px #F00 solid;*/
    font-size: 18px; 
    max-width: 150px;
    min-width: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.text_total_cabeceras_porcentajes{
    font-size: 20px; 
    color: #2d2d2d; 
    font-weight: bold;
}

.text_total_cabeceras_total{
    font-size: 18px; 
    color: #2d2d2d; 
    font-weight: bold;
}

.text_contenido_tablas{
    /*border: 1px #F00 solid;*/
    font-size: 11px; 
    max-width: 200px;
    min-width: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cursorAcction{
  cursor: pointer;
}
.cursorAcction:hover{
  opacity: 0.6;
}

.dataTables_length {
    margin-top: 0px !important;
    text-align: left;
}

  /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-  */
  /* BOTONES DE ACCIÓN EN EL SISTEMA */
  /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-  */
  /*Boton institucional*/
  .btn-institucional,.btn-institucional.disabled{
    background:var(--color-institucional);
    border:1px solid var(--color-institucional);
    color:#fff;
  }
  .btn-institucional.disabled.focus,.btn-institucional.disabled:focus,.btn-institucional.disabled:hover,.btn-institucional.focus,.btn-institucional:focus,.btn-institucional:hover{
    background:var(--color-institucional);
    opacity:.8;
    border:1px solid var(--color-institucional);
    color:#fff;
  }
  .btn-institucional.btn-outline{
    color:var(--color-institucional);
    background-color:transparent;
    border-radius: 50px;
  }
  .btn-institucional.btn-outline.focus,.btn-institucional.btn-outline:focus,.btn-institucional.btn-outline:hover{
    background:var(--color-institucional);
    color:#fff;
  }

  /*Boton gastos*/
  .btn-gastos,.btn-gastos.disabled{
    background:#000000;
    border:1px solid #000000;
    color:#fff;
  }
  .btn-gastos.disabled.focus,.btn-gastos.disabled:focus,.btn-gastos.disabled:hover,.btn-gastos.focus,.btn-gastos:focus,.btn-gastos:hover{
    background:#000000;
    opacity:.8;
    border:1px solid #000000;
    color:#fff;
  }
  .btn-gastos.btn-outline{
    color:#000000;
    background-color:transparent;
    border-radius: 50px;
  }
  .btn-gastos.btn-outline.focus,.btn-gastos.btn-outline:focus,.btn-gastos.btn-outline:hover{
    background:#000000;
    color:#fff;
  }

  /*Boton egresos / egresos*/
  .btn-egresos,.btn-egresos.disabled{
    background:#3f3f3f;
    border:1px solid #3f3f3f;
    color:#fff;
  }
  .btn-egresos.disabled.focus,.btn-egresos.disabled:focus,.btn-egresos.disabled:hover,.btn-egresos.focus,.btn-egresos:focus,.btn-egresos:hover{
    background:#3f3f3f;
    opacity:.8;
    border:1px solid #3f3f3f;
    color:#fff;
  }
  .btn-egresos.btn-outline{
    color:#3f3f3f;
    background-color:transparent;
    border-radius: 50px;
  }
  .btn-egresos.btn-outline.focus,.btn-egresos.btn-outline:focus,.btn-egresos.btn-outline:hover{
    background:#3f3f3f;
    color:#fff;
  }


  /*Boton ingresos / facturas*/
  .btn-ingresos,.btn-ingresos.disabled{
    background:#727272;
    border:1px solid #727272;
    color:#fff;
  }
  .btn-ingresos.disabled.focus,.btn-ingresos.disabled:focus,.btn-ingresos.disabled:hover,.btn-ingresos.focus,.btn-ingresos:focus,.btn-ingresos:hover{
    background:#727272;
    opacity:.8;
    border:1px solid #727272;
    color:#fff;
  }
  .btn-ingresos.btn-outline{
    color:#727272;
    background-color:transparent;
    border-radius: 50px;
  }
  .btn-ingresos.btn-outline.focus,.btn-ingresos.btn-outline:focus,.btn-ingresos.btn-outline:hover{
    background:#727272;
    color:#fff;
  }


  /*Boton guardado / facturas*/
  .btn-guardado,.btn-guardado.disabled{
    background:#2b2a2a;
    border:1px solid #2b2a2a;
    color:#fff;
  }
  .btn-guardado.disabled.focus,.btn-guardado.disabled:focus,.btn-guardado.disabled:hover,.btn-guardado.focus,.btn-guardado:focus,.btn-guardado:hover{
    background:#2b2a2a;
    opacity:.8;
    border:1px solid #2b2a2a;
    color:#fff;
  }
  .btn-guardado.btn-outline{
    color:#2b2a2a;
    background-color:transparent
  }
  .btn-guardado.btn-outline.focus,.btn-guardado.btn-outline:focus,.btn-guardado.btn-outline:hover{
    background:#2b2a2a;
    color:#fff;
  }

  .sangria10px {
      margin-top: 10px;
      margin-bottom: 10px;
  }

  .label-institucional{
    background-color: var(--color-institucional);
  }
  .label-gastos{
    background-color: #000000;    
  }
  .label-egresos{
    background-color: #3f3f3f;    
  }
  .label-ingresos{
    background-color: #727272;    
  }

  .actionsView:hover{
    cursor: pointer;
    background-color: #e1e1e1!important;
  }



/*Escalamiento de secciones*/
.que_hacer{
  font-size: 22px;
}

.scale-sm{
  font-size: 18px;
}

.filter_scale{
  transform: scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
}

@media (max-width: 1600px) {

  .scale-sm{
    font-size: 13px!important;
  }

}

@media (max-width: 1500px) {
  .que_hacer{
    font-size: 18px!important;
  }
  .filter_scale{
    transform: scale(0.9);
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
  }
}

@media (max-width: 1200px) {

  .que_hacer{
    font-size: 18px!important;
  }

  /* Escalamos las secciones*/
  .resize-80{
    transform: scale(0.9);
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
  }

  /*.scale-sm{
    font-size: 18px!important;
  }*/
  .ind_sec_metricas{
    margin-top: 45px;
  }
  .filter_scale{
    transform: scale(0.8);
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
  }
}

@media (max-width: 950px) {
  .que_hacer{
    font-size: 22px!important;
  }
  .scale-sm{
    font-size: 18px!important;
  }
}

@media (max-width: 500px) {

  .que_hacer{
    font-size: 20px!important;
  }

  /* Escalamos las secciones */
  .resize-80{
    transform: scale(0.8);
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
  }
  
}


/*Cosas para la sección de filtrado*/


.check-filters {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 20px;
    opacity: 0.8;
    color: #b7b9cc;
}
.active-all-items {
    color: #02822f;
}
.item-filters {
    display: inline-block;
    vertical-align: top;
}
.header-filter-top {
    margin: 0;
    white-space: nowrap;
    padding: .5rem 1.5rem;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
    color: #b7b9cc;
}

.item-filters {
    display: inline-block;
    vertical-align: top;
}
.item-filters .listItem {
    max-height: 265px;
    overflow-x: auto;
    padding: 3px;
    /* text-align: left; */
}
.pb-2, .py-2 {
    padding-bottom: 10px!important;
}
.pt-2, .py-2 {
    padding-top: 10px !important;
}
.h-100 {
    height: 100% !important;
}
.card {
    position: relative;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: .35rem;
}
.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #eaecf4;
}
.margin-6 {
    margin-top: 3px;
    margin-bottom: 3px;
}
.text-size-14 {
    font-size: 14px;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .75rem 1rem;
    clear: both;
    font-weight: 400;
    color: #3a3b45;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.item-active-filter {
    color: #fff;
    text-decoration: none;
    background-color: var(--color_fondo_filtro_activo);
    color: var(--color_texto_filtro_activo);
    border: 1px var(--color_borde_filtro_activo) solid !important;
    border-radius: 3px;
}
.filtro-cadena {
    border: 1px #FFFFFF solid;
}
.modal-body{
  overflow-y: auto;
}
.text-size-12{
  font-size: 12px;
}
.cursorAction:hover {
    cursor: pointer;
    opacity: 0.6;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #2e2f37;
    text-decoration: none;
    background-color: #eaecf4;
}

.w-100{
  width: 100%;
}

.control-title-beta{
  margin-top: 5px;
  color: #1c1c1c !important;
  font-size: 22px;
  font-weight: bold;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}

.control-label-beta{
  margin-top: 5px;
  color: #1c1c1c;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;

  line-height: 16px;
  white-space: nowrap!important;
  overflow: hidden;
  text-overflow: ellipsis!important;

}

.control-data-beta{
  margin-top: 5px;
  color: #1c1c1c;
  font-size: 13px;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;

  line-height: 16px;
  white-space: nowrap!important;
  overflow: hidden;
  text-overflow: ellipsis!important;
}

.saltarLinea{
    margin-bottom: 5px;
}

.table-input{
  font-size: 12px; 
  border-radius: 5px;
  text-align: center;
  width: 100%!important;
}

.msgError{
  background-color:#ebccd1;
  color: #a94442;
  border: 1px #ef9eaa solid;
  border-radius: 5px;
  margin-bottom:5px;
  opacity: 0.8;
  padding-bottom: 5px;
  padding-top: 5px; 
}

/* Estilos para el árbol de lebas */

.arbolDeLevas{
    text-align:left;
    list-style-type: none;
    /* Arriba | Derecha | Abajo | Izquierda */
    margin-left: 12px;
    padding: 0;
    font-size: 13px;
}
.arbolDeLevas>li{
    margin-bottom: 3px;
    margin-top: 3px;
}
.arbolDeLevas>li>label{
    color: #222222;
    margin-bottom: 0px;
}
.arbolDeLevas>li>label:hover{
    cursor: pointer;
    color: #969696;
}
.arbolDeLevas i{
    font-size: 14px;
    padding: 0 5px 0 5px;
}
.arbolDeLevas i:hover{
    cursor: pointer;
    color: #969696;
}

.label-dir{
  padding-left:10px;
  padding-right:10px;
}

.label-active-dir{
  background-color:#dbdbdb;
  border-radius:5px;
}

.listFile{
  font-size: 14px;
}

.listFile i{
  font-size: 18px;
}
/* Finaliza estilos para el árbol de lebas */



/* Works on Firefox */
/*
* {
  scrollbar-width: thin;
  scrollbar-color: #BBBBBB white;
}
*/
/*Works on Chrome, Edge, and Safari */
/*
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: white;
}

*::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 20px;
  border: 3px solid white;
}
*/