/*
	 * Responsee CSS - v4 - 2016-07-08
	 * https://www.myresponsee.com
	 * Copyright 2016, Vision Design - graphic zoo
	 * Free to use under the MIT license.
	*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}
body {
	background: none repeat scroll 0 0 #d3d3d3;
	/*font-size:22px;*/
	font-family: "Open Sans", Arial, sans-serif;
	color: #000000;
}
td.dataTables_empty {
	text-align: center;
}
input#search {
	-webkit-appearance: textfield;
	padding-top: 3px;
	padding-left: 5px;
}
h1, h2, h3, h4, h5, h6 {
	color: #000000;
	font-weight: normal;
	line-height: 1.3;
	margin: 0.5rem 0;
}
h1 {
	font-size: 2.7rem;
}
h2 {
	font-size: 2.2rem;
}
h3 {
	font-size: 1.8rem;
}
h4 {
	font-size: 1.4rem;
}
h5 {
	font-size: 1.1rem;
}
h6 {
	font-size: 0.9rem;
}
.center {
	text-align: center;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #147e84;
	transition: color 0.20s linear 0s;
	-o-transition: color 0.20s linear 0s;
	-ms-transition: color 0.20s linear 0s;
	-moz-transition: color 0.20s linear 0s;
	-webkit-transition: color 0.20s linear 0s;
}
a:hover {
	color: #1ba5b4;
}
p, li, dl, blockquote, table, kbd {
	font-size: 16px;
	line-height: 1.6;
}
b, strong {
	font-weight: 700;
}
.text-center {
	text-align: center!important;
}
.text-right {
	text-align: right!important;
}
img {
	border: 0;
	display: block;
	height: auto;
	max-width: 100%;
	width: auto;
}
img1 {
	border: 0;
	display: block;
	height: auto;
	max-width: 50%;
	width: 50px;
}
.owl-item img, .full-img {
	max-width: none;
	width: 100%;
}
table {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #f0f0f0;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	width: 100%;
}
table tr td, table tr th {
	padding: 0.625rem;
	border-right: solid 1px #D5CFCF;
}
table tfoot, table thead, table tr:nth-of-type(2n) {
	background: none repeat scroll 0 0 #f0f0f0;
}
th, table tr td {/*border-right:1px solid #f0f0f0;*/
}
th { /*background-color:rgb(96, 174, 182)*/
	border: 1px solid #147E84;
	background: -webkit-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#147e84, rgb(96, 174, 182));
	color: #fff;
}
.size-960 .line, .size-1140 .line, .size-1280 .line {
	margin: 0 auto;
	padding: 0;
	height: auto;
}
.m-13 {
	width: 3.3333%;
	float: left;
}
hr {
	border: 0;
	border-top: 1px solid #e5e5e5;
	clear: both;
	height: 0;
	margin: 2.5rem auto;
}
li {
	padding: 0;
}
ul, ol {
	padding-left: 1.25rem;
}
blockquote {
	border: 2px solid #f0f0f0;
	padding: 1.25rem;
}
cite {
	color: #ffff00;
	display: block;
	font-size: 0.8rem;
}
cite:before {
	content: "— ";
}
dl dt {
	font-weight: 700;
}
dl dd {
	margin-bottom: 0.625rem;
}
dl dd:last-child {
	margin-bottom: 0;
}
abbr {
	cursor: help;
}
abbr[title] {
	border-bottom: 1px dotted;
}
kbd {
	background: #ffffff none repeat scroll 0 0;
	color: #00bfff;
	padding: 0.125rem 0.3125rem;
}
code, kbd, pre, samp {
	font-family: "Open Sans", Arial, sans-serif;
}
mark {
	background: #F3F8A9 none repeat scroll 0 0;
	padding: 0.125rem 0.3125rem;
}
.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.load_sec a.example-image-link img {
	margin: 0 auto;
}
.l-6.load_sec {
	width: 47%;
}
.load_sec {
	margin: 0 10px;
}
.page-break {
	size: 8.5in 11in;
	margin: 2.5cm;
}
div.page-break {
	page-break-after: always;
}
.clearfix::after {
	content: "";
	display: block;
}
.formsec #text {
	z-index: 1;
}
.overlay {
	z-index: 99;
}
select.item_per, select.pick_category {
	padding: 0 !important;
	font-size: 14px !important;
}
.print_container .customform.center .s-12.m-2 {
	/* border: 1px solid #ccc; */
	margin-bottom: 15px;
	max-width: 250px;
	line-height: 2.0 !important;
	width: 100%;
}
.print_container .click_by label, .click_by {
	font-size: 13px !important;
}
.print_container .s-12.m-6.l-6.load_sec .fo_sec {
	border: 1px solid #ddd;
	padding: 5px;
	max-width: 275px;
	width: 100% !important;
}
.fo_sec a img {
	width: 100% !important;
}
.fo_sec form {
	width: 100% !important;
}
.s-12.m-6.l-6.load_sec {
	border: none !important;
}
.term_sec label {
	float: right;
	margin-top: 16px;
}
.site_sta {
	text-align: right;
	display: inline-block;
	float: right;
}
.site_sub {
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 22px;
}
.sta_active {
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#32CD32), to(#006400));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #32CD32, #006400);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #32CD32, #006400);
	/* IE 10 */
	background: -ms-radial-gradient(circle, #32CD32, #006400);
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 0;
	text-indent: -999px;
	font-size: 0;
	position: relative;
}
.sta_active::before {
	position: absolute;
	content: '';
	width: 15px;
	height: 15px;
	right: 0;
	top: -14px;
	border-radius: 50px;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#32CD32), to(#006400));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #32CD32, #006400);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #32CD32, #006400);
	/* IE 10 */
	background: -ms-radial-gradient(circle, #32CD32, #006400);
}
.sta_inactive {
	color: red;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 0;
	text-indent: -999px;
	font-size: 0;
	position: relative;
	/* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FF0000), to(#2F2727));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #FF0000, #8B0000);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #FF0000, #8B0000);
	/* IE 10 */
	background: -ms-radial-gradient(circle, #FF0000, #8B0000);/* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}
.sta_inactive::before {
	position: absolute;
	content: '';
	width: 15px;
	height: 15px;
	right: 0;
	top: -14px;
	border-radius: 50px;
	/* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FF0000), to(#2F2727));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #FF0000, #8B0000);
	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #FF0000, #8B0000);
	/* IE 10 */
	background: -ms-radial-gradient(circle, #FF0000, #8B0000);/* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}

@media print {
.page-break {
	display: block;
	page-break-after: always;
}
}

@media print, screen {
.page-break {
	display: block;
	page-break-after: always;
}
}

@media only screen and (min-device-width: 1600px) and (max-width:2000px) {
.line {
	width: 100% !important;
}
}
.size-960 .line {
	width: 100% !important;
}
.size-1140 .line {
	width: 100% !important;
}
.size-1280 .line {
	width: 100% !important;
}
.size-1600 .line {
	width: 100% !important;
}
.size-1700 .line {
	width: 100% !important;
}
.size-1800 .line {
	width: 100% !important;
}
.size-1900 .line {
	width: 100% !important;
}
.size-960.align-content-left .line, .size-1140.align-content-left .line, .size-1280.align-content-left .line {
	margin-left: 0;
}
form {
	line-height: 1.5;
}
nav {
	/*box-shadow: 0 3px 10px 0 #4d4d4d;*/
	overflow: visible;
	position: relative;
	/*z-index: 99;*/
	
	display: block;
	width: 100%;
	/* background:#1BA5B4; */
	padding: 0 15px;
	background: -webkit-linear-gradient(rgb(132,130,130), #F5F5F5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#D9D5D5, #F5F5F5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#D9D5D5, #F5F5F5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#D9D5D5, #F5F5F5); /* Standard syntax (must be last) */
	color: #147e84;/*text-shadow: 2px 2px 4px #000000;*/
}
.line:after, nav:after, .center:after, .box:after, .margin:after, .margin2x:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.top-nav ul {
	padding: 0;
}
.top-nav ul ul {
	position: absolute;/* background:#FF0000;*/
}
.top-nav li {
	float: left;
	list-style: none outside none;
	cursor: pointer;
	padding-left: 26px;
	padding-left: 0px;
	/*border-bottom: 4px solid #147e84;*/
	margin-bottom: -4px;
	width: 16.66%;
	text-align: center;
}
/*.top-nav li a {
		font-weight:600px;
		  color: #FFFFFF;
		display: block;
		font-size: 18px;
	   padding: 16px;
	}
	.top-nav li ul li a {
	  background:none repeat scroll 0 0 #fffff;
	  min-width:100%;
	  padding:0.625rem;
	}
	.top-nav li a:hover, .aside-nav li a:hover {background: rgba(50, 43, 43, 0.25);color:#ffffff;}
	.top-nav li ul {display:none;}
	.top-nav li ul li,.top-nav li ul li ul li {
	  float:none;
	  list-style:none outside none;
	  min-width:100%;
	  padding:0;
	}*/
	
	
.top-nav .active-item a {
	color : #fff;
	margin-top: -4px;
	border-bottom: 4px solid #147e84;
	border-radius: 4px;
}
.top-nav .active-item a:hover {
	/*background-color: #147e84 !important;*/
	background: -webkit-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#147e84, rgb(96, 174, 182));
	border-bottom: 4px solid #147e84;
}
.top-nav li a {
	display: block;
	font-size: 16px;
	padding: 16px 6px;
}
/*.loadproof_menu {border-bottom: 4px solid #147e84;}
	/*.loadproof_ul {border-bottom: 4px solid #147e84;}*/
	
.top-nav li ul li a {
	background: none repeat scroll 0 0 #fffff;
	min-width: 100%;
	padding: 0.625rem;
}
.top-nav li a:hover, .aside-nav li a:hover {
	background: #147E84;
	color: #ffffff;
}
.top-nav li ul {
	display: none;
}
.top-nav li ul li, .top-nav li ul li ul li {
	float: none;
	list-style: none outside none;
	min-width: 100%;
	padding: 0;
}
.count-number {
	background: #ffffff;
	border-radius: 10rem;
	color: #147E84;
	display: inline-block;
	font-size: 0.7rem;
	height: 1.3rem;
	line-height: 1.3rem;
	margin: -2.7rem 0.9rem -0.3125rem 0.3125rem;
	text-align: center;
	width: 1.3rem;
	cursor: default;/*  dispaly count in side bar *//*display:none; */
}
ul.chevron .count-number {
	display: none;
}
ul.chevron .submenu > a:after, ul.chevron .sub-submenu > a:after, ul.chevron .aside-submenu > a:after, ul.chevron .aside-sub-submenu > a:after {
	content: "\f004";
	display: inline-block;
	font-family: mfg;
	font-size: 0.7rem;
	margin: 0 0.625rem;
}
.top-nav .active-item a {
	/*background: none repeat scroll 0 0 #147e84;*/
	background: -webkit-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#147e84, rgb(96, 174, 182));
}
.aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited {
	background: none repeat scroll 0 0 #147e84;
	color: #147e84;
}
#clear {
	margin-top: -13px;
}

@media screen and (min-width:769px) {
.aside-nav .count-number {
	margin-left: -1.25rem;
	float: right;
}
.top-nav li:hover > ul {
	display: block;
	z-index: 10;
}
.top-nav li:hover > ul ul {
	left: 100%;
	margin: -2.5rem 0;
	width: 100%;
}
}
.nav-text, .aside-nav-text {
	display: none;
}
.aside-nav a, .aside-nav a:link, .aside-nav a:visited, .aside-nav li > ul, .top-nav a, .top-nav a:link, .top-nav a:visited {
	transition: background 0.20s linear 0s;
	-o-transition: background 0.20s linear 0s;
	-ms-transition: background 0.20s linear 0s;
	-moz-transition: background 0.20s linear 0s;
	-webkit-transition: background 0.20s linear 0s;
}
.aside-nav ul {
	/*background:#e8e8e8; */ 
	padding: 0;
}
.aside-nav li {
	list-style: none outside none;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
}
.aside-nav li a, .aside-nav li a:link {
	color: #1BA5B4;
	display: block;
	font-size: 16px;
	padding: 12px;
	border-bottom: 1px solid #d2d2d2;
}
.aside-nav li a:visited {
	color: #1BA5B4;
}
.aside-nav li a:active {
	background-color: #B62E31;
}
.aside-nav > ul > li:last-child a {
	border-bottom: 0 none;
	background: rgba(153, 153, 153, 0.25);
}
.aside-nav li > ul {
	/* height:0;*/
	display: block;
	position: relative;
	/* background:#f4f4f4;*/
	border-left: solid 1px #f2f2f2;
	border-right: solid 1px #f2f2f2;
	overflow: hidden;
}
.aside-nav li ul ul {
	border: 0;/*background:#fff;*/
}
.aside-nav ul ul a {
	padding: 0.625rem 1.25rem;
}
.aside-nav li a:link, .aside-nav li a:visited {/*color:#333; */
}
.aside-nav li li a:hover, .aside-nav li li.active-item > a, .aside-nav li li.aside-sub-submenu li a:hover {
	color: #147e84;
	background-color: #e6e6e6;
	background: none;
}
.aside-nav > ul > li > a:hover {
	color: #fff;
}
.aside-nav li li a:hover:before, .aside-nav li li.active-item a:before {
	content: "\f006";
	color: #1661CD;
	background-color: #D04245;
	display: inline-block;
	font-family: "mfg";
	font-size: 0.6rem;
	margin: 0 0.625rem 0 -1.25rem;
	width: 0.625rem;
}
.aside-nav li li a:link, .aside-nav li li a:visited {
	background: none;/*color: #fff !important;*/
	color: #000 !important;
}
.aside-nav li .active {/*background:#147e84 !important;*/
}
.aside-nav .show-aside-ul, .aside-nav .active-aside-item {
	height: auto;
}
.padding {
	display: list-item;
	list-style: none outside none;
	padding: 10px;
}
.margin, .margin2x {
	display: block;
}
.margin {
	margin: 0 -0.625rem;
}
.margin2x {
	margin: 0 -1.25rem;
	min-height: 1000px;
}
.line {
	clear: left;
}
.line .line {
	padding: 0;
}
.hide-l {
	display: none;
}
.box {
	background: none repeat scroll 0 0 #fff;
	display: block;
	padding: 1.25rem;
	width: 100%;
	margin-bottom: -23px;
}
.margin-bottom {
	margin-bottom: 1.25rem;
}
.margin-bottom2x {
	margin-bottom: 2.5rem;
}
.s-1, .s-2, .s-five, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .m-1, .m-2, .m-five, .m-3, .m-4, .m-5, .m-6, .m-7, .m-8, .m-9, .m-10, .m-11, .m-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 {
	float: left;
	position: static;
}
.l-offset-1 {
	margin-left: 8.3333%;
}
.l-offset-2 {
	margin-left: 16.6666%;
}
.l-offset-five {
	margin-left: 16.6666%;
}
.l-offset-3 {
	margin-left: 25%;
}
.l-offset-4 {
	margin-left: 33.3333%;
}
.l-offset-5 {
	margin-left: 41.6666%;
}
.l-offset-6 {
	margin-left: 50%;
}
.l-offset-7 {
	margin-left: 58.3333%;
}
.l-offset-8 {
	margin-left: 66.6666%;
}
.l-offset-9 {
	margin-left: 75%;
}
.l-offset-10 {
	margin-left: 83.3333%;
}
.l-offset-11 {
	margin-left: 91.6666%;
}
.l-offset-12 {
	margin-left: 100%;
}
.s-1 {
	width: 8.3333%;
}
.s-2 {
	width: 16.6666%;
}
.s-five {
	width: 16.6666%;
}
.s-3 {
	width: 25%;
}
.s-4 {
	width: 33.3333%;
}
.s-5 {
	width: 41.6666%;
}
.s-6 {
	width: 50%;
}
.s-7 {
	width: 58.3333%;
}
.s-8 {
	width: 66.6666%;
}
.s-9 {
	width: 75%;
}
.s-10 {
	width: 83.3333%;
}
.s-11 {
	width: 91.6666%;
}
.s-12 {
	width: 100%;
}
.margin > .s-1, .margin > .s-2, .margin > .s-five, .margin > .s-3, .margin > .s-4, .margin > .s-5, .margin > .s-6, .margin > .s-7, .margin > .s-8, .margin > .s-9, .margin > .s-10, .margin > .s-11, .margin > .s-12, .margin > .m-1, .margin > .m-2, .margin > .m-five, .margin > .m-3, .margin > .m-4, .margin > .m-5, .margin > .m-6, .margin > .m-7, .margin > .m-8, .margin > .m-9, .margin > .m-10, .margin > .m-11, .margin > .m-12, .margin > .l-1, .margin > .l-2, .margin > .l-five, .margin > .l-3, .margin > .l-4, .margin > .l-5, .margin > .l-6, .margin > .l-7, .margin > .l-8, .margin > .l-9, .margin > .l-10, .margin > .l-11, .margin > .l-12 {
	padding: 0 0.625rem;
}
.margin2x > .s-1, .margin2x > .s-2, .margin2x > .s-five, .margin2x > .s-3, .margin2x > .s-4, .margin2x > .s-5, .margin2x > .s-6, .margin2x > .s-7, .margin2x > .s-8, .margin2x > .s-9, .margin2x > .s-10, .margin2x > .s-11, .margin2x > .s-12, .margin2x > .m-1, .margin2x > .m-2, .margin2x > .m-five, .margin2x > .m-3, .margin2x > .m-4, .margin2x > .m-5, .margin2x > .m-6, .margin2x > .m-7, .margin2x > .m-8, .margin2x > .m-9, .margin2x > .m-10, .margin2x > .m-11, .margin2x > .m-12, .margin2x > .l-1, .margin2x > .l-2, .margin2x > .l-five, .margin2x > .l-3, .margin2x > .l-4, .margin2x > .l-5, .margin2x > .l-6, .margin2x > .l-7, .margin2x > .l-8, .margin2x > .l-9, .margin2x > .l-10, .margin2x > .l-11, .margin2x > .l-12 {
	padding: 0 1.25rem;
}
.m-1 {
	width: 7.3333%;
	padding-left: 0px;
}
.m-2 {
	width: 16.6666%;
}
.m-five {
	width: 20%;
}
.m-3 {
	width: 25%;
}
.m-4 {
	width: 33.3333%;
}
.m-5 {
	width: 41.6666%;
}
.m-6 {
	width: 50%;
}
.m-7 {
	width: 58.3333%;
}
.m-8 {
	width: 73.6666%;
}
.m-9 {
	width: 75%;
}
.m-10 {
	width: 83.3333%;
}
.m-11 {
	width: 91.6666%;
}
.m-12 {
	width: 100%;
}
.m-13 {
	width: 5.6666%;
	float: left;
}
.m-14 {
	width: 42.667%;
}
.m-15 {
	width: 50.6666%;
}
.m-18 {
	width: 96%;
}
.l-1 {
	width: 8.3333%;
}
.l-2 {
	width: 16.6666%;
}
.l-five {
	width: 20%;
}
.l-3 {
	width: 25%;
}
.l-4 {
	width: 33.3333%;
}
.l-5 {
	width: 41.6666%;
}
.l-6 {
	width: 50%;
}
.l-7 {
	width: 58.3333%;
}
.l-8 {
	width: 66.6666%;
}
.l-9 {
	width: 75%;
}
.l-10 {
	width: 83.3333%;
}
.l-11 {
	width: 91.6666%;
}
.l-12 {
	width: 100%;
}
.right {
	float: right;
}
.left {
	float: left;
	font-weight: 800;
}
/**** Custom CSS Start ****/
	
.cccity {
	width: 100% !important;
}
/* .customform {padding-right:100px !important;}*/
	 
#network_create .form-control {
	width: 100% !important;
}

/**** Custom CSS End ****/
	
	
@media screen and (max-width:768px) {
.size-960, .size-1140, .size-1280 {
	max-width: 768px;
}
/*@media screen and (max-width: 1440px) {
.size-960, .size-1440, .size-1280, .size-590 {
	max-width: 1440;
}
@media screen and (max-height: 2160px) {
.size-1080, .size-2160 , .size-750 {
	max-height: 2160px;
}*/

.hide-l, .hide-s {
	display: block;
}
.hide-m {
	display: none;
}
nav {
	display: block;
	cursor: pointer;
	line-height: 3;
}
.top-nav li a {
	background: none repeat scroll 0 0 #4a4a4a;
}
.top-nav > ul {
	height: 0;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 999;
}
.top-nav > ul.show-menu, .aside-nav.minimize-on-small > ul.show-menu {
	height: auto;
}
.top-nav ul ul {
	left: 0;
	margin-top: 0;
	position: relative;
	right: 0;
}
.top-nav li ul li a {
	min-width: 100%;
}
.top-nav li {
	float: none;
	list-style: none outside none;
	padding: 0;
}
.top-nav li a {
	border-top: 1px solid #333;
	color: #8a2be2;
	display: block;
	padding: 1.25rem 0.625rem;
	text-align: center;
	text-decoration: none;
}
.top-nav li ul li a {
	border-top: 1px solid #878787;
}
.top-nav li ul li ul li a {
	border-top: 1px solid #989898;
}
.top-nav li a:hover {
	background: none repeat scroll 0 0 #8b8b8b;
	color: #ffcocb;
}
.top-nav li ul, .top-nav li ul li ul {
	display: block;
	overflow: hidden;
	height: 0;
}
.top-nav > ul ul.show-ul {
	display: block;
	height: auto;
}
.top-nav li ul li a {
	background: none repeat scroll 0 0 #9d9d9d;
	padding: 0.625rem;
}
.top-nav li ul li ul li a {
	background: none repeat scroll 0 0 #d7d7d7;
	color: #ff1493;
}
.nav-text {
	color: #000000;
	display: block;
	font-size: 1.2rem;
	line-height: 3;
	margin-right: 0.625rem;
	max-width: 100%;
	text-align: center;
	vertical-align: middle;
}
.nav-text:after {
	content: "\f008";
	font-family: "mfg";
	font-size: 1.1rem;
	margin-left: 0.5rem;
	text-align: right;
}
.l-offset-1, .l-offset-2, .l-offset-five, .l-offset-3, .l-offset-4, .l-offset-5, .l-offset-6, .l-offset-7, .l-offset-8, .l-offset-9, .l-offset-10, .l-offset-11, .l-offset-12 {
	margin-left: 0;
}
.m-offset-1 {
	margin-left: 8.3333%;
}
.m-offset-2 {
	margin-left: 16.6666%;
}
.m-offset-five {
	margin-left: 16.6666%;
}
.m-offset-3 {
	margin-left: 25%;
}
.m-offset-4 {
	margin-left: 33.3333%;
}
.m-offset-5 {
	margin-left: 41.6666%;
}
.m-offset-6 {
	margin-left: 50%;
}
.m-offset-7 {
	margin-left: 58.3333%;
}
.m-offset-8 {
	margin-left: 66.6666%;
}
.m-offset-9 {
	margin-left: 75%;
}
.m-offset-10 {
	margin-left: 83.3333%;
}
.m-offset-11 {
	margin-left: 91.6666%;
}
.m-offset-12 {
	margin-left: 100%;
}
.l-1 {
	width: 8.3333%;
}
.l-2 {
	width: 16.6666%;
}
.l-five {
	width: 20%;
}
.l-3 {
	width: 25%;
}
.l-4 {
	width: 33.3333%;
}
.l-5 {
	width: 41.6666%;
}
.l-6 {
	width: 50%;
}
.l-7 {
	width: 58.3333%;
}
.l-8 {
	width: 66.6666%;
}
.l-9 {
	width: 75%;
}
.l-10 {
	width: 83.3333%;
}
.l-11 {
	width: 91.6666%;
}
.l-12 {
	width: 100%;
}
.s-1 {
	width: 8.3333%;
}
.s-2 {
	width: 16.6666%;
}
.s-five {
	width: 20%;
}
.s-3 {
	width: 25%;
}
.s-4 {
	width: 33.3333%;
}
.s-5 {
	width: 41.6666%;
}
.s-6 {
	width: 50%;
}
.s-7 {
	width: 58.3333%;
}
.s-8 {
	width: 66.6666%;
}
.s-9 {
	width: 75%;
}
.s-10 {
	width: 83.3333%;
}
.s-11 {
	width: 91.6666%;
}
.s-12 {
	width: 100%
}
.m-1 {
	width: 8.3333%;
}
.m-2 {
	width: 16.6666%;
}
.m-five {
	width: 20%;
}
.m-3 {
	width: 25%;
}
.m-4 {
	width: 33.3333%;
}
.m-5 {
	width: 41.6666%;
}
.m-6 {
	width: 50%;
}
.m-7 {
	width: 58.3333%;
}
s .m-8 {
	width: 66.6666%;
}
.m-9 {
	width: 75%;
}
.m-10 {
	width: 83.3333%;
}
.m-11 {
	width: 91.6666%;
}
.m-12m-12 {
	width: 100%
}
#table-section {
	margin-bottom: 10px;
}
.form-control, .cccity {
	width: 100% !important;
}
.customform {
	padding: 0px !important;
}
}

@media screen and (max-width: 640px) {
#table-section {
	margin-bottom: 10px;
}
.form-control, .cccity {
	width: 100% !important;
}
.customform {
	padding: 0px !important;
}
}

@media screen and (max-width:480px) {
.size-960, .size-1140, .size-1280 {
	max-width: 480px;
}
.aside-nav li a {
	text-align: center;
}
.minimize-on-small .aside-nav-text {
	background: #ffff00 none repeat scroll 0 0;
	color: #000000;
	cursor: pointer;
	display: block;
	font-size: 1.2rem;
	line-height: 3;
	max-width: 100%;
	padding-right: 0.625rem;
	text-align: center;
	vertical-align: middle;
}
.aside-nav-text:after {
	content: "\f008";
	font-family: "mfg";
	font-size: 1.1rem;
	margin-left: 0.5rem;
	text-align: right;
}
.aside-nav.minimize-on-small > ul {
	height: 0;
	overflow: hidden;
}
.hide-l, .hide-m {
	display: block;
}
.hide-s {
	display: none;
}
.count-number {
	margin-right: -1.25rem;
}
.l-offset-1, .l-offset-2, .l-offset-five, .l-offset-3, .l-offset-4, .l-offset-5, .l-offset-6, .l-offset-7, .l-offset-8, .l-offset-9, .l-offset-10, .l-offset-11, .l-offset-12, .m-offset-1, .m-offset-2, .m-offset-five, .m-offset-3, .m-offset-4, .m-offset-5, .m-offset-6, .m-offset-7, .m-offset-8, .m-offset-9, .m-offset-10, .m-offset-11, .m-offset-12 {
	margin-left: 0;
}
.s-offset-1 {
	margin-left: 8.3333%;
}
.s-offset-2 {
	margin-left: 16.6666%;
}
.s-offset-five {
	margin-left: 16.6666%;
}
.s-offset-3 {
	margin-left: 25%;
}
.s-offset-4 {
	margin-left: 33.3333%;
}
.s-offset-5 {
	margin-left: 41.6666%;
}
.s-offset-6 {
	margin-left: 50%;
}
.s-offset-7 {
	margin-left: 58.3333%;
}
.s-offset-8 {
	margin-left: 66.6666%;
}
.s-offset-9 {
	margin-left: 75%;
}
.s-offset-10 {
	margin-left: 83.3333%;
}
.s-offset-11 {
	margin-left: 91.6666%;
}
.s-offset-12 {
	margin-left: 100%;
}
.l-1 {
	width: 8.3333%;
}
.l-2 {
	width: 16.6666%;
}
.l-five {
	width: 20%;
}
.l-3 {
	width: 25%;
}
.l-4 {
	width: 33.3333%;
}
.l-5 {
	width: 41.6666%;
}
.l-6 {
	width: 50%;
}
.l-7 {
	width: 58.3333%;
}
.l-8 {
	width: 66.6666%;
}
.l-9 {
	width: 75%;
}
.l-10 {
	width: 83.3333%;
}
.l-11 {
	width: 91.6666%;
}
.l-12 {
	width: 100%;
}
.m-1 {
	width: 6.3333%;
}
.m-2 {
	width: 16.6666%;
}
.m-five {
	width: 20%;
}
.m-3 {
	width: 25%;
}
.m-4 {
	width: 33.3333%;
}
.m-5 {
	width: 41.6666%;
}
.m-6 {
	width: 50%;
}
.m-7 {
	width: 58.3333%;
}
.m-8 {
	width: 66.6666%;
}
.m-9 {
	width: 75%;
}
.m-10 {
	width: 83.3333%;
}
.m-11 {
	width: 91.6666%;
}
.m-12 {
	width: 100%
}
.m-13 {
	width: 3.3333%;
}
.s-1 {
	width: 8.3333%;
}
.s-2 {
	width: 16.6666%;
}
.s-five {
	width: 20%;
}
.s-3 {
	width: 25%;
}
.s-4 {
	width: 33.3333%;
}
.s-5 {
	width: 41.6666%;
}
.s-6 {
	width: 50%;
}
.s-7 {
	width: 58.3333%;
}
.s-8 {
	width: 66.6666%;
}
.s-9 {
	width: 75%;
}
.s-10 {
	width: 83.3333%;
}
.s-11 {
	width: 91.6666%;
}
.s-12 {
	width: 100%
}
}
.center {
	float: none;
	margin: 0 auto;
	display: block;
}
trans_img {
	border: none;
	box-shadow: 0 1px 7px rgba(0,0,0,0.6);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.trans_img:hover {
	position: relative;
	z-index: 999;
	-o-transform: scale(1.03, 1.03);
	-ms-transform: scale(1.03, 1.03);
	-moz-transform: scale(1.03, 1.03);
	-webkit-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03);
}
ul.pagination {
	margin-top: 9px !important;
	display: inline-block;
	padding: 0;
	margin: 0;
	float: right;
}
ul.pagination li {
	display: inline;
}
ul.pagination li a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	border-radius: 5px;
}
ul.pagination li a.active, ul.pagination li.active a {
	background-color: #B6B0B0;
	color: #000;
	border-radius: 5px;
}
ul.pagination li a:hover:not(.active) {
	background-color: #ddd;
}
ul.pagination li a {
	border: 1px solid #ddd; /* Gray */
}
.pagination li:first-child a {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.pagination li:last-child a {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#Pag {
	margin-right: 100px;
}
.modal {
	display: block !important;
}
.modal-dialog {
	overflow-y: initial !important
}
.modal-body {
	width: 100%;
	overflow-y: auto;
	margin-left: 12px;
	float: left;
	overflow-x: hidden;
	min-height: 800px;
}
.text-center {
	text-align: center !important;
}
#Footer {
	box-shadow: 0 1px 15px 1px #000000;
	-webkit-box-shadow: 0 1px 15px 1px #000000;
	-moz-box-shadow: 0 1px 15px 1px #000000;
	color: white;
	text-shadow: 2px 2px 4px #000000;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	padding-top: 10px;
	/*background-color: #1BA5B4;*/
	background: -webkit-linear-gradient(#147e84, rgb(96, 174, 182)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#147e84, rgb(96, 174, 182)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#147e84, rgb(96, 174, 182)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#147e84, rgb(96, 174, 182)); /* Standard syntax (must be last) */
	clear: both;
	/*height: 4em;*/
	padding-top: 10px;
	height: 200px;
	position: relative;
	overflow: hidden;
	bottom: -23px;
}
#footer-alignment {
	padding-top: 21px;
	color: #ffffff;
	/*font-weight: bold;*/
	font-size: 12px;/*float:left;*/
}
#site {
	max-height: 730px;
}
#symbol {
	margin-left: 850px;
}
#symbol1 {
	float: right;
	padding-left: 56px;
}
.form {
	background: #FFFFFF;
	width: 50%;
	/*height: 822px;*/
	height: auto;
	border-radius: 6px;
	margin: 0 auto 0 auto;
	padding: 0px 0px 70px 0px;
	border: #1BA5B4 2px solid;
	margin-top: 40px;
}
#keywords {
	margin: 0 auto;
	/*font-size: 1.2em;*/
	margin-bottom: 15px;
	margin-top: 40px;
}
.table-scroll {
	width: 100%;
	overflow-y: auto;
}
#keywords thead {
	cursor: pointer;
	background: #c9dff0;
}
#keywords thead tr th {
	text-align: center;
	font-weight: 800px;
	/* padding: 12px 30px;*/
	padding-left: 42px;
	color: #fff;
}
#keywords thead tr th span {
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
#keywords thead tr th.headerSortUp, #keywords thead tr th.headerSortDown {
	/*background:  rgba(34, 149, 166, 0.39);*/
	  
	background: -webkit-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#147e84, rgb(96, 174, 182));
	z-index: 999;
}
#keywords thead tr th.headerSortUp span {
	background-image: url('up-arrow.png');
	z-index: 999;
}
#keywords thead tr th.headerSortDown span {
	background-image: url('down-arrow.png');
	z-index: 999;
}
#keywords tbody tr {
	color: #555;
}
#keywords tbody tr td {
	text-align: center;
	padding: 15px 10px;
}
#keywords tbody tr td.lalign {
	text-align: left;
}
.bold {
	font-weight: bold;
	font-size: 16px;
}
.bold1 {
	font-weight: bold;
}
#label_plan {
	line-height: 44px;
	margin-left: 3px;
	font-size: 17px;
}
#block {
	font-size: 14px;
	border: 1px solid #1ba5b4;
	padding-bottom: 2px;
	line-height: 22px;
	height: 370px;
	margin: 5px;
	border-radius: 5px;
}
#space {
	height: 370px;
}
#block1 {
	font-size: 14px;
	border: 1px solid #1ba5b4;
	margin: 5px;
	display: inline-block;
	height: 370px;
	border-radius: 5px;
}
#block2 {
	font-size: 14px;
	border: 1px solid #1ba5b4;
	padding-bottom: 2px;
	line-height: 22px;
	height: 370px;
	border-radius: 5px;
	margin: 5px;
}
.plan {
	text-align: center;
	font-weight: bold;
	background-color: rgba(34, 149, 166, 0.39);
	font-size: 20px;
}
#block_res {
	height: 254px;
	text-align: center;
}
#dollar {
	font-size: 35px;
	color: #147e84;
	font-weight: bold;
}
#dollar1 {
	font-size: 35px;
	color: #147e84;
	font-weight: bold;
}
#dollar2 {
	font-size: 35px;
	color: #147e84;
	font-weight: bold;
}
.plan_button {
	background-color: #1ba5b4;
	height: 39px;
	font-size: 14px;
}
		
		/*Social Icon*/
	
	@import url(http://www.markmurray.co/codepen/entypostyle.css);
*, *:after, *:before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	background: #fff;
}
.container {
	/* width: 25em;*/
	margin: 0 auto 3em auto;
	text-align: center;
	overflow: hidden;
}
.row {
	margin: 0.5em 0;
	/*  float: right;*/
	clear: both;
}
.row i {
	cursor: pointer;
	display: inline-block !important;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.row:nth-child(1) {
	background: transparent;
}
.row:nth-child(1) i {
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	border-radius: 37%;
	/*padding: 1em;*/
	position: relative;
	background: transparent;
}
.row:nth-child(1) i:hover {
	background: #FFFFFF;
	color: #1BA5B4;
}
.row:nth-child(1) i:not(:first-child) {
	margin-left: 1em;
}
.margin-form {
	margin-right: 111px;
}
#search1 {
	width: 35px;
	padding-top: 3px;
	padding-left: 5px;
}
.site {
	/* padding-left: 10px;
		color: #147E84;
		padding: 13px;
		margin-top: 1px;
		background-color: #e6e6e6;
		cursor:default;
		text-align: center;
		font-weight: bold;
		font-size: 20px;*/
		
	background: -webkit-linear-gradient(#147e84, rgb(96, 174, 182)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#147e84, rgb(96, 174, 182)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#147e84, rgb(96, 174, 182)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#147e84, rgb(96, 174, 182)); /* Standard syntax (must be last) */
	color: #fff;
	padding: 13px;
	margin-top: 1px;
	cursor: default;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.site_style {
	max-height: 702px;
	overflow: auto;
	margin-top: -8px;
}
#logo2 {
	text-align: center !important;
	display: table-cell;
	vertical-align: middle;
	/*height: 150px;*/
	margin: 0 auto;
	width: 200px !important
}
.Teal_color {
	color: #1BA5B4;
}
#button_color {
	background-color: #1BA5B4;
}
#button_color1 {
	/*background-color:#1BA5B4;*/
	border: 1px solid #147E84;
	background: -webkit-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#147e84, rgb(96, 174, 182));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#147e84, rgb(96, 174, 182));
}
#delete_button {
	background-color: #a94442;
	font-size: 16px;
	font-weight: 800;
	font-family: inherit;
	width: 100%;
	height: 43px;
}
#delete_red {
	background-color: #a94442;
}
#display_error {
	font-size: 16px;
	margin-bottom: 16px;
	border: 1px solid #ebccd1;
	padding: 10px 40px;
	background: #f2dede;
	width: 100%;
	color: #a94442;
}
#display_sucess {
	font-size: 16px;
	margin-bottom: 16px;
	border: 1px solid #d6e9c6;
	padding: 10px 40px;
	background: #dff0d8;
	width: 100%;
	color: #3c763d;
}
/* Pop Up */
	
