/* ==================================
 * CSS MAIN
 * ==================================
 */
 
 
/*----------------------------
 * VARIOUS
 *----------------------------
 */ 

html {
font-family : Verdana, Geneva, sans-serif;
}

h1 {
font-size: 2em!important;
color: #74ac29!important;
}

h3 {
margin-top: .5em;
}

ul.navbarmenu a.nav-link:hover, ul.navbarmenu a.nav-link.active {
border-color: #74ac29 #74ac29 #fff;
}

[data-bs-theme=dark] ul.navbarmenu a.nav-link:hover, [data-bs-theme=dark] ul.navbarmenu a.nav-link.active {
    border-color: #74ac29 #74ac29 #212529;
}

ul.navbarmenu.nav-tabs {
border-bottom: 1px solid #74ac29;
}


ul.navbarmenu {
margin-bottom: 1em;
}

ul.navbarmenu a, ul.navbarmenu a:hover, ul.navbarmenu a:visited {
color: #74ac29;
}

caption {
text-align: center;
caption-side: top;
font-weight: bold;
/*color: black;*/
}

label {
font-weight:bold;
}

ul.justify-content-center {
margin-bottom: 0.5em;
}

button:disabled {
cursor: not-allowed;
pointer-events: all !important;
}

thead {
border-top: 1px solid #dee2e6;
}

[data-bs-theme=dark] thead {
border-top: 1px solid var(--bs-body-bg);
}

table {
margin-top: 1em;
}


.roFilter {
border: 0px;
background-color: transparent;
margin: 0;
padding:0;
}

.navbarHead {
padding:0;
}

.slogan {
width: 15rem;    
}

.alert  .active {
text-decoration: underline;
}

.autoconnect {
margin-top: 1em;
padding-bottom: 1em;
}

.profilepic {
image-rendering: auto;
image-rendering: -webkit-optimize-contrast;   
/*image-rendering: -moz-crisp-edges;*/

}

.text-dotted {
text-decoration: underline dotted;
}

.mainContainer, footer {
    margin-top: 1em;
    padding-left: 1.35em;
    padding-right: 1.35em;
}

footer {
    margin: 0;
    margin-bottom: 1em;
}

/*cursor for click copy*/
.copyField {
    cursor:copy;
}

.helpTitle {
    cursor: help;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/*Effect css on click pointer*/
div.clickEffect{
    position:fixed;
    box-sizing:border-box;
    border-style:solid;
    border-color:#74ac29;
    border-radius:50%;
    animation:clickEffect 0.4s ease-out;
    z-index:99999;
}
@keyframes clickEffect{
    0%{
        opacity:1;
        width:0.5em; height:0.5em;
        margin:-0.25em;
        border-width:0.5em;
    }
        100%{
        opacity:0.2;
        width:15em; height:15em;
        margin:-7.5em;
        border-width:0.03em;
    }
}

/*Field form required */
input:required, textarea:required, select:required {
    border-left: 5px solid #FF8000;
}







/*----------------------------
 * ADDITIONAL BOOTSTRAP
 *----------------------------
 */

/*specific color robatech */
.table-robatech, .table-robatech>td, .table-robatech>th {
    background-color: #74ac29;
    color: #FFFFFF;
}

.text-bg-robatech {
color: #fff;
background-color: #74ac29;
}

.btn-robatech {
color: #fff;
background-color: #74ac29;
border-color: #74ac29;
}

.btn-robatech:hover {
color: #fff;
background-color: #6C9F2A;
border-color: #6C9F2A;
}

.text-robatech {
color: #74ac29!important;
}

.alert-robatech {
color: #fff;
background-color: #74ac29;
border-color: #74ac29;
}

.alert-robatech .alert-link {
color: #002752;
}

.bg-robatech {
background-color: #74ac29!important;
}

.variante-tooltip {
  --bs-tooltip-bg: #f8f9fa;
  --bs-tooltip-color: #000000;
  --bs-tooltip-max-width: 300px;
  --bs-tooltip-opacity: .95;
}

/* Adds to have more cols-row than the 6 in BS */
.row-cols-7 > * {
    flex: 0 0 auto;
    width: 14.2857143%;
}
.row-cols-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
}
.row-cols-9 > * {
    flex: 0 0 auto;
    width: 11.1111111%;
}
.row-cols-10 > * {
    flex: 0 0 auto;
    width: 10%;
}
.row-cols-11 > * {
    flex: 0 0 auto;
    width: 9.0909090%;
}
.row-cols-12 > * {
    flex: 0 0 auto;
    width: 8.3333333%;
}

