/*------------------------------------------------------------------ */
/* 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;
}

/*------------------------------------------------------------------ */
/* font awesome ---------------------------------------------------- */
/*------------------------------------------------------------------ */

.fa-highlight-dot {
    color: hotpink; 
    margin-left: -2px; 
    font-size: 7px;
}

/*------------------------------------------------------------------ */
/* 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;
    padding-bottom: 2px;
}

.badge {
    border-radius: 0px;
}

@media ( max-width: 767.98px)  { /* only xs+sm */
    .form-group label {
        padding-top: 2px;
        padding-bottom: 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{
    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: 1rem 1.30rem 0.65rem 1.30rem;
    cursor: default;
    font-size: 1.1rem; 
    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: rgba(247,170,18,1);;
}


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

    .m-card-item-header{
        padding-top: 0.8rem;
        font-size: 1rem;
    }

    .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: cornflowerblue;
    /*font-weight: bold;*/
}

.m-supper-title + .m-title {
    font-size: 0.9rem;
    font-style: italic;
}
/*------------------------------------------------------------------ */
/* 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-mobile-page-info {
    position: absolute;
    font-size: 11px;
    color: darkgray;
    pointer-events:none;
    text-align: center;
    top: 35%;
    width: 100%;
}

.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: rgba(247,170,18,0.8);
    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-content {

}

.m-table-auxcontent {
    color: darkslategray;
    font-size: 0.85rem;
    font-style: italic;
}

.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;
}

.modal-body-options {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.dropdown-item-mobile {
    margin-top: 25px;
    width: 65%;
    min-width: 200px;
    text-transform: uppercase;
}

.modal-body-options .disabled {
    opacity: 0.25; 
}


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

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

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

.toast-error {
    background: crimson;
    border-color: darkred;
    color:aliceblue;
}

.toast-warning {
    background-color: OrangeRed;
    border-color: crimson;
    color:aliceblue;
}

.toast-info {
    background-color: royalblue;
    border-color: DarkBlue;
    color: aliceblue;    
}

/*------------------------------------------------------------------ */
/* 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-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-sm {
    max-height: 88px;
    max-width: 88px;
}

.m-field-picture-img-md {
    height: 100%;
    width: 100%;
}

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

/*------------------------------------------------------------------ */
/* 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-field-list------------------------------------------------ */
/*------------------------------------------------------------------ */


.m-field-list-headcontent {
    font-size: 1rem;
    font-weight: bold
}

.m-field-list-content {
    color: darkslategray;
    font-size: 0.675rem;
    vertical-align: text-bottom;
}


/*------------------------------------------------------------------ */
/* 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;
    padding-top: 1rem;  
}

.m-card-menu-header-text-platform {
    color: aliceblue;    
    font-size: 0.60rem !important;
    font-style: italic;
}


.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)    _getPageNumber(){
        return(this._getPageParam('page'));
    }
   
    _getLastPageNumber(){
        return(this._getPageParam('lastPage'));
    }
 {  
    #btnCloseNav {
        display: none;
    }
}
*/

