@keyframes pleaserotateframes{ 0% { transform: rotate(0deg); } 49% { transform:  rotate(90deg); } 100% { transform:  rotate(90deg); } }
@media screen and (max-width: 850px) and (orientation: landscape) {
	#rotate_screen {
		display: none;
	}

	div#window_flash.html.signature_pad section main {
		height: 100% !important;
	}
}

@media screen and (max-width: 850px) {
	div#window_flash.html.signature_pad {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}

	div#window_flash.html.signature_pad.full {
		height: 100%;
	}

	div#window_flash.html.signature_pad.full section {
		height: 100%;
	}

	div#window_flash.html.signature_pad section {
		box-shadow: none;
		left: 0;
		top: 0;
		width: 100%;
		border-radius: 0;
	}

	div#window_flash.html.signature_pad section main {
		height: calc(100% - 30px);
	}

	div#window_flash.html.signature_pad section main > span {
		height: calc(100% - 100px);
	}

	div#window_flash.html.signature_pad section main span div#draw_signature {
		height: 100%;
	}

	div#window_flash.html.signature_pad section main span div#draw_signature canvas {
		height: calc(100% - 80px);
	}

	div#window_flash.html.signature_pad section main div.buttons {
		text-align: center;
	}

	div#window_flash.html.signature_pad section main div.buttons button {
		width: calc(50% - 5px);
	}

	div#window_flash.html.signature_pad section main span div#select_signature {
		height: calc(100% - 120px);
		white-space: normal;
	}

	div#window_flash.html.signature_pad section main span div#select_signature a.signature_box {
		width: calc(50% - 70px);
	}
}

@media screen and (max-width: 1150px) {
	header a.logo span {
		letter-spacing: 3px;
	}

	header ul.nav {
		left: 115px;
	}
}

@media screen and (max-width: 1060px) {
	header a.mini_nav.sign_out {
		display: none;
	}
}

@media screen and (min-width: 971px) {
	header ul.nav {
		height: auto !important;
		display: block !important;
	}
}

@media screen and (max-width: 970px) {
	header ul.nav {
		display: none;
	}

	header a.menu {
		display: block;
		position: absolute;
		top: 0;
		left: 170px;
		font-size: 30px;
		color: #ffffff;
		padding: 6px 14px;
	}

	header a.menu:hover {
		background-color: #286191;
	}

	header ul.nav {
		float: none;
		left: 0;
		position: absolute;
		top: 51px;
		background-color: #398BCE;
		width: 250px;
		overflow: auto;
		z-index: 999;
	}

	header ul.nav li {
		display: block;
		margin-right: 0;
		height: auto;
	}

	header ul.nav li a {
		color: #ffffff;
		font-weight: lighter;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		padding: 10px 20px;
		font-size: 20px;
	}

	header ul.nav li a:hover {
		background-color: #286191;
		color: #ffffff;
	}

	header ul.nav li ol.drop_menu {
		position: inherit;
		margin-left: 0px;
	}

	header ul.nav li ol.drop_menu li a {
		padding-left: 40px;
		font-size: 20px;
	}

	header ul.nav > li > a::after {
		border-bottom-color: #286191;
		color: #ffffff !important;
	}

	header ul.nav > li:hover > a {
		color: #ffffff;
	}

	header ul.nav > li:hover > a::after {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	div#window_flash.html.signature_pad section main span div#select_signature a.signature_box {
	    width: calc(100% - 70px);
	}

	div#window_flash {
		width: 100% !important;
		min-width: 100% !important;
	}
}

@media screen and (max-width: 520px) {
	header {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 999;
	}

	header a.logo {
		padding-right: 7px;
		margin: 2px 0 0 5px;
	}

	header a.logo.sub_page {
		margin: 7px 0 0 61px
	}

	header a.logo.sub_page img {
	    height: 30px;
	}

	header a.logo.sub_page span {
	    margin-left: 10px;
	}

	header a.logo img {
	    height: 40px;
	}

	header a.menu {
	    top: 0;
		right: 0px;
		font-size: 30px;
		left: auto;
	}

	header a.back {
		position: absolute;
		left: 0;
		color: #666666;
		top: 0px;
		font-size: 24px;
		height: 43px;
		border-right: 2px solid #ddd;
		padding: 10px 14px 0;
	}

	header a.back.sub_page {
		display: block;
	}

	header a.user {
		display: none;
	}

	header a.mini_nav.phone {
		margin: 0 0 0 0;
	}

	header a.mini_nav.messages {
		margin: 0 54px 0 0;
	}

	header ul.nav {
		float: none;
		left: 0;
		position: fixed;
		top: 238px;
		background-color: #398BCE;
		width: 100%;
		overflow: auto;
		height: 100vh;
	}

	main.page {
		border-radius: 0;
		margin: 94px 0 0;
		padding: 10px;
	}

	div#phone-list {
		width: 100%;
		top: 50px;
		position: fixed;
	}

	div#user-menu {
		width: 100%;
		position: fixed;
		top: 50px;
	}

	div#user-menu div.info {
	    padding: 10px;
	}

	div#breadcrumb {
		display: none;
	}

	div#breadcrumb strong {
		font-weight: lighter;
	}

	div#page_title i {
		font-size: 24px;
		vertical-align: top !important;
		margin-top: 1px;
	}
}

@media screen and (max-width: 442px) {
	ul#page_nav.auto_size {
		width: 100% !important;
	}

	ul#page_nav.auto_size li {
		width: 47% !important;
	}

	ul#page_nav.auto_size li a {
		width: 100% !important;
	}
}
/* Load Time: 1754143791.8671 seconds */