@media (min-width: 576px) {
    .row-cols-sm-7 > * {
        flex: 0 0 auto;
        width: 14.2857143%;
    }
    .row-cols-sm-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
    .row-cols-sm-9 > * {
        flex: 0 0 auto;
        width: 11.1111111%;
    }
    .row-cols-sm-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }
    .row-cols-sm-11 > * {
        flex: 0 0 auto;
        width: 9.0909090%;
    }
    .row-cols-sm-12 > * {
        flex: 0 0 auto;
        width: 8.3333333%;
    }
}
@media (min-width: 768px) {
    .row-cols-md-7 > * {
        flex: 0 0 auto;
        width: 14.2857143%;
    }
    .row-cols-md-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
    .row-cols-md-9 > * {
        flex: 0 0 auto;
        width: 11.1111111%;
    }
    .row-cols-md-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }
    .row-cols-md-11 > * {
        flex: 0 0 auto;
        width: 9.0909090%;
    }
    .row-cols-md-12 > * {
        flex: 0 0 auto;
        width: 8.3333333%;
    }
}
@media (min-width: 992px) {
    .row-cols-lg-7 > * {
        flex: 0 0 auto;
        width: 14.2857143%;
    }
    .row-cols-lg-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
    .row-cols-lg-9 > * {
        flex: 0 0 auto;
        width: 11.1111111%;
    }
    .row-cols-lg-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }
    .row-cols-lg-11 > * {
        flex: 0 0 auto;
        width: 9.0909090%;
    }
    .row-cols-lg-12 > * {
        flex: 0 0 auto;
        width: 8.3333333%;
    }
}
@media (min-width: 1200px) {
    .row-cols-xl-7 > * {
        flex: 0 0 auto;
        width: 14.2857143%;
    }
    .row-cols-xl-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
    .row-cols-xl-9 > * {
        flex: 0 0 auto;
        width: 11.1111111%;
    }
    .row-cols-xl-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }
    .row-cols-xl-11 > * {
        flex: 0 0 auto;
        width: 9.0909090%;
    }
    .row-cols-xl-12 > * {
        flex: 0 0 auto;
        width: 8.3333333%;
    }
}
@media (min-width: 1400px) {
    .row-cols-xxl-7 > * {
        flex: 0 0 auto;
        width: 14.2857143%;
    }
    .row-cols-xxl-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }
    .row-cols-xxl-9 > * {
        flex: 0 0 auto;
        width: 11.1111111%;
    }
    .row-cols-xxl-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }
    .row-cols-xxl-11 > * {
        flex: 0 0 auto;
        width: 9.0909090%;
    }
    .row-cols-xxl-12 > * {
        flex: 0 0 auto;
        width: 8.3333333%;
    }
}

/* Add separator on button group sur la couleur btn-robatech */
.btn-group>.btn-group:not(:last-child)>.btn-robatech, .btn-group>.btn.dropdown-toggle-split:first-child, .btn-group>.btn-robatech:not(:last-child):not(.dropdown-toggle) {
    border-right: 2px solid #5c8526;
}

/*----------------------------
 * MODALS
 *----------------------------
 */
 
 /*Modal XL*/
@media (min-width: 1600px) {
    .modal-xl {
        max-width: 1540px;
    }
}
@media (min-width: 2000px) {
    .modal-xl {
        max-width: 1940px;
    }
}

/*Headers of generic modals*/
#gmodal_sm_close .modal-header, #gmodal_lg_close .modal-header, #gmodal_xl_close .modal-header {
    background: #74ac29;
    color: #fff;
}


