.ck-editor__editable {
    min-height: 500px !important;
}

.appheader {
    background: #3291DF;
    color:white;
    text-align: center;
    padding:8px;
    margin-bottom: 20px;
}

.applist {
    margin:0;
    padding:0;
    list-style-type: none;
    margin-bottom: 50px;
}

.applistitem {
    display: inline-block;
    background: #CFEBF8;
    padding:30px;
    text-align: center;
    margin-right: 1px;
    margin-bottom: 4px;
    width: 160px;
    height: 180px;
    vertical-align: top;
}

.applistimage {
    width:80px;
    margin-bottom: 8px;
}

.applistitem.disabled {
    opacity: .2;
}

.applistitem.disabled {
    pointer-events: none;
    cursor: default;
}






.rralertbar {
    background: #BA3E28;
    width: 100%;
    text-align: center;
    color: white;
    padding: 10px;
    font-size: 18px;
    z-index: 79;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
    margin-bottom:10px;
}








/* ORIGINAL */

body {
    background:white;

    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    color: #333;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.page-content {
    min-height: 800px;
	padding: 94px 15px 50px 15px;
}

.page-content > .container-fluid {
	/*overflow-x: scroll;
	overflow-y: visible;*/
	
}

.footercopyright a {
	color:white;
}

.mainwrapper {
	position: relative;
}

.titlelogo {
    margin-left: -4px;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 50px;
}

.control-panel-toggle.open .far {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}


/* for Date Picker */

.flatpickr-calendar.open {
	z-index: 99999999;
}



/* ---------- NAVIGATION ------------------------
------------------------------------------------- */




/* ------------- Header Navigation ------------ */	

.site-header {
    background:#F8FCFE;
}

.scrollpagecontent {
	overflow-x: scroll;
}


/*
.side-menu {
    background: #90C7ED;
}
*/

.rr3headericon {
	height: 25px;
	margin-right: 10px;
}

.dropdown.dropdown-typical .dropdown-header, .dropdown.dropdown-typical .dropdown-item {
    padding: 7px 14px;
}

#accountsdropdown a:nth-child(even) {
    background: #F3F5F8;
}

#accountsdropdown .dropdown-item {
    font-size: 13px;
}

.show-hide-sidebar {
    margin: 0 0 0 15px;
}

.dropdown.dropdown-typical a.dropdown-toggle .fa {
    vertical-align: middle;
    margin: 0 1px 0 0;
    color: #adb7be;
    font-size: 17px;
    line-height: 16px;
    position: relative;
    top: -1px;
}

.rr3headericon {
	height:30px; 
	width:30px;
	margin-right:4px
}

.rr3plathdricon {
    height: 20px;
    width: 33px;
    margin-right: 4px;
    margin-top: -5px;
}

.site-header .dropdown.dropdown-typical .lbl {
    font-size: 13px;
    line-height: 16px;
}

.orangeicon {
    color: #F29735 !important;
    font-size: 27px;
    margin-right: 9px;
    vertical-align: middle;
    margin-top: -5px;
}

.moreaccounts {
    color:#129DD5;
}

/* ------------- Accounts List ---------------- */




.allaccounts {
	position: relative;
	overflow: hidden;
	background: white;
	padding: 20px 20px;
	margin-bottom: 50px;
	display: none;
	border: 1px solid gray;
	border-radius: 12px;
	-webkit-box-shadow: 0 0 2px 3px #D6D6D6;
box-shadow: 0 0 2px 3px #D6D6D6;
}

.allaccountslist {
	list-style-type: none;
	overflow: hidden;
}

.allaccountslist li {
    font-size: 12px;
	padding:3px 17px !important;
}

.platformicon 	{
    width: 23px;
    height: 14px;
    margin-top: -3px;
    margin-right: 4px;
    opacity: 0.7;
}

.dropdown.dropdown-typical a.dropdown-toggle .font-icon {
    margin: 0 3px 0 0;
}


.site-header .dropdown a.dropdown-toggle {
	height: inherit;
	line-height: inherit;
}

