@import url(https://fonts.googleapis.com/css?family=Nunito:400,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
/** LOGIN **/
*{
    padding: 0;
    margin: 0;
    border: none;
    text-decoration: none;
}

body{
    font-family: "Nunito", sans-serif;
    font-weight:300;
    background-color: #F1F3FA;
}

.lato{
    font-family:'Lato', sans-serif;
}
.span{
    border: solid 1px #c4c7d8;
}
.azulBox {
    width: 133px;
    height: 43px;
    border-radius: 4px;
    background-color: #1573d4;
    box-shadow: 0 0 4px 0 #1573d4);
    padding-left: 15px;
    padding-right: 15px;
}

.clearFloat{
    clear: both;
}

.floatRight{
    float: right;
}

.floatLeft{
    float: left;
}

.body7a{
    background-color: #2c2e3c;
}

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


/**********************************************************
                    DEFAULTS
**********************************************************/
.lightBlue{
    color: #298df5;
}

.lightBlueBg{
    background: #298df5;
}

.borderRadius10{
    border-radius: 10px;
}

.borderRadius2{
    border-radius: 2px;
}

.blue-shadow{
    box-shadow: 0 6px 15px 0 #298df5;
}
.red-shadow{
    box-shadow: 0 6px 15px 0 #ff0000;
}

.bold{
    font-weight: bold;
}


.facebookColor{
    border-radius: 2px;
    background-image: linear-gradient(253deg, #6187c0, #4f75ad);
    background: -ms-linear-gradient(90deg, #6187c0, #4f75ad);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6187c0', endColorstr='#4f75ad');/*For IE7-8-9*/
    box-shadow: 0 11px 19px 0 #b8bdcd;
}

.googleColor{
    border-radius: 2px;
    background-image: linear-gradient(253deg, #ef6559, #dc4e41);
    background: -ms-linear-gradient(90deg, #ef6559, #dc4e41);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ef6559', endColorstr='#dc4e41');/*For IE7-8-9*/
    box-shadow: 0 11px 19px 0 #b8bdcd;
}


.Button{
    width: 201px;
    height: 45px;
    border-radius: 100px;
    background-color: #298df5;
    cursor:pointer;
}

.ButtonGray{
    width: 201px;
    height: 45px;
    border-radius: 100px;
    background-color: #98a1ae;
    cursor:pointer;
}



.darkGray{
    background-color: #98a1ae;
}

.lightGrayBG{
    background-color: #f8f9fc;
}

.solicitudBox{
    background-color: #ffffff;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
}

.solicitudWhiteBox {
    background-color: #ffffff;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
}

.blueButton{
    background-image: linear-gradient(232deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;
    color:#FFF;
}

.redButton{
    background-image: linear-gradient(232deg, #ff1a1a, #b30000);
    box-shadow: 0 0 7px 0 #298df5;
    color:#FFF;
}

.whiteContainer{
    border-radius: 2px;
    background-color: #f8f9ff;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 99999px;
}

.searchBox {
    width: 242px;
    border-radius: 25px;
    background-color: #ffffff;
    border: solid 1px #dfe2f4;
    margin: auto;
}

.searchBox input{
    color: #a7b2c0;
    padding: 10px 10px 10px 20px;
    background: transparent;
    width: calc(100% - 65px);
    width: -webkit-calc(100% - 65px);
}

.searchBox .fa{
    color:#98a1ae;
    cursor:pointer;
}

.searchBox input:focus{
    outline: none;
}

.grayBorderBox{
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
    border: solid 1px #d4dbe6;
    padding: 10px 0px;
}

.gray{
    color: #71758d;
}

.gray2{
    color: #98a1ae;
}

.lightGray{
    color:#9da2be;
}

.tableTitleColor{
    color: #6c7582;
}

.tableDescriptionColor{
    color: #7e8fa6;
}

.textUpper{
    text-transform: uppercase;
}

.textlower{
    text-transform: lowercase;;
}

.font11{
    font-size: 11px;
}

.font12{
    font-size:12px;
}

.font13{
    font-size: 13px;
}

.font14{
    font-size:14px;
}

.font16{
    font-size: 16px;
}

.font18{
    font-size: 18px;
}

.font19{
    font-size: 19px;
}

.font20{
    font-size: 20px;
}

.font22{
    font-size: 22px;
}

.font24{
    font-size: 24px;
}

.font25{
    font-size: 25px;
}

.font30{
    font-size: 30px;
}

.font35{
    font-size: 35px;
}

.font40{
    font-size: 40px;
}

.font45{
    font-size: 45px;
}

.font50{
    font-size: 50px;
}

.center{
    text-align:center;
}

.left{
    text-align: left;
}

.right{
    text-align: right;
}

.block{
    display: block;
}

.inline{
    display: inline-block;
}



.pointer{
    cursor:pointer;
}

.greenBox{
    width: 133px;
    height: 43px;
    border-radius: 4px;
    background-color: #33c56e;
    box-shadow: 0 0 4px 0 rgba(51, 197, 110, 0.5);
    padding-left:15px;
    padding-right:15px;
}

.redBox{
    width: 133px;
    height: 43px;
    border-radius: 4px;
    background-color: #fb5e48;
    box-shadow: 0 0 4px 0 rgba(200, 75, 57, 0.8);
    padding-left:15px;
    padding-right:15px;
}

.grayDashboardBox{
    width: 154px;
    border-radius: 2px;
    background-color: #98a1ae;
}

.colorWhite{
    color: white;
}

.notificationBox{
    width: 62px;
    border-radius: 100px;
    background-color: #fb5e48;
    height: 28px;
}

.checkBox{
    width: 24px;
    height: 24px;
    display:inline-block;
    vertical-align: top;
    cursor:pointer;
    text-align:center;
}

.checkboxLabel{
    display:inline-block;
    width: calc(100% - 48px);
    width: -webkit-calc(100% - 48px);
}


.whiteCheckBox{
    background-color: #f8f9ff;
    box-shadow: inset 0 -1px 0 0 #71758d;
    border: solid 1px #dfe2f4;
}

.slash{
    font-size: 30px;
}

.autoMargin{
    margin: auto;
}

.colorblue{
    color: #2d91f6;
}

.formTitleColor{
    color: #1c2b8a;
}

.darkBluetitle{
    color: #252d60;
}

.orange{
    color: #fb5e48;
}

.descriptionColor{
    color: #f1f3fa;
}

.headingColor, .darkBluetitle span.headingColor{
    color: #298df5;
}


.tableTitleColor{
    color: #6c7582;
}

.colorRed{
    color: #fb5e48;
}

.greenTitle{
    color: #33c56e;
}

.buttonOrange{
    background-color: #fb5e48;
    box-shadow: 0 0 7px 0 #fb5e48;
}

.yellowButton{
    background-color: #f0ad4e;
    box-shadow: 0 0 7px 0 #f0ad4e;
}

.backgroundGrayColor{
    background-color:#9da2be;
}

.ui-selectmenu-menu .ui-menu {max-height: 200px;}
/**********************************************************************************************************************************************************************************
                                                                      WIDTH

/**********************************************************************************************************************************************************************************/
.width36{
    width: 36px;
}

.width54{
    width: 54px;
}

.width59{
    width: 95px;
}


.width60{
    width: 60px;
}

.width66{
    width: 66px;
}

.width100{
    width: 100px;
}

.width110{
    width: 110px;
}

.width116{
    width: 116px;
}

.width120{
    width: 120px;
}

.width150{
    max-width: 150px;
}

.width160{
    width: 160px;
}

.width166{
    width: 166px;
}


.width169{
    max-width: 169px;
}

.width180{
    width: 180px;
}

.width200{
    width: 200px;
}
.width206{
    width: 206px;
}

.width87{
    width: 87px;
}

.width169{
    max-width: 169px;
    width:90%;
}

.width109{
    width: 109px;
}

.with150{
    width: 150px;
}


.width219{
    width: 219px;
}
.width228{
    width: 228px;
}

.width210{
    width: 210px;
}

.width225{
    width: 225px;
}

.width235{
    width: 235px;
}

.width240{
    width: 240px;
}

.width274{
    width:274px;
}

.width290{
    width: 290px;
}

.width287{
    width: 287px;
}

.width299{
    width: 299px;
}

.width300{
    width: 300px;
}

.width310{
    width: 310px;
}

.width320{
    width: 320px;
}

.width322{
    width: 322px;
}

.width337{
    width: 337px;
}

.width350{
    max-width: 350px;
}

.width354{
    width: 354px;
}

.width375{
    width: 375px;
}

.width380{
    width: 380px;
}

.width388{
    width: 388px;
}

.width385{
    max-width: 385px;
}

.width474{
    width: 474px;
}

.width480{
    max-width: 480px;
}

.width500{
    max-width: 500px;
}

.width550{
    max-width: 550px;
}

.width505{
    width: 505px;
}

.width512{
    width: 512px;
}

.width520{
    width: 520px;
}

.width529{
    width: 529px;
}

.width570{
    width: 570px;
    margin: auto;
}

.width600{
    width: 600px;
    margin: auto;
}

.width630{
    width: 630px;
    margin: auto;
}

.width670{
    width: 670px;
}

.width700{
    width: 700px;
    margin: auto;
}

.width800{
    width: 800px;
    margin: auto;
}

.width850{
    width: 850px;
    margin: auto;
}

.width920{
    max-width:920px;
}

.width950{
    width: 950px;
}

.width975{
    width: 975px;
}

.width990{
    max-width: 990px;
}

.width95{
    width: 95.41015625%;
}

.width83{
    width: 83px;
}

.width164{
    width: 164px;
}

.width303{
    width: 303px;
}

.width85{
    width: 85px;
}

.width65p{
    width: 65%;
}

.width75p{
    width: 75%;
}

.width80p{
    width: 80%;
}

.width85p{
    width: 85%;
}

.width234{
    width: 234px;
}


.width430{
    width: 430px;
}

.width446{
    width: 446px;
}

.width466{
    width: 466px;
}



.width478{
    width: 478px;
}


.width90p{
    width: 90%;
}

.width95p{
    width: 95%;
}

.width60p{
    width: 65%;
}

.width76p{
    width: 76%;
}

.lineHeight45{
    line-height: 45px;
}

.lineHeight60{
    line-height: 60px;
}

.borderLine{
    border: solid 1px #9da2be;
    margin: auto;
}

.border1{
    border: solid 1px #b4b8d4;
}

.radius100{
    border-radius:100px;
}

.textUpper{
    text-transform: uppercase;
}

.textlower{
    text-transform: lowercase;;
}

.letterspacing0.5{
    letter-spacing: 0.5px;
}

.letterspacing0.8{
    letter-spacing: 0.8px;
}

.letterspacing1{
    letter-spacing: 1px;
}
.letterspacing1.1{
    letter-spacing: 1.1px;
}

.letterspacing1.4{
    letter-spacing: 1.4px;
}
.letterspacing1.5{
    letter-spacing: 1.5px;
}

.letterspacing1.8{
    letter-spacing: 1.8px;
}

.letterspacing2{
    letter-spacing: 2px;
}

.letterspacing2.3{
    letter-spacing: 2.3px;
}


.left{
    text-align: left;
}

.displayInline{
    display: inline-block;
}

.showInline{
    display:inline;
}
/*****************************************************************************************************
                          LoadingBar
/*****************************************************************************************************/
.width24{
    width:24px;
}

.width46{
    width: 46px;
}

.width75{
    width: 75px;
}

.width140{
    width: 140px;
}

.width145{
    width: 145px;
}

.width230{
    width: 230px;
}

.width324{
    width: 324px;
}

.width400{
    max-width: 400px;
}

.borderBlue{
    border: solid 2px #298df5;
}

.borderGray{
    border: solid 2px #9da2be;
}

.borderGrayRight{
    border-right: solid 1px #b4b8d4;
}

.borderGrayLeft{
    border-left: solid 1px #b4b8d4;
}

.borderGrayTop{
    border-top: solid 1px #b4b8d4;
}

.borderGrayBottom{
    border-bottom: solid 1px #b4b8d4;
}

.gradientBlue{
    background-image: linear-gradient(to left, #59c4fb, #2d91f6);
}

.navyBg{
    background:#252d60;
}


.justify{
    text-align: justify;
}


.LoadingLine{
    width: 361px;
    height: 2px;
    background: #298df5;
    margin-top: 38px
}

.line18{
    width: 18px;
    background-color: #D4DBE6;
    height: 5px;
    position: absolute;
    top: 50%;
    right: 29px;
    transform: translate(0, -50%);
}

.whiteBox{
    border-radius: 2px;
    background-color: #f8f9ff;
    box-shadow: inset 0 -1px 0 0 #71758d;
    border: solid 1px #dfe2f4;
}

.crosCircle{
    width: 29px;
    height: 29px;
    background-color: #D4DBE6;
    border-radius: 50px;
    cursor:pointer;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.cross{
    color: #9da2be;
    font-size: 12px;
    text-align: center;
    padding-top: 6px;
}



.line270{
    width: 270px;
    height: 2px;
    border: solid 1px #9da2be;
    background: #9da2be;
    margin-top: 38px;
}

.line210{
    width:210px;
    height: 2px;
    border: solid 1px #9da2be;
    background: #9da2be;
    margin-top: 38px;
}


.circle{
    width: 14px;
    height: 14px;
    background-color: #9da2be;
    border-radius: 50px;
    margin-top: 33px;
}

.grayLine{
    width: 20px;
    height: 2px;
    border: solid 1px #d4dbe6;
    background: #d4dbe6;
    margin-top: 30px;
}

.colorGreen{
    background-color: #33c56e;
    box-shadow: 0 0 4px 0 rgba(51, 197, 110, 0.5);
}


/*********************** OPACITY *************************/

.opacity01{
    opacity: .1;
}

.opacity02{
    opacity: .2;
}

.opacity03{
    opacity: .3;
}

.opacity04{
    opacity: .4;
}

.opacity05{
    opacity: .5;
}

.opacity06{
    opacity: .6;
}

.opacity07{
    opacity: .7;
}

.opacity08{
    opacity: .8;
}

.opacity09{
    opacity: .9;
}

.opacity1{
    opacity: 1;
}

/****************************************************************************************************
                                FONT WEIGHT
****************************************************************************************************/

.fontWeight100{
    font-weight: 100;
}

.fontWeight200{
    font-weight: 200;
}

.fontWeight300{
    font-weight: 300;
}

.fontWeight400{
    font-weight: 400;
}

.fontWeight500{
    font-weight: 500;
}

.fontWeight600{
    font-weight: 600;
}

.fontWeight700{
    font-weight: 700;
}

.fontWeight800{
    font-weight: 800;
}

.fontWeight900{
    font-weight: 900;
}

/**********************************************************
                    DASHBOARD
**********************************************************/

.inputs{
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 0 #71758d;
    border: solid 1px #dfe2f4;
}
.inputCorrect {
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #33c56e;
}

.inputError {
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #ff0000;
}
.graphBox{
    background-color: white;
    margin: 0 15px 43px 15px;
    height: 251px;
    border-radius: 2px;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
}

.boxTitle{
    border-radius: 2px;
    background-color:#252d60;
}

.graphHeading{
    display: inline-block;
    font-size: 18px;
    padding: 14px 0 11px 24px;
    font-weight: 400;
}

.applicationsTitle{
    width: 990px;
    border-radius: 2px;
    background-color:#252d60;
    margin: 0 15px 0px 15px;
}

.applicationContainers{
    background-color: #ffffff;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
    margin: 0 auto 2px auto;
}

.solicitudes_table{
    width:100%;
    border-collapse: collapse;

}

.solicitudes_table td{
    margin:0;
    border:solid 1px #c4c7d8;
    padding: 5px 10px;
    font-weight:300;
    font-size:12px;

}

.solicitudes_table.dashboard td{
    border:solid 2px #e5e5e5;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
}

.solicitudes_table .lightGrayBG td{
    border-bottom:none;
    padding: 10px;

}

.solicitudes_table td:first-of-type{
    border-left:none;
}

.solicitudes_table td:last-of-type{
    border-right:none;
}

.solicitudes_table tr:nth-of-type(2) td{
    border-top:none;
}
.solicitudes_table.dashboard tr:first-of-type td{
    border-top:none;
}

.solicitudes_table td .greenBox{
    text-transform: uppercase;
    cursor:pointer;

}

.grayBox{
    max-width: 329px;
    height: 186px;
    border-radius: 7.1px;
    background-color: #d4dbe6;
}

.boxMargins{
    margin-left:20px;
}

.fullInputs input, .fullInputs textarea, .fullInputs select{
    padding: 10px 20px;
    width:calc(100% - 40px);
    width:-webkit-calc(100% - 40px);
    font-size:14px;
}

.fullInputs input.paddingBottom15.paddingTop15{
    padding: 15px 20px;
}

.fullInputs textarea{
    height:180px;
}

.alertError{
    padding:20px;
    font-size:14px;
    width:calc(100% - 118px);
    width:-webkit-calc(100% - 118px);
}

.solicitude_submenu li a:hover{
    background-image: linear-gradient(232deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;
    color: #FFF;
}


.width50{
    width: 50px;
    border-right: solid 1px #c4c7d8;
}

.width65{
    width: 65px;
}


.width88{
    width: 88px;
}

.width70{
    width: 70px;
}

.tableBorderRight{
    border-right: solid 1px #c4c7d8;
}

.tableBorderBottom{
    border-bottom: solid 1px #c4c7d8;
}

.loginBody{
    width: 100%;
    background: #F1F3FA;
}

.dashBordBody{
    width: 100%;
    background: #98a1ae;
}

.loginContainer{
    width: 450px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    position: absolute;
}

.loginContainer.creditLb{
    position: fixed;
}

.visitaContainer {
    width: 80%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    margin:30px auto;
    max-height:100%;
    overflow-y: auto;
}
.elementosFormularioRender{
    overflow-y: auto; 
}
.visitaContainerSmall {
    width: 75%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    margin:30px auto;
    max-height:100%;
    overflow-y: auto;
}


.loginlogoBox{
    width: 100%;
    height: 30px;
    padding-bottom: 20px;
}

.loginBox{
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
    background-color: #ffffff;
}

.dashBordBox{
    width: 100%;
    border-radius: 4px;
    background-color: #f6f8fd;
    box-shadow: 0 3px 8px 0 rgba(62, 66, 91, 0.5);
}

.mobMenu{
    margin:30px 10px 0 10px;
    cursor:pointer;
}

.mobMenu.dashboard{
    margin: 22px 10px 0 10px;
}

.loginlogo{
    width: 169px;
    position: relative;
}

.loginForm {
    z-index: 1;
    background: #FFFFFF;
    width: 100%;
    border-radius: 4px;
    margin: auto;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
    position: relative;
}

.loginTitle{
    padding-top: 36px;
}

.formContainer{
    width:70%;
    margin:auto;
    padding:28px 0 28px;
}

.formLabel{
    width: 100%;
    display: block;
}

.emailLabel{
    padding-bottom: 13px;
}

.emailInput{
    margin-bottom: 31px;
}

.passwordLabel{
    padding-bottom: 11px;
}

.passwordInput{
    margin-bottom: 25px;
}


.cameraImage{
    margin-top: 95px;
    margin-bottom: 95px;
}

.formContainer input{
    width:calc(100% - 18px);
    width:-webkit-calc(100% - 18px);
    padding:10px 0 10px 18px;
}

.loginForm button {
    width: 100%;
    height: 50px;
    border-radius: 2px;
    /*background-image: linear-gradient(260deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;*/
    margin-bottom: 31px;
}

.formProfilePicture button {
    width: 100%;
    height: 50px;
    border-radius: 2px;
    margin-bottom: 31px;
}


.loginShadow{
    width: 90%;
    margin:auto;
    height: 59px;
    opacity: 0.49;
    mix-blend-mode: multiply;
    border-radius: 7px;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    background-color: #9da2be;
    transform: translate(0,-36px);
}

.appHeader{
    border-top: #181d3f 5px solid;
    background: #f8f9fc;
}

.logo{

}

.logo.dashboard{
    padding: 18px 0;
    width: 169px;
}

.logoMobile {
    padding: 24px 25px;
    width: 30px;
    border-right:1px solid #b4b8d4;
}

.logoMobile.dashboard{
    padding: 18px;
}

.menuBox{
    border-radius: 2px;
    background-image: linear-gradient(to bottom, #ffffff, #f8f9fc);
    box-shadow: 0 10px 17px 0 #dbdce8;
}

.menuIcon{
    text-align: center;
}

.menuBox ul{
    list-style: none;
}

.menuBox li{
    display:block;
}

.menuBox a{
    width: 110px;
    padding: 12px 14px;
    display: block;
}

.menuBox a:hover{
    background-image: linear-gradient(232deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;
    color: white;
}
.menuBox a img{
    height:30px
}
.menuBox a.selected img{
    filter:brightness(20) grayscale(1);
    -webkit-filter:brightness(20) grayscale(1);
}

.menuBox a:hover img{
    filter:brightness(20) grayscale(1);
    -webkit-filter:brightness(20) grayscale(1);
}

.menuBox li a span{
    display:block;
    text-align:center;
}

.vermasLine{
    padding: 16px 0 15px 0;
    font-size:14px;
}

.solicitudBody{
    background-color: #98A3B2;
}

.notificacionesWidth50 {
    max-width: 50%;
}

.dragitems {
    margin-left:20px;
    background: #f1f1f1;
}

.dropitems {
    margin-left: 20px;
}

.dragitems ul {
    list-style-type: none;
    padding-left: 5px;
    display: block;
}

.div-message-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.div-message {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

/*********************** USER PROFILE *************************/
.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 200px;
    height: 200px;
    margin-left: 50px;
}

.cropit-preview-image-container {
    cursor: move;
}

.image-size-label {
    margin-top: 10px;
}

.notificaciones_table{
    width:100%;
    border-collapse: collapse;
}

.notificaciones_table td{
    margin:0;
    padding: 5px 10px;
    font-weight:300;
}

.notificaciones_table.dashboard td{
    border:solid 2px #e5e5e5;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
}

.notificaciones_table .lightGrayBG td{
    border-bottom:none;
    padding: 10px;
}

.notificaciones_table td:first-of-type{
    border-left:none;
}

.notificaciones_table td:last-of-type{
    border-right:none;
}

.notificaciones_table tr:nth-of-type(2) td{
    border-top:none;
}
.notificaciones_table.dashboard tr:first-of-type td{
    border-top:none;
}

.notificaciones_table td .greenBox{
    text-transform: uppercase;
    cursor:pointer;
}
/***********************************************************************************************************************************
                                                          CLEAR FORM 8
************************************************************************************************************************************/

.felicidades{
    width: 70%;
    margin: auto;
    text-align: center;
    margin-top: 46px;
}

.felicidades h1{
    font-size: 25px;
    color: #1c2b8a;
}

.felicidadesP1{
    font-size: 18px;
    color: #1c2b8a;
    margin-top: 10px;

}

.felicidadesP2{
    font-size: 18px;
    color: #9da2be;
    margin-top: 2px;
}

.felicidadesP2 span{
    color: #7789ff;
}

.containerBox{
    border-radius: 2px;
    background-color: #f6f8fd;
    box-shadow: 0 3px 8px 0 rgba(62, 66, 91, 0.5);
    padding-bottom: 61px;
    margin-bottom: 155px;
}

.boxes8{
    background-color: #f8f9ff;
    box-shadow: inset 0 -1px 0 0 #71758d;
    border: solid 1px #dfe2f4;
    margin: 15px 0;
}

.boxes8 p{
    font-size: 14px;
    margin-left: 24px;
}

.titles8 h3{
    font-size: 16px;
    font-weight: bold;
}

.titles8 p{
    font-size: 14px;
    font-weight: 300;
}



/*********  FORMULARIO **********/

.oxHidden{
    overflow-x:hidden;
}

.foldersBox{
    margin-right: 50px;
}

.foldersBoxIds{
    margin-right: 50px;
}

.foldersBoxCompDom{
    margin-right: 50px;
}

.foldersBoxDocs{
    margin-right: 50px;
}

.inputsFormulario{
    background-color: #F1F3FA;
    font-size: 35px;
    color: #9EA1BE;
    border-bottom: 2px solid #9EA1BE;

}

.inputsFormulario::-webkit-input-placeholder {
    color: #9EA1BE;

}

.inputsFormulario:-moz-placeholder { /* Firefox 18- */
    color: #9EA1BE;;
}

.inputsFormulario::-moz-placeholder {  /* Firefox 19+ */
    color: #9EA1BE;;
}

.inputsFormulario:-ms-input-placeholder {
    color: #9EA1BE;;
}

.formValues.notEmpty.headingColor{
    color: #298df5;
}

.inputsFormularioB{
    background-color: #F1F3FA;
    font-size: 35px;
    color: #298df5;

}

.inputsFormularioB::-webkit-input-placeholder {
    color: #298df5;

}

.inputsFormularioB:-moz-placeholder { /* Firefox 18- */
    color: #298df5;
}

.inputsFormularioB::-moz-placeholder {  /* Firefox 19+ */
    color: #298df5;
}

.inputsFormularioB:-ms-input-placeholder {
    color: #298df5;
}

.selectWrap{
    vertical-align: bottom;
    position:relative;
    overflow:hidden;
    border-bottom: 2px solid #9EA1BE;
    height: 50px;
    vertical-align: top;
}

.formulariOptions{
    font-size: 35px;
    width: calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*text-decoration: underline;*/
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

.afterSelect{
    -webkit-transform: translate(-120%, 0px);
    transform: translate(-120%, 0px);
    color: #CCC;
    width: 10px;
    display: inline-block;
    background: #F1F3FA;
    z-index: -1;
    position: relative;
    font-size: 26px;
    vertical-align: top;
}

.formularioHeader{
    border-top: #181d3f 5px solid;
    background: #f8f9fc;
    border-bottom: solid 1px #b4b8d4;
    width: 100%;
}

.floatingHeader{
    max-width: 800px;
    margin: auto;
}

.infoBox{
    max-width: 977px;
    min-height: 60px;
    border-radius: 100px;
    background-color: #D4DBE6;
    width: calc(100% - 48px);
    width: -webkit-calc(100% - 48px);

}

.infoBoxGreen{
    max-width: 977px;
    min-height: 60px;
    border-radius: 100px;
    background-color: #33c56e;
    box-shadow: 0 0 4px 0 rgba(51, 197, 110, 0.5);
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
}

.errorBoxRed{
    max-width: 977px;
    min-height: 60px;
    border-radius: 100px;
    background-color: #fb5e48;
    box-shadow: 0 0 4px 0 #fb5e48;
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
}

.idDocs img{
    width: 90%;
}

.infoContainer4B{
    max-width: 910px;
}

.blueBox{
    width: auto;
    height: 36px;
    border-radius: 100px;
    background-image: linear-gradient(258deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;
}

.blueBoxLinkedIn{
    width: 111px;
    height: 36px;
    border-radius: 100px;
    background-image: linear-gradient(258deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;
}

.blueBox1{
    border-radius: 100px;
    background-image: linear-gradient(258deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;
}

.loadingBar{
    width: 100%;
    height: 10px;
    border-radius: 100px;
    background-color: #ced2d5;
}

.loadingActive{
    width: 190px;
    height: 10px;
    border-radius: 100px;
    background-image: linear-gradient(265deg, #62e4a7, #33c56e);
}

.loadingBarautenticador{
    width: 100%;
    height: 10px;
    border-radius: 100px;
    background-color: #ced2d5;
}

.loadingActiveautenticador{
    width: 190px;
    height: 10px;
    border-radius: 100px;
    background-image: linear-gradient(265deg, #62e4a7, #33c56e);
}

.loadingBarintl{
    width: 100%;
    height: 10px;
    border-radius: 100px;
    background-color: #ced2d5;
}

.loadingActiveintl{
    width: 190px;
    height: 10px;
    border-radius: 100px;
    background-image: linear-gradient(265deg, #62e4a7, #33c56e);
}

.infoContainer4c{
    width: 98%;
    margin: auto;
}

.folderContainer{
    height: 170px;
    width: 170px;
    background-color: #f8f9ff;
    box-shadow: inset 0 -1px 0 0 #71758d;
    border: solid 1px #dfe2f4;
    text-align:center;
}

.folderImage{
    margin: 5% 0 23px 0;
}

.rectangleRound{
    border-radius: 100px;
    background-color: #d4dbe6;
    padding:15px;
}

.GrayButton{
    background-color: #d4dbe6;
}

.bodyGray{
    background-color:  #a7b2c0;
}


.pRelative{
    position: relative;
    top: 25%;
}

.size28{
    height: 28px;
}

.height37{
    height: 37px;
}

.paginateButtons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}
.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
    border-radius: 2px;
    background-color: #33c56e;
}

/****************************************************************************************************
                                Borders
****************************************************************************************************/
.borderTopGray{
    border-top:  solid 2px #b4b8d4;
}

.borderBottomGray{
    border-bottom:  solid 2px #b4b8d4;
}

.upldsInputCode{
    width: 75px;
    padding: 12px 0px 11px 19px
}

.upldsInputPhone{
    width: calc(100% - 135px);
    width: -webkit-calc(100% - 135px);
    padding: 12px 0px 11px 19px;
}

.borderGray{
    border: solid 1px #c4c7d8;
}
/*** header ***/

.salvadoConatiner{
    max-width: 130px;
    display: inline-block;
    height: 75px;
}

.salvadoTitle{
    display: inline-block;
    font-size: 9px;
    letter-spacing: 0.5px;
    text-align: right;
    color: #33c56e;
    width: 66px;
}

.urlBox{
    max-width: 242px;
    border-radius: 2px;
    background-color: #f1f3fa;
    border: solid 1px #71758e;
    margin: auto;
    color: #71758d;
}

.urlContainer{
    margin: 19px 22px 18px 22px;
}

.userPicture{
    width: 36px;
    height: 36px;
    border: solid 1px #252d60;
    border-radius: 50px;
    margin: 20px 10px 10px 22px;
}

.userPicture.dashboard{
    margin: 12px 10px 10px 22px;
}

.userName{
    font-size: 18px;
    letter-spacing: 1.1px;
    color: #181d3f;
    display: inline-block;
    border-radius: 2px;
    background-color: #f1f3fa;
    border: solid 1px #71758e;
    padding: 7px;
}

.userName.dashboard{
    margin-top:20px;
    padding-right:5px;
}

.dropBox{
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #252d60;
}

.pasoBanner{
    background-color: #f8f9fc;
    box-shadow: 0 10px 17px 0 #dbdce8;
}

.borderGrayRight{
    border-right: solid 1px #b4b8d4;
}

.borderGrayLeft{
    border-left: solid 1px #b4b8d4;
}


.loadingBox{
    width: 42px;
    border-radius: 100px;
    background-image: linear-gradient(to left, #59c4fb, #2d91f6);
}

.loadingBox45{
    width: 60px;
    border-radius: 100px;
    background-image: linear-gradient(to left, #59c4fb, #2d91f6);
}

.blueCircle{
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background-color: #298df5;
}

.grayCircle{
    width: 36px;
    height: 36px;
    background-color: #d4dbe6;
    border-radius: 50px;
    margin-top: 5px;
}

.grayrectangle{
    border-radius: 100px;
    background-color: #d4dbe6;
    padding: 8px 25px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    cursor:pointer;
}

.greenrectangle{
    border-radius: 100px;
    background-color:  #33c56e;
    padding: 8px 25px;
    text-transform: uppercase;
    color: #fff;
    width: calc(100% - 165px);
    width: -webkit-calc(100% - 165px);
    text-align: center;
}

.grayrectangle.nextBtn{
    border-radius: 100px;
    background-color: #d4dbe6;
    padding: 8px 25px;
    text-transform: uppercase;
    color: #fff;
    width: calc(100% - 165px);
    width: -webkit-calc(100% - 165px);
    text-align: center;

}

.grayrectangle.nextBtn.sendBtn, .nextBtn.sendBtn{
    background-color:  #33c56e;
    cursor:pointer;
    color:#fff;
}

.nextBtn.sendBtn p{
    color:#fff;
}

.rectangle250{
    width: 250px;
    height: 45px;
    border-radius: 100px;
    background-color: #d4dbe6;
}


.rectangle250Green, .rectangle250.active_green{
    width: 250px;
    height: 45px;
    border-radius: 100px;
    background-color: #33c56e;
    color:#fff;
}

.footerTextColor{
    color: #A8B2C0
}

.footerLine{
    width: 510px;
    height: 2px;
    border: solid 2px #d4dbe6;
    background-color: #d4dbe6;
}

.line60{
    width: 60px;
    height: 5px;
    background-color: #d4dbe6;
    margin-top: 20px;
}

.line20{
    width: 20px;
    height: 5px;
    background-color: #d4dbe6;
    margin-top: 20px;
}

.blockAuto{
    display:block;
    margin:auto;
}

.fullWidth{
    display:block;
    width:100%;
}

.buttonM{
    padding: 10px 15px;
    text-transform:uppercase;
    text-align:center;
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    max-width:380px;
    margin-bottom:15px;
}

.confirmDiv .buttonM{
    max-width: 200px;
    cursor:pointer;
}


.brandingBox{
    height: 80px;
    border-radius: 2px;
    background-color: #f8f9ff;
    box-shadow: inset 0 -1px 0 0 #71758d;
    border: solid 1px #dfe2f4;
    margin-bottom:10px;
    margin-right:10px;
    cursor:pointer;
    color:#71758d;
}

.brandingBox:last-of-type{
    margin-right:0;
}

.brandingBox:hover, .correctaBox:hover, .checkVerificacion:hover, .correctaBox:hover .lightGray, .brandingBox.active_green, .correctaBox.active_green .lightGray, .correctaBox.active_green{
    background-color: #33c56e;
    color:#ffffff;
    cursor:pointer;
}
.checkVerificacion:hover{
    background-color: #005398;
    color:#ffffff;
    cursor:pointer;
}

.checkVerificacion:hover a{
    color:#ffffff;
}

.brandingBox:hover img{

}

.width440Container{
    width: 440px;
    margin: auto;
}

.progresoTitle{
    width: 90px;
    font-size: 9px;
    letter-spacing: 0.5px;
    text-align: right;
    color: #252d60;
    padding: 30px 25px 0 25px;

}

.progressWrap{
    width:calc(100% - 142px);
    width:-webkit-calc(100% - 142px);
}

.progressBar{
    width: calc(100% - 14px);
    width: -webkit-calc(100% - 14px);
    margin-top:40px;
    height: 2px;
    background:#c4c7d8;
}

.activeProgress{
    background: #298df5;
    height:100%;
    position:relative;
    overflow: visible !important;
}

.progressTile{
    padding: 5px 8px;
    position:absolute;
    right:0;
    top:50%;
    transform:translate(50%, -50%);
    -webkit-transform:translate(50%, -50%);
    font-size:12px;
}

.formBox{
    max-width: 952.2px;
}

.footerContent{

}

.footerContainer{
    background-color: #F8F9FC;
    padding: 20px 0 20px 0 ;
    width: 100%;
    position:absolute;

}

.box4B{
    max-width: 977px;
    border-radius: 2px;
    background-color: #f6f8fd;
    box-shadow: 0 3px 8px 0 rgba(62, 66, 91, 0.5);
    padding-bottom: 50px;
    margin: 30px 10px;
}

.rightTxt{
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
}

.green{
    width: 160px;
    height: 80px;
    border-radius: 2px;
    background-color: #33c56e;
    box-shadow: 0 0 4px 0 rgba(51, 197, 110, 0.5);
}

.inPuts4B{
    width: 245px;
    height: 60px;
    border-radius: 2px;
    background-color: #f8f9ff;
    box-shadow: inset 0 -1px 0 0 #71758d;
    border: solid 1px #dfe2f4;
}

.inPuts4a, .inPuts4B{
    width: calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    height: 60px;
    border-radius: 2px;
    background-color: #f8f9ff;
    box-shadow: inset 0 -1px 0 0 #71758d;
    border: solid 1px #dfe2f4;
    padding: 0 10px;
    display: block;
    margin-right:15px;
}

.inPuts4a:nth-child(3), .inPuts4B:nth-child(3){
    margin-right:0;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
}

.inPuts4B::-webkit-input-placeholder {
    color: #298df5;
}

:-moz-placeholder { /* Firefox 18- */
    color: #298df5;
}

:-moz-placeholder {  /* Firefox 19+ */
    color: #298df5;
}

:-ms-input-placeholder {
    color: #298df5;
}

.consultarBox{
    border-radius: 4px;
    background-image: linear-gradient(263deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;
    margin-top: 35px;
    padding: 10px 15px;
    max-width:385px;
    cursor:pointer;
}

.correctaBox{
    width: calc(50% - 7px);
    width: -webkit-calc(50% - 7px);
    border-radius: 2px;
    background-color: #f8f9ff;
    box-shadow: inset 0 -1px 0 0 #71758d;
    border: solid 1px #dfe2f4;
    min-height: 55px;
    padding-top: 5px;
    color:#9da2be;
}

.correctaBoxLabel{
    font-size: 14px;
    color: #71758d;
    margin-bottom: 15px;
    max-width:90%;
    word-wrap: break-word;
    max-width:315px;
}

.correctaBoxGreen{
    width: calc(50% - 7px);
    width: -webkit-calc(50% - 7px);
    height: 60px;
    border-radius: 2px;
    background-color: #33c56e;
    box-shadow: 0 0 4px 0 rgba(51, 197, 110, 0.5);
}

.coneccionFallida{
    border-radius: 4px;
    background-color: #fb5e48;
    box-shadow: 0 0 7px 0 #fb5e48;
    padding: 10px;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    margin: 0 auto 15px auto;
    cursor:pointer;
}

.loadingContainer{
    max-width: 600px;
    margin: auto;
}
.loadingContainerautenticador{
    max-width: 600px;
    margin: auto;
}
.loadingContainerintl{
    max-width: 600px;
    margin: auto;
}

.happines{
    display: block;
    margin: auto;
}

.container7a, .resumenSolicitud{
    max-width: 550px;
    border-radius: 2px;
    background-color: #f8f9ff;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    z-index:10;

}

.lightboxPos{
    width:90%;
    top: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    position: absolute;

}

.overlay{
    position:fixed;
    top:0;
    left:0;
    height:120%;
    width:100%;
    background:rgba(44, 46, 60, 0.7);
    z-index:0;
}
.overlayVerificar{
    position:fixed;
    top:0;
    left:0;
    height:120%;
    width:100%;
    background:rgb(61, 61, 66);
    z-index:0;
}

.identificationLb{
    max-width:970px;
}

.identificationLb .lbHeader{
    padding: 20px;
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    font-size:25px;
}

.altaUsuario{
    max-width:31%;
}

.altaUsuario .altaUsuarioHeader{
    padding: 20px;
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    font-size:25px;
}

.detalleProducto{
    max-width:50%;
}

.detalleProducto .detalleProductoHeader{
    padding: 20px;
    width: calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    font-size:25px;
}

.closeModal{
    cursor:pointer;
}

.iconButton{
    text-align:center;
    margin:10px auto;
    padding: 15px 10px 0 15px;
    height:55px;
    overflow-y:hidden;
}

.icon40 {
    max-width: 40px;
    display: inline-block;
    vertical-align: bottom;
    max-height: 33px;
}

.upldsBBottom .icon40{
    max-width: 40px;
    display: inline-block;
    vertical-align: middle;
    max-height: 32px;
}

.iconButtonTxt {
    display: inline-block;
    margin-left: 10px;
    max-width: calc(100% - 50px);
    line-height: 110%;
    /* height: 40px; */
    vertical-align: top;
    padding-top: 10px;
}

.upldsBBottom .iconButtonTxt{
    display: inline-block;
    margin-left: 10px;
    max-width: calc(100% - 50px);
    line-height: 110%;
    /* height: 40px; */
    vertical-align: middle;
    padding-top: 3px;
}

.lightboxPos .menuTile{
    border-right: solid 1px #b4b8d4;
    text-align:center;
    padding:15px 10px;
    color: #98a1ae;

}

.lightboxPos .menuTile.active_blue {
    color:#298df5;
    font-weight: 500;
}

.phoneStaus .paddingAside15 div{
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
}

.relative{
    position:relative;
}

/********************  cotizador **********************/

.cotizadorLogo{
    margin-left:20px;
}

.cotizadorForm{
    margin-top: 15px;
}

.conatinerWhite550{
    width: 550px;
    border-radius: 2px;
    background-color: #f8f9ff;
    box-shadow: 0 3px 8px 0 rgba(62, 66, 91, 0.5);
    margin-top: 13px;
}

.gradientround{
    width: 23px;
    height: 23px;
    border-radius: 100px;
    background-image: linear-gradient(to bottom, #5676e9, #2b41ce);
}

.boxGreen{
    background-color: #33c56e;
    box-shadow: 0 11px 19px 0 #b8bdcd;
}


.borderLeft{
    border-left:1px solid rgba(0, 0, 0, 0.3);;
}


.borderTopResumen{
    border-top: solid 2px #71758d;
}


.borderGrayButton{
    width: 145px;
    border-radius: 100px;
    border: solid 1px #71758d;
}

.cotizador-rightside .borderGrayButton{
    margin-right:15px;

}
.borderGrayButton.noWidth{
    width:auto;
    max-width: 145px;
}

.containerWrapper{
    background-color: #f1f3fa;
    border-top: solid 5px #252d60;
}

.cotizador-header{
    background-color: #f8f9fc;
    margin-bottom: 30px;
}

.cotizador-bg{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 95%;
    height: 350px;
}
.rubro-bg{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 95%;
    height: 100px;
}

.cotizadorStep{
    position:relative;
}

.cotizador-rightside{
    position: relative;
    z-index:2;
}

.cotizador-box-shadow{
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
}
.cotizador-box-container{
    border-radius: 2px;
    background-color: #f8f9ff;
    position: relative;

    margin-bottom:30px;
}

.relative100{
    position:relative;
    z-index:100;
}

.cotWrap{
    /*height:80vh;
    overflow-y:hidden;*/
}

.cotizador-box{
    border-radius: 2px;
    border: solid 1px #dfe2f4;
    color:#9da2be;
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 300;
    padding:20px 0;
    background: #f8f9ff;
    cursor: pointer;
}

.pagos-box{
    border-radius: 2px;
    border: solid 1px #005398;
    color:#005398;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 400;
    padding:20px 0;
    background: #f8f9ff;
}

#submitCotizador{
    display:none;
}

.cotizador-box.seguro{
    padding:5px 0;
}

.cotizador-box-container .cotizador-box.blueButton,.cotizador-box-container .cotizador-box:hover{
    color:#fff;
    background-image: linear-gradient(232deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;

}

.cotizador-box.small{
    padding:10px 0;
}

.visibleMob{
    display:none;
}

.mobile800{
    display:none;
}


.marker {
    width: 50px;
    height: 50px;
    background-image: linear-gradient(to right, #e3e5f3, #fff);
    color: #1c2b8a;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 20px 20px 15px 20px;
    border-radius: 50%;
    font-size: 30px;
    font-weight: 900;
    text-align: left;
    z-index: 0;
    transform: translate(-50%, -50%);
}

.marker.higher{
    top: 30%;
}

.cotizador-p1-buttons{
    position: relative;
    z-index: 30;
}


.elige-un-modelo{
    margin-top: 0px;
    position: relative;
}

.elige-un-color{
    margin-top: 10px;
    position: relative;
}

.oval1{
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #de8695, #ba4f5c);
    vertical-align: bottom;
    margin-right: 10px;
}

.oval2{
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #676767, #000000);
    vertical-align: bottom;
    margin-right: 10px;
}

.oval3{
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #cbcbcb, #9b9b9b);
    vertical-align: bottom;
    margin-right: 10px;
}

.oval4{
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #5676e9, #2b41ce);
    vertical-align: bottom;
    margin-right: 10px;
}

.cobalto, .negro , .plata {
    font-size: 18px;
    font-weight: normal;
    color: #b4b8d4;
}


.hide, .fa.hide{
    display:none;
}

.opacityCont{
    opacity:.3;
}

.height100P{
    height: 100%;
}

.loading-bar-line{
    height: 6px;
    border-radius: 100px;
    background-color: #98a1ae;
}

.inner .loading-bar-line {
    position:relative;
    width: 375px;
    height: 6px;
    border-radius: 100px;
    background-color: #c4c7d8;
}

.ui-widget-content.loading-bar-line {
    background-image: none;
    box-shadow: none;
}

.loading-bar-box{
    width: 62px;
    border-radius: 100px;
    background-color: #c4c7d8;
    box-shadow: 0 4px 10px 0 rgba(36, 45, 96, 0.3);
}

.loading-bar-number{
    font-size: 20px;
    font-weight: 500;
    color: #252d60;
}

#slider{
    opacity: 1 !important;
}


/*.cotizador-p1-buttons .ui-slider-handle.ui-state-default.ui-corner-all{
  background-color: #2d91f6 !important;
  background-image: linear-gradient(244deg, #59c4fb, #2d91f6) !important;
  /*background-image: linear-gradient(244deg, var(--sky-blue), var(--dodger-blue))!important;*/
/*width: 87px !important;
height: 39px !important;
border-radius: 10px !important;
box-shadow: 0 6px 15px 0 #298df5 !important;
margin-top: -10px;
}*/

.ui-slider-horizontal .ui-state-default {
    width: 110px !important;
    height: 29px !important;
    margin-left: -50px !important;
    top: 15px;
    background-color: #2d91f6 !important;
    background-image: linear-gradient(244deg, #59c4fb, #2d91f6) !important;
    border: 0;
    border-radius: 10px !important;
    box-shadow: 0 6px 15px 0 #298df5 !important;
    margin-top: -10px;
    color:#FFF !important;
    text-align:center;
    padding-top:10px;
    outline:none !important;
}

.loading-bar-container{
    position: relative;
    margin: 50px 0 20px;
    padding: 0 15px;
}

.loading-bar-container.inner{
    padding: 0;

}

.loading-bar-box{
    position: absolute;
    top: -15px;
    left: 20%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}


.positionA{
    position: absolute;
    top: -15px;
    left: 50px;
}
.loadingBarMarker{
    position: absolute;
    top: 50%;
    left: 50%;
    width:18px;
    height:18px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border: 1px solid #aaa;
    border-radius:3px;
    background:#f5f5f5;
    cursor:pointer;

}

.formMinHeight{
    min-height:calc(100% - 326px);
    min-height:-webkit-calc(100% - 326px);
}



/****** SOLICITUDES *******/

.profileBG {
    width: 94px;
    height: 94px;
    background-color: #f8f9fc;
    margin-top: 85px;
    margin-left: 25px;
}


.whiteBg{
    background:#fff;
}

.width170{
    max-width:170px;
    width: 90%;
}

.width480{
    max-width: 480px;
}

.width998{
    max-width: 998px;
}

.solicitudBox{
    background-color: #ffffff;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
}

.lightGrayBG{
    background-color: #f8f9fc;
}

.lightGrayColor{
    color: #98a1ae;
}

.pageMarker{
    padding: 20px 25px;
    color: #a7b2c0;
}

.pageSelected{
    border-radius: 2px;
    background-color: #33c56e;
    box-shadow: 0 0 4px 0 rgba(51, 197, 110, 0.5);
    color: #FFFFFF;
}

.userImage{
    width: 49px;
    padding: 5px 0 0 7px;
}

.phoneImage{
    width: 47px;
}

.height251{
    height: 251px;
}

.height243{
    height: 243px;
}

.height329{
    height: 329px;
}

.height403{
    height: 403px;
}

.height477{
    height: 477px;
}

.radius2{
    border-radius: 2px;
}

.radius4{
    border-radius: 4px;
}

.marginTop65{
    margin-top: 65px;
}

.radius4{
    border-radius: 4px;
}

.colorBox{
    width: 110px;
    padding: 3px 0px 3px 3px;
}

.colors{
    width: 75px;
    height: 32px;
    border-radius: 1px;
}

.color1{
    background-color: #298df5;
}

.color2{
    background-color: #d4dbe6;
}

.color3{
    background-color: #33c56e;
}

.color4{
    background-color: #252d60;
}

.color5{
    background-color: #fb5e48;
}

.colorDropdown{
    font-size: 25px !important;
    margin-left: 10px;
    margin-top: 3px;
}

.buscarBtn{
    width:calc(100% - 130px);
    width:-webkit-calc(100% - 130px);
}

.hoverBtn:hover, .hoverBtn.gray2:hover{
    background-color: #33c56e;
    color:#fff;
}

.cameraBox {
    background-color: #ffffff;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
    border: solid 1px #d4dbe6;
}

.height30{
    height:30px;
}

.width115 {
    width: 115px;
}

.profileImage{
    width: 100px;
    height: 100px;
    border-radius: 100px;
    position: absolute;
    background-color: #33c56e;
    left: 50%;
    top: 0px;
    transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
}

.profileBox{
    background-color: #ffffff;
    box-shadow: 0 6px 9px 0 rgba(219, 220, 232, 0.5);
}

.buttonOrange2 {
    background-color: #fb5e48;
}

.height260 {
    height: 260px;
}

.grayBG-visita {
    background-color: #d4dbe6;
}

.radius10 {
    border-radius: 10px;
}

.BigGrayBox {
    position: relative;
}

.grayBG-visita2 {
    background-color: #d4dbe6;
    border: solid 4px #fb5e48;
}
.height535 {
    height: 535px;
}

.alert-visita {
    position: absolute;
    bottom: 15px;
    right: 10px;
}

.height47 {
    height: 47px;
}

.paddingTop150 {
    padding-top: 150px;
}

.colorGrayBG {
    background-color: #a7b2c0;
}

.paddingTop110{
    padding-top: 110px;
}

.gradientColor{
    background-color: #d4dbe6;
}

.width33{
    width:33px;
}

/****** WORKSPACE *******/
.workspace_table{
    width:100%;
    border-collapse: collapse;
    margin-bottom: 40px;
}

.workspace_table td{
    margin:0;
    padding: 10px 10px;
    font-size:14px;
}

.workspace_table tr:hover {
    background-image: linear-gradient(232deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;
}

.workspace_table tr:hover a {
    color:#FFF;
    text-decoration: none;
}

/********************  Media **********************/

@media screen and (max-width:1024px){

    .salvadoConatiner{
        display:none;

    }

    .dropBox {
        margin-right: 10px;
    }



    .formMinHeight{
        min-height:calc(100% - 204px);
        min-height:-webkit-calc(100% - 204px);
    }

    .brandingBox.width160:nth-child(3){
        margin-right:0
    }

    .brandingBox.width160, .brandingBox.width66{
        width:calc(33.3333% - 10px);
        width: -webkit-calc(33.3333% - 10px);
    }

    .phoneStaus.floatRight{
        float:none;
        margin-top:20px;
    }

    .progressWrap {
        width: calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        margin: auto;
        float: none;
    }

    .pasoBanner .paddingTop15.paddingBottom15.borderGrayRight{
        padding: 15px 10px;
    }

    .tabNoFloat.floatLeft, .tabNoFloat.floatRight{
        float:none;
    }



}

@media screen and (max-width:800px){
    .iconButtonTxt.font18{
        font-size:14px;
    }
    .col6.down800{
        width:100% !important;
    }

    .mobile800{
        display:block !important;
    }

    .none800{
        display:none !important;
    }
}

@media screen and (max-width:1024px){

    .notMobile{
        display:none;
    }

    .loginContainer {
        width: 96%;
        position: static;
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        margin:30px auto;
    }
    .loginContainer.creditLb{
        position: fixed;
        top: 50px;
        left: 2%;
    }

    .visitaContainer {
        width: 96%;
        position: fixed;
        top: 50px;
        left: 2%;
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        margin:30px auto;
    }

    /**.font14{
        font-size:3.5vw;
    }**/


    .confirmDiv{
        width:100%;
        text-align:center;
    }

    .confirmDiv .floatLeft, .confirmDiv .floatRight{
        float:none;
    }

    .confirmDiv p.headingColor{
        padding: 0 5px 0 15px;
        text-align: center;
    }

    .confirmDiv .Button{
        margin:10px auto;

    }

    .brandingBox.width160:nth-child(even){
        margin-right:0
    }

    .brandingBox.width160:nth-child(odd){
        margin-right:10px
    }

    .brandingBox.width160, .brandingBox.width66{
        width:calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
    }

    .consultarBox {
        margin: 0 auto -10px auto;
    }

    .consultarBox .font16{
        font-size:13px;
    }

    .mobileAuto{
        margin-left: auto !important;
        margin-right:auto !important;
    }

    .buttonM, .coneccionFallida, .folderContainer, .confirmDiv .buttonM{
        max-width:385px;
    }
    .correctaBoxLabel{
        max-width:none;
    }

    .phoneStaus img{
        width:30px;
        margin-top:5px;
    }

    .phoneStaus p.font16{
        font-size:14px;
    }

    .phoneStaus .paddingAside15 div{
        width: calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
    }

    .pasoBanner .borderGrayRight{
        border:none;
        margin-left:10px;
    }



    .identificationLb .lbHeader.fontWeight300 {
        font-size:18px;
        width: calc(100% - 120px);
        width: -webkit-calc(100% - 120px);
        font-weight:500;
    }

    .iconButtonTxt.font18{
        font-size:18px;
    }

    .lightboxPos .menuTile{
        border-right: none;
        border-bottom: solid 1px #b4b8d4;
    }

    .mobileDiv2{
        text-align:center;
    }

    .borderGrayRight.removeMobile{
        border-right:none;
    }

    .mobNoFloat.floatLeft, .mobNoFloat.floatRight{
        float:none;
    }

    .coti h1, .coti h3{
        text-align:center;
    }
    .coti h1.font35{
        font-size:25px;
    }

    .coti h3.font30 {
        font-size:18px;
    }

    .visibleMob{
        display:inline;
    }
    .oval1, .oval2, .oval3, .oval4{
        margin-right:3px;
    }

    .cotizador-box {
        font-size: 16px;
    }

    .cotizador-box.small .font14{
        font-size:14px;
    }

    .cotizador-p1-buttons .right, .cotizador-p1-buttons .left{
        text-align:center;
    }

    .formContainer{
        width: calc(100% - 40px);
        width: -webkit-calc(100% - 40px);

    }

    .userPicture.dashboard{
        margin: 12px 10px 10px 12px;
    }

    .boxMargins{
        margin-left: 10px;
        margin-right: 10px;
    }

    .mobileAside10{
        margin-left: 10px;
        margin-right: 10px;
    }

    .width170{
        max-width:none;
        width: 90%;
    }





}

@media screen and (max-width:370px){

    .notificationBox.dashboardHeader{
        display:none;
    }



}

/* Dashboard - Verificacion*/

.overflowHide {
    overflow: hidden;
}

.overflowAuto {
    overflow: auto;
}

.darkBlueBG {
    background-color: #252d60;
}

.paddingBottom11 {
    padding-bottom: 11px;
}

.paddingTop16 {
    padding-top: 16px;
}

.paddingTop4 {
    padding-top: 4px;
}

.paddingLeft32 {
    padding-left: 32px;
}

/* Menu Dropdown */

.dropbtn {
    /*background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;*/
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    background-image: linear-gradient(232deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;
    color: #ffffff;
}

.dropdown {
    float: right;
    position: relative;
    display: inline-block;

}

.dropdown-content {
    border-radius: 5px;
    display: none;
    position: inherit;
    background-color: #f8f9fc;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
    margin-top: 2px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    /*background-color: #f1f1f1*/
    background-image: linear-gradient(232deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;
    color: #ffffff;
}

.show {display:block;}

.formStep {
    padding: 0px 15px;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    width: auto;
    padding: 5px;
    color: #F1F3FA;
    font-weight: bold;
    font-size: 16px;
    transition: 0.6s ease;
    border-radius: 50%;
    background-color: #9EA1BE;
}

/* Position the "prev button" to the left */
.prev {
    border-radius: 50%;
    margin-left: 1%;
}

/* Position the "next button" to the right */
.next {
    border-radius: 50%;
    margin-left: -1%;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    /*background-color: #298df5;*/
    color: white;
    background-image: linear-gradient(258deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #298df5;
}

.centerLink {
    margin: auto;
    width: 50%;
    padding: 10px;
    text-align: center;
}

.centerLink a {
    display: inline;
}

.modalSelect {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    font-family: "Nunito", sans-serif;
    background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#F1F3FA, #F1F3FA 40%, #D4DBE6);
    background-position: 97% center;
    background-repeat: no-repeat;
    border: 1px solid #AAA;
    color: #555;
    font-size: inherit;
    margin: 2%;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}

.modalSelect option{
    font-family: "Nunito", sans-serif;
    background-color: #F1F3FA;
}

.gm-style-iw {
    width: 350px !important;
    top: 15px !important;
    left: 0px !important;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid rgba(72, 181, 233, 0.6);
    border-radius: 2px 2px 10px 10px;
}
#iw-container {
    margin-bottom: 10px;
}
#iw-container .iw-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 10px;
    background-color: #48b5e9;
    color: white;
    margin: 0;
    border-radius: 2px 2px 0 0;
}
#iw-container .iw-content {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    margin-right: 1px;
    padding: 15px 5px 20px 15px;
    max-height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}
.iw-content img {
    float: right;
    margin: 0 5px 5px 10px;
}
.iw-subTitle {
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0;
}
.iw-bottom-gradient {
    position: absolute;
    width: 326px;
    height: 25px;
    bottom: 10px;
    right: 18px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.filledColor {
    color: #298df5;
}

/*Modal de Documentos*/

/*  SECTIONS  */
.document-section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 2.3%; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 90%;
}
.span_3_of_4 {
	width: 67.5%;
}
.span_2_of_4 {
	width: 45%;
}
.span_1_of_4 {
	width: 22.5%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 4.6%; }
        .col:first-child { margin-left: 4.6%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 90%; }
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #33c56e;
  fill: none;
  animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #33c56e;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #33c56e;
  }
}

div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    box-shadow: 0 5px 0px 0 #d0d0d0;

}
div.tab button:hover {
    background-image: linear-gradient(232deg, #59c4fb, #2d91f6);
    box-shadow: 0 0 7px 0 #d0d0d0;
    color: white;
}


/******************** FORMATO BURÓ CRÉDITO **************************/

.navyBg{
    background:#868686;
}

.font8{
    font-size: 8px;
}
.font5{
    font-size: 5px;
}