@charset "UTF-8";

/* CSS Document */
/*Import FONT*/
@font-face {
	font-family: "sinkin-lite";
	src: url("../fonts/SinkinSans-200XLight.ttf") format("opentype");
}
@font-face {
	font-family: "fontawesome";
	src: url("../fonts/fontawesome-webfont.ttf") format("opentype");
}
@font-face {
	font-family: "sinkin";
	src: url("../fonts/SinkinSans-400Regular.ttf") format("opentype");
}
@font-face {
	font-family: "helvetica-b";
	src: url("../fonts/HelveticaNeue-Bold.ttf") format("opentype");
}
@font-face {
	font-family: "avenir";
	src: url("../fonts/Avenir-Book.ttf") format("opentype");
}
@font-face {
	font-family: "avenir-b";
	src: url("../fonts/Avenir-Black.ttf") format("opentype");
}
/*@font-face {
	font-family: "lato";
	src: url("pussets/fonts/Lato-Medium.ttf") format("opentype");
}
@font-face {
	font-family: "helve-neue-thin";
	src: url("../fonts/HelveticaNeue-Thin.ttf") format("opentype");
}
/*@font-face {
	font-family: "lato";
	src: url("pussets/fonts/Lato-Medium.ttf") format("opentype");
}

@font-face {
	font-family: "helve-neue-lite";
	src: url("../fonts/HelveticaNeue-UltraLight.ttf") format("opentype");
}
@font-face {
	font-family: "sinkin-black";
	src: url("../fonts/SinkinSans-800Black.ttf") format("opentype");
}
@font-face {
	font-family: "quentin";
	src: url("../fonts/Quentin.ttf") format("opentype");
}

@font-face {
	font-family: "sinkin-med";
	src: url("../fonts/SinkinSans-500Medium.ttf") format("opentype");
}

@font-face {
	font-family: "avenir";
	src: url("../fonts/Avenir-Book.ttf") format("opentype");
}
@font-face {
	font-family: "helvetica";
	src: url("../fonts/HelveticaNeue-Light.ttf") format("opentype");
}
@font-face {
	font-family: "rubik";
	src: url("../fonts/Rubik-Medium.ttf") format("opentype");
}
@font-face {
	font-family: "rubik-lite";
	src: url("../fonts/Rubik-Light.ttf") format("opentype");
}
@font-face {
	font-family: "rubik-bold";
	src: url("../fonts/Rubik-Bold.ttf") format("opentype");
}

@font-face {
	font-family: "avenir-b";
	src: url("../fonts/Avenir-Black.ttf") format("opentype");
}
@font-face {
	font-family: "helve-neue-thin";
	src: url("../fonts/HelveticaNeue-Thin.ttf") format("opentype");
}
@font-face {
	font-family: 'ElegantIcons';
	src:url('../fonts/ElegantIcons.eot');
	src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ElegantIcons.woff') format('woff'),
		url('../fonts/ElegantIcons.ttf') format('truetype'),
		url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
*,
*::before,
*::after {
	/*border-radius: 0 !important;*/
	font-family:avenir;
	font-size:14px;
	color:#464646;
}
a {
	color:#408d9e;
}
a:hover {
	text-decoration:none;
    transition: all 0.3s;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #d0d0d0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #d0d0d0;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #d0d0d0;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #d0d0d0;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #d0d0d0;
}
::placeholder { /* Most modern browsers support this now. */
   color:    #d0d0d0;
}
.lookup-table tbody tr td {
	text-align: left;
	cursor:pointer;
	color:#000000;
	background-color:inherit;
	padding-left:3px;
}
.lookup-table tbody tr td:hover {
	color:#68b7be;
	background-color:#ddeae1;
}
/*sidebar menu*/
#sidebar {
   /*background: #7386D5;*/
    position:relative;
    transition: all 0.3s;
	width:100%;
	padding-left:0px;
	padding-right:0px;
}
#sidebar li {
	position: relative;
	padding-left: 15px;
	height: 50px;
	padding-top:0px;
	padding-bottom:0px;
	
/* 	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff; */
	
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #ffffff;
	
	border-right-width: 3px;
	/* border-right-style: solid; */
	
	/* font-family:sinkin-lite; */
	font-family:avenir;
	text-align: left;
	text-transform: none;
	font-size:15px;
/* 	font-weight: bolder;
 */	
	/* color:rgba(255,255,255) !important;#b9bec9; */
	
	
	line-height:50px;
	cursor: pointer;
	overflow-x:visible;
}

