:root { 
    --light-green: #00b33c;--green: #00802b;
    --light-red: #dd2235;--red: #BE1E2D;
    --light-yellow: #f37f58;--yellow: #F05A28;
   
    --pt-size: 60px;
    
    --blog-stripe-color: var( --light-gray );
    --blog-latest: var( --light-gray );
    --blog-popular: var( --light-gray );
    --blog-categories: var( --light-gray ); 

    --document-stripe-color: var( --light-gray );  
     
    --document-menu1-color: var( --light-gray );
    --document-menuh1-color: var( --gray );
    --document-menu2-color: var( --light-gray );
    --document-menuh2-color: var( --gray );
    --document-menu3-color: var( --light-gray );
    --document-menuh3-color: var( --gray );
    --document-menu4-color: var( --light-gray );
    --document-menuh4-color: var( --gray );
    
    --members-stripe-color: var( --light-gray );
    
    --subscriptions-stripe-color: var( --light-gray );
    --subscriptions-borders: var( --light-gray );
}

table { text-align: left; }
hr { border-color: var( --light-gray ); }

.fl-layout { grid-gap: 2px; }

.fl-list-h li { padding: 12px; }
.fl-dd { border: 1px solid transparent; }
.fl-dd:hover { background-color: var( --light-gray ); border: 1px solid var( --gray ); border-radius: 6px; }
.fl-dd-list { background-color: var( --white ); margin-top: 12px; }

.fl-dd-hoverlist {  background-color: var( --white ); border: 1px solid var( --light-gray ); border-radius: 6px; }

.fl-dd-hoverlist > li { padding: 6px; border-left: 4px solid var( --white ); margin-top: 4px; margin-bottom: 4px; }
.fl-dd-hoverlist > li:hover { background-color: var( --light-gray ); }

.fl-dd-hoverlist > li:nth-child(4n + 1) { border-left: 4px solid var( --light-gray ); }
.fl-dd-hoverlist > li:hover:nth-child(4n + 1) { border-left: 4px solid var( --gray ); }
.fl-dd-hoverlist > li:nth-child(4n + 2) { border-left: 4px solid var( --light-gray ); }
.fl-dd-hoverlist > li:hover:nth-child(4n + 2) { border-left: 4px solid var( --gray ); }
.fl-dd-hoverlist > li:nth-child(4n + 3) { border-left: 4px solid var( --light-gray ); }
.fl-dd-hoverlist > li:hover:nth-child(4n + 3) { border-left: 4px solid var( --gray ); }
.fl-dd-hoverlist > li:nth-child(4n) { border-left: 4px solid var( --light-gray ); }
.fl-dd-hoverlist > li:hover:nth-child(4n) { border-left: 4px solid var( --gray ); }

.fl-dd-small { min-width: 250px; }

.tc-auto-search-highlight { background-color: var( --gray ); }
.tc-auto-search-results { background-color: var( --light-gray ); }
.tc-auto-search-items { padding: 6px; }
.tc-auto-search-results-all { padding: 6px; text-align: right; }

.dt-controls-save-container { }
.dt-loading { }
.dt-details-control { cursor: pointer; text-align: left; }
.dt-controls-cancel { }
.dt-controls-save { }
.dt-controls-select { }
.dt-controls-text { }

.dialog { border: 1px solid var( --black ); background-color: var( --light-gray ); }
.dialog-background { opacity: 0.3; background-color: var( --gray ); }
.dialog-header { margin-bottom: 0px; }
.dialog-content { padding-top: 0px; }
.dialog-title { padding: 6px; font-weight: bold; font-size: 20px; }
.dialog-close { padding: 6px; font-weight: bold; font-size: 36px; color: var( --black ); }

.default-theme-messages-error, .default-theme-messages-ok { margin: 6px; padding: 6px; border-radius: 6px; }
.default-theme-messages-error { background-color: var( --light-red ); border: 1px solid var( --light-red ); }
.default-theme-messages-ok {  background-color: var( --light-green ); border: 1px solid var( --green ); }
.default-theme-content-left, .default-theme-content-right, .default-theme-blog-content-right { max-width: 250px; min-width: 250px !important; }
.success-icon, .error-icon { padding: 6px; }
.default-theme-nb { font-size: 18px; width: 100%; }
.default-theme-header:first-child, .default-theme-members-header:first-child, .default-theme-blog-header:first-child { border-top: 1px solid var( --light-gray ); }
.default-theme-nb-header > li { border: 1px solid transparent; }
.default-theme-nb-header > li:hover { background-color: var( --gray ); border: 1px solid var( --gray ); color: var( --white ); border-radius: 6px; }
.default-theme-nb-header-item { color: var( --black ); }

.default-theme-content, .default-theme-blog-content { border-top: 1px solid var( --gray ); height: 100%; }
.default-theme-content-left { border-top: 1px solid var( --gray ); border-right: 1px solid var( --gray ); }
.default-theme-content-right, .default-theme-blog-content-right, .default-theme-content-left { border-top: 1px solid var( --gray ); }

.default-theme-document > div { overflow: hidden; }
.default-theme-blog-document > div { overflow: hidden; }

