.cuotas_table .cuota_id{
	width:60px;
}
.field_boxes_list_wrapper{
	padding:10px;
	border:2px solid #283c55;
}
.field_boxes_list{
	padding:10px 40px 10px 10px;
	min-height: 40px;
}
.field_boxes_list_item{
	padding:15px;
	background:#f7f7f7;
	border-radius:3px;
	margin-bottom: 10px;
}
.field_boxes_list_item:last-child{
	margin-bottom:0;
}
.delete_boxes_list_item{
	position: absolute;
    top: calc(50% - 12px);
    right: -35px;
}
.field_boxes_button_wrapper {
	margin: 10px 0 -25px;
}
.amount_mode_button{
	position: absolute;
    bottom: 0;
    right: 0;
    width: 35px;
    height: 35px;
}
.amount_mode_button input{
	display:none;
}
.amount_mode_button i{
	float: left;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #6ad813;
    color: #FFF;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}
.amount_mode_button input:checked + i{
	background:#53a6f9;
}

.amount_mode_button i:before{
	content:'\f155'
}
.amount_mode_button input:checked + i:before{
	content:'\f295'
}


/*** POS PAGE ***/
#payment_method_list{
	padding-right:20px;
}
#pos_table .no_content{
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 406px);
	padding: 0;
    font-style: italic;
    color: #b7c3d0;
}

#pos_info_wrapper{
    float: left;
    position: relative;
    width: calc(100% - 370px);
    margin-right: 20px;
}
#pos_search_student {
    margin-bottom: 10px;
	display:flex;
	gap:10px;
    z-index: 9;
}
#pos_general_public{
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:3px;
	text-align:center;
	background:var(--blueColor);
	color:#FFF;
}
.pos_search_input_wrapper{
    float: left;
    position: relative;
    width: calc(100% - 270px);
}
#pos_search_input{
    float: left;
    width: 100%;
    height: 40px;
    border: 1px solid #d8def8;
    background: #e6e9f4;
    border-radius: 3px;
    line-height: 40px;
    color: #283c55;
    padding: 0 10px;
    box-sizing: border-box;
    outline: none;
}
#pos_search_input::placeholder{
    color: #708eac;
}
.fa.loader_icon{
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size: 18px;
	transition:opacity 0.5s;
	opacity:0;
	-webkit-animation: loadingRotate 1s infinite ease;
	-moz-animation: loadingRotate 1s infinite ease;
	-o-animation: loadingRotate 1s infinite ease;
}
.loading .loader_icon{
	opacity:1;
}
#pos_search_type{
    float:left;
    width: 210px;
    line-height: 40px;
    height: 40px;
}

/* SEARCH LIST */
#pos_search_list {
    position: absolute;
    bottom: 30px;
    left: 0;
	max-height: 260px;
    overflow: auto;
    background: #FFF;
    list-style: none;
    transform: translateY(100%);
    box-shadow: 0 3px 5px rgb(0 0 0 / 10%);
	visibility:hidden;
	opacity:0;
	transition:all 0.5s;
}
#pos_search_list.active{
	bottom:0;
	visibility:visible;
	opacity: 1;
}
#pos_search_list li{
    float:left;
    width: 100%;
    border-bottom: 1px solid #d8def8;
}
.select_student{
    display: inline-grid;
    grid-template-columns: 0.1fr 0.5fr 0.4fr;
    justify-items: stretch;
    justify-content: space-between;
    grid-gap: 0;
    padding: 15px 20px;
    font-size: 14px;
    color: #5a738c;
    text-align: left;
    line-height: 20px;
    transition: all 0.5s;
}
.select_student:hover{
    background:#f2f5ff;
}
.search_list_group{
    text-align: right;
    color: var(--blueColor);
}
.search_list_group span{
	display:inline-block;
	position:relative;
	margin:0 15px 0 0;
	font-size:12px;
}
.search_list_group span:after{
	content: '>';
    position: absolute;
    top: 0;
    right: -10px;
}
.search_list_group span:last-child{
	margin:0;
}
.search_list_group span:last-child:after{
	display:none;
}

/*** POS TABS ***/
#post_table_tabs{
	display: flex;
    justify-content: flex-start;
    color: #FFF;
    gap: 5px;
    background: #e6e9f4;
    padding: 5px 0 0 5px;
    border-radius: 5px 5px 0 0;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#d8def8;
}
#post_table_tabs a{
	display: inline-block;
    padding: 10px 20px;
    border-radius: 5px 5px 0 0;
    text-transform: uppercase;
    font-size: 12px;
	font-weight:bold;
	color:#708eac;
}
#post_table_tabs .current{
    background: #293d56;
    color: #fff;
}

