/* Minification failed. Returning unminified contents.
(3890,11): run-time error CSS1030: Expected identifier, found '.'
(3890,23): run-time error CSS1031: Expected selector, found ')'
(3890,23): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Trax8 custom css*/

/* 

Color Guide
***************

nFocus colors primary colors
orange #f8971d 
green  #94c947 
purple #2d257d 

Additional colors from nFocus style guidelines document

*/   

/*

1. General Styles -------------------
2. Header Styles -------------------- 
3. Body Styles ---------------------- 
4. Footer styles -------------------- 
5. Comments & form styles ----------- 
6. Angular styles -------------------

*/

html {
	position: relative;
	min-height: 100%;
	overflow-x: hidden;
	width: 100vw;
}
body {
	background: #E9E9E9 url(../Images/body-bg.png) repeat 0 0;
	margin-bottom: 168px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;/*line-height: 1.42857143;*/
}
h1 {
	font-size: 30px;
	line-height: 36px;
}
h1 small {
	font-size: 18px;
}
h2 {
	font-size: 24px;
	line-height: 36px;
}
h2 small {
	font-size: 18px;
}
/* used as page header */
h3 {
	font-size: 18px;
	line-height: 27px;
	color: #f8971d;
	font-weight: bold;
    margin-top: 0px;
}
h3 small {
	font-size: 14px;
}
h4, h5, h6 {
	line-height: 18px;
}
h4 {
	font-size: 14px;
}
h4 small {
	font-size: 12px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 11px;
	color: #999999;
	text-transform: uppercase;
}
legend {
	color: #f8971d
}

a:focus {
  outline: none;
}

/* navbar related styles*/
.navbar-text {
	margin-top: 17px;
	margin-left: 0;
}
.navbar-chat {
    position: absolute;
	top:55px;
    right: 15px;
}
.navbar-inner {
	background: #292929;
	border-bottom: 1px solid #121212;
}
.navbar-toggle {
  padding: 9px;
  margin-top: 7px;
  margin-right: 12px;
  margin-bottom: 0;
  color: #eee;
  font-size: 18px;
  line-height: 0;
  border-color: transparent;
}
.subnavbar .subnav-toggle {
  display: none;
  padding: .5em 0;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
  color:  #f8971d
}
.subnavbar .subnav-toggle:hover {
  text-decoration: none;
}
.navbar-brand-larger {
	height: 60px;
}

