@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}#header nav.site-header:before,
#header nav.site-header:after,
.main-content .content-container .container-header:before,
.main-content .content-container .container-header:after,
.ifund-container .ifund-group .ifund-group-header:before,
.ifund-container .ifund-group .ifund-group-header:after,
.ifund-container .ifund-group .ifund-list:before,
.ifund-container .ifund-group .ifund-list:after {
  content: " ";display: table;
}
#header nav.site-header:after,
.main-content .content-container .container-header:after,
.ifund-container .ifund-group .ifund-group-header:after,
.ifund-container .ifund-group .ifund-list:after {
  clear: both;
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
.gradient-orange {
  background-image: linear-gradient(#c00, #c00) !important;
  background-color: #c00;
}
.gradient-orange:hover {
  background-image: linear-gradient(#c00, #c00) !important;
  background-color: #c00;
}
.gradient-green {
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
  color: #FFFFFF;
}
.gradient-green:hover {
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
}
.light-green {
  background-color: rgba(75, 183, 86, 0.2);
}
.gradient-red {
  background-image: linear-gradient(#ff6666, #d43f3a) !important;
  background-color: #d43f3a;
  color: #FFFFFF;
}
.gradient-red:hover {
  background-image: linear-gradient(#d43f3a, #ff6666) !important;
  background-color: #d0534f;
}
.gradient-gray {
  background-image: linear-gradient(#9D9999, white) !important;
  background-color: #f3f3f3;
  color: #FFFFFF;
}
.gradient-gray:hover {
  background-image: linear-gradient(#dadada, #f3f3f3) !important;
  background-color: #f3f3f3;
}
.green-container {
  border: 1px solid #222;
}
html {
  min-height: 100%;
  background-image: linear-gradient(#e5e5e5, #ffffff);
  background-color: #e5e5e5;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -ms-overflow-style: scrollbar;
}
.brand-background {
  background: #222;
  background-image: linear-gradient(#222, #222);
  -moz-box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.2);
}
.up-arrow {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #FFFFFF;
  position: absolute;
  bottom: 0;
  margin-left: 10px;
}
#header {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  top: 0;
  border-width: 0 0 1px;
}
#header .navbar-collapse {
  max-height: 340px;
}
@media (max-width: 480px) and (orientation: landscape) {
  #header .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  #header {
    border-radius: 0;
  }
}
#header .up-arrow {
  display: none;
}
#header .warp-header {
  background: #222;
  background-image: linear-gradient(#222, #222);
  -moz-box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
  padding: 0 11px !important;
}
@media (min-width: 768px) {
  #header .warp-header {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  #header .warp-header {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  #header .warp-header {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
#header .warp-header .navbar-toggle {
  border-color: #FFFFFF;
}
#header .warp-header .navbar-toggle .icon-bar {
  background-color: #FFFFFF;
}
#header .warp-header .navbar-toggle:hover {
  background-image: linear-gradient(#c00, #c00) !important;
  background-color: #c00;
}
#header .warp-header .navbar-toggle:hover:hover {
  background-image: linear-gradient(#c00, #c00) !important;
  background-color: #c00;
}
#header nav.site-header {
  margin-left: -15px;
  margin-right: -15px;
}
#header nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none !important;
  position: relative;
}
#header nav ul li {
  float: left !important;
}
#header nav ul li a,
#header nav ul li button {
  font-weight: bold;
  padding: 6px 7px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none !important;
  height: 30px;
  line-height: 30px;
  min-width: 50px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  font-size: 12px;
}
#header nav ul li a:focus,
#header nav ul li button:focus {
  outline: none;
  color: #FFFFFF;
}
#header nav ul li[data-active="true"] a,
#header nav ul li[data-active="true"] button {
  background-color: #222;
}
#header nav ul:after {
  content: "";
  clear: both;
  display: block;
}
#header .main-menu {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%;
  margin-left: 0;
  padding-left: 0.5em !important;
  padding-right: 0 !important;
}
#header nav ul.main-header {
  position: relative;
  min-height: 1px;
  float: left;
  width: 100%;
  margin-left: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#header nav ul.main-header li a {
  font-size: 15px;
  padding-right: 10px;
  padding-top: 10px;
  float: left !important;
  text-transform: uppercase;
  font-weight: 200;
}
#header nav ul.main-header li a:before {
  content: url("../images/tesla-nav.png");
  float: left !important;
  padding-right: 10px;
  padding-top: 2px;
}
#header nav ul.main-header li:hover {
  color: #FFFFFF;
}
#header nav ul.main-header li label {
  float: right !important;
}
#header nav ul.collapsible-menu li:hover > a {
  height: auto;
  min-height: 30px;
}
#header nav ul.collapsible-menu li ul {
  padding: 8px 8px 0px 0px;
  position: absolute;
  top: 100%;
  width: 250px;
  border-radius: 2px;
  min-width: 112px;
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.2);
  border-top: 0 none;
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
#header nav ul.collapsible-menu li ul li {
  clear: both;
  width: 100%;
  position: relative;
}
#header nav ul.collapsible-menu li ul li > a {
  padding: 5px 15px;
  margin: 0;
  border: 0;
  background-color: transparent;
  color: #474747 !important;
  font-size: 15px;
  font-weight: 400;
  min-height: 30px;
  height: auto;
  font-family: Gotham, Montserrat, "Proxima Nova", "Museo Sans", Arial, sans-serif;
  margin-right: 15px;
  padding: 0 16px;
  min-width: 218px;
  z-index: 1000;
  text-transform: capitalize !important;
}
#header nav ul.collapsible-menu li ul li > a:hover {
  background-color: #e3e3e3;
  min-height: 30px;
  height: 40px;
  min-width: 218px;
}
#header nav ul.collapsible-menu li ul li ul {
  position: absolute;
  top: 0;
  left: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  opacity: 1;
  width: 250px;
  z-index: 1000;
}
#header nav ul.collapsible-menu > li {
  border-left: 1px groove #222;
  border-right: 1px solid #777;
  font-size: 14px;
  padding: 2px 2px 0 2px;
  min-width: 80px;
  float: left;
}
#header nav ul.collapsible-menu > li a .caret {
  margin-left: 12px;
  margin-top: -2px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
}
#header nav ul.collapsible-menu > li:last-child {
  border-right: 1px groove #222;
}
#header nav ul.collapsible-menu ul.sub-menu li {
  text-align: left;
  text-transform: capitalize !important;
}
#header .user-menu {
  position: relative;
  min-height: 1px;
  float: right;
  overflow: visible;
  overflow-wrap: break-word;
  padding: 0 !important;
}
#header .user-menu li {
  float: right !important;
}
#header .user-menu li.user-name {
  font-style: italic;
}
#header .user-menu li.user-name:hover a,
#header .user-menu li.user-name:hover a:hover {
  background-color: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
}
#header .user-menu .user-name-single-line {
  display: block;
}
#header .user-menu .user-name-multi-line {
  display: none;
}
#header .user-menu .user-welcome-text {
  float: left;
}
#header .user-menu .user-name-container {
  float: left;
}
#header .user-menu .logout-text {
  display: inherit;
  font-family: 'Gotham', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
}
@media (max-width: 1259px) {
  #header .user-menu {
    float: left !important;
  }
  #header .user-menu li.warp-logout {
    float: left !important;
    width: 40%!important;
    margin-right: 20px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  #header .user-menu li.warp-logout a {
    height: auto;
  }
  #header .user-menu li.user-name {
    float: left !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 45%!important;
    margin: 0;
    border: 0 none;
    text-align: left;
  }
  #header .user-menu li.user-name a {
    height: auto;
  }
}
@media (min-width: 992px) and (max-width: 1259px) {
  #header .user-menu #header .user-menu li.user-name {
    margin-left: -14em !important;
  }
  #header .user-menu li.warp-logout {
    float: left !important;
    margin-top: 9em;
    width: 40% !important;
  }
  #header .user-menu li.user-name {
    margin-left: -14em !important;
  }
  #header .user-menu .user-name-single-line {
    display: none;
  }
  #header .user-menu .user-name-multi-line {
    display: block;
  }
  #header .user-menu .user-welcome-text {
    font-size: 32px;
    margin-top: 0;
  }
  #header .user-menu .user-name-container {
    font-size: 32px;
    margin-top: 0.5em;
  }
}
@media (min-width: 1260px) {
  #header .user-menu .user-name-single-line {
    display: none;
  }
  #header .user-menu .user-name-multi-line {
    display: block;
  }
  #header .user-menu .user-welcome-text {
    font-size: 12px;
    margin-top: 0;
  }
  #header .user-menu .user-name-container {
    font-size: 12px;
    margin-top: 0;
  }
  #header .user-menu .logout-text {
    display: none;
  }
}
@media (min-width: 992px) {
  #header .user-menu li.warp-logout {
    width: 2em;
    margin-right: 5px;
  }
  #header .user-menu li.warp-logout a {
    min-width: 0;
  }
}
@media (min-width: 1260px) {
  #header .user-menu .user-welcome-text {
    margin-top: -0.7em;
  }
  #header .user-menu .user-name-container {
    margin-top: -1.8em;
  }
}
@media (min-width: 1320px) {
  #header .user-menu .user-welcome-text {
    float: right;
    margin-top: 0;
  }
  #header .user-menu .user-name-container {
    float: right;
    margin-top: 0;
  }
  #header .user-menu .user-name-single-line {
    display: block;
  }
  #header .user-menu .user-name-multi-line {
    display: none;
  }
}
@media (min-width: 1400px) {
  #header .user-menu li.warp-logout {
    width: 12em;
  }
  #header .user-menu .logout-text {
    display: inherit;
  }
}
#header nav #collapser {
  display: none;
}
@media (min-width: 992px) {
  #header nav ul.collapsible-menu > li {
    text-align: left;
  }
  #header ul.sub-menu a .caret-right {
    float: right !important;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
    margin-top: 10px;
    text-transform: capitalize;
  }
  #header .user-menu li.user-name {
    font-style: italic;
    border: 0 !important;
  }
  #header .user-menu li.user-name:hover a,
  #header .user-menu li.user-name:hover a:hover {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
  }
}
#header .hide-md {
  display: none !important;
}
#header .show-md {
  display: block !important;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@media (min-width: 1px) and (max-width: 1259px) {
  #header nav ul.collapsible-menu li > ul {
    visibility: collapse;
    height: 0;
    -moz-transition-property: visibility, height;
    -o-transition-property: visibility, height;
    -webkit-transition-property: visibility, height;
    transition-property: visibility, height;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  #header nav ul.collapsible-menu li:hover > ul,
  #header nav ul.collapsible-menu li:active > ul {
    visibility: visible;
    height: auto;
  }
  #header .navbar-toggle {
    display: block;
  }
  #header nav ul {
    padding-left: 0;
    padding-right: 0;
  }
  #header nav ul.collapsible-menu {
    display: none;
    float: left !important;
  }
  #header nav ul.collapsible-menu li {
    margin: 5px;
  }
  #header nav ul.collapsible-menu li .box-shadow a {
    margin-left: -15px;
    margin-right: -15px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #header nav ul.collapsible-menu li:hover {
    margin: 5px;
    background-color: #222;
  }
  #header nav ul.collapsible-menu li:hover .box-shadow a {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
  }
  #header nav ul.collapsible-menu li:hover .up-arrow {
    display: none;
  }
  #header nav ul.collapsible-menu li ul {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 none;
    position: relative;
  }
  #header nav ul.collapsible-menu li ul li {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 none;
  }
  #header nav ul.collapsible-menu li ul li a {
    position: relative;
    background-color: transparent;
    width: 100%;
    color: #e3e3e3 !important;
    margin-left: -15px;
    margin-right: -15px;
  }
  #header nav ul.collapsible-menu li ul li a:before {
    content: "↪ ";
    display: inline;
  }
  #header nav ul.collapsible-menu li ul li ul {
    min-width: 0;
    position: relative;
    left: 0;
    top: 0;
  }
  #header nav ul.collapsible-menu li ul li:hover .box-shadow a {
    background-color: transparent;
  }
  #header nav ul.collapsible-menu li ul li:hover li:hover {
    background-color: #e3e3e3;
  }
  #header nav ul.collapsible-menu li[data-active="true"] {
    background-color: c00;
  }
  #header nav ul.collapsible-menu li[data-active="true"] .box-shadow a,
  #header nav ul.collapsible-menu li[data-active="true"] button {
    background-color: transparent;
  }
  #header input:checked ~ ul.collapsible-menu,
  #header input:checked ~ nav > ul.collapsible-menu {
    display: block;
    background-color: #ffff f;
  }
}
.main-content {
  padding: 40px 0 20px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1259px) {
  .main-content {
    padding: 50px 0 5px 0;
  }
}
.main-content .content-container div.form-container,
.main-content .content-container div.page-container {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #fefefe;
  padding-top: 0;
  padding-bottom: 20px;
  width: 100%;
  float: left;
  padding-top: 12%;
  -moz-box-shadow: inset -1px 0 0 0 #d2d2d2, inset -1px 0 0 0 #e6e6e6, inset 1px 0 0 0 #d2d2d2, 1px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
  -webkit-box-shadow: inset -1px 0 0 0 #d2d2d2, inset -1px 0 0 0 #e6e6e6, inset 1px 0 0 0 #d2d2d2, 1px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
  box-shadow: inset -1px 0 0 0 #d2d2d2, inset -1px 0 0 0 #e6e6e6, inset 1px 0 0 0 #d2d2d2, 1px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1;
}
@media (min-width: 768px) {
  .main-content .content-container div.form-container,
  .main-content .content-container div.page-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .main-content .content-container div.form-container,
  .main-content .content-container div.page-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .main-content .content-container div.form-container,
  .main-content .content-container div.page-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.main-content .content-container .container-header {
  margin-left: -15px;
  margin-right: -15px;
  padding: 5px 15px;
  margin-bottom: 5px;
  list-style: none;
  margin: 0;
  padding: 20px 0 10px 0;
}
.main-content .content-container .container-header .app-groupname,
.main-content .content-container .container-header .app-name {
  color: #c00;
  font-size: large;
}
.main-content .content-container .container-header .app-groupname:hover,
.main-content .content-container .container-header .app-name:hover {
  text-decoration: none;
}
.main-content .content-container .container-header a.app-groupname,
.main-content .content-container .container-header a.app-name {
  font-weight: bold;
}
.main-content .content-container .container-header .app-name {
  font-size: large;
  color: rgba(0, 0, 0, 0.87);
}
.main-content .content-container .container-header .buttonClass {
  border: 1px solid #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 23px;
}
.main-content .content-container .sub-container {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .main-content .content-container .sub-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .main-content .content-container .sub-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .main-content .content-container .sub-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.main-content ul.nav.nav-tabs {
  border-bottom: 1px solid #222;
}
.main-content ul.nav.nav-tabs > li > a {
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
  color: #FFFFFF;
  border: 1px solid #222;
}
.main-content ul.nav.nav-tabs > li > a:hover {
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
}
.main-content ul.nav.nav-tabs a:hover {
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
}
.main-content ul.nav.nav-tabs > li.active > a {
  background-image: none !important;
  background-color: #FFFFFF;
  color: #222;
  border-bottom: 1px solid #FFFFFF;
}
.main-content .tab-content {
  border: 1px solid #222;
  border-top: 0 none;
  padding-bottom: 20px;
}
.main-content .app-groupname,
.main-content .app-name {
  font-weight: bold;
  font-size: 13px;
}
.main-content .app-groupname:after {
  padding: 0 5px;
  color: #ccc;
  content: "/\A0";
}
.main-content legend {
  padding-top: 5px;
  margin-bottom: 7px;
  color: #222;
  border-bottom: 1px solid #222;
  font-size: 13px;
  font-weight: bold;
}
.main-content legend span.pull-right {
  padding-bottom: 5px;
}
.main-content legend.legend-orange {
  color: #c00;
  border-bottom: 1px solid #c00;
}
.main-content button.buttonClass,
.main-content input[type="button"] {
  background-image: linear-gradient(#c00, #c00) !important;
  background-color: #c00;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 7px;
  border: 0 none;
  font-size: 12px;
  padding: 3px 23px;
  height: 38px;
  margin-right: 10px;
}
.main-content button.buttonClass:hover,
.main-content input[type="button"]:hover {
  background-image: linear-gradient(#c00, #c00) !important;
  background-color: #c00;
}
.main-content button[disabled].buttonClass,
.main-content input[type="button"][disabled] {
  background-image: linear-gradient(#9D9999, white) !important;
  background-color: #f3f3f3;
  color: #FFFFFF;
}
.main-content button[disabled].buttonClass:hover,
.main-content input[type="button"][disabled]:hover {
  background-image: linear-gradient(#dadada, #f3f3f3) !important;
  background-color: #f3f3f3;
}
.main-content div.buttonClass,
.main-content div.table-info {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: #222;
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
}
.main-content .cp-control-group {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .main-content .cp-control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .main-content .cp-control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .main-content .cp-control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.main-content .cp-control-group.span-two {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .main-content .cp-control-group.span-two {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .main-content .cp-control-group.span-two {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .main-content .cp-control-group.span-two {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.main-content .pagination .disabled span,
.main-content .pagination .disabled a,
.main-content .pagination .disabled a:hover,
.main-content .pagination .disabled a:focus {
  border-color: #222;
  color: #222;
  font-weight: normal;
}
.main-content fieldset.scheduler-border {
  border: 1px solid #cccccc;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.5em 0 !important;
  -moz-box-shadow: 0 0 0 0 #000;
  -webkit-box-shadow: 0 0 0 0 #000;
  box-shadow: 0 0 0 0 #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.main-content fieldset.scheduler-border legend {
  color: #000000;
  border-bottom: 0 none;
  padding: 10px;
  width: auto;
}
.main-content fieldset.scheduler-border .cp-control-group {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .main-content fieldset.scheduler-border .cp-control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .main-content fieldset.scheduler-border .cp-control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .main-content fieldset.scheduler-border .cp-control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
fieldset div.control-group,
div div.control-group {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  fieldset div.control-group,
  div div.control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  fieldset div.control-group,
  div div.control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  fieldset div.control-group,
  div div.control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
fieldset div.control-group input[type=text],
div div.control-group input[type=text],
fieldset div.control-group select,
div div.control-group select {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
  font-size: 14px;
  border-radius: 0px;
  height: 27px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
@media (min-width: 768px) {
  fieldset div.control-group input[type=text],
  div div.control-group input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  fieldset div.control-group input[type=text],
  div div.control-group input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  fieldset div.control-group input[type=text],
  div div.control-group input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
selectfieldset div.control-group input[type=text],
selectdiv div.control-group input[type=text],
selectfieldset div.control-group select,
selectdiv div.control-group select {
  height: 27px;
  line-height: 27px;
}
textareafieldset div.control-group input[type=text],
textareadiv div.control-group input[type=text],
textareafieldset div.control-group select,
textareadiv div.control-group select,
select[multiple]fieldset div.control-group input[type=text],
select[multiple]div div.control-group input[type=text],
select[multiple]fieldset div.control-group select,
select[multiple]div div.control-group select {
  height: auto;
}
fieldset div.control-group .row,
div div.control-group .row {
  padding-top: 0;
  padding-bottom: 0;
}
fieldset div.control-group .row .control-sub-group,
div div.control-group .row .control-sub-group {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  fieldset div.control-group .row .control-sub-group,
  div div.control-group .row .control-sub-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  fieldset div.control-group .row .control-sub-group,
  div div.control-group .row .control-sub-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  fieldset div.control-group .row .control-sub-group,
  div div.control-group .row .control-sub-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
fieldset div.control-group.controlgroup2,
div div.control-group.controlgroup2 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  fieldset div.control-group.controlgroup2,
  div div.control-group.controlgroup2 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  fieldset div.control-group.controlgroup2,
  div div.control-group.controlgroup2 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  fieldset div.control-group.controlgroup2,
  div div.control-group.controlgroup2 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.center-align {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.center-align:before {
  content: " ";
  width: 0%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
.table-wrapper {
  overflow: auto;
  border: 1px solid #222;
  border-top: 0 none;
  margin-bottom: 5px;
}
.table-wrapper .table {
  border: 0 none !important;
  color: #000000;
  margin: 0;
  width: auto;
  min-width: 100%;
}
.table-wrapper .table thead {
  background-image: linear-gradient(#c00, #c00) !important;
  background-color: #c00;
  font-weight: normal;
  border: 0 none !important;
  border-right: 1px solid #d3d3d3;
}
.table-wrapper .table thead th {
  border-bottom: 0 none !important;
  cursor: default;
  color: #ffffff;
  text-shadow: none;
  border-right: 1px solid #FFFFFF;
  padding: 4px !important;
  font-size: small;
}
.table-wrapper .table thead th a {
  color: #ffffff;
  text-decoration: none;
}
.table-wrapper .table thead th:last-child {
  border-right: 0 none !important;
}
.table-wrapper .table thead th[rowspan="2"] {
  vertical-align: top;
}
.table-wrapper .table thead th[colspan] {
  text-align: center;
}
.table-wrapper .table thead .table-sub-header th {
  background-image: none;
  background-color: #222;
}
.table-wrapper .table tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.2) !important;
  font-weight: normal !important;
  font-size: 13px !important;
  padding: 2px 8px 2px 4px !important;
  white-space: nowrap;
}
.table-wrapper .table .table-hover > tbody > tr:hover > td,
.table-wrapper .table .table-hover > tbody > tr:hover > th {
  background-color: #b1b1b1 !important;
}
.table-wrapper .table .table-striped > tbody > tr:nth-child(odd) > td,
.table-wrapper .table .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #ffffff;
}
.table-wrapper .table tbody td.row-group-header {
  font-weight: bold !important;
  background-color: rgba(75, 183, 86, 0.2);
}
.table-wrapper .table tfoot {
  background-color: #222;
}
.table-wrapper .table tfoot td {
  color: #FFFFFF;
  font-size: 13px;
}
.table-wrapper .table-width100 {
  width: 100%;
}
.table-wrapper .table-header {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border-bottom: 0 none;
  background: none !important;
  background-image: none !important;
  color: #222;
  text-shadow: none;
}
.blue-links,
.blue-links:hover {
  color: #0645ad;
  font-weight: normal;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  border-color: #222;
  color: #222;
  font-weight: normal;
}
.pagination > li > a,
.pagination > li > span {
  border-color: #222;
  color: #222;
  font-weight: bold;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  border-color: #222;
  background-image: linear-gradient(#222, #222);
  background-color: #222;
  font-weight: bold;
}
label,
label.label {
  color: black;
  font-size: 13px;
  display: inline-block;
  padding: 0;
}
label.custom-label {
  font-size: 12px;
  border-radius: 3px;
  font-weight: normal;
  height: 27px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0px;
  width: 100%;
  background-color: #e5e5e5;
}
selectlabel.custom-label {
  height: 27px;
  line-height: 27px;
}
textarealabel.custom-label,
select[multiple]label.custom-label {
  height: auto;
}
label.custom-label .make-column-collapsible img {
  float: right;
  padding-top: 2px;
}
label.mandatory:before {
  content: "* ";
  color: #a94442;
}
input.mandatory,
select.mandatory {
  background-color: #fff !important;
}
input[disabled="disabled"],
select[disabled="disabled"] {
  background-color: #e5e5e5 !important;
  color: #000000;
}
textarea {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cccccc;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
input[type="text"],
input[type="number"],
select,
.custom-label {
  height: 27px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #cccccc;
}
ul.dropdown-menu.ng-valid-date,
ul.dropdown-menu.ng-valid-date-disabled {
  padding: 0;
}
ul.dropdown-menu.ng-valid-date th button,
ul.dropdown-menu.ng-valid-date-disabled th button {
  background-image: linear-gradient(#222, #222);
  background-color: #222;
  color: #FFFFFF;
}
.modal-open .modal {
  display: block;
}
.modal-dialog .modal-content .modal-header {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  padding: 10px;
}
.modal-dialog .modal-content .modal-header .modal-title {
  font-size: medium;
  font-weight: bold;
}
.modal-dialog .modal-content .modal-body .control-group {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-dialog .modal-content .modal-body .control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .modal-dialog .modal-content .modal-body .control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .modal-dialog .modal-content .modal-body .control-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.modal-dialog .modal-content .modal-body .control-group label,
.modal-dialog .modal-content .modal-body .control-group label.label {
  font-size: 13px;
  color: #000000;
  width: 100%;
}
.modal-dialog .modal-content .modal-body .control-group.full-span {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-dialog .modal-content .modal-body .control-group.full-span {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .modal-dialog .modal-content .modal-body .control-group.full-span {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .modal-dialog .modal-content .modal-body .control-group.full-span {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.modal-dialog .modal-content .modal-footer {
  border: 0 none;
}
.modal-dialog .modal-content .modal-footer:before {
  content: "";
  clear: both;
}
.home-page {
  background: url("../images/bg-400x200.png") no-repeat transparent;
  background-position: center;
  min-height: 400px !important;
}
@media (min-width: 992px) {
  .home-page {
    background: url("../images/bg-920x550.png") no-repeat transparent;
    background-position: center;
    min-height: 800px !important;
  }
}
.job-costing-container {
  border: 1px solid #222;
}
.job-costing-container div.header {
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
  color: #FFFFFF;
  padding: 5px;
  height: 30px;
  line-height: 20px;
}
.job-costing-container div.header:hover {
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
}
.job-costing-container:hover {
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
}
.half-page {
  width: 66.66666667% !important;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
/* styles for validation helpers */
.field-validation-error {
  color: #b94a48;
}
.field-validation-valid {
  display: none;
}
input.input-validation-error {
  border: 1px solid #b94a48;
}
input[type="checkbox"].input-validation-error {
  border: 0 none;
}
.validation-summary-errors {
  color: #b94a48;
}
.validation-summary-valid {
  display: none;
}
.icon-white {
  background-image: url("../images/ui-icons_ffffff_256x240.png");
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-bottom: -3px;
}
.sort-icon-up {
  background-image: url("../images/ui-icons_ffffff_256x240.png");
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-bottom: -3px;
  background-position: 0 0;
}
.sort-icon-down {
  background-image: url("../images/ui-icons_ffffff_256x240.png");
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-bottom: -3px;
  background-position: -64px 0;
}
.multi-columns-row > div {
  padding-bottom: 10px;
}
.top-mar-neg-5 {
  margin-top: -5px;
}
.top-mar-20 {
  margin-top: 20px;
}
.bot-padding-5 {
  padding-bottom: 5px;
}
.bot-margin-5 {
  margin-bottom: 5px;
}
.left-pad-10 {
  padding-left: 10px;
}
.right-pad-10 {
  padding-right: 10px;
}
.search-form .form-control[readonly] {
  background: #FFFFFF;
  cursor: default;
}
td.alignRight {
  text-align: right;
}
.table-wrapper td {
  padding-right: 10px !important;
}
.table-fixed {
  overflow: hidden;
  table-layout: fixed;
}
.table-fixed td {
  overflow: hidden;
}
.align-right {
  text-align: right !important;
}
.align-center {
  text-align: center !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-middle {
  vertical-align: middle !important;
}
.selectHeight {
  height: 27px !important;
}
.textbox-disabled {
  background: white !important;
  cursor: auto !important;
}
.custom-modal {
  display: block;
}
.overlayContainer {
  display: none;
}
.overlayBackground {
  top: 0px;
  left: 0px;
  padding-left: 100px;
  position: absolute;
  z-index: 1000;
  height: 100%;
  width: 100%;
  background-color: #808080;
  opacity: 0.3;
}
.overlayContent {
  position: absolute;
  font-weight: bold;
  height: 100px;
  width: 200px;
  z-index: 1000;
  text-align: center;
}
.errorMessage {
  position: absolute;
  padding: 5px;
  background-color: #E03930;
  color: black;
}
.editIcon {
  margin-top: 2px;
}
/* ng-cloak */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng.ng-cloak {
  display: none;
}
.novalidate {
  border-left: none !important;
}
.close {
  font-size: 15pt;
  opacity: 1;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input[readonly].ng-valid-date {
  background: #FFFFFF;
  cursor: default;
}
.card {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  height: 100px;
  width: 225px;
  margin-bottom: 20px;
  position: relative;
}
.cardHeader {
  background-color: #027FF4;
  font-size: 14pt;
  color: white;
  padding: 5px;
}
.cardClose {
  color: white;
  font-weight: bold;
  margin-right: 5px;
}
.cardContainer {
  width: 95%;
}
.cardBody {
  padding-left: 5px;
}
.cardBodyRight {
  margin-left: 20px;
  margin-top: 10px;
}
.cardImage {
  height: 50px;
  width: 50px;
  margin-top: 10px;
}
.lastRow {
  background-color: #ccc;
}
.indent {
  margin-left: 5px;
}
.ordersTable {
  width: 85%;
}
.orders th,
.customers th {
  width: 20%;
  cursor: pointer;
}
.ordersTable tr:first-child th,
.customersTable tr:first-child th {
  background-color: #027FF4;
  color: #fff;
  font-weight: bold;
}
.gridContainer td {
  vertical-align: middle;
}
#submitCustomer {
  margin-left: 50px;
  margin-top: -8px;
}
.green {
  color: green;
}
.red {
  color: red;
}
.blue {
  color: blue;
}
.orange {
  color: darkorange;
}
.black {
  color: #222;
}
div[ng-dropdown-multiselect] {
  width: 100%;
  float: left;
}
div[ng-dropdown-multiselect] div {
  width: 100%;
}
div[ng-dropdown-multiselect] div button {
  width: 100%;
  height: 30px;
  text-align: left;
}
.dropdown-toggle span.caret {
  float: right;
  margin-top: 5px;
}
@media (min-width: 992px) {
  .input-width-175 {
    width: 175px !important;
  }
  .input-width-150 {
    width: 150px !important;
  }
}
.default-column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .default-column {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .default-column {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .default-column {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.ifund-container .ifund-group {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
  height: auto;
  padding-top: 15px;
}
@media (min-width: 768px) {
  .ifund-container .ifund-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .ifund-container .ifund-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .ifund-container .ifund-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.ifund-container .ifund-group .ifund-group-header {
  width: 100%;
  float: left !important;
  margin-left: -15px;
  margin-right: -15px;
}
.ifund-container .ifund-group .ifund-group-header label {
  font-size: 15px;
  width: auto;
  padding: 5px 15px;
  margin: 0;
  font-weight: normal;
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
  color: #FFFFFF;
}
.ifund-container .ifund-group .ifund-group-header label:hover {
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
}
.ifund-container .ifund-group .ifund-group-header:hover {
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
}
.ifund-container .ifund-group .ifund-list {
  margin-left: -15px;
  margin-right: -15px;
  width: 100%;
  float: left !important;
  min-height: 200px;
  border: 1px solid #222;
  padding: 20px;
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  width: 100%;
  height: auto;
  border: 1px;
  float: left !important;
}
@media (min-width: 768px) {
  .ifund-container .ifund-group .ifund-list .ifund-list-tab {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .ifund-container .ifund-group .ifund-list .ifund-list-tab {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .ifund-container .ifund-group .ifund-list .ifund-list-tab {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab label {
  width: 100%;
  height: 100px;
  margin-bottom: 15px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 0 15px;
  -moz-box-shadow: 0 1px 5px rgba(212, 63, 58, 0.5);
  -webkit-box-shadow: 0 1px 5px rgba(212, 63, 58, 0.5);
  box-shadow: 0 1px 5px rgba(212, 63, 58, 0.5);
  color: #d9534f;
  cursor: pointer;
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab label .ifund-folder-icon {
  background: url("../images/folder1.png") no-repeat transparent;
  min-height: 92px;
  display: block;
  padding: 30px 20px 0 100px;
  width: auto;
  font-size: large;
  font-weight: normal;
  text-align: left;
  float: left !important;
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab label .ifund-folder-icon span.ifund-sub-text {
  font-size: 13px;
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab label:hover {
  color: #ffffff;
  background-image: linear-gradient(#ff6666, #d43f3a) !important;
  background-color: #d43f3a;
  color: #FFFFFF;
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab label:hover:hover {
  background-image: linear-gradient(#d43f3a, #ff6666) !important;
  background-color: #d0534f;
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab label.state-green {
  -moz-box-shadow: 0 1px 5px rgba(230, 233, 232, 0.604);
  -webkit-box-shadow: 0 1px 5px rgba(230, 233, 232, 0.604);
  box-shadow: 0 1px 5px rgba(230, 233, 232, 0.604);
  color: rgba(230, 233, 232, 0.604);
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab label.state-green:hover {
  color: #ffffff;
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
  color: #FFFFFF;
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab label.state-green:hover:hover {
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab label.state-orange {
  -moz-box-shadow: 0 1px 5px rgba(254, 143, 4, 0.5);
  -webkit-box-shadow: 0 1px 5px rgba(254, 143, 4, 0.5);
  box-shadow: 0 1px 5px rgba(254, 143, 4, 0.5);
  color: #c00;
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab label.state-orange:hover {
  color: #ffffff;
  background-image: linear-gradient(#c00, #c00) !important;
  background-color: #c00;
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab label.state-orange:hover:hover {
  background-image: linear-gradient(#c00, #c00) !important;
  background-color: #c00;
}
.ifund-container .ifund-group .ifund-list .ifund-list-tab .ifund-list-radio {
  display: none;
}
[ng-click],
[data-ng-click],
[x-ng-click] {
  cursor: pointer;
}
.warp-width100 {
  width: 100%;
}
.warp-disp-none {
  display: none;
}
.warp-disp-blk {
  display: block;
}
.warning-row > td {
  background-color: wheat !important;
}
.warp-RowEdit-glyphicon-green {
  font-size: 17px;
  cursor: pointer;
  float: right;
  color: #c00;
}
.warp-RowEdit-glyphicon-orange {
  font-size: 17px;
  cursor: pointer;
  float: right;
  color: #222;
}
.warp-RowEdit-glyphicon-red {
  font-size: 17px;
  cursor: pointer;
  float: right;
  color: red;
}
.warp-RowEdit-glyphicon-white {
  font-size: 22px;
  cursor: pointer;
  float: right;
  color: white;
}
.warp-RowEdit-glyphicon-white-small {
  font-size: 15px;
  cursor: pointer;
  float: right;
  color: white;
}
.warp-RowEdit-glyphicon-disabled {
  font-size: 17px;
  float: right;
}
.warp-RowEdit-Action-Column-Style {
  width: 80px;
  text-align: center !important;
  vertical-align: middle !important;
  min-width: 60px;
}
.warp-RowEdit-Divider-Style {
  padding-left: 5px;
  padding-right: 5px;
  float: right;
}
label {
  margin-bottom: 5px;
}
.warp-glyphicon-green {
  color: #222;
  top: 0 !important;
}
.model-95Per .modal-dialog {
  width: 95%;
}
.model-90Per .modal-dialog {
  width: 90%;
}
.model-80Per .modal-dialog {
  width: 80%;
}
.model-60Per .modal-dialog {
  width: 60%;
}
.model-40Per .modal-dialog {
  width: 40%;
}
.model-30Per .modal-dialog {
  width: 30%;
}
.model-20Per .modal-dialog {
  width: 20%;
}
.model-10Per .modal-dialog {
  width: 10%;
}
img.sortArrow {
  padding-top: 3px;
}
.shortcut-orange {
  border: 1px outset white;
  background-image: linear-gradient(#c00) !important;
  background-color: #c00;
  height: 100px;
  width: 100px;
  cursor: pointer;
  color: white;
  font-weight: bold;
  text-align: center;
  margin: 10px;
}
.shortcut-orange:hover {
  border: 1px outset gray;
  color: white;
  background-image: linear-gradient(#c00, #c00) !important;
  background-color: #c00;
  font-weight: bold;
}
.shortcut-green {
  border: 1px outset white;
  background-image: linear-gradient(#222) !important;
  background-color: #222;
  height: 100px;
  width: 100px;
  cursor: pointer;
  color: white;
  font-weight: bold;
  text-align: center;
  margin: 10px;
}
.shortcut-green:hover {
  border: 1px outset gray;
  background-image: linear-gradient(#222, #222) !important;
  background-color: #222;
  color: white;
  font-weight: bold;
}
.text-right {
  text-align: right !important;
}
.bg-mo-grid {
  background-color: lavender;
}
.popup-legend-orrange {
  font-size: small;
  font-weight: bold;
  color: #c00;
  border-bottom: 1px solid #c00;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide {
  display: none !important;
}
ng\:form {
  display: block;
}
.ng-animate-block-transitions {
  transition: 0s all!important;
  -webkit-transition: 0s all!important;
}
/* show the element during a show/hide animation when the
 * animation is ongoing, but the .ng-hide class is active */
.ng-hide-add-active,
.ng-hide-remove {
  display: block!important;
}
/*legend.pull-left, legend div.pull-left {
    float:none !important;
}*/
/**
 * angular-ui-notification - Angular.js service providing simple notifications using Bootstrap 3 styles with css transitions for animating
 * @author Alex_Crack
 * @version v0.2.0
 * @link https://github.com/alexcrack/angular-ui-notification
 * @license MIT
 */
.ui-notification {
  position: fixed;
  z-index: 9999;
  width: 300px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-radius: 0;
  background-color: #222 !important;
  box-shadow: 5px 5px 10px #888;
  top: 0;
  right: 0 !important;
  opacity: 1.06;
}
.ui-notification.clickable {
  cursor: pointer;
}
.ui-notification.clickable:hover {
  opacity: 0.7;
}
.ui-notification.killed {
  -webkit-transition: opacity ease 1s;
  -o-transition: opacity ease 1s;
  transition: opacity ease 1s;
  opacity: 0;
}
.ui-notification > h3 {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 10px 10px 0;
  padding: 0 0 5px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.ui-notification a {
  color: #fff;
}
.ui-notification a:hover {
  text-decoration: underline;
}
.ui-notification > .message {
  margin: 10px;
}
.ui-notification.warning {
  margin-top: 80px !important;
}
.ui-notification.warning > .message {
  color: #F44336 !important;
}
.ui-notification.error {
  margin-top: 80px !important;
}
.ui-notification.error > .message {
  color: #F44336 !important;
}
.ui-notification.success {
  margin-top: 80px !important;
}
.ui-notification.success > .message {
  color: #8BC34A !important;
}
.ui-notification.info {
  margin-top: 80px !important;
}
.ui-notification.info > .message {
  color: #03A9F4 !important;
}
.make-column-collapsible {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
@media (min-width: 768px) {
  .main-content {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 100%;
  }
  .main-content .content-container > div.form-container,
  .main-content .content-container > div.page-container,
  .main-content .content-container > .sub-container {
    height: 10%;
    padding-top: 5%;
  }
  .main-content .content-container > div.form-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > div.page-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > .sub-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > div.form-container fieldset.scheduler-border > .cp-control-group > .span-two,
  .main-content .content-container > div.page-container fieldset.scheduler-border > .cp-control-group > .span-two,
  .main-content .content-container > .sub-container fieldset.scheduler-border > .cp-control-group > .span-two {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  fieldset div.control-group,
  div div.control-group {
    width: 25% !important;
  }
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  fieldset div.control-group .row > .control-sub-group,
  div div.control-group .row > .control-sub-group,
  fieldset div.control-group .controlgroup2,
  div div.control-group .controlgroup2 {
    width: 50% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .center-align:before {
    width: 0%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .modal-dialog > .modal-content > .modal-body .control-group,
  .modal-dialog > .modal-content > .modal-body .control-group.full-span,
  .modal-dialog > .modal-content > .modal-body label.custom-label,
  .modal-dialog > .modal-content > .modal-body textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .half-page {
    width: 33.33333333% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .default-column {
    width: 25%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .ifund-container .ifund-group,
  .ifund-container .ifund-group > .ifund-list > .ifund-list-tab {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  #header {
    border-radius: 0;
  }
  #header .warp-header,
  #header .main-menu {
    padding: 0 11px !important;
  }
  #header .warp-header .user-menu,
  #header .main-menu .user-menu {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .main-content .content-container > div.form-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > div.page-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > .sub-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > div.form-container fieldset.scheduler-border > .cp-control-group > .span-two,
  .main-content .content-container > div.page-container fieldset.scheduler-border > .cp-control-group > .span-two,
  .main-content .content-container > .sub-container fieldset.scheduler-border > .cp-control-group > .span-two {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .main-content .content-container > div.form-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > div.page-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > .sub-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > div.form-container fieldset.scheduler-border > .cp-control-group > .span-two,
  .main-content .content-container > div.page-container fieldset.scheduler-border > .cp-control-group > .span-two,
  .main-content .content-container > .sub-container fieldset.scheduler-border > .cp-control-group > .span-two {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .main-content .content-container > div.form-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > div.page-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > .sub-container fieldset.scheduler-border > .cp-control-group,
  .main-content .content-container > div.form-container fieldset.scheduler-border > .cp-control-group > .span-two,
  .main-content .content-container > div.page-container fieldset.scheduler-border > .cp-control-group > .span-two,
  .main-content .content-container > .sub-container fieldset.scheduler-border > .cp-control-group > .span-two {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .modal-dialog > .modal-content > .modal-body .control-group,
  .modal-dialog > .modal-content > .modal-body .control-group.full-span,
  .modal-dialog > .modal-content > .modal-body label.custom-label,
  .modal-dialog > .modal-content > .modal-body textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .modal-dialog > .modal-content > .modal-body .control-group,
  .modal-dialog > .modal-content > .modal-body .control-group.full-span,
  .modal-dialog > .modal-content > .modal-body label.custom-label,
  .modal-dialog > .modal-content > .modal-body textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .modal-dialog > .modal-content > .modal-body .control-group,
  .modal-dialog > .modal-content > .modal-body .control-group.full-span,
  .modal-dialog > .modal-content > .modal-body label.custom-label,
  .modal-dialog > .modal-content > .modal-body textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .ifund-container .ifund-group,
  .ifund-container .ifund-group > .ifund-list > .ifund-list-tab {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .ifund-container .ifund-group,
  .ifund-container .ifund-group > .ifund-list > .ifund-list-tab {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .ifund-container .ifund-group,
  .ifund-container .ifund-group > .ifund-list > .ifund-list-tab {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  #header .warp-header .user-menu,
  #header .main-menu .user-menu {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  #header .warp-header .user-menu,
  #header .main-menu .user-menu {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  #header .warp-header .user-menu,
  #header .main-menu .user-menu {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  #header .warp-header {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    padding: 0 11px !important;
  }
  #header .main-menu {
    width: 58.33333333%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  #header .user-menu {
    float: left !important;
    width: 41.66666667% !important;
  }
  #header .user-menu .make-column-collapsible li.warp-logout {
    width: 2em;
    margin-right: 5px;
  }
  #header .user-menu .make-column-collapsible li.warp-logout a {
    min-width: 0;
  }
  #header .user-menu li.user-name {
    font-style: italic;
    border: 0 !important;
  }
  #header .user-menu li.user-name:hover a {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
  }
  #header .user-menu li.user-name:hover a:hover {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
  }
  #header ul.sub-menu a .caret-right {
    float: right !important;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
    margin-top: 10px;
    text-transform: capitalize !important;
  }
  .main-content {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 100%;
  }
  .main-content .content-container div.form-container,
  .main-content .content-container div.page-container,
  .main-content .content-container .sub-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .main-content .cp-control-group {
    width: 25% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .main-content .cp-control-group.span-two {
    width: 66.66666667% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .main-content fieldset.scheduler-border > .cp-control-group {
    width: 50%!important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  fieldset div.control-group,
  div div.control-group {
    width: 25% !important;
  }
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  fieldset div.control-group .row > .control-sub-group,
  div div.control-group .row > .control-sub-group {
    width: 50% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  fieldset div.control-group.controlgroup2,
  div div.control-group.controlgroup2 {
    width: 50% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .center-align:before {
    width: 50% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  label.custom-label,
  textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .modal-dialog > .modal-content > .modal-body .control-group {
    width: 50% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .modal-dialog > .modal-content > .modal-body .control-group.full-span {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .half-page {
    width: 33.33333333% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .input-width-175 {
    width: 175px !important;
  }
  .input-width-150 {
    width: 150px !important;
  }
  .default-column {
    width: 25% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .ifund-container .ifund-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .ifund-container .ifund-group .ifund-list .ifund-list-tab {
    width: 33.33333333% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  #header .warp-header {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  #header .warp-header {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  #header .warp-header {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .main-content .content-container div.form-container,
  .main-content .content-container div.page-container,
  .main-content .content-container .sub-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .main-content .content-container div.form-container,
  .main-content .content-container div.page-container,
  .main-content .content-container .sub-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .main-content .content-container div.form-container,
  .main-content .content-container div.page-container,
  .main-content .content-container .sub-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  label.custom-label,
  textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  label.custom-label,
  textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  label.custom-label,
  textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .modal-dialog > .modal-content > .modal-body .control-group.full-span {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .modal-dialog > .modal-content > .modal-body .control-group.full-span {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .modal-dialog > .modal-content > .modal-body .control-group.full-span {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .ifund-container .ifund-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .ifund-container .ifund-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .ifund-container .ifund-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  #header .warp-header {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
    padding: 0 11px !important;
    text-transform: uppercase;
  }
  #header .main-menu {
    width: 58.33333333% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  #header .user-menu {
    width: 41.66666667% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .main-content {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    float: left;
    width: 100%;
  }
  .main-content .content-container div.form-container,
  .main-content .content-container div.page-container,
  .main-content .content-container .sub-container {
    padding-top: 2%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .main-content .content-container .sub-container {
    padding-left: 0;
    padding-right: 0;
  }
  .main-content .cp-control-group {
    width: 16.66666667% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .main-content .cp-control-group.span-two {
    width: 50%!important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .main-content fieldset.scheduler-border .cp-control-group {
    width: 33.33333333% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  fieldset div.control-group,
  div div.control-group {
    width: 16.66666667% !important;
  }
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  fieldset div.control-group .row .control-sub-group,
  div div.control-group .row .control-sub-group {
    width: 50% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  fieldset div.control-group.controlgroup2,
  div div.control-group.controlgroup2 {
    width: 33.33333333% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .center-align:before {
    width: 50%!important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  label.custom-label,
  textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .modal-dialog .modal-content .modal-body .control-group {
    width: 50%!important;
  }
  .modal-dialog .modal-content .modal-body .control-group .make-column-collapsible .full-span {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .half-page {
    width: 33.33333333% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .default-column {
    width: 16.66666667% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .ifund-container .ifund-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  .ifund-container .ifund-group .ifund-list .ifund-list-tab {
    width: 25%!important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  #header .warp-header {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 992px) {
  #header .warp-header {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  #header .warp-header {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .main-content .content-container div.form-container,
  .main-content .content-container div.page-container,
  .main-content .content-container .sub-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 992px) {
  .main-content .content-container div.form-container,
  .main-content .content-container div.page-container,
  .main-content .content-container .sub-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .main-content .content-container div.form-container,
  .main-content .content-container div.page-container,
  .main-content .content-container .sub-container {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 992px) {
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  fieldset div.control-group .make-column-collapsible input[type=text],
  div div.control-group .make-column-collapsible input[type=text],
  fieldset div.control-group select,
  div div.control-group select {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 992px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .center-align {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  label.custom-label,
  textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 992px) {
  label.custom-label,
  textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  label.custom-label,
  textarea {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .modal-dialog .modal-content .modal-body .control-group .make-column-collapsible .full-span {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 992px) {
  .modal-dialog .modal-content .modal-body .control-group .make-column-collapsible .full-span {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .modal-dialog .modal-content .modal-body .control-group .make-column-collapsible .full-span {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 768px) {
  .ifund-container .ifund-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 992px) {
  .ifund-container .ifund-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .ifund-container .ifund-group {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1260px) {
  #header nav ul.collapsible-menu li ul li > a:hover {
    color: #474747 !important;
  }
  #header nav ul.main-header li a {
    font-size: 18px !important;
  }
  #header .main-menu {
    width: 60.83333333% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  #header nav ul > li {
    height: 45px !important;
  }
  #header nav ul.main-header {
    width: 18%;
  }
  #header nav ul.main-header .make-column-collapsible li > a {
    font-size: 13px !important;
  }
  #header nav ul.collapsible-menu li > ul {
    max-width: 280px;
  }
  li > a > #header nav ul.collapsible-menu li > ul:hover {
    color: #474747 !important;
  }
  #header .user-menu {
    float: right !important;
    width: 15.83333333% !important;
  }
  #header .user-menu .make-column-collapsible .user-name-single-line {
    display: none;
  }
  #header .user-menu .user-name-multi-line {
    display: block;
  }
  #header .user-menu .user-welcome-text {
    font-size: 14px;
    margin-top: 0;
    margin-top: -0.7em;
  }
  #header .user-menu .user-name-container {
    font-size: 14px;
    margin-top: 0;
    margin-top: -1.8em;
  }
  #header .user-menu .logout-text {
    display: none;
  }
}
@media (min-width: 1320px) {
  #header .user-menu {
    float: right;
    width: 15.83333333% !important;
  }
  #header .user-menu .make-column-collapsible .user-welcome-text,
  #header .user-menu .user-name-container {
    float: right;
    margin-top: 0;
  }
  #header .user-menu .user-name-single-line {
    display: block;
  }
  #header .user-menu .user-name-multi-line {
    display: none;
  }
  #header .main-menu {
    width: 60.5% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
}
@media (min-width: 1400px) {
  #header .main-menu {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  #header .user-menu {
    float: right !important;
    width: 20%!important;
  }
  #header .user-menu .make-column-collapsible li.warp-logout {
    width: 12em;
  }
  #header .user-menu .logout-text {
    display: inherit;
  }
}
@media (max-width: 1024px) {
  #header > nav > ul li > a,
  #header > nav > ul button {
    font-weight: bold;
    padding: 6px 10px;
    color: #222;
    text-transform: uppercase;
    text-decoration: none !important;
    height: 30px;
    line-height: 30px;
    min-width: 50px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    font-size: 12px;
  }
  #header > nav > ul .main-menu > .collapsible-menu {
    background-color: #FFF !important;
  }
}
@media (max-width: 1259px) {
  .main-content {
    padding: 50px 0 5px 0;
  }
  .level-0.sub-menu {
    margin-top: 45px !important;
  }
  #header .user-menu {
    float: left !important;
  }
  #header .user-menu li.warp-logout {
    float: left !important;
    width: 40%!important;
    margin-right: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  #header .user-menu li.warp-logout a {
    height: auto;
  }
  #header .user-menu li.user-name {
    float: left !important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 45%!important;
    margin: 0;
    border: 0 none;
    text-align: left;
  }
  #header .user-menu li.user-name a {
    height: auto;
  }
}
@media (max-width: 480px) and (orientation: landscape) {
  #header > .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 320px) and (max-width: 967px) {
  #header > .warp-header > .navbar-toggle {
    border-color: #FFFFFF !important;
    display: block !important;
    margin-top: -40px !important;
  }
}
@media (min-width: 1260px) and (max-width: 1455px) {
  #header > nav > ul > li > a,
  button {
    font-size: 10px !important;
    font-weight: 500;
    font-stretch: 100%;
  }
  .main-content > .content-container > div.form-container,
  div.page-container {
    padding-top: 0px !important;
  }
}
@media (min-width: 1456px) and (max-width: 1507px) {
  #header > nav > ul > li a,
  #header > nav > ul > li button {
    font-size: 11px !important;
    font-weight: 500;
    font-stretch: 100%;
  }
  .main-content > .content-container > div.form-container,
  div.page-container {
    padding-top: 0px !important;
  }
}
@media (min-width: 1586px) and (max-width: 1900px) {
  #header > nav ul.main-header {
    width: 230px;
  }
  #header > nav ul.main-header li > a {
    font-size: 20px !important;
    padding-right: 0px;
  }
  #header > nav ul.collapsible-menu > li {
    font-size: 12px;
  }
}
@media (min-width: 1260px) and (max-width: 1585px) {
  #header nav > ul .main-header > li > a {
    font-size: 12px;
    padding-right: 0px;
  }
  #header nav > ul li > a,
  #header nav > ul button {
    font-size: 12px;
    padding: 6px 2px;
  }
  #header nav > ul .collapsible-menu > li {
    font-size: 12px !important;
    padding: 2px 2px 0 2px !important;
  }
  #header nav > ul .collapsible-menu > li ul {
    margin-top: -55px;
  }
  #header .main-menu {
    width: 60%!important;
    font-size: 12px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  .main-content > .content-container div.form-container,
  .main-content > .content-container div.page-container {
    padding-top: 0em !important;
  }
}
@media (min-width: 1px) and (max-width: 1259px) {
  #header > nav > ul > li {
    float: left!important;
  }
  #header nav ul.collapsible-menu {
    display: none;
    float: left !important;
  }
  #header nav ul.collapsible-menu li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 91.66666667%;
    border-left: 1px groove #222;
    border-right: 1px solid #777;
    font-size: 14px;
    padding: 2px 2px 0 2px;
    min-width: 80px;
    width: 91.66666667% !important;
    margin: 5px;
  }
  #header nav ul.collapsible-menu li > ul {
    visibility: collapse;
    height: 0;
    -moz-transition-property: visibility, height;
    -o-transition-property: visibility, height;
    -webkit-transition-property: visibility, height;
    transition-property: visibility, height;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
  }
  #header nav ul.collapsible-menu li ul {
    padding-right: 15px;
    padding-left: px;
    float: left;
    top: -44px;
    width: 91.66666667% !important;
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 none;
  }
  #header nav ul.collapsible-menu li ul .make-column-collapsible li {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 none;
  }
  #header nav ul.collapsible-menu li ul .make-column-collapsible li a {
    position: relative;
    background-color: transparent;
    width: 100%;
    color: #ffff f !important;
    margin-left: -15px;
    margin-right: -15px;
  }
  #header nav ul.collapsible-menu li ul .make-column-collapsible li a:before {
    content: "↪ ";
    display: inline;
  }
  #header nav ul.collapsible-menu li ul .make-column-collapsible li ul {
    width: 91.66666667%;
    min-width: 0;
    left: 0;
    top: 0;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
  #header nav ul.collapsible-menu li ul .make-column-collapsible li:hover .box-shadow a {
    background-color: transparent;
  }
  #header nav ul.collapsible-menu li:hover {
    margin: 5px;
  }
  #header nav ul.collapsible-menu li:hover > ul {
    visibility: visible;
    height: auto;
  }
  #header nav ul.collapsible-menu li:hover .box-shadow a {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
  }
  #header nav ul.collapsible-menu li:hover .up-arrow {
    display: none;
  }
  #header nav ul.collapsible-menu li:active > ul {
    visibility: visible;
    height: auto;
  }
  #header nav ul.collapsible-menu li .box-shadow .make-column-collapsible a {
    margin-left: -15px;
    margin-right: -15px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #header nav ul.collapsible-menu li[data-active="true"] {
    width: 91.666667% !important;
  }
  #header nav ul.collapsible-menu li[data-active="true"] .box-shadow .make-column-collapsible a,
  #header nav ul.collapsible-menu li[data-active="true"] button {
    background-color: transparent;
  }
  #header nav ul.main-header li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  a > #header nav ul.main-header li:before {
    content: url("../images/tesla-nav.png");
    float: left !important;
    padding-right: 10px;
    padding-top: 2px;
  }
  #header nav ul {
    padding-left: 0;
    padding-right: 0;
  }
  #header nav ul li > a,
  #header nav ul button {
    font-weight: bold;
    padding: 6px 10px;
    color: #ffff f !important;
  }
  #header ul.collapsible-menu {
    display: block;
    background-color: #222 !important;
  }
  #header .user-menu > li .warp-logout {
    width: 100%;
  }
  #header .user-menu > li .user-name {
    color: #ffff f;
  }
  #header nav.site-header {
    background-color: #222;
  }
  #header .navbar-toggle {
    display: block;
  }
  #header input:checked ~ ul.collapsible-menu,
  #header input:checked ~ nav > ul.collapsible-menu {
    display: block;
    background-color: #ffff f;
  }
  #main-menu > .collapsible-menu {
    background: #222;
    background-image: linear-gradient(#222, #222);
    -moz-box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 3px 2px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1px) and (max-width: 1259px) and (min-width: 768px) {
  #header nav ul.main-header li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1px) and (max-width: 1259px) and (min-width: 992px) {
  #header nav ul.main-header li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1px) and (max-width: 1259px) and (min-width: 1200px) {
  #header nav ul.main-header li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1px) and (max-width: 1259px) and (min-width: 768px) {
  #main-menu > .collapsible-menu {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1px) and (max-width: 1259px) and (min-width: 992px) {
  #main-menu > .collapsible-menu {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1px) and (max-width: 1259px) and (min-width: 1200px) {
  #main-menu > .collapsible-menu {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
.box-shadow {
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
@media (min-width: 1px) and (max-width: 1259px) and (min-width: 768px) {
  #header nav ul.main-header > li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
  #header nav ul.collapsible-menu li > ul > li,
  #header nav ul.collapsible-menu li > ul > li > ul {
    width: 91.66666667% !important;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
}
@media (min-width: 1px) and (max-width: 1259px) and (min-width: 768px) and (min-width: 768px) {
  #header nav ul.main-header > li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1px) and (max-width: 1259px) and (min-width: 768px) and (min-width: 992px) {
  #header nav ul.main-header > li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}
@media (min-width: 1px) and (max-width: 1259px) and (min-width: 768px) and (min-width: 1200px) {
  #header nav ul.main-header > li {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
  }
}