/* Body Content */
body {
    font-family: "Mulish","Roboto","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;;
    background: #fff;
    color: #555;
    font-weight: 300;
}

/* ScrollBAR */ 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #00741a; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00541a; 
}
/* End ScrollBAR */

/*  V3 - 201903 ------------------------------------------------------------- */
.page {
    background-color: #fff;
}

.top-menu > div > li > a {
/*    font-family: "Mulish","Roboto","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;;*/
}

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #555;
    font-weight: 300;
}

p, span {
    font-weight: 300;
}

.texthighlight {
    color: #000;
}
.maincolor {
    background-color: #00741a; 
}

a {
    color: #00741a; 
}
a:hover,
a:focus {
    color: #00741a;
}
.breadcrumb a,
.pager a {
    color: #333;
}

.separator {
    border-bottom: 1px solid #d8d8d8;
}

.clickable {
    cursor: pointer;   
    margin-top: 2px;
}

#output {
    color: #fff;
}

@media (max-width: 768px) {
    html, body {
        width: auto !important;
        overflow-x: hidden !important;
    }
}
/* End of Body Content */


/* Forms, Buttons and Labels */

.input-select select {
    border-left: none!important;
    font-size: 12px;
}

.form-control, input[type="text"], select, textarea, input[type="password"] {
    font-size: 12px;
    caret-color: #cfcfcf;
}

.label-success {
    color: #fff;
}

.label-warning {
    color: #fff;
}

.label-danger {
    color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #00741a;
    border-color: #00741a;
    font-size: 12px;
}

.btn-primary:disabled,
.btn-primary.disabled {
    border-color: #a8a8a8;
    color: #fff;
    background-color: #a8a8a8;
    opacity: 1;
}

.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active
{
	color: #fff;
	background-color: #00541a;
	border-color: #00541a;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);	
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);	
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

.btn-secondary {
    color: #00741a;
    background-color: transparent;
    border-color: rgba(204,206,197,0.3);
    font-size: 12px;
}


.btn-secondary:disabled ,
.btn-secondary.disabled {
    border-color: #a8a8a8;
    color: #a8a8a8;
    background-color: rgba(204,206,197,0.3);
    opacity: 1;
}

.btn-secondary:hover,
.btn-secondary.hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active
{
    color: #fff;
    background-color: #00741a;
    border-color: rgba(204,206,197,0.3);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);	
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);	
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

.btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #00741a;
    border-color: #00741a;
}

.btn-highlight {
    color: #fff;
    background-color: #ea524b;
    border-color: #d84b45;
    font-size: 12px;
}

.btn-highlight:hover,
.btn-highlight.hover,
.btn-highlight:focus,
.btn-highlight.focus,
.btn-highlight:active,
.btn-highlight.active
 {
	color: #fff;
	background-color: #d84b45;
	border-color: #d84b45;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);	
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);	
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
/*2022*/

.btnDelete {
    color: #ea524b;
    /*border-color: #ea524b;*/
    border-color: rgba(204,206,197,0.3);
}

.btnDelete:hover,
.btnDelete:focus {
    color: #fff;
    background-color: #ea524b;
    /*border-color: #ea524b;*/
    border-color: rgba(204,206,197,0.3);
}


.form-control, 
input[type="text"], 
select, textarea, 
input[type="password"] {
    color: #555;
    background-color: #fbfbfb;
    border: 1px solid #aaa;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.15); 
}

.form-control:active,
.form-control:focus {
    border-color: #555555;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.15); 
}

.form-control::-moz-placeholder {
    color: #aaa;
}

.form-control:-ms-input-placeholder {
    color: #aaa;
}

.form-control::-webkit-input-placeholder {
    color: #aaa;
}

.form-group label {
    color: #666;
}

.well {
    border: none!important;
    background-color: #fff; 
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}


