/*------------------------------------------------------------------ */
/* fonts ----------------------------------------------------------- */
/*------------------------------------------------------------------ */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500|Roboto:400,500&display=swap&subset=latin-ext');

body {
    font-family: 'Open Sans', sans-serif;    
}

/*------------------------------------------------------------------ */
/* global html tags ------------------------------------------------ */
/*------------------------------------------------------------------ */

hr {
    margin-top: 1rem;
    margin-bottom: 0.75rem;
}

@media (max-width: 575.98px) { /* only xs */   
    hr {
        margin-top: 0.75rem;
        margin-bottom: 0.5rem;
    }    
}

button:focus,
a:focus {
    outline: 0px !important;
}

/*------------------------------------------------------------------ */
/* bootstrap ------------------------------------------------------- */
/*------------------------------------------------------------------ */

.btn {
    border-radius: 0px;
    min-width: 4rem;
}

.m-card-item-footer .m-action-panel .btn, 
.m-card-item-footer-nav .m-action-panel .btn
{
    line-height: 1.6 !important;
}

@media ( max-width: 544.98px)  { /* only xs+sm */
    .m-card-item-footer .m-action-panel .btn,
    .m-card-item-footer-nav .m-action-panel .btn 
    {
        line-height: 2 !important;
    }    
}

