@charset "utf-8";
/* CSS Document */
	body {
		background-color:#e3f2fd;
	}
	.navbar a {
		color:#17458F;
	}
.pull-left {
        float: left !important;
}
.pull-right {
        float: right !important;
}
nav {
  transition: background 0.4s ease-in-out;
  background: white;
}
.is-hidden {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
}
.navbar-hide {
  pointer-events: none;
  opacity: 0;
}
.dropdown .dropdown-menu .dropdown-RotaryBlue .dropdown-item:hover {
background-color: #0d47a1!important;
}
.dropdown-menu {
    max-height: 280px!important;
    overflow-y: auto!important;
}
.dropdown-menu a:hover {
    background-image: none;
    background-color: #0d47a1!important;
    color: white;
}
.scrollable-menu {
    height: auto;
    max-height: 250px;
    overflow-x: hidden;
}
.btn-rotary {
  color: #fff;
  background-color: #005DAA;
  border-color: #005DAA;
}

.btn-rotary:hover {
  color: gold;
  background-color: #0d47a1;
  border-color: #0d47a1;
}

.btn-rotary:focus, .btn-rotary.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
}
.messageArea img {
	    margin: 5px!important;
	    max-width: 100%!important;
  	    height: auto!important;
}
/*navbar */

.navbar .navbar-brand {		
		background-image:url(/assetsextras/img/logos/Rotary_sm.png);
		background-repeat: no-repeat;
  		display: block!important;
		padding: 10px 120px 0px 0px!important;
        margin-top: 10px;
		margin-right: 0px !important;
		margin-left: -10px!important;
  		font-size: 14px!important;
		font-weight:normal!important;
		height: 60px;
  		color: #001A5A;
        position: static;
		}
.cbName {
		margin-left: -30px!important;
        margin-top: -9px;
		width: 175px!important;
		margin-right: 0px!important;
}
.distPos {
    color:#17458F;
    margin-top: 1.8rem !important;
   position: absolute;
    left:  5px;
    z-index: 3;
    font-size: 12px;
}
@media (min-width: 576px) {
	.navbar .navbar-brand {	
		background-image:url(/assetsextras/img/logos/Rotary_sm.png);
		background-repeat: no-repeat;
  		display: block!important;
        margin-top: 2px;
		margin-right: 0px !important;
		margin-left: -10px!important;
  		font-size: 14px!important;
		font-weight:normal!important;
		min-height: 50px;
  		color: #001A5A;
		}
.cbName {
	    width:400px!important;
	    margin-left: -80px;
	    margin-right: 0px!important;
  		font-size: 18px!important;
		background-color:transparent!important;
	}
.distPos {
        color:#17458F;
        margin-top: 1.8rem!important;
        position: absolute;
        left:  5px;
        z-index: 9999;
        font-size: 12px;
}

}
@media (min-width: 767px) {
	 .navbar .navbar-brand {		
		background-image:url(/assetsextras/img/logos/Rotary.png);
		background-repeat: no-repeat;
  		display: block!important;
  		padding: 10px 100px !important;
        margin-left: -10px!important;
        margin-top: 2px;
		margin-right: 60px !important;
		min-height: 80px;
  		color: #001A5A;
	}
	
	.cbName {
	    width:400px!important;
		margin-left: -5px!important;
	    margin-right: 0px!important;
	    margin-top:-5px!important;
  		font-size: 22px!important;
		font-weight:bold!important;
		background-color:transparent!important;
	}
.distPos {
        color:#17458F;
        margin-top: 2.4rem!important;
        position: absolute;
        left:  5px;
        z-index: -1;
        font-size: 14px;
}    
}
@media (min-width: 1024px) {
	 .navbar .navbar-brand {		
		background-image:url(/assetsextras/img/logos/Rotary.png);
		background-repeat: no-repeat;
  		display: block!important;
  		padding: 10px 100px !important;
		margin-right: -5px !important;
		min-height: 80px;
  		color: #001A5A;
	}
	
	.cbName {
	    width:400px!important;
	    margin-right: 0px!important;
		margin-left: -5px!important;
	    margin-top:-5px!important;
  		font-size: 22px!important;
		font-weight:bold!important;
		background-color:transparent!important;
	}
.distPos {
        color:#17458F;
        margin-top: 2.6rem!important;
        position: absolute;
        left:  5px;
        z-index: 10;
        font-size: 14px;
} 
}
.nav-rotary-row {
    background-color: #f8f9fa; 
    margin-top: -4px
         }        