/** STUDENT CUOTAS TABLE **/
#pos_table_wrapper {
    height: calc(100vh - 350px);
    overflow: auto;
    background: #FFF;
}
#pos_table_wrapper:before{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
	z-index:2;
	visibility: hidden;
	opacity: 0;
}
#pos_table_wrapper:after{
	content:'';
	position: absolute;
	top:calc(50% - 25px);
	left:calc(50% - 25px);
	width:40px;
	height:40px;
	border-width: 5px;
	border-style: solid;
	border-color: #7157aa #7157aa #7157aa transparent;
	border-radius: 50%;
	z-index:3;
	-webkit-animation: loadingRotate 1s infinite ease;
	-moz-animation: loadingRotate 1s infinite ease;
	-o-animation: loadingRotate 1s infinite ease;
	visibility: hidden;
	opacity: 0;
}
#pos_table_wrapper.loading:before,
#pos_table_wrapper.loading:after{
	opacity: 1;
	visibility: visible;
}
#pos_table .amount{
    font-weight: bold;
}
.create_deposits{
	display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    background: #293d56;
    color: #FFF !important;
    font-size: 18px;
}
.create_deposits.disabled{
	visibility:hidden;
}
#pos_table tr{
	position:relative;
}
#pos_table tr:before{
	content: '';
    position: absolute;
    background: rgb(205, 214, 224);
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	transition:all 0.5s;
	visibility:hidden;
	opacity:0;
}
#pos_table tr:after{
	content: '';
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    width: 16px;
    height: 16px;
	z-index: 9;
    border-width: 3px;
    border-style: solid;
    border-radius: 50%;
	border-color: #FFF #FFF #FFF transparent;
	-webkit-animation: loadingRotate 1s infinite ease;
	-moz-animation: loadingRotate 1s infinite ease;
	-o-animation: loadingRotate 1s infinite ease;
	visibility:hidden;
	opacity:0;
}
#pos_table tr.loading:before,
#pos_table tr.loading:after{
	visibility:visible;
	opacity:1;	
}

#pos_table_footer{
    background: #FFF;
    border-top: 1px solid #d8def8;
    padding: 10px;
	min-height:50px;
    text-align: right;
    border-radius: 0 0 3px 3px;
}
#pos_table_footer_actions{
    visibility: hidden;
}
.student_selected #pos_table_footer_actions{
    visibility: visible;
}
.general_selected #add_deposits{
	display:none;
}

/** POS CHECKOUT **/
#pos_checkout{
    float:left;
    width: 350px;
}
#pos_selected_student {
	display: flex;
    justify-content: space-between;
    line-height: 40px;
    background: #FFF;
    border-radius: 3px;
    margin-bottom: 10px;
}
#view_student_cuotas{
	display: flex;
    color: #cfd7e1;
	width: calc(100% - 30px);
	pointer-events:none;
}
.active #view_student_cuotas{
	color:var(--colorDark1);
	pointer-events:initial;
}
#remove_student_coutas{
	float:right;
	display:none;
	line-height: 40px;
    height: 40px;
}
.active #remove_student_coutas{
	display:inline-block;
}
#view_student_cuotas i{
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
}
#pos_selected_student_name{
	font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
}
#pos_selected_student_name:before{
	content:'Seleccione un estudiante';
}
.active #pos_selected_student_name:before{
	display:none;
}
.pos_checkout_list_wrapper {
    background: #FFF;
    border-radius: 5px;
    overflow: hidden;
}
#pos_checkout_list{
    list-style: none;
    height: calc(100vh - 410px);
    overflow: auto;
}
.pos_checkout_item_main{
    display: inline-grid;
	grid-template-columns: 1fr 70px;
	justify-items: stretch;
	justify-content: space-between;
    align-items: center;
	grid-gap: 10px;
    padding:15px;
    font-size: 13px;
    color: #708eac;
    background: #FFF;
    transition: all 0.5s;
    z-index: 2;
}
#pos_checkout_list li:nth-child(even) .pos_checkout_item_main{
    background: #f2f5ff;
}
.pos_checkout_list_item:hover .pos_checkout_item_main{
    transform: translateX(-80px);
}
.block_edit .pos_checkout_list_item:hover .pos_checkout_item_main{
    transform: translateX(-40px);
}
.pos_checkout_item_cuota {
	font-weight:bold;
}
.pos_checkout_item_student{
	font-size: 12px;
    margin-top: 5px;
}
.pos_checkout_item_price{
    font-weight: bold;
}
.pos_checkout_item_subname{
    font-size: 12px;
    margin-top:3px
}
.pos_checkout_item_actions{
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    height: 100%;
    align-items: stretch;
}
.pos_checkout_item_actions a{
    display: flex;
    width: 40px;
    align-items: center;
    justify-content: center;
	transition:all 0.5s;
}
.pos_checkout_item_delete{
    background: #c3c9e3;
    color: #FFF;
}
.pos_checkout_item_delete.confirm{
    background: var(--redColor);
    color: #FFF;
}
.post_checkout_item_extras{
	float: left;
    position: relative;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 13px;
    background: var(--colorDark1);
    color: #708eac;
    z-index: 2;
}
.post_checkout_item_extras:before{
	content:'';
	position:absolute;
	top:-7px;
	left:10px;
	border-style: solid;
	border-width: 0 7px 8px 7px;
	border-color: transparent transparent #283c55 transparent;
}
.post_checkout_item_extras li{
	float: left;
    width: 100%;
    padding: 10px 10px 10px 30px;
	margin: 0;
    border-bottom: 1px solid #47586e;
    box-sizing: border-box;
}
.post_checkout_item_extras .positive{
	color:var(--redColor);
}
.post_checkout_item_extras .negative{
	color:var(--greenColor);
}
.post_checkout_item_extras li .amount{
	float: right;
    font-weight: bold;
}

