/* ==========================================================================
   OPEN Cusom CSS 
========================================================================== */
/*#content > .mx-page {
  min-height: 120%!important;
}*/

/* CSS Search Bar on Home Page */
.cf:before, .cf:after{
  content:"";
  display:table;
}
 
.cf:after{
  clear:both;
}
 
.cf{
  zoom:1;
}    


 /* Form wrapper styling */
.search-wrapper {
  width: 100%;
  /*max-width: 420px;*/
  margin: 0 auto;
  /*position: absolute;
  top: 18%;
  left: 7%;*/
  /*margin: 45px auto 50px auto;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);*/
}

/* Form main label */
.search-wrapper .spotlight-search-label {
	float: left;
	width: 12%;
	line-height: 50px;
	text-align: center;
	background: #DDDEE0;
	border-radius: 3px 0 0 3px;
	font-size: 14px;
	display:none;
}

/* Form text input */
.search-wrapper div.SearchString {
	float:left;
	width:90%;
}
 
.search-wrapper input {
  /*width: 85%;*/
  height:50px;
  padding: 7px 0px 7px 15px;
  float: left;
  font: 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
  border: none;/* 1px solid rgba(0,0,0,0) */
  /*background: #ccc;*/
  border-radius: 3px 0 0 3px;
  font-family: HelveticaCondensedNormal;
  box-shadow:none !important;
}
 
.search-wrapper input:focus {
  outline: 0;
  /*background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,.8) inset;*/
  border-color: transparent;
}


 
.search-wrapper input::-webkit-input-placeholder {
  color: #999;
  font-weight: normal;
  font-style: italic;
}
 
.search-wrapper input:-moz-placeholder {
  color: #999;
  font-weight: normal;
  font-style: italic;
}
 
.search-wrapper input:-ms-input-placeholder {
  color: #999;
  font-weight: normal;
  font-style: italic;
}    
 
/* Form submit button */
.search-wrapper .submit-container {
  overflow: visible;
  position: relative;
  float: left;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 50px;
  width: 10%;
  /*font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';*/
  /*text-transform: uppercase;*/
  background: white;
  border-radius: 0 3px 3px 0;
}

.submit-container button {
  border: none !important;
  background-color: transparent !important;
  font-size: 25px !important;
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  color:#999 !important;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.search-wrapper .submit-container:hover button {     
	color:black !important;
}

.search-wrapper .submit-container:hover{     
  /*background: #70A9EF;*/
}   
   
.search-wrapper .submit-container:active,
.search-wrapper .submit-container:focus{   
  /*background: #70A9EF;*/
  outline: 0;   
}

/* left arrow */
/*.search-wrapper .submit-container:before { 
  content: '';
  position: absolute;
  border-width: 8px 8px 8px 0;
  border-style: solid solid solid none;
  border-color: transparent #3D86E0 transparent;
  top: 14px;
  left: -8px;
}
 
.search-wrapper .submit-container:hover:before{
  border-right-color: #70A9EF;
}
 
.search-wrapper .submit-container:focus:before,
.search-wrapper .submit-container:active:before{
  border-right-color: #70A9EF;
}*/
 
.search-wrapper .submit-container::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
  border: 0;
  padding: 0;
}

.search-wrapper .spotlight-search-reset-btn {
  display:none;
  float: left;
  border: none;
  color: rgba(0, 0, 0, 0.5);
  font-size: larger !important;
  margin-left: -33px;
  background: transparent !important;
  padding: 14px 0px;
}
.search-wrapper .spotlight-search-reset-btn:hover {color:rgba(0,0,0,1);}

.ResultRow.open-custom-header div.formatstring, .ResultRow.open-custom-header div.formatstring span {
  font-size:10px !important;
}

.ResultRow.open-custom-header.new {
	position: absolute;
	width: 100%;
	z-index: 999999;
}

.ResultRow.open-custom-header.new div.formatstring, .ResultRow.open-custom-header.new div.formatstring span {
  font-size:12px !important;
}

.ResultRow.open-custom-home {
  margin-top: 2px;
    position: absolute;
    z-index: 9;
    width: 100%;
}

.SearchResults.mx-listview ul li {
  background-color:white;
  transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
}
.SearchResults.mx-listview ul li:hover {
  background-color:whitesmoke;
}

/* Spotlight drop down*/
.SpotlightSearch-Placeholder{
    width: 20px;
    float: left;
    margin: 0px 22px 0px 15px;
}

.SpotlightSearching{
    /*display: none;
    background-color: white;*/
    border-radius: 5px;
    padding: 2px;
    /*position: absolute;*/
    width: 350px;
    height: 65px;
}

.SpotlightSearch{
    cursor: pointer;
}
/* END CSS Search Bar on Home Page */

.popupsearch{
    /*left: 17%!important;*/
}

.SearchIcon-DropDown .dropdown-menu {
    width: 300px!important;
}

.SearchIcon-DropDown .dropdown-button {
    background: url(/styles/custom/searchicon_2.png) no-repeat 6px!important;
}

.SearchIcon-DropDown .dropdown-button:hover {
    /*background-color: #dddddd!important;*/
}

.SearchIcon-DropDown .dropdown-button .caret {
    border: 0!important;
}
/* END CSS Search Bar on Home Page */

/* SKN Bottom Nav*/
.SKNNav-List ul li{
    padding: 5px 0px 5px 0px!important
}

.SKNNav-List{
    padding-top: 0px!important;
}

.nav-link a {
    color: white!important;
}
/* end SKN Bottom Nav*/

.EventsFooter-PlaceHolder2 .fc .fc-toolbar .fc-left h2{
  color: black;
}

.Social-Links{
  height: 50px;
}

.Social-Links img {
  height: 100%!important;
  width: 100%;
}

.Social-Links-Conz{
  float: left;
  width: 18%;
  margin-right: 12px
}
/* ============== */
/* Responsive Grid System Calculator (http://www.responsivegridsystem.com/calculator/) Generated Code below [except for class names] */
/* ============== */
  /*  RESPONSIVE GRID SYSTEM FOR MINISTRIES IN MENU  */
  .open-custom-ministries-menu-link-grid {
    clear: both;
    padding: 0px;
    margin: 0px;
  }

  /*  COLUMN SETUP  */
  .open-custom-ministries-menu-link-grid .col {
    display: block;
    float:left;
    margin: 1% 0 1% 2.5%;
  }
  .open-custom-ministries-menu-link-grid .col:first-child { margin-left: 0; }

  /*  GROUPING  */
  .open-custom-ministries-menu-link-grid:before,
  .open-custom-ministries-menu-link-grid:after { content:""; display:table; }
  .open-custom-ministries-menu-link-grid:after { clear:both;}
  .open-custom-ministries-menu-link-grid { zoom:1; /* For IE 6/7 */ }
  /*  GRID OF FOUR  */
  .span_4_of_4 {
    width: 100%;
  }
  .span_3_of_4 {
    width: 74.37%;
  }
  .span_2_of_4 {
    width: 48.75%;
  }
  .span_1_of_4 {
    width: 23.12%;
  }

  /*  GO FULL WIDTH BELOW 520 PIXELS */
  @media only screen and (max-width: 520px) {
    .col {  margin: 1% 0 1% 0%; }
    .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
  }
  
  @media only screen and (max-width: 520px) {
    .open-custom-press-release-placeholder {margin-top:0 !important;}
  }
  
  @media only screen and (min-width: 521px) and (max-width: 559px) {
    .open-custom-press-release-placeholder {margin-top:87px !important;}
  }
  /*  END ----- RESPONSIVE GRID SYSTEM FOR MINISTRIES IN MENU  */

  /*  SECTIONS  */
  .open-custom-rowsection {
    clear: both;
    padding: 0px;
    margin: 0px;
  }
  
  /*  GROUPING  */
  .open-custom-rowsection:before,
  .open-custom-rowsection:after { content:""; display:table; }
  .open-custom-rowsection:after { clear:both;}
  .open-custom-rowsection { zoom:1; /* For IE 6/7 */ }
  
  /*  COLUMN SETUP  */
  .open-custom-rowsection .col, .open-custom-rowsection.zag .col {
    display: block;
    margin-left: 2.51%;
  }
  .open-custom-rowsection:not(.zag) .col:first-child, .open-custom-rowsection.zag .col:last-child { margin-left: 0; }
  
  /* added by OPEN -- not generated by RGS */
  .open-custom-rowsection .col {float: left;}
  .open-custom-rowsection.zag .col {float: right;}
  
  /*  GRID OF TWO  */
  .open-custom-rowsection .span_2_of_2 {width: 100%;}
  .open-custom-rowsection .span_1_of_2 {width: 48.74%;}
  
  /*  GO FULL WIDTH AT LESS THAN 991 PIXELS */
  @media only screen and (max-width: 991px) {
    .open-custom-rowsection .col {margin: 1% 0 1% 0%;}
    .open-custom-rowsection .span_2_of_2, .open-custom-rowsection .span_1_of_2 { width: 100%; }
  }
  
/* ============== */
/* Responsive Grid System Calculator (http://www.responsivegridsystem.com/calculator/) Generated Code above [except for class names] */
/* ============== */


@font-face {
  font-family: 'HelveticaCondensedBold';
  src: url('/Helvetica Neue LT Std/HelveticaNeueLTStd-BdCn.otf') format("opentype"); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'HelveticaCondensedNormal';
  src: url('/Helvetica Neue LT Std/HelveticaNeueLTStd-Cn.otf') format("opentype"); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('/Helvetica Neue LT Std/HelveticaNeueLTStd-Hv.otf') format("opentype"); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'HelveticaNeueCondensed';
  src: url('/Helvetica Neue LT Std/HelveticaNeueLTStd-HvCn.otf') format("opentype"); /* IE9 Compat Modes */
}

.HeaderMessage_Detailz{
  margin: 20px auto;
}

.Header_Message{
  padding: 0px 3px 0px 1px;
  margin-left: 5px;
}

.Header_Logo{
  padding:0px;
}
/*Responsive Layout*/
.ResponsiveMenu_Holder{
  display: none;
}

.ResponsiveFooter_Holder{
  display: none;
}

.ResponsiveMenu_List ul.nav > li.mx-navbar-item > a{
  color: white;
}

.ResponsiveMenu_List ul.nav > li.mx-navbar-item > a:hover{
  background-color: black;
}

.ResponsiveMenu_List{
  
}
/*End Responsive Layout*/

/* Article Details Page*/
.ArticleTitle-Placeholder{
  color: black;
  text-align: center;
  padding: 5px;
  width: 100%;
  margin: 20px 0px 5px 0px;
  font-size: 24px;
}

.ArticleTitle-Placeholder2
{
  color: black;
  text-align: left;
  padding: 0px;
  width: 100%;
  margin: 20px 0px 5px 0px;
  font-size: 24px;
}

.ArticleTitle-Placeholder2 label {
  font-weight: bold;
}

.ArticleTitle-Placeholder3
{
  color: black;
  text-align: left;
  padding: 0px;
  width: 100%;

  font-size: 24px;
}


.ArticleImg-Placeholder{
  width: 100%;
  height: 280px;
}

.ArticleImg-Placeholder img{
  width: 100%;
  height: 100%;
}

.ArticleDetails-Placeholder{
  padding: 15px;
  width: 100%;
  margin: 20px 0px 10px 0px;
  font-size: 18px;
  color: #6F6E6E;
}

.ArticleSubhead-Placeholder{
  text-align: left;
  /*margin-left: 25px;*/
  width: 75%;
  padding: 0;
  float: left;
}

.ArticleDate-Placeholder{
  text-align: right;
  float: left;
  width: 24%;
}

.ArticleContent{
  color: #6F6E6E;
  font-size: 16px;
}

.ArticleQoute-Placeholder{
  color: #fff;
  background-color: #2192DE;
  height: 200px;
  border-radius: 5px;
  padding: 10px;
  width: 90%;
  float: right;
}
.news-ArticleQoute-Placeholder{
  color: #fff;
  background-color: #2192DE;
  height: auto;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  float: right;
}

.ArticleIcons-Placeholder{
  background-color: #2192DE;
  /*height: 30px;*/
  padding: 8px 10px;
  margin-top: 8px;
  width: 100%;
  float: left;
}

.ArticleIcons-Placeholder div.IconCatz img{
  height: auto;
  width: 40px!important;
  /*float: left;*/
  cursor: pointer;
  margin-left: auto;
  display: block;
  margin-right: auto;

}

.ArticleIcons-Placeholder div.IconCatz{
  float: left;
  /* margin-right: 50px; */
  /* margin-left: 20px; */
  width: 11.11%;
  height: 72px;
  color: #fff;
  text-align: center;
}

.ArticleIcons-Placeholder div.IconCatz div{
  margin-bottom: 5px;
}

.ArticleIcons-Placeholder div.IconCatz:last-child{
  margin-right: 0px;
}
/* End Article Details Page*/

.click_to_area .mx-templategrid-item:hover {
    background-color: #ffffff;
}

.news-ArticleQoute-Placeholder-area.mx-templategrid .mx-templategrid-item:hover {
    background-color: white;
}

/*Video Pop Up*/
.PopupVideoPlayer-button {
  position:relative !important;
  max-width:480px !important;
}

.PopupVideoPlayer-thumbnail {
  width: 100% !important;
  height: auto !important;
}

.PopupVideoPlayer-by {
  display:none !important;
}

.PopupVideoPlayer-text{
  max-width: 480px !important;
  margin-top: 8px !important;
  padding-left: 0px !important;
}
/**/

/*Learn MOre Pages*/
.Resources_Listview > ul > li {
  background-color: #fff!important;
  border: 1px solid #ccc;
  width: 28%;
  float: left;
  cursor: pointer;
  margin-right: 2%;
  margin-bottom: 15px;
  max-height: 110px;
  border-radius: 5px;
  color: #2192DE;
  min-height: 155px;
}

.FinanceLearnMore_Listview > ul > li {
  padding: 3px!important;
}

.Resources_Listview > ul > li:hover {
  box-shadow: 0px 0px 8px 3px #2192DE;
  border: 1px solid #2192DE;
}

.Resources_Listview > ul > li:last-child {
  /*border: none;*/
}

.Resources-Title{
  font-size: 18px;
}

.Resources-Summary{
  margin-top: 10px;
  font-size: 12px;
}

.LeanMore_DetConz{
  width: 20%;
  float: left;
  height: 50px;
  padding: 10px;
  border: 1px solid #066CA5;
  margin-right: 20px;
}

.LearnMore_Documents_Conz{
  width: 100%;
  padding: 15px;
}

.GovLearnMore_Listview.Documents_listview > ul > li, .GovLearnMore_Listview.Events_listview > ul > li {
  width: 30%;
  text-align: center;
  min-height: 253px;
  max-height: 253px;
  margin-bottom: 20px;
  float: left;
  padding: 10px! important;
  border: 1px solid!important;
  border-radius: 3px;
  margin-right: 20px;
  
}

.Detailz_Events-Title{
  color: #000!important;
  background-color: transparent!important;
  margin-top: 2%!important;
  text-align: center;
}

.Events_Summary-PlaceHolder{
  padding: 10px;
  margin: 2% 5%;
}

.Detailz_Events-Img{
  width: 70%;
  margin: auto;
  margin-bottom: 15px;
}

.Eventz-Calender{
  margin-bottom: 5%;
}

.Contact-Details-Placeholder{
  margin-top: 2%;
}

.Contact-Form{
  margin-top: 3%;
  margin-bottom: 8%;
  width: 98%;
}

.Contact_Details-PlaceHolder{
  color: #777;
  font-size: large;
}

.Contact_Details-PlaceHolder span {
  display: block;
  margin-bottom: 5px;
}

.Contact_Details-PlaceHolder div {
  margin-bottom: 5px;
}

.Contact_Details-PlaceHolder .mx-button{
    float: right;
}

.Contact_Details-List ul li{
  border: 0!important;
}
/**/

/*Government Menu*/
.col-md-11 .GovMenu {
  width: 100%;
}

.GovMenu ul.nav > li.mx-navbar-item > a, .ParlMenu ul.nav > li.mx-navbar-item > a{
  /*font-size: smaller!important;*/
  padding: 15px 0px!important;
}

.GovMenu ul.nav > li.mx-navbar-item{
  width: 16.6666%!important;
}

.AuditMenu ul.nav > li.mx-navbar-item{
  width: 20%!important;
}
.AuditMenu.mx-navbar ul.nav > li.mx-navbar-item > a {
    padding: 15px 0px !important;
}

.Government_Label{
  font-weight: bolder;
  font-family: Helvetica Neue, sans-serif;
  font-size: 20px;
  /*padding-left: 22px;
  padding-bottom: 10px;*/
  margin-top: 0;
  font-family: HelveticaCondensedNormal;
  color: #299FED!important;
}

.Government_Label a {
  color: #299FED!important;
  text-decoration: none!important;
  font-size: medium!important;
  cursor: default;
}

/*.Government_Label a:active, .Government_Label a:hover{
  text-decoration: none!important;
  color: #299FED;
}*/

.mx-listview-item.open-custom-minister-link, .mx-listview-item.open-custom-ministries-menu-link {
  font-family: Helvetica Neue, sans-serif;
  font-weight: bold;
  color: #000 !important;
  font-family: HelveticaCondensedNormal;
  padding: 8px 0px!important;
}
.Residents-Link.open-custom-minister-link {
  display:block;
  text-transform: capitalize;
}
.Residents-Link.open-custom-minister-link a {
  font-size: medium !important;
}

.open-custom-minister-link-container > .nav-list-view > ul > li {
  padding: 0px!important;
  font-size: small;
}

.open-custom-minister-link-container > .mx-link > a, .open-custom-ministries-menu-link-container > .open-custom-ministries-menu-link > a {
  color: #299FED;
  font-weight: bold;
  text-decoration: none;
  font-size: medium;
}
.open-custom-ministries-menu-link-container > .open-custom-ministries-menu-link > a {font-size:16px !important;}

.open-custom-minister-link-container > .nav-list-view {
  padding: 0px 0px 8px 0px;
}

.open-custom-minister-link-container, .open-custom-ministries-menu-link-container {
  margin-bottom: 10px;  
}

.open-custom-quick-access {
  padding: 1px 0px!important;
  display: block;
  font-size: small;
}

.open-custom-quick-access-container .open-custom-quick-access > a{
  color: black!important;
  font-family: HelveticaCondensedNormal;
  text-decoration: none;
}
.open-custom-quick-access-container .open-custom-quick-access > a:before{
  font-family: 'Glyphicons Halflings';
  content: "\e072";
  font-size: 10px;
  margin-right: 8px;
  color: #299FED;
}

.open-custom-quick-access-container .open-custom-quick-access > span.glyphicon{
  display: none;
}

.open-custom-ministry-events .mx-datagrid-head-table {display:none;}
.open-custom-ministry-events .mx-datagrid-body-table {border:1px solid #DDDDDD;}

/*End*/

.stickyfooter{
  position: fixed;
  bottom: 0px;
  /*left: 12%;*/
  width: 100%;
  background-color: rgba(0,0,0,0.68);
  z-index: 400;
}
/* Residents Menu */

.Linksz-Container{
  padding: 0px 22px;
}

.Header-Container{
  color: #000;
  padding: 0px 8px 8px 8px;
  /*margin-bottom: 18px;
  margin-top: 5px;*/
  float: left;
  width: 100%;
}

.Header-Container h1{
  float: left;
  margin-right: 1%;
}

.Header-Container h1.lightgrey{
  color: #9C9C9C;
}

.Residents-Link-Container{
  padding: 0px 0px 8px 8px;
  margin-bottom: 5px;
  cursor:default;
}

.Residents-Link-Container .mx-link a{
  color: #299FED;
  font-weight: bold;
  text-decoration: none;
  font-family: HelveticaCondensedNormal;
  font-size: medium;
}

.Residents-Link-Descrip-Container{
  cursor: pointer;
  font-family: HelveticaCondensedNormal;
  font-size: small;
}

.Residents-descript-linkzz a {
  text-decoration: none!Important;
  color: black!Important;
  font-size: small!Important;
  font-family: HelveticaCondensedNormal!Important;
  font-weight: normal!important;
}

.Residents-Link-Icon-Container{
  padding-left: 10px;
  padding-right: 10px;
}

.Residents-Link-Icon{
  margin-top: 10px;
  width: 32px!important;
}
/* End Residents Menu */
/* Home Page*/

.LatestNews-DivList > ul.mx-list > li.mx-listview-item, .GovNews-PlaceHolder > ul.mx-list > li.mx-listview-item{
  background-color: transparent;
  border: 0;
  width: 100%;
}

.GovNews-Amt span {
  color: green;
  font-size: 28px;
}

.GovNews-Details span {
  font-size: 16px;
}

.LatestNews-Details span{
  font-size: 16px;
}

.LatestNews-PlaceHolder{
  width: 100%;
  text-align: left;
  float: right;
  color: white;
}

.Infoz{
  width: 320px;
  height: 200px;
  padding: 5px;
  float: left;
}

.Info_Buttonz{
  border-radius: 12px!important; 
  margin: 15px 10px;
  width: 50%;
  color: white !important; 
  border: none !important; 
  background-image: linear-gradient(rgb(70, 251, 4), rgb(69, 144, 41))!important; 
  background-attachment: initial; 
  background-color: rgb(70, 251, 4) !important; 
  background-size: initial; 
  background-origin: initial; 
  background-clip: initial; 
  background-position: initial; 
  background-repeat: initial;   
}

.Info_Buttonz_TD{
  text-align: center;
}

.HomePage_conz{
  margin: 80px 0px;
}

/*.HomePageDetails-PlaceHolder{
  max-width: 100%
}*/

.mx-name-home.HomePageDetailz-PlaceHolder {
  float: left;
  position: relative;
  height: 460px;
  max-width: 100%;
}

.HomeTransBackground{
  background-color: rgba(255,255,255,0.85);
  width: 100%;
  /*max-width: 520px;
  max-width: 425px;*/
  min-height: 75px;
}

.HomeDetails-Right{
  padding: 15px 20px;
  margin-bottom: 35px; 
}
.HomeDetails-Right.SearchHome {padding:16px 11px;}

.Homenews-Details{
  padding: 10px 20px;
}

.Homenews-Photo-PlaceHolder{
  max-width: 520px;
  width: 100%;
  height: 240px;
  background-color: black;
}

.Homenews-Photo-PlaceHolder img{
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  cursor: pointer;
}

.Homenews-Title{
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  margin-top: 0;
  font-family: HelveticaCondensedNormal;
}

.GovNews-Title{
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  margin-top: 0;
  font-size: larger;
  font-family: HelveticaCondensedNormal;
}

.Homenews-Date {
  margin-bottom: 5px;
  font-size: smaller;
}

.Homenews-Date-Placeholder{
  width: 90%;
}

.Homenews-Date label {
  color: #333!important;
  font-weight: bold!important;
  text-align: left!important;
}

.Homenews-Date #mxui_widget_DateInput_0 p.form-control-static {
    color: #777;
}

.Homenews-Summary{
  margin-right: 10px;
  color: #666;
  word-wrap: break-word;
}

.Homenews-Read{
  color: #2192DE!important;
}

.Homenews-Read .glyphicon {
  float: right;
  left: 10px;
}
/* End Home Page*/

/*Search*/
.EventSearchListView ul li.mx-listview-empty, .DocumentSearchListView ul li.mx-listview-empty, .NewsSearchListView ul li.mx-listview-empty{
  display: none;
}

/*End Search*/

/* Contenet area for footer pages */
.Allz{
  background-color: rgba(255, 255, 255, 0.69);
  padding: 20px;
  margin: 5% 5%;
  border-radius: 5px;
}

.Footer_Content-PlaceHolder{
  
}

.Footer_Content-Area{
  margin-top: 20px;
}

.wgt-CKEditorViewerForMendixNode.mx-name-cKEditorViewerForMendix1 p span {
  background-color: transparent!important;
}/**/

/* end Contenet area for footer pages */

/* Navigation*/
.visiting-dropdown-div.bottompt > button.btn.dropdown-toggle.dropdown-button.btn-default {
  width: 14.28%;
}

.visiting-dropdown-div > .btn-default {
  font-family: HelveticaCondensedNormal;
}

.nav-list-view{
  font-family: HelveticaCondensedNormal;
}
/**/


/* Details Page*/