.dropdown .dropdown-menu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.dropdown-menu {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.dropdown-menu .divider {
	margin: 5px 0;
}
.dropdown-menu > li > form {
	cursor: pointer;
}
.dropdown-menu > li > form > input[type="submit"] {
	width: 100%;
	font-size: 12px !important;
	border: none;
	background: none;
	padding: 0;
	text-align: left;
}
.dropdown-menu > li > a,
.dropdown-menu > li > form {
	padding: 5px 9px 4px 9px;
	margin: 0 6px;
	font-size: 12px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.dropdown-menu > li > a:not(.disabled):hover,
.dropdown-menu > li > a:not(.disabled):focus,
.dropdown-menu > li > form:hover,
.dropdown-menu > li > form:focus {
	color: #FFF;
	background-color: #f8971d; /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
}
.dropdown-menu > li > a.disabled:hover,
.dropdown-menu > li > a.disabled:focus {
	background-color: unset;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > form,
.dropdown-menu > .active > form:hover,
.dropdown-menu > .active > form:focus {
	color: #ffffff;
	background: #f8971d; /*text-shadow: none;*/
}
@media (max-width: 767px) {
	.dropdown-menu > li > a,
	.dropdown-menu > li > form,
	.dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}

	.dropdown-menu > li > a,
	.dropdown-menu > li > form {
		line-height: 20px;
	}

	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.dropdown-menu > li > form:hover,
	.dropdown-menu > li > form:focus {
		background-image: none;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > form {
		color: #9d9d9d;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > form:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > form:focus {
		color: #fff;
		background-color: transparent;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > form,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > form:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > form:focus {
		color: #fff;
		background-color: #080808;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a.disabled,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a.disabled:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a.disabled:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > form,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > form:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > form:focus {
		color: #9d9d9d;
		background-color: transparent;
	}
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}
.dropdown-submenu > a:after,
.dropdown-submenu > form:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-right: -5px;
}
.dropdown-submenu:hover > a:after,
.dropdown-submenu:hover > form:after {
	border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
.dropdown-menu .dropdown-header {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#414141), to(#323232));
    background-image: -webkit-linear-gradient(top, #414141, 0%, #323232, 100%);
    background-image: -moz-linear-gradient(top, #414141 0%, #323232 100%);
    background-image: linear-gradient(to bottom, #414141 0%, #323232 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff414141', endColorstr='#ff323232', GradientType=0);
    border-bottom: 1px solid #000;
    color: #fff;
    font-weight: bold;
    padding-left: 14px;
}

/* subnavbar */

.subnavbar {
	margin-bottom: 0.5em;
	border-top: 1px solid #595959;
}
.subnavbar .subnav-toggle {
	display: none;
	padding: .5em 0;
	margin: 0 auto;
	font-size: 18px;
	text-align: center;
	color: #f8971d;
}
.subnavbar .subnav-toggle:hover {
	text-decoration: none;
}
.subnavbar .subnavbar-inner {
	height: 80px;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#414141), to(#323232));
	background-image: -webkit-linear-gradient(top, #414141, 0%, #323232, 100%);
	background-image: -moz-linear-gradient(top, #414141 0%, #323232 100%);
	background-image: linear-gradient(to bottom, #414141 0%, #323232 100%);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff414141', endColorstr='#ff323232', GradientType=0);
	border-bottom: 1px solid #000;
}
.subnavbar .btn-subnavbar {
	display: none;
	padding: 10px 0 8px;
	color: #f8971d;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}
.subnavbar .btn-subnavbar:hover {
	text-decoration: none;
}
.subnavbar .dropdown .caret {
	margin-top: -16px;
	border-top-color: #888;
	border-bottom-color: #888;
	opacity: 35;
	filter: alpha(opacity=3500);
}
.subnavbar .dropdown.open .caret {
	display: none;
}
.subnavbar .mainnav {
	display: inline-block;
	height: 80px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #292929;
	border-right: 1px solid #4A4A4A;
}
.subnavbar .mainnav > li {
	float: left;
	min-width: 90px;
	height: 80px;
	padding: 0;
	margin: 0;
	text-align: center;
	list-style: none;
	border-left: 1px solid #4A4A4A;
	border-right: 1px solid #292929;
}
.subnavbar .mainnav > li > a {
	display: block;
	height: 100%;
	padding: 0 15px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.subnavbar .mainnav > li > a:hover {
	color: #f8971d;
	text-decoration: none;
}
.subnavbar .mainnav > li > a > i {
	position: relative;
	top: 2px;
	display: inline-block;
	/*
	width: 24px;
	height: 24px;
	*/
	margin-top: 12px;
	margin-bottom: 9px;
	font-size: 28px;
}

@media (max-width: 991px) {
    /*.subnavbar .mainnav > li > a > i {

        width: 14px;
        height: 14px;
        margin-top: 6px;
        margin-bottom: 4px;
        font-size: 18px;
        padding: 0px;
    }*/
}
@media (max-width: 767px) {
    /*.subnavbar .mainnav > li > a > i {
        width: 10px;
        height: 10px;
        margin-top: 4px;
        margin-bottom: 2px;
        font-size: 12px;
        padding: 0px;
    }*/
}


.subnavbar .mainnav > li > a > span {
	display: block;
	padding-bottom: 2px;
}
.subnavbar .mainnav > li.open > a {
	text-decoration: none;
}
.subnavbar .mainnav > li.active > a {
	background: #333;
	color: #f8971d;
}
.subnavbar .mainnav > li.active > a .caret {
	border-top-color: #f8971d;
	border-bottom-color: #f8971d;
}
.subnavbar .dropdown > .dropdown-menu {
	top: 97%;
	text-align: left;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.subnavbar .dropdown > .dropdown-menu a {
	font-size: 12px;
}
.subnavbar .dropdown > .dropdown-menu::before, .subnavbar .dropdown > .dropdown-menu::after {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #CCC;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 9px;
}
.subnavbar .dropdown > .dropdown-menu::after {
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-bottom-color: #fff;
	top: -6px;
	left: 10px;
}
.subnavbar .dropdown-submenu .dropdown-menu:after, .subnavbar .dropdown-submenu .dropdown-menu:before {
	display: none;
}
.subnavbar .subnav-collapse.collapse {
	height: auto\9;
	overflow: visible\9;
}

a.disabled,
a.disabled:visited,
a.disabled:active,
a.disabled:hover,
a.disabled-link,
a.disabled-link:visited,
a.disabled-link:active,
a.disabled-link:hover {
	cursor: default;
	opacity: 0.6;
}

a.disabled-link,
a.disabled-link:visited ,
a.disabled-link:active,
a.disabled-link:hover {
	color:#aaa !important;
}

/* footer area */
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
   	/* Set the fixed height of the footer here */
    height: 168px;
	background-color: #292929;
}
.footer-logo {
	margin-top: 10px;
    max-width: 209px;
}
.footer h3 {
	color: #999999;
}
.extra {
	border-top: 1px solid #585858;
	border-bottom: 1px solid #000;
}
.extra-inner {
	padding: 2px 0px 15px 0px;
	font-size: 11px;
	color: #BBB;
	background: #1A1A1A;
}
.extra a {
	color: #666;
}
.extra h4 {
	margin-bottom: 1em;
	font-weight: 400;
}
.extra ul {
	padding: 0;
	margin: 0;
}
.extra li {
	margin-bottom: .6em;
	list-style: none;
}
.footer-bottom {
	margin-top: 0;
	border-top: 1px solid #292929;
}
.footer-inner {
	padding: 15px 0;
	font-size: 12px;
	background: #111;
	color: #999;
}
.footer a {
	color: #999;
}
.footer a:hover {
	color: #FFF;
	text-decoration: none;
}
/* footer - social networks buttons */

.social-networks {
    
    visibility: hidden !important;

}
.social-networks h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.social-networks a {
	display: inline-block;
	margin: 0;
	margin-right: 10px;
    margin-bottom: 4px;
	padding: 6px 0 0 0px;
	font-size: 26px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	text-align: center;
	width: 48px;
	height: 48px;
	line-height: 28px;
	background: #222;
	text-decoration: none;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.social-networks .fa-facebook {
	border: 3px solid #3B5998;
}
.social-networks .fa-facebook:hover {
	background: #3B5998
}
.social-networks .fa-wordpress {
	border: 3px solid #A9CF54;
}
.social-networks .fa-wordpress:hover {
	background: #A9CF54
}
.social-networks .fa-twitter {
	border: 3px solid #31CDFD;
}
.social-networks .fa-twitter:hover {
	background: #31CDFD;
}
.social-networks .fa-youtube {
	border: 3px solid #C9402E;
}
.social-networks .fa-youtube:hover {
	background: #C9402E;
}
.social-networks a:hover {
	background: #000;
	color: #fff;
}
/* footer - back to top */

#back-to-top {
	display: none;
	position: fixed;
	bottom: 5px;
	right: 15px;
	height: 40px;
	width: 40px;
	padding: 8px 0 8px 0;
	text-align: center;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	background: #444;
	line-height: 1em;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#back-to-top:hover {
	background-color: #f8971d;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}
/* login page */

.login-container {
	max-width: 400px;
	padding: 25px;
	margin: 20px auto;
	background: #f9f9f9;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.login-container h2 {
	color: #f8971d;
	font-weight: bold;
	margin-top: 0;
}
.login-extra {
	margin-top: 15px;
    font-size: 14px !important;
}

.login-button-wrapper {
    margin-top: 10px;
}

.login-label {
    margin-left:4px;
    font-weight: normal;
}

/* landing page css */

.landing-page-desc {
	min-height: 136px;
}
.stats-default-width {
	width: 80px !important;
}
.landing-widget-content [class^="fa fa-"], .widget-header [class*="fa fa-"] {
	display: inline-block;
	color: #808080;
	font-size: 56px;
	margin-top: -10px;
	margin-right: -7px;
}
.link-wrapper > h3 {
    margin-top:15px !important;
    margin-bottom:0px !important;
}
.page-stat-boxes {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.page-stat-boxes ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: auto;
}
.page-stat-boxes li {
	clear: both;
	display: inline-block;
	margin: 0;
	padding: 0;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #686868;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.li-wrapper {
	margin: 0;
	padding: 0;
	height: 171px;
	width: 105px;
	float: left;
}
.page-stat-box-value {
	color: #f8981d;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	border-radius: 4px 4px 4px 4px;
	margin: 5px 5px 10px 5px;
	padding: 10px 2px 10px 2px;
	font-size: 22px;
	font-weight: 900;
}
.page-stat-box-value-sm {
	font-size: 18px;
}
.page-stat-box-label {
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	word-wrap: break-word;
}
.span4-adjusted {
	width: 95%;
	margin-right: 10px;
	margin-left: 10px;
}
.span6-adjusted {
	width: 95%;
	margin-right: 10px;
	margin-left: 10px;
}
.span4-adjusted-outer {
	position: relative;
	text-align: left;
}
.action-wrapper {
	background: #fff;
	border: 1px solid #e1e1e8;
	padding: 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #f8981d;
	min-height: 150px;
}
a:not(.unauthorizedMenuItem) > .action-wrapper:hover {
	background-color: #f5f5f5;
}
.action-wrapper a, a:hover {
	text-decoration: none;
}
.action-img-wrapper {
	position: relative;
	top: -15px;
	left: -15px;/*margin-bottom: 15px; 
    margin-right: 15px;*/
}
.help-img-wrapper {
	margin-right: 5px;
}
.action-wrapper p {
	color: #666666;
}
.link-wrapper {
	overflow: hidden;
}
.link-wrapper h3 {
	padding-right: 5px;
}
.link-wrapper p {
	font-size: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
}
/*------------------------------------------------------------------
[ Widget / .widget ]
*/
.widget {
	position: relative;
	clear: both;
	width: auto;
	margin-bottom: 10px;
}
.widget .widget-header {
	position: relative;
	height: 40px;
	line-height: 40px;
	background: #454445;
	border: 1px solid #454445;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;/*-webkit-background-clip: padding-box;*/
}
.widget .widget-header h3 {
	margin: 0;
	top: 0;
	position: relative;
	left: 10px;
	display: inline-block;
	margin-right: 3em;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	line-height: 18px;
	vertical-align: middle;
}
.widget .widget-header [class^="fa fa-"], .widget .widget-header [class*=" fa fa-"] {
	display: inline-block;
	margin-left: 13px;
	margin-right: -2px;
	font-size: 16px;
	color: #fff;
	vertical-align: middle;
}
.widget .widget-header-gradient {
	    position: relative;
	    height: 40px;
	    line-height: 40px;
        color: #fff;
	    /*border: 1px solid #454445;*/
        border-bottom: 1px solid #000;
        -webkit-border-top-left-radius: 4px;
	    -webkit-border-top-right-radius: 4px;
	    -moz-border-radius-topleft: 4px;
	    -moz-border-radius-topright: 4px;
	    border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
        background-image: none, -webkit-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	    background-image: none, -moz-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	    background-image: none, -o-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
        background-image: none, -ms-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	    background-image: none, linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(s64,63,52,.4) 100%);
	    background-position: 50% 50%;
    }
.widget .widget-header-gradient h3 {
    text-transform: uppercase;
	margin: 0;
	top: 0;
	position: relative;
	left: 10px;
	display: inline-block;
	margin-right: 3em;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	line-height: 18px;
	vertical-align: middle;
}
.widget .widget-header-gradient [class^="fa fa-"], .widget .widget-header-gradient [class*=" fa fa-"] {
	display: inline-block;
	margin-left: 13px;
	margin-right: -2px;
	font-size: 16px;
	color: #fff;
	vertical-align: middle;
}
.widget .widget-content {
	padding: 15px 15px 15px;
	background: #fff;
	border: 1px solid #b0b0b0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.widget .widget-header + .widget-content {
	border-top: none;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.widget.widget-nopad .widget-content {
	padding: 0;
}
.widget .widget-content:before, .widget .widget-content:after {
	content: " ";
	display: table;
}
.widget .widget-content:after {
	clear: both;
}
.widget.widget-table .widget-content {
	padding: 0;
}
.widget.widget-table .table {
	margin-bottom: 0;
	border: none;
}
.widget.widget-table .table tr td:first-child, .widget.widget-table .table tr th:first-child {
	border-left: none;
}
.widget.widget-plain {
	background: transparent;
	border: none;
}
.widget.widget-plain .widget-content {
	padding: 0;
	background: transparent;
	border: none;
}
.widget.widget-box .widget-content {
	background: #fff;
}
.widget-header .buttons {
	float: right;
	margin: 0 10px 0 0;/*vertical-align: middle;*/
}
.widget-header .buttons .btn {
	margin-bottom: 4px;
}
.widget-header .buttons [class^="fa fa-"], .widget-header [class*="fa fa-"] {
	display: inline-block;
	margin: 0px;
}
.widget-info-icon [class^="fa fa-"], .widget-info-icon [class*=" fa fa-"] {
	display: inline-block;
	color: #fff !important;
	font-size: 36px !important;
	margin-bottom: 3px !important;
	margin-right: 3px !important;
}
.widget-title {
	margin-top: 0px;
	font-size: 16px;
	color: #f8971d;
}
/*------------------------------------------------------------------


/* Validation */

.required-field {
	color: #ff0000 !important;
	font-weight: bold;
	font-size: 1.2em;
}
.validation-summary-errors {
	color: #ff0000;
	font-weight: bold;
}
.validation-summary-errors ul {
	list-style: none;
	padding-left: 0;
}
.input-validation-error {
	border-style: ridge !important;
	border-color: #ff0000 !important;
	background-color: #ffc0cb !important;
}

.phonenumber-invalid {
	border-style: ridge !important;
	border-color: #ff0000 !important;
	background-color: #ffc0cb !important;
}

/* misc */
.row-extra-space {
	margin-top: 18px !important;
}

/* program header */

.participant-header-wrapper,  .participant-header-body {
	overflow: hidden;
	zoom: 1;
}
.participant-header-heading {
	float: left;
	/*margin-left: 5px;*/
	color: #f8971d;
	vertical-align: middle;
	line-height: 75px;
	height: 75px;
}
.participant-header-content {
	float: left;
	margin-left: 40px;
}
.participant-header-content [class^="fa fa-"], .participant-header-content [class*="fa fa-"] {
	color: #94c947;
}
.participant-header-name {
	margin-left: 10px !important;
}
.participant-header-content h1 {
	color: #f8971d;
	font-weight: 700;
	margin: 0;
	padding: 0;
	font-size: 38px;
	margin-top: 8px;
}
.col1 {
	position: relative;
}
.col2 {
	position: relative;
}
.participant-header-content .col1 .dl-horizontal dt {
	text-align: left;
	font-weight: bold;
	width: 63px;
}
.participant-header-content .col1 .dl-horizontal dd {
	margin-left: 67px;
}
.participant-header-content .col2 .dl-horizontal dt {
	text-align: left;
	font-weight: bold;
	width: 100px;
}
.participant-header-content .col2 .dl-horizontal dd {
	margin-left: 105px;
}
/* end program header*/

     /*program & participant goal settings*/
.goals {
	clear: both;
	padding-left: 20px;
}
.goals .item {
	width: 230px;
	float: left;
	margin-left: 0;
	margin: 0 0 25px 0px;
}
/* default */
.goals .item .default-baloon {
	width: 230px;
}
.goals .item .default-baloon .top {
	background-color: #ccc;
}
.goals .item .default-baloon .bottom {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 26px solid #ccc;
	bottom: -26px;
	height: 0;
	left: 44%;
	position: absolute;
	width: 0;
}
.goals .item default-wrapper h4 {
	text-align: center;
	color: #777;
	margin-bottom: 10px;
}
.goals .item default-wrapper p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	color: #777;
}
/* green */
.goals .item .green-baloon {
	width: 230px;
}
.goals .item .green-baloon .top {
	background-color: green;
}
.goals .item .green-baloon .bottom {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 26px solid green;
	bottom: -26px;
	height: 0;
	left: 44%;
	position: absolute;
	width: 0;
}
/* yellow */
.goals .item .yellow-baloon {
	width: 230px;
}
.goals .item .yellow-baloon .top {
	background-color: yellow;
}
.goals .item .yellow-baloon .bottom {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 26px solid yellow;
	bottom: -26px;
	height: 0;
	left: 44%;
	position: absolute;
	width: 0;
}
/* orange */
.goals .item .orange-baloon {
	width: 230px;
}
.goals .item .orange-baloon .top {
	background-color: orange;
}
.goals .item .orange-baloon .bottom {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 26px solid orange;
	bottom: -26px;
	height: 0;
	left: 44%;
	position: absolute;
	width: 0;
}
/* red */
.goals .item .red-baloon {
	width: 230px;
}
.goals .item .red-baloon .top {
	background-color: red;
}
.goals .item .red-baloon .bottom {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 26px solid red;
	bottom: -26px;
	height: 0;
	left: 44%;
	position: absolute;
	width: 0;
}
.goals .item .wrapper {
	width: 218px;
	border: 1px solid #ccc;
	padding: 5px 5px 0px 5px;
	text-align: center;
}
.goals .item .light-wrapper p {
	color: #666666;
}
.goals .item .baloon {
	color: #333;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 2.2;
	margin-bottom: 31px;
	position: relative;
}
.goals .item .baloon .top {
	width: 230px;
	border-radius: 5px;
}
/* css used to format examples & legends*/
.bs-docs-example {
	position: relative;
	margin: 15px 0;
	padding: 39px 19px 14px;
 *padding-top: 19px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.bs-docs-example:after {
	content: "Example";
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	color: #9da0a4;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
	border-radius: 4px 0 4px 0;
}
.bs-docs-instructions {
	position: relative;
	margin: 15px 0;
	padding: 39px 19px 14px;
 *padding-top: 19px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.bs-docs-instructions:after {
	content: "Instructions";
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	color: #9da0a4;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
	border-radius: 4px 0 4px 0;
}
.bs-docs-legend {
	position: relative;
	margin: 15px 0;
	padding: 39px 19px 14px;
 *padding-top: 19px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.bs-docs-legend:after {
	content: "Legend";
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	color: #9da0a4;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
	border-radius: 4px 0 4px 0;
}
.bs-docs-program-info {
	min-width: 60px;
	position: relative;
	margin: 15px;
	padding: 39px 19px 14px;
 *padding-top: 19px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.bs-docs-program-info:after {
    content: attr(data-content-label);
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #9da0a4;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}
/* participant/case management/outcome buttons */
   /* customized Bootstrap nav-justified css */

/*.nav-justified {
	background-color: #454445 !important;
	border: 1px solid #818286;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 20px !important;
}
.nav-button {
	background-color: #454445;
	border-right: 1px solid #818286;
}
.nav-button-wrapper {
	background-color: #454445;
	color: #fff;
	text-align: left;
	min-height: 100px;
	vertical-align: top;
}
.nav-button-icon {
	display: inline-block;
	margin-right: 5px;
	margin-top: 28px;
}
.nav-button-desc {
	vertical-align: top;
	display: inline-block;
}
.nav-justified .active, .active .nav-button, .active .nav-button-wrapper {
	background-color: #818286;
}
.active .nav-button-icon {
	color: #f8971d;
}
.nav-justified > .active > a:hover,  .nav-justified > .active > a:focus {
	background-color: transparent;
	background-image: none;
}
.inactive {
}
.nav-justified > .inactive > a:hover,  .nav-justified > .inactive > a:focus {
	background-color: transparent;
	background-image: none;
}*/
/*.nav-justified > li:last-child .nav-button {
border-right: 0;
}
.nav > li.disabled > a:hover,  .nav > li.disabled > a:focus {
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
}
.disabled .nav-button-desc,  .disabled .nav-button-icon {
	color: #777;
}*/


 /* classes used to format step by step instructions */
    .merge-step-tabs {
        padding-bottom: 20px;
        text-align: center;
    }
    .merge-step-tabs ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        /* For IE */
        zoom:1;
        *display: inline;
    }
    .merge-step-tabs .nav-tabs {
        border-bottom: none;
    }
    .merge-step-tabs .nav-tabs li {
        position: relative;
        margin-bottom: 8px;
    }
    .merge-step-tabs .tab-pane img {
        float: right;
        margin-left: 40px;
    }
    .merge-step-tabs .tab-pane h2 {
        color: #f8981d;
        font-size: 26px;
        line-height: 1.5;
    }
    .merge-step-tabs .tab-content .content {
        padding-top: 10px;
    }
    .merge-step-tabs ul li a {
        border-left: none;
        border-top: none;
        border-right: none;
        border-bottom: 4px solid #3e92d0;
        margin: 0;
        border-radius: 0;
        padding: 8px 32px;
        font-size: 14px;
        color: #074979;
        cursor: default;
    }
    .merge-step-tabs ul li a:hover {
        background: none;
        border-color: #3e92d0;
        cursor: default;
    }
    .merge-step-tabs ul li.active a, .merge-step-tabs ul li.active a:hover {
        background: none !important;
        border-left: none;
        border-top: none;
        border-right: none;
        border-bottom: 4px solid #f8981d;
        color: #f8981d;
        cursor: default;
    }
    .merge-step-tabs .number-wrapper {
        width: 17px;
        height: 17px;
        bottom: -7px;
        left: 47%;
        position: absolute;
    }
    .merge-step-tabs .first-item {
        background: transparent url("../Images/merge-step-numbers.png") top left no-repeat;
    }
    .merge-step-tabs .active .first-item {
        background: transparent url("../Images/merge-step-numbers.png") scroll 0 -20px no-repeat;
    }
    .merge-step-tabs .second-item {
        background: transparent url("../Images/merge-step-numbers.png") scroll 0 -40px no-repeat;
    }
    .merge-step-tabs .active .second-item {
        background: transparent url("../Images/merge-step-numbers.png") scroll 0 -60px no-repeat;
    }
    .merge-step-tabs .third-item {
        background: transparent url("../Images/merge-step-numbers.png") scroll 0 -80px no-repeat;
    }
    .merge-step-tabs .active .third-item {
        background: transparent url("../Images/merge-step-numbers.png") scroll 0 -100px no-repeat;
    }
    .merge-step-tabs .fourth-item {
        background: transparent url("../Images/merge-step-numbers.png") scroll 0 -120px no-repeat;
    }
    .merge-step-tabs .active .fourth-item {
        background: transparent url("../Images/merge-step-numbers.png") scroll 0 -140px no-repeat;
    }
   .merge-step-tabs .fifth-item {
        background: transparent url("../Images/merge-step-numbers.png") scroll 0 -160px no-repeat;
    }
    .merge-step-tabs .active .fifth-item {
        background: transparent url("../Images/merge-step-numbers.png") scroll 0 -180px no-repeat;
    }

 /* css used in standard report filter page*/
    .report-info {
        padding: 15px;
	    background: #eceeee !important;
	    border: 1px solid #D5D5D5;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
        margin: 5px 0px 10px 0px;
    }
    .report-info [class^="fa-"], .report-info [class*=" fa-"] {
        display: inline-block;
        color: #fff;
        font-size: 36px;
    }
    .dl-horizontal-filters dt {
        margin-top: 6px;
        text-align: left;
    }
    .dl-horizontal-filters dd {
        margin-top: 4px;
        text-align: left;
    }
    .dl-horizontal-filters .dt-align-top dt {
        margin-top: 2px;
    }
     /* eliminate extra margin to match kendo controls used in filter widgets*/
    .dl-horizontal-filters input[type="text"] {
        margin-bottom: 0px !important;
    }
    .dl-horizontal-filters input[type="radio"], input[type="checkbox"] {
        margin: 0px !important;
    }
    .dl-horizontal-filters .radio, label, input, select, input[type="radio"], input[type="checkbox"], input[type="text"] {
        font-size: 13px !important;
    }
    .buttons-filters-icon {
        padding: 0px;
    }
   .filter-open {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 1.28571429em;
        text-align: center;
    }
    .filter-closed {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 1.28571429em;
        text-align: center;
   }
    .filter-open:before {
        /*content: "\f104";*/
        content: "\f093";
    }
    .filter-closed:before {
       /*content: "\f107";*/
       content: "\f019";
    }

    /* home/index page */
    #logo_wrapper {
        width: 280px;
        height: 140px;
        background: url(../Images/logo_bg.png) repeat;
    }
    .img_logo_wrapper {
        vertical-align: middle;
        text-align:center;
        padding-top: 45px;
    }

.dt-wrapper {
	width: 150px;
	display: inline;
}

  /* ng-sortable css */
.as-sortable-item{-ms-touch-action:none;touch-action:none}.as-sortable-item-handle{cursor:move}.as-sortable-drag{position:absolute;pointer-events:none;z-index:9999}.as-sortable-hidden{display:none!important}

.as-sortable-item,
.as-sortable-placeholder {
    width: 98%;
    margin: 2px;
    padding:7px; 
    border-bottom: 1px solid #e0e0e0;
    list-style: none;
    height:50px; 
}

.as-sortable-placeholder {
    border: 1px dotted #0000ff !important;
}

#sortable-container {
    display: inline-block;
}

.column {
    border: 1px solid #000000;
    border-radius: 5px;
}

/*end  ng-sortable css */


/*grant management */

tr { cursor: pointer; }


a.grant-header:link {color:white;}
a.grant-header:visited {color:white;}
a.grant-header:hover {color:white;}


.grant-question-item{
  padding-left:10px; 
}

.proposal-reviewers{
    padding-top:10px; 
    margin-top:20px;
    margin-left:15px;
     margin-bottom:20px;
    border: 1px solid #cccccc;
}

.mock{
    margin-left:10px; 
    color:red;
}

.grant-area-container{
     background-color:white; 
     border: 1px solid #cccccc;
     border-radius:10px !important; 
     margin-bottom:15px;
     padding:15px; 
}

.grant-table-container{
     background-color:white; 
     border: 1px solid #cccccc;
     border-radius:10px !important; 
     margin-bottom:15px;
}

.grant-table-header{
    font-size:medium !important; 
}

.grant-div-header{
    padding-left:10px; 
}

.grant-div-container{
    padding:12px; 
}

.grant-grid-item{
    vertical-align:middle
}

.grant-grid-cursor{
  cursor: pointer; 
}

.grant-checkbox-component{

    padding:10px; 
    vertical-align:top;
}

.grant-button-bar{
    padding:14px; 
}

.grant-text-area{
    height:250px !important; 
}

.grant-question-answer{
    padding:10px;
}

.grant-list-header{
    font-size:large;
}

.grant-list-item{
     font-style:oblique;
     margin-left:12px;
     margin-right:12px;
     font-size:medium;
}

.grant-incomplete{
    color:red;
}

.grant-complete{
    color:green;
}

input[type=checkbox].grant-list-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=checkbox].grant-list-checkbox + label.css-label {
							padding-left:35px;
							height:30px; 
							display:inline-block;
							line-height:30px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:30px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].grant-list-checkbox:checked + label.css-label {
							background-position: 0 -30px;
						}
						label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_4385a7c06c1694553790d8527026454b.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

.grant-question-number{
    margin-left:10px !important; 
    font-size:medium; 
}

.grant-question-item-display { cursor: pointer; }


.grant-document-list{
    font-size:medium;
}

/* Document Uploads*/
.my-drop-zone { 
    border: dotted 3px lightgray; 
    height:100px;
}
.nv-file-over { border: dotted 3px red; } /* Default class applied to drop zones on over */
.another-file-over-class { border: dotted 3px green; }
/*  Document Uploads */


/* 
 * treeGrid.css
 *
 * Styles for the tree-grid
 * for both Bootstrap 2 and Bootstrap 3
 *
 */
.ztree-grid-animate-enter,
.ztree-grid-row.ng-enter {
	transition : 200ms linear all;
	position   : relative;
	display    : block;
	opacity    : 0;
	max-height : 0;
}

.ztree-grid-animate-enter.tree-grid-animate-enter-active,
.ztree-grid-row.ng-enter-active {
	opacity    : 1;
	max-height : 30px;
}

.ztree-grid-animate-leave,
.ztree-grid-row.ng-leave {
	transition : 200ms linear all;
	position   : relative;
	display    : block;
	height     : 30px;
	max-height : 30px;
	opacity    : 1;
}

.ztree-grid-animate-leave.tree-grid-animate-leave-active,
.ztree-grid-row.ng-leave-active {
	height     : 0;
	max-height : 0;
	opacity    : 0;
}

/*
 * Angular 1.2.0 Animation placeholders.
 */
.ztree-grid-animate.ng-enter {
}

/*
 * Normal CSS styles.
 */
.tree-grid i.indented {
	padding : 2px;
}

.ztree-grid .level-1 .indented {
	position : relative;
	left     : 0;
}

.tree-grid .level-2 .indented {
	position : relative;
	left     : 20px;
}

.tree-grid .level-3 .indented {
	position : relative;
	left     : 40px;
}

.tree-grid .level-4 .indented {
	position : relative;
	left     : 60px;
}

.tree-grid .level-5 .indented {
	position : relative;
	left     : 80px;
}

.tree-grid .level-6 .indented {
	position : relative;
	left     : 100px;
}

.tree-grid .level-7 .indented {
	position : relative;
	left     : 120px;
}

.tree-grid .level-8 .indented {
	position : relative;
	left     : 140px;
}

.tree-grid .level-9 .indented {
	position : relative;
	left     : 160px;
}

.tree-grid .tree-icon,
.tree-label {
	cursor : pointer;
}



 /** treeGrid.css*/


 /* Tree grid Text  */
.editable-input {
    border-bottom: 1px solid blue !important; 
    border-top: 0 !important; 
    border-left: 0 !important; 
    border-right: 0 !important; 
    border-radius: 0  !important;
}
.editable-input-category {
    width:100%;
}

.editable-input-item {
    width:100%;
    margin-left:20px;
}

.editable-input-number {
    width:100px;
    text-align: right;
}

.column-container-category {
    width:100%; 
    padding-right: 50px
}

.column-container-item {
    width:100%; 
    padding-right: 50px
}

.column-header {

}
.column-header-numbers {
    text-align: center;
}
.column-header-category-item {
    text-align: left;
}

.category-level {
    font-weight: bold;
}

.item-level {
    font-weight: normal;
}

.category-item-button {
    font-size: x-small; 
    color: green;
}

.tree-grid-row-mod {
    margin: 0px;
    padding :0px;
}

.category-header-column {
    text-align: center;
}

.column-category {
    padding-top: 2px !important;
    padding-right: 2px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.column-checkbox {
    padding: 3px !important;
    width: 1%;
}

.tree-icon-mod {
    font-size: large;
    padding-top: 4px;
}

.tree-icon-mod-noclick {
    color:#337ab7;
    cursor: default !important;
}

.tree-label-noclick {
    cursor: default !important;
}

.column-data-number {
    text-align: right;
}

.column-total-text {
    font-weight: bold;
}

.column-total-number {
    font-weight: bold;
    text-align: right;
}

.row-total{
    border-top: 2px solid black;
}

.row-inactive {
    color: lightgrey;
    background-color: whitesmoke;
}

.payment-paid{
    color: green;
}
.payment-unpaid{
    color: red;
}
.editable-input-notes {
    width:100%;
}
.editable-input-date {
    width: 100px;
}
/* Tree grid Text  */





/* end grant management */


/* 6. Angular styles */

/* css used by angular trax-loader directive */

.trax-loader-progress {
    position: absolute;
    left: 50%;
    top: 25%;
    background-image: url('kendo/Default/loading-image.gif');
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    z-index: 1000;
}


a[disabled] {
    pointer-events: none;
}

/* used in search pages to display “loading progress” when a user is waiting for an action to be completed */
.searchLoadingAction {
    display: inline-block;
    position: absolute;
    width:48px;
    height:48px;
    top:40%;
    left: 50%;
    margin:-24px 0 0 -24px;
    background-image: url(kendo/Default/loading-image.gif);
    background-size: 100%;
    -webkit-transition:-webkit-transform .6s ease-out, opacity .3s ease-out;
    transition:transform .6s ease-out, opacity .3s ease-out;
    z-index: 9999999;
}

/* Custom icon font for BGCA */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?3angh9');
  src:  url('../fonts/icomoon.eot?3angh9#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?3angh9') format('truetype'),
        url('../fonts/icomoon.woff?3angh9') format('woff'),
        url('../fonts/icomoon.svg?3angh9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa-ico-bgca-logo {
  display: inline-block;
  /*font: normal normal normal 48px/1 'icomoon' !important;*/
    font: normal normal normal 28px/1 'icomoon' !important;
}

.fa-ico-bgca-logo:before {
  content: "\e900";
}
/* End custom icon font for BGCA */

#designstudio-button {
	margin-top: 3.7em;
}

.icon_button-text {
	margin-left: 6px;
}

b.caret {
	margin-left: 0px;
}

.participant-thumbnail-buttons {
	display: inline-flex;
	width: 25px;
	height: 75px;
	flex-direction: column-reverse;
	vertical-align: bottom;
}

	.participant-thumbnail-buttons > .icon-button {
		margin: 2px;
		margin-top: 12px;
		margin-bottom: 10px;
	}

.identificationfields-view dt {
	min-width: 112px;
}

.organization-tree-container {
	margin-top: -4px;
}

/* Trax8 data entry forms styles */

/*

1. General UI styles -------------------
2. PDF styles -------------------------- 
3. Form elements styles ---------------- 
4. Preview elements styles ----------------------
5. Form controls styles ---------------- 
*/


/* 
1. General forms UI styles
*/

body {
}

/* Main content area */

.main {
	padding-top: 80px;
}

@media (min-width: 768px) {
	.main {
		padding-right: 40px;
		padding-left: 40px;
	}
}

.main .page-header {
	margin-top: 0;
}

.forms-title {
	color: #6f82a3;
	font-weight: 700;
}

.forms-area-wrapper {
	position: relative;
	/*margin-left: 30px;*/
}

.form-button-wrapper {
	position: relative;
	margin-bottom: 10px;
	padding: 0;
	vertical-align: bottom;
}

	.form-button-wrapper select {
		margin-bottom: 0;
	}

.forms-li-4col {
	width: 25%;
	vertical-align: top;
	/*width: 24%;
    margin-right: 1%;
    float: left;
    list-style-type: none;*/
}

.forms-li-3col {
	width: 33.3333%;
	vertical-align: top;
	/*width: 32.3333%;
    margin-right: 1%;
    float: left;
    list-style-type: none;*/
}

.forms-li-2col {
	width: 50%;
	vertical-align: top;
	/*width: 49%;
    margin-right: 1%;
    float: left;
    list-style-type: none;*/
}

.forms-li-1col {
	width: 100%;
	vertical-align: top;
	/*width: 99%;
    margin-right: 1%;
    float: left;
    list-style-type: none;*/
}

.radio label, .checkbox label {
	padding-left: 0;
}

.panel-heading .radio {
	margin-bottom: 0x;
	margin-top: 0;
	padding-left: 0;
}

.forms-btn-wrapper {
	margin-top: 10px;
	margin-bottom: 5px;
}

.forms-note-wrapper {
	font-size: 12px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	padding-top: 3px;
	border-top: dotted 1px #ccc;
}

.forms-note-text {
	color: #6f82a3;
}

.forms-panel-heading {
	color: #fff !important;
	background-image: none, -webkit-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	background-image: none, -moz-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	background-image: none, -o-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	background-image: none, -ms-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	background-image: none, linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(s64,63,52,.4) 100%);
	background-position: 50% 50%;
}

.forms-panel-footer-btn-wrapper {
	display: inline-block;
}
	.forms-panel-footer-btn-wrapper button, .forms-panel-footer-btn-wrapper a {
		margin-bottom: 9px;
	}
	.submission-actions-wrapper .panel {
		margin-bottom: 5px;
	}

.submission-actions-wrapper .panel-heading,
.submission-actions-wrapper .panel-body,
.submission-actions-wrapper .panel-footer {
	padding: 5px;
}

	.submission-actions-wrapper .panel-heading input[type='radio'] {
		margin-top: 2px;
	}

.form-settings, .actions-settings {
	position: relative;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 3px;
}

	.form-settings h4, .actions-settings h4 {
		margin-top: 0;
	}

	.form-settings label {
		margin-top: 8px;
	}

	.form-settings .dl-horizontal dt {
		float: left;
		width: 90px;
		text-align: left;
	}

	.form-settings .dl-horizontal dd {
		margin-left: 95px;
	}

	.form-settings textarea {
		width: 100%;
	}

::-webkit-input-placeholder.form-control,
:-moz-placeholder.form-control,
::-moz-placeholder.form-control,
:-ms-input-placeholder.form-control,
textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder {
	font-size: 12px !important;
	color: #999 !important;
}
/*input:-ms-input-placeholder, textarea:-ms-input-placeholder {
   font-size:12px !important;
   color: #999 !important;
}*/
.submission-actions-hide {
	display: none;
}

/* nav buttons*/

#dataforms-nav .nav > li > a {
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.nav-justified {
	background-color: #6f82a3 !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 0 !important;
}

.nav-button {
	background-color: #6f82a3;
	padding: 0;
}

.nav-button-wrapper {
	background-color: #6f82a3;
	color: #000;
	text-align: center;
	min-height: 40px;
	vertical-align: middle;
	border-right: 1px solid #fff;
}

.nav-button-icon {
	display: inline-block;
	margin-right: 5px;
	margin-top: 28px;
}

.nav-button-desc {
	display: inline-block;
}

.nav-justified .active, .active .nav-button {
	background-image: none, -webkit-linear-gradient(bottom, rgba(0,0,0,.4) 0, rgba(111,130,163,.1) 100%);
	background-image: none, -moz-linear-gradient(bottom, rgba(0,0,0,.4) 0, rgba(111,130,163,.1) 100%);
	background-image: none, -o-linear-gradient(bottom, rgba(0,0,0,.4) 0, rgba(111,130,163,.1) 100%);
	background-image: none, -ms-linear-gradient(bottom, rgba(0,0,0,.4) 0, rgba(111,130,163,.1) 100%);
	background-image: none, linear-gradient(bottom, rgba(0,0,0,.4) 0, rgba(111,130,163,.1) 100%);
	background-position: 50% 50%;
	color: #6f82a3;
}

.active .nav-button-icon {
	color: #6f82a3;
}

.nav-justified > .active > a:hover, .nav-justified > .active > a:focus {
	background-color: transparent;
	background-image: none;
}

.inactive {
}

.nav-justified > .inactive > a:hover, .nav-justified > .inactive > a:focus {
	background-color: transparent;
	background-image: none;
}

.nav-justified > li:last-child .nav-button {
	border-right: 0;
}

.nav-justified > li:last-child .nav-button-wrapper {
	border-right: 0;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
}

.disabled .nav-button-desc, .disabled .nav-button-icon {
	color: #777;
}

.nav-button-wrapper h3 {
	color: #000;
	margin: 0;
	padding: 0;
	line-height: 27px;
	padding-top: 10px !important;
}

.active .nav-button-wrapper {
	background-color: transparent;
}

#dataforms-nav .nav-justified > .active > a:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 8px;
	border-top-width: 0;
	border-bottom-color: #fff;
	bottom: 0;
	left: 50%;
	content: "";
	margin-left: -5px;
}

/* Side bar styles */

/*.form-main {
    padding-top: 180px;
}*/
@media (min-width: 768px) {
	.form-main {
		/*padding-right: 40px;
        padding-left: 40px;*/
	}
}

.form-main .page-header {
	margin-top: 0;
}

.fullheight {
	position: relative;
	background-color: #808080;
	width: 285px;
	/*width: 100%;*/
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	overflow-x: auto;
	overflow-y: scroll;
}

.sidebar {
	display: block;
	padding: 5px;
	/*background-color: #f5f5f5;*/
	background-color: #ccc;
	border: 1px solid #ccc;
	border-radius: 3px;
}

	.sidebar h4 {
		margin-top: 0;
		color: #333;
	}

@media (min-width: 1200px) {
	.sidebar.affix, .sidebar.affix-bottom {
		/*width: 263px;*/
	}
}

@media (min-width: 992px) {
	.sidebar.affix {
		/*position: fixed;
        top: 20px;*/
	}
}

@media (min-width: 992px) {
	.sidebar.affix, .sidebar.affix-bottom {
		/*width: 213px;*/
	}

	.sidebar.affix {
		/*position: static;*/
	}
}

@media (min-width: 768px) {
	.sidebar {
		/*padding-right: 20px;*/
	}
}

/* Hide for mobile, show later */
/*.sidebar {
    display: none;
}
@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: auto;
        overflow-y: auto; 
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
}*/

.forms-area-wrapper .nav-tabs > li {
	font-size: 14px;
	color: #efefef;
}

	.forms-area-wrapper .nav-tabs > li > a {
		color: #efefef;
		background-color: #6f82a3;
	}

.nav-tabs > li > a:hover {
	cursor: default;
	border-color: #eee #eee #ddd;
	color: #fff;
	background-color: #6f82a3;
}

.forms-area-wrapper .nav-tabs > li.active > a,
.forms-area-wrapper .nav-tabs > li.active > a:focus {
	cursor: default;
	color: #efefef;
	background-image: none, -webkit-linear-gradient(bottom, rgba(0,0,0,.6) 0, rgba(111,130,163,.1) 100%) !important;
	background-image: none, -moz-linear-gradient(bottom, rgba(0,0,0,.6) 0, rgba(111,130,163,.1) 100%) !important;
	background-image: none, -o-linear-gradient(bottom, rgba(0,0,0,.6) 0, rgba(111,130,163,.1) 100%) !important;
	background-image: none, -ms-linear-gradient(bottom, rgba(0,0,0,.6) 0, rgba(111,130,163,.1) 100%) !important;
	background-image: none, linear-gradient(bottom, rgba(0,0,0,.6) 0, rgba(111,130,163,.1) 100%) !important;
	background-position: 50% 50%;
	background-color: #6782a3;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

	.forms-area-wrapper .nav-tabs > li.active > a:hover {
		cursor: default;
		color: #fff;
		border-color: #eee #eee #ddd;
	}

/* Sidebar navigation */

.nav-sidebar {
	margin-right: -21px; /* 20px padding + 1px border */
	margin-bottom: 20px;
	margin-left: -20px;
}

	.nav-sidebar > li > a {
		padding-right: 20px;
		padding-left: 20px;
	}

	.nav-sidebar > .active > a,
	.nav-sidebar > .active > a:hover,
	.nav-sidebar > .active > a:focus {
		color: #fff;
		background-color: #428bca;
	}

.sidebar .panel-default > .panel-heading {
	/*color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;*/
	background-image: none, -webkit-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	background-image: none, -moz-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	background-image: none, -o-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	background-image: none, -ms-linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	background-image: none, linear-gradient(bottom, rgba(0,0,0,.8) 0, rgba(64,63,52,.4) 100%);
	background-position: 50% 50%;
	color: #fff;
	border-color: #7f7f7f;
}

.sidebar ul, .sidebar li {
	margin: 0 !important;
	padding: 0 !important;
}

/* sidebar accordion css*/

.sidebar .panel {
	border: none;
	background-color: rgba(51, 51, 51, 0.4);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.sidebar .content .panel {
	color: #f8f8f8;
}

.sidebar .panel .panel-heading a {
	color: #fff;
	font-weight: 300;
}

	.sidebar .panel .panel-heading a:focus {
		text-decoration: none;
	}

	.sidebar .panel .panel-heading a.collapsed {
		color: #d2d2d2;
	}

	.sidebar .panel .panel-heading a[data-toggle="collapse"]:before {
		display: inline-block;
		font-family: FontAwesome;
		content: "\f107";
		float: right;
		margin-right: -8px;
		position: relative;
		top: 1px;
		-webkit-transition: transform 0.3s ease-in-out;
		-o-transition: transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
	}

	.sidebar .panel .panel-heading a[data-toggle="collapse"].collapsed:before {
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

.sidebar .sidebar .panel-body {
	border-top-color: rgba(51, 51, 51, 0.25);
}
/* overwrite bootstrap css */
.sidebar .panel-heading {
	padding: 10px;
}

.sidebar h4.panel-title {
	font-size: 13px;
}

.sidebar .panel-body {
	padding: 3px;
}

.long-line {
	max-width: 260px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

	.long-line:hover {
		overflow: visible;
	}

.form-template-wrapper {
	display: inline-block;
	margin: 0;
	padding: 0;
}

/* 
2. PDF styles 
*/

/* Bootstrap css classes customized for pdf/print */
.pdf {
}

	.pdf .row {
		/*margin-right: -5px;
     margin-left: -5px;*/
		margin-right: 0;
		margin-left: 0;
	}

	/* adjust col spacing */
	.pdf .col-xs-1, .pdf .col-sm-1, .pdf .col-md-1, .pdf .col-lg-1, .pdf .col-xs-2, .pdf .col-sm-2, .pdf .col-md-2, .pdf .col-lg-2, .pdf .col-xs-3, .pdf .col-sm-3, .pdf .col-md-3, .pdf .col-lg-3, .pdf .col-xs-4, .pdf .col-sm-4, .pdf .pdf .col-xs-4 col-md-4, .pdf .col-lg-4, .pdf .col-xs-5, .pdf .col-sm-5, .pdf .col-md-5, .pdf .col-lg-5, .pdf .col-xs-6, .pdf .col-sm-6, .pdf .col-xs-6 col-md-6, .pdf .col-lg-6, .pdf .col-xs-7, .pdf .col-sm-7, .pdf .col-md-7, .pdf .col-lg-7, .pdf .col-xs-8, .pdf .col-sm-8, .pdf .col-xs-8 col-md-8, .pdf .col-lg-8, .pdf .col-xs-9, .pdf .col-sm-9, .pdf .col-md-9, .pdf .col-lg-9, .pdf .col-xs-10, .pdf .col-sm-10, .pdf .col-md-10, .pdf .col-lg-10, .pdf .col-xs-11, .pdf .col-sm-11, .pdf .col-md-11, .pdf .col-lg-11, .pdf .col-xs-12, .pdf .col-sm-12, .pdf .col-md-12, .pdf .col-lg-12 {
		/*position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;*/
		/*margin-right: 0;
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;*/
	}

.form-print-area {
	position: relative;
	/*width: 9in;*/
	/*width: 8.5in;*/
	/*height:11in;*/
	/*background-color: #e5e3bb;*/
	/*border: 1px dotted #b0ae90;*/
	/*padding-bottom: .25in;
    padding-top: .25in;
    padding-left: .25in;
    padding-right: .25in;*/
	/*box-sizing: content-box;*/
	/*margin-left: auto;
    margin-right: auto;*/
}

.print-area {
	position: relative;
	width: 8.5in;
	/*height:11in;*/
	/*background-color: #e5e3bb;*/
	border: 1px dotted #b0ae90;
	padding-bottom: .25in;
	padding-top: .25in;
	padding-left: .25in;
	padding-right: .25in;
	box-sizing: content-box;
	/*margin-left: auto;
    margin-right: auto;*/
}

.print-with-margins {
	position: relative;
	width: 8.5in;
	/*height:11in;*/
	overflow: hidden;
	background-color: #fff;
	border: 1px dotted #b0ae90;
	box-sizing: content-box;
}

/*
3. Form controls styles
*/

.text-input-controls-wrapper {
	position: relative;
	overflow: hidden;
}

.text-input-content {
	position: relative;
	width: 100%;
	padding-right: 65px;
}

.text-input-btn-content {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 60px;
	text-align: right;
}

/*
4. Preview elements styles
*/

.preview {
}

	.preview .text-input-content {
		padding-right: 0;
	}

	.preview .text-input-btn-content {
		display: none;
	}


/* 
5. Form elements styles 
*/

/* reset */
dl {
	margin-bottom: 0;
	margin-top: 0;
}

ol {
	margin: 0;
	padding: 0;
}

.row {
	margin-bottom: 0;
	margin-top: 0;
}

.checkbox {
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
}

/* css used to display list of check boxes */

.li-1col {
	width: 99%;
	margin-right: 1%;
	float: left;
	list-style-type: none;
}

.li-2col {
	width: 49%;
	margin-right: 1%;
	float: left;
	list-style-type: none;
}

.li-3col {
	width: 32.3333%;
	margin-right: 1%;
	float: left;
	list-style-type: none;
}

.li-4col {
	width: 24%;
	margin-right: 1%;
	float: left;
	list-style-type: none;
}

/* css used to display horizontal list of input group elements */

.dl-inline-element {
}

	.dl-inline-element dt {
		float: left;
	}

	.dl-inline-element dd {
		overflow: hidden;
		/*padding: 0 4px 0 9px*/
		padding: 0;
	}

		.dl-inline-element dd input {
			width: 100%;
		}

		.dl-inline-element dd:after {
			clear: both;
		}

.dl-inline-element-md {
}

	.dl-inline-element-md dt {
		float: left;
		margin-bottom: 5px;
	}

	.dl-inline-element-md dd {
		overflow: hidden;
		/*padding: 0 4px 0 9px*/
		padding: 0;
		margin-bottom: 5px;
	}

		.dl-inline-element-md dd input {
			width: 100%;
		}

		.dl-inline-element-md dd:after {
			clear: both;
		}

.dl-inline-element-lg {
}

	.dl-inline-element-lg dt {
		float: left;
		margin-bottom: 15px;
	}

	.dl-inline-element-lg dd {
		overflow: hidden;
		/*padding: 0 4px 0 9px*/
		padding: 0;
		margin-bottom: 15px;
	}

		.dl-inline-element-lg dd input {
			width: 100%;
		}

		.dl-inline-element-lg dd:after {
			clear: both;
		}

/* styles related to input text entry*/
.text-entry {
	border-top: 0 solid;
	border-left: 0 solid;
	border-right: 0 solid;
	border-bottom: 1px solid #ccc;
	height: 20px;
	/*width: 160px;*/
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.input-element {
	display: block;
	width: 100%;
	height: 21px;
	padding-left: 4px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #000;
	vertical-align: bottom;
}

label {
	margin-bottom: 0;
	/*height: 21px;*/
}

.header-wrapper {
	position: relative;
}

.header-img-wrapper {
	margin-right: 25px;
}

.header-title {
	font-weight: 500;
	font-size: 24px;
	line-height: 1.1;
	margin-top: 20px;
	margin-bottom: 10px;
}

.header-subtitle {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.1;
	margin-top: 20px;
	margin-bottom: 10px;
}

.section-wrapper {
	margin-top: 25px;
	/*margin-bottom:30px;*/
}

.subsection-wrapper {
	margin-top: 10px;
	/*margin-bottom:30px;*/
}

.section-title {
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 1.1;
	margin-top: 20px;
	margin-bottom: 10px;
}

.section-subtitle {
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.panel-heading .radio {
	margin-left: 20px;
}

.drag-drop-instructions {
	padding: 5px;
}


/*dynamic data*/

.dynamicData-settings {
	padding: 15px;
}

.dynamic-data-forms-list {
	padding: 15px;
}

.dynamic-data-editor {
	padding: 15px;
}

.dynamic-data-table {
	table-layout: fixed;
	width: 100%
}
/*end dynamic data*/



/*material*/
.form-edit-header {
	margin-bottom: 15px;
	font-size: 11px
}

	.form-edit-header:hover {
		color: #607D8B
	}

.form-edit-sidebar-item {
	padding: 5px;
}


.forms-list-item {
	cursor: move;
}

.form-edit-text {
	font-size: 11px;
}


.form-image-drop {
}

img {
	max-width: 100%;
	max-height: 100%;
}

.form-editor section {
	border-radius: 2px;
	margin: 8px 8px 8px 8px;
	position: relative !important;
}

.form-editor md-input-container {
	padding-bottom: 15px;
}

.form-editor section .md-button {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.form-editor md-content md-tabs {
	border-radius: 0 0 8px 8px;
}


.form-editor md-tabs {
	overflow-x: hidden;
}

.form-editor md-tab {
	font-size: small !important;
}

.tab-content {
	margin: 8px;
}

.form-editor md-content md-tabs md-tab-content {
	background: #ffffff !important;
}

.form-editor md-content md-tabs md-tabs-canvas {
	background: white;
}

.form-editor md-content h1:first-child {
	margin-top: 0;
}

.form-editor md-input-container {
	padding-bottom: 0 !important;
}

.tabsdemoDynamicTabs .tab-content > div > div {
	padding: 5px !important;
	box-sizing: border-box;
}



.form-editor .edit-form input {
	width: 100%;
}


.form-editor label {
	text-align: left;
}


.form-editor .long > input {
	width: 264px;
}

.form-editor .md-button.add-tab {
	transform: translateY(5px);
}



.forms-dialog-content {
	margin-left: 5px !important;
}


.forms-mask {
	background-color: #e1e1e1;
	height: 100px;
	border: 1px dashed #808080;
	background-image: url('img/nope.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 25px 25px;
}


.forms-area-header {
	margin-top: 25px !important;
	background-color: #e1e1e1 !important;
	padding: 15px !important;
	border: 1px solid #808080;
}


/*new styles*/
.form-canvas {
	margin: 10px;
	border: 1px solid #cccccc;
	border-radius: 6px;
	padding: 15px;
}

.form-edit-area {
	border: 1px solid #d3d3d3;
	margin: 5px;
	padding: 0 !important;
	background-color: white;
	border-radius: 6px;
}


.form-component-edit {
	margin: 2px 4px 2px 4px;
	border: 1px solid #607D8B !important;
	overflow: visible !important;
}

.form-component-label {
	position: absolute;
	top: 5px;
	left: 7px;
	font-size: 14px;
	opacity: 0.54;
}


.static-header-1 {
	font-size: 15px;
	color: #607D8B;
	font-weight: bold;
	border-bottom: 1px solid #B0BEC5;
	padding: 5px 5px 0 5px;
	margin-top: 0;
	margin-bottom: 05px;
}

.static-header-2 {
	font-size: 25px;
	color: #607D8B;
	border-bottom: 1px solid #B0BEC5;
	padding: 5px 5px 0 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.static-header-3 {
	font-size: 20px;
	color: #455A64;
	background-color: #ECEFF1;
	border-bottom: 1px solid #B0BEC5;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 5px 5px 5px 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.static-header-4 {
	font-size: 16px;
	color: #455A64;
	padding: 5px 5px 5px 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.static-header-5 {
	font-size: 16px;
	font-weight: bold;
	color: #455A64;
	padding: 5px 5px 5px 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.static-header-6 {
	font-size: 20px;
	color: #455A64;
	padding: 5px 5px 5px 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.static-header-left-align {
	text-align: left;
}

.static-header-center-align {
	text-align: center;
}

.form-checkbox-label-required-missing {
	color: red;
}

.form-checkbox-label-required > div > span::after {
	content: ' *';
	vertical-align: top;
	font-size: 13px;
}

.form-list-checkbox-container {
	margin-top: 27px;
}

.form-list-checkbox-label {
	margin-bottom: 5px;
	color: rgba(0, 0, 0, .38)
}

.form-list-checkbox-label-required {
	margin-bottom: 5px;
	color: red;
}

.form-list-checkbox-label asterisk::after {
	content: ' *';
	vertical-align: top;
	font-size: 13px;
}

.form-list-checkbox-label-required asterisk::after {
	content: ' *';
	vertical-align: top;
	font-size: 13px;
}

.form-list-radio-label {
	margin-bottom: 5px;
	color: rgba(0, 0, 0, .38)
}

.form-list-radio-label-required {
	margin-bottom: 5px;
	color: red;
}

.form-list-radio-label asterisk::after {
	content: ' *';
	vertical-align: top;
	font-size: 13px;
}

.form-list-radio-label-required asterisk::after {
	content: ' *';
	vertical-align: top;
	font-size: 13px;
}

.form-list-radioflow-label {
	margin-bottom: 5px;
	color: rgba(0, 0, 0, .38)
}

.form-list-radioflow-label-required {
	margin-bottom: 5px;
	color: red;
}

.form-list-radioflow-label asterisk::after {
	content: ' *';
	vertical-align: top;
	font-size: 13px;
}

.form-list-radioflow-label-required asterisk::after {
	content: ' *';
	vertical-align: top;
	font-size: 13px;
}


.form-list-checkboxflow-label {
	margin-bottom: 5px;
	color: rgba(0, 0, 0, .38)
}

.form-list-checkboxflow-label-required {
	margin-bottom: 5px;
	color: red;
}

.form-list-checkboxflow-label asterisk::after {
	content: ' *';
	vertical-align: top;
	font-size: 13px;
}

.form-list-checkboxflow-label-required asterisk::after {
	content: ' *';
	vertical-align: top;
	font-size: 13px;
}

md-select.ng-invalid md-select-value span::after {
	content: ' *';
	vertical-align: top;
	font-size: 13px;
}

md-select.ng-invalid.ng-touched md-select-value {
	border-bottom-color: red;
}

md-input-container label.form-list-dropdown-label-required::after {
	content: ' *';
}

.form-text-label {
}

.form-text-label-required {
	color: red !important;
}

	.form-text-label-required > md-select-value {
		color: red !important;
	}

.form-list-checkbox-frame {
	padding: 2px 4px 2px 4px;
	margin-right: 2px;
	border: 1px solid lightgray;
}

.form-page-break {
	page-break-before: always;
	border-bottom: 2px dashed #90A4AE;
	margin-top: 25px;
	margin-bottom: -5px
}

.blank-space {
	font-size: 8pt;
	font-style: italic;
	text-align: center;
}

.form-horizontal-divider {
}

::-webkit-scrollbar {
	height: 12px;
	width: 12px;
	background: #cccccc;
	-webkit-border-radius: 1ex;
}

::-webkit-scrollbar-thumb {
	background: #818286;
	-webkit-border-radius: 1ex;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
	background: #818286;
}

.forms-list-item-container {
	margin-right: 0;
	min-height: 30px !important;
	height: 30px !important;
	padding-left: 10px !important;
}

.form-edit-sidebar {
	margin-right: 4px;
	max-height: 100vh !important;
}

.form-edit-sidebar-items {
	margin-left: 10px;
	padding-left: 10px;
	border-top: 1px solid #818286;
	border-bottom: 1px solid #818286;
	border-left: 1px solid #818286;
	border-radius: 8px 0 0 8px;
}

	.form-edit-sidebar-items v-accordion > v-pane:last-child {
		margin-bottom: 8px;
	}

		.form-edit-sidebar-items v-accordion > v-pane:last-child.is-expanded {
			margin-bottom: 0px;
		}

.form-content-container {
	/*height: 750px;*/
	background-color: #818286;
	border-top: 1px solid #818286;
	border-right: 1px solid #818286;
	border-bottom: 1px solid #818286;
	border-radius: 0 8px 8px 0;
}

.form-footer-trax-logo {
}

.form-footer-container {
	height: 150px;
	text-align: right;
}

.form-options {
	display: block;
	float: right;
	z-index: 3;
	position: absolute; /*newly added*/
	right: 5px; /*newly added*/
	top: 5px;
}

.md-button {
	min-width: auto !important;
}


/*override character count (was touching textarea input)*/



.md-char-counter {
	bottom: 8px !important;
}

.form-number-label {
	padding-bottom: 12px;
}

.form-number-label-required {
	padding-bottom: 12px;
	color: red;
}

.input-container-phone-email-fix {
	margin-top: -45px;
}

.md-select-fix {
	margin-bottom: -2px !important;
	margin-top: 16px !important;
}

.flag-dropdown {
	top: -20px !important;
}

.intl-tel-input input {
	padding-left: 48px !important
}

/* Killing default trax styles*/
.md-input {
	box-shadow: none !important;
}

	.md-input:focus {
		box-shadow: none !important;
	}

.phone-label-offset {
	margin-top: -50px;
	margin-left: 42px !important;
}
/* end new styles*/

/*end material*/

.view-only {
	display: none;
}

.form-with-data {
}

	.form-with-data .phone-label-offset {
		/*margin-left: 42px;*/
		margin-left: 0px;
	}

md-dialog-content.sticky-container {
	padding: 15px;
}

.properties-dialog-container {
	width: 400px
}

.properties-md-input-container {
	margin: 0
}

.properties-md-radio-button {
	margin-top: 8px;
	margin-bottom: 0
}

.properties-md-switch {
	margin: 0 0 5px 0
}

.mdp-datepicker-date {
	font-size: 28px !important;
	font-weight: 500 !important;
	line-height: 30px !important;
	cursor: default;
}

.mdp-datepicker-year {
	font-size: 18px !important;
}

.mdp-calendar-monthyear {
	font-size: 16px !important;
}

.mdp-calendar-days .md-button {
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}

.mdp-calendar-week-days {
	font-size: 12px !important;
}

.datetime-date-picker-button {
	float: right !important;
	margin-top: -35px !important;
	margin-right: -20px !important;
}

.datetime-time-picker-button {
	float: right !important;
	margin-top: -36px !important;
	margin-right: -7px !important;
}

.date-picker-button {
	float: right !important;
	margin-top: -35px !important;
	margin-right: -7px !important;
}

.time-picker-button {
	float: right !important;
	margin-top: -36px !important;
	margin-right: -7px !important;
}

mdp-calendar {
	height: 280px;
}

.fixed-label-field {
	border-top: 1px solid;
	width: 100%;
	margin-top: 0;
}

	.fixed-label-field.invalid {
		border-color: rgb(221,44,0);
	}

.fixed-label {
	font-size: smaller !important;
	display: inline-block;
	position: absolute;
	top: 4px;
	width: 100%;
	min-height: 48px;
	text-align: left;
}

	.fixed-label.md-required:after {
		content: "*";
		vertical-align: top;
	}

.md-dialog-container {
	pointer-events: all;
}

.category-header-icon-new {
	right: 18px;
	position: absolute;
	top: 2px;
}

.properties-dialog-container md-switch {
	margin: 0 0 8px 0;
}

.properties-dialog-container md-input-container {
	margin: 16px 0 -24px 0;
}

fieldset fieldset legend {
	font-size: medium;
	font-weight: bold;
	margin-bottom: 0;
}

fieldset fieldset:not(:first-child) {
	margin-top: 20px;
}

.error-message {
	color: red;
	font-weight: bold;
}

fieldset > .error-message {
	margin-top: 6px;
	margin-bottom: 6px;
}

.k-grid-norecords-template {
	border: none;
}

.select-error {
	margin-top: -24px;
}

md-input-container md-radio-group .md-errors-spacer {
	min-height: 6px;
}

md-input-container md-radio-group > .layout-row {
	margin-bottom: 2px;
}

.form-element-container p {
	margin: 0;
}

.form-display-label {
	margin-bottom: 5px;
	color: rgba(0, 0, 0, .38)
}

md-dialog-content.form-modal-displayOptions-content {
	height: 275px;
	width: fit-content;
}

.form-editor,
.form-edit-area {
	border: none;
}


/* |============ start GRAY ============| */

.nFocus_forms_gray {
	background: #ededee;
}

.nFocus_forms_gray .form-element-container,
.nFocus_forms_gray .form-element-container-selected {
	background: #ededee !important;
}

.nFocus_forms_gray .md-input {
	background: #f8f9fa !important;
	border-radius: 15px !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.nFocus_forms_gray .md-input:not(.phone-number-number) {
	padding-left: 15px !important;
}

.nFocus_forms_gray label {
	padding-left: 15px !important;
}

.nFocus_forms_gray .md-button {
	border-radius: 25px !important;
}

.nFocus_forms_gray  .md-raised.md-primary {
	background: #65b4ff !important;
	color: #fff !important;
}

.nFocus_forms_gray .md-raised.md-primary:hover {
	background: #91c9ff !important;
	color: #fff !important;
}

.nFocus_forms_gray td.ng-scope {
	border: none !important;
}

.nFocus_forms_gray .date-picker-button {
	padding-right: 40px !important;
}

.nFocus_forms_gray .static-header-3 {
	text-align: center !important;
	background: #b5b7ba !important;
	color: #fff !important;
}

.nFocus_forms_gray .form-edit-area {
	background: #ededee !important;
}

.nFocus_forms_gray .md-select-value {
	background: #f8f9fa !important;
	border-radius: 15px !important;
	padding-left: 15px !important;
}

/* |============ end GRAY ============| */

/* |============ start LIGHT BLUE ============| */

.nFocus_forms_lightBlue {
	background: #e6e9ec;
}

.nFocus_forms_lightBlue .form-element-container,
.nFocus_forms_lightBlue .form-element-container-selected {
	background: #e6e9ec !important;
}

.nFocus_forms_lightBlue .md-input {
	background: #f8f9fa !important;
	border-radius: 15px !important;
	-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box !important; /* Firefox, other Gecko */
	box-sizing: border-box !important; /* Opera/IE 8+ */
}

.nFocus_forms_lightBlue .md-input:not(.phone-number-number) {
	padding-left: 15px !important;
}

.nFocus_forms_lightBlue label {
	padding-left: 15px !important;
}

.nFocus_forms_lightBlue .md-button {
	border-radius: 25px !important;
}

.nFocus_forms_lightBlue .md-raised.md-primary {
	background: #65b4ff !important;
	color: #fff !important;
}

.nFocus_forms_lightBlue .md-raised.md-primary:hover {
	background: #91c9ff !important;
	color: #fff !important;
}

.nFocus_forms_lightBlue td.ng-scope {
	border: none !important;
}

.nFocus_forms_lightBlue .date-picker-button {
	padding-right: 40px !important;
}

.nFocus_forms_lightBlue .static-header-3 {
	text-align: center !important;
	background: #a0aebb !important;
	color: #fff !important;
}

.nFocus_forms_lightBlue .form-edit-area {
	background: #e6e9ec;
}

.nFocus_forms_lightBlue .md-select-value {
	background: #f8f9fa !important;
	border-radius: 15px !important;
	padding-left: 15px !important;
}

/* |============ end LIGHT BLUE ============| */



/* |============ start LIGHT GREEN ============| */

.nFocus_forms_lightGreen {
	background: #e8ece6;
}

.nFocus_forms_lightGreen .form-element-container,
.nFocus_forms_lightGreen .form-element-container-selected {
	background: #e8ece6 !important;
}

.nFocus_forms_lightGreen .md-input {
	background: #f8f9fa !important;
	border-radius: 15px !important;
	-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box !important; /* Firefox, other Gecko */
	box-sizing: border-box !important; /* Opera/IE 8+ */
}

.nFocus_forms_lightGreen .md-input:not(.phone-number-number) {
	padding-left: 15px !important;
}

.nFocus_forms_lightGreen label {
	padding-left: 15px !important;
}

.nFocus_forms_lightGreen .md-button {
	border-radius: 25px !important;
}

.nFocus_forms_lightGreen .md-raised.md-primary {
	background: #a1c77c !important;
	color: #fff !important;
}

.nFocus_forms_lightGreen .md-raised.md-primary:hover {
	background: #bdff91 !important;
	color: #fff !important;
}

.nFocus_forms_lightGreen td.ng-scope {
	border: none !important;
}

.nFocus_forms_lightGreen .date-picker-button {
	padding-right: 40px !important;
}

/* |============ start LIGHT RED ============| */

.nFocus_forms_lightRed {
	background: #ece6e6;
}

.nFocus_forms_lightRed .form-element-container,
.nFocus_forms_lightRed .form-element-container-selected {
	background: #ece6e6 !important;
}

.nFocus_forms_lightRed .md-input {
	background: #f8f9fa !important;
	border-radius: 15px !important;
	-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box !important; /* Firefox, other Gecko */
	box-sizing: border-box !important; /* Opera/IE 8+ */
}

.nFocus_forms_lightRed .md-input:not(.phone-number-number) {
	padding-left: 15px !important;
}

.nFocus_forms_lightRed  label {
	padding-left: 15px !important;
}

.nFocus_forms_lightRed  .md-button {
	border-radius: 25px !important;
}

.nFocus_forms_lightRed  .md-raised.md-primary {
	background: #c77c7c !important;
	color: #fff !important;
}

.nFocus_forms_lightRed  .md-raised.md-primary:hover {
	background: #ff9191 !important;
	color: #fff !important;
}

.nFocus_forms_lightRed  td.ng-scope {
	border: none !important;
}

.nFocus_forms_lightRed .date-picker-button {
	padding-right: 40px !important;
}

.nFocus_forms_lightRed  .static-header-3 {
	text-align: center !important;
	background: #bba0a0 !important;
	color: #fff !important;
}

.nFocus_forms_lightRed  .form-edit-area {
	background: #ece6e6;
}

.nFocus_forms_lightRed .md-select-value {
	background: #f8f9fa !important;
	border-radius: 15px !important;
	padding-left: 15px !important;
}

/* |============ end LIGHT RED ============| */

/* fixup display Actions menu topmost content */
td:has(div.actionsMenu) {
    overflow: visible !important;
    width: 65px;
    /*DBG: selector debugging   */
    /*background-color: #ffd800;*/
}


@media (max-width: 480px) {
    .navbar {
        padding-left: 10px;
        padding-right: 10px;
        margin-right: -20px;
        margin-left: -20px;
    }
    .navbar .navbar-nav > li > .dropdown-menu::before,
    .navbar .navbar-nav > li > .dropdown-menu::after {
        display: none;
    }
    .subnavbar .subnav-toggle {
        display: block;
    }
    .subnavbar {
        margin-left: -20px;
        margin-right: -20px;
    }
    .subnavbar .btn-subnavbar {
        display: block;
    }
    .subnavbar .subnavbar-inner {
        height: auto;
    }
    .subnavbar .mainnav {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 1em;
        margin-bottom: 1.5em;
        border: none;
    }
    .subnavbar .mainnav > li {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 1em;
        text-align: left;
        border: none;
    }
    .subnavbar .mainnav > li > a {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: .5em;
        color: #CCC;
        font-size: 13px;
        font-weight: 600;
    }
    .subnavbar .mainnav > li > a > span {
        display: inline;
    }
    .subnavbar .mainnav > li > a > i {
        display: inline;
        margin-right: .5em;
        margin-bottom: 0;
        font-size: 14px;
    }
    .subnavbar .mainnav > li > a .caret {
        margin-top: -2px;
        margin-left: 3px;
    }
    .subnavbar .mainnav > li.active > a {
        color: #f8971d;
        background: transparent;
    }
    .subnavbar .dropdown .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        background: transparent;
        border: none;
        box-shadow: none;
    }
    .subnavbar .dropdown .dropdown-menu a {
        padding: 12px 40px;
        color: #fff;
        font-weight: 600;
    }
    .subnavbar .dropdown .dropdown-menu a:active,
    .subnavbar .dropdown .dropdown-menu a:focus {
        background: #555 !important;
        outline: none;
    }
    .subnavbar .dropdown .dropdown-menu::before,
    .subnavbar .dropdown .dropdown-menu::after {
        display: none;
    }
    .subnavbar .dropdown.open .caret {
        display: inline-block;
    }
    .subnavbar .dropdown-submenu > a:after {
        display: none;
    }
    .subnavbar .dropdown-submenu > .dropdown-menu {
        display: block;
    }
    .subnavbar .dropdown-submenu > .dropdown-menu > li > a {
        padding-right: 20px;
        padding-left: 60px;
    }
    #logo_wrapper {
        width: 140px;
        height: 70px;
    }
    .img_logo_wrapper {
        padding-top:25px;
    }
    .extra-inner h4 {
        margin-top: 20px;
        margin-bottom: 5px;
    }
   .section-break-medium:before,
    .section-break-medium:after {
        display: table;
        content: " ";
    }
    .section-break-medium:after {
        clear: both !important; 
    }
    .section-break-small:before,
    .section-break-small:after {
        display: table;
        content: " ";
    }
    .section-break-small:after {
        clear: both !important;
    }
    .section-break-small-hidden {
        display: none !important;
        visibility: hidden !important;
    }
    .section-break-small-visible {
        display: block !important;
    }
}

@media (max-width: 997px) and (min-width: 481px) {
    .navbar {
        padding-left: 10px;
        padding-right: 10px;
        margin-right: -20px;
        margin-left: -20px;
    }
    .navbar .navbar-nav > li > .dropdown-menu::before,
    .navbar .navbar-nav > li > .dropdown-menu::after {
        display: none;
    }
    .subnavbar .subnav-toggle {
        display: block;
    }
    .subnavbar {
        margin-left: -20px;
        margin-right: -20px;
    }
    .subnavbar .btn-subnavbar {
        display: block;
    }
    .subnavbar .subnavbar-inner {
        height: auto;
    }
    .subnavbar .mainnav {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 1em;
        margin-bottom: 1.5em;
        border: none;
    }
    .subnavbar .mainnav > li {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 1em;
        text-align: left;
        border: none;
    }
    .subnavbar .mainnav > li > a {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: .5em;
        color: #CCC;
        font-size: 13px;
        font-weight: 600;
    }
    .subnavbar .mainnav > li > a > span {
        display: inline;
    }
    .subnavbar .mainnav > li > a > i {
        display: inline;
        margin-right: .5em;
        margin-bottom: 0;
        font-size: 14px;
    }
    .subnavbar .mainnav > li > a .caret {
        margin-top: -2px;
        margin-left: 3px;
    }
    .subnavbar .mainnav > li.active > a {
        color: #f8971d;
        background: transparent;
    }
    .subnavbar .dropdown .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        background: transparent;
        border: none;
        box-shadow: none;
    }
    .subnavbar .dropdown .dropdown-menu a {
        padding: 12px 40px;
        color: #fff;
        font-weight: 600;
    }
    .subnavbar .dropdown .dropdown-menu a:active,
    .subnavbar .dropdown .dropdown-menu a:focus {
        background: #555 !important;
        outline: none;
    }
    .subnavbar .dropdown .dropdown-menu::before,
    .subnavbar .dropdown .dropdown-menu::after {
        display: none;
    }
    .subnavbar .dropdown.open .caret {
        display: inline-block;
    }
    .subnavbar .dropdown-submenu > a:after {
        display: none;
    }
    .subnavbar .dropdown-submenu > .dropdown-menu {
        display: block;
    }
    .subnavbar .dropdown-submenu > .dropdown-menu > li > a {
        padding-right: 20px;
        padding-left: 60px;
    }
    .change-color-orange {
        background-color: #f7971c !important;
    }
    .change-color-purple {
        background-color: #131761 !important;
    }
    .extra-inner h4 {
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .section-break-medium:before,
    .section-break-medium:after {
        display: table;
        content: " ";
    }
    .section-break-medium, .section-break-medium:before, .section-break-medium:after {
        clear: both !important;
    }
    .section-break-small, .section-break-small:before, .section-break-small:after {
        clear: none !important;
    }
    .section-break-small-hidden {
        display: inline-block !important;
    }
    .section-break-small-visible {
        display: none !important;
        visibility: hidden !important;
    }
    #logo_wrapper {
        width: 280px;
        height: 140px;
        background: url(../Images/logo_bg.png) repeat;
    }
    .img_logo_wrapper {
        vertical-align: middle;
        text-align:center;
        padding-top: 45px;
    }
}

@media (max-width: 1200px) and (min-width: 998px) {
    .subnavbar .mainnav > li {
        float: left;
        min-width: 40px;
        height: 80px;
        padding: 0;
        margin: 0;
        text-align: center;
        list-style: none;
        border-left: 1px solid #4A4A4A;
        border-right: 1px solid #292929;
    }
    .subnavbar .mainnav > li > a {
        display: block;
        height: 100%;
        padding: 0 5px;
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    }
    .subnavbar .mainnav > li > a > i {
        position: relative;
        top: 2px;
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-top: 15px;
        margin-bottom: 5px;
        font-size: 14px;
    }
    .change-color-orange {
        background-color: #f7971c !important;
    }
    .change-color-purple {
        background-color: #131761 !important;
    }
    .section-break-medium, .section-break-medium:before, .section-break-medium:after {
        clear: both;
    }
    .section-break-small, .section-break-small:before,.section-break-small:after {
        float:left;
    }
    .section-break-medium-hidden {
        display: none !important;
        visibility: hidden !important;
    }
    .section-break-small-hidden {
        display: block !important;
    }
   .section-break-small-visible {
        display: none !important;
        visibility: hidden !important;
    }
    #logo_wrapper {
        width: 280px;
        height: 140px;
        background: url(../Images/logo_bg.png) repeat;
    }
    .img_logo_wrapper {
        vertical-align: middle;
        text-align:center;
        padding-top: 45px;
    }
}

@media (min-width: 1075px) {
    .navbar .container,
    .subnavbar .container {
        padding-right: 0;
        padding-left: 0;
    }
    .section-break-medium, .section-break-medium:before, .section-break-medium:after {
        float: left;
    }
    .section-break-small, .section-break-small:before, .section-break-small:after {
        float: left;
    }
    .section-break-small-hidden {
        display: block !important;
    }
    .section-break-small-visible {
        display: none !important;
        visibility: hidden !important;
    }
}

@media (min-width: 998px) {
  .subnav-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
  }
}

.online-reg-table-header{
    font-size:medium !important; 
}

a.online-reg-header:link {color:white;}
a.online-reg-header:visited {color:white;}
a.online-reg-header:hover {color:white;}


.online-reg-container {
     background-color:white; 
     border: 1px solid #cccccc;
     border-radius:10px !important; 
     margin-bottom:15px;
}

.online-reg-member-details{
    margin-top: 35px;
    padding: 15px;    
}
.icon-text {
    color:#456485;
}

.online-reg-particpant-list-item {
    display: inline;
}

.online-reg-button-bar > button {
    margin-right: 4px;
}

.online-reg-button-bar > button:last-of-type {
    margin-right: unset;
}
.staffandvol-table-header {
	font-size: medium !important;
}

a.staffandvol-header:link {
	color: white;
}

a.staffandvol-header:visited {
	color: white;
}

a.staffandvol-header:hover {
	color: white;
}

.staffandvol-container {
	background-color: white;
	border: 1px solid #cccccc;
	border-radius: 10px !important;
	margin-bottom: 15px;
}

.staffandvol-member-details {
	margin-top: 35px;
	padding: 15px;
}

.icon-text {
	color: #456485;
}

.staffandvol-particpant-list-item {
     display: inline;
}

.staffandvol-button-bar > button {
	margin-right: 4px;
}

.staffandvol-button-bar > button:last-of-type {
	margin-right: unset;
}

.staffandvol-button {
	margin-bottom:8px;
}
.intl-tel-input{position:relative;display:inline-block;width:100%}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;transition:background-color 100ms ease-out}.intl-tel-input input.iti-invalid-key{transition:background-color 0;background-color:#FFC7C7}.intl-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:1px}.intl-tel-input .flag-dropdown:hover{cursor:pointer}.intl-tel-input .flag-dropdown:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input input[disabled]+.flag-dropdown:hover,.intl-tel-input input[readonly]+.flag-dropdown:hover{cursor:default}.intl-tel-input input[disabled]+.flag-dropdown:hover .selected-flag,.intl-tel-input input[readonly]+.flag-dropdown:hover .selected-flag{background-color:transparent}.intl-tel-input .selected-flag{z-index:1;position:relative;width:42px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .arrow{position:absolute;top:50%;margin-top:-2px;right:4px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{list-style:none;position:absolute;z-index:2;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list .flag{display:inline-block;width:20px}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name{margin-right:6px}.intl-tel-input select{position:absolute;top:0;left:0;z-index:1;width:42px;height:100%;opacity:0}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}.iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}.iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}.iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}.iti-flag.at{height:14px;background-position:-264px 0px}.iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}.iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}.iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}.iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:14px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("../Images/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("../Images/flags@2x.png")}}.iti-flag.np{background-color:transparent}
.selected-flag{ margin-left:0;margin-top:17px;height:35px !important}

/*
md-select{
    width:100%  !important; 
    margin-bottom:-10px  !important;
}
md-select-label{
    width:100%  !important;
}
md-select-label :first-child{
    width:100% !important;
}
*/
.mdp-animate-next,.mdp-animate-next-remove{opacity:0;-webkit-transform:translate3d(50%,0,1px);transform:translate3d(50%,0,1px)}.mdp-animate-next-remove{transition:all .5s cubic-bezier(.35,0,.25,1)}.mdp-animate-next-remove-active{opacity:1;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.mdp-animate-prev,.mdp-animate-prev-remove{opacity:0;-webkit-transform:translate3d(-50%,0,1px);transform:translate3d(-50%,0,1px)}.mdp-animate-prev-remove{transition:all .3s cubic-bezier(.35,0,.25,1)}.mdp-animate-prev-remove-active{opacity:1;-webkit-transform:translateZ(1px);transform:translateZ(1px)}@-webkit-keyframes a{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}70%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes a{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}70%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.mdp-animation-zoom.ng-enter{transition:all .3s cubic-bezier(.35,0,.25,1);-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:a;animation-name:a}.mdp-datepicker{max-height:none;min-width:234px}.mdp-datepicker *{outline:0}.mdp-datepicker .md-actions{width:100%;padding:0 5px}.mdp-calendar-week-days{font-size:.75rem;opacity:.6}.mdp-calendar-week-days>*{width:32px;height:32px;line-height:32px;margin:0 5px;padding:0;min-width:0;min-height:0;box-shadow:none!important;background-color:transparent}.mdp-calendar-days{font-size:1rem;max-width:100%}.mdp-calendar-days .md-button,.mdp-calendar-days .mdp-day-placeholder{width:32px;height:32px;margin:0 5px}.mdp-calendar-days .md-button{cursor:pointer;border-radius:50%;font-size:12px;width:32px;height:32px;line-height:32px;padding:0;min-width:0;min-height:0;box-shadow:none!important;background-color:transparent}.mdp-calendar-days .md-button[disabled]:not(.md-accent){background-color:transparent!important}.mdp-calendar-monthyear{font-size:.8125rem;font-weight:700;line-height:32px;min-height:32px}.mdp-datepicker-date,.mdp-datepicker-day,.mdp-datepicker-dow,.mdp-datepicker-month{font-size:1.8rem;opacity:.6}.mdp-datepicker-date:not(.active),.mdp-datepicker-day:not(.active),.mdp-datepicker-dow:not(.active),.mdp-datepicker-month:not(.active){cursor:pointer}.mdp-datepicker-date.active,.mdp-datepicker-date:hover,.mdp-datepicker-day.active,.mdp-datepicker-day:hover,.mdp-datepicker-dow.active,.mdp-datepicker-dow:hover,.mdp-datepicker-month.active,.mdp-datepicker-month:hover{opacity:1}.mdp-datepicker-year{font-size:.9rem;opacity:.6;padding:0;margin:0}.mdp-datepicker-year:not(.active){cursor:pointer}.mdp-datepicker-year.active,.mdp-datepicker-year:hover{opacity:1}.mdp-datepicker-select-year{height:232px}.mdp-datepicker-select-year .repeated-year{text-align:center}.mdp-datepicker-select-year .repeated-year .md-button{width:100%;margin:0;border-radius:0;padding:0;font-size:1rem;line-height:42px}.mdp-datepicker-select-year .repeated-year .md-button.current{font-size:1.8rem;line-height:42px}.mdp-datepicker-select-year .md-virtual-repeat-container,.mdp-datepicker-select-year .md-virtual-repeat-offsetter,.mdp-datepicker-select-year .md-virtual-repeat-scroller{height:100%;width:100%}mdp-date-picker>md-input-container.md-has-icon{padding-left:40px}mdp-date-picker .md-button.md-icon-button{margin:18px 0 0}.mdp-datepicker:not(.portrait) .mdp-datepicker-select-year{width:309px}.mdp-datepicker:not(.portrait) .mdp-calendar{margin-right:5px;width:294px;margin-left:10px}.mdp-datepicker:not(.portrait) .mdp-datepicker-date-wrapper{width:150px}.mdp-datepicker:not(.portrait) .mdp-datepicker-dow{width:100%;display:block}.mdp-datepicker:not(.portrait) .mdp-calendar-days>*,.mdp-datepicker:not(.portrait) .mdp-calendar-week-days>*{width:42px}.mdp-datepicker .mdp-datepicker-date-wrapper{padding:16px 35px 16px 16px}.mdp-datepicker md-dialog-content{overflow:hidden;padding:0}.mdp-datepicker md-dialog-content .mdp-calendar{width:294px;overflow-x:hidden}.mdp-datepicker.portrait{max-width:234px}.mdp-datepicker.portrait .mdp-calendar{text-align:center;width:100%}.mdp-datepicker.portrait .mdp-datepicker-select-year{height:252px}.mdp-datepicker.portrait md-dialog-content>*{width:100%}.mdp-datepicker.portrait .md-actions,.mdp-datepicker.portrait .mdp-calendar-days,.mdp-datepicker.portrait .mdp-calendar-week-days{padding:0 5px}.mdp-datepicker.portrait .md-actions{margin-top:20px}.mdp-datepicker.portrait .mdp-calendar-days>*,.mdp-datepicker.portrait .mdp-calendar-week-days>*{width:32px}mdp-calendar{display:block}.mdp-calendar-week-days{width:100%}.mdp-calendar-days .md-button,.mdp-calendar-days .mdp-day-placeholder,.mdp-calendar-week-days>*{margin:0}.mdp-clock{width:200px;height:200px;border-radius:50%;cursor:pointer;padding:24px;background:#ededed}.mdp-clock .md-button{box-shadow:none!important;background-color:transparent;display:block;position:absolute;min-height:32px;width:32px;height:32px;font-size:12px;line-height:32px;margin:0;padding:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mdp-clock .mdp-clock-container{width:100%;height:100%;position:relative;display:block}.mdp-clock .mdp-pointer{width:1px;height:50%;margin:0 auto;-webkit-transform-origin:top center;transform-origin:top center;z-index:0;pointer-events:none}.mdp-clock .mdp-clock-center,.mdp-clock .mdp-pointer{min-height:0;position:absolute;left:0;right:0;bottom:0}.mdp-clock .mdp-clock-center{height:6px;width:6px;top:0;margin:auto;border-radius:50%}.mdp-clock .md-button.mdp-clock-selected{position:absolute;border-radius:50%;width:8px;height:8px;bottom:-8px;left:0;min-width:0;min-height:0;pointer-events:none}.mdp-timepicker .mdp-clock-switch-container{padding:20px;width:309px}.mdp-timepicker .mdp-timepicker-time{padding:15px}.mdp-timepicker .mdp-timepicker-selected-time{font-size:3rem}.mdp-timepicker:not(.portrait) .mdp-timepicker-time{width:138px}.mdp-timepicker.portrait .mdp-timepicker-selected-time{font-size:4rem;margin-right:1.5rem}mdp-time-picker md-input-container.md-has-icon{padding-left:40px}mdp-time-picker .md-button.md-icon-button{margin:18px 0 0}.mdp-timepicker-selected-ampm>span,.mdp-timepicker-selected-time>span{outline:0;opacity:.6}.mdp-timepicker-selected-ampm>span:not(.active),.mdp-timepicker-selected-time>span:not(.active){cursor:pointer}.mdp-timepicker-selected-ampm>span.active,.mdp-timepicker-selected-time>span.active{opacity:1}.mdp-clock-deg0{top:0;left:50%}.mdp-clock-deg30{top:6.69872981%;left:75%}.mdp-clock-deg60{top:25%;left:93.30127019%}.mdp-clock-deg90{top:50%;left:100%}.mdp-clock-deg120{top:75%;left:93.30127019%}.mdp-clock-deg150{top:93.30127019%;left:75%}.mdp-clock-deg180{top:100%;left:50%}.mdp-clock-deg210{top:93.30127019%;left:25%}.mdp-clock-deg240{top:75%;left:6.69872981%}.mdp-clock-deg270{top:50%;left:0}.mdp-clock-deg300{top:25%;left:6.69872981%}.mdp-clock-deg330{top:6.69872981%;left:25%}.mdp-clock-deg360{top:0;left:50%}