.aside-nav li .active-item, .aside-nav li .active {
	background: -webkit-linear-gradient(#D9D5D5, #F5F5F5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#D9D5D5, #F5F5F5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#D9D5D5, #F5F5F5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#D9D5D5, #F5F5F5); /* Standard syntax (must be last) */
}
.buttons {
	font-size: 1em;
	padding: 10px;
	color: #1934B2;
	border: 2px solid #06D85F;
	border-radius: 20px/50px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
.buttons:hover {
	background: #06D85F;
}
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}
.popup {
	margin: 70px auto;
	padding: 20px;
	background: #1ba5b4;
	border-radius: 5px;
	color: #ffffff;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out;
}
.popup h2 {
	margin-top: 0;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
}
.popup .close {
	position: absolute;
	top: 10px;
	right: 13px;
	transition: all 200ms;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
.popup .close:hover {
	color: #ffffff;
}
.popup .content {
	min-height: 30%;/*overflow: auto;*/
}

@media screen and (min-width:1200px) and (max-width:1250px) {
.top-nav li a {
	font-size: 15px;
}
}

@media screen and (min-width:1024px) and (max-width:1199px) {
.top-nav li a {
	display: block;
	font-size: 12px;
	padding: 16px 5px;
}
}

@media screen and (min-width:769px) and (max-width:1023px) {
nav {
	padding: 0 15px;
}
.top-nav ul {
	display: block;
}
.top-nav li a {
	font-size: 10px;
	padding: 16px 0px;
}
.show-menu {
	margin-bottom: 20px;
}
.top-nav > ul {
	padding: 0;
}
}

@media screen and (min-width: 768px) and (max-width:768px) {
.top-nav li {
	width: 100%;
}
}

@media screen and (max-width: 767px) {
.top-nav > ul {
	padding: 0;
}
nav {
	padding: 0 15px;
}
.top-nav li a {
	color: #fff;
}
.top-nav li {
	width: 100%;
}
.show-menu {
	margin-bottom: 20px;
}
}

@media screen and (max-width: 700px) {
.popup {
	width: 70%;
}
}
.m-19 {
	width: 12.3333%;
}
.m-20 {
	width: 9.6666%;
}
#noselect {
	cursor: default;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
									  not supported by any browser */
}
#labels {
	float: left;
	font-size: 16px;
	line-height: 2.0;
	margin-left: 2px;
}
.font-weigth {
	/* font-weight: 600;
	color: #237882; */
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 210%;
	color: #000000;
}
#logo_align {
	/*margin-top: 2px;*/
	margin-top: 15px;
}
#logo_alignment {
	margin-top: 17px;
}
.logo_head {
	max-width: 200px;
	max-height: 100px;
	height: auto;
	float: none;
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
}
#logout_label {
	margin-top: 12%;
}
#sitess {
	max-height: 1000px;
}
/*Succes transaction */
	
