/*
Description:  Montibello Plugin Styles
Author:       Xavier Muga
Author URI:   http://example.com
Version:      0.0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  montibello
*/
h1{
    /* Heading/H1 */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 60px;
}
h2{
    /* Heading/H2 */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
}
h3{
    /* Heading/H3 */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
}
h4{
    /* Heading/H4 */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
}
h5{
    /* Heading/H5 */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}
h6{
    /* Heading/H6 */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.centered{
    text-align:center;
}
.bold{
    font-weight:bold;
}
body{
    font-family: 'DM Sans';
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
}
body .header-wrap{
    display:inline-flex;
    height:70px;
    background-color:#FFFFFF;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
body .logo{
    max-width: 12%;
    display: block;
    padding-left: 40px;
    margin-top: auto;
    float: left;
    margin-bottom: auto;
}
body .logo img{
    width:100%;
}
body .logo a{
    display: block;
    line-height: 0px;
}
.overline{
    /* Overline/underline */
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px;
    text-decoration-line: underline;
    text-transform: uppercase;
}
body.login .login-container{
    top:35%!important;
}
.button{
    display: inline-block;
    text-decoration: none;
    min-height: 30px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    white-space: nowrap;
    box-sizing: border-box;
    border-radius: 0px;
    height: 60px;
    font-family: 'DM Sans';
    font-style: normal;
    font-size: 22px;
    line-height: 32px;
}
.button-primary{
    background-color: #2e2e2e;
    background: #2e2e2e;
    border-color: #2e2e2e;
    color: #fff;
}


/********* FOOTER ***************/
footer{
    opacity:1!important;
}
footer .site-footer{
    display: flex;
}
footer .site-footer div{
    padding:10px 20px;
}

/************** MENU AND ICONS **************/
body .menu-custom{
    display:inline-flex;
    width:80%;
    justify-content:flex-end;
    align-items:center;
}
body .menu-custom .button-clickable{
    margin: auto 25px;
}
body .menu-custom .menu-container{
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    border-left: 0.5px solid #ebebeb;
}
.menu-custom .material-icons{
    vertical-align: top;
    margin-right: 5px;
}
.menu-custom .menu-container a.linkablediv{
    display: flex;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
.menu-custom .language .material-icons{
    margin-right:0px;
}
.menu-custom .menu-container .language{
    display: inline-flex;
    align-items: center;
    height: 100%;
}
.innovation .material-icons{
    transform: rotate(-180deg);
}

/******** LANGUAGE SWITHER **********/
.menu-container.menu-container-language{
    width: 10%
}
#menu-language-switcher {
    list-style: none;
    padding: 0px;
    position: relative;
    flex-direction: column;
    display: flex;
}
.menu-container .language ul li {
    padding: 3px 10px;
    z-index: 2;
}
.menu-container .language ul li a{
    text-decoration:none;
}
.menu-container .language ul li:not(.init) {
    display: none;
}
.menu-container .language li.init {
    cursor: pointer;
}
a#submit { z-index: 1; }

.mainbody{
    padding-bottom:50px;
}
.col-md-4{
    width:32%;
    display:inline-block;
}
.col-md-3{
    width:24%;
    display:inline-block;
}
.col-md-9{
    width:75%;
    display:inline-block;
}
.col-md-6{
    width:50%;
    display:inline-block;
}
body .barra-intermedia{
    height:60px;
    border-bottom: 0.5px solid #BABABA;
    display:flex;
}
body .barra-intermedia .barra-title{
    align-items: center;
    display: flex;
    padding-left:40px;
    padding-right:60px;
}
body .barra-intermedia .barra-title h5{
    text-transform:capitalize;
}
body .barra-intermedia .barra-selector{
    display: flex;
    align-items: center;
    padding: 0px 30px;
}
body .barra-intermedia .barra-selector a{
    text-decoration: none;
}
body .barra-intermedia .barra-selector.active a{
    font-weight:700;
    text-decoration: underline;
}

/*********** DASHBOARD BODY ***********/
body .dashboard h4{
    line-height: 0px;
}
body .dashboard .barra-intermedia{
    height:50px;
    background-color:#2e2e2e;
    color:#fff;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:30px;
}
body .dashboard .barra-intermedia a{
    color:#fff;
}
body .dashboard .introdashboard{
    border-bottom: 1px solid #4B4B4B;
}
body .main{
    display: flex;
    padding-left: 3%;
}
body .dashboard .notifications{
    padding: 30px 0px;
    height:370px;
}
body .dashboard .notifications .material-icons{
    margin-right:5px;
}
body .dashboard .material-icons{
    vertical-align: top;
}
body .dashboard .notification{
    padding:10px 0px;
    border-bottom: 1px solid #BABABA;
	position: relative;
	display: flex;
}

body .dashboard .notification div{	
	display: inline-block;
	padding-right: 25px;
}

body .dashboard .notification .close-notification{
	display: inline-block;
	width: 20px;
	height: 23px;
	text-align: center;
	position: absolute;
	right: 0px;
	border-radius: 4px;
	text-decoration: none;
}

body .dashboard .notification .close-notification:hover{
	background: #d7d7d7;
}

body .dashboard .more-messages .message{
    display:inline-block;
}
body .dashboard .image-dashboard{
    padding:10px;

}
body .dashboard .image-dashboard .image-clickable-fop{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 58.85%), url('/wp-content/uploads/FOP.jpg');
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 579px;
    border-radius: 10px;
}
body .dashboard .image-dashboard .image-clickable-fop:hover{
    filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.15));
}
body .dashboard .image-dashboard .image-clickable-upload{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 58.85%), url('/wp-content/uploads/UPLOAD.jpg');
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    height: 579px;
    border-radius: 10px;
}
body .dashboard .image-dashboard .image-clickable-upload:hover{
    filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.15));
}
body .dashboard .image-dashboard a{
    text-decoration:none;
}
body .dashboard .image-dashboard .image-text{
    position:relative;
    left:41px;
    top:430px;
    right:142px;
    width:261px;
    text-decoration:none;
    height:81px;
    color:#fff;
}
/************** INFORMATION *********/
.maininformation{
    display:block!important;
}
.maininformation .information-elements{
    display:flex;
    flex-wrap:wrap;
}
.maininformation .information-elements .information-element:nth-child(n+4){
    margin-top:15px;
}
.maininformation .information-elements .information-element{
    width:33%;
    height:450px;
    background-repeat:no-repeat;
    padding-top:20px;
    background-size:contain;
    flex-basis: 33%;
}
.maininformation .information-element .banner-text{
    width: 50%;
    padding-left: 50px;
    padding-right: 130px;
}
.maininformation .information-element h2{
    color:#fff;
}
.maininformation .information-element .material-icons{
    vertical-align: top;
    margin-right: 5px;
}
.maininformation .information-element .button-clikable{
    margin-top: 180px;
    margin-left: 50px;
    width:120px;
    padding: 15px 30px;
    background-color:#fff;
}
.maininformation .information-element .button-clikable a{
    text-decoration:none;
}
/************* PROFILE ***********/
body .mainprofile .profile-info{
    border-bottom: 0.5px solid #4B4B4B;
    padding: 20px 0px 0px 0px;
}
body .mainprofile .profile-info .profile-info-data{
    width: 100px;
    display: inline-block;
}
body .mainprofile .profile-form{
    padding-top: 90px;
    padding-left: 60px;

}
body .mainprofile .profile-form .profileinputs{
    display:inline-flex;
    padding-bottom:30px;
}
body .mainprofile .profile-form .profileinput{
    width:44%;
    padding:10px 30px;
}
body .mainprofile .profile-form .profileinput label{
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    display: block;
}
body .mainprofile .profile-form .profileinput input{
    width: 270px;
    height: 44px;
    border: 0.5px solid #BABABA;
    padding-left:25px;
}
body .mainprofile .profile-form .profileinput .material-icons{
    margin-left: -40px;
    vertical-align: middle;
}
body .mainprofile .profile-form .profileinput .material-icons.visibility {
    cursor:pointer;
}
body .mainprofile .profile-form .clickableButton{
    text-align:center;
}
body .mainprofile .profile-form .clickableButton .button{
    width:400px;
}
body .mainprofile .messagewarning{
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
}
/******************** UPLOAD **************/
body .mainupload{
    padding-top:40px;
}
body .mainupload .upload-elements {
    width: 100%;
    display: flex;
    padding: 10px 40px;
}
body .mainupload .upload-elements .upload-element{
    opacity:0.3;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    height:432px;
    margin:5px;
}
body .mainupload .upload-elements .upload-element.active{
    opacity:1;
}
body .mainupload .upload-element{
    display: flex;
    flex-direction: column;
}
body .mainupload .upload-element .upload-number{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content:center;
    margin-top:10px;
    font-weight:700;
}
body .mainupload .upload-element .upload-number .number{
    width:22px;
    height:22px;
    border-radius:50%;
    border: 1px solid #1B1B1B;
}
body .mainupload .upload-element .upload-icon{
    display:flex;
    justify-content:center;
    margin-top:60px;
}
body .mainupload .upload-element.upload-1 .upload-icon .material-icons{
    transform: rotate(60deg);
}
body .mainupload .upload-element .upload-icon .material-icons{
    font-size:60px;
}