/*Modal Success*/
.modal-success, .modal-newsTool {        
    color: #434e65;
}
.modal-success .modal-content {
    padding: 20px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
}
.modal-success .modal-header {
    background: #74ac29;
    border-bottom: none;   
    position: relative;
    text-align: center;
    margin: -20px -20px 0;
    border-radius: 5px 5px 0 0;
    padding: 15px;
}
.modal-success h4 {
    text-align: center;
    font-size: 36px;
    margin: 10px 0;
}    
.modal-success .modal-footer {    
    border-top: 0;
}

.modal-success .btn, .modal-success .btn:active {
    color: #fff;
    border-radius: 4px;
    background: #eeb711 !important;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border-radius: 30px;
    margin-top: 10px;
    padding: 6px 20px;
    border: none;
}
.modal-success .btn:hover, .modal-success .btn:focus {
    background: #eda645 !important;
    outline: none;
}


/*Modal newsTool*/
.modal-newsTool .modal-content {
    padding: 20px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
}
.modal-newsTool .modal-header {
    background: #74ac29;
    border-bottom: none;   
    position: relative;
    text-align: center;
    margin: -20px -20px 0;
    border-radius: 5px 5px 0 0;
    padding: 15px;
    color: #fff;
}
.modal-newsTool h4 {
    text-align: center;
    font-size: 36px;
    margin: 10px 0;
}
[data-bs-theme=dark] .modal-newsTool .modal-body {
    color: #fff;
}
.modal-newsTool .form-control, .modal-newsTool .btn {
    min-height: 40px;
    border-radius: 3px; 
}
.modal-newsTool .close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    text-shadow: none;
    opacity: 0.5;
}
.modal-newsTool .close:hover {
    opacity: 0.8;
}

.modal-newsTool .icon-box i {
    font-size: 64px;
    margin: -4px 0 0 -4px;
}
.modal-newsTool.modal-dialog {
    margin-top: 80px;
}
.modal-newsTool .btn, .modal-newsTool .btn:active {
    color: #fff;
    border-radius: 4px;
    background: #74ac29 !important;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    border-radius: 30px;
    margin-top: 10px;
    padding: 6px 20px;
    border: none;
}
.modal-newsTool .btn:hover, .modal-newsTool .btn:focus {
    background: #74ac29 !important;
    outline: none;
}
.modal-newsTool .btn span {
    margin: 1px 3px 0;
    float: left;
}
.modal-newsTool .btn i {
    margin-left: 1px;
    font-size: 20px;
    float: right;
}

.modal-newsTool .modal-body p {
    margin-bottom: 0.5rem;
}


/*----------------------------
 * DATATABLES
 *----------------------------
 */
 
/* Pagination datatables */
table.table.dataTable>:not(caption)>*>* {
    background-color: var(--bs-table-bg)!important;
}

.active>.page-link, .page-link.active {
    background-color: #74ac29!important;
    border-color: #74ac29!important;
}

.pagination > li:not(.active, .disabled) > a  {
    color: #74ac29!important;
}

.pagination > li:not(.active, .disabled) > button  {
    color: #74ac29!important;
}

input[readonly], textarea[readonly]{
    background-color: #f6f6f6;
}
input[readonly]:focus, textarea[readonly]:focus{
    outline: none!important;
    border-color: var(--bs-border-color)!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background-color: #f6f6f6;
}

/*----------------------------
 * SUMMERNOTE
 *----------------------------
 */
[data-bs-theme=dark] .note-editable { 
    background-color: var(--bs-body-bg) !important; 
    color: var(--bs-body-color) !important; 
}

[data-bs-theme=dark] .note-toolbar {
    background-color: #333;
    border-bottom: 1px solid;
}

[data-bs-theme=dark] .note-btn {
    background-color: var(--bs-body-bg) !important; 
    color: var(--bs-body-color) !important; 
}

[data-bs-theme=dark] .note-dropdown-menu {
    background-color: var(--bs-body-bg) !important; 
    color: var(--bs-body-color) !important; 
}