.GovDetails_List{
  background-color: #949494 !important;
  color: white;
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.open-custom-press-release-placeholder {
<<<<<<< .mine
  margin-top:48px;
=======
	margin-top:5px;
>>>>>>> .r4247
}

.resources_element > ul > li:first-child {
    border-radius: 0;
}

.light_sections {
  background-color:#F9F9F9;
  padding:23px 10px;
}
.dark_sections {
  background-color:#F5F5F5;
  padding:23px 10px;
}

.open-custom-details-page.mx-listview ul li {
  transition:background-color 0.3s;
  -webkit-transition:background-color 0.3s;
}
.open-custom-details-page.mx-listview ul li:hover {
  background-color:#F6F6F6;
}

.Detailz_Grid{
  width: 100%;
 /* padding: 15px;
  margin-bottom: 100px;*/
}

.Detailz_Grid_Buttonz{
  background-color: transparent!important;
  color: #2192DE!important;
}

.Detailz_Grid_Label{
  color: #000000;
  font-size: 34px;
  /*font-family: Helvetica Neue, sans-serif;*/
  margin-top:0px;
  line-height:normal;
 /* font-family: new;*/
}

.Detailz_Grid_Label2{
  color: black;
  font-weight: bold;
  /*padding-bottom: 10px;*/
  font-size: 17px;
}

.Detailz_Grid_Label3{
  color: #6F6C6C;
  /*padding-bottom: 20px;*/
font-size: 13px;
}

.Top_Header_Gov, .Top_Header{
  height: 52px;
  /*background: url('images/Article_Background/1.jpg');*/
  background-size: 100% 100%;
  z-index: -400;
}

.Top_Header_Min{
  z-index: -400;
  height: 180px;
  /*background-color: #545252;*/
}

.Top_Header{
  background-size: 100% 100%;
}

.open-custom-details-page-header {
  padding: 25px 0px;
  margin: auto;
  font-family: HelveticaCondensedNormal, HelveticaNeue, sans-serif;
}
.open-custom-details-page-header span {
  font-size: 35px;
  color: black;
}
.open-custom-details-page-header span.subTitle {
  font-size: 20px;
  color: black;
}

.open-custom-details-page-header-img-container {
	display: table-cell;
	width: 992px;
	vertical-align: middle;
	border-radius: 4px;
	padding: 8px;
}
.open-custom-details-page-header-img-container img {
	max-width:100%;
	max-height:100%;
	margin:0 auto;
}

.open-custom-detailz-page-img-container {
  display: table-cell;
  width: 526px;
  vertical-align: middle;
  }

.open-custom-detailz-page-img-container img {
  max-width:100%;
  max-height:100%;
  margin:0 auto;
}

.text-center.div-placeholder {
  padding-top: 0;
}

.LearnMore_Back
{
  padding-top: 10px;
  margin-bottom: 10px;
}

/* Details Page Navigation */
.Detailz_Page_Menu_con {
    height: 50px;
}

.Details_Main_Menu{
  background-color: rgba(242, 242, 242, 0);
}

.Details_Main_Menu ul.nav > li.mx-navbar-item > a {
  color: white!important;
}

.Details_Main_Menu ul.nav > li.mx-navbar-item > a:hover {
  background-color: rgba(234, 231, 231, 0.55) !important;
  height: 50px;
}

.Detailz_Page_Menu ul.nav > li.mx-navbar-item {
  border-right: 1px solid #BDBCBC;
  height: 50px;
  width: 12.5%;
  text-align: center;
  /*border-bottom: 1px solid #BDBCBC;*/
}

.Detailz_Page_Menu ul.nav > li.mx-navbar-item:last-child {
  border-right: 0px solid #BDBCBC;
}

.Detailz_Page_Menu ul.nav > li.mx-navbar-item > a:hover {
  color:black;
  background-color: #A7A5A5;
}

.Detailz_Page_Menu ul {
  /*border: 1px solid #BDBCBC;*/
  border-top:0px;
  background-color: #D8D6D6;
  width: 100%;
}
.Detailz_Page_Menu ul label {
    cursor: pointer;
}

.Detailz_Page_Menu {
  position:relative;
  width: 100%;
  margin: 0 auto;
  background: #BDBCBC;
}

.Detailz_Page_Menu.stick {
  position:fixed;
  width:64.4%;
  top:0px;
  z-index:10000;
}


.Detailz_Page_ListView{
  background-color: white;
  border: 1px solid #B3B3B3;
}

/* End */
/*For Drop Up Menu*/
.Bottomz_Sliderz{
  background-color: rgba(0, 0, 0, 0.43);
  position: absolute;
  bottom: 0;
  width: 100%;
  font-family: HelveticaNeue;
}

/* End Details Page*/

/* LearnMore Details Page */

/* end LearnMore Details Page */

/* Video Gallery */
.InnerDetails_VideoGallery_PlaceHolder{
  /*margin: 0% 2%;*/
  width: 100%;
  float: left;
}

.InnerDetails_VideoGallery_PlaceHolder ul li{
  width: 25%;
  float: left;
  border: 0;
  height: 200px;
  padding: 0.5em!important;
  
}

.InnerDetails_VideoGallery_PlaceHolder ul li .PopupVideoPlayer-thumbnail {
  height: 105px!important;
}

.VideoBottomNav-PlaceHolder{
  width: 100%;
  float: left;
}

.VideoBottomNav-PlaceHolder ul li{
  width: 25%;
  float: left;
  border: 0;
  height: 178px;
  padding: 0.5em!important;
  background-color: transparent!important;
  margin-bottom: 10px;
}

.VideoBottom .PopupVideoPlayer-button .PopupVideoPlayer-text .PopupVideoPlayer-title{
  color: white !important;
  font-weight: normal;
}

/* End Video Gallery */

/* Link Page mobile*/
.LinkType-List .mx-listview-list .mx-listview-item {
  background: rgba(119, 119, 119, 0.65)!important;
  color: white;
  border: 0;
}

/* Minister profile */
.MinName h3 {
  color: #000;
}

.Minister-Header h3 {
  color: #777;
}

.Min-Details-Row {
  margin-bottom: 25px;
}

.Min-Details-Row h3 {
  font-weight: bold;
  margin-top: 0;
}

.Min-Details-PlaceHolder{
  margin: 0 0 5% 0;
}

.Minister-Contents-PlaceHolder {
  margin-top: 20px;
}

.Minister-Contents-PlaceHolder .MinContentLinks {
  display: block;
  margin-bottom: 5px;
}

.Min-Header-Row{
  margin-bottom: 25px;
}

.Ministries_links_nav_con {
  float: left;
  width: 16.6%;
  padding: 8px;
  border-right: 1px solid #ccc;
  background-color: #ddd;
  height: 50px;
  text-align: center;
}

.Ministries_links_nav{
  margin-top: 5px;
  text-align: center;
  background-color: transparent;
  border: 0px;
}

.Ministries_links_nav_con:hover {
  background-color: whitesmoke;
  color: #59c2e6!important;
}

.Ministries_links_nav > a {
  color: black;
  vertical-align: middle;
  text-decoration: none!important;
}

.MinProfile-Content{
  text-align: justify;
}

/* End Minister profile */

/* Layout Styles */

.open-custom-top-nav-grid {
  margin-top:2px;
  float: left;
}

.open-custom-contact-address-blocks {
  margin-bottom:10px;
  margin-top: 10px;
}

.open-custom-contact-address-blocks .location-label {
  color: black;
  font-weight: 100;
  padding-bottom: 3px;
  font-size: 24px;
  
  background-image: url('/img/BaseTemplate$location_pointer.png');
  background-repeat: no-repeat;
  background-size:30px 30px;
  padding-left: 30px;
  display: block;
}

.open-custom-contact-address-blocks .mx-dataview-content span {
  display:block;
}

/* End Layout Styles */

/* SubLink Government Menu */
.TabMenu-PlaceHolder{
  padding: 10px 0px 20px 0px;
  min-height: 200px;
}

.Ministries-Link{
  margin-bottom: 0px!important;
  width: 100%;
  margin: 0!important;
}

.Ministries-Link span, .Ministries-Departments-Link span {
  background: transparent!important;
}

.Ministries-Departments-Link span {
  font-size: small!important;
}

.Ministries-Link span:before, .Ministries-Departments-Link span:before {
  font-family: 'Glyphicons Halflings';
  content: "\e072";
  font-size: 10px;
  margin-right: 8px;
  color: #299FED;
}

.Menu-Link-List ul li{
  background-color: transparent!important;
  width: 33%;
  float: left;
  border: 0;
  /*max-height: 34px;*/
}

.Ministries-Departments ul li{
  width: 100%;
  border: 0;
  padding: 0px!important;
}

.Ministries-Departments-Link{
  margin-top: 0px;
  width: 100%
}

.Ministries-Departments-Link span{
  font-weight: bold;
  font-family: HelveticaCondensedNormal;
}

.Ministries-Departments ul .mx-listview-empty {
  display: none;
}

.TabSiteMenu{
  background-color: transparent!important;  
}

.TabSiteMenu > .mx-tabcontainer-content {
  background-color: transparent!important;
}

.TabSiteMenu.GovTab > .mx-tabcontainer-content {
  min-height: 200px;
}

/*.Menu-Link-Ministries ul{
  margin-bottom: 15px;
}*/

.Menu-Link-Ministries ul li{
  border: 0;
  background: transparent!important;
  margin-bottom: 15px;
  margin-right: 10px;
}

/* End SubLink Government Menu */

.navbar-brand.open-custom-cms-logo {padding:5px 0px;}
.navbar-brand.open-custom-cms-logo img {height:70px;}
.navbar-brand.open-custom-cms-logo a {margin-left:12px; font-size:25px;}

.open-custom-details-page-tabcontainer{
  min-height:199px;
  background-color:transparent !important;
}

.open-custom-details-page-tabcontainer  .tab-content.mx-tabcontainer-content {
  border: 1px solid #dddddd;
    border-top: none;
}

.open-custom-details-page-tabcontainer  .tab-pane.mx-tabcontainer-pane  {
  padding: 10px;
}

.open-custom-details-page-tabcontainer .nav.nav-tabs.mx-tabcontainer-tabs {
  margin:0;
}

/* margins for tabs on parliament members page */
/*.open-custom-details-page-tabcontainer.parliament-members li {
  margin-right: 21px;
}*/

.open-custom-details-page-tabcontainer.parliament-members li a {
  padding: 10px 10px;
}

.open-custom-details-page-tabcontainer.parliament-members li:hover {background-color:#E7F6FB important;}

.open-custom-details-page-tabcontainer.parliament-members li:last-child {margin-right:0;/*margin-left:3px;*/}

.open-custom-innertab-heading {
  margin:0;
}

.open-custom-innertab-heading h3 {
  margin-top:10px;
  color:inherit;
}

.open-custom-thisissk.dropdown-div-converter .dropdown-menu {
  height:334px;
}

.open-custom-cms-content-container {
  background-color:#FFF;
  padding-left: 10px;
  padding-right: 10px;
}
/* Used in cases where we are adding or editing content */
.open-custom-cms-content-container.newedit {
  padding-top:10px;
}

.open-custom-tabcontainer .section {
  padding-top: 0px !important;
  /*padding-bottom: 0px !important;*/
}

.open-custom-tabcontainer .mx-tabcontainer-tabs {
  padding:0px 25px !important;
}

.open-custom-ckeditorlbl-container.form-group {
  margin-bottom:0px;
}

.open-custom-cms-content-main .mx-grid-searchbar {
  padding: 10px 10px 0px 5px !important;
}

.open-custom-cms-content-main .mx-grid-search-controls {
  margin-top: 0px !important;
}

.open-custom-ckeditor-widget, .open-custom-radbtn-widget, .open-custom-fileinput {
  margin-bottom:15px;
}
.open-custom-ckeditor-widget div.alert-danger, .open-custom-radbtn-widget div.alert-danger {
  margin-top:8px;
}

/* Grid header and data text alignment */
.open-custom-grid-text-left .mx-datagrid-data-wrapper, .open-custom-grid-text-left .mx-datagrid-head-caption, .mx-datagrid-foot .open-custom-grid-text-left {
  text-align:left !important;
}
.open-custom-grid-text-right .mx-datagrid-data-wrapper, .open-custom-grid-text-right .mx-datagrid-head-caption, .mx-datagrid-foot .open-custom-grid-text-right {
  text-align:right !important;
}
.open-custom-grid-text-center .mx-datagrid-data-wrapper, .open-custom-grid-text-center .mx-datagrid-head-caption, .mx-datagrid-foot .open-custom-grid-text-center {
  text-align:center !important;
}

.open-custom-cms-imgviewer {
  border:1px solid #dddddd;
  margin-bottom:5px;
}

.open-custom-ministrynav-widget-master-section {
  margin:25px 0px;
}

.open-custom-ministrynav-widget-section {
  /* border:1px solid #ccc;
  padding: 10px; */
  box-shadow: 1px 2px 5px rgb(221,221,221);
  transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.open-custom-ministrynav-widget-section:hover {
  box-shadow: 2px 2px 12px rgba(0,0,0,0.5);
}

.open-custom-ministrynav-widget-section .mx-dataview-message p {
  font-size: 16px;
}
.open-custom-ministrynav-widget-section.parliament .mx-dataview-message p {
	font-size:20px;
}

.open-custom-ministrynav-widget-section .more-info {
  background-color: #fdf1d9;
  margin-bottom: 10px;
  padding:8px;
  border:1px solid #b68a30;
  border-radius: 4px;
}

.open-custom-ministrynav-widget-section .more-info span.main {
  color: #937027;
  font-weight:bold;
}

.open-custom-ministrynav-widget-section .control-label {
  color:#000 !important;
  font-weight:bold !important;
}

/* The listing previews in the ministry and department menu backends */
.open-custom-cms-minnav-featurelist ul li.mx-listview-empty label {
  font-size: 16px;
    color: rgba(220,0,0,0.8);
    font-weight: bold;
  padding: 8px 0px;
    display: block;
  background-color: white;
}

.open-custom-cms-minnav-featurelist .record-title {
  display:block;
  padding: 7px;
  border-top: 1px solid #ccc;
  background: white;
}
.open-custom-cms-minnav-featurelist ul li:first-of-type .record-title {
  border-top: none;
}

.open-custom-cms-minnav-featurelist .mx-listview-loadMore {
  display:none !important;
}

.resources_element .mx-listview-loadMore {
  display:none !important;
}

.open-custom-cms-subheader {
  font-weight:bold;
  margin:20px 0px;
}

label.open-custom-lbl-required:before, span.open-custom-lbl-required:before, p.open-custom-lbl-required:before, h1.open-custom-lbl-required:before, h2.open-custom-lbl-required:before, h3.open-custom-lbl-required:before, h4.open-custom-lbl-required:before, h5.open-custom-lbl-required:before, h6.open-custom-lbl-required:before, div.open-custom-lbl-required label.control-label:before {/* , div.open-custom-lbl-required span:before */
  color: #DF0000;
    font-size: 10px;
    content: "\2a";
    margin-right: 3px;
    font-family: 'Glyphicons Halflings';
}

span.control-label {display:inline-block;}

.open-custom-cms-content-header-more-info {
  font-weight:bold;
  margin-bottom:20px;
}
.open-custom-cms-content-header-more-info .highlight {
  font-weight:normal;
  color:#DC0000;
  font-style:italic;
}

.open-custom-cms.mx-referencesetselector .mx-datagrid-head-table {
  display:none;
}

.open-custom-cms.mx-referencesetselector .mx-datagrid-body-table {
  border:1px solid #ddd;
  border-top:none;
}

.open-custom-cms.mx-referencesetselector .mx-datagrid-body-table tbody td {
  transition:background-color 0.3s;
  -webkit-transition:background-color 0.3s;
  cursor:default !important;
}
.open-custom-cms.mx-referencesetselector .mx-datagrid-body-table tbody td:hover {
  background-color:#F6F6F6;
}

.open-custom-cms.mx-referencesetselector .mx-grid-controlbar {
  margin-top:2px;
  margin-bottom:0px;
}
.open-custom-cms.mx-referencesetselector .mx-grid-controlbar .mx-grid-pagingbar {
  margin-bottom: -3px;
    margin-top: 3px;
}

/* Hide the input bar for the input reference set selector */
.open-custom-cms-input.mx-referencesetselector {overflow: hidden;}
.open-custom-cms-input.mx-referencesetselector .mx-referencesetselector-input-wrapper {display:none;}

/* Style up the button */
.open-custom-cms-input.mx-referencesetselector .mx-referencesetselector-select-button {
  float:left;
  margin-left:0px;

  border-color: #8ad4ed;
    background-color: #8ad4ed;
    color: white;
  
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.open-custom-cms-input.mx-referencesetselector .mx-referencesetselector-select-button:hover {
  border-color: #5ec4e6;
    background-color: #5ec4e6;
    color: white;
}

/* Change the text for each specific button */
.open-custom-cms-input.mx-referencesetselector .mx-referencesetselector-select-button span:before {
  font-family:Arial, Helvetica, sans-serif;
}
.open-custom-cms-input.ministry.mx-referencesetselector .mx-referencesetselector-select-button span:before {content: "Select Ministries";}
.open-custom-cms-input.department.mx-referencesetselector .mx-referencesetselector-select-button span:before {content: "Select Departments";}
.open-custom-cms-input.minister.mx-referencesetselector .mx-referencesetselector-select-button span:before {content: "Select Ministers";}

.open-custom-cms-input.sitting.mx-referencesetselector .mx-referencesetselector-select-button span:before {content: "Select Sittings";}

.open-custom-cms-input.service.mx-referencesetselector .mx-referencesetselector-select-button span:before {content: "Select Parent Services";}

.open-custom-cms-input.acts_subjects.mx-referencesetselector .mx-referencesetselector-select-button span:before {content: "Select Subject Areas";}

.open-custom-cms-input.pcps-roles.mx-referencesetselector .mx-referencesetselector-select-button span:before {content: "Select Roles";}
.open-custom-cms-input.pcps-permissions.mx-referencesetselector .mx-referencesetselector-select-button span:before {content: "Select Permissions";}
.open-custom-cms-input.pcps-clients.mx-referencesetselector .mx-referencesetselector-select-button span:before {content: "Select Client(s)";}
.open-custom-cms-input.pcps-intakes-clients.mx-referencesetselector .mx-referencesetselector-select-button span:before {content: "Add Clients";}
.open-custom-cms-input.pcps-caseschedule.mx-referencesetselector .mx-referencesetselector-select-button span:before {content: "Select Event(s)";}


.open-custom.wgt-BooleanSlider {
  margin-bottom: 15px;
  width: 75px;
  display: inline-block !important;
}
.open-custom.wgt-BooleanSlider div div span {
  margin:7px 0px;
}

.nav-list-view.ancillary .mx-listview-item {
  float:left;
  width:50%;
}
.nav-list-view.quick-access .mx-listview-item {
  padding:0px;
}
/*@media (max-width: 500px) {
  .nav-list-view .mx-listview-item {
    width:100%;
  }
}*/

/* Styles for transforming normal textfield into an HTML5 scrolling number field */
.open-custom-textfield-num-scroll-aidz {
  display:none !important;
}

.open-custom.mx-groupbox .mx-groupbox-header {font-weight:bold;}
.open-custom.mx-groupbox .mx-groupbox-body {padding:10px;}

/* Spotlight search record CMS preview */
.open-custom-search-record-preview {
  border-radius:4px;
  border:1px solid #ddd;
  padding:8px 8px;
  background-color:white;
  margin:0px;
  
  transition:background-color 0.3s;
  -webkit-transition:background-color 0.3s;
}
.open-custom-search-record-preview:hover {
  background-color:#f9f9f9;
}

/* Quick function buttons for CMS */
.open-custom-quick-function-btn.first {margin-left:35px;}

/* Popup Feedback Form */
.sprintrFeedbackContainer iframe.sprintrFeedback {
	width:430px !important;
	height:475px !important;
}

.sprintrFeedbackContainer iframe.sprintrFeedback textarea.sprintrFeedbackInput.sprintrFeedbackTextInput {width:400px !important;}

/* Maintain image aspect ratio */
.open-custom-details-img-container {
	display:table-cell;
	padding:8px;
	border-radius:4px;
	border:1px solid #ddd;
	vertical-align:middle;
	width:128px;
	height:128px;
}
.open-custom-details-img-container img {
	max-width:100%;
	max-height:100%;
	margin:0 auto;
}
.open-custom-details-img-thumb-size-lbl {
	display: block;
	margin: 5px 0px;
	font-style: italic;
	font-size: 9px;
	letter-spacing: 1px;
	width:128px; /* In application, make this the same width as 'open-custom-details-img-container' */
	text-align:center;
}

/* This class is attached to the Name field of an upload entity that is used in collaboration with error message display in cases where the upload is required */
.open-custom-validate-file-upload {
	clear: both;
	padding-top: 1px;
}
.open-custom-validate-file-upload label.control-label, .open-custom-validate-file-upload p.form-control-static, .open-custom-validate-file-upload input, .open-custom-validate-file-upload textarea {
	display:none;
}

.open-custom-file-upload-with-remove {
	float:left;
}
.open-custom-file-upload-remove-btn {
	margin-left: 5px;
	font-size: 15px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.open-custom-publications.mx-referencesetselector .mx-referencesetselector-input-wrapper label {
	font-weight: bold;
    display: block;
    padding-top: 5px;
	margin-top: 10px;
    border-top: 1px solid #eee;
    font-size: 15px;
}

.open-custom-full-services-listing ul li {border:none !important;}
.open-custom-lawlibrary-headings-listing ul li {border:none !important;}

/* Legis. Docs */
.OC-AssociatedRegulationList ul li {
  border: 0;
  padding: 0!important;
  margin-left: 20px;
}

/*.OC-AssociatedRegulationList ul li span:before {
  content: '-';
  margin-right: 5px;
}*/

.OC-AssociatedRegulationList ul li.mx-listview-empty{
  display: none;
}

.OC-SubjectMatter ul li{
  padding: 0!important;
}

.oc-lawdocname a {color: #9CDCFF;/*818181*/}
.oc-lawdocname a:hover {color: #818181;}

.mx-name-index-0.mx-templategrid-item .oc-headertable{
  display: inline-table!important;
}

.oc-headertable{
  display: none;
}

.Line-Border hr{
  margin-top: 5px;
}

.OC-LegisReg ul li{
  padding: 2px !important;
}

.mx-name-LegisDocs .mx-templategrid-item{
  border: 0!important;
  padding: 0!important;
}

.oc-home-page-random-video ul li {
	padding:0 !important;
	background-color:transparent !important;
	border:none !important;
}

.oc-home-page-random-image .mx-listview-empty {
  display: none;
}
.oc-home-page-random-image {
  margin-top: 15px;
}
.oc-home-page-random-image>ul>li {
  background: transparent !important;
  border: none;
  padding: 0 !important;
}

.oc-home-slider-blocks-labels {
	background: rgba(0,0,0,0.6);
    padding: 5px;
    margin: 0;
    color: white;
    position: relative;
    z-index: 1;
    font-size: 18px;
}

.oc-home-slider-blocks {
	margin-top:-33px; /* equal to the full height of the label */
}

.oc-videos-link-main-container {
	padding: 5px;
	background: black;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.oc-videos-link-main {
    font-size: 20px;
    color: #fff !important;
	text-decoration:none !important;
	padding-bottom:3px;
	border-bottom: 1px dashed transparent;
	
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.oc-videos-link-main:hover {
	border-color:white;
}

.oc-videos-link-main:after {
	position: absolute; /* Prevent underline of arrow */
    padding-left:5px; /* Add a little space between text and arrow */
    content: "\00bb"; /* Unicode hex for &raquo; */
}

.oc-videos-link-main-container-new {text-align:center;}

.oc-videos-link-main-new {
	font-size: 13px;
    color: #fff !important;
	text-decoration:none !important;
	padding-bottom:2px;
	border-bottom: 1px dashed transparent;
	display:inline-block;
	margin-top:5px;
	
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.oc-videos-link-main-new:hover {
	border-color:white;
}

/*.mx-name-LegisDocs .mx-grid-paging-status {
  color: white;
}*/

/* ==========================================================================
   End Cusom CSS 
========================================================================== */

/*
* Base
*
* Default settings
*/
/* line 7, ../lib/base/_base.scss */
body {
  font-weight: normal;
  color: black;
  font-size: 14px;
  line-height: 1.42857;
  background-color: black;
  font-family: Arial, Helvetica, sans-serif;
  
  min-height:auto !important;
}

body.open-custom-cms {
  min-height:100% !important;
}

/* line 14, ../lib/base/_base.scss */
a {
  color: #299FED;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden;
}

/* line 22, ../lib/base/_base.scss */
a:hover {
  text-decoration: underline;
  color: #9CDCFF;
}

/* line 27, ../lib/base/_base.scss */
a:focus {
  outline: none;
}

/* line 32, ../lib/base/_base.scss */
a:active,
a:hover {
  outline: 0;
  color: #9CDCFF;
}

/* line 38, ../lib/base/_base.scss */
input:focus,
button:focus,
.mx-link:focus {
  outline: 0;
}

/* line 42, ../lib/base/_base.scss */
div[tabindex] {
  outline: 0;
}

/* Adding max-width: 100% for labels fixes wrapping for IE8 - this is fixed in the new bootstrap version */
/* line 46, ../lib/base/_base.scss */
label {
  max-width: 100%;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Inputs
*
* Default input fields
*/
/* line 12, ../lib/components/_inputs.scss */
.form-control, .readonly-input, .disabled-form p {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out, box-shadow ease-in-out;
  -webkit-transition-delay: 0.15s, 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  display: block;
  padding: 7px 8px;
  width: 100%;
  height: 33px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background-color: white;
  background-image: none;
  color: black;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.42857;
}

/* line 28, ../lib/components/_inputs.scss */
.form-control:focus, .readonly-input:focus, .disabled-form p:focus {
  border-color: #59c2e6;
  background-color: white;
  outline: 0;
}

/* line 33, ../lib/components/_inputs.scss */
textarea.form-control, textarea.readonly-input {
  height: auto;
}

/* line 36, ../lib/components/_inputs.scss */
.form-control-static, .form-group div[class*='textBox'] > label,
.form-group div[class*='textArea'] > label,
.form-group div[class*='datePicker'] > label {
  overflow: hidden;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

/* Not editable textarea, textarea will be rendered as a label */
/* line 43, ../lib/components/_inputs.scss */
.mx-textarea label {
  height: auto;
}

/* Input and textarea get properly aligned */
/*
* Inputs Readonly
*
* Default input fields
*/
/* line 59, ../lib/components/_inputs.scss */
.readonly-input {
  height: auto;
  min-height: 33px;
  background-color: #eeeeee !important;
}
/* line 64, ../lib/components/_inputs.scss */
.readonly-input label {
  padding: 0 !important;
}
/* line 67, ../lib/components/_inputs.scss */
.readonly-input textarea {
  display: none;
}

/* line 71, ../lib/components/_inputs.scss */
.readonly-input-alert label {
  color: #d9534f;
}

/* Needed for IE8, IE8 doesn't respect border-box and min-height */
/* line 75, ../lib/components/_inputs.scss */
.dj_ie8 .readonly-input {
  min-height: auto;
}

/*
* Inputs File Upload
*
* Default input fields
*/
/* line 85, ../lib/components/_inputs.scss */
.mx-fileinput {
  /* File input widget hover fix */
}
/* line 86, ../lib/components/_inputs.scss */
.mx-fileinput .mx-wrapped-label {
  display: inline-block;
  width: 200px;
}
/* line 92, ../lib/components/_inputs.scss */
.mx-fileinput .mx-wrapped-form .mx-wrapped-input {
  cursor: pointer;
}
/* line 95, ../lib/components/_inputs.scss */
.mx-fileinput .mx-wrapped-form .mx-fileinput-upload-button:hover {
  background-color: #dddddd;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Alerts
*
* Default Bootstrap Alert boxes. Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages
*/
/* line 13, ../lib/components/_alerts.scss */
.alert {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-top: 0;
  padding: 5px;
  font-size: 14px;
  border: 0;
}

/* line 20, ../lib/components/_alerts.scss */
.alert-bordered {
  border: 1px solid;
}

/* line 23, ../lib/components/_alerts.scss */
.alert-success {
  border-color: #678e3c;
  background-color: #e8f2dc;
  color: #547331;
}

/* line 28, ../lib/components/_alerts.scss */
.alert-info {
  border-color: #669caf;
  background-color: #e7f6fb;
  color: #527f8e;
}

/* line 33, ../lib/components/_alerts.scss */
.alert-warning {
  border-color: #b68a30;
  background-color: #fdf1d9;
  color: #937027;
}

/* line 38, ../lib/components/_alerts.scss */
.alert-danger {
  border-color: #a03d3a;
  background-color: #f7dcdb;
  color: #82312f;
}

/* line 43, ../lib/components/_alerts.scss */
.has-error .alert {
  margin-top: 8px;
  margin-bottom: 0;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Background
*
* Different background components, all managed by variables
*/
/* line 13, ../lib/components/_backgrounds.scss */
.background-default {
  background-color: #dddddd !important;
}

/* line 14, ../lib/components/_backgrounds.scss */
.background-default-darker {
  background-color: #848484 !important;
}

/* line 15, ../lib/components/_backgrounds.scss */
.background-default-dark {
  background-color: #a3a3a3 !important;
}

/* line 16, ../lib/components/_backgrounds.scss */
.background-default-light {
  background-color: #eaeaea !important;
}

/* line 17, ../lib/components/_backgrounds.scss */
.background-default-lighter {
  background-color: #f8f8f8 !important;
}

/* line 19, ../lib/components/_backgrounds.scss */
.background-inverse {
  background-color: #3d3f41 !important;
}

/* line 20, ../lib/components/_backgrounds.scss */
.background-inverse-darker {
  background-color: #242527 !important;
}

/* line 21, ../lib/components/_backgrounds.scss */
.background-inverse-dark {
  background-color: #2d2e30 !important;
}

/* line 22, ../lib/components/_backgrounds.scss */
.background-inverse-light {
  background-color: #8a8b8d !important;
}

/* line 23, ../lib/components/_backgrounds.scss */
.background-inverse-lighter {
  background-color: #d8d8d9 !important;
}

/* line 25, ../lib/components/_backgrounds.scss */
.background-primary {
  background-color: #59c2e6 !important;
}

/* line 26, ../lib/components/_backgrounds.scss */
.background-primary-darker {
  background-color: #35748a !important;
}

/* line 27, ../lib/components/_backgrounds.scss */
.background-primary-dark {
  background-color: #418faa !important;
}

/* line 28, ../lib/components/_backgrounds.scss */
.background-primary-light {
  background-color: #9bdaf0 !important;
}

/* line 29, ../lib/components/_backgrounds.scss */
.background-primary-lighter {
  background-color: #ddf2fa !important;
}

/* line 31, ../lib/components/_backgrounds.scss */
.background-info {
  background-color: #8ad4ed !important;
}

/* line 32, ../lib/components/_backgrounds.scss */
.background-info-darker {
  background-color: #527f8e !important;
}

/* line 33, ../lib/components/_backgrounds.scss */
.background-info-dark {
  background-color: #669caf !important;
}

/* line 34, ../lib/components/_backgrounds.scss */
.background-info-light {
  background-color: #b8e5f4 !important;
}

/* line 35, ../lib/components/_backgrounds.scss */
.background-info-lighter {
  background-color: #e7f6fb !important;
}

/* line 37, ../lib/components/_backgrounds.scss */
.background-success {
  background-color: #8cc152 !important;
}

/* line 38, ../lib/components/_backgrounds.scss */
.background-success-darker {
  background-color: #547331 !important;
}

/* line 39, ../lib/components/_backgrounds.scss */
.background-success-dark {
  background-color: #678e3c !important;
}

/* line 40, ../lib/components/_backgrounds.scss */
.background-success-light {
  background-color: #bad997 !important;
}

/* line 41, ../lib/components/_backgrounds.scss */
.background-success-lighter {
  background-color: #e8f2dc !important;
}

/* line 43, ../lib/components/_backgrounds.scss */
.background-warning {
  background-color: #f6bb42 !important;
}

/* line 44, ../lib/components/_backgrounds.scss */
.background-warning-darker {
  background-color: #937027 !important;
}

/* line 45, ../lib/components/_backgrounds.scss */
.background-warning-dark {
  background-color: #b68a30 !important;
}

/* line 46, ../lib/components/_backgrounds.scss */
.background-warning-light {
  background-color: #f9d68d !important;
}

/* line 47, ../lib/components/_backgrounds.scss */
.background-warning-lighter {
  background-color: #fdf1d9 !important;
}

/* line 49, ../lib/components/_backgrounds.scss */
.background-danger {
  background-color: #d9534f !important;
}

/* line 50, ../lib/components/_backgrounds.scss */
.background-danger-darker {
  background-color: #82312f !important;
}

/* line 51, ../lib/components/_backgrounds.scss */
.background-danger-dark {
  background-color: #a03d3a !important;
}

/* line 52, ../lib/components/_backgrounds.scss */
.background-danger-light {
  background-color: #e89795 !important;
}

/* line 53, ../lib/components/_backgrounds.scss */
.background-danger-lighter {
  background-color: #f7dcdb !important;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Buttons
*
* Default Bootstrap and Mendix Buttons
*/
/* line 14, ../lib/components/_buttons.scss */
.btn,
.mx-button {
  /* MXID / Bootstrap values for when used in non-mendix apps */
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-weight: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 8px 14px;
  background-color: #dddddd;
  color: black;
  text-shadow: none;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.42857;
}
/* line 47, ../lib/components/_buttons.scss */
.btn:hover, .btn:focus, .btn:active,
.mx-button:hover,
.mx-button:focus,
.mx-button:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}

/* line 54, ../lib/components/_buttons.scss */
.mx-link {
  padding: 0;
}

/* line 62, ../lib/components/_buttons.scss */
.btn img,
.mx-button img,
.mx-link img {
  margin-top: -1px;
  height: 18px;
}

/* line 70, ../lib/components/_buttons.scss */
.dj_ie8 .mx-link {
  margin-right: 0;
  white-space: normal;
}

/*
* Buttons Alternate Style
*
* 
*/
/* line 81, ../lib/components/_buttons.scss */
.btn-default {
  border-color: #dddddd;
  background-color: #dddddd;
  color: black;
}
/* line 10, ../lib/base/mixins/_buttons.scss */
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  border-color: #c4c4c4;
  background-color: #c4c4c4;
  color: black;
}
/* line 17, ../lib/base/mixins/_buttons.scss */
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}
/* line 27, ../lib/base/mixins/_buttons.scss */
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  border-color: #dddddd;
  background-color: #dddddd;
}
/* line 33, ../lib/base/mixins/_buttons.scss */
.btn-default.btn-bordered {
  background-color: transparent;
  color: #dddddd;
}
/* line 41, ../lib/base/mixins/_buttons.scss */
.btn-default.btn-bordered:hover, .btn-default.btn-bordered:focus, .btn-default.btn-bordered:active, .btn-default.btn-bordered.active, .open > .btn-default.btn-bordered.dropdown-toggle {
  background-color: #dddddd;
  border-color: #dddddd;
  color: black;
}

/* line 84, ../lib/components/_buttons.scss */
.btn-primary, .mx-grid.datagrid-fullsearch .mx-grid-search-button, .mx-grid.multilevel-grid .mx-grid-search-button {
  border-color: #299FED;
  background-color: #299FED;
  /*border-color: #59c2e6;
  background-color: #59c2e6;*/
  color: white;
}
/* line 10, ../lib/base/mixins/_buttons.scss */
.btn-primary:hover, .mx-grid.datagrid-fullsearch .mx-grid-search-button:hover, .mx-grid.multilevel-grid .mx-grid-search-button:hover, .btn-primary:focus, .mx-grid.datagrid-fullsearch .mx-grid-search-button:focus, .mx-grid.multilevel-grid .mx-grid-search-button:focus, .btn-primary:active, .mx-grid.datagrid-fullsearch .mx-grid-search-button:active, .mx-grid.multilevel-grid .mx-grid-search-button:active, .btn-primary.active, .mx-grid.datagrid-fullsearch .active.mx-grid-search-button, .mx-grid.multilevel-grid .active.mx-grid-search-button, .open > .btn-primary.dropdown-toggle, .mx-grid.datagrid-fullsearch .open > .dropdown-toggle.mx-grid-search-button, .mx-grid.multilevel-grid .open > .dropdown-toggle.mx-grid-search-button {
  border-color: #2db2df;
  background-color: #2db2df;
  color: white;
}
/* line 17, ../lib/base/mixins/_buttons.scss */
.btn-primary:active, .mx-grid.datagrid-fullsearch .mx-grid-search-button:active, .mx-grid.multilevel-grid .mx-grid-search-button:active, .btn-primary.active, .mx-grid.datagrid-fullsearch .active.mx-grid-search-button, .mx-grid.multilevel-grid .active.mx-grid-search-button, .open > .btn-primary.dropdown-toggle, .mx-grid.datagrid-fullsearch .open > .dropdown-toggle.mx-grid-search-button, .mx-grid.multilevel-grid .open > .dropdown-toggle.mx-grid-search-button {
  background-image: none;
}
/* line 27, ../lib/base/mixins/_buttons.scss */
.btn-primary.disabled, .mx-grid.datagrid-fullsearch .disabled.mx-grid-search-button, .mx-grid.multilevel-grid .disabled.mx-grid-search-button, .btn-primary.disabled:hover, .mx-grid.datagrid-fullsearch .disabled.mx-grid-search-button:hover, .mx-grid.multilevel-grid .disabled.mx-grid-search-button:hover, .btn-primary.disabled:focus, .mx-grid.datagrid-fullsearch .disabled.mx-grid-search-button:focus, .mx-grid.multilevel-grid .disabled.mx-grid-search-button:focus, .btn-primary.disabled:active, .mx-grid.datagrid-fullsearch .disabled.mx-grid-search-button:active, .mx-grid.multilevel-grid .disabled.mx-grid-search-button:active, .btn-primary.disabled.active, .mx-grid.datagrid-fullsearch .disabled.active.mx-grid-search-button, .mx-grid.multilevel-grid .disabled.active.mx-grid-search-button, .btn-primary[disabled], .mx-grid.datagrid-fullsearch [disabled].mx-grid-search-button, .mx-grid.multilevel-grid [disabled].mx-grid-search-button, .btn-primary[disabled]:hover, .mx-grid.datagrid-fullsearch [disabled].mx-grid-search-button:hover, .mx-grid.multilevel-grid [disabled].mx-grid-search-button:hover, .btn-primary[disabled]:focus, .mx-grid.datagrid-fullsearch [disabled].mx-grid-search-button:focus, .mx-grid.multilevel-grid [disabled].mx-grid-search-button:focus, .btn-primary[disabled]:active, .mx-grid.datagrid-fullsearch [disabled].mx-grid-search-button:active, .mx-grid.multilevel-grid [disabled].mx-grid-search-button:active, .btn-primary[disabled].active, .mx-grid.datagrid-fullsearch [disabled].active.mx-grid-search-button, .mx-grid.multilevel-grid [disabled].active.mx-grid-search-button, fieldset[disabled] .btn-primary, fieldset[disabled] .mx-grid.datagrid-fullsearch .mx-grid-search-button, .mx-grid.datagrid-fullsearch fieldset[disabled] .mx-grid-search-button, fieldset[disabled] .mx-grid.multilevel-grid .mx-grid-search-button, .mx-grid.multilevel-grid fieldset[disabled] .mx-grid-search-button, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .mx-grid.datagrid-fullsearch .mx-grid-search-button:hover, .mx-grid.datagrid-fullsearch fieldset[disabled] .mx-grid-search-button:hover, fieldset[disabled] .mx-grid.multilevel-grid .mx-grid-search-button:hover, .mx-grid.multilevel-grid fieldset[disabled] .mx-grid-search-button:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .mx-grid.datagrid-fullsearch .mx-grid-search-button:focus, .mx-grid.datagrid-fullsearch fieldset[disabled] .mx-grid-search-button:focus, fieldset[disabled] .mx-grid.multilevel-grid .mx-grid-search-button:focus, .mx-grid.multilevel-grid fieldset[disabled] .mx-grid-search-button:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .mx-grid.datagrid-fullsearch .mx-grid-search-button:active, .mx-grid.datagrid-fullsearch fieldset[disabled] .mx-grid-search-button:active, fieldset[disabled] .mx-grid.multilevel-grid .mx-grid-search-button:active, .mx-grid.multilevel-grid fieldset[disabled] .mx-grid-search-button:active, fieldset[disabled] .btn-primary.active, fieldset[disabled] .mx-grid.datagrid-fullsearch .active.mx-grid-search-button, .mx-grid.datagrid-fullsearch fieldset[disabled] .active.mx-grid-search-button, fieldset[disabled] .mx-grid.multilevel-grid .active.mx-grid-search-button, .mx-grid.multilevel-grid fieldset[disabled] .active.mx-grid-search-button {
  border-color: #59c2e6;
  background-color: #59c2e6;
}
/* line 33, ../lib/base/mixins/_buttons.scss */
.btn-primary.btn-bordered, .mx-grid.datagrid-fullsearch .btn-bordered.mx-grid-search-button, .mx-grid.multilevel-grid .btn-bordered.mx-grid-search-button {
  background-color: transparent;
  color: #59c2e6;
}
/* line 41, ../lib/base/mixins/_buttons.scss */
.btn-primary.btn-bordered:hover, .mx-grid.datagrid-fullsearch .btn-bordered.mx-grid-search-button:hover, .mx-grid.multilevel-grid .btn-bordered.mx-grid-search-button:hover, .btn-primary.btn-bordered:focus, .mx-grid.datagrid-fullsearch .btn-bordered.mx-grid-search-button:focus, .mx-grid.multilevel-grid .btn-bordered.mx-grid-search-button:focus, .btn-primary.btn-bordered:active, .mx-grid.datagrid-fullsearch .btn-bordered.mx-grid-search-button:active, .mx-grid.multilevel-grid .btn-bordered.mx-grid-search-button:active, .btn-primary.btn-bordered.active, .mx-grid.datagrid-fullsearch .btn-bordered.active.mx-grid-search-button, .mx-grid.multilevel-grid .btn-bordered.active.mx-grid-search-button, .open > .btn-primary.btn-bordered.dropdown-toggle, .mx-grid.datagrid-fullsearch .open > .btn-bordered.dropdown-toggle.mx-grid-search-button, .mx-grid.multilevel-grid .open > .btn-bordered.dropdown-toggle.mx-grid-search-button {
  background-color: #59c2e6;
  border-color: #59c2e6;
  color: white;
}

/* line 87, ../lib/components/_buttons.scss */
.btn-inverse {
  border-color: #3d3f41;
  background-color: #3d3f41;
  color: white;
}
/* line 10, ../lib/base/mixins/_buttons.scss */
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
  border-color: #242627;
  background-color: #242627;
  color: white;
}
/* line 17, ../lib/base/mixins/_buttons.scss */
.btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
  background-image: none;
}
/* line 27, ../lib/base/mixins/_buttons.scss */
.btn-inverse.disabled, .btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled:active, .btn-inverse.disabled.active, .btn-inverse[disabled], .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse:hover, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse.active {
  border-color: #3d3f41;
  background-color: #3d3f41;
}
/* line 33, ../lib/base/mixins/_buttons.scss */
.btn-inverse.btn-bordered {
  background-color: transparent;
  color: #3d3f41;
}
/* line 41, ../lib/base/mixins/_buttons.scss */
.btn-inverse.btn-bordered:hover, .btn-inverse.btn-bordered:focus, .btn-inverse.btn-bordered:active, .btn-inverse.btn-bordered.active, .open > .btn-inverse.btn-bordered.dropdown-toggle {
  background-color: #3d3f41;
  border-color: #3d3f41;
  color: white;
}
/* line 93, ../lib/components/_buttons.scss */
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
  background-color: #56595b;
  border-color: #56595b;
}

/* line 99, ../lib/components/_buttons.scss */
.btn-success {
  border-color: #8cc152;
  background-color: #8cc152;
  color: white;
}
/* line 10, ../lib/base/mixins/_buttons.scss */
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  border-color: #72a53b;
  background-color: #72a53b;
  color: white;
}
/* line 17, ../lib/base/mixins/_buttons.scss */
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
/* line 27, ../lib/base/mixins/_buttons.scss */
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  border-color: #8cc152;
  background-color: #8cc152;
}
/* line 33, ../lib/base/mixins/_buttons.scss */
.btn-success.btn-bordered {
  background-color: transparent;
  color: #8cc152;
}
/* line 41, ../lib/base/mixins/_buttons.scss */
.btn-success.btn-bordered:hover, .btn-success.btn-bordered:focus, .btn-success.btn-bordered:active, .btn-success.btn-bordered.active, .open > .btn-success.btn-bordered.dropdown-toggle {
  background-color: #8cc152;
  border-color: #8cc152;
  color: white;
}

/* line 103, ../lib/components/_buttons.scss */
.btn-info {
  border-color: #8ad4ed;
  background-color: #8ad4ed;
  color: white;
}
/* line 10, ../lib/base/mixins/_buttons.scss */
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  border-color: #5ec4e6;
  background-color: #5ec4e6;
  color: white;
}
/* line 17, ../lib/base/mixins/_buttons.scss */
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}
/* line 27, ../lib/base/mixins/_buttons.scss */
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  border-color: #8ad4ed;
  background-color: #8ad4ed;
}
/* line 33, ../lib/base/mixins/_buttons.scss */
.btn-info.btn-bordered {
  background-color: transparent;
  color: #8ad4ed;
}
/* line 41, ../lib/base/mixins/_buttons.scss */
.btn-info.btn-bordered:hover, .btn-info.btn-bordered:focus, .btn-info.btn-bordered:active, .btn-info.btn-bordered.active, .open > .btn-info.btn-bordered.dropdown-toggle {
  background-color: #8ad4ed;
  border-color: #8ad4ed;
  color: white;
}

/* line 107, ../lib/components/_buttons.scss */
.btn-warning {
  border-color: #f6bb42;
  background-color: #f6bb42;
  color: white;
}
/* line 10, ../lib/base/mixins/_buttons.scss */
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  border-color: #f4a911;
  background-color: #f4a911;
  color: white;
}
/* line 17, ../lib/base/mixins/_buttons.scss */
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}
/* line 27, ../lib/base/mixins/_buttons.scss */
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  border-color: #f6bb42;
  background-color: #f6bb42;
}
/* line 33, ../lib/base/mixins/_buttons.scss */
.btn-warning.btn-bordered {
  background-color: transparent;
  color: #f6bb42;
}
/* line 41, ../lib/base/mixins/_buttons.scss */
.btn-warning.btn-bordered:hover, .btn-warning.btn-bordered:focus, .btn-warning.btn-bordered:active, .btn-warning.btn-bordered.active, .open > .btn-warning.btn-bordered.dropdown-toggle {
  background-color: #f6bb42;
  border-color: #f6bb42;
  color: white;
}