#sidebar li .tri-left {
	display:none;
}
#sidebar li .l-icon {
	position:absolute;
	right:0px;
	top:0px;
	margin-right:6px;
	width:50px;
	text-align:center;
	height:30px;
	font-size:13px;
	padding-top:0px;
	padding-bottom:0px;
	color:#b9bec9;
	line-height:46px;
}
#sidebar li .l-icon img {
	margin-left:auto;
	margin-right:auto;
	height:26px;
}
/* sidebar-open*/
#sidebar li .l-icon.sidebar-open{
	left: 7px;
   	right: auto;
   	margin-right: 0;
   	margin-left: 0;
}

#sidebar li.menu-title.sidebar-open{
	padding-left: 55px;
}

#sidebar li{
	border-bottom-style:none;
}
/*#sidebar li.active .l-icon {
	color:#fff;
}
#sidebar li span {
	position:absolute;right:70px;top:12px;font-size:10px;
}*/
#sidebar hr{ 
  height: 1px;
  color: rgba(255,255,255,.5);
  background-color: rgba(255,255,255,.2);
  border: none;
  margin-left:15px;
  margin-right:10px;
}
/*Header Menu*/
.btn:focus {
    outline: none !important;
}
.hd-menu {
	width:100%;
	position:relative;
	margin-left:10px;
	left:0px;top:0px;padding-left:30px;
	/*background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );*/
	
	height:62px;
}
/*.hd-menu .first-box {
	position:absolute;
	left:-1px;
	top:0px;
	width: 0;
  	height: 0;
  	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
	height:60px;
	width:60px;
	z-index:9;
}
.hd-menu .first-angle {
	position:absolute;
	left:0px;
	top:0px;
	width: 0;
  	height: 0;
  	border-bottom: 60px solid #ffffff;
  	border-left: 60px solid transparent;
	z-index:10;
}*/
.hd-menu .hook {
	float:left;
	position:relative;
	width:20px;
	height:60px;
	margin-left:15px;
	margin-right:0px;
}
.hd-menu .hd-module {
	float:left;
	position:relative;
	margin-left:-14px;
	word-wrap:normal;
	width:auto;
	padding-left:75px;
	padding-right:0px;
	padding-bottom:1px;
	margin-right:15px;

	font-family:rubik-bold;
	font-size:20px;
	letter-spacing:-1px;

	text-shadow: 1px 1px rgba(0,0,0,0.3);
	
	color:#ffffff;
	line-height:59px;
}
.hd-menu .hd-module .hd-triangle {
	position:absolute;
	right:-59px;
	top:0px;
	width:0;
	height:0;
	border-top: 59px solid #999;
	border-right: 59px solid transparent;
	z-index:0;
}
.hd-menu .hd-module .hd-triangle-down {
  position:absolute;
	right:-59px;
	top:0px;
	width: 0;
  	height: 0;
  	border-left: 29px solid transparent;
  	border-right: 29px solid transparent;
  	border-top: 29px solid rgba(255, 255, 255, 0.3);
  	z-index:1;
}
.hd-menu .hd-module .hd-arrowup {
	position:absolute;
	right:-61px;
	top:30px;
	z-index:1;
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
  	border-bottom: 30px solid rgba(186, 211, 142, 0.5);
}
.navbar {
	display:inline-block;
}
.hd-menu nav div ul li a, .hd-menu .nav li a {
	/*Menu with Dropdown in Header*/
	font-family:sinkin;
	font-size:11px;
	color:#1e1e26;
	line-height:32px;
}
.hd-menu .nav li a {
	line-height:37px;
}

/*-------------------------------------------------------------------*/
/* 1. Header */
#page-header header {
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  position: relative;
  z-index: 999;
}
#page-header hr {
  margin: 0;
}
#page-header .left {
  display: table-cell;
  vertical-align: middle;
}
#page-header .right {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}
#page-header .secondary-nav {
  width: 100%;
}
#page-header .secondary-nav nav {
  display: table;
  width: 100%;
}
#page-header .secondary-nav .left {
  font-size: 12px;
}
#page-header .secondary-nav .left a {
  color: #1f1f1f;
  margin-right: 15px;
}
#page-header .secondary-nav .left a i {
  margin-right: 5px;
}
#page-header .secondary-nav .right .element {
  display: inline-block;
  border-left: 1px solid rgba(31, 31, 31, 0.1);
  margin-right: -2px;
}
#page-header .secondary-nav .right .element:last-child {
  border-right: 1px solid rgba(31, 31, 31, 0.1);
}
#page-header .secondary-nav .right a {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  color: #1f1f1f;
  display: inline-block;
  padding-top: 17px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
