#content .standardText .pagination
{
  float: right;
}

#content .standardText .pagination.top
{
  display: none;
}

#content .standardText .pagination span.contraction
{
  display: block;
  float: left;
  padding: 0.2em 0.4em;
  margin: 0 0 0 0.4em;
  color: #3B3F4A;
}

#content .standardText .pagination a
{
  display: block;
  float: left;
  padding: 0;
  margin: 0 0 0 0.4em;
  text-decoration: none;
  text-align: center;
  color: #3B3F4A;
  background-color: #F6F6F6;
  border: none;
  border-radius: 1em;
  line-height: 2em;
  width: 2em;
  height: 2em;
}

#content .standardText .pagination li.next:not(.disabled) a:hover,
#content .standardText .pagination a.next:hover,
#content .standardText .pagination li.previous:not(.disabled) a:hover,
#content .standardText .pagination a.previous:hover
{
  text-decoration: underline;
}

#content .standardText .pagination li.next a,
#content .standardText .pagination a.next,
#content .standardText .pagination li.previous a,
#content .standardText .pagination a.previous
{
  color: #3B3F4A !important;
  background-color: transparent !important;
  width: auto;
}

#content .standardText .pagination li.next.disabled a,
#content .standardText .pagination li.previous.disabled a
{
  color: #9AA0A7 !important;
}

#content .standardText .pagination li.active a,
#content .standardText .pagination a.current
{
  color: #FFFFFF;
  background-color: #3B3F4A;
}

#content .standardText .pagination li.active a:hover,
#content .standardText .pagination a.current:hover,
#content .standardText .pagination a:hover,
#content .standardText .pagination a:focus,
#content .standardText .pagination a:active
{
  color: #FFFFFF;
  background-color: #23262D;
}


.calendarView table tr th,
.calendarView table tr td
{
  line-height: 3em;
  width: 3.5em;
  padding: 0;
  text-align: center;
}

.calendarView
{
  margin-top: 15px;
}

.calendarView .calendar
{
  text-align: center;
  margin-bottom: 25px;
}

.calendarView form a
{
  text-decoration: none;
}

.calendarView form div
{
  display: inline;
}

.calendarView table
{
  margin: 10px auto 10px auto;
}

.calendarView table tr .weekColumn,
.calendarView table tr .weekColumn a
{
  font-weight: bold;
  color: #FFFFFF;
  background-color: #D95A00;
}

.calendarView table tr td a
{
  display: block;
  color: #3B3F4A;
  text-decoration: none;
}

.calendarView table tr td a:hover
{
  color: #FFFFFF;
  background-color: #3B3F4A;
}

.calendarView table tr td span
{
  display: block;
}

.calendarView table tr td span.noEvent
{}

.calendarView table tr td span.otherMonth
{
  color: #9AA0A7;
}

.calendarView table tr td span.hasEvent 
{ 
  font-weight: bold;
}


.recall.refresh,
.recall.refreshRemote
{
  cursor: pointer;
}

.recall.refresh:before,
.recall.refreshRemote:before {
  content: "\f021";
}

.recall.refresh:active:before,
.recall.refreshRemote:active:before {
  
  content: "\f110";
}

.recall.refresh,
.recall.refreshRemote
{
  float: right;
  font-size: 14px;
  margin: 0 0.5em;
}

.recallBusy
{
  background: url(/gfx/x.gif) no-repeat center center;
  min-width: 100%;
  min-height: 50px;
}

.recallBusy > *
{
  opacity: 0.4;
}


.login form fieldset legend
{
  display: none;
}

.login .changePassword,
.login .resetPassword1
{
  display: none;
}

.login.noLabels label:not([for="keepMeSignedIn"]) > span
{
  display: none;
}

.login label input[type="checkbox"]
{
  vertical-align: middle;
}




html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  
}



table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

.clear
{
  float: none;
  clear: both;
  height: 0;
  width: 0;
  overflow: hidden;
}



.img_south      { margin:  0px 16px  6px  6px; }
.img_south_west { margin:  0px  0px  6px  6px; }
.img_west       { margin:  0px  0px  6px  6px; }
.img_north_west { margin: 16px  0px  0px  6px; }
.img_north      { margin: 16px 16px  0px  6px; }
.img_north_east { margin: 16px 16px  0px  0px; }
.img_east       { margin:  0px 16px  6px  0px; }
.img_south_east { margin:  0px 16px  6px  0px; }
.img_all        { margin: 16px 16px  6px  6px; }

