/* --- :root Variables --- */
:root {

    /* Primary palette */
    --primary: rgba(96,15,151,1);
    --primary-light: rgba(96,15,151,.5);
    --primary-shade: rgba(96,15,151,.1);
    --primary-alt: #fff;

    /* Secondary palette */
    --secondary: rgba(6,188,64,1);
    --secondary-light: rgba(6,188,64,.5);
    --secondary-shade: rgba(6,188,64,.1);
    --secondary-alt: #fff;

    /* Tertiary palette */
    --tertiary: rgba(248,182,25,1);
    --tertiary-light: rgba(248,182,25,.5);
    --tertiary-shade: rgba(248,182,25,.1);
    --tertiary-alt: #000;

    /* Neutrals */
    --black: #000;
    --black-light: rgba(0,0,0,.5);
    --black-shade: var(--black-light);
    --white: rgba(255,255,255,1);
    --white-light: rgba(255,255,255,.5);
    --white-shade: rgba(255,255,255,.1);

    /* Extended */
    --purple: var(96,15,151,1);
    --green: rgba(6,188,64,1);
    --green-light: var(6,188,64,.5);
    --green-shade: var(6,188,64,.1);
    --yellow: rgba(248,182,25,1);
    --yellow-light: rgba(248,182,25,.5);
    --yellow-shade: rgba(248,182,25,.1);
    --violet: rgba(30,9,68,1);
    --blue: rgba(64,26,241,1);
    --blue-light: rgba(64,26,241,.5);
    --blue-shade: rgba(64,26,241,.1);
    --red: rgba(248,0,0,1);
    --red-light: rgba(248,0,0,.5);
    --red-xlight: rgba(248,0,0,.35);
    --red-shade: rgba(248,0,0,.1);
    /* Brand */
    --kc-green: rgba(55,80,26,1);
    --kc-purple: rgba(76,35,113,1);
    --kc-gold: rgba(211,171,52,1);

    /* Misc */
    --main-background: rgba(234,230,242,1);
    --gray: rgba(200,200,200,1);
    --help: inherit;

    --fa-font-solid: "Font Awesome 7 Pro";

    --font-primary: "Roboto", sans-serif;
    --font-secondary: "Roboto", sans-serif;
    --font-header: "Roboto", sans-serif;
}