.btn span,
.m-field-boolean-button
 {
    text-transform: uppercase;    
    font-size: 0.8rem;
    padding-left: 0.3rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

@media ( max-width: 544.98px)  { /* only xs+sm */
    .btn:not(.m-button-text-always-visible) span {
        display: none;
    }
}

.btn-primary {
    background-color: RoyalBlue !important;
    border-color: RoyalBlue !important;
}

.btn-primary:hover {
    background-color: #2D499D !important;
    border-color: #2D499D !important;
}

.btn-outline-primary {
    color: RoyalBlue;
    border-color: RoyalBlue !important;
}

.btn-outline-primary:hover {
    background-color: RoyalBlue;
    color: white;
}

.btn-outline-primary.disabled {
    background-color: #e9ecef;
    color: cornflowerblue;
    border-color: #ced4da !important;
    opacity: 1;
}

.form-group {
    margin-bottom: 0.25rem;
}

.form-control {
    border-radius: 0px;
}

.form-control:focus {
    border-color: #C6D7F8;
    box-shadow: 0 0 0 .05rem rgba(52,144,220,.25);
}

.form-group label {
    margin-bottom: 0.1rem;
    margin-top: 0.25rem;
}

.badge {
    border-radius: 0px;
}

/*------------------------------------------------------------------ */
/* global classes -------------------------------------------------- */
/*------------------------------------------------------------------ */

.hidden{
    display: none !important;
}


/*------------------------------------------------------------------ */
/* container ------------------------------------------------------- */
/*------------------------------------------------------------------ */

.m-container {
    max-width: 100%;
    margin: 0px;
    padding:0.75rem;    
}

.m-container-row{
    margin: 0px;
    padding: 0px;
}

@media ( max-width: 767.98px)  { /* only xs+sm */
    .m-container {
        margin: 0px;
        padding:0px;    
    }
}

/*------------------------------------------------------------------ */
/* m-panel-card ------------------------------------------------------------ */
/*------------------------------------------------------------------ */

.m-panel-card-section{
    padding: 0px;
    margin: 0px;
}

.m-panel-card-item-container {
    padding: .5rem;
}

.m-panel-card-item-container a {
    text-decoration: none;
}

.m-panel-card-item-container-ext {
    padding: .5rem;
}

.m-panel-card-item-container-ext a {
    text-decoration: none;
}

.m-panel-card-item{
    text-align:center;
    display: inline-block;
    width: 100%;
    border-radius: 0px;    
}

.m-panel-card-item:hover{
    border-color: cornflowerblue;
    background-color: rgb(245,245,253);
}

.m-panel-card-item-icon{
    color: RoyalBlue 	
}

.m-panel-card-item-title{
    font-size: 1.5rem;
    margin-top: 0.35rem;
    color: cornflowerblue;

}

.m-panel-card-item-text{
    color: black;
}

/*------------------------------------------------------------------ */
/* m-card ------------------------------------------------------------ */
/*------------------------------------------------------------------ */

.m-card-section{
    padding: 0px;
}   
    
/*
.m-card-section-menu{  
    padding-right: 0.75rem;
}*/

.m-card-section-container{
}

.m-card-item{
    border-radius: 0px;    
}

.m-card-item-header{
    /*background-color:mediumseagreen;*/
    background-color:black;
    color: aliceblue;
    padding: .5rem 1.25rem;    
    padding: 1rem 1.30rem 0.65rem 1.30rem;
    cursor: default;
    font-size: 1.1rem; /* // xxx smalldesktop */
    line-height: 1;
}

.m-card-item-header:first-child {
    border-radius: 0px;
}

.m-card-item-body{

}

.m-card-item-header-left{
    display:inline-block;
}

.m-card-item-header-right i {
    color: lightpink;
}


@media (max-width: 575.98px) { /* only xs */

    .m-card-item-body{
        padding-left: 0.6rem;
        padding-right: 1rem;
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        margin: 0px;
    }      
}

.m-title {
    margin-right: 0.5rem;
}

.m-supper-title {
    margin-right: 0.5rem;
    display: block;
    margin-bottom: 0.25rem;
    color:burlywood;
    color: darkkhaki;
    font-weight: bold;
}

/*------------------------------------------------------------------ */
/* m-list ------------------------------------------------------------ */
/*------------------------------------------------------------------ */

.m-list-rows-page-info{
    padding-top: .4rem;
    padding-bottom: .3rem;
    font-size: 0.75rem;
    color: steelblue;
    color: cornflowerblue
}

.m-list-display-options {
    padding-top: .4rem;
    padding-bottom: .3rem;
    font-size: 0.75rem;
    color: steelblue;
    color: cornflowerblue
}

.m-list-display-options-item:nth-child(even) {
    text-align:right;
}

@media (max-width: 575.98px) { /* only xs */
    .m-list-display-options-item {
        text-align:right;
        margin-bottom: 0.25rem;
    }    
    .m-list-separator {
        display: none;
    }    
}

.m-list-order-label {
    display:inline;
}

.m-list-order-select {
    width: 10rem;
    display: inline;
    font-family: 'MSegoeUISymbol';
}

.m-list-perpage-label {
    display:inline;
}

.m-list-perpage-select {
    width: 5rem;
    display: inline;
}

/*------------------------------------------------------------------ */
/* m-table ----------------------------------------------------------- */
/*------------------------------------------------------------------ */

.m-table {
    margin-bottom: 0.25rem
}
@media (max-width: 575.98px) { /* only xs */
    .m-table {
        margin-top: 0.6rem;
    }
}

.m-table td {
    /* font-size: 0.825rem; // xxx smalldesktop */
    cursor: pointer;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dee2e6;
    padding: .3rem .75rem;
}

.m-label-enum-icon i,
.m-label-boolean-icon i {
    font-size: 0.65rem;
    opacity: 0.8;    
}


.m-label-enum-icon {
    padding-right: 0px !important;
}
.m-label-boolean-icon {
    text-align: center;
}
.m-label-features-icon i {
    width:16px;
}
.m-label-features-icon-sm i {
    width:16px;
    font-size:0.75rem;
}

.m-table th {
    /*font-size: 0.875rem; // xxx smalldesktop */
    font-weight: normal;
    border: 0px;
    /*background-color: #C6D7F8;*/
    background-color: darkkhaki ;
    padding: .25rem .75rem;
}

.m-table-mob .m-table-th-mob,
.m-table-mob .thx {
    background-color: transparent  !important;
}

.m-table thead th {
    border-bottom-width: 1px;
}

.m-th-select,
.m-td-select {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.m-td-select/*,
.m-td-select * */{
    cursor: default !important;
}
.m-td-select .pretty:hover .state label:after,
.m-td-select .pretty:hover .state label:before {
    border: 1px solid rgb(33, 37, 41) !important;
}

.table-hover tbody tr:hover .m-td-select{
    background-color: white;
}

.m-th-select .pretty .state label:before,
.m-th-select .pretty .state label:after {
    border: 1px solid grey !important;
}

.m-th-select .pretty:hover .state label:after,
.m-th-select .pretty:hover .state label:before {
    border: 1px solid black !important;
}

.m-th-select .m-checkbox,
.m-td-select .m-checkbox {
    margin-right: 0px;
}

.m-tr-select-delete-completed,
.m-tr-select-delete-completed:hover * {
    background-color: crimson !important;
    /*color: white !important;;    */
}       
   
.m-tr-select-delete-error,
.m-tr-select-delete-error:hover * {
    background-color: goldenrod !important;;
    background-color: lemonchiffon !important;
}       


.m-tr-select-process-completed,
.m-tr-select-process-completed:hover * {
    background-color: darkseagreen !important;
    /*color: white !important;;    */
}       
   
.m-tr-select-process-error,
.m-tr-select-process-error:hover * {
    background-color: goldenrod !important;;
    background-color: lemonchiffon !important;
}    

.m-table-order-indicator {
    /*color: dimgray;*/
    color: white;
    font-family: 'MSegoeUISymbol';
    margin-left: 0.2rem;
}

.thx {
    padding-left: 0px;
    padding-right: 0px;
    background-color:red;
}

.tdx {
    padding-left: 0px;
    padding-right: 0px;
}

.m-table-row-highlight-animation {
    background-color: none;;
    animation: 1s m-table-row-highlight-animation forwards; 
}

@keyframes m-table-row-highlight-animation {
    0%    { background-color: #dee2e6; }
    100%   { background-color: none }
}
  
 
.m-table-headcontent {
    font-size: 1rem;
    font-weight: bold
}

.m-table-subcontent {
    color: darkslategray;
    font-size: 0.675rem;
    font-style: italic;
    vertical-align: text-bottom;
}


.m-table-mob {
    overflow-x: hidden;
}

.m-table-th-mob,
.m-table-td-mob {
    padding: 0px;
    width: 100%;    
}

.m-table-th-mob,
.m-table-th-mob + .thx {
    padding: 1px !important;
}

/*------------------------------------------------------------------ */
/* m-modal ----------------------------------------------------------- */
/*------------------------------------------------------------------ */

.m-modal-content {
    border-radius: 0px;
} 

.m-modal-header {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}


/*------------------------------------------------------------------ */
/* m-toast ----------------------------------------------------------- */
/*------------------------------------------------------------------ */

.m-toast-div {
    position: absolute;
    z-index: 9999;
    top: 0; 
    right: 0;
}

.m-toast {
    min-width:320px;
    padding: 10px;
    padding-left: 20px;
}

.toast-error {
    background: lightpink;
    border-color: rgb(253, 152, 167);
}

.toast-warning {
    background-color: lemonchiffon;
    border-color: gold;
}

.toast-info {
    color: white;
    background-color: cornflowerblue;
    border-color: royalblue;
    color: black;
    background-color: darkkhaki;
    border-color: darkolivegreen;
    color: black;
}

/*------------------------------------------------------------------ */
/* m-label---------------------------------------------------------- */
/*------------------------------------------------------------------ */

.m-label {
    display:block;
}

.m-label-sub {
    margin-left: 0.5rem;
    display:inline;
    font-size: 0.65rem;
    color: darkslategray;   
    font-style: italic; 
}

.m-input-text {
    border-radius: 0px !important;
}

.m-input-decimal2 {
    border-radius: 0px !important;
}


/*------------------------------------------------------------------ */
/* m-checkbox---------------------------------------------------------- */
/*------------------------------------------------------------------ */

.m-checkbox i {
    font-size: 0.8rem !important;    
    color: #052647;
    padding-left: 8px;    
    margin-top: 1px;    
}

.m-checkbox input[disabled] ~ * label:after {
    background-color: rgb(233, 236, 239);
    border: 1px solid #ced4da;   
}

.pretty .state label:after,
.pretty .state label:before {
    border: 1px solid #ced4da;
    margin-top: 0px;
    min-width: calc(1.28125rem + 2px);
    min-height: calc(1.28125rem + 2px);
    max-width: calc(1.28125rem + 2px);
    max-height: calc(1.28125rem + 2px);
}

.pretty.p-icon .state .icon {
    position: relative;
}

.pretty input[disabled] ~ * {
    opacity: inherit;
}


table .m-checkbox i {
    font-size: 0.5rem !important;    
    position: absolute !important;
    padding-top: 0.85rem !important;    
}
table .pretty .state label:after,
table .pretty .state label:before {
    min-width: calc(1rem + 2px);
    min-height: calc(1rem + 2px);
    max-width: calc(1rem + 2px);
    max-height: calc(1rem + 2px);
}



/*------------------------------------------------------------------ */
/* m-field-date-time------------------------------------------------ */
/*------------------------------------------------------------------ */

.m-field-date-time-div {
    margin:0px;
}

.m-field-date-time-separator {
    display: inline; 
    padding: 0px;
}

.m-field-date-time-datefield,
.m-field-date-time-timefield {
    display: inline; 
    padding-right: 2px;
}

.m-field-date-time-tzdesc {
    text-align: right;
    font-size: 0.7rem;
    color: steelblue;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top:0px !important;
}




/*------------------------------------------------------------------ */
/* m-field-time----------------------------------------------------- */
/*------------------------------------------------------------------ */

.m-field-timestep-div{
   display:flex;
}

.m-field-timestep {
    max-width:110px; 
    min-width:110px; 
    width:110px;
}

.m-field-timestep-actions {
    display:inline-block;
    font-size: 1.2rem;
    margin-left:0.8rem; 
}

.m-label-timestep-action {    
    color:cornflowerblue;
    margin-left:0.2rem; 
}

.m-label-timestep-action:hover {
    color: royalblue;
    cursor: pointer;
}

.m-label-timestep-action[disabled] {
    color: gray;
    cursor: unset;
}


/*------------------------------------------------------------------ */
/* m-field-date-range------------------------------------------------ */
/*------------------------------------------------------------------ */

.m-field-date-range-div {
    margin:0px;
}

.m-field-date-range-separator {
    display: inline; 
    padding: 0px;
}

.m-field-date-range-datefield {
    display: inline; 
    padding-right: 2px;
}

/*------------------------------------------------------------------ */
/* m-field-picture------------------------------------------------ */
/*------------------------------------------------------------------ */

.m-field-picture-div {
    margin:0px;
}

.m-field-picture-frame {
    padding: 5px;
    border: 1px #ced4da solid;
    width: 100px;
    height: 100px;    
}

.m-field-picture-frame[disabled] {
    background-color:rgb(233, 236, 239);
}
    
.m-field-picture-img {
    width: 100%; 
    height: 100%;
}


.m-field-picture-actions {
    display:inline-block
}



/*------------------------------------------------------------------ */
/* m-field-geolocation-------------------------------------------------- */
/*------------------------------------------------------------------ */

.m-field-geolocation-div {
    margin:0px;
}

.m-field-geolocation-frame {
    padding: 5px;
    border: 1px #ced4da solid;
    width: 100%;
    height: 200px;    
}

.m-field-geolocation-frame[disabled] {
    background-color:rgb(233, 236, 239);
}
    
.m-field-geolocation-map {
    width: 100%; 
    height: 100%;
}


.m-field-geolocation-actions {
    display:inline-block
}

.m-field-geolocation-desc {
    text-align: left;
    font-size: 0.7rem;
    color: steelblue;
    padding-left: 3px;
    padding-bottom: 0px;
    margin-top:0px !important;
}

.m-field-geolocation-action-get {
    margin-bottom:0.5rem;
}


/*------------------------------------------------------------------ */
/* m-field-qrcode------------------------------------------------ */
/*------------------------------------------------------------------ */

.m-field-qrcode-div {
    margin:0px;
}

.m-field-qrcode-separator {
    display: inline; 
    padding: 0px;
}

.m-field-qrcode-text {}

.m-field-qrcode-img {
    padding-right: 0px;    
    padding-left: 0px;
}

.m-field-password {
    font-family: text-security-disc;
}

/*------------------------------------------------------------------ */
/* btn-pic --------------------------------------------------------- */
/*------------------------------------------------------------------ */

.btn-pin {
    margin: 12px;
    font-size: 1.7rem !important;;
    line-height: 2 !important;
    min-width: 5rem !important;
}

.btn-pin-void {
    border: 0px !important;
}

.pin-code {
    margin-bottom: 0.8rem; 
    height: 3rem;
    font-size: 1.7rem !important;
}

#wrongPinCodeWarning {
    color: red !important;
}

#checkingPINCodeInfo {
    color: cornflowerblue !important;    
}

.div-pin-head {
    margin-top: 0.6rem;   
    margin-bottom: 0.6rem;   
}

.btn-pin:disabled {
    opacity: 0.4;;
}

.btn-pin:hover {
    color: #3490dc;
    background-color: transparent;
    background-image: none;
    border-color: #3490dc;
}

/*
.btn-pin {
    margin: 8px;
    width: 2rem !important;
    font-size: 1.5rem !important;;
    line-height: 1.5 !important;;
}

.btn-pin-void {
    border: 0px !important;
}

.pin-code {
    margin-bottom: 0.8rem; 
    height: 2rem;
    font-size: 1.5rem !important;
}

#wrongPinCodeWarning {
    color: red !important;
}

.div-pin-head {
    margin-top: 0.6rem;   
    margin-bottom: 0.6rem;   
}

.btn-pin:disabled {
    opacity: 0.4;;
}
*/
@media (max-width: 575.98px) { /* only xs */
    .btn-pin {
        margin: 4px;
        font-size: 1.4rem !important;;
        line-height: 1.4 !important;
        min-width: 4rem !important;
    }

    .pin-code {
        margin-top: 0rem;
        margin-bottom: 0.8rem;
        height: 1.9rem;
        font-size: 1.4rem !important;
    }

    .div-pin-head {
        margin-top: 0.2rem;   
        margin-bottom: 0.5rem;   
    }
    
    .modal-body-pin {
        padding: 0.7rem;        
        padding-bottom: 0rem;
    }

    #wrongPinCodeWarning, 
    #checkingPINCodeInfo {
        font-size: 1.1rem !important;
    }
    
}