img.left           { float: left; }
img.right          { float: right; }
img.center         { display: block; margin-left: auto; margin-right: auto; text-align:center; }

.multimedia_left   { float: left; }
.multimedia_right  { float: right; }
.multimedia_center { display: block; margin-left: auto; margin-right: auto; text-align:center; }

.multimedia a { display: block; }



tr.ISE-header,
th.ISE-header,
tr.ISE-header th
{
  background-color: #F6F6F6;
  font-weight: bold;
}

tr.ISE-footer, td.ISE-footer, tr.ISE-footer td
{
  font-weight: bold;
  font-style: italic;
}

tr.ISE-uhura, td.ISE-uhura, tr.ISE-uhura td
{
   background: #ffa;
}

table.ISE-noborder,
table.ISE-noborder th,
table.ISE-noborder td
{
  border: none;
}

table.ISE-border
{
  border: 1px solid #9AA0A7;
  border-collapse: collapse;
}

table.ISE-border td
{
  border: none;
}

table.ISE-boxborder,
table.ISE-boxborder th,
table.ISE-boxborder td
{
  border: 1px solid #9AA0A7;
  border-collapse: collapse;
}

.ISE-align-left,
.ISE-align-left td
{
  text-align: left;
}

.ISE-align-right,
.ISE-align-right td
{
  text-align:right;
}
.ISE-align-center, 
.ISE-align-center td
{
  text-align:center;
  vertical-align: top;
}


body
{
  font-size: 62.5%;
}

p
{
  padding: 0;
}

pre
{
  font-family: monospace;
}

em
{
  font-style: italic;
}

strong
{
  font-weight: bold;
}

ul,
ol
{
  margin: 0;
  padding: 0;
  padding-left: 1.2em
}

ol
{
  margin: 0;
  padding-left: 1.8em;
}

ol ol
{
  list-style-type: lower-alpha;
}

.hidden
{
  display: none;
}

.fileIcon
{
  vertical-align: text-bottom;
  margin-right: 3px;
}

.caption
{
  display: block;
  font-style: italic;
}

#content .BBeditor .editbar button
{
  font-family: Verdana, Geneva, sans-serif;
}

#content .BBeditor .editbar button.bold
{
  font-weight: bold !important;
}

#content .BBeditor .editbar button:hover,
#content .BBeditor .editbar button:focus
{
  color: #FFFFFF;
  background: #154490;
}

#content .BBeditor .editbar button:active
{
  color: #FFFFFF;
  background: #D95A00;
}

#content .BBeditor .container iframe
{
  border: 1px solid #F6F6F6;
}




.text-primary {
  color: #3B3F4A;
}

.bg-primary {
  background-color: #F6F6F6;
}

.border-primary {
  border-color: #D95A00;
}

.text-secondary {
  color: #D95A00;
}

.bg-secondary {
  background-color: #154490;
}

.border-secondary {
  border-color: #D95A00;
}

.textBrowser
{
  height: 0;
  width: 0;
  overflow: hidden;
}



body .bg-base {
  color: #787D85;
  background-color: #FFFFFF;
}
body .bg-primary {
  color: #FFFFFF;
  background-color: #D95A00;
}
body .bg-secondary {
  color: #FFFFFF;
  background-color: #154490;
}

body .text-base {
  color: #787D85;
}
body .text-primary {
  color: #D95A00;
}
body .text-secondary {
  color: #154490;
}

body .border-base {
  border-color: #F6F6F6;
}
body .border-primary {
  border-color: #787D85;
}
body .border-secondary {
  border-color: #154490;
}

  
/* raleway-700-semiBold */
@font-face
{
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('/synflows.com/up1/ZaddtleKyN_Raleway-SemiBold.ttf');
}
  
/* roboto-800 */
@font-face
{
  font-family: 'Roboto';
  font-style: normal;
  font-weight: bold;
  src: url('/synflows.com/up1/ZaddtleKkO_Roboto-Bold.ttf');
}
  
