:root{
  --color-primary: #1B3F85;
  --color-secondary: #0A9AAD;
  --color-terciary: #E81F5E;
  --color-water: #0253ff1f;
  --color-pink: #A4293D;
  --color-green: #36B24A;
  --color-yellow: #DDA507;
  --color-orange: #E9580C;
  --color-skyblue: #E8F0FE;
  --color-gray-ligth: #d1d1d1;
  --color-gray-superligth: #f5f5f5;
  --color-gray-bold: #5f5f5f;
  --color-disabled: #607D8B ;
  --color-gray-bold-input: #515151;
  --color-gray-new: #323232;
  --color-error: #e91616;
  --color-new-primary: #1B3F80;
  --color-new-light-gray: #AEAEB4;
  --font-primary : Roboto;
  --border-radius: 24px;
  --border-radius-xs: 12px;
  --padding-button: 13px 16px 12px 16px;
  --padding-card: 24px;
}


.main-content {
    margin-top: 45px !important;
   }
   /*  */
   @media (min-width: 992px){
       .typo-line{
           padding-left: 140px;
           margin-bottom: 40px;
           position: relative;
       }
   
       .typo-line .category{
           transform: translateY(-50%);
           top: 50%;
           left: 0px;
           position: absolute;
       }
   }
   h1, h2, h3, h4, h5, h6 {
       font-weight: 400 !important;
   }
   .form-group.label-floating.is-focused label.control-label,
    .form-group.label-floating:not(.is-empty) label.control-label {
       font-size: 12.9px;
   }
    .form-group.label-floating.is-focused label.control-label,
    .form-group.label-floating label.control-label {
       color: var(--color-primary) !important;
   }
   label{
    font-weight: normal !important;
   }
   .label-blue {
       color: var(--color-primary) !important;
   }
   .main-content {
       margin-top: 43px!important ;
   }
   @media (max-width: 990px ){
       .main-content {
           margin-top: 23px!important ;
       }
   }
   
   
   .form-group  .resizable-vertical{
       resize: vertical !important;
   }
   table.dataTable thead > tr{
       background-color: lightgray;
   }
   .sebm-google-map-container {
     height: 300px;
   }
   #map{
       position:relative;
       width:100%;
       height: calc(100% - 60px);
       margin-top: 70px;
   }
   
   .places-buttons .btn{
       margin-bottom: 30px
   }
   
   .space-70{
       height: 70px;
       display: block;
   }
   
   .tim-row{
       margin-bottom: 20px;
   }
   
   .tim-typo{
       padding-left: 25%;
       margin-bottom: 40px;
       position: relative;
   }
   .tim-typo .tim-note{
       bottom: 10px;
       color: #c0c1c2;
       display: block;
       font-weight: 400;
       font-size: 13px;
       line-height: 13px;
       left: 0;
       margin-left: 20px;
       position: absolute;
       width: 260px;
   }
   .tim-row{
       padding-top: 50px;
   }
   .tim-row h3{
       margin-top: 0;
   }
   @media (min-width: 992px){
   
       .typo-line{
           padding-left: 140px;
           margin-bottom: 40px;
           position: relative;
       }
   
       .typo-line .category{
           transform: translateY(-50%);
           top: 50%;
           left: 0px;
           position: absolute;
       }
   }
   
   
   /* RL
   ------------------------------ */
   body {
      font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
       background-color: #EEEEEE !important;
       color: #545454 !important;
   }
   .login .navbar .navbar-brand {
       /* background: rgb(112, 112, 216); *//*#7070D8*/
       background-image: url(../img/logos/default/logo.png);
       width: 380px;
       height: 150px;
   }
   p.category.text-center {
       margin-top: 20px;
   }
   .login-page .card-login .btn-wd {
       min-width: 120px;
       background: var(--color-primary);
       color: #fff;
       text-transform: capitalize;
       padding: 12px;
       margin-right: 30px;
   }
   
   /* Forms */
   .card [data-background-color="blue"] {
       background: #0079bf;
       box-shadow: none;
   }
   .card [data-background-color="newblue"] {
       background: #1b3f85;
       box-shadow: none;
    }

   table.dataTable thead > tr {
       background-color: #e6e6e6;
       color: #4d4d4d;
   }
   .navbar.navbar-info {
       background-color: #0079bf;
       color: #ffffff;
   }
   .nav-rq {
    position: relative;
    min-height: 50px;
    border: 1px solid transparent;
   }
   .nav-rq.navbar-info {
    background-color: #0079bf;
    color: #ffffff;
   }
   li.paginate_button a:focus{
    outline: none;
   }

   .pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    flex-direction: row;
    justify-content: flex-end;
    height: 30px !important;
    text-decoration: none;
  }

   .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
      background-color: var(--color-primary) !important;
      border-color: var(--color-primary) !important;
      box-shadow: none !important;
      color: #FFFFFF !important;
      text-decoration: none;
   }
   .pagination > li > a, .pagination > li > span {
    border-radius: 30px !important;
    transition: all .3s;
    padding: 0px 11px;
    margin: 0 3px;
    min-width: 30px;
    height: 30px !important;
    line-height: 30px;
    color: #999999;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    background: transparent;
    text-decoration: none;
    display: flex;
   }
   .title, .title a, .card-title, .card-title a, .info-title, .info-title a, .footer-brand, .footer-brand a, .footer-big h5, .footer-big h5 a, .footer-big h4, .footer-big h4 a, .media .media-heading, .media .media-heading a {
       color: #545454;
   }
   button.btn.btn-default {
       background: #2399e5;
   }
   button.btn.btn-default:hover {
       background: var(--color-primary);
   }
   
   button.btn.btn-factoring{
       background: #17d817;
   }
   
   /* Sidebar */
   .sidebar .logo {
       background: #F8FAFC;;
   }
   .sidebar .sidebar-background {
       background-position: center !important;
       background-size: contain !important;
       background-repeat: no-repeat;
   }
   .sidebar[data-background-color="black"], .off-canvas-sidebar[data-background-color="black"] {
       background-color: #F8FAFC;
   }
   .sidebar[data-background-color="black"] .sidebar-background:after, .off-canvas-sidebar[data-background-color="black"] .sidebar-background:after {
       background: #F8FAFC;
   }
   
   
   
   /* Controls */
   .form-control, .form-group .form-control {
       border: 0;
       background-image: linear-gradient(var(--color-primary), var(--color-primary)), linear-gradient(#D2D2D2, #D2D2D2);
       box-shadow: none !important;
   }
   .form-group.is-focused .form-control {
       border: 0;
       background-image: linear-gradient(var(--color-primary), var(--color-primary)), linear-gradient(#D2D2D2, #D2D2D2);
   }
   .checkbox input[type=checkbox]:checked + .checkbox-material .check {
       background: var(--color-primary);
   }
   
   .togglebutton label input[type=checkbox]:checked + .toggle {
       background-color: rgba(74, 148, 192, 0.7);
   }
   .togglebutton label input[type=checkbox]:checked + .toggle:after {
       border-color: var(--color-primary);
   }
   @media only screen and (max-width: 480px)  {
       div.dataTables_wrapper div.dataTables_info {
           padding-top: 8px;
           white-space: normal;
       }
   }
   
   /* Footer */
   footer {
       display: none;
   }
   
   .modal-body {
       max-height: calc(100vh - 210px);
       overflow-y: auto;
   }
   
   .bootstrap-datetimepicker-widget .active {
           position: relative;
           background-color: var(--color-primary) !important;
           color: #FFFFFF !important;
           box-shadow: 0 14px 26px -12px var(--color-primary), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px #2399e5 !important;
           border: none !important;
           border-radius: 3px !important;
   }
   
   .material-datatables {
     overflow: visible;
   }

   table.dataTable.table-striped tbody tr.odd.selected {    
       background-color: #acbad4 !important;        
   }
   table.dataTable.table-striped tbody tr.even.selected {    
       background-color: #acbad4 !important;        
   }
   
   
   tr.highlight {
           font-weight: bold;
           /*color: blue;*/
           background-color: #acbad4 !important;  
          /*background: var(--color-primary) !important;  */
           
       }
   
   .togglebutton label input[type=checkbox]:checked + .toggle {
       background-color:  var(--color-primary) !important;
   }
   
   .togglebutton label input[type=checkbox]:checked + .toggle:after {
       border-color:var(--color-primary) !important;
   }
   
   .checkbox input[type=checkbox]:checked + .checkbox-material .check {
       background: var(--color-primary) !important;
   }
   
   a.btn.btn-default {
       background: #2399e5;
   }
   a.btn.btn-default:hover {
       background: var(--color-primary);
   }
   
   span.btn.btn-default {
       background: #2399e5;
   }
   span.btn.btn-default:hover {
       background: var(--color-primary);
   }
   
   
   span[disabled].btn.btn-default {
       box-shadow: none;
   }
   
   
   .form-control, .form-group .form-control {
      background-image: linear-gradient(var(--color-primary), var(--color-primary)), linear-gradient(#D2D2D2, #D2D2D2);
   }
   
  .form-control, .form-group .form-control[type=search] {
    background-image: linear-gradient(var(--color-primary), var(--color-primary)), linear-gradient(#D2D2D2, #D2D2D2);
  }
   
  .bootstrap-datetimepicker-widget a[data-action] {
       padding: 0;
       margin: 0;
       border-width: 0;
       background-color: transparent;
       color: #2399e5;
       box-shadow: none;
  }
   
   .bootstrap-datetimepicker-widget a[data-action]:hover span {
       background-color: #eeeeee;
       color: var(--color-primary);
   }
   /*
   @media only screen and (max-width: 700px) {
       .material-datatables .checkbox .checkbox-material {
           vertical-align: middle;
           position: relative;
           top: 3px !important;
           padding-right: 5px;
       }
   
   }
   @media only screen and (min-width: 700px) {
      .material-datatables .checkbox .checkbox-material {
           vertical-align: middle;
           position: relative;
           top: -5px !important;
           padding-right: 5px;
       }
   
   }
   */
   
   
   
   
    .checkbox-material-45  {
       
       top: -7px !important;
       padding-right: 0px !important;
       
   }
   
   .checkbox-material-25  {
       
       top: 3px !important;
       padding-right: 0px !important;
   }
   
   td.evaluacion-cotizaciones-proveedor {
       background: #eaf7e8;
          
   }
   td.evaluacion-cotizaciones-proveedor-resaltado {    
       background: rgb(63, 171, 243);
          
   }
   
   td.evaluacion-cotizaciones-producto {
       background: #EAF7E8;
   }
   
   td .evaluacion-cotizaciones-evaluacion-input{
       width: 100px;
   
   }
   
   
   .table-evaluacion-cotizaciones, .table-evaluacion-cotizaciones td, .table-evaluacion-cotizaciones th {    
       border: 1px solid #333;
      /*text-align: left;*/
   }
   
   .table-evaluacion-cotizaciones {
       
       
       border-collapse: collapse;
       width: 100%;
   }
   
   .table-evaluacion-cotizaciones th, .table-evaluacion-cotizaciones td {
       padding: 5px;
   }
   
   .table-evaluacion-cotizaciones table, .table-evaluacion-cotizaciones table td, .table-evaluacion-cotizaciones table th {    
       border: 0px solid #ddd;
      /*text-align: left;*/
   }
   .evaluacion-cotizaciones-header{
           background-color: #0079bf;
       /*color: #ffffff;*/
       text-align: center;
        
       font-weight: bold;
   }


   .table-ec-movil {
       
       
       border-collapse: collapse;
       width: 100%;
   }
   
   .table-ec-movil th, .table-ec-movil td {
       padding: 5px;
   }
    .table-ec-movil td.control {
       padding: 0px;
   }
   
   .table-ec-movil, .table-ec-movil td, .table-ec-movil th {    
       border: 1px solid #ddd;
      /*text-align: left;*/
   }
   
   .table-ec-movil td.header-main{
      background-color: #1F4E78;
      color: #ffffff;
   
   }
   .table-ec-movil td.header{
     background-color: #2F75B5;
   
     color: #ffffff;
   
         
   
   }
   .table-ec-movil input{
     
       width: 100%;
   }
   
   .table-ec-movil td.producto{
      background: #BDD7EE;
   }
   
   .table-ec-movil td.cotizacion-header{
      background: #EEEEEE;
      font-weight: bold;
   }
   
   .table-ec-movil td.cotizacion-value{
      background: #F0F8FF;
   }
   
   .table-ec-movil td.cotizacion-resaltada{
       background: #FFFCBD;
   }
   
   
    .table-ec-movil td.expanded:before {
       top: 50%;
       margin-top: 0px;
       left: 4px;
       height: 18px;
       width: 18px;
       /*display: block;*/
       display: inline-table;
       /*position: absolute;*/
       color: #4caf50;
       border: 0px solid white;
       border-radius: 14px;
       box-shadow: 0 0 3px #444;
       box-sizing: content-box;
       text-align: center;
       font-family: 'Courier New', Courier, monospace;
       line-height: 18px;
       content: '-';
       background-color: #FFF;
   }
   
    .table-ec-movil td.colapsed:before {
       top: 50%;
       margin-top: 0px;
       left: 4px;
       height: 18px;
       width: 18px;
       display: inline-table;
       /*display: block;*/
       /*position: absolute;*/
       color: #4caf50;
       border: 0px solid white;
       border-radius: 14px;
       box-shadow: 0 0 3px #444;
       box-sizing: content-box;
       text-align: center;
       font-family: 'Courier New', Courier, monospace;
       line-height: 18px;
       content: '+';
       background-color: #FFF;
   }
   .table-ec-movil table{
       width: 100%;
       border: 0px solid #ddd;
   }
   @media only screen and (max-width: 700px)  {
          
      
       
       .table-evaluacion-cotizaciones {
         display: none;
       }
   
   }
   
   @media only screen and (min-width: 701px)  {
   
     
       .table-ec-movil {
         display: none;
       }
   
   }
   .none-border-left{
       border-left-width: 0px !important;
   }
   
   
   .none-border-right{
       border-right-width: 0px !important;
   }
   
   
   .swal2-modal .swal2-content {
   
       text-align: center;
   }
   
    IMG.displayed {
        width: auto;
        height: 64px;
   }
   
   .aprobadopor{
   
       font-size: 14px;
       line-height: 1.42857;
       
       font-weight: 400;
           color: #555;
   }
   
   /*
   .material-datatables table th, .material-datatables table td{
   
       text-align: center;
   }
   */
   
   .dataTables_info{
       font-family: Arial;
       font-weight: bold;
       font-style: normal;
       color: #2F75B5;
       font-size: 12px;
   }
   
   .modal-header [data-background-color="blue"] {
       background: #0079bf;
       box-shadow: none;
       width: 60px;
       border-radius: 3px!important;
       padding: 0!important;
   }
   
   
   
   .modal-header [data-background-color] {
       color: #FFFFFF;
   }
   /*
   .card-header.card-header-icon {
       float: left;
   }
   
   .modal-header [data-background-color="blue"] {
       background: linear-gradient(60deg, #26c6da, #00acc1);
       box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
   }
   
   .modal-header [data-background-color] {
       box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
       margin: -20px 15px 0;
       border-radius: 3px;
       padding: 15px;
       background-color: #999999;
       position: relative;
   }
   
   .modal-header .card-header {
       padding: 15px 20px 0;
       z-index: 3;
   }*/
   .navrq {
    position: relative;
    min-height: 50px;
    margin-top: 20px;
    margin-bottom: 0px;
    border: 1px solid transparent;
   }
   .modal-header .card-header.card-header-icon i {
       width: 60px;
       height: 60px;
       text-align: center;
       line-height: 60px;
       border-radius: 3px;
   }
   
   .modal-header .card-header.card-header-icon + .card-content .card-title {
       padding-bottom: 0px;
   }
   
   .modal-header .card-title {
       margin-top: 0;
       margin-bottom: 3px;
   }
   
   .modal-header .card-content {
       padding: 2px 20px;
       position: relative;
   }
   
   .modal-header table td.cell-title{
   
   }
   
   
   .modal-content .modal-header {
       
       padding-top: 15px; 
     
   }
   
   @media (max-width: 500px) {
       .modal-xs { width: 90%; }
       .modal-lg { width: 90%; }
       .modal-dialog { width: 90%; }
     }
   
     table.dataTable > tbody > tr.child span.dtr-title {
     
       min-width: 100px;
     }
   /*
     @media only screen and (max-width: 480px) {
       .table .checkbox {
           width: auto !important;
       }
   }*/
   
   
   
   table.dataTable .fileinput-filename{
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;    
       width: 80%;
       max-width: 100px;
     
   }
   .dt-text{
   
       width: 90px !important;
       /*padding-left: 2px !important;*/
   }
   .dt-fileinput{
       display:inline-table !important;
   }

   .dt-text-prehas{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
   }
   
   .fileinput-filename{
   
       
       text-align: center;
       white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
       width: 80%;
       max-width: 300px;
     
   }
   @media (max-width: 500px) {
       .fileinput-filename {
           text-align: center;
           white-space: nowrap;
           text-overflow: ellipsis;
           overflow: hidden;
           width: 80%;
           max-width: 80px;
       }
   }
   .header-col-group{
       background: #0079bf;
       color: #FFFFFF;
       border: 1px;
   }
   @media (max-width: 573px) {
       .col-group-second{
   
           display:none !important;
       }
   }
   
   .col-group-second {
      
       white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
       width: 50%;
       max-width: 0;
   }
   
   /*
   @media only screen and (max-width: 480px) {
       .table th .checkbox {
           width: auto;
           padding: 0 !important;
           margin-left: 25px;
       }
      }*/
   
      .table .checkbox {
       width: auto !important;
   }
   
   .dtr-details{
       width: 100%;
   
   }
   
   .dtr-details .col-sm-4, .dtr-details .col-sm-8{
       float:left;
   
   }
   
   
   .dtr-details .form-group {
        padding-bottom: 2px; 
        margin: 0; 
   }
   
   table.dataTable .dtr-details .fileinput-filename {
   
       max-width: 160px;
   }
   
   .dtr-details .dt-text {
       width: 160px !important;
   }
   
   
   table.dataTable .form-group {
       padding-bottom: 2px;
       margin: 2px 0 0;
   }
   
   
   @media only screen and  (min-width: 992px){
   .sidebar-mini [data-background-color=black] .nav .collapse li:not(.active)>a, 
   .sidebar-mini [data-background-color=black] .user .collapse li:not(.active)>a 
       {
           color: #FFF; 
       }
   }
   
   
   select {
     background-image:
       linear-gradient(45deg, transparent 50%, gray 50%),
       linear-gradient(135deg, gray 50%, transparent 50%) !important;
     background-position:
       calc(100% - 6px) calc(1em + 2px),
       calc(100% - 1px) calc(1em + 2px) !important;
     background-size:
       5px 5px,
       5px 5px !important;;
     background-repeat: no-repeat !important;
     border-bottom: 1px solid #D2D2D2 !important;
     
     /* styling */
     background-color: white;
     /*border: thin solid blue;*/
     border-radius: 4px;
     display: inline-block;
     font: inherit;
     line-height: 1.5em;
     padding: 0.5em 3.5em 0.5em 1em;
   
     /* reset */
   
     
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     
   }
       
   select[disabled]{   
      border-bottom: 1px dotted #D2D2D2 !important;   
   }
       
   .material-datatables .form-group {
      padding-bottom: 10px !important;
      margin: 2px 0 0 !important;      
   }

   .material-datatables select{
      padding: 0 0 0 7px !important;
      margin: 16px 0 0;
      display: inline-block !important;
      vertical-align: text-bottom !important;
      height: 25px !important;
      font-size: 11px !important;
      width: 75px;
   }

   .tableSelect{
      padding: 0 !important;
      height: 30px !important;
      width: 85px !important;
      font-size: 14px !important;
   }
   
   .material-datatables .form-group select{
       padding-left: 20px  !important;
       
   }
   
   
   .navbar-without-margin {
       margin-bottom: 0px!important;
   }
   .form-group-without-margin{
   
       margin: 0 0 0 0 !important;
       padding-bottom: 0 !important;
   }
   
   .sk-spinner-circle.sk-spinner {
     margin: 0 auto;
     width: 22px;
     height: 22px;
     position: relative;
   }
   .sk-spinner-circle .sk-circle {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
   }
   .sk-spinner-circle .sk-circle:before {
     content: '';
     display: block;
     margin: 0 auto;
     width: 20%;
     height: 20%;
     background-color: #0079BF;
     border-radius: 100%;
     -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
     animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
     /* Prevent first frame from flickering when animation starts */
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
   }
   .sk-spinner-circle .sk-circle2 {
     -webkit-transform: rotate(30deg);
     -ms-transform: rotate(30deg);
     transform: rotate(30deg);
   }
   .sk-spinner-circle .sk-circle3 {
     -webkit-transform: rotate(60deg);
     -ms-transform: rotate(60deg);
     transform: rotate(60deg);
   }
   .sk-spinner-circle .sk-circle4 {
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
   }
   .sk-spinner-circle .sk-circle5 {
     -webkit-transform: rotate(120deg);
     -ms-transform: rotate(120deg);
     transform: rotate(120deg);
   }
   .sk-spinner-circle .sk-circle6 {
     -webkit-transform: rotate(150deg);
     -ms-transform: rotate(150deg);
     transform: rotate(150deg);
   }
   .sk-spinner-circle .sk-circle7 {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
   }
   .sk-spinner-circle .sk-circle8 {
     -webkit-transform: rotate(210deg);
     -ms-transform: rotate(210deg);
     transform: rotate(210deg);
   }
   .sk-spinner-circle .sk-circle9 {
     -webkit-transform: rotate(240deg);
     -ms-transform: rotate(240deg);
     transform: rotate(240deg);
   }
   .sk-spinner-circle .sk-circle10 {
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg);
   }
   .sk-spinner-circle .sk-circle11 {
     -webkit-transform: rotate(300deg);
     -ms-transform: rotate(300deg);
     transform: rotate(300deg);
   }
   .sk-spinner-circle .sk-circle12 {
     -webkit-transform: rotate(330deg);
     -ms-transform: rotate(330deg);
     transform: rotate(330deg);
   }
   .sk-spinner-circle .sk-circle2:before {
     -webkit-animation-delay: -1.1s;
     animation-delay: -1.1s;
   }
   .sk-spinner-circle .sk-circle3:before {
     -webkit-animation-delay: -1s;
     animation-delay: -1s;
   }
   .sk-spinner-circle .sk-circle4:before {
     -webkit-animation-delay: -0.9s;
     animation-delay: -0.9s;
   }
   .sk-spinner-circle .sk-circle5:before {
     -webkit-animation-delay: -0.8s;
     animation-delay: -0.8s;
   }
   .sk-spinner-circle .sk-circle6:before {
     -webkit-animation-delay: -0.7s;
     animation-delay: -0.7s;
   }
   .sk-spinner-circle .sk-circle7:before {
     -webkit-animation-delay: -0.6s;
     animation-delay: -0.6s;
   }
   .sk-spinner-circle .sk-circle8:before {
     -webkit-animation-delay: -0.5s;
     animation-delay: -0.5s;
   }
   .sk-spinner-circle .sk-circle9:before {
     -webkit-animation-delay: -0.4s;
     animation-delay: -0.4s;
   }
   .sk-spinner-circle .sk-circle10:before {
     -webkit-animation-delay: -0.3s;
     animation-delay: -0.3s;
   }
   .sk-spinner-circle .sk-circle11:before {
     -webkit-animation-delay: -0.2s;
     animation-delay: -0.2s;
   }
   .sk-spinner-circle .sk-circle12:before {
     -webkit-animation-delay: -0.1s;
     animation-delay: -0.1s;
   }
   @-webkit-keyframes sk-circleBounceDelay {
     0%,
     80%,
     100% {
       -webkit-transform: scale(0);
       transform: scale(0);
     }
     40% {
       -webkit-transform: scale(1);
       transform: scale(1);
     }
   }
   @keyframes sk-circleBounceDelay {
     0%,
     80%,
     100% {
       -webkit-transform: scale(0);
       transform: scale(0);
     }
     40% {
       -webkit-transform: scale(1);
       transform: scale(1);
     }
   }
   
   
   .navbar {
      padding: 0 0 !important;
      padding-top: .7rem !important;
      padding-bottom: .7rem !important;
      border: 3px !important;
   }
   
   .text_large{
       max-width: 300px;
       overflow-wrap: break-word;
   }
   
   .dropdown-menu{
     min-width: 100%;
   }
   
   .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active{
     background-color: #555555;
   }
   
   .drop-down-personalizado {
     color: #ccc;
   }
   .drop-down-personalizado .selected-list .c-btn{
     box-shadow: none !important;
     border: none;
     border-bottom: 1px solid #ccc;
     padding: 6px 12px !important;
   }
   .drop-down-personalizado .c-btn{
     border-bottom: 1px solid #ccc !important;
   }
   .drop-down-personalizado .c-token{
     background: #0079BF !important;
   }
   .drop-down-personalizado .pure-checkbox label::before {
     border-color: #0079BF !important;
   }
   .drop-down-personalizado .pure-checkbox input[type="checkbox"]:checked + label[_ngcontent-c1]:before {
     background: #0079BF !important;
   }
   .text-danger{
     font-size: 13px;
     font-weight: 700;
   }
   .color-green{
      color: var(--color-green)!important;
   }
   .color-orange{
      color: var(--color-orange)!important;
    }
   .color-gray{
       color:#C4C4C4!important;
   }
   .color-red{
       color:#FF0000!important;
   }
   .not-show{
       display: none;
   }
   .show-fac{
       display: inline-block;
   }
   .main-indicadores{
       margin-top: 20px;
       min-height: auto;
   }
   
   .table-evaluacion-criterios {
       /*border:  solid #ddd;*/
       border-collapse: inherit;
       min-width: 100%;
   }
   
   .table-evaluacion-criterios th,
   .table-evaluacion-criterios td {
       padding: 4px 8px 4px 8px;
       text-align: center;
       /*border: 1px solid #ddd;*/
       border: 1px solid #074264;
       border-collapse: collapse;
   }
   
   .table-tea {
       /*border:  solid #ddd;*/
       border: 1.5px solid #ddd;
       border-collapse: inherit;
       min-width: 100%;
   }
   
   .table-tea th,
   .table-tea td {
       padding: 4px 8px 4px 8px;
       text-align: center;
       border: 1.5px solid #ddd;
       border-collapse: collapse;
   }
   
   
   /*
   .table-evaluacion-criterios tr:nth-child(even) {
       background-color: #f2f2f2;
   }
   */
   
   .text-left {
       text-align: left !important;
   }
   
   .table_no_border,
   .table_no_border td {
       border: 0px solid #ddd !important;
   }
   
   .btn-small-icon {
       border: 0px !important;
       padding: 0px !important;
   }
   
   .table-evaluacion-criterios tbody td {
    /*background: #EAF7E8;*/
    background: #f5fbff;
   }
   
   .precio-resaltado {
    background-color: #47D2B1 !important;
   }

  .fecha-resaltada {
    background-color: #97EEC4 !important;
  }

   .aprobado {
    /*background-color: rgba(84, 241, 84, 0.774) !important;*/
    background-color: rgb(85 232 167) !important;
   }
   .rechazado {
    /*background-color: #f95234 !important;*/
    background-color: #ff8d8d !important;
  }
   
   .ocultar {
       display: none;
   }
   
   .atributo-cabecera td {
       background-color: #acbad4 !important;
   }

   .rank-proveedores td {
      background-color:#BEBEBE !important;
   }
   
   .rank-proveedores td.rank-minimo {
      background-color: #b2e0ff !important;
   }
   
   .material-icons.md-24 { font-size: 24px!important;}
   .title-h4{
       cursor: pointer;
       text-decoration:underline;
   }
   
   .cantidad-checkbox{
       min-width: 160px !important;
   }
   
   
   
   /* Clases personalizadas */
   
   .transparent {
       /* Required for IE 5, 6, 7 */
       /* ...or something to trigger hasLayout, like zoom: 1; */
       width: 100%; 
           
       /* Theoretically for IE 8 & 9 (more valid) */	
       /* ...but not required as filter works too */
       /* should come BEFORE filter */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       
       /* This works in IE 8 & 9 too */
       /* ... but also 5, 6, 7 */
       filter: alpha(opacity=50);
       
       /* Older than Firefox 0.9 */
       -moz-opacity:0.5;
       
       /* Safari 1.x (pre WebKit!) */
       -khtml-opacity: 0.5;
       
       /* Modern!
       /* Firefox 0.9+, Safari 2?, Chrome any?
       /* Opera 9+, IE 9+ */
       opacity: 0.5;
       
       pointer-events: none;
   }
   
   .reporte-iframe-cp{ width:100%; height: 600px; overflow-x: hidden; overflow-y: scroll }
   .reporte-iframe-oc{ width:100%; height: 675px; overflow-x: hidden; overflow-y: scroll }

   .fit {
        width: fit-content;
        height: fit-content;
    }

    .card-bg {
        background-color: #e6e6e6;
    }

    .text-link-modal {
        color: blue;
        cursor: pointer;
    }

    select 
  {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }

  .dt-select{
    border: none;
    background-color: transparent;
    border-radius: 0;
    font-size: 14px !important;
    margin: 0 !important;
  }

    .flag-icon-background {
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
      }
      .flag-icon {
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative;
        display: inline-block;
        width: 1.33333333em;
        line-height: 1em;
      }
      .flag-icon:before {
        content: "\00a0";
      }
      .flag-icon.flag-icon-squared {
        width: 1em;
      }
      .flag-icon-ad {
        background-image: url(../flags/4x3/ad.svg);
      }
      .flag-icon-ad.flag-icon-squared {
        background-image: url(../flags/1x1/ad.svg);
      }
      .flag-icon-ae {
        background-image: url(../flags/4x3/ae.svg);
      }
      .flag-icon-ae.flag-icon-squared {
        background-image: url(../flags/1x1/ae.svg);
      }
      .flag-icon-af {
        background-image: url(../flags/4x3/af.svg);
      }
      .flag-icon-af.flag-icon-squared {
        background-image: url(../flags/1x1/af.svg);
      }
      .flag-icon-ag {
        background-image: url(../flags/4x3/ag.svg);
      }
      .flag-icon-ag.flag-icon-squared {
        background-image: url(../flags/1x1/ag.svg);
      }
      .flag-icon-ai {
        background-image: url(../flags/4x3/ai.svg);
      }
      .flag-icon-ai.flag-icon-squared {
        background-image: url(../flags/1x1/ai.svg);
      }
      .flag-icon-al {
        background-image: url(../flags/4x3/al.svg);
      }
      .flag-icon-al.flag-icon-squared {
        background-image: url(../flags/1x1/al.svg);
      }
      .flag-icon-am {
        background-image: url(../flags/4x3/am.svg);
      }
      .flag-icon-am.flag-icon-squared {
        background-image: url(../flags/1x1/am.svg);
      }
      .flag-icon-ao {
        background-image: url(../flags/4x3/ao.svg);
      }
      .flag-icon-ao.flag-icon-squared {
        background-image: url(../flags/1x1/ao.svg);
      }
      .flag-icon-aq {
        background-image: url(../flags/4x3/aq.svg);
      }
      .flag-icon-aq.flag-icon-squared {
        background-image: url(../flags/1x1/aq.svg);
      }
      .flag-icon-ar {
        background-image: url(../flags/4x3/ar.svg);
      }
      .flag-icon-ar.flag-icon-squared {
        background-image: url(../flags/1x1/ar.svg);
      }
      .flag-icon-as {
        background-image: url(../flags/4x3/as.svg);
      }
      .flag-icon-as.flag-icon-squared {
        background-image: url(../flags/1x1/as.svg);
      }
      .flag-icon-at {
        background-image: url(../flags/4x3/at.svg);
      }
      .flag-icon-at.flag-icon-squared {
        background-image: url(../flags/1x1/at.svg);
      }
      .flag-icon-au {
        background-image: url(../flags/4x3/au.svg);
      }
      .flag-icon-au.flag-icon-squared {
        background-image: url(../flags/1x1/au.svg);
      }
      .flag-icon-aw {
        background-image: url(../flags/4x3/aw.svg);
      }
      .flag-icon-aw.flag-icon-squared {
        background-image: url(../flags/1x1/aw.svg);
      }
      .flag-icon-ax {
        background-image: url(../flags/4x3/ax.svg);
      }
      .flag-icon-ax.flag-icon-squared {
        background-image: url(../flags/1x1/ax.svg);
      }
      .flag-icon-az {
        background-image: url(../flags/4x3/az.svg);
      }
      .flag-icon-az.flag-icon-squared {
        background-image: url(../flags/1x1/az.svg);
      }
      .flag-icon-ba {
        background-image: url(../flags/4x3/ba.svg);
      }
      .flag-icon-ba.flag-icon-squared {
        background-image: url(../flags/1x1/ba.svg);
      }
      .flag-icon-bb {
        background-image: url(../flags/4x3/bb.svg);
      }
      .flag-icon-bb.flag-icon-squared {
        background-image: url(../flags/1x1/bb.svg);
      }
      .flag-icon-bd {
        background-image: url(../flags/4x3/bd.svg);
      }
      .flag-icon-bd.flag-icon-squared {
        background-image: url(../flags/1x1/bd.svg);
      }
      .flag-icon-be {
        background-image: url(../flags/4x3/be.svg);
      }
      .flag-icon-be.flag-icon-squared {
        background-image: url(../flags/1x1/be.svg);
      }
      .flag-icon-bf {
        background-image: url(../flags/4x3/bf.svg);
      }
      .flag-icon-bf.flag-icon-squared {
        background-image: url(../flags/1x1/bf.svg);
      }
      .flag-icon-bg {
        background-image: url(../flags/4x3/bg.svg);
      }
      .flag-icon-bg.flag-icon-squared {
        background-image: url(../flags/1x1/bg.svg);
      }
      .flag-icon-bh {
        background-image: url(../flags/4x3/bh.svg);
      }
      .flag-icon-bh.flag-icon-squared {
        background-image: url(../flags/1x1/bh.svg);
      }
      .flag-icon-bi {
        background-image: url(../flags/4x3/bi.svg);
      }
      .flag-icon-bi.flag-icon-squared {
        background-image: url(../flags/1x1/bi.svg);
      }
      .flag-icon-bj {
        background-image: url(../flags/4x3/bj.svg);
      }
      .flag-icon-bj.flag-icon-squared {
        background-image: url(../flags/1x1/bj.svg);
      }
      .flag-icon-bl {
        background-image: url(../flags/4x3/bl.svg);
      }
      .flag-icon-bl.flag-icon-squared {
        background-image: url(../flags/1x1/bl.svg);
      }
      .flag-icon-bm {
        background-image: url(../flags/4x3/bm.svg);
      }
      .flag-icon-bm.flag-icon-squared {
        background-image: url(../flags/1x1/bm.svg);
      }
      .flag-icon-bn {
        background-image: url(../flags/4x3/bn.svg);
      }
      .flag-icon-bn.flag-icon-squared {
        background-image: url(../flags/1x1/bn.svg);
      }
      .flag-icon-bo {
        background-image: url(../flags/4x3/bo.svg);
      }
      .flag-icon-bo.flag-icon-squared {
        background-image: url(../flags/1x1/bo.svg);
      }
      .flag-icon-bq {
        background-image: url(../flags/4x3/bq.svg);
      }
      .flag-icon-bq.flag-icon-squared {
        background-image: url(../flags/1x1/bq.svg);
      }
      .flag-icon-br {
        background-image: url(../flags/4x3/br.svg);
      }
      .flag-icon-br.flag-icon-squared {
        background-image: url(../flags/1x1/br.svg);
      }
      .flag-icon-bs {
        background-image: url(../flags/4x3/bs.svg);
      }
      .flag-icon-bs.flag-icon-squared {
        background-image: url(../flags/1x1/bs.svg);
      }
      .flag-icon-bt {
        background-image: url(../flags/4x3/bt.svg);
      }
      .flag-icon-bt.flag-icon-squared {
        background-image: url(../flags/1x1/bt.svg);
      }
      .flag-icon-bv {
        background-image: url(../flags/4x3/bv.svg);
      }
      .flag-icon-bv.flag-icon-squared {
        background-image: url(../flags/1x1/bv.svg);
      }
      .flag-icon-bw {
        background-image: url(../flags/4x3/bw.svg);
      }
      .flag-icon-bw.flag-icon-squared {
        background-image: url(../flags/1x1/bw.svg);
      }
      .flag-icon-by {
        background-image: url(../flags/4x3/by.svg);
      }
      .flag-icon-by.flag-icon-squared {
        background-image: url(../flags/1x1/by.svg);
      }
      .flag-icon-bz {
        background-image: url(../flags/4x3/bz.svg);
      }
      .flag-icon-bz.flag-icon-squared {
        background-image: url(../flags/1x1/bz.svg);
      }
      .flag-icon-ca {
        background-image: url(../flags/4x3/ca.svg);
      }
      .flag-icon-ca.flag-icon-squared {
        background-image: url(../flags/1x1/ca.svg);
      }
      .flag-icon-cc {
        background-image: url(../flags/4x3/cc.svg);
      }
      .flag-icon-cc.flag-icon-squared {
        background-image: url(../flags/1x1/cc.svg);
      }
      .flag-icon-cd {
        background-image: url(../flags/4x3/cd.svg);
      }
      .flag-icon-cd.flag-icon-squared {
        background-image: url(../flags/1x1/cd.svg);
      }
      .flag-icon-cf {
        background-image: url(../flags/4x3/cf.svg);
      }
      .flag-icon-cf.flag-icon-squared {
        background-image: url(../flags/1x1/cf.svg);
      }
      .flag-icon-cg {
        background-image: url(../flags/4x3/cg.svg);
      }
      .flag-icon-cg.flag-icon-squared {
        background-image: url(../flags/1x1/cg.svg);
      }
      .flag-icon-ch {
        background-image: url(../flags/4x3/ch.svg);
      }
      .flag-icon-ch.flag-icon-squared {
        background-image: url(../flags/1x1/ch.svg);
      }
      .flag-icon-ci {
        background-image: url(../flags/4x3/ci.svg);
      }
      .flag-icon-ci.flag-icon-squared {
        background-image: url(../flags/1x1/ci.svg);
      }
      .flag-icon-ck {
        background-image: url(../flags/4x3/ck.svg);
      }
      .flag-icon-ck.flag-icon-squared {
        background-image: url(../flags/1x1/ck.svg);
      }
      .flag-icon-cl {
        background-image: url(../flags/4x3/cl.svg);
      }
      .flag-icon-cl.flag-icon-squared {
        background-image: url(../flags/1x1/cl.svg);
      }
      .flag-icon-cm {
        background-image: url(../flags/4x3/cm.svg);
      }
      .flag-icon-cm.flag-icon-squared {
        background-image: url(../flags/1x1/cm.svg);
      }
      .flag-icon-cn {
        background-image: url(../flags/4x3/cn.svg);
      }
      .flag-icon-cn.flag-icon-squared {
        background-image: url(../flags/1x1/cn.svg);
      }
      .flag-icon-co {
        background-image: url(../flags/4x3/co.svg);
      }
      .flag-icon-co.flag-icon-squared {
        background-image: url(../flags/1x1/co.svg);
      }
      .flag-icon-cr {
        background-image: url(../flags/4x3/cr.svg);
      }
      .flag-icon-cr.flag-icon-squared {
        background-image: url(../flags/1x1/cr.svg);
      }
      .flag-icon-cu {
        background-image: url(../flags/4x3/cu.svg);
      }
      .flag-icon-cu.flag-icon-squared {
        background-image: url(../flags/1x1/cu.svg);
      }
      .flag-icon-cv {
        background-image: url(../flags/4x3/cv.svg);
      }
      .flag-icon-cv.flag-icon-squared {
        background-image: url(../flags/1x1/cv.svg);
      }
      .flag-icon-cw {
        background-image: url(../flags/4x3/cw.svg);
      }
      .flag-icon-cw.flag-icon-squared {
        background-image: url(../flags/1x1/cw.svg);
      }
      .flag-icon-cx {
        background-image: url(../flags/4x3/cx.svg);
      }
      .flag-icon-cx.flag-icon-squared {
        background-image: url(../flags/1x1/cx.svg);
      }
      .flag-icon-cy {
        background-image: url(../flags/4x3/cy.svg);
      }
      .flag-icon-cy.flag-icon-squared {
        background-image: url(../flags/1x1/cy.svg);
      }
      .flag-icon-cz {
        background-image: url(../flags/4x3/cz.svg);
      }
      .flag-icon-cz.flag-icon-squared {
        background-image: url(../flags/1x1/cz.svg);
      }
      .flag-icon-de {
        background-image: url(../flags/4x3/de.svg);
      }
      .flag-icon-de.flag-icon-squared {
        background-image: url(../flags/1x1/de.svg);
      }
      .flag-icon-dj {
        background-image: url(../flags/4x3/dj.svg);
      }
      .flag-icon-dj.flag-icon-squared {
        background-image: url(../flags/1x1/dj.svg);
      }
      .flag-icon-dk {
        background-image: url(../flags/4x3/dk.svg);
      }
      .flag-icon-dk.flag-icon-squared {
        background-image: url(../flags/1x1/dk.svg);
      }
      .flag-icon-dm {
        background-image: url(../flags/4x3/dm.svg);
      }
      .flag-icon-dm.flag-icon-squared {
        background-image: url(../flags/1x1/dm.svg);
      }
      .flag-icon-do {
        background-image: url(../flags/4x3/do.svg);
      }
      .flag-icon-do.flag-icon-squared {
        background-image: url(../flags/1x1/do.svg);
      }
      .flag-icon-dz {
        background-image: url(../flags/4x3/dz.svg);
      }
      .flag-icon-dz.flag-icon-squared {
        background-image: url(../flags/1x1/dz.svg);
      }
      .flag-icon-ec {
        background-image: url(../flags/4x3/ec.svg);
      }
      .flag-icon-ec.flag-icon-squared {
        background-image: url(../flags/1x1/ec.svg);
      }
      .flag-icon-ee {
        background-image: url(../flags/4x3/ee.svg);
      }
      .flag-icon-ee.flag-icon-squared {
        background-image: url(../flags/1x1/ee.svg);
      }
      .flag-icon-eg {
        background-image: url(../flags/4x3/eg.svg);
      }
      .flag-icon-eg.flag-icon-squared {
        background-image: url(../flags/1x1/eg.svg);
      }
      .flag-icon-eh {
        background-image: url(../flags/4x3/eh.svg);
      }
      .flag-icon-eh.flag-icon-squared {
        background-image: url(../flags/1x1/eh.svg);
      }
      .flag-icon-er {
        background-image: url(../flags/4x3/er.svg);
      }
      .flag-icon-er.flag-icon-squared {
        background-image: url(../flags/1x1/er.svg);
      }
      .flag-icon-es {
        background-image: url(../flags/4x3/es.svg);
      }
      .flag-icon-es.flag-icon-squared {
        background-image: url(../flags/1x1/es.svg);
      }
      .flag-icon-et {
        background-image: url(../flags/4x3/et.svg);
      }
      .flag-icon-et.flag-icon-squared {
        background-image: url(../flags/1x1/et.svg);
      }
      .flag-icon-fi {
        background-image: url(../flags/4x3/fi.svg);
      }
      .flag-icon-fi.flag-icon-squared {
        background-image: url(../flags/1x1/fi.svg);
      }
      .flag-icon-fj {
        background-image: url(../flags/4x3/fj.svg);
      }
      .flag-icon-fj.flag-icon-squared {
        background-image: url(../flags/1x1/fj.svg);
      }
      .flag-icon-fk {
        background-image: url(../flags/4x3/fk.svg);
      }
      .flag-icon-fk.flag-icon-squared {
        background-image: url(../flags/1x1/fk.svg);
      }
      .flag-icon-fm {
        background-image: url(../flags/4x3/fm.svg);
      }
      .flag-icon-fm.flag-icon-squared {
        background-image: url(../flags/1x1/fm.svg);
      }
      .flag-icon-fo {
        background-image: url(../flags/4x3/fo.svg);
      }
      .flag-icon-fo.flag-icon-squared {
        background-image: url(../flags/1x1/fo.svg);
      }
      .flag-icon-fr {
        background-image: url(../flags/4x3/fr.svg);
      }
      .flag-icon-fr.flag-icon-squared {
        background-image: url(../flags/1x1/fr.svg);
      }
      .flag-icon-ga {
        background-image: url(../flags/4x3/ga.svg);
      }
      .flag-icon-ga.flag-icon-squared {
        background-image: url(../flags/1x1/ga.svg);
      }
      .flag-icon-gb {
        background-image: url(../flags/4x3/gb.svg);
      }
      .flag-icon-gb.flag-icon-squared {
        background-image: url(../flags/1x1/gb.svg);
      }
      .flag-icon-gd {
        background-image: url(../flags/4x3/gd.svg);
      }
      .flag-icon-gd.flag-icon-squared {
        background-image: url(../flags/1x1/gd.svg);
      }
      .flag-icon-ge {
        background-image: url(../flags/4x3/ge.svg);
      }
      .flag-icon-ge.flag-icon-squared {
        background-image: url(../flags/1x1/ge.svg);
      }
      .flag-icon-gf {
        background-image: url(../flags/4x3/gf.svg);
      }
      .flag-icon-gf.flag-icon-squared {
        background-image: url(../flags/1x1/gf.svg);
      }
      .flag-icon-gg {
        background-image: url(../flags/4x3/gg.svg);
      }
      .flag-icon-gg.flag-icon-squared {
        background-image: url(../flags/1x1/gg.svg);
      }
      .flag-icon-gh {
        background-image: url(../flags/4x3/gh.svg);
      }
      .flag-icon-gh.flag-icon-squared {
        background-image: url(../flags/1x1/gh.svg);
      }
      .flag-icon-gi {
        background-image: url(../flags/4x3/gi.svg);
      }
      .flag-icon-gi.flag-icon-squared {
        background-image: url(../flags/1x1/gi.svg);
      }
      .flag-icon-gl {
        background-image: url(../flags/4x3/gl.svg);
      }
      .flag-icon-gl.flag-icon-squared {
        background-image: url(../flags/1x1/gl.svg);
      }
      .flag-icon-gm {
        background-image: url(../flags/4x3/gm.svg);
      }
      .flag-icon-gm.flag-icon-squared {
        background-image: url(../flags/1x1/gm.svg);
      }
      .flag-icon-gn {
        background-image: url(../flags/4x3/gn.svg);
      }
      .flag-icon-gn.flag-icon-squared {
        background-image: url(../flags/1x1/gn.svg);
      }
      .flag-icon-gp {
        background-image: url(../flags/4x3/gp.svg);
      }
      .flag-icon-gp.flag-icon-squared {
        background-image: url(../flags/1x1/gp.svg);
      }
      .flag-icon-gq {
        background-image: url(../flags/4x3/gq.svg);
      }
      .flag-icon-gq.flag-icon-squared {
        background-image: url(../flags/1x1/gq.svg);
      }
      .flag-icon-gr {
        background-image: url(../flags/4x3/gr.svg);
      }
      .flag-icon-gr.flag-icon-squared {
        background-image: url(../flags/1x1/gr.svg);
      }
      .flag-icon-gs {
        background-image: url(../flags/4x3/gs.svg);
      }
      .flag-icon-gs.flag-icon-squared {
        background-image: url(../flags/1x1/gs.svg);
      }
      .flag-icon-gt {
        background-image: url(../flags/4x3/gt.svg);
      }
      .flag-icon-gt.flag-icon-squared {
        background-image: url(../flags/1x1/gt.svg);
      }
      .flag-icon-gu {
        background-image: url(../flags/4x3/gu.svg);
      }
      .flag-icon-gu.flag-icon-squared {
        background-image: url(../flags/1x1/gu.svg);
      }
      .flag-icon-gw {
        background-image: url(../flags/4x3/gw.svg);
      }
      .flag-icon-gw.flag-icon-squared {
        background-image: url(../flags/1x1/gw.svg);
      }
      .flag-icon-gy {
        background-image: url(../flags/4x3/gy.svg);
      }
      .flag-icon-gy.flag-icon-squared {
        background-image: url(../flags/1x1/gy.svg);
      }
      .flag-icon-hk {
        background-image: url(../flags/4x3/hk.svg);
      }
      .flag-icon-hk.flag-icon-squared {
        background-image: url(../flags/1x1/hk.svg);
      }
      .flag-icon-hm {
        background-image: url(../flags/4x3/hm.svg);
      }
      .flag-icon-hm.flag-icon-squared {
        background-image: url(../flags/1x1/hm.svg);
      }
      .flag-icon-hn {
        background-image: url(../flags/4x3/hn.svg);
      }
      .flag-icon-hn.flag-icon-squared {
        background-image: url(../flags/1x1/hn.svg);
      }
      .flag-icon-hr {
        background-image: url(../flags/4x3/hr.svg);
      }
      .flag-icon-hr.flag-icon-squared {
        background-image: url(../flags/1x1/hr.svg);
      }
      .flag-icon-ht {
        background-image: url(../flags/4x3/ht.svg);
      }
      .flag-icon-ht.flag-icon-squared {
        background-image: url(../flags/1x1/ht.svg);
      }
      .flag-icon-hu {
        background-image: url(../flags/4x3/hu.svg);
      }
      .flag-icon-hu.flag-icon-squared {
        background-image: url(../flags/1x1/hu.svg);
      }
      .flag-icon-id {
        background-image: url(../flags/4x3/id.svg);
      }
      .flag-icon-id.flag-icon-squared {
        background-image: url(../flags/1x1/id.svg);
      }
      .flag-icon-ie {
        background-image: url(../flags/4x3/ie.svg);
      }
      .flag-icon-ie.flag-icon-squared {
        background-image: url(../flags/1x1/ie.svg);
      }
      .flag-icon-il {
        background-image: url(../flags/4x3/il.svg);
      }
      .flag-icon-il.flag-icon-squared {
        background-image: url(../flags/1x1/il.svg);
      }
      .flag-icon-im {
        background-image: url(../flags/4x3/im.svg);
      }
      .flag-icon-im.flag-icon-squared {
        background-image: url(../flags/1x1/im.svg);
      }
      .flag-icon-in {
        background-image: url(../flags/4x3/in.svg);
      }
      .flag-icon-in.flag-icon-squared {
        background-image: url(../flags/1x1/in.svg);
      }
      .flag-icon-io {
        background-image: url(../flags/4x3/io.svg);
      }
      .flag-icon-io.flag-icon-squared {
        background-image: url(../flags/1x1/io.svg);
      }
      .flag-icon-iq {
        background-image: url(../flags/4x3/iq.svg);
      }
      .flag-icon-iq.flag-icon-squared {
        background-image: url(../flags/1x1/iq.svg);
      }
      .flag-icon-ir {
        background-image: url(../flags/4x3/ir.svg);
      }
      .flag-icon-ir.flag-icon-squared {
        background-image: url(../flags/1x1/ir.svg);
      }
      .flag-icon-is {
        background-image: url(../flags/4x3/is.svg);
      }
      .flag-icon-is.flag-icon-squared {
        background-image: url(../flags/1x1/is.svg);
      }
      .flag-icon-it {
        background-image: url(../flags/4x3/it.svg);
      }
      .flag-icon-it.flag-icon-squared {
        background-image: url(../flags/1x1/it.svg);
      }
      .flag-icon-je {
        background-image: url(../flags/4x3/je.svg);
      }
      .flag-icon-je.flag-icon-squared {
        background-image: url(../flags/1x1/je.svg);
      }
      .flag-icon-jm {
        background-image: url(../flags/4x3/jm.svg);
      }
      .flag-icon-jm.flag-icon-squared {
        background-image: url(../flags/1x1/jm.svg);
      }
      .flag-icon-jo {
        background-image: url(../flags/4x3/jo.svg);
      }
      .flag-icon-jo.flag-icon-squared {
        background-image: url(../flags/1x1/jo.svg);
      }
      .flag-icon-jp {
        background-image: url(../flags/4x3/jp.svg);
      }
      .flag-icon-jp.flag-icon-squared {
        background-image: url(../flags/1x1/jp.svg);
      }
      .flag-icon-ke {
        background-image: url(../flags/4x3/ke.svg);
      }
      .flag-icon-ke.flag-icon-squared {
        background-image: url(../flags/1x1/ke.svg);
      }
      .flag-icon-kg {
        background-image: url(../flags/4x3/kg.svg);
      }
      .flag-icon-kg.flag-icon-squared {
        background-image: url(../flags/1x1/kg.svg);
      }
      .flag-icon-kh {
        background-image: url(../flags/4x3/kh.svg);
      }
      .flag-icon-kh.flag-icon-squared {
        background-image: url(../flags/1x1/kh.svg);
      }
      .flag-icon-ki {
        background-image: url(../flags/4x3/ki.svg);
      }
      .flag-icon-ki.flag-icon-squared {
        background-image: url(../flags/1x1/ki.svg);
      }
      .flag-icon-km {
        background-image: url(../flags/4x3/km.svg);
      }
      .flag-icon-km.flag-icon-squared {
        background-image: url(../flags/1x1/km.svg);
      }
      .flag-icon-kn {
        background-image: url(../flags/4x3/kn.svg);
      }
      .flag-icon-kn.flag-icon-squared {
        background-image: url(../flags/1x1/kn.svg);
      }
      .flag-icon-kp {
        background-image: url(../flags/4x3/kp.svg);
      }
      .flag-icon-kp.flag-icon-squared {
        background-image: url(../flags/1x1/kp.svg);
      }
      .flag-icon-kr {
        background-image: url(../flags/4x3/kr.svg);
      }
      .flag-icon-kr.flag-icon-squared {
        background-image: url(../flags/1x1/kr.svg);
      }
      .flag-icon-kw {
        background-image: url(../flags/4x3/kw.svg);
      }
      .flag-icon-kw.flag-icon-squared {
        background-image: url(../flags/1x1/kw.svg);
      }
      .flag-icon-ky {
        background-image: url(../flags/4x3/ky.svg);
      }
      .flag-icon-ky.flag-icon-squared {
        background-image: url(../flags/1x1/ky.svg);
      }
      .flag-icon-kz {
        background-image: url(../flags/4x3/kz.svg);
      }
      .flag-icon-kz.flag-icon-squared {
        background-image: url(../flags/1x1/kz.svg);
      }
      .flag-icon-la {
        background-image: url(../flags/4x3/la.svg);
      }
      .flag-icon-la.flag-icon-squared {
        background-image: url(../flags/1x1/la.svg);
      }
      .flag-icon-lb {
        background-image: url(../flags/4x3/lb.svg);
      }
      .flag-icon-lb.flag-icon-squared {
        background-image: url(../flags/1x1/lb.svg);
      }
      .flag-icon-lc {
        background-image: url(../flags/4x3/lc.svg);
      }
      .flag-icon-lc.flag-icon-squared {
        background-image: url(../flags/1x1/lc.svg);
      }
      .flag-icon-li {
        background-image: url(../flags/4x3/li.svg);
      }
      .flag-icon-li.flag-icon-squared {
        background-image: url(../flags/1x1/li.svg);
      }
      .flag-icon-lk {
        background-image: url(../flags/4x3/lk.svg);
      }
      .flag-icon-lk.flag-icon-squared {
        background-image: url(../flags/1x1/lk.svg);
      }
      .flag-icon-lr {
        background-image: url(../flags/4x3/lr.svg);
      }
      .flag-icon-lr.flag-icon-squared {
        background-image: url(../flags/1x1/lr.svg);
      }
      .flag-icon-ls {
        background-image: url(../flags/4x3/ls.svg);
      }
      .flag-icon-ls.flag-icon-squared {
        background-image: url(../flags/1x1/ls.svg);
      }
      .flag-icon-lt {
        background-image: url(../flags/4x3/lt.svg);
      }
      .flag-icon-lt.flag-icon-squared {
        background-image: url(../flags/1x1/lt.svg);
      }
      .flag-icon-lu {
        background-image: url(../flags/4x3/lu.svg);
      }
      .flag-icon-lu.flag-icon-squared {
        background-image: url(../flags/1x1/lu.svg);
      }
      .flag-icon-lv {
        background-image: url(../flags/4x3/lv.svg);
      }
      .flag-icon-lv.flag-icon-squared {
        background-image: url(../flags/1x1/lv.svg);
      }
      .flag-icon-ly {
        background-image: url(../flags/4x3/ly.svg);
      }
      .flag-icon-ly.flag-icon-squared {
        background-image: url(../flags/1x1/ly.svg);
      }
      .flag-icon-ma {
        background-image: url(../flags/4x3/ma.svg);
      }
      .flag-icon-ma.flag-icon-squared {
        background-image: url(../flags/1x1/ma.svg);
      }
      .flag-icon-mc {
        background-image: url(../flags/4x3/mc.svg);
      }
      .flag-icon-mc.flag-icon-squared {
        background-image: url(../flags/1x1/mc.svg);
      }
      .flag-icon-md {
        background-image: url(../flags/4x3/md.svg);
      }
      .flag-icon-md.flag-icon-squared {
        background-image: url(../flags/1x1/md.svg);
      }
      .flag-icon-me {
        background-image: url(../flags/4x3/me.svg);
      }
      .flag-icon-me.flag-icon-squared {
        background-image: url(../flags/1x1/me.svg);
      }
      .flag-icon-mf {
        background-image: url(../flags/4x3/mf.svg);
      }
      .flag-icon-mf.flag-icon-squared {
        background-image: url(../flags/1x1/mf.svg);
      }
      .flag-icon-mg {
        background-image: url(../flags/4x3/mg.svg);
      }
      .flag-icon-mg.flag-icon-squared {
        background-image: url(../flags/1x1/mg.svg);
      }
      .flag-icon-mh {
        background-image: url(../flags/4x3/mh.svg);
      }
      .flag-icon-mh.flag-icon-squared {
        background-image: url(../flags/1x1/mh.svg);
      }
      .flag-icon-mk {
        background-image: url(../flags/4x3/mk.svg);
      }
      .flag-icon-mk.flag-icon-squared {
        background-image: url(../flags/1x1/mk.svg);
      }
      .flag-icon-ml {
        background-image: url(../flags/4x3/ml.svg);
      }
      .flag-icon-ml.flag-icon-squared {
        background-image: url(../flags/1x1/ml.svg);
      }
      .flag-icon-mm {
        background-image: url(../flags/4x3/mm.svg);
      }
      .flag-icon-mm.flag-icon-squared {
        background-image: url(../flags/1x1/mm.svg);
      }
      .flag-icon-mn {
        background-image: url(../flags/4x3/mn.svg);
      }
      .flag-icon-mn.flag-icon-squared {
        background-image: url(../flags/1x1/mn.svg);
      }
      .flag-icon-mo {
        background-image: url(../flags/4x3/mo.svg);
      }
      .flag-icon-mo.flag-icon-squared {
        background-image: url(../flags/1x1/mo.svg);
      }
      .flag-icon-mp {
        background-image: url(../flags/4x3/mp.svg);
      }
      .flag-icon-mp.flag-icon-squared {
        background-image: url(../flags/1x1/mp.svg);
      }
      .flag-icon-mq {
        background-image: url(../flags/4x3/mq.svg);
      }
      .flag-icon-mq.flag-icon-squared {
        background-image: url(../flags/1x1/mq.svg);
      }
      .flag-icon-mr {
        background-image: url(../flags/4x3/mr.svg);
      }
      .flag-icon-mr.flag-icon-squared {
        background-image: url(../flags/1x1/mr.svg);
      }
      .flag-icon-ms {
        background-image: url(../flags/4x3/ms.svg);
      }
      .flag-icon-ms.flag-icon-squared {
        background-image: url(../flags/1x1/ms.svg);
      }
      .flag-icon-mt {
        background-image: url(../flags/4x3/mt.svg);
      }
      .flag-icon-mt.flag-icon-squared {
        background-image: url(../flags/1x1/mt.svg);
      }
      .flag-icon-mu {
        background-image: url(../flags/4x3/mu.svg);
      }
      .flag-icon-mu.flag-icon-squared {
        background-image: url(../flags/1x1/mu.svg);
      }
      .flag-icon-mv {
        background-image: url(../flags/4x3/mv.svg);
      }
      .flag-icon-mv.flag-icon-squared {
        background-image: url(../flags/1x1/mv.svg);
      }
      .flag-icon-mw {
        background-image: url(../flags/4x3/mw.svg);
      }
      .flag-icon-mw.flag-icon-squared {
        background-image: url(../flags/1x1/mw.svg);
      }
      .flag-icon-mx {
        background-image: url(../flags/4x3/mx.svg);
      }
      .flag-icon-mx.flag-icon-squared {
        background-image: url(../flags/1x1/mx.svg);
      }
      .flag-icon-my {
        background-image: url(../flags/4x3/my.svg);
      }
      .flag-icon-my.flag-icon-squared {
        background-image: url(../flags/1x1/my.svg);
      }
      .flag-icon-mz {
        background-image: url(../flags/4x3/mz.svg);
      }
      .flag-icon-mz.flag-icon-squared {
        background-image: url(../flags/1x1/mz.svg);
      }
      .flag-icon-na {
        background-image: url(../flags/4x3/na.svg);
      }
      .flag-icon-na.flag-icon-squared {
        background-image: url(../flags/1x1/na.svg);
      }
      .flag-icon-nc {
        background-image: url(../flags/4x3/nc.svg);
      }
      .flag-icon-nc.flag-icon-squared {
        background-image: url(../flags/1x1/nc.svg);
      }
      .flag-icon-ne {
        background-image: url(../flags/4x3/ne.svg);
      }
      .flag-icon-ne.flag-icon-squared {
        background-image: url(../flags/1x1/ne.svg);
      }
      .flag-icon-nf {
        background-image: url(../flags/4x3/nf.svg);
      }
      .flag-icon-nf.flag-icon-squared {
        background-image: url(../flags/1x1/nf.svg);
      }
      .flag-icon-ng {
        background-image: url(../flags/4x3/ng.svg);
      }
      .flag-icon-ng.flag-icon-squared {
        background-image: url(../flags/1x1/ng.svg);
      }
      .flag-icon-ni {
        background-image: url(../flags/4x3/ni.svg);
      }
      .flag-icon-ni.flag-icon-squared {
        background-image: url(../flags/1x1/ni.svg);
      }
      .flag-icon-nl {
        background-image: url(../flags/4x3/nl.svg);
      }
      .flag-icon-nl.flag-icon-squared {
        background-image: url(../flags/1x1/nl.svg);
      }
      .flag-icon-no {
        background-image: url(../flags/4x3/no.svg);
      }
      .flag-icon-no.flag-icon-squared {
        background-image: url(../flags/1x1/no.svg);
      }
      .flag-icon-np {
        background-image: url(../flags/4x3/np.svg);
      }
      .flag-icon-np.flag-icon-squared {
        background-image: url(../flags/1x1/np.svg);
      }
      .flag-icon-nr {
        background-image: url(../flags/4x3/nr.svg);
      }
      .flag-icon-nr.flag-icon-squared {
        background-image: url(../flags/1x1/nr.svg);
      }
      .flag-icon-nu {
        background-image: url(../flags/4x3/nu.svg);
      }
      .flag-icon-nu.flag-icon-squared {
        background-image: url(../flags/1x1/nu.svg);
      }
      .flag-icon-nz {
        background-image: url(../flags/4x3/nz.svg);
      }
      .flag-icon-nz.flag-icon-squared {
        background-image: url(../flags/1x1/nz.svg);
      }
      .flag-icon-om {
        background-image: url(../flags/4x3/om.svg);
      }
      .flag-icon-om.flag-icon-squared {
        background-image: url(../flags/1x1/om.svg);
      }
      .flag-icon-pa {
        background-image: url(../flags/4x3/pa.svg);
      }
      .flag-icon-pa.flag-icon-squared {
        background-image: url(../flags/1x1/pa.svg);
      }
      .flag-icon-pe {
        background-image: url(../flags/4x3/pe.svg);
      }
      .flag-icon-pe.flag-icon-squared {
        background-image: url(../flags/1x1/pe.svg);
      }
      .flag-icon-pf {
        background-image: url(../flags/4x3/pf.svg);
      }
      .flag-icon-pf.flag-icon-squared {
        background-image: url(../flags/1x1/pf.svg);
      }
      .flag-icon-pg {
        background-image: url(../flags/4x3/pg.svg);
      }
      .flag-icon-pg.flag-icon-squared {
        background-image: url(../flags/1x1/pg.svg);
      }
      .flag-icon-ph {
        background-image: url(../flags/4x3/ph.svg);
      }
      .flag-icon-ph.flag-icon-squared {
        background-image: url(../flags/1x1/ph.svg);
      }
      .flag-icon-pk {
        background-image: url(../flags/4x3/pk.svg);
      }
      .flag-icon-pk.flag-icon-squared {
        background-image: url(../flags/1x1/pk.svg);
      }
      .flag-icon-pl {
        background-image: url(../flags/4x3/pl.svg);
      }
      .flag-icon-pl.flag-icon-squared {
        background-image: url(../flags/1x1/pl.svg);
      }
      .flag-icon-pm {
        background-image: url(../flags/4x3/pm.svg);
      }
      .flag-icon-pm.flag-icon-squared {
        background-image: url(../flags/1x1/pm.svg);
      }
      .flag-icon-pn {
        background-image: url(../flags/4x3/pn.svg);
      }
      .flag-icon-pn.flag-icon-squared {
        background-image: url(../flags/1x1/pn.svg);
      }
      .flag-icon-pr {
        background-image: url(../flags/4x3/pr.svg);
      }
      .flag-icon-pr.flag-icon-squared {
        background-image: url(../flags/1x1/pr.svg);
      }
      .flag-icon-ps {
        background-image: url(../flags/4x3/ps.svg);
      }
      .flag-icon-ps.flag-icon-squared {
        background-image: url(../flags/1x1/ps.svg);
      }
      .flag-icon-pt {
        background-image: url(../flags/4x3/pt.svg);
      }
      .flag-icon-pt.flag-icon-squared {
        background-image: url(../flags/1x1/pt.svg);
      }
      .flag-icon-pw {
        background-image: url(../flags/4x3/pw.svg);
      }
      .flag-icon-pw.flag-icon-squared {
        background-image: url(../flags/1x1/pw.svg);
      }
      .flag-icon-py {
        background-image: url(../flags/4x3/py.svg);
      }
      .flag-icon-py.flag-icon-squared {
        background-image: url(../flags/1x1/py.svg);
      }
      .flag-icon-qa {
        background-image: url(../flags/4x3/qa.svg);
      }
      .flag-icon-qa.flag-icon-squared {
        background-image: url(../flags/1x1/qa.svg);
      }
      .flag-icon-re {
        background-image: url(../flags/4x3/re.svg);
      }
      .flag-icon-re.flag-icon-squared {
        background-image: url(../flags/1x1/re.svg);
      }
      .flag-icon-ro {
        background-image: url(../flags/4x3/ro.svg);
      }
      .flag-icon-ro.flag-icon-squared {
        background-image: url(../flags/1x1/ro.svg);
      }
      .flag-icon-rs {
        background-image: url(../flags/4x3/rs.svg);
      }
      .flag-icon-rs.flag-icon-squared {
        background-image: url(../flags/1x1/rs.svg);
      }
      .flag-icon-ru {
        background-image: url(../flags/4x3/ru.svg);
      }
      .flag-icon-ru.flag-icon-squared {
        background-image: url(../flags/1x1/ru.svg);
      }
      .flag-icon-rw {
        background-image: url(../flags/4x3/rw.svg);
      }
      .flag-icon-rw.flag-icon-squared {
        background-image: url(../flags/1x1/rw.svg);
      }
      .flag-icon-sa {
        background-image: url(../flags/4x3/sa.svg);
      }
      .flag-icon-sa.flag-icon-squared {
        background-image: url(../flags/1x1/sa.svg);
      }
      .flag-icon-sb {
        background-image: url(../flags/4x3/sb.svg);
      }
      .flag-icon-sb.flag-icon-squared {
        background-image: url(../flags/1x1/sb.svg);
      }
      .flag-icon-sc {
        background-image: url(../flags/4x3/sc.svg);
      }
      .flag-icon-sc.flag-icon-squared {
        background-image: url(../flags/1x1/sc.svg);
      }
      .flag-icon-sd {
        background-image: url(../flags/4x3/sd.svg);
      }
      .flag-icon-sd.flag-icon-squared {
        background-image: url(../flags/1x1/sd.svg);
      }
      .flag-icon-se {
        background-image: url(../flags/4x3/se.svg);
      }
      .flag-icon-se.flag-icon-squared {
        background-image: url(../flags/1x1/se.svg);
      }
      .flag-icon-sg {
        background-image: url(../flags/4x3/sg.svg);
      }
      .flag-icon-sg.flag-icon-squared {
        background-image: url(../flags/1x1/sg.svg);
      }
      .flag-icon-sh {
        background-image: url(../flags/4x3/sh.svg);
      }
      .flag-icon-sh.flag-icon-squared {
        background-image: url(../flags/1x1/sh.svg);
      }
      .flag-icon-si {
        background-image: url(../flags/4x3/si.svg);
      }
      .flag-icon-si.flag-icon-squared {
        background-image: url(../flags/1x1/si.svg);
      }
      .flag-icon-sj {
        background-image: url(../flags/4x3/sj.svg);
      }
      .flag-icon-sj.flag-icon-squared {
        background-image: url(../flags/1x1/sj.svg);
      }
      .flag-icon-sk {
        background-image: url(../flags/4x3/sk.svg);
      }
      .flag-icon-sk.flag-icon-squared {
        background-image: url(../flags/1x1/sk.svg);
      }
      .flag-icon-sl {
        background-image: url(../flags/4x3/sl.svg);
      }
      .flag-icon-sl.flag-icon-squared {
        background-image: url(../flags/1x1/sl.svg);
      }
      .flag-icon-sm {
        background-image: url(../flags/4x3/sm.svg);
      }
      .flag-icon-sm.flag-icon-squared {
        background-image: url(../flags/1x1/sm.svg);
      }
      .flag-icon-sn {
        background-image: url(../flags/4x3/sn.svg);
      }
      .flag-icon-sn.flag-icon-squared {
        background-image: url(../flags/1x1/sn.svg);
      }
      .flag-icon-so {
        background-image: url(../flags/4x3/so.svg);
      }
      .flag-icon-so.flag-icon-squared {
        background-image: url(../flags/1x1/so.svg);
      }
      .flag-icon-sr {
        background-image: url(../flags/4x3/sr.svg);
      }
      .flag-icon-sr.flag-icon-squared {
        background-image: url(../flags/1x1/sr.svg);
      }
      .flag-icon-ss {
        background-image: url(../flags/4x3/ss.svg);
      }
      .flag-icon-ss.flag-icon-squared {
        background-image: url(../flags/1x1/ss.svg);
      }
      .flag-icon-st {
        background-image: url(../flags/4x3/st.svg);
      }
      .flag-icon-st.flag-icon-squared {
        background-image: url(../flags/1x1/st.svg);
      }
      .flag-icon-sv {
        background-image: url(../flags/4x3/sv.svg);
      }
      .flag-icon-sv.flag-icon-squared {
        background-image: url(../flags/1x1/sv.svg);
      }
      .flag-icon-sx {
        background-image: url(../flags/4x3/sx.svg);
      }
      .flag-icon-sx.flag-icon-squared {
        background-image: url(../flags/1x1/sx.svg);
      }
      .flag-icon-sy {
        background-image: url(../flags/4x3/sy.svg);
      }
      .flag-icon-sy.flag-icon-squared {
        background-image: url(../flags/1x1/sy.svg);
      }
      .flag-icon-sz {
        background-image: url(../flags/4x3/sz.svg);
      }
      .flag-icon-sz.flag-icon-squared {
        background-image: url(../flags/1x1/sz.svg);
      }
      .flag-icon-tc {
        background-image: url(../flags/4x3/tc.svg);
      }
      .flag-icon-tc.flag-icon-squared {
        background-image: url(../flags/1x1/tc.svg);
      }
      .flag-icon-td {
        background-image: url(../flags/4x3/td.svg);
      }
      .flag-icon-td.flag-icon-squared {
        background-image: url(../flags/1x1/td.svg);
      }
      .flag-icon-tf {
        background-image: url(../flags/4x3/tf.svg);
      }
      .flag-icon-tf.flag-icon-squared {
        background-image: url(../flags/1x1/tf.svg);
      }
      .flag-icon-tg {
        background-image: url(../flags/4x3/tg.svg);
      }
      .flag-icon-tg.flag-icon-squared {
        background-image: url(../flags/1x1/tg.svg);
      }
      .flag-icon-th {
        background-image: url(../flags/4x3/th.svg);
      }
      .flag-icon-th.flag-icon-squared {
        background-image: url(../flags/1x1/th.svg);
      }
      .flag-icon-tj {
        background-image: url(../flags/4x3/tj.svg);
      }
      .flag-icon-tj.flag-icon-squared {
        background-image: url(../flags/1x1/tj.svg);
      }
      .flag-icon-tk {
        background-image: url(../flags/4x3/tk.svg);
      }
      .flag-icon-tk.flag-icon-squared {
        background-image: url(../flags/1x1/tk.svg);
      }
      .flag-icon-tl {
        background-image: url(../flags/4x3/tl.svg);
      }
      .flag-icon-tl.flag-icon-squared {
        background-image: url(../flags/1x1/tl.svg);
      }
      .flag-icon-tm {
        background-image: url(../flags/4x3/tm.svg);
      }
      .flag-icon-tm.flag-icon-squared {
        background-image: url(../flags/1x1/tm.svg);
      }
      .flag-icon-tn {
        background-image: url(../flags/4x3/tn.svg);
      }
      .flag-icon-tn.flag-icon-squared {
        background-image: url(../flags/1x1/tn.svg);
      }
      .flag-icon-to {
        background-image: url(../flags/4x3/to.svg);
      }
      .flag-icon-to.flag-icon-squared {
        background-image: url(../flags/1x1/to.svg);
      }
      .flag-icon-tr {
        background-image: url(../flags/4x3/tr.svg);
      }
      .flag-icon-tr.flag-icon-squared {
        background-image: url(../flags/1x1/tr.svg);
      }
      .flag-icon-tt {
        background-image: url(../flags/4x3/tt.svg);
      }
      .flag-icon-tt.flag-icon-squared {
        background-image: url(../flags/1x1/tt.svg);
      }
      .flag-icon-tv {
        background-image: url(../flags/4x3/tv.svg);
      }
      .flag-icon-tv.flag-icon-squared {
        background-image: url(../flags/1x1/tv.svg);
      }
      .flag-icon-tw {
        background-image: url(../flags/4x3/tw.svg);
      }
      .flag-icon-tw.flag-icon-squared {
        background-image: url(../flags/1x1/tw.svg);
      }
      .flag-icon-tz {
        background-image: url(../flags/4x3/tz.svg);
      }
      .flag-icon-tz.flag-icon-squared {
        background-image: url(../flags/1x1/tz.svg);
      }
      .flag-icon-ua {
        background-image: url(../flags/4x3/ua.svg);
      }
      .flag-icon-ua.flag-icon-squared {
        background-image: url(../flags/1x1/ua.svg);
      }
      .flag-icon-ug {
        background-image: url(../flags/4x3/ug.svg);
      }
      .flag-icon-ug.flag-icon-squared {
        background-image: url(../flags/1x1/ug.svg);
      }
      .flag-icon-um {
        background-image: url(../flags/4x3/um.svg);
      }
      .flag-icon-um.flag-icon-squared {
        background-image: url(../flags/1x1/um.svg);
      }
      .flag-icon-us {
        background-image: url(../flags/4x3/us.svg);
      }
      .flag-icon-us.flag-icon-squared {
        background-image: url(../flags/1x1/us.svg);
      }
      .flag-icon-uy {
        background-image: url(../flags/4x3/uy.svg);
      }
      .flag-icon-uy.flag-icon-squared {
        background-image: url(../flags/1x1/uy.svg);
      }
      .flag-icon-uz {
        background-image: url(../flags/4x3/uz.svg);
      }
      .flag-icon-uz.flag-icon-squared {
        background-image: url(../flags/1x1/uz.svg);
      }
      .flag-icon-va {
        background-image: url(../flags/4x3/va.svg);
      }
      .flag-icon-va.flag-icon-squared {
        background-image: url(../flags/1x1/va.svg);
      }
      .flag-icon-vc {
        background-image: url(../flags/4x3/vc.svg);
      }
      .flag-icon-vc.flag-icon-squared {
        background-image: url(../flags/1x1/vc.svg);
      }
      .flag-icon-ve {
        background-image: url(../flags/4x3/ve.svg);
      }
      .flag-icon-ve.flag-icon-squared {
        background-image: url(../flags/1x1/ve.svg);
      }
      .flag-icon-vg {
        background-image: url(../flags/4x3/vg.svg);
      }
      .flag-icon-vg.flag-icon-squared {
        background-image: url(../flags/1x1/vg.svg);
      }
      .flag-icon-vi {
        background-image: url(../flags/4x3/vi.svg);
      }
      .flag-icon-vi.flag-icon-squared {
        background-image: url(../flags/1x1/vi.svg);
      }
      .flag-icon-vn {
        background-image: url(../flags/4x3/vn.svg);
      }
      .flag-icon-vn.flag-icon-squared {
        background-image: url(../flags/1x1/vn.svg);
      }
      .flag-icon-vu {
        background-image: url(../flags/4x3/vu.svg);
      }
      .flag-icon-vu.flag-icon-squared {
        background-image: url(../flags/1x1/vu.svg);
      }
      .flag-icon-wf {
        background-image: url(../flags/4x3/wf.svg);
      }
      .flag-icon-wf.flag-icon-squared {
        background-image: url(../flags/1x1/wf.svg);
      }
      .flag-icon-ws {
        background-image: url(../flags/4x3/ws.svg);
      }
      .flag-icon-ws.flag-icon-squared {
        background-image: url(../flags/1x1/ws.svg);
      }
      .flag-icon-ye {
        background-image: url(../flags/4x3/ye.svg);
      }
      .flag-icon-ye.flag-icon-squared {
        background-image: url(../flags/1x1/ye.svg);
      }
      .flag-icon-yt {
        background-image: url(../flags/4x3/yt.svg);
      }
      .flag-icon-yt.flag-icon-squared {
        background-image: url(../flags/1x1/yt.svg);
      }
      .flag-icon-za {
        background-image: url(../flags/4x3/za.svg);
      }
      .flag-icon-za.flag-icon-squared {
        background-image: url(../flags/1x1/za.svg);
      }
      .flag-icon-zm {
        background-image: url(../flags/4x3/zm.svg);
      }
      .flag-icon-zm.flag-icon-squared {
        background-image: url(../flags/1x1/zm.svg);
      }
      .flag-icon-zw {
        background-image: url(../flags/4x3/zw.svg);
      }
      .flag-icon-zw.flag-icon-squared {
        background-image: url(../flags/1x1/zw.svg);
      }
      .flag-icon-es-ca {
        background-image: url(../flags/4x3/es-ca.svg);
      }
      .flag-icon-es-ca.flag-icon-squared {
        background-image: url(../flags/1x1/es-ca.svg);
      }
      .flag-icon-es-ga {
        background-image: url(../flags/4x3/es-ga.svg);
      }
      .flag-icon-es-ga.flag-icon-squared {
        background-image: url(../flags/1x1/es-ga.svg);
      }
      .flag-icon-eu {
        background-image: url(../flags/4x3/eu.svg);
      }
      .flag-icon-eu.flag-icon-squared {
        background-image: url(../flags/1x1/eu.svg);
      }
      .flag-icon-gb-eng {
        background-image: url(../flags/4x3/gb-eng.svg);
      }
      .flag-icon-gb-eng.flag-icon-squared {
        background-image: url(../flags/1x1/gb-eng.svg);
      }
      .flag-icon-gb-nir {
        background-image: url(../flags/4x3/gb-nir.svg);
      }
      .flag-icon-gb-nir.flag-icon-squared {
        background-image: url(../flags/1x1/gb-nir.svg);
      }
      .flag-icon-gb-sct {
        background-image: url(../flags/4x3/gb-sct.svg);
      }
      .flag-icon-gb-sct.flag-icon-squared {
        background-image: url(../flags/1x1/gb-sct.svg);
      }
      .flag-icon-gb-wls {
        background-image: url(../flags/4x3/gb-wls.svg);
      }
      .flag-icon-gb-wls.flag-icon-squared {
        background-image: url(../flags/1x1/gb-wls.svg);
      }
      .flag-icon-un {
        background-image: url(../flags/4x3/un.svg);
      }
      .flag-icon-un.flag-icon-squared {
        background-image: url(../flags/1x1/un.svg);
      }
      .flag-icon-xk {
        background-image: url(../flags/4x3/xk.svg);
      }
      .flag-icon-xk.flag-icon-squared {
        background-image: url(../flags/1x1/xk.svg);
      }
      
/* Mejoras Login */

.login[_ngcontent-c2] .navbar[_ngcontent-c2] .navbar-brand[_ngcontent-c2] {
  width: 300px;
}

.ctndlg{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 991px) {
  .collapse {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .collapse {
    display: none;
  }
  .navbar-collapse.collapse.in{
    display: block !important;
  }
  .login[_ngcontent-c2] .navbar[_ngcontent-c2] .navbar-brand[_ngcontent-c2] {
    height: 81px;
    margin-bottom: 15px;
  }
  .vcsmr{
    float: inherit !important;
  }
}

@media screen and (max-width: 768px) {
  .login[_ngcontent-c2] .navbar[_ngcontent-c2] .navbar-brand[_ngcontent-c2] {
    height: 81px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 991px) {
  .btnmnlg {
    margin-top: 35px !important;
  }
}

/* Solicitud de Cotización */

.evaluacion-cotizaciones-header th{
  color: #fff;
}

.clmvc{
  border: 0px !important;
}

.dlndtl{
  padding-right: 30px !important;
  border-right: 1px solid #fff;
}

.tpmnda{
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.tlnb{
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}

.txttbl{
  font-size: 16px;
}

.nvld a{
  font-size: 15px !important;
}

.sldidm button:hover{
  background-color: #d9f0ff;
  color: #000;
}

.cntdfc{
  display: flex;
  justify-content: center;
}

.btngtk{
  display: flex;
  align-items: center;
}

.bi-arrow-right-square{
  width: 20px;
  fill: white;
  margin-left: 10px;
}

.clicboton{
  cursor:pointer
}

@media only screen and (min-width: 993px) and (max-width: 1199px){
  .grecaptcha{
    transform: scale(0.85) !important;
    margin-left: 10px !important;
  }
}

.grecaptcha{
  transform: scale(0.95);
  transform-origin: 0 0;
  margin-left: 25px;
  margin-top: 15px;
  display: flex;
}

.grecaptcha-badge{
  z-index: 999999999;
}

.btn-lgn{
  width: 80%;
  margin-right: 0px !important;
  background-color: #0079bf !important;
}

.btnchatbot:hover{
  cursor:pointer;
}

.collapseMenu{
  background-color: white;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.176) 0px 4px 12px;
  padding: 6px;
  z-index: 2;
  position: relative;
}
.collapsedMenuOptions{
  text-decoration: none !important;
  width: auto;
  display: block;
  color: #333;
  padding: 5px;
  border-radius: 3px;
}
.collapsedMenuOptions:hover, .collapsedMenuOptions:focus, .collapsedMenuOptions:active{
  background-color: #555555;
  color: #FFFFFF;
}
typeahead-container{
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}
typeahead-container button{
  border: none;
  border-bottom: 1px solid #dfdfdf;
  background-color: transparent;
  padding: 5px;
}
.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
  max-width: 114px !important;
  display: flex;
  justify-content: space-between;
}
.multiselect-dropdown div span {
  border: none !important;
  width: 120px;
  margin: 1px 0;
  font-size: 13px;
}
.transparente .modal-content{
  background-color: transparent !important;
  border: none;
}

/* Estilos para el texto y la tabla en SweetAlert */
.swal-text {
  font-size: 16px;
  color: #333;
  text-align: center;
}

.swal-table {
  width: 100%;
  border: 1px solid #ddd;
  border-collapse: collapse;
  margin: auto;
  text-align: left;
}

.swal-table th,
.swal-table td {
  padding: 8px;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 16px;
}

.swal-table thead tr {
  background-color: #f2f2f2;
}

.text-black{
  color: rgb(97, 94, 94) !important;
}

.table-container {
  overflow-x: auto;
}

.btn.btn-info.btn-simple{
  color: var(--color-primary) !important
}