/*------------------------------------------------------------------ */
/* m-employee-card-image ------------------------------------------- */
/*------------------------------------------------------------------ */

.m-employee-card {
    text-align: left;    
}

.m-employee-card-header{
    padding-top: 12px !important;
    padding-bottom: 8px !important;
}

.m-employee-card-name{
    margin-left: 10px;
}

.m-employee-card-body{
    padding-bottom: 16px !important;
}

.m-employee-card-image{
    
}
.m-employee-card-image > .m-avatar{
    margin: unset;
    margin-left: 10px;
}

.m-employee-card-data{
    
}

.m-employee-card-header,
.m-employee-card-body {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}


@media (max-width: 575.98px) { /* only xs */   
    .m-employee-card-header{
        padding-top: 6px !important;
        padding-bottom: 6px !important;        
    }
    
    .m-employee-card-body{
        padding-bottom: 8px !important;
    }

    .m-employee-card-header,
    .m-employee-card-body {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/*------------------------------------------------------------------ */
/* i-frame  -------------------------------------------------------- */
/*------------------------------------------------------------------ */

iframe{
    border-width: 0px;
    width: 100%;
    height: 400px;
}

.m-btn-acces-iframe {
    padding: .25rem .5rem;
    font-size: .7875rem;
    line-height: 1.5;
    margin-left: 1rem;
}

.m-btn-acces-iframe i {
    margin-left: 0.5rem;
    
}

/*------------------------------------------------------------------ */
/* m-calendar ------------------------------------------------------ */
/*------------------------------------------------------------------ */

.m-calendar {
    margin-top: 0.65rem;
    /*max-width: 588px;*/
}

.m-calendar h2 {
    font-size: 1.5rem !important;
}

.m-calendar button {
    min-width: 3rem;
}

@media (max-width: 575.98px) { /* only xs */   
    .m-calendar h2 {
        font-size: 1.1rem !important;
    }
    .m-calendar button {
        min-width: 1rem;
    }
}

.m-calendar .fc-bgevent{
    opacity: 0.5 !important;
}

.m-calendar .fc-day-grid-event{
    background-color: transparent !important;   
    border: 0px; 
}

.m-calendar .fc-highlight {
    outline: 1px solid red !important;
    outline-offset: -1px !important;
    opacity: .65 !important;
}

.m-calendar .fc-day-number {
    font-weight: bold;
}

.m-calendar .btn:not(.m-button-text-always-visible) span {
    display: inline-block !important;
}

.m-calendar .btn span {
    padding-left: 0px !important;
}
/* not used anymore
.m-calendar-primg {
    display: none;
    width: 100%;
}
*/

/*------------------------------------------------------------------ */
/* m-hight-light --------------------------------------------------- */
/*------------------------------------------------------------------ */

.m-hight-light label {
    font-weight: bold;
}

.m-hight-light input {
    font-weight: bold;
    color: crimson;
}

/*------------------------------------------------------------------ */
/* m-text-wrap ----------------------------------------------------- */
/*------------------------------------------------------------------ */

.m-text-wrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}


/*------------------------------------------------------------------ */
/* Sidebar & Menu--------------------------------------------------- */
/*------------------------------------------------------------------ */

@font-face {
    font-family: arabolic;
    src: url(/fonts/ARABOLIC.TTF);
}

@font-face {
    font-family: MSegoeUISymbol;
    src: url(/fonts/SEGUISYM.TTF);
}


.m-btn-nav {
    cursor: pointer;
    background-color: transparent;
    color: aliceblue;
    padding: 0px 5px;
    border: none;
    z-index: 99999;
}

.m-btn-nav:hover {
    color:cornflowerblue !important;    
    font-weight: bold;    
}

#btnShowNav {
    margin-right: 10px;
}

