@font-face {font-family:"gfm";src: url("urw_gothic.woff") format('woff');}
body {margin:0;font-family:gfm;overflow-x:hidden;}
.gfm{letter-spacing:10px;font-size:12px;color:grey;line-height:22px;}
img[src="gfm_logo_crop.gif"]{position:absolute;right:15px;top:15px;display:none;}
.button{transition:background 200ms;background:transparent;cursor:pointer;border-radius:20%;}
.button:hover{transition:background 200ms;
background: #ff8a23;
background: -moz-linear-gradient(top, #ff8a23 3%, #ff8a23 3%, #dbd4a4 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ff8a23), color-stop(3%,#ff8a23), color-stop(99%,#dbd4a4));
background: -webkit-linear-gradient(top, #ff8a23 3%,#ff8a23 3%,#dbd4a4 99%);
background: -o-linear-gradient(top, #ff8a23 3%,#ff8a23 3%,#dbd4a4 99%);
background: -ms-linear-gradient(top, #ff8a23 3%,#ff8a23 3%,#dbd4a4 99%);
background: linear-gradient(to bottom, #ff8a23 3%,#ff8a23 3%,#dbd4a4 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a23', endColorstr='#dbd4a4',GradientType=0 );
}

#list>tbody>.small_heading>td{font-size:12px;color:grey;font-style:italic;}

.full{float:left;position:relative;width:100%;}
.half{float:left;position:relative;width:50%;}
.third{float:left;position:relative;width:33%;text-align:center;vertical-align:middle;border-bottom:solid;border-bottom-width:1px;border-color:navy;cursor:pointer;}
.third>svg{height:100px;}
.third:hover{color:white;fill:white;-webkit-box-shadow: 0px 0px 175px -17px rgba(107,114,255,1);
-moz-box-shadow: 0px 0px 175px -17px rgba(107,114,255,1);
box-shadow: 0px 0px 175px -17px rgba(107,114,255,1);transition:background 2s;
background: #ffe3bf;
background: -moz-radial-gradient(center, ellipse cover, #ffe3bf 0%, #ff9d00 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffe3bf), color-stop(100%,#ff9d00));
background: -webkit-radial-gradient(center, ellipse cover, #ffe3bf 0%,#ff9d00 100%);
background: -o-radial-gradient(center, ellipse cover, #ffe3bf 0%,#ff9d00 100%);
background: -ms-radial-gradient(center, ellipse cover, #ffe3bf 0%,#ff9d00 100%);
background: radial-gradient(ellipse at center, #ffe3bf 0%,#ff9d00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe3bf', endColorstr='#ff9d00',GradientType=1 );}

#fixed_header{top:1%;left:1%;position:fixed;width:98%;background:#f5f5f5;height:70px;z-index:2;overflow-x:hidden;overflow-y:hidden;
-webkit-appearance:none;
-webkit-box-shadow: 0 0 48px 5px rgba(0,0,0,0.66) ;
box-shadow: 0 0 48px 5px rgba(0,0,0,0.66) ;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
#menu_icon{position:absolute;top:0;left:0;}
#add_icon{position:absolute;top:0;left:80px;}
#search_area{position:absolute;top:71px;left:0px;opacity:0;display:none;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
#search_area>.half{text-align:center;font-size:25px;color:orange;}
#search_area > div:nth-child(1) > div:nth-child(2),
#search_area > div:nth-child(2) > div:nth-child(2){
height:72px;
}


#search_area input[type=date]{font-size:20px;width:40%;height:70px;background:white;}
#search_icon{position:absolute;top:0;left:160px;}
#search_text{width:90%;font-size:40px;height:70px;}
.search_table{width:97%;table-layout:fixed;border:solid 1px;border-radius:10px;}
.search_table>tbody>tr>td{text-align:center;font-size:20px;border:solid 1px lightgrey;border-radius:10px;color:grey;height:55px;}
.search_table>tbody>tr>td:hover{cursor:pointer;color:white;background:lightgrey;border-color:grey;}
#back_icon{position:absolute;top:0;left:0px;}
#print_icon{position:absolute;top:0;left:80px;}
#save_icon{position:absolute;top:0;left:160px;}

#fixed_content{top:90px;left:1%;position:fixed;width:98%;z-index:1;overflow-x:hidden;bottom:1%;
background-image: -ms-radial-gradient(center bottom, ellipse farthest-side, #C4C4C4 0%, #FFFFFF 100%);
background-image: -moz-radial-gradient(center bottom, ellipse farthest-side, #C4C4C4 0%, #FFFFFF 100%);
background-image: -o-radial-gradient(center bottom, ellipse farthest-side, #C4C4C4 0%, #FFFFFF 100%);
background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 258, color-stop(0, #C4C4C4), color-stop(100, #FFFFFF));
background-image: -webkit-radial-gradient(center bottom, ellipse farthest-side, #C4C4C4 0%, #FFFFFF 100%);
background-image: radial-gradient(ellipse farthest-side at center bottom, #C4C4C4 0%, #FFFFFF 100%);
}
#list_div{position:absolute;width:100%;}
#fixed_content>div:nth-child(1){z-index:2;}
#fixed_content>div:nth-child(2){z-index:1;}
#list>tbody>tr>td:nth-child(1){font-weight:bold;}
.heading>td{color:white;padding-bottom:10px;padding-top:10px;font-size:20px;vertical-align:middle;white-space:nowrap;
background-image:-ms-linear-gradient(bottom, #FF961F 0%, #F2B220 100%);
background-image:-moz-linear-gradient(bottom, #FF961F 0%, #F2B220 100%);
background-image:-o-linear-gradient(bottom, #FF961F 0%, #F2B220 100%);
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #FF961F), color-stop(100, #F2B220));
background-image:-webkit-linear-gradient(bottom, #FF961F 0%, #F2B220 100%);
background-image:linear-gradient(to top, #FF961F 0%, #F2B220 100%);
}
#list>tbody>tr>td{font-size:17px;}
#list{width:100%;table-layout:fixed;border-collapse:collapse}

#menu_home{width:350px;table-layout:fixed;border-collapse:collapse;background:black;color:orange;}
#menu_table{width:350px;table-layout:fixed;border-collapse:collapse;
background-image:-ms-linear-gradient(top, #0D0D69 0%, #3366FF 100%);
background-image:-moz-linear-gradient(top, #0D0D69 0%, #3366FF 100%);
background-image:-o-linear-gradient(top, #0D0D69 0%, #3366FF 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #0D0D69), color-stop(100, #3366FF));
background-image:-webkit-linear-gradient(top, #0D0D69 0%, #3366FF 100%);
background-image:linear-gradient(to bottom, #0D0D69 0%, #3366FF 100%);
color:orange;
}
#menu_table_2{width:350px;table-layout:fixed;border-collapse:collapse;
background-image:-ms-linear-gradient(top, #AB001C 0%, #AD6F79 100%);
background-image:-moz-linear-gradient(top, #AB001C 0%, #AD6F79 100%);
background-image:-o-linear-gradient(top, #AB001C 0%, #AD6F79 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #AB001C), color-stop(100, #AD6F79));
background-image:-webkit-linear-gradient(top, #AB001C 0%, #AD6F79 100%);
background-image:linear-gradient(to bottom, #AB001C 0%, #AD6F79 100%);
color:orange;
}

#menu_table_3{width:350px;table-layout:fixed;border-collapse:collapse;
background: #157f00;
background: -moz-linear-gradient(top, #157f00 0%, #043147 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#157f00), color-stop(100%,#043147));
background: -webkit-linear-gradient(top, #157f00 0%,#043147 100%);
background: -o-linear-gradient(top, #157f00 0%,#043147 100%);
background: -ms-linear-gradient(top, #157f00 0%,#043147 100%);
background: linear-gradient(to bottom, #157f00 0%,#043147 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#157f00', endColorstr='#043147',GradientType=0 );
color:orange;
}

#menu_table>tbody>tr>td:nth-child(1),#menu_table_2>tbody>tr>td:nth-child(1),#menu_table_3>tbody>tr>td:nth-child(1),#menu_home>tbody>tr>td:nth-child(1){text-align:center;}
#menu_table>tbody>tr>td,#menu_table_2>tbody>tr>td,#menu_table_3>tbody>tr>td,#menu_home>tbody>tr>td{font-size:20px;}
#menu_table>tbody>tr:hover,#menu_table_2>tbody>tr:hover,#menu_table_3>tbody>tr:hover{background:black;}

.user_table{width:350px;table-layout:fixed;border-collapse:collapse;background:black;color:white;border:solid;border-color:orange;border-width:1px;}
.user_table td{text-align:center;}
#menu_div{position:absolute;left:-350px;}

#list_layer{width:100%;height:100%;top:0px;left:0px;position:absolute;z-index:6;display:none;background:black;opacity:0.1;cursor:pointer;
-webkit-appearance:none;
-webkit-box-shadow: 0 0 48px 5px rgba(0,0,0,1) ;
box-shadow: 0 0 48px 5px rgba(0,0,0,1) ;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
#list_layer:hover{background:grey;
-webkit-box-shadow: 0 0 59px 17px rgba(255,127,0,0.5) ;
box-shadow: 0 0 59px 17px rgba(255,127,0,0.5) ;
}

.right{text-indent:30px;color:grey;}
.righter{text-indent:60px;color:orange;}

a{color:inherit;}

.menu_icon{fill:orange;border-radius:40%;border:solid;padding:10px;}
.center{text-align:center;}

iframe{position:absolute;top:0px;right:0%;width:0%;height:100%;border:none;z-index:15;background:white;}



.table_contract,
#table_pre
{width:100%;border-collapse:collapse;background:transparent;}

.table_contract>tbody>tr>td:nth-child(1),
#table_pre>tbody>tr>td:nth-child(1)
{width:64px;text-align:center;fill:#d6800f;}

.table_contract>tbody>tr>td:nth-child(2),
#table_pre>tbody>tr>td:nth-child(2)
{font-size:25px;color:#d6800f;vertical-align:middle;}

.table_contract>tbody>tr>td:nth-child(3),
#table_pre>tbody>tr>td:nth-child(3)
{font-size:25px;}

#film_duration_1,#film_duration_2,#film_duration_3,#film_duration_4{font-size:36px;width:80px;padding-left:0px;}
#note_add{text-decoration:underline;vertical-align:middle;cursor:pointer;}

textarea{width:95%;resize:none;font-size:16px;height:75px;}
input[type=text],input[type=date],input[type=time],input[type=number],select,textarea{border:none;font-family:gfm;text-overflow:ellipsis;white-space:nowrap;background:transparent;border-radius:10px;}
input[type=text]:focus,input[type=date]:focus,input[type=time]:focus,input[type=number]:focus,select:focus,textarea:focus{
-webkit-appearance:none;
-webkit-box-shadow: 0 0 48px 5px rgba(0,0,0,0.66) ;
box-shadow: 0 0 48px 5px rgba(0,0,0,0.66) ;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}
input[type=password],input[type=submit],input[type=button]{font-size:30px;border-radius:30px;width:300px;background:#f5f5f5;padding-left:30px;padding-right:30px;margin-top:10px;margin-bottom:10px;}
input[type=checkbox]{width:25px;height:25px;border-radius:3px;}

input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.big{font-weight:bold;font-size:25px;}
.medium{font-weight:bold;font-size:18px;color:grey;}
.full_width{width:90%;}

.bottom_line>td{border-bottom:solid;border-bottom-width:1px;border-bottom-color:#d6800f;}
.top_line>td{border-top:solid;border-top-width:1px;}

a>svg{fill:inherit;}
a>svg:hover:not(.menu_icon){fill:navy;}
a>svg:visited{fill:inherit;}

.table_more_details{width:100%;border-spacing:0px;display:none;}
.table_more_details td{width:50%;text-align:left;vertical-align:top;font-size:13px;cursor:pointer;}
.table_more_details tr:nth-child(odd){background:#B84D4D;}
.table_more_details tr:nth-child(even){background:#9EF9A9;}
#test_1{background:transparent;}


a{cursor:pointer;text-decoration:underline;}

.progress_icon_yes{background:green;fill:yellow;border-radius:50%;}
.progress_icon_no{background:red;fill:yellow;border-radius:50%;}




#bowlG{
position:relative;
width:40px;
height:40px;
top:8px;
left:240px;
display:none;
}

#bowl_ringG{
position:absolute;
width:40px;
height:40px;
border:4px solid #E8B431;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-ms-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
}

.ball_holderG{
position:absolute;
width:11px;
height:40px;
left:15px;
top:0px;
-moz-animation-name:ball_moveG;
-moz-animation-duration:0.3s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:ball_moveG;
-webkit-animation-duration:0.3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:ball_moveG;
-ms-animation-duration:0.3s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:ball_moveG;
-o-animation-duration:0.3s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:ball_moveG;
animation-duration:0.3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

.ballG{
position:absolute;
left:0px;
top:-9px;
width:16px;
height:16px;
background:#FAAD12;
-moz-border-radius:13px;
-webkit-border-radius:13px;
-ms-border-radius:13px;
-o-border-radius:13px;
border-radius:13px;
}

@-moz-keyframes ball_moveG{
0%{
-moz-transform:rotate(0deg)}

100%{
-moz-transform:rotate(360deg)}
}

@-webkit-keyframes ball_moveG{
0%{
-webkit-transform:rotate(0deg)}

100%{
-webkit-transform:rotate(360deg)}
}

@-ms-keyframes ball_moveG{
0%{
-ms-transform:rotate(0deg)}

100%{
-ms-transform:rotate(360deg)}
}

@-o-keyframes ball_moveG{
0%{
-o-transform:rotate(0deg)}

100%{
-o-transform:rotate(360deg)}
}

@keyframes ball_moveG{
0%{
transform:rotate(0deg)}

100%{
transform:rotate(360deg)}
}

.progress_bar {
height:100%;
background: rgb(0, 3, 102);
background: -moz-linear-gradient(0deg, rgb(0, 3, 102) 0%, rgb(0, 7, 214) 100%);
background: -webkit-linear-gradient(0deg, rgb(0, 3, 102) 0%, rgb(0, 7, 214) 100%);
background: -o-linear-gradient(0deg, rgb(0, 3, 102) 0%, rgb(0, 7, 214) 100%);
background: -ms-linear-gradient(0deg, rgb(0, 3, 102) 0%, rgb(0, 7, 214) 100%);
background: linear-gradient(90deg, rgb(0, 3, 102) 0%, rgb(0, 7, 214) 100%);
display:block;position:relative;top:0;left:0;
border-radius:18px;
width:0%;
transition:width 1s;
}

.progress_container{
width:95%;height:30px;border:solid;border-color:orange;border-width:2px;position:relative;border-radius:20px;
}

.progress_number{
text-align:center;color:orange;width:100%;position:relative;left:0;top:-27px;font-size:18px;
}

input.complete,select.complete,textarea.complete{
background: rgb(5, 175, 0);
background: -moz-linear-gradient(0deg, rgb(5, 175, 0) 0%, rgb(74, 226, 9) 100%);
background: -webkit-linear-gradient(0deg, rgb(5, 175, 0) 0%, rgb(74, 226, 9) 100%);
background: -o-linear-gradient(0deg, rgb(5, 175, 0) 0%, rgb(74, 226, 9) 100%);
background: -ms-linear-gradient(0deg, rgb(5, 175, 0) 0%, rgb(74, 226, 9) 100%);
background: linear-gradient(90deg, rgb(5, 175, 0) 0%, rgb(74, 226, 9) 100%);
color:yellow;
}

.address{height:75px;}
.notes{height:175px;border:solid;border-width:1px;border-color:orange;}
#notes{height:225px;}

#login{
background:orange;
width: 50%;
margin: 0 auto;
position:absolute;
left:25%;
top:25%;
text-align:center;
border-radius:50px;
-webkit-appearance:none;
-webkit-box-shadow: 0 0 48px 5px rgba(0,0,0,0.66) ;
box-shadow: 0 0 48px 5px rgba(0,0,0,0.66) ;
font-size:30px;
}

.yes{background-image: -ms-radial-gradient(center, ellipse farthest-corner, #38FF19 0%, #13AB27 100%);
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #38FF19 0%, #13AB27 100%);
background-image: -o-radial-gradient(center, ellipse farthest-corner, #38FF19 0%, #13AB27 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #38FF19), color-stop(100, #13AB27));
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #38FF19 0%, #13AB27 100%);
background-image: radial-gradient(ellipse farthest-corner at center, #38FF19 0%, #13AB27 100%);fill:yellow;border-radius:50px;}
.booking>tbody>tr>td:nth-child(2),.booking>tbody>tr>td:nth-child(3),.booking>tbody>tr>td:nth-child(4),.booking>tbody>tr>td:nth-child(5){text-align:center;border-left:dotted;border-width:1px;}
.booking>tbody>tr:nth-child(1)>td:nth-child(2),
.booking>tbody>tr:nth-child(1)>td:nth-child(3),
.booking>tbody>tr:nth-child(1)>td:nth-child(4),
.booking>tbody>tr:nth-child(1)>td:nth-child(5),
.upcoming>tbody>tr:nth-child(1)>td:nth-child(3)
{width:55px;}
.booking>tbody>tr:nth-child(1)>td>svg{width:100%;}
.upcoming>tbody>tr:nth-child(1)>td>svg{width:100%;}


@media all and (max-width: 900px) {
#login{width:70%;left:15%;}
}

@media all and (max-width: 750px) {
.third{width:50%;}
#search_area>.half{width:100%;}
#logo{display:none;}
img[src="gfm_logo_crop.gif"]{display:block;}
#list>tbody>tr>td,
.table_contract>tbody>tr>td:nth-child(2),
#table_pre>tbody>tr>td:nth-child(2)
{font-size:16px;}
.table_contract>tbody>tr>td:nth-child(1),
#table_pre>tbody>tr>td:nth-child(1)
{width:32px;}
.big{font-size:15px;}
.medium{font-size:11px;}
.search_table>tbody>tr>td{font-size:16px;}
#search_area input[type=date]{font-size:10px;width:30%;height:25px;background:white;}
#search_text{font-size:20px;height:25px;}
#search_area > div:nth-child(1) > div:nth-child(2),
#search_area > div:nth-child(2) > div:nth-child(2)
{height:40px;}
#menu_table>tbody>tr>td,#menu_table_2>tbody>tr>td,#menu_table_3>tbody>tr>td,#menu_home>tbody>tr>td{font-size:16px;}
#menu_table>tbody>tr>td:nth-child(1),#menu_table_2>tbody>tr>td:nth-child(1),#menu_table_3>tbody>tr>td:nth-child(1),#menu_home>tbody>tr>td:nth-child(1){width:70px;}
#menu_table>tbody>tr>td:nth-child(1)>a>svg,#menu_table_2>tbody>tr>td:nth-child(1)>a>svg,#menu_table_3>tbody>tr>td:nth-child(1)>a>svg,#menu_home>tbody>tr>td:nth-child(1)>a>svg{height:30px;}
.menu_icon{width:30px;border-width:1px;}
textarea{font-size:10px;}
div.progress_container{height:20px;border-width:2px;}
div.progress_number{font-size:15px;top:-19px;}
table > tbody > tr > td:nth-child(1) svg{height:20px;}
.heading>td,#note_add,.heading>td,#signed{font-size:15px;}
input[type=password]{font-size:20px;width:150px;}
input[type=submit],input[type=button]{font-size:20px;width:150px;}
#film_duration_1,#film_duration_2,#film_duration_3,#film_duration_4{font-size:17px;width:70px;}
.right{text-indent:10px;}
.righter{text-indent:20px;}
.yes{height:20px;}
.booking>tbody>tr:nth-child(1)>td:nth-child(2),
.booking>tbody>tr:nth-child(1)>td:nth-child(3),
.booking>tbody>tr:nth-child(1)>td:nth-child(4),
.booking>tbody>tr:nth-child(1)>td:nth-child(5),
.upcoming>tbody>tr:nth-child(1)>td:nth-child(3)
{width:32px;}
.heading>td{padding-bottom:0px;padding-top:0px;}
}

@media all and (max-width: 410px) {
.third{width:100%;}
#list>tbody>tr>td,
.table_contract>tbody>tr>td:nth-child(2),
#table_pre>tbody>tr>td:nth-child(2)
{font-size:11px;}

.heading>td,#note_add,.heading>td,#signed{font-size:11px;}
.button{height:50px;}
#fixed_header{height:50px;}
img[src="gfm_logo_crop.gif"]{top:5px;}
#print_icon,#add_icon{left:60px;}
#save_icon,#search_icon{left:120px;}
#bowlG{left:180px;top:10px;}
#bowl_ringG{width:20px;height:20px;}
.ball_holderG{
height:20px;
left:5px;
}
#fixed_content{top:65px;}
#login{width:80%;left:10%;}
.right{text-indent:0px;}
.righter{text-indent:0px;}
.booking>tbody>tr:nth-child(1)>td:nth-child(2),
.booking>tbody>tr:nth-child(1)>td:nth-child(3),
.booking>tbody>tr:nth-child(1)>td:nth-child(4),
.booking>tbody>tr:nth-child(1)>td:nth-child(5),
.upcoming>tbody>tr:nth-child(1)>td:nth-child(3)
{width:19px;}
.table_more_details td{font-size:9px;}
}