body .mainupload .upload-element .upload-title{
    display:flex;
    justify-content:center;
    font-size: 22px;
    line-height: 32px;
}
body .mainupload .upload-element .upload-text{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    padding-left: 50px;
    padding-right: 50px;
    text-align:center;
}
body .mainupload .upload-element .button-clickable {
    width: 190px;
    padding: 9px 30px;
    background: #2E2E2E;
    display: flex;
    margin-left: auto;
    margin-top: 40px;
    margin-right: auto;
    text-align: center;
    justify-content: center;
    border-radius: 2px;
    gap: 10px;
}
body .mainupload .upload-element .button-clickable .material-icons{
    vertical-align: top;
}
body .mainupload .upload-element .button-clickable .banner-button{
    color:#fff;
}
body .mainupload .upload-element .last-downloaded{
    color: #959595;
    text-decoration:none;
}
body .mainupload .upload-element .upload-skip{
    margin-top: auto;
    padding-bottom: 20px;
}
body .mainupload .upload-element .upload-next{
    font-weight:bold;
    display:flex;
    justify-content:center;
    padding-top:20px;
}
body .mainupload .upload-element .upload-form .box__uploading,
body .mainupload .upload-element .upload-form .box__dragndrop,
body .mainupload .upload-element .upload-form .box__success,
body .mainupload .upload-element .upload-form .box__error,
body .mainupload .upload-element .upload-form .box__file
{
    display: none;
    font-weight: 700;
}
body .mainupload .upload-element .upload-form .box__uploading,
body .mainupload .upload-element .upload-form .box__success,
body .mainupload .upload-element .upload-form .box__error,
body .mainupload .upload-element .upload-form .box__file{
    margin-top: -210px;
    text-align: center;
}
body .mainupload .upload-element .upload-form .has-advanced-upload .box__dragndrop{
    display: block;
}
body .mainupload .upload-element .upload-form .is-uploading .box__uploading{
    display:block;
}
body .mainupload .upload-element .upload-form .is-success .box__success{
    display:block;
}
body .mainupload .upload-element .upload-form .is-error .box__error{
    display:block;
}
body .mainupload .upload-element .upload-form .box__button {
    height:48px;
    cursor:pointer;
    display:none;
}
body .mainupload .upload-element .upload-form .is-file .box__button {
    display:flex;
}
body .mainupload .upload-element .upload-form .box__button .banner-button{
    margin-top:auto;
    margin-bottom:auto;
}
body .mainupload .upload-element .upload-form .box__button .submit-button{
    margin-bottom: auto;
    border: none;
    justify-content: center;
    cursor: pointer;
    display: flex;
    color: #fff;
    align-items: center;
    height: 100%;
    padding: 9px 30px;
    background: #2E2E2E;
    width: 75%;
    margin-left: auto;
    margin-top: 40px;
    margin-right: auto;
    text-align: center;
    border-radius: 2px;
    gap: 10px;
}
body .mainupload .upload-element .upload-form .box__input{
    background: #ECECEC;
    margin:8px;
    border: 1px dashed #959595;
    border-radius: 5px;
    padding-bottom:30px;
    min-height:180px;
    text-align:center;
}
body .mainupload .upload-element .upload-form .box__input label{
    padding-top: 50px;
    display: block;
    cursor:pointer;
    color: #4b4b4b;
}
body .mainupload .upload-element .upload-form .box__input .material-icons{
    vertical-align:top;
    margin-right: 5px;
}
body .mainupload .upload-element .nosuccess{
    display:none;
}


