/**
 * Admin 
 */
/* General */
#admin-notice{
	color: #ff0000;
}

.loader {
    color: #DBA14E;
    font-size: 20px;
    margin: 100px auto;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.hide_spinner {
    display: none !important;
}

/* Admin Main Page */
#admin-wrapper{
	margin: 23px 15px 23px 0;
}

#browse{
	display: none;
}

.school-menu-admin-container{
	display: inline-flex;
	width: calc(48.8% - 1.8em);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	background-color: #fff;
	padding: 1.43em;
	position: relative;
}

.school-menu-admin-container:nth-child(1){
	margin-right: 11.5px;
}

.school-menu-admin-container #browse-span, .school-menu-admin-container #browse-text{
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;

}

.school-menu-admin-container #submit{
	display: block;
}

#importer-container{

}

/* Admin Calendar */

.fc-sat, .fc-sun{
	background-color: #9EA3A8 !important;
}

.adm_cal_on{
	background-color: #CA4A1F !important;
	color: #fff !important;
}

.adm_cal_on .fc-day-number{
	color: #fff !important;
}

/* Admin Import Page */
.school-menu-import-container{
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	background-color: #fff;
	padding: 1.43em;
}

.lbar{
	overflow: hidden;
	-webkit-transition: all .2s ease-out;
  	-moz-transition: all .2s ease-out;
  	-o-transition: all .2s ease-out;
  	transition: all .2s ease-out;
}

#loadbar-container{
	background-color: #e6e6e6;
	width: 100%;
	border-radius: 25px;
}

#loadbar{
	width: 0%;
	height: 100%;
	background-color: #0085BA;
	padding: 1% 0;
}

.loadbar-row{
	text-align: center;
}

#loadbar-text{
	transition: all .5 ease-out;
	opacity: 1;
}

.blink_loadbar-text{
	opacity: 0;
}

#log-container{
	margin-top: 23px;
}

#log-table{
	height: 200px;
	overflow-y: scroll;
}

#log-table table{
	width: 100%;
	font-size: 1.2em;
	border: none;
}

#log-table th{
	text-align: left;
}

#log-table tr:nth-child(odd){
	background-color: #e6e6e6;
}

#log-table td, #log-table th{
	padding: 0.5em;
}

#log-table td:nth-child(1){
	width: 80%;
}


/* Footer */
#footer-container{
	padding: 1em;
	background-color: #fff;
	box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .1);
	margin-top: 23px;
}


/* Client Calendar */
.client-calendar .fc-today-button{
	display: none;
}

.client-calendar .fc-day-header{
	display: block;
	width: 100%;
}

.client-calendar .fc-sat, .client-calendar .fc-sun, .client-calendar .fc-body{
	display: none !important;
}

.smi_calendar_container{
	width: 100%;
	display: none;
}

.smi_cal_show{
	display: block;
}

.info_alergenios{
	width: 20px;
	height: 20px;
	background-image: url( '/wp-content/plugins/school-menu-importer/assets/images/icon-info.svg' );
	background-repeat: no-repeat;
	margin-left: 40%;
}

.info_alergenios:hover{
	cursor: pointer;
}

.smi_tr .smi_td{
	display: inline-block;
	text-align: center;
}
@media only screen and (min-width: 1366px){
	
	.subs_header{
		display: none;
	}

	.smi_tr .smi_td:not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(1)){
		width: 9% !important;
	}
	.smi_tr .smi_td:nth-child(1){
		width: 12% !important;
		
	}
	.smi_tr .smi_td:nth-child(2){
		width: 40% !important;
		
	}
	.smi_tr .smi_td:nth-child(3){
		width: 12% !important;
	}
}
.popup_allergens{
	width: 50%;
	padding: 3% 10%;
	background-color: #fff;
	margin-left: 20%;
	margin-top: 10%;
}