#label_bold {
	font-weight: bold;
}
#bg_white {
	background: #ffffff;
	border-right: solid 1px #ffffff;
}
#td_bg {
	border-right: solid 1px #ffffff;
	text-align: left;
}
.teal {
	color: #1ba5b4;
}
.tables {
	margin: 0 auto;
	text-align: left;
	width: 85%;
	margin-right: -30px;
	background: #ffffff;
	border: 1px solid #ffffff;
}
.margin-height {
	height: 670px;
}
.sucess_label {
	width: 100%;
	height: 100px;
	background-color: rgba(34, 149, 166, 0.39);
	padding-top: 1px;
}
.sucess_div {
	border: 1px solid #1ba5b4;
	border-radius: 5px;
}
.sucess_tick {
	width: 50px;
	height: 50px;
}
#text {
	z-index: 100;
	position: absolute;
	color: white;
	/* padding-left: 192px; */
	font-size: 24px;
	font-weight: bold;
}
.m-28 {
	width: 13.3333%
}
.scroll {
	overflow-x: auto;
}
.meta-data-button {
	background-image: url(http://ec2-52-87-170-191.compute-1.amazonaws.com/assets/img/plus.png);
	width: 30px;
	height: 30px;
	border: none;
	background-color: transparent;
	outline: none;
}
.delete_Pic {
	width: 100px;
	float: right;
	margin-top: 15px;
	/* margin-right: -20px; */
	height: 40px;
}
.dark_teal {
	color: #237882;
}
.max_height {
	height: auto;
}
/*User Logout hover */
	
.user_img {
	width: 27px;
	height: 22px;
	margin-right: 5px;
	float: left;
	margin-top: 13px !important;
}
.nav {
	display: block;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.nav li {
	display: inline-block;
	list-style: none;
}
.nav .button-dropdown {
	position: relative;
	width: auto;
}
#user {
	display: block;
	color: #147e84;
	padding: 10px 20px;
	text-decoration: none;
}
.border_nav {
	border-radius: 12px;
	background: #1BA5B4;
	display: block;
	color: #FFFFFF;
	padding: 7px 20px;
	text-decoration: none;/* border-radius: 5px;
		
		  border:1px solid #147e84;*/
}
.nav li a span {
	display: inline-block;
	margin-left: 5px;
	font-size: 10px;
	color: #999;
}
.data_style {
	padding-left: 0px;
	text-align: center;
}
.logout_align {
	margin-top: 25px;
}
.menu_padding {
	padding-left: 40px !important;
}
#userTable_paginate {
	display: inline-block;
	float: right;
}
div#test {
	float: right;
}
#userTable tr td {
	height: 10px;
}
.white {
	color: #ffffff;
}
.data a:hover {
	padding-left: 0px;
	text-align: center;
	color: #A81114;
}
.nav li a:hover span, .nav li a.dropdown-toggle.active span {
	color: #1ba5b4;
}
.nav li .dropdown-menu {
	display: none;
	position: absolute;
	left: 0;
	padding: 0;
	margin: 0;
	margin-top: -3px;
	text-align: left;
}
.nav li .dropdown-menu.active {
	display: block;
}
.nav li .dropdown-menu a {
	width: 150px;
}
.m-25 {
	width: 44.1%;
}
.go_button {
	color: white;
	border-radius: 4px;
	border: #2980b9 1px solid;
	font-weight: 800;
	font-size: 15px;
	box-shadow: 0 3px #d5d5d8;
	width: 30%;
	height: 36px;
	background-color: #1BA5B4;
}
/*.td_bg1
	 {
		 width:20%;
	 }
	 
	 .td_bg2
	 {
		 width:20%;
	 }
	 
	 .td_bg3
	 {
		 width:2.6666%;
	 }
	 
	 .td_bg4
	 {
		 width:32%;
	 }
	 */