.MikeBS5 .nav-item {
	white-space: nowrap;
}

nav.MikeBS5 {
	margin-top: -5px;
}

nav.MikeBS5 .nav-link {
	color: #000000;
	font-size: 16px;
}

nav.MikeBS5 .nav-link:hover, nav.MikeBS5 .dropdown-menu .dropdown-item:hover {
	color: #00a8ff;
}

nav.MikeBS5 .nav-link i {
	margin-right: 5px;
	text-align: center;
}

ol, ul {
	padding-left: 0;
}

body.sidebar-hidden .page-content {
	padding-left: 0px;
	padding-right: 0px;
}

body.sidebar-hidden #home.page-content {
	padding-left: inherit;
}

/* ------------- Sidebar Navigation ----------- */

.side-menu-list, .side-menu-list ul {
	padding-left:0;
}

.side-menu .jspPane {
    padding-top:80px !important;
}

.side-menu-list .lbl {
    font-size: .9rem;
    font-weight: 400;
    color: black;
}
.side-menu-list .fa, .side-menu-list .font-icon, .side-menu-list .glyphicon, .side-menu-list .tag-color {
    font-size: .9rem;
}

.side-menu {
}

.side-menu-ca {
    background: #94C7E5;
}

.side-menu-ax {
    background: #ffffff;
}

.side-menu-ea {
    background: #fde6c7;
}

.side-menu-ed {
    background:#EFF5EC;
}



nav.side-menu {
    position:absolute !important;
    /* padding-bottom:200px !important; */
}

.side-menu-list>li {
    line-height: 16px;
    border-bottom: 1px solid #E7F0F4;
}

.navdivider {
	background: #545454;
    padding: 10px 20px 10px 10px;
    color: white;
    font-weight: 600 !important;
    font-size: 16px;
}

.side-menu-list li.navdivider span:hover {
    background-color: transparent;
}

.side-menu-list li.navdivider span {
    padding: 4px 10px 4px 26px;
}

.side-menu-list a, .side-menu-list li>span {
    padding: 11px 10px 11px 10px;
/*     padding: 11px 10px 11px 26px; */
}
    
.side-menu-list .fa,.side-menu-list .far, .side-menu-list .fas, .side-menu-list .fal, .side-menu-list .font-icon, .side-menu-list .glyphicon, .side-menu-list .tag-color {
    right: 10px;
    top: 12px;
}

.side-menu-list .fa,.side-menu-list .far,.side-menu-list .fas, .side-menu-list .fal,.side-menu-list .font-icon, .side-menu-list .glyphicon, .side-menu-list .tag-color {
    position: absolute;
    right: 9px;
    left: inherit;
    top: 13px;
    line-height: 16px;
    font-size: 1.0625rem;
	transform: rotate(0deg);
	transition: transform .25s ease-out;
}

.side-menu-list .opened span.fa,.side-menu-list .opened .far, .side-menu-list .opened span.fal, .side-menu-list .opened span.fas {
	transform: rotate(90deg);
	transition: transform .25s ease-out;
}

.side-menu-list li.opened > span:nth-child(1) span:nth-child(1) {
    color: #b9b9b9 !important;
}

.side-menu-list a, .side-menu-list li>span {
    border-left: solid 7px transparent;
}

   
.navlogo {
    float: left;
    margin-right: 12px;
    width: 40px;
    height: 40px;
}  

.navlogoimg {
	width: 100%;
	height:100%;
	border-radius: 8px;
}

.side-menu-list li.with-sub>span:before {
    content:none !important;
}

.side-menu-list li>span {
    border-left: solid 7px transparent;
}

.side-menu-list a ul li a {
    border-left: solid 14px transparent !important;
}

.side-menu-list li.with-sub li.with-sub li>a, .side-menu-list li.with-sub li.with-sub li>span {
    padding-left: 18px;
    border-left: 14px solid transparent;
}

.side-menu-list>li.aquamarine.opened li.with-sub li>a {
	border-left-color: #21a788;
} 