#allergens_close_btn{
	width: 50px;
	float: right;
	text-align: right;
	font-size: 1.5em;
	font-weight: 700;
}

#allergens_close_btn:hover{
	cursor: pointer;
}

.hide_allergen_div{
	display: none;
}

.popup_allergens img, 
.popup_allergens span{
	display: inline-block !important;
	padding: 0.5em 0;
}

.popup_allergens img{
	width: 6%; 
	margin-right: 1%;
}

.popup_allergens span{
	color: #375675 !important;
	font-family: "Libre Franklin";
	font-weight: 500;
}

.allergens_title span{
	color:#C7C7C7 !important;
	margin-bottom: -2em;
}

.hide_popup{
	display: none;
}

.allergens_subtitle span{
	font-size: 2em;
	font-weight: 900;
}

.row_alergenios{
	text-align: center !important;
}

.popup_overlay{

	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
}

.accordion_title *{
	display: inline-block;
}

.accordion_title{
	text-align: left;
}

.accordion_title .dotted_line{
 	width: 68%;
	margin-left: 1%;
	border: 1px dashed #B8B8B8 !important; 
}

.client-cal-header:nth-child(even){
	background-color: #F2F0EE;
}

.client-cal-header{
	padding-top: 2em !important;
	padding-bottom: 1em !important;
}

.client-cal-header *{
	border: none !important;
}

.fc-view-container{
	width: 100% !important;
}

.school-menu-client-container .tab div{
	display: inline-block;
	width: 33%;
	text-align: center;
	background-color: #fff;
	font-size: 16px;
	padding: 1em 2em;
	color: #ACACAC;
	font-family: "Open Sans Condensed";
	font-weight: 700;
}

@media only screen and (max-width: 1365px){
	.school-menu-client-container .tab div{
		display: inline-block;
		width: 30%;
		text-align: center;
		background-color: #fff;
		font-size: 16px;
		padding: 1em 2em;
		color: #ACACAC;
		font-family: "Open Sans Condensed";
		font-weight: 700;
	}
}