#pos_checkout_footer{
    line-height: 50px;
    padding: 0 15px;
    border-top: 1px solid #d8def8;
}
#pos_checkout_total_wrapper{
    float: left;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #5a738c;
}
#pos_checkout_total{
    float: right;
}
#pos_button_wrapper{
    display: flex;
    gap: 5px;
    margin-top: 10px;
}
#reset_pos_button{
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
	background:#cdd6e0;
    color: #FFF;
    font-size: 20px;
    border-radius: 5px;
	pointer-events:none;
	transition:all 0.5s;
}
.active_checkout #reset_pos_button{
	pointer-events:initial;
    background: var(--yellowColor);
}
#save_pos_button{
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
	background:#cdd6e0;
    color: #FFF;
    font-size: 20px;
    border-radius: 5px;
	pointer-events:none;
	transition:all 0.5s;
}
.active_checkout #save_pos_button{
	pointer-events:initial;
    background: #53a6f9;
}
#pos_proceed_button{
    width: 100%;
    height: 50px;
    background: #cdd6e0;
    font-size: 14px;
    font-weight: bold;
    pointer-events: none;
    transition: all 0.5s;
}
.active_checkout #pos_proceed_button{
	pointer-events:initial;
    background: var(--greenColor);
}

/* PAYMENT LIGHTBOX */
.checkout_student_details {
    width: calc(100% + 40px);
    margin: -20px 0 0 -20px;
    background: #f2f5ff;
    padding: 0 10px;
    --gridgap: 0;
}
.student_details_col {
    padding: 20px;
    border-bottom: 1px solid #d8def8;
}
.lightbox_label{
    font-size: 14px;
    text-transform: uppercase;
    color: #708eac;
    font-weight: 500;
    margin-bottom: 5px;
}
.student_details_value{
    font-weight: 500;
}
.checkout_payment_registrations {
    padding: 20px 0;
}
.lightbox_body .checkout_payment_cuotas{
    list-style: none;
	padding:0;
    margin-top:5px;
}
.checkout_payment_cuota_item{
	float: left;
    width: 100%;
    line-height: 100%;
    font-weight: 500;
    padding: 10px 0 15px 0;
    color: #5a738c;
    font-size: 14px;
    border-bottom: 1px dashed #5a738c;
    box-sizing: border-box;
    margin: 0 0 10px 0;
}
.checkout_payment_cuotas > .checkout_payment_cuota_item:last-child,
.cuota_extras .checkout_payment_cuota_item{
    border-bottom: none;
	margin: 0;
}
.checkout_payment_cuotas .cuota_extras{
	padding: 0 0 0 17px;
	list-style:none;
    margin-top:5px;
}
.cuota_extras .checkout_payment_cuota_item{
	float: left;
    position: relative;
    width: 100%;
    border: none;
    margin: 5px 0 0 0;
    padding: 0;
	color: #5489be;
}
.cuota_extras .checkout_payment_cuota_item:before{
	content: '';
    position: absolute;
    top: calc(50% - 4px);    
	left: -15px;
    width: 6px;
    height: 6px;
    background: #afd1f4;
    border-radius: 50%;
}
.checkout_payment_cuota_item_body{
	display:inline-flex;
	justify-content: space-between;
}

.checkout_payment_cuota_item .cuota_name{
	font-size: 14px;
    font-weight: bold;
}
.cuota_extras .checkout_payment_cuota_item .cuota_name{
	font-weight: normal;
    font-size: 13px;
}
.checkout_payment_cuota_item .cuota_student{
    font-size: 12px;
    margin-top:5px;
}
.checkout_payment_cuota_item .item_comments{
	font-size: 12px;
    margin-top: 10px;
    font-style: italic;
}
.checkout_payment_cuota_item .price{
    text-align: right;
	text-align:right;
}
.checkout_payment_cuota_item_total{
	display: flex;
    justify-content: flex-end;
    padding-top: 10px;
	border-top: 1px solid #cee6ff;
	margin-top: 10px;
	color: #53a6f9;
}
.checkout_payment_cuota_item_total .price{
	font-size:14px;
    font-weight: bold;
}

