:root{
    --success      : #8de527;
    --danger       : red;
    --error        : red;
    --warning      : orange;
    --info         : #F47735;
    --default      : #999;
    --stateless    : #ccc;
}
::-webkit-input-placeholder {color: #d4d4d4;}
:-ms-input-placeholder {color: #d4d4d4;}
::placeholder {color: #d4d4d4;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	/* line-height: 1; */
	/* text-rendering: geometricPrecision; */
	/*    display: flex;*/
	/* flex-direction: column; */
	/* min-height: 100vh; */
	font-family:helvetica;
}
body * {
    text-rendering: geometricPrecision;
}
b {font-weight: 600}
a {text-decoration: none; color: #00AB4F;}
hr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    height: 1px;
    border: none;
    background: #ccc;
    margin:20px 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.hidden {height: 0;position: absolute;width: 0; display: none;}
.text-center{text-align: center;}
:focus {
  outline-color: transparent;
  outline-style: none;
}
.credigo-container {
    height: 100vh;
    min-width: 97vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.animate{
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.credigo--footer{
    text-align: center;
    font-size: .8em;
    color: #363636;
    position: relative;
    padding: 10px 0;
}
.credigo-content {
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    /*    max-width: 450px;*/
    width: 100%;
    margin: 0 auto;
    overflow-y: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* display: flex; */
}

.credigo--card {
    background: #fff;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 20px 3px #d4d4d4;
    -moz-box-shadow: 0 0 20px 3px #d4d4d4;
    box-shadow: 0 0 20px 3px #d4d4d4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    width: 355px;
    max-width: 100%;
    margin: 20px auto;
    color: #5c5c5c;
}
.credigo--card-disabled{position: relative;}
.credigo--card-disabled:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: white;
    opacity: .8;
    pointer-events: none;
    cursor: pointer;
}
.credigo--card--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding: 30px 26px;
}

.credigo--card--body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding:0px 26px;
}

.credigo--card--footer {
    padding: 30px 26px;
    text-align: center;
}
.credigo-card-more{
    padding: 14px 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    color: #1d1d1d;
    font-weight: 100;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.credigo-card-more .sub-title{
    color: #CEC9C9
}
.credigo--card--footer-linkable{
    background: #ccc;
    padding: 20px 26px;
    text-align: center;
}
.credigo--card--footer-primary{
    background: #00AB4F !important;
    color: white;
}
.credigo--card--footer-dark{
    background: #F47735 !important;
    color: white;
}
.credigo--card-padding {
    padding: 30px 26px;
}

.card-body-center {align-items: center;}

.spacer { height: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}

.form--control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: solid 1px var(--stateless);
}
.form--control-label{
 font-size: .9em;
}

.form--control-borderless {
/*
    border: none;
    padding: 10px 0;
    font-size: 1em;
    border-bottom: solid 1px var(--stateless);
*/
}
.form--control-error .form--control-borderless{
    border-color: var(--error);
}
.form--control-success .form--control-borderless{
    border-color: var(--success);
}

.form--control-borderless[type="email"],
.form--control-borderless[type="password"],
.form--control-borderless[type="tel"] {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 16px;
    padding-right: 24px;
}

.form--control-borderless[type="email"]{
    background-image: url('/assets/graphics/email.svg');
}
.form--control-borderless[type="password"]{
    background-image: url('/assets/graphics/password.svg');
}
.form--control-borderless[type="tel"]{
    background-image: url('/assets/graphics/phone.svg');
}

.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.form--validationErrors {
	text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

}
.form--validationErrors-error {
    text-align: center;
    color: var(--error);
    font-size: .9em;
}

.form--validationErrors-warning {
    text-align: center;
    color: var(--warning);
    font-size: .9em;
}

.form--validationErrors-notice {
    text-align: center;
    color: var(--success);
    font-size: .9em;
}

.form--button {
    border: none;
    padding: 16px 40px;
    background: var(--stateless);
    border-radius: 30px;
    font-size: 1em;
    color: white;
    text-rendering: geometricPrecision;
    cursor: pointer;
}
.form--buttom-sm{padding: 14px 50px;font-size: .8em;text-rendering: geometricPrecision;}
.form-buttom-sm{
    padding: 10px 20px;
    font-size: .8em;
}
.form--button--danger{
    background: var(--danger);
    border:solid 1px var(--danger);
}
.form--button-ourline{
    background: transparent;
}
.form--button-ourline.form--button--danger{
    color:var(--danger);
}
.form--button--primary {
    background: -webkit-linear-gradient(205deg, #F47735, #F47735);
    background: -o-linear-gradient(205deg, #F47735, #F47735);
    background: linear-gradient(245deg, #F47735, #F47735);
}
.form--button--dark {
    background: -webkit-linear-gradient(205deg, #9CA0A2, #878889);
    background: -o-linear-gradient(205deg, #9CA0A2, #878889);
    background: linear-gradient(245deg, #9CA0A2, #878889);
}


.form--control-input {
    color: #666;
    border: none;
    padding: 10px 0;
    font-size: 1em;
    background: transparent;
    height: 30px;
}

/*LOGIN*/
.login--title h2{
    font-size: 20px;
    margin-bottom: 8px;
}

.login--title p{
    font-size: .9em;
    color: #111;
}

.login-merchant {
    margin-top: 90px;
}

/*LOGIN*/
.home-salephone {
    text-align: center;
    line-height: 120%;
    color: #999;
    font-weight: 100;
}

.go-top {
    right: 10px;
    position: fixed;
    bottom: 10px;
    /*    background: white;*/
    display: block;
    padding: 10px;
    z-index: 2;
}

.credigo--modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.94);
}
.credigo--modal .credigo--modal--content{max-width: 90%}

.credigo--modal--content {
    background: #fff;
    border-radius: 18px;
    margin: 16px;
    -webkit-box-shadow: 0 0 20px 3px #10254024;
            box-shadow: 0 0 20px 3px #10254024;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
    margin: auto;
    margin-top: 100px;
    max-width: 450px;
}

.credigo--modal--header {
    padding: 18px;
    background: #F47735;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.credigo--modal--header > .center{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.credigo--modal--body {
    padding: 18px;
}

.credigo--modal--footer {
    padding: 18px
}

.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.list--item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-decoration: none;
    color: #5C5C5C;
    padding: 14px 0;
}
.list--item + .list--item{
    border-top: solid 1px #ccc;
}
.list--item > .center{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.form-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    text-align: left;
}
.form-control .form-label{margin-bottom: 10px;}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.form-label{font-size: .9em;}
.form-element {
    height: 40px;
    background: #EFFFE9;
    border:solid 2px #c0ddb6;
    color: #5C5C5C;
    font-size: 15px;
    border-radius: 4px;
    padding: 0px 10px;
}
.form-element-default{
    background: white;
    border:solid 1px #ccc;
}
.form--element-file{visibility: hidden;max-width: 100%;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;
height: 100%;}
select.form-element{
    height: 44px;
    -webkit-appearance:none;
    margin-top: 10px;
}

.credigo--table-responsie {
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
}
.credigo--table {
    width: 100%;
    color: #5C5C5C;
    margin-bottom: 10px;
}
.credigo--table td,
.credigo--table th{
    padding: 10px 10px;
    white-space: nowrap;
}
.credigo--table thead th,
.credigo--table thead td{
    color: #999;
    text-align: left;
}

.credigo--table tbody tr + tr{
    border-top: solid 1px #ebebeb;
}
.price-saveing-percent {
    color: #F47735;
}

.credigo--modal--facebook {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    margin: auto;
    max-width: 450px;
    font-size: 14px;
}

.credigo--modal--facebook--body {
    color: #939191;
    font-weight: 100;
    line-height: 150%;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    max-width: 100%;
    margin: auto;
}
.credigo--modal--facebook--body a {
    text-decoration: none;
    color: #00AB4F;
}
.credigo--modal--facebook--body h3{font-size: 1.2em;}

.credigo--modal--facebook--header {
    text-align: right;
    height: 15vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;

}

/*HEADER*/
.credigo-header .center{
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   border-left: solid 1px #ebebeb;
}
.credigo-header > * {
    padding: 14px;
    padding-top: 35px;
}
.credigo-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: white;
    /* padding: 14px; */
    /* padding-top: 35px; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(25, 42, 87, 0.19);
    box-shadow: 0px 0px 4px 2px rgba(25, 42, 87, 0.19);
}

.user-info{
   text-align: right;
   color: #5C5C5C;
   font-size: .9em;
   line-height: 18px;
   padding-top: 20px !important;
}
.user-info .name{
   display: block;
   font-weight: 100;
}
.small-profile-content .name{
    font-size: 18px;
    font-weight: 100;
}
/*HEADER*/

/*BREADCRUMBs*/
.credigo-breadcrum{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.credigo-breadcrum-back{
    background: #F47735;
    color:white;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 100;
}
.credigo-breadcrum-icon{padding: 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-right: 20px}
.credigo-breadcrum-icon > .icon{margin-right: 10px;}
.home-moreoptions{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/*BREADCRUMBs*/

/*CAMBIAR CLIENTE*/

.success-validation-msg {
    font-size: .8em;
    text-align: right;
    color: #939191;
    padding: 10px 0;
}
.border-top{border-top:solid 1px #ebebeb;}


/*PROFILE*/

.profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.profile--img {
    border-radius: 50%;
    background: #ebebeb;
    overflow: hidden;
}

.profile--pic {
    width: 80px;
    height: 80px;
    display: block;
    background: #ebebeb;
    clear: both;
    border-radius: 50%;
    position: relative;
}
.profile--pic > .checkmark{
    position: absolute;
    right: 10px;
}

.profile--info {
    padding-left: 16px;
    line-height: 180%
}

.profile--name {
    font-size: 24px;
    color:#939191;
    font-weight: 100;
}



/*ALERT*/
.alert {
    background: #EFFFE9;
    border:solid 2px #c0ddb6;
    color: #5C5C5C;
    font-size: 13px;
    border-radius: 10px;
    padding:10px 16px;
    line-height: 130%;
    font-weight: 100;
}

.step-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    line-height: 150%;
    font-size: 1.1em;
    color: #999;
    font-weight: 100;
}

.col-2 {
    width: 20%
}

/*CAMARA*/

.frontview-camera, .backview-camera {
    width: 350px;
    max-width: 90%;
    height: 170px;
    border: dashed 2px #ccc;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background-image: url('/assets/graphics/camera.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25%;
    margin: auto;
    cursor: pointer;
}

.frontview-camera .icon,
.backview-camera .icon{
    position: absolute;
    top: -2px;
    right: -2px;
    background: white;
    padding: 10px;
    display: block;
}

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


/*LOADING MODAL*/
.credigo--modal--loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}

.credigo--modal--loading--header {
    max-height: 30vh;
/*    background-image: url('../imgs/triangle.png');*/
    background: #3ca0eb;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.credigo--modal--loading--header img.loading{
    margin: auto;
    width: 60px;
    height: 60px;
}

.loading {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        -webkit-transform:rotate(0deg);
                transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
                transform:rotate(360deg);
    }
}

/*PREGUNTAS*/

.list-checkboxes{padding-left: 10px;line-height: 140%;color:#939191}
.list-checkboxes .list--title {
    font-size: 16px;
    text-indent: -18px
}

.form-radio {
    position: relative;
    margin-right: 14px
}
.form-radio [type="radio"]:checked:before{
    background: #F47735;
    border:solid 4px white;
    -webkit-box-shadow: 0px 0px 2px 0px #000;
            box-shadow: 0px 0px 2px 0px #000;
}
.form-radio [type="radio"]:before{
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    display: block;
    border-radius: 50%;
    left: -2px;
    position: absolute;
    top:-2px;
    border: solid 1px #ccc;
}
.list-checkboxes + .list-checkboxes{
    margin-top: 30px !important;
}
.alert-success {
    background: #EFFFE9;
    border:solid 2px #c0ddb6;
    color: #5C5C5C;
    font-size: 15px;
    border-radius: 10px;
    padding: 14px;
/*    margin: 16px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: 100;
    line-height: 140%;
}
.alert-success h3{font-size: 18px;margin-bottom: 14px;}

.text-success {
    color: #7DC562;
}

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

/*GRID*/
.row--list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.row {
    /*
    width: 100%;
    display: flex;
    flex-direction: row;
    text-align: left;
*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -.5rem; */
    /* margin-left: -.5rem; */
    }

.col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.col-sm,
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
    .col-10,
	.col-11,
	.col-12{
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: .5rem;
		padding-left: .5rem
	}

.col-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}
.col-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}
.col-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}
.col-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}
.col-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}
.col-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}
.col-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}
.col-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}
.col-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}
.col-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}
.col-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}
.col-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}
.border-bottom {
    border-bottom: solid 1px #ebebeb;
}

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

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