/* openSans-400 */
@font-face
{
  font-family: 'Open_Sans';
  font-style: normal;
  font-weight: normal;
  src: url('/synflows.com/up1/ZaddtleKsO_OpenSans-Regular.ttf');
}
  
/* openSans-400-italic */
@font-face
{
  font-family: 'Open_Sans';
  font-style: italic;
  font-weight: normal;
  src: url('/synflows.com/up1/ZaddtleKuO_OpenSans-Italic.ttf');
}
  
/* openSans-800 */
@font-face
{
  font-family: 'Open_Sans';
  font-style: normal;
  font-weight: bold;
  src: url('/synflows.com/up1/ZaddtleKwO_OpenSans-SemiBold.ttf');
}
  
/* openSans-800-italic */
@font-face
{
  font-family: 'Open_Sans';
  font-style: italic;
  font-weight: bold;
  src: url('/synflows.com/up1/ZaddtleKyO_OpenSans-SemiBoldItalic.ttf');
}

.SE_menubar .SE_toggle,
.SE_menubar .SE_anon
{
  width: auto;
}


label
{
  font-weight: normal;
}

.label
{
  padding: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit;
  white-space: inherit;
  border-radius: inherit;
  color: inherit;
}



#content p.label
{
  padding: inherit;
  display: inherit;
}

.standardText label
{
  display: inline;
}

standardText label, standardText .label
{
  color: inherit;
  text-align: left;
  font-size: inherit;
  font-weight: inherit;
}

standardText label input[type=radio]
{
  margin: inherit;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"]
{
  position:inherit;
}


html
{
  font-size: 14px;
}

body
{
  color: #3B3F4A;
  background: #F6F6F6;
  font-family: "Open_Sans", sans-serif; 
  font-size: 11px;  
}

hr
{
  clear: both;
  height: 1px;
  border: none;
  border-top: 1px solid #9AA0A7;
}


h2
{
  color: #D95A00;
  font-weight: normal;
  font-size: 24px;
  line-height: 1;
  margin-top: 0.8em;
  margin-bottom: 0.4em;
}

h3
{
  color: #154490;
  font-weight: normal;
  font-size: 20px;
  margin-top: 0.4em;
  margin-bottom: 10px;
}

#content h2 a,
#content h3 a{
  color: inherit;
}



a,
a:link,
a:visited
{
  color: #D95A00;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}



table
{
  border-top: 1px solid #9AA0A7;
  border-left: 1px solid #9AA0A7;
}

table caption
{
  font-style: italic;
}

td,
th
{
  border-right: 1px solid #9AA0A7;
  border-bottom: 1px solid #9AA0A7;
  padding: 0.4em;
  vertical-align: top;
}

th
{
  background-color: #F6F6F6;
  color: #3B3F4A;
  font-weight: normal !important;
  padding: 0.3em 0.4em 0.4em 0.4em;
}

table.sortable thead tr th span
{
  color: #D95A00;
  padding-right: 14px;
  background-position: 100% 65%;
}

code, kbd, pre, samp, xmp {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  padding: 5px 7px;
  color: #D95A00;
  background-color:#F6F6F6;
}    


.clear
{
  line-height: 0;
}

.clear::after
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}



#mainWrapper{
  margin-top: 74px; 
  padding: 0 30px 30px;
}

#contentWrapper
{
  min-height: 250px;
  background: #FFFFFF;
  padding: 0 20px 30px;
  overflow: hidden;
}

#top
{
  position: fixed;
  display : flex;
  align-items: center;
  font-size: 1.2em;
  width: 100vw;
  min-height: 74px;
  color: #FFFFFF;
  background: #D95A00;
  margin: 0;
  padding: 10px 30px 10px 10px;
  left: 0px;
  z-index: 99;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
  #top>div {
    flex: 0 1 auto; 
  }
  #top>div.webletLocationtopLogo {
    flex-shrink: 1;
  }
  #top>div.webletLocationtopNav {
    flex-grow: 1;
  }


@media screen and (max-width: 768px) { 

  #mainWrapper{
    padding: 0;
  }

  #contentWrapper
  {
    padding: 0 2% 30px;
  }

  #top
  {
    padding: 10px;
  }

}