/* line 111, ../lib/components/_buttons.scss */
.btn-danger {
  border-color: #d9534f;
  background-color: #d9534f;
  color: white;
}
/* line 10, ../lib/base/mixins/_buttons.scss */
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  border-color: #c9302c;
  background-color: #c9302c;
  color: white;
}
/* line 17, ../lib/base/mixins/_buttons.scss */
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
/* line 27, ../lib/base/mixins/_buttons.scss */
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  border-color: #d9534f;
  background-color: #d9534f;
}
/* line 33, ../lib/base/mixins/_buttons.scss */
.btn-danger.btn-bordered {
  background-color: transparent;
  color: #d9534f;
}
/* line 41, ../lib/base/mixins/_buttons.scss */
.btn-danger.btn-bordered:hover, .btn-danger.btn-bordered:focus, .btn-danger.btn-bordered:active, .btn-danger.btn-bordered.active, .open > .btn-danger.btn-bordered.dropdown-toggle {
  background-color: #d9534f;
  border-color: #d9534f;
  color: white;
}

/* line 114, ../lib/components/_buttons.scss */
.btn-white {
  border-color: white;
  background-color: white;
  color: black;
}
/* line 10, ../lib/base/mixins/_buttons.scss */
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle {
  border-color: #e6e6e6;
  background-color: #e6e6e6;
  color: black;
}
/* line 17, ../lib/base/mixins/_buttons.scss */
.btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle {
  background-image: none;
}
/* line 27, ../lib/base/mixins/_buttons.scss */
.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled]:active, .btn-white[disabled].active, fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white.active {
  border-color: white;
  background-color: white;
}
/* line 33, ../lib/base/mixins/_buttons.scss */
.btn-white.btn-bordered {
  background-color: transparent;
  color: white;
}
/* line 41, ../lib/base/mixins/_buttons.scss */
.btn-white.btn-bordered:hover, .btn-white.btn-bordered:focus, .btn-white.btn-bordered:active, .btn-white.btn-bordered.active, .open > .btn-white.btn-bordered.dropdown-toggle {
  background-color: white;
  border-color: white;
  color: black;
}

/* line 118, ../lib/components/_buttons.scss */
.btn-link {
  border: 0;
  background-color: transparent;
  color: #59c2e6;
}
/* line 123, ../lib/components/_buttons.scss */
.btn-link:hover {
  background-color: transparent;
  color: #20a5d3;
}

/* Buttons appear disabled */
/* line 129, ../lib/components/_buttons.scss */
.btn-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
  cursor: not-allowed;
  pointer-events: none;
}

/* line 137, ../lib/components/_buttons.scss */
.btn-transparent,
.btn-transparent:hover,
.btn-transparent:focus {
  border-style: none;
  background-color: transparent;
}

/*
* Buttons Sizes
*
* Combined with Bootstrap
*/
/* line 148, ../lib/components/_buttons.scss */
.btn-lg {
  font-size: 18px;
  padding: 11px 18px;
}
/* line 151, ../lib/components/_buttons.scss */
.btn-lg img {
  height: 18px;
}

/* line 155, ../lib/components/_buttons.scss */
.btn-sm {
  font-size: 12px;
  padding: 7px 12px;
}
/* line 158, ../lib/components/_buttons.scss */
.btn-sm img {
  height: 16px;
}

/*
* Buttons Image
*
* Specific styling for images in buttons
*/
/* line 169, ../lib/components/_buttons.scss */
.btn-image {
  padding: 0;
  border-style: none;
  background-color: transparent;
  vertical-align: middle;
}
/* line 175, ../lib/components/_buttons.scss */
.btn-image img {
  height: auto;
  display: block;
}
/* line 181, ../lib/components/_buttons.scss */
.btn-image:hover, .btn-image:focus {
  background-color: transparent;
}

/*
* Buttons Position
*
* 
*/
/* line 192, ../lib/components/_buttons.scss */
.btn-right {
  float: right;
}

/* line 195, ../lib/components/_buttons.scss */
.btn-left {
  float: left;
}

/*
* Buttons Attached
*
* Helper classes for buttons spacing
*/
/* line 205, ../lib/components/_buttons.scss */
.btn-attached-right {
  margin-left: 5px;
}

/* line 208, ../lib/components/_buttons.scss */
.btn-attached-left {
  margin-right: 5px;
}

/* line 211, ../lib/components/_buttons.scss */
.btn-attached-bottom {
  margin-top: 5px;
}

/* line 214, ../lib/components/_buttons.scss */
.btn-attached-top {
  margin-bottom: 5px;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Grid
*
* Default Mendix Grid
*/
/* line 12, ../lib/components/_grid.scss */
.mx-grid {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0px;
  border: 0;
  margin: 0;
}
/* line 18, ../lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar {
  margin: 10px 0;
  /* Paging */
}
/* line 21, ../lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar {
  /* Buttons */
  /* Text Paging .. to .. to .. */
}
/* line 24, ../lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button {
  padding: 6px;
  background-color: transparent;
  color: #999999;
  border-color: transparent;
}
/* line 30, ../lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button:hover {
  background-color: transparent;
  color: #59c2e6;
  border-color: transparent;
}
/* line 37, ../lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button.disabled, .mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
/* line 43, ../lib/components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-grid-paging-status {
  padding: 0 8px 8px;
}
/* line 49, ../lib/components/_grid.scss */
.mx-grid .mx-grid-searchbar {
  margin: 10px 0;
}
/* line 52, ../lib/components/_grid.scss */
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-label {
  vertical-align: middle;
}
/* line 54, ../lib/components/_grid.scss */
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-label label {
  padding-top: 5px;
  font-size: 12px;
}
/* line 57, ../lib/components/_grid.scss */
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input .form-control, .mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input .readonly-input, .mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input .disabled-form p, .disabled-form .mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input p {
  height: 28px;
  font-size: 14px;
}
/* line 61, ../lib/components/_grid.scss */
.mx-grid .mx-grid-searchbar .mx-grid-search-item .mx-grid-search-input .mx-button {
  height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Remove default border from grid inside a Mendix Dataview */
/* line 72, ../lib/components/_grid.scss */
.mx-dataview .mx-grid {
  border: 0;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Datagrid
*
* Default Mendix Datagrid Widget. The data grid shows a list of objects in a grid
*/
/* line 13, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-head-table {
  border-width: 0;
  /* Table header */
}
/* line 17, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-head-table th {
  border-left: 0;
  border-right: 0;
  border-top-width: 0;
  border-bottom-width: 2px;
  border-style: solid;
  border-color: #dddddd;
  background-color: transparent;
}
/* line 27, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-head-table .mx-datagrid-head-wrapper {
  padding: 8px 8px 8px 8px;
  vertical-align: middle;
}
/* line 30, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-head-table .mx-datagrid-head-wrapper .mx-datagrid-head-caption {
  white-space: normal;
  text-transform: capitalize;
}
/* line 35, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table {
  border-width: 0;
  /* Table Body */
  /* Table Footer */
}
/* line 40, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td {
  padding: 8px 8px 8px 8px;
  background-color: white;
  border-width: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-color: #dddddd;
  /* Text without spaces */
}
/* line 48, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td:focus {
  outline: none;
}
/* line 52, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td .mx-datagrid-data-wrapper {
  text-overflow: ellipsis;
}
/* line 60, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr.selected td, .mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr.selected:hover td {
  background-color: #59c2e6 !important;
  color: black;
}
/* line 69, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-foot > tr > th {
  padding: 1px;
  background-color: #dddddd;
  border-width: 0;
}
/* line 75, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-foot > tr > td {
  background-color: white;
  border-width: 0;
}
/* line 81, ../lib/components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table *:focus {
  outline: 0;
}

/*
* Datagrid Striped
*
* Default Mendix Datagrid Widget with striped rows
*/
/* line 95, ../lib/components/_datagrids.scss */
.datagrid-striped.mx-datagrid .mx-datagrid-head-table th {
  border-width: 0;
}
/* line 100, ../lib/components/_datagrids.scss */
.datagrid-striped.mx-datagrid .mx-datagrid-body-table {
  /* Body */
}
/* line 103, ../lib/components/_datagrids.scss */
.datagrid-striped.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td {
  border-top-width: 0;
}
/* line 106, ../lib/components/_datagrids.scss */
.datagrid-striped.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr:nth-child(odd) td {
  background-color: #eaeaea;
}

/*
* Datagrid Bordered
*
* Default Mendix Datagrid Widget with borders
*/
/* line 122, ../lib/components/_datagrids.scss */
.datagrid-bordered.mx-datagrid .mx-datagrid-head-table th {
  border: 1px solid #dddddd;
  border-bottom-width: 1px;
}
/* line 130, ../lib/components/_datagrids.scss */
.datagrid-bordered.mx-datagrid .mx-datagrid-body-table {
  border: 1px solid;
}
/* line 133, ../lib/components/_datagrids.scss */
.datagrid-bordered.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td {
  border: 1px solid #dddddd;
}
/* line 139, ../lib/components/_datagrids.scss */
.datagrid-bordered.mx-datagrid .mx-datagrid-foot > tr > th {
  padding: 1px;
  background-color: #dddddd;
  border-width: 0;
}
/* line 144, ../lib/components/_datagrids.scss */
.datagrid-bordered.mx-datagrid .mx-datagrid-foot > tr > td {
  border-width: 1px;
}

/*
* Datagrid Hover
*
* Default Mendix Datagrid Widget with hover
*/
/* line 161, ../lib/components/_datagrids.scss */
.datagrid-hover.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr:hover td, .mx-datagrid.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr:hover td {
  background-color: #d6eaf2 !important;
}
/* line 164, ../lib/components/_datagrids.scss */
.datagrid-hover.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr.selected:hover td, .mx-datagrid.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr.selected:hover td {
  background-color: #d6eaf2 !important;
}

/*
* Datagrid Large
*
* Default Mendix Datagrid Widget with large rows
*/
/* line 180, ../lib/components/_datagrids.scss */
.datagrid-large.mx-datagrid .mx-datagrid-head-table .mx-datagrid-head-wrapper {
  padding: 15px 10px;
}
/* line 187, ../lib/components/_datagrids.scss */
.datagrid-large.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td {
  padding: 15px 10px;
}

/*
* Datagrid Transparent
*
* Default Mendix Datagrid Widget with transparent background for row and cells
*/
/* line 202, ../lib/components/_datagrids.scss */
.datagrid-transparent.mx-datagrid .mx-datagrid-head-table, .mx-datagrid.multilevel-grid .mx-datagrid-head-table {
  background-color: transparent;
}
/* line 207, ../lib/components/_datagrids.scss */
.datagrid-transparent.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr:nth-of-type(odd), .mx-datagrid.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr:nth-of-type(odd) {
  background-color: transparent;
}
/* line 210, ../lib/components/_datagrids.scss */
.datagrid-transparent.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td, .mx-datagrid.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr td {
  background-color: transparent;
}