#btnCloseNav {
    margin-left: 10px;
    font-weight: bold;
    font-size: 1.4rem;
}

.m-card-menu{
    border-radius: 0px;
    border: 0px;
}

.m-card-menu-header{
    border-radius: 0px !important;
    background-color: black;
    padding: 1rem 0.75rem;
    font-size: 0.9rem;
    text-align: center;
    color: aliceblue;
} 

.m-card-menu-header a {
    text-decoration: none;
    font-weight: bold;      
    color: #C6D7F8;    
}


.m-card-menu-header-text {    
    text-align: left;
}

.m-card-menu-header-text-userName {
    color:cornflowerblue;
    font-size: 0.92rem;
}

.m-card-menu-header-text-accountType {
    color:aliceblue;    
    font-size: 0.85rem;
}


.m-card-menu-body,
.m-card-menu-footer
{    
    border-radius: 0px !important;;    
    padding: 0px;
    margin: 0px;
    background-color: #2D2D2D;    
}

.m-menu-group{

}

.m-menu-item,
.m-menu-footer-item {
    border: 0px;
    border-bottom: 1px solid #3D3D3D; 
    color: aliceblue;
    background-color: #2D2D2D;    
    border-radius: 0px !important;    
    margin-bottom: 0px;
}

.m-menu-item {
    font-size: 1rem;
}