.cubic-img {
    width: 100px;
    height: 100px;
    background: #ebebeb;
    display: block;
    border-radius: 10px;
    background-size: cover;
    background-position: center center;
}

.image-id {
    width: 100px;
    height: 70px;
    background: #ebebeb;
    display: block;
    border-radius: 10px;
    background-size: cover;
    background-position: center center;
}
.commission{
    text-align: left;
    display: block;
    margin-top: -40px;
    color: #5C5C5C;
}
.form--button--default {
    background: white;
    border:solid 1px var(--default);
    color: var(--default)
}

.credigo-card-contract {
    line-height: 160%;
    color: #333;
}
.credigo-card-contract .row{
    margin-bottom: 6px;
}

.phone-display {
    position: relative;
}

.phone-display--actions {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.credigo--modal-terms p {
    line-height: 180%
}

.software--readme {
    padding: 0px 40px;
    line-height: 150%;
    color: #333;
    font-size: .8em;
}

.text-small {
    font-size: .8em;
    line-height: 140%;
    color: #999;
    font-weight: 100;
}

.software--title {
    font-size: 20px;
    line-height: 140%;
    font-weight: 100;
    color: #333;
}

.qr-code-link {
    text-decoration: none;
    color:#F47735;
}

.credigo-card-endofProc {
    line-height: 140%;
}
.credigo-card-endofProc .credigo--card--header{padding-bottom: 10px}
.credigo-card-endofProc .credigo--card--footer{padding-top: 10px}
.credigo-card-endofProc b{font-size: .9em}
.credigo-card-endofProc p{
    font-size: .9em;
    color: #666;
}

.credigo-end-of-proccess-msg {
    padding: 30px 36px;
    line-height: 150%;
    color: #999;
    text-align: center;
    max-width: 350px;
    margin: auto
}
.credigo-end-of-proccess-msg h3{font-size: 22px;font-weight: 100;}

.centrate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.instalation-step {
    text-align: center;
    color: #999;
    padding: 0 20px;
}
.instalation-step h3{
    font-size: 20px;
    font-weight: 100;
}
.instalation-step p{line-height: 150%}

.instalation-step--dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.instalation-step--dots > span {
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    margin: 0 10px;
}

.instalation-step--dots-active {
    background: var(--info) !important;
}

.small-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 15px 36px;
    line-height: 140%;
}

