body {
  background: #0074C1;
  font-family: "Poppins", sans-serif;
  margin: 0;
  overflow-x: hidden;
  color: #777777;
  font-weight: 300;
  font-size:0.75rem}

/* #main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper
{
  padding-top: 55px;
} */
.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
    color: #ffffff;
    background: #2B80C8 !important;
}

.sidebar-nav ul li a:hover {
    font-weight: 400;
    background: #242933;
    color: #ffffff !important;
}



.sidebar-nav > ul > li > a.active {
    font-weight: 400;
    background: #242933;
    color: #ffffff;
}


.sidebar-nav > ul > li > a.active-link {
    font-weight: 400;
    background: #242933;
    color: #ffffff;
}



.sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
    color: #FFF;
}

.m-t-l{
	margin-top:22px;
}

.btn{
    font-size: 12px;
}
.btn-info {
    color: #FFFFFF;
    background-color: #2B80C8;
    border-color: #2B80C8;
}

.btn-info:hover {
  color: #FFFFFF !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #FFFFFF;
    background-color: #1681DE;
    border-color: #2B80C8;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #2B80C8;
    border-color: #2B80C8;
}
.pull-right{
    float: right;
}
.btn-info .badge {
    color: #2B80C8;
    background-color: #FFFFFF;
}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2B80C8), to(#2B80C8)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
    background-image: -webkit-linear-gradient(#2B80C8, #2B80C8), -webkit-linear-gradient(#d9d9d9, #d9d9d9);
    background-image: -o-linear-gradient(#2B80C8, #2B80C8), -o-linear-gradient(#d9d9d9, #d9d9d9);
    background-image: linear-gradient(#2B80C8, #2B80C8), linear-gradient(#d9d9d9, #d9d9d9);
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: none;
}

.help-block {
    color: red;
}


.border-box {
    border-radius: 5px;
}

.blue-amis-color{
  color: #0074C1 !important;
}

/* HEADER CUSTOM CSS */
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6], #main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin6], #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6], #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin6]{
  background-color: #FFF !important;
}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5], #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5]{
  background-color: #0074C1;
}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-nav ul{
  background-color: #0074C1 !important;
}
.topbar .top-navbar .navbar-header .navbar-brand{
  display: inline-block;
}
.topbar .top-navbar .navbar-header{
  line-height: 65px;
}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin5] .sidebar-footer, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin5] .sidebar-footer{
  background-color: #FFF;
}
.left-sidebar .sidebar-footer a{
  color: #FFF !important;
}
.top-navbar{
  z-index: 3;
}

.amis-lens-img{
  width: 60px;
  margin-left: 4px;
}

.amis-blue-logo{
  width: 140px;
  position: absolute;
  top: -60px;
  right: 0px;
  left: 46%;
  transform: translate(-50%, 50%);
}

.disabled-row {
  pointer-events: none;
  opacity: 0.6;
} 

@media (min-width: 768px)
  {
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo {
      width: 260px;
  }
}
.sidebar-nav .has-arrow::after{
  border-color: #607d8b !important;
}
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6], #main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin6], #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6], #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin6]{
  top: 0;
}

.navbar-collapse{
  margin-left: 0px !important;
}

.page-titles {
  padding: 10px 25px;
  margin: 0px -35px 30px;
  box-shadow: none;
}

.container-fluid {
  padding: 0 30px 25px 30px !important;
}

.page-wrapper {
  background: #eef5f9;
  padding-bottom: 48px;
}

.profile-pic {
  width: 40px;
  height: 40px;
  border-radius: 100% !important;
  border: 1px solid #0074C1; 
}



[type="radio"]:not(:checked), [type="radio"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin6], #main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin6]{
  background: #3d3d3d;
}
/*----------------------------------*/


a {
    color: #3d3d3d;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.filter-btn-fix{
    margin-top: 20px;
}


.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    color: #FFFFFF !important;
    background-color: #7A7A7A;
    border-color: #808287;
}


.btn-secondary {
    color: #FFFFFF;
    background-color: #808287;
    border-color: #808287;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    color: #FFFFFF;
    background-color: #7A7A7A;
    border-color: #808287;
}

.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    background-image: none;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
    background-color: #808287;
    border-color: #808287;
}

.btn-secondary .badge {
    color: #808287;
    background-color: #FFFFFF;
}

.dt-buttons .dt-button {
    padding: 5px 15px;
    border-radius: 4px;
    background: #2B80C8;
    color: #ffffff;
    margin-right: 3px;
}




.btn-success {
    color: #FFFFFF;
    background-color: #009257;
    border-color: #009257;
}
.btn-neutral {
    color: #3d3d3d;
    background-color: #ececec;
    border-color: #ced4da;
}

.btn-neutral:hover,
.btn-neutral:focus,
.btn-neutral:active,
.btn-neutral.active,
.open .dropdown-toggle.btn-neutral {
    color: #FFFFFF;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
}

.btn-neutral:active,
.btn-neutral.active,
.open .dropdown-toggle.btn-secondary {
    background-image: none;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #FFFFFF;
    background-color: #009257;
    border-color: #009257;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #009257;
    border-color: #009257;
}

.btn-success .badge {
    color: #20CD87;
    background-color: #FFFFFF;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    border: 1px solid #2B80C8;
    background-color: #2B80C8;
}

.page-card-title {
    margin-bottom: .75rem;
    color: #2B80C8;
    border-bottom: dotted 2px #2B80C8;
    padding-bottom: 10px;
}

.roles-card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

[type="checkbox"]:checked + label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #2B80C8;
    border-bottom: 2px solid #2B80C8;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.dataTables_filter > label > input {
    width: 400px;
}

.dataTables_filter {
    float: left!important;
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #7A7A7A;
}

.dropdown-item {
    padding: 0px 1rem;
    color: #777777;
}

#modalboxScreenSaver {
    z-index: 10000;
}

#screensaver2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4000;
    background: #000;
    display: none;
    overflow:auto;
    overflow-x: hidden;

  }
  #screensaver2.show {
    display: block;
  }

  #screensaver2 i {
    position: absolute;
    top: 50px;
    right: 50px;
    background: rgba(255, 255, 255, 0.5);
    line-height: 100px;
    width: 100px;
    height: 100px;
    text-align: center;
    font-size: 60px;
    color: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }



.content-wrapper{
	padding: 15px;
}

.page-titles {
    padding: 10px 25px;
    margin: 0px -35px 30px;
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
}


.login-sidebar .login-box {
    background: #2C2C2B;
}

.full-width {
    width: 100%;
}

.table-pointer {
    cursor: pointer;
}

.login-box > .card-body {
    width: 400px;
    margin: 0 auto;
    background-color: rgba(0,0,0,0.7);
    border-top: 5px solid #2B80C8
}

.opacity {
    opacity: 0.4;
    width: 100%;
    height: 100%;
    position: relative;
}

.opacity-4 {
    opacity: 0.4;
}

.btn-login {
    padding: 15px 0px;
}



.text-white {
    color: white !important;
}

.card.login-card {
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0px;
    width: 400px;
}
.card .card-header {
    background: #ffffff;
    border-bottom-width: 0px;
    border-bottom-style: initial;
    border-bottom-color: initial;
}

.card-articles-dropdown-container-item {
  font-size: 14px;
}

input.login-input {
    color: white!important;
}

.full-screen-title{
	font-size: 20px;
    font-weight: bold;
    color: #222;

    padding-top: 5px;
}

.popup-filter-container {
  background: #F7F9FB;
  padding: 20px 30px;
  margin: -14px !important;
  margin-bottom: 20px;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
}



.highlight tr:hover{
    cursor: pointer;
    background-color: #FCC;
  }

.accordion .card {
    margin-bottom: 1.2rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.accordion.no-shadow .card {
    margin-bottom: 1.2rem;
    box-shadow: none!important;
}

.accordion .card .card-body {
    border-top: 1px solid #eee;
  }

.accordion .card{
    background-color:rgb(44,128,200);
    color: #FFF;
}


.bold-border-left {
    border-left: 4px solid black;
}


.text-green {
    color: #18870C !important;
}

.bg-green {
  background-color: #18870C !important;
}

.text-gray{
  color: #616161 !important;
}

.text-yellow {
    color: #E9B436;
}

.input-group-text {
  font-size: 0.75rem;

}

.select2-box{
	display: inline-block;

}

.selec2-label {

    padding: .375rem .75rem;
    margin-right:-4px;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-top-left-radius:0.25rem;
    border-bottom-left-radius:0.25rem;

}

.main-filter-container{
	background:#F7F9FB;
	padding: 20px 30px;
	margin:-30px;
	margin-bottom:20px;
	box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);

}

.custom-label{
    font-weight: 600;
    font-size: 16px;
    width: 100%;
}

.group-tr {
    background: #2B80C8 !important;
    color: #FFF !important;
    padding-bottom: 20px !important;
}
.nav-link.active {
    background-color: #2B80C8;
    color: #FFF;
}

.small-header-logo{
    height: 61px;
}

.amis-sidebar-logo{
    padding: 0px 15px;
    line-height: 50px;
    border-radius: 6px;
    margin: 0px 10px;
}
.sidebar-nav ul li a {
    color: #FFF;
    padding: 9px 15px;
    display: flex;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
}

.waves-effect{
    line-height: 25px;
}

.sidebar-nav ul .sidebar-item {
    width: 100%;
    margin-bottom: 0px;
}




.topbar .top-navbar .navbar-nav>.nav-item>.nav-link{
    color: #0074C1 !important;
}

.navbar-nav>.nav-item:hover{
  background: rgba(0,0,0,.05);
}



#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-footer, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-footer{
    background-color: #FFF;
}



.footer {
  margin-left: auto;
  margin-right: auto;
}

.footer {
  bottom: 0;
  color: #777777;
  left: 0px;
  padding: 17px 15px;
  position: absolute;
  right: 0;
  border-top: 1px solid rgba(120, 130, 140, 0.13);
  background: #ffffff;
}

.sidebar-footer-firm {
  color: #777777;
  padding: 17px 15px;
  border-top: 1px solid rgba(120, 130, 140, 0.13);
  background: #0074C1;
  color: #FFF;
  text-align: center;
  display: none;
  margin-top: -90px;
}

.sidebar-footer-firm > a{
  color: #FFF;
  font-size: 16px;
}

.scroll-to-top-btn{
  position: fixed;
  bottom: 90px;
  right: 32px;
}

.form-top-border{

    border-top: 5px solid #2480C8 !important;

  }

  .left-border{
    border-left: 5px solid #2480C8 !important;
  }

  .input-group-text{

    font-size: 12px !important;
  }


  .swal-custom-width-850{

    width: 850px !important;

  }

  .generic-popup-title{

      font-size: 1.2rem !important;
      line-height: 22px !important;
  }

  .swal2-icon.swal2-question{

    border-color: #C9C9C9 !important;
    color: #C9C9C9 !important;
  }
  .swal2-icon {

    border: 7px solid transparent !important;
  }

  .swal2-icon .swal2-icon-content {
    font-size: 70px !important;
    font-weight: 400 !important;
  }

  .swal2-title{

    font-size: 20px !important;
  }

  .swal2-icon.swal2-success .swal2-success-ring{

    border: .25em solid rgba(165,220,134,1) !important;
  }

.filter-btn, .filter-btn:hover{

    color: #FFF !important;
    background-color: #2480C8 !important;
  }

/* .complete-btn{
  color: #FFF !important;
  background-color: #9CCC65 !important;
  padding: 8px 12px !important;
} */

  .filter-btn-lg{
    color: #FFF !important;
    background-color: #2480C8 !important;
    padding: 8px 20px !important;
  }
  .dataTables_filter {
    float: left!important;
    margin-top: 10px;
}
.dataTables_filter input {
    border: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009efb), to(#009efb)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));
    background-image: -webkit-linear-gradient(#009efb, #009efb), -webkit-linear-gradient(#d9d9d9, #d9d9d9);
    background-image: -o-linear-gradient(#009efb, #009efb), -o-linear-gradient(#d9d9d9, #d9d9d9);
    background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    -webkit-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin-left: 10px;
}
.label {
    padding: 3px 10px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 4px;
    font-size: 75%; }
    .label-custom {
        background-color: #00897b; }

      .label-success {
        background-color: #0074C1; }

      .label-info {
        background-color: #0074C1; }

      .label-warning {
        background-color: #ffb22b; }

      .label-danger {
        background-color: #fc4b6c; }

      .label-megna {
        background-color: #00897b; }

      .label-primary {
        background-color: #7460ee; }

      .label-purple {
        background-color: #7460ee; }

      .label-red {
        background-color: #fb3a3a; }

      .label-inverse {
        background-color: #2f3d4a; }

      .label-default {
        background-color: #f2f4f8; }

      .label-white {
        background-color: #ffffff; }

      .label-light-success {
        background-color: #e8fdeb;
        color: #0074C1; }

      .label-light-info {
        background-color: #cfecfe;
        color: #0074C1; }
        
      .label-light-warning {
        background-color: #fff8ec;
        color: #ffb22b; }

      .label-light-danger {
        background-color: #f9e7eb;
        color: #fc4b6c; }

      .label-light-megna {
        background-color: #e0f2f4;
        color: #00897b; }

      .label-light-primary {
        background-color: #f1effd;
        color: #7460ee; }

      .label-light-inverse {
        background-color: #f6f6f6;
        color: #2f3d4a; }

      .sidebar-nav > ul > li > a i {
          width: 27px;
          height: 27px;
          font-size: 21px;
          line-height: 27px;
          display: inline-block;
          vertical-align: middle;
          color: #FFF;
      }

      #amis_header_logo_lens{
        visibility: visible; 
      }

      #amis_header_logo_normal{
        visibility: hidden;
      }

       .left-sidebar:hover >  #amis_header_logo_lens{
        margin-left: 47px;
      } 

      .left-sidebar:hover >  #amis_header_logo_normal{
        visibility: visible;
      }
      
      .sidebar-footer-firm{
        display: none;
      }
      .left-sidebar:hover >  .sidebar-footer-firm{
        display: block;
      }
      
        #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] .left-sidebar:hover{
            width: 260px; 
            /* width: 65px; */
        }

        /* #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .has-arrow:after, #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .hide-menu{
          display: none;
        } */
        
        .table-striped tbody tr:nth-of-type(odd){
            background: rgba(242, 244, 248, 0.2);
        }

        .custom-subheader{
            background-color: #808287 !important;
	        color: #FFF !important;
        }

        .form-control {
            color: #777777;
            min-height: 38px;
            display: initial;
        }

        .default-btn,.default-btn:hover{
            background-color: #3d3d3d;
            padding: 8px 12px;
            color: #FFF !important;
        }
        .default-btn:hover, .default-btn:focus{
            color: #FFF;
        }

        [type="checkbox"]:not(:checked), [type="checkbox"]:checked{
            position: absolute;
            left: -9999px;
            opacity: 0;
        }

        .dataTables_info, .dataTables_length{
            display: inline-block;
        }

        .dataTables_info{
          position: absolute;
          right: 15px;
          bottom: 0;
        }
        

        .dataTables_wrapper .dataTables_paginate{
            float: right;
            text-align: right;
            padding-top: 0.25em;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
            cursor: default;
            color: #777777;
            border: 1px solid #ddd;
            background: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .dataTables_wrapper .dataTables_paginate .paginate_button{
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: 0.5em 1em;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            cursor: hand;
            color: #777777;
            border: 1px solid #ddd;
        }
        .p-20 {
            padding: 20px;
        }

        .p-10{
            padding: 10px;
        }

        .hidden-sm-up{
            display: none;
        }

        .asColorPicker-wrap {
            position: relative;
            display: block;
            width: 93%;
        }
        .asColorPicker-clear {
            display: none;
            position: absolute;
            top: 5px;
            right: 10px;
            text-decoration: none;
        }
        .asColorPicker-trigger {
            position: absolute;
            top: 0;
            right: -35px;
            height: 38px;
            width: 37px;
            border: 0;
        }

        .dt-buttons{
            float: right !important;
            margin-top: 15px;
        }
        .cke_reset{
            width: 100% !important;
        }
        .mid{
            text-align:center;
        }

        .mid td {
          vertical-align:middle !important;
        }
        .ck.ck-editor {
            position: relative;
            width: 100% !important;
        }
        .tituloGaleria {

            text-align: center;
            font-size: 40px;
            font-family: 'Anton', sans-serif;
            letter-spacing: 10px;
            color: #2480C8;
            text-transform: uppercase;
            margin-top: 50px;
        }

        /*==============================================================
Subida de foto con preview y área de arrastre
 ============================================================== */
 .file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    }

  .file-input:focus {
      outline: none;
    }

   .file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 100%;
    padding: 25px;
    /* border: 1px dashed #2480C8;
    border-radius: 3px; */
    transition: 0.2s;
    }

   .file-drop-area.is-active {
      background-color: #8ac0ea
    }
    #status{
      color: #FC100F;
  }
  .fake-btn {
      flex-shrink: 0;
      border: 1px solid #2480C8 ;
      border-radius: 3px;
      padding: 8px 15px;
      margin-right: 10px;
      font-size: 12px;
      text-transform: uppercase;
      color: #2480C8;
      font-weight: 900;
  }

  .file-msg {
    font-size: small;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #2480C8;
    font-weight: 900;
}

  .thumb {
    height: 75px;
    border: 1px solid #323a44;
    margin: 10px 5px 0 0;
  }

  div#list {
    display: flex;
    flex-wrap: wrap;
  }

  .photoContainer {
    height: 100%;
    border: 1px solid #d9d9d9;
    padding: 20px;
  }
 
  .customization-logo{
      width: 215px;
      height: 215px;
  }

  .post-pic-name{
      font-weight: 600;
      font-size: 14px;
  }

.informative-red-msg{
    font-size: 12px;
    color: #ff0000;
}

.same-row{
    margin-top: 4rem;
    color: #0074C1 !important;
}

/* ########################   DEPARTMENT INFO  ############################*/

.department-information {
    font-family: 'Roboto', sans-serif;
  display:none;
    box-shadow: 0 0 5px #999999;
    position: absolute;
    max-width: 200px;
    top: 60px;
    left: 20px;
    padding: 10px;
    background-color: white;
  }

  .department-information .dept-name {
    color: #26a69a;
    font-weight: bold;
  }

  .department-information .dept-description {
    margin-top: 10px;
    color: #959b9a;
    font-size: 13px;
  }

  .department-information .dept-emp-count {
    margin-top: 10px;
    color: #959b9a;
    font-size: 13px;
  }

  /* ############################## SEARCHBOX ######################################### */

  .user-search-box {
    overflow: hidden;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 0;
    background-color: white;
    border: 1px solid #c7dddb;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.5;
  }

  .user-search-box .input-box {
    width: 100%;
    height: 200px;
    top: 0;
    background-color: #e8efee;
  }

  .user-search-box .close-button-wrapper i {
    margin: 10px;
    margin-left: 9%;
    font-size: 60px;
    font-weight: 400;
    color: #aa1414;
  }

  .user-search-box input {
    color: gray !important;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
  }

  .user-search-box input:focus {
    border-bottom: 1px solid #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
  }

  .user-search-box .result-header {
    background-color: white;
    font-weight: 700;
    padding: 12px;
    color: gray;
    border-top: 2px solid #d3e8e5;
    border-bottom: 1px solid #d3e8e5;
  }

  .user-search-box .result-list {
    position: absolute;
    max-height: 100%;
    min-width: 100%;
    overflow: auto;
  }

  .user-search-box .buffer {
    width: 100%;
    height: 400px;
  }

  .user-search-box .list-item {
    clear: both;
    background-color: white;
    position: relative;
    background-color: white;
    width: 100%;
    height: 100px;
    border-top: 1px solid #d3e8e5;
  }

  .user-search-box .list-item a {
    display: inline;
    margin: 0;
  }

  .user-search-box .list-item .image-wrapper {
    float: left;
    width: 100px;
    height: 100px;
  }

  .user-search-box .list-item .image {
    width: 70px;
    height: 70px;
    margin-left: 15px;
    margin-top: 15px;
    border-radius: 5px;
  }

  .user-search-box .list-item .description {
    padding: 15px;
    padding-left: 0px;
    float: left;
    width: 180px;
  }

  .user-search-box .list-item .buttons {
    padding: 15px;
    padding-left: 0px;
    float: left;
    width: auto;
  }
  .user-search-box .list-item .description .name {
    font-size: 15px;
    color: #aa1414;
    font-weight: 900;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
  }

  .user-search-box .list-item .description .position-name {
    color: #59525b;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 900;
    margin: 0;
    margin-top: 3px;
    padding: 0;
  }

  .user-search-box .list-item .description .area {
    color: #91a4a5;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    margin-top: 3px;
    padding: 0;
  }
  .user-search-box .list-item .btn-locate{
    margin-top:30px;
  }

  .user-search-box .list-item .btn-search-box{
    font-size:10px;
  }

  .user-search-box .close-button-wrapper i:hover {
    color: black;
    cursor: pointer;
  }

  .user-search-box .input-wrapper {
    width: 80%;
    margin: 0 auto;
  }

  .user-search-box .input-bottom-placeholder {
    margin-top: -16px;
    color: #bcbcc4;
    letter-spacing: 1px;
  }


  /* ############################### Tooltip css ########################### */

  .profile-image-wrapper {
    background-size: 210px;
    margin: 30px;
    border-radius: 50%;
    width: 210px;
    height: 210px;
  }

  .customTooltip-wrapper {
    font-family: 'Roboto', sans-serif;
    opacity: 0;
    /* NEW */
    display: none;
    position: absolute;
  }

  .customTooltip {
    background: white;
    box-shadow: 0 0 5px #999999;
    color: #333;
    position: absolute;
    font-size: 12px;
    left: 130px;
    text-align: center;
    top: 95px;
    z-index: 10;
    text-align: left;
  }

  .tooltip-hr {
    width: 70px;
    background-color: #91a4a5;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -17px;
    margin-bottom: 25px;
  }

  .height-1{
    height: 1px !important;
  }

  .tooltip-desc {
    padding-left: 10px;
    margin-top: -20px;
    margin-left: 20px;
    overflow: auto;
  }

  .tooltip-desc .name {
    color: #2B80C8;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 2px;
    text-decoration: none;
  }

  .tooltip-desc .name:hover {
    text-decoration: underline;
  }

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

  .tooltip-desc .position {
    color: #59525b;
    letter-spacing: 1px;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 2px;
    margin-top: 0px;
  }

  .tooltip-desc .area {
    color: #91a4a5;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 2px;
    margin-top: 7px;
  }

  .tooltip-desc .office {
    color: #91a4a5;
    line-height: 160%;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -10px;
    margin-top: -5px;
  }

  .tooltip-desc .tags-wrapper .title {
    display: inline-block;
    float: left;
  }

  .tooltip-desc .tags-wrapper .tags {
    display: inline-block;
    float: left;
  }

  .bottom-tooltip-hr {
    width: 100%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -17px;
  }

  .btn-tooltip-department {
    margin-top: 20px;
    background-color: #2B80C8;
    color: #FFF;
  }

  .btn-tooltip-department:hover{
    color: #FFF;
  }

  .btn.disabled {
    background-color: #DFDFDF !important;
    box-shadow: none;
    color: #9F9F9F !important;
    cursor: default;
  }

  .btn.disabled:hover {
    box-shadow: none;
  }


  /* ####################################### TAGS ###################################### */

  .tags {
    list-style: none;
    margin-top: -9px;
    margin-left: 5px;
    overflow: hidden;
    padding: 0;
  }

  .tags-wrapper {
    font-size: 2.28rem;
    line-height: 110%;
    margin: 1.14rem 0 0.912rem 0;
  }

  .tags-wrapper .title {
    color: #91a4a5;
    font-size: 24px;
  }

  .tags li {
    float: left;
  }

  .tag {
    font-size: 11px;
    background: #E1ECF4;
    border-radius: 2px;
    color: #39739d;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 5px 0 5px;
    position: relative;
    margin: 0 5px 5px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
  }

  #screensaver {
    position: fixed;
    padding: 0px;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1003;
    background: #fff;
    display: none;
    overflow: auto;
    overflow-x: hidden;
  }
  #screensaver.show {
    display: block;
  }

  #second_screensaver {
    position: fixed;
    padding: 0px;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 56;
    background: #fff;
    display: none;
    overflow: auto;
    overflow-x: hidden;
  }
  #second_screensaver.show {
    display: block;
  }



  /* ############################################## SVG ################################# */

  .nodeHasChildren {
    fill: white;
  }

  .nodeDoesNotHaveChildren {
    fill: white;
  }

  .nodeRepresentsCurrentUser {
    stroke: #2B80C8;
    stroke-width: 3;
  }

  .link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
    color: #009efb !important;
  }

  .node {
    cursor: pointer;
  }

  .node-collapse {
    stroke: grey;
  }

  .node-collapse-right-rect {
    fill: #2B80C8;
    stroke: #2B80C8;
  }

  .node text {
    fill: white;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 10px;
  }

  .node circle {
    stroke-width: 1px;
    stroke: #2B80C8;
    fill: #2B80C8;
  }

  .node-group .emp-name {
    fill: #3d3d3d;
    font-size: 12px;
    font-weight: 600
  }

  .node-group .emp-position-name {
    fill: #59525b;
    font-size: 11px;
  }

  .node-group .emp-area {
    fill: #91a4a5;
    font-size: 10px;
  }

  .node-group .emp-count,
  .node-group .emp-count-icon {
    fill: #91a4a5;
    font-size: 12px;
  }
  .node-group .emp-count, .node-group .emp-count-icon::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007";

  }


  tr.scrollAndHighlight td {
    background-color:#d2f8d2 !important;
  }

  .btn-fix{
    margin-top: 25px;
  }

  .info-tooltip{
    padding-left: 5px;
    font-size: 16px;
    line-height: 1;
  }
  form label.required:after, label.required:after
  {
    color: red;
    content: " *" !important;
    display: inline-block;
    margin-left: 2px;
  }

  .align-label{
    margin-left: -15px;
  }

  .my-5rem{
    margin: 5rem 0;
  }

  .no-results-msg{
    background-color: #FEEEF1;
    color: #FC4B6C;
    border: 2px solid #FC4B6C;
    padding: 25px;
    font-weight: 600;
    line-height: 2;
    width: 25rem;
    margin: auto
  }

  .no-results-msg-sm{
    background-color: #FEEEF1;
    color: #FC4B6C;
    border: 2px solid #FC4B6C;
    padding: 5px;
    font-weight: 600;
    line-height: 2;
    width: 15rem;
    margin: auto;
  }

  .no-filtered-msg{
    background-color: rgba(123,175,212,0.3);
    color: rgba(123,175,212,1);
    border: 2px solid rgba(123,175,212,1);
    padding: 25px;
    font-weight: 600;
    line-height: 2;
    width: 25rem;
    margin: auto
  }

  .fullScreenContent {
    z-index: 10000;
    padding: 5px 15px;
  }

  .secondFullScreenContent {
    z-index: 9999;
    padding: 5px 15px;
  }

  .icon-list-demo > div{
    padding: 5px;
    font-size: 16px;
  }

  .amenity-icon-btn{
    background: transparent;
    border: none;
  }

  #map {
    height: 500px;
    width: 100%;
  }

  #floating-panel {
    position: relative;
    top: 10px;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
    text-align: center;
    font-family: "Roboto", "sans-serif";
    line-height: 30px;
    padding-left: 10px;
    display: flex;
    width: 500px;
  }

  .geocode-btn{
    width: 20%;
  }

  .full-screen-add-btn{
    color: #FFF !important;
    background-color: #2480C8 !important;
    padding: 6px 12px !important;
  }

  .week-info{
    border-bottom: 0.5px solid #C7C7C7;
    padding-bottom: 5px;
  }
  .week-title{
    background-color: #272727;
    color: #FFF;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
  }
  .week-hours-qty{
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    color: #272727;
    text-transform: uppercase;
    margin-top: 10px;
  }

  .week-days-title td{
    color: #4E4E4E;
    background-color: #ECECEC;
    border-radius: 5px 5px 0px 0px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
  }
  table.week-container { table-layout:fixed; }
  table.week-container td { overflow: hidden; }

  .week-container{
    margin: 1rem 0;
    display: flex;
  }

  .week-container > .card{
    margin: 0 0.3rem;
    height: fit-content;
  }


  .schedule-time{
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1rem;
    color: #000;
    display: block;
    text-align: center;
    line-height: 2rem;
  }

  .day-container{
    width: 15%;
    border: 1px solid #C6C6C6;
    border-radius: 5px;
  }

  .date-container{
    min-width: 150px;
  }

  .work-container{
    width: 100%;
    min-height: 70px;
    border-right: 0.3rem solid #fff;
    border-left: 0.3rem solid #fff;
    margin-bottom: 5px;
  }

  .work-container-plan{
    margin: 5px 5px 10px 5px;
    min-height: 50px;
    border: 1px solid #C6C6C6;
  }

  .filter-btn{

    color: #FFF !important;
    background-color: #2480C8 !important;
    padding: 8px 12px !important;
  }

  .td-container{
    width: 155px;
  }
  .employee-th{
    text-align: center;
    vertical-align: middle !important;
    background-color: #272727;
    color: #FFF;
  }

  .schedule-date-th{
    text-align: center;
    vertical-align: middle !important;
    background-color: #ECECEC;
    color: #4E4E4E;
  }

  .no-work-day{
    background: url('/resources/no_work_bg.png');
    background-size: cover;
    background-position: center;
    height: 100%;
  }

  .no-work-day-plan{
    min-height: 80px;
    margin: 5px;
    border: 1px solid #C6C6C6
  }

  .no-work-text{
    color: #FF8989;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 2rem;
  }

  .no-work-plan{
    margin-top: 0;
    padding-top: 1rem;
  }


  .week-day-title{
    color: #4E4E4E;
    background-color: #ECECEC;
    border-radius: 5px 5px 0px 0px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    padding: 0.6rem;
    border: 0.3rem solid #fff;
  }

  .work-start-icon{
    text-align: center;
    margin-top: 0.5rem;
  }

  .plan-icon{
    margin-top: 0;
    padding-top: 0.5rem;
  }

  .work-start-icon img{

    height: 27px;
  }

  .morning-work{
    background-color: #F8F8F8;
  }

  .afternoon-work{
    background-color: #E8E8E8;
  }

  .extraordinary-work{
    background-color: #F5E2B5;
    border: 4px solid #FFA500!important;
  }
    

  .schedule-times{
    color: #272727;
    font-size: 12px;
    text-align: left;
    font-weight: 600;

  }

  .es-schedule-times{
    padding: 5px 10px;
    line-height: 5px;
  }

  .schedule-italic-text{
    font-weight: 400 !important;
    font-style: italic !important;
    margin-left: 10px;
  }

  .position-initial{
    position: initial !important;
  }

  /* .summary-tr td{
    border-top: 2px solid #000;
  } */

  .break-times{
    padding: 0.5rem 0.3rem;
    background-color: #9B9B9B;
    color: #FFF;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    margin-top: 1rem;
  }

  .break-times-plan{
    margin-top: 0.3rem;
    padding: 2px 0px;
    font-size: 10px !important;
  }

  .shifts-and-employees{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .shifts-and-employees span{
    font-weight: 900 !important;
    font-size: 13px !important;
    margin: 0px 1px;
  }

  .shifts-and-employees > span > i{
    font-weight: 900 !important;
  }

  .no-hours{
    color: #575757;
    opacity: 0.3;
    text-align: center;
    font-size: 12px;
    font-weight: 900;
    width: 15%;
  }

  .employee-td{
    padding-left: 0 !important;
    z-index: 1;
    background-color: #dddddd !important;
    border: none !important;
  }

  .darkgray{
    background-color: darkgray !important;
  }
  
  .employee-container{
    width: 155px;
    background-color: #F8F8F8;
    /* border-left: 4px solid #272727; */
    padding:  0.6rem;
    font-weight: 600;
    color: #272727;
    font-size: 9px;
  }

  .employee-info{
    padding-left: 1.4rem;
  }

  .employee-total-hours{
    background: #DDD;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #333;
  }


  .d-contents{
    display: contents;
  }

  .inner-box-border{
    border: 1px solid #777777;
    background-color: #777777;
    color: #FFF;
  }

  .light-inner-box-border{
    border: 1px solid rgba(119,119,119, 0.7);
    background-color: rgba(119,119,119, 0.7);
    color: #FFF;
  }

  .inner-box-border-aux {
    border: 1px solid #000;
    background-color: #FFF;
    color: #000;
}

  .navbar-dark .navbar-nav .nav-link{
    color: #000 !important;
  }

  .my-profile-dropdown{
    width: 265px;
  }

  .amis-navbar > li > a{
    font-size: 20px;
  }

  .fs25{
    font-size: 25px !important;
  }
  .fs24{
    font-size: 24px !important;
  }
  .fs22{
    font-size: 22px !important;
  }
  .fs20{
    font-size: 20px !important;
  }

  .fs16{
    font-size: 16px !important;
  }
  .fs15{
    font-size: 15px !important;
  }
  .fs14{
    font-size: 14px !important;
  }
  .fs13{
    font-size: 13px !important;
  }
  .fs12{
    font-size: 12px !important;
  }

  .fs11, .card-folder-status-medium.fs11{
    font-size: 11px !important;
  }

  .fs10{
    font-size: 10px !important;
  }

  .fs9{
    font-size: 9px !important;
  }

  .fw900{
    font-weight: 900 !important;
  }

  .fw600{
    font-weight: 600 !important;
  }

  .fw700{
    font-weight: 700 !important;
  }

  .fw500{
    font-weight: 500 !important;
  }
  .department-plan-name{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
  }

  .employee-td-container{
    margin-top: 5px;
  }
  .day-total-hours{
    text-align: center;
    color: #575757;
    font-size: 12px;
    font-weight: 900;
    width: 15%;
  }
  .total-hours-container{
    margin-bottom: 3rem;
    display: flex;
  }

  .department-code-label{
    background-color: #272727;
    color: #FFF;
    font-size: 0.5rem;
    padding: 0px;
    width: 30px;
    text-align: center;
  }

  .employee-border{
    /*border-bottom: 0.1px solid #C6C6C6;*/
  }



  .schedule-break-space{
    padding: 1rem;
    font-size: 0.9rem;
    font-weight: 900;
    background-color: #f0f8ff;
    border: 1px solid #a4d4ff;
    width: 12rem;
    color: #777777;
    margin: 0 auto;
  }

  .schedules-wrapper{

    overflow-x: auto;
  }

  .schedules-table td{
    padding: 0px !important;
  }

  .schedules-table thead th{
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    top: 0;
    background: #FFF;
    text-transform: uppercase;
  }

  .schedules-table tbody td:first-of-type{
    position: -webkit-sticky; /* for Safari */
    position: sticky;
    left: 0;
    background-color: transparent;
  }

  .schedules-table thead th:first-child {
    left: 0;
    z-index: 1;
  }
  

  .absence-work-shift, .irregular-work-shift{
    font-size: 11px;
    color: #060400;
    text-align: center;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    top: 0;
    left: 0;
    z-index: 0;
  }

  .employees-position-title{
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 15px !important;
    text-transform: uppercase !important;
  }

  .absence-work-shift:after{
    content: " ";
    z-index: 10;
    display: block;
    position: absolute;
    height: 100%;
    left: -4px;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    background: url(/resources/no_work_bg.png);
    border-top: 1px solid #FB3232;
    border-right: 1px solid #FB3232;
    border-bottom: 1px solid #FB3232;
    border-left: 4px solid #FB3232;
  }

  .irregular-work-shift:after{
    content: " ";
    z-index: 10;
    display: block;
    position: absolute;
    height: 100%;
    left: -4px;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    background: url(/resources/no_work_bg.png);
    border-top: 1px solid #FFA500;
    border-right: 1px solid #FFA500;
    border-bottom: 1px solid #FFA500;
    border-left: 4px solid #FFA500;
  }

  .reason-div{
    position: absolute;
    z-index: 11;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 14px;
  }

  .irregular-reason-div{
    position: absolute;
    z-index: 11;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    width: 100%;
  }

  .summary-row td{
    text-align: center;
  }

  .off-space{
    padding: 1.5rem;
    font-size: 0.9rem;
    font-weight: 900;
    background-color: #ff8989 ;
    border: 1px solid #ff2727;
    color: #FFF;
    text-align: center;
    vertical-align: middle !important;
  }

  .morning-td{
    background-color: #F8DE7E;
  }

  .afternoon-td{
    background-color: rgba(0, 0, 0, 0.8);
  }

  .afternoon-td .schedule-time{
    color: #FFF !important;
  }

  .shift-icon{
    text-align: center;
  }

  .shift-icon img{
    width: 4rem;
  }

  .employee-icon{
    float: left;
    line-height: 2rem;
  }



  .extraordinary, .extraordinary:hover{
    background-color: #C82424 !important;
    color: #FFF;
  }

  .employee-schedule-table{
    overflow-y: auto;
  }

  .dtp-btn-ok, .dtp-btn-ok:hover {
    background: #0074C1;
    color: #FFF;
  }

  .dtp-btn-cancel, .dtp-btn-cancel:hover {
    background: red;
    color: #FFF;
    margin-right: 0.5rem;
  }

  .dtp .dtp-actual-meridien a.selected{
    background: #0074C1 !important;
  }
  .hour-hand{
    stroke: #0074C1 !important;
  }

  .amenity-icon-selector{
    font-size: 18px;
  }

  .dd{
    max-width: 100%;
  }

  .copy-btn-div{
    position: absolute;
    top: 10px;
  }

  .multimedia-container{
    height: 100%;
    border: 1px solid #d9d9d9;
    padding: 40px;

  }

  .multimeda-title{
    font-weight: 600;
    font-size: 25px;
    max-height: 80%;
    margin-bottom: 15px;
    color: #0074C1;
  }

  .multimedia-desc{
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 35px;
  }

  .multimedia-fa{
    font-size: 5rem;
  }

  .drag_disabled{
    pointer-events: none;
  }

  .multimedia-btn-div{
    position: absolute;
    top: 0px;
    right: 15px;
  }

  tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
  }

  tr.strikeout td:after {
    content: "\00B7";
    font-size: 1px;
  }
  .form-with-title {
    padding: 0 1rem;
  }

  hr{
    margin-bottom: 2rem !important;
  }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
td.beauty-hover {
  background-color: rgba(142, 195, 242, 0.5) !important;
  color:#525252;

}
.table-hover > tbody > tr:hover > td.beauty-hover:hover {
  background-color: #8ec3f2 !important;
  color:#525252;
}

.card-detail-row-border {
  border-bottom: 0.5px solid #D5D5D5;
  margin: 0px;
}

.css-bar-25{
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #FF5733 50%, #fafafa 50%, #fafafa) !important;
}

.css-bar-50{
 background-image: linear-gradient(270deg, #FFEE58 50%, transparent 50%, transparent), linear-gradient(270deg, #FFEE58 50%, #fafafa 50%, #fafafa) !important;
}

.css-bar-95{
  background-image: linear-gradient(432deg, #4FC3F7 50%, transparent 50%, transparent), linear-gradient(270deg, #4FC3F7 50%, #fafafa 50%, #fafafa) !important;
}


.css-bar-100{
  background-image: linear-gradient(450deg, #9CCC65 50%, transparent 50%, transparent), linear-gradient(270deg, #9CCC65 50%, #fafafa 50%, #fafafa) !important;
}

.progress-red{
  background-color: #FF5733 !important;
  color: #FFF !important;

}

.progress-yellow{
  background-color: #FED000  !important;
  color: #000 !important;

}

.completed-red-deadline{
  color: #000000;
  border-color: #FF5733;
}
.completed-yellow-deadline{
  color: #000000;
  border-color: #FED000;
}

.progress-blue{
  background-color: #4FC3F7 !important;
  color: #FFF !important;
}

.progress-green{
  background-color: #9CCC65 !important;
  color: #FFF !important;
}

.progress {
  background-size: contain;
  border-radius: 0px;
}

.progress-bar {
  border-radius: 0px;
}

.card-progress{
  height: 2.4rem;
}
.dashboard-container{
  /* overflow-x: auto; */
  padding: 15px 0px 5px 15px;
  margin: 0px -15px;
}

.min-width-700{
  min-width:700px;
}

.min-height-1000{
  min-width:1000px;
}
.min-height-250{
  min-height:250px;
}
.progress-number{
  font-size: 1.5rem;
  color: #FFF;
  z-index: 99999999999999999999999;
  position: absolute;
  top: 15%;
  font-weight: 900;
  left: 5%;
}

.card-status-box{
  display: flex;
  font-size: 0.7rem;
  padding: 8px 15px;
  line-height: 12px;
  color: #FFF;
  font-weight: 600;
  text-transform: uppercase;
}

.vtabs.card-detail-tabs .tabs-vertical {
  width: 200px;
  border-bottom: 0px;
  border-right: 1px solid rgba(120, 130, 140, 0.13);
  display: table-cell;
  vertical-align: top;
}

.card-detail-tabs ul{

  width: 240px !important;
  border-bottom: 0px !important;
  display: table-cell !important;
  vertical-align: top !important;
}

.vtabs{
  display: table;
}
.vtabs-100{
	width:100%
}

.nav-item-cards {
  border: 1px solid #BEBEBE;
}

.nav-item-cards a{
  text-align: left;
  font-size: 12px;
  letter-spacing: 0px;
  color: #0A0A0A !important;
  text-transform: uppercase;
  opacity: 1;
  font-weight: 600;
}

.nav-item-cards .nav-link {
  padding: 20px 15px;
}

.vtabs .tab-content {
  display: table-cell;
  padding: 20px;
  vertical-align: top;
}

.form-group-mb .form-group{
  margin-bottom: 1rem;
}

.informationMessage{
	padding:10px;
	background-color: rgba(183, 210, 230, 0.6);
	border:1px solid #2480C8;
  color:#000000;
  width: 83%;
}

.messageTitle{
	font-weight:bold;
	font-size:12px;
  float:left;
  font-weight: 900;
}
.messageDate{
	font-size:12px;
	float:right;
}

.messageContent{
	margin-top:20px;
	margin-bottom:0px;
	margin-right:0px;
  text-align:justify;
  font-size: 14px;
}

.ui-slider{
  height: 1rem;
}
.progress-bar{
  height: 100% !important;
}
.card-cancel-btn{
  padding: 0.2rem 0.5rem;
  font-size: 0.6rem;
  border-radius: 0;
  text-transform: uppercase;
  margin-left: 0.5rem;
}

.label-default-color{
  background-color: #616161;
}

.pending-label{
  background-color: #ffa500;
}

.form-group-mb-1 .form-group{
  margin-bottom: 1rem;
}

.add-project-btn{
  padding: 0.2rem 0.5rem;
  font-size: 0.6rem;
  border-radius: 0;
  text-transform: uppercase;
}

.td-close-btn{
  padding: 6px 10px;
  font-size: 0.6rem;
  margin-right: 15px;
}

.btn-black, .btn-black:hover{
  background-color: #3C3C3C;
  color: #FFFFFF;
}



.td-high-priority-box{
  font-size: 0.7rem;
  padding: 15px 20px;
  line-height: 0px;
  color: #FFFFFF;
  text-transform: none;
  background-color: #FF5733;
}


.card-project-msg{
  font-size: 1rem;
  font-weight: 600;
}

.input-notes{
  color: #F00;
  font-size: 0.8rem;
  font-weight: 400;
  margin-left: 15px;
}

.credentials-info{
  background-color: #F5F6F9;
  padding: 20px 15px 10px 15px;
}

.modal {
  overflow-y:auto !important;
}

.blue-bg{
  color: #FFF !important;
  background-color: #2480C8 !important;
}

.clickable{
  cursor: pointer;
}

.card-no-border .card {
  border-radius: 4px;
  -webkit-box-shadow: 16px 5px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0,0,0,.125);
}

.script-row{
  background-color: #607d8b !important;
  color: #FFF !important;
}

.schedules-wrapper{
  padding: 0;
  /* zoom: 0.8; */
}

.status-title{
  padding: 0.5rem;
  background-color: #8E8E8E;
  color: #FFF;
  font-size: 0.9rem;
  text-transform: uppercase;
  border-radius: 5px 5px 0px 0px;
}

.card-border{
  border-radius: 5px !important;
}

.card-container{
  position: relative;
}

.cards-qty{
  float: right;
}

.tc-card-title{
  color: #272727;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 0.9rem;
  text-transform: uppercase;
  padding: 0.5rem;
  overflow-wrap: break-word;
}

.card-title-mt{
  margin-top: 12px;
}

.normal-priority-border{
  border: 2px solid #A4A4A4;
  border-radius: 6px;
}

.high-priority-border{
  border: 2px solid #A4A4A4;
  border-radius: 6px;
}

.tc-high-priority-label{
  text-transform: uppercase;
  background-color: #FF5733;
  color: #FFF;
  padding: 3.5px 6px;
  font-size: 0.6rem;
  font-weight: 600;
  position: absolute;
  right: 0px;
}

.tl-card-multiple-files{
  text-transform: uppercase;
  background-color: #A4A4A4;
  color: #FFF;
  padding: 3.5px 6px;
  font-size: 0.6rem;
  font-weight: 600;
  position: absolute;
  right: 0px;
}
.td-update-delete-button{
  text-transform: uppercase;
  background-color: #FF5733;
  color: #FFF;
  padding: 3.5px 6px;
  font-size: 0.6rem;
  font-weight: 600;
  position: absolute;
  right: 0px;
  bottom: 0px;
  border-radius: 1px 0px 8px 0px;
}

.tc-group-label{
  text-transform: uppercase;
  color: #FFF;
  padding: 3px 6px;
  font-size: 0.6rem;
  font-weight: 600;
  border-top-width: 0 !important;
  border-right-width: 0 !important;
}

.tc-card-scope{
  padding: 0.5rem 1.5rem;
  display: flex;
}

.tc-employee-title{
  color: #272727;
  font-size: 0.8rem;
  display: inline;
  font-weight: 400;
}

.tc-position-title{
  color: #272727;
  font-size: 0.6rem;
  margin-left: 1rem;
  font-weight: 400;
}

.tc-department{
  color: #272727;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.tc-card-deadline{
  padding: 0.5rem 1.5rem;
  display: flex;
}

.tc-normal-deadline{
  color: #2480C8;
  border: 1px solid;
  border-radius: 4px;
  margin: 0 2px 0px 0px !important;

}
.tc-past-deadline{
    color: #FC8B8B;
    border: 1px solid;
    border-radius: 4px;
    margin: 0 2px 0px 0px !important;
}

.tc-location{
  padding: 0.5rem 1.5rem;
}

.tc-property{
  font-weight: 900;
  color: #272727;
  font-size: 0.8rem;
  line-height: 1rem;
}
.tc-area{
  color: #272727;
  font-size: 0.8rem;
  margin-top: 0.3rem;
  margin-left: 0.1rem;
}
.tc-progress-number{
  font-weight: 900;
  margin-left: auto;
  margin-right: 0.5rem;
  font-size: 0.7rem;
}

.tc-card-percentage-zero{
  font-size: 1rem;
  margin-left: 0.7rem;
  position: absolute;
}

.tc-card-description{
  font-weight: normal;
  margin-top: 0.3rem;
  text-transform: none;
  display: inline;
}

.tc-card-area{
  font-weight: normal;
  text-transform: none;
}

.card-actions-btn{
  text-align: center;
  display: block;
  margin-top: 15px;
}

.card-draggable-container{
  min-height: 170px;
  margin: 10px 15px;
}


.unspecified-location + label{
  font-weight: 900 !important;
  font-size: 0.8rem !important
}


.icon-size, .icon-size > i{
  font-size: 0.8rem !important;
}

.group-icon-size, .group-icon-size > i{
  font-size: 1rem !important;
}

.p-t-10{
	padding-top:0.6rem;
}

.card-group-filter{
  font-size: 0.8rem;
  color: #000;
}

.no-border-radius{
  border-radius: 0 !important;
}

.icon-filter-container{
  text-align: center;
}

.icon-filter-size{
  font-size: 1rem;
}

.icon-filter-active{
  color: #0074C1;
  font-weight: bold;
  font-size: 1rem;
}
.icon-filter-active .icon-filter-size{
  font-size: 2rem;
}
.normal-filter-icon{
  color: rgb(103, 117, 124);
  font-weight: normal;
}
.icon-search-input{
  width: 80%;
  float: left;
  border: 1px solid grey;
  padding: 10px;

}
.icon-text-size{
  font-size: 0.8rem;
}
.fitler-group-label{
  display: inline-block;
}
.pl-15{
  padding-left: 15px;
}
.select2-results__group{
  font-style: italic;
  text-transform: uppercase;
}

.td-employee-container{
  padding: 0.5rem;
  color: #272727;
  font-weight: 600;
  font-size: 0.8rem;
  border-right: 0.5px solid #EFEFEF;
  /* height: 100%; */
}

.card-amounts-table th, .tc-amount-title{
  font-weight: 500 !important;
  color: #000 !important;
}

.age-badge{
  padding: 3px 6px !important;
}


.card-list-columns{
  padding: 1rem;
  color: #272727;
  font-weight: 500;
  font-size: 0.8rem;
  border-right: 0.5px solid #D5D5D5;
}
.td-position-text{
  font-size: 0.7rem;
  font-weight: 500;
}

.td-header{
  font-size: 0.8rem;
  font-weight: 900;
  border-bottom: 0.5px solid #CCC;
}

.td-department-text{
}

.td-progress-row{
  padding: 0.2rem 0rem;
  border-bottom: 0.5px solid #D5D5D5;
}

.td-status-box{
  padding-right: 0.3rem;
}

.td-deadline-box{
  padding-left: 0.3rem;
}

.td-progress-number {
  font-size: 1rem;
  color: #FFF;
  z-index: 99999999999999999999999;
  font-weight: 900;
  margin-left: auto;
}

.td-action-container{
  background-color: #F3F3F3;
  color: #3C3C3C;
  font-size: 0.7rem;
}

.td-last-update-title{
  color: #3C3C3C;
  font-weight: 900;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.td-last-update-user-img img{
  width: 50px;
  height: 50px;
}

.td-last-update-user span{
  font-weight: 500;
  color: #171a21;
}

.last-update-row{
  padding-top: 1.2rem;
  display: flex;
}
.carousel-multimedia-btn{
  padding: 3px 5px;
  background-color: #0074C1;
  color: #FFF !important;
}

.carousel-counter{
  position: absolute;
  left: 20px;
  top: 5px;
  background: #0074C1;
  color: #FFF;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  padding-top: 3px;
}

.td-last-update-info{
  padding-top: 0.5rem;
}

.td-border-right{
  border-right: 0.5px solid #D5D5D5;
}

.height-170{
  height: 170px;
}

.card-carousel-height{
  height: 400px !important;
}

.td-card-title{
  font-size: 0.7rem;
  text-transform: uppercase;
  font-weight: 900;
}

.text-blue{
  color: #0074C1;
}

.td-control-label label{
  padding-left: 15px !important;
  font-weight: 900 !important;
  text-transform: none !important;
  padding-right: 0;
}

.td-form-group-border{
  border: 1px solid rgba(0,0,0,.125);
}

.td-subtasks-list-container{
  list-style: none;
  padding-left: 0;
  border-top: 2px solid #A7A7A7;
}

.td-subtask-list-title{
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0.4rem;
}

.subtask-completed, .subtaskcompleted{
  text-decoration: line-through;
}

.td-is-completed-bg{
  background-color: #F9F9F9 !important;
}

.td-notes-label{
  padding-top: 1rem;
  font-weight: 900 !important;
  text-transform: none;
}

.td-high-priority-icon{
  margin-top: 15px;
  margin-right: 5px;
  margin-left: 10px;
}

.td-high-priority-icon i{
  color: #FC4B6C;
}

.td-form-container-subtask, .td-form-container-notes{
  border: 1px solid #e9ecef;
  padding: 1rem;
}

.td-subtask-list-actions{
  display: flex;
}

.amis-table-subheader th{
	background-color:#A7A7A7 !important;
	color: #FFF !important;
}

.td-tabs > li > a{
  background: #707070;
  color: #FFF;
}

.td-subtasks-list-container li {
	padding:1rem;
	justify-content:space-between;
	align-items:center;
  background:#F1F1F1;
  color: #3C3C3C;
}

.td-subtask-checkbox-label{
  top: 10px;
}

.td-dashboard-progress{
  padding: 0.5rem;
  font-size: 0.60rem;
}

.attendances-qty{
  font-size: 1rem;
  background-color: #5bc0de;
  color: #FFF;
  text-align: center;
  border-radius: 0.3rem;
  padding: 0.5rem 0;
  margin-top: 1.5rem;
  font-weight: 600;
}

.actions-button{
  padding: 4px 10px;
}

.dropdown-menu{
  border: 1px solid rgba(0,0,0,.15);
}

.w-max{
  width: max-content !important;
}

.centered-choose-radio{
  text-align: center;
  margin-bottom: 1rem;
}

.total-amount-control-badge{
  background-color: #c7c9cc;
  color: #FFF;
}

.control-total-container{
  display: inline-block;
  margin: 0 0.2rem;
  border: 1px solid #000;
  padding: 0.2rem;
}

.min-height-45{
  min-height: 45px;
}

.control-total-amount{
  margin-top: -0.6rem;
}

.control-total-container h5{
  text-align: center;
}

.td-priority-box{
  margin-right: 5px;
  font-size: 0.7rem;
  padding: 15px 20px;
}

.control-status-pending-log{
  background-color: #FFCC00 !important;
  color: #FFF;
  font-size: 0.8rem !important;
  font-weight: 900;
  text-align: center;
  vertical-align: middle !important;
}

.control-status-pending-confirmed{
  background-color: rgb(255, 153, 31) !important;
  color: #FFF;
  font-size: 0.8rem !important;
  font-weight: 900;
  text-align: center;
  vertical-align: middle !important;
}

.control-status-active{
  background-color: #42ba96 !important;
  color: #FFF;
  font-size: 0.8rem !important;
  font-weight: 900;
  text-align: center;
  vertical-align: middle !important;
}

.default-employee-avatar{
  border: 2px solid #ffcc00 !important;
}

.supplier-avatar-color{
  border: 2px solid #0dcaf0 !important;
}

.bookings-services-report-status-filter-container{
  position: absolute;
  left: 250px;
}

.bookings-services-report-status-filter-container > select{
  display: block;
  margin-top: 8px;
  min-height: 35px;
  width: 200px;
}

.control-status-cancelled{
  background-color: #F32013 !important;
  color: #FFF;
  font-size: 0.8rem !important;
  font-weight: 900;
  text-align: center;
  vertical-align: middle !important;
}

.control-status-processed{
  background-color:#2F2F2F !important;
  color: #FFF;
  font-size: 0.8rem !important;
  font-weight: 900;
  text-align: center;
  vertical-align: middle !important;
}

.td-card-name{
  display: inline-block;
  padding: 7px 15px;
}

.td-actions-btn{
}

.table-hover{
  cursor: pointer;
}

.payroll-detail-value{
  float: right;
  font-weight: 900;
  margin-left: 0.5rem;
  font-size: 1.3rem;
  padding-right: 0.3rem;
}

.payroll-custom-detail-value{
  font-weight: 500;
  font-size: 1rem;
  padding-right: 0.3rem;
}

.td-filter-title {
  font-size: 0.8rem;
  font-weight: 400;
  padding: 6px 10px;
  display: inline-block;
  border-radius: 4px;
  }

.filter-type-title{
  margin-bottom: 5px;
  font-weight: bold;
}


.td-filter-scope-title{
  color: #EC294B;
  border: 1px solid #EC294B;
  min-width: 100%;
}

.td-filter-location-title{
  color: #0074C1;
  border: 1px solid #0074C1;
  min-width: 100%;
}

.td-filter-tag-title{
  color: #616161;
  border: 1px solid #616161;
  min-width: 100%;

}

.td-filter-scope-title{
  color: #f95c7b;
  border: 1px solid #f95c7b;
  min-width: 100%;

}

.scope-qty-bg, .scope-container.active button{
  /* background-color: #f95c7b !important;
  color: #FFF; */
}

.scope-qty-bg.active{
  background-color: #FFF !important;
  color: #f95c7b !important;
}

.td-filter-process-title{
  color: #000000;
  border: 1px solid #000000;
  min-width: 100%;

}

.td-filter-default-title{
  color: #272727;
  border: 1px solid #272727;
  min-width: 100%;
  background-color: #FFF;

}

.td-filter-client-title{
  color: #166dba;
  border: 1px solid #166dba;
  min-width: 100%;

}

.td-filter-area-title{
  color: #6e0505;
  border: 1px solid #6e0505;
  min-width: 100%;
}

.td-filter-supplier-title{
  color: #FF5733 ;
  border: 1px solid #FF5733 ;
  min-width: 100%;

}

.supplier-container-active{
  background-color: #FF5733;
  color: #FFF;
}

.custom-bg-low-default{
  background: #616161;
}

.td-departments-filter{
  display: flex;
  margin-bottom: 0.8rem;
  display: inline-block;
}

.td-any-property-filter{
  background-color: #FFF;
  color: #272727;
  font-size: 12px;
  display: inline-block;
  border-radius: 3px;
  border: 0.5px solid #EFEFEF;
  text-transform: uppercase;
  cursor: pointer;
}

.td-any-property-filter.active{
  background-color: #0074C1;
  color: #FFFFFF;
  font-size: 12px;
  display: inline-block;
  border-radius: 3px;
  margin-right: 1rem;
  border: 0.5px solid #EFEFEF;
  text-transform: uppercase;
}

.td-any-tag-filter, .td-any-employee-filter, .td-any-process-filter, .td-any-task-filter, .td-any-supplier-filter, .td-any-not-scheduled-filter, .td-any-for-today-filter, .td-any-overdue-filter, .td-any-for-future-filter, .td-any-this-week-filter, .td-any-next-week-filter, 
.td-any-client-filter, .td-any-responsible-filter, .scope-note-filter, .td-any-step-filter, .td-any-area-type-filter, .td-any-area-template-filter, .td-any-attribute-filter,
.td-any-amenity-filter, .td-any-attribute-filter, .td-any-action-filter, .td-any-area-filter, .td-any-project-filter, .td-any-reach-private-filter, .td-any-reach-department-filter, .td-any-reach-position-filter, .td-any-reach-employee-filter,
.td-any-group-filter, .td-any-pending-filter, .td-any-progress-filter, .td-any-completed-filter, .td-any-cancelled-filter, .td-any-department-filter, .td-any-entity-filter, .td-any-account-filter, .td-any-action-filter{
  background-color: #FFF;
  color: #272727;
  font-size: 12px;
  display: inline-block;
  border-radius: 3px;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 2px 4px;
}

.td-any-tag-filter.active{
  font-size: 12px;
  display: inline-block;
  border-radius: 3px;
  margin-right: 1rem;
  border: 0.5px solid #EFEFEF;
  text-transform: uppercase;
}

.td-any-process-filter.active, .td-any-project-filter.active{

  font-size: 12px;
  display: inline-block;
  border-radius: 3px;
  margin-right: 1rem;
  border: 0.5px solid #EFEFEF;
  text-transform: uppercase;
}

.department-filter-btn.active{
  background-color: #f95c7b;
  color: #FFF;
  border: 1px solid #f95c7b !important;
}

.badge-secondary-border{
  border: 1px solid #6c757d;
}

.group-box-toggle > i, .folder-box-toggle > i, .operation-box-toggle > i, .project-box-toggle > i{
  font-size: 21px;
  margin-top: 0px;
  margin-right: 3px;
}

.position-filter-btn{
  background-color: red;
  color: #FFF;
}

.td-filter-template-title{
  color: #FFA12C;
}
.td-template-filter.active{
  background-color: #FFA12C;
  color: #FFF;
  font-size: 12px;
  display: inline-block;
  border-radius: 3px;
  margin-right: 1rem;
}

.td-template-filter{
  background-color: #FFF;
  color: #272727;
  font-size: 12px;
  display: inline-block;
  border-radius: 3px;
  border: 0.5px solid #EFEFEF;
  text-transform: uppercase;
  cursor: pointer;
}

.department-dropdown.active button{
  border-color: #EC294B;
}

/* .property-dropdown.active button{
  border-color: #0074C1;
  background-color: #0074C1;
  color: #FFF;
} */

.department-selects-container, .tag-selects-container, .scope-selects-container, .process-selects-container, .project-selects-container, 
.client-selects-container, .area-selects-container, .supplier-selects-container, .step-selects-container, .filter-types-selects-container{
  padding: 0rem 0.5rem;
}

.dashboard-cards-container, .dashboard-projects-container{
  margin-top: 0rem;
}

.td-filter-dropbtn {
  background-color: #FFFFFF;
  color: #272727;
  font-size: 12px;
  border: none;
  cursor: pointer;
  border: 0.5px solid #EFEFEF;
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 2px 4px;
}

.td-sort-dropbtn{
  background-color: #FFFFFF;
  color: #272727;
  padding: 0.5rem 1rem;
  font-size: 12px;
  border: none;
  cursor: pointer;
  border: 0.5px solid #CCC;
  border-radius: 3px;
  height: 32px;
  padding-top: 6px;
}

.negate {
  padding: 0;
  margin: 0;
  display:inline-block;
}

.rounded-3 {
  border-radius: 3px;
}

.no-border-filter-dropbtn {
  color: #272727;
  padding: 2px 4px;
  font-size: 12px;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

.selected-amenity-button {
  color: #272727;
  padding: 2px 4px;
  font-size: 10px;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

 .td-filter-dropdown {
  position: relative;
  display: inline-block;
  /* margin-bottom: 1rem; */
}

.td-filter-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.td-filter-dropdown-content div {
  color: black;
  padding: 12px;
  text-decoration: none;
  display: block;
  background-color: #FFF;
}

.td-filter-dropdown-content a:hover {background-color: #f1f1f1}


.td-filter-dropdown:hover .dropdown-content {
  display: block !important;
  width:max-content
}

.td-checkbox + label{
  font-size: 12px;
  padding-right: 0;
}

.td-checkbox-qty{
  width: 23px;
  height: 23px;
  background-color: #CBCBCB;
  color: #FFF;
  border-radius: 50%;
  display: inline-flex;
  margin-left: 1rem;
  line-height: 22px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  font-size: 11px;
}

.td-description-text{
  text-transform: none;
  font-weight: normal;
  color: #777777;
  font-size: 0.7rem;
  display: block;
  overflow-wrap: anywhere;
  line-height: 15px;
}

.cd-desc{
  text-transform: none;
  font-weight: normal;
  color: #777777;
  font-size: 0.7rem;
}


.ml-05{
  margin-left: 0.5rem !important;
}

.progress-div-links{
  margin-left: auto !important;
  padding-top: 0.4rem;
}

.progress-div-links a{
  display: block;
  font-size: 11px;
  margin-bottom: 3px;
}
.text-primary{
  color: #0074C1 !important;
}

.card-duration-label{
  background-color: #FFF;
  border-radius: 5px;
  color: #8E8E8E;
  padding: 0px 5px;
  margin-left: 5px;
}

.column-card-duration-label{
  background-color: #8E8E8E;
  border-radius: 4px;
  color: #FFFFFF;
  margin-left: 5px;
  padding: 9px 5px;
  font-size: .75rem;
  line-height: 1px;
  float: right;
}

.td-department-cards-qty{
  background-color: #EC294B;
}

.td-property-cards-qty{
  background-color: #0074C1;
}

.td-templates-cards-qty{
  background-color: #FFA12C;
}

.td-dropdown-angle{
  display: inline-block;
  margin-left: 15px;
}

.td-filter-dropdown:hover button{
  background-color: #707070;
  color: #FFF;
}

.td-filter-dropdown:hover .td-department-cards-qty, .td-filter-dropdown:hover .td-property-cards-qty{
  background-color: #FFFFFF;
  color: #707070;
}

.custom-bg-danger {
  background-color: #EC294B;
}

.custom-bg-low-danger {
  background-color: #fc5671;
}

.custom-bg-primary {
  background-color: #0074C1;
}

.custom-bg-low-primary {
  background-color: #39a3ff;
}

.custom-bg-warning {
  background-color: #FFA12C;
}

.custom-bg-low-warning {
  background-color: #fdab46;
}

.custom-bg-success {
  background-color: #216e12;
}

.custom-success {
  color: #216e12;
}

.custom-bg-low-success {
  background-color: #616161;
}

.custom-bg-mixed-filter {
  background-color: #FFF;
  border: 1px solid #777;
  color: #777;
  padding: 4px 6px;
  border-radius: 4px;
}

.td-target-box{
  display: block;
  line-height: 11px;
}

.calendar-card-completed{
  background-color: #9CCC65;
  color: #F7F9FB;
}

.calendar-container{
  margin-top: 2rem;
}

.custom-month-title{
  text-align: center;
  font-size: 1rem;
  font-weight: 900;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
}
.day-content{
  text-align: center;
}
.day-header{
  text-align: center;
}
.custom-calendar-month-table-columns{
  padding: 1rem;
}
.custom-calendar-month-table-td{
  border: 0.5px solid #CCC;
}
.attendance-day{
  background-color: #5bc0de;
  color: #FFF;
}

.subscriber-attendance-summary-box{
  display: inline-table;
  margin: 0 0.5rem;
  border: 1px solid #000;
  padding: 0px 0.2rem;
  margin-top: 25px;
}
.custom-calendar-month-table{
  margin-bottom: 2rem;
}

.nav-tabs .nav-link{
  border: 1px solid #CCC;
}

.v-top{
  vertical-align: top;
}

.worked-day-td{
  background-color: #5bc0de;
  color: #FFF;
}
.absence-day-td{
  background-color: #fc4b6c;
  color: #FFF;
}
.payroll-day-content{
  position: absolute;
  margin-top: -25px;
  margin-left: 65px;
}

.payroll-calendar-month-table td{
  border: 0.5px solid #CCC;
  width: 72px;
  height: 60px;
  padding: 0rem;
}

.payroll-td-hours{
  position: absolute;
  margin-left: 25px;
  margin-top: -7px;
}

.cancel-text{
  color: #DD6B55 !important;
}

.td-header-btns-container{
  float: right;
  display: flex;
}

.td-subtask-title{
  font-size: 15px;
}

.td-completed-user-date{
  font-size: 11px;
}

.td-check-btn{
  padding: 0.1rem 0.5rem !important;
  font-size: 1.3rem;
  border-radius: 5px;
  margin: 0px 1px;
}

.td-card-status-container-color{
  background-color: #2480C9;
}

.modal-header .close {
  margin: -1rem 0rem -1rem auto;
}

.project-cards-dashboard-pad{
  padding: 0 15px;
}

.pd-project-links{
  padding-top: 1.5rem;
}

.line-height-12{
  line-height: 12px !important;
}

.line-hight-14{
  line-height: 14px;
}

.suscription-radio-button{
  background-color: #FFF;
  border-color: #4e555b;
}

.suscription-radio-button.active{
  background-color: #CCC;
  border-color: #4e555b;
}
.suscription-radio-button + label{
  line-height: 25px;
}
.fc-title{
  font-size: 0.6rem;
}
.schedules-plan-department-row{
  background-color: #9B9B9B;
  color: #272727;
}
.schedules-plan-department-row td{
  padding-left: 0.5rem !important;
}
.schedules-plan-department-container{
  padding: 0.2rem;
}

.sidebar-menu-toggle::after {
  margin-top: 7px;
  margin-left: 7px;
}

.hidden-xs{
  margin-left: 5px;
}
.calendar-event-tooltip {
  display: inline;
  position: relative;
}
.calendar-event-tooltip:hover:after{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  background: #444;
  border-radius: 8px;
  color: #fff;
  content: attr(title);
  margin: -82px auto 0;
  font-size: 16px;
  padding: 13px;
  width: 220px;
}
.calendar-event-tooltip:hover:before{
  border: solid;
  border-color: #444 transparent;
  border-width: 12px 6px 0 6px;
  content: "";
  left: 45%;
  bottom: 30px;
  position: absolute;
}


.fc-event .fc-content{
  white-space: normal;
  text-align: left;
}

.height-20{
  height: 20px;
}

.deadline-diff-number-box{
  border-radius: 0.3rem;
  width: 25px;
  height: 25px;
  margin: 5px;
}

.duration-number-box{
  border-radius: 0.3rem;
  width: 35px;
  height: 25px;
  margin: 5px;
  background-color: #8E8E8E;
  color: #FFFFFF;
  padding: 7px 4px;
  line-height: 10px;

}
.deadline-days-number-box{
  border-radius: 0.3rem;
  width: 25px;
  height: 25px;
  margin: 5px;
}
.deadline-days-number{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5px;
}
.label-deadline-alert{
    background-color: #FFFFFF;
    color: #fc4b6c !important;
    border: 1px solid #fc4b6c;
}
.label-deadline-on-time {
  background-color: #FFFFFF;
  color: #0074C1 !important;
  border: 1px solid #0074C1;
}
.group-square-box{
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  position: absolute;
  margin-top: 0.3rem;
}
.dot{
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
}
.mtn5{
  margin-top: -5px;
}
.mtn3{
  margin-top: -3px;
}
.grid-btns{
  padding: 0.1rem 0.2rem;
  font-size: 10px;
}
.scope-filter-label{
  margin-bottom: 5px !important;
  color: #000 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 12px;
}

.information-container{
  background-color: #F5F6F9;
  padding: 20px 15px 10px 15px;
}

.information-container-item{

  line-height: 18px;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 10px;

}

.height-300{
  height: 300px !important;
}

.td-border-bottom{
  border-bottom: 0.5px solid #D5D5D5 !important;
}

.information-container span{
  display: block;
}
.multimedia-card-img{
  width: 50px;
  display: block;
  margin: 0 auto;
  padding: 35px 0;
}

.height-270{
  height: 270px;
}

.multimedia-thumb-divisor{
  border-top: 1px solid #CCC;
  margin-top: 5px;
}

.border-radius-0{
  border-radius: 0 !important;
}
.cke_reset{
  /* height: 700px !important; */
}
.td-border-bottom{
  border-bottom: 0.5px solid #D5D5D5;
}
/* .td-progress-container{
  padding-right: 1rem;
} */

.carousel-caption h3{
  background: #000000;
  color: #FFFFFF !important;
}

.multimedia-carousel-next{
  height: 25px;
  width: 25px;
  background-color: #0074C1 !important;
  margin: 0 5px;
}
.multimedia-carousel-next-fs{
  height: 25px;
  width: 25px;
  background-color: #0074C1 !important;
  position: relative;
  display: inline-block;
}

.multimedia-carousel-prev-fs{
  height: 25px;
  width: 25px;
  background-color: #0074C1 !important;
  position: relative;
  display: inline-block;
}

.carousel-buttons-container{
  margin-top: 12px;
  margin-right: 5px;
}

.multimedia-description-fs{
  text-align: center;
  margin-top: 25px;
}

.multimedia-carousel-prev{
  height: 25px;
  width: 25px;
  background-color: #0074C1 !important;
  position: relative;
  float: right;
}

.multimedia-indicator-arrows{
  width: 15px !important;
  height: 25px !important;
}

.icon-right-text-adjustment{
  margin-left: 21px;
  font-size: 10px;
}

.height-70{
  height: 70px;
}

.completed-label{
  background-color: #9CCC65;
  color: #FFFFFF;
}

.card-column-image{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  width: 100%;
}

.card-column-image::before{
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: hsla(180,0%,100%,0.50);
}

.custom-label{
  margin-bottom: 5px !important;
  color: #000 !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 12px;
}

.card-box-image{
  max-height: 300px;
  overflow: hidden;
}

.card-box-image img{
  width: 100%;
}


.department-btns{
  color: #2B80C8;
  background-color: #FFFFFF;
  border-color: #2B80C8;
}

.department-btns.active{
  color: #FFFFFF;
  background-color: #2B80C8;
  border-color: #2B80C8;
}

.modal-close-btn{
  margin-top: -15px;
  display: inline-flex;
  align-items: center;
}

.vue-modal-close-btn{
  margin-top: -15px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: end;
  max-width: fit-content;
}

.back-btn-marg{
  margin: 10px 5px;
}

.attendances-box {
    background: #2B80C8;
    color: #FFF;
    padding: 10px 17px;
    border-radius: 6px;
    margin-top: 22px;
    display: inline-block;
    font-weight: 900;
    font-size: 16px;
}

.popup-gray-btn, .popup-gray-btn:hover {
  color: #FFF !important;
  background-color: #7A7A7A !important;
  padding: 4px 12px !important;
}

.popup-gray-btn.active{
  box-shadow: 0 0 0 0.2rem rgb(130 138 145 / 50%);
  border-color: #4e555b !important;
  background-color: #545b62 !important;
}

.popup-blue-btn, .popup-blue-btn:hover {
  color: #FFF !important;
  background-color: #2480C8 !important;
  padding: 4px 12px !important;
}

.popup-black-btn, .popup-black-btn:hover {
  color: #FFF !important;
  background-color: #3d3d3d !important;
  padding: 4px 12px !important;
}

.popup-red-btn{
  color: #fff !important;
  background-color: #fc4b6c;
  border-color: #fc4b6c;
  padding: 4px 12px;
}

.popup-blue-btn{
  color: #fff !important;
  background-color: #1681DE;
  border-color: #1681DE;
  padding: 4px 12px;
}

.popup-red-btn:hover{
  color: #fff;
}
.popup-btn {
  padding: 4px 12px !important;
}

.fullscreen-btn {
  padding: 6px 12px !important;
}


.week-number-select-option{
  font-style: italic;
  color: #CCC !important;
}

.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
  opacity: 0.60;
}

.preloader img{
  position: absolute;
  top: 50%;
  left: 50%;
}

.post-img-border{
  border: 2px solid #A4A4A4 !important;
}

.week-title-total-hours{
  padding: 4px;
  border: solid 5px black;
  color: #777777;
  font-weight: 900;
}
.no-hover-effect{
  color: #3d3d3d !important;
}

.payroll-status-box{
  padding: 12px 20px;
}

.isDisabled {
  cursor: not-allowed;
  opacity: 0.5;
  color: currentColor;
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}

.custom-input-counter{
  color: #dc3545;
  margin-left: auto;
}

.sequence-number{
  border: 2px solid #FFF;
  border-radius: 50%;
  width: 35px;
  text-align: center;
  display: inline-block;
}

.page-bg{
  background-color: #3d3d3d !important;
}

.evaluation-bg{
  background-color: #808287 !important;
}

.delete-page-btn{
  float: right;
  padding: 4px 8px;
  margin-top: -3px;
  margin-left: 10px;
}

.add-element-btn{
  float: right;
  padding: 4px 8px;
  margin-top: -3px;
  margin-left: 10px;
  background-color: #FFF;
  color: #3d3d3d;
}

.element-btn-actions{
  display: flex;
  float: right;
}
.mt-2r{
  margin-top: 2rem;
}

.mt-20{
  margin-top: 20px;
}

.mt-4r{
  margin-top: 4rem;
}

.element-edit-btn{
  padding: 4px 8px;
}

.evaluation-title{
  font-size: 16px;
  font-weight: 900;
  padding: 15px 15px 0px 15px;
}

.evaluation-footer{
  font-size: 12px;
  font-weight: 600;
  padding: 15px;
}

.line-height-2{
  line-height: 2;
}
.selected-filed-option{
  margin-top: 7px;
  margin-left: 10px;
}
.attendances-report-box{
  float: right;
  margin-top: -22px;
}
.payment-detail-box{
  line-height: 2;
  background-color: #F2F2F2;
  padding: 1rem;
  border: 1px solid;
}
.mt-n15{
  margin-top: -15px;
}


.main-filter-container{
  background: #F7F9FB;
  padding: 20px 30px;
  margin: 0px 0px;
  margin-bottom: 30px;
  box-shadow: 1px 0 5px rgb(0 0 0 / 10%);
}

.fw400{
  font-weight: 400 !important;
}

.fw500{
  font-weight: 500 !important;
}
.deadline-days-number-box-no-deadline{
  border-radius: 0.3rem;
  width: 30px;
  height: 30px;
  margin-top: 10px;
  margin-left: 5px;
}


.deadline-days-number-no-deadline{
  display: block;
  text-align: center;
  padding-top: 5px;
}

.cards-lists-container{
  margin-top: 0rem;
  min-height: 500px;
}


.badge-default{
  background-color: #616161;
  color: #FFF;
  display: inline-block;
  border: 1px solid #616161;
}

.budget-badge{
  background-color: #85bb65;
  color: #FFF !important;
  display: inline-block;
  border: 1px solid #85bb65;
}

.department-badge{
  border: 1px solid #a7a4a4;
  background-color: #FFF;
  color: #000;
}

.supplier-badge{
  border: 0.5px solid #a7a4a4;
  border-radius: 5px;
  color: #000;
}

.position-badge{
  border: 0.5px solid #CCC;
  border-radius: 5px;
  padding: 3px;
}

.card-list-columns:hover{
  color: #272727;
}

.card-budget{
  color: #272727;
  font-weight: 900;
  border-right: 0.5px
}

.card-total-paid{
  color: #1681DE;
  border: 1px solid #1681DE 
}

.card-total-pending{
  color: #FF5733;
  border: 1px solid #FF5733
}

.card-detail-tags-fixed span{ 
  margin-top: .25rem!important;
}

.w-20{
  width: 20% !important;
}


.w-80{
  width: 80% !important;
}


.wh-20{
  width: 20px;
  height: 20px;
}

.card-amount{
  font-size: 16px;
  margin: 0 5px;
  margin-top: 5px;
}

.color-preview{
  width: 10px;
  height: 10px;
  padding: 6px;
  margin-top: 2px;
  margin-left: 3px;
}

.advanced-options-link{
  color: #0000EE !important;
  text-decoration: underline !important;
  font-size: 12px !important;
}

.entities-container, .attributes-container, .settings-container, .filter-settings-container {
  background: #F7F9FB;
  padding: 20px 30px;
  margin: -12px;
  margin-bottom: 1rem;
  margin-top: 1rem;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
}

.tag-feature{
  display: flex;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;

}

.tag-icon-adjust{
  margin-top: 3px;
  margin-left: 3px;
}

.w100{
  width: 100px;
}

.tags-container, .form-card-location-container, .form-card-settings-container, .form-card-client-container, .form-card-supplier-container, .form-reach-container, 
.form-forms-container, .area-type-attributes-container,  .area-amenities-container,  .area-type-actions-container, .entity-area-container{
  background: #F7F9FB;
  box-shadow: 1px 0 5px rgb(0 0 0 / 10%);
  padding: 20px;
  margin: 25px 0px;
  width: -webkit-fill-available;
}

.to-do-pin-container-bg, .poll-pin-container-bg{
  background: #F7F9FB;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
  padding: 3px;
  margin: 25px 0px;
}

.popup-tags-container, .popup-filter-container{
  background: #F7F9FB;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: -48px;
  margin-bottom: 25px;
}

.filter-container-750-adjust{
  margin: 0px -20px !important
}

.tag-badge{
  padding: 3px;
  text-transform: uppercase;
  margin: 0 2px 5px 0px;
  color: #777777;
}


.default-gradient-badge{
  background: linear-gradient(to right, #616161 35%, white 0%) !important;
}

.card-tags-container{
}

.column-card-tags-container{
  padding: 0 1.5rem;
}

.tag-map{
  position: relative;
  top: 15px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: "Roboto", "sans-serif";
  line-height: 30px;
  padding-left: 10px;
  display: flex;
  width: 500px;
  right: 0;
  margin-left: auto;
}

.mtn5{
  margin-top: -5px;
}

.entities-labels > label, .attributes-labels > label, .settings-labels > label, .amenities-labels > label{
  margin: 5px;
}

.card-money-table td{
  padding: 0 !important;
  font-size: 0.8rem;
}

.card-amounts-table th, td{
  font-size: 12px !important;
  /* padding: 10px !important; */
}

.icon-button-group, .lock-button {
  opacity: 0;
  color: #444444;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.lock-button:hover {
  background-color: rgba(165, 165, 165, 0.7);
  border-radius: 40px;
  cursor: pointer;
}

.icon-button {
  text-align: center;
  padding-top: 7px;
  height: 30px;
  width: 30px;
}

.pin-button {
  font-size: 16pt;
  text-align: center;
  padding-top: 2px;
  height: 35px;
  width: 35px;
  position: absolute;
  right: 0;
}

.pin-button:hover {
  background-color: rgba(165, 165, 165, 0.60);
  border-radius: 40px;
  cursor: pointer;
}

.icon-button:hover {
  background-color: rgba(165, 165, 165, 0.60);
  border-radius: 40px;
  cursor: pointer;
}

.new-note-button:hover {
  cursor: pointer;
}

.icon-button-group-new-note {
  color: #444444;
}

.card-note, .note-form-control {
  text-overflow: ellipsis;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: default;
}

.note-form-control{
  border: 0;
}


.menu-active {
  background-color: #A2D5FF;
}

.menu-active:hover {
  background-color: #85B7E0;
}


.upload-photo {
  position: absolute;
  visibility: hidden;
  z-index: -10;
}

.new-note-datetime-picker-popup {
  display: none;
  position: absolute;
  color: white;
  text-align: center;
  width: 10%;
}


.color-button {
  opacity: 0.8;
  width: 30px;
  height: 30px;
  border-radius: 40px;
  border: 1px solid #ACACAC;
  cursor: pointer;
}

.color-button:hover {
  border: 1px solid #1A1A1A;
}

.mtn15{
  margin-top: -15px;
}

.fs18{
  font-size: 18px !important;
}

.border-bottom{
  border-bottom: 0.5px solid #D5D5D5;
  border-right: none;
}

.mt5{
  margin-top: 5rem;
}

.floating-card-form{
  position: absolute;
  right: 7%;
  z-index: 2;
}
.floating-card-form-subtask{
  position: absolute;
  right: 7%;
  z-index: 2;
}




.instance-card{
  border-radius: 10px !important;
  cursor: pointer;
  border: 1px solid !important;
}

.notes-and-updates-title{
  left: 0;
  position: absolute;
  padding-left: 15px !important;
  margin-left: 15px;
  margin-top: 10px !important;
}

.td-amount-div{
  margin: 0 5px;
}

.td-amount-title{
  font-size: 12px;
  color: #777777;
}

.tc-amount-title{
  font-size: 11px;
  color: #777777;
}

.tc-card-amount{
  font-size: 12px;
}

.td-card-amount{
  font-size: 12px;
}

.td-last-update-message{
  text-transform: none;
  font-weight: normal;
  color: #777777;
  font-size: 0.7rem;
  font-weight: 400;
  display: block;
  overflow-wrap: break-word;
}

.td-last-update-card{
  position:relative !important;
  border: 2px solid #000 !important;
  box-shadow: none !important;
}


.td-last-update-card:after
{
    right:10px;
    left:auto;
    transform:skew(8deg) rotate(3deg);
}

.p15{
  padding: 15px;
}

.td-filter-dropbtn{
  text-align: left;
}

.mr-15{
  margin-right: 15px;
}

.td-action-btns-container{
  padding: 10px;
}

.h-10 {
  height: 10;
}


.multimedia-popup-detail{
  float: left;
  margin-top: 15px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 600;
}

.subtask-border-radius{
  border-radius: 9px 9px 0px 0px !important;
}

.css-bar, .css-bar:after{
  z-index: 1;
}

.td-subtask-delete-btn{
  background-color: #fc4b6c;
  color: #FFF;
  padding: 1px 6px;
  font-size: 12px;
}

.td-subtask-status-btn{
  background-color: #E0E0E0;
  color: #000 !important;
  padding: 1px 6px;
  font-size: 12px;
}

.td-utilities-btn{
  border-radius: 100%;
  padding: 17px 20px;
  background: #26c6da;
  border-color: #26c6da;
  color: #FFF;
  border: none;
  margin-top: 8px;
}
.td-utilities-btn:focus{
  outline: none !important;
}

/* .utilities-div:hover>.dropdown-menu {
  display: block;
}

.td-utilities-dropdown-menu{
  transform: translate3d(-192px, 8px, 0px) !important;
} */

.progress-label{
  font-size: 100%;
  vertical-align: top;
  display: inline-block;
  font-size: 12px;
  padding: 0px 4px;
}

.pl40{
  padding-left: 40px;
}


.tc-ml{
  margin-left: 0.5rem;
}

.mln10{
  margin-left: -10px;
}

.remove-supplier-container-btn{
  margin-top: -15px;
  position: absolute;
  right: 40px;
}

.td-utilities-button{
  padding: 6px 15px !important;
  margin-top: 17px;
}

.td-update-progrss-btn{
  padding: 6px 12px !important;
}

.td-card-title{
  font-size: 18px;
  max-width: 800px;
  vertical-align: middle;
}

.mw-70{

  max-width: 70%;
}
.td-description-text{
  /* padding: 0.5rem 1rem 1rem 1rem; */
}

.td-desc{
  padding: 0.5rem 1rem;
}

.td-budget-container{
  border: 1px solid #9CCC65;
  margin-top: 10px;
}

.css-bar-sm:after, .css-bar-sm > img {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  line-height: 30px;
}

.css-bar-sm {
  width: 40px;
  height: 40px;
  font-size: 12px;
}

.last-update-delete-btn{
  float: right;
  margin-top: -20px;
  border-radius: 10px !important;
}

.last-update-edit-btn{
  float: right;
  margin-top: -20px;
  border-radius: 10px !important;
  margin-right: 1px;
}

.td-card-quote-suppliers-container{
  display: flex;
  padding-left: 1rem;
}

.amis-badge{
  padding: 3px;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 2px 4px 0px;
}

.card-tags-container span{
  margin-bottom: 0.25rem;
}

.card-responsible{
  text-align: left;
  line-height: 16px;
}

.budget-partial-pending-badge{
  border: 1px solid #ff781f;
  color: #ff781f;
  filter: brightness(1);
}

.budget-all-pending-badge{
  border: 1px solid #FC8B8B;
  color: #FC8B8B;
}

.tags-spans, .td-tag-spans span{
    margin-bottom: 1px;
}



.supplier-badge i.fa.fa-thumbs-up{
  color: #009efb;
}

.supplier-badge i.fa.fa-thumbs-down{
  color: #fc4b6c;
}

.opacity-5{
  opacity: 0.5 !important;
}

.opacity-6{
  opacity: 0.6 !important;
}

.text-black{
  color: #000;
}

.td-progress-box{
  padding: 8px;
  text-transform: none;
  border: 1px solid #000;
  font-weight: 600;
  font-size: 14px;
}

.gallery-delete-btn-div{
  margin-top: 11px;
}

.small-zoom{
  zoom: normal;
}

.medium-zoom{
  zoom: 1.1;
}

.large-zoom{
  zoom: 1.2;
}

@media only screen and (max-width: 767px) {
  .topbar .top-navbar .navbar-header .navbar-brand{
    margin-right: auto;
  }

  .ti-menu:before{
    color: #FFF;
  }
  .ti-more:before{
    color: #FFF;
  }
}

/* .modal-backdrop {
  visibility: hidden !important;
} */


.modal.in {
  background-color: rgba(0,0,0,0.5);
}

.contrast {
  mix-blend-mode: difference !important;
}


.max-h-100 {
  max-height: 100% !important;
}

.max-w-100 {
  max-width: 100% !important;
}

.left-sidebar {
  z-index: 1002;
  box-shadow: none;
  padding-top: 40px;
}

.sidebar-border{
  border-top-right-radius: 85px;
}

#navbarSupportedContent, .topbar {
  z-index: 1003;
}

.text-dark-important {
  color: black !important;
}

.grey-horizontal-line {
  height: 0.1px;
  background-color: #ababab;
  width: 100%;
}

.location-badge{
  color: #646464;
  background-color: #FFFFFF;
  border: 1px solid #646464;
}

.amis-blue-badge{
  border: 1px solid #2D8CCB;
  background-color: #2D8CCB;
  color: #FFFFFF;
}

.scope-badge{
  color: #646464;
  background-color: #FFFFFF;
  border: 1px solid #646464;
}

.pending-badge{
  color: #000000 !important;
  background-color: #FFE564;
  border: 1px solid #FFE564;
}

.on-progress-badge{
  color: #000000 !important;
  background-color: #FFA500;
  border: 1px solid #FFA500;
}

.completed-badge{
  color: #FFFFFF !important;
  background-color: #2D8CCB;
  border: 1px solid #2D8CCB;
}

.completed-with-issue-badge{
  color: #FFFFFF !important;
  background-color: #2D8CCB;
  border: 2px solid #FC4B6C;
}

.cancelled-badge{
  color: #FFFFFF !important;
  background-color: #df4759;
  border: 1px solid #df4759;
}

.default-secondary-badge{
  background-color: #8D8D8D;
  border: 1px solid #8D8D8D;
  color: #FFF
}

.badge-secondary-outline{
  border: 1px solid #8D8D8D;
  color: #8D8D8D;
}

.badge-danger-outline{
  border: 1px solid #fc4b6c;
  color: #fc4b6c;
}

.badge-info-outline{
  border: 1px solid #1e88e5;
  color: #1e88e5;
}

.fs8{
  font-size: 8px !important;
}

.task-detail-title{
  color: #404040;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  margin-top: 15px;
}

.task-detail-description{
  color: #777777;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.task-detail-advanced-info{
    padding: 25px 0px;
    display: inline-block;
    margin: 0px -15px;
}

.task-detail-status{
  display: inline-block;
  border-left: 1px solid #EFF1F4;
}

.task-detail-status-span{
  padding: 10px 15px;
  color: #000000;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  margin-top: 15px;
  display: inline-block;
  border-radius: 3px;
}

.task-detail-advanced-info-container{
  border-top: 1px solid #EFF1F4;
  border-bottom: 1px solid #EFF1F4;
  margin: 25px 0px;
}

.check-list-title{
  color: #030303;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
}

.check-list-qty{
  color: #030303;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  float: right;
}

.subtasks-container, .poll-container{
  margin-top: 5px;
  /* border-top: 3px solid #181818; */
}

.normal-pin-items-container{
  /* border-top: 3px solid #181818; */
}

.subtask-row{
  display: flex;
  padding: 0.5rem 0rem;
  border-bottom: 1px solid #DEDEDE;
}

.subtask-checkbox + label{
  color: #030303 !important;
  font-size: 12px !important;
  line-height: 22px !important;
}

.subtask-completed-info{
  font-size: 11px;
  color: #AEAEAE;
  line-height: 15px;
  font-weight: 400;
  margin-left: auto;
}

.process-attributes-container, .area-type-attributes-container, .area-type-actions-container, .custom-fields-container{
  margin-left: 15px;
  margin-bottom: 25px;
}

.status-info{
  border-right: 1px solid rgba(120,130,140,.13) !important;
  border-top: none !important;
  border-left: none !important;
  border-bottom: none !important;
  display: flex;
  align-items: center;
  padding: 5px;
}

.step-row{
  color: #000 !important;
  display: flex;
  width: 100%;
}

.dd-custom{
  min-height: 0px !important;
  min-height: 0 !important;
}

.step-sequence{
  position: absolute;
  left: 37px;
  top: 28px;
}

.dd3-handle:before {
  padding-bottom: 3px;
}

.generic-box, .access-generic-box{
  border: 1px solid #000;
  padding: 5px;
  min-height: 90px;
  position: relative;

}

.employee-generic-box{
  border: 1px solid #000;
  padding: 10px;
  min-height: 125px;  
  position: relative;
}

.employee-box-body{
  margin-top: 5px;
  display: flex;
  width: 100%;
}

.employee-box-badges-container{
  margin-top: 5px;
}

.employee-box-badges-container > span{
  font-size: 10px !important;
}

.employee-box-info{
  display: block;
  color: #000;
}
.employee-box-title{
  font-size: 14px;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: 600;
}

.amenity-generic-box{
  min-height: 60px !important;
}

.employees-generic-box-border{
  border: 1px solid #666!important;
  border-radius: 5px !important;
}

.employees-generic-box-border-wider{
  border: 2px solid #666!important;
  border-radius: 5px !important;
}

.generic-box-title{
  color: #000;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  display: flex;
  line-height: 16px;
  margin-top: 5px;
}

.amenity-generic-box-title{
  font-size: 12px !important;
  line-height: 15px !important;
}

.h34{
  height: 34px;
}

.border-top-light{
  border-top: 0.5px solid #CCC;
}

.border-top-extra-light{
  border-top: 0.5px solid #F5F5F5;
}

.mtn-3{
  margin-top: -3px;
}


.generic-box-color{
  background-color: #616161;
  color: #FFF;
}

.position-box-color{
  background-color: #f29e4c;
}

.department-color{
  color: #92BCEA;
}

.position-color{
  color: #f29e4c;
}

.department-box-toggle,  .area-type-box-toggle, .module-box-toggle, .manage-module-box-toggle, .right-group-box-toggle, .manage-right-group-box-toggle, .access-module-box-toggle, .access-right-group-box-toggle{
  z-index: 1;
  font-size: 16px;
  color: #000;
}

.category-box-toggle{
  color: #FFF;
  z-index: 1;
  font-size: 16px;
}

.area-box-toggle{
  z-index: 1;
  font-size: 16px;
  color: #000;
}

.category-box-toggle{
  font-size: 12px !important;
}

.position-employees-div select{
  padding: 0px !important;
  max-height: 25px !important;
  min-height: 25px !important;
}

.process-box, .project-box, .choose-operation-box, .choose-option-box{
  border: 1px solid #000;
  padding: 10px;
  cursor: pointer;
}

.choose-option-box:hover{
  background-color: rgba(0, 116, 193, 0.2);
}

.project-box{
  background-color: #616161;
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.process-box-code, .project-box-code{
  color: #000;
  font-weight: 600;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
}

.process-box-name, .project-box-name{
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}

.process-box:hover, .project-box:hover{
  background-color: rgba(0, 116, 193, 0.2);
  color: #000;
}

.process-box-link, .project-box-link, .operation-box-link{
  margin-bottom: 25px;
}

.fw300{
  font-weight: 700;
}

.row-margin-fix{
  margin: 0px -30px;
}

.w-fit-content{
  width: fit-content;
}

.dashboard-filter-title{
  color: #5A5A64;
  font-size: 16px;
  line-height: 17px;
  font-weight: 400;
}

.dashboard-table th{
  border: none !important;
}

.dashboard-filter-container{
  display: flex;
}

.card-added-location-name{
  font-size: 14px;
  font-weight: 400;
  margin-right: 10px;
  align-self: center;
}

.card-added-client-name, .medium-text{
  font-size: 18px;
  font-weight: 600;
}

.card-close-btn{
  padding: 6px 10px;
  font-size: 0.6rem;
  margin: 10px 5px;
  display: block;
}

.card-added-client-contacts, .card-added-client-locations, .card-added-supplier-contacts, .card-added-supplier-locations{
  display: inline-block;
}

.card-add-contact-btn{
  padding: 2px 8px !important;
  border-radius: 4px !important;
}

.dashboard-pendings-badge{
    color: #FFB22B;
    border: 1px solid #FFB22B; 
    font-weight: 900;
    border-radius: 5px;
    width: 30px;
    text-align: center;
    height: 25px;
    display: flex ;
    justify-content: center;
    align-items: center;
}

.dashboard-overdues-badge{
  color: #FC4B6C;
  border: 1px solid #FC4B6C;
  font-weight: 900;
  border-radius: 5px;
  width: 30px;
  text-align: center;
  height: 25px;
  display: flex ;
  justify-content: center;
  align-items: center;

}

.big-badge{
  width: 40px !important;
  font-size: 16px !important;
}

.display-7{
  font-size: 2rem;
}

.dashboard-completed-badge{
  color: #0074C1;
  border: 1px solid #0074C1;
  font-weight: 900;
  border-radius: 5px;
  width: 30px;
  text-align: center;
  height: 25px;
  display: flex ;
  justify-content: center;
  align-items: center;
}

.dashboard-completed-with-issue-badge{
  color: #0074C1;
  border: 1px solid #FC4B6C;
  font-weight: 900;
  border-radius: 5px;
  text-align: center;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.dashboard-future-badge{
  color: #18870C;
  border: 1px solid #18870C;
  font-weight: 900;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.future-color{
  color: #18870C;
}

.pending-color{
  color: #FFB22B;
}

.overdue-color{
  color: #FC4B6C;
}

.completed-color{
  color: #0074C1;
}

.completed-with-issues-color{
  color: #FC4B6C;
}

.completed-with-issues-color > i{
  border: 2px solid #0074C1;
  border-radius: 50%;
}

.card-border{
  border: 2px solid #A4A4A4;
  border-radius: 6px;
}

.card-map-link{
  font-size: 14px;
  float: right;
}

.card-step-badge{
  background-color: #0074C1;
  color: #FFF;
  border: 1px solid #0074C1;
}

.dashboard-my-tasks-checkbox{
  width: 100%;
  margin-left: 15px;
  margin-top: 8px;
}

.step-column{
  min-height: 250px;
}

.step-column > .card-container{
  margin-bottom: 30px;
}

.step-column > .card-container:nth-of-type(1){
  margin-top: 10px;
}

.tc-process-name{
  font-weight: normal;
  text-transform: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
  line-height: 10px;
  margin-top: 5px;
  margin-bottom: 2px;
}

.step-cards-column{
  width: 380px;
  margin: 0px 5px;
}

.td-update-progrss-btn:hover {
  color: #FFF !important;
}

.card-detail-customer-text{
  text-transform: none;
  font-weight: normal;
  color: #777777;
  font-size: 0.7rem;
  display: block;
}

.strong-title{
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.td-card-customer span{
  display: inline-block;
}

.td-card-customer{
  padding: 0.5rem;
  display: inline-block;
}

.td-card-customer:first-child{
  padding-left: 1rem;
}

.group-box:first-child{
  padding-left: 12px !important;
}

.group-task-box-selected-feedback, .manage-module-box-selected-feedback, .access-module-box-selected-feedback, .module-box-selected-feedback{
  width: 94.2%;
  background: #FFF;
  height: 2px;
  position: absolute;
  margin-top: -1px;
  z-index: 2;
  margin-left: 1px;
}

.folder-card-box-selected-feedback, .project-card-box-selected-feedback, .operation-service-box-selected-feedback, .service-category-service-box-selected-feedback{
  background: #FFF;
  height: 2px;
  position: absolute;
  margin-top: -2px;
  z-index: 2;
  margin-left: 2px;
}

.service-package-service-box-selected-feedback{
  background: #FFF;
  height: 4px;
  position: absolute;
  margin-top: -2px;
  z-index: 3 !important;
  margin-left: 2px;
}

.service-category-service-box-selected-feedback{
  height: 4px;
  z-index: 3 !important;
}

.card-detail-rigth-border{
  border-right: 0.5px solid #EFEFEF;
}

.card-detail-customer-text{
  align-self: center;
  font-size: 12px;
}

.cd-attribute-box.active{
  padding-right: 10px;
  /* background-color: #777777 !important;
  color: #FFF !important; */
}

.card-detail-back-btn{
  padding: 6px 10px;
  font-size: 0.6rem;
  margin: 10px 5px;
  display: block;
}
.card-list-row-border{

  margin: 0px;
  border: 0.5px solid #D5D5D5;
}


.cd-detail-btn, .cd-detail-btn:hover{
  background-color: #2480C8;
  padding: 0px 4px !important;
  color: #FFF !important;
  margin-left: 5px;
  margin-top: -2px;
}

.attribute-active{
  background: #DEDEDE;
}

.attribute-active > span{
  color: #000 !important;
  font-weight: 600 !important;
}
/* .xdsoft_datetimepicker{
  width: 290px !important;
} */

.card-age-badge{
  border-radius: 50%;
  padding: 1px 5px;
}

.red-age{
  background-color: #FC8B8B;
  color: #FFF;
  border: 1px solid #FC8B8B;
}

.blue-age{
  background-color: #2480C8;
  color: #FFF;
  border: 1px solid #2480C8;
}

.percentage-list-label span{
  float: none !important;
}

.percentage-list-label{
  display: inline-block;
}

.card-age-box{
  background-color: #CCC;
  color: #000;
  padding: 8px;
  text-transform: none;
  border: 1px solid #000;
  font-weight: 600;
  font-size: 14px;
  line-height: 12px;
}

.td-close-btn{
  padding: 6px 10px;
  font-size: 0.6rem;
  margin: 10px 5px;
}

.cd-attribute-box{
  color: #616161;
  border: 1px solid #616161;
  min-width: 115px;
  font-size: 0.8rem;
  font-weight: 400;
  height: 100%;
  display: inline-block;
  cursor: pointer;
}

.attributes-padding{
  padding: 6px 0px;
}

.cd-attribute-box-padding{
  padding-left: 10px;
  padding-right: 10px;
}

.box-border{
  border: 1px solid #616161
}

.cd-process-box{
  display: inline-block;
  font-size: 0.7rem;
  padding: 8px 15px;
  line-height: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.popup-card-settings-margin{
  margin: 25px -18px !important;
  padding: 10px !important;
}

.dashboard-default-badge{
  background-color: #616161;
  color: #FFF;
  border-radius: 5px;
  width: 35px;
  padding: 3px 8px;
  display: inline-block;
  text-align: center;
}

.blue-border{
  border: 1px solid #2480C8;
}

.card-update-drop-area:hover, .card-update-drop-area:focus{
  background-color: #8ac0ea;
}
.ui-slider-horizontal .ui-slider-handle{
  top: 0em !important;
}

.process-banner{
  text-align: left;
  padding: 5px;
  display: flex;
  align-items: center;
}

.cards-steps-container{
  display: flex;
}

.step-radio+label:after, .step-radio+label:before{
  width: 14px !important;
  height: 14px !important;
}

.step-radio:checked+label, .step-radio:not(:checked)+label{
  padding-left: 22px !important;
}

.form-group label {
  margin-bottom: 5px;
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 12px !important;
}

.update-step-settings-container{
  margin: 25px 15px;
}
.update-step{

}

.update-step-reach-btn, .update-step-reach-btn:hover{
  background-color: #2480C8;
  padding: 4px 8px !important;
  color: #FFF !important;
}

.z-index-0{
  z-index: 0 !important ;
}

.card-steps-select-container{
  display: inline-block;
}

.cards-count-box, .instances-count-box, .pins-count-box, .everything-else, .pins-grand-total{
  background: #000;
  color: #FFF;
  padding: 7px 14px;
  border-radius: 4px;
  display: inline-block;
  font-weight: 900;
  font-size: 12px;
}

.all-cards-count-box, .all-tasks-count-box, .all-frequent-task-count-box{
  height: 32px;
  width: 32px;
  margin-left: 8px;
  background: #000;
  color: #FFF;
  border-radius: 4px;
  display: flex;
  font-weight: 900;
  font-size: 12px;
  justify-content: center;
  align-items: center;
}

.for-today-total-badge, .overdues-total-badge{
  background: #5A5A64;
  color: #FFF;
  border-radius: 4px;
  display: inline-block;
  font-weight: 900;
  font-size: 12px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  margin-top: 1px;
}

.hide-all-button{
  padding: 8px 12px;
}

.mt--2{
  margin-top: -2px;
}

.important-title{
  text-transform: uppercase;
  font-size: 14px;
  color: #1A1A1A;
}

.dashboard-btn, .dashboard-btn:hover{
  color: #FFF !important;
  background-color: #454545;
  padding: 3px 8px !important;
}

.card:hover {
  /* box-shadow: 0 0 11px rgba(33,33,33,.2) !important; */
}

.mt--15{
  margin-top: -15px;
}

.note-border-card {
  border: 2px solid #9e9e9e !important;
}

.note-fontsize-status {
  font-size: 9pt;
}

.ml-2px {
  margin-left: 2.5px;
}

.note-private-status-background {
  background-color: #2d8ccb;
}

.note-public-status-background {
  background-color: #979797;
}

.note-closed-background{
  background-color: #545b62;
}

.bg-reminder {
  background-color: #f95c7b;
}

.btn-close:hover {
  color: #dfdfdf;
  cursor: pointer;
}

.note-description {
  font-size: 12px;
  color: #777777 !important;
  font-weight: 400;
  line-height: 14px;
}

.note-description:focus {
  color: #000;
}

.box-icon {
  font-size: 13pt;
}

.border-grey {
  border: 1px solid rgb(155, 155, 155);
}

.border-card {
  border: 1.5px solid rgb(189, 189, 189);
}

.grey-horizontal-line {
  height: 0.5px;
  background-color: rgb(209, 209, 209);
}

.max-w-100 {
  max-width: 100%;
}

.max-h-100 {
  max-height: 100%;
}

.min-h-200px {
  min-height: 200px;
}

.min-h-60px {
  min-height: 60px !important;
}

.min-h-150px {
  min-height: 150px;
}

.max-h-200px {
  max-height: 200px;
}

.btn-icon {
  color: rgb(121, 121, 121);
}

.btn-icon-padding {
  padding: 10px;
}

.btn-icon:hover {
  color: rgb(48, 48, 48);
  cursor: pointer;
}

.dark-hover:hover {
  color: rgb(0, 0, 0) !important;
  cursor: pointer;
}

.menu-item:hover {
  background-color: rgba(159, 204, 255, 0.6) !important;
}

.menu-item-active {
  background-color: rgba(159, 204, 255, 0.6);
}

/* .pin-button:hover {
  background-color: rgba(165, 165, 165, 0.60);
  border-radius: 40px;
  cursor: pointer;
} */

.icon-button:hover {
  background-color: rgba(165, 165, 165, 0.60);
  border-radius: 40px;
  cursor: pointer;
}

.close-button {
  color:rgb(243, 243, 243);
}

.close-button:hover {
  cursor: pointer;
  color:rgb(161, 161, 161);
}

a:hover {
  cursor: pointer;
}

.pointer:hover {
  cursor: pointer;
}

.icon-button-group-new-note {
  color: #444444;
}

.card, .form-control, .modal-transition {
  text-overflow: ellipsis;
  /* First we need to help some browsers along for this to work.
      Just because a vendor prefix is there, doesn't mean it will
      work in a browser made by that vendor either, it's just for
      future-proofing purposes I guess. */
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  /* ...and now for the proper property */
  transition: 0.5s;
  cursor: default;
}

.menu-link {
  border-radius: 0px 20px 20px 0px;
  color: #2e2e2e;
  cursor: pointer;
}

.menu-link:hover {
  background-color: #f1f0f0;
}

.menu-active {
  background-color: #A2D5FF;
}

.menu-active:hover {
  background-color: #85B7E0;
}

a:hover {
  text-decoration: none;
  font-weight: none;
}

label {
  cursor: pointer;
}

.upload-photo {
  position: absolute;
  visibility: hidden;
  z-index: -10;
}

.new-note-datetime-picker-popup {
  display: none;
  position: absolute;
  color: white;
  text-align: center;
  width: 10%;
}

input:focus, textarea:focus, select:focus{
  outline: none;
}

.color-button {
  opacity: 0.8;
  width: 30px;
  height: 30px;
  border-radius: 40px;
  border: 1px solid #ACACAC;
  cursor: pointer;
}

.color-button:hover {
  border: 1px solid #1A1A1A;
}

.left-menu {
  height: 100%;
  width: 20%;
  margin-top: 70px;
}

.note-title {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  line-height: 14px;
}

.note-title:focus {
  color: #000;
}

.dashboard-note-text-color, .td-last-update-user.dashboard-note-text-color > span{
  color: #777777 !important;
}

.note-content {
  max-height: 150px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 10;
  -moz-line-clamp: 10;
  -ms-line-clamp: 10;
  line-clamp: 10;
  overflow: hidden;
  position: relative;
  font-size: 14px;
}


.note-text-content {
  font-size: 10pt;
  font-weight: 500;
}

.invisible {
  opacity: 0;
  position: absolute;
  z-index: -10;
}

.all-notes-container {
  margin-top: 20px;
}

.flex-20-percent {
  flex: 20%;
}

.flex-80-percent {
  flex: 80%;
}

.font-15 {
  font-size: 15pt;
}

.font-12 {
  font-size: 15pt;
}

.font-10 {
  font-size: 15pt;
}

.display-flex {
  display: flex;
}

.display-none {
  display: none;
}

.no-border {
  border: 0;
}

.note-card {
  width: 100%;
  border: 1.5px solid #A4A4A4 !important;
  border-radius: 6px;
}

.absolute-position-right-top {
  position: absolute;
  right: 0;
  top: 0;
}

.absolute-position-right-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}

.img-content {
  border-radius: 10px 10px 0px 0px;
  object-fit: cover;
  max-height: 200px;
}

.note-reminder {
  cursor: pointer;
  opacity: 0.9;
}

.position-relative {
  position: relative;
}

.modal-card-image {
  border-radius: 10px 10px 0px 0px;
  object-fit: cover;
}

.input-modal {
  border: 0;
  outline-width: 0;
}

.cursor-pointer {
  cursor: pointer !important;
}

.max-width-100 {
  max-width: 100%;
}

.big-icon {
  font-size: 20;
}
.entry-container, .tag-form-container{
  /* border-right: 1px dotted;
  border-left: 1px dotted; */
  padding: 10px;
}

.bb-dotted{
  border-bottom: 1px dotted;
}
.card-columns{
  column-count: 2 !important;
  orphans: 2 !important;
}

.client-container-active{
  background-color: #166dba;
  color: #FFF;
}

.area-container-active{
  background-color: #6e0505;
  color: #FFF;
}

.default-container-active{
  background-color: #272727;
  color: #FFF;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active{
  border-right: 4px solid #0074C1;
}

.card-subtitle{
  line-height: 1.5;
}

.w-90{
  width: 90% !important;
}

.w-10{
  width: 10% !important;
}

.w-60{
  width: 60% !important;
}

.w-5{
  width: 5% !important;
}

.w-15{
  width: 15% !important;
}


.page-titles-hover {
  position: fixed;
  z-index: 10;
  width: 100%;
}

.translucent-modal {
  background-color: rgba(0,0,0,0.3);
}

.change-frequent-task-status-btn:hover{
  color: #FFF !important;
}

.bottom-crop-img {
  max-height: 150px;
  overflow: hidden;
}

tr.disabled{
  pointer-events: none;
  background-color: #ffbaba;
  color: #FFF !important;
}

.hover-modal-image {
  opacity: 0;
  transition: 0.5s;
}

.hover-modal-image:hover {
  color: white;
  background-color: rgba(0, 0, 0);
  opacity: 0.6;
  cursor: pointer;
}

#second_screensaver {
  z-index: 99999 !important;
}

.swal2-container {
  z-index: 999999 !important;
}

.note-has-search .form-control, .action-log-has-search .form-control, .calendar-has-search .form-control {
  padding-left: 2.375rem;
  width: 250px;
  min-height: 34px !important;
  height: 34px !important;
}

.filter-visibility{
  display: none;
}

.note-has-search .form-control-feedback, .action-log-has-search .form-control-feedback, .calendar-has-search .form-control-feedback {
  position: absolute;
  z-index: 0;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}


.search-box {
  background-color: rgb(241, 241, 241);
}

.tag-type-btn-group{
  height: 25px;
  margin-top: -2px;
}

.tag-type-btn-group > button{
  background-color: #FFF;
  color: #616161;
  border: 0.5px solid #EFEFEF;
  font-size: 10px !important;
}

.and-btn{
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.or-btn{
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.tag-type-btn-group > button.active{
  background-color: #909090;
  color: #FFF;
}

.fc-day-grid-event:hover{
  color: #FFF;
}

.pinned-pin{
  color: #166dba!important;
}

.pin-content-wrapper{
  border: 0.5px solid #CCC;
  padding: 10px;
  margin-top: 10px;
}

.pins-buttons-flex{
  display: flex;
}

.procceses-header-dropdown{
  min-width: fit-content;
}

.show-all-images-fade{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dashboard-totals span{
  margin: 0 5px;
  display: inline-block;
  width: 25px;
  text-align: center;
  font-size: 12px;
}

.dashboard-nav-link.active{
  color: #5A5A64 !important;
  background-color: #FFF !important;
  opacity: 1;
}

.dashboard-nav-link{
  color: #5A5A64 !important;
  background-color: #FFF !important;
  opacity: 0.6;
}

.w-200{
  width: 200px;
}

.w-250{
  width: 250px !important;
}

.w-150{
  width: 150px;
}

.dashboard-tab .nav-item{
  width: 50%;
}

#dashboardProcessCards, #dashboardTaskInstances th, #dashboardProcessCards, #dashboardTaskInstances td{
  border-top: 0 !important;
  border-bottom: 1px solid #e8eef3;
}

.border-right{
  border-right: 1px solid #dee2e6;
}

.zoom-70{
  zoom: 70%;
}

.pin-tags-button-container{
  display: flex;
}

.dashboard-total-td{
  border-top: 2px solid #e8eef3 !important;
  border-bottom: none !important;;
}

.document-delete-btn{
  padding: 4px 12px;
  margin-left: 5px;
  font-size: 12px;
}

.dtp > .dtp-content{
  max-width: 365px;
}

.tab-content-light-border{
  border: 0.5px solid rgba(0,0,0,.125);
  border-top-width: 0;
}

.dashboard-total-summed{
  width: 20px;
  height: 20px;
  padding: 0px;
  font-size: 13px;
  margin-left: 5px;
}


.extraordinary-date-type+label:before{
  margin-left: 0px;
}

.pin-circle{
  border: 1px solid;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  background: #5A5A64;
  color: #FFF;
  margin-top: -5px;
}

.pin-circle i{
  margin-left: 10px;
  margin-top: 9px;
}

.service-panel-toggle, .service-panel-toggle:hover {
  position: absolute;
  bottom: 60px;
  right: 25px;
  color: #fff !important;
  background: #26c6da;
  border-radius: 100%;
  padding: 15px;
  font-size: 14px;
}

.utilities-dropdown{
  left: -45px !important;
}

.normal-badge-pad{
  padding: 3px 10px;;
}

.border-bottom-none{
  border-bottom: none !important;
}

.material-radio-button:checked+label, .material-radio-button:not(:checked)+label{

  position: relative;
  display: inline-block;
  padding-left: 22px;
  height: 32px;
  line-height: 18px;
  font-size: 12px;
  border-radius: 0;
}

.material-radio-button+label::after, .material-radio-button+label::before{
  z-index: -9999999 !important;
  border: none !important;
  opacity: 0;
}

.material-radio-button:not(:checked), .material-radio-button:checked{
  position: relative !important;
  left: auto !important;
  opacity: 1 !important;
  left: 25px !important;
  z-index: 2 !important;
}

.button-outline-default{
  color: #FFF !important;
  border-color: rgb(151, 160, 175) !important;
  background-color: rgb(151, 160, 175) !important;
}

.reach-type-button{
  height: 22px !important;
  padding-top: 1px !important;
  font-size: 10px !important;
  border-radius: 4px !important;
}

.reach-type-radio{
  top: 3px !important;
}

.button-outline-1 {
  color: #000 !important;
  border-color: #FFE564 !important;
  background-color: #FFE564 !important;
}

.button-outline-2{
  color: #000 !important;
  border-color: #FFA500 !important;
  background-color: #FFA500 !important;
}

.button-outline-3, .button-outline-priv{
  color: #000 !important;
  border-color: #2D8CCB !important;
  background-color: #2D8CCB !important;
}

.button-outline-4{
  color: #000 !important;
  border-color: #df4759 !important;
  background-color: #df4759 !important;
}

.button-outline-request-1{
  color: #000 !important;
  border-color: #FFA500 !important;
  background-color: #FFA500 !important;
}

.button-outline-request-2{
  color: #000 !important;
  border-color: #2D8CCB !important;
  background-color: #2D8CCB !important;
}

.button-outline-request-3{
  color: #000 !important;
  border-color: #df4759 !important;
  background-color: #df4759 !important;
}

.schedule-control-status-outline-0 {
  color: #000 !important;
  border-color: #FFCC00 !important;
  background-color: #FFCC00 !important;
}

.schedule-control-status-outline-1 {
  color: #000 !important;
  border-color: rgb(255, 153, 31) !important;
  background-color: rgb(255, 153, 31) !important;
}

.schedule-control-status-outline-2{
  color: #FFF !important;
  border-color: #42ba96 !important;
  background-color: #42ba96 !important;
}

.schedule-control-status-outline-3{
  color: #FFF !important;
  border-color: #000 !important;
  background-color: #000 !important;
}

.schedule-control-status-outline-4{
  color: #FFF !important;
  border-color: #fc4b6c !important;
  background-color: #fc4b6c !important;
}

.schedule-control-status-outline-absent{
  color: #FFF !important;
  border-color: #616161 !important;
  background-color: #616161 !important;
}

.schedule-control-status-outline-border-left-1:hover {
  border-left: 1px solid #FFCC00 !important;
}

.schedule-control-status-outline-border-left-2:hover{
  border-left: 1px solid #42ba96 !important;
}

.schedule-control-status-outline-border-left-3:hover{
  border-left: 1px solid #000 !important;
}

.schedule-control-status-outline-border-left-4:hover{
  border-left: 1px solid #fc4b6c !important;
}

.schedule-control-status-outline-border-left-absent:hover{
  border-left: 1px solid #616161 !important;
}

.file-download-button{
  position: absolute;
  right: 0;
  padding: 5px
}

.file-viewer-layout-buttons{
  height: 30px;
  margin-top: 10px;
}

.file-view-layout-buttons-container{
  margin-right: 5px;
}

.cards-table-nowrap td{
  white-space: nowrap;
}

.btn-full-screen-view{
  color: #7460EA !important;
  background-color: #FFF !important;
  border-color: #7460EA !important;
}

.btn-full-screen-view:not(:disabled):not(.disabled).active, .btn-full-screen-view:not(:disabled):not(.disabled):active, .show>.btn-full-screen-viewimary.dropdown-toggle{
  color: #fff !important;
  background-color: #0062cc !important;
  border-color: #005cbf !important;
  box-shadow: none !important;
}

.card-map-link-list{
  pointer-events: all;
}

.mtn2{
  margin-top: -2px;
}

.pin-header-bb{
  border-bottom: 0.5px solid #CCC;
}

.card-external-link-icon{
  width: 12px;
  margin-top: -4px;
  filter: invert(1);
}

.pin-card-link, .pin-card-link:hover{
  display: inline-block;
  font-size: 11px;
  margin-right: 5px;
}

.td-radio + label{
  font-size: 12px !important;
}

.no-clickeable-tags > span{
  pointer-events: none;
}



table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    cursor: hand;
    background-repeat: no-repeat;
    background-position: center right;
}

.inline-button-pad{

  padding: 8px 12px !important;
}

.logo-icon img{
  width: 85px;
}

.line-h-0{
  line-height: 0px;
}

.top-breadcrumb{
  padding: 10px 0px;
  margin: 0px;
  box-shadow: none;
  background: #fff;
}

.top-breadcrumb .breadcrumb {
    padding: 0;
    margin: 0;
    background: 0 0;
    font-size: 14px;
    display: inline-block;
}

.text-themecolor{
  margin-bottom: 0px;
}

.text-themecolor i{
  font-size: 14px;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper{
  padding-top: 0px !important;
}

.topbar{
  box-shadow: 1px 0 7px rgba(0,0,0,.2)
}

.amis-navbar{
  height: 45px;
}

.header-logo{
  left: 0;
}

.amis-small-button{
  padding: 4px 6px !important; 
}

.secondary-amis-small-button{
  padding: 2px 6px !important; 
}

.breadcrumb-item+.breadcrumb-item::before{
  padding-right: 0.1rem;
}

.breadcrumb-item+.breadcrumb-item{
  padding-left: 0rem;
}

.generic-box-radio:not(:checked), .generic-box-radio:checked{
  width: 20px;
  height: 20px;
  left: 0 !important;
}
.amenity-generic-box-radio:not(:checked), .amenity-generic-box-radio:checked{
  width: 14px !important;
  height: 14px !important;
}

[type=checkbox].filled-in:checked.chk-col-blue+label:after{
  border: 2px solid #2B80C8;
  background-color: #2B80C8;
}

.box-title-vertical-center{
  position: absolute;
  top: 50%;
  transform: translate(-0%, -50%);
}

.centered-div{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Tooltip text */
.custom-tooltip .tooltiptext, .custom-tooltip .tooltiptextopacity {
  visibility: hidden;
  opacity: 0;
  width: max-content;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  background-color: #FFF;
  color: #000 !important;
  padding: 5px;
  border-radius: 6px;
  text-align: left;
  position: absolute;
  z-index: 2;
  border: 1px solid #616161;
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  max-width: 600px;
  white-space: normal;
   left: 50%;
  transform: translateX(-50%);
  right: auto;
  max-width: 90vw; /* Prevents it from being wider than the viewport */
  box-sizing: border-box;
  word-break: break-word;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.pin-image-icon{
  font-size: 19px;
  margin-top: -2px;
}

.pin-image{
  max-height: 150px;
  overflow: hidden;
}

.overflow-inherit{
  overflow: inherit;
}

.pin-image img{
  width: 100%;
}

.list-pin-image img{
  width: 30px;
  border: 1px solid #616161;
  border-radius: 50%;
  height: 30px;
}

.list-pin-image{
  margin-right: 10px;
}

.pin-list-image-preview > img{
  width: 250px;
  z-index: 2;
}

/* Show the tooltip text when you mouse over the tooltip container */
.custom-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.5s; /* Add delay for appearance */
}

.custom-tooltip:hover .tooltiptextopacity {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease-in-out; /* Smooth transition for opacity */
}

@keyframes show-tooltip {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.bottom-0{
  bottom: 0px !important;
}

.pin-row > div.notification-card-body, .log-row > div.notification-card-body{
  min-height: 50px;
}

.position-box-qty{
  position: absolute;
  right: 3px;
  font-weight: 600;
  color: #000;
}

.template-amenities-box-qty{
  position: absolute;
  right: 3px;
  font-weight: 600;
  color: #000;
  font-size: 16px;
}

.area-amenities-box-qty{
  font-weight: 600;
  color: #000;
  font-size: 16px;
}

.right-22{
  right: 22px !important;
}

.template-attributes-box-qty{
  position: absolute;
  right: 35px;
  font-weight: 600;
  color: #000;
  font-size: 16px;
}

.area-attributes-box-qty{
  font-weight: 600;
  color: #000;
  font-size: 16px;
}

.area-type-attributes-box-qty{
  font-weight: 600;
  color: #000;
  font-size: 16px;
  z-index: 1;
}

.area-type-areas-qty{
  font-weight: 600;
  color: #000;
  font-size: 16px;
  z-index: 1;
}

.right-55{
  right: 55px !important;
}

.right-20{
  right: 20px !important;
}

.right-60{
  right: 60px !important;
}

.box-header{
  display: flex;
}

.amenity-box-qty, .right-groups-qty{
  font-weight: 600;
  color: #FFF;
  z-index: 10;
}

.module-right-groups-qty{
  position: absolute;
  right: 35px;
  font-weight: 600;
  color: #FFF;
  z-index: 10;
  padding: 2px 3px;
  top: 4px;
}

.tooltiptext > div{
  min-width: max-content;
}

.generic-box-title i{
  margin-right: 3px;
}

.secondary-box-color{
  background-color: #454545;
}

.flex-none{
  flex: none;
}

.article-classifications-container, .area-attributes-container{
	background:#F7F9FB;
  padding: 25px;
}

[type=radio].with-gap:checked+label:after, [type=radio]:checked+label:after{
  border: 2px solid #2B80C8 !important;
  background-color: #2B80C8 !important;
}

.border-r-7{
  border-radius: 7px !important;
}

.pin-header-border-radius{
  border-radius: 7px 7px 0px 0px !important;
}

.right-group-row, .access-right-group-row{
  padding: 20px 0px 10px 0px;
  margin: 0px 13px 20px 15px !important;
}

.department-row, .area-type-row, .area-box-row {
  padding: 20px 0px 0px;
  margin: 0px 15px 20px 15px !important;
}

.module-row, .manage-module-row, .access-module-row{
  padding: 20px 0px 0px;
  margin: 0px 15px 20px 0px !important;
}

.manage-right-group-row{
  padding: 20px 0px 20px 20px;
  margin: 0px 15px 20px 15px !important;
}

.group-row{
  margin: 0px 15px 20px 0px !important;
}

.department-row{
  margin: 0px 15px 20px 15px !important;
  width: 97.7% !important;
}

.folder-row, .operation-row, .project-row{
  margin-bottom: 25px;
  margin-left: 15px;
  margin-top: -32px !important;
  border-top-width: 2px;
  padding: 10px 25px 25px 25px;
}

.service-category-row, .service-package-row{
  position: absolute;
  width: 100%;
  right: 0;
  padding: 25px;
  z-index: 2;
  background: #FFF;
}

.service-category-box, .service-package-box{
  position: initial;
}

.services-row-container, .services-packages-row-container{
  position: relative;
}

.module-row-modal{
  margin: 0px 0px 20px 0px !important;
}

.area-box-row {
  margin-top: -25px !important;
}

.area-type-row{
  margin-top: -17px !important
}

.department-row, .manage-module-row, .access-module-row, .module-row{
  margin-top: -30px !important
}

.access-right-group-row, .group-row, .manage-right-group-row, .right-group-row{
  margin-top: -31px !important
}

.category-row{
  padding: 10px 0px 5px;
  margin: 0px 13px 20px 15px !important;
}

.breadcrumb-buttons{
  margin-top: -5px;
  float: right;
}

.breadcrumb-item::before{
  padding-right: 0 !important;
  display: inline-block;
  color: #6c757d;
  content: "/";
}

.hours-container{
  font-size: 14px;
}

.min-h-80{
  min-height: 80px;
}

.lh-12{
  line-height: 12px;
}

.lh-13{
  line-height: 13px;
}

.lh-16{
  line-height: 16px;
}


.dark-start-time-label{
  background: #000;
  color: #FFF;
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0px 3px;
}

.dash-border-light{
  border: 1px dashed #CCC;
}

.z-index-11{
  z-index: 11;
}

.z-index-1{
  z-index: 1;
}

.cards-summary-and-notifications-folder-icons-container-icon{
  color: #616161;
}

.morning-td{
  background-color: #F8F8F8;
}

.afternoon-td{
  background-color: #E8E8E8;
}

.min-h-50{
    min-height: 50px;
}

.min-w-150{
  min-width: 150px;
}


.shift-box-border{
  border: 2px solid #C6C6C6;
}

.shift-margin{
  margin-top: 7px;
}

.schedules-plan-shift-container {
  padding: 5px;
  background: #FFF;
}

/* .schedules-plan-shift-row td{
  border-bottom: 2px solid #000;
} */

.new-classification-button-containers{
  display: inline-block;
  margin-left: auto;
  margin-right: 15px;
  margin-top: 3px;
}


.step-cards-column:not(:last-child){
  border-right: 0.5px solid #CCC;
  padding-right: 15px;
}

.summary-container{
  font-weight: 600;
  color: #272727;
  width: 155px;
}

.width-30{
  width: 30px;
}

.height-30{
  height: 30px !important;
}

.card-header-dark-bg{
  background-color: #545b62 !important;
}

.line-height-2{
  line-height: 2
}

.success{
  background-color: #a4d7a6;
}

.success-color{
  color: #a4d7a6;
}

.warning{
  background-color: #FFCC00 !important;
}

.danger{
  background-color: #df4759;
}

.second-card-header{
  background-color: #808287;
  padding: 10px;
}

.form-is-public-checkbox.filled-in:not(:checked)+label:after, .form-is-public-checkbox.filled-in:checked.chk-col-blue+label:after{
  top: 30px !important;
  left: 45px !important;
}

.form-is-public-checkbox.filled-in:checked+label:before{
  top: 30px !important;
  left: 46px !important;
}

.tooltip-inner {
  text-align: left!important;
}

.mt-n5px{
  margin-top: -5px !important;
}

.form-status-badge{
  position: absolute;
  top: 5px;
  left: 5px;
}

.forms-scores-table td{
  padding: 4px;
  background-color: #FFF;
}

.box-position-name{
  font-size: 14px;
  color: #455a64;
  font-weight: 400;
}

.box-calendar-position{
  position: absolute;
  top: 3px;
  right: 2px;
  font-size: 20px;
}

.payroll-status-container{
  display: inline-block;
  position: absolute;
  top: 100px;
  margin-left: 6px;
}

.line-height-1{
  line-height: 1;
}


.prevent-close{
    pointer-events: none;
}

.generic-modal-close-btn{
  display: block;
  text-align: right;
  margin: 5px 12px;
  color: #FFF;
  cursor: pointer;
}

.step-qty-active-badge{
  background-color: #616161;
  color: #FFF;
}

.line-through{
  text-decoration: line-through;
}

.text-white {
    color: white !important;
}

.fs-gallery-photo{
  min-height: 780px;
}

.columns-tags-spans > span{
  margin: 0 2px 4px 0px !important
}

.pins-tags-container > span{
  margin: 0 2px 2px 0 !important;
}

.border-radius-7{
  border-radius: 7px;
}


.to-do-pin-icon{
  display: inline-flex !important;
}

.to-do-pin-icon::before{
  margin-right: 1px;
}

.to-do-pin-icon:hover{
  color: rgb(48, 48, 48);
  cursor: pointer;
}

.is-pin-display{
  position: absolute;
  right: -10px;
  display: inline-block;
  background: #0074C1;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-top: -15px;
  line-height: 20px;
}

.is-pin-display > i{
  font-size: 10px !important;
}

.pin-detail-badges-container{
  display: flex;
  justify-content: end;
}

.is-pin-display-details{
  position: absolute;
  right: -8px;
  display: inline-block;
  background: #0074C1;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  margin-top: -25px;
  line-height: 27px;
}

.is-pin-display-details > i{
  font-size: 14px !important;
}

.badge{
  text-transform: uppercase !important;
}

.badge-danger{
  border: 1px solid #dc3545;
}

.info-border{
  border: 1px solid #0074C1;
}

.danger-border{
  border: 1px solid #fc4b6c;
}

.warning-border{
  border: 1px solid #ffb22b;
}

.check-list-delete-button, .poll-delete-button{
  position: absolute;
  right: 5px;
  margin-top: -5px;
  font-size: 20px;
  font-weight: 600;
}

.dark-secondary-badge{
  background-color: #616161;
  color: #FFF;
  border: 1px solid #616161;
}

.add-items-circle-button, .poll-add-items-circle-button, .poll-status-button, .close-reach-circle-button, .add-comments-circle-button{
  color: #030303;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  display: inline-block;
  float: right;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}

.column-header-badges > span{
  margin: 0 2px 0px 0px;
}

.breadcrumb-item{
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
}

#breadcrumb > h4{
  text-transform: uppercase;
  font-size: 14px;
  line-height: 16px;
}

.breadcrumb-item > a{
  font-size: 11px;
}

.gallery-helper{
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.colors-preview-box{
  margin-top: 22px;
}

.colors-preview-box > span{
  display: block;
  height: 40px;
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  padding: 10px;
}

.new-attribute-input, .new-amenity-input{
  display: inline-block;
}

.dashboard-process-card{
  z-index: 10;
  min-width: 350px;
}

.extra-sm-btn,.extra-sm-btn:hover{
  padding: 0px 4px;
}

.header-amenity-category{
  height: 32px;
  min-height: 32px;
}

.header-amenity-category-container{
  display: inline-flex;
  width: 85%;
  vertical-align: top;
}

.task-detail-subtasks-qty-border-bottom{
  border-bottom: 2px solid #000;
}

.pin-badges-container > div{
  display: inline-block;
  margin: 0px 3px;
}

.asColorPicker-dropdown{
  max-width: 275px !important;
}

.left-section{
  margin-top: 0.8rem;
}

.entity-hover-container{
  position: absolute;
  display: inline-block;
}

.card-hover-container{
  position: absolute;
  display: inline-block;
}

.pin-dashboard-hover-absolute-position{
  position: relative !important;
  width: 350px;
  z-index: 10;
  overflow: hidden;
}

.card-dashboard-hover-absolute-position{
 position: relative !important;
 height: 100%;
 overflow: hidden;
 z-index: 10;
 background-color: #FFF;
 min-width: 350px;
 max-width: 400px;
}

.notification-header-pending-badge{
  background: #FC4B6C;
  color: #FFF;
  font-size: 9px;
  border-radius: 50%;
  position: absolute;
  height: 15px;
  width: 15px;
  text-align: center;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0px;
  margin-right: -5px;
  margin-top: -5px;
}

.header-pending-badge{
  margin-top: -30px;
  background: #FC4B6C;
  margin-left: 30px;
  color: #FFF;
  font-size: 10px;
  border-radius: 50%;
  position: absolute;
  height: 17px;
  width: 17px;
  text-align: center;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal !important;
}

.dashboard-header-anchor, .updates-header-anchor{
  line-height: 18px;
  font-size: 16px;
  font-weight: 600;
}

.dashboard-header-anchor > i, .updates-header-anchor > i{
  font-size: 26px;
  position: relative;
}

.font-bold{
  font-weight: bold;
}

.font-italic{
  font-style: italic;
}

.font-strike{
  text-decoration: line-through;
}

.big-content-pin-icon{
  font-size: 14px;
  margin-top: 2px;
}

.area-box-hover:hover{
  background-color: #0074C1 !important;
}

.area-box-hover:hover > .generic-box-title{
  color: #FFF !important;
}

.z-100{
  z-index: 100;
}

.poll-radio:not(:checked)+label, .poll-radio:not(:checked)+label, .poll-radio:checked+label, .poll-radio:checked+label{
  height: 0px !important;
  padding: 0px !important;
  z-index: 0 !important;
  line-height: 16px !important;
}

.poll-radio:not(:checked)+label:after, .poll-radio:not(:checked)+label:before {
  opacity: 0 !important;
}

.badge-dark{
  background-color: #3d3d3d !important;
}

.poll-badge{
  padding: 4px 6px !important;
}

.poll-radio.with-gap:checked+label:after, .poll-radio:checked+label:after{
  opacity: 0;
}

.area-template-image-border{
  border: 2px solid #0074C1 !important;
}

.area-multimedia-adjust > img{
  height: 275px;
}

.area-multimedia-light-border-top{
  border-top: 0.5px solid rgba(0,0,0,.125);
}

.main-area-photo{
  background-color: #0074C1 !important;
  color: #FFF !important;
  padding: 2px 4px;
  font-size: 11px;
  position: absolute;
  right: 0;
}

.template-search-box{
  width: 365px !important;
}

.vote-absolute-pos{
  position: absolute;
  right: 45px;
  margin-top: -2px;
}

.remove-poll-vote-button{
  position: absolute;
  right: 8px;
  margin-top: -7px;
  font-size: 20px;
  font-weight: 600;
}

.remove-poll-vote-button a{
  padding: 0px 4px !important;
  background-color: #000;
  border-color: #000;
  color: #FFF !important;
}

.area-from-template-label{
  background-color: #0074C1 !important;
  color: #FFF !important;
  padding: 2px 4px;
  font-size: 11px;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
}

.toggle.btn {
  min-width: 130px;
}

.toggle-handle{
  background-color: #ebebeb;
  border-color: #adadad;
}

.right-100{
  right: 100px !important;
}

.max-guests-container{
  width: 145px;
}

.modal-instructions-content img{
  width: 100% !important;
}

.instance-hour-box{
  background-color: #616161;
  color: #FFF;
}

.dashboard-icon{
  margin-right: 10px;
}

.task-deadline-date{
  font-size: 14px;
  color: #000;
  font-weight: 600;
  text-align: center;
  line-height: 14px;
}

.task-deadline-time{
  font-size: 12px;
  color: #000;
  font-weight: 400;
  text-align: center;
  line-height: 10px;
}

.on-time-deadline-box, .on-time-deadline-badge{
  color: #000000 !important;
  background-color: #8D8D8D;
  border: 1px solid #8D8D8D;
}

.overdue-deadline-box{
  color: #000 !important;
  background-color: #df4759;
  border: 1px solid #df4759;
  height: 45px;
}

.overdue-deadline-badge{
  color: #000 !important;
  background-color: #df4759;
  border: 1px solid #df4759;
}

.default-deadline-box{
  background-color: #8D8D8D;
  border: 1px solid #8D8D8D;
  color: #000;
  min-height: 45px;
}

.default-deadline-badge{
  background-color: #8D8D8D;
  border: 1px solid #8D8D8D;
  color: #000;
}

.min-height-65{
  min-height: 65px;
}

.completed-date-task{
  width: 100%;
  text-align: center;
  font-size: 10px;
  line-height: 6px;
}

.task-instance-min-w{
  min-width: 130px;
  text-align: center;
}

.pending-pin-bg{
  color: #fff;
  background-color: #fc4b6c;
}

.toggle-box-container{
  display: flex;
  border: 1px solid #CCC;
  padding: 1px 8px;
  border-radius: 4px;
  cursor: pointer;
}

.toggle-box-container i{
  font-size: 14px;
}

.dashboard-badge-filter-pad{
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  height: 15px;
  width: 15px;
  text-align: center;
  margin-top: 1px;
}

.filter-default-badge.active{
  background-color: #FFF;
  color: #000;
}

.toggle-box-container.active{
  background-color: #8D8D8D;
  color: #FFFFFF;
  border-color: #8D8D8D;
  box-shadow: inset 0 0 0 1px #8d8d8d, 0 0 2px 1px #8d8d8d;
}

.amis-input-sm{
  height: 30px;
  min-height: 30px;
  font-size: 12px;
}

.small-button-dim{
  height: 30px;
  width: 30px;
  text-align: center;
  padding: 5px 8px 5px 9px;
}


.min-h-90{
  min-height: 90px;
}

.min-h-100{
  min-height: 100px;
}

.default-color-tags-container span:first-of-type{
  background-color: #fff !important;
  color: #777 !important;
  border: 1px solid #777 !important;
}

.default-color-tags-container span > i{
  color: #777 !important;
}

.default-color-tags-container .tag-badge{
  margin-bottom: 0px !important;
}

.detail-deadline-div, .detail-status-div{
  width: 115px !important;
}

.inline-content-container{
  padding: 10px;
  margin: 10px;
  z-index: 9999999999999;
  background: #FFF;
  border: 1px dashed #CCC;
}

.inline-gui-cancel{
  display: block;
  margin-left: auto;
  margin-right: 15px;
}

.popover{
  z-index: 4005;
}

.dtp, .select2-dropdown {
  z-index: 9999999999999;
}

.pin-new-pin{
  right: 25px;
  color: #FFF;
  font-size: 16px;
}

.pins-boxes, .cards-boxes{
  display: inline-block;
}

.right-list-container{
  width: 50%;
  padding: 5px 15px;
}

.right-checkbox + label{
  line-height: 15px !important;
}

.m-t-0{
  margin-top: 0px;
}

.m-t-30{
  margin-top: 30px;
}

.set-all-rights-btn-container, .remove-all-rights-btn-container{
  margin-top: 3px;
  display: inline-block;
}

.set-all-rights-btn-container button, .remove-all-rights-btn-container button{
  padding: 0px 4px !important;
}

.instance-detail-row{
  margin: 0px;
  background-color: #FFF;
}

.instance-detail-buttons{
  display: block;
  text-align: right;
  margin-bottom: 10px;
}

.amis-light-bg{
  background: #F7F9FB !important;
}

.label-secondary{
  background-color: #616161;
}

.fit-content{
  width: fit-content;
}

.box-center-container{
  margin-top: 10px;
}

.box-rights-badge{
  text-align: center;
  height: 20px;
  font-size: 10px;
  margin-left: 5px;
  margin-top: -3px;
  padding: 2px 4px;
}

.line-height-14{
  line-height: 14px;
}

.generic-box.selected, .access-generic-box.selected{
  margin-top: 1.5rem;
  border-bottom-color: #DEDEDE;
}

/* .generic-box.selected::after{
  content: '';
  position: absolute;
  bottom: -2px;
  background: #FFF;
  width: 100%;
  height: 5px;
  right: 0px;
  left: 0px;
} */

.blueprint-upload-button{
  position: absolute;
  right: 35px;
  top: 3px;
  padding: 4px 8px;
}

.delete-blueprint-button{
  position: absolute;
  right: 3px;
  top: 3px;
  padding: 4px 8px;
}

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

.area-box-from-template{
  background-color: #0074C1 !important;
  color: #FFF !important;
  padding: 2px 4px;
  font-size: 11px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}

.area-box-type{
  padding: 2px 4px;
  font-size: 11px;
  display: inline-block;
}

.left-95{
  left: 95px;
}

.absence-extraordinary-setting-btn{
  height: 22px;
  width: 25px;
  text-align: center;
  padding: 0px 0px 5px 1px;
  margin-top: 1px !important;
}

.area-box-setting-btn{
  height: 20px;
  width: 25px;
  text-align: center;
  padding: 0px 0px 5px 1px;
  margin-top: 2px;
}

.employee-box-setting-btn, .service-box-setting-btn{
  height: 23px;
  width: 25px;
  text-align: center;
  padding: 0px 0px 5px 0px;
  margin-top: 0px;
}


.area-box-setting-btn > i, .absence-extraordinary-setting-btn > i, .employee-box-setting-btn > i, .service-box-setting-btn > i{
  font-size: 10px !important;
}
.service-box-setting-btn > i{margin-right: 1px;}

.area-box-setting-btn::after, .absence-extraordinary-setting-btn::after, .employee-box-setting-btn::after{
  margin-top: 7px;
  margin-left: -2px;
}

.available-label{
  font-size: 14px;
  color: #000;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0px;
}

.blueprint-img-container{
  display: inline-block;
}

.back-button{
  padding: .375rem .75rem !important;
}

.child-area-select{
    background: #F7F9FB;
    padding: 10px;
    border: 1px solid #CCC;
}

.child-area-select-close-btn{
  color: red;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
  float: right;
  margin-top: -6px;
  cursor: pointer;
}

.choose-area-radio{
  margin-top: -2px;
  margin-right: 5px;
}

.mx-015{
  margin-left: .15rem !important;
  margin-right: .15rem !important;
}

.filter-btn-pad{
  padding: 6px 12px !important;
}

.area-circle-text{
  align-self: center;
  font-weight: 600;
  text-transform: uppercase;
}

.area-detail-card{
  max-width: 400px;  
  z-index: 1;
}

.card-area-detail-close-btn{
  margin-top: -18px;
  text-align: right;
  margin-right: 5px;
  cursor: pointer;
}

.card-area-detail-close-btn i{
  font-size: 16px;
}

.area-detail-header{
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.box-footer{
  margin-top: 10px;
}

.bp-area-delete-btn{
  position: absolute;
  bottom: 0;
  right: 0px;
}

.figure-container > img{
  width: 30px;
}

hr:not([size]) {
  height: 0px;
}

.height-0{
  height: 0px !important;
}

.card-details-nav-tabs > li > a, .employees-nav-tabs > li > a, .account-nav-tabs > li > a, 
.attendances-report-nav-tabs > li > a, .payroll-nav-tabs > li > a, .folder-nav-tabs > li > a, .my-profile-nav-tabs > li > a,
.client-nav-tabs > li > a{
  color: #3d3d3d !important;
}

.area-box > .generic-box{
  min-height: 105px !important;
}

.fs15{
  font-size: 15px;
}

.pin-date-container{
  border: 1px solid #CCC;
  padding: 10px;
  position: absolute;
  z-index: 5;
  background: #FFF;
  width: 250px;
}

.mobile-logo{
  margin: 0px auto !important;
}

.dashboard-summary-header{
  display: flex;
}

.area-level-number{
  position: absolute;
  background: #000;
  color: #FFF;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  text-align: center;
  font-weight: 400;
  line-height: 15px;
  font-size: 12px;
}

.card-row-border{
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.card-row-column{
  padding:0.5rem;
  margin-left: 0.5rem;
}


.card-row-title{
  font-size: 12px;
  color: #404040;
  font-weight: 400;
  line-height: 12px;
  margin: 0.35rem 0px;
}

.card-row-deadline-box{
  height: 100%;
  width: 70px;
}
.card-row-status-box{
  width: 150px;
  height: 100%;
}

.card-row-deadline-date{
  font-size: 12px;
  color: #FFF;
  font-weight: 400;
  text-align: center;
  line-height: 5px;
  margin-top: 22px;
}

.modal-fullscreen {
  width: 100vw !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
}

#fullscreen_modal{
  background: #FFF;
}

.modal-fullscreen .modal-body{
  overflow-y: visible
}

.remove-box-border-bottom{
  position: absolute;
  bottom: -2px;
  background: #FFF;
  width: 100%;
  height: 5px;
  right: 0px;
  left: 0px;
}

.lh14{
  line-height: 14px;
}

.card-row-badges > span, .card-row-tags-container > span{
  font-size: 10px;
  padding: 2px;
}

.modalbox{
  z-index: 1051;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  background-color: #FFF !important;
  border-color: #67757c !important;
  color: #67757c;
}

.folder-reach-container{
  margin-top: 0 !important;
  padding-top: 0px !important;
  box-shadow: none !important;
}

.setting-toggle-container{
  display: inline-block;
}

.dashboard-icon-toggle{
  top: 2px;
}

.save-changes-btn, .save-changes-btn:hover{
  background: #0074C1;
  color: #FFF !important;
}

.discard-changes-btn, .discard-changes-btn:hover{
  border: 1px solid #a1aab2 !important;
  color: #0074C1 !important;
}

.remove-question-btn, .remove-question-btn:hover{
  border: 1px solid rgb(255, 86, 48) !important;
  color: rgb(255, 86, 48) !important;
  padding: 1px 6px !important;
  font-size: 11px !important;
}

.settings-switch{
  width: calc(5px + 3px) !important; 
}

.setting-toggle-container{
  /* width: 65px !important;  */
}

.label-setting{
  padding-right: 0px;
}

.absence-header{
  border-bottom: 1px solid #CCC;
  padding-bottom: 6px;
}

.irregular-header{
  border-bottom: 1px solid #CCC;
  padding-bottom: 6px;
  display: inline-block;
  width: 100%;
}

.absence-reason-label{
  display: inline-block;
  height: 20px;
}

.absence-box-setting-btn{
  height: 25px;
  width: 30px;
  text-align: center;
  padding: 0px 0px 1px 1px;
  margin-top: 2px;
}

.absence-box-setting-btn::after {
  margin-top: 7px;
  margin-left: 2px;
}

.red-card-border-top{
  border-top: 5px solid #fc4b6c !important;
}

.orange-card-border-top{
  border-top: 4px solid #FFA500!important;
}

.article-classifications-container{
	background:#F7F9FB;
  padding: 25px;
}

.new-absences-extraordinaries-btn{
  width: 50px;
  padding: 2px 4px;
  font-size: 10px;
  text-transform: uppercase;
}

.new-absences-extraordinaries-btn::after{
  margin-left: 0px;
}

.normal-link{
  color: #0000EE !important;
  font-size: 12px !important;
}

.folder-tags-container > span{
  font-size: 9px;
}

.overflow-hidden{
  overflow: hidden !important;
}

.absences-and-extraorinaries-container{
}

.absence-card-box, .extraordinary-card-box{
  max-width: 350px;
}

.right-group-title-container{
  border-bottom: 1px solid #CCC;
  padding-bottom: 3px;
}

.right-box-description{
  font-size: 11px;
  color: #777777;
}

.right-box, .manage-right-box{
  min-height: 100px;
}

.right-box > .card-body, .manage-right-box > .card-body{
  padding-top: 25px;
}



.employee-work-container{
  margin-top: 10px;
}

.custom-timepicker-table th{
  font-size: 12px !important;
}

.custom-timepicker-table tr > td{
  padding: 0px !important;
  width: 30px !important;
  border: 1px solid #CCC !important;
}

.custom-timepicker-table{
  min-height: 0 !important;
}

.meridian-picker-container{
  margin-bottom: 5px !important;
}

.custom-time-picker-container{
  display: inline-block !important;
}

.group-button-container{
  display: inline-block;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
  margin-top: 0px;
}

.select2-container .select2-selection--multiple{
  min-height: 41px !important;
}

.advanced-content-div > table > tbody > tr > td{
  border: 1px solid rgb(128, 128, 128) !important;
}

.advanced-content-div > table{
  width: 100% !important;
  table-layout: fixed;
  display: table;
}

.pulled-right-checkbox{
  display: inline-block;
  float: right;
  margin-top: -2px;
  font-size: 12px;
  text-transform: uppercase;
  color: #000;
}

.pulled-right-checkbox > label{
  font-size: 12px;
}


.is-pin-detail-icon{
  font-size: 18px;
  margin-right: 5px;
  margin-top: 2px;
}

.pinned-icon, .is-pin-detail-icon:hover{
  color: #0074C1 !important;
}

.advanced-content-title{
  border-bottom: 2px solid #181818;
  width: 100%;
  display: block;
  margin-bottom: 15px;
  padding-bottom: 4px;
}

.pin-badges-container > div:last-child{
  margin-right: 0px !important;
}

.pin-badges-container > div:first-child{
  margin-left: 0px !important;
}

.pin-external-entity-badge{
  overflow-wrap: break-word;
  white-space: break-spaces;
}

.pin-document-div:not(:first-child){
  margin-top: 1rem;;
}

.folder-setting-label{
  text-transform: uppercase;
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  width: 105px;
  margin-left: 5px;
}

.reach-shortcuts-container{
  display: inline-block;
}

.reach-shortcuts-container > a{
  color: #009efb!important;
  margin: 5px 0px 0px 15px;
  text-transform: uppercase;
  font-size: 10px !important;
}

.calendar-header{
  color: #000;
  font-family: "Poppins",sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18.4px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: start;
}

.date-container-days{
  font-family: "Poppins",sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-align: start;
  line-height: 18.4px;
}

.dow .no-highlight{
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  display: block;
  font-family: "Poppins",sans-serif;
  font-size: 16px;
  font-weight: 300;
  justify-content: center;
  line-height: 18.4px;
}

.tempus-dominus-widget .toolbar{
  color: #000;
  font-family: "Poppins",sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 18.4px;
}

.tempus-dominus-widget .toolbar div, .tempus-dominus-widget .date-container-decades div:not(.no-highlight), .tempus-dominus-widget .date-container-years div:not(.no-highlight), .tempus-dominus-widget .date-container-months div:not(.no-highlight), .tempus-dominus-widget .date-container-days div:not(.no-highlight), .tempus-dominus-widget .time-container-clock div:not(.no-highlight), .tempus-dominus-widget .time-container-hour div:not(.no-highlight), .tempus-dominus-widget .time-container-minute div:not(.no-highlight), .tempus-dominus-widget .time-container-second div:not(.no-highlight){
  align-items: center;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  color: #000;
  cursor: pointer;
  display: flex;
  font-family: "Poppins",sans-serif;
  font-size: 16px;
  font-weight: 300;
  justify-content: center;
  line-height: 18.4px;
}

.tempus-dominus-widget .time-container-clock{
  color: #000;
  display: grid;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18.4px;
}

.autocomplete-items {
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  color: #000
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.update-view-date-title{
  color: #000 !important;
  text-transform: uppercase;
}

.update-card-view-date-title{
  color: #FFF !important;
  background-color: #000;
  text-transform: capitalize;
}

.process-legend-tooltip{
  visibility: hidden;
  width: max-content;
  left: 50%;
  margin-left: -175px !important;
  background-color: black;
  color: #fff;
  padding: 5px;
  border-radius: 6px;
  text-align: left;
  position: absolute;
  z-index: 2;
  top: 110% !important;
  bottom: -30px !important;
}

.color-picker-container{
  width: 350px;
  background: #F7F9FB;
  box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 31%) 0px 0px 1px;
  padding: 5px 3px;
}

.light-gray-bg{
  background-color: #CCC !important;
}

.color-picker-box{
  display: inline-block;
  margin: 5px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #CCC;
  position: relative;
  cursor: pointer;
}

.color-picker-box > i{
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%, 50%);
  font-size: 14px;
}

.folder-list-title{
  font-size: 18px;
  padding: 10px;
  display: block;
}

.card-row-badges > span{
  margin-bottom: 0.25rem !important;
}

.card-pins-box{
  background-color: #dc3545;
  color: #FFF;
  width: 90px !important;
  min-width: 90px !important;
  position: relative;
}

.card-pins-box > i{
  font-size: 25px;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%, 50%);
}

.box-pending-pins{
  font-size: 32px !important;
  line-height: 18px !important;
}

.simple-row-deadline-badge{
  margin: 0 0 0.5rem 0 !important;
}
.cards-summaries{
  display: inline-block;
}

.add-new-btn-group{
  margin-top: 10px;
  margin-right: 10px;
  display: inline-block;
}
.add-new-toggle:focus, .add-new-toggle:hover{
  color: #FFF !important;
}

.add-new-dropdown{
  top: -10px !important;
}

.add-new-toggle::after {
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0;
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.btn-info.focus, .btn-info:focus{
  box-shadow: none !important;
}

.card-update-highlight{
  border: 1px dashed #CCC !important;
  padding: 10px;
}

.calendar-entities-border{
  border-left: 1px dashed #CCC !important;
  padding: 10px;
}

.w-70{
  width: 70%;
}

.next-status-arrow{
  font-size: 28px;
  line-height: 0;
  display: inline-block;
  vertical-align: sub;
}

.card-row-pending-pins-box{
  color: #fff;
  background-color: #fc4b6c;
  padding: 10px;
}

.blocks-dashboard-view{
  display: flex;
  justify-content: start;
  flex-direction: row;
  overflow-x: auto;
}

.folder-info-hover-container{
  position: absolute;
  width: 100%;
  z-index: 2;
}

.only-block-updates-container{
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  position: absolute;
  margin-top: 6px;
}

.gallery-carousel-icon{
  height: 30px !important;
  width: 30px !important;
  background-size: 100% !important;
}

.big-z-index{
  z-index: 100000 !important;
}

.carousel-control-next, .carousel-control-prev{
  border-radius: 50%;
  width: 50px !important;
  height: 50px !important;
  border: 1px solid #CCC;
}

.last-update-buttons-container{
  position: absolute;
  right: 0;
  padding: 5px;
}

.gantt_task_content {
  text-align: left;
  left: 5px;
}

.pin-lat-space{
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.gantt_add, .gantt_last_cell{
  display: none;
}



/* .gantt_layout_cell{
  width: 100% !important;
} */

.employee-image-container{  
  margin-top: -15px;
}

.employee-image-container img{
  width: 90px;
  height: 90px;
}

.gallery-img{
  border-radius: 4px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 90px;
  width: 90px;
  outline: black;
  background-size: 100%, 100%;
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 60px;
  color: #616161;
  font-weight: 500;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 60px;
  color: #616161;
  font-weight: 500;
}

.right-group-row-modal{
  margin: -31px 0px 20px 3px !important;
}

.employee-details-btn i{
  margin-top: 4px;
  font-size: 12px !important;
}

.employee-details-btn:hover{
  color: #FFF !important;
}

.circle-css{
  border-radius: 50% !important;
}

.border-bottom-thick{
  border-bottom: 0.5px solid #EEE !important;
}

.employee-box-title-display-name{
  line-height: 10px;
  font-size: 16px;
  font-weight: 700;
}

.fc-toolbar .fc-button.fc-state-active{
  background: #0074C1 !important;
  color: #fff !important;
}

.fc-toolbar .fc-button{
  background: #fff;
  color: #0074C1;
}

.block-card{
  margin-right: 15px;
}

.block-card:last-child{
  margin-right: 0px;
}

.blocks-d-flex{
  display: flex;
}

.toast {
  background-color: #030303;
}
.toast-info {
  background-color: #3276b1;
}
.toast-info2 {
  background-color: #2f96b4;
}
.toast-error {
  background-color: #bd362f;
}
.toast-success {
  background-color: #51a351;
}
.toast-warning {
  background-color: #f89406;
}

.list-status-box{
  min-width: 125px;
  width: 125px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  line-height: 16px;
  flex-direction: column;
  border: 10px solid #FFF !important;
  padding: 0px 5px;
}

.card-count-info, .task-count-info{
  position: absolute;
  right: -5px;
  top: -6px;
  font-size: 11px;
  color: #fff;
  background-color: #00a5ff;
  width: 16px;
  text-align: center;
  border-radius: 50%;
}

.clear-card-filter-btn{
  color: rgb(239, 83, 80);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;
  display: inline-block;
}
.no-notifications-option{
  padding: 5px;
  background-color: rgb(255, 86, 48);
  color: #FFF;
  margin: 10px 0px;
}

.carousel-buttons{
  position: absolute;
  bottom: 3%;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 9999;
  left: 0;
}

.carousel-control-next, .carousel-control-prev{
  position: initial;
  background: #FFF;
}

.carousel-btn, .carousel-btn-sm{
  border-radius: 50% !important;
  width: 50px !important;
  height: 50px !important;
  border: 1px solid #CCC !important;
  position: initial !important;
  background: #FFF;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  text-align: center;
  opacity: .7 !important;
  transition: opacity .15s ease;
  color: #666666 !important;
}

.carousel-btn-sm{
  width: 30px !important;
  height: 30px !important;
}

.carousel-btn:hover{
  opacity: 1;
}

.amis-square-btn-sm{
  width: 35px !important;
  height: 35px !important;
  border: 1px solid #CCC !important;
  position: initial !important;
  background: #FFF;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: .5 !important;
  transition: opacity .15s ease;
}

.amis-square-btn-lg{
  width: 100px !important;
}

.amis-square-btn-sm:hover{
  opacity: 1 !important;
  color: #3d3d3d !important;
}

.carousel-btn > i{
  font-size: 20px;
}

.carousel-btn-sm > i{
  font-size: 14px;
}

.carousel-action-btns{
  display: flex;
}

.email-app{
  margin-left: -30px;
}
.email-app .list-group .list-group-item {
  background: transparent; 
}
.email-app .list-group .list-group-item .list-group-item-action {
  padding: 8px 15px;
  color: #67757c; 
}

.email-app .list-group .list-group-item .list-group-item-action:hover, .email-app .list-group .list-group-item .list-group-item-action.active {
  background: rgba(0, 0, 0, 0.03); 
}

.logs-app-container .list-group .list-group-item .list-group-item-action {
  padding: 8px 15px !important;
}

.email-app .email-table {
  table-layout: fixed; 
  position: relative;
}
.email-app .email-table .selected {
  background: #fff8e1; 
}
.email-app .email-table .chb {
  width: 50px; 
}
.email-app .email-table .time {
  width: 145px;
  font-size: 14px; 
}
.email-app .email-table .starred,
  .email-app .email-table .clip {
  width: 25px; 
}
.email-app .email-table .user-image {
  width: 45px; 
}
.email-app .email-table .user-name {
  width: 130px; 
}
.email-app .email-table .user-name .m-b-0 {
  font-weight: 300; 
}
.email-app .email-table .unread .m-b-0,
  .email-app .email-table .unread .max-texts {
  font-weight: 500; 
}

.unread{
  font-weight: 500; 
}

.left-part {
  position: absolute;
  height: 100%;
  min-height: 900px;
  width: 260px;
  border-right: 1px solid #e9ecef;
  background-color: #eef5f9;
  border-top-left-radius: 10px;
}
.left-part.fixed-left-part {
  position: fixed;
  top: 0;
  padding-top: 10px; 
}
.left-part .show-left-part {
    position: absolute;
    top: 45%;
    right: -41px; 
  }

.scrollable {
  position: relative; 
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; 
  list-style: none;
}

.list-group-item-action {
  width: 100%;
  color: #4F5467;
  text-align: inherit; 
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #4F5467;
  text-decoration: none;
  background-color: #f2f4f8; 
}
.list-group-item-action:active {
  color: #67757c;
  background-color: #e9ecef; 
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); 
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; 
}
.list-group-item:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; 
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
 }
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0074C1;
  border-color: #0074C1; 
}
.list-group-item + .list-group-item {
  border-top-width: 0; 
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px; 
}

.list-group-horizontal {
  flex-direction: row; 
}
.list-group-horizontal .list-group-item:first-child {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0; 
}
.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0; 
}
.list-group-horizontal .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0; 
}
.list-group-horizontal .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px; 
}

.ps-container {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden!important;
  -ms-overflow-style: none;
}

html body .font-weight-medium {
  font-weight: 500;
}
.email-app .list-group .list-group-item {
  background: 0 0;
}

.email-app .list-group .list-group-item .list-group-item-action.active, .email-app .list-group .list-group-item .list-group-item-action:hover {
  background: rgba(0,0,0,.1);
}


.list-group-item-action {
  width: 100%;
  color: #4f5467;
  text-align: inherit;
}

.feather-sm {
  width: 18px;
  height: 18px;
}

.feather-md{
  width: 30px;
  height: 30px;
}

.fill-white {
  fill: rgba(255,255,255,.1);
}

.ps-container>.ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  opacity: 0;
  -webkit-transition: background-color .2s linear,opacity .2s linear;
  -o-transition: background-color .2s linear,opacity .2s linear;
  -moz-transition: background-color .2s linear,opacity .2s linear;
  transition: background-color .2s linear,opacity .2s linear;
  bottom: 0;
  height: 15px;
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  position: absolute;
  background-color: rgba(0,0,0,.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
  transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;
  -o-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
  -moz-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
  transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
  transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;
  bottom: 2px;
  height: 6px;
}

.right-part {
  width: calc(100% - 230px);
  margin-left: 260px;
  height: 100%;
  min-height: 900px;
}

.border-bottom {
  border-bottom: 1px solid #e9ecef!important;
}

.border-green{
  border: 1px solid #18870C !important;
}

.email-divider-title{
  color: #67757c;
  font-size: 13px;
  font-weight: 500;
}

.mail-list{
  margin-top: -30px;
}

.email-table td{
  border-bottom: 1px solid rgb(232, 238, 243);
}

.material-inputs+label{
  color: #67757c !important;
}

.sidebar-nav ul li.nav-small-cap{
  color: #FFF;
}

.notification-detail{
  position: absolute;
  padding: 15px;
  z-index: 2;
  width: 100%;
}

.notification-body{
  margin: 10px 0px;
  font-size: 14px;
  color: #000;
}

.notification-footer{
  text-align: end;
}

.notification-footer > a{
  padding: 5px;
}

.notification-footer > a{
  margin: 0 10px;
}

.batch-action-buttons > div.btn-group > button{
  width: 35px !important;
  height: 35px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.batch-action-buttons > div.btn-group > button > i{
  font-size: 15px !important;
}

.notify .point {
  width: 6px;
  height: 6px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #fc4b6c;
  position: absolute;
  right: 0px;
  top: -4px;
}

.takeover-notify{
  position: absolute;
  top: 7px;
  right: 15px;
}

.card-subscription-box{
  background-color: #CCC;
  color: #000;
  padding: 4px 12px;
  text-transform: none;
  border: 1px solid #000;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}

.notification-date-title{
  color: #000 !important;
  font-size: 16px;
  font-weight: 900;
  margin-top: 25px;
}

.notification-card{
  margin-bottom: 10px;
  border-radius: 10px !important;
  display: flex;
  width: 100%;
  cursor: pointer;
}

.notification-card-body{
  padding: 10px;
  display: flex;
  align-items: center;
}

.notification-message-div{
  display: inline-block;
}

.notification-date-div{
  display: inline-block;
  margin-left: auto;
  font-size: 14px;
  font-weight: 400;
}

.list-pin-date-div{
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  margin-top: 0px;
  text-transform: uppercase;
}

.notification-type-icon{
  width: 30px;
  height: 30px;
  color: #777777;
  background: #fff;
  padding: 2px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  border: 1px solid #777;
  font-size: 16px;
  margin-right: 5px;
}

.notification-star{
  font-size: 16px;
  margin-right: 15px;
  cursor: pointer;
}

.notification-target-container{
  display: inline-block;
}

.page-wrapper>.container-fluid{
  min-height: calc(100vh - 130px);
}

.h-100vh{
  height: 100vh !important;
}

.gallery-update-info-top{
  position: absolute;
  bottom: 55px;
  background-color: #FFF;
  padding-top: 2px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 5px !important;
  width: 50%;
}

.gallery-update-info-bottom{
  position: absolute;
  right: 40px;
  background-color: #FFF;
  padding-top: 2px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-bottom: 5px !important;
}



.gallery-update-info-btn{
  position: absolute !important;
  right: -10px;
  top: -10px;
  width: 25px !important;
  height: 25px !important;
  cursor: pointer;
}

.gallery-image-buttons-container{
  position: absolute;
  right: 0;
  padding: 5px;
}

.gallery-image-buttons-container > a{
  width: 25px !important;
  height: 25px !important;
}

.gallery-image-buttons-container > a > i{
  font-size: 12px !important;
}


.add-new-btn-group > button > i{
  font-size: 12px !important;
}

.add-new-toggle{
  padding: 2px 4px;
}

.sidebar-nav ul li a.active {
  color: #FFF;
  font-weight: 900;
}

.carousel-header-btn{
  width: 30px !important;
  height: 30px !important;
}

.multimedia-save-desc-container, .card-detail-multimedia-save-desc-container{
  text-align: center;
  margin: 5px 0px;
  display: none;
}

.multimedia-description-container{
  position: absolute;
  bottom: 5px;
  background: #FFF;
  color: rgb(161, 161, 161);
  font-weight: 400;
  padding: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 98%;
  font-size: 10px;
}

.amis-fs-button{
  border: 1px solid #CCC;
  color: #000;
  opacity: 1;
  font-weight: 500;
}

.amis-fs-button > i{
  color: #000;
  font-weight: 500;
}

.w-45{
  width: 45% !important;
}

.w-35{
  width: 35% !important;
}

.scroll-sidebar{
  margin-top: 1rem;
}

.card-filter-btn-option, .task-filter-btn-option{
  top: -5px !important;
}

.calendar-event-filter-btn-group, .card-filter-btn-group, .task-filter-btn-group, .credential-filter-btn-group, .folder-filter-btn-group, .folder-supervision-filter-btn-group, .supervision-projects-filter-btn-group, .other-works-filter-btn-group{
  margin-right: 5px;
} 

.SfxModal-Wrapper, .irqiqJ, .kVmiSa{
  z-index: 100000 !important;
}

.FIE_save-file-name-input{
  pointer-events: none;
}

.amis-fullscreen-button{
    width: 100% !important;
    height: 30px !important;
    border: 1px solid #777 !important;
    position: initial;
    background: #FFF;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
    color: #777 !important;
}

.FIE_save-file-name-input, .SfxSelect-Container{
  display: none !important;
}

.light-border{
  border: 0.5px solid #F5F5F5;
}

.align-super{
  vertical-align: super !important;
}

.FIE_save-quality-wrapper{
  display: none !important;
}

.new-entity-btn{
  background: #000;
  color: #FFF !important;
  display: inline-flex;
  font-size: 12px !important;
  padding: 4px 10px;
  border-radius: 5px;
  margin-top: 9px;
  margin-right: 8px !important;
  margin-left: 8px !important;
  font-weight: 400;
}

.new-entity-btn > i{
  margin-top: 3px;
  margin-right: 4px;
  font-size: 11px;
}

.new-entity-btn::after, .header-action-dropbtn::after{
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-top: 7px;
}

.todo-title{
  color: #000;
  font-size: 24px;
  font-weight: 600;
}

.todo-input-container{
  padding: 25px;
}

.my-todo-content::placeholder, .article-type-attribute::placeholder { 
  color: #CCC;
}

.my-todo-content{
  height: 45px;
}

.todo-list-container{
  padding: 0px 25px 0px 25px;
  margin-bottom: 15px;
}

.my-todo-item > label{
  color: #000;
  font-size: 18px;
}

.my-todo-item > label:before, .my-todo-item > [type=checkbox]:not(.filled-in)+label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 25px;
  height: 25px;
  z-index: 0;
  border: 2px solid #000;
  border-radius: 1px;
  margin-top: 0px;
  transition: .2s;
}

.my-todo-item > [type=checkbox]+label {
  padding-left: 35px;
  line-height: 24px;
}

.my-todo-item > [type="checkbox"]:checked + label:before{
  top: -2px;
  left: -2px;
}

.my-todo-item-container{
  margin: 10px 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 0px;
  position: relative;
  text-align: left;
}

.my-todo-item{
  display: inline-block;
}

div.my-todo-item-container:first-of-type{
  margin-top: 0px;
}

.danger-anchor:hover{
  color: #fc4b6c !important;
}

.warning-anchor:hover{
  color: #ffb22b !important;
}

.todo-edit-btn{
  width: 35px;
  height: 35px;
  margin-left: 5px;
  margin-top: 0px;
  font-size: 14px;
  line-height: 25px;
}

.show-only-my-cards-container, .calendar-toggle-button-container{
  margin-left: 20px;
  margin-top: 5px;
  display: inline-block;
}

.show-only-my-cards-container > span, .calendar-toggle-button-container > span{
  font-size: 16px;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 10px;
}

.show-only-my-cards-checkbox, .show-pending-pins-checkbox, .show-only-my-entities-checkbox{
  position: static !important;
  left: auto !important;
  opacity: 1 !important;
  transform: scale(2); 
}

.amis-support-link{
  display: block;
  margin-top: 9px;
  margin-right: 8px;
  margin-left: 8px;
}

.amis-support-link > img{
  width: 24px;
}

.pending-pins-button{
  color: #16181b;
}

.tui-image-editor-container.left .tui-image-editor-menu > .tui-image-editor-item[title]:after{
  display: inline-table;
}

.tui-image-editor-container .tui-image-editor-icpartition{
  background-color: #FFF;
}

.task-instance-reach-divider{
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  border-bottom: 1px solid #CCC;
  width: 100%;
  display: block;
  padding-bottom: 3px;
  padding-left: 12px;
  font-size: 14px;
}

.dataTables_filter > label > input{
  min-height: 32px;
  height: 32px;
  background-color: rgb(241, 241, 241) !important;
  border: 1px solid rgba(69, 69, 70, 0.32) !important;
  color: #777777 !important;
}

.dataTables_filter > label > input:focus{
  color: #54667a;
  background-color: #fff;
  border-color: rgba(0,0,0,.25);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
  background-color: #FFF !important;
  font-size: 14px;
}

.html2canvas-container { width: 3000px !important; height: 3000px !important; }

table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:after{
  opacity: 1;
}

.dataTables_filter input{
  background-image: none !important;
}

table.dataTable thead th, table.dataTable thead td{
  border-bottom: none;
}

.opened-task-row{
  border: 1px solid #616161;
  border-top-width: 1px;
  padding: 10px 25px 25px 25px;
}

.border-radius-top{
  border-radius: 5px 5px 0px 0px !important;
}

.checkbox-right-label{
  color: #777 !important;
  opacity: 1 !important;
}

.shared-link-card-customer{
  padding: 0.5rem 0.5rem 0.5rem 0rem !important;
  display: inline-block;
}

.close-action-container-button{
  display: inline-block;
  margin-bottom: 5px;
}

.modal-task-instance-details-actions-inner-container{
  padding: 5px 25px 25px 25px;
  border: 1px dashed;
  margin: 15px;
}

 .department-row {
  border: 1px solid #616161;
  border-top-width: 1px;
  padding: 10px 25px 25px 25px;
}

.supervision-card-row-border{
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;
}

.supervision-card-row-border:last-child{
  border-bottom: 1px solid #CCC;
}

.dashboard-calendar-button{
  border: 1px solid #455a64 !important;
}

.dashboard-calendar-button > button, .dashboard-calendar-button > button > span{
  color: #455a64 !important;
}

.gray-color{
  color: #455a64 !important;
}

.gray-border{
  border: 1px solid #455a64;
}

.dashboard-entities > .modal-task-instance-row{
  border: 1px solid #DEDEDE;
}

.completed-with-issue-btn, .completed-with-issue-btn:hover{
  background-color: #2480C8;
  border: 2px solid #fc4b6c;
  color: #FFF !important;
}

.dashboard-entities > .card-container a, .dashboard-entities > .card-container{
  pointer-events: none;
  cursor: default;
}

.custom-card-radius{
  border-radius: 8px !important;
}

.brown-badge{
  background-color: #795548;
  border: 1px solid #795548;
}

.indigo-badge{
  background-color: #3F51B5;
  border: 1px solid #3F51B5;
}

.cream-badge{
  background-color: #fff8e1;
  border: 1px solid #c9b677;
  color: #616161;
}

.dashboard-calendar-icon{
  border: 1px solid #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #000;
  color: #FFF;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 2px;
  margin: 0px 1px;
  font-size: 12px;
}

.dashboard-calendar-icon > span{
  display: inline-block;
  font-size: 18px;
  margin-left: 5px;
  margin-top: -2px;
}

.dashboard-calendar-entity-count{
  position: absolute;
  font-size: 10px;
  background: #ffb22b;
  color: #000;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  text-align: center;
  margin-top: -3px;
  margin-left: 10px;
}

.dashboard-calendar-entity-container > div:not(:first-child){
  margin-left: 14px;
}


.dashboard-pins-container, .dashboard-important-pins-container{
  flex-direction: row;
  justify-content: start;
  display: flex;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info{
  background-color: #0074C1;
  color: #FFF;
}

.close-calendar-preview-btn{
  position: absolute;
  right: -5px;
  border-radius: 50%;
  margin-top: -5px;
  background: #fc4b6c;
  color: #FFF;
  border: none;
}

.border-radius-10{
  border-radius: 10px;
}

.calendar-entities-preview{
  pointer-events: none;
}

.preview-entity-divider{
  border-bottom: 1px dashed #DEDEDE;
  margin-top: 0px;
  margin-bottom: 5px;
}

.amis-datepicker-container{
  display: inline-block;
  max-width: 300px;
  padding: 10px;
  min-width: 175px;
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 180px;
}

.recurrence-calendar{
  display: inline-block;
  padding: 10px;
  margin: 20px 0px;
  min-height: 260px;
  min-width: 300px;
}

.recurrence-calendar-month{
  width: 40px;
  height: 40px;
  border: 1px solid #DEDEDE;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}

.recurrence-calendar-day, .calendar-day, .calendar-hour, .calendar-minute{
  width: 40px;
  height: 40px;
  border: 1px solid #DEDEDE;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
}

.calendar-day{
  width: 25px !important;
  height: 25px !important;
}

.calendar-hour{
  width: 30px !important;
  height: 30px !important;
}

.calendar-minute{
  width: 30px !important;
  height: 30px !important;
}

.recurrence-calendar-month{
  width: 68px;
  height: 68px;
}

.focus-calendar-day.active, .recurrence-calendar-day.active, .calendar-day.active, .calendar-hour.active, .calendar-minute.active{
  background-color: rgb(239, 83, 80);
  color: #FFF;
}

.recurrence-calendar-month.active{
  background-color: rgb(187, 222, 251);
  color: #000;
}

.months-of-year-container{
  display: inline-block;
}

.recurrence-calendar-title{
  color: #000;
  font-weight: 500;
  font-size: 16px;
  display: block;
  margin-bottom: 5px;
}

.light-warning-bg{
    background-color: rgba(255, 196, 0, 0.2);
}

.dataTables_wrapper .dataTables_filter input{
  width: 250px;
}

#recurrencesTable > tbody > tr > td, #recurrencesTable > thead > tr > th{
  font-size: 11px !important;
}

.help-message-input::before{
  font-family: "Font Awesome 5 Free";
  content: '\f05a';
  display: inline-block;
  font-weight: 900;
  padding-right: 3px;
  color: rgb(7, 71, 166);
  font-size: 14px;
}

.help-message-input{
  background: #F7F9FB;
  padding: 10px;
  margin: 5px 15px;
  width: fit-content;
  color: #000;
  display: none;
}

.help-button, .help-button:hover{
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: rgb(7, 71, 166);
  color: #FFF;
  font-size: 20px;
  line-height: 16px;
}

.help-button > span{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  padding-left: 1px;
}

.frequency-radio-button{
  height: 40px !important;
  line-height: 36px !important;
  background-color: #616161 !important;
  border-color: #616161 !important;
}

.custom-day-message{
  font-size: 9px !important;
  width: 49px;
  height: 49px;
  color: #000;
}

.days-before-box{
  border: 1px solid #DEDEDE;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-right: 10px;
}

.days-before-box.active{
  background-color: rgb(239, 83, 80);
  color: #FFF;
}

.next-run-custom-date-msg, .last-run-custom-date-msg{
  display: inline-block;
  margin-left: 10px;
  font-weight: 600;
  font-size: 12px;
  background: #616161;
  color: #FFFF;
  padding: 0px 5px;
  border-radius: 5px;
  text-transform: uppercase;
}    

.recurrence-action-btn, .operation-schedule-action-btn{
  width: 25px;
  height: 25px;
  font-size: 10px;
  padding: 4px;
}

.recurrence-header{
  display: flex;
  padding: 5px 5px 0px 5px;
  justify-content: space-between;
  align-items: center;
}

.recurrence-description{
  font-size: 11px;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 15px;
}

.recurrence-hour-of-the-day{
  color: #777777;
  font-size: 12px;
  font-weight: 400;
}

.recurrence-title{
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
}

.help-message-recurrence{
  font-size: 12px;
  display: inline-block !important;
  padding: 0px;
}

.help-message-checklist{
  font-size: 10px;
  display: inline-block !important;
  padding: 0px;
}

.recurrence-preview{
  position: absolute;
  color: #000;
  padding: 5px;
  margin-top: -50px;
  margin-left: 15px;
  font-size: 12px;
}

.recurrence-preview > div{
  padding: 5px;
}


.dataTables_paginate{
  float: none !important;
  text-align: center !important;
}

.recurrence-row{
  width: 250px;
  margin: 5px 5px 5px 0px;
}

.recurrences-container, .operation-schedules-container, .service-schedules-container{
  display: flex;
  flex-wrap: wrap;
}

.service-schedules-container{
  position: relative;
}

.cards-grid{
  padding: 40px 25px;
  border: 1px dashed #CCC;
}

.cards-grid > button.close-button{
  position: absolute;
  right: 25px;
  background: #616161;
  color: #FFF;
  border: 1px solid #616161;
  border-radius: 3px;
  top: 25px;
}

.notification-body > table{
  color: #67757c !important;
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: #dee2e6 !important;
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  border-spacing: 2px;
}

.notification-body > table > tbody > tr > td{
  padding: 0.75rem;
  vertical-align: top;
  border: 1px solid #e8eef3;
}

.notification-body > table:not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.pins-app-container{
  margin-top: 20px;
}

.list-pin-status-div{
  display: inline-block;
}

.main-title-badge{
  background: #7f838b !important;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  position: relative;
}

.show-more-button-container{
  display: flex;
  justify-content: center;
  margin-top: 25px;
}


.chat-content > div.message{
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  padding: 15px 20px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 25px;
  min-width: 120px;
  max-width: calc(100% - 115px);
}

.chat-content > div.self-message{
  border-top-right-radius: 5px;
  border-bottom-left-radius: 25px;
  padding: 15px 20px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  min-width: 120px;
  max-width: calc(100% - 115px);
  margin-right: 10px;
}

.chat-message-date{
  display: inline-block;
  width: 100px;
  float: right;
  text-align: left;
}
.chat-content > span{
  font-weight: 400;
  font-size: 11px;
  display: inline-block;
  width: 100px;
  float: right;
}

.avatar-name-initials{
  border: 1px solid #777;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #777777;
  font-weight: 900;
  font-size: 16px;
  cursor: default;
}

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

.pin-comments-counter{
  position: absolute;
  font-size: 8px;
  background: #2480C8;
  color: #FFF;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  text-align: center;
  margin-top: -2px;
  display: flex;
  margin-left: 10px;
  justify-content: center;
  align-items: center;
}
   
.chat-list li.odd .chat-content {
  width: 100%;
}

.chat-list li .chat-time {
  width: 100px;
  font-size: 12px;
  vertical-align: middle;
}

.chat-list li .chat-content{
  width: 100%;
}


.last-pin-comment > li{
  list-style: none;
}

.last-pin-comment-img{
  width: 50px;
  position: absolute;
  margin-top: -15px;
  right: 0;
  border-radius: 50%;
}

.employee-avatar-container > img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.employee-avatar-container{
  display: inline-block;
  text-align: center;
}

.employee-avatar-profile{
  color: #000;
  font-weight: 400;
  font-size: 14px;
}

.show-more-comments-link{
  display: block;
}

.load-more-comments-link{
  display: flex;
  width: 150px !important;
}

.account-code-option{
  border: 1px solid #009efb;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: #009efb !important;
  font-size: 12px;
  font-weight: 600;
}

.menu-panel-radius{
  border-top-right-radius: 60px;
}

.list-pin-image > .account-code-option{
  width: 30px;
  height: 30px;
}

.list-pin-image > .account-code-option > span{
  font-size: 10px;
}

.logs-left-part{
  width: 300px !important;
}

.logs-right-part{
  width: calc(100% - 270px) !important;
  margin-left: 300px !important;
}

.centered{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}

.entity-calendar-header{
  display: flex;
  justify-content: space-between;
  font-size: 25px;
  align-items: center;
  padding: 10px 0px 0px 0px;
  margin-bottom: 25px;
}

.entity-calendar-body{
  display: flex;
}

.entities-row-close-button{
  background: #000;
  color: #FFF;
  padding: 5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  cursor: pointer;
}

.selected-day-title{
  font-size: 18px;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
}

.btn-secondary.active{
  box-shadow: none !important;
  background-color: #545b62;
  border-color: #4e555b;
}

.card-list-row{
  display: flex;
  width: 100%;
}

.card-list-image-box > img{
  width: 50px;
  height: 50px;
  margin: 10px;
}

.card-list-folder-box{
  min-width: 125px;
  width: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  margin: 10px;
}

.card-list-main-info{
  margin: 10px;
}

.card-list-badges > span, .card-list-badges > div{
  margin-bottom: 0px !important;
}

.card-list-container{
  border: 0.5px solid #CCC;
  margin-bottom: 10px;
}

.card-list-update-border-top{
  border-top: 1px dashed #CCC;
  padding-top: 10px !important;
}

.overdue-entities-preview > div:hover{
  background: rgba(0, 0, 0, 0.1);
}

.showing-entries{
  display: grid;
  text-align: right;
}

.status-switch-label{
  font-size: 16px;
  color: #000;
  font-weight: 600;
  line-height: 25px;
  margin-right: 10px;
}

.status-switch-container{
  margin: 10px 10px;
  display: flex !important;
}

.pin-document-circle{
  width: 30px;
  border: 1px solid #616161;
  border-radius: 50%;
  height: 30px;
  font-size: 18px;
  text-align: center;
  padding-top: 5px;
}

.header-action-button{
  background-color: rgb(255, 153, 31) !important;
  color: #000;
}

/* Dropdown Button */
.header-action-dropbtn, .header-action-btn, .header-action-btn:hover {
  background-color: rgb(255, 153, 31);
  color: #000;
  display: inline-flex;
  font-size: 12px !important;
  padding: 4px 8px;
  border-radius: 5px;
  font-weight: 400;
  margin-right: 8px;
  border: none;
}

.header-action-dropbtn > i{
  font-size: 14px;
  margin-right: 4px;
  margin-top: 2px;
}

/* The container <div> - needed to position the dropdown content */
.header-action-dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.header-action-dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFF;
  min-width: 160px;
  z-index: 1;
  border: 1px solid rgba(0,0,0,.15);
}

/* Links inside the dropdown */
.header-action-dropdown-content a {
  color: #67757c;
  text-decoration: none;
  display: block;
  background-color: #FFF;
  font-size: 14px;
  min-width: max-content;
  width:100%;
}

/* Change color of dropdown links on hover */
.header-action-dropdown-content a:hover {background-color: #f2f4f8;color: #009efb;  min-width: max-content;width:100%}

/* Show the dropdown menu on hover */
.header-action-dropdown:hover .header-action-dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.header-action-dropdown:hover .header-action-dropbtn {background-color: rgb(255, 153, 31);}

.mb-30{
  margin-bottom: 30px;
}

.folder-description, .operation-description{
  font-size: 9px !important;
  text-transform: initial !important;
}

.folder-box-header{
  padding: 10px;
  min-height: 50px;
}

.operation-box-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  min-height: 50px;
}

.service-package-box-header{
  padding: 10px;
}

.folder-box-subheader{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-center{
  display: flex !important;
  align-items: center !important;
}

.w-33{
  width: 33.33%;
}

.action-button-option{
  border-right: 1px solid #e9ecef !important;
  cursor: pointer;
}

.action-button-option > a > span > i, .action-button-option > span {
  color: #000;
}

.action-button-option:hover{
  background: rgb(255, 224, 178) !important;
  color: #009efb;
}


.header-black-color{
  color: #000;
  font-weight: 400 !important;
}


.day-log-time{
  width: 75px;
  font-size: 14px;
  font-weight: 900;
  color: #000;
  margin-left: auto;
}

.target-log-box-icon{
  display: block;
  font-size: 2rem;
  color: #000;
  margin-top: -5px;
}

.amis-submit-button{
  border: 1px solid #777 !important;
  position: initial !important;
  background: #FFF;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 6px 12px;
  opacity: .7 !important;
  transition: opacity .15s ease;
}

.amis-submit-button:hover{
  opacity: 1 !important;
  color: #3d3d3d !important;
}

.amis-popup-btn{
  opacity: .5 !important;
  transition: opacity .15s ease;
  background: #FFF;
  border: 1px solid #777 !important;
  border-radius: 4px;
  font-size: 14px;
  padding: 2px 10px;
}

.amis-popup-btn:hover{
  opacity: 1 !important;
  color: #3d3d3d !important;
}

.day-log-question-answer{
  font-size: 14px;
  color: #777;
  font-weight: 400;
}

.day-log-question-container{
  margin-bottom: 25px;
}

.day-log-edit-button-container{
  display: inline-block;
  cursor: pointer;
  position: absolute;
}



.log-actions-icons-container{
  display: flex;
  align-self: center;
  margin: 0px 15px;
  justify-content: end;
}

.log-actions-icons-container > i{
  font-size: 16px;
}

.employees-generic-box-secondary-border{
  border: 1px solid #666!important;
  border-radius: 6px !important;
}

.border-radius-5{
  border-radius: 5px;
}

/* BOTONES SE MUESTRAN CON HOVER
.dropdown:hover .dropdown-menu,
.btn-group:hover .dropdown-menu {
    display: block;
} */

.dropright .dropdown-menu{
  margin-top: -5px;
}

.day-log-status-dropdown {
  font-size: 12px !important;
  border-radius: 5px;
  margin-top: 0px;
  font-weight: 400;
  padding: 1px 6px;
  cursor: pointer;
  display: inline-block;
}

.schedule-control-status-dropdown{
  cursor: pointer;
}


.day-log-status-dropdown::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-top: 7px;
}

.day-log-status-dropdown-menu, .schedule-control-status-dropdown-menu{
  background: #FFF;
  border: 1px solid #CCC;
  position: absolute;
  z-index: 99999;
  display: none;
  min-width: 150px;
}

.schedule-control-status-dropdown-menu{
  right: 0px;
}

.day-log-status-dropdown-menu-item{
  padding: 5px;
  font-size: 12px;
}

.schedule-control-status-dropdown-menu-item{
  padding: 6px;
  font-size: 12px;
}

.schedule-control-status-dropdown-menu-item{
  text-align: left !important;
  display: block;
  width: 100%;
}

.schedule-control-status-dropdown-menu-item > span{
  display: block;
}

.day-log-status-dropdown-menu-item:hover{
  background: #f2f4f8;
}

.schedule-control-status-dropdown-menu-item:hover{
  background-color: #ebecf0;
}

.day-log-status-dropdown-menu-item:first-of-type{
  margin: 5px 0px;
}

.day-log-status-dropdown-container:hover .day-log-status-dropdown-menu, .schedule-control-status-dropdown-container:hover .schedule-control-status-dropdown-menu{
    display: block;
}

.schedule-control-status-dropdown-container:hover .schedule-control-status-dropdown-menu, .schedule-control-column-container:hover .schedule-control-status-dropdown-menu{
  display: block;
}

.day-log-status-dropdown-container{
  position: relative;
}

.dropdown-item {
    padding: 0px 1rem;
    color: #777777 !important;
    font-size: 16px;
}

.br-0{
  border-right: none !important;
}

.card-folder-title {
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}

.card-folder-additional-info span{
  margin: 0 2px 0px 0px;
  padding: 2px 3px;
  font-size: 10px;
  border: 1px solid #a7a4a4;
}

.card-folder-row{
  display: flex;
  align-items: center;
  padding: 10px;
}

.card-folder-boxes-info{
  margin-left: auto;
}

.card-folder-pending-pins-box{
  border: 1px solid #dc3545;
  color: #dc3545;
  border-radius: 4px;
  width: 40px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 400;
}

.card-folder-deadline-box{
  border-radius: 4px;
  width: 70px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-size: 16px;
  font-weight: 600;
}

.card-folder-deadline-box-circle{
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.card-folder-progress-box, .card-folder-status-box {
  border-radius: 4px;
  width: 135px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-size: 16px;
  font-weight: 600;
  padding: 0px 10px;
  text-transform: uppercase;
  flex-direction: column;
  word-break: break-all;
}

.card-folder-status-medium{
  font-size: 13px !important;
  line-height: 13px !important;
}

.card-folder-status-small{
  font-size: 10px !important;
  line-height: 10px !important;
}

.card-folder-last-update-box{
  border-radius: 4px;
  min-width: 160px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-size: 16px;
  font-weight: 600;
  padding: 0px 15px;
  text-transform: uppercase;
  flex-direction: column;
  color: #FFF;
  background: #000;
  line-height: 0px;
}

.card-folder-last-update-box small{
  font-size: 11px;
}

.card-folder-boxes-info{
  display: flex;
}

.card-folder-boxes-info > div:not(:last-child){
  margin-right: 10px;
}

.box-body{
  padding: 0px 10px;
  margin-top: 10px;
}

.project-date{
  color: #000;
  font-weight: 900;
  font-size: 14px;
}

.border-bottom-0{
  border-bottom: 0px;
}

.pin-item-hover:hover{
  background-color: aliceblue;
}

.dashboard-simplified-pins-container > .card, .min-w-280{
  min-width: 280px;
}

.tippy-box[data-theme~='transparent'] {
  background-color: #FFF;
}

.project-detail-description{
  margin-bottom: 10px;
}

.project-detail-title {
  color: #000;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 25px;
}

.project-detail-button-actions-container {
    display: flex;
    justify-content: end;
}

.project-detail-main{
  padding-right: 25px;
}

.complex-info-separator{
  border-bottom: 3px solid #000;
  padding-bottom: 15px;
}

.update-timeline-date{
  background: #000;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 1;
}

.update-timeline-day{
  font-size: 20px;
  font-weight: 600;
}

.update-timeline-month {
  font-size: 14px;
}

.update-timeline-user{
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}

.update-timeline-description{
  margin-top: 10px;
  word-break: break-all;
}

.update-timeline-date:after {
  content: '';
  background: rgba(0,0,0,.1);
  width: 1px;
  position: absolute;
  height: auto;
  bottom: 0;
  top: 50px;
  z-index: -1;
}

.screenshot-timeline-dot{
  background: #FFF;
  color: #000;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #CCC;
}

.screenshot-timeline-dot:after {
  content: '';
  background: rgba(0,0,0,.1);
  width: 1px;
  position: absolute;
  height: auto;
  bottom: 0;
  top: 20px;
  z-index: -1;
  left: 21px;
}

.screenshot-timeline-range{
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}

.dashed-line{
  display: inline-block;
  border-top: 1px dashed #CCC;
  position: absolute;
  margin-top: 12px;
  border-width: 3px;
}

.dashed {
  border-bottom: 1px dashed #CCC;
  text-align: left;
  height: 22px;
  margin-bottom: 20px;
  border-width: 2px;
}
.dashed span {
  background: #fff;
  padding: 0 5px;
}

.custom-calendar-buttons-position{
  text-align: left;
  padding: 0px;
  margin-top: -60px;
}

.break-word{
  word-wrap: break-word;
}

.text-ellipsis{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-align: left;
  max-width: fit-content;
}

.fc-title, .fc-title span{
  text-align: left !important;
}

.custom-fc-center-fullscreen-position{
  position: absolute !important;
  right: 160px !important;
  width: 100% !important;
}

.fc-button-active{
  background: #1e88e5 !important;
  color: #FFF !important;
}

.fc-daygrid-event{
  background-color: transparent !important;
}

.fc-timegrid-event{
  padding: 0px 0px 5px 0px  !important;
}

.myadmin-dd-empty .dd-list .dd3-handle{
  height: 100%;
}

.comments-notify{
  top: 0px !important;
  right: -17px !important;
}

.comments-notify .heartbit{
  top: -20px !important;
  right: -5px !important;
}

.comments-notify .point{
  right: 5px;
  top: -10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #000;
}

.pin-list-comment-container .point{
  right: 0px;
  top: -5px;
}

.pin-list-comment-container .heartbit{
  top: -15px !important;
  right: -9px !important;
}

.dropdown-menu-left {
  right: 0 !important;
  left: auto !important;
}

.select2-results__option[aria-selected=true]{/*No mostrar opciones seleccionadas del select2 */
  display: none;
}

.card-project-box{
  padding: 10px;
  font-size: 12px;
  font-weight: 400;
  max-width: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 14px;
  border-radius: 5px;
  cursor: pointer;
}

tr.danger{
  background-color: rgba(220, 53, 69, 0.3) !important;
}

.card-project-box > div > input[type="radio"]{
  position: static;
  left: auto;
  opacity: 1;
}

.card-project-box.active{
  background-color: #FFF !important;
  border: 1px solid rgb(187, 222, 251);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
}

.booking-service-card.active{
  box-shadow: 0px 2px 5px 3px #777;
}

.responsible-avatar{
  border: 1px solid #CCC;
  border-radius: 50%;
}

.password-generator-includes > input + label{
  margin-right: 10px;
  font-size: 10px !important;
}

.todo-remove-button{
  display: none;
  margin-top: -10px;
}


.edit {
	display: block;
	width: calc(100% - 40px);
	padding: 12px 16px;
	margin: -60px 0 0 40px;
  z-index: 2;
}

.custom-tooltip .dashboard-pending-pin-hover{
  left: 60px;
  background: #616161;
  color: #FFF;
  font-size: 14px;
  height: 25px;
  width: 25px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  font-weight: 600;
}

.fc .fc-daygrid-day-number{
  font-size: 16px;
}

.card-folder-additional-info{
  margin: 0px;
}

.add-floating-action-button-container{
  position: fixed;
  bottom: 20px;
  right: 30px;
}

.toolbar-select-container > .select2-container{
  border: 2px solid;
  font-size: 16px;
}

.floating-action-button{
  background-color: #00a5ff;
  color: #FFF;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  font-weight: 200;
  cursor: pointer;
  transition: all 300ms ease-in;
  border: 1px solid #000;
}

.floating-action-button.selected {
  transform: rotate(135deg);
  border-radius: 30px 30px 0 30px;
  box-shadow: 0 0 8px var(--ux-1vw9arb, lightgray);
  background-color: #7fd2ff !important;
  border-radius: 40px;
}

.floating-action-button:hover{
  background-color: #7fd2ff;
}

.add-floating-action-list{
  position: fixed;
  right: 100px;
  bottom: 20px;
  width: max-content;
  border-radius: 5px;
  box-shadow: 0px 6px 8px 0px #11111112, 0px 4px 4px 0px #1111111a, 0px 0px 12px 0px #11111112;
  background-color: #FFF;  
}

.add-floating-action-list ul{
  list-style: none;
}

.add-floating-action-list ul li:hover {
  background-color: var(#f5f7f9, blue);
  color: var(#111, white);
}

.add-floating-action-list ul a {
  display: block;
  padding: 10px 24px;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
}

.add-floating-action-list{
  display: none;
}

.add-floating-action-list.show{
  display: block;
}

.floating-action-button .floating-action-center {
  position: absolute;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  background-color: #00a5ff;
  transform: scale(0);
  transition: all 300ms ease-in;
}

.floating-action-button .floating-action-center.selected{
  transform: scale(1);
}

.floating-action-button.selected > .floating-action-button-icon{
  transform: rotate(135deg);
}

.floating-action-button-icon{
  z-index: 2;
}

.scroll-to-top-btn > .carousel-btn{
  width: 60px !important;
  height: 60px !important;
}

.calendar-center-title{
  position: absolute;
  left: 45%;
}

.calendar-toggle-button button{
  border: 1px solid #1e88e5 !important;
  background-color: #FFF !important;
  color: #1e88e5 !important;
  cursor: pointer;
  z-index: 1 !important;
  position: relative;
  border-radius: .25em;
}

.calendar-toggle-button button:not(:last-child){
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;

}

.calendar-toggle-button button.active{
  background-color: #1e88e5 !important;
  color: #FFF !important;
}

.calendar-toggle-button button:not(:first-child){
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.card-column-time-label{
  background: #FFF;
  color: #000;
  border-radius: 4px;
  padding: 1px 5px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  float: right;
  margin-left: 5px;
  margin-top: -2px;
}

.child-card-column-label{
  background: #616161;
  color: #FFF;
  border-radius: 4px;
  padding: 1px 5px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  float: right;
  margin-top: -2px;
}

.screenshot-img{
  border-radius: 4px 4px 0px 0px;
  display: inline-block;
  width: 190px;
  height: 125px;
}


.screenshot-dot-container{
  flex: 0 0 3%;
  max-width: 3%;
  position: relative;
}

.screenshots-timeline-container{
  flex: 0 0 97%;
  max-width: 97%;
}

.screenshot-timeline-images-container{
  margin-bottom: 25px;
}

.screenshots-container{
  margin-top: 25px;
}

.screenshot-time{
  font-size: 14px;
  color: #000;
  padding: 5px;
}

.screenshot-target-badge-container{
  display: flex;
  width: 100%;
}

.screenshot-target-badge-container > span{
  color: #616161;
  background: #CCC;
  margin: 0 auto;
  font-size: 12px;
  margin-bottom: 5px;
}

.fullscreen-screenshot-info-container > span{
  color: #616161;
  background: #CCC;
  margin: 0 auto;
  font-size: 12px;
  margin-bottom: 5px;
  padding: 10px;
  border-radius: 4px;
}

.filter-default-badge{
  background-color: #FFF;
  color: #777777;
}

.filter-default-badge.active{
  background-color: #FFF;
  color: #777777;
}

.default-filter-button.active{
  background-color: #777777 !important;
  color: #FFF !important;
}

.client-filter-badge{
  background-color: #CBCBCB;
  color: #000;
}

.client-filter-badge.active{
  background-color: #000;
  color: #CBCBCB !important;
}

.client-filter-button-style{
  background-color: #FFF;
  color: #272727;
}

.client-filter-button-style.active{
  background-color: #CBCBCB;
  color: #000 !important;
}

.client-filter-button-style.active > span{
  background-color: #000;
  color: #CBCBCB !important;
}

.not-scheduled-qty-badge{
  background-color: #CBCBCB;
  color: #000;
} 

.deadline-button-not-scheduled.active{
  background-color: #CBCBCB;
  color: #000 !important;
  text-transform:uppercase;
}

.deadline-button-not-scheduled.active > span{
  background-color: #000 !important;
  color: #CBCBCB !important;
}

.for-today-qty-badge{
  background-color: rgb(255, 153, 31);
  color: #FFF;
} 

.deadline-button-for-today.active{
  background-color: rgb(255, 153, 31);
  color: #FFF !important;
  text-transform:uppercase;
}

.deadline-button-for-today.active > span{
  background-color: #FFF !important;
  color: rgb(255, 153, 31) !important;
}

.overdue-qty-badge{
  background-color: rgb(239, 83, 80);
  color: #FFF;
} 

.deadline-button-overdue.active{
  background-color: rgb(239, 83, 80);
  color: #FFF !important;
  text-transform:uppercase;
}

.deadline-button-overdue.active > span{
  background-color: #FFF !important;
  color: rgb(239, 83, 80) !important;
}

.for-future-qty-badge{
  background-color: rgb(7, 71, 166);
  color: #FFF;
} 

.deadline-button-for-future.active{
  background-color: rgb(7, 71, 166);
  color: #FFF !important;
  text-transform:uppercase;
}

.deadline-button-for-future.active > span{
  background-color: #FFF !important;
  color: rgb(7, 71, 166) !important;
}

.this-week-qty-badge{
  background-color: rgb(7, 71, 166);
  color: #FFF;
} 

.deadline-button-this-week.active{
  background-color: rgb(7, 71, 166);
  color: #FFF !important;
  text-transform:uppercase;
}

.deadline-button-this-week.active > span{
  background-color: #FFF !important;
  color: rgb(7, 71, 166) !important;
}

.next-week-qty-badge{
  background-color: rgb(7, 71, 166);
  color: #FFF;
} 

.deadline-button-next-week.active{
  background-color: rgb(7, 71, 166);
  color: #FFF !important;
  text-transform:uppercase;
}

.deadline-button-next-week.active > span{
  background-color: #FFF !important;
  color: rgb(7, 71, 166) !important;
}

.pending-qty-badge{
  background-color: rgb(255, 196, 0);
  color: #000;
} 

.pending-qty-color{
  color: rgb(255, 196, 0);
} 

.status-button-pending.active{
  background-color: rgb(255, 196, 0);
  color: #000;
  text-transform:uppercase;
}

.status-button-pending.active > span{
  background-color:  #000;
  color:  rgb(255, 196, 0);
}

.progress-qty-badge{
  background-color: rgb(255, 153, 31);
  color: #000;
} 

.status-button-progress.active{
  background-color: rgb(255, 153, 31);
  color: #000;
  text-transform:uppercase;
}

.status-button-progress.active > span{
  background-color: #000;
  color: rgb(255, 153, 31);
}

.completed-qty-badge{
  background-color: rgb(7, 71, 166);
  color: #FFF;
} 

.status-button-completed.active{
  background-color: rgb(7, 71, 166);
  color: #FFF;
  text-transform:uppercase;
}

.status-button-completed.active > span{
  background-color: #FFF;
  color: rgb(7, 71, 166);
}

.employee-reach-form-container{
  border: 1px dashed #CCC;
  padding: 10px;
  margin: 10px 0px;
}

.schedule-control-row, .schedule-control-accordion-header{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}


.schedule-control-accordion-body{
  border-right: 1px dashed #CCC;
  border-left: 1px dashed #CCC;
  padding: 10px;
  border-bottom: 1px dashed #CCC;
}

.schedule-control-column {
  font-size: 16px !important;
  font-weight: 600;
  padding: 15px 10px;
  color: #000;
  text-transform: uppercase;
}

.new-round-form-container {
  display: flex;
  margin: 15px 0px;
  justify-content: end;
  border: 1px dashed #CCC;
  padding: 5px;
  width: 300px;
  margin-left: auto;
}

.new-round-input-container:not(:last-child) {
  margin-right: 5px;
}

.new-round-work-form-container{
  padding: 15px;
  border: 1px dashed #000;
  margin: 15px;
}

.close-new-round-work-form-button{
  position: absolute;
  right: 20px;
  top: 20px;
  background: #000;
  color: #FFF;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  z-index: 1;
}

.summary-control-row{
  display: flex;
  border-bottom: 0.5px solid #CCC;
  padding-bottom: 3px;
  font-size: 11px;
  align-items: center;
  margin-bottom: 5px;
  width: 100%;
  justify-content: space-around;
}


.summary-control-column{
  margin-right: 3px;
}


.summary-control-round-row{
  display: flex;
  border-bottom: 0.5px solid #CCC;
  font-size: 11px;
  align-items: center;
  width: 100%;
  justify-content: space-around;
}

.summary-control-round-row:first-of-type{
  border-top: 0.5px solid #CCC;
}

.summary-control-round-column {
  border-right: 0.5px solid #CCC;
  padding: 5px;
  font-size: 12px;  
  text-align: initial;
}

.summary-control-round-column:first-of-type{
  border-left: 0.5px solid #CCC;
  padding-left: 3px;
}

.screenshot-filter-container{
  margin-right: 10px;
  min-width: 250px;
}

.remove-round-work-button, .remove-round-button{
  background: rgb(255, 86, 48);
  color: #FFF !important;
  padding: 3px 6px;
  border-radius: 4px;
}

.cards-and-works-column{
  display: flex !important;
  align-items: center !important;
}

.control-card-column-time-label{
  background: #FFF;
  color: #000;
  border-radius: 4px;
  padding: 3px 5px;
  position: absolute;
  right: 3px;
  top: 5px;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
}

.control-round-work-buttons-container{
  position: absolute;
  right: 0;
  z-index: 2;
}

.control-round-work-buttons-container > a{
  width: 25px !important;
  height: 25px !important;
  opacity: 1 !important;
}

.control-round-work-buttons-container > a > i{
  font-size: 11px !important;
}

.schedule-control-works-header, .schedule-control-works-body-row{
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  border: 0.5px solid #CCC;
}

.schedule-control-works-header-column, .schedule-control-works-body-row-column{
  font-size: 12px;
  font-weight: 400;
  color: #616161;
  padding: 10px;
  flex-shrink: 0;
  flex-grow: 1;
  min-height: 45px;
  width: 75px;
}

.schedule-control-works-body-row-column:not(:last-of-type){
  border-right: 0.5px solid #CCC;
}

.schedule-control-works-container{
  margin-top: 25px;
}

.schedule-control-work-card-badge{
  text-align: left;
}

.schedule-control-works-body-row-header .schedule-control-works-body-row-column{
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
}

.module-row-title{
  background: rgb(151, 160, 175);
  color: #FFF;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  align-items: center;
}

.module-row-container {
  margin-bottom: 25px;
}

.module-row-rights-qty{
  background: #FFF;
  color: rgb(151, 160, 175);
  font-size: 12px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
}

.module-row-module-name{
  font-weight: 600;
  text-transform: uppercase;
}

.module-row-rights-container {
  border: 0.5px solid #CCC;
}

.right-row-container {
    padding: 10px;
}

.right-row-title{
  color: #000;
  font-weight: 600;
  font-size: 14px;
  display: block;
  text-transform: uppercase;
  line-height: 12px;
}

span.right-row-desc {
  line-height: 0px;
  font-size: 12px;
}

.schedule-control-works-body-row:last-of-type{
  margin-bottom: 25px;
}

.schedule-control-work-hover:hover{
  background-color: rgba(85,213,252,0.2);
}

.control-shift-time-range-container{
  vertical-align: top;
  display: inline-block;
}

.schedule-control-column-label{
  display: inline-block;
  width: 80px;
  line-height: 16px;
  vertical-align: super;
}

.schedule-control-column-text{
  font-size: 14px !important;
  font-weight: 400 !important;  
}

.shift-title{
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 900;
}

.small-action-button > .dropdown-menu > a{
  font-size: 12px;
}

.small-action-button > .dropdown-menu {
  padding: 3px;
}

.summary-control-detail-round-column{
  border-right: 0.5px solid #CCC;
  padding: 6px;
  font-size: 14px;
  text-align: initial;
  width: 95px;
}

.summary-control-detail-round-column:first-of-type{
  border-left: 0.5px solid #CCC;
  padding-left: 3px;
}

.schedule-control-status-box{
  height: 30px;
  max-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px !important;
  line-height: 10px;
}

.control-work-empty-row{
  color: rgb(191, 38, 0);
  font-size: 16px;
  font-weight: 400;
  padding: 3px;
}

.schedule-control-column:first-of-type{
  padding-left: 0px;
}

.control-round-action-dropdown, .entity-action-dropdown{
  position: absolute;
  background: #FFF;
  width: 150px;
  top: 50px;
  border: 0.5px solid #CCC;
  margin-top: -8px;
  right: 0;
  display: none;
}

 .entity-action-dropdown{
  top: 5px !important;
 }

.control-round-action-dropdown > .dropdown-item{
  font-size: 12px;
  border-bottom: 0.5px solid #CCC;
  padding: 2px 10px
}

.entity-action-dropdown > .dropdown-item{
  padding: 10px !important;
  font-size: 16px !important;
}

.control-round-action-dropdown-container:hover > .control-round-action-dropdown{
  display: block;
  z-index: 2;
}

.no-logged-time-entity:hover > .entity-action-dropdown{
  display: block;
  z-index: 2;
}

.schedule-control-no-logged-works-container{
  display: flex;
  width: 100%;
  flex-flow: wrap;
}

.no-logged-time-entity {
  min-width: 375px;
  position: relative;
}

.no-logged-time-entity > .card-container, .no-logged-time-entity > .simplified-pin-card{
  pointer-events: none;
}

.no-logged-time-entity:not(:last-of-type){
  margin-right: 5px;
}

.screenshot-time-container{
  margin: 0 auto;
  font-size: 20px;
  color: #000;
  font-weight: 900;
  padding-top: 8px;
}

.normal-border{
  border: 1px solid !important;
  border-radius: 0 !important;
}


.worked-hours-box-plus-minus-hours{
  min-height: 45px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}


.work-entity{
  cursor: pointer;
}

.schedule-control-round-body-row{
  padding: 10px;
  justify-content: left;
  background-color: rgba(119,119,119, 0.7);
  color: #FFF;
  font-weight: 600;
  font-size: 14px;
}

.control-from-monitor{
  background-color: #d2e7fa !important;
}

.plus-minus-badge{
  vertical-align: top;
  margin-top: 3px;
  font-size: 10px;
  padding: 0.25rem;
  margin-left: 0.25rem;
}

.amis-monitor-screenshots-filter-container{
  display: flex;
}

.entity-visibility-label{
  font-size: 16px;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 10px
}

.calendar-has-search-container{
  display: flex;
}

.calendar-filter-container{
  position: absolute;
  top: 45px;
  margin-top: 15px;
  display: flex;
  width: 100%;
  overflow-x: auto;
  height: 100%;

}

.employee-logged-time-row{
  background: rgba(185,177,166,0.5) !important;
  color: #000;
  font-size: 14px !important;
  font-weight: 900;
}

.round-works-select{
  appearance: auto;
  -webkit-appearance: auto;
  width: 250px;
  border: 1px solid #000;
  min-height: 25px;
  height: 25px;
  font-size: 12px;
  padding: 0px;
  vertical-align: middle;
}

.schedule-control-fullscreen-icon{
  font-size: 24px;
}

.schedule-control-fullscreen-icon > i{
  font-size: 32px;
  display: inline-block;
  margin-top: -15px;
}

.schedule-control-employee-info-name{
  font-size: 20px;
  font-weight: 600;
  color: #000 !important;
}

.schedule-control-employee-info-date{
  font-size: 16px;
  color: #000;
  font-weight: 400;
}

.schedule-control-works-body-row-empty{
  padding: 10px;
  background: rgba(0,0,0,0.1);
  justify-content: flex-start !important;
}

.work-timeline-empty-space{
  width: 15px;
}

.schedule-control-works-timeline-container, .control-rounds-timeline-bar{
  display: flex;
  background-color: rgb(223, 230, 241);
  border-radius: 10px;
  position: relative;
  min-height: 20px !important;
}

.work-timeline-item{
  padding: 10px;
  border-radius: 10px;
}

.work-timeline-hour-marker, .round-timeline-hour-marker{
  position: absolute;
  top: 20px;
  color: #000;
  font-weight: 400;
}

.control-round-timeline-item{
  background-color: rgba(119,119,119, 0.7);
  padding: 2px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.card-timeline-time-label{
  background: #FFF;
  color: #000;
  border-radius: 3px;
  padding: 1px 5px;
  position: absolute;
  right: 7px;
  top: 2px;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}

.round-works-radio{
  position: static !important;
  opacity: 1 !important;
  margin-left: 10px !important;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.round-works-radio-label{
  font-size: 18px;
  font-weight: 400;
}

.schedule-info-badge{
  font-size: 14px;
  color: #000;
  border: 1px solid #CCC;
  padding: 4px;
  border-radius: 4px;
}

.control-date-circle{
  background: rgba(125,125,125,1);
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 50px;
  height: 40px;
  border-radius: 6px;
  line-height: 14px;
  padding: 10px 35px;
}

.employee-schedule-control-schedule-info-container{
  display: flex;
  margin: 0 0.2rem;
  border: 1px solid #CCC;
  padding: 0.2rem;
  border-radius: 4px;
  min-height: 45px;
  align-items: center;
}

.schedule-control-table th, .schedule-control-table thead th{
  padding: 5px !important;
  font-size: 12px !important;
  font-weight: 600;
}

.schedule-control-table td, .schedule-control-table th{
  padding: 3px !important;
}

.employee-logs-summary-table td, .employee-logs-summary-table th{
  padding: 3px !important;
  color: #000;
  font-weight: 600 !important;
}

.schedule-control-table td{
  font-weight: 200 !important;
}

.work-timeline-header{
  background-color: #777;
  color: #FFF;
  width: 100%;
  display: block;
  border-radius: 4px 4px 0px 0px;
  padding: 3px;
  font-size: 12px;
  font-weight: 400;
}

.work-timeline-body{
  padding: 8px;
}

.control-detail-label{
  color: #000;
  font-weight: 600;
  font-size: 21px;
}

.grouped-work-card{
  height:90px;
  max-width:175px;
  min-width:175px;
  margin-bottom: 25px;
  margin-top: 25px;
  margin-right: 10px;
  margin-left: 10px;
}

.grouped-work-card:last-of-type{
  margin-right: 0px;
}

.grouped-work-card:first-of-type{
  margin-left: 0px;
}

.grouped-work-card-total-time {
  position: absolute;
  top: -10px;
  display: flex;
  width: 20px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  height: 20px;
  right: -15px;
  border-radius: 50%;
}

.works-quantity-badge{
  background-color: #FFF;
  color: rgb(151, 160, 175);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 10px;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-left: 5px;
  font-weight: 600;
}

.control-round-badge{
  background-color: rgba(119,119,119, 0.7);
  padding: 2px 6px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 5px;
  width: 130px;
  color: #000;
}

.logs-badge-qty{
  margin-left: 5px;
  background: #FFF;
  color: rgb(151, 160, 175);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.card-report-table-container{
  overflow-x: auto;
  width: 100%;
}

.amis-table-header-background th{
  background-color: rgba(185,177,166,0.5) !important;
}

.amis-table-header-small th{
  padding: 5px;
}

#card_report_table > thead > th, #card_report_table > tbody > td{
  min-width: 100px !important;
}

#card_report_table td span, #card_report_table > td > span > i{
  font-size: 11px !important;
  color: #000;
}

.cards-report-summary td{
  padding: 1px !important;
}

.screenshot-info-container{
  position: absolute;
  z-index: 2;
  border-radius: 3px;
  padding: 5px;
  top: 2%;
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
}

.html2canvas-container { width: 3000px !important; height: 3000px !important; }

.operation-schedules-row{
  width: 100%;
}

.operation-schedule-card{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  background: #FFF;
}

.operation-schedule-card-header{
  display: flex;
  padding: 10px 10px 0px 10px;
  align-items: center;
}

.operation-schedule-card-weekdays{
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.operation-schedule-card-body{
    padding: 0px 10px 10px 10px;
}

.operation-schedule-shift-icon-container > img{
  width: 20px;
}

.operation-schedule-time{
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.operation-schedule-btn{
  margin-left: auto;
}

.operation-schedule-card-footer{
  text-align: left;
  padding: 10px;
  background: #CCC;
  color: #000;
  font-size: 14px;
  min-height: 41px;
}

.service-schedule-card-footer{
  min-height: 5px;
  padding: 3px;
}

.operation-schedule-shift-icon-container{
  display: inline-block;
}

.service-card{
  transition: 0.3s;
  background: #FFF;
  margin-bottom: 25px;
}

.service-card:not(:last-of-type){
  margin-right: 25px;
}

.service-card-image-container > img{
  width: 100%;
}

.service-card-main-information{
  margin-top: 15px;
}

.service-card-header{
  padding: 5px;
  display: flex;
  align-items: center;
}

.service-status-label {
  position: absolute;
  right: 0;
  margin-top: 2px;
  padding: 0px 5px;
  z-index: 2;
  font-size: 10px;
}

.service-card-header-button{
  text-align: right;
}

.service-card-title{
  color: #000;
  font-weight: 500;
  font-size: 18px;
}

.close-content-gallery-btn{
  font-size: 18px;
  position: absolute;
  right: 15px;
  top: 2px;
  cursor: pointer;
}

.clock-format-number > small{
  color: #000;
  font-size: 9px;
  align-self: center;
}

.clock-card{
  padding: 0px;
  background: #FFF;
  position: relative;
  width: 100%;
  display: block;
  padding: .375rem .75rem;
}

.outter-amis-datepicker-container{
  padding: 0px 5px 25px 5px;
  margin: 10px 0px;
  width: fit-content;
  position: relative;
  background: #e9ecef;
  border: 1px solid #CCC;
  position: absolute;
  min-width: max-content;
  z-index: 10;
  top: 55px;
  left: 15px;
}

.amis-datepicker-pencil{
  font-size: 18px;
  vertical-align: bottom;
  padding-left: 5px;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.3);
  top: 0;
  left: 0;
}

.amis-datepicker-pencil > i{
  color: #FFF;
  position: relative;
}

.amis-datepicker-close-btn{
  position: absolute;
  right: -7px;
  top: -10px;
  font-size: 16px;
  color: red;
  z-index: 2;
  cursor: pointer;
}

.service-variant-weekday-title{
  color: #000;
  font-weight: 400;
  font-size: 16px;
  border-bottom: 0.5px solid #CCC;
  width: 100%;
  display: block;
}

.service-variant-weekday-container{
  border: 1px dashed #CCC;
  padding: 10px;
  margin-bottom: 25px;
  height: -webkit-fill-available;
}

.amis-datepicker-text{
  display: inline-block;
  width: 100%;
  border: 1px solid #e9ecef;
}

.service-type-button{
  padding-left: 30px !important;
}

.container-toggle-icon{
  float: right;
  margin-top: 5px;
  color: #000;
  cursor: pointer;
}

.amis-time-box{
  border: 1px solid #DEDEDE;
  width: max-content;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-right: 10px;
  padding: 0px 5px;
  background-color: #FFF;
  color: #000;
  min-width: 80px;
}

.amis-time-box.active{
  background-color: rgb(239, 83, 80);
  color: #FFF;
}

.service-schedule-button{
  background-color: #e1ecf4;
  border-radius: 3px;
  border: 1px solid #7aa7c7;
  box-shadow: rgba(255, 255, 255, .7) 0 1px 0 0 inset;
  box-sizing: border-box;
  color: #39739d;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.15385;
  margin: 0;
  outline: none;
  padding: 8px .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;
}

.service-schedule-button:hover,
.service-schedule-button:focus {
  background-color: #b3d3ea;
  color: #2c5777;
}

.service-schedule-button:focus {
  box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);
}

.service-schedule-button:active {
  background-color: #a0c7e4;
  box-shadow: none;
  color: #2c5777;
}


.amis-secondary-modal{
  z-index: 10000 !important;
}

.amis-modal, .amis-secondary-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1002;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 20px 0;
  overflow-y: auto;
}

.amis-modal-content {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 1200px;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  margin: 0 auto;

}

/* The Close Button */
.amis-modal-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.amis-modal-close:hover,
.amis-modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.amis-modal-header{
  display: flex;
  width: 100%;
}

.service-schedule-label{
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.schedule-weekday-container:not(:last-child){
  margin-right: 25px;
}

.service-schedule-by-day-container{
  display: flex;
  flex-wrap: wrap;
}

.service-schedule-weekday:not(:last-of-type){
  margin-right: 10px;
  border-right: 0.5px solid #CCC;
  padding-right: 10px
}

.service-schedule-weekday{
  margin-bottom: 25px;
}

.service-status-radio-1{
  background-color: rgb(76, 154, 255) !important;
  color: #FFF !important;
  border: 1px solid rgb(76, 154, 255) !important;
}

.service-status-radio-2{
  background-color: rgb(255, 86, 48) !important;
  color: #FFF !important;
  border: 1px solid rgb(255, 86, 48) !important;
}

.amis-datepicker-save-btn{
  position: absolute !important;
  bottom: 7px !important;
  right: 5px;
  width: 35px !important;
  height: 35px !important;
  border: 1px solid #CCC !important;
  background: #FFF;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 1 !important;
  transition: opacity .15s;
}

.service-gallery-image-buttons-container{
  position: absolute;
  right: 0;
}

.service-gallery-image{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3;
}

.service-carousel-buttons{
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 5% !important;
}

.employees-rating-container > span.checked{
  color: orange;
}

.orange{
  color: orange;
}

.border-orange{
  border: 1px solid orange;
}

.employees-rating-container > span{
  font-size: 16px;
  cursor: pointer;
}

.employee-rating-button{
    display: inline-block;
    margin-left: 25px;
}

.disabled-star {
  cursor: initial !important;
}

.no-questions-answered{
  color: #000;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}

.control-modify-day-log-container{
  margin-top: 0px;
}

.employees-auto-rating-box{
  max-height: 40px;
  line-height: 14px;
}

.openai-options-container{
  margin-top: 50px;
  position: relative;
}

.openai-options-container::after {
  content: '';
  width: 0px;
  height: 100vh;
  display: block;
  border-right: 1px solid #CCC;
  position: absolute;
  right: -15px;
  top: -50px;
  z-index: 2;
}

.examples-button{
  padding: 0px 6px;
  font-size: 11px;
  margin-bottom: 3px;
}

.examples-container{
  display: flex;
  width: 100%;
  padding: 10px;
  border-bottom: 0.5px solid #CCC;
}

.select-example-btn{
  margin-left: auto;
  max-height: 38px;
}

.example-item {
  font-size: 16px;
  font-weight: 600;
}

.openai-section{
  background: #F7F9FB;
  overflow: hidden;
  position: relative;
}

.cs-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
}

.cs-loader-inner {
  transform: translate(-50%, 50%);
  top: 50%;
  position: absolute;
  width: calc(100% - 200px);
  color: #000;
  padding: 0 100px;
  text-align: center;
  left: 50%;
  background: #FFF;
  padding: 10px;
  width: 100%;
}

.cs-loader-inner label {
  font-size: 20px;
  opacity: 0;
  display:inline-block;
}

@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}

.cs-loader-inner label:nth-child(6) {
  -webkit-animation: lol 3s infinite ease-in-out;
  animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
  -webkit-animation: lol 3s 100ms infinite ease-in-out;
  animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
  -webkit-animation: lol 3s 200ms infinite ease-in-out;
  animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
  -webkit-animation: lol 3s 300ms infinite ease-in-out;
  animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
  -webkit-animation: lol 3s 400ms infinite ease-in-out;
  animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
  -webkit-animation: lol 3s 500ms infinite ease-in-out;
  animation: lol 3s 500ms infinite ease-in-out;
}

.loader-message{
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
}

.openai-response-container{
  font-weight: 400;
  color: #000;
}

@media (max-width: 1280px){
  .target-log-box-icon{
    margin-top: -8px;
  }
}

.weekday-head{
  width: 25%;
}

.weekdays-header{
  display: flex;
}

.turn-time{
  font-weight: 900;
  color: #000;
  font-size: 16px;
}

.service-badge{
  display:  block;
  padding: 2px 4px;
  font-weight: 600;
  border-radius: 4px;
  position: relative;
  font-size: 10px;
  margin-bottom: 2px;
}

.permanent-service-icon{
  position: absolute;
  right: -9px;
  top: -12px;
  color: #000;
  font-size: 16px;
}

.appointment-turns-container{
  margin-top: 50px;
}

.service-appointment-turns-table th{
  font-weight: 900 !important;
  color: #000;
  font-size: 11px;
  text-transform: uppercase;
}

.service-appointment-turns-table td{
  padding: 10px !important;
}

.appointment-turns-legend{
  color: #000;
  font-size: 14px;
  font-weight: 600;
  text-align: end;
}

.amis-fs-turns-button > i{
  font-weight: 900 !important;
}

.amis-fs-turns-button{
  font-size: 16px;
  margin-right: 15px;
}

.turn-service-card{
  padding: 10px;
}

.schedule-by-day-container-head-container{
  display: flex;
}

.schedule-by-day-container-body-row{
  display: flex;
  align-items: center;
}

.schedule-by-day-container-head{
  min-width: 25%;
  position: relative;
  font-size: 13px;
  color: #000;
  font-weight: 900;
}

.schedule-by-day-container-head:first-of-type{
  min-width: 10% !important;
}

.schedule-by-day-container-body-row-column{
  min-width: 25%;
  position: relative;
}


.schedule-by-day-container-body-row-column:not(:last-of-type){
  margin-right: 25px;
}

.schedule-by-day-container{
  overflow-x: auto;
}

.schedule-by-day-container-body-row-title{
  min-width: 10% !important;
  font-size: 13px;
  color: #000;
  font-weight: 900;
}

.schedule-by-day-container-body-row:not(:last-of-type){
  margin-bottom: 25px;
}

.employee-preview{
  display: inline-block;
}

.employee-preview:not(:last-of-type){
  margin-right: 10px;
}

.employee-preview-card{
  box-shadow: 0 0 11px rgba(33,33,33,.2) !important;
  padding: 5px 10px;
}

span.employee-preview-display-name {
  display: block;
  text-align: center;
}

.sticky-header > thead{
  position: sticky;
  width: 100%;
  z-index: 1;
}

.service-badge-permanent-icon{
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px
}

.employee-multiselect-container{
  max-width: 515px;
}

.turn-badge{
  background-color: rgb(151, 160, 175);
  color: #FFF;
  cursor: pointer;
}

.amis-datepicker-buttons-container{
  position: absolute;
  right: 12px;
  bottom: 4px;
}

.amis-datepicker-button-size{
  padding: 2px 6px !important;
  font-size: 11px !important;
}

.turn-empty-row-td{
  height: 50px !important;
  background: #e9ecef !important;
  text-align: center;
}

.turn-empty-row-td > img{
  width: 40px;
  filter: opacity(0.3);
}

.duration-picker-icon{
  position: absolute;
  right: 10px;
  top: 10px;
}

.amis-datepicker-input-container{
  width: 250px;
  position: relative;
}

.turns-service-card{
  border: 1px solid #CCC;
}

.turns-service-card:not(:last-child){
  margin-bottom: 10px;
}

.turns-service-card-header {
  padding: 3px;
  display: flex;
  align-items: center;
  font-size: 12px;
  position: relative;
}

.turns-service-card-header-icon{
  position: absolute;
  right: 5px;
}

.turns-service-card-body, .turns-service-card-footer {
  padding: 5px;
}

.turns-service-card-body-title{
  color: #000;
  font-weight: 400;
  font-size: 11px;
  padding: 2.5px 0px;
}

.turns-service-card-body-badge{
  border: 1px solid rgb(255, 153, 31);
  background-color: #FFF;
  color: #000;
  padding: 3px;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 2px 2px 0px;
  font-size: 9px;
}

.schedule-warning{
  color: rgb(255, 196, 0);
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}

.multiselect-td > .multiselect{
  width: 250px;
}

.service-package-operation-title{
  font-weight: 600;
  font-size: 24px;
  border-bottom: 0.5px solid #CCC;
  padding-bottom: 5px;
  margin-top: 25px;
}

.package-service-quantity{
  width: 50px;
  height: 25px;
  margin-left: 5px;
}

.package-service-qty-container {
  position: absolute;
  bottom: 10px;
}

.package-service-remove-btn{
  border: none;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.package-service-qty-badge{
  background: #CCC;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 900;
  margin-left: auto;
}

.service-type-badge{
  background-color: #616161;
  color: #FFF;
}

.service-radio-button{
  width: 15px !important;
  height: 15px !important;
  position: static !important;
  left: auto !important;
  opacity: 1 !important;
}

.booking-service-card{
  margin-bottom: 15px;
  border: 1px solid #CCC;
  display: inline-block;
  min-width: 250px;
  cursor: pointer;
  position: relative;
}

.booking-service-card:not(:last-of-type){
  margin-right: 10px;
}

.booking-service-card-name{
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

.turns-service-card-body > .badge{
  font-size: 10px;
}

label.btn.rounded-pill.font-weight-medium.button-outline-default.reach-type-button.frequency-radio-button.booking-client-type-button{
  font-size: 10px !important;
  padding: 0px 30px;
  height: 25px !important;
}

.payed-until-box{
  flex-flow: wrap;
  max-width: 160px;
  line-height: 12px;
}

.payed-until-box > span{
  flex: 1 100%;
}

.payment-status-radio-3{
  background-color: rgb(255, 196, 0) !important;
  color: #000 !important;
  border: 1px solid rgb(255, 196, 0) !important;
}

.payment-status-radio-2{
  background-color: rgb(54, 179, 126) !important;
  color: #FFF !important;
  border: 1px solid rgb(54, 179, 126) !important;
}

.grey-alert-box{
  background-color: #BBB !important;
  color: #FFF !important;
  border: 1px solid #BBB !important;
}

.black-alert-box{
  background-color: #000 !important;
  color: #FFF !important;
  border: 1px solid #000 !important;
}

.payment-status-radio-1{
  background-color: #dc3545 !important;
  color: #FFF !important;
  border: 1px solid #dc3545 !important;
}

.payment-status-radio-color-1{
  color: #dc3545 !important;
}

.payment-status-radio-color-2{
  color: #000 !important;
}

.payment-status-radio-color-3{
  color: rgb(255, 196, 0) !important;
}

select option:disabled {
  color: #CCC;
  font-weight: bold;
}

.booking-payment-status-radio.with-gap:checked+label:after, .booking-payment-status-radio:checked+label:after{
  border: none !important;
  background-color: transparent !important;
}

.booking-status-radio-5, .booking-status-radio-no-radio-5{
  background-color: #2B80C8 !important;
  color: #FFF !important;
}

.booking-status-radio-5{
  border: 1px solid #2B80C8 !important;
}

.booking-status-radio-4, .booking-status-radio-no-radio-4{
  background-color: rgba(239,114,158,1) !important;
  color: #000 !important;
}

.booking-status-radio-4{
  border: 1px solid rgba(239,114,158,1) !important;
}

.booking-status-radio-3{
  border: 1px solid rgba(85,213,252,1) !important;
}

.booking-status-radio-3, .booking-status-radio-no-radio-3{
  background-color: rgba(85,213,252,1) !important;
  color: #000 !important;
}


.booking-status-radio-2{
  border: 1px solid rgba(177,220,140,1) !important;
}

.booking-status-radio-2, .booking-status-radio-no-radio-2{
  background-color: rgba(177,220,140,1) !important;
  color: #000 !important;
}

.booking-status-radio-1{
  border: 1px solid rgb(255, 196, 0) !important;
}

.booking-status-radio-1, .booking-status-radio-no-radio-1{
  background-color: rgb(255, 196, 0) !important;
  color: #000 !important;
}

.global-status-badge-1{
  background-color: rgba(255, 196, 0, 0.5) !important;
  color: #000 !important;
}

.global-status-badge-2{
  background-color: rgba(255, 151, 0, 1) !important;
  color: #000 !important;
}

.global-status-badge-3{
  color: #fff !important;
  background-color: #166dba !important;
}

.global-status-badge-4{
  background-color: #dc3545;
  color: #FFF;
}

.fixed-class-instance-status-3{
  background-color: rgba(239,114,158,1) !important;
  color: #000 !important;
}

.fixed-class-instance-status-2{
  background-color: #2B80C8 !important;
  color: #FFF !important;
}

.fixed-class-instance-status-1{
  background-color: rgba(177,220,140,1) !important;
  color: #000 !important;
}

.booking-disclaimer-status-radio-2{
  border: 1px solid #82B366;
  background-color: #82B366;
  color: #FFF;
}

.booking-disclaimer-status-radio-1{
  border: 1px solid #dc3545;
  background-color: #f96161;
  color: #FFF;
}

.fixed-class-status-1{
  border: 1px solid rgb(255, 196, 0);
  background-color: rgb(255, 196, 0);
  color: #000;
}

.fixed-class-status-2{
  border: 1px solid #2B80C8;
  background-color: #2B80C8;
  color: #FFF;
}

.fixed-class-status-3{
  border: 1px solid #dc3545;
  background-color: #dc3545;
  color: #FFF;
}

.booking-disclaimer-status-radio--1{
  border: 1px solid rgb(151, 160, 175) !important;
  background-color: rgb(151, 160, 175) !important;
  color: #FFF;
}

.booking-disclaimer-status-radio-not-apply{
  border: 1px solid #CCC;
  background-color: #FFF;
  color: #CCC;
}

.search-client-button{
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
  font-size: 14px;
}

.rowspan-shift{
  background-color: rgba(185,177,166,0.1);
  padding-bottom: 10px;
  margin: 5px;
  border-radius: 5px;
  padding-top: 1px;
  position: relative;
}

.rowspan-shift-time-end{
  color: #000;
  font-weight: 400;
  text-align: center;
  font-size: 10px;
  font-style: italic;

}

.schedule-box-container{
  display: block !important;
}

.employee-td.darkgray{
  background-color: darkgray !important;
}

.employee-td > .employee-td-container > .employee-container{
  background-color: #dddddd;
}

.hour-row{
  border-width: 0 !important;
}

.booking-customer-card-name{
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 24px;
}

.booking-customer-card-header{
  display: flex;
  padding: 10px 10px 0px 10px;
}

.booking-customer-card-buttons{
  margin-left: auto;
  display: inline-flex;
}

.booking-customer-card-button{
  background-color: #FFF;
  margin-left: 5px;
  color: #CCC !important;
  opacity: 0.7 !important;
}

.booking-customer-card-button:hover{
  color: #000 !important;
  opacity: 1 !important;
}

.reserve-button{
  color: #000 !important;
  opacity: 1 !important;
  background-color: #FFF;
  margin-left: 5px;
  border: 1px solid #000 !important;
  font-size: 11px;
}

.reserve-button:disabled{
  color: #CCC !important;
  opacity: 0.7 !important;
  border: 1px solid #CCC !important;
}

.booking-customer-card-body{
  padding: 0px 10px 10px 10px
}

.booking-customer-card-email, .booking-customer-card-phone{
  font-size: 16px;
}

.booking-participant-input-container {
  width: 400px;
}

.booking-participant-badge-pending-fill{
  border: 1px solid #D6B656;
  background-color: #D6B656;
  color: #000;
}

.booking-participant-badge-filled{
  border: 1px solid #82B366;
  background-color: #82B366;
  color: #000;
}

.participant-card-status-pending-fill{
  background: #FFF2CC;
  border: 1px solid #D6B656;
}

.participant-card-status-filled{
  background: #D5E8D4;
  border: 1px solid #82B366;
}

.plain-button{
  border: none;
  background: transparent;
}

.participant-action-button > i{
  font-size: 18px;
  margin-top: -2px;
  vertical-align: middle;
}

.booking-participant-card{
  background: rgba(0,0,0,0.075);
  cursor: pointer;
}

.add-new-participant-container{
  display: inline-flex;
  float: right;
  margin-top: -10px;
}

.booking-participant-radio.with-gap:checked+label:after, .booking-participant-radio:checked+label:after{
  background: none !important;
  border: none !important;
}

.booking-participant-radio-container:first-of-type{
  margin-left: -20px;
}

.material-radio-button:checked+.booking-participant-label, .material-radio-button:not(:checked)+.booking-participant-label{
  color: #000;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.personal-dashboard-nav-tabs .nav-item.show .nav-link, .personal-dashboard-nav-tabs .nav-link{
  background-color: #FFF !important;
  border-bottom: 0 !important;
  opacity: 0.5;
}

.personal-dashboard-nav-tabs .nav-link.active {
  border-color: #000;
  border-bottom: 1px solid #000 !important;
  box-shadow: 8px 9px 20px rgba(33,33,33,.2) !important;
  opacity: 1;
}

.personal-dashboard-nav-tabs{
  padding-bottom: 2px;
}

.personal-dashboard-tab-content > .active{
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.personal-stuff-label, .personal-stuff-label:focus{
  background-color: #FFF !important;
  color: #000 !important;
  font-weight: 900 !important;
  font-size: 20px !important;
  border: none !important;
  outline: none !important;
}

.personal-stuff-radio{
  width: 20px;
  height: 20px;
  top: 2px;
}

.slot-status-text{
  font-weight: 900 !important;
  text-transform: uppercase !important;
  width: 100% !important;
  font-size: 10px !important;
}

.booking-slot-card{
  min-height: 50px;
  margin-bottom: 15px;
  position: relative;
}

.booking-customer-card:first-of-type{
  	margin-top: 25px;
}

.booking-information-section-title{
  border-bottom: 0.5px solid #CCC;
  padding-bottom: 0px;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  display: block;
  margin-top: 20px;
  text-transform: uppercase;
}

.booking-summary-table, .booking-cart-table{
  background: #FFF;
}

.booking-cart-table td{
  color: #000;
  font-size: 14px !important;
  text-transform: uppercase;
}


.booking-summary-table th{
  color: #000;
  font-weight: 900 !important;
  font-size: 13px !important;
  text-transform: uppercase;
}

.booking-summary-table td{
  color: #000;
}

.subscriptions-table th{
  font-size: 12px !important;
  padding: 10px 5px !important;
}

.subscriptions-table td{
  font-size: 11px !important;
  padding: 5px !important;
}

.personal-space-tab li a.personal-space-nav-link.active {
  border-bottom: 2px solid #1e88e5;
  color: #1e88e5;
}

.personal-space-nav-link-inventory-tab{
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.nav-fill .nav-item .personal-space-nav-link, .nav-justified .nav-item .personal-space-nav-link {
  width: 100%;
}

.personal-space-nav-link{
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: 0 0;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
  border: 0;
  padding: 15px 20px;
  font-size: 1rem;
}

.personal-space-nav-link > i{
  font-size: 20px !important;
  vertical-align: text-top !important;
}

.participant-card-booking-container{
  background: #FFF;
}

.participant-booked-slot-card{
  display: inline-block;
}

.participant-booked-slot-card:not(:last-of-type){
  margin-right: 10px;
}

.participant-booked-slot-card-date{
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.participant-booked-slot-card-service{ 
  color: #000;
  font-weight: 600;
  font-size: 16px;
}

.participant-booked-slot-card-setting-btn::after{
  margin-left: 1px !important;
}

.booking-participant-card-opened{
  border-radius: 4px 4px 0px 0px !important;
}

.form-section-title{
  background: #CCC;
  display: inline-block;
  font-size: 18px;
  color: #000;
  padding: 3px;
  border-radius: 4px;
}

.booking-participant-card-edit{
  margin-bottom: 10px;
}

button.amis-square-btn-xs{
  width: 30px !important;
  height: 30px !important;
}

button.amis-square-btn-xs > i{
  font-size: 16px !important;
  font-size: 16px !important;
}

.booking-information-section-space{
  margin-top: 50px;
}

.schedule-plan-employee-pic{
  width: 40px;
  height: 40px;
  border-radius: 100% !important;
  margin-right: 5px;
  margin-top: -5px;
  cursor: default;
}

div.avatar-total-hours-space{
  margin-left: 24px !important;
}

.booking-participant-card-buttons{
  position: absolute;
  right: 0;
}

.booking-client-container{
  background: #FFF;
  padding: 15px;
}

.create-booking-btn{
  display: inline-block;
}

.calendar-booking-card-body{
  padding: 15px 5px 5px 5px;
}

.calendar-booking-card-header {
    padding: 5px;
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    color: #000;
    font-weight: 900;
    border-bottom: 0.5px solid #CCC;
}

.fixed-calendar-booking-card-header{
  background-color: #EEE;
}

.schedule-plan{
  font-size: 14px;
}

.plan-view-time-container{
  display: flex;
  justify-content: space-between;
  margin: 0 3px 0px 10px;
  align-items: center;
}

.plan-view-duration-badge{
    background: #DDD;
    border-radius: 10px;
    width: 35px;
    height: 25px;
    font-size: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    margin-top: -2px;
    letter-spacing: 0px;
}

.schedules-table td.plan-view-day-box{
  padding: 10px !important;
}

.plan-view-day-inner-box{
  padding: 10px !important;
}

.booking-coach-status-1{
  background-color: rgb(255, 242, 204);
  color: rgb(214, 182, 86);
  border: 1px solid rgba(255, 242, 204) !important;
}

.booking-coach-status-2{
  background-color: rgba(239,114,158,0.5) !important;
  color: #000 !important;
  border: 1px solid rgba(239,114,158,0.5) !important;
}

.booking-coach-status-3{
  background-color: rgba(177,220,140,0.5) !important;
  color: #000 !important;
  border: 1px solid rgba(177,220,140,0.5) !important;
}

[type=checkbox].filled-in+label.confirmation-coach-select-checkbox:after{
  width: 15px !important;
  height: 15px !important;
}

[type=checkbox].filled-in+label.confirmation-coach-select-checkbox{
  font-size: 10px !important;
  padding-left: 20px !important;
  line-height: 17px !important;
  margin-top: 3px;
}

[type=checkbox].filled-in:checked+label.confirmation-coach-select-checkbox:before{
  top: -2px !important;
  width: 5px !important;
}

table.schedules-plan-table td{
  border: 1px solid #000 !important;
}

table.schedules-plan-table thead th{
  border-bottom: 0;
}

table.schedules-plan-table  td.summary-container{
  padding: 10px !important;
}

.booking-detail-main-info{
  border-right: 0.5px solid #D3D3D3;
}

.booking-detail-buttons-container{
  text-align: end;
  margin-top: 25px;
}

.booking-detail-service-container {
  margin-top: 25px;
}

.booking-detail-card-service-name{
  color: #000;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}

.booking-service-card-service-type{
  font-size: 12px;
  font-weight: 200;
}

.material-radio-button.change-start-time-radio:not(:checked), .material-radio-button.change-start-time-radio:checked{
  left: 5px !important;
  top: 2px !important;
}

.change-start-time-radio{
  width: 18px;
  height: 18px;
}

.fullscreen-modal{
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.booked-real-start-label {
  position: absolute;
  right: 5px;
  background: #000;
  color: #FFF;
  font-size: 9px;
  padding: 1px 3px;
  font-weight: 400;
}

.currently-reserved-real-start-label{
    background: #000;
    color: #FFF;
    font-size: 9px;
    padding: 1px 3px;
    font-weight: 400;
    display: inline-flex;
    line-height: 14px;
}


.booking-detail-participant-services {
  padding: 5px 0px 25px 0px;
}

.dropdown-item.text-danger{
  color: #fc4b6c!important;
}

.booking-detail-participant-container{
  margin-bottom: 25px;
}

.booking-detail-service-card.selected{
  background: rgba(255, 252, 127, 0.2);
}

.booking-detail-service-card{
  width: 100% !important;
}

.booking-detail-column{
  display: inline-block;
}

.booking-detail-date-box{
  border-radius: 4px;
    min-width: 170px;
    width: 170px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    font-weight: 600;
    padding: 0px 7px;
    text-transform: uppercase;
    color: #FFF;
    background: #777;
    line-height: 0px;
    margin-left: 10px;
}

.main-booking-detail-column{
  line-height: 10px;
}

.main-booking-detail-column > span{
  margin: 0 2px 0px 0px;
  padding: 2px 4px;
  font-size: 10px;
}

.booking-detail-service-card-name{
  font-size: 16px;
  margin-bottom: 5px;
}

.booking-detail-secondary-info-column{
  display: inline-flex !important;
  align-items: center !important;
  margin-left: auto;
}

.booking-detail-service-card-header{
  padding: 1px !important;
}

.printing-content{
  z-index: 99999999999999;
  position: relative;
}

.disclaimer-logo {
  text-align: center;
  margin-bottom: 20px;
}

.disclaimer-logo img {
  max-width: 150px;
}

.disclaimer-title {
  font-size: 24px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: center;
  color: #000;
  font-weight: 600;
}

.disclaimer-date{
  font-size: 20px !important;
}

.booking-detail-action-button{
  margin-left: 10px;
  border: none;
  background: transparent;
  font-size: 18px;
  color: #777;
}

.signatures {
  margin-top: 40px;
  text-align: center;
}

.signature-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.signature-line > span{
  text-align: center;
  letter-spacing: -2px;
}

.operation-info-card{
  max-width: 100%;
}

.opacity-1{
  opacity: 1 !important;
}

.appointment-slot-employee-select-container{
  display: inline-block;
  width: 250px;
  margin-left: 10px;
  position: relative;
}

.bottom-n200{
  bottom: -200px !important;
}

.appointment-slot-employee-select-container > label{
  position: absolute;
  left: 0;
  top: -20px;
}

.maximum-bookings-badge{
  position: absolute;
  right: 5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}

.service-card-body{
  padding: 10px;
}

.booking-service-detail-desc{
  margin-bottom: 5px;
  display: block;
}

.booking-employee-box{
  border: 0.5px solid #CCC;
  padding: 2px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 60px;
  border-radius: 2px;
}

.booking-employee-box > img{
  width: 20px;
  height: 20px;
  border-radius: 100% !important;
}

.booking-participant-coach-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.booking-employee-box-initials{
  border: 1px solid #CCC;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  letter-spacing: -1px;
}

.booking-employee-box-no-avatar{
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 50px;
}

.booking-employee-box-no-avatar > i{
  font-size: 20px;
}

.booking-employees-row{
  display: flex;
  flex-wrap: wrap;
}

.booking-employee-box:not(:last-of-type){
  margin-right: 5px;
}

.booking-multimedia-card > img{
  height: 125px !important;
  width: auto !important;
}

.booking-multimedia-column:not(:last-of-type){
  padding-right: 0px;
}

.close-multimedia-image-button{
  position: absolute;
  right: 0;
  margin: 5px;
  z-index: 2;
}

.booking-fixed-service-card{
  border: 1px solid rgb(255, 153, 31) !important;
}

.booking-calendar-participants-container{
  margin: 5px 0px;
}

.booking-fixed-class-badge{
  padding: 0px 3px !important;
  height: 17px !important;
}

.booking-fixed-class-badge > i{
  top: 2px;
  position: relative;
}

.booking-service-rate-container{
  margin-right: 10px;  
}

.booking-calendar-header{
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
}

.booking-calendar-time-column {
  position: sticky !important;
  left: 0 !important;
  background-color: #EEE !important;
  z-index: 1 !important;
}

.slots-calendar-time-column {
  position: sticky !important;
  left: 0 !important;
  background-color: #FFF !important;
  z-index: 1 !important;
}

.log-time-employee-column{
  background-color: #EEE !important;
  max-width: 300px !important;
  min-width: 260px !important;
}

.booking-calendar-time {
  position: sticky !important;
  top: 0 !important;
  background-color: #EEE !important;  
  z-index: 1 !important;
}

.booking-calendar-header > tr > th{
  background-color: #EEE !important;
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
}

.log-time-table-header > tr > th{
  background-color: #EEE !important;
}

.booking-detail-image-container{
  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
}

.booking-detail-image-container img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.material-radio-button.booking-status-hidden:checked+label, .material-radio-button.booking-status-hidden:not(:checked)+label{
  padding-left: 10px !important;
}

.booking-status-hidden{
  visibility: hidden;
}

.slot-status-text{
   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.supervise-projects-percentage-box span{
  padding: 2px 4px !important;
}

.update-previous-amount {
  font-size: 12px;
  text-decoration: line-through;
  color: #000;
  font-weight: 600;
}

.update-next-amount {
  color: #000;
  font-weight: 600;
}

.project-detail-row{
  margin-top: -35px;
}

.project-status-rounded-pill{
  border-radius: 5px !important;
  text-transform: capitalize !important;
}

.update-timeline-status > .label{
  font-size: 10px;
}

.calendar-booking-fixed-class-badge{
  margin-top: -1px;
}

.calendar-booking-fixed-class-badge > i{
  font-size: 18px;
  line-height: 0;
  top: 4px;
  position: relative;
  right: 1px;
}

.supervise-project-status-label-container span{
  font-size: 10px;
}

.supervise-project-prev-status-label-container .label{
  text-decoration: line-through;
}

.fixed-project-footer{
  position: absolute;
  width: 100%;
  bottom: 0;
}

.update-timeline-date-today{
  background-color:#009efb;
}

#modalbox3.modal.modalbox {
  z-index: 999999999999999 !important;
}

.project-budget-table > thead > tr > th, .project-budget-table > tbody > tr > td{
  padding: 5px !important;
  color: #000;
  font-weight: 500 !important;
}

.calendar-booking-status-circle{
  width: 17px;
  height: 17px;
  border-radius: 50%;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}

.booking-details-header{
  display: flex;
  align-items: center;
}

.invoice-title{
  color: #000;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}

.purchase-detail-amount-container:not(:last-of-type){
  margin-right: 25px;
}

.purchase-detail-amount-title{
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}

.invoice-title-subtitle{
  color: #000;
  font-weight: 900;
  font-size: 24px !important;
}

.purchase-detail-amount-label{
  color: #000;
  font-weight: 900;
  font-size: 18px !important;
}

.invoice-subtitle{
  color: #000;
  font-weight: 400;
  font-size: 14px;
}

.print-booking-summary th{
  background: #898889 !important;
  color: #FFF !important;
  font-weight: 500 !important;
}

.print-booking-summary th, .print-booking-summary td, .invoice-booking-cart-table th, .invoice-booking-cart-table td{
  border: 0 !important;
}

.invoice-account-contact-container{
  float: right;
}

.invoice-account-contact-item{
  font-size: 16px;
  margin-left: 5px;
}

.service-quantity-container{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #cccccc82;
  width: fit-content;
}

.service-quantity-btn{
  border: 0.5px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: #FFF;
  width: 24px;
  height: 24px;
}

.service-quantity-number{
  font-size: 16px;
  padding: 0px 10px;
}

.table-white th, .table-white td{
  background: #FFF !important;
}

.table-small thead th, .table-small tbody td{
  padding: 2px 6px !important;
}

.table-medium thead th, .table-medium tbody td{
  padding: 4px 8px !important;
}

.change-quote-status-container{
  display: flex;
  position: absolute;
  background: #FFF;
  padding: 10px;
  align-items: center;
  justify-content: center;
  width: fit-content;
}

.quote-report-status:first-of-type{
  margin-left: -12px !important;
}

.close-quote-status-btn{
  position: absolute;
  right: -30px;
  top: -30px;
  font-size: 20px;
}

.add-quote-btn{
  width: 25px;
  height: 25px;
}

.employee-add-time-container{
  text-align: center;
  color: #000;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 18px;
}

.employee-time-log-schedule+label:after, .employee-time-log-schedule+label:before{
  top: 2px !important;
  margin: 0px 2px !important;
  width: 18px !important;
  height: 18px !important;
}

.employee-time-log-schedule:checked+label, .employee-time-log-schedule:not(:checked)+label{
  font-size: 14px !important;
  color: #000 !important;
  margin-right: 5px !important;
}

.save-participant-button{
  height: 37px;
  width: 40px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -5px;
}

.employee-with-control-row{
  background: rgba(85,213,252,0.03);
}

.time-log-employee-column{
  padding: 10px !important;
  border-right: 0.5px solid #FFF !important;
  margin-right: 10px !important;
}

.employee-time-logs-table td.booking-calendar-time-column{
  padding: 0px !important;
}

.employee-time-log-outter-amis-datepicker-container{
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  border: 0 !important;
  padding: 0 !important;
  background: #FFF !important;
}

.cashflow-amount-remaining{
  width: 100%;
  display: block;
  text-align: end;
  color: #000;
  font-weight: 600;
  font-size: 16px;
}

.cashflow-form-container{
  display: inline-flex;
}

.cash-flow-input{
  min-height: 30px !important;
  height: 30px !important;
  margin-top: 5px;
  margin-right: 5px;
}

.current-remaining-amount{
  font-size: 16px;
  font-weight: 600;
  float: right;
}

.cashflow-action-button{
  height: 25px;
  width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cards-timeline-text{
  font-size: 18px;
  font-weight: 600;
  color: #000;
  padding-top: 10px;
  display: inline-block;
}

.gantt_tooltip{
  padding: 0;
  border: 0;
  border-radius: 0;
  width: 350px;
  white-space: inherit;
}

.employee-time-logs-table th{
  vertical-align: middle !important;
}

.package-frequency-container label{
  font-size: 11px !important;
  color: #000 !important;
}

.switch-field {
	display: flex;
	overflow: hidden;
  position: absolute;
  right: 0;
  top: -28px;
  right: 5px;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 10px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #a5dc86;
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}

.subscription-frequency-radio+label:after, .subscription-frequency-radio+label:before{
  z-index: -1 !important;
  visibility: hidden !important;
}

.subscription-frequency-radio:not(:checked)+label, .subscription-frequency-radio:checked+label {
  padding-left: 8px !important;
  height: 20px !important;
  line-height: 3px !important;
  max-width: 60px !important;
  font-size: 10px !important;
  margin-bottom: 0px !important;
}

.turns-service-card-footer{
  position: relative;
  padding: 5px 5px 0px 5px;
}

.subscription-quantity-btn{
  height: 20px !important;
  width: 20px !important;
  font-size: 10px !important;
}

.subscription-quantity-number {
  font-size: 13px !important;
  font-weight: 400 !important;
}

.material-radio-button:checked+.booking-participant-label.fs11, .material-radio-button:not(:checked)+.booking-participant-label.fs11{
  font-size: 11px !important;
}

.subscription-cost-radio:checked+label, .subscription-cost-radio:not(:checked)+label{
  padding-left: 25px;
  height: 25px !important;
  line-height: 20px !important;
  font-size: 10px !important;
}

.subscription-status-radio-1{
  background-color: rgb(76, 154, 255) !important;
  color: #FFF !important;
  border: 1px solid rgb(76, 154, 255) !important;
}

.subscription-status-radio-2{
  background-color: rgb(255, 86, 48) !important;
  color: #FFF !important;
  border: 1px solid rgb(255, 86, 48) !important;
}

.subscription-service-card{
  display: flex;
  flex-direction: column;
}

.subscription-service-card-body{
  flex-grow: 1;
  flex: 1; 
  min-height: 0
}

.subscription-package-footer {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.by-day-start-time-label{
  background: #FFF;
  color: #000;
  font-size: 8px;
  position: absolute;
  right: 0;
  top: 0px;
  padding: 0px 1px;
  border: 1px solid #000;
}

.by-day-end-time-label{
  background: #FFF;
  color: #000;
  font-size: 8px;
  position: absolute;
  right: 0;
  bottom: 0px;
  padding: 0px 1px;
  border: 1px solid #000;
}

.by-day-time-label {
  color: #000;
  font-weight: 600;
  display: block;
}

.log-time-employee-container{
  width: 155px;
  padding: 0.6rem;
  font-weight: 600;
  color: #272727;
  font-size: 9px;
}

.subscriptions-qty-badge{
  background: #000;
  color: #FFF;
  width: 17px;
  height: 17px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-radius: 50%;
  font-size: 12px;
  vertical-align: text-top;
  margin-top: 1px;
}

.fit-content{
  width: fit-content;
}

.booking-calendar-participant-option:hover{
  background: #EEE !important;
}

.subscription-employees-table td, .subscription-employees-table th{
  padding: 8px !important;
}

.subscriptions-participants-table th{
  text-transform: uppercase;
}

.subscriptions-participants-table th, .subscriptions-participants-table td{
  color: #000;
  font-weight: 400;
}

.manage-subscription-details-header{
  display: flex;
  align-items: center;
  position: sticky;
  width: 100%;
  background: #FFF;
  top: 0;
  margin-bottom: 25px;
  padding-top: 0px;
  z-index: 9998;
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
}

.participants-attendance-btn{
  font-size: 14px !important;
}

.participants-attendance-btn > span > i{
  font-size: 12px !important;
}

.allow-attendance-checkbox.filled-in+label:after, .allow-attendance-checkbox.filled-in+label:before {
  width: 15px !important;
  height: 15px !important;
}

.allow-attendance-checkbox+label{
  padding-left: 18px !important;
  line-height: 15px !important;
  font-size: 12px !important;
}

.allow-attendance-checkbox.filled-in:checked+label:before{
  width: 10px !important;
  height: 10px !important;
  border-top: 2px solid transparent;
  border-left: 6px solid transparent;
  left: -2px;
}

.service-weekday-separator:not(:first-of-type){
  border-left: 1px solid #CCC;
  margin-left: 3px;
}

.fixed-class-change-employee-btn{
  display: inline-block;
  float: right;
  padding: 2px 6px;
}

.day-view-employee-card-main-info-container {
  display: flex;
  align-items: center;
  padding: 10px;
}

.day-view-employee-card-main-name {
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
}

.day-view-employee-card-main-position {
  color: #AAA;
  font-weight: 600;
  font-size: 11px;
}

.day-view-employee-card-main-name-container {
  line-height: 12px;
  margin-left: 5px;
}

.day-view-employee-card {
  margin: 15px;
  border: 3px solid #E7E7E7;
  min-width: 300px;
  background: #FFF;
  border-radius: 5px;
}

.day-view-employee-card-main-info-inner-container{
  display: flex;
  align-items: center;
}

.day-view-employee-card-main-info-total-scheduled-hours {
  background: #000;
  color: #FFF;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 11px;
  margin-left: auto;
  font-weight: 400;
}

.day-view-employee-card-container{
  padding: 10px;
}

.day-view-employee-card-shift-container {
  background: rgba(221,221,221,0.3);
  color: #000;
  padding: 10px;
  margin: 10px 0px;
  border-radius: 10px 10px 0px 0px;
}

.day-view-employee-card-shift-times {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.day-view-employee-card-shift-times-container{
  width: 100%;
}

.day-view-employee-card-shift-times-container:not(:last-of-type){
  margin-bottom: 25px;
}

.day-view-employee-card-shift-times > span:first-of-type{
  font-weight: bold;
  font-size: 13px;
}

.day-view-employee-card-shift-times > span:last-of-type{
  color: #000;
  font-weight: 500;
  background: rgba(221,221,221);
  border-radius: 5px;
  padding: 3px 6px;
}

.day-view-employee-card-fixed-class-info-container{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  border-radius: 4px;
}

.day-view-employee-card-fixed-class-info-times {
  font-size: 11px;
  font-weight: 500;
  text-align: end;
}

.day-view-employee-card-fixed-class-info-times > span{
  width: 75px;
  display: inline-block;
}

.day-view-employee-card-fixed-class-info-name {
  font-weight: bold;
}

.day-view-employee-card-fixed-class {
  margin-bottom: 10px;
}

.day-view-employee-shift-notes{
  display: block;
  margin-top: -4px;
}

.booking-service-box-date{
  display: inline-block;
}

.booking-service-box-date-day{
  font-size: 14px;
  display: inline-block;
}

.booking-service-box-date-month{
  font-size: 11px;
  font-weight: 400;
  display: inline-block;
  margin-left: 2px;
}

.booking-service-box-date-year{
  font-weight: 400;
}

.reports-category-title{
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}

.report-card-title{
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.reports-main-wrapper{
  margin: 15px;
}

.reports-radio-buttons+label:after, .reports-radio-buttons+label:before, .reports-radio-buttons:not(:checked)+label:before{
  width: 20px !important;
  height: 20px !important;
}

.coach-type-container > .reports-radio-buttons+label:after, .reports-radio-buttons+label:before{
  width: 20px !important;
  height: 20px !important;
}
.reports-radio-buttons-sm+label:after, .reports-radio-buttons-sm+label:before{
  width: 20px !important;
  height: 20px !important;
}

.reports-radio-buttons.with-gap:checked+label:after, .reports-radio-buttons:checked+label:after{
  border: 2px solid #000 !important;
}

.reports-radio-buttons:checked+label, .reports-radio-buttons:not(:checked)+label{
  padding-left: 34px !important;
  line-height: 32px !important;
  font-size: 14px !important;
  margin-right: 10px;
}

.reports-radio-buttons-sm:checked+label, .reports-radio-buttons-sm:not(:checked)+label{
  padding-left: 30px !important;
  line-height: 30px !important;
}

.cards-employees-summary-position{
  margin-top: 75px;
  margin-left: 10px;
}

.general-report-card-title{
  font-size: 20px;
  line-height: 30px;
  color: #67757c;
  border-bottom: dotted 2px #67757c;
  margin-bottom: 25px;
  padding-bottom: 5px;
}

.report-filters-dropdown {
  display: none;
}

.report-filters-btn-group:hover .report-filters-dropdown {
  display: block;
  min-width: 250px;
  max-height: 85vh;
  overflow-y: auto;
  scrollbar-width: none;
}

.table-dark-rows tbody tr{
  background-color: #777 !important;
  color: #FFF !important;
}

.out-of-range {
  color: #ccc;
}

.reports-calendar-table > tbody > tr > td{
  width: 70px;
  height: 70px;
  padding: 5px;
}

table.subscription-calendar-table > tbody > tr > td{
  width: 50px;
  height: 50px;
  padding: 5px;
}

.subscription-days-table th{
  max-width: 150px !important;
  width: 150px !important;
  padding: 5px;
}

.reports-calendar-table-day{
  background: #777;
  color: #FFF;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 400;
}

.reports-calendar-table-hover-info:hover{
  background-color: rgba(0, 116, 193, 0.3);
}

.table-dark-border{
  border: 2px solid #000;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.amis-loader{
  border: 4px solid rgba(255,255,255,0.3);
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.report-filters-dropdown-flex:hover{
  display: flex;
}

.td-any-report-employee-filter.active{
  margin-right: 0 !important;
}

.reports-calendar-table-hover-info {
  display: inline-block;
  margin-right: 10px;
}

.form-group label.secondary-custom-label{
  color: #000 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}

.form-group label.secondary-small-custom-label{
  font-size: 11px !important;
}

.mt-15{
  margin-top: 15px !important;
}

.work-assignation-picker-td{
  padding: 0 !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.custom-tooltip:hover > .tooltiptext-contents{
  display: contents !important;
}

.calendar-view-condensed-info > tbody > tr > td{
  padding: 0.25rem !important;
}
.centered-tooltiptext{
  position: fixed !important;
  z-index: 9999 !important;
  left: 50% !important;
  top: 50% !important;
  width: max-content !important;
  height: max-content !important;
  overflow: auto !important;
  background-color: rgba(0,0,0,0.4) !important;
  bottom: 0 !important;
  max-width: none !important;
  margin-left: 0 !important;
  transform: translate(-50%, -50%) !important;
}

.centered-tooltiptext > table{
  margin: 0% auto !important;
  padding: 0px !important;
  border: 1px solid #888 !important;
  width: 100% !important;
}

.card-time-report-calendar-column.active{
  background-color: rgba(0, 116, 193, 0.3);
}

.report-tables-row-hoverable:hover{
  background-color: rgba(0, 0, 0, 0.05);
}

.amis-secondary-tab li a.amis-secondary-tab-nav-link.active{
  border-bottom: 2px solid #855d16 !important;
  color: #855d16 !important;
}

.amis-secondary-tab-nav-link:hover{
  color: #855d16 !important;
}

.line-height-12{
  line-height: 12px !important;
}

.line-height-15{
  line-height: 15px !important;
}

.line-height-10{
  line-height: 10px !important;
}

.service-row-column-badges > span{
  margin: 0 2px 0px 0px;
  padding: 1px 3px;
  font-size: 10px;
}

.service-row-column-format-circle{
  border: 0.5px solid #CCC;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.service-row-column:not(:last-of-type){
  margin-right: 5px;
}

.service-category-item, .discount-item {
  padding: 10px;
  border: 0.5px solid #DDD;
  cursor: pointer;
}

.service-categories-container{
  background-color: #F7F9FB;
}

.service-categories-list-title{
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 10px;
  display: block;
}

.schedule-preview-container{
  display: inline-block;
  padding: 10px;
}

.schedule-preview-container:not(:last-of-type){
  margin-right: 10px;
  border-right: 0.5px solid #CCC;
  padding-right: 10px;
}

.projects-search-container{
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.projects-search-container > input{
  background-color: rgb(241, 241, 241);
}

.operation-schedule-employees{
  margin-top: 5px;
}

.table-header-no-border th{
  border-top: 0 !important;
}

.badge-secondary{
  border: 1px solid #6c757d;
}

.booking-detail-notes-container{
  background: #fff;
  padding: 10px;
  border: 0.5px solid #DDD;
  border-radius: 8px;
}

.booking-detail-mini-thumbnails, .booking-detail-mini-thumbnails > img, .booking-detail-mini-thumbnails > video{
  width:25px;
  height:25px;
  border-radius:50%
}

.booking-detail-mini-thumbnails:not(:last-of-type){
  margin-right: 5px;
}

.booking-detail-mini-thumbnails:first-of-type{
  margin-left: 5px;
}

.input-arrow{
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.arrow-left{
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.arrow-right{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.reports-checkboxes.filled-in:checked+label:before{
  transform-origin: 105% 10% !important;
  zoom: 0.7 !important;
  border-right: 3px solid #fff !important;
  border-bottom: 3px solid #fff !important;
  top: 6px !important;
  left: 8px !important;
  border-top: 2px solid transparent !important;
  border-left: 10px solid transparent !important;
  transform: rotateZ(30deg);
}

table.schedules-plan-day-view td{
  border: 1px solid #EEE !important;
}


.sticky-header.is-sticky th {
  top: 0;
}

.sticky-header.is-sticky.scrolled th {
  top: -8px;
}

.booking-service-status-1{
  background-color: #dc3545 !important;
  color: #FFF !important;
  border: 1px solid #dc3545 !important;
}

.booking-service-status-2{
  background-color: #2B80C8 !important;
  color: #FFF !important;
  border: 1px solid #2B80C8 !important;
}

.booking-service-status-border-1{
  border: 2px solid #dc3545 !important;
}

.booking-service-status-border-2{
  border: 2px solid #2B80C8 !important;
}

.blocked-slot{
  font-size: 11px;
  color: #060400;
  text-align: center;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.blocked-slot > span{
  position: absolute;
  z-index: 11;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  font-size: 14px;
}

.blocked-slot:after {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  left: -4px;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  background: url('/resources/no_work_bg.png');
  border-top: 1px solid #FB3232;
  border-right: 1px solid #FB3232;
  border-bottom: 1px solid #FB3232;
  border-left: 4px solid #FB3232;
}

.project-radio:checked+label, .project-radio:not(:checked)+label{
  height: 0 !important;
}

.amis-submit-button-danger:hover{
  color: #FFF !important;
}

.booking-services-service-participants-badge{
  background: #000;
  color: #FFF;
  width: 45px;
  border-radius: 4px;
  height: 25px;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.booking-services-service-container{
  margin-bottom: 15px;
}

.booking-services-service-slot-date{
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  display: inline-flex;
  margin-right: 10px;
}

.booking-services-service-slot-container {
  border: 1px solid #CCC;
  margin-top: 15px;
  padding: 8px;
  display: flex;
  align-items: center;
  border-radius: 8px;
}

.booking-detail-services-service-slot-container {
  border: 1px solid #CCC;
  margin-top: 15px;
  padding: 8px;
  border-radius: 8px;
}



.booking-services-service-slot-participant{
  padding: 5px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: bold;
}

.booking-detail-services-service-slot-participant{
  padding: 2px 4px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 9px;
}

.booking-services-service-slot-participant:not(:last-of-type){
  margin-right: 10px;
}


.booking-participant-box{
  display: inline-flex;
  border-radius: 4px;
  border: 1px solid #777;
  margin-bottom: 10px;
  width: 165px;
  height: 35px;
}

.booking-participant-box:not(:last-of-type){
  margin-right: 10px;
}

.booking-participant-box-main-info{
  padding: 5px;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  line-height: 11px;
  font-size: 9px !important;
  width: 100%;
  border-radius: 3px 0px 0px 3px;
}

.booking-participant-box-status{
  display: inline-flex;
  min-height: 30px;
  padding: 5px 15px;
  text-transform: uppercase;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
  font-size: 12px !important;
  line-height: 33px !important;
}

.booking-participant-box-vertical-line{
  height: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 13px;
  margin-left: 13px;
  margin-top: -2px;
  border-right: 1px solid #000;
}

.booking-customer-border{
  border-bottom: 2px solid;
  margin: 0px 0px;
  padding-bottom: 10px;
}

.booking-discount-label{
  background: #e0877f;
  width: max-content;
  border-radius: 4px;
  padding: 1px 4px;
  font-size: 7px;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
}

.booking-discount-label:not(:last-child){
  margin-bottom: 2px;
}

.booking-payment-status-box{
  width: fit-content;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 10px;
  margin-left: 15px;
  text-transform: uppercase;
  font-size: 10px;
  cursor: pointer;
}

.booking-status-dropdown-container{
  position: absolute;
  border: 0.5px solid #CCC;
  width: 100%;
  z-index: 1;
}

.booking-status-dropdown-container-item {
  display: flex;
  align-items: center;
  padding: 5px;
  border: 0.5px solid #CCC;
  background: #FFF;
}

.slot-available-employees-badge{
  background: rgb(130, 179, 102);
  color: #FFF;
  border-radius: 2px;
  width: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}

.participant-filter-eye{
  background-color: #FFF;
  border-radius: 0px 3px 3px 0px;
}

.participant-filter-eye.active{
  background: #CCC;
  color: #000;
  border: 0.5px solid #000;
  box-shadow: 0 0 10px;
}

.min-w-50{
  min-width: 50%;
}

.round-payment-method{
  line-height: 65px;
  width: 40px;
  height: 40px;
  font-size: 22px;
}

.hovered-row {
  background-color: #f0f0f0; /* Change this to your desired hover background color */
}

.tooltip-row {
  position: absolute;
  background-color: #fff;
  z-index: 1000;
  margin-top: -180px;
  left: 0;
}

.disclaimer-status-badge{
  border-radius: 50%;
  width: 20px;
  display: inline-flex;
  justify-content: center;
  height: 20px;
  align-items: center;
}

.eye-filter-badge{
  background-color: #FFF;
}

.booking-detail-date-col{
  padding: 15px;
  border: 1px solid #999;
  border-radius: 10px;
}

.booking-detail-date-card{
  margin-bottom: 10px !important;
  padding: 0px 40px;
  border-radius: 25% !important;
  position: absolute;
  top: -20px;
  left: 30px;
}

.dataTables_filter > label > input{
  background-color: #FFF !important;
  border-radius: 4px !important;
  padding-left: 6px !important;
  width: 200px !important;
}

.booking-detail-notes-container-alert{
  background: #ffcc00 !important;
  color: #000 !important;
  font-weight: 400;
}

.operation-appointment-turns-table{
  width: 100%;
  border-collapse: collapse;
}

.operation-appointment-turns-table > thead th {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 2;
}

.operation-appointment-turns-table td:first-child,
.operation-appointment-turns-table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
}

.operation-appointment-turns-table th::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000; /* Your border color */
}

.turns-table-container, .overflow-y-auto {
  overflow-y: auto !important;
}

.max-h-500{
  max-height: 500px;
}

.participant-qty-badge{
  font-weight: 500;
  background: #000;
  color: #FFF;
  border-radius: 25%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
}

[type=checkbox]:disabled.filled-in:checked.chk-col-blue+label:after {
  border: 2px solid #CCC !important;
  background-color: #DDD !important;
}

.discount-summary-column.active{
  background-color: #999;
  cursor: pointer;
}

.discount-summary-column-pencil{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #FFF;
}

.booking-detail-participant-actions-container{
  margin: 10px 0px;
  border-bottom: 0.5px solid #CCC;
  padding-bottom: 10px;
}

.fixed-calendar-booking-card-header.active{
  background-color: rgba(177,220,140,0.5) !important;
}

.absences-modal-button{
  position: absolute !important;
  top: -5px;
  width: 150px;
  height: 25px;
  right: 5px; 
}

.form-results-section {
  background: #CCC;
  color: #777;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  border-radius: 4px; 
}

.form-results-section-field-container {
  padding: 20px 10px;
}

.form-results-section-field-container-question-number{
  background: #CCC;
  color: #777;
  font-weight: bold;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}



.form-results-section-field-container-question-text{
  color: #777;
  padding-left: 10px;
  font-size: 14px;
  width: 90%;
  display: inline-block;
  vertical-align: middle;
}

.form-results-section-field-answers-table{
  margin-top: 15px;
  max-width: 100%;
}

.campaign-results-canvas{
  width: 175px !important;
  height: 175px !important;
  margin: 0 auto !important;
  margin-top: -15px !important;
}

.form-results-summary-item {
  background: #CCC;
  color: #777;
  font-weight: bold;
  font-size: 16px;
  padding: 2px 6px;
  border-radius: 5px;
  text-transform: uppercase;
}

.form-results-summary-container{
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}

.campaign-result-subjective-answer {
  border-bottom: 0.5px solid #EEE;
  padding: 5px;
  background: #F7F9FB;
}

.instance-answer-score-badge {
  position: absolute;
  right: 10px;
  top: 25px;
  color: #000;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 20px;
  font-weight: bold;
}

.chart-line{
  display: inline-flex;
  width: 100%;
  height: 15px;
}

@keyframes spin{
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}  
}

.booking-customer-hover{
  background-color: rgb(153, 153, 153, 0.4);
  cursor: pointer;
}

.no-employees-booking-participant{
  display: inline-flex !important;
}

.no-employees-booking-participant:not(:first-child){
  margin-left: 3px;
}

.services-qty-badge{
  background-color: #BBB;
  color: #FFF;
  border-radius: 8px !important;
  vertical-align: middle;
}

i.active{
  color: rgba(177,220,140,1) !important;
}

a.text-info, button.text-info {
  color: #1e88e5!important;
}

a.text-success, button.text-success {
  color: #21c1d6!important
}

.booking-service-dropdown-id{
  margin-left: 15px;
  font-weight: bold;
  padding: 0px;
  font-size: 11px;
  margin-top: -5px;
}

.campaign-status-1{
  background-color: rgb(255, 196, 0) !important;
  color: #000 !important;
  border: 1px solid rgb(255, 196, 0) !important;
}

.campaign-status-2{
  background-color: rgb(76, 154, 255) !important;
  color: #FFF !important;
  border: 1px solid rgb(76, 154, 255) !important;
}

.campaign-status-3{
  background-color: rgb(174, 213, 129) !important;
  color: #000 !important;
  border: 1px solid rgb(174, 213, 129) !important;
}

.form-instance-status-1{
  background-color: rgb(255, 196, 0) !important;
  color: #000 !important;
  border: 1px solid rgb(255, 196, 0) !important;
}

.form-instance-status-2{
  background-color: rgb(76, 154, 255) !important;
  color: #FFF !important;
  border: 1px solid rgb(76, 154, 255) !important;
}

.evaluation-campaign-title{
  display: block;
  color: #000;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 25px;
}

.form-results-section-field-answers-table > tbody > tr:first-child > td{
  border-top: 2px solid rgb(103, 117, 124);
} 

.pie-result-legend{
  width: 15px;
  height: 15px;
  display: block;
  border-radius: 50%;
}

.employee-evaluation-container{
  position: fixed; /* Stay in place */
  z-index: 1002; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.employee-evaluation-container-content {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
  right: 0;
  position: absolute;
  top: 0;
}

.campaign-results-table > tbody > tr > td{
  border: none !important;
}

.campaign-results-table > tbody > tr{
  border-bottom: 1px solid #dee2e6;
}

.employee-evaluation-close-button{
  background: #777;
  border: 0;
  color: #FFF;
  border-radius: 50%;
  font-weight: bold;
  position: absolute;
  right: 20px;
  width: 25px;
  height: 25px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-default-outline{
  width: 40px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border: 1px solid #616161;
  color: #616161;
  font-weight: 500;
}

.subscription-schedule-box:not(:last-of-type){
  margin-right: 10px;
}

.subscription-schedule-box{
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}

.subscription-schedule-box-container {
  display: flex;
  flex-wrap: wrap;
}

.available-subscription-slot{
  background-color: #B9E0A5;
}

.almost-occupied-subscription-slot{
  background-color: #FFF4C3;
}

.occupied-subscription-slot{
  background-color: #FFCCCC;
}

.subscription-calendar-table th, .subscription-calendar-table td{
  border: 1px solid #CCC !important;
}

.subscription-calendar-table td > span.out-of-range{
  color: #AAA !important;
}

.cancelled-fixed-class-container{
  font-size: 11px;
  color: #060400;
  text-align: center;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  width: 100%;
  height: -webkit-fill-available;
  top: 0;
  left: 0;
  z-index: 1;
}

.cancelled-fixed-class-container::after{
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  left: -1px;
  right: 1px;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  background: url('/resources/no_work_bg.png');
  border: 1px solid #FB3232;
}

.cancelled-fixed-class-container-text{
  position: absolute;
  z-index: 11;
  top: 5px;
  font-size: 14px;
  text-transform: uppercase;
  left: 30px;
}

.manage-booking-participant-button-box{
  margin-bottom: 0px;
  border: none;
  display: inline-block;
  vertical-align: top;
}

.manage-booking-participant-button-box > button{
  line-height: 14px;
  height: 35px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  width: 140px;
  text-align: left;
  background: #FFF;
}

.manage-booking-participant-button-box > button > i{
  font-size: 15px;
  margin-right: 5px;
}

.subscription-detail-date-box{
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 400;
  text-transform: uppercase;
}

.subscription-detail-date-box-active{
  background-color:rgb(255, 86, 48);
  color:#FFF;
}

.subscription-detail-date-box-almost-expired{
  background-color:rgb(255, 196, 0);
  color:#000;
}

.subscription-detail-date-box-expired{
  background-color:rgb(151, 160, 175);
  color:#FFF;
}

.absolute-center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text-success-material{
  color: #198754 !important;
}

.subscription-calendar-column{
  width: 100px !important;
  max-width: 100px !important;
}

.fixed-class-detail-date-box {
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 50px;
  border-radius: 10px;
  line-height: 1;
}

.fixed-class-detail-date-box-date {
  text-align: center;
  border-right: 1px solid;
  padding-right: 10px;
}

.fixed-class-detail-date-box-time{
  text-align: center;
  padding-left: 10px;
}

.fixed-class-add-employees-btn-container{
  vertical-align: top;
  margin-top: 10px;
  float: right;
}

.round-payment-method-aux{
  line-height: 50px;
  width: 40px;
  height: 40px;
  font-size: 15px;
}

.add-supplier-container{
  border: 1px solid #e8e8e8;
  min-height: 40px;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px 10px;
  min-width: 150px;
}

.selected-supplier-item {
  background: #BBB;
  color: #000;
  border-radius: 4px;
  padding: 2px 4px;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.selected-supplier-item:not(:last-child) {
  margin-right: 10px;
}

::-webkit-scrollbar {
  width: 10px !important; 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888 !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}

.booking-calendar-participant-coach-container:not(:last-of-type) {
    border-bottom: 0.5px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.discount-summary-table thead th {
  font-weight: 500;
  padding: 3px;
  font-size: 11px;
}

.booking-cart-table.pending-payments-cart-table td{
  font-size: 18px !important;
}

tr.active{
  background-color: rgba(142, 195, 242, 0.2) !important;
}

.comment-container{
  border: 1px dashed #CCC;
}

.comment-header{
  color: #777;
  padding: 5px 5px 1px 5px;
  font-size: 12px;
}

.comment-user, .comment-date{
  text-transform: uppercase;
  font-size: 10px;
}

.comment-date{
  float: right;
}

.comment-body{
  padding: 0px 5px 5px 5px;
  color: #000;
  font-weight: 400;
  font-size: 12px;
}

.invoices-inner-table{
  width: 175px !important;
}

.m-t-7{
  margin-top: 7px !important;
}

.m-t-10{
   margin-top: 10px !important;
}

.m-l-10{
  margin-left: 10px !important;
}

.manage-payment-label{
  display: inline-flex;
  justify-content: space-between;
  width: 330px;
}

.customer-pending-amount-input{
  width:80px !important;
  max-height: 30px;
  height: 30px;
  min-height: 30px;
}

.invoice-title-badge{
  background-color: rgb(0, 141, 166);
  color: #FFF;
}

.receipt-title-badge{
  background-color: rgb(54, 179, 126);
  color: #FFF;
}

.shadow-none{
  box-shadow: none !important
}

.positive-review-badge{
  border: 1px solid blue;
  padding: 2px 4px;
  font-size: 16px !important;
  color: blue;
}

.neutral-review-badge{
  border: 1px solid orange;
  padding: 2px 4px;
  font-size: 16px !important;
  color: orange;
}

.negative-review-badge{
  border: 1px solid red;
  padding: 2px 4px;
  font-size: 16px !important;
  color: red;
}

.rating-container-item {
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #000;
}

.rating-container-item-sm {
  width: 15px !important;
  height: 15px !important;
}

.rating-container-item:not(:last-of-type) {
  margin-right: 3px;
}

.tooltiptext > .comment-container{
  overflow-wrap: break-word;
  display: contents;
}

.line-height-5{
  line-height: 5px;
}

.table-pending-payments > tbody > tr > td{
  padding: 25px 10px;
}

.toast-bottom-right{
  right: 100px !important;
  bottom: 16px !important;
}

.summary-info-box {
  display: inline-flex;
  align-items: center;
  border: 0.5px solid #CCC;
  padding: 10px;
  border-radius: 4px;
  width: 45%;
  margin-left: 10px;
}

.summary-info-box-text{
  margin-left: 10px;
}

.summary-info-box-number {
  margin-left: auto;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.summary-info-box-text-main {
  color: #000;
}

.light-green-bg{
  background-color: rgba(174, 213, 129, 0.6) !important;
}

.light-yellow-bg{
  background-color: rgba(255, 196, 0, 0.4) !important;
}

.light-red-bg{
  background-color: rgba(239, 83, 80, 0.6) !important;
}

.light-blue-bg{
  background-color: rgba(76, 154, 255, 0.4) !important;
}

.shadow-selection-feedback{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
}

.amis-side-modal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999999;
}

.amis-side-modal-content {
  position: fixed;
  top: 0;
  right: 0; 
  background: white;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
  z-index: 9999999999999; 
  padding: 20px;
  overflow-y: auto;
  max-height: 100%;
}

.amis-centered-modal-content {
    background: white;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    z-index: 9999999999999;
    padding: 20px;
    overflow-y: auto;
    max-height: 80%;
    margin: 5% auto;
    width: 80%;
}

.amis-side-modal-header{
  display: flex;
  align-items: center;
  width: 100%;
}

.operation-report-chart{
  width: 100%;
  min-height: 75px !important;
  height: auto; /* Allow the height to adjust automatically */
}

/* Optionally set the ApexCharts div to fit its content */
.apexcharts-canvas {
  height: auto !important; /* Make sure the canvas adjusts its height */
}

.h-auto{
  height: auto !important;
}

.custom-secondary-badge{
  background: #CCC;
  border: 1px solid #AAA;
  color: #616161;
}

.area-level-badge{
  background: #000;
  color: #FFF;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
}

.no-caret {
  caret-color: transparent; /* This hides the blinking caret */
}

.query-submenu {
  position: absolute;
  background: #FFF;
  left: 250px;
  z-index: 2;
  top: 30px;
  min-width: 200px;
  display: none;
}

.query-submenu-item {
  padding: 10px;
  border: 1px solid #CCC;
  cursor: pointer;
  color: #616161;
}

.query-submenu-item:hover{
  background-color: #EEE;
}

.requisition-status-radio-1{
  background-color: rgba(255, 196, 0, 0.5) !important;
  color: #000 !important;
}

.requisition-status-radio-2{
  background-color: rgba(255, 151, 0, 1) !important;
  color: #000 !important;
}

.requisition-status-radio-3{
  color: #fff !important;
  background-color: #166dba !important;
}

.requisition-status-radio-4{
  background-color: rgba(245, 148, 56, 1) !important;
  color: #FFF !important;
}

.requisition-status-radio-5{
  background-color: rgba(0,146,255,1) !important;
  color: #FFF !important;
}

.requisition-status-radio-6, .requisition-status-radio-7{
  background-color: #dc3545 !important;
  color: #FFF !important;
}

.requisition-item-status-radio-1{
  background-color: rgba(255, 196, 0, 0.5) !important;
  color: #000 !important;
}

.requisition-item-status-radio-2{
  background-color: rgba(255, 165, 0, 1) !important;
  color: #000 !important;
}

.requisition-item-status-radio-3{
  background-color: rgba(85,213,252,1) !important;
  color: #000 !important;
}

.requisition-item-status-radio-4{
  background-color: rgba(245, 148, 56, 1) !important;
  color: #FFF !important;
}

.requisition-item-status-radio-5{
  background-color: rgba(0,146,255,1) !important;
  color: #FFF !important;
}

.requisition-item-status-radio-6, .requisition-item-status-radio-7{
  background-color: #dc3545 !important;
  color: #FFF !important;
}

.card-article-status-1{
  background-color: rgba(255, 196, 0, 1) !important;
  color: #000 !important;
}

.card-article-status-2{
  background-color: rgba(85,213,252,1) !important;
  color: #000 !important;
}

.purchase-status-radio-1{
  background-color: rgba(255, 196, 0, 0.5) !important;
  color: #000 !important;
}

.purchase-status-radio-2{
  background-color: rgba(255, 151, 0, 1) !important;
  color: #000 !important;
}

.purchase-status-radio-3{
  color: #fff !important;
  background-color: #166dba !important;
}

.purchase-status-radio-4{
  background-color: rgba(211, 138, 1, 1) !important;
  color: #000 !important;
}

.purchase-status-radio-5{
  background-color: rgba(166, 108, 0, 1) !important;
  color: #FFF !important;
}

.purchase-status-radio-6{
  background-color: rgba(135, 87, 0, 1) !important;
  color: #FFF !important;
}

.purchase-status-radio-7{
  background-color: rgba(245, 148, 56, 1) !important;
  color: #FFF !important;
}

.purchase-status-radio-8{
  background-color: rgba(0,230,112,1) !important;
  color: #000 !important;
}

.purchase-status-radio-9{
  background-color: rgba(0,146,255,1) !important;
  color: #FFF !important;
}

.purchase-status-radio-10{
  background-color: #dc3545 !important;
  color: #FFF !important;
}

.purchase-reception-status-radio-1{
  background-color: #dc3545 !important;
  color: #FFF !important;
  border: 1px solid #dc3545 !important;
}

.purchase-reception-status-radio-2{
  background-color: rgba(255, 196, 0, 0.5) !important;
  color: #000 !important;
  border: 1px solid rgba(255, 196, 0, 0.5) !important;
}

.purchase-reception-status-radio-3{
  background-color: rgba(85,213,252,1) !important;
  color: #000 !important;
  border: 1px solid rgba(85,213,252,1) !important;
}

.article-status-radio-1{
  background-color: rgba(85, 213, 252, 1) !important;
  color: #000 !important;
}

.article-status-radio-2{
  background-color: #dc3545 !important;
  color: #FFF !important;
}

.article-status-radio-3{
  background-color: #FFCC00 !important;
  color: #000 !important;
}

.purchase-order-item-status-1{
  background-color: rgba(255, 196, 0, 0.5) !important;
  color: #000 !important;
}

.material-radio-button.purchase-detail-radio-button:not(:checked), .material-radio-button.purchase-detail-radio-button:checked{
  top: -4px !important;
}

.purchase-order-item-status-2{
  background-color: rgba(255, 196, 0, 1) !important;
  color: #000 !important;
}

.purchase-order-item-status-3, .purchase-order-item-status-5{
  background-color: rgba(85,213,252,1) !important;
  color: #000 !important;
}

.purchase-order-item-status-4{
  background-color: #dc3545 !important;
  color: #FFF !important;
}

.save-type-attribute-btn{
  border: 1px solid #CCC !important;
  position: initial !important;
  background: #FFF;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: .5 !important;
  transition: opacity .15s ease;
}

.purchase-cost-input{
  min-height: 25px;
  max-height: 25px;
  width: 150px;
}

.save-type-attribute-btn:hover, .save-type-attribute-btn:hover > i{
  border-color: #000 !important;
  color: #000 !important;
  font-weight: bold !important;
}

.purchase-item-delete-btn{
  height: 25px;
  width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  float: right;
}

.go-top-button, .go-bottom-button {
  position: fixed;
  right: 20px;
  z-index: 1000;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #007bff;
  color: white;
  cursor: pointer;
  border-radius: 50% !important;
  width: 50px !important;
  height: 50px !important;
  border: 1px solid #CCC !important;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: .7 !important;
  transition: opacity .15s ease;
  color: #666666 !important;
  font-size: 20px;
}
.go-top-button {
  bottom: 60px;
}

.go-bottom-button {
  bottom: 20px;
}

.movement-detail-table > tbody > tr > td{
  font-size: 12px !important;
}


.purchase-order-attachments-container{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.purchase-order-attachment-item > img{
  width: 100px;
  height: 100px;
}

.purchase-order-attachment-item:not(:last-of-type){
  margin-bottom: 10px;
}

.purchase-order-attachment-item{
  cursor: pointer;
}

.purchase-order-attachment-file{
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #CCC;
}

.material-radio-button.purchase-status-radio:not(:checked), .material-radio-button.purchase-status-radio:checked{
  left: 20px !important;
}

.warehouse-movement-card {
    border: 0.5px solid #CCC;
    padding: 10px;
    border-radius: 5px;
}

.warehouse-movement-card-header > span{
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.warehouse-movement-card-header {
  border-bottom: 0.5px solid #CCC;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.dashed-border{
  border: 0.5px dashed #CCC;
}

.warehouse-movement-card-footer {
  border: 0.5px dashed #CCC;
  margin-top: 5px;
  padding: 5px;
} 

.warehouse-movement-card-footer-container-creation > span{
  font-size: 12px;
  font-weight: 400;
}

.purchase-details-main-information{
  margin-top: 15px;
}

.purchase-detail-status-card{
  width: 300px;
  z-index: 10;
}

.purchase-order-detail-code{
  margin-left: 5px;
  font-weight: bold;
  font-size: 24px;
  color: #000;
}

.close-add-item-form-button{
  position: absolute;
  right:  0px;
  top: -10px;
  border: 0.5px solid #000;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background: #000;
  color: #FFF;
  cursor: pointer;
}

.file-actions-container {
  width: 100px;
  border: 0.5px solid #CCC;
  position: absolute;
  top: 35px;
  background: #FFF;
  z-index: 2;
}

.file-action-item {
    padding: 5px;
    cursor: pointer;
}

.file-action-item:not(:last-of-type) {
  border-bottom: 0.5px solid #CCC;
}

.file-action-item:hover {
  background-color: rgba(142, 195, 242, 0.5) !important;
}

.rename-input-container{
  background: #FFF;
  border: 0.5px solid #CCC;
  padding: 10px;
  margin-top: 5px;
  z-index: 3;
}

.file-rename-close-button{
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  right: -5px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -5px;
  cursor: pointer !important;
}

.inner-box-purchase-amount{
  color: #777;
  background-color: rgba(119, 119, 119, 0.3);
}

.inactive-label{
  background-color: #fc4b6c;
  color: #FFF;
  position: absolute;
  right: 0;
  top: 0;
  padding: 2px 4px;
  font-weight: 400;
}

.manage-requisition-form-container{
  border: 1px dashed;
  padding: 25px;
  width: 800px;
  margin: 0 auto;
  margin-top: 25px;
}

.line-height-30{
  line-height: 30px;
}

.mark-as-delivered-checkbox:checked+label, .mark-as-delivered-checkbox:not(:checked)+label {
  padding-left: 5px !important;
}

.in-transit-item-container {
  border: 2px solid #FFB22B;
  padding: 10px;
  margin-bottom: 10px;
}

.movement-status-0{
  background-color: rgb(255, 196, 0) !important;
  color: #000 !important;
  border: 1px solid rgb(255, 196, 0) !important;
}

.movement-status-1{
  background-color: rgb(255, 153, 31) !important;
  color: #000 !important;
  border: 1px solid rgb(255, 153, 31) !important;
}

.movement-status-2{
  background-color: rgba(0, 230, 112, 1) !important;
  color: #FFF !important;
  border: 1px solid rgba(0, 230, 112, 1) !important;
}

.movement-status-3{
  background-color: #dc3545 !important;
  color: #FFF !important;
  border: 1px solid #dc3545 !important;
}

.requisition-movement-status-filter+label:after, .requisition-movement-status-filter+label:before{
  width: 25px !important;
  height: 25px !important;
}

.requisition-movement-status-filter:checked+label, .requisition-movement-status-filter:not(:checked)+label{
  font-size: 16px !important;
}

.purchase-status-form-group label{
  font-size: 11px !important;
}

.access-type-select{
  height: 25px !important;
  min-height: 30px !important;
  line-height: 18px !important;
  width: 250px !important;
  display: block !important;
}

.empty-space{
  display: block;
  width: 100%;
  height: 15px;
}

.card-link-icon-container > i{
  font-size: 20px;
  margin-right: 7px;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #CCC;
  padding: 9px;
  border-radius: 4px;
}

.login-register{
  overflow-y: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0px !important;
}

.full-inline-window{
  padding: 0 15px;
}

.create-purchase-order-title{
  font-size: 20px;
  font-weight: 900;
  color: #000;
  text-transform: uppercase;
  margin-left: 15px;
  margin-bottom: 25px;
}

.card-dashboard-spacing{
  padding: 0px 25px !important;
}

div.dataTables_wrapper div.dataTables_filter input{
  margin-left: 0px !important;
}

.form-group label.fs20{
  font-size: 20px !important;
}

.form-group label.fs18{
  font-size: 18px !important;
}

.form-group label.fs14{
  font-size: 14px !important;
}

.article-detail-refresh-button-container{
  display: inline-flex;
  align-items: center;
  float: right;
  margin-top: -3px;
}

.medium-radio+label:after, .medium-radio+label:before{
  width: 20px !important;
  height: 20px !important;
}

.medium-radio:checked+label, .medium-radio:not(:checked)+label{
  line-height: 28px !important;
}

.card-checklist-checkbox+label{
  padding-left: 25px !important;
}

.card-checklist-checkbox:checked + label:before {
  top: 2px !important;
  left: 0px !important;
}

.card-link-container{
  display: flex;
  cursor: pointer;
  border-bottom: 0.5px solid #CCC;
  padding: 5px 0px;
  align-items: center;
}

.card-link-action-button-container{
  margin-left: auto;
}

.card-link-title{
  font-size: 14px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}

.card-file-action-button{
  position: absolute;
  right: 25px;
  top: 5px;
  margin-left: auto;
}

.card-details-img-card{
  min-width: 400px;
}

.card-detail-gallery-update-info{
  position: absolute;
    bottom: -50px;
    background-color: #FFF;
    padding-top: 2px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
    width: 400px;
    right: 50px;
}

.chat-rounded-button > i{
  font-size: 30px;
  color: #FFF;
}

.chat-rounded-button{
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00a5ff;
  color: #000;
  border: 1px solid #CCC;
  cursor: pointer;
}

.chat-button-container{
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 2;
}

.card-chat-container {
  position: fixed; /* Use fixed to ensure it covers the viewport */
  top: 0;
  right: -66.6%; /* Start off-screen */
  width: 66.6%; /* Cover 70% of the screen */
  height: 100%; /* Full height */
  transition: right 0.5s ease-in-out; /* Smooth transition */
  background-color:#FFF; /* Optional: Set background color */
  box-shadow: 5px 0 5px rgba(0,0,0,0.5); /* Optional: Add shadow for better visibility */
  z-index: 2;
}

.card-chat-container.slide-in {
  right: 0; /* Slide in to cover 70% of the screen */
}

.card-chat-close-button{
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #000;
  color: #FFF;
}

.card-chat-header-container{
  display: flex;
  align-items: center;
  padding: 10px;
}

.card-chat-bottom-container {
  position: fixed;
  bottom: 0;
  width: calc(67% - 3px);
  padding: 0px 25px;
  z-index: 1000;
  background: rgb(244, 244, 244, 1);
  margin-left: 3px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.card-chat-input{
  width: 100%;
  height: 50px;
  border-radius: 0px;
  padding: 12px;
  font-size: 16px;
  overflow: hidden;
  background: #FFF;
  border: 0;
  margin: 15px 5px;
  border-radius: 10px;
}

.card-chat-send-button {
  background-color: #777;
  border: none;
  align-self: end;
  margin-bottom: 25px;
  background-color: #777;
  color: #FFF;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.card-chat-add-button{
  color: #FFF;
  cursor: pointer;
  font-size: 12px;
  border: none;
  background-color: #00a5ff;
  align-self: end;
  margin-bottom: 25px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: -3px;
}

.dd3-content:hover{
  color: #000 !important;
}

.card-chat-title{
  font-size: 24px;
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
}

.card-chat-body-container{
  position: relative;
  flex: 1;
  overflow-x: hidden;
  padding: 0px 25px;
}

.card-chat-messages-container {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
}

.card-chat-message-group {
  margin-bottom: 20px;
}

.card-chat-date-divider {
  text-align: center;
  margin: 10px 0;
  font-weight: bold;
}

.my-card-chat-message, .other-card-chat-message {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.my-card-chat-message {
  justify-content: flex-end;
}

.other-card-chat-message {
  justify-content: flex-start;
}

.card-chat-employee-photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 10px;
  border: 1px solid #CCC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
}

.card-dashboard-chat-employee-photo {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  font-size: 14px !important;
  margin-left: 0px !important;
}

.card-chat-message-content{
  max-width: 85%;
  background-color: #f1f1f1;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  min-width: 250px;
}

.my-card-chat-message .card-chat-message-content {
  background-color: #f6f6f6;
}

.card-chat-message-time {
  font-size: 0.7rem;
  color: #616161;
  margin-bottom: 3px;
}

.card-chat-message-text{
  font-size: 14px;
  color: #616161;
  font-weight: 400; 
}

.card-chat-messages-heartbeat-dot{
  background-color: red;
  border-radius: 50%;
  animation: heartbeat 1s infinite;
  animation-timing-function: ease-in-out;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.8), 0 0 20px rgba(255, 0, 0, 0.6);
}

.card-chat-attached-image {
  max-width: 100%;
  margin-top: 10px;
  border-radius: 10px;
}

.card-chat-file-preview-container{
  bottom: 220px !important;
}

.card-chat-image-preview {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  border: 0;
  width: 100%;
  background: #FFF;
  margin: 25px 0px;
  border-radius: 8px;
  max-height: 100vh;
}

.reply-context{
  display: block;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-left: 5px solid #3c745a;
  border-top: 2px solid #CCC;
  border-right: 2px solid #CCC;
  border-bottom: 2px solid #CCC;
  margin-top: 15px;
}

.reply-context-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.card-chat-image-preview-item {
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 0px;
  position: relative;
  margin-top: 10px;
}

.card-chat-image-preview-item img {
  max-height: 150px; /* Set the maximum height */
  width: auto; /* Maintain aspect ratio */
  object-fit: contain;
}

.card-chat-image-preview-item button.remove-chat-preview-button, .remove-mention-button {
  background-color: red;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  display: flex
;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  right: 0px;
  position: absolute;
}

.remove-mention-button{
  top: 0px !important;
  right: 0px !important;
}

.card-chat-image-preview > span{
  position: absolute;
  margin-top: -10px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
}

.card-chat-message-images-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  margin-bottom: 5px;
}

.card-chat-message-images-container > .card-chat-message-image-item{
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

.card-chat-message-image-item > img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.card-chat-message-image-item{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 170px;
  overflow: hidden; 
  background-color: #FFF; 
  margin-bottom: 10px;
  border-radius: 8px;
}


.card-chat-message-image-item:not(:last-of-type){
  margin-right: 10px;
}

.amis-carousel-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.amis-carousel-inner {
  display: flex;
  transition: transform 0.5s ease;
  height: 100%;
}

.amis-carousel-item {
  min-width: 100%;
  height: 100%;
  object-fit: contain;
}

.amis-carousel-image {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  display: block;
  object-fit: contain;
  min-width: 100%;
  height: 350px;
}

.amis-carousel-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  cursor: pointer;
  padding: 10px;
}

.amis-carousel-control.prev {
  left: 10px;
}

.amis-carousel-control.next {
  right: 10px;
}

.amis-thumbnails-container {
  margin-top: 15px;
  overflow-x: auto; /* Allows horizontal scrolling if thumbnails exceed container width */
  white-space: nowrap; /* Keeps thumbnails in a single horizontal line */
  padding: 10px 0;
  text-align: center;
}

.amis-thumbnails-inner {
  display: inline-flex; /* Ensures the thumbnails are laid out horizontally */
  gap: 10px; /* Adds space between thumbnails */
}

.amis-thumbnail {
  width: 75px;
  height: 75px;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid transparent; /* Default border for all thumbnails */
  border-radius: 5px;
  transition: border-color 0.3s ease;
}

.amis-thumbnail.active-thumbnail {
  border-color: #007bff; /* Highlight border for the active thumbnail */
}

.card-chat-message-text a {
  color: blue;
  text-decoration: underline;
  overflow-wrap: anywhere;
}

.edit-my-card-chat-message-container{
  border-bottom: 0.5px solid #CCC;
  padding-bottom: 10px;
  margin-bottom: 25px;
  background-color: #F7F9FB;
}

.chat-wrapper {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 72px);
}

.manage-article-modal{
  overflow-y: hidden !important;
}

/* .modal-chat-wrapper {
  height: 100% !important; 
} */

.modal-feed-bottom-container {
  position: absolute;
  bottom: 20px;
  width: 94%;
  padding: 10px 0px;
  background: #FFF;
  z-index: 1000;
  margin-left: 0px;
}

.arrow-select {
  appearance: none; /* Remove default arrow */
  -webkit-appearance: none; /* Remove default arrow in Safari */
  -moz-appearance: none; /* Remove default arrow in Firefox */
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNzc3IDBMOC4wMDAwMSA2LjIyMjI2TDE0LjIyMyAwSDEuNzc3WiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==') no-repeat right 10px center;
  background-size: 12px 6px; /* Adjust size of the arrow */
  padding-right: 30px; /* Add space for the arrow */
}

.pinned-messages-container {
  background-color: #FFF;
  padding: 8px;
  border-bottom: 1px solid #dee2e6; /* Border to separate from regular messages */
  position: initial;
  z-index: 1;
  border-radius: 10px;
}

.pinned-message {
  display: flex;
  align-items: center;
  color: #000 !important;
  margin-bottom: 3px;
}

.pinned-message-dropdown-menu {
  z-index: 1050 !important; 
}


.message-highlight > .card-chat-message-content {
  background-color: #FEF8DD !important; 
}

.tox-tbtn.custom-delete-button .tox-icon svg {
  fill: red; /* Change 'red' to your desired color */
}

.chat-action-button{
  position: absolute;
  left: 10px;
}

.card-chat-filter-checkbox-option:not(:last-of-type) {
  margin-right: 5px;
}

.card-chat-filter-button {
  margin-left: 10px;
  border: 0.5px solid #CCC;
  background: transparent;
  font-size: 16px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}

.card-chat-filter-dropdown{
  position: fixed;
  right: 0px;
  transform: translateY(-10px);
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  width: 450px;
  padding: 15px;
  border-radius: 8px;
  bottom: 0;
  height: 100%;
  top: 0;
}

.filter-button-container {
  position: relative;
  display: inline-block;
}

.modal-feed-message-content{
  max-width: 80% !important;
}

.chat-filter-radio-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.card-chat-filter-radio-option:not(:last-of-type) {
  margin-right: 5px;
}

.card-chat-filter-radio-option input[type="radio"] {
  margin-right: 10px;
}

.card-chat-filter-radio-option span {
  font-size: 14px;
  color: #333;
}

.card-chat-filter-radio-option input[type="radio"]:checked+label, .card-chat-filter-radio-option input[type="radio"]:not(:checked)+label{
  font-size: 12px;
}

.chat-card-filters-title {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.card-detail-scrollable-col{
  height: 100%; 
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-feed-message-container{
  max-height: 475px !important;
  margin-top: 10px;
}

.modal-vertical-separator{
  position: absolute;
  height: 100vh;
  border-right: 1px solid #CCC;
  left: 48%;
  display: inline-block;
  width: 1px;
}

.modal-multimedia-preview{
  bottom: 185px !important;
  width: 35% !important;
}

.card-detail-scrollable-col::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for Firefox */
.card-detail-scrollable-col {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.card-detail-row-container{
  height: 100%;
}

.card-details-fullscreen-container{
  height: 100vh !important; 
  overflow: hidden !important;
  overflow-x: hidden !important;
}

.chat-filter-radio-group, .chat-filter-checkbox-group{
  margin-bottom: 10px;
}

.card-chat-employee-filter-checkbox input[type="radio"]+label{
  padding-left: 20px !important;
}

.card-chat-employee-filter-checkbox input[type="radio"]+label::before{
  margin-left: -10px !important;
}

.card-chat-message-container {
  height: 90%;
  overflow-x: hidden;
  flex: 1;
  margin-bottom: 60px;
}

.sticky-element {
  position: sticky;
  top: 0;
  z-index: 1000; /* Ensure it appears above other content */
  background-color: white; /* Optional: Add background color to avoid transparency issues */
  left: 0 !important;
}

.pinned-messages-icon{
  position: absolute;
  z-index: 100;
  top: 3px;
  left: 3px;
  color: #000;
  font-size: 24px;
  cursor: pointer;
}

.all-pinned-messages-container{
  position: sticky; 
  top: 0px;
  z-index: 10;
  background-color: #FFF; 
  padding: 10px 0px;
}

.pinned-line-through::after {
  content: '';
    position: absolute;
    left: -6px;
    right: 0;
    top: 40%;
    height: 2px;
    background-color: red !important;
    width: 30px;
    transform: rotate(50deg);
}


.my-pinned-message{
  background-color: #f6f6f6;
}
.card-processed-border{
  border: 1px solid #CCC;
}

.card-not-processed-border{
  border: 2px solid #FFB22B;
}

/*
  .checklist-input {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzk5OSIgc3R5bGU9ImZpbGw6Izk5OTsiIGQ9Ik0xNTIuMSAzOC4yYzkuOSA4LjkgMTAuNyAyNCAxLjggMzMuOWwtNzIgODBjLTQuNCA0LjktMTAuNiA3LjgtMTcuMiA3LjlzLTEyLjktMi40LTE3LjYtN0w3IDExM0MtMi4zIDEwMy42LTIuMyA4OC40IDcgNzlzMjQuNi05LjQgMzMuOSAwbDIyLjEgMjIuMSA1NS4xLTYxLjJjOC45LTkuOSAyNC0xMC43IDMzLjktMS44em0wIDE2MGM5LjkgOC45IDEwLjcgMjQgMS44IDMzLjlsLTcyIDgwYy00LjQgNC45LTEwLjYgNy44LTE3LjIgNy45cy0xMi45LTIuNC0xNy42LTdMNyAyNzNjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45czI0LjYtOS40IDMzLjkgMGwyMi4xIDIyLjEgNTUuMS02MS4yYzguOS05LjkgMjQtMTAuNyAzMy45LTEuOHpNMjI0IDk2YzAtMTcuNyAxNC4zLTMyIDMyLTMybDIyNCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMycy0xNC4zIDMyLTMyIDMybC0yMjQgMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJ6bTAgMTYwYzAtMTcuNyAxNC4zLTMyIDMyLTMybDIyNCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMycy0xNC4zIDMyLTMyIDMybC0yMjQgMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJ6bS02NCAxNjBjMC0xNy43IDE0LjMtMzIgMzItMzJsMjg4IDBjMTcuNyAwIDMyIDE0LjMgMzIgMzJzLTE0LjMgMzItMzIgMzJsLTI4OCAwYy0xNy43IDAtMzItMTQuMy0zMi0zMnpNNDggMzY4YTQ4IDQ4IDAgMSAxIDAgOTYgNDggNDggMCAxIDEgMC05NnoiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 16px 16px;
    padding-left: 30px;
    color: #999; 
  } 
*/

.card-checklist-collpse-button-container{
  position: absolute;
  right: 15px;
  top: 15px;
}

.checklist-collapse-button{
  background: #000;
  color: #FFF;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-top: 5px;
}

.filter-employee-container{
  opacity: 0.6;
}

.filter-employee-container.active{
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  opacity: 1;
  border: 2px solid #2B80C8 !important;
}

.reply-context::after {
  background: rgba(0, 0, 0, 0.1) !important;
}

.repplied-message-container{
  background: rgba(0, 0, 0, 0.1);
  padding: 5px;
  margin-top: 0px;
  margin-left: 0px;
  border: 1px solid #CCC;
  cursor: pointer;
  border-radius: 4px;
}

.card-checklist-action-button{
  position: absolute;
  right: 20px;
  top: 10px;
}

.checklist-dropdown-menu.show{
  transform: translate(-25px, -2px) !important;
}

.toggle-input-button{
  background: none;
  border: none;
  font-size: 16px;
  position: absolute;
  right: 10px;
}

.first-employee-message-container{
  border-top-left-radius: 5px !important;
  border-bottom-right-radius: 25px !important;
}

.card-chat-first-message{
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 25px !important;
}

.card-message-left-adjust{
  margin-left: 60px;
}

.card-message-right-adjust{
  margin-right: 60px;
}

.pending-messages-heartbeat {
  width: 9px;
  height: 9px;
  background: #ff0f0f;
  border-radius: 50%;
  z-index: 50;
  animation: heartbeat 1s infinite;
  animation-timing-function: ease-in-out;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.8), 0 0 20px rgba(255, 0, 0, 0.6);
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.select2-container--default .select2-results>.select2-results__options{
  overflow-x: hidden;
}

.card-selected-update{
  border: 3px solid #000;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.my-accounts-logo{
  width: 75px !important;
    border-radius: 50%;
    border: 0.5px solid #CCC;
    height: 75px;
    padding: 5px;
}

#chatDropContainer {

  position: relative;
  width: 100%; /* Ensure it covers the entire width */
  height: 100%; /* Ensure it covers the entire height */
}

#chatDropContainer.dragover {
  border: 2px dashed #ccc;
  padding: 10px;
  position: relative;
  background-color: rgba(0,0,0,0.1);
}

.card-article-category-badge{
  padding: 2px 4px;
  font-size: 8px;
  margin-right: 5px;
}

.card-articles-action-buttons-container{
  display: block;
  position: absolute;
  top: -20px;
}

.card-update-message-label {
  position: absolute;
  right: 0;
  font-size: 7px;
  top: 0;
  background: #000;
  color: #FFF;
  padding: 0px 2px;
}

.feed-system-message {
  font-style: italic;
  font-size: 11px;
  color: #FFF;
  font-weight: 500;
  background: #777;
  padding: 2px 6px;
  border-radius: 5px;
  zoom: 0.9;
}

.deleted-message-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s;
  cursor: pointer;
}

.card-chat-message-text:hover .deleted-message-overlay {
  opacity: 1;
}

#amis_gallery {
  position: fixed;
  padding: 0px;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1003;
  background: #fff;
  display: none;
  overflow: auto;
  overflow-x: hidden;
}
#amis_gallery.show {
  display: block;
}

.predefined-task-badge{
  border: 1px solid #777;
  border-radius: 4px;
  padding: 1px 2px;
}

.list-item-content{
  line-height: 14px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}

.todo-list-container, .non-todo-list-container > li::marker{
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 600 !important;

}

.non-todo-list-container{
  padding: 0px 25px 15px 15px;
}

.non-checklist-list > li{
  padding-bottom: 15px;
  text-align: justify;
}

.rich-text-custom-save-button{
  background-color: #696969 !important;
  color: #FFF !important;
  text-transform: uppercase !important;
  position: absolute  !important;
  right: 8px !important;
  width: 60px !important;
  height: 40px !important;
  bottom: -4px !important;
  cursor: not-allowed !important;
}

.rich-text-custom-save-button > .tox-tbtn__select-label{
  cursor: not-allowed !important;
}

.rich-text-custom-save-button.active{
  background-color: #0000ff !important;
  color: #FFF !important;
  cursor: pointer !important;
}

.rich-text-custom-save-button.active > .tox-tbtn__select-label{
  cursor: pointer !important;
}

.card-dashboard-list-container:last-of-type{
  margin-bottom: 100px !important;
}

.line-height-35{
  line-height: 35px !important;
}

.keep-creating-article-checkbox+label{
  color: #000 !important;
  font-size: 12px !important;
  font-weight: bold !important;
}

.side-container {
  position: fixed;
  right: -55%; /* Adjust the width as needed */
  top: 0;
  width: 55%; /* Adjust the width as needed */
  height: 100%;
  background-color: white;
  transition: right 0.3s ease;
  z-index: 1000;
  overflow-y: auto;
}

.side-container.open {
  right: 0;
  border-left: 2px solid;
}

.vue-main-content {
  transition: margin-right 0.3s ease;
}

.vue-main-content.shifted {
  margin-right: 55%; /* Adjust the width as needed */
}

.side-container-header{
  padding: 25px;
}

.side-container-body {
  padding: 0px 25px;
}

.badge-small{
  padding: 2px 4px !important;
}

.add-invited-button{
  background-color: #00a5ff;
  color: #FFF;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.invitation-employees-dropdown{
  position: absolute;
  width: 300px;
  right: 165px;
  top: 10px;
}

.invited-employee-container.active > div.invited-employee-container-circle, .invited-employee-container.active > div.employee-icon > img.invited-employee-container-circle{
  border: 2px solid red;
}

.invited-employee-container.active > button{
  position: absolute;
    right: 0px;
    top: -3px;
    background: #FFF;
    color: #FFF;
    background: #000;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.folder-reach-selection-box.active > button{
  right: -10px !important;
  top: -6px !important;
}

.update-action-buttons-container > span > button{
  border: 2px solid rgba(0, 0, 0, 0.2) !important;
}

.update-action-buttons-container > button.opacity-1{
  opacity: 1 !important;
}

.article-in-purchase-legend-box{
  background: rgba(142, 195, 242, 0.3) !important;
  width: 20px;
  height: 10px;
}

.article-in-purchase-row > td {
  background-color: rgba(142, 195, 242, 0.3) !important;
}

.comment-status-radio-1{
  background-color: #dc3545 !important;
  color: #FFF !important;
  border: 1px solid #dc3545 !important;
}

.comment-status-radio-2{
  background-color: #2B80C8 !important;
  color: #FFF !important;
  border: 1px solid #2B80C8 !important;
}

.article-comment-status-dropdown-container{
  position: absolute;
  border: 0.5px solid #CCC;
  width: 100px;
  z-index: 1;
  right: 25px;
  margin-top: 2px;
}

.article-comment-status-dropdown-container-item{
  display: flex;
  align-items: center;
  padding: 4px;
  border: 0.5px solid #CCC;
  background: #FFF;
}

.no-scroll{
  overflow: hidden !important;
}

.modal-feed-filter-dropdown{
  top: -200px !important;
}

.w-88{
  width: 88% !important;
}

.w-85{
  width: 85% !important;
}

.amis-off-message{
  background: #cc3300;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 25px;
  margin-left: 15px;
  text-transform: uppercase;
}

.form-group label.small-form-group-label{
  font-size: 10px !important;
}

.notify-folder-feed-checkbox+label:after{
  width: 16px !important;
  height: 16px !important;
}

.notify-folder-feed-checkbox+label{
  padding-left: 20px !important;
  line-height: 16px !important;
  font-size: 14px !important;
}

.notify-folder-feed-checkbox+label::before{
  width: 8px !important;
  height: 10px !important;
}

.mention-employees-container {
  position: absolute;
  background: #FFF;
  z-index: 9999;
  top: -245px;
  width: 350px;
  border: 0.5px solid #CCC;
  padding: 10px;
  border-radius: 5px;
  margin-left: -15px;
  min-height: 235px;
}

.card-chat-mention-preview-container{
  bottom: 165px !important;
  z-index: 2;
}

.card-chat-images-and-mentions-preview-container {
  bottom: 315px !important;
}

.adjust-mentions-preview-container{
  right: -280px !important;
}

#chatMsgBox > #displayMsgBox{
  margin-bottom: 60px !important;
}

.cards-summary-and-notifications-folder-card-container {
  display: flex;
  width: 100%;
  border-top: 0.5px solid #CCC;
  padding: 12px 0px;
  cursor: pointer;
}

.cards-summary-and-notifications-folder-notifications-info {
  margin-left: auto;
  min-width: 50%;
  max-width: 50%;
}

.mention-dropdown-container:hover{
  background: rgba(0, 0, 0, 0.05);
}

.dashboard-folder-summary-table td{
  padding: 5px !important;
}

.cards-summary-and-notifications-folder-card-info-badges > span.badge{
  padding: 2px 4px;
  font-size: 9px;
}

.cards-summary-and-notifications-container {
  display: block;
  margin-top: 15px;
}

.card-summary-and-notifications-title{
  width: 100%;
  padding: 0px 4px;
}

.dashboard-notification-bell-container{
  position: absolute;
  top: -8px;
  left: -8px;
}

.h-250{
  height: 250px !important;
}

.dashboard-notification-bell-container > i{
  color: #616161;
}

.folder-reach-selection-box{
  background: #FFF;
  border: 0.5px solid #DDD;
  padding: 5px;
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  border-radius: 4px;
}

.folder-reach-selection-box > .folder-reach-selection-box-avatar > img, .folder-reach-selection-box > .avatar-name-initials{
  width: 25px;
  height: 25px;
}

.dropdown-arrow {
  width: 0;
  height: 0;
  margin-left: 3px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000; /* Change color as needed */
}

.card-articles-dropdown-container{
  border: 0.5px solid #CCC;
  border-radius: 8px;
  padding: 5px;
  min-width: 175px;
  position: absolute;
  z-index: 10;
  background: #FFF;
  width: max-content;
}

.card-articles-dropdown-container-item:not(:last-of-type){
  border-bottom: 0.5px solid #CCC;
}

.card-articles-dropdown-container-item:hover{
  background: #CCC;
}

.card-article-image-container > img{
  width: 45px;
  height: 45px;
  margin: -5px;
}

.card-details-articles-btn.active{
  box-shadow: none !important;
}

@keyframes bell-ring {
  0% { transform: rotate(0); }
  25% { transform: rotate(15deg); }
  50% { transform: rotate(-15deg); }
  75% { transform: rotate(15deg); }
  100% { transform: rotate(0); }
}

.bell-effect {
  display: inline-block;
  animation: bell-ring 1s infinite;
}

.cards-summary-and-notifications-folder-title{
  padding: 9px 13px;
  font-size: 14px;
  border-radius: 8px;
}

.dashboard-card-chat-first-message {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 25px !important;
}

.update-change-bubble{
  border: 0.5px solid #CCC;
  border-radius: 50%;
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  margin-right: 3px;
}

.rich-note-content table td{
  border-width: 1px !important;
  padding: 10px !important;
}

.access-reason-employee-info-display-name{
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
}

.access-reason-employee-info-full-name{
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
}

.folder-pending-notification-badge{
  border-radius:4px;
  margin-right:10px;
  padding: 8px 4px;
  min-width: 35px;
}

.cards-dashboard-folder-badge{
    min-width: 35px !important;
}

.operation-report-day-total-amount-badge{
  float: right;
  font-size: 10px;
  background: #CCC;
  border-radius: 8px;
  padding: 1px 6px;
  display: flex;
  align-items: center;
  margin-top: 2px;
}

.folder-reach-selection-box.active{
  border: 1px solid red;
}

.card-article-movement-quantity-badge {
  border: 0.5px solid #CCC;
  display: inline-flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  font-size: 16px;
  border-radius: 4px;
  padding: 0px 20px;
  font-weight: 500;
}

.card-step-box {
  border: 0.5px solid #CCC;
  display: inline-flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  font-size: 16px;
  border-radius: 4px;
  padding: 0px 20px;
  font-weight: 500;
  white-space: normal;
  word-break: break-word; /* or use overflow-wrap: anywhere; */
  overflow-wrap: anywhere;
  line-height: 14px;
}

.card-articles-checkbox-dropdown-container {
  position: absolute;
  top: 59px;
  left:11px;
  cursor: pointer;
}

.w-65{
  width: 65% !important;
}

.requested-background-color{
  background-color: rgb(255, 196, 0);
}

.in-transit-background-color{
  background-color: rgb(255, 153, 31);
}

.delivered-background-color{
  background-color: rgba(0, 230, 112, 1)
}

.devolution-background-color{
  background-color: red;
}

.light-devolution-background-color{
  background-color: red;
}

.requested-color{
  color: rgb(255, 196, 0);
}

.in-transit-color{
  color: rgb(255, 153, 31);
}

.in-transit-border{
  border: 1px solid rgb(255, 153, 31);
}

.delivered-color{
  color: rgba(0, 230, 112, 1)
}

.devolution-color{
  color: red;
}

.light-devolution-color{
  color: red;
}

.card-article-purpose-radio:not(:checked), .card-article-purpose-radio:checked{
  left: 25px !important;
  opacity: 1 !important;
  top: 5px !important;
  width: 25px !important;
  height: 25px !important ;
}

.card-article-destination-warehouse{
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  color: #000;
  border: 0.5px solid #CCC;
  border-radius: 4px;
  padding: 4px 8px;
  vertical-align: middle;
}

.select-article-view-type-radio-button{
  border: 0.5px solid #CCC;
  border-radius: 4px;
  padding: 5px;
  display: inline-flex;
  align-items: center;
}

.select-article-view-type-radio-button > label{
  height: 28px !important;
}

.alert-warning{
  color: #855d16 !important;
  background-color: #fff0d5 !important;
  border-color: #ffe9c4 !important;
}

.immediate-action-radio-button.reports-radio-buttons:checked + label, .immediate-action-radio-button.reports-radio-buttons:not(:checked)+label, .form-group > .immediate-action-radio-button + label{
  font-size: 11px !important;
}

.immediate-action-radio-button.reports-radio-buttons:checked + label, .immediate-action-radio-button.reports-radio-buttons:not(:checked)+label{
  margin-right: 0px !important;
}

.card-articles-inline-form-container{
  width: 100%;
  background: #FFF !important;
  position: absolute;
  z-index: 9999999;
  left: 0;
}

.card-articles-inline-from-button{
  position: absolute;
  width: 30px;
  height: 30px;
  border: 0;
  background: #000;
  color: #FFF;
  right: 10px;
  top: 5px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  font-size: 18px;
}

.table-hover>tbody>tr.card-articles-inline-form-container:hover{
  background-color: #FFF !important;
  box-shadow: none !important;
}

.disabled-row-text{
  position: absolute;
  left: 40%;
  color: #000;
  z-index: 9999999999;
  font-weight: bold;
  opacity: 1 !important;
  font-size: 20px;
  top: 20px;
  background: gold !important;
  padding: 2px 6px !important;
  border-radius: 4px;
}

.table-hover>tbody>tr:hover > td.control-status-cancelled{
  background-color: #F32013 !important;
  color: #FFF !important;
}

.edit-feedback {
  position: absolute;
  right: 0;
  opacity: 0;
  transition: opacity 0.3s;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 1, 1, 0.5) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

tr:hover .edit-feedback {
  opacity: 1;
}

.amis-modal-content.overlay-active::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
  z-index: 1;
}

.td-filter-dropdown.arrow-select:hover > button{
  background: #FFF !important;
  color: #000 !important;
}

.upload-images-close-button{
  position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background: #000;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: bold;
    z-index: 2;
}

.new-favorite-form-container{
  border: 1px dashed #CCC;
  padding: 15px;
}

.purchase-supplier-card-header, .purchase-supplier-card-body{
  padding: 0px 10px;
}

.purchase-supplier-card-body > span{
  padding: 2px 4px;
  font-size: 10px;
  margin-bottom: 5px;
  vertical-align: middle;
}

.purchase-supplier-card-body{
  margin-top: 5px;
}

.purchase-supplier-card{
  padding: 10px 0px;
  min-height: 90px;
}

.purchase-supplier-card-header-name {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  display: flex;
  align-items: center;
}

.in-order-label{
  position: absolute;
  right: 0;
  top: 0;
  background: #CCC;
  color: #000;
  padding: 1px 4px;
  font-weight: 500;
  font-size: 9px;
}

span.purchase-supplier-favorite {
  position: absolute;
  right: 5px;
  top: 0;
}

.invisible-badge{
  opacity: 0.2;
}

.fc-button-group {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}

.fc-button-primary:not(:disabled).fc-button-active {
  background-color: #3A4752 !important;
  font-weight: 400;
  border-color: #3A4752 !important;
  color: #fff !important;
}

.fc-button-group > .fc-button:not(:last-child) {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

.fc-button {
  border-radius: 30px;
  padding: 7px 20px;
  text-transform: capitalize;
  color: #3A4752 !important;
}

.fc-button-group > .fc-button:not(:first-child) {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  margin-left: -1px;
}

.app-calendar .fc .fc-button-primary {
  background-color: #e9ecef !important;
  border-color: #e9ecef !important;
  letter-spacing: 1px;
  font-size: 14px;
  color: #3A4752 !important;
}

.fixed-width-request-articles-table th:nth-child(2),
.fixed-width-request-articles-table th:nth-child(3),
.fixed-width-request-articles-table td:nth-child(2),
.fixed-width-request-articles-table td:nth-child(3) {
    width: 150px; /* Set your desired width */
}

.fixed-width-request-articles-table th:nth-child(1),
.fixed-width-request-articles-table td:nth-child(1) {
    width: auto; /* Allow resizing */
}

.amis-modal-content.overlay-active{
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scroll{
  scrollbar-width: none !important;
}

[type=checkbox].filled-in.filled-in-md:not(:checked)+label:after, [type=checkbox].filled-in.filled-in-md:checked+label:after{
  width: 25px !important;
  height: 25px !important;
}

.filled-in-md:checked + label, .filled-in-md:not(:checked)+label, .form-group > .filled-in-md + label{
  font-size: 14px !important;
  line-height: 24px !important;
  padding-left: 30px !important;
}

[type=checkbox].filled-in-md:checked+label:before {
  border-right: 3px solid #fff !important;
  border-bottom: 3px solid #fff !important;
}

[type=checkbox].filled-in-md:checked+label:before {
  top: 1px !important;
  left: 3px !important;
  width: 10px !important;
  height: 15px !important;
}

.service-desc-radio:checked+label, .service-desc-radio:not(:checked)+label{
  line-height: 14px !important;
}

.usage-reconciliation-category-header{
  border: 0.5px solid #CCC;
  padding: 5px;
  display: flex;
  align-items: center;
  border-radius: 8px;
}

.swal-wide{
  width: 800px !important;
}

.table.table-no-header-border>:not(:last-child)>:last-child>*{
  border-bottom-color: #e8eef3 !important;
}

.simple-table.table>:not(caption)>*>*{
  border-color: #ebf1f6 !important; 
}

.page-card-entity-title{
  font-size: 16px;
}

.inventory-tabs-container.nav-justified > .nav-item {
  flex-basis: auto !important;
  flex-grow: initial !important;
}

.receive-goods-title{
  font-size: 20px !important;
}

.receive-goods-date-badge{
  height: 40px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 230px;
}

.receive-goods-date-badge > div{
  font-size: 14px;
}

.receive-goods-warehouse-badge{
  font-size: 16px;
}

.amis-toolbar{
  position: fixed;
  background: aliceblue;
  padding: 15px 30px;
  border: 1px solid;
  bottom: 70px !important;
  left: 50%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 25px;
  transform: translate(-50%, 50%);
  width: max-content;
  min-width: 50%;
  z-index: 1;
}

.dropdown-item.disabled, .dropdown-item:disabled{
  color: #adb5bd !important;
}

.mw-45{
  min-width: 45px !important;
}

.amis-submenu-card{
  border-radius: 15px;
  background-color: #edf1f5 !important;
}

.amis-sky-blue-bg{
  background-color: #1B84FF !important;
}

.x-overlay{
  position: relative;
  display: inline-block;
  width: 47.5px;
  height: 32px;
}

.x-overlay::before,
.x-overlay::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  height: 2px;
  background-color: red; 
  transform-origin: center;
}

.x-overlay::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.x-overlay::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.focus-duration-hours-container  label{
  font-size: 10px !important;
  margin-bottom: 0 !important;
}

.d-table-row{
  display: table-row !important;
}

.amis-vertical-separator {
  display: inline-flex;
  width: 2px;
  height: 50px;
  background-color: #000;
  margin: 0 10px;
  vertical-align: middle;
}

.blue-pallette-1{
  background-color: #DAF0FF !important;
}

.blue-pallette-2{
  background-color: #B5E2FF !important;
}

.blue-pallette-3{
  background-color: #8FD3FE !important;
}

.blue-pallette-4{
  background-color: #6AC5FE !important;
}

.blue-pallette-5{
  background-color: #45B6FE !important;
}

.fc-button-secondary:not(:disabled).fc-button-active{
  background-color: #BBB !important;
  font-weight: 400;
  border-color: #AAA !important;
  color: #fff !important;
}

.tooltiptext > div.focus-card, .tooltiptext > div.card-container {
  min-width: min-content !important;
}

.ml-55{
  margin-left: 55px !important;
}

.ti-chevron-down:before {
    content: "\ea5f";
}

@keyframes heartbeat {
  0%, 100% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(1);
  }
}

.border-radius-8{
    border-radius: 8px !important;
}

.fw-normal{
  font-weight: 200;
}

.focus-position{
  position: absolute;
  top: 10px;
  right: 35px;
}

.gantt-container{
  z-index: 1;
  scrollbar-width: none;
}

.mt-45{
  margin-top: 45px !important;
}

.toast-push-notification-white {
    background-color: white !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    opacity: 1 !important;
    padding: 10px !important;
}

.toast-push-notification-white .toast-title {
    color: #333 !important;
}

.toast-push-notification-white .toast-message {
    color: #666 !important;
}

.circle-30{
  width: 30px !important;
  height: 30px !important;
}

.selected-focus-date-container{
  text-align: left;
  font-weight: 400;
  border-radius: 4px;
  padding: 5px;
  font-size: 12px;
  width: max-content;
  cursor: pointer;
}

.is-billable-dropdown {
  position: absolute;
  padding: 5px;
  border: 0.5px solid #CCC;
}

@media (max-width: 1199px){
  
  .general-dashboard-custom-card-body{
    padding: 10px !important;
  }

  .general-dashboard-icon-card{
    height: 85px !important;
  }

  .general-dashboard-icon-card-container{
    margin-bottom: 0px !important;
  }
}


@media (max-width: 768px){
  .receive-goods-title{
    font-size: 14px !important;
  }  
  .receive-goods-date-badge {
      height: 30px;
      padding: 0px 6px;
      display: none !important;
  }

  .receive-goods-date-badge > div {
      font-size: 12px;
  }

  .receive-goods-warehouse-badge{
    font-size: 16px;
  }
}

@media (max-width: 575px){

  

  .page-card-entity-title{
    font-size: 12px;
  }

  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-header{
    position: static !important;
  }

  #main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin6], #main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin6], #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin6], #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin6]{
    top: 0 !important;
  }

  .topbar .top-navbar{
    min-height: 0px !important;
  }

  .topbar {
    box-shadow: none !important;
    height: 65px !important;
  }

  .dashboard-summary-header{
    display: block;
  }

  .toggle-box-container{
    display: inline-block;
  }

  .dashboard-badge-filter-pad{
    padding: 1px 4px;
  }
}