#top a,
#top a:link,
#top a:visited,
#top a:hover
{
  color: #FFFFFF;
  text-decoration: none;
}

#top a.logo,
#top a.navbar-brand {
  display: none;
}

#top .webletLocationtopLogo {
  width: 350px;
}
#top .webletLocationtopLogo img {
  max-width: 100%;
  height: auto !important;
}

@media screen and (min-width: 768px) { 

  #leftWrapper{
    padding-right: 30px;
  }
}

@media screen and (min-width: 768px) { 

  #left{  
    position: fixed;
    width: calc( 25.0% - 30px );
    max-height: calc( 100vh - 160px );
    overflow-y: auto;
    direction: rtl; 
  }
    #left>div{  
      direction: ltr;
    }

}

@media screen and (min-width: 1200px) { 

  #left{  
    position: fixed;
    width: calc( 16.66% - 25px );
  }

}

#left{
  color: #3B3F4A;
  background: #FFFFFF;
  margin: 0 -15px;
  padding: 15px 15px;
}


#left .webletnavigation ul{
  padding: 0;
}

#left .webletnavigation ul.level1 li a{
  padding-left: 10px;
}

#left .webletnavigation li ul.level2 li a{
  padding-left: 20px;
}

#left .webletnavigation li ul.level3 li a{
  padding-left: 30px;
}

#left .webletnavigation li ul.level4 li a{
  padding-left: 40px;
}

#left .webletnavigation li ul.level5 li a{
  padding-left: 50px;
}

#left .webletnavigation ul li{
  position: relative;
  display: block;
  margin: 0 -15px;
  padding: 40px 20px 0;
  border: 0px solid blue;
}

#left .webletnavigation ul li ul li{
  margin: 0 -20px;
}

#left .webletnavigation ul li a{
  color: #3B3F4A;
  background: #FFFFFF;
  position: absolute;
  left: 0; top: 0; right: 0;
  height: 40px;
  display: flex;
  align-items: center;
}

#left .webletnavigation ul li a:hover{
  background: #F6F6F6;
  text-decoration: none;
}

#left .webletnavigation ul li a.navigated {
  background: #154490;
  color: #FFFFFF;
}


#content .rightContCol {
  overflow: hidden;  
  padding: 30px 0 0;
}

@media screen and (min-width: 992px) { 

  #content .rightContCol {
    padding: 0 0 0 60px;
  }
    
}


#top .webletnavigation
{
  border: none;
}

#top .webletnavigation .container-fluid
{
  padding: 0;
}


#top .webletnavigation.navbar {
  margin-bottom: 0;
}
  #top .webletnavigation.navbar .navbar-nav {
    float: none;
  }
@media screen and (min-width: 767px) { 
  
    #top .webletnavigation.navbar .navbar-collapse.collapse {
      display: inline-block !important;
    }
}

#top .webletnavigation a,
#top .webletnavigation a:hover {
  color: #FFFFFF;
}

#top .webletnavigation ul {
  list-style-type: none;
  padding: 0;
}
  #top .webletnavigation>ul>li {
    float: left;
    min-height: 74px;
  }
  

#top .webletnavigation ul li  a {
    display: block;
    font: normal bold 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    text-decoration: none;
  }
    #top .webletnavigation ul li> a:hover,
    #top .webletnavigation ul li> a:focus {
      background: transparent;
    }

#top .webletnavigation ul li ul{
  display: none;
  position: absolute;
  margin: 0;
  padding: 11px 5px;
  list-style-type: none;
  background: #FFFFFF;
  color: #3B3F4A;
  border-radius: 0px;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
  #top .webletnavigation ul li>a.selected~div>div>ul{} 
  #top .webletnavigation ul li:hover ul {
    display: block;
  }
    #top .webletnavigation ul li ul li {
      float: none;
      min-width: 200px;
      position: relative;
      height: 32px;
    }
      #top .webletnavigation ul li ul li:hover
      {
        background: #3B3F4A;
      }
        #top .webletnavigation ul li ul li a {
          position: absolute;
          top: 0; left: 0; right: 0; bottom: 0;
          color: #3B3F4A;
        }
          #top .webletnavigation ul li ul li:hover>a
          {
            background: #D95A00;
            color: #FFFFFF;
          }
  #top .webletnavigation ul li .dropdown > li > a,
  #top .webletnavigation ul li .dropdown-menu > li > a {
    padding: 5px 20px 5px 10px;
    font-size: 14px;
    font-weight: normal;
  }