@media only screen and (max-width: 768px){
	.school-menu-client-container .tab div{
		display: inline-block;
		width: 32%;
		text-align: center;
		background-color: #fff;
		font-size: 16px;
		padding:0;
		color: #ACACAC;
		font-family: "Open Sans Condensed";
		font-weight: 700;
		min-height: inherit !important;
	}
	
	.fc-header-toolbar{
		width: 100% !important;
		border: 2px solid #02234A;
		padding: 0.1em 0 0.1em 1em !important;
	}
	
	tr{
		padding: 1em 0;
		height: 10% !important;
	}
}
	.school-menu-client-container .tab{
		-webkit-box-shadow: 0px 0px 20px 0px rgba(161,161,161,1);
		-moz-box-shadow: 0px 0px 20px 0px rgba(161,161,161,1);
		box-shadow: 0px 0px 20px 0px rgba(161,161,161,1);
	}
	
	.school-menu-client-container .tab div:hover,.school-menu-client-container .tab .active_tab {
		background-color: #F4B037;
		color: #fff;
	}
	
	.school-menu-client-container .tab div:hover{
		cursor: pointer;
	}
	
	.smi_cal_show .title{
		opacity: 0;
	}
	
	.smi_cal_show .fc-left{
		text-transform: uppercase;
		color: #B8B8B8;
		font-family: "Libre Franklin";
		width: 90%;
		display: inline-block;
		padding-top: .5em;
		padding-bottom: .5em;
	}
	
	.smi_cal_show .fc-toolbar *{
		display: inline-block;
	}
	
	.fc-today-button{
		display: none !important;
	}
	
	.fc-header-toolbar{
		width: 70%;
		border: 2px solid #02234A;
		padding: 0.1em 0 0.1em 2em;
		display: inline-block;
	}
	
	.download_ementa{
		width: 29%;
		padding: 0.1em 0 0.1em 3em;
		display: inline-block;
		font-size: 16px !important;
		text-transform: uppercase;
		color: #008568;
		text-decoration: underline;
	}
	
	.download_ementa:hover{
		text-decoration: none;
	}
	
	.download_ementa::after{
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-left: 5px;
		background-image: url('/wp-content/uploads/2020/07/icon-download.svg');
		background-size: contain;
		background-repeat: no-repeat;
	}
	
	.accordion_table{
		overflow: hidden;
		height: 0;
		padding: 0 3em;
	}
	
	.client-cal-head{
		font-family: "Libre Franklin";
		font-size: 14px;
		letter-spacing: 0.84px;
		color: #BBBBBB;
		text-transform: uppercase;
		text-align: center !important;
	}
	
	.client-cal-lefters{
		font-family: "Open Sans Condensed";
		font-size: 21px;
		letter-spacing: -0.24px;
		color: #0C294D;
		text-transform: uppercase;
		width: 4em !important;
		min-width: 2em;
		padding: 1em 0;
		
	}
	
	tr{
		padding: 1em 0;
		height: 10% !important;
	}
	
	.show_table{
		height: 50% !important;
	}
	
	.show_accordion h3{
		color: #DBA14E !important;
		font-family: 'Open Sans Condensed', sans-serif;
	}
	
	.accordion_title h3{
		color: #0C294D;
		font-family: 'Open Sans Condensed', sans-serif;
		width: 26%;
	}
	
	.fc-day-header > span{
		display: none;
	}
	
	.fc-view-container table,
	.fc-head th,
	.fc-head tr, 
	.fc-head td{
		border: none !important;
	}
	
	.veg{
		color: #1B795D !important;
	}
	
	.dieta{
		color: #A7956E !important;
	}
	
	.client-cal-date{
		opacity: 0;
		width: 40%;
		font-family: "Open Sans Condensed";
	}
	
	.fc-button-group .fc-prev-button .fc-icon{
		color: transparent;
	}
	
	.fc-button-group .fc-prev-button{
		background-image: url( '/wp-content/plugins/school-menu-importer/assets/images/seta-05-R.svg' );
		background-size: contain;
		background-repeat: no-repeat;
		background-color: transparent;
		border: none;
		transform: rotate(180deg);
		width: 25px;
		height: 25px;
		margin-right: 5px;
		margin-top: 8px;
		margin-bottom: 5px;
	}
	
	.fc-button-group .fc-prev-button:hover{
		background-image: url( '/wp-content/plugins/school-menu-importer/assets/images/seta-05-L.svg' );
		transform: rotate(0deg);
	}
	
	.fc-button-group .fc-next-button .fc-icon{
		color: transparent;
	}
	
	.fc-button-group .fc-next-button{
		background-image: url( '/wp-content/plugins/school-menu-importer/assets/images/seta-05-R.svg' );
		background-size: contain;
		background-repeat: no-repeat;
		background-color: transparent;
		border: none;
		transform: rotate(0deg);
		width: 25px;
		height: 25px;
		margin-right: 10px;
		margin-top: 8px;
		margin-bottom: 5px;
	}
	
	.fc-button-group .fc-next-button:hover{
		background-image: url( '/wp-content/plugins/school-menu-importer/assets/images/seta-05-L.svg' );
		transform: rotate(180deg);
	}
	
	.accordion_title:hover{
		cursor: pointer;
	}
	
	.accordion_title i{
		background-image: url( '/wp-content/plugins/school-menu-importer/assets/images/seta-05-D.svg' );
		background-size: contain;
		background-repeat: no-repeat;
		width: 29px;
		height: 29px;
	}
	
	.accordion_title:hover i,.show_accordion i{
		background-image: url( '/wp-content/plugins/school-menu-importer/assets/images/seta-05-U.svg' );
		background-size: contain;
		background-repeat: no-repeat;
		width: 30px;
		height: 30px;
	}