body {
    background: var(--main-background);
    min-height: 100vh;
    height: 100%;
    width: 100vw;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

footer {
    width: 100%;
    padding: 5px 10px;
    border-top: 10px solid var(--kc-gold) !important;
    background: #fff !important;
    color: var(--kc-purple) !important;
}

footer a {
    color: var(--kc-purple) !important;
    font-weight: bold;
    text-decoration: none;
}

* {
    font-family: var(--font-primary);
    font-optical-sizing: auto;
    /*font-style: normal;*/
}

a, a:visited {
    color: var(--black-light);
    text-decoration: none;
    border-bottom: 1px dotted var(--black-light);
}

a:hover {
    color: var(--black);
    border-bottom: 1px dotted var(--tertiary);
}


h1 {
    font-size: 1.8rem;
    font-family: var(--font-header);
}

h2 {
    margin: 40px 0px;
}

label {
    font-weight: bold; color: var(--black);
    line-height: 1.05rem;
}

.bg-dark{ background-color: var(--primary) !important; color: var(--primary-alt) !important; }
.bg-primary{background-color: var(--primary) !important; color: var(--primary-alt) !important; }
.bg-secondary{background-color: var(--secondary) !important; color: var(--secondary-alt) !important;}
.bg-tertiary{background-color: var(--tertiary) !important; color: var(--tertiary-alt) !important;}
.bg-success{ background-color: var(--green) !important; color: var(--white) !important;font-weight: bold;}
.bg-warning{ background-color: var(--yellow) !important; color: var(--white) !important; font-weight: bold;}
.bg-danger{background-color: var(--red) !important; color: var(--white) !important;  font-weight: bold;}
.bg-danger-light{background-color: var(--red-shade) !important;   }
/* Client page */
.clent_name{ }
.clent_warning{ float:right; }
.clent_error{ float:right; }

.sidebar{ background-color: rgba(248,182,25,.25) !important; border-right: 3px solid rgba(6,188,64,1); padding-top: 50px;}
.sidebar .nav-link{padding: 0px 1rem;}
.sidebar .nav-link:hover{}
.sidebar .nav-icon{    width: 30px;
    position: relative;
    float: left;}
 #detail-cell{overflow:hidden;}
 .sidebar .nav-item:hover .nav-icon{   color: rgba(6,188,64,1);
    }

.QuickStatusRow{

}

 .clientlist{ list-style-type: none;}

 .clientitem{
     border-top: 1px solid rgba(0,0,0,1);
     border-right: 1px solid rgba(0,0,0,1);
     border-bottom: 1px solid rgba(0,0,0,1);
     border-left: 1px solid rgba(0,0,0,1);
     background-color: rgba(0,0,0,.15);
     color: rgba(100,100,100,1);
     font-size: 1rem;
     text-transform: uppercase;
 }
.clientitem.status-good{ background-color: var(--green); color: var(--white);}
.clientitem.status-warning{ background-color: var(--yellow); color: var(--black); }
.clientitem.status-bad{ background-color: var(--red); color: var(--white);}

.clientitem.activecell{
    border-top: 1px solid rgba(0,0,0,1);
    border-right: 1px solid var(--white);
    border-bottom: 1px solid rgba(0,0,0,1);
    border-left: 1px solid rgba(0,0,0,1);
    background-color: var(--white) !important;
    color: rgba(0,0,0,1);
    font-weight:bold;
}

.status-cell{


}
.clientlogo{max-height: 75px; float: right;}


.masonry {
    column-count: 3;        /* how many columns */
    column-gap: 1.5rem;     /* spacing between columns */
}

.masonry-item {
    break-inside: avoid;    /* prevents breaking across columns */
    margin-bottom: 1.5rem;
}

.masonry {
    column-gap: 1.5rem;
}
.wide-2 {
    grid-column: span 2;
}

.tall-2 {
    grid-row: span 2;
}

.wide-3 {
    grid-column: span 3;
}

.tall-3 {
    grid-row: span 3;
}
@media (min-width: 576px) {
    .masonry { column-count: 2; }
}

@media (min-width: 768px) {
    .masonry { column-count: 3; }
}

@media (min-width: 1200px) {
    .masonry { column-count: 4; }
}

.masonry-item {
    break-inside: avoid;
    margin-bottom: 1.5rem;
}


.clientlistcol{}

.loading{}
.LogHistory{ min-height: 600px;}
.logentry{ font-size: .8em; margin-bottom:5px;}
.logentry .logentry-date{font-weight:bold; border-top:1px solid rgba(100,100,100,.2); border-bottom:1px solid rgba(100,100,100,.2);}
.logentry .logentry-detail{}
    .SearchResultsClose{ }
    
    
tr.ReportSectionRow{}
.table-condensed th,.table-condensed td{font-size: .9rem !important; padding: 1px !important;}

.SearchResults{     position: fixed;
    width: 80%; max-width: 1062px;
    margin: 0px;
    top: 50px;
    padding: 20px;
    background-color: rgba(200,200,200,1);
    min-height: 100px;
    border: 1px dashed var(--black-light);
z-index:500;}
    
    
.navbar a, .navbar{ color: var(--white) !important;}
.SearchResults a{ position:relative; width: 100%;  float:left;}
.row-highlight:hover,
.SearchResults a:hover{ background-color: var(--black-light); }
.alert-danger{background-color: #f8d7da !important;}
.toggle-group{width: 200%;}
.toggle-on{padding: .84rem 2.14rem !important;  margin-left: 21px; top: -5px !important;}
.toggle-off{padding: .84rem 2.14rem !important; left: 0px !important; top: -5px !important;}
.toggle.btn{ background-color: var(--white); width: 85px !important;}

.small-print{ font-size: .8em;}
.no-padding{padding:0px;}

.btn.btn-outline-secondary{ border-color: #6c757d !important; color: #6c757d !important;}
.btn.btn-outline-secondary:hover{    color: #fff !important; background-color: #6c757d !important; border-color: #6c757d !important;}
.btn-secondary {
    color: #fff;
    background-color: #6c757d !important;
	border-radius: 5px;
}
select:required,
textarea:required,
input:required{ border-color: rgba(255,0,0,.3); 
				background-color: rgba(255,0,0,.05); 
}

select:required:has(value){ border-color: rgba(0,255,0,.3) !important; background-color: rgba(0,255,0,.05) !important; }
textarea:required:not(:placeholder-shown),
input:required:not(:placeholder-shown){ border-color: rgba(0,255,0,.3) !important; background-color: rgba(0,255,0,.05) !important; }


label{ font-weight: bold; color: rgba(100,100,100,.75);}
.inactive, .inactive a{ font-style: italic; color: rgba(0, 0, 0, 0.5) !important;}

a.btn-secondary{ background-color: #6c757d !important;}
a.btn{ color: var(--white) !important;}

.hoverhighlight:hover{ background-color: rgba(0,0,0,.025); cursor: pointer}
.chartcell{  min-height: 400px;}

.guesttag{ color: rgba(86,56,117,1);}
.groupbox .group-box{
	 
    width: 15px; height: 15px; border: 1px solid rgba(0,0,0,.25);

}
.HEXcell{ width: 50px; height: 50px; border: 1px solid rgba(0,0,0,.25);}
.small, table.small td{font-size: .9em !important;}
.primary i{ color: rgba(212,175,55,1);}
.card.card-cascade.wider.reverse .card-body.card-body-cascade{margin-top: -200px;}
/* PAGE LAYOUT */
.ExportView .modal-body{overflow: scroll;}
.ExportView .modal-content{ width: 9in !important; }
/* INVOICE BASIC LAYOUT */

.modal{z-index:9999;}
	
.picker__select--year{
    display: inline-block !important;
}

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;
}

table.dataTable tfoot th, table.dataTable tfoot td{padding: 10px !important; font-weight: bold;}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{
    font-family: "Font Awesome 5 Pro", sans-serif !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    font-family: "Font Awesome 5 Pro", sans-serif !important;
}


.sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
 .sortable li { background-color: rgba(255,255,255,.3); margin: 0 3px 3px 3px; padding: 1px; padding-left: 1.5em; font-size: 1em; height: 24px; border:1px solid var(--black-light);}
  .sortable li span { position: absolute; margin-left: -1.3em; }

/* CHASSIS LAYOUT */

.chassis-section{}
.chassis-layout{min-height: 600px; }
.chassis-column{ border: 1px solid rgba(100,100,100,.25); min-height: 600px; margin:2px; background-color: rgba(0,100,0,.1);}
.chassis-column:hover{ border: 1px solid rgba(250,0,0,.5); }

 .float-view-column{   margin:2px;}
 
.switch label.btn.btn-success{ left:-42px;}
.switch label.btn.btn-danger{
    top: -36px !important;
    left: 54px !important;
}
iframe{max-width: 100%;}


.highlightrow:hover,
.clickable:hover{ cursor: pointer; background-color: rgba(0,200,0,.15) !important;}

/* ICONS */

.fa-lightbulb-on{ color: rgba(191,191,63,1);}
.fa-lightbulb-slash{ color: rgba(140,140,114,1);}


/* Store and Products */

.product-name{ font-weight: bold; font-size: 1.1em;}
.product-description{font-size: .85em; }

.cart .product-name{}
.cart .product-description{display:none;}
/*.grouponlyproduct::after{  font-family: "Font Awesome 5 Pro"; font-weight: 400; content: "\f005"; left: 10px; position:relative; top: 50px;}*/
.grouponlyproduct{ border-left: 20px solid rgba(0,255,0,.2); border-right: 20px solid rgba(0,255,0,.2);}
.grouponlyproduct td:first-child img{ left: -11px; position: relative;}

.minimize{}
.minimize th{ padding: 1px !important}
.minimize img{min-width: unset !important;
    max-height: 38px !important;}
	.minimize .outofstock{display:none;}
	.minimize .product-title{font-size: 1em !important;}
	.minimize .product-description{display:none;}
	.minimize td{padding-top: 1px !important; padding-bottom: 1px !important; font-size: .8em !important;}
	.minimize{}

.fa-question-circle{ color: rgba(240,240,24,1) !important;}
.fa-sign-out-alt{ color: rgba(24,240,24,1) !important;}
.pointer{cursor:pointer;}
.productimage{ width: 100px !important;}
.productthumb{}
.WideScreen{ width: 95% !important; max-width: 1096px !important; min-height: 800px;}
.WideScreen .modal-content{width: 100% !important;}
.WideScreen .modal-body{min-height: 600px;}


/*  FLOAT and Parade Layouts  */


#FloatList, #OrgList{
/*	height: 300px;
	padding: 2px 5px;
	overflow: scroll;
	border: 1px solid rgba(0,0,0,.5);
	*/
}


.paradelayout{min-height: 400px; width: 100% !important;}
.floatlist{  background-color: rgba(0,0,255,.15) !important;}
.orglist{  background-color: rgba(0,255,0,.15) !important;}


#FloatList, #OrgList{ margin-left: 0px !important; padding: 0px !important;}
#FloatList li{ list-style-type: none; border: 1px solid rgba(0,0,0,1); padding: 2px 5px; margin-bottom: 1px; cursor: pointer; background-color: rgba(0,0,0,.05);}
#FloatList li:hover{  border: 1px solid rgba(0,255,0,1); background-color: rgba(0,0,255,.15) !important;}

#FloatList li .icon{ position:relative; width: 75px;}
#FloatList li .position{position:relative; width: 50px;}
#FloatList li .title{position:relative;  width: 100px;}

#OrgList li{ list-style-type: none;  border: 1px solid rgba(0,0,0,1); padding: 2px 3px; margin-bottom: 1px; cursor: pointer; background-color: rgba(0,0,0,.05);}
#OrgList li:hover{  border: 1px solid rgba(0,255,0,1); background-color: rgba(0,255,0,.15) !important;}

#OrgList li .icon{position:relative; width: 75px;}
#OrgList li .title{position:relative; width: 100px;}


#ParadeLayout li{ list-style-type: none;  border: 1px solid rgba(0,0,0,1); padding: 5px 5px 5px; position:relative;  margin-left: 0px !important; margin-bottom: 1px; cursor: pointer; background-color: rgba(0,0,0,.05);}
#ParadeLayout li .icon{position:relative; margin-left: 10px;  width: 75px;}
#ParadeLayout li .position{position:relative;  margin-left: 10px;  width: 50px;}
#ParadeLayout li .title{position:relative;   margin-left: 10px;  width: 100px;}

#ParadeLayout li.float{ background-color: rgba(0,0,255,.15);}
#ParadeLayout li.organization{  background-color: rgba(0,255,0,.15);}

.FloatMemberGroup{  width: 20%;}
.FloatMemberName{ width: 80%;}

.assignmentcell{padding: 1px !important;}
.assignmentcell li{font-size: .8em;}
ul.assignmentlist{ padding: 0px; margin: 0px;}
li.memberassignment{ list-style-type: none; border: 1px solid rgba(0,0,0,1); padding: 2px 10px; margin-left: 0px; margin-bottom: 1px; cursor: pointer; background-color: rgba(0,0,0,.05);}
li.memberassignment:hover{ background-color:rgba(174,228,174,1) !important; }
.chassisassignmentcell:hover{ background-color:rgba(174,228,174,1) !important; border: 1px solid rgba(0,255,0,1);}
li.memberassignment .memberassignmentkreweid{ float:right;}

li.memberassignment.space{  
position: relative;
    border: 1px solid rgba(10,10,10,.1);
    background-color: rgba(10,10,10,.1);
    color: rgba(200,0,0,.5);}
/* LAYOUT MANAGER */

.eventlayout{ position:relative; top:25px;}
	
.layoutmenumanager{ position:fixed; width: 100%; left: 0px; top: 50px; z-index: 999;}

.eventlayout .section{ z-index:50;}
.eventlayout .eventcell{ z-index:60;}
.eventlayout .eventtable{cursor:pointer; border: 1px solid rgba(0,0,0,1); border-radius: 3px; font-size: .6em; padding-top: 3px; text-align:center; z-index: 100; overflow:hidden;}
.eventlayout .eventtable.partial{ }
.eventlayout .eventtable.full{ }
.eventlayout .eventcell{ position:relative; float:left; border: 1px dashed var(--black-light);}
.eventlayout .eventcell:hover{ border: 1px dashed rgba(0,0,0,.4); background-color:var(--black-light)}
.eventlayout .table-inactive{ opacity: .3;}
.eventlayout  .assignmentcell{}

	
#assignedlist  .assignmentcell{  border: 1px solid rgba(0,0,0,1); background-color: rgba(0, 156, 5,.2); }
.assignmentslayout .eventlayout .eventtable{
	font-size: .65em;
    padding-top: 4px;
	font-weight: bold;
    overflow:hidden;
}


.eventlayout  .assignments-empty{ background-color: rgba(0, 156, 5,.5);}
.eventlayout  .assignments-partial{ background-color: rgba(252, 186, 3,.5);}
.eventlayout  .assignments-full{ background-color: rgba(255, 3, 32,.5);}

.eventsectionlabel{	position:relative; float: left; width: 100%; font-size: 2em; text-align: center; top: 30%;}


.table-assignment-full{ background-color: rgba(255,0,0,.5) !important;}
.table-assignment-partial{ background-color: rgba(233, 212, 96, .5) !important;}
.table-assignment-empty{ background-color: rgba(0,255,0,.5) !important;}



.tab-content{ padding: 0 !important;}
.availablespace{  border: 1px solid rgba(0,0,0,1);background-color: rgba(0,0,0,.05); }
/*.page{ width: 8.5in; height: 11in; background-color:var(--white); border: 1px solid var(--black-light); padding: .5in;}*/
.member-thumbnail{max-height: 500px;}

.page {
  width: 8.5in !important;
  min-height: 11in !important;
  padding: 2cm;
  margin: 1cm auto;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage {
  padding: 1cm;
  border: 5px red solid;
  height: 256mm;
  outline: 2cm #FFEAEA solid;
}


/*  EVENT SECTIONS */

@media only screen and (max-width: 1025px) {
    body{ font-size: .9rem !important;}
    .clientlistcol{ max-width: 150px !important;}
    .clientitem {
    }
}

@page {
  size: A4;
  margin: 0;
}

@media print {
	body{ background: none !important;}
  .page {
    margin: 0;
    border: initial;
    border-radius: initial;
 width:100% !important; 
  height:100% !important;
    box-shadow: initial;
    background: initial;
    page-break-after: always !important;
  }
}