#container{
    width: 100%;
}
@media (min-width: 1200px) {
    .container{
        width: 100%;
        max-width: 1580px !important;
        padding-right: 15px !important;
        padding-left: 15px !important;    
    }
}
.form-horizontal .form-group{
    margin-left: 0 !important;
    margin-right: 0 !important;    
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                    not supported by any browser */
}

/* compatibilidad boots*/
.fade.in,
.fade.show{
    opacity:1;
}

.modal{
    z-index: 9999999999999 !important;
}

.modal-backdrop{
    background-color: rgba(0, 0, 0, 0.4) !important;
    z-index: 9999998 !important;
    display: none;
}

.modal .modal-body{
    padding: 0;
}

.modal .modal-dialog{
    max-width:1000px;
    max-height: 600px;
}
.modal .modal-header{
    padding: 2px 6px;
}


/*tooltip*/
.tooltip-inner {
    background-color: #dedede !important;
    color:#666 !important;
    font-size: 12px !important;
}
.tooltip-arrow {
    border-bottom-color: #dedede !important;
    background-color: #dedede !important;
}

.mc {
    margin-left: auto;
    margin-right: auto; }

.mt-0 {
    margin-top: 0; }

.mr-0 {
    margin-right: 0; }

.mb-0 {
    margin-bottom: 0; }

.ml-0 {
    margin-left: 0; }

.pt-0 {
    padding-top: 0; }

.pr-0 {
    padding-right: 0; }

.pb-0 {
    padding-bottom: 0; }

.pl-0 {
    padding-left: 0; }