.checkout_payment_subtotal_section {
    padding: 15px 0;
}
.checkout_payment_subtotal{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    color: #5a738c;
}
.checkout_payment_discounts {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}
.checkout_payment_total_section{
    padding:15px 0;
    margin-bottom: 20px;
}
.checkout_payment_total{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}
#checkout_payment_total_amount{
	color: #53a6f9
}

.checkout_lightbox_payment_method{
    display: inline-grid;
    grid-template-columns: 180px 1fr;
    justify-items: stretch;
    justify-content: space-between;
    grid-gap: 0;
    width: calc(100% + 40px);
    margin: -20px;
}
.payment_method_summary{
    background: #f2f5ff;
}
.payment_method_summary_item{
    padding: 20px;
    text-align: right;
    font-size: 18px;
    border-bottom: 1px solid #d8def8;
    text-transform: uppercase;
    font-weight: bold;
    color: #5a738c;
}
.payment_method_summary_item:last-child{
    border-bottom: none;
}
.payment_method_main{
    float:left;
    box-sizing: border-box;
    padding:20px 30px;
}
.payment_method_grid_item{
    display: inline-grid;
	grid-template-columns: 80px 1fr 170px;
	justify-items: stretch;
	justify-content: space-between;
	grid-gap: 10px;
    margin-bottom:5px;
	padding: 0;
    background: 0;
}
.payment_method_grid_item .sps{
    font-size:12px;
    margin-bottom:5px;
}
#payment_methos_header{
    margin-top: 20px;
}
.add_payment_method{
    margin: 20px 0;
}
.payment_method_grid_amount input{
    text-align: center;
}
.payment_method_grid_type select{
    float:left;
    width: 100%;
    font-family: "FontAwesome", 'Montserrat';
}
.delete_payment_method_item{
	position: absolute;
    top: 0;
    right: -25px;
    width: 25px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: var(--redColor);
	opacity:0;
	transform:translatex(-10px);
	transition:all 0.5s;
}
.payment_method_grid_item:hover .delete_payment_method_item{
	opacity:1;
	transform:translatex(0);
}
.payment_calculator_wrapper {
    margin-top: 20px;
}
.payment_calculator_wrapper .form_field_label{
    font-size: 14px;
}
.popular_amounts_list a{
    float: left;
    padding: 5px 10px;
    border: 1px solid #708eac;
    color: #5a738c;
    margin: 0 10px 0 0;
    font-size: 14px;
    font-weight: 500;
}
.payment_calculator{
    display: inline-grid;
    grid-template-columns: 2fr 1fr;
    justify-items: stretch;
    justify-content: space-between;
    grid-gap: 0;
    margin-top: 20px;
    border: 1px solid #d8def8;
    border-bottom: none;
}
.payment_calculator a:hover{
    background:#f2f5ff;
}
.payment_calculator_digits{
    display: inline-grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	justify-items: stretch;
	justify-content: space-between;
	grid-gap: 0;
}
.payment_calculator_digits .digit{
    width: 100%;
    padding: 20px 0;
    line-height: 20px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #d8def8;
    text-align: center;
    font-weight: bold;
    color: #5a738c;
}
.payment_calculator_actions a{
    float:left;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 12px;
    color: #5a738c;
    font-weight: bold;
    border-bottom: 1px solid #d8def8;
    text-align: center;
    text-transform: uppercase;
}
.payment_calculator_actions a.green_background{
    background: var(--greenColor);
    color:#FFF;
}
.payment_calculator_actions a.goback{
    background:#f2f5ff;
}
.checkout_payment_button {
	margin-top:30px;
}
.bill_item{
	line-height: 35px;
    border: 1px solid #d8def8;
    border-radius: 5px;
    padding:10px 10px 10px 40px;
	background:#f7f7f7;
	margin-bottom: 20px;
}
.bill_item:last-child{
	margin-bottom: 0;
}
.disable_bill_item{
	position: absolute;
    top: 5px;
    left: 10px;
    width: 30px;
    height: 30px;
	cursor:pointer;
}
.disable_bill_item input{
	display:none;
}
.disable_bill_item i{
	float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
}
.disable_bill_item input + i:before{
	content:'\f096';
	color:#abbccd;
}
.disable_bill_item input:checked + i:before{
	content:'\f046';
	color:#6ad813;
}
#bill_total_wrapper{
	margin: 0 0 20px 0;
    font-weight: bold;
    font-size: 18px;
}