.m-menu-footer-item {
    font-size: 0.85rem;
}

.m-menu-item:hover,
.m-menu-footer-item:hover {    
    color: aliceblue;
    background-color: #3D3D3D;    
    z-index: initial;    
}

.m-menu-item i,
.m-menu-footer-item i {    
    margin-right: 0.25rem;
}

.m-menu-item:hover i,
.m-menu-footer-item i {    
    font-weight: bold;
}


/*
@media (max-width: 991.98px) { 
    .m-menu-item {
        padding: .75rem 0.75rem;
    }
    .m-menu-item i {
        display: none;
    }
}

@media (min-width: 768px) {  
    #btnCloseNav {
        display: none;
    }
}
*/

.m-sidebar {
    height: 100%;
    position: fixed !important;
    z-index: 999;
    overflow: auto;
    border-right: 1px solid #ccc !important;
    min-width: 250px;
    max-width: 100%;
}

/*------------------------------------------------------------------ */
/* Translates ------------------------------------------------------ */
/*------------------------------------------------------------------ */

.m-tr-pending {
    background-color: crimson !important;
}


/*------------------------------------------------------------------ */
/* Groups ---------------------------------------------------------- */
/*------------------------------------------------------------------ */
.m-group, .m-group-intseparator {
    padding-top: 0.75rem;
    margin-top: 1rem;    
}
.m-group {
    border-top: lightpink 1px solid;
}
.m-group-intseparator {
    border-top: gainsboro 1px solid;    
}