#top .webletnavigation ul:after
{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


@media screen and (max-width: 768px) { 
  #top>div.webletLocationtopNav {
    flex-grow: 0;
    order: 3; 
  }

  #top .webletnavigation ul li
  {
    display: block;
    float: unset;
    width: 100%;
  }
  
  #top .webletnavigation .icon-bar {
    background-color: #FFFFFF;
  }
  
  #top .webletnavigation ul li ul{
    margin-left: 40px;
    margin-top: -20px;
  }

  #top .webletnavigation .in
  {
    margin-bottom: 0.7em;
  }
  
  #top .webletnavigation .navbar-collapse{
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    background: #D95A00;
    height: 100vh;
  }
  
}
#top .webletwhoami {
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
}

#top .webletwhoami .photo a,
#top .webletwhoami .photo a:link,
#top .webletwhoami .photo a:visited,
#top .webletwhoami .photo a:hover
{
  text-decoration: none;
}


#top .webletwhoami .dropdown  a {
    display: block;
    font: normal bold 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    text-decoration: none;
  }
    #top .webletwhoami .dropdown> a:hover,
    #top .webletwhoami .dropdown> a:focus {
      background: transparent;
    }

#top .webletwhoami .dropdown ul{
  display: none;
  position: absolute;
  margin: 0;
  padding: 11px 5px;
  list-style-type: none;
  background: #FFFFFF;
  color: #3B3F4A;
  border-radius: 0px;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
  #top .webletwhoami .dropdown>a.selected~div>div>ul{} 
  #top .webletwhoami .dropdown:hover ul {
    display: block;
  }
    #top .webletwhoami .dropdown ul li {
      float: none;
      min-width: 200px;
      position: relative;
      height: 32px;
    }
      #top .webletwhoami .dropdown ul li:hover
      {
        background: #3B3F4A;
      }
        #top .webletwhoami .dropdown ul li a {
          position: absolute;
          top: 0; left: 0; right: 0; bottom: 0;
          color: #3B3F4A;
        }
          #top .webletwhoami .dropdown ul li:hover>a
          {
            background: #D95A00;
            color: #FFFFFF;
          }
  #top .webletwhoami .dropdown .dropdown > li > a,
  #top .webletwhoami .dropdown .dropdown-menu > li > a {
    padding: 5px 20px 5px 10px;
    font-size: 14px;
    font-weight: normal;
  }

#top .webletwhoami .dropdown-menu
{
  left: unset;
  right: 0px;
  top: 82px;
}

#top .webletwhoami ul li{
  min-width: 120px;
}

#top .webletwhoami .logout a
{
  font-weight: normal;
}

#top .whoami {
	margin: -20px 0 -20px 20px;
}

#top .whoami .photo{
	margin: 20px 0;
}

#top .whoami .dropdown .name {
    border-bottom: solid 2px #D95A00;
    padding: 5px 10px 10px 10px;
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {

  #top .webletwhoami .dropdown-menu
  {
    right: -15px;
  }
}#content
{
  padding: 10px 15px 30px 15px;
}

#content h1:first-of-type {
  color: #154490;
  font-family: 'Raleway';
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  margin: -10px -35px 15px;
  padding: 15px 40px;
}

#content .leftContCol.col-md-6 h1:first-of-type {
  margin: -10px -50px 15px;
}

#content .standardText,
#dashboard .webletLocation,
#contentWeblets
{
  font-size: 1.2em;
}


#content .tag-tile
{
  background: #D95A00;
  border-radius: 1em;
  padding: 0.1em 0.6em 0.3em;
}

#content .tag-tile,
#content .tag-tile a
{
  color: #FFFFFF;
}


#content .multimedia,
#content .multimedia img{
  max-width: 100%;
  height: auto;
}



