.balance .separator {
    margin: 0px;
}

.balance-body, .pass-body {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 991px) and (max-width: 1200px) {
    .balance .product-table .controls {
        padding-right: 5px;
    }
}

@media screen and (min-width: 1100px) {
	.login .access{
		margin-top: -40px;	
	}
}

@media screen and (min-width: 991px) {
    .span-step-circle {
        display: none;
    }

    .home .product-table .actions .action {
        max-width: 40px;
    }

    .home .product-table .actions.row {
        width: 120px;
        text-align: center;
        float: right;
    }

    .home .product-table .actions.row > div {
        padding-left: 0px;
        padding-right: 0px;
    }    
}

@media screen and (min-width: 768px) {
    .span-step-circle {
        display: none;
    }

    #indicator {
        display: inline-block;
    }
}

@media screen and (max-width: 991px) {
    .login .login-form .login-form-inner {
        padding-left: 25px;
    }

    .login .login-form .login-button div {
        height: 40px;
        padding-top: 5px;
    }

    .header > .container > div {
        background-size: 70%;
    }

    .header {
        height: 110px;
        padding: 10px 0px;
        padding-bottom: 30px;
    }

    .alert {
        padding: 0px;
        margin-bottom: 0px;
    }

    .header > .container > div.alert {
        height: auto;
    }

    .header .alert .alert-icon {
        width: 20px;
        height: 20px;
        background-size: 100%;
    }

    .header .login-disclaimer {
        line-height: normal;
        text-align: left !important;
        font-size: 0.8em;
    }

    .header .user-data {
        padding: 0px;
    }

    .container {
       /*  width: auto; */
    }

    .alert-box .alert-title {
        font-size: 15px;
    }

    .alert-text {
        font-size: 10px;
    }

    .header .user-data #client-data .inline-data {
        top: 4px;
    }

    .header .user-data #officer-data .inline-data {
        top: 19px;
    }
    
    .header .user-data #profile-data .inline-data {
        top: 19px;
    }

    .home .product-table .actions {
        padding-left: 0px;
        padding-right: 0px;
    }

    .home .product-table .actions .action {
        background-size: initial;
    }

    .row.product-row > div > .info {
        display: block !important;
    }

    .login-button > div {
        float: right;
    }

    .menu {
        line-height: normal;
        font-size: 14px;
        padding-top: 5px;
    }

    .cont-work {
        padding-left: 0px;
        padding-right: 0px;
    }

    .menu .cont-work div {
        vertical-align: middle;
        display: inline-block;
    }

    /* #indicator .flexbox{
        justify-content: initial;
        padding-top: 10px;
    }
    .transfers .step{
        border-right:0px;
    } */
    .menu-container .menu-inner {
        padding: 10px 10px;
    }

    .transfer-result {
        /* height: auto !important; */
    }

    .transfers .transfer-result .icon {
        max-width: 70px;
        margin-left: auto;
        margin-right: auto;
    }

    .menu .icon-transfer, .menu .icon-piggy {
        background-image: none;
    }

    .contetn-date-filter .date-from {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contetn-date-filter .date-end {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 10px;
    }

    .balance .movements {
       /*  padding: 10px 0px !important; */
        margin: 0px 5px;
    }
    .balance .movements.cdasMovement {
         padding: 10px 15px !important;
        /* padding-left: 15px !important; */
    }

    .balance .movements .movement {
        line-height: normal;
        height: auto;
        padding-top: 5px;
        padding-right: 5px;
    }
    
     .balance .movements .configuration {
        line-height: normal;
        height: auto;
        padding-top: 5px;
        padding-right: 5px;
    }

	.balance .product-table .table-body.configurations {
        line-height: normal;
		margin: 10px 0px 0px 0px;
    	padding: 0px 15px;
    	padding-left: 20px;
    }
    .balance .configurations .configuration div{
    	line-height: normal;
    	padding-left: 5px;
    	padding-right: 5px;
    	vertical-align: middle;
    }
    
    .row.movement > div {
        padding-left: 2px;
        padding-right: 2px;
    }
    .indicator-cda{
    	/*max-height: 100px*/
    }
    .container .atlas-viaje-button{
    	display: none;
    }
    .menu-container .quotation-inner{
    	right: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header .user-data .client-name {
        font-size: 14px;
    }

    .header .user-data .officer-data {
        font-size: 10px;
    }

    .header .user-data .last-access {
        font-size: 10px;
    }

    /* #indicator{
        max-height: 40px;
    }
    #indicator .flexbox{
        justify-content: initial;
        padding-top: 10px;
    } */
    /* .transfers .step{
        border-right:0px;
    } */
    .transfers .step span,  .mail-invoice-request .step span{
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}
@media screen and (max-width: 767px){
	body{
		font-size: 10px;
	}
	.container{
		    padding: 0 20px;
	}
	.header .user-data .client-name{
		font-size: 8px;
	}
	.header .user-data .officer-data{
	    font-size: 7px;
	}
	.header .user-data .last-access{
		font-size: 7px;
	}
	.login footer p{
		font-size: 10px;
	}
	
	.login .login-form .help-block{
		padding-left: 20px;
	}
	.header .user-data #client-data .inline-data, .header .user-data #officer-data .inline-data{
		padding-left: 5px;
		padding-right: 5px;
	}
	.header .user-data #client-data .inline-data p, .header .user-data #officer-data .inline-data p{
		font-size: 8px;
	}
	.home .product-table .table-header, .home .product-table .table-body, .home .product-table .table-footer{
		margin: 0px 0px;
		font-size: 8px;
	}
	.home .product-table .statement-icons{
		padding: 0px 5px;
	}
	.transfers .product-table .table-body,
	.mail-invoice-request .product-table .table-body{
		margin: 0px;	
	}	
	/* #indicator{
		max-height: 30px;
	}	
	.transfers .step span {
		height: 30px;
		width: 30px;
		line-height: 30px;
		font-size: 12px;
	} */
	#indicator{
		display: none;
	}
	.span-step-circle{
		display: inline-block;
		height: 30px;
		width: 30px;
		line-height: 30px;
		font-size: 12px;
		background-color: #8c2437;
		border-radius: 100%;
		color: white;
		text-align: center;
	    position: absolute;
	    right: 15px;
	    top: 5px;
	}
	.transfers .form-group, .mail-invoice-request .form-group{
		height: 65px;
	}
	.error-box .error-message{
		margin-left: 0px;
	}
	.error-box{
		padding-left: 55px;
	}
	.menu{
		font-size: 12px;
		padding-top: 5px;
		height: 35px;	    
	}
	.menu .icon{
		padding-left: 0px;
		background-size: 100%;
		padding-left: 5px;
		width: 20px;
		height: 20px;
	}
	
	.menu .icon.icon-home{
		padding-left: 25px;
	}
	.transfers .transfer-result .info,
	.mail-invoice-request .transfer-result .info{
		padding: 10px;
	}
	.balance .boxes{
		padding-left: 0px;
		padding-right: 0px;
	}
	.balance .separator{
		border-right: 0px;
		margin-top: 0px;
		margin: 0px;
	}
	.balance .separator>div{
		padding: 0px;
	}
	.change-password .password-help{
		font-size: 8px;
	}
	.header-service-group{
		padding-left: 30px;
		padding-right: 30px;
	}
	.body-service-group{
		padding-left: 30px;
		padding-right: 30px;
	}
	.item-service-group img{
		max-height: 60px;
	}
	.monto-label{
		text-align: right;
	}
	.group-menu{
		text-align: center;		
	}
	.group-menu ul{
		display: inline-block;
		text-align: left !important;
	}
	.logo-atlas-mas{
		max-height: 45px;
		display: inline-block;
	}
	.container.menu-container{
		padding-left: 0px;
		padding-right: 0px;
	}
	.home .product-table .table-body-container{
		border-radius: 0px;
	}
	.balance .movements .no-movements{
		font-size: 10px;
        line-height: normal;
        padding-top: 20px;
        padding-bottom: 20px;
	}
	.balance .configurations .configuration div.radioCont{
    	padding-left: 0px;
    	padding-right: 0px;
    }
    .select-indicator-responsive{
        max-height: 150px;
    }
    .radioCont .hidden-input.radio-control{
        width: 0px;
        height: 0px;
    }
    .carousel-product, .carousel-product>div.carousel-inner, .carousel-product>div.carousel-inner>div,
    .carousel-product>div.carousel-inner .item .cont-image, .carousel-product>div.carousel-inner .item .info-slider{
    	height: auto;
    }
    
    .carousel-product>div.carousel-inner .item .cont-image{
    	position: relative;
    	display: block;
    	z-index: 5;
    }
    
    .carousel-product>div.carousel-inner .item .cont-image img{
    	max-width: 50px;
    	margin-top: 10px;
    }
    .carousel-product>div.carousel-inner .item .info-slider{
		padding: 15px;    
		position: relative;
		padding-bottom: 100px;
    }
    .carousel-product>div.carousel-inner .item .info-slider h1{
    	display: inline-block;
    }
    .carousel-product .float-slider-options{
    	text-align: right;
	    z-index: 20;
    }
    .carousel-product .float-slider-options .pin-box{
    	z-index: 30;
    }
    .carousel-product>div.carousel-inner .item .info-slider h3{
    	margin-top: 10px;
    }
    
    .alert-box{
		padding: 5px 0px;
		height: auto; 
	}
    
}

@media screen and (max-width: 500px) {
    .balance .movements {
        font-size: 8px;
    }
    .balance .product-table .table-header{
    	margin-left: 0px;
    	margin-right: 0px;
    }
    .balance .product-table .table-footer{
    	margin-left: 0px;
    	margin-right: 0px;
    }
    .balance .product-table .table-body-container{
    	border-radius: 0px;
    }
    .balance .boxes .form-group{
    	margin-left: 0px;
    }
    .form-favorite input{
    	width: 70%;
    }
	.container{
		    padding: 0 10px;
	}
	
	.alert-box .alert-code.custom-child .left-info{
		width: 100%;
	}
	
}

@media screen and (max-width: 350px) {
    .balance .movements {
        font-size: 7px;
    }
    .container{
		padding: 0 5px;
	}
}