body{
    font-size: 9pt;
}
.ct-title {
    color: #183475;
    padding-bottom: 4px;
    border-bottom: 2px solid #000;
    font-weight: bold;
}

.flexbox2{    
    align-items: center;
    display: flex;
}
.flexbox button {
    padding: 0 5rem;
    height: 3em !important;
    font-size: 125%;
}

.bold
{
    font-weight: 800;
}

.is-big {
    font-size: 130%;
}

.is-italic {
    font-style: italic;
}

.btn-group .btn {
    border-radius: 0 !important;
    min-width: 70px;
    font-size: 9pt;
}

.btn-group .btn:focus {
    outline: none;
    border-color: #ccc;
    border-bottom-color: #4b95db;
}

.btn-group .btn
{
    font-size: 1.2em;
}

.cs-huge-btns .btn-group {
    font-size: 200%;
}

.cs-welcome{
    color: #224a2a;
}

.ct-btn-group-selected {
    border-bottom: 2px solid #4b95db;
    background-color: #193571 !important;
    color: white !important;
}

.Modal .btn-group button {
    background-color: #fff;
    color: #6c757d;
    border-color: #6c757d;
}

.Modal .cs-circle-button {
    background: transparent;
    color: #516073;
}

.ct-menor-prima {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #9a1b1b;
    color: #FFF;
    padding: 4px 20px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 9pt;
}

.ct-bg-menor-prima {
    background: #f6f4bf;
}

.ct-montos-cotizacion {
    font-size: 200%;
    font-weight: 600;
}

.ct-monto-principal {
    font-size: 230%;
    font-weight: 800;
}

.card-cotizacion {
    width: 32.9%;
    border-radius: 0;
    min-width: 335px;
}

.card-cotizacion:not(:nth-child(3n)) {
    margin-right: .25rem !important;
}


.card-img-top {
    max-height: 50px;
}

.logo87 {
    height: 26px !important;
    width: auto !important;
}

.ct-border-bottom {
border-bottom: 2px solid #666;
}

.ct-btn-green button {
    background: #62cd0b !important;
    color: #fff;
    width: 100%;
}

.ct-btn-green button:hover {
    background: #95d064 !important;
}

.ct-btn-green button.boton.primary {
    border: 2px solid #6ee324;
}

.ct-btn-yellow button {
    background: #fbae1c !important;
    color: #fff;
    width: 100%;
}

.ct-btn-yellow button:hover {
    background: #ffbd42 !important;
}

.ct-btn-yellow button.boton.primary {
    border: 2px solid #ffd586;
}

.ct-btn-light-blue button {
    background: #1a808a !important;
    color: #fff;
    width: 100%;
}

.ct-btn-light-blue button:hover {
    background: #446b6f !important;
    color: white;
}

.ct-btn-light-blue button:disabled
{
    color: #dddddd;
}

.ct-btn-light-blue button.boton.primary {
    border: 2px solid #6eb7bf;
}

.breadcrumb-item {
    height: 100%;
    display: flex;
    align-items: center;
}

.ct-breadcrumb-item {
    width: 100%;
    display: flex;
    justify-content: center;
}

.ct-breadcrumb-item-disable {
    opacity: .5;
}

.breadcrumb-item .badge {
    border-radius: 0px;
    font-size: 12pt !important;
}

.breadcrumb-item.active .badge {
    background-color: #226d3e !important;
}

.breadcrumb-item.active .ct-breadcrumb-item
{
    color: #226d3e;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '';
    float: none;
    padding: 0;
}

.ct-header-border-right:not(:last-child) {
    border-right: 2px solid #516073;
}

.ct-cots .card {
    border-radius: 0px 10px 0px 10px;
    transition: 1s ease;
}

.ct-cots .card:hover {
    background-color: #fffad8;
    border-color: #193571;
}

.card .cs-label-title {
    font-weight: 400;
}

.cs-input.cs-fileinput {
    border-radius: 0; 
}

.cs-fileinput-label {
    display: inline-grid !important;
    width: 100%;
    text-align: center;
}

.cs-fileinput-label span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cs-header h6 {
    margin-bottom: .25rem;    
}

.cs-header .link i {
    position: absolute;
}

.w200max {
    max-width: 20em;
}

/* button.boton.primary {
    background: #193571;
    color: #ffffff;
    border: 1px solid #4b95db;    
    min-width: 200px;
    justify-content: center;
    align-content: center;
    display: flex;
    border-radius: 10px;
} */

button.icono
{
    padding-bottom: 5px;
}

button.primary.disabled {
    background: #b6babd;
    color: #fff;
    border: none;
}

button.primary.disabled:hover {
    background: #b6babd;
    color: #fff;
    border: none;
}

.ct-margin-list {
    margin-top: 8% !important;
}

button.boton span div.loader {
    margin-top: 5px;
}

.cs-autocomplete {
    top: auto;
    margin-top: -7px;
    right: 0;
}

button.cs-button-big
{    
    font-size: 130%;
    padding: 0 2em;
    padding-bottom: 2.4em;
}

button.cs-button-big.primary
{
    background-color: #226d3e;
    border-color: #224a2a;
    font-weight: 600;
}

.cs-mh-100 {
    min-height: 90%;
}

.mw-3 {
    max-width: 100px;
}

.cs-div-centered {
    display: flex !important;
    justify-content: center  !important;
}

.cs-div-centered button {
    margin: 0 auto;
}

@media (max-width: 720px) {
    .card-cotizacion {
        width: 100%;
    }

    .ct-margin-list {
        margin-top: 88% !important;
    }

    .btn-group .btn {
        flex: 0 0 25%
    }

}

