html,body{
    width:100%;
    height:100%;
    margin:0px;
    font-family: Gotham;
}
.ColorFondoProfalfacturacion{
    width:100%;
    height:100%;
    padding:0px 0px;
    /*background:#019ade;*/
    overflow-x:hidden;
}
.EspacioDeTrabajo {
    max-width:600px;
    margin:0px auto;
    height:100%;
    background:#00547e;
}

@font-face {
    font-family: 'Gotham';    
    src: url('../Librerias/CSS/Font/GothamBookRegular.otf') format('opentype');
}
@font-face {
    font-family: 'GothaProBol';
    src: url('../Librerias/CSS/Font/GothaProBol.otf') format('opentype');
}
@font-face {
    font-family: 'GothaMediumItalic';
    src: url('../Librerias/CSS/Font/GothamProMediumItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'GothaMedium';
    src: url('../Librerias/CSS/Font/ufonts.com_gotham-medium.ttf') format('truetype');
}

        .row {
            margin-bottom: 0px;
        }

        .select-dropdown {
            text-align: left;
        }

        .input-field .col label.active {
            left: 30px;
        }

        .titleText {
            color:#0528C4;
            font-size:30px;
            font-family:GothaProBol;
            font-weight: bold;    
        }
        .fileText {
            color:#0528C4;
            font-size: 25px;
            font-family: Gotham;
        }

        .titleImage {
            width: 8%;
        }

        .title {
            display: flex; 
            margin-left:1%;
        }
        .title2 {
            display: flex; 
            margin-left:45%;
        }
        .title3 {
            display: flex; 
            margin-left:37%;
        }

        .errorFile {
            border-bottom: 2px solid red !important;
        }

        .errorFIle {
            border-bottom: 2px solid red !important;
        }

        .select-wrapper {
            color: white !important;
        }

            .select-wrapper span.caret {
                color: white;
            }

        input {
            height: 2.7rem !important;
            margin: 0 0 10px 0 !important;
            font-family: Gotham;
        }

        .btn {
            height: 40px;
            padding: 0 1rem;
        }

        .select-wrapper input.select-dropdown:disabled {
            color: #9c9c9c !important;
        }

        #RFC {
            color: #9c9c9c !important;
        }

        .boldN {
            font-weight: 900;
        }
        .Logo {
            margin-top: 3%;
            margin-left: 20% !important;
        }

        .container-fluid {
            white-space: nowrap;
        }

        .column {
            display: inline-block;
            width: 50%;
            white-space: normal;
        }
        .column3 {
            display: inline-block;
            width: 70%;
            white-space: normal;
        }

        .column2 {
            display: inline-block;
            width: 10%;
            white-space: normal;
        }

        .imgBack {
            margin-top: 20%;
            margin-left: 10%;
            width: 500px;
        }

        .image {
            position: relative;
            top: 0;
            left: 0;
        }

        .image1 {
            position: absolute;
            z-index: 1;
            width: 47%;
            margin-top: 8%;
        }

        .image2 {
            position: absolute;
            z-index: 3;
            width: 22%;
            margin-top: 10%;
            margin-left: 14%;
        }

        .image3 {
            position: absolute;
            z-index: 10;
            margin-top: 14%;
            margin-left: 32%;
        }

        .textTitle {
            text-align: center;
            color: #0528C4;
            font-family: GothaProBol;
            font-size: 35px;
        }
        .pagoDetalles {
            display:none;
            color:#707070;
            font-size:14px;
        }

        .campos {
            width: 66%;
            box-shadow: 0px 0px 10px #BCEAFF;
            border-radius: 20px;
            margin-top: 7%;
            margin-left: 10%;
        }

        .datos {
            padding: 10%;
        }

        .label {
            font-family: GothaProBol;
            font-size: 16px;
            color: #707070;
        }

        input[type=text] {
            font-family: GothaMedium;
            font-size: 12px !important;
            color: #707070;
            text-transform: uppercase;
            outline: 0;
            /*border-width: 0 0 2px;
            border-color: #BCEAFF;*/
            border-bottom: 2px solid #BCEAFF !important;
        }

        input:focus {
            border-color: green;
        }

        .imageWave {
            top: 53%;     
            position: absolute;
            right: -7%;
            width: 20%;
        }

        .imageWavedown {
            width: 200%;              
            margin-top: 552%;
            margin-left: -88%;

        }
        .imageWave2 {
            top: 40%;
            position: absolute;
            right: -101px;
            width: 20%;
        }
        .imageWavedown2 {
            width: 240%;
            margin-left: -100px;
            margin-top: 501%;    

        }
        .divButton {
            display: table;
            clear: both;
            width: 100%;
        }

        .but2 {
            float: left;
        }

        .width50 {
            width: 50%;
        }

        .width47 {
            width: 47%;
        }

        .sizebut {
            padding: 1px 40px !important;
            font-family: GothaProBol !important;
            font-size: 15px !important;
        }

        .button2 {
            margin-top: 7%;
            background: #3AB089;    
            padding: 0px 64px !important;
            border-radius: 8px !important;
        }

        .border-radius {
            border-radius: 42px !important;
        }

        .button {
            margin-top: 12%;
            background: #3AB089;            
            padding: 0px 100px !important;
        }

        .align-center {
            text-align: center;
        }

        .btnColor {
            background: #3AB089;
            border-color: #3AB089;
            box-shadow: 0px 6px 6px #A5F5DB;
            font-family: GothaProBol;
            font-weight: bold;
            text-transform: none;
        }

        .margin15 {
            margin-top: 15%;
        }

        .textCenter {
            text-align: center;
        }
        .wrap {
            white-space: normal;
        }

        .divBusqueda {
            display: none;
            font-family: GothaMedium;
            font-size: 12px !important;
            color: #707070;
            text-transform: uppercase;
            text-align: center;
            margin-top: 10%;
        }

        .datosFacturacion {
            color: #707070;
            border-bottom: 1px solid #6ddbae;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .uppercase {
            text-transform: uppercase;
        }

        .dropdown-content li > span {
            font-size: 12px;
        }
        .subTitle {
            color:#0528C4;
            font-family: GothaProBol;
            font-size:16px;
        }
        .data {
            color:#707070;
            font-size:15px;
            font-family: GothaProBol;
        }
        .info {
            font-family: Gotham;
            text-transform: uppercase;
        }
        .Fbold {
          font-family: GothaProBol;          
        }
        .tableInfo {
            border-bottom: solid 3px #BFF1FF;
            font-family: Gotham;
        }
        .margintop3 {
            margin-top:3%;
        } 
        .margintop1 {
            margin-top:1%;
        } 
        .tdwidth30 {
            width:30%;
            white-space: pre-wrap;
        }
        .fontBlue {
            color:#0528C4;
        }
        .Desglocetotal {
            font-size: 16px;
            text-align:right;
            font-family: GothaProBol;
        }
        .font16 {
            font-size:16px;
        }
        .margin5 {
            margin-top: 5%;
        }
        .imgFinal {
            margin-top: -44px;
        }
        .infoEmail {
            text-align: center;
            font-size: 25px;
            color: #707070;
            font-family: Gotham;
        }
        .fileImg {
            width: 9%;
            cursor: pointer;
            margin-right: 3%;
        }
        .portalArchivos {
            display:none;
            color:#707070;
        }
        .imgWavedown {
            width: 44%;
            margin-left: -142px;
        }
        .imgWave {
            top: 88%;
            position: absolute;           
            width: 20%;
        }
        .BusquedaCargando {
            display:none;
            color:#707070;
            margin-bottom:10px;
        }
        .footerBBlue {
            background: #0f0fc3;
            background-size:cover !important; 
            background-repeat:no-repeat !important;
            margin-top: 0px;
            width: 100%;
        }
        .footerBlue {
            background: #011467;
            background-size:cover !important; 
            background-repeat:no-repeat !important;
            margin-top: 0px;
            width: 100%;
        }
        .footercolumn1 {
            display: inline-table;
            width: 20%;
            white-space: normal;
        }
        .footercolumn11 {
            display: inline-table;
            width: 58%;
            white-space: normal;
        }
        .footercolumn2 {
            display: inline-table;
            width: 16%;
            white-space: normal;
        }

        .textBoldfooter {
            font-family:GothaProBol;
            font-size:14px;
            color:white;
        }

        .textfooter {
            font-size:12px;
            color:white;
        }
        .textBfooter {
            font-size:15px;
            color:white;
        }

        .jconfirm .jconfirm-box {
            width: 38% !important;
        }

        .titlePopup {
           color: #3c6f9d;
           font-family: GothaProBol;
           font-size: 18px;
        }

        .jconfirm.jconfirm-white .jconfirm-box .buttons button {
            border-radius: 17px;
            background-color: #66D8B0 !important;
            border-color: #66D8B0 !important;
        }

        .jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {
            color: #5A8EC6;
            background-color: #fff !important;
        }

        .social [class*="fa fa-"] {
            background-color: #333;
            border-radius: 30px;
            color: #fff;
            display: inline-block;
            height: 30px;
            line-height: 30px;
            margin: auto 3px;
            width: 30px;
            font-size: 15px;
            text-align: center;
        }