#page-header .secondary-nav .right a:hover {
  background-color: rgba(31, 31, 31, 0.05);
}
#page-header .secondary-nav .right select {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
  margin-top: 0;
}
#page-header .secondary-nav .right select:hover {
  background-color: rgba(31, 31, 31, 0.05);
}
#page-header .primary-nav {
  display: table;
  width: 100%;
  padding: 0px;
}
#page-header .primary-nav #brand {
  display: block;
  padding: 10px 10px 10px 0;
}
#page-header .primary-nav .left {
  position: relative;
}
#page-header .primary-nav .left .nav-trigger {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  font-size: 16px;
  height: 18px;
  display: none;
}
#page-header .primary-nav nav > ul {
	list-style: none;
	margin-bottom: 0;
	position: relative;
	font-family:mark;
	padding-left:5px;
}
#page-header .primary-nav nav > ul li {
  display: inline-block;
  font-family: sinkin-lite;
  
}
#page-header .primary-nav nav > ul li:hover .child-nav {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: auto;
}
#page-header .primary-nav nav > ul li:last-child a {
  padding-right: 0;
  
}
#page-header .primary-nav nav > ul li.active > a {
	font-weight: 100;
	color:red;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#page-header .primary-nav nav > ul li.submit a {
  position: relative;
  padding-left: 50px;
}
#page-header .primary-nav nav > ul li.submit a:hover i {
  border: 2px solid rgba(0, 0, 0, 0.3);
}
#page-header .primary-nav nav > ul li.submit span {
  display: none;
}
#page-header .primary-nav nav > ul li.submit i {
  -moz-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.1);
  font-size: 0px;
  height: 36px;
  width: 36px;
  display: inline-block;
  position: absolute;
  top: -2px;
  bottom: 0;
  margin: auto;
  right: 0;
}
#page-header .primary-nav nav > ul li.submit i img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}
#page-header .primary-nav nav > ul li a {
  border: 1px solid transparent;
  padding: 7px 8px 8px 8px;
  color: #606060;
  font-weight: bold;
}
#page-header .primary-nav nav > ul li a:hover {
  color: #488f3e;
}
#page-header .primary-nav nav > ul li a.has-child {
  position: relative;
}
#page-header .primary-nav nav > ul li a.has-child:after {
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  font-family: 'fontawesome';
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\f111";
  color: #488f3e;
  font-size: 6px;
  top: -2px;
  position: relative;
  margin-left: 5px;
}
#page-header .primary-nav nav > ul li .child-nav {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  min-width: 170px;
  pointer-events: none;
  list-style: none;
  padding: 0;
  padding-top: 10px;
  position: absolute;
  top: 100%;
  margin-top: 5px;
}
#page-header .primary-nav nav > ul li .child-nav:hover {
  pointer-events: auto;
}
#page-header .primary-nav nav > ul li .child-nav li {
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  display: block;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
#page-header .primary-nav nav > ul li .child-nav li:last-child {
  border: none;
}
#page-header .primary-nav nav > ul li .child-nav li:hover .child-nav {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  pointer-events: auto;
}
#page-header .primary-nav nav > ul li .child-nav li a {
  padding: 8px 12px;
  display: block;
  font-weight: normal;
}
#page-header .primary-nav nav > ul li .child-nav li a:hover {
  background-color: #488f3e;
}
#page-header .primary-nav nav > ul li .child-nav li a:hover.has-child:after {
  color: #fff;
}
#page-header .primary-nav nav > ul li .child-nav li a.has-child:after {
  -moz-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  font-family: 'fontawesome';
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  content: "\f054";
  color: #488f3e;
  font-size: 10px;
  bottom: 0;
  margin: auto;
  top: 0px;
  right: 10px;
  position: absolute;
  margin-left: 5px;
  height: 10px;
}
#page-header .primary-nav nav > ul li .child-nav li .child-nav {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -moz-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
  pointer-events: none;
  left: 100%;
  top: 0;
  padding-top: 0;
  margin-top: 0;
}
#page-header .nav-trigger {
  text-align: right;
}
#page-header .nav-trigger a {
  display: none;
  padding: 6px 0px 6px 10px;
}
.owner-tag {
	height:40px;padding-top:10px;
	padding-left:7px;background-color:#7dadc1;color:#ffffff;line-height:35px;
	font-family:rubik;font-size:16px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;margin-left:7px;
}
.dropdown .nav-link:hover {
	color:#789b41;
}
.dropdown .nav-link:hover .dropdown-icon {
	color:#789b41;
}
.hd-menu nav div ul li a .dropdown-icon {
	color:#b6bbc6;
	margin-right:6px;
}
.hd-menu .dropdown-menu, .dropdown .dropdown-menu {
	top:32px;
}
.hd-menu .dropdown-menu .dropdown-item {
	font-family: sinkin;
	font-size: 11px;
	/*color: #1e1e26;*/
	color:red;
	line-height: 26px;
	padding-left: 10px;
	height: 30px;
	padding-right:30px
}
.hd-menu .btn-group .text-right .dropdown-item {
	padding-right:10px;
	background-color:green;
}
.hd-menu .dropdown-menu .drop-active {
	background-color:#b1d1df;
}
.dropdown-header {
	font-family:sinkin-black;
	font-size:11px;
	color:#38364d;
	line-height:14px;
	padding-left:14px;
}
.hd-menu .dropdown-menu .dropdown-item:hover{
	color:#728f23;
	background-color:#f4f6ef;
	cursor:pointer;
}
.hd-menu .dropdown-menu .dropdown-item .dropdown-icon {
	margin-right:6px;
	width:15px;
	color:#525063;
}
.hd-access {
	float:right;width:50%;text-align:right;background-color:blue
}
.version-disp {
	border: 1px solid #F90;
	padding:8px;
	font-family:sinkin;
	font-size:10px;
	color:#F90;
	line-height:8px;
	height:24px;
	margin-top:-2px;
}
/* app page*/
.title {
	font-family:sinkin-black;
}
.title.page {
	font-size:18px;
	line-height:20px;
	margin-top:35px;
}
.horz-line {
	position:relative;
	text-align:center;
	clear:both;
	height:1px;
	width:100%;
	background-color:rgba(0,0,0,0.2);
	padding-left:0px;
	padding-right:0px;
	margin-top:10px;
	margin-bottom:20px;
	display:block;
}
.horz-line span {
	position:absolute;
	top:-6px;
	left:0px;
	right:0px;
	font-family:avenir;
	text-transform:uppercase;
	text-align:center;
	color:#487d6a;
	letter-spacing:3px;
	font-size:10px;
	background-color:#ffffff;
	width: fit-content;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
}
/*module specific*/
.btn-module-organization {
	background-color:#80955b;
	border: 1px solid #80955b;	
	color:#fff;
}
.btn-module-personnel {
	background-color:#20b2d7;
	border: 1px solid #20b2d7;	
	color:#fff;
}
/*card*/
.txt-menu-sch {
	background-color: #d9e3df;
	border: 1px solid #d9e3df;	
	font-size:14px;
	width:90%;
	padding-left:10px;
	padding-right:10px;
	-webkit-border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
}
.btn-menu-sch {
	background-color: #7d9f91;
	border: 1px solid #7d9f91;	
	font-size:14px;
	min-width:35px;
	-webkit-border-radius: 0px 6px 6px 6px;
	-moz-border-radius: 0px 6px 6px 6px;
	border-radius: 0px 6px 6px 6px;
	margin-right:0px;
	color:#fff;
	padding-right:10px;
	padding-left:10px;
}
.table {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#fff;
}
.table .thead-dark th {
  	color: #fff;
  	background-color: #b0c6bc;
  	border-color: #96aca2;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.02);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
/*end of Revised*/
.navbar-brand img {
	width:160px;
}
.header-active {
  background-color:#000;
}
.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e8e6e6;	
}
.hd-access {
	text-align:right;
}
.shade-white {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99,000000+100&1+1,0.45+99,0.45+99,0.97+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0.45) 99%, rgba(0,0,0,0.97) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.45) 99%,rgba(0,0,0,0.97) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0.45) 99%,rgba(0,0,0,0.97) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7000000',GradientType=0 ); /* IE6-9 */
}
body {
	background-color:#f5f5f5;
}
.apps-pad {
	display: inline-block;
	background-color: #fff;
	width: 100%;
	border-radius: 5px;
}