#contentWrapper
{
  background-color: #FFFFFF;
  background-repeat: no-repeat;

  background-image: url("data:image/svg+xml,%3Csvg width='1281' height='1448' viewBox='0 0 1281 1448' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M236.656 1109.23L162.128 1152.37C158.707 1154.33 158.707 1159.35 162.128 1161.31L647.535 1442.4C660.242 1449.75 676.003 1449.75 688.709 1442.4L1174.12 1161.31C1177.54 1159.35 1177.54 1154.33 1174.12 1152.37L1099.59 1109.23C1086.88 1101.88 1071.12 1101.88 1058.41 1109.23L735.014 1296.59C728.172 1300.51 719.62 1295.61 719.62 1287.64V734.41C719.62 719.706 727.439 706.105 740.145 698.63L1217.86 422.076C1224.7 418.155 1233.25 423.056 1233.25 431.02V805.601C1233.25 820.304 1241.07 833.905 1253.78 841.38L1328.3 884.511C1331.72 886.472 1336 884.021 1336 880.1V317.923C1336 303.219 1328.18 289.618 1315.47 282.144L830.067 1.05555C826.646 -0.904959 822.37 1.54569 822.37 5.46671V91.8518C822.37 106.556 830.189 120.157 842.896 127.631L1166.3 314.983C1173.14 318.904 1173.14 328.829 1166.3 332.872L688.587 609.427C675.88 616.779 660.12 616.779 647.413 609.427L169.703 332.872C162.861 328.951 162.861 319.026 169.703 314.983L493.104 127.631C505.811 120.279 513.63 106.678 513.63 91.8518V5.46671C513.63 1.54569 509.354 -1.02749 505.933 1.05555L20.5257 282.144C7.8193 289.496 0 303.097 0 317.923V880.1C0 884.021 4.27614 886.594 7.69709 884.511L82.2248 841.38C94.9312 834.028 102.75 820.427 102.75 805.601V431.02C102.75 423.056 111.303 418.155 118.145 422.076L595.855 698.63C608.561 705.982 616.38 719.583 616.38 734.41V1287.64C616.38 1295.61 607.828 1300.51 600.986 1296.59L277.585 1109.23C264.879 1101.88 249.118 1101.88 236.411 1109.23H236.656Z' fill='%23FDF7F2'/%3E%3C/svg%3E%0A");
  background-size: auto; 
  background-position: right -131px;





  min-height: calc(100vh - 185px);
}


#contentWrapper .standardText
{
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  margin: 80px auto 30px;
  padding: 30px;
  max-width: 400px;
}

@media (min-height: 700px)
{
  #contentWrapper .standardText
  {
    margin: calc((50vh - 75px) - 200px) auto 30px;
  }
}


#contentWrapper .standardText h2
{
  margin-top: 0;
}


.login button
{
  display: block;
  float: right;
  min-width: 100px;
}

@media (max-width: 767px)
{
  #contentWrapper .standardText
  {
    margin: 40px auto 0;
  }

  .login button
  {
    min-width: 100%;
    margin: 10px 0 20px 0;
  }
}


.login label span
{
  display: block;
  float: left;
  width: 10em;
}

.login label input
{
  width: 100%;
}

.login span.warning
{
  color: #DB0000;
}

.login form .elements
{
  margin-top: 15px;
}

fieldset legend
{
  color: #3B3F4A;
  font-weight: normal !important;
}

textarea,
textarea.form-control,
input[type="text"],
input[type="email"],
input[type="date"],
input[type="password"],
input.form-control,
select,
select.form-control,
#content .BBeditor .container iframe
{
  background-color: #FFFFFF;
  border: none;
  border-bottom: 2px solid #D95A00;
  border-radius: 0px;
  box-shadow: none;
  color: #3B3F4A;
  font-family: inherit;
  font-size: inherit;
  height: auto;
  margin: 2px 5px 2px 0;
  padding: 5px;
}

input[type="file"]
{
	border-bottom: none;
}

textarea:focus,
textarea.form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input.form-control:focus,
select:focus,
select.form-control:focus,
#content .BBeditor .container iframe:focus
.form-control:focus {
  border-color: #154490;
  outline: 0;
  box-shadow: none;
}

input::placeholder
{
  color: #9AA0A7;
}

input[disabled="disabled"],
input[readonly="readonly"]
{
  opacity: 0.7;
}

input[type="checkbox"],
input[type="radio"]
{
  margin: 3px;
  vertical-align: middle;
}