@media (max-width: 575.98px) { /* only xs */
    .m-group, .m-subgroup {
        margin-top: 0.7rem;
        padding-top: 0.7rem;
    }
}

.m-group-list {
    padding-top: 0.75rem;
    margin-top: 1rem;
    /*border-top: cornflowerblue 1px solid;*/
    border-top:  1px solid rgba(0,0,0,.1);
}

.m-group-title {
    font-weight: bold;    
}

.m-action-left,
.m-action-left-default,
.m-action-left-specific {
    display:inline-block
}


.m-action-right {}

.m-action-default,
.m-action-specific {
    display:inline !important
}


/*------------------------------------------------------------------ */
/* m-label-hint, m-label-spw --------------------------------------- */
/*------------------------------------------------------------------ */
.m-label-hint, .m-label-spw, .m-label-img-action {
    padding-left:0.5rem; 
    color:cornflowerblue;
}

.m-label-hint:hover, .m-label-spw:hover, .m-label-img-action:hover {
    color: royalblue;
    cursor: pointer;
}

.m-label-img-action[disabled] {
    color: gray;
    cursor: unset;
}

/*------------------------------------------------------------------ */
/* alters ---------------------------------------------------------- */
/*------------------------------------------------------------------ */

.alert-danger {
    background: lightpink;
    border-color: rgb(253, 152, 167);
}