.side-menu-list>li.blue.opened li.with-sub li>a {
	border-left-color: #00a8ff;
}

.rr3_menu_high .lbl  {
	font-weight: 700;
}

.side-menu-list li.opened {
	background-color: white;
}

/*.side-menu-list a:hover, .side-menu-list li>span:hover {*/
/*	background-color: #5a5c5d;*/
/*}*/

.side-menu-list>li.orange .with-sub>span, .side-menu-list>li.orange.opened a, .side-menu-list>li.orange.opened>span {
    /*border-left-color: #F29735;*/
	border-left-color: black;
}

.side-menu-list>li.orange .fa, .side-menu-list>li.orange .font-icon, .side-menu-list>li.orange .glyphicon {
    color: #F29735;
}


.side-menu-list>li.edgreen .with-sub>span, .side-menu-list>li.edgreen.opened a, .side-menu-list>li.edgreen.opened>span {
    /*border-left-color: #00B847;*/
	border-left-color: black;
}

.side-menu-list>li.edgreen .fa, .side-menu-list>li.edgreen .font-icon, .side-menu-list>li.edgreen .glyphicon {
    color: #00B847;
    /* color: #ff0000; */
}


.side-menu-list>li.cablue .with-sub>span, .side-menu-list>li.cablue.opened a, .side-menu-list>li.cablue.opened>span {
	/*border-left-color: #016c9a;*/
	border-left-color: black;
}

.side-menu-list>li.cablue .fa, .side-menu-list>li.cablue .font-icon, .side-menu-list>li.cablue .glyphicon {
	color: #016c9a;
}



/* -------------- Main Page Styles ------------ 
----------------------------------------------- */

/*
body.sidebar-hidden .page-content {
    padding-left: 20px;
    padding-right: 20px;
}
*/

.loggedinas {
	position: absolute;
	right: 10px;
	top:6px;
	font-size: 12px;
	color:#3a3c3d;
	font-style: italic;
}

.site-header .user-menu.dropdown .dropdown-toggle img {
    height: 26px;
    width: 26px;
    margin: 3px 3px -1px 0;
}

/* -------------- Home Cards ------------------ */

#home {
	background:#356DA5;
    padding-bottom: 80px;
	margin-top: -15px;
}

#home.page-content {

/*    background-image: url(/images/phone-trans.png); */
    background-size: cover;
}

#home .card {
	margin-bottom: 30px;
	border-radius: 8px;
}

#home .card h3 {
	font-weight: 600;
}

#home .card-top-image {
	border-bottom: 1px solid #BCDBE6;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#home .card-body {
	padding: 15px 15px 30px 15px;
	min-height: 250px;
}


#home .card-footer {
	padding:0;
	margin:0;
}

#home .card-footer a {
	padding:15px;
	color:white;
	width:100%;
	display: inline-block;
}

#home .card-footer a:hover {
	color:white;
}

.homecardimage {
    text-align: center;
    padding:20px;
    margin-bottom: 23px;
}

.homecard {
    padding:30px 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 10px solid #426DA0;
}


.homecardcc {
    background:#EBEAF1;

}

.homecarded {
    background:#ECF2E9;

}

.homecardsm {
    background:#F2EFE6;

}

.homecardca {
    background:#E7EFF6;

}
.homecardbuttons {
    text-align: center;
}

.homebtns {
    color: white;
    padding: 15px 30px;
    display: inline-table;
    margin-top:10px;
    text-align: center;
}

.homecardcc .homecardimage {
    border-bottom:5px solid #6C5A9E;
    background:#EBEAF1;
}

.homepurplebutton {
     background:#6C5A9E;
 }

.homepurplebutton:hover {
    background:#4D4473;
    color: white;
}

.homecarded .homecardimage {
    border-bottom:5px solid #60B158;
    background:#ECF2E9;
}

.homegreenbutton {
    background:#60B158;
}

.homegreenbutton:hover {
    background:#507744;
    color: white;
}

