@charset "UTF-8";
/* CSS Document */



/* ************START CSS STYLES MADE BY ALEX GATEWOOD ********************** */

.header.header-nav-menu .header-nav-main nav > ul > li.open > a, .header.header-nav-menu .header-nav-main nav > ul > li:hover > a, .header.header-nav-menu .header-nav-main nav > ul > li.active > a {
    background: #666666;
    color: #FFF;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color:#333;
    background-color: rgba(244, 218, 35,1.00);
}

a.nav-link {color: #666666;}

.pointer {cursor: pointer;}

.badge-primary {
    background: rgba(244, 218, 35,1.00);
	color: #444444;
}

.page-header h2 {
    border-bottom-color: rgba(244, 218, 35,1.00);
}

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
    background: rgba(244, 218, 35,1.00);
}

html .scroll-to-top {
 
    background: rgba(244, 218, 35,1.00);

    color: #333333;
}

.header-btn-collapse-nav {
    background: #555555;
    color: rgba(244, 218, 35,1.00);
}

.header .logo-container .logo {
    line-height: 45px;
}



.profile-letter {
  background: rgba(244, 218, 35,1.00);
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #444444;
  display: inline-block;
  font-weight: bold;
  line-height: 2em;
  margin-right: 2px;
  text-align: center;
  width: 1.6em;
  font-size: 9px; 
  
}

.sidebar-right-toggle i { color: rgba(244, 218, 35,0.80)
}


.sidebar-widget h4 { color: rgba(244, 218, 35,0.90); font-weight: 600;
}

html .btn-primary {background-color: rgba(244, 218, 35,1.00); color: #333333; border-color: rgba(244, 218, 35,1.00);

}

html .btn-primary:hover {background-color:#666; color: #fff; border-color: rgba(244, 218, 35,1.00);

}

.sidebar-widget.widget-friends ul li .profile-info {
    margin: 0 10px 0 10px;}
	
.sidebar-widget.widget-friends ul li span.name {
    display: block;
    color: #FFF;
    font-weight: 500;
    vertical-align: top;
    line-height: 1.3em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0.2em;
    max-width: 180px;
    max-height: 15px;
}