form .dmUpload input[type="text"]
{
  background-color: #F6F6F6;
}


form .errorElement .inputElement input,
form .errorElement .inputElement textarea,
#content form .errorElement .BBeditor .container iframe
{
  border-color: red;
}

form .errorElement .error
{
  font-style: italic;
  font-size: 0.8em;
  color: red;
}

form input.parsley-error,
form textarea.parsley-error
{
  background-color: inherit  !important;
  border: none  !important;
  border-bottom: 2px solid red !important;
}

form input.parsley-success,
form textarea.parsley-success
{
  background-color: inherit  !important;
  border: none  !important;
  border-bottom: 2px solid green !important;
}

form .parsley-errors-list
{
  color: red;
}


form .formElementButton div {
    display: inline;
}

form .formElementButton div.centerColButton {
    float: right;
}

form .uitleg {
    font-size: 0.8em;
    color: #154490;
}


#content form .radioButtonBig .radio label{
}
form .radioButtonBig .radio label{
  display: block;
  cursor: pointer;
  border: 1px solid #D95A00;
  color: #FFFFFF;
  background-color: #D95A00;
  padding: 15px;
  margin-bottom: 25px;
  text-align: center;
}
  form .radioButtonBig .radio label.selected{
    background-color: #FFFFFF;
    color: #D95A00;
  }


form .radioButtonBig .radio label input{
  position: absolute;
  top: 0px;
  visibility: hidden;
}

form .radioButtonBig .radio label.disabled{
  border: 1px solid #9AA0A7;
  color: #9AA0A7;
  cursor: inherit;
}

form table.tariffs {
	table-layout: fixed;
}

form table.tariffs th {
  text-align: center;
}

form table.tariffs ul {
	padding-inline-start: 25px;
  list-style-type: none;
}

form table.tariffs ul li::before {
	font-family: 'Glyphicons Halflings';
  content: "\e013";
  position: relative;
  left: -10px;
  margin-left: -15px;
  color: #D95A00;
}

form table.tariffs td.premie {
  text-align: center;
  font-weight: bold;
}button,
a.button,
.btn,
.btn:hover,
.btn:active,
.btn:focus,
input[type="button"],
input[type="submit"]
{
  cursor: pointer;
  font-size: 1.1em;
  color: #FFFFFF;
  padding: 3px 12px 5px 12px;
  background: #154490;
  border: none;
  border-radius: 5px;
}

.buttons a.button {
  display: inline-block;
  margin-bottom: 3px;
}

#content .BBeditor .editbar button
{
  color: #FFFFFF;
  background: #154490;
  border-radius: 0;
  padding: 1px 10px 4px 10px;
}

.btn,
.btn:hover,
.btn:active,
.btn:focus
{
  color: #FFFFFF !important;
  background-color: #154490 !important;
}

button.toggled,
a.button.toggled,
input[type="button"].toggled,
input[type="submit"].toggled
{
  background: #154490;
}

a.button:hover
{
  text-decoration: none;
}

button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled
{
  cursor: default;
  background: #F6F6F6;
  position: relative;
  top: 0 !important;
}
.autocomplete-suggestions
{
  background: #FFFFFF;
  border: none;
  box-shadow: 0 1px 4px #9AA0A7;
  color: #3B3F4A;
  max-height: 284px !important;
}

.autocomplete-selected
{
  background: #D95A00;
  color: #FFFFFF;
}

#content .standardText .pagination a
{
  color: #154490;
}

#content .standardText .pagination li.next a,
#content .standardText .pagination a.next,
#content .standardText .pagination li.previous a,
#content .standardText .pagination a.previous
{
  color: #D95A00 !important;
}

#content .standardText .pagination li.active a,
#content .standardText .pagination a.current
{
  background-color: #154490;
}

#content .standardText .pagination li.active a:hover,
#content .standardText .pagination a.current:hover,
#content .standardText .pagination a:hover,
#content .standardText .pagination a:focus,
#content .standardText .pagination a:active
{
  background-color: #D95A00;
}


table
{
  border: none;
  width: 100%;
}

.dataTables_wrapper table
{
  /*font-size: 1.3em;*/
}