.homecardsm .homecardimage {
    border-bottom:5px solid #B29242;
    background:#F2EFE6;
}

.homegoldbutton {
    background:#B29242;
}

.homegoldbutton:hover {
    background:#776537;
    color: white;
}

.homecardca .homecardimage {
    border-bottom:5px solid #469BCF;
    background:#E7EFF6;
}

.homebluebutton {
    background:#469BCF;
}

.homebluebutton:hover {
    background:#345976;
    color: white;
}



/* ------------ Apps Page -------------------- */

.apptype {
    /*margin-top:-8px;*/
    text-align:center;
    background: #EDF5EB;
    color:white;
    border-radius: 20px;
    line-height: 16px;
    font-weight: 600;padding:5px 25px 5px 25px;
}

.apptype.caapp {
    background: #DAE9F4;
}

.header-divider {
    /*border-bottom: 3px solid #C8D6DD;*/
    margin-bottom:20px;
}

/* ------------- Event Summary Page ---------- */

.eventdata {
	/*width: fit-content;*/
	width:100%;
	overflow-x:auto;
	min-height: 400px;
	/*padding-top: 15px;*/
    padding-top: 2px;
}

.section-header {
    margin-bottom: 5px;
    padding-bottom: 6px
}


.header-img {
	max-height: 60px;
	border:2px solid #C5D6DE;
	border-radius: 5px;
}

.section-header .subtitle {
    font-size: 1.5rem;
	font-weight: 600;
	color:#00B846;
}

.eventtitle {
	font-weight: 600;
	/* 	border-bottom: 1px solid #e3edf2; */
	/*padding-bottom: 10px;*/
    padding-bottom: 0px;
	margin-bottom: 10px !important;
	/*color:#00B846;*/
    color:#545454;

}

.eventtitle span {
    font-weight:300;
    color:#434343;
}

.eventname {
	margin-bottom: 15px !important;
}

.eventmeta {
    /*background: #ebfbef;*/
    /*padding: 10px 10px 12px 10px;*/
    /*border: 1px solid #BBEECF;*/
    /*border-radius: 5px;*/
    background: #F9FCFE;
    padding: 10px 10px 12px 10px;
    border: 1px solid #C8D6DD;
    border-radius: 3px;
}

/*
.eventmeta_ca {
    background: #94C7E5;
    padding: 10px 10px 12px 10px;
    border: 1px solid #C8D6DD;
    border-radius: 3px;
} */

.eventmeta_ca {
	background: #e4f0f9;
	padding: 15px;
	border: none;
	border-radius: 3px;
}

/*
.eventmeta_ca {
	background: #fafcfd;
	background: #159cd4;
	padding: 22px;
	border: 2px solid #489ACF;
	border-radius: 5px;
	color: white;
} */

.eventmeta_ed {
    background: #EFF5EC;
    padding: 10px 10px 12px 10px;
    border: 1px solid #C8D6DD;
    border-radius: 3px;
}


.eventdate, .eventlocation, .eventnumber, .eventwebsite {
	display: block;
    padding-right: 22px;
    margin-right: 21px;
    /*13Dec2023 KylaUpdate - removed font size to work with smaller font in bootstrap header stuff*/
    /*font-size: 16px;*/
    font-weight: 400;
    margin-bottom: 5px;
	
	/*display: block;
	padding-right: 22px;
	margin-right: 21px;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
	background: #168ec0;
	padding: 10px 20px; */
}

.eventdate span, .eventlocation span, .eventnumber span, .eventwebsite span {
	font-weight: 600;
    /*text-transform: uppercase;*/
	color:black;
	/*color: white;*/
}


span.eventhead {
	font-size: 22px;
}

span.eventdetail {
	font-size: 13px;
	display: block;
}

span.eventicon {
	/*width:20px !important;*/
	width: 28px !important;
	display: inline-block;
    /*font-size: 20px;*/
    font-size: 16px;
}

.eventwebsite {
	border-right: none;
	color:black;
	/* color: white; */
}