@media only screen and (max-width: 1365px){
	.popup_overlay{
		display: none;
	}
	
	.school-menu-client-container .tab div {
    width: 32.8%;
    min-height: 60px !important;
		vertical-align: top;
	}
	.school-menu-client-container .tab div:not(:last-child) {
 		padding-top: 1em;
	}
	

	.school-menu-client-container td{
		padding: .3em;
	}
	
	
.subs_header{
	display: none;
}
	.download_ementa{
		text-align: center;
	}

	.smi_td:nth-child(3) .subs_header{
	text-align: left !important;
}	
.subs_header{
	display: block !important;
	font-family: "Libre Franklin";
	font-size: .9em;
	letter-spacing: 0.84px;
	color: #BBBBBB;
	text-transform: uppercase;
	text-align: center !important;
	display: inline-block;
	vertical-align: top;

}
.client-cal-lefters{
	font-family: "Open Sans Condensed";
	font-size: 21px;
	letter-spacing: -0.24px;
	color: #0C294D;
	text-transform: uppercase;
	text-align: left !important;
	padding: 1em 0 0 0;
	display: block !important;
	font-weight: 700;
}

.info_alergenios {
    margin-left: 0%;
}

.smi_td {
    vertical-align: top !important;
}

.smi_tr:not(:nth-child(1)) .smi_td{
	width: 100% !important; 
	text-align: left;
}

.smi_tr:not(:nth-child(1)) .smi_td:nth-child(2){
	text-align: left;
	width: 100% !important; 		
	color: #283D57 !important;
	font-size: 15px;
	display: block ;
}

.smi_tr:not(:nth-child(1)) .smi_td:nth-child(3){
	text-align: center;
	width: 24% !important;
	font-size: 11px ;		
	color: #283D57 !important;

}
	.smi_tr:not(:nth-child(1)) .smi_td:nth-child(4){
		text-align: center;
		width: 19% !important;
				font-size: 11px ;		color: #283D57 !important;
	}
		.smi_tr:not(:nth-child(1)) .smi_td:nth-child(5){
		text-align: center;
		width: 19% !important; 
			font-size: 11px ;		color: #283D57 !important;
	}
			.smi_tr:not(:nth-child(1)) .smi_td:nth-child(6){
		text-align: center;
		width: 19% !important; 
						font-size: 11px ;		color: #283D57 !important;
	}		.smi_tr:not(:nth-child(1)) .smi_td:nth-child(7){
		text-align: center;
		width: 19% !important; 
		font-size: 11px ;
		color: #283D57 !important;
	}
	
	.client-cal-head{
		margin-right: 1%;
	}
	
	.accordion_table{
		padding: 0 1em;
	}
	.client-cal-head{
		display: none !important;
	}
	.smi_tr{
		margin-bottom: 1em;
	}
	
	.school-menu-client-container .tab div {
    width: 100%;
    min-height: 60px !important;
    vertical-align: middle;
    padding: 1.5em 0 !important;
}
	.fc-left{
		width: 70% !important;
		font-size: 12px !important;
		padding: 0px 0px !important;
	}

	.fc-header-toolbar{
		padding: 14px 14px !important;
		width: 90% !important;
	}
	.download_ementa{
		margin-bottom: 1em;
		padding: 0 0 0 1em;
	}

	.fc-button-group .fc-prev-button, .fc-button-group .fc-next-button{
    	width: 38px;
   		height: 38px;
	}

	.fc-right{
		float: right;
	}
}

