.bgItem{
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9e8f4+56,96b4dd+100 */
  
}
.alert{
  position: absolute;
  top:0px;
  background-color: #AB2009;
  background-color: rgba(171,32,9,0.4);
  z-index: 9999;
  width: 100%;
  padding: 10px;
  line-height: 15px;
  height: 30px;
  left: 0;
  right: 0;
  color:#FFF;
  border-radius: 0;
  border:0px;
  text-align: center;
}

.alert .alert-link{
  color: #FFF;
}

.inverted-f{
  color: white !important;
}

@media screen and (max-width: 768px){
  .alert{
    min-height: 40px;
    height: auto;
    padding-bottom: 10px;
  }
}

/*.ui.fixed.inverted.main.menu{
  background-color: rgba(0,0,0,0.8);
}*/

/*.sidebar{

  top:$navbar-height;
}*/

/*html, body
{
  background-color: #FFF;
}*/

/*.darkened{
  background-color: rgba(0, 0, 0, 0.75);
  margin-top: -20px;
  padding-top: 20px;
}
*/


/* @media only screen and (max-width: @computerBreakpoint){
  html.ios{
    background-color: white !important;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }

  html.ios,
  html.ios body{
    height: 100% !important;
  }
} */

/*******************************
        Highlighted Colors
*******************************/

h1::-moz-selection,
h2::-moz-selection,
h3::-moz-selection{
  background-color: #F1C1C2;
  color: #222222;
}
h1::selection,
h2::selection,
h3::selection{
  background-color: #F1C1C2;
  color: #222222;
}
.ui *::-moz-selection{
  background-color: #CCE2FF;
}
.ui *::selection{
  background-color: #CCE2FF;
}

/*******************************
             Global
*******************************/



body{
  margin: 0px;
  padding: 0px;
  color: #333333;
  background-color: white !important;
  /*background-color: #000000 !important;*/

}

#iron-router-progress{
    background-color : #FF0000;
    box-shadow       : 0 0 5px #000000;
}

@keyframes flash{
  0% { opacity: 0; }
  49%{ opacity: 0; }
  50%{ opacity: 1; }
  99% { opacity: 1; }
}

.flash1{
  animation: flash 1s infinite;
}
.flash2{
  animation: flash 2s infinite;
}

.marginless{
  margin: 0 !important;
}

.spacer-sm{
  height: 1.5em !important;
  display: block;
}

.darkBlue{
  background-color: rgba(0, 51, 102, 1) !important;
}
.darkenedBlue{
  background-color: rgba(0, 31, 62, 1) !important;
}

@media (min-width:992px){
    .desktop-only{
        display:block !important;
    }
    .mobile-only{
      display:none !important;
  }
}
 
@media (max-width: 991px){
    .mobile-only{
        display:block !important;
    }
 
    .desktop-only{
        display:none !important;
    }
}

.topMarginFixer{
  margin-top: -10px !important;
}

@media screen and (max-width: 768px){
  .topMarginFixer{
    margin: 0 !important;
    padding: 0 !important;
    margin-top: -10px !important;
  }
}

.ui:not(.vertical).tabular.menu .item:not(.active):not(.brand){
  background: #f4f4f4 !important;
  /* color: rgba(0, 0, 0, 0.95); */
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #d4d4d5;
  /* font-weight: bold; */
  margin-bottom: -1px;
  box-shadow: none;
  border-radius: 0.33333333rem 0.33333333rem 0px 0px !important;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 0px;
}

.ui.vertical.tabular.menu .item:not(.active):not(.brand){
  background: #f4f4f4 !important;
  /* color: rgba(0, 0, 0, 0.95); */
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #d4d4d5;
  /* font-weight: bold; */
  margin-bottom: -1px;
  box-shadow: none;
  border-radius: 0.33333333rem 0 0 0.33333333rem !important;
  margin-top: 2px;
  margin-right: 0px;
  margin-bottom: 2px;
}

.ui.spaceless.divider::before,
.ui.spaceless.divider::after{
  height: 100% !important;
}

.tt-input{
  background-color: white !important;
}

html.ios{
  background-color: white !important;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

html.ios,
html.ios body{
  height: 100% !important;
}

.header-cell-vertical {
	writing-mode: vertical-lr;
	text-align: left;
	transform: rotate(-180deg);
	border-right: 1px solid rgba(34, 36, 38, .1);
	border-bottom: unset;
	border-top: 1px solid rgba(34, 36, 38, .1);
	border-left: unset;
	padding: 10px 0 10px 0;
}