@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:400,600');
* { padding:0 0; margin:0 0; box-sizing: border-box;}
html,body { color:#222; font-family:'Encode Sans Condensed', sans-serif; font-size:10pt; height:100%;}
h1,h2,h3,h4 { color:#006161; margin:0; }
h2 {font-weight:300; font-size: 40px; text-decoration: underline; line-height: 1.8; margin-top: 10px; margin-bottom: 10px;}
a, a:visited, a:focus, a:active, a:link { text-decoration:none; outline:0; color: #006161; }
ul { padding:10px; }
li { list-style:square; }
div { padding:0; margin:0; }
table { width: 95%; }
tr { height: 40px; }
td { text-align: center; }
.title { font-weight: bold; }
.heading { text-align: left; }
td img { margin: auto; height: 24px; }

.section_intro { height: calc(100vh - 100px); width: 100%;  background-color: #CCCCCC;  background-image: url(/images/back-1-2700.png); background-attachment: fixed; object-fit: cover; background-repeat: no-repeat; background-position: center; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_enquiries { height: calc(100vh - 100px); width: 100%;  background-color: #CCCCCC; background-image: url(/images/back-2-2700.png);  background-attachment: fixed; object-fit: cover; background-repeat: no-repeat; background-position:  center; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_deposits {height: calc(100vh - 100px); width: 100%;  background-color: #CCCCCC;  background-image: url(/images/back-0-2700.png); background-attachment: fixed; object-fit: cover; background-repeat: no-repeat; background-position:  center; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_properties { height: calc(100vh - 100px); width: 100%;  background-color: #CCCCCC;  background-image: url(/images/back-3-2700.png);  background-attachment: fixed; object-fit: cover; background-repeat: no-repeat; background-position:  center; padding: 0; margin: 0; display: flex; justify-content: center;}
.section_propertyleads { height: calc(100vh - 100px); width: 100%;  background-color: #CCCCCC;  background-image: url(/images/back-8-2700.png); background-attachment: fixed; object-fit: cover; background-repeat: no-repeat; background-position: center; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_keys { height: calc(100vh - 100px); width: 100%;  background-color: #CCCCCC;  background-image: url(/images/back-4-2700.png); background-attachment: fixed; object-fit: cover; background-repeat: no-repeat; background-position:  center; padding: 0; margin: 0; display: flex; justify-content: center;}
.section_pricing { height: calc(100vh - 100px); width: 100%;  background-color: #CCCCCC;  background-image: url(/images/back-7-2700.png);  background-attachment: fixed; object-fit: cover; background-repeat: no-repeat; background-position:  center; padding: 0; margin: 0; display: flex; justify-content: center;}
.section_privacy { height: calc(100vh - 100px); width: 100%;  background-color: #CCCCCC;  background-image: url(/images/back-1-2700.png); background-attachment: fixed; object-fit: cover; background-repeat: no-repeat; background-position: center; padding: 0; margin: 0; display: flex; justify-content: center; }
.privacy { height: 100%; overflow-y: scroll; }

.section_dashboard { height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center;}
.framework_logo { height: 190px; margin: 0; padding: 0; width: 100px; clear: both;}
.framework_logo img { height: 180px; }

.section_tenants { height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_landlords {  height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_accounts { height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_portalfeeds { height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_inspections {  height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_calendar {  height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_tenantportal { height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_portalfeeds { height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center; }
.section_contactus {  height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center; }


 .launch_banner { position: absolute; right: 50px; color:#880000; background-color:#FFFF99 !important; font-weight:bold; border: 1px solid #FFFF99; background-color: #FFFFFF; border-radius: 20px; width: 550px;  text-align: center; font-size: 32pt; padding-top: 10px; padding-bottom: 10px; }

.framework_contactus { width:50%; height: 900px; margin: auto; position: relative;  border-radius: 60px; border: 2px solid #F08C00; color: #006161; background-color: #FFFFFF; padding: 20px;}
.framework_contactus .line100 { height: 50px; }
.framework_contactus .label { height:50px; font-size:2em; }
.framework_contactus .field { height:50px; font-size:2em; }
.framework_contactus input { font-size:1em; }
.special { font-style: oblique; color: #C77400 }
.lite_version { font-style: oblique; font-size: 0.8em; }

.box { width: 100%; height:  100vh; color: white; font-family: font-family:'Encode Sans Condensed', sans-serif; text-align: left; position: relative;}
.box p { font-size: 20pt; font-weight: bold; line-height: 1.8; }
.box_footer { position: absolute; bottom: 0px; width:100%; height:50px; color:#FFFFFF; background-color: #FFFFFF; z-index: 10;}
.box_footer_logo  { width:75px; float:left; height: 50px; background-image: url('/images/clockwork_logo_clear.png'); background-repeat: no-repeat; background-size: contain; top: 0;}
.box_footer_div { position: absolute; right: 0; float:left; font-weight:bold; font-size:40px; color: #006161 !important; }

.box_frame         { width:50%; margin: auto; min-height: 800px; background: rgba(255,255,255,0.7); color: #006161; ; box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.25); border-radius: 25px; text-align: left; padding:20px; font-size: 22pt; position: relative; overflow: scroll;}
.box_frame_white   { width:50%; margin: auto; min-height: 800px; background: rgba(255,255,255,0.9); color: #006161; ; box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.25); border-radius: 25px; text-align: left; padding:20px; font-size: 22pt; overflow: scroll;}
.box_frame_privacy { width:95%; margin: auto; height: 90%; background: rgba(255,255,255,0.7); color: #006161; ; box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.25); border-radius: 25px; text-align: left; padding:20px; font-size: 22pt; overflow: scroll }
.box_frame_privacy p { font-size: 11pt;  font-weight: normal; line-height: 1; }
.box_frame_privacy h2 { font-size: 11pt;  font-weight: bold; line-height: 1; }


.box_frame_contact_us { width:50vw; margin:auto; margin-top: 50px; height: 600px; box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.25); border-radius: 25px; text-align: left; padding:20px; }

.page { width:100%; height:100%; font-family:'Encode Sans Condensed', sans-serif; letter-spacing:.03em; color:#212121;}
.header { position: fixed; top: 0px; width:100%; height:50px; color:#212121; border-bottom:2px solid #212121; background-color: #FFF; z-index: 10;}
.header_logo  { width:75px; float:left; height: 50px; background-image: url('/images/clockwork_logo_clear.png'); background-repeat: no-repeat; background-size: contain; top: 0;}

.footer { position: fixed; bottom: 0px; width:100%; height:50px; color:#FFFFFF; border-top:2px solid #212121; background-color: #212121; z-index: 10;}
.footer div { float:left;margin-left: 30px; text-align:left; font-weight:300; font-size:1.5em; color: #FFFFFF !important; }
.footer a, .footer a:visited, .footer a:focus, .footer a:active, .footer a:link { text-decoration:none; outline:0; color: #FFFFFF; }

.spacer { width: 100%; height: 10%; }

.left50 { width: 48%; height: auto; float: left;  background: rgba(255,255,255,0.7); border-radius: 25px; border: 2px solid #006161 ; margin-right: 1%; padding: 10px; }

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

#introducing { margin-top: 50px; font-size: 28pt; text-align: center }
#content {  margin-top: 50px; font-size: 1.0em; text-align: left }


.main { height:-moz-calc(100% - 52px); height:-webkit-calc(100% - 52px); height:calc(100% - 52px); }
.lettings { background: #FFEFD5; }
.sales { background: #E0FFFF; }

.mainedit { display:block; width:98%; margin-left:1%; }
.content { margin-left:0px; margin-top:10px; width:100%; }

.green { color:#009900; }
.red { color:#990000; }
.orange { color: #FF99200; }
.teal { color: #008080; }
.expand { float:left; width:25px; height:25px; padding-left:10px; padding-right:5px; }
.hide { display:none; }
.show { display:block; }
.bold { font-weight:700; }
.pointer { cursor:pointer;  }
.break { width:100%; height:20px; display:inline-block; }
.left { float:left; }
.hidden { display: none; }
.slider { float:left; width:35px; }

.task_tab { width: 90%; height: auto; margin: 0 auto; padding: 10px; }
.task_title { width:100%; background-color:#008080; color:#ffffff; border-top-left-radius: 10px; border-top-right-radius: 10px; height: auto; padding: 5px; font-size: 1.2em; font-weight:300; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);  }
.task_content { width:100%; height:150px; overflow-y: scroll; background: #fff; color: #000; z-index: 1000; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4); padding: 5px;  font-size: 0.95em; margin-bottom: 10px; border-left: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0}
.task_content div { float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-color:inherit; padding-right:5px;  }
.overdue {color:#880000; background-color:#FFFF99 !important; font-weight:bold; }

.desktoponly {width:100%; display:block; clear:both; }

.form { width:100%; float:left; font-size:8pt; background:#D1D1D1; box-shadow:0px 0px 5px rgba(0,0,0,0.5); border-radius:5px; margin-top:1%; text-align:left; }
.formwhite { width:100%; float:left; font-size:8pt; background:#FFFFFF; box-shadow:0px 0px 5px rgba(0,0,0,0.5); border-radius:5px; margin-top:1%; text-align:left; }
.line { width:100%; }
.line100 { width:100%; float:none; display:block; clear:both; }
.line100normal { width:100%; float:none; line-height:normal; display:block; clear:both; }
.eol { clear:both; }
.eor { clear:right; }
.strong { font-size:10pt; font-weight:400; }
.right { text-align:right; }
.center { text-align:center; }

.wholecol { width:100%; display:block; }
.leftcol { width:49%; margin-right:1%; float:left; }
.rightcol { width:49%; float:left; }
.left66 { width:65%; padding-right:5px; float:left; }
.left50 { width:49%; padding-right:5px; float:left; }
.left33 { width:32%; padding-right:5px; float:left; }
.left25 { width:24%; padding-right:5px; float:left; }
.label {width:30%; text-align:right; color:#006161; float:left; margin-right:1%; height:30px; font-size:1.2em; padding-top:5px; }
.field {padding-top:2px; padding-left:5px; padding-bottom:5px; float:left; width:65%; height:30px; }
.fieldtext {padding-left:5px; padding-bottom:0px; padding-top:0px; padding-right:5px; float:left; top:-3px; position:relative; }
.filefield {padding-top:2px; padding-left:15px; padding-bottom:5px; float:left; width:90%; height:20px; margin-bottom:10px; }
.label_large {width:30%; text-align:right; color:#006161; float:left; margin-right:1%; height:40px; font-size:2em; padding-top:5px; }
.field_large {padding-top:2px; padding-left:5px; padding-bottom:5px; float:left; width:65%; height:40px; }
.label_large_text {text-align:left; float:left; font-size:1.5em; padding-top:5px; padding-bottom:5px; }

input { font-size:10pt; background:#F9F8CD; color:#006161; border:1px solid transparent; box-shadow:0px 0px 2px rgba(0,0,0,0.5); padding:2px 5px; float:left; margin-right:5px; border-radius:5px; font-weight:300; }
input:focus { outline:none; background:#C6DFFA; }
input[type=file] { background:#f4f4f4; color:#006161; border:1px solid transparent; box-shadow:0px 0px 2px rgba(0,0,0,0.5); padding:2px 5px; float:left; margin-right:5px; border-radius:5px; font-weight:300; }
input[type=button] { width:100px; background:#F08C00; color:#fff; text-align:center; cursor:pointer; box-shadow:0px 0px 2px rgba(0,0,0,0.5); margin-right:10px; }
input[type=button]:hover { background:#006161; }
input[type=submit] { width:100px; background:#F08C00; color:#fff; text-align:center; cursor:pointer; box-shadow:0px 0px 2px rgba(0,0,0,0.5); margin-right:10px; }
input[type=submit]:hover { background:#006161; }
button { cursor:pointer; border-radius:15px; }
button:hover { background:#006161; }

.selecttickbox { float:left; }
input[type=checkbox]:not(old) { width:28px; margin:0; padding:0; opacity:0; }
input[type=checkbox]:not(old) + label { display:inline-block; margin-left:-28px; padding-left :28px; background:url('/images/checks.png') no-repeat 0 0; line-height :24px; }
input[type=checkbox]:not(old):checked + label{ background-position:0 -24px; }


input[type=radio]:not(old) { width:28px; margin:0; padding:0; opacity:0; border: 1px solid #000000}
input[type=radio]:not(old) + label { display:inline-block; margin-left:-28px; padding-left :28px; background:url('/images/checks.png') no-repeat 0 0; line-height :24px; }
input[type=radio]:not(old):checked + label { background-position:0 -24px; }

select { font-size:10pt; background:#F9F8CD; color:#555; border:0px solid transparent; box-shadow:0px 0px 1px rgba(0,0,0,0.5); padding:2px 5px; float:left; margin-right:1%; border-radius:5px; font-weight:300; }
select:focus { outline:none; background:#C6DFFA; }
textarea { font-size:10pt; font-family:'Encode Sans Condensed', sans-serif; background:#F9F8CD; color:#555; border:0px solid transparent; box-shadow:0px 0px 2px rgba(0,0,0,0.5); padding:2px 5px; float:left; margin-right:5px; border-radius:5px; font-weight:300; }
textarea:focus { outline:none; background:#C6DFFA; }
.inputdatepicker { width:90px; background:#F9F8CD url('/images/calendar_icon.png') no-repeat right; background-size:contain; text-align:left; cursor:pointer; }
.inputdatepickerlarge { margin-top:5px; padding:3px 2px; font-size:10pt; width:140px; background:#F9F8CD url('/images/calendar_icon.png') no-repeat right; background-size:contain; text-align:left; cursor:pointer; }

.defaultkey { float:left; width:49%; font-weight:bold; }
.defaultvalue { float:left; width:49%; }
#requiredfield { width: 15px; float: left; }

@media screen and (min-width:1301px)  and (max-width:1800px)
{
    .section_intro {  background-image: url(/images/back-1-1800.png); }
    .section_enquiries { background-image: url(/images/back-2-1800.png); }
    .section_deposits { background-image: url(/images/back-0-1800.png); }
    .section_properties { background-image: url(/images/back-3-1800.png); }
    .section_propertyleads { background-image: url(/images/back-8-1800.png); }
    .section_keys { background-image: url(/images/back-4-1800.png); }
    .section_pricing { background-image: url(/images/back-7-1800.png); }
    .section_privacy { background-image: url(/images/back-1-1800.png); }

    .launch_banner { position: absolute; top: 20px; color:#880000; background-color:#FFFF99 !important; font-weight:bold; border: 1px solid #FFFF99; background-color: #FFFFFF; border-radius: 20px; width: 40%; text-align: center; font-size: 18pt; padding-top: 5px; padding-bottom; 5px; }

    .section_dashboard { height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center;}
    .framework_logo { height: 125px; margin: 0; padding: 0; }
    .framework_logo img { height: 125px; }

    .framework_contactus { width:90%; height: 650px; border-radius: 50px; }
    .framework_contactus .line100 { height: 40px; }
    .framework_contactus .label { height:40px; font-size:12pt; }
    .framework_contactus .field { height:40px; font-size:12pt; }
    .framework_contactus input { font-size:12pt; }

    h2 {font-size: 18pt;  }

    .content { margin-top:5px; }

    .box p { font-size: 18pt;  }
    .box_frame { width:80%; margin: auto auto; min-height: 50vh; font-size: 16pt;}
    .box_frame h1 { font-size: 18pt;  }
    .box_frame_white { width:80%; margin: auto auto; min-height: 50vh; font-size: 16pt;}
    .box_frame_white h1 { font-size: 18pt;  }

}

@media screen and (min-width:901px)  and (max-width:1300px)
{
    .section_intro {  background-image: url(/images/back-1-1800.png); }
    .section_enquiries { background-image: url(/images/back-2-1800.png); }
    .section_deposits { background-image: url(/images/back-0-1800.png); }
    .section_properties { background-image: url(/images/back-3-1800.png); }
    .section_propertyleads { background-image: url(/images/back-8-1800.png); }
    .section_keys { background-image: url(/images/back-4-1800.png); }
    .section_pricing { background-image: url(/images/back-7-1800.png); }
    .section_privacy { background-image: url(/images/back-1-1800.png); }

    .launch_banner { position: absolute; top: 20px; color:#880000; background-color:#FFFF99 !important; font-weight:bold; border: 1px solid #FFFF99; background-color: #FFFFFF; border-radius: 20px; width: 50%; text-align: center; font-size: 16pt; padding-top: 5px; padding-bottom; 5px; }

    .section_dashboard { height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center;}
    .framework_logo { height: 100px; margin: 0; padding: 0; }
    .framework_logo img { height: 100px; }

    .framework_contactus { width:90%; height: 650px; border-radius: 50px; }
    .framework_contactus .line100 { height: 40px; }
    .framework_contactus .label { height:40px; font-size:12pt; }
    .framework_contactus .field { height:40px; font-size:12pt; }
    .framework_contactus input { font-size:12pt; }

    h2 {font-size: 16pt;  }

    .content { margin-top:5px; }

    .box p { font-size: 16pt;  }
    .box_frame { width:80%; margin: auto auto; min-height: 50vh; font-size: 14pt;}
    .box_frame h1 { font-size: 16pt;  }
    .box_frame_white { width:80%; margin: auto auto; min-height: 50vh; font-size: 14pt;}
    .box_frame_white h1 { font-size: 16pt;  }

}
@media screen and  (min-width:651px)   and (max-width:900px)
{
    tr { height: 24px; }
    td img { margin: auto; height: 20px; }

    .section_intro {  background-image: none; background-attachment: none; object-fit: none; }
    .section_enquiries { background-image: none; background-attachment: none; object-fit: none; }
    .section_deposits { background-image: none; background-attachment: none; object-fit: none; }
    .section_properties { background-image: none; background-attachment: none; object-fit: none; }
    .section_propertyleads { background-image: none; background-attachment: none; object-fit: none; }
    .section_keys { background-image: none; background-attachment: none; object-fit: none; }
    .section_pricing { background-image: none; background-attachment: none; object-fit: none; }
    .section_privacy { background-image: none; background-attachment: none; object-fit: none; }

    .launch_banner { position: absolute; top: 20px; color:#880000; background-color:#FFFF99 !important; font-weight:bold; border: 1px solid #FFFF99; background-color: #FFFFFF; border-radius: 20px; width: 50%; text-align: center; font-size: 14pt; padding-top: 5px; padding-bottom: 5px; }

    .section_dashboard { height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center;}
    .framework_logo { height: 75px; margin: 0;}
    .framework_logo img { height: 75px; }

    .framework_contactus { width:90%; height: 70%;  border-radius: 30px; }
    .framework_contactus .line100 { height: 30px; }
    .framework_contactus .label { height:30px; font-size:12pt; }
    .framework_contactus .field { height:30px; font-size:12pt; }
    .framework_contactus input { font-size:12pt; }
    .label {width:80%; text-align:left; color:#500000; margin-right:1%; height:30px; font-size:12pt; padding-top:5px; }
    .field {padding-top:2px; padding-left:5px; padding-bottom:5px; float:left; width:80%; height:30px; }

    h2 {font-size: 16pt;  }

    .content { margin-top:0px; }
    .box p { font-size: 14pt;  }
    .box_frame { width:90%; margin: auto; min-height: 50vh; font-size: 12pt;}
    .box_frame h1 { font-size: 14pt;  }
    .box_frame_white { width:90%; margin:auto; margin-top: 50px; min-height: 50vh; font-size: 14pt;}
    .box_frame_white h1 { font-size: 14pt;  }

    .footer div { font-size:10pt; }

}
@media screen and (max-width:650px)
{
    tr { height: 22px; }
    td img { margin: auto; height: 18px; }

    .section_intro { background-image: none; background-attachment: none; object-fit: none; }
    .section_enquiries { background-image: none; background-attachment: none; object-fit: none; }
    .section_deposits { background-image: none; background-attachment: none; object-fit: none; }
    .section_properties { background-image: none; background-attachment: none; object-fit: none; }
    .section_keys { background-image: none; background-attachment: none; object-fit: none; }
    .section_maintenance { background-image: none; background-attachment: none; object-fit: none; }
    .section_landlordportal { background-image: none; background-attachment: none; object-fit: none; }
    .section_pricing { background-image: none; background-attachment: none; object-fit: none; }
    .section_propertyleads { background-image: none; background-attachment: none; object-fit: none; }
    .section_privacy { background-image: none; background-attachment: none; object-fit: none; }

     .launch_banner { position: absolute; top: 5px; right: 5px; color:#880000; background-color:#FFFF99 !important; font-weight:bold; border: 1px solid #FFFF99; background-color: #FFFFFF; border-radius: 20px; width: 60%; text-align: center; font-size: 12pt; padding-top: 5px; padding-bottom; 5px; }

    .section_dashboard { height: calc(100vh - 100px); width: 100%;  background-color: #F08C00; padding: 0; margin: 0; display: flex; justify-content: center;}
    .framework_logo { height: 50px; margin: 0; padding: 0;}
    .framework_logo img { height: 50px; }

    .framework_contactus { width:90%; height: 80%;  border-radius: 15px; }
    .framework_contactus .line100 { height: 25px; }
    .framework_contactus .label { height:25px; font-size:10pt; }
    .framework_contactus .field { height:25px; font-size:10pt; }
    .framework_contactus input { font-size:10pt; }
    .label {width:80%; text-align:left; margin-right:1%; height:30px; font-size:10pt; padding-top:5px; }
    .field {padding-top:2px; padding-left:5px; padding-bottom:5px; float:left; width:80%; height:30px; }

    h2 {font-size: 14pt;  }

    .content { margin-top:0px; }
    .box p { font-size: 12pt;  }
    .box_frame { width:90%; margin: auto; min-height: 50vh; font-size: 10pt;}
    .box_frame h1 { font-size: 12pt;  }
    .box_frame_white { width:90%; margin:auto; min-height: 50vh; font-size: 12pt;}
    .box_frame_white h1 { font-size: 12pt;  }
    .footer { height:35px; color:#FFFFFF;}
    .footer div { font-size:8pt; }
    .box_footer { position: absolute; bottom: 0px; width:100%; height:35px; color:#FFFFFF; background-color: #FFFFFF; z-index: 10;}
    .box_footer_logo  { width:75px; float:left; height: 35px; background-image: url('/images/clockwork_logo_clear.png'); background-repeat: no-repeat; background-size: contain; top: 0;}
    .box_footer_div { position: absolute; right: 0; float:left; font-weight:bold; font-size:20px; color: #006161 !important; padding-top: 4px;}

}

@media print {

}