/*
* Datagrid Full Search
*
* Default Mendix Datagrid Widget with adjusted search field. Only 1 search field is allowed
*/
/* line 226, ../lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-reset-button, .mx-grid.multilevel-grid .mx-grid-reset-button {
  display: none;
}
/* line 229, ../lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-search-item, .mx-grid.multilevel-grid .mx-grid-search-item {
  display: block;
}
/* line 232, ../lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-search-label, .mx-grid.multilevel-grid .mx-grid-search-label {
  display: none;
}
/* line 236, ../lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-searchbar .mx-grid-search-controls, .mx-grid.multilevel-grid .mx-grid-searchbar .mx-grid-search-controls {
  position: absolute;
  right: 0;
}
/* line 240, ../lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-searchbar .mx-grid-search-input, .mx-grid.multilevel-grid .mx-grid-searchbar .mx-grid-search-input {
  width: 80%;
  padding-left: 0;
}
/* line 243, ../lib/components/_datagrids.scss */
.mx-grid.datagrid-fullsearch .mx-grid-searchbar .mx-grid-search-input .form-control, .mx-grid.multilevel-grid .mx-grid-searchbar .mx-grid-search-input .form-control, .mx-grid.datagrid-fullsearch .mx-grid-searchbar .mx-grid-search-input .readonly-input, .mx-grid.multilevel-grid .mx-grid-searchbar .mx-grid-search-input .readonly-input, .mx-grid.datagrid-fullsearch .mx-grid-searchbar .mx-grid-search-input .disabled-form p, .disabled-form .mx-grid.datagrid-fullsearch .mx-grid-searchbar .mx-grid-search-input p, .mx-grid.multilevel-grid .mx-grid-searchbar .mx-grid-search-input .disabled-form p, .disabled-form .mx-grid.multilevel-grid .mx-grid-searchbar .mx-grid-search-input p {
  height: 35px;
  font-size: 12px;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Dataview
*
* Default Mendix Dataview Widget. The data view is used for showing the contents of exactly one object
*/
/* line 12, ../lib/components/_dataview.scss */
.mx-dataview {
  /* Control bar */
  /* Dataview-content gives problems for nexted layout grid containers */
  /* Dataview empty message */
}
/* line 15, ../lib/components/_dataview.scss */
.mx-dataview .mx-dataview-controls {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-top: 10px;
  padding: 8px 0;
  border-top: 1px solid #dddddd;
  background-color: transparent;
  /* Buttons */
}
/* line 23, ../lib/components/_dataview.scss */
.mx-dataview .mx-dataview-controls .mx-button {
  margin-bottom: 0;
}
/* line 30, ../lib/components/_dataview.scss */
.mx-dataview > .mx-dataview-content > .mx-container-nested > .row {
  margin-right: 0;
  margin-left: 0;
}
/* line 37, ../lib/components/_dataview.scss */
.mx-dataview .mx-dataview-message {
  background: white;
  color: black;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Dijit Widgets
*
* Default Dojo Dijit Widgets
*/
/*
 * Dijit Calendar Widget
 *
 * Used in dataviews
 */
/* line 19, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer {
  /* (must be higher than popup z-index) */
  z-index: 9999999 !important;
  background-color: #eff0f2;
}
/* line 25, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer tr th {
  background-color: #26323D;
  color: #FFF;
  text-align: center;
}
/* line 31, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer tr th,
.dijitCalendarContainer tr td {
  padding: 6px;
  text-align: center;
}
/* line 35, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer tr tfoot h3 {
  margin: 0;
  padding: 0;
  font-size: inherit;
}
/* line 42, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarMonthLabel {
  font-weight: bold;
}
/* line 45, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitButtonNode {
  border: 0;
}
/* line 48, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarArrow {
  cursor: pointer;
}
/* line 52, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarSelectedDate,
.dijitCalendarContainer .dijitCalendarSelectedDate:hover {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: #59c2e6;
  color: #FFF;
}
/* line 60, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarHoveredDate,
.dijitCalendarContainer .dijitCalendarPreviousYearHover,
.dijitCalendarContainer .dijitCalendarNextYearHover,
.dijitCalendarContainer .dijitCalendarMonthLabelHover {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #dbdcdd;
}
/* line 64, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarYearContainer td {
  font-weight: bold;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 1px solid #dddddd;
  text-align: center;
}
/* line 70, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarMonthContainer th:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}
/* line 73, ../lib/components/_dijit-widgets.scss */
.dijitCalendarContainer .dijitCalendarMonthContainer th:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

/* line 78, ../lib/components/_dijit-widgets.scss */
.dijitCalendarMonthMenuPopup {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  /* (must be higher than popup z-index) */
  z-index: 10020 !important;
  padding: 3px 4px;
  background-color: #26323D;
}
/* line 84, ../lib/components/_dijit-widgets.scss */
.dijitCalendarMonthMenuPopup .dijitCalendarMonthMenu {
  border-style: none;
  background: none;
}
/* line 87, ../lib/components/_dijit-widgets.scss */
.dijitCalendarMonthMenuPopup .dijitCalendarMonthMenu .dijitCalendarMonthLabel {
  padding: 2px 0;
  color: #FFF;
}
/* line 91, ../lib/components/_dijit-widgets.scss */
.dijitCalendarMonthMenuPopup .dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover, .dijitCalendarMonthMenuPopup .dijitCalendarMonthMenu .dijitCalendarMonthLabel:focus {
  color: #4280cb;
}

/* line 103, ../lib/components/_dijit-widgets.scss */
.dj_rtl .dijitCalendarContainer .dijitCalendarMonthContainer th:first-child {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
/* line 107, ../lib/components/_dijit-widgets.scss */
.dj_rtl .dijitCalendarContainer .dijitCalendarMonthContainer th:last-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
}

/*
 * Dijit Tooltip Widget
 *
 * Default tooltip used for Mendix widgets
 */
/* line 123, ../lib/components/_dijit-widgets.scss */
.mx-tooltip .dijitTooltipContainer {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-width: 1px;
  border-color: #26323D;
  background: #FFF;
}
/* line 131, ../lib/components/_dijit-widgets.scss */
.mx-tooltip .dijitTooltipContainer .mx-tooltip-content {
  padding: 10px;
  min-height: 230px;
}
/* line 136, ../lib/components/_dijit-widgets.scss */
.mx-tooltip .dijitTooltipConnector {
  margin-left: -10px;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent;
  border-right-color: #26323D;
}

/*
 * Dijit Border Container
 *
 * Used in Mendix as split pane containers
 */
/* line 153, ../lib/components/_dijit-widgets.scss */
.dijitBorderContainer {
  padding: 5px;
  background-color: #fcfcfc;
}
/* line 158, ../lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitterV,
.dijitBorderContainer .dijitGutterV {
  width: 5px;
  border: 0;
  background: #fcfcfc;
}
/* line 164, ../lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitterH,
.dijitBorderContainer .dijitGutterH {
  height: 5px;
  border: 0;
  background: #fcfcfc;
}
/* line 170, ../lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitterH .dijitSplitterThumb {
  top: 2px;
  width: 19px;
  height: 1px;
  background: #B0B0B0;
}
/* line 178, ../lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitterV .dijitSplitterThumb {
  left: 2px;
  width: 1px;
  height: 19px;
  background: #B0B0B0;
}
/* line 186, ../lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitContainer-child,
.dijitBorderContainer .dijitBorderContainer-child {
  border: 1px solid #ccc;
}
/* line 192, ../lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerTop,
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerBottom,
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerLeft,
.dijitBorderContainer .dijitBorderContainer-dijitTabContainerRight {
  border: none;
}
/* line 195, ../lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitBorderContainer-dijitBorderContainer {
  padding: 0;
  border: none;
}
/* line 199, ../lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitterActive {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  margin: 0;
  background-color: #aaa;
  background-image: none;
  font-size: 1px;
}
/* line 208, ../lib/components/_dijit-widgets.scss */
.dijitBorderContainer .dijitSplitContainer-dijitContentPane,
.dijitBorderContainer .dijitBorderContainer-dijitContentPane {
  padding: 5px;
  background-color: #fff;
}

/*
 * Dijit Menu Popup
 *
 * Used in datepickers and calendar widgets
 */
/* line 220, ../lib/components/_dijit-widgets.scss */
.dijitMenuPopup {
  margin-top: 10px;
}
/* line 222, ../lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  display: block;
  margin-top: 0;
  padding: 12px 10px;
  background: #3d3f41;
  width: 200px !important;
}
/* line 230, ../lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu:after {
  position: absolute;
  bottom: 100%;
  left: 20px;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border: medium solid transparent;
  border-width: 10px;
  border-bottom-color: #3d3f41;
  content: " ";
  pointer-events: none;
}
/* line 245, ../lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuItem {
  background: transparent;
}
/* line 247, ../lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuItem .dijitMenuItemLabel {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
  color: #FFF;
  width: 180px !important;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 257, ../lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover {
  background: none;
}
/* line 259, ../lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover .dijitMenuItemLabel {
  background: #59c2e6;
}
/* line 267, ../lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .tg_newlabelmenuitem .dijitMenuItemLabel {
  font-weight: bold;
}
/* line 274, ../lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuSeparator td {
  padding: 0;
  border-bottom-width: 3px;
}
/* line 279, ../lib/components/_dijit-widgets.scss */
.dijitMenuPopup .dijitMenu .dijitMenuSeparator .dijitMenuSeparatorIconCell > div {
  margin: 0;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Glyphicons
*
* Glyphicons alternaed to use with Mendix
*/
/* line 13, ../lib/components/_glyphicons.scss */
.mx-glyphicon:before {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 0.4555555em;
  margin-top: -0.2em;
  line-height: inherit;
  -moz-osx-font-smoothing: grayscale;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Groupbox
*
* Default Mendix Groupboxes
*/
/* line 13, ../lib/components/_groupbox.scss */
.mx-groupbox > .mx-groupbox-header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0;
  background: #dddddd;
  color: black;
  font-size: 14px;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #dddddd;
}
/* line 24, ../lib/components/_groupbox.scss */
.mx-groupbox > .mx-groupbox-header .mx-groupbox-collapse-icon {
  margin-top: 0.1em;
}
/* line 28, ../lib/components/_groupbox.scss */
.mx-groupbox > .mx-groupbox-body {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 10px 15px;
  border-color: #dddddd;
  background-color: #FFF;
  border-style: solid;
  border-width: 1px;
}
/* line 37, ../lib/components/_groupbox.scss */
.mx-groupbox .mx-groupbox-header + .mx-groupbox-body {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-top: none;
}
/* line 42, ../lib/components/_groupbox.scss */
.mx-groupbox.collapsed > .mx-groupbox-header {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/*
* Alternate Groupbox
*
* Different kind of Groupbox styling
*/
/* line 57, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-stylingless > .mx-groupbox-header {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0;
  border-style: none;
  background-color: transparent;
}
/* line 63, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-stylingless > .mx-groupbox-body {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0;
  border-style: none;
  background-color: transparent;
}
/* line 73, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-radius > .mx-groupbox-header {
  -webkit-border-radius: 3px 3px 0 0 !important;
  -moz-border-radius: 3px 3px 0 0 !important;
  -ms-border-radius: 3px 3px 0 0 !important;
  -o-border-radius: 3px 3px 0 0 !important;
  border-radius: 3px 3px 0 0 !important;
}
/* line 76, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-radius > .mx-groupbox-body {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
}
/* line 79, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-radius .mx-groupbox-header + .mx-groupbox-body {
  -webkit-border-radius: 0 0 3px 3px !important;
  -moz-border-radius: 0 0 3px 3px !important;
  -ms-border-radius: 0 0 3px 3px !important;
  -o-border-radius: 0 0 3px 3px !important;
  border-radius: 0 0 3px 3px !important;
}
/* line 84, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-borderless > .mx-groupbox-body {
  border: 0 !important;
}
/* line 89, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-top > .mx-groupbox-header {
  border-style: none;
  border-top-style: solid !important;
}
/* line 93, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-top > .mx-groupbox-body {
  border-style: none;
  border-top-style: solid !important;
}
/* line 97, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-top .mx-groupbox-header + .mx-groupbox-body {
  border-top-style: none !important;
}
/* line 102, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-right > .mx-groupbox-header {
  border-style: none;
  border-right-style: solid !important;
}
/* line 106, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-right > .mx-groupbox-body {
  border-style: none;
  border-right-style: solid !important;
}
/* line 112, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-bottom > .mx-groupbox-header {
  border-style: none;
}
/* line 115, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-bottom > .mx-groupbox-body {
  border-style: none;
  border-bottom-style: solid !important;
}
/* line 121, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-left > .mx-groupbox-header {
  border-style: none;
  border-left-style: solid !important;
}
/* line 125, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-border-left > .mx-groupbox-body {
  border-style: none;
  border-left-style: solid !important;
}

/*
* Groupbox Colors
*
* 
*/
/* line 2, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-default > .mx-groupbox-header {
  background: #dddddd;
  color: black;
  border-color: #dddddd;
}
/* line 7, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-default > .mx-groupbox-body {
  border-color: #dddddd;
}
/* line 2, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-primary > .mx-groupbox-header {
  background: #59c2e6;
  color: white;
  border-color: #59c2e6;
}
/* line 7, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-primary > .mx-groupbox-body {
  border-color: #59c2e6;
}
/* line 2, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-inverse > .mx-groupbox-header {
  background: #3d3f41;
  color: white;
  border-color: #3d3f41;
}
/* line 7, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-inverse > .mx-groupbox-body {
  border-color: #3d3f41;
}
/* line 2, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-success > .mx-groupbox-header {
  background: #8cc152;
  color: white;
  border-color: #8cc152;
}
/* line 7, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-success > .mx-groupbox-body {
  border-color: #8cc152;
}
/* line 2, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-info > .mx-groupbox-header {
  background: #8ad4ed;
  color: white;
  border-color: #8ad4ed;
}
/* line 7, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-info > .mx-groupbox-body {
  border-color: #8ad4ed;
}
/* line 2, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-warning > .mx-groupbox-header {
  background: #f6bb42;
  color: white;
  border-color: #f6bb42;
}
/* line 7, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-warning > .mx-groupbox-body {
  border-color: #f6bb42;
}
/* line 2, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-danger > .mx-groupbox-header {
  background: #d9534f;
  color: white;
  border-color: #d9534f;
}
/* line 7, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-danger > .mx-groupbox-body {
  border-color: #d9534f;
}
/* line 2, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-white > .mx-groupbox-header {
  background: white;
  color: black;
  border-color: white;
}
/* line 7, ../lib/base/mixins/_groupbox.scss */
.mx-groupbox.groupbox-white > .mx-groupbox-body {
  border-color: white;
}
/* line 169, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-transparent {
  background-color: transparent;
}
/* line 171, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-transparent > .mx-groupbox-header {
  border-style: none;
  background-color: transparent;
}
/* line 175, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-transparent > .mx-groupbox-body {
  border-style: none;
  background-color: transparent;
}

/*
* Groupbox Spacing
*
* 
*/
/* line 191, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-sideless > .mx-groupbox-header {
  padding-right: 0;
  padding-left: 0;
}
/* line 195, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-sideless > .mx-groupbox-body {
  padding-right: 0;
  padding-left: 0;
}
/* line 205, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-bodyless > .mx-groupbox-body {
  padding: 0;
}

/*
* Groupbox Headers
*
* Alternate header sizes for groupbox
*/
/* line 218, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h1 > .mx-groupbox-header {
  font-size: 31px;
}
/* line 219, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h2 > .mx-groupbox-header {
  font-size: 26px;
}
/* line 220, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h3 > .mx-groupbox-header {
  font-size: 20px;
}
/* line 221, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h4 > .mx-groupbox-header {
  font-size: 16px;
}
/* line 222, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h5 > .mx-groupbox-header {
  font-size: 14px;
}
/* line 223, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-h6 > .mx-groupbox-header {
  font-size: 11px;
}

/*
* Groupbox Callouts
*
* Default Mendix Groupboxes rendered as (Bootstrap) callouts
*/
/* line 235, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout > .mx-groupbox-header,
.mx-groupbox.groupbox-callout > .mx-groupbox-body {
  border: 0;
}
/* line 241, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout .mx-groupbox-header + .mx-groupbox-body {
  padding-top: 0;
}
/* line 247, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-info > .mx-groupbox-header,
.mx-groupbox.groupbox-callout-info > .mx-groupbox-body {
  background-color: #e7f6fb;
}
/* line 251, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-info > .mx-groupbox-header {
  color: #8ad4ed;
}
/* line 257, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-success > .mx-groupbox-header,
.mx-groupbox.groupbox-callout-success > .mx-groupbox-body {
  background-color: #e8f2dc;
}
/* line 261, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-success > .mx-groupbox-header {
  color: #8cc152;
}
/* line 267, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-warning > .mx-groupbox-header,
.mx-groupbox.groupbox-callout-warning > .mx-groupbox-body {
  background-color: #fdf1d9;
}
/* line 271, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-warning > .mx-groupbox-header {
  color: #f6bb42;
}
/* line 277, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-danger > .mx-groupbox-header,
.mx-groupbox.groupbox-callout-danger > .mx-groupbox-body {
  background-color: #f7dcdb;
}
/* line 281, ../lib/components/_groupbox.scss */
.mx-groupbox.groupbox-callout-danger > .mx-groupbox-header {
  color: #d9534f;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Helpers
*
* Default Mendix Helpers
*/
/* line 12, ../lib/components/_helpers.scss */
.show {
  display: block !important;
}

/* line 15, ../lib/components/_helpers.scss */
.hidden {
  display: none !important;
  visibility: hidden !important;
}

/* line 19, ../lib/components/_helpers.scss */
.invisible {
  visibility: hidden;
}

/* line 22, ../lib/components/_helpers.scss */
.display-ie8-only:not([attr*='']) {
  display: none;
  padding: 0;
}

/* line 27, ../lib/components/_helpers.scss */
.list-nostyle ul {
  padding: 0;
  margin: 0;
}
/* line 30, ../lib/components/_helpers.scss */
.list-nostyle ul li {
  list-style-type: none !important;
}

/* line 36, ../lib/components/_helpers.scss */
.nowrap,
.nowrap * {
  white-space: nowrap;
}

/* line 39, ../lib/components/_helpers.scss */
.disabled-form p {
  background-color: #eeeeee !important;
}

/* line 43, ../lib/components/_helpers.scss */
.padding-bottom-none {
  padding-bottom: 0;
}

/* Vertical Align Elements in a bootstrap row, add class on row */
/* line 48, ../lib/components/_helpers.scss */
.v-center {
  display: table;
}
/* line 50, ../lib/components/_helpers.scss */
.v-center div[class*='col-'] {
  display: table-cell;
  vertical-align: middle;
  float: none;
}

/* Remove padding for Bootstrap columns, add class on row */
/* line 58, ../lib/components/_helpers.scss */
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

/* Render DIV as Table Cells */
/* line 64, ../lib/components/_helpers.scss */
.table {
  display: table;
}

/* line 67, ../lib/components/_helpers.scss */
.table-cell {
  display: table-cell;
}

/* line 70, ../lib/components/_helpers.scss */
.align-top {
  vertical-align: top;
}

/* line 73, ../lib/components/_helpers.scss */
.align-middle {
  vertical-align: middle;
}

/* line 76, ../lib/components/_helpers.scss */
.align-bottom {
  vertical-align: bottom;
}

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

.align-left {
  text-align: left;
}
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Images
*
* Default Mendix Image Widgets
*/
/* line 13, ../lib/components/_images.scss */
img.img-rounded,
.img-rounded img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

/* line 17, ../lib/components/_images.scss */
img.img-thumbnail,
.img-thumbnail img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #dddddd;
}

/* line 31, ../lib/components/_images.scss */
img.img-circle,
.img-circle img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

/* line 35, ../lib/components/_images.scss */
img.img-auto,
.img-auto img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Labels
*
* Default labels combined with Bootstrap labels
*/
/* line 12, ../lib/components/_labels.scss */
.label {
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  border-radius: 0.25em;
  font-weight: bold;
  display: inline;
  padding: .2em .6em .3em !important;
  color: #fff;
  vertical-align: baseline;
  text-align: center;
  white-space: nowrap;
  font-size: 100%;
  line-height: 1;
}

/* line 24, ../lib/components/_labels.scss */
.label-default {
  background-color: #dddddd;
  color: black;
}

/* line 28, ../lib/components/_labels.scss */
.label-primary {
  background-color: #59c2e6;
  color: white;
}

/* line 32, ../lib/components/_labels.scss */
.label-success {
  background-color: #8cc152;
  color: white;
}

/* line 36, ../lib/components/_labels.scss */
.label-info {
  background-color: #8ad4ed;
  color: white;
}

/* line 40, ../lib/components/_labels.scss */
.label-warning {
  background-color: #f6bb42;
  color: white;
}

/* line 44, ../lib/components/_labels.scss */
.label-danger {
  background-color: #d9534f;
  color: white;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Listview
*
* Default Mendix Listview Widget. The list view shows a list of objects arranged vertically. Each object is shown using a template
*/
/* line 13, ../lib/components/_listview.scss */
.mx-listview {
  /* Remove widget padding */
  padding: 0;
  /* Clear search button (overrides load more button stying) */
  /* Load more button */
}
/* line 18, ../lib/components/_listview.scss */
.mx-listview .mx-button.mx-listview-clear-button {
  width: auto;
}
/* line 23, ../lib/components/_listview.scss */
.mx-listview > .mx-button {
  width: 100%;
  margin: 10px auto;
}
/* line 27, ../lib/components/_listview.scss */
.mx-listview .mx-listview-list {
  margin: 0;
}
/* line 30, ../lib/components/_listview.scss */
.mx-listview .mx-listview-item {
  background-color: white;
  padding: 8px 8px;
}
/* line 33, ../lib/components/_listview.scss */
.mx-listview .mx-listview-item:hover {
    background-color: white;

}
/* line 36, ../lib/components/_listview.scss */
.mx-listview .mx-listview-item.selected {
  background-color: #59c2e6 !important;
}
/* line 39, ../lib/components/_listview.scss */
.mx-listview .mx-listview-item.selected:hover {
  background-color: #d6eaf2 !important;
}
/* line 43, ../lib/components/_listview.scss */
.mx-listview .mx-listview-item:nth-child(2n+1) {
  background-color: white;
}

.mx-listview .mx-listview-item:nth-child(2n) {
  background-color: white;
}


/*
* Listview Hover
*
* Default Mendix Listview Widget with hover
*/
/* line 58, ../lib/components/_listview.scss */
.listview-hover.mx-listview .mx-listview-item:hover, .mx-listview.multilevel-list .mx-listview-item:hover, .listview-hover.mx-listview .mx-listview-item:active, .mx-listview.multilevel-list .mx-listview-item:active {
  background-color: #d6eaf2 !important;
}

/*
* Listview Lined
*
* Default Mendix Listview Widget with only border bottom in listview item
*/
/* line 70, ../lib/components/_listview.scss */
.listview-lined.mx-listview .mx-listview-item, .mx-listview.multilevel-list .mx-listview-item {
  border-top: 1px solid #dddddd;
  border-right: none;
  border-left: none;
}
/* line 75, ../lib/components/_listview.scss */
.listview-lined.mx-listview .mx-listview-item:first-child, .mx-listview.multilevel-list .mx-listview-item:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
/* line 78, ../lib/components/_listview.scss */
.listview-lined.mx-listview .mx-listview-item:last-child, .mx-listview.multilevel-list .mx-listview-item:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-bottom: 1px solid #dddddd;
}

/*
* Listview Striped
*
* Default Mendix Listview Widget with striped listview items
*/
/* line 92, ../lib/components/_listview.scss */
.listview-striped.mx-listview .mx-listview-item:nth-child(2n+1) {
  background-color: #eaeaea;
}

/*
* Listview Seperated
*
* Default Mendix Listview Widget with listview items seperated
*/
/* line 104, ../lib/components/_listview.scss */
.listview-seperated.mx-listview .mx-listview-item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
  border-style: solid;
}

/*
* Listview Stylingless
*
* Default Mendix Listview Widget without styling
*/
/* line 118, ../lib/components/_listview.scss */
.listview-stylingless.mx-listview .mx-listview-item {
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: default;
}
/* line 124, ../lib/components/_listview.scss */
.listview-stylingless.mx-listview .mx-listview-item:hover {
  background-color: transparent;
}
/* line 127, ../lib/components/_listview.scss */
.listview-stylingless.mx-listview .mx-listview-item.selected {
  background-color: transparent !important;
}
/* line 130, ../lib/components/_listview.scss */
.listview-stylingless.mx-listview .mx-listview-item.selected:hover {
  background-color: transparent !important;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Modals
*
* Default Mendix Modals. Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults
*/
/* line 14, ../lib/components/_modals.scss */
.modal-dialog .modal-content {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  border: 1px solid rgba(0, 0, 0, 0);
}
/* line 20, ../lib/components/_modals.scss */
.modal-dialog .modal-content .modal-header {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0px 15px;
  background-color: transparent;
  border-bottom-color: #dddddd;
}
/* line 25, ../lib/components/_modals.scss */
.modal-dialog .modal-content .modal-header h4 {
  font-weight: bold;
  color: black;
  font-size: 16px;
}
/* line 30, ../lib/components/_modals.scss */
.modal-dialog .modal-content .modal-header .close {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  color: black;
  text-shadow: none;
  margin-top: -3px;
}
/* line 37, ../lib/components/_modals.scss */
.modal-dialog .modal-content .modal-body {
  padding: 10px;
}
/* line 40, ../lib/components/_modals.scss */
.modal-dialog .modal-content .modal-footer {
  padding: 20px;
  margin-top: 0;
  border-style: none;
  text-align: left;
}

/*
* Modals
*
* Default Mendix Modal
*/
/* line 58, ../lib/components/_modals.scss */
.mx-window.mx-window-view .mx-window-body {
  padding: 0;
}
/* line 63, ../lib/components/_modals.scss */
.mx-window.mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-content,
.mx-window.mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-content {
  padding: 20px;
}
/* line 67, ../lib/components/_modals.scss */
.mx-window.mx-window-view .mx-window-body > .mx-dataview > .mx-dataview-controls,
.mx-window.mx-window-view .mx-window-body > .mx-placeholder > .mx-dataview > .mx-dataview-controls {
  padding: 10px;
  text-align: left;
  margin: 0;
}

/*
* Modals
*
* Default Mendix Login Modal
*/
/* line 83, ../lib/components/_modals.scss */
.mx-login .modal-body {
  padding: 0 15px;
}
/* line 87, ../lib/components/_modals.scss */
.mx-login .modal-content input {
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  padding: 12px 12px;
  height: 56px;
  border: 1px solid #EEE;
  background: #eee;
  font-size: 16px;
}
/* line 95, ../lib/components/_modals.scss */
.mx-login .modal-content input:focus {
  border-color: #66afe9;
}
/* line 101, ../lib/components/_modals.scss */
.mx-login .modal-header,
.mx-login .modal-footer {
  border: 0;
}
/* line 104, ../lib/components/_modals.scss */
.mx-login button {
  font-size: 16px;
}
/* line 107, ../lib/components/_modals.scss */
.mx-login h4 {
  color: #aaa;
  font-weight: bold;
  font-size: 20px;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Navigation
*
* Default Mendix Navigation Bar
*/
/* line 12, ../lib/components/_navigation.scss */
.mx-navbar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 0;
  border-style: none;
  background-color: white;
  /* remove focus */
}
/* line 18, ../lib/components/_navigation.scss */
.mx-navbar ul.nav {
  margin: 0;
  /* Navigation item */
  /* When hovering or the dropdown is open */
}
/* line 22, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a {
  font-weight: normal;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 15px 20px;
  color: black;
  font-size: 14px;
  vertical-align: middle;
  /* Dropdown arrow */
  /* Dropdown */
}
/* line 31, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a .caret {
  border-top-color: black;
  border-bottom-color: black;
}
/* line 38, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a:hover, .mx-navbar ul.nav > li.mx-navbar-item > a:focus, .mx-navbar ul.nav > li.mx-navbar-item > a.active {
  background-color: whitesmoke;
  color: #59c2e6;
  text-decoration: none;
}
/* line 43, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a:hover .caret, .mx-navbar ul.nav > li.mx-navbar-item > a:focus .caret, .mx-navbar ul.nav > li.mx-navbar-item > a.active .caret {
  border-top-color: #59c2e6;
  border-bottom-color: #59c2e6;
}
/* line 48, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a.active {
  color: #59c2e6;
  background-color: #ebebeb;
}
/* line 54, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a .mx-navbar-submenu:before {
  position: absolute;
  top: -9px;
  left: 15px;
  width: 0;
  height: 0;
  border-width: 0 9px 9px 9px;
  border-style: solid;
  border-color: transparent transparent whitesmoke transparent;
  content: "";
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}
/* line 69, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a img {
  width: 20px;
  height: auto;
}
/* line 74, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a .glyphicon {
  vertical-align: middle;
  font-size: 1.2em;
  top: -1px;
  padding-right: 5px;
}
/* line 88, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > .mx-navbar-item > a:hover,
.mx-navbar ul.nav > .mx-navbar-item > a:focus,
.mx-navbar ul.nav > .mx-navbar-item.active a,
.mx-navbar ul.nav > .mx-navbar-item.open > a,
.mx-navbar ul.nav > .mx-navbar-item.open > a:hover,
.mx-navbar ul.nav > .mx-navbar-item.open > a:focus {
  background-color: whitesmoke;
  color: #59c2e6;
  text-decoration: none;
}
/* line 93, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > .mx-navbar-item > a:hover .caret,
.mx-navbar ul.nav > .mx-navbar-item > a:focus .caret,
.mx-navbar ul.nav > .mx-navbar-item.active a .caret,
.mx-navbar ul.nav > .mx-navbar-item.open > a .caret,
.mx-navbar ul.nav > .mx-navbar-item.open > a:hover .caret,
.mx-navbar ul.nav > .mx-navbar-item.open > a:focus .caret {
  border-top-color: #59c2e6;
  border-bottom-color: #59c2e6;
}
/* line 98, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a {
  background-color: white;
  color: #59c2e6;
}
/* line 102, ../lib/components/_navigation.scss */
.mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a .caret {
  border-top-color: #59c2e6;
  border-bottom-color: #59c2e6;
}
@media (max-width: 768px) {
  /* line 110, ../lib/components/_navigation.scss */
  .mx-navbar ul.nav > li.mx-navbar-item > a {
    padding: 10px 20px;
  }
  /* line 113, ../lib/components/_navigation.scss */
  .mx-navbar .mx-navbar-item.open .dropdown-menu {
    background-color: white;
    border-radius: 0;
    padding: 0;
  }
  /* line 118, ../lib/components/_navigation.scss */
  .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a {
    font-weight: normal;
    padding: 10px 20px;
    border-radius: 0;
    color: #8a8a8a;
    font-size: 12px;
  }
  /* line 126, ../lib/components/_navigation.scss */
  .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a:hover, .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a:focus {
    color: #59c2e6;
    background-color: white;
  }
  /* line 131, ../lib/components/_navigation.scss */
  .mx-navbar .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem > a.active {
    color: #59c2e6;
    background-color: white;
  }
}
/* line 140, ../lib/components/_navigation.scss */
.mx-navbar:focus {
  outline: 0;
}

/*
* Navigation
*
* Default Mendix Navigation Tree
*/
/* line 151, ../lib/components/_navigation.scss */
.mx-navigationtree {
  background-color: #3d3f41;
  /* Every navigation item */
  /* Sub navigation item specific */
  /* remove focus */
}
/* line 155, ../lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul {
  margin: 0;
  padding-left: 0;
}
/* line 159, ../lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li {
  padding: 0;
  border-style: none;
}
/* line 163, ../lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a {
  font-weight: normal;
  display: block;
  padding: 15px 20px 15px 16px;
  border-bottom: none;
  border-radius: 0;
  color: white;
  text-shadow: none;
  font-size: 14px;
  vertical-align: middle;
  background-color: #3d3f41;
  border-left: 4px solid transparent;
}
/* line 176, ../lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a .caret {
  border-top-color: white;
  border-bottom-color: white;
}
/* line 181, ../lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a img {
  margin-right: 4px;
  width: 20px;
  height: auto;
}
/* line 187, ../lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a .glyphicon {
  vertical-align: middle;
  font-size: 1.2em;
  top: -1px;
  padding-right: 5px;
}
/* line 197, ../lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a:hover,
.mx-navigationtree .navbar-inner ul li a:focus,
.mx-navigationtree .navbar-inner ul li a.active {
  background-color: #47494c;
  color: #59c2e6;
  text-decoration: none;
}
/* line 202, ../lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a:hover .caret,
.mx-navigationtree .navbar-inner ul li a:focus .caret,
.mx-navigationtree .navbar-inner ul li a.active .caret {
  border-top-color: #59c2e6;
  border-bottom-color: #59c2e6;
}
/* line 208, ../lib/components/_navigation.scss */
.mx-navigationtree .navbar-inner ul li a.active {
  border-left: 4px solid #59c2e6;
  color: #59c2e6;
  background-color: #515356;
}
/* line 218, ../lib/components/_navigation.scss */
.mx-navigationtree li.mx-navigationtree-has-items > ul {
  margin: 0;
  padding-left: 0;
  background-color: #333536;
}
/* line 223, ../lib/components/_navigation.scss */
.mx-navigationtree li.mx-navigationtree-has-items > ul li {
  margin: 0;
  padding: 0;
}
/* line 226, ../lib/components/_navigation.scss */
.mx-navigationtree li.mx-navigationtree-has-items > ul li a {
  font-weight: normal;
  color: #aaaaaa;
  font-size: 12px;
  background-color: #333536;
  padding: 12px 20px 12px 25px;
  border: 0;
}
/* line 236, ../lib/components/_navigation.scss */
.mx-navigationtree li.mx-navigationtree-has-items > ul li a:hover, .mx-navigationtree li.mx-navigationtree-has-items > ul li a:focus, .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #59c2e6;
  background-color: #333536;
}
/* line 240, ../lib/components/_navigation.scss */
.mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
  color: #59c2e6;
  background-color: #333536;
}
/* line 250, ../lib/components/_navigation.scss */
.mx-navigationtree:focus {
  outline: 0;
}

/* Content Centerd text and icons */
/* line 260, ../lib/components/_navigation.scss */
.mx-navigationtree.nav-content-center-text-icons .navbar-inner ul a {
  text-align: center;
}
/* line 262, ../lib/components/_navigation.scss */
.mx-navigationtree.nav-content-center-text-icons .navbar-inner ul a .glyphicon {
  display: block;
  margin-bottom: 5px;
}

/* Content Centerd icons only */
/* line 274, ../lib/components/_navigation.scss */
.mx-navigationtree.nav-content-center .navbar-inner ul a {
  text-align: center;
}

/*
* Navigation
*
* Default Mendix Simple Menu Bar
*/
/* line 289, ../lib/components/_navigation.scss */
.mx-menubar {
  padding: 0;
  background-color: #3d3f41;
  /* Two menu items */
  /* Three menu items */
  /* Four menu items */
  /* Five menu items */
  /* remove focus */
}
/* line 292, ../lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list {
  width: 100%;
  height: 50px;
  table-layout: fixed;
}
/* line 296, ../lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list li.mx-menubar-item {
  margin: 0;
  /*width: 100%;*/
  display: inline-block;
}
/* line 300, ../lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list li.mx-menubar-item a {
  font-weight: normal;
  border-radius: 0;
  color: white;
  font-size: 12px;
  padding: 0 8px;
  text-align: center;
  line-height: 50px;
  overflow: hidden;
  display: block;
  vertical-align: middle;
}
/* line 312, ../lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list li.mx-menubar-item a .glyphicon {
  vertical-align: middle;
  font-size: 1.2em;
  top: -1px;
}
/* line 320, ../lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list li.mx-menubar-item:hover a, .mx-menubar ul.mx-menubar-list li.mx-menubar-item:focus a, .mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  background-color: #47494c;
  color: #59c2e6;
  text-decoration: none;
}
/* line 325, ../lib/components/_navigation.scss */
.mx-menubar ul.mx-menubar-list li.mx-menubar-item.active a {
  color: #59c2e6;
  background-color: #515356;
}
/* line 333, ../lib/components/_navigation.scss */
.mx-menubar.menubar-col-6 ul.mx-menubar-list li.mx-menubar-item {
  width: 50%;
}
/* line 337, ../lib/components/_navigation.scss */
.mx-menubar.menubar-col-4 ul.mx-menubar-list li.mx-menubar-item {
  width: 33%;
}
/* line 341, ../lib/components/_navigation.scss */
.mx-menubar.menubar-col-3 ul.mx-menubar-list li.mx-menubar-item {
  width: 25%;
}
/* line 345, ../lib/components/_navigation.scss */
.mx-menubar.menubar-col-2 ul.mx-menubar-list li.mx-menubar-item {
  width: 20%;
}
/* line 350, ../lib/components/_navigation.scss */
.mx-menubar:focus {
  outline: 0;
}

/* text and icons centerd */
/* line 359, ../lib/components/_navigation.scss */
.mx-menubar.bottom-nav-text-icons ul.mx-menubar-list li.mx-menubar-item a {
  line-height: normal;
  padding: 8px 8px 6px 8px;
}
/* line 362, ../lib/components/_navigation.scss */
.mx-menubar.bottom-nav-text-icons ul.mx-menubar-list li.mx-menubar-item a .glyphicon {
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}

/* Vertical variation specifics */
/* line 373, ../lib/components/_navigation.scss */
.mx-menubar-vertical {
  background-color: white;
}
/* line 377, ../lib/components/_navigation.scss */
.mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a {
  color: black;
  font-size: 14px;
  border-bottom: 1px solid whitesmoke;
}
/* line 382, ../lib/components/_navigation.scss */
.mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a .glyphicon {
  vertical-align: middle;
  font-size: 1.2em;
  top: -1px;
}
/* line 390, ../lib/components/_navigation.scss */
.mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a:hover, .mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a:focus, .mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a.active {
  background-color: whitesmoke;
  color: #59c2e6;
  text-decoration: none;
}
/* line 395, ../lib/components/_navigation.scss */
.mx-menubar-vertical ul.mx-menubar-list li.mx-menubar-item a.active {
  color: #59c2e6;
  background-color: #ebebeb;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Navigation List
*
* Default Mendix Navigation List Widget
*/
/* line 12, ../lib/components/_navigationlist.scss */
.mx-navigationlist {
  padding: 0;
  margin: 0;
}
/* line 16, ../lib/components/_navigationlist.scss */
.mx-navigationlist .mx-navigationlist-item {
  padding: 10px;
}
/* line 18, ../lib/components/_navigationlist.scss */
.mx-navigationlist .mx-navigationlist-item:hover {
  background-color: #FFF!important;
}

/*
* Navigation List Hover
*
* Default Mendix Navigation List Widget with hover
*/
/* line 33, ../lib/components/_navigationlist.scss */
.navigationlist-hover.mx-navigationlist .mx-navigationlist-item:hover, .navigationlist-hover.mx-navigationlist .mx-navigationlist-item:active {
  background-color: #d6eaf2 !important;
}

/*
* Navigation List Lined
*
* Default Mendix Navigation List Widget border top between navigation list items
*/
/* line 46, ../lib/components/_navigationlist.scss */
.navigationlist-lined.mx-navigationlist .mx-navigationlist-item {
  border-top: 1px solid #dddddd;
  border-right: none;
  border-left: none;
}
/* line 51, ../lib/components/_navigationlist.scss */
.navigationlist-lined.mx-navigationlist .mx-navigationlist-item:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
/* line 54, ../lib/components/_navigationlist.scss */
.navigationlist-lined.mx-navigationlist .mx-navigationlist-item:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-bottom: 1px solid #dddddd;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Tab Container
*
* Default Mendix Tab Container Widget. Tab containers are used to show information categorized into multiple tab pages. This can be very useful if the amount of information that has to be displayed is larger than the amount of space on the screen
*/
/* line 13, ../lib/components/_tabcontainer.scss */
.mx-tabcontainer .mx-tabcontainer-tabs {
  margin-bottom: 15px;
  border-color: #dddddd;
}
/* line 16, ../lib/components/_tabcontainer.scss */
.mx-tabcontainer .mx-tabcontainer-tabs > li > a {
  font-weight: normal;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  margin-right: 0;
  color: #8a8a8a;
}
/* line 25, ../lib/components/_tabcontainer.scss */
.mx-tabcontainer .mx-tabcontainer-tabs > li > a:hover, .mx-tabcontainer .mx-tabcontainer-tabs > li > a:focus {
  background-color: #eaeaea;
}
/* line 32, ../lib/components/_tabcontainer.scss */
.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a,
.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a:hover,
.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a:focus {
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  background-color: #FFF;
  color: black;
}

/*
* Tab Container
*
* Default Mendix Tab Container Widget rendered as Pills
*/
/* line 51, ../lib/components/_tabcontainer.scss */
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs {
  border: 0;
}
/* line 53, ../lib/components/_tabcontainer.scss */
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li > a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-right: 2px;
  border: 1px solid #dddddd;
  color: #8a8a8a;
}
/* line 60, ../lib/components/_tabcontainer.scss */
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li > a:hover, .tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li > a:focus {
  background-color: #eaeaea;
}
/* line 67, ../lib/components/_tabcontainer.scss */
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a,
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a:hover,
.tab-pills.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a:focus {
  background-color: #59c2e6;
  color: #FFF;
  border-color: #59c2e6;
}