.alert-success {
    color: aliceblue;
    background-color: royalblue;
    border-color: royalblue;
    color: white;
    background-color: rgb(0, 128, 128);
    border-color: rgb(0, 128, 128);
}

/*------------------------------------------------------------------ */
/* select pucker ---------------------------------------------------------- */
/*------------------------------------------------------------------ */

.dropdown-toggle[relatedStatus='E'] {
    color: rgb(73, 80, 87);    
    border-color:rgb(206, 212, 218);
    background-color: #fff
}

.dropdown-toggle[relatedStatus='D'] {
    color: rgb(73, 80, 87);
    background-color: rgb(233, 236, 239);
    border-color: rgb(206, 212, 218);
    opacity: unset;
    cursor: default;

}

.dropdown-toggle {
    cursor: default !important;
}


/*------------------------------------------------------------------ */
/* altres ---------------------------------------------------------- */
/*------------------------------------------------------------------ */
/*selectpicker
.dropdown-toggle .btn:not(:disabled):not(.disabled) {

}*/


.mp-me-badge-entry {
    background-color: gold
}

.mp-me-badge-exit {
    background-color: olivedrab;
    color: aliceblue
}

.m-filter-name {
    font-size: .85rem !important;
    color: lightblue;
    padding: 0px; margin:0px;
    line-height: 1 !important;
    display: inline-block;
    font-weight: bold    
}