.nav-rotary {
    color: #5a7281;
    background-color: #f8f9fa;
    border: none !important;
    box-shadow: none!important;
    outline: 0;
    font-size: 18px !important;
    font-weight: 600;
}

.nav-rotary:hover {
    color: #459AE2;
    background-color: #f8f9fa;
    border: none !important;
    box-shadow: none!important;
    outline: 0;
    font-size: 18px !important;
    font-weight: 600;
}
.welcomeMessage {
min-height: 200px;
}
.lgtitle {
background-color: #9933CC;
color: white;
}
.lgtitle:hover{
background-color: #9933CC;
color: white;
}
.lgactive {
background-color: #4285F4!important;
color: white;
}
.lgactive:hover{
background-color: #0d47a1!important;
color: white;
}
.cke_panel
{
    height: 300px !important;
    width: 180px !important;
}
.membread {
	margin-top:-30px;
	background-color:#ffffff;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
  bottom: .5em;
}
.form-control::-webkit-input-placeholder {
  color: #d6d7d8;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #d6d7d8;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #d6d7d8;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #d6d7d8;
  opacity: 1;
}

.form-control::placeholder {
  color: #d6d7d8;
  opacity: 1;
}
.text_red {
	color:#DD0509;
}
.text_gold {
	color:#f7a81b;
}	
.block_azure {
  		background-color: #005daa;
		color:#FDFCFC;
		padding: 3px;
		display:block;
		border-radius: 5px;
}
.block_royal-blue {
  		background-color: #17458f;
		color:#FDFCFC;
		padding: 3px;
		display:block;
		border-radius: 5px;
}
.block_gold {
  		background-color: #f7a81b;
  		padding: 3px;
		display:block;
		border-radius: 5px;
}
.block_purple {
  		background-color: #9933CC;
		color: #ffffff;
  		padding: 3px;
		display:block;
		border-radius: 5px;
}
.larger_text{
	font-size:larger;
}
.smaller_text{
	font-size:small;
}
.extra_large_text{
	font-size:x-large;
}
.ro-cloud {
	background-color: #e6e5d8;
}
.ro-cranberry {
    background-color: #c10042;
}
.ro-lavender {
	background-color: #c6bcd0;
}
.ro-moss {
	background-color: #a7aca2;
}
.ro-orange {
    background-color: #ff7600;
}
.ro-powder-blue {
	background-color: #c9dee9;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
     border-radius: 5px;
	 margin: 2px;
}
.ro-platinum {
	background-color: #c5c1bb;
}
.ro-silver {
	background-color: #e7e7e8;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
     border-radius: 5px;
	 margin: 2px;
}
.ro-slate {
    background-color: #687d90;
}
.ro-success {
	background-color: #9DD894;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
     border-radius: 5px;
	 text-align: center;
	 font-size: 24px;
	 margin: 20px;
}
.ro-taupe {
	background-color: #d9c89e;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
     border-radius: 5px;
	 margin: 2px;
}
.ro-turquoise {
    background-color: #018d8d;
}

#top-section {
	padding-top: 80px; 
	margin-top: -80px;
}
.timerarea {
	padding: 5 10 5 5;
 /*	background-color: #F8E896; */
	background-color: #e6e5d8;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
     border-radius: 15px;
	 margin-bottom: 10px;
	 z-index: 1;
}
.control-label {
    font-weight: 800;
    color: #8A04B1;
}
.divider121 {
	margin-top: 6.5rem!important;
}
.fa-bars {
    color: #F7A81B;
}
#PgContent img{
    max-width: 100%;
    height: auto;
    padding: 5px;
}
.clearer {
    clear: both;
    
}
@media all and (display-mode: standalone) {
  .btnPWA {
    display: none;
  }
}
.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}