/*
* Tab Container
*
* Default Mendix Tab Container Widget rendered with tabs rendered without background
*/
/* line 82, ../lib/components/_tabcontainer.scss */
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs {
  border-width: 3px;
  padding: 0px;
}
/* line 85, ../lib/components/_tabcontainer.scss */
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li {
  margin-bottom: -3px;
  margin-right: 24px;
}
/* line 89, ../lib/components/_tabcontainer.scss */
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li > a {
  padding: 10px 0;
  border: 0;
  border-style: solid;
  border-color: transparent;
  border-bottom-width: 3px;
  border-radius: 0;
  color: #8a8a8a;
}
/* line 99, ../lib/components/_tabcontainer.scss */
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li > a:hover, .tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li > a:focus {
  border: 0;
  color: #299FED;
  border-bottom: 3px solid transparent;
  background: transparent;
}
/* line 110, ../lib/components/_tabcontainer.scss */
.tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li.active > a, .tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li.active > a:hover, .tab-lined.mx-tabcontainer .mx-tabcontainer-tabs li.active > a:focus {
  border: 0;
  border-bottom: 3px solid #299FED;
  background-color: transparent;
  color: #299FED;
}

/*
* Tab Container
*
* Default Mendix Tab Container Widget rendered as justified
*/
/* line 127, ../lib/components/_tabcontainer.scss */
.tab-justified.mx-tabcontainer .mx-tabcontainer-tabs {
  width: 100%;
  border-bottom: 0;
}
/* line 131, ../lib/components/_tabcontainer.scss */
.tab-justified.mx-tabcontainer .mx-tabcontainer-tabs > li {
  display: table-cell;
  float: none;
  margin: 0;
  width: 1%;
}
/* line 139, ../lib/components/_tabcontainer.scss */
.tab-justified.mx-tabcontainer .mx-tabcontainer-tabs > li > a {
  border-bottom: 0;
  text-align: center;
}
/* line 145, ../lib/components/_tabcontainer.scss */
.tab-justified.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
@media (max-width: 768px) {
  /* line 145, ../lib/components/_tabcontainer.scss */
  .tab-justified.mx-tabcontainer .mx-tabcontainer-tabs > li.active > a {
    border-bottom-color: #dddddd;
  }
}