.m-sidebar {
    height: 100%;
    position: fixed !important;
    z-index: 99999;
    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 {
    padding-top: 0.75rem;
    margin-top: 1rem;
    border-top: rgb(247,170,18) 1px solid;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.m-group-hide-separation {
    margin-top: 0px;
    border-top: none;
}

@media (max-width: 575.98px) { /* only xs */
    .m-group {
        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 ---------------------------------------------------------- */
/*------------------------------------------------------------------ */

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

.bootstrap-select .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;

}

.bootstrap-select .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;
    }

}

/*------------------------------------------------------------------ */
/* Test ----------------------------------------------------------- */
/*------------------------------------------------------------------ */

.t2 {
    display: none;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 600px) { 
    .t1 {
        display: none;
    }   
    .t2 {
        display: unset;
    }
}



/*------------------------------------------------------------------ */
/* new global styles ----------------------------------------------- */
/*------------------------------------------------------------------ */
.m-text-notbreak {
    white-space: pre;
}

.m-center-vertical {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.m-icotext {
    display: inline-flex;
}

.m-icotext-ico {
    width: 16px;
    color:cornflowerblue;
}

.m-icotext-text {
    margin-left: 8px;
}

.m-subrow,
.m-subcol {
    padding:0px;
    margin:0px
}


.m-right-aling-enum {
    display: inline-flex; 
    float: right;
    margin-top: 4px;
}

.m-right-aling-enum-text {
    margin-right: 4px;
}

.m-right-aling-enum-icon {
    opacity: 0.75;
}

/*------------------------------------------------------------------ */
/* view styles ----------------------------------------------------- */
/*------------------------------------------------------------------ */

.cv-revision-list .cv-row,
.cv-incidence-list .cv-row,
.cv-assembly-list .cv-row
{
    padding-top: 3px;    
    padding-bottom: 3px;    
}

.cv-craneRevision-list .cv-crane-data,
.cv-craneIncidence-list .cv-crane-data,
.cv-craneAssemlby-list .cv-crane-data
 {
    padding-top: 3px;      
}

.cv-craneRevision-list .cv-craneRevisionStatus-div,
.cv-craneRevision-item .cv-craneRevisionStatus-subdiv,
.cv-craneIncidence-list .cv-craneIncidenceStatus-div,
.cv-craneIncidence-item .cv-craneIncidenceStatus-subdiv,
.cv-craneAssembly-list .cv-craneAssemblyStatus-div,
.cv-craneAssembly-item .cv-craneAssemblyStatus-subdiv 
{
    position: relative;
}

.cv-craneRevision-list .cv-craneRevisionStatus-subdiv,
.cv-craneRevision-item .cv-craneRevisionStatus-subdiv, 
.cv-craneIncidence-list .cv-craneIncidenceStatus-subdiv,
.cv-craneIncidence-item .cv-craneIncidenceStatus-subdiv, 
.cv-craneAssembly-list .cv-craneAssemblyStatus-subdiv,
.cv-craneAssembly-item .cv-craneAssemblyStatus-subdiv
{
    position: absolute;
    bottom: 0;
    right: 0;
    margin-left: -200px;
}

.cv-craneRevision-list .cv-manufacturingNumber, 
.cv-craneIncidence-list .cv-manufacturingNumber,
.cv-craneAssembly-list .cv-manufacturingNumber
{
    margin-bottom: 5px;
    line-height: 1;
}

.cv-craneRevision-list .cv-subrevisionNumber, 
.cv-craneIncidence-list .cv-subincidenceNumber, 
.cv-craneAssembly-list .cv-subassemblyNumber
{
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 4px;
    background-color:  #6495edc2;
    color: aliceblue;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}

.cv-craneRevision-item .cv-hoistType,
.cv-craneAssembly-item .cv-hoistType
{
    color: crimson;
    font-weight: bold;
    opacity: 0.8;
}

.cv-craneRevision-list .cv-hoistType-ind, 
.cv-craneAssembly-list .cv-hoistType-ind
{
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: #dc143c3b;    
}

.cv-craneIncidence-list .cv-unassignedCrane {
    color: crimson;
    font-weight: bold;
    opacity: 0.8;
}

.cv-revision-item .cv-status-large, 
.cv-incidence-item .cv-status-large, 
.cv-assembly-item .cv-status-large
{
    margin-right: 8px;    
    margin-top: 0px
}

.cv-revision-item .cv-status-large i,
.cv-incidence-item .cv-status-large i, 
.cv-assembly-item .cv-status-large i
{
    font-size: 0.9rem;
}

.cv-revision-item .cv-comments .m-icotext-ico,
.cv-incidence-item .cv-comments .m-icotext-ico,
.cv-incidence-item .cv-description .m-icotext-ico,
.cv-assembly-item .cv-comments .m-icotext-ico,
.cv-assembly-item .cv-description .m-icotext-ico,
.cv-craneIncidence-list .cv-comments .m-icotext-ico,
.cv-craneIncidence-item .cv-comments .m-icotext-ico,
.cv-craneIncidence-item .cv-description .m-icotext-ico,
.cv-craneAssembly-list .cv-comments .m-icotext-ico,
.cv-craneAssembly-item .cv-comments .m-icotext-ico,
.cv-craneAssembly-item .cv-description .m-icotext-ico,

.cv-file-list .cv-description .m-icotext-ico
 {
    color: crimson;
    opacity: 0.75;
}

.cv-revision-item .cv-address,
.cv-incidence-item .cv-address,
.cv-assembly-item .cv-address 
{
    margin-bottom: 3px;
}

.cv-revisionSign-item .cv-singed .col,
.cv-incidenceSign-item .cv-singed .col,
.cv-assemblySign-item .cv-singed .col,
.cv-revision-item .cv-singed .col,
.cv-incidence-item .cv-singed .col,
.cv-assembly-item .cv-singed .col 
{
    margin-bottom: 1rem;
}

.cv-revisionSign-item .cv-singed-aux,
.cv-incidenceSign-item .cv-singed-aux,
.cv-assemblySign-item .cv-singed-aux,
.cv-revision-item .cv-singed-aux,
.cv-incidence-item .cv-singed-aux,
.cv-assembly-item .cv-singed-aux
{
    line-height: 0.7;    
}

.cv-revisionSign-item .cv-singed-aux .m-icotext-ico,
.cv-incidenceSign-item .cv-singed-aux .m-icotext-ico,
.cv-assemblySign-item .cv-singed-aux .m-icotext-ico,
.cv-revision-item .cv-singed-aux .m-icotext-ico, 
.cv-incidence-item .cv-singed-aux .m-icotext-ico, 
.cv-assembly-item .cv-singed-aux .m-icotext-ico
{
    width: 10px;
    color:indigo;
    opacity: 0.7;
    padding-left: 2px;
}

.cv-revisionSign-item .cv-signature-mark,
.cv-incidenceSign-item .cv-signature-mark,
.cv-assemblySign-item .cv-signature-mark,
.cv-revision-item .cv-signature-mark, 
.cv-incidence-item .cv-signature-mark,
.cv-assembly-item .cv-signature-mark 
{
    color: indigo;
    opacity: 0.07;
    position: absolute;
    top: 13px;
    margin-left: 9px;
}

.cv-craneRevision-item #controls .m-checkbox,
.cv-craneAssembly-item #controls .m-checkbox 
{
    margin-right: 0px;
}

.cv-revisionSign-item .cv-info-aux,
.cv-incidenceSign-item .cv-info-aux,
.cv-assemblySign-item .cv-info-aux 
{
    float:right;
    margin-right: 0.75rem;
}

/*
.cv-assembly-item .cv-assemblyType
{
    color: crimson;
    font-weight: bold;
    opacity: 0.8;
}*/