@media only screen and (max-width: 768px){
	.download_ementa{
		text-align: center;
	}

	.smi_td:nth-child(3) .subs_header{
	text-align: left !important;
}	
.subs_header{
	display: block !important;
	font-family: "Libre Franklin";
	font-size: .9em;
	letter-spacing: 0.84px;
	color: #BBBBBB;
	text-transform: uppercase;
	text-align: center !important;
	display: inline-block;
	vertical-align: top;

}
.client-cal-lefters{
	font-family: "Open Sans Condensed";
	font-size: 21px;
	letter-spacing: -0.24px;
	color: #0C294D;
	text-transform: uppercase;
	text-align: left !important;
	padding: 1em 0 0 0;
	display: block !important;
	font-weight: 700;
}

.info_alergenios {
    margin-left: 0%;
}

.smi_td {
    vertical-align: top !important;
}

.smi_tr:not(:nth-child(1)) .smi_td{
	width: 100% !important; 
	text-align: left;
}

.smi_tr:not(:nth-child(1)) .smi_td:nth-child(2){
	text-align: left;
	width: 100% !important; 		
	color: #283D57 !important;
	font-size: 15px;
	display: block ;
}

.smi_tr:not(:nth-child(1)) .smi_td:nth-child(3){
	text-align: center;
	width: 24% !important;
	font-size: 11px ;		
	color: #283D57 !important;

}
	.smi_tr:not(:nth-child(1)) .smi_td:nth-child(4){
		text-align: center;
		width: 19% !important;
		font-size: 11px ;		
		color: #283D57 !important;
	}
	
	.smi_tr:not(:nth-child(1)) .smi_td:nth-child(5){
		text-align: center;
		width: 19% !important; 
		font-size: 11px ;	
		color: #283D57 !important;
	}
	
	.smi_tr:not(:nth-child(1)) .smi_td:nth-child(6){
		text-align: center;
		width: 19% !important; 
						font-size: 11px ;		color: #283D57 !important;
	}		

	.smi_tr:not(:nth-child(1)) .smi_td:nth-child(7){
		text-align: center;
		width: 19% !important; 
		font-size: 11px ;
		color: #283D57 !important;
	}
	
	.client-cal-head{
		margin-right: 1%;
	}
	
	.accordion_table{
		padding: 0 1em;
	}
	.client-cal-head{
		display: none !important;
	}
	.smi_tr{
		margin-bottom: 1em;
	}
	
	.school-menu-client-container .tab div {
    	width: 100%;
    	min-height: 60px !important;
    	vertical-align: middle;
    	padding: 1.5em 0 !important;
	}

	.fc-left{
		width: 70% !important;
		font-size: 12px !important;
		padding: 0px 0px !important;
	}

	.fc-header-toolbar{
		padding: 14px 14px !important;
		width: 90% !important;
	}
	.download_ementa{
		width: 100%;
		margin-bottom: 1em;
		padding: 0 0 0 1em;
	}

	.fc-button-group .fc-prev-button, .fc-button-group .fc-next-button{
    	width: 38px;
   		height: 38px;
	}
}

.accordion_title i:before{
	content: "";
}

@media only screen and (min-width: 1366px){
.school-menu-client-container .tab,.accordion_title, .accordion_table {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
}



.fc-toolbar{
	width: calc(1280px * .66);
	margin-left: calc( (100% - 1280px ) / 2 );
}
}
@media only screen and (max-width: 1365px) and (min-width: 769px){

.school-menu-client-container .tab,.accordion_title, .accordion_table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	
.fc-toolbar{
	width: calc(100% * .7) !important;
	margin-left: auto;
}
		
	.accordion_title h3{
		width: 40% !important;
	}
	
	.accordion_title .dotted_line{
		width: 50% !important;
	}
	.fc-left{
		width: 80%; 
	}
}

@media only screen and (max-width: 768px){
	.school-menu-client-container .tab,.accordion_title, .accordion_table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
	
.fc-toolbar{
	width: 100% !important;
	text-align: center;
}
	
.accordion_title h3{
		width: 45% !important;
        margin-left: 10px;
}
.accordion_title .dotted_line{
		width: 21% !important;
    margin-right: 3%;
	}
}

.fc-button-group button:active{
	background-color: transparent !important;
}