/* START FOP STYLES */
.fop-header{
	
}
	
	.fop-header .barra-title{
		width: 25%;
		padding: 0px !important;
	}
	
	.fop-header .barra-title h5{
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.fop-header .barra-filters{
		align-items: center;
		display: flex;
		width: 30%;
		
	}
	
	.fop-header .barra-filters span{
		background: #2E2E2E;
		color: white;
		width: 24px;
		height: 24px;
		text-align: center;
		line-height: 26px;
		border-radius: 50%;
		font-size: 17px;
		margin-left: 10px;		
	}
	
	.fop-header .barra-filters span:hover{
		cursor: pointer;
		opacity: 0.8;
	}
	
	.fop-header .barra-filters .container-button-filter{
		margin-right: 10px;
	}
	
	.fop-header .barra-filters .container-button-field{
		margin-left: 0px;
	}
	
	.fop-header .barra-filters .container-button-field select{
		width: 170px;
	}
	
	.fop-header .barra-buttons{
		display: flex;
		width: 60%;
		justify-content: end;
	}
	
	.fop-header .barra-buttons .button-lists{
		display: flex;
		padding: 18px 30px;
	}
	
	.fop-header .barra-buttons .button-lists div{
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.fop-header .barra-buttons .button-lists a{
		text-decoration: underline;
	}
	
	.fop-header .barra-buttons .button-lists a:hover{
		text-decoration: none;
	}
	
	.fop-header .barra-buttons .button-update{
		background: #2E2E2E;
		display: block;
		color: white;
		padding: 8px 40px;
		line-height: 14px;
		text-align: center;
		text-decoration: none;
	}
	
	.fop-header .barra-buttons .button-update:hover{
		opacity: 0.7;
	}
	
	.fop-header .barra-buttons .button-update .line-1{
		font-weight: bold;
	}
	
	.fop-header .barra-buttons .button-update .line-1 span{
		margin-right: 5px;
		position: relative;
		top: 5px;
	}
	
	.fop-header .barra-buttons .button-update .line-2{
		font-size: 11px;
		color: #959595;
	}


.fop-content{
	height: 70vh;
	display: flex;
	padding: 20px;
}

	.fop-content .filter-letters{
		display: flex;
		flex-direction: column;
		margin-right: 20px;
	}
	
	.fop-content .filter-letters a{
		text-decoration: none;
		line-height: 17px;
		font-size: 12px;
	}
	
	.fop-content .filter-letters a:hover{
		text-decoration: underline;
	}
	
	.fop-content .table-products{
		overflow: auto;
	}
	
	.fop-content .table-products table{
		
	}
	
	.fop-content .table-products table tr{
		
	}
	
	.fop-content .table-products table tr.tr-head{
		
	}
	
	.fop-content .table-products table tr th{
		font-size: 12px;
		color: #4B4B4B;
		white-space: nowrap;
		padding: 0px 8px;
		text-align: left;
		font-weight: normal;
		position: sticky;
		top: 0;
	}
	
	.fop-content .table-products table tr th.th-header-gray{
		background: #e6e6e6;
		font-weight: bold;
	}
	
	.fop-content .table-products table tr th.th-header-gray span{
		font-size: 12px;
		margin-right: 5px;
		position: relative;
		top: 2px;
	}
	
	.fop-content .table-products table tr th.th-header-red{
		background: #FF6A6A;
	}
	
	.fop-content .table-products table tr th.th-header-yellow{
		background: #8DC38C;
		border-left: 2px solid gray;
		border-right: 2px solid gray;
		border-top: 2px solid gray;
	}
	
	.fop-content .table-products table tr th.th-header-green{
		background: #FFEAB4;
	}
	
	.fop-content .table-products table tr th.th-header-agosto{
		background: #999797 !important;
	}
	
	.fop-content .table-products table tr th.th-header-bloqueada{
		background: #af74e5 !important;
	}
	
	.fop-content .table-products table tr th.th-header-habilitada{
		background: #f9d245 !important;
	}
	
	.fop-content .table-products table tr th.brl{
		border-radius: 10px 0px 0px 0px;
	}
	
	.fop-content .table-products table tr th.brr{
		border-radius: 0px 10px 0px 0px;
	}
	
	.fop-content .table-products table tr th.brlr{
		border-radius: 10px 10px 0px 0px;
	}
	
	.fop-content .table-products table tr td{
		background: white;
		padding: 4px 10px;
		font-size: 11px;
		color: #222;
		line-height: 13px;
		border-right: 1px solid #f0f0f0;
	}
	
	.fop-content .table-products table tr td.td-normal{
		
	}
	
	.fop-content .table-products table tr td.td-gray{
		background: #e6e6e6;
	}
	
	.fop-content .table-products table tr td.td-agosto{
		background: #c1bdbd !important
	}
	
	.fop-content .table-products table tr td.td-today{
		border-left: 2px solid gray;
		border-right: 2px solid gray;
		/* background: #e6e6e6; */
	}
	
	.fop-content .table-products table tr td.text-center{
		text-align: center;
	}
	
	.fop-content .table-products table tr td.celda-edited{
		background: #f4d7b2;
	}
	
	.fop-content .table-products table tr td .cancelar-edicion{
		font-size: 11px;
		border-radius: 0px;
		border: none;
		background: #d94141;
		color: white;
		padding: 5px 14px;
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.fop-content .table-products table tr td .cancelar-edicion:hover{
		cursor: pointer;
		opacity: 0.8;
	}
	
	.fop-content .table-products table tr td .confirmar-edicion{
		font-size: 11px;
		border-radius: 0px;
		border: none;
		background: #4ea81c;
		color: white;
		padding: 5px 14px;
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.fop-content .table-products table tr td .confirmar-edicion:hover{
		cursor: pointer;
		opacity: 0.8;
	}

	


.fop-footer{
	border-bottom: 0.5px solid #BABABA;
	border-top: 0.5px solid #BABABA;
	position: absolute;
	right: 0px;
}

	.fop-footer .barra-buttons{
		display: flex;
		width: 100%;
		justify-content: end;
	}
	
	.fop-footer .barra-buttons .button-download{
		background: transparent;
		display: block;
		padding: 8px 40px;
		line-height: 14px;
		text-align: center;
		text-decoration: none;
		border-left: 0.5px solid #BABABA;
		border-right: 0.5px solid #BABABA;
	}
	
	.fop-footer .barra-buttons .button-download:hover{
		opacity: 0.7;
	}
	
	.fop-footer .barra-buttons .button-download .line-1{
		font-weight: bold;
		text-decoration: underline;
	}
	
	.fop-footer .barra-buttons .button-download .line-1 span{
		margin-right: 5px;
	}
	
	.fop-footer .barra-buttons .button-download .line-2{
		font-size: 11px;
		color: #959595;
	}
	
	.fop-footer .barra-buttons .button-update{
		background: #2E2E2E;
		display: block;
		color: white;
		padding: 8px 40px;
		line-height: 14px;
		text-align: center;
		text-decoration: none;
	}
	
	.fop-footer .barra-buttons .button-update:hover{
		opacity: 0.7;
	}
	
	.fop-footer .barra-buttons .button-update .line-1{
		font-weight: bold;
	}
	
	.fop-footer .barra-buttons .button-update .line-1 span{
		margin-right: 5px;
	}
	
	.fop-footer .barra-buttons .button-update .line-2{
		font-size: 11px;
		color: #959595;
	}

/* END FOP STYLES */



/* START STYLES ACCOUNT STATEMENT */
.account-statement-content{
	padding-top: 30px;
	padding-left: 60px;
}

	.account-statement-content .table-data{
		width: 100%;
	}
	
	.account-statement-content .table-data tr{
		margin-top: 5px;
		margin-bottom: 5px;
	}	
	
	.account-statement-content .table-data td{
		padding: 5px 10px;
	}
	
	.account-statement-content .table-data tr.tr-total{
		background: #1B1B1B;
		color: white;
	}
	
	.account-statement-content .table-data tr.tr-total td{
		font-weight: bold;
	}
	
	.account-statement-content .table-data tr.tr-total-small{
		background: #1B1B1B;
		color: white;
	}
	
	.account-statement-content .table-data tr.tr-total-small td{
		font-weight: normal;
		font-size: 11px;
		text-transform: uppercase;
		text-align: center;
	}
	
	.account-statement-content .table-data tr.tr-subtotal{
		background: #d1d1d1;
	}
	
	.account-statement-content .table-data tr.tr-subtotal td{
		font-size: 11px;
		text-align: center;
	}
	
	.account-statement-content .table-data tr.tr-title{
		
	}
	
	.account-statement-content .table-data tr.tr-title td{
		font-size: 11px;
		text-transform: uppercase;
		text-align: center;
		font-weight: 400;	
		padding: 3px 10px;		
	}
	
	.account-statement-content .table-data tr.tr-content{
		border: 1px solid black !important;
	}
	
	.account-statement-content .table-data tr.tr-content.content-white{
		background: #f9f9f9;
	}
	
	.account-statement-content .table-data tr.tr-content td{
		font-size: 11px;
		text-align: center;
		border-top: 1px solid #bbb;
	}
	
	.account-statement-content .table-data tr.tr-content td a{
		text-decoration: underline;
	}
	
	.account-statement-content .table-data tr.tr-content td a:hover{
		text-decoration: none;
	}
	
	.account-statement-content .table-data tr.tr-content td .circle{
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #cccccc;
	}
	
	.account-statement-content .table-data tr.tr-content td .circle.circle-red{
		background: #df4848;
	}
	
	.account-statement-content .table-data tr.tr-content td .circle.circle-green{
		background: #24d24f;
	}
	
	.account-statement-content .table-data tr.tr-content td .circle.circle-orange{
		background: #ffae49;
	}
	
	.account-statement-content .table-data tr.tr-content td .circle.circle-blue{
		background: #517fbb;
	}
	
	.account-statement-content .table-data tr.tr-content td .circle.circle-purple{
		background: #bb51b8;
	}
	
	.account-statement-content .table-data tr.tr-separador{
		
	}
	
	.account-statement-content .table-data tr.tr-separador td{
		height: 6px;
	}
	
	
.container-row{
	display: flex;
}

/* END STYLES ACCOUNT STATEMENT */


/* STYLES FOR MODAL GLOBAL */
.container-modal{
	position: absolute;
    background: rgb(0 0 0 / 25%);
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10000;
	min-height: 100vh;
	display: none;
}

	.container-modal.open{
		display: block !important;
	}
	
	.container-modal .modal{
		width: 100%;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
		margin-bottom: 50px;
		padding: 20px 50px 50px 50px;
		background: white;
		border-radius: 10px;
	}	
	
	.container-modal .modal .modal-header{
		display: flex;
		border-bottom: 1px solid #d9d9d9;
		margin-bottom: 30px;
	}
	
	.container-modal .modal .modal-header .modal-title{
		width: 100%;
		font-size: 22px;
		padding: 20px 0px 10px 0px;
	}
	
	.container-modal .modal .modal-header .modal-close-button{
		width: 30px;
		height: 30px;
		margin-top: 20px;
	}
	
	.container-modal .modal .modal-header .modal-close-button a{
		display: block;
		overflow: hidden;
	}
	
	.container-modal .modal .modal-header .modal-close-button a:hover{
		color: #c33c3c;
	}
	
	.container-modal .modal .modal-header .modal-close-button a span{
		display: inline-block;
		position: relative;
		left: -68px;
		top: 4px;
	}
	
	.container-modal.loading .modal .modal-content{
		display: none !important;
	}
	
	.container-modal .modal .modal-content{
		
	}
	
	.container-modal.loading .modal .modal-loader{
		display: block !important;
	}
	
	.container-modal .modal .modal-loader{
		display: none;
		text-align: center;
		padding: 100px 50px 60px 50px;
	}
	
	.container-modal .modal .modal-loader .lds-ripple {
	  display: inline-block;
	  position: relative;
	  width: 80px;
	  height: 80px;
	}
	
	.container-modal .modal .modal-loader .lds-ripple div {
	  position: absolute;
	  border: 4px solid #606060;
	  opacity: 1;
	  border-radius: 50%;
	  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	}
	
	.container-modal .modal .modal-loader .lds-ripple div:nth-child(2) {
	  animation-delay: -0.5s;
	}
	
	@keyframes lds-ripple {
	  0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	  }
	  4.9% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	  }
	  5% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	  }
	  100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	  }
	}


/* END STYLES MODAL GLOBAL */