/*
* Tab Container
*
* Default Mendix Tab Container Widget rendered with borders
*/
/* line 162, ../lib/components/_tabcontainer.scss */
.tab-bordered.mx-tabcontainer .mx-tabcontainer-tabs {
  margin: 0;
}
/* line 166, ../lib/components/_tabcontainer.scss */
.tab-bordered.mx-tabcontainer .mx-tabcontainer-content {
  padding: 10px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #dddddd;
  background-color: #FFF;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Tables
*
* Default Mendix Table Widget. Tables can be used to lend structure to a page. They contain a number of rows (tr) and columns, the intersection of which is called a cell (td). Each cell can contain widgets
*/
/* line 12, ../lib/components/_tables.scss */
th {
  font-weight: bold;
}

/* line 14, ../lib/components/_tables.scss */
table.mx-table > tbody {
  /* Table row */
}
/* line 17, ../lib/components/_tables.scss */
table.mx-table > tbody > tr {
  /* Table header */
  /* Table cells */
}
/* line 20, ../lib/components/_tables.scss */
table.mx-table > tbody > tr > th {
  padding: 8px 8px 8px 8px;
}
/* line 22, ../lib/components/_tables.scss */
table.mx-table > tbody > tr > th * {
  font-weight: bold;
  color: #8a8a8a;
  font-weight: normal;
}
/* line 27, ../lib/components/_tables.scss */
table.mx-table > tbody > tr > th > label {
  padding-top: 7px;
  padding-bottom: 6px;
}
/* line 34, ../lib/components/_tables.scss */
table.mx-table > tbody > tr > td {
  padding: 8px 8px 8px 8px;
}
/* line 37, ../lib/components/_tables.scss */
table.mx-table > tbody > tr > td > div > label,
table.mx-table > tbody > tr > td .mx-referenceselector-input-wrapper label {
  padding-top: 7px;
  padding-bottom: 6px;
}

/*
* Tables
*
* Default Mendix Table Widget inside TemplateGrid
*/
/* line 56, ../lib/components/_tables.scss */
.mx-templategrid table.mx-table > tbody > tr > th,
.mx-templategrid table.mx-table > tbody > tr > td {
  padding: 8px 8px 8px 8px;
}

/*
* Tables
*
* Default Mendix Table Widget inside Listview
*/
/* line 73, ../lib/components/_tables.scss */
.mx-list table.mx-table > tbody > tr > th,
.mx-list table.mx-table > tbody > tr > td {
  padding: 8px 8px 8px 8px;
}

/*
* Tables Lined
*
* Default Mendix Table Widget with borders top and bottom
*/
/* line 95, ../lib/components/_tables.scss */
table.table-lined.mx-table > tbody > tr > th,
table.table-lined.mx-table > tbody > tr > td {
  border-width: 1px 0;
  border-style: solid;
  border-color: #dddddd;
}

/*
* Tables Bordered
*
* Default Mendix Table Widget with borders
*/
/* line 119, ../lib/components/_tables.scss */
table.table-bordered.mx-table > tbody > tr > th,
table.table-bordered.mx-table > tbody > tr > td {
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
}

/*
* Tables Compact
*
* Default Mendix Table Widget with less spacing in table cells
*/
/* line 143, ../lib/components/_tables.scss */
table.table-compact.mx-table > tbody > tr > th,
table.table-compact.mx-table > tbody > tr > td {
  padding-top: 2px;
  padding-bottom: 2px;
}

/*
* Tables Sideless
*
* Default Mendix Table Widget inside TemplateGrid
*/
/* line 166, ../lib/components/_tables.scss */
table.table-sideless.mx-table > tbody > tr > td,
table.table-sideless.mx-table > tbody > tr > th {
  padding-right: 0;
}
/* line 170, ../lib/components/_tables.scss */
table.table-sideless.mx-table > tbody > tr > th:first-child,
table.table-sideless.mx-table > tbody > tr > td:first-child {
  padding-left: 0;
}

/*
* Tables Spaceless
*
* Default Mendix Table Widget without padding
*/
/* line 192, ../lib/components/_tables.scss */
table.table-spaceless.mx-table > tbody > tr > th,
table.table-spaceless.mx-table > tbody > tr > td {
  padding: 0;
}

/*
* Tables Vertical
*
* Default Mendix Table Widget vertical aligned 
*/
/* line 212, ../lib/components/_tables.scss */
table.table-vertical.mx-table > tbody > tr > th {
  padding-bottom: 0;
}
/* line 214, ../lib/components/_tables.scss */
table.table-vertical.mx-table > tbody > tr > th > label {
  padding: 0;
}
/* line 215, ../lib/components/_tables.scss */
table.table-vertical.mx-table > tbody > tr > th > div > label {
  padding: 0;
}

/*
* Tables Vertical Middle
*
* Default Mendix Table Widget vertical aligned middle
*/
/* line 236, ../lib/components/_tables.scss */
table.table-align-vertical-middle.mx-table > tbody > tr > th,
table.table-align-vertical-middle.mx-table > tbody > tr > td {
  vertical-align: middle;
}

/*
* Tables Compact
*
* Default Mendix Table Widget without padding and margin
*/
/* line 259, ../lib/components/_tables.scss */
table.table-label-compact.mx-table > tbody > tr > th > label,
table.table-label-compact.mx-table > tbody > tr > td > label {
  padding: 0;
  margin: 0;
}
/* line 264, ../lib/components/_tables.scss */
table.table-label-compact.mx-table > tbody > tr > th > div > label,
table.table-label-compact.mx-table > tbody > tr > th .mx-referenceselector-input-wrapper label,
table.table-label-compact.mx-table > tbody > tr > td > div > label,
table.table-label-compact.mx-table > tbody > tr > td .mx-referenceselector-input-wrapper label {
  padding: 0;
  margin: 0;
}

/* line 277, ../lib/components/_tables.scss */
html body .mx-page table.mx-table th.nopadding,
html body .mx-page table.mx-table td.nopadding {
  padding: 0;
}

/* ========================================================================== 

  Table option - Row sizes
   
   ========================================================================== */
/*  Small rows
  ========================================================================== */
/* line 308, ../lib/components/_tables.scss */
table.table-row-s.mx-table > tbody > tr > th,
table.table-row-s.mx-table > tbody > tr > td {
  height: 55px;
}

/*  Medium rows
  ========================================================================== */
/* line 327, ../lib/components/_tables.scss */
table.table-row-m.mx-table > tbody > tr > th,
table.table-row-m.mx-table > tbody > tr > td {
  height: 70px;
}

/*  Large rows
  ========================================================================== */
/* line 345, ../lib/components/_tables.scss */
table.table-row-l.mx-table > tbody > tr > th,
table.table-row-l.mx-table > tbody > tr > td {
  height: 120px;
}

/*  Table Fixed
   ========================================================================== */
/* line 355, ../lib/components/_tables.scss */
table.table-fixed {
  table-layout: fixed;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Templategrid
*
* Default Mendix Templategrid Widget. The template grid shows a list of objects in a tile view. For example, a template grid can show a list of products. The template grid has a lot in common with the data grid. The main difference is that the objects are shown in templates (a sort of small data view) instead of rows
*/
/* line 13, ../lib/components/_templategrids.scss */
.mx-templategrid .mx-templategrid-content-wrapper {
  table-layout: fixed;
}
/* line 16, ../lib/components/_templategrids.scss */
.mx-templategrid .mx-templategrid-empty {
  display: none;
}
/* line 19, ../lib/components/_templategrids.scss */
.mx-templategrid .mx-templategrid-item {
  background-color: white;
  padding: 8px 8px 8px 8px;
  cursor: default;
  word-wrap: break-word;
}
/* line 24, ../lib/components/_templategrids.scss */
.mx-templategrid .mx-templategrid-item:hover {
  

  news-image-caption
}
/* line 27, ../lib/components/_templategrids.scss */
.mx-templategrid .mx-templategrid-item.selected {
  background-color: #59c2e6 !important;
}

/*
* Templategrid Hover
*
* Default Mendix Templategrid Widget Hover
*/
/* line 41, ../lib/components/_templategrids.scss */
.templategrid-hover.mx-templategrid .mx-templategrid-item:hover {
  background-color: #d6eaf2 !important;
}
/* line 44, ../lib/components/_templategrids.scss */
.templategrid-hover.mx-templategrid .mx-templategrid-item.selected {
  background-color: #59c2e6 !important;
}
/* line 47, ../lib/components/_templategrids.scss */
.templategrid-hover.mx-templategrid .mx-templategrid-item.selected:hover {
  background-color: #d6eaf2 !important;
}

/*
* Templategrid Selectable
*
* Default Mendix Templategrid Widget with selection enabled
*/
/* line 61, ../lib/components/_templategrids.scss */
.templategrid-selectable.mx-templategrid .mx-templategrid-item {
  cursor: pointer;
}

/*
* Templategrid Lined
*
* Default Mendix Templategrid Widget with borders between items
*/
/* line 73, ../lib/components/_templategrids.scss */
.templategrid-lined.mx-templategrid .mx-grid-content {
  border-top-style: solid;
  border-top-color: #dddddd;
  border-top-width: 2px;
}
/* line 78, ../lib/components/_templategrids.scss */
.templategrid-lined.mx-templategrid .mx-templategrid-item {
  border-left: none;
  border-right: none;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

/*
* Templategrid
*
* Default Mendix Templategrid Widget with background in items
*/
/* line 94, ../lib/components/_templategrids.scss */
.templategrid-striped.mx-templategrid .mx-templategrid-row:nth-child(odd) .mx-templategrid-item {
  background-color: #f9f9f9;
}

/*
* Templategrid Stylingless
*
* Default Mendix Templategrid Widget without styling
*/
/* line 106, ../lib/components/_templategrids.scss */
.templategrid-stylingless.mx-templategrid .mx-templategrid-item {
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: default;
}
/* line 112, ../lib/components/_templategrids.scss */
.templategrid-stylingless.mx-templategrid .mx-templategrid-item:hover {
  background-color: transparent;
}
/* line 115, ../lib/components/_templategrids.scss */
.templategrid-stylingless.mx-templategrid .mx-templategrid-item.selected {
  background-color: transparent !important;
}
/* line 118, ../lib/components/_templategrids.scss */
.templategrid-stylingless.mx-templategrid .mx-templategrid-item.selected:hover {
  background-color: transparent !important;
}

/*
* Templategrid Transparent
*
* Default Mendix Templategrid Widget without background and padding in items
*/
/* line 132, ../lib/components/_templategrids.scss */
.templategrid-transparent.mx-templategrid .mx-templategrid-item {
  background-color: transparent;
  border: 0;
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Typography
*
* Default Headers
*/
/* line 12, ../lib/components/_typography.scss */
p {
  line-height: 1.42857;
}

/* line 15, ../lib/components/_typography.scss */
label {
  padding-top: 0;
}

/* line 18, ../lib/components/_typography.scss */
.mx-title {
  font-weight: normal;
  color: black;
  font-size: 31px;
}

/* line 23, ../lib/components/_typography.scss */
h1, .h1, .h1 > * {
  font-size: 31px;
}

/* line 24, ../lib/components/_typography.scss */
h2, .h2, .h2 > * {
  font-size: 26px;
}

/* line 25, ../lib/components/_typography.scss */
h3, .h3, .h3 > * {
  font-size: 20px;
}

/* line 26, ../lib/components/_typography.scss */
h4, .h4, .h4 > * {
  font-size: 16px;
}

/* line 27, ../lib/components/_typography.scss */
h5, .h5, .h5 > * {
  font-size: 14px;
}

/* line 28, ../lib/components/_typography.scss */
h6, .h6, .h6 > * {
  font-size: 11px;
}

/* line 31, ../lib/components/_typography.scss */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal;
  color: black;
  line-height: 1.3;
}

/*
* Text Weights
*
* 
*/
/* line 43, ../lib/components/_typography.scss */
.text-light, .text-light > *, .text-light label {
  font-weight: 100;
}

/* line 46, ../lib/components/_typography.scss */
.text-normal, .text-normal > *, .text-normal label {
  font-weight: normal;
}

/* line 49, ../lib/components/_typography.scss */
.text-semibold, .text-semibold > *, .text-semibold label {
  font-weight: 500;
}

/* line 52, ../lib/components/_typography.scss */
.text-bold, .text-bold > *, .text-bold label {
  font-weight: bold;
}

/*
* Text Utility Classes
*
* Default Headers
*/
/* line 62, ../lib/components/_typography.scss */
.text-spacing {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 66, ../lib/components/_typography.scss */
.text-lined {
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}

/*
* Text Break
*
*
*/
/* line 77, ../lib/components/_typography.scss */
.text-break {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/*
* Text Colors
*
* 
*/
/* line 93, ../lib/components/_typography.scss */
.text-gray-darker {
  color: #222222;
}

/* line 94, ../lib/components/_typography.scss */
.text-gray-dark {
  color: #333333;
}

/* line 95, ../lib/components/_typography.scss */
.text-gray {
  color: #555555;
}

/* line 96, ../lib/components/_typography.scss */
.text-gray-light {
  color: #999999;
}

/* line 97, ../lib/components/_typography.scss */
.text-gray-primary {
  color: #dddddd;
}

/* line 98, ../lib/components/_typography.scss */
.text-gray-lighter {
  color: #eeeeee;
}

/* line 101, ../lib/components/_typography.scss */
.text-default, .text-default:hover {
  color: black;
}

/* line 102, ../lib/components/_typography.scss */
.text-primary, .text-primary:hover {
  color: #59c2e6;
}

/* line 103, ../lib/components/_typography.scss */
.text-info, .text-info:hover {
  color: #8ad4ed;
}

/* line 104, ../lib/components/_typography.scss */
.text-success, .text-success:hover {
  color: #8cc152;
}

/* line 105, ../lib/components/_typography.scss */
.text-warning, .text-warning:hover {
  color: #f6bb42;
}

/* line 106, ../lib/components/_typography.scss */
.text-danger, .text-danger:hover {
  color: #d9534f;
}

/* line 109, ../lib/components/_typography.scss */
.text-black {
  color: black;
}

/* line 110, ../lib/components/_typography.scss */
.text-black-primary {
  color: black;
}

/* line 111, ../lib/components/_typography.scss */
.text-black-secondary {
  color: #8a8a8a;
}

/* line 112, ../lib/components/_typography.scss */
.text-black-disabled {
  color: rgba(0, 0, 0, 0.26);
}

/* line 113, ../lib/components/_typography.scss */
.text-black-hint {
  color: rgba(0, 0, 0, 0.26);
}

/* line 115, ../lib/components/_typography.scss */
.text-white {
  color: white;
}

/* line 116, ../lib/components/_typography.scss */
.text-white-primary {
  color: white;
}

/* line 117, ../lib/components/_typography.scss */
.text-white-secondary {
  color: rgba(255, 255, 255, 0.7);
}

/* line 118, ../lib/components/_typography.scss */
.text-white-disabled {
  color: rgba(255, 255, 255, 0.3);
}

/* line 119, ../lib/components/_typography.scss */
.text-white-hint {
  color: rgba(255, 255, 255, 0.3);
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Mendix App Switcher Button
*
* 
*/
/* line 12, ../lib/components/_mendixappswitcher.scss */
.mx-appswitcher-button-placeholder {
  display: inline-block;
  border-left: 1px solid #dddddd;
  padding: 13px 15px;
}
/* line 16, ../lib/components/_mendixappswitcher.scss */
.mx-appswitcher-button-placeholder iframe {
  width: 48px;
  height: 48px;
}
@media (max-width: 768px) {
  /* line 12, ../lib/components/_mendixappswitcher.scss */
  .mx-appswitcher-button-placeholder {
    display: none;
  }
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Mendix Profile Menu Button
*
* 
*/
/* line 12, ../lib/components/_mendixprofilemenu.scss */
.mx-profilemenu-button-placeholder {
  display: inline-block;
  border-left: 1px solid #dddddd;
  padding: 13px 15px;
}
/* line 16, ../lib/components/_mendixprofilemenu.scss */
.mx-profilemenu-button-placeholder iframe {
  width: 48px;
  height: 48px;
}
@media (max-width: 768px) {
  /* line 12, ../lib/components/_mendixprofilemenu.scss */
  .mx-profilemenu-button-placeholder {
    display: none;
  }
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Card
*
* 
*/
/* line 16, ../lib/buildingblocks/_card.scss */
.card-maps {
  padding: 0;
}

/* Title + button + border below title and button */
/* line 21, ../lib/buildingblocks/_card.scss */
.card-header-action {
  overflow: hidden;
  margin-bottom: 20px;
}
/* line 24, ../lib/buildingblocks/_card.scss */
.card-header-action .card-title {
  float: left;
}
/* line 27, ../lib/buildingblocks/_card.scss */
.card-header-action .btn {
  float: right;
}

/* line 31, ../lib/buildingblocks/_card.scss */
.card-details {
  padding: 10px;
}

/* line 34, ../lib/buildingblocks/_card.scss */
.card-title {
  margin-top: 0;
}
@media only screen and (max-width: 1024px) {
  /* line 34, ../lib/buildingblocks/_card.scss */
  .card-title {
    font-size: 18px;
  }
}

/* line 41, ../lib/buildingblocks/_card.scss */
.card-subtitle {
  font-size: 14px;
  color: #8a8a8a;
  margin-bottom: 10px;
}

/* line 46, ../lib/buildingblocks/_card.scss */
.card-annotation {
  text-transform: uppercase;
  letter-spacing: 8px;
  padding-bottom: 10px;
}

/* line 51, ../lib/buildingblocks/_card.scss */
.card-icon {
  border-radius: 50%;
  margin: 30px auto;
  width: 125px;
  height: 125px;
}
@media (max-width: 992px) {
  /* line 51, ../lib/buildingblocks/_card.scss */
  .card-icon {
    width: 75px;
    height: 75px;
  }
}
/* line 62, ../lib/buildingblocks/_card.scss */
.card-icon .glyphicon {
  font-size: 60px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 992px) {
  /* line 62, ../lib/buildingblocks/_card.scss */
  .card-icon .glyphicon {
    font-size: 28px;
  }
}

/* line 73, ../lib/buildingblocks/_card.scss */
.card-image {
  margin: 30px auto;
}

/* line 76, ../lib/buildingblocks/_card.scss */
.card-user-image {
  border: 4px solid #FFF;
}

/* line 79, ../lib/buildingblocks/_card.scss */
.card-link {
  font-size: 12px;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Dashboard Card
*
* 
*/
/* line 13, ../lib/buildingblocks/_dashboardcard.scss */
.dashboardcard {
  padding: 20px;
  margin: 0 0 40px 0;
  border: 1px solid #dddddd;
  background-color: #FFF;
  border-radius: 3px;
}

/* line 20, ../lib/buildingblocks/_dashboardcard.scss */
.dashboardcard-title {
  margin-top: 0;
}

/* line 23, ../lib/buildingblocks/_dashboardcard.scss */
.dashboardcard-subtitle {
  font-size: 14px;
  color: #8a8a8a;
  margin-bottom: 10px;
}

/* line 28, ../lib/buildingblocks/_dashboardcard.scss */
.dashboardcard-link {
  font-size: 12px;
}

@media only screen and (max-width: 960px) {
  /* line 33, ../lib/buildingblocks/_dashboardcard.scss */
  .dashboardcard {
    padding: 10px;
    margin: 0 0 20px 0;
  }
}
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Dashboard Stats
*
* Used in dashboard
*/
/* line 13, ../lib/buildingblocks/_dashboardstat.scss */
.dashboardstat {
  margin: 30px 0;
}
@media (max-width: 992px) {
  /* line 13, ../lib/buildingblocks/_dashboardstat.scss */
  .dashboardstat {
    margin: 10px 0;
  }
}
/* line 21, ../lib/buildingblocks/_dashboardstat.scss */
.dashboardstat .dashboardstat-left,
.dashboardstat .dashboardstat-right {
  display: table-cell;
  vertical-align: top;
}

/* line 26, ../lib/buildingblocks/_dashboardstat.scss */
.dashboardstat-icon {
  font-size: 30px;
  padding: 8px 14px;
  margin: 5px 10px 0 0;
}
@media (max-width: 992px) {
  /* line 26, ../lib/buildingblocks/_dashboardstat.scss */
  .dashboardstat-icon {
    font-size: 20px;
  }
}

/* line 35, ../lib/buildingblocks/_dashboardstat.scss */
.dashboardstat-title {
  font-size: 18px;
  color: #999999;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  /* line 35, ../lib/buildingblocks/_dashboardstat.scss */
  .dashboardstat-title {
    font-size: 13px;
  }
}

/* line 44, ../lib/buildingblocks/_dashboardstat.scss */
.dashboardstat-number {
  font-size: 40px;
  line-height: 1em;
  color: black;
}
@media (max-width: 992px) {
  /* line 44, ../lib/buildingblocks/_dashboardstat.scss */
  .dashboardstat-number {
    font-size: 30px;
  }
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Form
*
* Extend your form
*/
/* line 16, ../lib/buildingblocks/_form.scss */
.form-group .control-label {
  margin-bottom: 5px;
  color: #8a8a8a;
  font-weight: normal;
}

/* line 21, ../lib/buildingblocks/_form.scss */
.form-footer {
  border-top: 1px solid #eeeeee;
  padding: 10px 0;
  margin-top: 20px;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Form Block
*
* Used in default forms
*/
/* line 13, ../lib/buildingblocks/_formblock.scss */
.formblock {
  margin-bottom: 20px;
  margin-top: 20px;
}

/* line 17, ../lib/buildingblocks/_formblock.scss */
.formblock-header {
  color: #59c2e6;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.formblock-header-description {
  font-style: italic;
  margin-bottom: 15px;
  font-size: 13px;
  color: rgba(220,0,0,0.6);
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Master Detail Listview
*
* 
*/
/* line 13, ../lib/buildingblocks/_masterdetail.scss */
.masterdetail-listview {
  background-color: #eff4f7;
}
/* line 17, ../lib/buildingblocks/_masterdetail.scss */
.masterdetail-listview .mx-listview .mx-listview-content {
  display: block;
}
/* line 21, ../lib/buildingblocks/_masterdetail.scss */
.masterdetail-listview .mx-listview .mx-listview-item {
  background-color: transparent;
}
/* line 24, ../lib/buildingblocks/_masterdetail.scss */
.masterdetail-listview .mx-listview .mx-listview-item.selected {
  color: #FFF;
}
/* line 28, ../lib/buildingblocks/_masterdetail.scss */
.masterdetail-listview .mx-listview .mx-listview-item.selected:hover, .masterdetail-listview .mx-listview .mx-listview-item.selected:active {
  background-color: #59c2e6 !important;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Multilevel
*
* 
*/
/* line 13, ../lib/buildingblocks/_multilevel.scss */
.multilevel-tabs .mx-tabcontainer-tabs {
  margin-bottom: 10px;
}

/* line 19, ../lib/buildingblocks/_multilevel.scss */
.multilevel-list .mx-listview-list {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}
/* line 22, ../lib/buildingblocks/_multilevel.scss */
.multilevel-list .mx-listview-list .mx-listview-item {
  padding: 10px;
  border-color: #eeeeee;
  border-left: 4px solid #eeeeee;
  border-right: none;
  border-radius: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
/* line 32, ../lib/buildingblocks/_multilevel.scss */
.multilevel-list .mx-listview-list .mx-listview-item:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
/* line 35, ../lib/buildingblocks/_multilevel.scss */
.multilevel-list .mx-listview-list .mx-listview-item:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
/* line 38, ../lib/buildingblocks/_multilevel.scss */
.multilevel-list .mx-listview-list .mx-listview-item.selected {
  border-left: 4px solid #59c2e6;
  background-color: #eeeeee !important;
}

/* line 48, ../lib/buildingblocks/_multilevel.scss */
.multilevel-subtitle {
  color: #555555;
}

/* line 51, ../lib/buildingblocks/_multilevel.scss */
.multilevel-message-header {
  color: #555555;
  margin-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}

/* line 56, ../lib/buildingblocks/_multilevel.scss */
.multilevel-message-header-title {
  font-size: 26px;
}

/* line 59, ../lib/buildingblocks/_multilevel.scss */
.multilevel-message-header-subtitle {
  font-size: 16px;
  margin-bottom: 10px;
}

/* line 63, ../lib/buildingblocks/_multilevel.scss */
.multilevel-message-text {
  margin: 10px 0;
}

/* line 71, ../lib/buildingblocks/_multilevel.scss */
.multilevel-grid .mx-datagrid-head-table th {
  border-style: none;
}
/* line 74, ../lib/buildingblocks/_multilevel.scss */
.multilevel-grid .mx-datagrid-body-table {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
/* line 79, ../lib/buildingblocks/_multilevel.scss */
.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr td {
  border-color: #eeeeee;
  border-left: 4px solid #eeeeee;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
/* line 87, ../lib/buildingblocks/_multilevel.scss */
.multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr.selected td, .multilevel-grid .mx-datagrid-body-table .mx-datagrid-body tr.selected:hover td {
  border-left: 4px solid #59c2e6;
  background-color: #eeeeee !important;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Page Header
*
* 
*/
/* line 13, ../lib/buildingblocks/_pageheader.scss */
.pageheader {
  border-bottom: 2px solid #dddddd;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding: 15px 10px !important;
}

/* line 19, ../lib/buildingblocks/_pageheader.scss */
.pageheader.section {
  margin: 0;
  background-color: #eff4f7;
  border-bottom: 1px solid #dddddd;
}

/* line 24, ../lib/buildingblocks/_pageheader.scss */
.pageheader-title {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: bold;
  font-size: 20px;
}
.pageheader-subtitle {
	color: #DC0000;
	margin-bottom: 0;
	font-size: 16px;
}

/* line 28, ../lib/buildingblocks/_pageheader.scss */
/*.pageheader-subtitle {
  color: #8a8a8a;
}*/

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Section Header
*
* 
*/
/* line 13, ../lib/buildingblocks/_sectionheader.scss */
.sectionheader {
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
}

/* line 18, ../lib/buildingblocks/_sectionheader.scss */
.sectionheader-title {
  margin-top: 0;
  margin-bottom: 10px;
}

/* line 22, ../lib/buildingblocks/_sectionheader.scss */
.sectionheader-subtitle {
  color: #8a8a8a;
  margin-bottom: 10px;
}

/* line 26, ../lib/buildingblocks/_sectionheader.scss */
.sectionheader-avatar {
  padding: 4px;
  border: 2px solid #dddddd;
  background-color: #FFF;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Profile Card
*
* 
*/
/* line 13, ../lib/buildingblocks/_profilecard.scss */
.profilecard {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
/* line 17, ../lib/buildingblocks/_profilecard.scss */
.profilecard .profilecard-contentwrapper {
  width: auto;
}
/* line 20, ../lib/buildingblocks/_profilecard.scss */
.profilecard .profilecard-imgwrapper {
  width: 150px;
}
/* line 23, ../lib/buildingblocks/_profilecard.scss */
.profilecard .profilecard-actionwrapper {
  width: auto;
  text-align: right;
}
/* line 29, ../lib/buildingblocks/_profilecard.scss */
.profilecard .profilecard-contentwrapper,
.profilecard .profilecard-imgwrapper,
.profilecard .profilecard-actionwrapper {
  display: table-cell;
  vertical-align: middle;
}

/* line 34, ../lib/buildingblocks/_profilecard.scss */
.profilecard-btn {
  display: inline-block;
  width: 150px;
  margin-left: 5px;
  margin-bottom: 5px;
}

/* line 40, ../lib/buildingblocks/_profilecard.scss */
.profilecard-img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right: 40px;
  padding: 4px;
  border: 2px solid #dddddd;
  background-color: #FFF;
}

/* line 47, ../lib/buildingblocks/_profilecard.scss */
.profilecard-title {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 0;
}

/* line 52, ../lib/buildingblocks/_profilecard.scss */
.profilecard-subtitle {
  color: #8a8a8a;
}

/* line 55, ../lib/buildingblocks/_profilecard.scss */
.pageheader .profilecard {
  margin-bottom: 0;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Profile Header
*
* 
*/
/* line 13, ../lib/buildingblocks/_profileheader.scss */
.profileheader {
  margin: 20px 0;
}
/* line 16, ../lib/buildingblocks/_profileheader.scss */
.profileheader .profileheader-content {
  padding: 0 10px;
}
/* line 20, ../lib/buildingblocks/_profileheader.scss */
.profileheader .profileheader-image {
  display: block;
  margin: auto auto 10px auto;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Products
*
* 
*/
/* line 13, ../lib/buildingblocks/_products.scss */
.product-header {
  padding: 25px 0;
  border-bottom: 1px solid #dddddd;
}

/* line 17, ../lib/buildingblocks/_products.scss */
.product-content {
  padding: 20px 0;
}

/* line 20, ../lib/buildingblocks/_products.scss */
.product-title {
  margin-bottom: 0;
  margin-top: 0;
}

/* line 24, ../lib/buildingblocks/_products.scss */
.product-subtitle {
  color: #8a8a8a;
}

/* line 27, ../lib/buildingblocks/_products.scss */
.product-btn {
  margin-top: 10px;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Section
*
* Arrange spacing
*/
/* line 13, ../lib/buildingblocks/_section.scss */
.section {
  padding: 10px 0;
}
@media (min-width: 768px) {
  /* line 13, ../lib/buildingblocks/_section.scss */
  .section {
    padding: 10px 10px;
  }
}
@media (min-width: 992px) {
  /* line 13, ../lib/buildingblocks/_section.scss */
  .section {
    padding: 25px 10px;
  }
}

/* line 23, ../lib/buildingblocks/_section.scss */
.profile-phone .section {
  padding: 10px 0;
}

/* line 26, ../lib/buildingblocks/_section.scss */
.profile-tablet .section {
  padding: 10px 10px;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Sidebar Header
*
* 
*/
/* line 13, ../lib/buildingblocks/_sidebarheader.scss */
.sidebarheader {
  padding: 10px 20px;
}

/* line 19, ../lib/buildingblocks/_sidebarheader.scss */
.sidebarheader-img {
  margin-bottom: 10px;
}

/* line 22, ../lib/buildingblocks/_sidebarheader.scss */
.sidebarheader-title {
  color: white;
}

/* line 25, ../lib/buildingblocks/_sidebarheader.scss */
.sidebarheader-subtitle {
  color: #8a8a8a;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Tabs full width
*
* 
*/
/* line 13, ../lib/buildingblocks/_tabsfullwidth.scss */
.tabsfullwidth {
  background-color: #eff4f7;
}
/* line 15, ../lib/buildingblocks/_tabsfullwidth.scss */
.tabsfullwidth > .mx-tabcontainer-tabs {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  /* line 15, ../lib/buildingblocks/_tabsfullwidth.scss */
  .tabsfullwidth > .mx-tabcontainer-tabs {
    padding: 0 25px;
  }
}
/* line 22, ../lib/buildingblocks/_tabsfullwidth.scss */
.tabsfullwidth > .mx-tabcontainer-content {
  background-color: #FFF;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Wizard
*
* 
*/
/* line 13, ../lib/buildingblocks/_wizard.scss */
.wizard {
  position: relative;
  margin: 10px auto;
}
/* line 16, ../lib/buildingblocks/_wizard.scss */
.wizard:before {
  left: 0;
  top: 38px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

/* line 27, ../lib/buildingblocks/_wizard.scss */
.wizard-step {
  text-align: center;
}

/* line 30, ../lib/buildingblocks/_wizard.scss */
.wizard-step-number {
  font-weight: bold;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-size: 20px;
  width: 72px;
  height: 72px;
  color: #dddddd;
  border: 2px solid #dddddd;
  background-color: #FFF;
  line-height: 3.5em;
  padding: 0;
}

/* line 44, ../lib/buildingblocks/_wizard.scss */
.wizard-step-number-active {
  color: #FFF;
  border-color: #59c2e6;
  background-color: #59c2e6;
}

/* line 49, ../lib/buildingblocks/_wizard.scss */
.wizard-step-number-visited {
  color: #59c2e6;
  border-color: #59c2e6;
  background-color: #FFF;
}

/* line 54, ../lib/buildingblocks/_wizard.scss */
.wizard-step-title {
  display: block;
  margin-top: 10px;
}

/* line 60, ../lib/buildingblocks/_wizard.scss */
.profile-phone .wizard:before {
  top: 20px;
}
/* line 63, ../lib/buildingblocks/_wizard.scss */
.profile-phone .wizard .wizard-step-number {
  width: 40px;
  height: 40px;
  line-height: 2em;
  font-size: 16px;
}

/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Templategrid Profile Card
*
* Profile card styled for templategrid
*/
/* line 13, ../lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard {
  padding: 20px;
  border: 1px solid #dddddd;
  background-color: #FFF;
  border-radius: 3px;
}
/* line 18, ../lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-contentwrapper {
  width: auto;
}
/* line 21, ../lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-imgwrapper {
  width: 150px;
}
/* line 25, ../lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-contentwrapper,
.templategrid-profilecard .templategrid-profilecard-imgwrapper {
  display: table-cell;
  vertical-align: middle;
}
/* line 29, ../lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-btn {
  display: block;
  margin-top: 10px;
}
/* line 33, ../lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right: 40px;
  padding: 4px;
  border: 2px solid #dddddd;
  background-color: #FFF;
}
/* line 40, ../lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-title {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 0;
}
/* line 45, ../lib/buildingblocks/templategrid/_templategrid-profilecard.scss */
.templategrid-profilecard .templategrid-profilecard-subtitle {
  color: #8a8a8a;
}

/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Layout
*
* Default Mendix Layout 
*/
/* line 16, ../lib/mobile/layouts/_base.scss */
.profile-phone .mx-layoutcontainer-wrapper,
.profile-tablet .mx-layoutcontainer-wrapper {
  padding: 0px;
}
/* line 19, ../lib/mobile/layouts/_base.scss */
.profile-phone .mx-layoutcontainer-wrapper.mx-layoutcontainer-nested,
.profile-tablet .mx-layoutcontainer-wrapper.mx-layoutcontainer-nested {
  padding: 0;
}

/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Listview
*
* Default Mendix Listview 
*/
/* line 14, ../lib/mobile/components/_listview.scss */
.profile-phone,
.profile-tablet {
  /* Listview Load More button */
}
/* line 16, ../lib/mobile/components/_listview.scss */
.profile-phone .mx-listview .mx-listview-searchbar,
.profile-tablet .mx-listview .mx-listview-searchbar {
  padding: 10px;
  margin-bottom: 0;
  /* Reset Search Button */
  /* Search Field */
}
/* line 21, ../lib/mobile/components/_listview.scss */
.profile-phone .mx-listview .mx-listview-searchbar button,
.profile-tablet .mx-listview .mx-listview-searchbar button {
  display: none;
}
/* line 26, ../lib/mobile/components/_listview.scss */
.profile-phone .mx-listview .mx-listview-searchbar .mx-listview-search-input input,
.profile-tablet .mx-listview .mx-listview-searchbar .mx-listview-search-input input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
  border-style: none;
  background-color: #eeeeee;
  text-align: center;
}
/* line 37, ../lib/mobile/components/_listview.scss */
.profile-phone .mx-listview .mx-list .mx-listview-item:first-child,
.profile-tablet .mx-listview .mx-list .mx-listview-item:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
/* line 40, ../lib/mobile/components/_listview.scss */
.profile-phone .mx-listview .mx-list .mx-listview-item:last-child,
.profile-tablet .mx-listview .mx-list .mx-listview-item:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
/* line 46, ../lib/mobile/components/_listview.scss */
.profile-phone label,
.profile-tablet label {
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 51, ../lib/mobile/components/_listview.scss */
.profile-phone .mx-listview-loadMore,
.profile-tablet .mx-listview-loadMore {
  margin: 20px auto;
  width: 95%;
  display: block;
}

/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Loader
*
* Default Mendix Loader
*/
/* line 14, ../lib/mobile/components/_loader.scss */
.profile-phone .mx-progress {
  width: 100%;
  height: 100%;
  max-width: 100%;
  top: 0;
}
/* line 19, ../lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .modal-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 100%;
  border-style: none;
  background: none;
}
/* line 26, ../lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .modal-header {
  display: none;
}
/* line 29, ../lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .mx-dialog-body {
  height: 100% !important;
  width: 100%;
}
/* line 33, ../lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .mx-progress-list {
  height: 100%;
  width: 100%;
  margin: 0;
}
/* line 38, ../lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .mx-progress-item {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  position: relative;
  padding: 0;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  -webkit-animation: loader10m 1.5s ease-in-out infinite;
  animation: loader10m 1.5s ease-in-out infinite;
  text-indent: -9999px;
  background: none;
}
/* line 51, ../lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .mx-progress-item:before {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  content: "";
  position: absolute;
  top: 0px;
  left: -25px;
  height: 12px;
  width: 12px;
  -webkit-animation: loader10g 1.5s ease-in-out infinite;
  animation: loader10g 1.5s ease-in-out infinite;
}
/* line 62, ../lib/mobile/components/_loader.scss */
.profile-phone .mx-progress .mx-progress-item:after {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  content: "";
  position: absolute;
  top: 0px;
  left: 25px;
  height: 12px;
  width: 12px;
  -webkit-animation: loader10d 1.5s ease-in-out infinite;
  animation: loader10d 1.5s ease-in-out infinite;
}

@-webkit-keyframes loader10g {
  /* line 78, ../lib/mobile/components/_loader.scss */
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 79, ../lib/mobile/components/_loader.scss */
  25% {
    background-color: white;
  }

  /* line 80, ../lib/mobile/components/_loader.scss */
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 81, ../lib/mobile/components/_loader.scss */
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 82, ../lib/mobile/components/_loader.scss */
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

@keyframes loader10g {
  /* line 85, ../lib/mobile/components/_loader.scss */
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 86, ../lib/mobile/components/_loader.scss */
  25% {
    background-color: white;
  }

  /* line 87, ../lib/mobile/components/_loader.scss */
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 88, ../lib/mobile/components/_loader.scss */
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 89, ../lib/mobile/components/_loader.scss */
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

@-webkit-keyframes loader10m {
  /* line 93, ../lib/mobile/components/_loader.scss */
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 94, ../lib/mobile/components/_loader.scss */
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 95, ../lib/mobile/components/_loader.scss */
  50% {
    background-color: white;
  }

  /* line 96, ../lib/mobile/components/_loader.scss */
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 97, ../lib/mobile/components/_loader.scss */
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

@keyframes loader10m {
  /* line 100, ../lib/mobile/components/_loader.scss */
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 101, ../lib/mobile/components/_loader.scss */
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 102, ../lib/mobile/components/_loader.scss */
  50% {
    background-color: white;
  }

  /* line 103, ../lib/mobile/components/_loader.scss */
  75% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 104, ../lib/mobile/components/_loader.scss */
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

@-webkit-keyframes loader10d {
  /* line 108, ../lib/mobile/components/_loader.scss */
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 109, ../lib/mobile/components/_loader.scss */
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 110, ../lib/mobile/components/_loader.scss */
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 111, ../lib/mobile/components/_loader.scss */
  75% {
    background-color: white;
  }

  /* line 112, ../lib/mobile/components/_loader.scss */
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

@keyframes loader10d {
  /* line 115, ../lib/mobile/components/_loader.scss */
  0% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 116, ../lib/mobile/components/_loader.scss */
  25% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 117, ../lib/mobile/components/_loader.scss */
  50% {
    background-color: rgba(255, 255, 255, 0.2);
  }

  /* line 118, ../lib/mobile/components/_loader.scss */
  75% {
    background-color: white;
  }

  /* line 119, ../lib/mobile/components/_loader.scss */
  100% {
    background-color: rgba(255, 255, 255, 0.2);
  }
}

/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Header
*
* Default Mendix Header for Mobile 
*/
/* line 13, ../lib/mobile/components/_mx-header.scss */
body .mx-header {
  padding: 0;
  height: 44px;
  color: black;
  border-bottom: 1px solid #dddddd;
  background-color: white;
  display: table;
}
/* line 21, ../lib/mobile/components/_mx-header.scss */
body .mx-header .mx-header-center {
  display: table-cell;
  width: 100%;
  text-align: center;
}
/* line 27, ../lib/mobile/components/_mx-header.scss */
body .mx-header .mx-header-left,
body .mx-header .mx-header-right {
  display: table;
  width: 25%;
  height: 100%;
  top: 0;
  position: absolute;
  padding: 0 8px;
}
/* line 34, ../lib/mobile/components/_mx-header.scss */
body .mx-header .mx-header-left .mx-placeholder,
body .mx-header .mx-header-right .mx-placeholder {
  display: table-cell;
  vertical-align: middle;
}
/* line 40, ../lib/mobile/components/_mx-header.scss */
body .mx-header .mx-header-left {
  left: 0;
  text-align: left;
}
/* line 43, ../lib/mobile/components/_mx-header.scss */
body .mx-header .mx-header-left .mx-link {
  color: #59c2e6;
}
/* line 47, ../lib/mobile/components/_mx-header.scss */
body .mx-header .mx-header-right {
  right: 0;
  text-align: right;
}
/* line 53, ../lib/mobile/components/_mx-header.scss */
body .mx-header .mx-title {
  margin: 0;
  color: black;
  font-size: 16px;
  line-height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 63, ../lib/mobile/components/_mx-header.scss */
body .mx-header .btn-image.glyphicon {
  font-size: 21px;
}

/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Tabcontainer
*
* Default Mendix Tabcontainer for Mobile 
*/
/* line 14, ../lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs,
.profile-tablet .mx-tabcontainer-tabs {
  margin: 0;
  padding: 0;
  border-color: transparent;
  /*background-color: #59c2e6;*/
  text-align: center;
}
/* line 21, ../lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li,
.profile-tablet .mx-tabcontainer-tabs li {
  display: table-cell;
  float: none;
  margin: 0;
  width: 1%;
}
/* line 26, ../lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li a,
.profile-tablet .mx-tabcontainer-tabs li a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 0;
  padding: 15px 0;
  border-style: none;
  color: white;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
}
/* line 39, ../lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li a:hover, .profile-phone .mx-tabcontainer-tabs li a:focus, .profile-phone .mx-tabcontainer-tabs li a.active,
.profile-tablet .mx-tabcontainer-tabs li a:hover,
.profile-tablet .mx-tabcontainer-tabs li a:focus,
.profile-tablet .mx-tabcontainer-tabs li a.active {
  color: #000 !important;
  border-style: none;
  background-color: transparent;
}
/* line 51, ../lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li.active a,
.profile-tablet .mx-tabcontainer-tabs li.active a {
  color: black!important;
  border-style: none !important;
  background-color: transparent !important;
  position: relative;
}
/* line 21, ../lib/base/mixins/_arrow.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:after, .profile-phone .mx-tabcontainer-tabs li.active a:before,
.profile-tablet .mx-tabcontainer-tabs li.active a:after,
.profile-tablet .mx-tabcontainer-tabs li.active a:before {
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  border-color: transparent;
  content: " ";
  pointer-events: none;
}
/* line 72, ../lib/base/mixins/_arrow.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:after, .profile-phone .mx-tabcontainer-tabs li.active a:before,
.profile-tablet .mx-tabcontainer-tabs li.active a:after,
.profile-tablet .mx-tabcontainer-tabs li.active a:before {
  top: 100%;
}
/* line 76, ../lib/base/mixins/_arrow.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:after,
.profile-tablet .mx-tabcontainer-tabs li.active a:after {
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px;
  border-top-color: white;
}
/* line 83, ../lib/base/mixins/_arrow.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:before,
.profile-tablet .mx-tabcontainer-tabs li.active a:before {
  left: 50%;
  margin-left: -5px;
  border-width: 6px 5px;
  border-top-color: white;
}
/* line 58, ../lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:after, .profile-phone .mx-tabcontainer-tabs li.active a:before,
.profile-tablet .mx-tabcontainer-tabs li.active a:after,
.profile-tablet .mx-tabcontainer-tabs li.active a:before {
  -webkit-transform: rotate(180deg);
}
/* line 61, ../lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:after,
.profile-tablet .mx-tabcontainer-tabs li.active a:after {
  top: 80%;
}
/* line 64, ../lib/mobile/components/_tabcontainer.scss */
.profile-phone .mx-tabcontainer-tabs li.active a:before,
.profile-tablet .mx-tabcontainer-tabs li.active a:before {
  top: 75%;
}

/*
* Base Layout
*
* Default layout settings
*/
/* line 7, ../lib/layouts/_base.scss */
.mx-layoutcontainer-wrapper {
  padding: 0px;
}

/* line 10, ../lib/layouts/_base.scss */
.mx-layoutcontainer-wrapper.mx-layoutcontainer-nested {
  padding: 0;
}

/*
* Regions
*
* Used for navigation layouts
*/
/* line 21, ../lib/layouts/_base.scss */
.region-topbar {
  min-height: 80px;
  border-bottom: 1px solid #dddddd;
  background-color: white;
}
/* line 25, ../lib/layouts/_base.scss */
.region-topbar > .mx-layoutcontainer-wrapper {
  padding: 0;
}

/* line 29, ../lib/layouts/_base.scss */
.region-sidebar {
  background-color: #3d3f41;
}
/* line 31, ../lib/layouts/_base.scss */
.region-sidebar > .mx-layoutcontainer-wrapper {
  padding: 0;
}

/* line 41, ../lib/layouts/_base.scss */
.layout-sidebar-responsive .region-sidebar {
  display: none;
}
@media (min-width: 768px) {
  /* line 41, ../lib/layouts/_base.scss */
  .layout-sidebar-responsive .region-sidebar {
    position: fixed;
    left: 0;
    z-index: 1000;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding: 0;
  }
}
@media (min-width: 768px) {
  /* line 54, ../lib/layouts/_base.scss */
  .layout-sidebar-responsive .region-content {
    padding: 0;
  }
}
/* line 59, ../lib/layouts/_base.scss */
.layout-sidebar-responsive .mx-container {
  max-width: 1170px;
  margin: auto;
}

/*
* Navbar Brand
*
* Used to style your app brand and logo
*/
/* line 72, ../lib/layouts/_base.scss */
.navbar-brand {
  display: block;
  min-height: 80px;
  float: left;
  padding: 22px 0;
}
/* line 77, ../lib/layouts/_base.scss */
.navbar-brand img {
  height: 37px;
  display: inline-block;
}
/* line 81, ../lib/layouts/_base.scss */
.navbar-brand a {
  font-size: 20px;
  color: black;
}
/* line 86, ../lib/layouts/_base.scss */
.navbar-brand a:hover, .navbar-brand a:focus {
  text-decoration: none;
}

/*
* Navigation Layout Content
*
* Specific content styling
*/
/*
* Navigation Layout Sidebar
*
* Specific sidebar styling
*/
/* line 7, ../lib/layouts/_navlayout-sidebar.scss */
.region-sidebar {
  background-color: #3d3f41;
}
/* line 9, ../lib/layouts/_navlayout-sidebar.scss */
.region-sidebar > .mx-layoutcontainer-wrapper {
  padding: 0;
}

/*
* Navigation Layout Topbar
*
* Specific topbar styling
*/
/* line 8, ../lib/layouts/_navlayout-topbar.scss */
.navlayout-topbar .region-topbar {
  /* Reset Layout Grid spacing */
}
/* line 10, ../lib/layouts/_navlayout-topbar.scss */
.navlayout-topbar .region-topbar .container-fluid {
  padding: 0 20px;
}
/* line 13, ../lib/layouts/_navlayout-topbar.scss */
.navlayout-topbar .region-topbar .mx-navbar {
  float: left;
  background-color: transparent;
}
 /*@media (max-width: 768px) {
  line 13, ../lib/layouts/_navlayout-topbar.scss
  .navlayout-topbar .region-topbar .mx-navbar {
    float: none;
    clear: both;
  }
} */

/*
* Base
*
* Default settings
*/
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Alerts
*
* Default Bootstrap Alert boxes. Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages
*/
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Buttons
*
* Default Bootstrap and Mendix Buttons
*/
/*
* Buttons Alternate Style
*
* 
*/
/* Buttons appear disabled */
/* Transparent Buttons */
/*
* Buttons Sizes
*
* Combined with Bootstrap
*/
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Datagrid
*
* Default Mendix Datagrid Widget. The datagrid shows a list of objects in a grid
*/
/* line 13, components/_datagrids.scss */
.mx-datagrid .mx-datagrid-head-table {
  /* Table header */
}
/* line 27, components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table {
  /* Table body */
  /* Table footer */
}
/* line 31, components/_datagrids.scss */
.mx-datagrid .mx-datagrid-body-table .mx-datagrid-body tr td {
  /* Text without spaces */
}

/*
* Datagrid Striped
*
* Default Mendix Datagrid Widget with striped rows
*/
/* line 83, components/_datagrids.scss */
.datagrid-striped.mx-datagrid .mx-datagrid-body-table {
  /* Body */
}

/*
* Datagrid Bordered
*
* Default Mendix Datagrid Widget with borders
*/
/*
* Datagrid Hover
*
* Default Mendix Datagrid Widget with hover
*/
/*
* Datagrid Large
*
* Default Mendix Datagrid Widget with large rows
*/
/*
* Datagrid Transparent
*
* Default Mendix Datagrid Widget with transparent background for row and cells
*/
/*
* Datagrid Full Search
*
* Default Mendix Datagrid Widget with adjusted search field. Only 1 search field is allowed
*/
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Dataview
*
* Default Mendix Dataview Widget. The data view is used for showing the contents of exactly one object
*/
/* line 12, components/_dataview.scss */
.mx-dataview {
  /* Control bar */
}
/* line 15, components/_dataview.scss */
.mx-dataview .mx-dataview-controls {
  /* Buttons */
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Grid
*
* Default Mendix Grid
*/
/* line 14, components/_grid.scss */
.mx-grid .mx-grid-controlbar {
  /* Paging */
}
/* line 17, components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-pagingbar {
  /* Buttons */
  /* Text Paging .. to .. to .. */
}
/* line 33, components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-searchbar {
  /* Input search item */
}
/* line 34, components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-searchbar .mx-grid-search-item {
  /* Label search item */
}
/* line 41, components/_grid.scss */
.mx-grid .mx-grid-controlbar .mx-grid-searchbar .mx-grid-search-input {
  /* Buttons search item */
}

/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Groupbox
*
* Default Mendix Groupboxes
*/
/*
* Groupbox Headers
*
* Alternate header sizes for groupbox
*/
/*
* Groupbox Callouts
*
* Default Mendix Groupboxes rendered as (Bootstrap) callouts
*/
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Inputs
*
* Default input fields
*/
/* Not editable textarea, textarea will be rendered as a label */
/* Input and textarea get properly aligned */
/*
* Inputs Readonly
*
* Default input fields
*/
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Listview
*
* Default Mendix Listview Widget. The list view shows a list of objects arranged vertically. Each object is shown using a template
*/
/* line 13, components/_listview.scss */
.mx-listview {
  /* Clear search button (overrides load more button stying) */
  /* Load more button */
}
/* line 16, components/_listview.scss */
.mx-listview .mx-button.mx-listview-clear-button {
  width: auto;
}

/*
* Listview Hover
*
* Default Mendix Listview Widget with hover
*/
/*
* Listview Lined
*
* Default Mendix Listview Widget with only border bottom in listview item
*/
/*
* Listview Striped
*
* Default Mendix Listview Widget with striped listview items
*/
/*
* Listview Seperated
*
* Default Mendix Listview Widget with listview items seperated
*/
/*
* Listview Stylingless
*
* Default Mendix Listview Widget without styling
*/
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Modals
*
* Default Mendix Modals. Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults
*/
/*
* Modals
*
* Default Mendix Modal
*/
/*
* Modals
*
* Default Mendix Login Modal
*/
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Navigation
*
* Default Mendix Navigation Bar
*/
/* line 14, components/_navigation.scss */
.mx-navbar ul.nav {
  /* Navigation item */
  /* When hovering or the dropdown is open */
}
/* line 17, components/_navigation.scss */
.mx-navbar ul.nav > li.mx-navbar-item > a {
  /*min-height: 80px;
   Dropdown arrow */
  /* Dropdown Menu */
}
/* line 58, components/_navigation.scss */
.mx-navbar ul.nav > .mx-navbar-item.open .dropdown-menu > li.mx-navbar-subitem.active a {
  color: #000;
}

/*
* Navigation
*
* Default Mendix Navigation Tree
*/
/* line 93, components/_navigation.scss */
.mx-navigationtree {
  /* Navigation item */
  /* Sub navigation item */
}

/*
* Navigation
*
* Default Mendix Simple Menu Bar
*/
/* line 154, components/_navigation.scss */
.mx-menubar {
  /* Two menu items */
  /* Three menu items */
  /* Four menu items */
  /* Five menu items */
}

/* Vertical variation specifics */
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Navigation List
*
* Default Mendix Navigation List Widget. A navigation list can be used to attach an action to an entire row. Such a row is called a navigation list item
*/
/*
* Navigation List Hover
*
* Default Mendix Navigation List Widget with hover
*/
/*
* Navigation List Lined
*
* Default Mendix Navigation List Widget border top between navigation list items
*/
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Tab Container
*
* Default Mendix Tab Container Widget. Tab containers are used to show information categorized into multiple tab pages. 
* This can be very useful if the amount of information that has to be displayed is larger than the amount of space on the screen
*/
/*
* Tab Container
*
* Default Mendix Tab Container Widget rendered as Pills
*/
/*
* Tab Container
*
* Default Mendix Tab Container Widget rendered with tabs rendered without background
*/
/*
* Tab Container
*
* Default Mendix Tab Container Widget rendered as justified
*/
/*
* Tab Container
*
* Default Mendix Tab Container Widget rendered with borders
*/
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Tables
*
* Default Mendix Table Widget. Tables can be used to lend structure to a page. They contain a number of rows (tr) and columns, the intersection of which is called a cell (td). Each cell can contain widgets
*/
/* line 13, components/_tables.scss */
table.mx-table > tbody {
  /* Table row */
}
/* line 16, components/_tables.scss */
table.mx-table > tbody > tr {
  /* Table header */
  /* Table cells */
}

/*
* Tables
*
* Default Mendix Table Widget inside TemplateGrid
*/
/*
* Tables
*
* Default Mendix Table Widget inside Listview
*/
/*
* Tables Lined
*
* Default Mendix Table Widget with borders top and bottom
*/
/*
* Tables Bordered
*
* Default Mendix Table Widget with borders
*/
/*
* Tables Compact
*
* Default Mendix Table Widget with less spacing in table cells
*/
/*
* Tables Sideless
*
* Default Mendix Table Widget inside TemplateGrid
*/
/*
* Tables Spaceless
*
* Default Mendix Table Widget without padding
*/
/*
* Tables Vertical
*
* Default Mendix Table Widget vertical aligned 
*/
/*
* Tables Vertical Middle
*
* Default Mendix Table Widget vertical aligned middle
*/
/*
* Tables Compact
*
* Default Mendix Table Widget without padding and margin
*/
/*
* Tables Row Sizes
*
* Default Mendix Table Widget without padding and margin
*/
/*  Small rows  */
/*  Medium rows */
/*  Large rows */
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Templategrid
*
* Default Mendix Templategrid Widget. The template grid shows a list of objects in a tile view. For example, a template grid can show a list of products. The template grid has a lot in common with the data grid. The main difference is that the objects are shown in templates (a sort of small data view) instead of rows
*/
/*
* Templategrid Hover
*
* Default Mendix Templategrid Widget Hover
*/
/*
* Templategrid Selectable
*
* Default Mendix Templategrid Widget with selection enabled
*/
/*
* Templategrid Lined
*
* Default Mendix Templategrid Widget with borders between items
*/
/*
* Templategrid
*
* Default Mendix Templategrid Widget with background in items
*/
/*
* Templategrid Stylingless
*
* Default Mendix Templategrid Widget without styling
*/
/*
* Templategrid Transparent
*
* Default Mendix Templategrid Widget without background and padding in items
*/
/*
* Mendix Documentation
* Special styles for presenting components
*/
/*
* Typography
*
* Default Headers. 
*/
/*
* Text Weights
*
* 
*/
/*
* Text Utility Classes
*
* Default Headers
*/
/*
* Text Colors
*
* 
*/
/*
* Base Layout
*
* Default layout settings
*/
/*
* Regions
*
* Used for navigation layouts
*/
/*
* Navbar Brand
*
* Used to style your app brand and logo
*/
/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Layout
*
* Default Mendix Layout 
*/
/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Listview
*
* Default Mendix Listview 
*/
/* line 14, mobile/components/_listview.scss */
.profile-phone,
.profile-tablet {
  /* Listview Load More button */
}
/* line 16, mobile/components/_listview.scss */
.profile-phone .mx-listview .mx-listview-searchbar,
.profile-tablet .mx-listview .mx-listview-searchbar {
  /* Reset Search Button - default hidden */
  /* Search Field */
}

/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Header
*
* Default Mendix Header for Mobile 
*/
/*
* Mendix Documentation
* Special styles for presenting mobile components
*/
/*
* Tabcontainer
*
* Default Mendix Tabcontainer for Mobile 
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Dashboard
*/
/* line 5, pagetemplates/responsive/_page-dashboard.scss */
.page-dashboard {
  background-color: #eff4f7;
}
/* line 7, pagetemplates/responsive/_page-dashboard.scss */
.page-dashboard .chartjs-node {
  margin-top: 30px;
}

/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Dashboard Default
*/
/* line 18, pagetemplates/responsive/_page-dashboard.scss */
.page-dashboard-default .card {
  min-height: 345px;
}

/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Dashboard My Tasks
*/
/* line 29, pagetemplates/responsive/_page-dashboard.scss */
.page-dashboard-mytasks .card {
  min-height: 320px;
}

/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Dashboard Actions
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Form
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Form Default
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Form Image and Map
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Master Detail
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Master Basic
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Master Detail Big
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Master Detail Big Edit
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Master Detail Multi Level
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tabs
*/
/* line 6, pagetemplates/responsive/_page-tabs.scss */
.page-tabs .section.pageheader {
  padding-bottom: 20px;
}
/* line 9, pagetemplates/responsive/_page-tabs.scss */
.page-tabs .tabsfullwidth {
  background-color: #eff4f7;
}

/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tabs Default
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tabs Full Width
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Website
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Website Actions
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Website Items
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Website Items Detail
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Website Presentation
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Wizard
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Wizard Default
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Wizard Title Centered
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Phone Dashboard
*/
/* line 5, pagetemplates/phone/_phone-page-dashboard.scss */
.phone-page-dashboard {
  background-color: #eff4f7;
}

/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Phone Dashboard Default
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Phone Form
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Phone Form Default
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Phone Form Edit
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Phone Listview
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Phone Listview Default
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Phone Wizard
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Phone Wizard Default
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Dashboard
*/
/* line 5, pagetemplates/tablet/_tablet-page-dashboard.scss */
.tablet-page-dashboard {
  background-color: #eff4f7;
}

/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Dashboard Default
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Dashboard Big
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Dashboard My Tasks
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Form
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Form Default
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Form Edit
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Master Detail
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Master Detail Default
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Master Detail Left Right
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Wizard
*/
/*
* Mendix Page Template Documentation
* Special styles for presenting Page Template Tablet Wizard Default
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Card
*
* 
*/
/* Title + button + border below title and button */
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Dashboard Card
*
* 
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Dashboard Stats
*
* Used in dashboard
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Form
*
* Extend your form
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Form Block
*
* Used in default forms
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Master Detail Listview
*
* 
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Page Header
*
* 
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Section Header
*
* 
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Profile Card
*
* 
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Profile Header
*
* 
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Products
*
* 
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Section
*
* Arrange spacing
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Sidebar Header
*
* 
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Tabs full width
*
* 
*/
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Wizard
*
* Styling for Wizard (Steps/Numbers)
*/
/* line 13, buildingblocks/_wizard.scss */
.wizard {
  /* Wizard line between steps */
}

/* Phone Specific Styling */
/*
* Mendix Documentation
* Special styles for presenting profilecard building block
*/
/*
* Templategrid Profile Card
*
* Profile card styled for templategrid
*/
/* line 71, custom.scss */
body {
  /*font-family: 'Segoe UI', 'Lucida Grande','Ubuntu','sans-serif';*/
}

/*Custom Progress Indicator */
/* line 76, custom.scss */
.mx-progress-indicator {
  width: 0px;
  height: 0px;
  margin: auto;
  background: none;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
  border: solid 3px rgba(255, 255, 255, 0.2);
  border-top-color: #FFF;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

/* line 92, custom.scss */
.profile-phone .mx-progress,
.profile-tablet .mx-progress {
  border-radius: 0px;
}

/* line 97, custom.scss */
.profile-phone .mx-progress-indicator,
.profile-tablet .mx-progress-indicator {
  position: fixed;
  top: 40%;
  left: 45%;
}

/* line 104, custom.scss */
.profile-phone .mx-progress-message,
.profile-tablet .mx-progress-message {
  top: 35%;
  position: relative;
}

@-webkit-keyframes spin {
  /* line 110, custom.scss */
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  /* line 116, custom.scss */
  100% {
    transform: rotate(360deg);
  }
}

/* line 121, custom.scss */
.login-page {
  background: url("images/login-bg.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 129, custom.scss */
.login-page .tab-lined {
  font-size: 18px;
}

/* line 134, custom.scss */
.login-page .submit,
.login-page .btn-submit, .open-custom-login-cancel {
  width: 100%;
  color: #fff;
  border: none;
  border-radius: 4px;
  border-color: #59C2E6;
  background-color: #59C2E6;
  font-size: 16px;
  padding: 0px;
  height: 45px;
  margin-bottom: 10px;
}

/* line 148, custom.scss */
.login-page .submit:hover,
.login-page .btn-submit:hover {
  border-color: #4E95B9;
  background-color: #4E95B9;
}

.open-custom-login-cancel {
  border-color: #DDDDDD;
  background-color:#DDDDDD;
  width:50%;
  height:38px;
}
.open-custom-login-cancel:hover {
  border-color: #888888;
  background-color:#888888;
  color:#FFFFFF;
}

/* line 156, custom.scss */
.login-page .submit:active,
.login-page .submit:focus,
.login-page .btn-submit:active,
.login-page .btn-submit:focus {
  background: #4E95B9;
}

/* line 160, custom.scss */
.login-page .form-control, .login-page .readonly-input, .login-page .disabled-form p, .disabled-form .login-page p {
  height: 45px;
  font-size: 16px;
}

/* line 165, custom.scss */
.login-page .mx-dataview-controls {
  border-top: 0px;
  margin-top: 5px;
}

/* line 170, custom.scss */
.login-page .login-img {
  padding: 10px;
  margin: 0 auto;
}

/* line 175, custom.scss */
.login-page .login-img-container {
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* line 181, custom.scss */
.login-page .tab-login {
  background-color: #fff;
  padding: 0px 25px 25px 25px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 188, custom.scss */
.login-page .mx-tabcontainer-tabs {
  padding: 0px 15px 5px 15px;
}

/* line 192, custom.scss */
.login-page .mx-tabcontainer-tabs > li.active > a {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  border-radius: 0px !important;
}

/* line 202, custom.scss */
.error-popup .modal-header,
.success-popup .modal-header,
.card-popup .modal-header {
  display: none;
}

/* line 206, custom.scss */
.card-popup .mx-dataview-content {
  padding: 0px !important;
  overflow: hidden !important;
}

/* line 211, custom.scss */
.card-popup .modal-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /*border: none;*/
  background-color: transparent;
}

/* line 226, custom.scss */
.card-popup .mx-resizer-n,
.card-popup .mx-resizer-e,
.card-popup .mx-resizer-s,
.card-popup .mx-resizer-w,
.card-popup .mx-resizer-ne,
.card-popup .mx-resizer-se,
.card-popup .mx-resizer-sw,
.card-popup .mx-resizer-nw {
  display: none;
}

/* line 230, custom.scss */
.error-popup .mx-dataview-content {
  background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
  background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border: 1px solid transparent;
  border-color: #dca7a7;
  color: #a94442;
}

/* line 243, custom.scss */
.error-popup .modal-content,
.success-popup .modal-content {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

/* line 251, custom.scss */
.success-popup .mx-dataview-content {
  background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1;
  border: 1px solid transparent;
  border-color: #b2dba1;
  color: #3c763d;
}

/* line 264, custom.scss */
.btn-close-message {
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}

/* line 271, custom.scss */
.forgotPwd a {
  font-size: 14px;
}

/* line 275, custom.scss */
.section-header {
  border-bottom: 3px solid gainsboro;
  margin-bottom: 10px;
  font-size: 15px;
}

/* line 281, custom.scss */
.section-header label {
  font-weight: bold;
  margin-bottom: 5px;
}

/* line 287, custom.scss */
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* line 292, custom.scss */
.iCheckCheckboxes td {
  padding: 0px 15px 10px 0px !important;
}

.iCheckCheckboxes.open-custom thead, .wgt-CheckboxSetSelector.open-custom .CheckboxSetSelector_Table thead {
  display:none;
}

.wgt-CheckboxSetSelector.open-custom .CheckboxSetSelector_Table td:first-child {
  width: 1%;
  padding-top: 0;
  padding-bottom: 0;
}

.wgt-CheckboxSetSelector.open-custom .CheckboxSetSelector_Table, .wgt-CheckboxSetSelector.open-custom .CheckboxSetSelector_Table td {
  border: none;
}

/* Disable highlight of data grid rows on double-click*/
/* line 297, custom.scss */
.mx-datagrid tr {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Fix padding for dropdowns */
/* line 310, custom.scss */
.form-control, .readonly-input, .disabled-form p,
.readonly-input,
.disabled-form p {
  padding: 0px 8px;
}

/* line 314, custom.scss */
.custom-dv .mx-dataview-controls {
  padding-left: 25px;
  margin-top: 0px;
  background-color: #EFF4F7;
}

/* line 320, custom.scss */
.btn-toolbar {
  margin-bottom: 10px;
}

/* line 325, custom.scss */
.mx-referenceselector-select-button,
.mx-listview-clear-button {
  padding: 7px 10px;
}

/* line 329, custom.scss */
.mx-window {
  width: 50%;
}

/* line 333, custom.scss */
.lv-select .mx-listview-item {
  padding: 5px;
}

/* line 337, custom.scss */
.lv-select .mx-listview-item label {
  padding-top: 5px;
}

/* line 341, custom.scss */
.lv-select .mx-listview-loadMore {
  display: none;
}

/* line 345, custom.scss */
.dv-forgot-pw {
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 25px;
}

/* line 352, custom.scss */
.div-forgot-pw {
  text-align: center;
  padding: 25px;
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 360, custom.scss */
/*.sprintrFeedbackNode {
  background: transparent url(images/feedback.png) no-repeat !important;
  color: white !important;
  cursor: pointer !important;
  height: 29px !important;
  position: fixed !important;
  left: 0 !important;
  vertical-align: bottom !important;
  width: 110px !important;
  z-index: 10000 !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-left: 5px !important;
  margin-bottom: 5px !important;
  top: inherit !important;
  bottom: 0px !important;
}*/

/* line 378, custom.scss */
.btn-reflect-toggle {
  margin-left: 10px;
}

/* line 382, custom.scss */
.profile {
  min-height: 500px;
}

/* line 386, custom.scss */
.gb-profile .mx-groupbox-header {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  color: white;
  border: 0px;
  padding-left: 20px;
}

/* line 398, custom.scss */
.gb-profile .mx-groupbox-body {
  background-color: transparent;
  border: none;
}

/* line 403, custom.scss */
.btn-use-as-text {
  background-color: transparent;
  border: none;
  padding: 8px 0px 5px 10px;
}

/* line 409, custom.scss */
.btn-use-as-text:hover {
  cursor: default;
  background-color: transparent;
  border: none;
}

/* line 416, custom.scss */
.btn-use-as-text:active,
.btn-use-as-text:focus {
  background-color: transparent;
  border: none;
  outline: none !important;
}

/* line 422, custom.scss */
.img-profile {
  margin-right: 10px;
}

/* line 426, custom.scss */
.dd-profile .dropdown-menu {
  width: 100%;
  border-top: none;
}

/* line 431, custom.scss */
.dd-profile .mx-navbar-submenu {
  right: 0;
  left: auto;
}

/* line 436, custom.scss */
.dd-profile .caret {
  margin-left: 6px;
  margin-bottom: 2px;
}

/* line 441, custom.scss */
.col-right-no-padding {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

/* line 446, custom.scss */
.logout-container {
  margin-top: 25px;
}

/* line 450, custom.scss */
.card .main .glyphicon {
  top: 2px;
}

/* line 454, custom.scss */
.card .main .btn-use-as-text {
  padding-top: 0px;
  margin-top: 0px;
}

/* line 460, custom.scss */
.profile-phone .login-page .mx-tabcontainer-tabs,
.profile-tablet .login-page .mx-tabcontainer-tabs {
  background-color: transparent;
}

/* line 465, custom.scss */
.profile-phone .login-page .mx-tabcontainer-tabs li.active a,
.profile-tablet .login-page .mx-tabcontainer-tabs li.active a {
  color: #59c2e6 !important;
}

/* line 470, custom.scss */
.profile-phone .login-page .mx-tabcontainer-tabs li a,
.profile-tablet .login-page .mx-tabcontainer-tabs li a {
  font-size: 14px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* line 478, custom.scss */
  .card-popup,
  .change-pw-popup,
  .photo-upload-popup {
    width: 50%;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* line 486, custom.scss */
  .card-popup,
  .change-pw-popup,
  .photo-upload-popup {
    width: 40%;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* line 494, custom.scss */
  .card-popup,
  .change-pw-popup,
  .photo-upload-popup {
    width: 25%;
  }
}
/* line 499, custom.scss */
.vcenter {
  display: flex;
  align-items: center;
}

/* line 504, custom.scss */
.form-section {
  padding: 25px 25px 25px 25px;
}

/* line 508, custom.scss */
.mx-dropdown .selected {
  outline: none;
}

/* line 512, custom.scss */
.mx-dropdown li:focus {
  outline: none;
}

/* line 516, custom.scss */
.mx-grid-search-item {
  display: table-cell !important;
}

/* line 520, custom.scss */
.mx-grid-search-label {
  text-align: left !important;
}

/* line 524, custom.scss */
.mx-grid-search-controls {
  margin-top: 18px !important;
}

/* line 528, custom.scss */
.mx-grid-searchbar {
  background-color: #eff4f7 !important;
  padding: 20px 10px 0px 5px !important;
  margin-bottom: 15px !important;
}

/* line 534, custom.scss */
.mx-grid-searchbar:after {
  width: 0;
  height: 0;
  position: relative;
  top: 10px;
  margin-left: 20px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #eff4f7;
}

/* line 546, custom.scss */
.visiting,
.visiting-dropdown-div {
  width: 100%;
}

/* line 550, custom.scss */
.dropdown-div-converter.open .dropdown-menu {
  width: 100%;
  margin-top: 79px;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.9);
}

.dropdown-div-converter.bottompt.open .dropdown-menu {
  width: 100%;
  margin-top: 79px;
  border-radius: 0;
  color: #fff;
  /*background-color: rgba(0,0,0, 0.9);*/
  background-color:#3a2c29;
}

.Bottomz_Sliderz > .dropdown-div-converter.bottompt.open > .dropdown-menu {
  background-color: rgba(0,0,0, 1);
}

/* line 557, custom.scss */
.parent-div {
  width: 100%;
}

/* line 561, custom.scss */
.btn-group {
  position: relative !important;
  display: block !important;
  vertical-align: middle !important;
}

/* line 567, custom.scss */
.region-topbar {
  border-bottom: none;
  background-color: transparent;
}

/* line 572, custom.scss */
.role-administrator .region-topbar {
  background-color: #fff;
}

/* line 576, custom.scss */
.background-img {
  background-image: url(images/12.jpg);
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: -1;
}

.background-img-home{
  /*background-image: url(images/3.jpg);*/
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /*z-index: -1;*/
}

/* line 584, custom.scss */
.dropdown-div-converter .btn-default:not(.spotlight-search-submit-btn):not(.spotlight-search-reset-btn) {
  background-color: transparent;
  border: 0;
  color: #fff;
  font-size: 20px;
  text-transform: none;
  height: 80px;/**/
}

/* line 594, custom.scss */
.dropdown-div-converter .btn-default:not(.spotlight-search-submit-btn):not(.spotlight-search-reset-btn):active,
.dropdown-div-converter .btn-default:not(.spotlight-search-submit-btn):not(.spotlight-search-reset-btn):focus {
  background-color: rgba(220, 220, 220, 0.5);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-radius: 0px;
}

/* line 603, custom.scss */
.open > .btn-default.dropdown-toggle {
  border-color: gainsboro;
  background-color: rgba(220, 220, 220, 0.5)!important;
  color: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 612, custom.scss */
.dropdown-div-converter .dropdown-menu {
  border: none;
}

/* line 616, custom.scss */
.nav-list-view {
  padding: 10px 0px 10px 0px;
}

/* line 620, custom.scss */
.nav-list-view .mx-listview-item {
  background-color: transparent !important;
  border: none !important;
}

/* line 625, custom.scss */
.nav-list-view .mx-listview-empty {
  display: none;
}

/* line 629, custom.scss */
.nav-link label {
  /*font-size: small;*/
  
}

/* line 633, custom.scss */
.nav-link label:hover {
  cursor: pointer;
}

/* line 637, custom.scss */
.nav-link label:after {
  font-family: 'Glyphicons Halflings';
  content: "\e072";
  font-size: 10px;
  margin-left: 8px;
}

/* line 647, custom.scss */
.btn-trans,
.btn-trans:hover,
.btn-trans:active,
.btn-trans:focus {
  background: transparent;
  color: white;
  font-size: 16px;
  font-weight: bold;
}

/* line 654, custom.scss */
.sign-in {
  margin-top: 25px;
  margin-right: 5px;
  margin-left: 10px;
}

/* line 659, custom.scss */
.link-img-div {
  /*text-align: center;
  margin-right: 30px;
  margin-top: 25px;*/
}

.link-img-div img{
  margin: 0 auto;
}

/* Custom*/
.link-img-div-grid{
  border-left: 1px solid #ddd;
  text-align: center;
}

/* line 665, custom.scss */
.dropup .dropdown-menu {
  margin-bottom: 0px;
}

/* line 669, custom.scss */
.div-placeholder {
  padding: 25px !important;
  background-color: rgba(255, 255, 255, 0.9);
  width: 60%;
  margin: auto;
  margin-top: 5%;
  color: #000;
  font-size: 24px;
  font-weight: bold;
  border-radius: 4px;
}

/* line 681, custom.scss */
.col-no-padding {
  padding-left: 0px;
  padding-right: 0px;
}

/* line 686, custom.scss */
.footer-nav {
  /*padding-bottom: 25px;*/
}

/* line 690, custom.scss */
.footer-nav .dropdown-div-converter .btn-default:not(.spotlight-search-submit-btn):not(.spotlight-search-reset-btn) {
  height: 40px;
  font-size: small!important;
  color: #ddd;
  padding: 8px;
}

/* line 695, custom.scss */
.cb-slideshow,
.cb-slideshow:after {
  position: fixed;
  width: 100%;
  max-height: 100%;
  top: 0px;
  left: 0px;
  z-index: -1;
  list-style: none;
  padding: 0px;
  overflow: hidden;
  margin: 0px;
  background-color: #000;
}

/* line 708, custom.scss */
.cb-slideshow:after {
  content: '';
  background: transparent url(images/pattern.png) repeat top left;
}

/* line 712, custom.scss */
.cb-slideshow li {
  width: 810px;
  height: 620px;
  z-index: -1;
  opacity: 1;
}

/* line 718, custom.scss */
.cb-slideshow li span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: transparent;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: imageAnimation 36s linear infinite 0s;
  -moz-animation: imageAnimation 36s linear infinite 0s;
  -o-animation: imageAnimation 36s linear infinite 0s;
  -ms-animation: imageAnimation 36s linear infinite 0s;
  animation: imageAnimation 36s linear infinite 0s;
}

/* line 737, custom.scss */
.cb-slideshow li div {
  z-index: 1000;
  position: absolute;
  bottom: 30px;
  left: 0px;
  width: 100%;
  text-align: center;
  opacity: 0;
  color: #fff;
  -webkit-animation: titleAnimation 36s linear infinite 0s;
  -moz-animation: titleAnimation 36s linear infinite 0s;
  -o-animation: titleAnimation 36s linear infinite 0s;
  -ms-animation: titleAnimation 36s linear infinite 0s;
  animation: titleAnimation 36s linear infinite 0s;
}

/* line 752, custom.scss */
.cb-slideshow li div h3 {
  font-family: 'proxima-nova';
  text-transform: uppercase;
  font-size: 240px;
  padding: 0;
  /* line-height: 200px; */
}

/* line 759, custom.scss */
.cb-slideshow li:nth-child(1) span {
  background-image: url(images/1.jpg);
}

/* line 762, custom.scss */
.cb-slideshow li:nth-child(2) h3 {
  text-align: left;
  padding-left: 40px;
}

/* line 766, custom.scss */
.cb-slideshow li:nth-child(3) h3 {
  text-align: right;
  padding-right: 40px;
}

/* line 770, custom.scss */
.cb-slideshow li:nth-child(5) h3 {
  margin-bottom: 450px;
  text-align: left;
  padding-left: 40px;
}

/* line 775, custom.scss */
.cb-slideshow li:nth-child(6) h3 {
  margin-bottom: 450px;
  text-align: left;
  padding-left: 40px;
}

/* line 780, custom.scss */
.cb-slideshow li:nth-child(2) span {
  background-image: url(images/2.jpg);
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s;
}

/* line 788, custom.scss */
.cb-slideshow li:nth-child(3) span {
  background-image: url(images/3.jpg);
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s;
}

/* line 796, custom.scss */
.cb-slideshow li:nth-child(4) span {
  background-image: url(images/4.jpg);
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -o-animation-delay: 18s;
  -ms-animation-delay: 18s;
  animation-delay: 18s;
}

/* line 804, custom.scss */
.cb-slideshow li:nth-child(5) span {
  background-image: url(images/5.jpg);
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  -ms-animation-delay: 24s;
  animation-delay: 24s;
}

/* line 812, custom.scss */
.cb-slideshow li:nth-child(6) span {
  background-image: url(images/6.jpg);
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -o-animation-delay: 30s;
  -ms-animation-delay: 30s;
  animation-delay: 30s;
}

/* line 820, custom.scss */
.cb-slideshow li:nth-child(2) div {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s;
}

/* line 827, custom.scss */
.cb-slideshow li:nth-child(3) div {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s;
}

/* line 834, custom.scss */
.cb-slideshow li:nth-child(4) div {
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -o-animation-delay: 18s;
  -ms-animation-delay: 18s;
  animation-delay: 18s;
}

/* line 841, custom.scss */
.cb-slideshow li:nth-child(5) div {
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  -ms-animation-delay: 24s;
  animation-delay: 24s;
}

/* line 848, custom.scss */
.cb-slideshow li:nth-child(6) div {
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -o-animation-delay: 30s;
  -ms-animation-delay: 30s;
  animation-delay: 30s;
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
  /* line 858, custom.scss */
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
  }

  /* line 862, custom.scss */
  8% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }

  /* line 866, custom.scss */
  17% {
    opacity: 1;
  }

  /* line 869, custom.scss */
  25% {
    opacity: 0;
  }

  /* line 872, custom.scss */
  100% {
    opacity: 0;
  }
}

@-moz-keyframes imageAnimation {
  /* line 877, custom.scss */
  0% {
    opacity: 0;
    -moz-animation-timing-function: ease-in;
  }

  /* line 881, custom.scss */
  8% {
    opacity: 1;
    -moz-animation-timing-function: ease-out;
  }

  /* line 885, custom.scss */
  17% {
    opacity: 1;
  }

  /* line 888, custom.scss */
  25% {
    opacity: 0;
  }

  /* line 891, custom.scss */
  100% {
    opacity: 0;
  }
}

@-o-keyframes imageAnimation {
  /* line 896, custom.scss */
  0% {
    opacity: 0;
    -o-animation-timing-function: ease-in;
  }

  /* line 900, custom.scss */
  8% {
    opacity: 1;
    -o-animation-timing-function: ease-out;
  }

  /* line 904, custom.scss */
  17% {
    opacity: 1;
  }

  /* line 907, custom.scss */
  25% {
    opacity: 0;
  }

  /* line 910, custom.scss */
  100% {
    opacity: 0;
  }
}

@-ms-keyframes imageAnimation {
  /* line 915, custom.scss */
  0% {
    opacity: 0;
    -ms-animation-timing-function: ease-in;
  }

  /* line 919, custom.scss */
  8% {
    opacity: 1;
    -ms-animation-timing-function: ease-out;
  }

  /* line 923, custom.scss */
  17% {
    opacity: 1;
  }

  /* line 926, custom.scss */
  25% {
    opacity: 0;
  }

  /* line 929, custom.scss */
  100% {
    opacity: 0;
  }
}

@keyframes imageAnimation {
  /* line 934, custom.scss */
  0% {
    opacity: 0;
    animation-timing-function: ease-in;
  }

  /* line 938, custom.scss */
  8% {
    opacity: 1;
    animation-timing-function: ease-out;
  }

  /* line 942, custom.scss */
  17% {
    opacity: 1;
  }

  /* line 945, custom.scss */
  25% {
    opacity: 0;
  }

  /* line 948, custom.scss */
  100% {
    opacity: 0;
  }
}

/* Animation for the title */
@-webkit-keyframes titleAnimation {
  /* line 955, custom.scss */
  0% {
    opacity: 0;
  }

  /* line 958, custom.scss */
  8% {
    opacity: 1;
  }

  /* line 961, custom.scss */
  17% {
    opacity: 1;
  }

  /* line 964, custom.scss */
  19% {
    opacity: 0;
  }

  /* line 967, custom.scss */
  100% {
    opacity: 0;
  }
}

@-moz-keyframes titleAnimation {
  /* line 972, custom.scss */
  0% {
    opacity: 0;
  }

  /* line 975, custom.scss */
  8% {
    opacity: 1;
  }

  /* line 978, custom.scss */
  17% {
    opacity: 1;
  }

  /* line 981, custom.scss */
  19% {
    opacity: 0;
  }

  /* line 984, custom.scss */
  100% {
    opacity: 0;
  }
}

@-o-keyframes titleAnimation {
  /* line 989, custom.scss */
  0% {
    opacity: 0;
  }

  /* line 992, custom.scss */
  8% {
    opacity: 1;
  }

  /* line 995, custom.scss */
  17% {
    opacity: 1;
  }

  /* line 998, custom.scss */
  19% {
    opacity: 0;
  }

  /* line 1001, custom.scss */
  100% {
    opacity: 0;
  }
}

@-ms-keyframes titleAnimation {
  /* line 1006, custom.scss */
  0% {
    opacity: 0;
  }

  /* line 1009, custom.scss */
  8% {
    opacity: 1;
  }

  /* line 1012, custom.scss */
  17% {
    opacity: 1;
  }

  /* line 1015, custom.scss */
  19% {
    opacity: 0;
  }

  /* line 1018, custom.scss */
  100% {
    opacity: 0;
  }
}

@keyframes titleAnimation {
  /* line 1023, custom.scss */
  0% {
    opacity: 0;
  }

  /* line 1026, custom.scss */
  8% {
    opacity: 1;
  }

  /* line 1029, custom.scss */
  17% {
    opacity: 1;
  }

  /* line 1032, custom.scss */
  19% {
    opacity: 0;
  }

  /* line 1035, custom.scss */
  100% {
    opacity: 0;
  }
}

/* Show at least something when animations not supported */
/* line 1041, custom.scss */
.no-cssanimations .cb-slideshow li span {
  opacity: 1;
}

@media screen and (max-width: 1140px) {
  /* line 1045, custom.scss */
  .cb-slideshow li div h3 {
    font-size: 72px;
  }
}
@media screen and (max-width: 600px) {
  /* line 1050, custom.scss */
  .cb-slideshow li div h3 {
    font-size: 80px;
  }
}
.content_con_visiting{
  background-image: url(images/8.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.content_con_government{
  background-image: url(images/3.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.content_con_living{
  background-image: url(images/15.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.content_con_studying{
  background-image: url(images/5.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.content_con_invest{
  background-image: url(images/12.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.content_con_working{
  background-image: url(images/8.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.content_con_photos{
  background-image: url(images/2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.Bottom_Sliderz .btn-default
{
  height:50px !important;
}
.resources_element .mx-datagrid-head-table {
    background-color: #949494 !important;
    color: white;
}
.resources_element .mx-grid-toolbar {
    height: 0px!important;
}
.document_con .mx-grid-toolbar {
    height: 0px !important;
}
.document_con .mx-grid-controlbar {
  margin: 0px !important;
}
.new_today
{
  margin-left: -100%;
  margin-top: -27%;
}
.new_services
{
  margin-left: -100%;
  margin-top: -45%;
}
.new_news
{
  margin-left: -100%;
  margin-top: -35%;
}

.new_events
{
  margin-left: -100%;
  margin-top: -27%;
}

.Detailz_Grid_Buttonz span.glyphicon.glyphicon-menu-right
{

  float: right;
  top: 3px;
}

.Detailz_Grid_Buttonz span.glyphicon.glyphicon-chevron-right
{

  float: right;
  top: 3px;
}

.article_icon_off
{
  cursor: default;
}

.learnMoreDocTitle_con
{   
  color: #64B3E8;
}

.divider_line
{
border-color:#000000;
margin-top:61px !important;
margin-bottom:0px !Important;
}

.divider_line_2
{
border-color:#000000;
margin-bottom:0px !Important;
}

.downloadveiw_con
{
  position: absolute;
  width: 100%;
  bottom: 0px;

}
.learnMoreList_con
{
 
}

.GovLearnMore_Listview.Documents_listview > ul > li:hover {
    box-shadow: 0px 0px 8px 3px #2192DE;
}


.article_author
{

}

.article_date
{

}

.article_date label {
    font-weight: bold;
}

.article_subhead
{

}
.news_items > ul.mx-list > li {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}



.mainNewlis-con{
    border: 1px solid black;
    padding: 8px;
  
}

.Side_Stick_nav_news_archive_link > a{
color: #ffffff;

}

.Side_Stick_nav_news_archive_link span.glyphicon.glyphicon-menu-right
{

  float: right;
  top: 3px;
}

.newsListings_title
{
    text-align: center;
    text-decoration: none;
    font-style: italic;
    color: black;

    font-weight: bolder;
}

.newsListings_title a {
    text-decoration: none;
    color: black;
    font-size: 11px;
}

.newsListings_summary_con
{

}

.newsListings_Auther
{

}

.newsListings_Date{

}

.continue_reading_button-con{


}

.continue_reading_button{
    width: 100%;
    text-align: right;

}

.generaldocuments_area > .mx-grid-searchbar {
    background-color: transparent !important;

}

.generaldocuments_area .mx-grid-searchbar:after
{

    border-top: 0px !important;
}

.generaldocuments_area_con .mx-templategrid .mx-templategrid-item {
  
    background-color: rgba(0,0,0,0.5) !important;
}
.generaldocuments_area_con .mx-templategrid .mx-templategrid-item:hover {
    background-color: rgba(0,0,0,0.5) !important;
}
   

.EventsFooter-PlaceHolder2 .mx-grid-paging-status {
    color: black !important;
}


.AllEvents-PlaceHolder1 .mx-grid-paging-status {
    color: white !important;
}


.generaldocuments_area .form-control
{
  
    background: rgba(255,255,255,0.2);
   
    color: white;
    border: none;
    font-size: 14px !important;
    width: 170px !important;
}
.generaldocuments_area select.form-control 
{
  color: white !important;
  
}

.generaldocuments_area .form-control option 
{
  color: black !important;
  
}

.generaldocuments_area .mx-name-search , .generaldocuments_area .mx-name-reset{

  background: white;
  color: black !important;
  height: 28px !important;
  margin: 0px;
  margin-bottom: -16px;
}

.generaldocuments_area .mx-grid-search-message
{
display:none !important;
}

.ServicesComingSoon{
  margin: 0px 25%;
}

.ServicesComingSoon ul li{
  float: left;
  border: 0!important;
  background: rgba(0, 0, 0, 0)!important;
}

.bottom_nav_calendar_list .mx-listview-item.selected {
    background-color: black !important;
}

.EventsFooter-PlaceHolder2 .fc td,.EventsFooter-PlaceHolder2  .fc th {
    font-weight: normal;
    color: black;
}

.EventsFooter-PlaceHolder2 .fc-unthemed .fc-today {
    background-color: #959595;
}

.EventsFooter-PlaceHolder2 .fc-event-container > a {
   /* background: transparent;*/
    border: none;
    color: black;
}

.EventsFooter-PlaceHolder2 .fc-day-grid-event .fc-time {
    font-weight: normal !important;
    display: none;
}

.bottom_nav_calendar_list .mx-listview-loadMore
{
  display:none 
}


.ministry_learnMore_calendar .fc td, .fc th {
    color: black;
}


.ministry_learnMore_calendar .fc-unthemed .fc-today {
    background: rgba(0,0,0,0.5);
}

.ministry_learnMore_calendar .fc-event-container > a {
   /* background: transparent;*/
    border: none;
    color: black;
}

.ministry_learnMore_calendar .fc-day-grid-event .fc-time {
    display: none;
}


.divider_line_2 hr {
    margin: 0px !important;
}

.backblur
  {
      display: none;
  }

.blurout
    {
        height: 100%;
        position: fixed;
        left: 0px;
        width: 100%;
        display: block; 
        z-index: 1 !important;
        background-color: rgba(0,0,0,.7);
    }

.blurout2
    {

       -webkit-filter: blur(5px);
    }

.Judiciary_links_nav{
      text-align: center;
      background-color: transparent;
      border: 0px;
           
    }

.Judiciary_links_nav_con{
      text-align: center;
      width: 100%;
    }
.Judiciary_links_navList .mx-templategrid-item {
    vertical-align: middle;
    background-color: #D8D6D6;
    border-right: 1px solid #BDBCBC;
}

.Judiciary_links_nav > a {
    color: black;
}

.popupzcontainer {
    z-index: 9999999 !important;
}

.detailsPage_detailsListDetails ul li {
    background-color: transparent !important;
    border: 0px;
    padding: 0px !important;
}

.dynamic_navBar{
  width: 65%;
  margin: 0 auto;
  position: static;
}

.dynamic_navBar ul
{

  display: table;
  width: 100%;
  float: left;
  margin: 7.5px -15px;

}


.dynamic_navBar .mx-list > li:hover  {
    background: #f5f5f5 !important;
    transition: 0.25s;
    -webkit-transition: 0.25s;
   
}



.dynamic_navBar .mx-list > li:hover  {
   transition: 0.25s;
   -webkit-transition: 0.25s;
    color: #59c2e6;
   
}
.dynamic_navBar .mx-list > li {
    border: 1px #BDBCBC!important;
    border-right: 1px solid #BDBCBC;
    border-left: 1px solid #BDBCBC;
    border-bottom: 1px solid #BDBCBC;
    background: #BDBCBC !important;
    display:table-cell;
    text-align: center;
    height: 50px;
    vertical-align: middle;
    cursor: pointer;
}

.dynamic_navBar .mx-list > li:last-child {
  
    border-radius: 0px !important;

  }

.dynamic_navBar .mx-list > li:first-child {
    border-radius: 0px !important;
}

.pull{
  display : none;
  color   : #5a504c;
  margin  : 15px 0 0 20px;
  z-index: 1!important;
  text-decoration :none;
  width:197px;
}

.menu_ministers .mx-templategrid-item {
    background: transparent !important;
    vertical-align: top;
}

.menu_services .mx-templategrid-item {
    background: transparent !important;
    vertical-align: top;
}

.no-click, .no-click a {
  cursor: default !important;
}
/*.documents_results_con .mx-name-paging-previous

{
    position: absolute;
    top: 100px;
    width: 50px;
    left: -100px;
    height: 50px;
    background: #59c2e6!important;
    opacity: 1 !important;
}

.documents_results_con .mx-name-paging-next
{
    position: absolute;
    top: 100px;
    width: 50px;
    left: 960px;
    height: 50px;
    background: #59c2e6!important;
    opacity: 1 !important;
}

.documents_results_con .mx-name-paging-last
{
    position: absolute;
    top: 100px;
    width: 50px;
    left: 1030px;
    height: 50px;
    background: #333!important;
    opacity: 1 !important;
}

.documents_results_con .mx-name-paging-first
{
    position: absolute;
    top: 100px;
    width: 50px;
    left: -170px;
    height: 50px;
    background: #333!important;
    opacity: 1 !important;
}*/

/* .all-news-images .mx-grid-paging-status
{
   position: absolute;
    width: 100px;
    left: 45%;
    top: 380px;
    opacity: 0.6;
    color: white;
  }
  */
.all-news-images .mx-grid-paging-status
{
 display: none;
}

.all-news-images .mx-name-paging-previous
{
  position: absolute;
  top: 50%;
  left: -40px;
  z-index: 99;
  opacity: 1;
}

.all-news-images .mx-name-paging-next
{
  position: absolute;
  top: 50%;
  z-index: 99;
  left: 100%;
  opacity: 1;
}

.all-news-images .mx-grid-controlbar .mx-grid-pagingbar .btn .glyphicon {
  color: #299FED;
  font-size: 25px;
}


.all-news-images .mx-grid-controlbar .mx-grid-pagingbar .btn .glyphicon-forward:before{
    content: "\e080"!important;
}

 
.all-news-images .mx-grid-controlbar .mx-grid-pagingbar .btn .glyphicon-backward:before {
    content: "\e079"!important;
}

.all-news-images .mx-name-paging-last
{
   display: none;
}

.all-news-images .mx-name-paging-first
{
   display: none;
}
 
.all-news-images .mx-templategrid-item
{
background: transparent;
}




  .allImg_Vid .mx-grid-paging-status
{
   display: none;
  }

.allImg_Vid .mx-name-paging-previous

{
  position: absolute;
    top: 100px;
    left: -40px;
    z-index: 99;
    opacity: 1;
  }

.allImg_Vid .mx-name-paging-next
{
   
position: absolute;
    top: 100px;
    z-index: 99;
    left: 100%;
    opacity: 1;
}

.allImg_Vid .mx-grid-controlbar .mx-grid-pagingbar .btn .glyphicon {
    color: #299FED;
    font-size: 25px;
}


.allImg_Vid .mx-grid-controlbar .mx-grid-pagingbar .btn .glyphicon-forward:before{
    content: "\e080"!important;
}

 
.allImg_Vid .mx-grid-controlbar .mx-grid-pagingbar .btn .glyphicon-backward:before {
    content: "\e079"!important;
}

.allImg_Vid .mx-name-paging-last
{
   display: none;
}

.allImg_Vid .mx-name-paging-first
{
   display: none;
}
 
.allImg_Vid .mx-templategrid-item
{
background: transparent;
}


/* Styles controlling manual carousel on home page news template grid */
.LandingThreeNews > .mx-grid-controlbar {
    margin: 0px !important;
}

.LandingThreeNews .mx-grid-paging-status {
	display: none;
}

.LandingThreeNews .mx-name-paging-previous {
	position: absolute;
	top: 100px;
	left: 7px;
	z-index: 99;
	opacity: 1;
}

.LandingThreeNews .mx-name-paging-next {
	position: absolute;
	top: 100px;
	left: 83%;
	z-index: 99;
	opacity: 1;
}

.LandingThreeNews .mx-grid-controlbar .mx-grid-pagingbar .btn .glyphicon {
    color: #fff;
    font-size: 30px;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: 0.5;
	transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
}
.LandingThreeNews .mx-grid-controlbar .mx-grid-pagingbar .btn .glyphicon:hover {
	opacity:0.9;
}

.LandingThreeNews .mx-grid-controlbar .mx-grid-pagingbar .btn .glyphicon-forward:before{
    content: "\e080"!important;
}

.LandingThreeNews .mx-grid-controlbar .mx-grid-pagingbar .btn .glyphicon-backward:before {
    content: "\e079"!important;
}

.LandingThreeNews .mx-name-paging-last {
   display: none;
}

.LandingThreeNews .mx-name-paging-first {
	display: none;
}
 
.LandingThreeNews .mx-templategrid-item {
	background: transparent;
	padding: 0px !important;
}





.open-custom-egov .dropdown-menu {
  background-color: #509fd7!important;
}

.BottomNav_VidGrid.AppsGrid .mx-grid-controlbar .mx-grid-pagingbar .btn .glyphicon {
  color: white!important;
}

.GovPlaceHolder{
  padding-bottom: 80px;
  /*background: #019FE8; 
  background: -webkit-radial-gradient(#019FE8, #0063D5); 
  background: -o-radial-gradient(#019FE8, #0063D5); 
  background: -moz-radial-gradient(#019FE8, #0063D5); 
  background: radial-gradient(#019FE8, #0063D5); */
}

.AppsLayout{
  background: #0063D5;
  background: -webkit-linear-gradient(#019FE8, #0063D5);
  background: -o-radial-gradient(#019FE8, #0063D5);
  background: -moz-radial-gradient(#019FE8, #0063D5);
  background: radial-gradient(#019FE8, #0063D5);
}

.AllAppsArea{
  /*background-color:#1F69CC;*/
  margin-left: -15px !important;
  margin-right: -15px !important;
  overflow-x: hidden!important;
  padding-bottom: 60px;
}

.open-custom-gallery-tab.all_vid-photos_tabs .mx-tabcontainer-tabs li > a {
  color: #333!important;
}

.all_apps_con .mx-templategrid-item {
  /*background-color: white!important;
  border: 1px solid #223CE4;
  box-shadow: 1px 1px 13px #7B7A7A;*/
  background-color: transparent!important;
  cursor: pointer;
  /*width: 25%!important;
  margin: 0px 10px 10px 0px;*/
  float: left;
  border: 0;
  padding: 0;
}

.all_apps_con .mx-templategrid-item.selected {
  background-color: transparent!important;
}

.all_apps_con .mx-grid-controlbar .mx-grid-pagingbar .mx-button .glyphicon{
  color: white;
}

/*.all_apps_con .mx-grid-controlbar .mx-grid-pagingbar .mx-button{
  display: none;
  position: absolute;
  top: 50%;
  font-size: 25px;
}

.all_apps_con .mx-grid-controlbar .mx-grid-pagingbar .mx-grid-paging-status {
  display: none;
}

.all_apps_con .mx-grid-controlbar .mx-grid-pagingbar .mx-name-paging-next {
  right: -12px;
  display: block!important;
}

.all_apps_con .mx-grid-controlbar .mx-grid-pagingbar .mx-name-paging-previous {
  left: -12px;
  display: block!important;
}*/


.GovDirectory-Btn .glyphicon {
    margin-right: 5px;
}

.Allvideos_VidGrid .mx-templategrid-item,.AllPhotos_PhotGrid .mx-templategrid-item  {
  border: none;
  float: left;
}

.AllPhotos_PhotGrid .PopupVideoPlayer-button .PopupVideoPlayer-text .PopupVideoPlayer-title ,.Allvideos_VidGrid .PopupVideoPlayer-button .PopupVideoPlayer-text .PopupVideoPlayer-title
{
  color:black;
}

.featured_ten_events_list .mx-templategrid-item {
    background: transparent;
}

.homenewzz::-webkit-scrollbar-thumb {
    background-color: #2192DE;
    outline: 2px solid #545252 !important;
}

.homenewzz::-webkit-scrollbar {
    width: 6px;
}
.homenewzz::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
}

.Home_EventsListings {
    color: black;
}

.Home_EventsListings .Home_EventsListings_SearchShowBTN {
    background: white !important;
    color: black !important;
}

.Home_EventsListings .mx-grid-search-button , .Home_EventsListings .mx-grid-reset-button{
       background: white !important;
    color: black !important;
}

.Home_EventsListings .mx-grid-search-label {
    width: auto !important;
}
.mx-grid-search-label {
    width: auto !important;
}
.AllEvents-PlaceHolder1 .mx-grid-search-label , .AllEvents-Listview .mx-grid-search-label{
    width: auto !important;
}

.Home_EventsListings .mx-grid-paging-status
{
  color: white !important;
}

.Home_eventsListingTabCon .mx-name-tabPage13
{
display:none;
}

.Gov_News_LearnMoreGrid{
  vertical-align: top;
}

.eventzz .dropdown-div-converter.bottompt.open .dropdown-menu {
    min-height: 487px;
}

/*.gov-header-news .mx-templategrid-item {
    border:none !important;
     
}


.Departments_lernMore_grid .mx-templategrid-item {
    border: none !important;
}*/

.remove-border .mx-templategrid-item{
  border: none !important;
}

.trans-back .mx-templategrid-item
{
background: transparent;
}

.all_news_grid .mx-grid-search-label {
    width: auto !important;
}

.news-image-caption
{
  color:black;
  font-size: smaller;
  font-style: italic;
  margin-top: 3px;
}

.home-news_img .mx-templategrid-item
{
  padding: 0px !important;
}

.departmentlisting .mx-listview-item span{
display:block;
padding:7px;
border: 1px solid #ccc;
border-bottom:none;
background: white;

}

.departmentlisting .mx-listview-item span a {
    color: black;
    text-decoration: none;
}

.Ministries-Departments-Tab span a {
    text-decoration: none;
    font-weight: bold;
    color: #000 !important;
    font-family: HelveticaCondensedNormal;
    padding: 8px 0px!important;
}

.minsitlinks span a {
    text-decoration: none;
    font-weight: bold;
    color: #000 !important;
    font-family: HelveticaCondensedNormal;
    padding: 8px 0px!important;
}

.departmentlistinglink a {
color: black !important;
text-decoration: none !important;

}

.departmentlistinglink{
  display: block;
  padding: 7px;
  border: 1px solid #ccc;
  border-bottom:none;
  background: white;
}

.departmentlistinglink[style~="display:none;"] {
  padding: 0px;
  border: none;
}

.departmentlistingpage {
  display: block ;
  padding: 7px;
  border: 1px solid #ccc;
  border-bottom:none;
  background: white;
}

.departmentlistingpage[style~="display:none;"] {
  padding: 0px;
  border: none;
}

.SettingsForm{
  color: white;
  float: left;
  width: 100%;
  margin-top: 8px;
}

.SettingsForm input {
  margin: 0;
  float: left;
}

.open-backgsettings span.caret:before {
  content: "\e019";
  font-family: 'Glyphicons Halflings';
}

.open-backgsettings span.caret {
  border: 0;
  width: 20px;
  margin-top: -18px;
  margin-left: -5px!important;
}

.dropdown-div-converter.bottompt.open.open-backgsettings .dropdown-menu{
  /*background-color: #2192DE;*/
}

#ProgressPopup, #ProgressPopupError{
  width: 300px;
  height: 100px;
  background: #636161;
  border-radius: 20px;
  position: fixed;
  top: 32%;
  opacity: 0.6;
  padding: 20px;
  color: white;
  left: 37%;
  z-index: 2;
  display: none;
}

#ajaxloader{
  background: url(/ajaxSpinner.gif) no-repeat center;
  height: 56px;
}

.mx-name-twitterWidget1 iframe {
  /*position: relative!important;
  left: 19%!important;*/
  height: 300px!important;
}

.mx-dataview.SocialPage .mx-name-twitterWidget1 iframe {
  height: 600px!important;
}

.SKNISNews-TempGrid .mx-templategrid-row {
  display: flex;
}

.SKNISNews-TempGrid .mx-templategrid-item {
  border: 0px!important;
  vertical-align: top;
  background-color: transparent;
  flex: 1;
}

.SKNISNews-TempGrid .mx-dataview-content, .SKNISNews-TempGrid .mx-dataview {
  height: 100%;
}

.newsdetails-container{
  border: 1px solid #ddd;
  /*padding: 5px;
  min-height: 560px;*/
  background-color: white;
  height: 100%;
}

.flickrplugin {
  width: 100%!important;
}

.flickrplugin embed {
    width: 100%!important;
}

.Ministry_gallery {
  width:100%;
  display: block;
}

.Ministry_gallery ul {
    padding: 0px;
}
.Ministry_gallery ul li {
    display: block;
}

.Ministry_gallery img {
    width: 50% !important;
    height: auto !important; 
}
/*.Min-dep-Carosel .carousel-inner .item {
    background: transparent !important;

}*/

.resources_element .mx-listview-empty {
    display: none;
}

.news-summary_img .mx-listview-empty, .news-summary_img .mx-listview-loadMore {
    display: none !important;
}

iframe.instgramsocial::-webkit-scrollbar-thumb {
    background-color: #2192DE;
    outline: 2px solid #545252 !important;
}

iframe.instgramsocial::-webkit-scrollbar {
    width: 6px;
}
iframe.instgramsocial::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
}

.oc_Events_Poster

{
  display: block !important;
    width: 100% !important;
}

/* HOME PAGE SEP 2017 */
.oc-home-top-row {margin-bottom:15px;}

.oc-home-top-block {
	border-radius:5px;
	background-color:rgba(0,0,0,0.3);
	padding:15px;/* 15px 7px 15px*/
}

.oc-home-top-row .oc-home-top-col{
  padding: 0px;
}

.oc-home-bottom-block {
	background-color:rgba(0,0,0,0.3);
	padding:20px 25px;
	margin-left:15px;
	margin-right:15px;
}
.oc-home-bottom-block.articles {margin-bottom:15px;}
.oc-home-bottom-block.gov-in-focus {overflow:hidden;}

.oc-home-bottom-block .header {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	display: block;
}

.oc-bottom-nav-new .visiting-dropdown-div > button.dropdown-toggle {
	background-size: auto 34px;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 50px 0 0 0 !important;
	height: auto !important;
}

.oc-bottom-nav-new .visiting-dropdown-div.open-custom-thisissk > button.dropdown-toggle {background-image: url('/img/NavigationLayouts$icon_sknmap.png');}
.oc-bottom-nav-new .visiting-dropdown-div.open-custom-docCenter > button.dropdown-toggle {background-image: url('/img/NavigationLayouts$icon_document_center.png');}
.oc-bottom-nav-new .visiting-dropdown-div.open-custom-photos > button.dropdown-toggle {background-image: url('/img/NavigationLayouts$icon_photos.png');}
.oc-bottom-nav-new .visiting-dropdown-div.open-custom-videos > button.dropdown-toggle {background-image: url('/img/NavigationLayouts$icon_videos.png');}
.oc-bottom-nav-new .visiting-dropdown-div.open-custom-events > button.dropdown-toggle {background-image: url('/img/NavigationLayouts$icon_events.png');}
.oc-bottom-nav-new .visiting-dropdown-div.open-custom-social > button.dropdown-toggle {background-image: url('/img/NavigationLayouts$icon_social.png');}
.oc-bottom-nav-new .visiting-dropdown-div.open-custom-egov > button.dropdown-toggle {background-image: url('/img/NavigationLayouts$icon_egov_apps.png');}

.oc-trending-searches-row {
	display: block!important;
}

.oc-trending-searches-row .main-label {
	color: #70A9EF;
	font-weight: bold;
	margin: 8px 4px 0 0;
	font-size:13px;
	display:inline-block;
}

.oc-trending-searches-row .search-list {
	font-weight:100;
	color:rgba(255,255,255,0.8);
	font-size:13px;
	margin:0;
	display:inline-block;
	cursor:default;
}

.oc-trending-searches-row .search-list a {
	color: inherit;
	font-style: italic;
	padding-bottom: 1px;
	border-bottom: 1px dashed rgba(255,255,255,0.8);
	margin: 0 5px;
	text-decoration: none;
	cursor:pointer;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.oc-trending-searches-row .search-list a:hover {
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}

.oc-trending-search-list {
	overflow:hidden;
	display: inline-block;
	position: relative;
    top: 4px;
}
.oc-trending-search-list ul li {
	float: left;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	font-weight: 100;
	color: rgba(255,255,255,0.8);
	font-size: 13px;
	margin: 0;
	display: inline-block;
	cursor: default;
}

.oc-trending-search-list ul li .search-value {margin:0 5px;}
.oc-trending-search-list ul li .search-value a {
	color: inherit;
	font-style: italic;
	padding-bottom: 1px;
	border-bottom: 1px dashed rgba(255,255,255,0.8);
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.oc-trending-search-list ul li .search-value a:hover {
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}

.oc-home-page-final .stickyfooter {
	position:static !important;
	margin-top:2.5%;
}

.oc-home-search-column {
	padding-top:20px;
}

.oc-home-alerts-container {
	padding-bottom: 56.25%;
	background-color: #f8f8ff;
	margin-top:15px;
}

@media (min-width: 500px) {
	.search-wrapper .spotlight-search-label {display: block;}
	
	.search-wrapper div.SearchString {width:78%;}
	.search-wrapper input {border-radius:0;}
}

@media (min-width: 768px) {
	.search-wrapper .spotlight-search-reset-btn {display:block;}
	.search-wrapper .spotlight-search-label {font-size: 16px;}
}

@media (min-width: 992px) {
	.oc-home-bottom-row {display:flex;}
	.oc-home-bottom-block {margin:0;}
	.oc-home-bottom-block.articles {
		margin:0 15px 0 0;
	}
	
	.oc-home-search-column {
		padding-top:0;
		/*padding-left:0;
		padding-right:0;*/
	}
	
	.oc-home-alerts-container {
		margin-top:0;
	}
}

/* AG Ministries styles */
.oc-ag-main-content-container {
	margin: 0 15px 0 15px;
}

.oc-ag-main-tabs {
	background-color: rgba(0,0,0,0.6);
	border: none;
	color: white !important;
	border-radius: 0;
	margin: 0 0 15px 0 !important;
	padding: 10px;
	text-transform: none;
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	white-space:inherit;
	
	text-align: center;
    cursor: pointer;
	
	transition:background-color 0.2s;
	-webkit-transition:background-color 0.2s;
}
.oc-ag-main-tabs:hover, .oc-ag-main-tabs:focus, .oc-ag-main-tabs:active {
	background-color: rgba(0,0,0,1);
}
.oc-ag-main-tabs:last-child {
	margin-bottom:0;
}

.oc-ag-main-content-toggle-container {
	text-align:center;
	margin-bottom: 15px;
}

.oc-ag-main-content-toggle {
	background: transparent !important;
	color: rgba(255,255,255,0.5);
	border-color: rgba(255,255,255,0.5);
	font-size: 15px;
	
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.oc-ag-main-content-toggle:hover, .oc-ag-main-content-toggle:active, .oc-ag-main-content-toggle:focus {
	color: rgba(255,255,255,1);
	border-color: rgba(255,255,255,1);
}

.oc-ag-main-content-container .navigation-block {
	padding:0 !important;
}

.oc-ag-side-menu-content-container {
	display:none;
	background-color:rgba(0,0,0,0.6);
	padding:20px;
}

.oc-ag-main-content-container .navigation-block .header {
	color: white;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 0 15px 0;
}

.oc-ag-ministry-menu-listview > ul li {
	background: transparent !important;
	border: none !important;
	border-radius: 0;
	padding: 5px 0 !important;
}

.oc-ag-ministry-sub-menu-listview {margin-left:15px;}

.oc-ag-ministry-sub-menu-listview > ul li {
	padding-bottom: 0 !important;
}

.oc-ag-ministry-menu-listview > ul li .menu-item {display:block;}
.oc-ag-ministry-menu-listview > ul li .menu-item a {
	color: white;
	text-decoration: none;
	font-size: 13px;
}
.oc-ag-ministry-menu-listview > ul li.active .menu-item a {font-weight:bold;}

.oc-ag-ministry-menu-listview > ul li .menu-item.sub-1 a {font-size:12px;}
.oc-ag-ministry-menu-listview > ul li .menu-item.sub-2 a {font-size:11px;}

.oc-ag-ministry-menu-listview .mx-listview-empty {display:none;}

.oc-ag-side-menu-toggle-container {
	margin-bottom:15px;
}

.oc-ag-main-content-container .main-block {
	background-color:rgba(255,255,255,0.9);
	overflow:hidden;
}

.oc-ag-main-content-container .main-block .header {
	color: rgba(0,0,0,0.8);
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 0 15px 0;
}

.oc-ag-main-content-container .main-block .content {
	padding:15px;
}

.oc-ag-main-tabs-listview > ul li {
	position: relative;
	min-height: 1px;
	padding: 0 15px !important;
	
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
}

.oc-ag-breadcrumb-container {
	padding: 8px 15px;
	overflow: hidden;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.oc-ag-breadcrumb-container * {
	cursor:inherit;
}

.oc-ag-breadcrumb-container > ul li {
	float: left;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
}

.oc-ag-breadcrumb-container > ul li > div {display:inline-block;}

.oc-ag-breadcrumb-container > ul li:not(:first-child):before {
	padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.oc-ag-breadcrumb-container .breadcrumb-item {
	font-size:12px;
	color: #299FED;
	cursor:pointer;
	
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	-webkit-backface-visibility: hidden;
}

.oc-ag-breadcrumb-container .breadcrumb-item:not(.end-of-crumb):hover {
	text-decoration: underline;
	color: #9CDCFF;
}

.oc-ag-breadcrumb-container .breadcrumb-item.end-of-crumb {
	color:#777;
	cursor:default;
}

.oc-ag-breadcrumb-container .breadcrumb {
	margin:0;
	padding:0;
	background:transparent;
}

.oc-ag-breadcrumb-container .breadcrumb > li {font-size:12px;}


/* AG Responsive CSS */
@media (min-width: 500px) {
	.oc-ag-main-content-container .main-block .content {padding-left:30px;}
}

@media (min-width: 768px) {
	.oc-ag-middle-tab-container, .oc-ag-main-tabs-listview > ul li:nth-of-type(2) {
		padding:0 !important;
	}
	
	.oc-ag-main-tabs-listview > ul li {
		float: left;
		width: 33.33333333%;
	}
	
	.oc-ag-breadcrumb-container .breadcrumb > li {font-size:inherit;}
	
	.oc-ag-breadcrumb-container .breadcrumb-item {font-size:inherit;}
}

@media (min-width: 992px) {
	.oc-ag-main-content-container .row {
		display:flex;
	}
	
	.oc-ag-main-content-container .navigation-block .header, .oc-ag-main-content-container .main-block .header {
		font-size:25px;
	}
	
	.oc-ag-main-content-container {
		margin:0 0 0 0;
	}
	
	.oc-ag-main-content-toggle-container {text-align:right;}
	
	.oc-ag-side-menu-toggle-container {
		display:none;
	}
	
	.oc-ag-side-menu-content-container {
		display:block !important;
	}
}

@media (min-width: 1200px) {
	.oc-ag-main-tabs {
		padding:15px;
		font-size:16px;
	}
	
	.oc-ag-ministry-menu-listview > ul li .menu-item a {
		font-size: 15px;
	}
	.oc-ag-ministry-menu-listview > ul li .menu-item.sub-1 a {
		font-size: 13px;
	}
	.oc-ag-ministry-menu-listview > ul li .menu-item.sub-2 a {
		font-size: 12px;
	}
	
	.oc-ag-ministry-menu-listview {
		margin-left:15px;
	}
	.oc-ag-ministry-sub-menu-listview {
		margin-left:20px;
	}
	
	.oc-ag-side-menu-content-container {
		padding:30px 45px;
	}
}

/*.oc-footer-photos-list .mx-listview-empty {display:none;}

.oc-footer-photo-lightbox ul li a {
	background-size:cover;
	background-position:0% 20%;
	background-repeat:no-repeat;
}
.oc-footer-photo-lightbox ul li a img {display:none;}*/

.oc-noloadlist .mx-listview-loadMore{
    display:none;
}

/* ====================================================== Custom Styles for Child Services CMS (PCPS) ====================================================== */
.oc-pcps-dashboard-master-container {
	margin-top: 0px;
}
.oc-pcps-dashboard-column {
	padding:0 !important;
}

.oc-pcps-dashboard-block {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #444444;
	box-shadow: 0px 1px 2px rgba(100,100,100,0.15);
	padding: 20px;
	margin:30px;
	min-height:100px;
}
/* control margin on individual blocks */
.oc-pcps-dashboard-block.no-margin {margin:0 !important;}
.oc-pcps-dashboard-block.no-margin-top {margin-top:0 !important;}
.oc-pcps-dashboard-block.no-margin-right {margin-right:0 !important;}
.oc-pcps-dashboard-block.no-margin-bottom {margin-bottom:0 !important;}
.oc-pcps-dashboard-block.no-margin-left {margin-left:0 !important;}

.oc-association-list-heading {
  font-weight: bold;
}
.oc-association-list-body {
  font-style: italic;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.7);
}

.oc-pcps-dash-officer-load-container .officer-name {
  font-size: 19px;
  font-weight: 600;
  margin: 0;
}
.oc-pcps-dash-officer-load-container .officer-case-count {
  font-size: 16px;
}
.oc-pcps-dash-officer-load-container .mx-templategrid-item {
  border: none;
}

.oc-pcps-dashboard-block .dashboardstat {
  margin: 0;
}

.oc-pcps-listview>ul>li {
  margin-top: 10px;
}

.oc-pcps-listview>ul>li.mx-listview-empty {
  border: none;
  padding: 10px;
}
.oc-pcps-listview>ul>li.mx-listview-empty>label {
  font-size: 15px;
  font-style: italic;
}

/* ====================================================== GOV.KN CENTRAL CMS (GCC) STYLES ====================================================== */
.oc-cms-dashboard-master-container {
	margin-top:
}
.oc-cms-dashboard-column {
	padding:0 !important;
}

.oc-cms-dashboard-block {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #444444;
	box-shadow: 0px 1px 2px rgba(100,100,100,0.15);
	padding: 20px;
	margin:30px;
	min-height:100px;
}
/* control margin on individual blocks */
.oc-cms-dashboard-block.no-margin {margin:0 !important;}
.oc-cms-dashboard-block.no-margin-top {margin-top:0 !important;}
.oc-cms-dashboard-block.no-margin-right {margin-right:0 !important;}
.oc-cms-dashboard-block.no-margin-bottom {margin-bottom:0 !important;}
.oc-cms-dashboard-block.no-margin-left {margin-left:0 !important;}

.oc-dataview-buttons-padded>.mx-dataview-controls {
  margin-left: 25px;
}

@media (min-width: 992px){
  .oc-cms-dashboard-row {
    display: flex;
  }
}

/* ====================================================== MISCELLANEOUS CUSTOM STYLES ====================================================== */
.referralslider .wgt-BooleanSlider__toggletrue, .referralslider .wgt-BooleanSlider__togglefalse{
    margin-top: 8px!important;
}

.oc-home-page-random-image li{
    display: none;
}

.oc-home-page-random-image li.active{
    display: block!important;
}

.oc-home-page-random-image li img {
    width: 100%;
}

.oc-home-page-random-image .mx-listview-loadMore{
    display: none;
}

.oc-home-upevents-name .mx-listview-loadMore, .oc-home-upevents-img .mx-listview-loadMore{
    display: none;
}

.oc-home-upevents-name ul li.active{
    background-color: rgba(255, 255, 255, 0.57)!important;
}

.oc-home-upevents-name ul li{
    display: inline-block;
    background-color: transparent!important;
    border-radius: 0!important;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 6px!important;
}

.oc-home-upevents-name ul li span {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.oc-home-upevents-img ul li{
    background-color: transparent!important;
    display: none;
    border: 0!important;
    padding: 8px 0px!important;
}

.oc-home-upevents-img ul li.active{
    display: block!important;
}

.UpcomingEvents_LB ul {
    list-style: none;
    padding: 0;
}

.UpcomingEvents_LB ul li {
    display: block;
}

.UpcomingEvents_LB ul li img {
    width: 100%!important;
    padding: 0!important;
}

.oc-home-upevents-img ul li img {
    max-width: 100%;
}

.oc-home-upevents-name ul li.active span {
    color: #fff;
}

.oc-cms-dropdown-with-add {
  float:left;
  width:90%;
}
.oc-cms-dropdown-add-btn {
  margin-left: 5px;
  margin-top: 24px;
  padding: 7px 14px;
}

.lightbox .lb-image {
    /*max-width: 100%!important;*/
    /*height: 100%!important;*/
}

.upevent-col{
  padding-left: 8px;
}

.upeventhead-col{
  padding: 8px 0px 0px 8px;    
  text-align: left;
}

@media (min-width: 992px) {
  .upevent-col{
    /*padding-left: 15px!important;*/
  }
}

@media (max-width: 425px){
  .tabtitlephoto{
    width: 100%;
  }
}

/* PCPS NOTIFICATIONS */
.oi-notifications-list .oi-notification-title {
  font-size: 18px;
  margin-bottom: 5px;
}
.oi-notifications-list .oi-notification-message {
  display: none !important;
  margin-bottom: 5px;
}
.oi-notifications-list .oi-notification-date {
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
}
.oi-notifications-list .mx-listview-empty {
  background-color: transparent !important;
  border: none !important;
  font-size: 16px;
  font-style: italic;
  color: rgba(0,0,0, 0.7);
  padding: 30px;
}
.oi-notifications-list>.mx-listview-list>.mx-listview-item {
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.oi-notifications-list>.mx-listview-list>.mx-listview-item:hover {
  background-color: #EFF4F7 !important;
}
/* PCPS NOTIFICATIONS */