@media (max-width: 767px) {
    .mc-sm {
        margin-right: auto;
        margin-left: auto; }

    .mt-xs {
        margin-top: 4px; }

    .mr-xs {
        margin-right: 4px; }

    .mb-xs {
        margin-bottom: 4px; }

    .ml-xs {
        margin-left: 4px; }

    .mt-sm {
        margin-top: 8px; }

    .mr-sm {
        margin-right: 8px; }

    .mb-sm {
        margin-bottom: 8px; }

    .ml-sm {
        margin-left: 8px; }

    .mt-md {
        margin-top: 11px; }

    .mr-md {
        margin-right: 11px; }

    .mb-md {
        margin-bottom: 11px; }

    .ml-md {
        margin-left: 11px; }

    .mt-lg {
        margin-top: 23px; }

    .mr-lg {
        margin-right: 23px; }

    .mb-lg {
        margin-bottom: 23px; }

    .ml-lg {
        margin-left: 23px; }

    .mt-xl {
        margin-top: 38px; }

    .mr-xl {
        margin-right: 38px; }

    .mb-xl {
        margin-bottom: 38px; }

    .ml-xl {
        margin-left: 38px; }

    .pt-xs {
        padding-top: 4px; }

    .pr-xs {
        padding-right: 4px; }

    .pb-xs {
        padding-bottom: 4px; }

    .pl-xs {
        padding-left: 4px; }

    .pt-sm {
        padding-top: 8px; }

    .pr-sm {
        padding-right: 8px; }

    .pb-sm {
        padding-bottom: 8px; }

    .pl-sm {
        padding-left: 8px; }

    .pt-md {
        padding-top: 11px; }

    .pr-md {
        padding-right: 11px; }

    .pb-md {
        padding-bottom: 11px; }

    .pl-md {
        padding-left: 11px; }

    .pt-lg {
        padding-top: 23px; }

    .pr-lg {
        padding-right: 23px; }

    .pb-lg {
        padding-bottom: 23px; }

    .pl-lg {
        padding-left: 23px; }

    .pt-xl {
        padding-top: 38px; }

    .pr-xl {
        padding-right: 38px; }

    .pb-xl {
        padding-bottom: 38px; }

    .pl-xl {
        padding-left: 38px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mc-md {
        margin-right: auto;
        margin-left: auto; }

    .mt-xs {
        margin-top: 4px; }

    .mr-xs {
        margin-right: 4px; }

    .mb-xs {
        margin-bottom: 4px; }

    .ml-xs {
        margin-left: 4px; }

    .mt-sm {
        margin-top: 8px; }

    .mr-sm {
        margin-right: 8px; }

    .mb-sm {
        margin-bottom: 8px; }

    .ml-sm {
        margin-left: 8px; }

    .mt-md {
        margin-top: 11px; }

    .mr-md {
        margin-right: 11px; }

    .mb-md {
        margin-bottom: 11px; }

    .ml-md {
        margin-left: 11px; }

    .mt-lg {
        margin-top: 23px; }

    .mr-lg {
        margin-right: 23px; }

    .mb-lg {
        margin-bottom: 23px; }

    .ml-lg {
        margin-left: 23px; }

    .mt-xl {
        margin-top: 38px; }

    .mr-xl {
        margin-right: 38px; }

    .mb-xl {
        margin-bottom: 38px; }

    .ml-xl {
        margin-left: 38px; }

    .pt-xs {
        padding-top: 4px; }

    .pr-xs {
        padding-right: 4px; }

    .pb-xs {
        padding-bottom: 4px; }

    .pl-xs {
        padding-left: 4px; }

    .pt-sm {
        padding-top: 8px; }

    .pr-sm {
        padding-right: 8px; }

    .pb-sm {
        padding-bottom: 8px; }

    .pl-sm {
        padding-left: 8px; }

    .pt-md {
        padding-top: 11px; }

    .pr-md {
        padding-right: 11px; }

    .pb-md {
        padding-bottom: 11px; }

    .pl-md {
        padding-left: 11px; }

    .pt-lg {
        padding-top: 23px; }

    .pr-lg {
        padding-right: 23px; }

    .pb-lg {
        padding-bottom: 23px; }

    .pl-lg {
        padding-left: 23px; }

    .pt-xl {
        padding-top: 38px; }

    .pr-xl {
        padding-right: 38px; }

    .pb-xl {
        padding-bottom: 38px; }

    .pl-xl {
        padding-left: 38px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mc-lg {
        margin-right: auto;
        margin-left: auto; }

    .mt-xs {
        margin-top: 5px; }

    .mr-xs {
        margin-right: 5px; }

    .mb-xs {
        margin-bottom: 5px; }

    .ml-xs {
        margin-left: 5px; }

    .mt-sm {
        margin-top: 10px; }

    .mr-sm {
        margin-right: 10px; }

    .mb-sm {
        margin-bottom: 10px; }

    .ml-sm {
        margin-left: 10px; }

    .mt-md {
        margin-top: 15px; }

    .mr-md {
        margin-right: 15px; }

    .mb-md {
        margin-bottom: 15px; }

    .ml-md {
        margin-left: 15px; }

    .mt-lg {
        margin-top: 30px; }

    .mr-lg {
        margin-right: 30px; }

    .mb-lg {
        margin-bottom: 30px; }

    .ml-lg {
        margin-left: 30px; }

    .mt-xl {
        margin-top: 50px; }

    .mr-xl {
        margin-right: 50px; }

    .mb-xl {
        margin-bottom: 50px; }

    .ml-xl {
        margin-left: 50px; }

    .pt-xs {
        padding-top: 5px; }

    .pr-xs {
        padding-right: 5px; }

    .pb-xs {
        padding-bottom: 5px; }

    .pl-xs {
        padding-left: 5px; }

    .pt-sm {
        padding-top: 10px; }

    .pr-sm {
        padding-right: 10px; }

    .pb-sm {
        padding-bottom: 10px; }

    .pl-sm {
        padding-left: 10px; }

    .pt-md {
        padding-top: 15px; }

    .pr-md {
        padding-right: 15px; }

    .pb-md {
        padding-bottom: 15px; }

    .pl-md {
        padding-left: 15px; }

    .pt-lg {
        padding-top: 30px; }

    .pr-lg {
        padding-right: 30px; }

    .pb-lg {
        padding-bottom: 30px; }

    .pl-lg {
        padding-left: 30px; }

    .pt-xl {
        padding-top: 50px; }

    .pr-xl {
        padding-right: 50px; }

    .pb-xl {
        padding-bottom: 50px; }

    .pl-xl {
        padding-left: 50px; }
}

@media (min-width: 1200px) {
    .mc-xl {
        margin-right: auto;
        margin-left: auto; }

    .mt-xs {
        margin-top: 8px; }

    .mr-xs {
        margin-right: 8px; }

    .mb-xs {
        margin-bottom: 8px; }

    .ml-xs {
        margin-left: 8px; }

    .mt-sm {
        margin-top: 15px; }

    .mr-sm {
        margin-right: 15px; }

    .mb-sm {
        margin-bottom: 15px; }

    .ml-sm {
        margin-left: 15px; }

    .mt-md {
        margin-top: 23px; }

    .mr-md {
        margin-right: 23px; }

    .mb-md {
        margin-bottom: 23px; }

    .ml-md {
        margin-left: 23px; }

    .mt-lg {
        margin-top: 45px; }

    .mr-lg {
        margin-right: 45px; }

    .mb-lg {
        margin-bottom: 45px; }

    .ml-lg {
        margin-left: 45px; }

    .mt-xl {
        margin-top: 75px; }

    .mr-xl {
        margin-right: 75px; }

    .mb-xl {
        margin-bottom: 75px; }

    .ml-xl {
        margin-left: 75px; }

    .pt-xs {
        padding-top: 8px; }

    .pr-xs {
        padding-right: 8px; }

    .pb-xs {
        padding-bottom: 8px; }

    .pl-xs {
        padding-left: 8px; }

    .pt-sm {
        padding-top: 15px; }

    .pr-sm {
        padding-right: 15px; }

    .pb-sm {
        padding-bottom: 15px; }

    .pl-sm {
        padding-left: 15px; }

    .pt-md {
        padding-top: 23px; }

    .pr-md {
        padding-right: 23px; }

    .pb-md {
        padding-bottom: 23px; }

    .pl-md {
        padding-left: 23px; }

    .pt-lg {
        padding-top: 45px; }

    .pr-lg {
        padding-right: 45px; }

    .pb-lg {
        padding-bottom: 45px; }

    .pl-lg {
        padding-left: 45px; }

    .pt-xl {
        padding-top: 75px; }

    .pr-xl {
        padding-right: 75px; }

    .pb-xl {
        padding-bottom: 75px; }

    .pl-xl {
        padding-left: 75px; }
}

.m-bottom-10{margin-bottom: 10px;}
.m-bottom-20{margin-bottom: 20px;}

.block {
    /* height: 300px; */
    text-align: left;
    position: relative;
    /* background: #c0c0c0; */
    /* border: #a0a0a0 solid 1px; */
    /* margin: 20px; */
}

.block:before {
    content: '';
    display: inline-block;
    height: 100%; 
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */

    /* For visualization 
    background: #808080; width: 5px;
    */
}

.centered {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 0;
    padding-left: 24px;
    /* border: #a0a0a0 solid 1px; */
    /* background: #f5f5f5; */
}
/*<div class="block">
    <div class="centered">
        <p>
            text ...
        </p>
    </div>
</div>*/


@media (max-width: 419px) {
    .no-padd-xs {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.navbar{
    padding: 0;
}

.form-group{
    /* overflow: hidden; */
}




/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    /* border: 1px solid #e7e7e7; */
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    min-width: 210px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    /* margin-bottom: -12px; */
}
.dropdown-content.right {
    right: 0;
    left: auto;
}
.dropdown .dropdown-content li{
    display: block !important;
}
.dropdown-content a {
    color: black;
    padding: 1px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}



.mydropdown{
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}






/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20.000000%;
        -ms-flex: 0 0 20.000000%;
        flex: 0 0 20.000000%;
        max-width: 20.000000%;               
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        /* max-width: 33.333333%; */
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20.000000%;
        -ms-flex: 0 0 20.000000%;
        flex: 0 0 20.000000%;
        max-width: 20.000000%;        
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20.000000%;
        -ms-flex: 0 0 20.000000%;
        flex: 0 0 20.000000%;
        max-width: 20.000000%;
    }
}


.col-8r,
.col-sm-8r,
.col-md-8r,
.col-lg-8r {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-8r {
    width: 12.5%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-8r {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-8r {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-8r {
        width: 12.5%;
        float: left;
    }
}



.col-xs-9r,
.col-sm-9r,
.col-md-9r,
.col-lg-9r {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-9r {
    width: 11.1111111111%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-9r {
        width: 11.1111111111%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-9r {
        width: 11.1111111111%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-9r {
        width: 11.1111111111%;
        float: left;
    }
}



.col-xs-15r,
.col-sm-15r,
.col-md-15r,
.col-lg-15r {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15r {
    width: 6.6666666666667%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15r {
        width: 6.6666666666667%;
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 6.6666666666667%;
        -ms-flex: 0 0 6.6666666666667%;
        flex: 0 0 6.6666666666667%;
        max-width: 6.6666666666667%;
    }
}

@media (min-width: 992px) {
    .col-md-15r {
        width: 6.6666666666667%;
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 6.6666666666667%;
        -ms-flex: 0 0 6.6666666666667%;
        flex: 0 0 6.6666666666667%;
        max-width: 6.6666666666667%;        
    }
}

@media (min-width: 1200px) {
    .col-lg-15r {
        width: 6.6666666666667%;
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 6.6666666666667%;
        -ms-flex: 0 0 6.6666666666667%;
        flex: 0 0 6.6666666666667%;
        max-width: 6.6666666666667%;        
    }
}






.col-xs-10r,
.col-sm-10r,
.col-md-10r,
.col-lg-10r {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-10r {
    width: 10%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-10r {
        width: 10%;
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }
}

@media (min-width: 992px) {
    .col-md-10r {
        width: 10%;
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;        
    }
}

@media (min-width: 1200px) {
    .col-lg-10r {
        width: 10%;
        float: left;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 10%;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;        
    }
}


.hidden-xs-up {
    display: none !important;
  }
  
  @media (max-width: 543px) {
    .hidden-xs-down {
      display: none !important;
    }
  }
  
  @media (min-width: 544px) {
    .hidden-sm-up {
      display: none !important;
    }
  }
  
  @media (max-width: 767px) {
    .hidden-sm-down {
      display: none !important;
    }
  }
  
  @media (min-width: 768px) {
    .hidden-md-up {
      display: none !important;
    }
  }
  
  @media (max-width: 991px) {
    .hidden-md-down {
      display: none !important;
    }
  }
  
  @media (min-width: 992px) {
    .hidden-lg-up {
      display: none !important;
    }
  }
  
  @media (max-width: 1199px) {
    .hidden-lg-down {
      display: none !important;
    }
  }
  
  @media (min-width: 1200px) {
    .hidden-xl-up {
      display: none !important;
    }
  }
  
  .hidden-xl-down {
    display: none !important;
  }
  
  .visible-print-block {
    display: none !important;
  }
  
  @media print {
    .visible-print-block {
      display: block !important;
    }
  }
  
  .visible-print-inline {
    display: none !important;
  }
  
  @media print {
    .visible-print-inline {
      display: inline !important;
    }
  }
  
  .visible-print-inline-block {
    display: none !important;
  }
  
  @media print {
    .visible-print-inline-block {
      display: inline-block !important;
    }
  }
  
  @media print {
    .hidden-print {
      display: none !important;
    }
  }


  .show>.dropdown-menu{
      display: block;
  }