.fluid-list{display: inline-block;vertical-align: top;width: 100%;}
.center{text-align: center;}
body{font-family: 'Open Sans', sans-serif;font-size: 14px;}
#main{position: relative;}
.reset-ul{list-style: none;padding-left: 0;margin-bottom: 0;}
.left{float: left;}
.right{float: right;}
/*Login*/
.form-control {color: #242424 !important;}
.page-login #main{height: 100vh;}
.bg-natura{position: fixed;top: -50%;left: -50%;width: 200%;height: 200%;}
.bg-natura>img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;min-width: 50%;min-height: 50%;}
.cnt-login{width: 325px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);padding:2rem 3rem;border-radius:5rem 0 5rem 0;background-color:#fff;box-shadow:0px 0px 8px 2px #b8b8b8;}
.cnt-form-l{margin-bottom: 35px;}
.logo-l{margin-bottom: 20px;}
.logo-l img{width: 90%;}
.link-a{font-size: 16px;color: #c3002f;text-decoration: underline;}
.link-a:hover, .link-a:active, .link-a:focus{text-decoration: underline;color: #c3002f;}
.btn-login{height: 50px;line-height: 50px;background: #c3002f;text-align: center;padding: 0 20px;border-radius: 10px;width: 100%;font-size: 22px;font-weight: 700;text-transform: uppercase;color: #fff;margin-top: 15px;}
.btn-login:hover,.btn-login:focus, .btn-login:active{font-size: 22px;font-weight: 700;color: #fff;opacity: 0.9;}
.cnt-form-l .form-group{margin-bottom: 0;}
.addon-n{background: #c3002f;}
.addon-n i{color: #fff;}
.cnt-form-l .input-group>span, .cnt-form-l .input-group>input{height: 55px;border-color: #e1e1e1;}
.cnt-form-l .input-group-addon{padding: 6px 20px;}
.one-form .addon-n i{font-size: 20px;}
.one-form .addon-n{border-radius: 10px 0 0 0;}
.one-form input{border-radius: 10px 10px 0 0;}
.one-form input:focus, .one-form input:active, .one-form input:hover{box-shadow: 0 0 0;}
.two-form{margin-top: -1px;}
.two-form .addon-n i{font-size: 22px;}
.two-form .addon-n{border-radius: 0 0 0 10px;border-bottom: 0;}
.two-form input{border-radius: 0 0 10px 10px;}
.cnt-form-l .input-group>input::-webkit-input-placeholder {
  color: #ccc;
  font-size: 14px;
}
.cnt-form-l .input-group>input::-moz-placeholder {
  color: #ccc;
  font-size: 14px;
}
.cnt-form-l .input-group>input:-ms-input-placeholder {
  color: #ccc;
  font-size: 14px;
}
.cnt-form-l .input-group>input:-moz-placeholder {
  color: #ccc;
  font-size: 14px;
}
.cnt-inf-c{margin-bottom: 18px;}
.cnt-inf-c p{text-align: center;margin-bottom: 0;color: #c3002f;font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 14px;}
.form-recup i.fa{font-size: 22px;}
/*header*/
.container{padding-left: 20px;padding-right: 20px;background: #fff;}
.nav-header{background: #e9004b;border-radius: 10px;-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3);}
.nav-header>ul>li{float: left;}
.nav-header>ul>li>a{height: 40px;line-height: 40px;padding: 0 20px;font-size: 14px;font-weight: normal;color: #fff;display: block;}
.nav-header>ul>li>a:hover,.nav-header>ul>li>a:focus, .nav-header>ul>li>a:active, .nav-header>ul>li>a.active{background: #c3002f;text-decoration: none;}
.nav-header>ul>li:first-child>a{border-radius: 10px 0 0 10px;}
.user-nav>span{display: block;width: 64px;height: 64px;float: left;border-radius: 50%;border:1px solid #242424;background: #404040;}
.user-nav>span>i{color: #fff;font-size: 40px;margin-top: 10px;}
.user-list{padding-left: 15px;margin-top: 8px;}
.user-list>span{text-align: right;font-size: 13px;color: #666666;display: block;margin-bottom: 3px;}
.user-list .dropdown-toggle{font-size: 16px;color: #000000;font-weight: 700;text-align: right;display: inline-block;position: relative;line-height: 110%;padding-right: 25px;}
.user-list .dropdown-toggle:hover, .user-list .dropdown-toggle:focus, .user-list .dropdown-toggle:active{text-decoration: none;}
.user-list .dropdown .caret{color: #c3002f;border-top: 10px dashed;border-top: 7px solid\9;border-right: 7px solid transparent;border-left: 7px solid transparent;position: absolute;top: 35%;right: 0;}
.user-nav .navbar-right{margin-right: 0!important;}
.user-list .dropdown-menu{border-color: #dbdbdb;border-radius: 10px;}
.user-list .dropdown-menu a{font-size: 12px;color: #c3002f;text-decoration: none;margin: 5px 0;}
.user-list .dropdown-menu a:hover{background: none;color: #c3002f;text-decoration: underline;}
.top-header{margin-top: 14px;margin-bottom: 18px;position: relative;}
.logo-header>a{display: block;width: 200px;float: left;margin-right: 10px;}
.logo-header>a img{width: 100%;}
.jr-d{margin-top: 12px;}
.jr-d>span{color: #c3002f;font-size: 30px;float: left;}
.sector-n{float: left;margin-left: 8px;}
.sector-n span{font-size: 14px;color: #333;display: block;}
.sector-n p{font-size: 14px;color: #333;font-weight: 700;margin-bottom: 0;}
.header{margin-bottom: 22px;}
/*page*/
.info-t{padding-bottom: 25px;border-bottom: 1px solid #e47442;margin-bottom: 35px;}
.info-t h2{font-size: 22px;color: #c3002f;margin-top: 0;margin-bottom: 25px;}
.info-t p{font-size: 14px;color: #4c382d;margin-bottom: 18px;line-height: 150%;}
.info-t ul{width: 600px;overflow: hidden;}
.info-t ul li{float: left;width: 300px;font-size: 17px;color: #4c382d;margin-bottom: 12px;}
.info-t ul li span{color: #c3002f;margin-right: 8px;font-size: 22px;vertical-align: top;}
.cnt-indicadores{margin-bottom: 35px;}
.cnt-indicadores ul li{margin-right: 20px;float: left;}
.list-indicador{background: #c3002f;padding: 15px;width: 350px;overflow: hidden;min-height: 82px; position: relative;}
.l1>span{background: url(../img/list1.png) no-repeat;}
.l2>span{background: url(../img/list2.png) no-repeat;}
.list-indicador>span{width: 54px;height: 54px;position: absolute; right: 16px;}
.text-f{float: left;margin-left: 12px;}
.text-f span{font-size: 18px;color: #fff;font-weight: 700;display: block;}
.r-digital img{width: 100%;}
.text-f p{margin-bottom: 0;font-size: 12px;color: #fff;}
.bread-n ul li a{font-size: 14px;color: #c3002f;font-weight: 600;}
.cnt-container{padding-bottom: 20px;}
.cnt-form-p{padding-bottom: 40px;}
.cnt-form-p .form-group{margin-bottom: 18px;}
.cnt-form-n h2{font-size: 22px;color: #c3002f;margin-bottom: 20px;}
.cnt-form-p .form-group>label{font-weight: 400;color: #666;font-size: 14px;text-align: left;}
.cnt-form-p .form-group input, .cnt-form-p .form-group select{border: 2px solid #dbdbdb;border-radius: 7px;color: #666;font-size: 13px;}
.block-n{padding-bottom: 35px;margin-bottom: 35px;border-bottom: 1px solid #ebebeb;}
.block-b-n{border-bottom: 0;}
.custom-b{margin-left: -4px;margin-right: -4px;}
.custom-b>.col-sm-4, .custom-b>.col-sm-8{padding-left: 4px;padding-right: 4px;}
.custom-space{padding-left: 50px;}
.btn-save-f{padding: 0 40px;text-align: center;line-height: 50px;font-weight:700;color: #fff;font-size: 22px;background: #c3002f;border-radius: 8px;}
.btn-save-f:hover,.btn-save-f:focus,.btn-save-f:active{background: #c3002f;color: #fff;opacity: 0.9;}
.cnt-table-filter h2{font-size: 22px;color: #c3002f;margin-bottom: 20px;}
.cnt-table-filter h2 span{font-size: 13px;color: #666;}
.filter-b{margin-bottom: 30px;}
.filter-b>ul>li{color: #666666;font-size: 12px;float: left;margin-right: 5px;}
.filter-b>ul>li:first-child{line-height: 34px;}
.filter-b .dropdown-menu>.active>a, .filter-b .dropdown-menu>.active>a:focus, .filter-b .dropdown-menu>.active>a:hover{color: #7A7A7A;font-size: 14px;background: transparent;}
.filter-b .btn-group>button{text-align: left;border:2px solid #dbdbdb;border-radius: 7px;}
.btn-search{height: 34px;line-height: 34px;padding: 0 22px;font-weight: 700;font-size: 14px;color: #fff;background: #c3002f;border-radius: 7px;}
.btn-search:focus,.btn-search:hover,.btn-search:active{color: #fff;opacity: 0.9;background: #c3002f;}
.b-list-pag .left ul li{margin-left: 45px;float: left;}
.b-list-pag .left ul li:first-child{margin-left: 0;}
.b-list-pag .left ul li a{display: block;line-height: 36px;font-size: 13px;color: #c3002f;font-weight: 700;}
.e-excel span{width: 36px;height: 36px;display: inline-block;background: url(../img/e-excel.png) no-repeat;margin-right: 8px;vertical-align: middle;}
.e-mail span{width: 36px;height: 36px;display: inline-block;background: url(../img/e-mail.png) no-repeat;margin-right: 8px;vertical-align: middle;}
.e-cno span{width: 36px;height: 36px;display: inline-block;background: url(../img/e-cno.png) no-repeat;margin-right: 8px;vertical-align: middle;}
.crear-usuario span{width: 36px;height: 36px;display: inline-block;background: url(../img/crear-usuario.png) no-repeat;margin-right: 8px;vertical-align: middle;}
.b-list-pag .right ul{margin-top: 0;margin-bottom: 0;}
.b-list-pag .pagination>li>a, .b-list-pag .pagination>li>span{color: #c3002f;font-size: 16px;font-weight: 700;border:0;padding: 6px;}
.b-list-pag .pagination>li>a:focus, .b-list-pag .pagination>li>a:hover, .b-list-pag .pagination>li>span:focus, .b-list-pag .pagination>li>span:hover{background: transparent;}
.b-list-pag .pagination>.disabled>a, .b-list-pag .pagination>.disabled>a:focus, .b-list-pag .pagination>.disabled>a:hover, .b-list-pag .pagination>.disabled>span, .b-list-pag .pagination>.disabled>span:focus, .b-list-pag .pagination>.disabled>span:hover{color: #ccc;}
.b-list-pag .pagination>.disabled>a:focus, .b-list-pag .pagination>.disabled>a:hover, .b-list-pag .pagination>.disabled>span, .b-list-pag .pagination>.disabled>span:focus, .b-list-pag .pagination>.disabled>span:hover{background: transparent;}
.b-list-pag .pagination>.active>a, .b-list-pag .pagination>.active>a:focus, .b-list-pag .pagination>.active>a:hover, .b-list-pag .pagination>.active>span, .b-list-pag .pagination>.active>span:focus, .b-list-pag .pagination>.active>span:hover{color: #000;background: transparent;}
.hiddenRow{padding: 0 !important;}
.list-img-v{text-align: right;}
.list-img-v a{display: none;}
.list-img-v a:first-child{display: block;color: #c3002f;font-size: 16px;font-weight: 600;text-decoration: underline;}
.table-custom-n{border-top: 5px solid #c3002f;border-bottom: 2px solid #ddd;}
.table-custom-n thead tr{background: #ebebeb;}
.table-custom-n thead tr th{font-size: 16px;color: #c3002f;font-weight: 400;padding: 5px 10px;border-bottom: 0;}
.table-custom-n tbody tr>td{color: #666;font-size: 16px;font-weight: 400;padding: 15px 10px;}
.table-custom-n tbody tr>td>a{display: block;}
.table-custom-n tbody tr>td.hiddenRow{border-top: 0;}
.table-custom-n tbody tr>td>a>span{color: #000;font-size: 25px;vertical-align: middle;}
.cnt-int-c{padding: 20px;background: #f3f3f3;}
.cnt-int-c .nav-tabs{border-bottom: 5px solid #c3002f;}
.cnt-int-c .nav-tabs>li{margin-bottom: 0;}
.cnt-int-c .nav-tabs>li>a{padding: 5px 15px;font-size: 14px;color: #fff;font-weight: 600;background: #b0b0b0;margin-right: 0;border:0;border-radius: 8px 8px 0 0;}
.cnt-int-c .nav-tabs>li.active>a{background: #c3002f;}
.cnt-int-c .nav-tabs>li.active>a:focus, .cnt-int-c .nav-tabs>li.active>a:hover{border:0;color: #fff;}
.table-tab-b{background: transparent!important;border-bottom: 2px solid #c0c0c0;padding: 10px 0;}
.table-tab-b tr td{border-top: 0!important;padding: 10px!important;}
.table-tab-f{background: transparent!important;}
.m-form-n h2{margin-bottom: 25px;margin-top: 0;font-size: 22px;color: #c3002f;}
.modal-custom-n .modal-body{padding: 30px 25px;}
.m-form-n .form-group>label, .m-form-n .form-group .row>label{text-align: left;padding-top: 0;font-size: 13px;color: #666666;font-weight: 400;margin-top: 7px;}
.m-form-n input, .m-form-n select, .m-form-n textarea{border: 2px solid #dbdbdb;border-radius: 7px;color: #666;font-size: 12px;}
.m-form-n .form-group{margin-bottom: 12px;}
.btn-mC{height: 30px;line-height: 30px;padding: 0 25px;font-size: 13px;color: #fff;font-weight: 700;border-radius: 7px;}
.btn-grabar{background: #c3002f;}
.btn-cancelar{background: #999;}
.m-form-n .form-group:last-child{margin-bottom: 0;}
.btn-mC:hover, .btn-mC:focus, .btn-mC:active{color: #fff;opacity: 0.9;}
.table-tab-f thead tr{background: #fff;}
.nav-header .dropdown-menu{border:0;border-radius: 0;margin: 0;padding: 0;}
.nav-header .dropdown-menu>li>a{line-height: 32px;padding: 0 20px;font-size: 12px;font-weight: 600;background: #c3002f;color: #fff;}
.nav-header .dropdown-menu>li>a:hover, .nav-header .dropdown-menu>li>a.active{background: #cc6b12;}
.gvCod{border: 2px solid #dbdbdb;border-radius: 7px;width: 178px;height: 36px;}
.m-form-n>p{color: #666;font-size: 13px;margin-bottom: 20px;margin-top: -10px;}
.pen{color: #cccccc;}
.cnt-table-reclamos .filter-b>ul>li:first-child{display: block;width: 100%;}
.cnt-table-reclamos .adCconsulta{width: 128px;}
.cnt-m-reclamos{margin-bottom: 25px;}
.cnt-m-reclamos>ul>li{float: left;margin-right: 8px;}
.cnt-m-reclamos>ul>li>a{padding: 14px 18px;font-size: 14px;color: #fff;font-weight: 700;display: block;border-radius: 8px;}
.cnt-m-reclamos>ul>li>a i{margin-right: 10px;font-size: 22px;vertical-align: middle;}
.sReclamos{background: #4f9fb9;}
.dReclamos{background: #d2232a;}
.sSoluciones{background: #80b824;}
.modal-custom-alert .modal-body p{color: #c3002f;font-size: 22px;line-height: 130%;margin-top: 38px;margin-bottom: 28px;}
.modal-custom-alert .btn-mC{height: 38px;line-height: 38px;}
.modal-custom-alert .modal-body{padding: 42px;}
.modal-custom-alert .modal-content{border-radius: 12px;}
/*menu*/
.drawer-hamburger{position: absolute;top: 12px;}
.drawer-hamburger-icon{margin-top: 0;}
.drawer-hamburger{padding: 0;height: 30px;width: 30px;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{height: 5px;}
.drawer-nav{background-color: #c3002f;}
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{background: #fff;}
.drawer--right .drawer-nav{right: -350px;}
.drawer-nav{width: 350px;}
.drawer--right.drawer-open .drawer-hamburger{right: 0px;position: fixed;right: 20px;top: 20px;}
.drawer-nav .user-nav{display: block;text-align: center;}
.drawer-nav .user-nav>span{float: inherit;display: inline-block;}
.drawer-nav .user-list{padding-left: 0;display: inline-block;width: 100%;}
.drawer-nav .user-list>span{text-align: center;color: #fff;font-size: 16px;}
.drawer-nav .user-list h4{font-weight: 700;color: #ffffff;font-size: 26px;margin-top: 0;}
.drawer-nav .jr-d{display: inline-block;position: relative;width: 100%;vertical-align: top;}
.drawer-nav .jr-d>span{position: absolute;left: 0;top: 5px;color: #fff;}
.drawer-nav .jr-d .sector-n{float: inherit;width: 100%;text-align: center;}
.drawer-nav .jr-d .sector-n>span{color: #fff;}
.drawer-nav .jr-d .sector-n>p{color: #fff;}
.cnt-menu-user{background: #e9004b;padding: 20px 30px 30px 30px;}
.drawer-nav .user-nav>span{width: 90px;height: 90px;border: 2px solid #be6f22;}
.drawer-nav .user-nav>span>i{font-size: 55px;margin-top: 17px;}
.cnt-list-menu-d ul li a{padding: 15px 20px;display: block;color: #fff;font-size: 22px;font-weight: 700;}
.cnt-list-menu-d ul li a.active, .cnt-list-menu-d ul li a:hover, .cnt-list-menu-d ul li a:focus, .cnt-list-menu-d ul li a:active{background: #fff;color: #c3002f;}
.drawer-nav .user-list h5{font-weight: 700;font-size: 18px;color: #fff;}
.cnt-list-menu-d ul li ul{background: #e9004b;}
.cnt-list-menu-d ul li ul li a{font-size: 18px;}
.multiselect-native-select .caret{border-top: 8px dashed;border-top: 8px solid\9;border-right: 6px solid transparent;border-left: 6px solid transparent;position: absolute;right: 6px;top: 13px;color: #777;}
/*Filter mobile*/
.filter-mobile{margin-bottom: 18px;position: relative;}
.btnFilter{width: 100%;padding: 0 2px;height: 50px;border-radius: 0;background: #c3002f;font-weight: 700;font-size: 22px;color: #fff;border:0;line-height: 50px;text-align: center;}
.cntFilter{width: 100%;height: auto;display: none;-webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);border: 1px solid #e5e5e5!important;}
.cntFilter .btn-group{width: 100%!important;}
.cntFilter .dropdown-toggle{padding: 0 12px;text-align: left;height: 50px;width: 100%;border-radius: 0;box-shadow: 0 0 0;border:0!important;color: #666;font-size: 16px;}
.cntFilter>ul>li{border-top:3px solid #b2b2b2;}
.cntFilter>ul>li:last-child{padding: 15px 35px;}
.cntFilter .btn-search{height: 40px;line-height: 40px;width: 100%;font-size: 20px;}
.cntFilter .dropdown-toggle .caret{position: absolute;right: 12px;top: 18px;border-top: 16px dashed;border-top: 16px solid\9;border-right: 12px solid transparent;border-left: 12px solid transparent;}
.filter-mobile>.dropdown>.dropdown-toggle:focus, .filter-mobile>.dropdown>.dropdown-toggle:active, .filter-mobile>.dropdown>.dropdown-toggle:hover{border:0;}
.filter-mobile>.open>.dropdown-toggle{border: 1px solid #e5e5e5!important;background: #fff!important;color: #c3002f!important;-webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);}
.filter-mobile>.dropdown>.dropdown-menu{width: 100%;border-radius: 0;-webkit-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.3);border: 1px solid #e5e5e5!important;}
@media (min-width: 768px){
	.modal-dialog{width: 640px;}
	.modal-custom-alert .modal-dialog{width: 400px;}
}
@media (min-width: 768px){
  .container {
      width: 750px;
  }
}
@media (min-width: 992px){
  .container {
      width: 980px;
  }
  .drawer-hamburger{display: none;}
  .filter-mobile{display: none;}
}
@media (max-width: 992px){
  .user-nav{display: none;}
  .nav-header{display: none;}
  .jr-d{display: none;}
  .custom-space{padding-left: 15px;}
  .cnt-indicadores ul li{margin-right: 2%;width: 48%;}
  .list-indicador{width: 100%;}
  .cnt-m-reclamos>ul>li{width: 32.3333333%;margin-right: 1%;}
}
@media (max-width: 768px){
  .list-indicador{width: 100%;}
  .cnt-m-reclamos ul li a{text-align: center;}
  .cnt-m-reclamos ul li i{display: none;}
}
@media (max-width: 688px){
  .info-t ul{width: 100%;}
  .cnt-indicadores ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
  .cnt-indicadores ul li:last-child{margin-bottom: 0;}
  .info-t ul li{width: 100%;}
}
@media (max-width: 480px){
  .cnt-m-reclamos>ul>li>a{padding: 14px 5px;}
  .cnt-table-filter h2 span{display: none;}
  .b-list-pag>.right{float: inherit;text-align: center;margin-bottom: 10px;}
  .b-list-pag>.left{float: inherit;text-align: center;}
  .b-list-pag .left ul li{margin-left: 0;float: inherit;margin-bottom: 20px;}
}
@media (max-width: 375px){
  .cnt-login{padding: 0 20px;}
  .drawer--right .drawer-nav{right: -100%;}
  .drawer-nav{width: 100%;}
}