.default-theme-currency { padding: 6px; text-align:right !important; }
.default-theme-currency > a { text-align:center; font-weight: bold; padding: 6px; background-color: var( --gray ); border: 1px solid var( --gray ); color: #fff; border-radius: 4px; }
.default-theme-currency > a:hover { opacity: 0.8; }

.default-theme-ratings { color: var( --light-gray ); }
.tc-rating-hilight { opacity: 1 !important; color: var( --gray ); }

.fl-pagination { background-color: #fff; text-align: center; }
.fl-pagination a { font-size: 18px; color: var( --black ); font-weight: bold; border: 1px solid transparent; 
border-radius: 6px; padding: 12px; padding-left: 16px; padding-right: 16px; width: auto; }
.fl-pagination a:hover { background-color: var( --gray ); border: 1px solid var( --gray ); color: var( --white ); }

.fl-forms, .fl-forms input, .fl-forms button, .fl-forms textarea, .fl-forms select, 
.fl-forms fieldset, .fl-forms input[type=submit], .fl-forms input[type=button], 
.fl-forms label { padding-top: 12px; padding-bottom: 12px; font-weight: bold; font-size: var( --txl ); }
.fl-forms input[type=text], .fl-forms input[type=password], 
.fl-forms textarea { border: 1px solid var( --gray ); border-radius: 6px; }
.fl-forms input[type=text]:focus, .fl-forms input[type=password]:focus, 
.fl-forms textarea:focus { border: 1px solid var( --gray ); background-color: var( --light-gray ); outline: none; }
.fl-forms input[type=submit], .fl-forms input[type=button], 
.fl-forms button { background-color: var( --gray ); border: 1px solid var( --gray ); color: var( --white ); border-radius: 6px; }
.fl-forms input[type=submit]:hover, .fl-forms input[type=button]:hover, 
.fl-forms button:hover { opacity: 0.8; }

.fl-forms textarea, .fl-forms select, .fl-forms input[type=text], .fl-forms input[type=password] { font-weight: normal; }

.fl-btn { display: inline-block; padding: 12px; background-color: var( --gray ); border: 1px solid var( --gray ); 
color: #fff !important; border-radius: 6px; font-size: 18px; font-weight: bold; text-align:center; }
.fl-btn:hover { opacity: 0.8; }
    
.tc-tabs > ul > li > a { font-size: 18px; font-weight: bold; }
.tc-selected-tab { padding: 12px; background-color: var( --light-gray ); border: 1px solid var( --light-gray ) !important;  }
.tc-unselected-tab { padding: 12px; background-color: var( --light-gray ); color: var( --black ); }
.tc-unselected-tab:hover { background-color: var( --light-gray ); }
.tc-tabs > div { border-top: 1px solid var( --light-gray ); }

.tc-accordion > li > a { display: block; font-weight: bold; padding: 12px; 
   background-color: var( --white ); color: var( --black ); }
.tc-accordion > li > a:hover { background-color: var( --light-gray ); }
.tc-accordion > li > ul > li > a { background-color: var( --white ); color: var( --black ); }
.tc-accordion > li > ul > li > a:hover { background-color: var( --light-gray ); }

.fl-tooltip > span { color: #fff; background-color: var( --black ); border-radius: 4px; font-weight: bold; text-align: center; }
.fl-tip-top:hover span:after { border-top-color: var( --black ); }

.tc-character-counter-error { color: var( --red ); }
.tc-character-counter-warn { color: var( --yellow ); }
.tc-character-counter-ok { color: var( --green ); }    

.fl-layout-width-30 { flex-basis: 40%; min-width: 40%; }
.default-theme-banner { width: 300px; margin-left: -2px; }
.default-theme-logo { width: 100px; margin-top: -2px; display: inherit; margin-right: auto; margin-left: auto; }

.default-theme-banner-container { display: flex; align-items: center; }

.pages-content { padding: 12px; }
.pages-content ul, .pages-content ol { margin-left: 12px; }

.btn-icon { padding: 6px; background-color: var( --gray ); border: 1px solid var( --gray ); color: var( --white ); 
    border-radius: 6px; font-size: 20px; cursor: pointer; }
.btn-icon:hover { background-color: var( --light-gray ); border: 1px solid var( --light-gray ); color: var( --white ); }
.btn-icon:visited { color: var( --white ); }

.fl-line-lg { border-color: var( --gray ); margin-top: 20px; margin-bottom: 20px; }

.plugin-navigation-menu { margin-bottom: 4px; }
.plugin-navigation-menu-header { display: block; font-weight: bold; font-size: 16px; color: var( --black ); padding: 12px; background-color: var( --light-gray ); }
.plugin-navigation-menu > a { display: block; font-weight: bold; font-size: 16px; color: var( --black ); 
padding: 12px; border-left: 4px solid var( --light-gray ); }
.plugin-navigation-menu > a:hover { background-color: var( --light-gray ); border-left: 4px solid var( --gray ); }
  
/* Smartphones in portrait */
@media (min-width: 0px) and (max-width: 479px) { 
  .default-theme-content-left, .default-theme-content-right, .default-theme-blog-content-right { max-width: inherit; }
  .fl-forms-columns, .fl-forms-column { display: block; }
  .default-theme-currency { text-align: center !important; }
  .default-theme-banner { margin-left: auto; margin-right: auto; }
  .default-theme-banner-container { display: inline-flex; }
}

/* Smartphones in landscape */
@media (min-width: 480px) and (max-width: 767px) { 
   .default-theme-content-left, .default-theme-content-right, .default-theme-blog-content-right { max-width: inherit; }
   .default-theme-currency { text-align: center !important; }
   .default-theme-banner { margin-left: auto; margin-right: auto; }
   .default-theme-banner-container { display: inline-flex; }
}