@media only screen {
	.front {
		background-attachment:scroll;
		background-repeat: no-repeat;
		background-position: center top;
		background-size:cover;
		height:820px;	
	}
	.white-back {
		background-color:#fff;
	}
	.black-back {
		background-color:#000;
	}
	/*separator*/
	hr.style11 {
		height: 6px;
		background: url(../img/hr-11.png) repeat-x 0 0;
		border: 0;
		width:100%;
		padding-left:0px;
		padding-right:0px;
	}
	hr.style14 { 
	  border: 0; 
	  height: 1px; 
	  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
	}
	.hor-line {
		position:relative;
		text-align:center;
		height:1px;
		width:100%;
		background-color:rgba(0,0,0,0.2);
		margin-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		margin-bottom:20px;
	}
	.hor-line span {
		position:absolute;
		top:-8px;
		left:0px;
		right:0px;
		font-family:avenir;
		text-transform:uppercase;
		text-align:center;
		letter-spacing:3px;
		font-size:12px;
		background-color:#ffffff;
		width: fit-content;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		padding-left:5px;
		padding-right:5px;
	}
	/*titles*/
	.title {
		font-family:sinkin-black;
		color:#000000;
	}
	.title-thin {
		font-family:sinkin;
		color:#000000;
	}
	.title-page {
		font-family:rubik;
		font-size:20px;
		line-height:28px;
		letter-spacing:-1px;
	}
	.title-page.admin {
		margin-top:30px;
		color:red;
	}
	.title-page.admin .separator {
		display: inline-block;
		font-family: helvetica-thin;
		color: #cecec6;
		font-size: 30px;
		background-attachment: scroll;
		background-image: url(../app/assets/img/chev.png);
		background-repeat: no-repeat;
		background-position: center 14px;
		width: 20px;
		height: 15px;
		background-size: 8px;
		padding-left: 5px;
		padding-right: 5px;
		bottom:10px;
	}
	.title-page.admin span {
		font-family:rubik;
		font-size:16px;
		color:#7b8d6c;
	}
	.title-module {
		font-family:sinkin-lite;
		color:#ffffff;
		font-size:20px;
		line-height:10px;
		letter-spacing:3px;
		text-transform:uppercase;
	}
	h1 {
		font-family: rubik-bold;
		color:#000000;
		font-size:40px;
		line-height:46px;
		letter-spacing:-1px;
	}
	h2 {
		font-family:sinkin-black;
		color:#000000;
		font-size:25px;
		line-height:25px;
		margin-bottom:30px;
		letter-spacing:-1px;
	}
	.title-head {
		font-family:sinkin-black;
		color:#000000;
		font-size:25px;
		line-height:25px;
		margin-bottom:20px;
	}
	.title-on-line {
		position:absolute;
		left:0px;
		right:0px;
		font-size:24px;
		line-height:26px;
		margin-top:-30px;
		font-family:sinkin-black;
		background-color:#fff;
		width:fit-content;
		margin-left:auto;
		margin-right:auto;
		padding-left:5px;
		padding-right:5px;
		margin-bottom:20px;
	}
	.title-feature {
		font-family:sinkin-black;
		font-size:18px;
		line-height:18px;
		margin-bottom:10px;
	}
	/*icon key feature*/
	.feature-img {
		height:70px;
		margin-bottom:20px;
	}
	
	/*apps*/
	.product-icon {
		/*col for icon*/
		width:100%;
	}
	.product-icon img {
		/*icon */
		height:60px;
		margin-bottom:10px;
	}
	.product-desc {
		font-size:14px;
		line-height:18px;
		margin-bottom:10px;
	}
	.product-desc a {
		display: block;
		margin-top:10px;
		font-size:14px;
	}
	.product-desc h4 {
		/*col for desc*/
		font-family: avenir-b;
		font-size:10px;
		letter-spacing:2px;
		text-transform:uppercase;
		font-size:14px;
		margin-top:4px;
	}
	
	
	.module-intro {
		width:30%;
	}
	.pright {
		float:right;
		text-align:right;
		padding-right:0px;
	}
	.pright img {
		float:right;
		margin-right:0px;
	}
	.module-intro img {
		display:block;
		margin-top:30px;
	}
	.module-content {
		float:left;
	}
	.pright {
		float:right;
		text-align:right;
	}
	.pleft {
		text-align:left;
	}
	.pcenter {
		text-align:center;
	}
	.title, .module {
		font-size:30px;
		line-height:52px;
	}
	.dropdown-menu {
		z-index:100;
	}
	.btn-social-float:not(:last-child) {
		width: 36px;
		text-align: center;
		padding-left:2px;
		padding-bottom:2px;
		padding-top:4px;
		height:38px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #c1c1c1;
	}
	.btn-social-float:last-child {
		padding-top:4px;
	}
	.btn-social-float img {
		margin-left:auto;
		margin-right:auto;
		width:30px;
		cursor:pointer;
		padding:3px;
	}
	.btn-social-float img:hover {
		cursor:pointer;
		background-color:#cecece;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px; /* future proofing */
		-khtml-border-radius: 4px; /* for old Konqueror browsers */
	}
	
}