.page-header .breadcrumbs a, .page-header .breadcrumbs span a, .page-header .breadcrumbs span a:active,  .page-header .breadcrumbs span a i    { color: #ccc !important}

 .page-header .breadcrumbs span a:hover,  .page-header .breadcrumbs  a:hover i.fa    { color: #fff !important}
 
 

element {

}
.body-sign .card-sign .card-body {

    border-top-color:  rgba(65,64,66,1.00);

}

.body-sign .card-sign .card-title-sign .title {
    background-color: rgba(65,64,66,1.00);
}

.body-sign .card-sign .card-body {
   
    padding: 13px 13px 7px;
}

.wizard-tabs ul > li.active .badge {
    background-color: rgba(244, 218, 35,1.00);
	color: rgba(65,64,66,1.00);
}

.wizard-tabs ul > li.active {
   
    font-weight: 800;
}

.simple-titlebar {
	color: rgba(234,234,234,1.00);
	padding: 0px 10px 3px 10px;
	font-size: 16px;
	font-weight:600;
	
	}
	
.tab-pane p { font-size:16px; font-weight: 600;
	}
	
.tabs.tabs-simple .nav-tabs > li .nav-link, .tabs.tabs-simple .nav-tabs > li .nav-link:hover, .tabs.tabs-simple .nav-tabs > li .nav-link:focus {
    padding: 10px 10px;
 
}

html body .tabs.tabs-simple .nav-tabs > li.active .nav-link { color: rgba(244, 218, 35,1.00)}

.ceulockeryellow { color: rgba(244, 218, 35,1.00) !important;
background-color:rgba(65,64,66,.750);
padding: 3px;
 border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	}
	
.alert-danger h3 {
    color: rgba(65,64,66,1.00);
    
}

.alert-danger h4.alternative-font {
    font-weight: 600;
    
}

.alert-ceulocker {background-color: rgb(249, 247, 213);
border-color: #a8a8a8;
}


.alert-ceulocker h3 {
    color: rgba(65,64,66,1.00);
    
}


.alert-ceulocker h4.alternative-font {
    font-weight: 600;
    
}


.content-body {
    
    padding: 15px;

}

html body .tabs .nav-tabs li.active .nav-link, html.dark body .tabs .nav-tabs li.active .nav-link {
    border-top-color: rgba(244, 218, 35,1.00);
    color: rgba(35,34,36,1.00);
	font-size:16px;
	font-weight:600;
}

html body .tabs .nav-tabs .nav-link {
    border-top-color: rgba(129,129,129,.70);
	color: rgba(118,118,118,1.00);
	font-size:16px;
	font-weight:300;
}

html body .tabs .nav-tabs .nav-link:focus, html body .tabs .nav-tabs .nav-link:hover {  
border-top-color: rgba(244, 218, 35,1.00);
	color: rgba(65,64,66,1.00);
	font-size:16px;
	font-weight:300;
	}
	
.thumb-info .thumb-info-type {
    background-color: rgba(244, 218, 35,1.00);
    color: rgba(65,64,66,1.00);
}

a > i.manage  { color: rgba(244, 218, 35,.600) !important}

.card-body {
    background: rgba(219,219,219,.100);
 -webkit-box-shadow: 15px 13px 14px -23px rgba(0,0,0,0.75);
-moz-box-shadow: 15px 13px 14px -23px rgba(0,0,0,0.75);
box-shadow: 15px 13px 14px -23px rgba(0,0,0,0.75);
    border-radius: 5px;
	
}

ul.profile-links li { list-style:none
	}
	
.card-featured-ceulocker {
    border-color: rgba(244, 218, 35,1.00);
}

.card-header {
    background: rgba(219,219,219,.400);
}

.text-muted {
    color: rgba(125,125,125,.40)!important;
}


.manage-emails li { margin-bottom: 12px}

.manage-emails .btn.btn-xs {
    font-size: 8px;
    padding: 1px 3px 3px 3px;
}

.btn-invisible {

    color: rgba(99,99,99,.80);
    background-color:  rgba(99,99,99,.10);
    border-color: rgba(99,99,99,.4);
    box-shadow: none !important;

}

.btn-invisible:hover, .btn-invisible:active, .btn-invisible:focus {

    color: rgba(99,99,99,.80);
    background-color: rgba(244, 218, 35,.50);
    border-color:  rgba(99,99,99,.4);

}

.modal-block .card-body {  background: rgba(255,255,255,1.00);
	}

/************ This caused an issue with SLIM 
img { 
	max-width: 100% !important
}
***********/

.rounddiv {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.profilecube {
   
    
	border: 1px solid #E3E3E3; 
	background-color:#ffffff;
}

.profilecube img {
    max-width: 100%;
    max-height: 100%;
}

html .bg-ceulockergray, html .background-color-ceulockergray {
    background-color: rgba(65,64,66,1.00) !important;
}

html .bg-ceulockeryellow, html .background-color-ceulockeryellow {
    background-color: rgba(244, 218, 35,1.00) !important;
	color:rgba(65,64,66,1.00)  !important;
}

.card-header h6 { font-weight: 500; color: rgba(65,64,66,1.00); text-align:center
	}


/* ************END CSS STYLES MADE BY ALEX GATEWOOD ********************** */




/******* Parsley Styles ***********/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  color: #c25d5d;
  font-weight: bold;
	
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.parsley-required {
  color: #c25d5d;
  font-weight: bold;
}

.parsley-type {
  color: #c25d5d;
  font-weight: bold;
}



/***********************************/




html .wizard-progress.wizard-progress-lg ul li, html.dark .wizard-progress.wizard-progress-lg ul li {
	margin-bottom:45px;
}

.pbe-modal-title {
	text-align: center;
    padding-bottom: 9px !important;
    margin-top: 4px !important;
	font-weight:bold;
}

.pbe-form-wrapper .required-field {
	color:red !important;
	font-size:10px;
}

.pbe-progress-bar {
	margin-bottom:2px;
}

.modal-block {
	max-width: 800px !important;
}

/* =========================================================== */
.dropdown-menu > li > a.nav-link.nav-link-menu.active{
    background-color:rgba(244, 218, 35,1.00) !important;
}
.header.header-nav-menu .header-nav-main nav > ul > li > a.dropdown-toggle:after, .header.header-nav-menu .header-nav-main nav > ul > li > a.dropdown-toggle:before{
    display:none;
}
ul.nav-main > li.nav-active > a{
    box-shadow: 2px 0 0 rgba(244, 218, 35,1.00) inset;
}
.card-white{
    background-color: white;
}
a.nav-link.nav-link-active-white{
    color:white;
}
.vt-align-sub{
    vertical-align: sub;
}
.card-body-white-bg {
	background: #fdfdfd !important;
}

.card-body-light-blue-bg {
	background: #ecf9ff !important;
}

.card-body-light-gray-bg {
	background: #e9e9e9 !important;
}

.card-cirle-image {
	width: 100px;
	border-radius:50%;
}

.header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu {
	min-width: 250px;
}


.manage-accounts-cards .card-header {
	width: 136px;
}

.manage-accounts-cards .card {
	min-height: 222px;
}


.modal-icon .fa, .modal-icon .fab, .modal-icon .fal, .modal-icon .far, .modal-icon .fas {
    font-size: 52px;
    position: relative;
    top: -10px;
}


.add-holder-selected-organization img {
	border:2px solid transparent;
}

.add-holder-selected-organization:hover img {
	border:2px solid #00547e;
}

.pbe-form-wrapper .form-group + .form-group {
	border-top: 0;
    padding-top: 0;
}
.text-red{
    color:red;
}
.valign-middle{
    vertical-align: middle !important;
    
}
.text-overflow-wrap{
    color:black; 
    overflow-wrap: anywhere;
    
}
ul.nav-main li a {
    display: block;
    color: #abb4be;
    white-space: unset;
    text-overflow: ellipsis;
    font-size: 12.8px;
    font-size: 0.8rem;
}
.page-header h2 {
    color: #FFF;
    border-bottom: 4px solid #CCC;
    box-sizing: content-box;
    display: inline-block;
    float: left;
    height: 50px;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 50px;
    margin: 0 0 0 -1px;
    padding: 0 22px 0 2px;
}

.breadcrumb-right-wrapper {
  padding-right: 20px;
}

.body-sign {
  max-width: 550px;
}

.form-group + .form-group {
  padding-top:0;
  border-top:0;
}

.card-action-toggle:before {
  font-family: 'Font Awesome 5 Pro';
}