.sucess_height {
	height: 330px;
}
.disabled {
	color: #39300B;
	margin-top: 20px;
	margin-left: 0px;
	/*float: left;*/
	display: block;
}
.active1 {
	background-color: #ddd !important;
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}
/*table row hightlight*/
		
		/* Define the hover highlight color for the table row */
.hoverTable tr:hover {
	background-color: rgba(34, 149, 166, 0.39);
}
.hoverTable tr:hover a {
	color: #BC3235;
}
.clickable-row {
	cursor: pointer;
}
/* New Pagination code*/
.pag_section {
	margin-top: 15px;
}
.pag_section>div, .pag_section>form {
	float: right;
}
.pag_section>form {
	margin: 15px;
}
.pag_section>form>label {
	float: left;
}
.pag_section>form>select {
	border: 1px solid #ddd;
	width: 70px;
	margin-left: 10px;
	height: 32px;
}
.pag_section>div>a {
	display: inline-block;
	padding: 5px 10px;
	background: -webkit-linear-gradient(rgb(132, 130, 130), #F5F5F5);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#D9D5D5, #F5F5F5);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#D9D5D5, #F5F5F5);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#D9D5D5, #F5F5F5);
	;
	margin: 0 5px !important;
	text-transform: uppercase;
}
.pag_section>div>a.jp-current {
	background: #6C7A89;
	color: #fff;
}
.pag_section>div>a:hover {
	background: #6C7A89;
}
.menu_line {
	border-bottom: 4px solid rgb(20, 126, 132);
	border-top: 1px solid #cbc5cc;
}
header .box {
	padding: 0 1.25rem 0 1.25rem;
}
#register input, #register textarea, #register select /*, #myform input, #myform textarea, #myform select*/ {
	margin-bottom: 3px;
	margin-top: 20px;
}
#register label.error /*, #myform label.error*/ {
	color: red;
	font-size: 14px;
}
#register .status-available, #register .status-not-available {
	margin-bottom: 0px !important;
	margin-top: 3px !important;
}
.loadproof_video {
	position: relative;
}
.loadproof_video a {
	border: 4px solid;
	font-weight: 800;
	padding: 11px;
	position: absolute;
	right: 150px;
	text-align: center;
	top: -90px;
	width: 135px;
}
.download {
	font-style: italic;
	color: #6C1565;
	font-size: 15px;
	font-weight: bold;
}
/*Clear field*/
.clearable {
	background: #fff url("../img/cross.png") no-repeat right -10px center;
	border: 1px solid #658faa;
	padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
	border-radius: 3px;
	transition: background 0.4s;
}
.clearable.x {
	background-position: right 5px center;
} /* (jQ) Show icon */
.clearable.onX {
	cursor: pointer;
}              /* (jQ) hover cursor style */
 .clearable::-ms-clear {
 display: none;
 width:0;
 height:0;
}
.clear-text {
	height: 30px;
	font-size: 16px;
	width: 167px;
}
.error {
	color: red;
}
.update_notes {
	width: 95px;
	font-weight: bold;
	min-height: auto;
	height: auto;
	text-align: center;
	font-family: "Open Sans", Arial, sans-serif;
	color: #fff;
	font-size: 16px;
	background-color: #a94442;
	padding: 5px 16px;
	border-radius: 5px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #a94442;
}
.update_notes.btn {
	box-shadow: none !important;
}
.update_note {
	border-radius: 4px;
	font-weight: 500;
	font-size: 0.8em;
	height: auto;
	width: 100%;
	border: 1px solid #ddd;
	padding: 10px 10px;
	margin-bottom: 20px;
	float: none;
	min-height: 100px;
}
.edit_notes {
	width: 95px;
	font-weight: bold;
	min-height: auto;
	height: auto;
	text-align: center;
	font-family: "Open Sans", Arial, sans-serif;
	color: #fff;
	font-size: 16px;
	background-color: #a94442;
	padding: 5px 16px;
	border-radius: 5px;
	text-align: center;
	margin: 15px auto 15px auto;
	border: 1px solid #a94442;
}
.edit_notes.btn {
	box-shadow: none !important;
}
.pic {
	display: block;
	height: 300px;
	width: 300px;
	position: relative;
}
.chbox {
	position: absolute;
}
.chbox {
	top: 50px;
	left: 250px;
}
.print_loads {
	background-color: rgb(5, 166, 235);
	width: 95px;
	height: 35px;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
}
.success_note {
	text-align: center;
}
.notes_sec {
	border-radius: 4px;
	font-size: 1.0em;
	width: auto;
	text-align: center;
	height: auto;
}
.quality {
	font-size: 16px;
	width: 400px;
}
 // Previous and Next button overwrites (shared styles) .dropdown_pager .pagination li.previous a, .dropdown_pager .pagination li.next a {
 // hide Previous / Next text text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 position: relative;
 width: 25px;
 // Prepare to replace with font awesome icons &:after {
 position: absolute;
 top: 6px;
 right: 10px;
 font-family: FontAwesome;
}
}
// styles specific to the previous button .dropdown_pager .pagination li.previous a {
 border-top-left-radius: 20px;
 border-bottom-left-radius:  20px;
 &:after {
 content: "\f104";
}
}
// styles specific to the next button .dropdown_pager li.next a {
 border-top-right-radius: 20px;
 border-bottom-right-radius:  20px;
 &:after {
 content: "\f105";
}
}
 // Sorting Icons table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
 background-repeat: no-repeat;
 position: relative;
 &:after {
 font: normal normal normal 14px/1 FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 transform: translate(0, 0);
 position: absolute;
 right: 6px;
 top: 11px;
}
}
table.dataTable thead .sorting {
	background-image: none;
 &:after {
 content: "\f0dc";
}
.sorting_asc, .sorting_desc {
	opacity: 1;
}
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled {
	background-image: none;
 &:after {
 content: "\f0de";
 color: @brand-info;
}
}
table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
	background-image: none;
 &:after {
 content: "\f0dd";
 color: @brand-info;
}
}
table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
 &:after {
 opacity: 0.4;
}
}
span {
	font-family: "Montserrat", sans-serif;
}
.site_sub{display:inline-block;}
.animated {

  -webkit-animation-duration: 1.5s;

  animation-duration: 1.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  animation-iteration-count: infinite;

  -webkit-animation-iteration-count: infinite;

} 