table tr th
{
  background: transparent;
  border: none;
  border-bottom: 3px solid #F6F6F6;
}

table tr td
{
  border: none;
  border-bottom: 1px solid #F6F6F6;
}

table tr td .noResults
{
  text-align: center;
  font-style: italic;
}


.teamFilter
{
  float: right;
}

.hiddenSpan
{
  display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0;
}
.dataTables_wrapper .dataTables_paginate .pagination {
  margin: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    border-color: transparent;
}

.weblettramrails .default .stops
{
  border-color: #D95A00 !important;
}

.weblettramrails .default .stops .stop .details .begin
{
  background-color: #D95A00 !important;
}


.weblettramrails h2.webletTitle
{
  display: none;
}

code.ISEStyle{
  font-size: 90%;
  white-space: nowrap;
  overflow-x: auto;
  display: block;
  font-family: courier;
  padding: 10px;
  color: #000;
  background-color: #f7f7f7;
}  

@media print
{
html
{
  background: none;
}

body
{
  font-size: 10pt;
  color: Black;
}

#pageWrapper
{
  width: auto;
  background: none;
}

#mainWrapper
{
  float: none;
  width: auto;
}

#contentWrapper
{
  float: none;
  width: auto;
}

#content
{
  padding: 0;
}

#top,
#bottom
{
  display: none;
}


}

 @media (min-width: 768px) {

  .webletnavigation.autonav ul li ul
	{
	  display: none;
	  position: absolute;
	}

	.webletnavigation.autonav ul li:hover ul
	{
	  display: block;
	}
}

@media screen and (max-width: 767px) {

  .webletnavigation.autonav ul li
	{
	  float: none;
	}

  .webletnavigation.autonav ul li ul
	{
	  position: static;
	}

}

.webletnavigation.autonav ul li ul li
{
  float: none;
  min-width: 200px;
}
.navbar
{
  margin-bottom: inherit;
  border: none;
}

#top .webletnavigation.webletLocationtop2 
{
  box-shadow: none;
}

@media (max-width: 1000px) {
  #top .webletnavigation.webletLocationtop2 a{
    padding-left:12px;
    padding-right:12px;
  }
}
 .webletsimpleWeblet .multimedia{
  display: block;
  width: 100% !important;
}

.webletsimpleWeblet .multimedia img{
  margin: 0 auto;
  display: block;
}  

.webletsimpleWeblet .simpleText{
  position: relative;
}

.webletsimpleWeblet ul{
  margin: 0;
}

.webletsimpleWeblet ul li{
  display: block;
}  

.webletsimpleWeblet .hiddenLinks .hyperLinks{
  position: unset;
  float: unset;
}

.webletsimpleWeblet .hiddenLinks ul li a{
  display: block;
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
}

.webletsimpleWeblet .hiddenLinks ul li a .title{
  display: none;
}  

 .col-xs-12.auto{
    width: unset;
    float: none;
    display: inline-block;
}  

.popinEdit .webletEditMenu span.icon{
  text-align: center;
  display: block;
  font-size: 30px;
}

.webletEditMenu span.text{
} .whoami
{
  display: flex;
  margin: 5px 0 0 12px;
}

.whoami .photo
{
  border-radius: 100%;
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: left;
  margin: auto 0px;
}

.whoami .photo .no-avatar 
{
  width:50px;
  height:50px;
  background-color:#154490;
  color:white;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
}

.whoami .text
{
  float: left;
  margin: 2px 0 0 4px;
  font-size: 0.7em;
  margin: auto 5px;
}

.whoami .name
{
  font-weight: bold;
}

.login .icon {
	font-size: 150%;
  margin: 10px;
}
  
  .login a {
    text-decoration: none;
  }

@media screen and (min-width: 769px) {
  
  .whoami .dropdown-menu {
    display: none;
  }
  .login .icon-sign-in{
    display: none;
  }
}
  

@media screen and (max-width: 768px) {
	.whoami .text {
    display: none;
  }
  
  .login .text {
    display: none;
  }
}
.webletStylepekrpwEsHfGNLLHOPC { 


}
.webletStyleoejrpwEsHfGNLLHOPA { 


}
.webletStyleffkrpwEsHfGNLLHOPE { 


}
@media print
{

}

