/***************************/


/*****PALETTE COLOR*******/


/***************************/
.pickerbackdrop{
    background-color: #008000;
  opacity: 1.0 !important;
  display:none;
}
/*Override fullcalendar styles due problems in mobile mode*/
.fc-content-skeleton{
    padding-bottom: 2.5rem!important;
  }
  .fc-view, .fc-view > table {
    position: initial!important;
}
:root {
    --dw_light_green: #008c10;
    --dw_green: #008c10;
    --dw_green_2: #008834;
    --dw_gray: #5d5d5f;
    --dw_bg_sidebar: #040505;
}
.product-form {
    min-width: 150px;
    max-width: 500px;
    width: 100%;
}
.product-full-width {
    width: 100%;
}
.dangerDot {
    height: 25px;
    width: 25px;
    background-color: red
    ;
    border-radius: 50%;
    display: inline-block;
}
.warningDot {
    height: 25px;
    width: 25px;
    background-color:yellow
    ;
    border-radius: 50%;
    display: inline-block;
}
.greenDot {
    height: 25px;
    width: 25px;
    background-color: greenyellow
    ;
    border-radius: 50%;
    display: inline-block;
}
.center-div {
    margin: 0 auto;
    width: 75%;
}

.rigth-text {
    text-align: right;
}

.left-text {
    text-align: left;
}


/***************************/


/*****CARD STYLES*******/


/***************************/

body.off-canvas-sidebar.register-page div#registerModal input.dw-lgreen-bg,
body.off-canvas-sidebar.recover-pass div#recoverModal a.dw-lgreen-bg,
body.off-canvas-sidebar.recover-pass div#recoverModal input.dw-lgreen-bg,
body.off-canvas-sidebar.login-page div#recoverModal input.dw-lgreen-bg,
body.off-canvas-sidebar.register-page a.dw-lgreen-bg,
body.off-canvas-sidebar.lock-page div.container a.dw-lgreen-bg,
body.off-canvas-sidebar.login-page div.container div.dw-lgreen-bg,
body.off-canvas-sidebar.login-page div.container input.dw-lgreen-bg,
body.off-canvas-sidebar.login-page div.container button.dw-lgreen-bg,
body.off-canvas-sidebar.val-code div.container div.dw-lgreen-bg,
body.off-canvas-sidebar.val-code div.container input.dw-lgreen-bg,
body.off-canvas-sidebar.recover-pass div.container div.dw-lgreen-bg,
body.off-canvas-sidebar.recover-pass div.container input.dw-lgreen-bg {
    background: var(--dw_light_green);
}

body.off-canvas-sidebar.login-page div.container a.dw-lgreen-color,
body.off-canvas-sidebar.login-page div.container input.dw-lgreen-color {
    color: var(--dw_light_green);
}

body.off-canvas-sidebar.login-page div.container a.dw-gray-color {
    color: var(--dw_gray);
}

body.off-canvas-sidebar.login-page div.container a.dw-gray-color i {
    font-size: 1.4rem;
}

body.off-canvas-sidebar.login-page div.container .logoSmallRounded {
    box-shadow: none;
}


/*Display Block Center*/

body.off-canvas-sidebar.register-page input.dw-dis-block,
body.off-canvas-sidebar.recover-pass input.dw-dis-block,
body.off-canvas-sidebar.val-code input.dw-dis-block,
body.off-canvas-sidebar.login-page input.dw-dis-block,
body.off-canvas-sidebar.login-page a.dw-dis-block {
    display: block;
    margin: auto;
}


/*Hover Btn Registrar*/

body.off-canvas-sidebar.register-page a.btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
}


/*Modal Style*/

div#registerModal .modal-content,
div#recoverModal .modal-content {
    max-width: 350px;
    margin: 1em auto 0 auto;
    top: 1.25em;
}

div#registerModal .modal-dialog .modal-header .close,
div#recoverModal .modal-dialog .modal-header .close {
    top: 10px;
}

.img-recover-modal {
    margin-top: -75px;
    border-radius: 50%;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}


/*************************/


/********SIDEBAR*********/


/***********************/

div.wrapper .sidebar[data-background-color="red"] .sidebar-background:after {
    background: var(--dw_bg_sidebar);
}


/***************************/


/*****RESPONSIVE*******/


/***************************/

@media screen and (max-width: 1024px) {
    body.off-canvas-sidebar.recover-pass div.container>div.col-md-4,
    body.off-canvas-sidebar.val-code div.container>div.col-md-4,
    body.off-canvas-sidebar.login-page div.container>div.row>div.col-md-4 {
        max-width: 40%;
    }
    body.off-canvas-sidebar.recover-pass div.container,
    body.off-canvas-sidebar.val-code div.container,
    body.off-canvas-sidebar .page-header>.container {
        padding-bottom: 65px;
    }
    body.off-canvas-sidebar.recover-pass div.container>div.col-md-4,
    body.off-canvas-sidebar.val-code div.container>div.col-md-4,
    body.off-canvas-sidebar.login-page div.container>div.row>div.col-md-4 {
        max-width: 50%;
    }
}

@media screen and (max-width: 767px) {
    body.off-canvas-sidebar.recover-pass div.container>div.row>div.col-md-4,
    body.off-canvas-sidebar.val-code div.container>div.col-md-4,
    body.off-canvas-sidebar.login-page div.container>div.row>div.col-md-4 {
        max-width: 80%;
    }
}

@media screen and (max-width: 440px) {
    body.off-canvas-sidebar.login-page div.container>div.row>div.col-md-4 {
        max-width: inherit;
    }
}


/***************************/


/*****ACTIVITIES WIZARD*******/


/***************************/

.wizard-top-buttons {
    margin-top: -3%;
}

.langSelect div.mat-select-arrow-wrapper {
    display: none;
}

.langSelect.mat-select {
    display: inline;
    padding-left: 160%;
}

.activity-footer {
    padding-top: -20%;
}

/** Clipboard button***/
.clipboard-button-animation {

        -webkit-animation-name: cssAnimation;
        -webkit-animation-duration: 0.2;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
      }
      
      @-webkit-keyframes cssAnimation {
        from {
          -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
        }
        to {
          -webkit-transform: rotate(0deg) scale(2) skew(0deg) translate(10px);
        }
      }