/* Green colors 

    #1fc700 light
    #18a000 dark
    #2cea09 boder

*/


/*    Header   */
.slim-navbar{
    width: 80%;
}
.slim-navbar .nav{
    width: 100%;
}



/*       Table        */
.date-time{
    text-align: end;
    font-size: 14px;
    margin:  0px;
    font-weight: normal;
    padding-right: 15px;
}
@media (max-width: 390px) {
    .date-time{
        display: none;
    } 
}
.slim-mainpanel div.row.row-sm{
    padding: 25px 0;
}
.title-affairs{
    text-align: center;
    color: #343a40;
    margin-bottom: 15px; 
}

.table-responsive{
    background-color: white;
}
.table-striped{
    border: 1px solid #dee2e6;
}
.table-bordered{
    text-align: left;
}

/*Login*/
.page-id-9 .login-remember{display: none;}
.page-id-9 input{
    display: block;
    width: 100%;
    padding: 0.594rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-id-9 input[type=submit]{
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 20px;
    margin-bottom: 40px;
    border: 0;
    min-height: 40px;
    background-image: linear-gradient(to right, #17a2b8 0%, #17a2b8 100%);
    background-repeat: repeat-x;
    cursor: pointer;
        color: #fff;
}
.page-id-9 input[type=submit]:hover{
    background-image: none;
    background-color: #169F85;
    border-color: #169F85;
}

.captcha{
    display: flex;
    align-items: center;
}
#ebcaptchatext{
    margin: 0px;
}
#ebcaptchainput{
    width: 50px;
    border-radius: 8px;
    margin-left: 10px;
}
.calculator {

}

.calculator__form {

}

.calculator__row {
    margin: 0 -15px;
}

.calculator__display {
    text-align: right;
    display: block;
    width: 100%;
    font-size: 2.5rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom: 25px;
}

.calculator__key {
    display: block;
    float: left;
    width: 25%;
    cursor: pointer;
    transition: all .2s;
    text-transform: uppercase;
    background: #fff;
    font-size: 2rem;
    line-height: 1.5;
    padding: 15px;
    border: 5px solid #f0f2f7;
    font-weight: 200;
    color: #333;
}

.calculator__key--equal {
    width: 50%;
}

.calculator__key:hover {
    background-color: #4662D4;
    color: #fff;
    font-weight: 700;
}

.calculator__key::-moz-focus-inner {
    border: none
}

.submit-form{
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.594rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #fff;
    background-color: #1b84e7;
    border-color: #1b84e7;
    width: 100%;
    cursor: pointer;
}
.submit-form:hover{
    background-color: #1777d2;
    border-color: #1777d2;
}

table .stage-1, table .stage-1 td{
    background-color:rgba(254, 250, 203, 0.2)!important;
}
table .stage-2, table .stage-2 td{
    background-color:rgba(226, 238, 216, 0.2)!important;
}
table .stage-3, table .stage-3 td{
    background-color: rgba(190, 228, 229, 0.2) !important;
}
table .stage-4, table .stage-4 td{
    background-color: rgba(178, 201, 232, 0.2) !important;
}
table .stage-5, table .stage-5 td{
    background-color: rgba(188, 177, 216, 0.2)!important;
}
table .deleted, table .deleted td, table .deleted td a, table .banned, table .banned td, table .banned td a{
    background-color: red !important;
    color: #fff !important;
}
table .free, table .free td, table .free td a{
    background-color: green !important;
    color: #fff !important;
}
.dataTable tbody tr, .table-striped tbody tr, .table-bordered tbody tr{
    cursor: pointer;
}
.dataTable tbody tr:hover, .table-striped tbody tr:hover, .table-bordered tbody tr:hover{
    opacity: .9;
}
.dataTable tbody tr.open{
    font-weight: bold;
}

.header-notification .indicator{
  box-shadow: 0 0 0 rgba(27,132,231, 0.6);
  animation: pulse 2s infinite;
}



.active a .step_no{
background: #26B99A !important;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(27,132,231, 0.6);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(27,132,231, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(27,132,231, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(27,132,231, 0.6);
    box-shadow: 0 0 0 0 rgba(27,132,231, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(27,132,231, 0);
      box-shadow: 0 0 0 10px rgba(27,132,231, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(27,132,231, 0);
      box-shadow: 0 0 0 0 rgba(27,132,231, 0);
  }
}

.fc-unthemed tbody tr td .fc-today, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a{
    background-color: #c4dff9;
}
.hot-client {
    font-weight: bold;
}

@media screen and (max-width: 767px){
    .dataTables_wrapper .dataTables_info{
        text-align: left;
        float:left!important;
    }
    .dataTables_wrapper .dataTables_paginate{
        text-align: right;
        float: right!important;
    }
    .dataTables_wrapper .dataTables_paginate{
        margin-top: 0px ;
    }
}


@media screen and (max-width: 640px){
    
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{
        float: left !important;
        
    }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        width: 21%;
        text-align: left;
    }
    .dataTables_wrapper .dataTables_filter{
        width: 79%;
        text-align: right ;
    }

    
}

div#datatable11_info, div#datatable11_paginate {
    display: none;
}


div#datatable11_filter label {
    display: flex;
    align-items: center;
}

div#datatable11_filter input[type="submit"] {
    background-color: #17a2b8;
    color: white;
}

div#datatable11_filter input[type="submit"]:hover {
    cursor: pointer;
}

.button-search{
    margin-left: 5px; 
}