.list-group {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.list-group-item {
    background-color: transparent;
    border: 1px solid #cfcfcf;
}
a.list-group-item {
/*    color: #888a8c;*/
    color: ;
}

a.list-group-item:hover,
a.list-group-item:focus {
    color: #cfcfcf;
    background-color: #cfcfcf;
}

.list-group-item.active, 
.list-group-item.active:focus, 
.list-group-item.active:hover {
    color: #fff;
    background-color: #00741a;
    border-color: #00741a;
}

.list {
    background-color: transparent;
    list-style-type: none;
    margin-top: 10px;
    padding: 0;
    width: 100%;
}

.list.pointer tr {
    cursor: pointer;
}

.listitem {
    padding: 10px;
    font-size: 0.8em;
    height: 40px;
    color: #555;
    font-weight: 400;
    border-bottom: 1px solid #cfcfcf;    
}

.listitem:not(.selected):hover {
}

.listitem.selected {
    background: #00741a1a;
    color: #00741a;
    /*font-weight: 500;*/
}

.listitem.inactive {
    background: #ff949440;
}
.listitem.inactive.selected {
}

.panel-primary { 
    background-color: #fff;
    border: 1px solid #aaa;
}

.panel-primary > .panel-heading {
    background-color: #fff;
    border: none;
}
.panel-primary > .panel-heading h4,
.panel-primary > .panel-heading h5 {
    color: #555;
}

table {
    background-color: #fff;
} 


.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
} 
 
#others_save {
    color: #ffffff;
} 

#styling_save {
    color: #ffffff;
}
/* End of Forms, Buttons and Labels */
 
/* Fonts and Links */
/* End of Fonts and Links */

/* Begin of Tabs */

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 3px solid #00741a;
}

.tabbable-line > .nav-tabs > li.active {
    border-bottom: 3px solid #00741a;
    position: relative;
}

.tabbable-line > .nav-tabs > li.active > a > i {
    color: #00741a;
}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 3px solid #00741a;
}
 
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
    color: #00741a;
}
/* End of Tabs */

/* Header and Navigation */
/* End of Header and Navigation */


/* Footer */
.footer {
    color: #666;
    background-color: #fff;    
}

.footer span{
    color: #999;
}

.footer-links {
    background-color: #fff;
}
/* End of Footer */


/* Language Box */
.modal-header {
    background-color: #fff;
    color: #555;
}

.modal-content {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
}

.language-active {
    color: #333;
    background: rgba(0,0,0,0.1);
}
/* End of Language Box */


/* Mail Queue */
/* End of Mail Queue */


/* User Profile */
.panel-shadow {
    box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 7px;
}

.panel-user {
    border: 1px solid #dddddd;
    border-radius: 6px;
    margin-bottom: 20px;
}

.panel-user {
    background-color: #fff;
}

.panel-user  
.panel-footer {
    border-color: #ddd;
}

