@import url('https://fonts.googleapis.com/css?family=Exo+2|Francois+One|Karla|Quicksand');

body
{

}

::-webkit-scrollbar-track
{

background-color: transparent !important;
}
::-webkit-scrollbar
{
width: 5px !important;
background-color: transparent !important;
}
::-webkit-scrollbar-thumb
{
background-color: #00796b !important;
border-style: solid !important;
border-width: 1px !important;
border-radius: 10px !important;
border-color: #ffffff !important;	
/*
background-image: -webkit-linear-gradient(45deg,
                                          rgba(255, 255, 255, .2) 25%,
										  transparent 25%,
										  transparent 50%,
										  rgba(255, 255, 255, .2) 50%,
										  rgba(255, 255, 255, .2) 75%,
										  transparent 75%,
										  transparent)*/
}

/*check box*/

/*end*/


.dtt1
{
	display: none;
}

.add_x_scroll
{
	overflow-x: scroll;
}

.dtt2
{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: all;
}


.res_img
{
height: auto;
width: 100%;
}

.fs_a
{
background-color: #B2DFDB !important;
color: #00796B !important;
font-size: 2vmin;
font-family: unset;
padding: 6px 10px 6px 10px;
font-weight: 100;
border-style: solid;
border-width: 2px;
border-radius: 1vmin;
border-color: #00796B;
margin : 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: unset !important;
font-family:  unset !important;
}

.lin_view
{
display: all;
}

.lin_hide
{
display: none;
}

.fs_a:hover
{
background-color: #00796B !important;
color: #ffffff !important;
text-decoration: unset;
font-size: 2.3vmin !important;
margin-bottom: 20px !important;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.fs_a:active
{
text-decoration: unset !important;
}

.fs_a:focus
{
outline: 0 !important;
}

.gr_shadow
{
box-shadow: #00796b !important;
}

.home_link :hover
{
color: #ffffff !important;
}
.nav_logo
{
margin-top: -0.5vh !important;
margin-right: 1vmin;

}
.nav_header2
{
font-size: 2vmin !important;
color: #212121;
}
.bk_cl
{
background-color: #B2DFDB;
color: #00796B;
font-weight: bold;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bk_cl2
{
background-color: #90CEB9;
color: #FFFFFF;
font-weight: bold;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bk_cl:hover
{
background-color: #A1DFCA;


}
.bk_cl2:hover
{
background-color: #a1ceca;


}

.lunch1
{
border-style: solid;
border-width: 0 2px 0 2px;
border-color: rgba(0,0,0,0);
}
.lunch2
{
border-style: solid;
border-width: 0 2px 0 2px;
border-color: rgba(0,0,0,0.1);
}
.lunch3
{
border-style: solid;
border-width: 0 2px 2px 2px;
border-color: rgba(0,0,0,0.1);
}


.last_col
{
border-style: solid;
border-width: 0 2px 0 0;
border-color: rgba(0,0,0,0.1);
}



.sunday
{
border-style: solid;
border-width: 0 0 2px 0px;
border-color: rgba(0,0,0,0.1);
}

.all_border
{
border-right-style: solid;
border-right-width: 2px;
border-right-color: rgba(0,0,0,0.1);
}

.add_btn
{
background-color: #B2DFDB;
color: #00796B;
font-weight: bold;
border-style: solid;
border-width: 2px;
border-radius: 1vmin;
border-color: #00796B;
padding : 1vmin;
margin : 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;


}


.add_btn:focus 
{
outline:0;
}

.add_btn2:focus 
{
outline:0;
}



.add_btn:active
{
background-color: #ffffff;
color: #00796B;
transform: scale(1.2);

}
.add_btn2:active
{
background-color: #ffffff !important;
color: #00796B !important;
transform: scale(1.2);

}

.add_btn:onClick
{
background-color: #ffffff;
color: #00796B;
transform: scale(1.2);

}

.add_btn2
{
background-color: #00796B !important;
color: #ffffff !important;
}

.btn_table:nth-child(even)
{
background-color: transparent;
}

.slot_name
{
background-color: #B2DFDB;
color: #00796B;
font-weight: bold;
}

.view
{
display: all;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.hide
{
display: none;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}

.martop
{
margin-top: -365px;
}

.martop2
{
margin-top: -100px;
}

.big_footer_p2
{
	color: #f1f1f1; 
	padding: 0 10vw 0 10vw;
	text-align: center;
}

.gr_back
{

background: linear-gradient(77deg, rgba(0,121,107,0.6), rgba(0, 140, 123, 1),  rgba(0,121,107,0.6));
background-size: 600% 600%;

-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
-o-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;
height: 100vh !important;




}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 83%}
    50%{background-position:100% 18%}
    100%{background-position:0% 83%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 83%}
    50%{background-position:100% 18%}
    100%{background-position:0% 83%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 83%}
    50%{background-position:100% 18%}
    100%{background-position:0% 83%}
}
@keyframes AnimationName { 
    0%{background-position:0% 83%}
    50%{background-position:100% 18%}
    100%{background-position:0% 83%}
}

.gr_bk_img
{
	background-image: url(../../images/bk.jpg);
	background-attachment: fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	margin-right: 0;
	-webkit-transition: all ease;
	transition: all ease;
	height: 100vh;

}




@media only screen and (max-width: 775px)
{

.big_footer_p
{
	color: #f1f1f1; 
	padding: 20px;
	text-align: center;
	font-size: 3vmin !important;
}

.big_footer_p2
{
	
	font-size: 3.2vmin !important;
}

.ms_font
{
	font-size: 8vmin;
}

.big_footer_img
{
	width: 25vh !important;
	margin-top: -50px;
	float: unset;
}

.aln
{
	text-align: center;
}

.form-control:focus {
  border-color: #44bdaf;
  border-width: 1px;

  color: #00796B;
  font-weight: bold;
  box-shadow: #002416 ;
  transform:unset;
  -webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	
}

.form-control {
 transform: unset;
  -webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	
}


.courses_width
{
	min-width: 400vw;
	
}

.courses_width2
{
	overflow-x: scroll;
	margin-bottom: 20px;
}

.phone_scr
{
	overflow-x: scroll;
}
.add_btn:hover
{
	background-color: #B2DFDB;
	color: #00796B;
	font-weight: bold;
	border-style: solid;
	border-width: 2px;
	border-radius: 1vmin;
	border-color: #00796B;
	padding : 1vmin;
	margin : 10px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.add_btn:active
{
	background-color: #ffffff;
	color: #00796B;
	transform: unset;
	
}

.phone_hide_content {
    display: none;
}

.ht_adg
{
	max-height: 50vh !important;
}
}
@media only screen and (min-width: 775px){

.ht_adg
{
	max-height: 100vh !important;
}

.ms_font
{
	font-size: 4vmin;
}

.big_footer_p
{
	color: #f1f1f1; 
	padding: 20px;
	text-align: right;
}

.big_footer_img
{
	width: 25vh !important;
	float: left;
	font-size: 0.8vw !important;
}

.aln
{
	text-align: left;
	margin-left: 10px;
}

 .phone_show_content {
    display: none;
}

.form-control:focus {
  border-color: #44bdaf;
  border-width: 1px;

  color: #00796B;
  font-weight: bold;
  box-shadow: #002416 ;
  transform: scale(1.05);
  -webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	
}

.form-control {
 transform: scale(1);
  -webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	
}


.courses_width
{
	max-width: 100vw;

	
}

.courses_width2
{
	overflow: unset;
	margin-bottom: 20px;
}

.add_btn:hover
{
	background-color: #00796B;
	color: #ffffff;
	transform: scale(1.2);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

}