/*------------------------------------------------------------------ */
/* avatars ---------------------------------------------------------- */
/*------------------------------------------------------------------ */
.m-avatar {  
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
    border-radius: 100px;
    margin-bottom: 5px !important;  
}

.m-avatar-sm{
    height: 3rem !important;
    width: 3rem !important;
}

.m-avatar-md{
    height: 5rem !important;
    width: 5rem !important;
}

.m-avatar-lg{
    height: 8rem !important;
    width: 8rem !important;
}


/*------------------------------------------------------------------ */
/* Print ----------------------------------------------------------- */
/*------------------------------------------------------------------ */
@media print { 


    .m-container-row,
    .m-card-item {
        display: block !important;
        margin-left: 5mm;
        margin-right: 5mm;
        height: unset !important;
        border: 0px !important;
    }

    .m-card-item-body {
        max-height: unset !important;
        overflow-y: unset !important;        
        padding-left: 7px !important;
        padding-right: 7px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;        
    }

    .m-card-item-header {
        background-color: lavender !important;;
        color:black !important;
        font-weight: bold !important;
        border-bottom: 0px !important;
    }

    .col-form-label {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .m.group {
        margin-top: 0px !important;
    }    

    .m-group-list {
        border-top: 0px !important;
        padding-top: 0px !important;
    }

    .m-btn-aux,
    .m-btn-acces-iframe,
    .m-field-boolean-button,
    .m-card-side-margin,
    .m-action-panel,
    .m-th-select,
    .m-td-select,
    .m-list-rows-page-info-pagerang-text,
    .m-list-separator,
    .m-list-display-options,
    .m-label-hint,
    .m-label-spw{
        display: none !important;
    }
        
    .m-list-rows-page-info {
        padding-bottom: 0rem;
        padding-top: 0rem;
        color: rgb(33, 37, 41) !important;
    }

    .m-table td {
        border-bottom: rgb(33, 37, 41) 1px solid !important;
    }

    @page {      
        margin-top: 10mm;
        margin-left: 0mm;
        margin-right: 0mm;
        margin-bottom: 10mm;
        size: A4;
    }

    .m-label-enum-icon i,
    .m-label-boolean-icon i {        
        font-size: 0.75rem !important;
    }

    .row label {
        display: block !important;
    }

    .m-table table { page-break-inside:auto }
    .m-table thead { display: table-header-group; } 
    .m-table tr    { page-break-inside:avoid; page-break-after:auto }
    .m-avoid-break-on-print * { age-break-inside: avoid }

    body,
    input, 
    textarea, 
    select, 
    .m-checkbox input[disabled] ~ * label:after,
    .m-field-picture-frame, 
    .dropdown-toggle {
        background-color: unset !important;
    }

    .dropdown-toggle::after {
        border: 0px !important;
    }

    .fc-button {
        display: none;
    }

    *{
        -webkit-print-color-adjust: exact !important;;
        /*printer-colors: exact !important;*/
        color-adjust: exact !important;
    }

    a[href]:after {
        content: none !important;
    }

}


/*------------------------------------------------------------------ */
/* Aux ------------------------------------------------------------- */
/*------------------------------------------------------------------ */

.projects-separator {
    border-top-width: 1px;   
    margin-left: 20px; 
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    
}