.bg-user-card {
    background-color: #00741a;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.material-switch > label::after {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
/* End of User Profile */


/* Users */
.users-text-color {
    color: #00741a;
}

.card {
    background-color: #f9f9f9;
}

.card .card-comments .comments-collapse-toggle a,
.card .card-comments .comments-collapse-toggle span {
    color: #999;
}

.card.people .card-info {
    background: #ffffff;
}

.card.people .card-info .title {
    color: #404040;
}

.card.hovercard {
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

/* End of Users */


/* Login and Password Recovery Box */
.login-container::before,.login-container::after {
    background: #fff;
    border: 1px solid #ccc;
}

.login-container{
    background: #fff;
    border: 1px solid #ccc;
}

.form-box > input{
    border: 1px solid #ccc;;
    background: #fafafa;
}
/* End of Login and Password Recovery Box */


/* Mail Queue */
.table-filter {
    background-color: transparent;/* #fff;*/
    border-bottom: 1px solid #eee;
}

.table-filter tbody tr:hover {
    background-color: #eee;
}

.table-filter tbody tr td {
    border-top-color: #eee;
}

.table-filter .star {
    color: #ccc;
}

.table-filter .star.star-checked {
    color: #f0ad4e;
}

.table-filter .star:hover {
    color: #ccc;
}

.table-filter .star.star-checked:hover {
    color: #f0ad4e;
}

.table-filter .media-meta {
    color: #999;
}

.table-filter .media .title {
	color: #00741a;
}
/* End of Mail Queue */



.text {
    color: #555;
}


textarea:focus, input:focus, select:focus, .uneditable-input:focus {   
    outline: 0 none !important;
}
 
.page-item.active .page-link {
    background-color: #00741a; 
}
.page-link {
    color: #00741a; 
} 
.page-link:hover {
    color: #00741a; 
}

.trselected {
    background-color: #00741a36 !important; 
}

/* iPhone switch */
.form-switch input:checked + i { 
    background-color: #00741a; 
}
/* END iPhone switch */


/************************************ Base ************************************/
/* Header and Navigation */

/*    NAVBAR        */
nav.navbar { 
    background-color: #fff;
}

nav.navbar a.menu-btn {
  background-color: #555;
  color: #fff;  
}

nav.navbar a.menu-btn:hover {
  background: #00741a;
}

/*    SIDE NAVBAR   */
.side-navbar {
    background-color: #fff;
    color: #fff;
    border-right: 1px solid #a8a8a8;
}

.side-navbar li a {
    color: #555;
    border-left: 5px solid transparent;
}

.side-navbar li a:focus, .side-navbar li a:hover, .side-navbar li a[aria-expanded="true"] {
    border-left: 5px solid #00741a;     
    color: #555;    
}
.side-navbar li a:hover {
    background: #ddd;
}

.side-navbar li.active > a {
    border-left: 5px solid #00741a;    
}
.side-navbar li ul.collapse li.active a {
    border-left: 5px solid #00741a;    
    padding-left: 20px;
}

.side-navbar li ul.collapse a {
    border-left-color: #00741a;
}
 
.side-navbar li ul.collapse a:hover {
    background: #ddd;
}

.side-navbar .sidenav-header {
    background: #fff;
}

.side-navbar .sidenav-header span {
  font-size: 0.8em;
  color: #adb5bd;
}

.side-navbar .sidenav-header h2 {
  color: #adb5bd;
}

.side-navbar .sidenav-heading {
  color: #adb5bd;
}

.side-navbar li a[aria-expanded="true"]::before {
    content: '\f107';
    color: #555;
}

/* submenu back : missing @ config */
.side-navbar li ul {
  background: #ededed;
}
 

.side-navbar .shrink li ul.collapse li.active a {
    border-left: 5px solid #00741a;
    padding-left: 700px!important;
}

/* End of Header and Navigation */


.ui-selected,
.ui-selected td{ 
    background: #f5f5f5!important;
    color:  #5a5a5a !important;    /* #D0151C */
}



#guestList .ui-selected,
#guestList .ui-selected td{ 
    background-color: #f5f5f5!important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(206,206,206,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(206,206,206,1);
    box-shadow: 0px 0px 10px 0px rgba(206,206,206,1);
    color: #555!important;
}

.spanZonesActive,
.spanPacksActive {
    background-color: #00741a;
    border: 1px solid #00741a;
}

.importguests .ui-selected,
.importguests .ui-selected td{ 
    background: #00741a !important;
    border: 1px solid #00741a !important;
    color:  #ffffff !important;    /* #D0151C */
}

.importtickets .ui-selected,
.importtickets .ui-selected td{ 
    background: #00741a !important;
    border: 1px solid #00741a !important;
    color:  #ffffff !important;    /* #D0151C */
}

.importstand .ui-selected,
.importtickets .ui-selected td{ 
    background: #00741a !important;
    border: 1px solid #00741a !important;
    color:  #ffffff !important;    /* #D0151C */
}

/* Body Content */
/* End of Body Content */

/* Language Box */
/* End of Language Box */

/* Forms, Buttons and Labels */
/* End of Forms, Buttons and Labels */

/* Fonts and Links */
/* End of Fonts and Links */

/* User Profile */
/* End of User Profile */

/* Users */
/* End of Users */

/* Login and Password Recovery Box */
/* End of Login and Password Recovery Box */

/* Mail Queue */
/* End of Mail Queue */

/* Footer */
/* End of Footer */