/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

 @media only screen and (max-width: 679px) and (min-width: 0)
 #logo img {
     margin-left: 0px;
     width: 30px !important;
     height: 0px !important;
     margin-top: -15px !important;
 }
 @media (max-width: 767px)
 #logo img {
     margin-left: 31px;
     width: 100px !important;
     height: 26px !important;
 }
 #logo img {
     margin-left: 0px;
     width: 30px !important;
     height: 26px !important;
     padding-left: 0px !important;
     margin-top: -15px !important;
 }
 
 
 /*
  * Base structure
  */
 
 /* Move down content because we have a fixed navbar that is 50px tall */
 
 body {
     /* background-color: black; */
     background: #ecf0f1;
     color: #000;
 }
 
 
 /*
  * Global add-ons
  */
 
 .sub-header {
   padding-bottom: 10px;
   border-bottom: 1px solid #eee;
 }
 
 
 /*
  * Sidebar
  */
 
 /* Hide for mobile, show later */
 .sidebar {
   display: none;
 }
 @media (min-width: 768px) {
   .sidebar {
     position: fixed;
     top: 51px;
     bottom: 0;
     left: 0;
     z-index: 1000;
     display: block;
     padding: 20px;
     overflow-x: hidden;
     overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
     background-color: #f5f5f5;
     border-right: 1px solid #eee;
   }
 }
 
 /* Sidebar navigation */
 .nav-sidebar {
   margin-right: -21px; /* 20px padding + 1px border */
   margin-bottom: 20px;
   margin-left: -20px;
 }
 .nav-sidebar > li > a {
   padding-right: 20px;
   padding-left: 20px;
 }
 .nav-sidebar > .active > a {
   color: #fff;
   background-color: #428bca;
 }
 
 
 /*
  * Main content
  */
 
 .main {
   padding: 20px;
 }
 @media (min-width: 768px) {
   .main {
     padding-right: 40px;
     padding-left: 40px;
   }
 }
 .main .page-header {
   margin-top: 0;
 }
 
 
 /*
  * Placeholder dashboard ideas
  */
 
 .placeholders {
   margin-bottom: 30px;
   text-align: center;
 }
 .placeholders h4 {
   margin-bottom: 0;
 }
 .placeholder {
   margin-bottom: 20px;
 }
 .placeholder img {
   display: inline-block;
   border-radius: 50%;
 }
 
 .actions-sumario {
     display: none;
 }
 
 .power-pack-descripcion {
     display: none;
 }
 
 .data-graph {
     background: #ffffff;
     position: relative;
 }
 
 .nvd3-tooltip {
 
 }
 
 
 /*.label-white label {*/
     /*color: #ffffff;*/
 /*}*/
 
 .invoice-back {
         background: url('/static/dist/img/background_factura.png') repeat scroll 0% 0% transparent;
 }
 
 .table-invoice {
     background: transparent;
     color: #000000;
 }
 
 .btn-inline-form {
     padding-top: 16px;
 }
 
 input[type="search"] {
     color: black;
 }
 
 .navbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important;}
 .navbar {min-height:22px !important}
 
 
 /* table { */
 /*     font-size: 12px; */
 /*     /\*font-family: "Courier New", courier, monospace;*\/ */
 /*     /\* font-family: helvetica; *\/ */
 /*     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; */
 /* } */
 
 
 /*   table { */
 /*     border-color: black !important; */
 /*   } */
 
 /*   table thead, tbody, tr, th, td { */
 /*     border-color: black !important; */
 /*   } */
 
 /*   table p { */
 /*     font-size: 14px !important; */
 /*   } */
 
 .ascii-table > table {
     font: medium/1 monospace;
     /*margin: 1em;*/
     /*display: inline-block;*/
     position: relative;
 
 }
 .ascii-table > table {
     border-color: black !important;
     background-color: transparent;
     border-spacing: 0;
     border-collapse: collapse;
     display: table;
 }
 
 .ascii-table > table > thead > tr > th,
 .ascii-table > table > tbody > tr > th,
 .ascii-table > table > tfoot > tr > th,
 .ascii-table > table > thead > tr > td,
 .ascii-table > table > tbody > tr > td,
 .ascii-table > table > tfoot > tr > td {
     border: 1px dashed #000;
     border-color: black !important;
     background-color: transparent;
     border-spacing: 0;
     padding: .5em;
     /*line-height: 1.42857143;*/
     vertical-align: center;
     display: table-cell;
     /*position: relative;*/
 }
 
 .ascii-table > table > thead > tr > th,
 .ascii-table > table > thead > tr > td {
   border-bottom-width: 2px;
 }
 
 @media print {
     html, body {
         width: 5.5in; /* was 8.5in */
         height: 8.5in; /* was 5.5in */
         display: block;
         font-family: "courier";
         /*font-size: auto; NOT A VALID PROPERTY */
     }
 
  * {
     color: #000 !important;
     text-shadow: none !important;
     background: transparent !important;
     -webkit-box-shadow: none !important;
             box-shadow: none !important;
   }
 
  .ascii-table > table > td,
   .ascii-table > table >  th {
     background-color: #fff !important;
   }
 
   .ascii-table > table {
     border-collapse: collapse !important;
   }
   .ascii-table > table > th,
   .ascii-table > table > td {
     border: 1px solid #ddd !important;
   }
 }
 
 .table-resumen>tbody>tr>th, .table-resumen>tfoot>tr>th, .table-resumen>thead>tr>td, .table-resumen>tbody>tr>td, .table-resumen>tfoot>tr>td {
     padding: 1px;
     line-height: 0.5em;
     vertical-align: top;
     border-top: 0px solid #ddd;
 }
 
 .table-resumen>th{
     width: 25px !important;
     min-width: 0px !important;
     max-width: none !important;
 }
 
 .table-resumen>thead>tr>th, .table-resumen>tbody>tr>th, .table-resumen>tfoot>tr>th, .table-resumen>thead>tr>td, .table-resumen>tbody>tr>td, .table-resumen>tfoot>tr>td {
     padding: 1px;
     line-height: 1em;
     vertical-align: top;
     border-top: 1px solid #ddd;
 }
 
 .table-resumen>h4, .h4, h5, .h5, h6, .h6 {
     margin-top: 1px;
     margin-bottom: 1px;
 }
 
 .table-number {
   text-align: right !important;
 }
 
 .text-stand-out {
   text-align: right !important;
   font-size: 12px !important;
   font-weight: bold !important;
 }
 
 .table-align-right {
   text-align: right !important;
 }
 
 .cargado_010 {
     background-color: gray;
     color: black;
 /*    background-color: #312B2B*/
 }
 
 .anulado_040 {
     background-color: rgba(255, 0, 0, 0.50);
 }
 
 .verificado_045 {
     background-color: rgba(65, 105, 225, 0.50);
 }
 
 .danger {
     background-color: #ff9999;
 }
 
 .info {
     background-color: #b3e6ff;
 }
 
 .success {
     background-color:  #99ff99;
 }
 
 .primary {
     background-color: #b3b3ff;
 }
 
 
 .aprobado_050 {
     background-color: rgba(34, 139, 34, 0.50);
 }
 
 .procesado_060 {
     background-color: rgba(255, 69, 0, 0.50);
 }
 
 .powerpack {
     background-color: #FBD6FF;
 }
 
 .sepsaobj {
     background-color: rgb(102, 255, 255);
 }
 
 .rendido {
     background-color: rgb(102, 255, 255);
 }
 
 .duplicado {
     background-color: rgb(255, 255, 0);
 }
 
 .bloque {
     background-color:  rgb(202, 181, 161);
 }
 
 .input-sm {
     color: #000000;
 }
 
 .control-label {
     color: #696969;
 }
 
 
 .rpt_devolucion {
     background-color: #808015;
 }
 
 .sub_header {
     background-color: #8A89A3;
 }
 
 .diff {
     color: black;
     background-color: rgba(255, 0, 0, 0.68);
 }
 
 .pull-right-nav-area {
     margin-top: -11px !important;
 }
 
 #content {
   position: absolute !important;
 }
 
 tr.red td
 {
     background:red !important;
     color:black !important;
 }
 tr.green td
 {
     background:green !important;
     color:black !important;
 }
 tr td.green
 {
     background:lightgreen !important;
     color:black !important;
 }
 tr td.red
 {
     background:brown !important;
     color:black !important;
 }
 
 /*#left-panel {
     width: 25px !important;
 }*/
 
 
 .Mfullscreen{
     z-index: 9999 !important;
     width: 100% !important;
     height: 100% !important;
     position: fixed !important;
     top: 0 !important;
     left: 0 !important;
  }
 
 .MfullscreenO {
     z-index: 9999 !important;
     width: 100% !important;
     height: 100% !important;
     position: fixed !important;
     top: 0 !important;
     left: 0 !important;
     overflow: scroll !important;
     background: white !important;
  }
 
 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
     border: 1px solid #000000 !important/*{borderColorHighlight}*/;
     background: #fcefa1 !important/*{borderColorHighlight}*/;
 }
 
 
 #content {
     /*padding: 24px 14px;*/
     position: relative;
 }
 
 .strong_text {
     font-weight: bold !important;
     text-shadow: none !important;
 }
 
 .strong_text_level_0 {
     font-weight: bold !important;
     background-color: #09ddff !important;
     color: black !important;
     text-shadow: none !important;    
 }
 
 .strong_text_level_1 {
     font-weight: bold !important;
     background-color: #2ad400 !important;
     color: black !important;
     text-shadow: none !important;    
 }
 
 .strong_text_level_2 {
     font-weight: bold !important;
     background-color: #e0da01 !important;
     color: black !important;
     text-shadow: none !important;    
 }
 
 .strong_text_level_3 {
     font-weight: bold !important;
     background-color: #ff8100  !important;;
     color: black !important;
     text-shadow: none !important;    
 }
 
 .strong_text_level_4 {
     font-weight: bold !important;
     background-color: #ce0000 !important;
     color: black !important;
     text-shadow: none !important;    
 }
 
 .text_level_0 {
     background-color: #09ddff;
     color: black;
     text-shadow: none !important;    
 }
 
 .text_level_1 {
     background-color: #2ad400;
     color: black;
     text-shadow: none !important;    
 }
 
 .text_level_2 {
     background-color: #e0da01;
     color: black;
     text-shadow: none !important;    
 }
 
 .text_level_3 {
     background-color: #ff8100;
     color: black;
     text-shadow: none !important;    
 }
 
 .text_level_4 {
     background-color: #ce0000;
     color: black;
     text-shadow: none !important;    
 }
 
 /*#left-panel {
     height: 85px !important;
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     z-index: 904 !important;
     padding-top: 20px !important;
 }*/
 
 .menu-on-top aside#left-panel nav>ul>li>a {
     display: inline-block !important;
     height: 25px !important;
     text-shadow: none!important;
     font-size: 13px !important;
     text-decoration: none !important;
     line-height: 22px !important;
     padding: 10px 9px!important;
 }
 
 
 @keyframes blink_level_4 {
     0% {background-color: rgba(255,0,0,0.7)}
     50% {background-color: rgba(255,0,0,0.5)}
     100% {background-color: rgba(255,0,0,0.7)}
 }
 @-webkit-keyframes blink_level_4 {
     0% {background-color: rgba(255,0,0,0.7)}
     50% {background-color: rgba(255,0,0,0.5)}
     100% {background-color: rgba(255,0,0,0.7)}
 }
 
  .soft_blink_level_4 {
     /* text-align:center; */
     border-radius: 5px;
     -moz-transition:all 3s ease-in-out;
     -webkit-transition:all 3s ease-in-out;
     -o-transition:all 3s ease-in-out;
     -ms-transition:all 3s ease-in-out;
     transition:all 3s ease-in-out;
     -moz-animation:blink_level_4 normal 4s infinite ease-in-out;
     /* Firefox */
     -webkit-animation:blink_level_4 normal 4s infinite ease-in-out;
     /* Webkit */
     -ms-animation:blink_level_4 normal 4s infinite ease-in-out;
     /* IE */
     animation:blink_level_4 normal 4s infinite ease-in-out;
     /* Opera */
  }
 
 
 @keyframes blink_level_3 {
     0% {background-color: rgba(255,129,0,0.7)}
     50% {background-color: rgba(255,129,0,0.5)}
     100% {background-color: rgba(255,129,0,0.7)}
 }
 @-webkit-keyframes blink_level_3 {
     0% {background-color: rgba(255,129,0,0.7)}
     50% {background-color: rgba(255,129,0,0.5)}
     100% {background-color: rgba(255,129,0,0.7)}
 }
 
  .soft_blink_level_3 {
     /* text-align:center; */
     border-radius: 5px;
     -moz-transition:all 3s ease-in-out;
     -webkit-transition:all 3s ease-in-out;
     -o-transition:all 3s ease-in-out;
     -ms-transition:all 3s ease-in-out;
     transition:all 3s ease-in-out;
     -moz-animation:blink_level_3 normal 4s infinite ease-in-out;
     /* Firefox */
     -webkit-animation:blink_level_3 normal 4s infinite ease-in-out;
     /* Webkit */
     -ms-animation:blink_level_3 normal 4s infinite ease-in-out;
     /* IE */
     animation:blink_level_3 normal 4s infinite ease-in-out;
     /* Opera */
  }
 
 
 @keyframes blink_level_2 {
     0% {background-color: rgb(224, 218, 1,0.7)}
     50% {background-color: rgb(224, 218, 1,0.5)}
     100% {background-color: rgb(224, 218, 1,0.7)}
 }
 @-webkit-keyframes blink_level_2 {
     0% {background-color: rgb(224, 218, 1,0.7)}
     50% {background-color: rgb(224, 218, 1,0.5)}
     100% {background-color: rgb(224, 218, 1,0.7)}
 }
 
  .soft_blink_level_2 {
     /* text-align:center; */
     border-radius: 5px;
     -moz-transition:all 3s ease-in-out;
     -webkit-transition:all 3s ease-in-out;
     -o-transition:all 3s ease-in-out;
     -ms-transition:all 3s ease-in-out;
     transition:all 3s ease-in-out;
     -moz-animation:blink_level_2 normal 4s infinite ease-in-out;
     /* Firefox */
     -webkit-animation:blink_level_2 normal 4s infinite ease-in-out;
     /* Webkit */
     -ms-animation:blink_level_2 normal 4s infinite ease-in-out;
     /* IE */
     animation:blink_level_2 normal 4s infinite ease-in-out;
     /* Opera */
  }
 
 @keyframes blink_level_1 {
     0% {background-color: rgb(42, 212, 0,0.7)}
     50% {background-color: rgb(42, 212, 0,0.5)}
     100% {background-color: rgb(42, 212, 0,0.7)}
 }
 @-webkit-keyframes blink_level_1 {
     0% {background-color: rgb(42, 212, 0,0.7)}
     50% {background-color: rgb(42, 212, 0,0.5)}
     100% {background-color: rgb(42, 212, 0,0.7)}
 }
 
  .soft_blink_level_1 {
     /* text-align:center; */
     border-radius: 5px;
     -moz-transition:all 3s ease-in-out;
     -webkit-transition:all 3s ease-in-out;
     -o-transition:all 3s ease-in-out;
     -ms-transition:all 3s ease-in-out;
     transition:all 3s ease-in-out;
     -moz-animation:blink_level_1 normal 4s infinite ease-in-out;
     /* Firefox */
     -webkit-animation:blink_level_1 normal 4s infinite ease-in-out;
     /* Webkit */
     -ms-animation:blink_level_1 normal 4s infinite ease-in-out;
     /* IE */
     animation:blink_level_1 normal 4s infinite ease-in-out;
     /* Opera */
  }
 
 @keyframes blink_level_0 {
     0% {background-color: rgb(9, 221, 255,0.7)}
     50% {background-color: rgb(9, 221, 255,0.5)}
     100% {background-color: rgb(9, 221, 255,0.7)}
 }
 @-webkit-keyframes blink_level_0 {
     0% {background-color: rgb(9, 221, 255,0.7)}
     50% {background-color: rgb(9, 221, 255,0.5)}
     100% {background-color: rgb(9, 221, 255,0.7)}
 }
 
  .soft_blink_level_0 {
     /* text-align:center; */
     border-radius: 5px;
     -moz-transition:all 3s ease-in-out;
     -webkit-transition:all 3s ease-in-out;
     -o-transition:all 3s ease-in-out;
     -ms-transition:all 3s ease-in-out;
     transition:all 3s ease-in-out;
     -moz-animation:blink_level_0 normal 4s infinite ease-in-out;
     /* Firefox */
     -webkit-animation:blink_level_0 normal 4s infinite ease-in-out;
     /* Webkit */
     -ms-animation:blink_level_0 normal 4s infinite ease-in-out;
     /* IE */
     animation:blink_level_0 normal 4s infinite ease-in-out;
     /* Opera */
 }    
 
 /*blink text*/
 .blink {
   -webkit-animation: blink 5s linear infinite;
   -moz-animation: blink 5s linear infinite;
   -ms-animation: blink 5s linear infinite;
   -o-animation: blink 5s linear infinite;
    animation: blink 5s linear infinite;
 }
 
 .blinkf {
   -webkit-animation: blink .99s linear infinite;
   -moz-animation: blink .99s linear infinite;
   -ms-animation: blink .99s linear infinite;
   -o-animation: blink .99s linear infinite;
    animation: blink .99s linear infinite;
 }
 
 @-webkit-keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 1; }
   50.01% { opacity: 0; }
   100% { opacity: 0; }
 }
 @-moz-keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 1; }
   50.01% { opacity: 0; }
   100% { opacity: 0; }
 }
 @-ms-keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 1; }
   50.01% { opacity: 0; }
   100% { opacity: 0; }
 }
 @-o-keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 1; }
   50.01% { opacity: 0; }
   100% { opacity: 0; }
 }
 @keyframes blink {
   0% { opacity: 1; }
   50% { opacity: 1; }
   50.01% { opacity: 0; }
   100% { opacity: 0; }
 }
 
 #left-panel {
     position: absolute !important;
     top: 0 !important;
     left: 0 !important;
     z-index: 904 !important;
     padding-top: 0px !important;
 }
 
 .menu-on-top #main {
     margin-left: 0!important;
     margin-top: 27px!important;
 }
 
 
 .menu-on-top aside#left-panel {
     width: 100%!important;
     min-height: 0!important;
     height: auto;
     overflow: visible;
     -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
     box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);
     border-bottom: 1px solid #001fff !important;
     border-top: 1px solid #f00 !important;
 }
 
 aside {
       /*background: linear-gradient(to right,#000000 93%,#9fe5f5 100%) !important; */
       background: linear-gradient(to right,#ffffff 93%,#9fe5f5 100%) !important;
 
 }
 
 .menu-item-parent {
    color: black !important;
 }
 
 /* div.pq-grid * { */
 /*     font-size: 12px; */
 /* } */
 
 
 .smart-form *,.smart-form :after,.smart-form :before {
     margin: 0;
     padding: 0;
     box-sizing: content-box;
     -moz-box-sizing: content-box
 }
 
 .smart-form .btn {
     box-sizing: border-box;
     -moz-box-sizing: border-box
 }
 
 .smart-form .checkbox+.checkbox,.smart-form .radio+.radio {
     margin-top: 0
 }
 
 .smart-form footer .btn {
     float: right;
     height: 31px;
     margin: 10px 0 0 5px;
     padding: 0 22px;
     font: 300 15px/29px 'Open Sans',Helvetica,Arial,sans-serif;
     cursor: pointer
 }
 
 .smart-form legend {
     padding-top: 15px
 }
 
 .smart-form {
     margin: 0;
     outline: 0;
     color: #666;
     position: relative
 }
 
 .smart-form header {
     display: block;
     padding: 8px 0;
     border-bottom: 1px dashed rgba(0,0,0,.2);
     background: #fff;
     font-size: 16px;
     font-weight: 300;
     color: #232323;
     margin: 10px 14px 0
 }
 
 .smart-form fieldset {
     display: block;
     padding: 25px 14px 5px;
     border: none;
     background: rgba(255,255,255,.9);
     position: relative
 }
 
 .smart-form fieldset+fieldset {
     border-top: 1px solid rgba(0,0,0,.1)
 }
 
 .smart-form section {
     margin-bottom: 15px;
     position: relative
 }
 
 .smart-form footer {
     display: block;
     padding: 7px 14px 15px;
     border-top: 1px solid rgba(0,0,0,.1);
     background: rgba(248,248,248,.9)
 }
 
 .smart-form footer:after {
     content: '';
     display: table;
     clear: both
 }
 
 .smart-form .label {
     display: block;
     margin-bottom: 6px;
     line-height: 19px;
     font-weight: 400;
     font-size: 13px;
     color: #333;
     text-align: left;
     white-space: normal
 }
 
 .smart-form .label.col {
     margin: 0;
     padding-top: 7px
 }
 
 .note,.smart-form .note {
     margin-top: 6px;
     padding: 0 1px;
     font-size: 11px;
     line-height: 15px;
     color: #999
 }
 
 .smart-form .note a {
     font-size: 13px
 }
 
 .smart-form .button,.smart-form .checkbox,.smart-form .input,.smart-form .radio,.smart-form .select,.smart-form .textarea,.smart-form .toggle {
     position: relative;
     display: block;
     font-weight: 400
 }
 
 .smart-form .input input,.smart-form .select select,.smart-form .textarea textarea {
     display: block;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     width: 100%;
     height: 32px;
     line-height: 32px;
     padding: 5px 10px;
     outline: 0;
     border-width: 1px;
     border-style: solid;
     border-radius: 0;
     background: #fff;
     font: 13px/16px 'Open Sans',Helvetica,Arial,sans-serif;
     color: #404040;
     appearance: normal;
     -moz-appearance: none;
     -webkit-appearance: none
 }
 
 .smart-form .input-file .button {
     position: absolute;
     top: 4px;
     right: 4px;
     float: none;
     height: 22px;
     margin: 0;
     padding: 0 14px;
     font-size: 13px;
     line-height: 22px
 }
 
 .smart-form .input-file .button:hover {
     box-shadow: none
 }
 
 .smart-form .input-file .button input {
     position: absolute;
     top: 0;
     right: 0;
     padding: 0;
     font-size: 30px;
     cursor: pointer;
     opacity: 0
 }
 
 .smart-form .select i {
     position: absolute;
     top: 10px;
     right: 11px;
     width: 5px;
     height: 11px;
     background: #fff;
     box-shadow: 0 0 0 9px #fff
 }
 
 .smart-form .select i:after,.smart-form .select i:before {
     content: '';
     position: absolute;
     right: 0;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent
 }
 
 .smart-form .select i:after {
     bottom: 0;
     border-top: 4px solid #404040
 }
 
 .smart-form .select i:before {
     top: 0;
     border-bottom: 4px solid #404040
 }
 
 .smart-form .select-multiple select {
     height: auto
 }
 
 .smart-form .textarea textarea {
     height: auto;
     resize: none
 }
 
 .smart-form .textarea-resizable textarea {
     resize: vertical
 }
 
 .smart-form .textarea-expandable textarea {
     height: 31px
 }
 
 .smart-form .textarea-expandable textarea:focus {
     height: auto
 }
 
 .smart-form .checkbox,.smart-form .radio {
     margin-bottom: 4px;
     padding-left: 25px;
     line-height: 25px;
     color: #404040;
     cursor: pointer;
     font-size: 13px
 }
 
 .smart-form .checkbox:last-child,.smart-form .radio:last-child {
     margin-bottom: 0
 }
 
 .smart-form .checkbox input,.smart-form .radio input {
     position: absolute;
     left: -9999px
 }
 
 .smart-form .checkbox i,.smart-form .radio i {
     position: absolute;
     top: 3px;
     left: 0;
     display: block;
     width: 17px;
     height: 17px;
     outline: 0;
     border-width: 1px;
     border-style: solid;
     background: #FFF
 }
 
 .smart-form .radio i {
     border-radius: 50%
 }
 
 .smart-form .checkbox input+i:after,.smart-form .radio input+i:after {
     position: absolute;
     opacity: 0;
     transition: opacity .1s;
     -o-transition: opacity .1s;
     -ms-transition: opacity .1s;
     -moz-transition: opacity .1s;
     -webkit-transition: opacity .1s
 }
 
 .smart-form .radio input+i:after {
     content: '';
     top: 4px;
     left: 4px;
     width: 9px;
     height: 9px;
     border-radius: 50%
 }
 
 .smart-form .checkbox input+i:after {
     content: '\f00c';
     top: -1px;
     left: 1px;
     width: 15px;
     height: 15px;
     font: 400 16px/19px FontAwesome;
     text-align: center
 }
 
 .smart-form .checkbox input:checked:hover+i:after {
     content: '\f00d'
 }
 
 .smart-form .checkbox input:checked:disabled:hover+i:after {
     content: '\f00c'
 }
 
 .smart-form .checkbox input:checked+i:after,.smart-form .radio input:checked+i:after {
     opacity: 1
 }
 
 .smart-form .inline-group {
     margin: 0 -15px -4px 0
 }
 
 .smart-form .inline-group:after {
     content: '';
     display: table;
     clear: both
 }
 
 .smart-form .inline-group .checkbox,.smart-form .inline-group .radio {
     float: left;
     margin-right: 30px
 }
 
 .smart-form .inline-group .checkbox:last-child,.smart-form .inline-group .radio:last-child {
     margin-bottom: 4px
 }
 
 .smart-form .toggle {
     margin-bottom: 4px;
     padding-right: 61px;
     font-size: 15px;
     line-height: 25px;
     color: #404040;
     cursor: pointer
 }
 
 .smart-form .toggle:last-child {
     margin-bottom: 0
 }
 
 .smart-form .toggle input {
     position: absolute;
     left: -9999px
 }
 
 .smart-form .toggle i {
     content: '';
     position: absolute;
     top: 4px;
     right: 0;
     display: block;
     width: 49px;
     height: 17px;
     border-width: 1px;
     border-style: solid;
     border-radius: 12px;
     background: #fff
 }
 
 .smart-form .toggle i:after {
     content: attr(data-swchoff-text);
     position: absolute;
     top: 2px;
     right: 8px;
     left: 8px;
     font-style: normal;
     font-size: 9px;
     line-height: 13px;
     font-weight: 700;
     text-align: left;
     color: #5f5f5f
 }
 
 .smart-form .toggle i:before {
     content: '';
     position: absolute;
     z-index: 1;
     top: 4px;
     right: 4px;
     display: block;
     width: 9px;
     height: 9px;
     border-radius: 50%;
     opacity: 1;
     transition: right .2s;
     -o-transition: right .2s;
     -ms-transition: right .2s;
     -moz-transition: right .2s;
     -webkit-transition: right .2s
 }
 
 .smart-form .toggle input:checked+i:after {
     content: attr(data-swchon-text);
     text-align: right
 }
 
 .smart-form .toggle input:checked+i:before {
     right: 36px
 }
 
 .smart-form .rating {
     margin-bottom: 4px;
     font-size: 13px;
     line-height: 25px;
     color: #404040
 }
 
 .smart-form .rating:last-child {
     margin-bottom: 0
 }
 
 .smart-form .rating input {
     position: absolute;
     left: -9999px
 }
 
 .smart-form .rating label {
     display: block;
     float: right;
     height: 17px;
     margin-top: 5px;
     padding: 0 2px;
     font-size: 17px;
     line-height: 17px;
     cursor: pointer
 }
 
 .smart-form .button {
     float: right;
     height: 31px;
     overflow: hidden;
     margin: 10px 0 0 5px;
     padding: 0 25px;
     outline: 0;
     border: 0;
     font: 300 15px/31px 'Open Sans',Helvetica,Arial,sans-serif;
     text-decoration: none;
     color: #fff;
     cursor: pointer
 }
 
 .smart-form .icon-append,.smart-form .icon-prepend {
     position: absolute;
     top: 5px;
     width: 22px;
     height: 22px;
     font-size: 14px;
     line-height: 22px;
     text-align: center
 }
 
 .smart-form .icon-append {
     right: 5px;
     padding-left: 3px;
     border-left-width: 1px;
     border-left-style: solid
 }
 
 .smart-form .icon-prepend {
     left: 5px;
     padding-right: 3px;
     border-right-width: 1px;
     border-right-style: solid
 }
 
 .smart-form .input .icon-prepend+input,.smart-form .textarea .icon-prepend+textarea {
     padding-left: 37px
 }
 
 .smart-form .input .icon-append+input,.smart-form .textarea .icon-append+textarea {
     padding-right: 37px
 }
 
 .smart-form .input .icon-prepend+.icon-append+input,.smart-form .textarea .icon-prepend+.icon-append+textarea {
     padding-left: 37px
 }
 
 .smart-form .row {
     margin: 0 -15px
 }
 
 .smart-form .row:after {
     content: '';
     display: table;
     clear: both
 }
 
 .smart-form .col {
     float: left;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
     box-sizing: border-box;
     -moz-box-sizing: border-box
 }
 
 .smart-form .col-1 {
     width: 8.33%
 }
 
 .smart-form .col-2 {
     width: 16.66%
 }
 
 .smart-form .col-3 {
     width: 25%
 }
 
 .smart-form .col-4 {
     width: 33.33%
 }
 
 .smart-form .col-5 {
     width: 41.66%
 }
 
 .smart-form .col-6 {
     width: 50%
 }
 
 .smart-form .col-8 {
     width: 66.67%
 }
 
 .smart-form .col-9 {
     width: 75%
 }
 
 .smart-form .col-10 {
     width: 83.33%
 }
 
 @media screen and (max-width: 600px) {
     .smart-form .col {
         float:none;
         width: 100%
     }
 }
 
 .smart-form .select select {
     padding: 5px
 }
 
 .smart-form .tooltip {
     position: absolute;
     z-index: 99999;
     left: -9999px;
     padding: 2px 8px 3px;
     font-size: 11px;
     line-height: 16px;
     font-weight: 400;
     background: rgba(0,0,0,.9);
     color: #fff;
     opacity: 0;
     transition: margin .3s,opacity .3s;
     -o-transition: margin .3s,opacity .3s;
     -ms-transition: margin .3s,opacity .3s;
     -moz-transition: margin .3s,opacity .3s;
     -webkit-transition: margin .3s,opacity .3s
 }
 
 .smart-form .tooltip:after {
     content: '';
     position: absolute
 }
 
 .smart-form .input input:focus+.tooltip,.smart-form .textarea textarea:focus+.tooltip {
     opacity: 1
 }
 
 .smart-form .tooltip-top-right {
     bottom: 100%;
     margin-bottom: 15px
 }
 
 .smart-form .tooltip-top-right:after {
     top: 100%;
     right: 11px;
     border-top: 4px solid rgba(0,0,0,.9);
     border-right: 4px solid transparent;
     border-left: 4px solid transparent
 }
 
 .smart-form .input input:focus+.tooltip-top-right,.smart-form .textarea textarea:focus+.tooltip-top-right {
     right: 0;
     left: auto;
     margin-bottom: 5px
 }
 
 .smart-form .tooltip-top-left {
     bottom: 100%;
     margin-bottom: 15px
 }
 
 .smart-form .tooltip-top-left:after {
     top: 100%;
     left: 11px;
     border-top: 4px solid rgba(0,0,0,.9);
     border-right: 4px solid transparent;
     border-left: 4px solid transparent
 }
 
 .smart-form .input input:focus+.tooltip-top-left,.smart-form .textarea textarea:focus+.tooltip-top-left {
     right: auto;
     left: 0;
     margin-bottom: 5px
 }
 
 .smart-form .tooltip-right {
     top: 4px;
     white-space: nowrap;
     margin-left: 15px
 }
 
 .smart-form .tooltip-right:after {
     top: 6px;
     right: 100%;
     border-top: 4px solid transparent;
     border-right: 4px solid rgba(0,0,0,.9);
     border-bottom: 4px solid transparent
 }
 
 .smart-form .input input:focus+.tooltip-right,.smart-form .textarea textarea:focus+.tooltip-right {
     left: 100%;
     margin-left: 5px
 }
 
 .smart-form .tooltip-left {
     top: 4px;
     white-space: nowrap;
     margin-right: 15px
 }
 
 .smart-form .tooltip-left:after {
     top: 6px;
     left: 100%;
     border-top: 4px solid transparent;
     border-bottom: 4px solid transparent;
     border-left: 4px solid rgba(0,0,0,.9)
 }
 
 .smart-form .input input:focus+.tooltip-left,.smart-form .textarea textarea:focus+.tooltip-left {
     right: 100%;
     left: auto;
     margin-right: 5px
 }
 
 .smart-form .tooltip-bottom-right {
     top: 100%;
     margin-top: 15px
 }
 
 .smart-form .tooltip-bottom-right:after {
     bottom: 100%;
     right: 11px;
     border-right: 4px solid transparent;
     border-bottom: 4px solid rgba(0,0,0,.9);
     border-left: 4px solid transparent
 }
 
 .smart-form .input input:focus+.tooltip-bottom-right,.smart-form .textarea textarea:focus+.tooltip-bottom-right {
     right: 0;
     left: auto;
     margin-top: 5px
 }
 
 .smart-form .tooltip-bottom-left {
     top: 100%;
     margin-top: 15px
 }
 
 .smart-form .tooltip-bottom-left:after {
     bottom: 100%;
     left: 11px;
     border-right: 4px solid transparent;
     border-bottom: 4px solid rgba(0,0,0,.9);
     border-left: 4px solid transparent
 }
 
 .smart-form .input input:focus+.tooltip-bottom-left,.smart-form .textarea textarea:focus+.tooltip-bottom-left {
     right: auto;
     left: 0;
     margin-top: 5px
 }
 
 .smart-form .checkbox i,.smart-form .icon-append,.smart-form .icon-prepend,.smart-form .input input,.smart-form .radio i,.smart-form .select select,.smart-form .textarea textarea,.smart-form .toggle i {
     border-color: #BDBDBD;
     transition: border-color .3s;
     -o-transition: border-color .3s;
     -ms-transition: border-color .3s;
     -moz-transition: border-color .3s;
     -webkit-transition: border-color .3s
 }
 
 .smart-form .toggle i:before {
     background-color: #3276B1
 }
 
 .smart-form .rating label {
     color: #ccc;
     transition: color .3s;
     -o-transition: color .3s;
     -ms-transition: color .3s;
     -moz-transition: color .3s;
     -webkit-transition: color .3s
 }
 
 .smart-form .button {
     background-color: #3276B1;
     opacity: .8;
     transition: opacity .2s;
     -o-transition: opacity .2s;
     -ms-transition: opacity .2s;
     -moz-transition: opacity .2s;
     -webkit-transition: opacity .2s
 }
 
 .smart-form .button.button-secondary {
     background-color: #b3b3b3
 }
 
 .smart-form .icon-append,.smart-form .icon-prepend {
     color: #A2A2A2
 }
 
 .smart-form .checkbox:hover i,.smart-form .input:hover input,.smart-form .radio:hover i,.smart-form .select:hover select,.smart-form .textarea:hover textarea,.smart-form .toggle:hover i {
     border-color: #5D98CC
 }
 
 .smart-form .rating input+label:hover,.smart-form .rating input+label:hover~label {
     color: #3276B1
 }
 
 .smart-form .button:hover {
     opacity: 1
 }
 
 .smart-form .checkbox:hover i,.smart-form .radio:hover i,.smart-form .toggle:hover i {
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
 }
 
 .smart-form .checkbox:active i,.smart-form .radio:active i,.smart-form .toggle:active i {
     background: #F0F0F0;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
 }
 
 .smart-form .checkbox input:focus+i,.smart-form .input input:focus,.smart-form .radio input:focus+i,.smart-form .select select:focus,.smart-form .textarea textarea:focus,.smart-form .toggle input:focus+i {
     border-color: #3276B1
 }
 
 .smart-form .radio input+i:after {
     background-color: #3276B1
 }
 
 .smart-form .checkbox input+i:after {
     color: #3276B1
 }
 
 .smart-form .checkbox input:checked+i,.smart-form .radio input:checked+i,.smart-form .toggle input:checked+i {
     border-color: #3276B1
 }
 
 .smart-form .rating input:checked~label {
     color: #3276B1
 }
 
 .smart-form .checkbox.state-error i,.smart-form .radio.state-error i,.smart-form .state-error input,.smart-form .state-error select,.smart-form .state-error textarea,.smart-form .toggle.state-error i {
     background: #fff0f0;
     border-color: #A90329
 }
 
 .smart-form .toggle.state-error input:checked+i {
     background: #fff0f0
 }
 
 .smart-form .state-error+em {
     display: block;
     margin-top: 6px;
     padding: 0 1px;
     font-style: normal;
     font-size: 11px;
     line-height: 15px;
     color: #D56161
 }
 
 .smart-form .rating.state-error+em {
     margin-top: -4px;
     margin-bottom: 4px
 }
 
 .smart-form .state-error select+i {
     background: #FFF0F0;
     box-shadow: 0 0 0 9px #FFF0F0
 }
 
 .state-error .icon-append,.state-error .icon-prepend {
     color: #ed1c24
 }
 
 .smart-form .checkbox.state-success i,.smart-form .radio.state-success i,.smart-form .state-success input,.smart-form .state-success select,.smart-form .state-success textarea,.smart-form .toggle.state-success i {
     background: #f0fff0;
     border-color: #7DC27D
 }
 
 .smart-form .toggle.state-success input:checked+i {
     background: #f0fff0
 }
 
 .smart-form .note-success {
     color: #6fb679
 }
 
 .smart-form .state-success select+i {
     background: #f0fff0;
     box-shadow: 0 0 0 9px #f0fff0
 }
 
 .smart-form .button.state-disabled,.smart-form .checkbox.state-disabled,.smart-form .input.state-disabled input,.smart-form .radio.state-disabled,.smart-form .select.state-disabled,.smart-form .textarea.state-disabled,.smart-form .toggle.state-disabled {
     cursor: default!important;
     opacity: .6!important
 }
 
 .smart-form .checkbox.state-disabled:hover i,.smart-form .input.state-disabled:hover input,.smart-form .radio.state-disabled:hover i,.smart-form .select.state-disabled:hover select,.smart-form .textarea.state-disabled:hover textarea,.smart-form .toggle.state-disabled:hover i {
     border-color: #e5e5e5!important
 }
 
 .smart-form .state-disabled.checkbox input+i:after,.smart-form .state-disabled.checkbox input:checked+i,.smart-form .state-disabled.radio input+i:after,.smart-form .state-disabled.radio input:checked+i,.smart-form .state-disabled.toggle input:checked+i {
     border-color: #e5e5e5!important;
     color: #333!important
 }
 
 .smart-form .state-disabled.radio input+i:after {
     background-color: #333
 }
 
 .smart-form .message {
     display: none;
     color: #6fb679
 }
 
 .smart-form .message i {
     display: block;
     margin: 0 auto 20px;
     width: 81px;
     height: 81px;
     border: 1px solid #6fb679;
     border-radius: 50%;
     font-size: 30px;
     line-height: 81px
 }
 
 .smart-form.submited fieldset,.smart-form.submited footer {
     display: none
 }
 
 .smart-form.submited .message {
     display: block;
     padding: 25px 30px;
     background: rgba(255,255,255,.9);
     font: 300 18px/27px 'Open Sans',Helvetica,Arial,sans-serif;
     text-align: center
 }
 
 .smart-form .ui-widget-content .ui-spinner-input {
     margin: 0;
     border: 0;
     box-shadow: none!important;
     height: 29px
 }
 
 .smart-form-modal {
     position: fixed;
     z-index: 1;
     display: none;
     width: 400px
 }
 
 .smart-form-modal-overlay {
     position: fixed;
     top: 0;
     left: 0;
     display: none;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,.7)
 }
 
 .ui-timepicker-div .ui-widget-header {
     margin-bottom: 8px
 }
 
 .ui-timepicker-div dl {
     text-align: left
 }
 
 .ui-timepicker-div dl dt {
     float: left;
     clear: left;
     padding: 0 0 0 5px
 }
 
 .ui-timepicker-div dl dd {
     margin: 17px 10px 12px 40%
 }
 
 .ui-timepicker-div td {
     font-size: 90%
 }
 
 .ui-tpicker-grid-label {
     background: 0 0;
     border: none;
     margin: 0;
     padding: 0
 }
 
 .ui-timepicker-rtl {
     direction: rtl
 }
 
 .ui-timepicker-rtl dl {
     text-align: right;
     padding: 0 5px 0 0
 }
 
 .ui-timepicker-rtl dl dt {
     float: right;
     clear: right
 }
 
 .ui-timepicker-rtl dl dd {
     margin: 0 40% 10px 10px
 }
 
 .smart-form input.input-lg {
     height: 44px;
     padding: 10px 16px;
     font-size: 17px;
     line-height: 1.33
 }
 
 .smart-form input.input-sm {
     height: 30px;
     padding: 5px 10px;
     font-size: 12px;
     line-height: 1.5
 }
 
 .smart-form input.input-xs {
     height: 24px;
     padding: 2px 10px;
     font-size: 11px;
     line-height: 1.5
 }
 
 .smart-form select.input-sm {
     height: 30px;
     line-height: 15px;
     font-size: 12px
 }
 
 .smart-form select.input-sm+i {
     height: 10px
 }
 
 .smart-form select.input-lg {
     height: 44px;
     line-height: 22px;
     font-size: 17px
 }
 
 .smart-form select.input-lg+i {
     height: 11px;
     top: 17px
 }
 
 .smart-form .checkbox input+input[type=hidden]+i:after {
     content: '\f00c';
     top: -1px;
     left: 1px;
     width: 15px;
     height: 15px;
     font: 400 16px/19px FontAwesome;
     text-align: center
 }
 
 .smart-form .checkbox input:checked:hover+input[type=hidden]+i:after {
     content: '\f00d'
 }
 
 .smart-form .checkbox input:checked:disabled:hover+input[type=hidden]+i:after {
     content: '\f00c'
 }
 
 .smart-form .checkbox input:checked+input[type=hidden]+i:after {
     opacity: 1
 }
 
 .smart-form .toggle input:checked+input[type=hidden]+i:after {
     content: attr(data-swchon-text);
     text-align: right
 }
 
 .smart-form .toggle input:checked+input[type=hidden]+i:before {
     right: 36px
 }
 
 .divMessageBox {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     /* background: rgba(0,0,0,.6); */
     z-index: 10000;
 }
 
 .MessageBoxContainer {
     top: 35%;
     color: #fff;
     /* position: relativea; */
     position: fixed;    
     width: 100%;
     background-color: #232323;
     background-color: rgba(0,0,0,.8);
     padding: 20px !important;
 }
 
 .MessageBoxMiddle {
     position: relative;
     left: 20%;
     width: 20% !important;
 }
 
 .MessageBoxMiddle .MsgTitle {
     letter-spacing: -1px;
     font-size: 24px;
     font-weight: 300
 }
 
 .MessageBoxMiddle .pText {
     font-size: 13px
 }
 
 .MessageBoxContainer input,.MessageBoxContainer select {
     width: 50%;
     padding: 5px
 }
 
 .MessageBoxButtonSection {
     width: 110px;
     height: 50px;
     dispaly: flex;
     z-index: 10000;
 }
 
 .MessageBoxButtonSection button {
     margin-right: 7px;
     padding-left: 15px;
     padding-right: 15px;
     font-size: 14px;
     font-weight: bold;
     background-color: #b3ff83;
     color: white;
 }
 
 .LoadingBoxContainer {
     top: 20%;
     color: #fff;
     position: relative;
     width: 100%;
     background-color: #232323
 }
 
 .LoadingBoxMiddle {
     position: relative;
     left: 20%;
     width: 50%;
     padding: 10px
 }
 
 .LoadingBoxContainer .MsgTitle {
     font-size: 26px
 }
 
 .LoadingBoxContainer .pText {
     font-size: 13px
 }
 
 #LoadingPoints {
     position: absolute
 }
 
 .bigBox {
     position: fixed;
     right: 10px;
     bottom: 10px;
     background-color: #004d60;
     padding-left: 10px;
     padding-top: 10px;
     padding-right: 10px;
     padding-bottom: 5px;
     width: 390px;
     height: 150px;
     color: #fff;
     z-index: 99999;
     box-sizing: content-box;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     border-left: 5px solid rgba(0,0,0,.15);
     overflow: hidden
 }
 
 .bigBox span {
     font-size: 17px;
     font-weight: 300;
     letter-spacing: -1px;
     padding: 5px 0!important;
     display: block
 }
 
 .bigBox p {
     font-size: 13px;
     margin-top: 10px
 }
 
 #divMiniIcons {
     position: fixed;
     width: 415px;
     right: 10px;
     bottom: 180px;
     z-index: 9999;
     float: right
 }
 
 .botClose {
     position: absolute;
     right: 10px;
     height: 16px;
     width: 15px;
     cursor: pointer;
     font-size: 18px;
     opacity: .5;
     display: block;
     top: 15px
 }
 
 .botClose:hover {
     opacity: 1
 }
 
 #divMiniIcons .cajita {
     text-align: center;
     vertical-align: middle;
     padding: 4px 6px;
     color: #FFF;
     float: right;
     cursor: pointer;
     display: block;
     background-color: red;
     font-size: 17px;
     margin-left: 4px;
     margin-top: 5px
 }
 
 #divMiniIcons .cajita:active {
     top: 1px;
     left: 1px;
     position: relative
 }
 
 .cajita img {
     width: 23px;
     height: 23px;
     padding-left: 3px;
     padding-top: 3px
 }
 
 .bigBox .bigboxicon {
     font-size: 30px;
     text-align: left;
     position: absolute;
     top: 120px;
     left: 6px;
     z-index: 0
 }
 
 .bigBox .bigboxnumber {
     width: 100%;
     text-align: right;
     font-size: 25px
 }
 
 
 #divSmallBoxes {
     position: fixed;
     right: 0;
     top: 0;
     z-index: 9999
 }
 
 .SmallBox {
     position: absolute;
     right: 0px;
     top: 20px;
     width: 400px;
     color: #fff;
     z-index: 9999;
     overflow: hidden;
     border: 1px solid transparent;
     text-align: center;
 }
 
 .SmallBox:hover {
     border: 1px solid #fff;
     cursor: pointer
 }
 
 .SmallBox .foto {
     font-size: 50px;
     position: absolute;
     left: 17px
 }
 
 .SmallBox .textoFull {
     width: 93%;
     float: left;
     padding-left: 20px
 }
 
 .SmallBox .textoFoto {
     width: 78%;
     margin: 3px 20px 3px 80px;
     float: left
 }
 
 .miniPic {
     position: absolute;
     bottom: 8px;
     right: 9px
 }
 
 .miniIcono {
     height: 100%;
     font-size: 20px
 }
 
 .SmallBox span {
     font-size: 17px;
     font-weight: 300;
     letter-spacing: -1px;
     display: block;
     margin: 4px 0
 }
 
 .SmallBox p {
     font-size: 13px;
     margin-top: 2px
 }
 
 
 .btn,a:link,button {
     -webkit-tap-highlight-color: rgba(169,3,41,.5)
 }
 
 
 h1 {
     letter-spacing: -1px;
     font-size: 18px;
     margin: 10px 0
 }
 
 h1 small {
     font-size: 18px;
     font-weight: 300;
     letter-spacing: -1px
 }
 
 .lead {
     font-size: 19px
 }
 
 h2 {
     letter-spacing: -1px;
     font-size: 22px;
     margin: 20px 0;
     line-height: normal
 }
 
 h3 {
     display: block;
     font-size: 19px;
     font-weight: 400;
     margin: 20px 0;
     line-height: normal
 }
 
 h4 {
     line-height: normal
 }
 
 h5 {
     font-size: 17px;
     font-weight: 300;
     margin: 10px 0;
     line-height: normal
 }
 
 h6 {
     font-size: 15px;
     margin: 10px 0;
     font-weight: 700;
     line-height: normal
 }
 
 .row-seperator-header {
     margin: 15px 14px 20px;
     border-bottom: none;
     display: block;
     color: #646464;
     font-size: 20px;
     font-weight: 400
 }
 
 
 .well {
     background-color: #fbfbfb;
     border: 1px solid #ddd;
     box-shadow: 0 1px 1px #ececec;
     -webkit-box-shadow: 0 1px 1px #ececec;
     -moz-box-shadow: 0 1px 1px #ececec;
     position: relative
 }
 
 .well.well-clean {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     border-color: transparent
 }
 
 .well.well-glass {
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     border-color: transparent;
     background-color: rgba(255,255,255,.25);
     color: #fff
 }
 
 .well.well-light {
     background: #fff;
     border: 1px solid #e2e2e2
 }
 
 .widget-body .well {
     margin-bottom: 0
 }
 
 .well.transparent {
     border: none!important;
     background: none!important
 }
 
 
 .profile-pic {
     text-align: right
 }
 
 .profile-pic>img {
     border-radius: 0;
     position: relative;
     border: 5px solid #fff;
     top: -30px;
     left: 10px;
     display: inline-block;
     text-align: right;
     z-index: 4;
     max-width: 100px;
     margin-bottom: -30px
 }
 
 .profile-carousel .carousel-inner {
     max-height: 150px
 }
 
 .friends-list li {
     margin-bottom: 10px;
     margin-right: 3px;
     padding: 0
 }
 
 .friends-list img {
     width: 35px;
     border: 1px solid #fff;
     outline: 1px solid #bfbfbf
 }
 
 .profile-link-btn {
     color: #999;
     font-size: 14px
 }
 
 time.icon {
     font-size: 14px;
     display: block;
     position: relative;
     width: 35px;
     height: 43px;
     background-color: #fff;
     margin: 3px auto;
     border-radius: 7px;
     box-shadow: 0 1px 0 #bdbdbd,0 2px 0 #fff,0 3px 0 #EEE9E9,0 4px 0 #fff,0 5px 0 #FFF,0 0 0 1px #D3D3D3;
     overflow: hidden
 }
 
 time.icon * {
     display: block;
     width: 100%;
     font-size: 10px;
     font-weight: 700;
     font-style: normal;
     text-align: center
 }
 
 time.icon strong {
     position: absolute;
     top: 0;
     padding: 2px 0;
     color: #fff;
     background-color: #3a3633;
     -webkit-box-shadow: 0 2px 0 #3a3633;
     box-shadow: 0 2px 0 #3a3633;
     border-radius: 6px 6px 0 0
 }
 
 time.icon em {
     position: absolute;
     bottom: 3px;
     color: #3276b1
 }
 
 time.icon span {
     width: 100%;
     font-size: 15px;
     letter-spacing: -.05em;
     padding-top: 21px;
     color: #2f2f2f
 }
 
 .user {
     display: block;
     float: left;
     width: 170px;
     margin: 0 15px 15px 0;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap
 }
 
 .user img {
     float: left;
     width: 35px;
     margin-right: 5px
 }
 
 .user .email {
     color: #999;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap
 }
 
 .semi-bold {
     font-weight: 400!important;
 }
 
 .ultra-light {
     font-weight: 300!important
 }
 
 .font-xs {
     font-size: 85%!important
 }
 
 .font-sm {
     font-size: 95%!important
 }
 
 .font-md {
     font-size: 130%!important
 }
 
 .font-lg {
     font-size: 160%!important
 }
 
 .font-xl {
     font-size: 200%!important
 }
 
 .font-400 {
     font-size: 400%!important
 }
 
 .well .form-actions {
     margin-left: -19px;
     margin-right: -19px;
     margin-bottom: -19px
 }
 
 .well.well-lg .form-actions {
     margin-left: -24px;
     margin-right: -24px;
     margin-bottom: -24px
 }
 
 .well.well-sm .form-actions {
     margin-left: -9px;
     margin-right: -9px;
     margin-bottom: -9px
 }
 
 .fpanel {
     position:fixed;
     bottom:20px;
     right:100px;
     border:solid 1px black;
 }
 
 .scrollingtable {
   box-sizing: border-box;
   display: inline-block;
   vertical-align: middle;
   overflow: hidden;
   width: auto; /*if you want a fixed width, set it here, else set to auto*/
   min-width: 0/*100%*/; /*if you want a % width, set it here, else set to 0*/
   height: 188px/*100%*/; /*set table height here; can be fixed value or %*/
   min-height: 0/*104px*/; /*if using % height, make this large enough to fit scrollbar arrows + caption + thead*/
   font-family: Verdana, Tahoma, sans-serif;
   font-size: 15px;
   line-height: 20px;
   padding: 20px 0 20px 0; /*need enough padding to make room for caption*/
   text-align: left;
 }
 .scrollingtable * {box-sizing: border-box;}
 .scrollingtable > div {
   position: relative;
   border-top: 1px solid black;
   height: 100%;
   padding-top: 20px; /*this determines column header height*/
 }
 .scrollingtable > div:before {
   top: 0;
   background: cornflowerblue; /*header row background color*/
 }
 .scrollingtable > div:before,
 .scrollingtable > div > div:after {
   content: "";
   position: absolute;
   z-index: -1;
   width: 100%;
   height: 100%;
   left: 0;
 }
 .scrollingtable > div > div {
   min-height: 0/*43px*/; /*if using % height, make this large enough to fit scrollbar arrows*/
   max-height: 100%;
   overflow: scroll/*auto*/; /*set to auto if using fixed or % width; else scroll*/
   overflow-x: hidden;
   border: 1px solid black; /*border around table body*/
 }
 .scrollingtable > div > div:after {background: white;} /*match page background color*/
 .scrollingtable > div > div > table {
   width: 100%;
   border-spacing: 0;
   margin-top: -20px; /*inverse of column header height*/
   /*margin-right: 17px;*/ /*uncomment if using % width*/
 }
 .scrollingtable > div > div > table > caption {
   position: absolute;
   top: -20px; /*inverse of caption height*/
   margin-top: -1px; /*inverse of border-width*/
   width: 100%;
   font-weight: bold;
   text-align: center;
 }
 .scrollingtable > div > div > table > * > tr > * {padding: 0;}
 .scrollingtable > div > div > table > thead {
   vertical-align: bottom;
   white-space: nowrap;
   text-align: center;
 }
 .scrollingtable > div > div > table > thead > tr > * > div {
   display: inline-block;
   padding: 0 6px 0 6px; /*header cell padding*/
 }
 .scrollingtable > div > div > table > thead > tr > :first-child:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   height: 20px; /*match column header height*/
   border-left: 1px solid black; /*leftmost header border*/
 }
 .scrollingtable > div > div > table > thead > tr > * > div[labelt]:before,
 .scrollingtable > div > div > table > thead > tr > * > div > div:first-child,
 .scrollingtable > div > div > table > thead > tr > * + :before {
   position: absolute;
   top: 0;
   white-space: pre-wrap;
   color: blue; /*header row font color*/
 }
 .scrollingtable > div > div > table > thead > tr > * > div[labelt]:before,
 .scrollingtable > div > div > table > thead > tr > * > div[labelt]:after {content: attr(labelt);}
 .scrollingtable > div > div > table > thead > tr > * + :before {
   content: "";
   display: block;
   min-height: 20px; /*match column header height*/
   padding-top: 1px;
   border-left: 1px solid black; /*borders between header cells*/
 }
 .scrollingtable .scrollbarhead {float: right;}
 .scrollingtable .scrollbarhead:before {
   position: absolute;
   width: 100px;
   top: -1px; /*inverse border-width*/
   background: white; /*match page background color*/
 }
 .scrollingtable > div > div > table > tbody > tr:after {
   content: "";
   display: table-cell;
   position: relative;
   padding: 0;
   border-top: 1px solid black;
   top: -1px; /*inverse of border width*/
 }
 .scrollingtable > div > div > table > tbody {vertical-align: top;}
 .scrollingtable > div > div > table > tbody > tr {background: white;}
 .scrollingtable > div > div > table > tbody > tr > * {
   border-bottom: 1px solid black;
   padding: 0 6px 0 6px;
   height: 20px; /*match column header height*/
 }
 .scrollingtable > div > div > table > tbody:last-of-type > tr:last-child > * {border-bottom: none;}
 .scrollingtable > div > div > table > tbody > tr:nth-child(even) {background: gainsboro;} /*alternate row color*/
 .scrollingtable > div > div > table > tbody > tr > * + * {border-left: 1px solid black;} /*borders between body cells*/
 
 .detail_data {
     margin-left: 45px;
     padding-bottom: 20px;
     padding-top: 10px;
 }
 
 
 .twoboxone{
     float:left;
     width:45%;
     overflow:auto;
     margin-right: 5px;
 }
 .twoboxtwo{
     float:left;
     width:45%;
     overflow:auto;
 }
 
 .treeboxone{
     float:left;
     width:28%;
     overflow:auto;
     margin-right: 5px;    
 }
 .treeboxtwo{
     float:left;
     width:28%;
     overflow:auto;
     margin-right: 5px;    
 }
 
 .treeboxtree{
     float:left;
     width:28%;
     overflow:auto;
 }
 .fa-thumbs-down {color: #de0a0a}
 .fa-thumbs-up {color: #18a701}
 
 .btn-store {
   color: #777777;
   min-width: 254px;
   padding: 12px 20px !important;
   border-color: #dddddd !important;
 }
 
 .btn-store:focus, 
 .btn-store:hover {
   color: #ffffff !important;
   background-color: #168eea;
   border-color: #168eea !important;
 }
 
 .btn-store .btn-label, 
 .btn-store .btn-caption {
   display: block;
   text-align: left;
   line-height: 1;
 }
 
 .btn-store .btn-caption {
   font-size: 12px;
 }
 .pull-left {
     margin-right: 0.3em !important;
 }
 
 ui-widget-content {
 
     
 }
 
 .ui-dialog
 .ui-dialog-titlebar-buttonpane>a {
     float: right !important;
     margin-right: 5px !important;
     height: 23px !important;
     width: 20px !important;
 }
 
 .ui-dialog-titlebar-buttonpane>button {
     height: 23px !important;
     width: 20px !important;
 }
 
 .ui-dialog .ui-dialog-content {
     padding: 0.1em 0.5em !important;
 }
 
 .nav>li>a {
     position: relative !important;
     display: block !important;
     padding: 10px 8px !important;
 
 }
 
 
 
 .ui-dialog .ui-dialog-titlebar {
     padding: 0 !important;
     /* black */
     /* background: rgba(47, 53, 56, 0.95) !important; */
     /* border-bottom: 1px solid #22c9e8 !important; */
     /* color: white !important; */
     /* text-align: center !important; */
     /* font-family: 'Raleway', 'Quicksand', 'Open Sans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;     */
 }
 
 /* bs4 */
 
 .btn-group-sm>.btn, .btn-sm {
     padding: 0.25rem .5rem !important;
     font-size: .875rem !important;
     line-height: 1 !important;
     border-radius: .2rem !important;
 }
 
 .btn-group-xs>.btn, .btn-xs {
     padding: 0.25rem .5rem !important;
     font-size: .875rem !important;
     line-height: 1 !important;
     border-radius: .2rem !important;
 }
 .label {
   display: inline;
   padding: .2em .6em .3em;
   font-size: 75%;
   font-weight: bold;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25em;
 }
 a.label:hover,
 a.label:focus {
   color: #fff;
   text-decoration: none;
   cursor: pointer;
 }
 .label:empty {
   display: none;
 }
 
 .label-default {
   background-color: #777;
 }
 .label-default[href]:hover,
 .label-default[href]:focus {
   background-color: #5e5e5e;
 }
 .label-primary {
   background-color: #337ab7;
 }
 .label-primary[href]:hover,
 .label-primary[href]:focus {
   background-color: #286090;
 }
 .label-success {
   background-color: #5cb85c;
 }
 .label-success[href]:hover,
 .label-success[href]:focus {
   background-color: #449d44;
 }
 .label-info {
   background-color: #5bc0de;
 }
 .label-info[href]:hover,
 .label-info[href]:focus {
   background-color: #31b0d5;
 }
 .label-warning {
   background-color: #f0ad4e;
 }
 .label-warning[href]:hover,
 .label-warning[href]:focus {
   background-color: #ec971f;
 }
 .label-danger {
   background-color: #d9534f;
 }
 .label-danger[href]:hover,
 .label-danger[href]:focus {
   background-color: #c9302c;
 }
 
 /* grid system */
 
 
 .grid-stack-item-content {
     border-color: #ff0000 !important;
     border: 1px solid;
 }
 
 /* .grid-stack>.grid-stack-item>.grid-stack-item-content { */
     /* margin: 0 !important; */
     /* position: absolute !important; */
     /* top: 0 !important; */
     /* left: 10px !important; */
     /* right: 10px !important; */
     /* bottom: 0 !important; */
     /* left: auto !important; */
     /* right: auto !important; */
     /* bottom: auto !important; */
     /* width: auto !important; */
     /* z-index: 0 !important; */
     /* overflow-x: hidden !important; */
     /* overflow-y: auto !important; */
 /* } */
 
 .dropdown-menu {
     font-size: 14px !important;
 }
 
 .dropdown-item {padding: 1px !important;}
 
 .loading_ggif {
     position: fixed;
     margin: 0;
     width: calc(33.33% - 25px);
     z-index: 9999;
     width: 100%;
     height: 100%;
 }
 
 .loading_egif {
     position: fixed;
     margin: 0;
     width: calc(33.33% - 25px);
     z-index: 9999;
 }
 
 .loading_error {
     position: fixed;
     margin: 0;
     width: calc(33.33% - 25px);
     z-index: 9999;
     width: 100%;
     height: 100%;
 }
 
 .sticky {
     position: fixed;
     /*top: 10px;*/
     right:18px;
     margin: 0;
     width: calc(33.33% - 25px);
     z-index: 9999;
 }
 
 .spinner {
   margin: 100px auto 0;
   width: 70px;
   text-align: center;
 }
 
 .spinner > div {
   width: 18px;
   height: 18px;
   background-color: #333;
 
   border-radius: 100%;
   display: inline-block;
   -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
   animation: sk-bouncedelay 1.4s infinite ease-in-out both;
 }
 
 .spinner .bounce1 {
   -webkit-animation-delay: -0.32s;
   animation-delay: -0.32s;
 }
 
 .spinner .bounce2 {
   -webkit-animation-delay: -0.16s;
   animation-delay: -0.16s;
 }
 
 @-webkit-keyframes sk-bouncedelay {
   0%, 80%, 100% { -webkit-transform: scale(0) }
   40% { -webkit-transform: scale(1.0) }
 }
 
 @keyframes sk-bouncedelay {
   0%, 80%, 100% {
     -webkit-transform: scale(0);
     transform: scale(0);
   } 40% {
     -webkit-transform: scale(1.0);
     transform: scale(1.0);
   }
 }
 
 /*Error messages*/
 .error_msg {
   height: 100vh;
   display: flex;
   flex-direction: column;
   /*justify-content: center;*/
   align-items: center;
 }
 
 .error_msg h1 {
   margin-bottom: 15px;
   font-family: 'Lato', sans-serif;
   font-size: 50px;
 }
 
 .error_msg h3 {
   margin-bottom: 15px;
   font-family: 'Lato', sans-serif;
   font-size: 30px;
 }
 
 .error_msg_message {
   display: inline-block;
   line-height: 1.2;
   transition: line-height .2s, width .2s;
   overflow: hidden;
 }
 
 .error_msg_message,
 .error_msg_hidden {
   font-family: 'Roboto Slab', serif;
   font-size: 18px;
 }
 
 .error_msg_hidden {
   color: #FFF;
 }
 
 .switch {
         position: relative;
         display: inline-block;
         width: 60px;
         height: 34px;
         float: right;
     }
 
     /* Hide default HTML checkbox */
     .switch input {
         display: none;
     }
 
     /* The slider */
     .slider {
         position: absolute;
         cursor: pointer;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background-color: #ccc;
         -webkit-transition: .4s;
         transition: .4s;
     }
 
     .slider:before {
         position: absolute;
         content: "";
         height: 26px;
         width: 26px;
         left: 4px;
         bottom: 4px;
         background-color: white;
         -webkit-transition: .4s;
         transition: .4s;
     }
 
     input.default:checked + .slider {
         background-color: #444;
     }
 
     input.primary:checked + .slider {
         background-color: #2196F3;
     }
 
     input.success:checked + .slider {
         background-color: #8bc34a;
     }
 
     input.info:checked + .slider {
         background-color: #3de0f5;
     }
 
     input.warning:checked + .slider {
         background-color: #FFC107;
     }
 
     input.danger:checked + .slider {
         background-color: #f44336;
     }
 
     input:focus + .slider {
         box-shadow: 0 0 1px #2196F3;
     }
 
     input:checked + .slider:before {
         -webkit-transform: translateX(26px);
         -ms-transform: translateX(26px);
         transform: translateX(26px);
     }
 
     /* Rounded sliders */
     .slider.round {
         border-radius: 34px;
     }
 
     .slider.round:before {
         border-radius: 50%;
     }
 
 .audit_fields {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
 .audit_fields .string { color: green; }
 .audit_fields .number { color: darkorange; }
 .audit_fields .boolean { color: blue; }
 .audit_fields .null { color: magenta; }
 .audit_fields .key { color: red; }
 
 .MessageBoxMiddle .MsgTitle {
     font-size: 24px !important;
     font-weight: bold !important;
 }
 
 .MessageBoxMiddle .pText {
     font-size: 20px !important;
 }
 
 
 element.style {
     font-size: 24px !important;
     /* color: gray; */
 }
 .btn:not(:disabled):not(.disabled) {
     cursor: pointer;
 }
 .MessageBoxButtonSection button {
     margin-right: 7px;
     padding-left: 15px;
     padding-right: 15px;
     font-size: 24px !important;
     font-weight: bold;
     background-color: #033c73;
     color: white;
 }
 
 .danger_undeline {
   text-decoration: underline;
   -webkit-text-decoration-color: red; /* Safari */
   text-decoration-color: red;
 }
 
 .cell_highlight {
     border: 1px solid #a2a2ff !important;
     border-style:double !important;
 };
 
 .tooltip {
   position: relative;
   display: inline-block;
   border-bottom: 1px dotted black;
 }
 
 .tooltip .tooltiptext {
   visibility: hidden;
   width: 120px;
   background-color: black;
   color: #fff;
   text-align: center;
   border-radius: 6px;
   padding: 5px 0;
 
   /* Position the tooltip */
   position: absolute;
   z-index: 1;
 }
 
 .tooltip:hover .tooltiptext {
   visibility: visible;
 }
 
 .swal2-popup {
     font-size: 11px !important;
 }
 
 .progress-bar {
     color: black !important;
 }
 
 
 .right_floating_div {
     position: fixed;
     left: 40px;
     top: 40px;
     z-index: 1000;
     display: none;
     border: #8cbaff 1px dashed;
 }    
 
 .left_floating_div {
     position: fixed;
     float: right;
     right: 11px;        
     top: 40px;
     z-index: 1000;
     display: none;
     border: #8cbaff 1px dashed;
 }    
 
 .center_floating_div {
     position: fixed;
     z-index: 1000;
     display: none;
     top: 20%;
     left: 10%;
     margin-top: -100px;
     margin-left: -100px;
     border: #8cbaff 1px dashed;
     width: 90%;
     overflow: auto;
     overflow-y: scroll;
     overflow-x: scroll;
 }
 
 .input_group_down_22 {
     padding-top: 22px;
 }
 
 .input_group_down_30 {
     padding-top: 30px;
 }
 .grid_row_anull {
     background-color: #f89f9f;
 }
 
 .grid_row_approved {
     background-color: #dbffd0;
 }
 
 .grid_row_verified {
     background-color: #d0ddff;
 }
 
 .content-page {
    min-height: calc(100vh - var(--ct-topbar-height) - 50px) !important; 
 }
 

 .form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}