.eventwebsite a, .eventdate a {
	/*color: #337ab7; */
    color:black;
	/* color: white; */
}

/*
.button_thin {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 5px 8px !important;;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 4px;
    min-width: 30px;
    color: white !important;
    background-color: #129DD5 !important;;
    border: none !important;;
    margin-right: 2px !important;;
}
*/






.clubtitle {
	font-weight: 600;
	/* 	border-bottom: 1px solid #e3edf2; */
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	color:#129DD5;
}

.eatitle {
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	color: #F29735;
}
.cctitle {
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	color: #F29735;
}
.smtitle {
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	color: #F29735;
}
.adtitle {
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	color: #F29735;
}




/* -------------- Button Styles --------------- */

.bluebutton {
    background-color: #94C7E5;
    border-color: #129DD5;

    /*background-color: #129DD5;*/
    /*border-color: #129DD5;*/
}

.bluetxt {
	/*color:#129DD5;*/
    color:#94C7E5;

}

.greentxt {
	color:#2EB751;
}

.purpletxt {
	color:#7255A1;
}

.goldtxt {
	color:#B79239;
}

.bluebutton:hover {
	background: #0D678D;
}

.btn.btn-primary.greenbutton, .greenbutton {
    background-color: #2EB751;
    border-color: #2EB751;
}

.greenbutton:hover {
	background:#20843a;
}

.btn.btn-primary.goldbutton, .goldbutton {
    background-color: #B79239;
    border-color: #B79239;
}

.goldbutton:hover {
	background: #846928;
}

.btn.btn-primary.purplebutton, .purplebutton {
    background-color: #7255A1;
    border-color: #7255A1;
}

.purplebutton:hover {
	background: #4c396b;
}



.rr3_menu_high {
	background-color: #ecf2f5;
}



/* ----------- Media Queries ------------- */

@media (min-width:1200px) {
    #home .card-img-top {
        max-width: 370px;
    }

	
}

@media (max-width: 767px) {
	.site-header .site-logo img {
	    width: 46px;
	    top:0;
	}
}

@media (max-width: 1056px) {
	.site-header .site-header-content {
		margin-left: -200px;
	}
	.dropdown.dropdown-typical a.dropdown-toggle .fa {
		width: 18px;
	}
	
	.platformicon {
		width: 14px;
		height: 9px;
	}
	
	.site-header .dropdown.dropdown-typical a.dropdown-toggle .font-icon {
		margin-right: 3px;
	}
}

@media (max-width: 1530px) and (min-width: 1055px) {
	.site-header .dropdown.dropdown-typical a.dropdown-toggle .lbl {
    	display:inherit;
	}
}


.daterangepicker.dropdown-menu {
     max-width: none;
     z-index: 999999;
 }
.bootstrap-table .table a, .fixed-table-body .table a, .table a {
    position: relative;
    top: -1px;
}


/* Sleek Gold */
 .sleek-gold {
     background-color: #c4a747;
     /*background-color: #D4AF37;*/
     /*Kyla: made a little dark to read white font*/
     color: #FFF;
     border-color: #C9A227;
 }
.sleek-gold:hover {
    background-color: #B89222;
    color: #FFF;
}

/* Royal Blue (Contrast Color) */
.royal-blue {
    background-color: #4169E1;
    color: #FFF;
    border-color: #3155C7;
}
.royal-blue:hover {
    background-color: #3155C7;
    color: #FFF;
}

/*
.matte-gold {
    background-color: #B38E5D;
    color: #FFF;
    border-color: #9E7A4D;
}
.matte-gold:hover {
    background-color: #9E7A4D;
    color: black;
}
*/

.brick-red {
    background-color: #C44536;
    color: #FFF;
    border-color: #A5372A;
}
.brick-red:hover {
    background-color: #A5372A;
    color: #FFF;
}

.forest-green {
    background-color: #3E8E41;
    color: #FFF;
    border-color: #306D34;
}
.forest-green:hover {
    background-color: #306D34;
    color: #FFF;
}