.img-profile {
    width: 50px;
    height: 50px;
    background: #ebebeb;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.small-profile-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #999;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.progress-bar--bar {
    background: #F2F2F2;
    height: 15px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.progress-bar--bar-completed {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 90%;
    background: -webkit-gradient(linear, left top, right top, from(#F47735), to(#F47735));
    background: -webkit-linear-gradient(left, #F47735, #F47735);
    background: -o-linear-gradient(left, #F47735, #F47735);
    background: linear-gradient(90deg, #F47735, #F47735);
    border-radius: 8px;
}

.progress-bar--sumary {
    font-size: .8em;
    color: #999;
    margin-top: 12px;
}

.credigo--card--payment h2{
    font-size: 26px;
}
.credigo--card--payment h2 .sub{font-size: 14px}

.credigo--card--payment .summary {
    font-weight: 100;
}

.credigo--card--payment *{
    color: #999;
}

.credigo--card--payment {
    line-height: 150%;
}

.credigo--table-responsie .credigo--table{
    max-width: auto !Important;
    overflow-x: none;
}
.credigo--modal--facebook--body,
.credigo--modal--facebook--header{
    max-width: 450px;
 }

.separator {-webkit-box-flex: 1; -ms-flex: 1; flex: 1;max-width: 16px;min-width: 16px;max-height: 20px;}
#menu {
    position: absolute;
    height: 100vh;
    width: 70vw;
    background: #F8F6F6;
    -webkit-box-shadow: 0px 0px 20px 2px rgba(10, 37, 109, 0.5);
            box-shadow: 0px 0px 20px 2px rgba(10, 37, 109, 0.5);
 /*   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 4;
    max-width: 350px;
    overflow-x: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#menu.close {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}
#menu.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);

}

.menu-header {
    min-height: 35vh;
    background: #F47735;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.menu-body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 20px;
}

.menu-body .menu-sub {color: #CEC9C9;font-size: .9em;}

.menu-footer {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.menu-footer a{
    text-decoration: none;
    color:#939191;
}

.menu-header-type {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 25px;
    padding-top: 50px;
}

.menu-header-name {
    padding: 20px;
    color: white;
    line-height: 150%;
    font-weight: 100;
}
.menu-header-name h3{font-size: 20px}

.menu-header-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 350px;
    border-color: transparent transparent #f8f6f6 transparent;
}

.credigo--modal--loagin-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 1000px;
    border-color: transparent transparent rgb(255, 255, 255) transparent;
}
.visible-desktop-only{display: none;}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .visible-desktop-only{display: inherit;}
    .hide-desktop-only{display: none;}
    .go-top{display: none;}
    .credigo-header-logosmall{display: none;}
    .container{width: 85vw; max-width: 1190px;margin:auto;}
    .credigo--card{width: 100%;max-width: 580px !important;border-radius: 10px;}

    credigo-container--identification .credigo-content row{
        max-width: 500px
    }

    /*BREADCRUM*/
    .credigo-breadcrum {
        align-items: center;
        justify-content: center;
    }

    a.credigo-breadcrum-back {
        background: none;
        color: #333;
        font-weight: 600;
        margin: auto !important;
        display: flex;
        align-items: center;
        padding: 0;
    }
    .credigo-breadcrum-back:before {
		content: '';
		width: 35px;
		height: 35px;
		display: inline-block;
		background-image: url('/assets/graphics/homepage.svg');
		background-position: center center;
		background-repeat: no-repeat;
		margin-right: 10px;
	}

    a.faq {
        display: none;
    }

    .credigo-breadcrum .spacer {
        display: none;
    }
    .credigo-breadcrum-icon > .icon{display: none;}


    /*CARDS*/
    .login-merchant .credigo--card{max-width: 350px !important;}
    .credigo-container--identification .credigo-content .row .col {
    margin: 0 10px;
}

    .credigo-container--identification .credigo-content .row .credigo--card{max-width: 400px !important;}
    .credigo-container--identification .container{max-width: 870px;}
    .credigo-container--questions .row .col .credigo--card {
        max-width: 100%;
        min-width: 100%;
    }

    .credigo-container--questions .container {
        max-width: 1050px;
    }
    .credigo-container--step .row .col .credigo--card{max-width: 100%;min-width: 100%;}
    .credigo--modal--loagin-triangle {
        border-width: 0 0 50px 2000px;
    }

    .credigo--modal--confirmation .credigo--modal--content {
        max-width: 400px;
    }
    .small-profile {justify-content: center;}
    .commission{text-align: center;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .commission{text-align: center;}
}
.help {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.credigo--card--header-shadow {
    box-shadow: 0px 0px 10px 2px #07214a1c;
}
.device-display {
    min-width: 80px
}

.numeric-counter {
    min-width: 70px
}

.cursor-normal{
    cursor: default;
}