@media ( max-width: 768px) {

    .cs-header-vendedor{
        display: none;
    }
    .cs-breadcrumb li .ct-breadcrumb-item
    {
        display: none;
    }
    .cs-header
    {
        margin-top: 1em;
    }
    .cs-header, .cs-header label, .cs-header h6
    {
        font-size: 1em !important;
    }
    .ct-margin-list {
        margin-top: 43% !important;
    }
}

@media (min-width: 720px) and (max-width: 1053px) {
    body {
        font-size: 10pt;
    }
    .card-cotizacion {
        width: 49% !important;
    }
    .btn-group .btn {
        flex: 0 0 33.3%
    }
}

.h-50vh {
    min-height: 50vh;
}

.h-70vh {
    min-height: 70vh;
}

h3.big1
{
    padding: 2em;
}
.big1
{
    font-size: 150% !important;    
}
.btn-group>.btn-group:last-child, .btn-group>.btn:last-child {
    margin-right: -1px;
}

.btn-group .btn{
    padding: 5px 10px;
    font-size: 120%;
}

.rdtPicker {
    right: 0;
}

.cs-modal-content .cs-input-datetime.cs-float-top .rdtPicker {
    position: absolute;
    top:-250px;
    right: 0;
    margin-left: 47%
}

.mw-300 {
    min-width: 300px;
}

.btn-img {
    max-width: 70px;
    height: auto;
}

.btn-outline-secondary {
    /* min-width: 70px;
    max-width: 90px;
    height: 50px; */
}

.ct-btn-group-selected img {
    filter: drop-shadow(1px 0px 0px white) drop-shadow(0px 1px 0px white) drop-shadow(-1px -0px 0px white) drop-shadow(-0px -1px 0px white);
}

.cs-highlight .logo
{
    max-height: 47px;
    text-align: center;
    padding: 0;
    display: initial;
    animation-name: scaleLogo;
    animation-duration: 7s;
    animation-iteration-count: infinite;
}



@keyframes scaleLogo {
    25%   {scale: 0.8;}    
    50%  {scale: 1;}
    75%  {scale: 1;}
    100% {scale: 0.8;}
  }

.bb
{
 position: relative;   
}

.bb button
{
    position:absolute;
    bottom: 0;
    margin-bottom: 0;
}

.pagination li
{
  padding: 1em;
}

.cs-modal-content .cs-autocomplete {        
    min-width: 300px;
    max-height: 150px;    
    position: absolute;
    right: 3em !important;
  }

  .cs-filtro button .btn-img
  {
      max-height: 30px;
  }

.d-initial
{
    display: initial !important;
}

.cs-input-3
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

.cs-input-3 .cs-input
{
    max-width: 450px;
    margin-bottom: 10px !important;
}

.cs-input-3
{
    display: flex;
    flex-direction: column;    
}

.card-title h1
{
    font-size: 200%;
    text-align: center;
    font-weight: 700;
    color: #013571;
    text-transform: uppercase;
}

.centered.card .cs-input-label {
    text-align: left;
    padding-left: 8px;
}

.scroll-left {
    height: 50px;     
    overflow: hidden;
    position: relative;
}

.scroll-left h6 {
    white-space:nowrap;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 50px;
    text-align: center;
    transform:translateX(100%);    
    animation: scroll-left 10s linear infinite;
    }
    /* Move it (define the animation) */

    @keyframes scroll-left {
    0% { 
     transform: translateX(50%); 
    }
    50% { 
        transform: translateX(-30%); 
        }
    100% { 
    transform: translateX(50%); 
    }
    }

    .alert p{
        margin-bottom: 0.5em;
    }

    .alert.style-toolTip i{
        margin-right: 1em;
        font-size: 150%;
    }

    button.cs-btn-info
    {
        height: 20px !important;
        min-width: 20px !important;
        border:none !important;
        background: transparent !important;
        border-radius: 1em;
        box-shadow: none;
    }

    button.cs-btn-info, button.cs-btn-info span
    {
        padding: 0 !important;
        line-height: 1.2em;
    }

    .card .card-header h2
    {
        font-weight: 800;
        font-size: 200%;
    }

.cs-botonera
{
    display: flex;
    flex-direction: row;
}

.flex-vertical {
    flex-direction: column;
}

.cs-botonera button
{
  display: block;
  position: relative;
  margin-top: 23px;
}

.cs-breadcrumb
{
    margin-bottom: 0.1rem !important;
}

.cs-breadcrumb ul li.link:hover
{
    background-color: #ede6f3;
    cursor: pointer;
}

.cs-breadcrumb .ct-breadcrumb-item-disable
{
    cursor: not-allowed;
}

.cs-breadcrumb .active
{
    cursor: default;
}

.topnavbar 
{
    padding: 5px;
}

.cs-text-big
{
    font-size: 200%;
}

h1 .boton
{
    font-size: 12px;
}

.w95 
{
    width: 95%;
}

.cs-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.cs-tooltip.fa {
    font-size: 130% !important;
}

.cs-tooltip .cs-tooltip-text {
    visibility: hidden;
    width: max-content;
    background-color: #fcf3cd;
    color: #a0522d;
    font-family: Verdana;
    font-size: 90% !important;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    border: 1px solid #c5c5c5;
    position: absolute;
    z-index: 10;
    bottom: 125%;
    left: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}

.cs-tooltip .cs-tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fcf3cd transparent transparent transparent;
  }

  .cs-tooltip:hover {
      color: #ed7d20;
  }

  .cs-tooltip:hover .cs-tooltip-text {
    visibility: visible;
    opacity: 1;
  }

.cs-qr {
  max-height: 11rem;
}