@-webkit-keyframes bounce {

  0% {-webkit-transform: translateY(0);}
  
25% {-webkit-transform: translateY(-2.5px);}
  50% {-webkit-transform: translateY(-5px);}
  75% {-webkit-transform: translateY(2.5px);}
100% {-webkit-transform: translateY(0);}
} 



@keyframes bounce { 

  0%, 20%, 40%, 60%, 80%, 100% {transform: translateY(0);}

  50% {transform: translateY(-5px);}

} 



.bounce { 

  -webkit-animation-name: bounce;

  animation-name: bounce;

}



#animated-example {

    width: 20px;

    height: 20px;

    background-color: red;

    position: relative;

    top: 100px;

    left: 100px;

    border-radius: 50%;

}
.jump {
	animation: jump 1.5s infinite ease;
}
 @keyframes jump {
 0% {
 top: 0;
}
 50% {
 top: -40px;
}
 100% {
 top: 0;
}
}
.coin {
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	height: 150px;
	width: 150px;
}
.coin .front, .coin .back {
	position: absolute;
	height: 150px;
	width: 150px;
	background: #ffbd0b;
	border-radius: 50%;
	border-top: 7px solid #ffd84c;
	border-left: 7px solid #ffd84c;
	border-right: 7px solid #d57e08;
	border-bottom: 7px solid #d57e08;
	transform: rotate(44deg);
}
.coin .front:before, .coin .back:before {
	content: "";
	margin: 35.5px 35.5px;
	position: absolute;
	width: 70px;
	height: 70px;
	background: #f0a608;
	border-radius: 50%;
	border-bottom: 5px solid #ffd84c;
	border-right: 5px solid #ffd84c;
	border-left: 5px solid #d57e08;
	border-top: 5px solid #d57e08;
	z-index: 2;
}
.coin .front .currency, .coin .back .currency {
	overflow: hidden;
	position: absolute;
	color: #ffbd0b;
	font-size: 40px;
	transform: rotate(-44deg);
	line-height: 3.7;
	width: 100%;
	height: 100%;
	text-align: center;
	text-shadow: 0 3px 0 #cb7407;
	z-index: 3;
	border-radius: 50%;
}
.coin .front .currency:after, .coin .back .currency:after {
	content: "";
	position: absolute;
	height: 200px;
	width: 40px;
	margin: 20px -65px;
	box-shadow: 50px -23px 0 -10px rgba(255, 255, 255, 0.22), 85px -10px 0 -16px rgba(255, 255, 255, 0.19);
	transform: rotate(-50deg);
	animation: shine 1.5s infinite ease;
}
 @keyframes shine {
 0% {
 margin: 20px -65px;
}
 50% {
 margin: 70px -85px;
}
 100% {
 margin: 20px -65px;
}
}
.coin .front .shapes, .coin .back .shapes {
	transform: rotate(-44deg);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.coin .front .shapes div, .coin .back .shapes div {
	width: 20px;
	height: 4px;
	background: #d57e08;
	border-top: 2px solid #c47207;
	margin: 75px 7px;
}
.coin .front .shapes div:before, .coin .back .shapes div:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 4px;
	background: #d57e08;
	border-top: 2px solid #c47207;
	margin: -10px 0;
}
.coin .front .shapes div:after, .coin .back .shapes div:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 4px;
	background: #d57e08;
	border-top: 2px solid #c47207;
	margin: 8px 0;
}
.coin .front .shape_l, .coin .back .shape_l {
	float: left;
}
.coin .front .shape_r, .coin .back .shape_r {
	float: right;
}
.coin .front .top, .coin .back .top {
	font-size: 30px;
	color: #d67f08;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
}
.coin .front .bottom, .coin .back .bottom {
	font-size: 30px;
	color: #d67f08;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.coin .shadow {
	width: 100%;
	height: 20px;
	background: rgba(0, 0, 0, 0.4);
	left: 0;
	bottom: -50px;
	border-radius: 50%;
	z-index: -1;
	margin: 185px 7px 0 7px;
	animation: swift 1.5s infinite ease;
}
 @keyframes swift {
 0% {
 opacity: 0.8;
}
 50% {
 opacity: 0.4;
 transform: scale(0.8);
}
 100% {
 opacity: 0.8;
}
}
.loader{
 position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../img/loading.gif') 50% 50% no-repeat #444;
  opacity:0.5;
}
.related_loads {
    margin-left: 30px;
    background: none repeat scroll 0 0 #147e84;
background: -webkit-linear-gradient(#147e84, rgb(96, 174, 182));
background: -o-linear-gradient(#147e84, rgb(96, 174, 182));
background: -moz-linear-gradient(#147e84, rgb(96, 174, 182));
background: linear-gradient(#147e84, rgb(96, 174, 182));
    color: #fff;
    border: 0;
    padding: 11px;
    font-size: 14px;
    text-transform: uppercase;
	cursor:pointer;
	border-radius:5px;
}
.related_loads:hover,.related_loads:active,.related_loads:focus{
	background: none repeat scroll 0 0 #147e84;
background: -webkit-linear-gradient(#147e84, rgb(96, 174, 182));
background: -o-linear-gradient(#147e84, rgb(96, 174, 182));
background: -moz-linear-gradient(#147e84, rgb(96, 174, 182));
background: linear-gradient(#147e84, rgb(95, 205, 216));
	color:#fff;
	text-decoration:none;
}

.smartImg {
 width: 240px;
 height: 99px;
 /*margin: -50px;*/
 margin-left: 112px;
}

.loadprint .load-m-40  {
	width:60% !important;
	word-break: break-all;
	/* padding-left :200px;     */
}
.loadprint .load-m-60  {
	width:50% !important;
	word-break: break-all;  
	padding-right :105px;   
}

#selerror {
	float: left;
    margin-left: 255px;
    width: 41%;
    color: rgba(242,1,5,1.00);
    font-size: 12px;
    margin-top: -18px;
    height: 35px;
}

.userassign lable.error{
    padding-left: 314px;
    padding-right: 314px;
}
	
.dashLeftList .dash-left{
	width:80%;
	display:initial;
	word-break: break-all;
}
.load_label {
word-break:break-all;
}
.sitealign {
	word-break : break-all;
  }

#loadurl {
	padding:5px;
 }
 
#emailSendID {
	font-size:15px;
 }