@font-face {
    font-family: AsiromCo;
    src: url("../fonts/AsiromCo.7821247b82cb.woff")format("woff");
}

.AsiromCo {
    font-family: AsiromCo;
    /* line-height: 1.141000; */
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: AsiromCo-Bold;
    src: url("../fonts/AsiromCo-Bold.35a17340f5e7.woff")format("woff");
}

.AsiromCo-Bold {
    font-family: AsiromCo-Bold;
    /* line-height: 0.716000; */
    font-style: normal;
    font-weight: bold;
}

body {
    font-family: "AsiromCo", sans-serif;
    background: #fff;
    color: #575e62;
}
img {
    vertical-align: bottom;
}
.border-bottom {
    border-bottom: 3px solid #3aaaaa;
    position: relative;
}
a {
    color: #3aaaaa;
}
a:focus, a:hover {
    color: #3aaaaa;
    /* opacity: 0.7; */
}
/* .border-bottom:after {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid blue;
    content:'';
    z-index: -1;
}
.border-bottom:before {
    position: absolute;
    top: -6px;
    right: 0;

    left: 0;
    border-bottom: 3px solid green;
    content:'';
    z-index: -1;
} */
.card {
    border: 1px solid rgba(0,0,0,.125);
}
.card-title{
    float: left;
    padding: 15px;
    /* margin-top: -70px; */
    /* margin-right: 15px; */
    border-radius: 3px 3px 0 0;
    background-color: #ffcb08;
    color: #575e62;
    margin-bottom: 0;
}
.card-title i, .card-title em {
    color: #3aaaaa;
}
.list-style-none {
    list-style-type: none;
}
.ml-mr-auto{
    margin-left: auto;
    margin-right: auto;
}
/* asirom colors */
.green {
    color: #3aaaaa;
}
.yellow {
    color: #ffcb08;
}
.red {
    color: #ff0000;
}
.darkgray {
    color: #575e62;
}
/* for buttons */
.lightgray {
    color: #ADB1B3;
}
/* for info titles */
.infogray {
    color: #f5f5f5;
}
.sidebar-nav ul li a {
    border: 0;
    color: #ffffff;
    background-color: #ADB1B3;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
}
.sidebar-nav>ul>li>a.active, .sidebar-nav>ul>li.active>a.active {
    background-color: #ffcb08;
    color: #000000;
}
.bg-yellow {
    background-color: #ffcb08!important;
}
.bg-green {
    background-color: #3aaaaa!important;
}
.bg-danger {
    background-color: #e4312a!important;
}
.sidebar-nav>ul>li.active>a {
    background-color: #ADB1B3;
}
/* .sidebar-nav>ul>li>a:hover, li ul.collapse li a:hover {
    opacity: 0.7;
} */
.sidebar-nav>ul>li>a i {
    color: #3aaaaa;
    vertical-align: bottom;
}
.alert-success {
    background-color: #ffffff;
    border: 1px solid rgba(0,0,0,.125);
    color: #3aaaaa;
}
.swal2-styled.swal2-confirm {
    background-color: #3aaaaa!important;
    border: 0!important;
}
.swal2-styled.swal2-confirm:focus {
    box-shadow:none;
}
ul li a:hover {
    border:0;
}
ul li a:hover .green {
    color: #ffffff;
}
.sidebar-footer a:hover {
    color: #ffffff;
    background-color: #ffcb08;
    border: 0;
}
.card-no-border .sidebar-footer {
    background: #f1f1f1;
}
.page-wrapper {
    background: #f1f1f1;
    display: flex;
}
.page-wrapper #site_content {
    height: inherit;
    flex: 1;
    display: grid;
}
.page-wrapper #site_content .content {
    height: 100%;
    display: flex;
}
.page-wrapper #site_content .content .card {
    flex: 1;
}

@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
        opacity: 1;
        background: #3aaaaa;
    }
    .text-align-custom {
        text-align: right;
    }
    .extraGrid {
        display: grid;
        grid-template-rows: 150px auto;
    }
    .navbar-toggleable-sm .navbar-nav .nav-link {
        padding-left: 4px;
        padding-right: 4px;
    }
    .mini-sidebar .sidebar-nav #sidebarnav>li>a {
        padding: 9px 11px;
    }
}
@media (max-width: 768px) {
    .text-align-custom {
        text-align: left;
    }
    .extraGrid {
        display: grid;
        grid-template-rows: 220px auto;
    }
    .cards {
        margin-bottom: 16px!important;
    }
}
.domainName {
    margin: auto;
    color: #3aaaaa;
    padding-left: .50rem;
    padding-right: .50rem;
    font-size: 19px;
    border-radius: 4px;
}
.dataTables_wrapper i {
    color: #3aaaaa;
}
.dt-buttons .dt-button, .btn-success, .btn-success.disabled {
    color: #ffffff!important;
    border: 0;
    border-radius: 4px;
    background-color: #ADB1B3;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
}
.btn-success:hover, .btn-success.disabled:hover, .dt-buttons .dt-button:hover,
.btn-success:focus, .btn-success.disabled:focus, .dt-buttons .dt-button:focus {
  opacity: 0.7;
  border: 0;
  color: #ffffff;
  background-color: #ADB1B3;
  background: #ADB1B3;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
  box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover, .btn-success.focus, .btn-success:focus {
    background-color: #ADB1B3;
    border: 0;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 4px;
    color: #ffffff;
    border: 0;
    background-color: #ADB1B3;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);

  }

  .dataTables_wrapper .dataTables_paginate .paginate_button.current,
  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #3aaaaa;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #ADB1B3;
  }
  .card-header:first-child {
      border-radius: 4px;
  }
  #btn-login {
    border-radius: 4px;
    color: #ffffff;
    border: 0;
    background-color: #ADB1B3;
  }

  #btn-login:hover {
    background: #ADB1B3;
    opacity: 0.7;
  }

  select.select.form-control, input.form-control, .form-control {
      border: 1px solid #ADB1B3;
      padding-right: 8px;
      padding-left: 8px;
  }
  select.select.form-control:focus, input.form-control:focus, .form-control:focus {
      border: 1px solid #3aaaaa;
  }
  #dataTable > tbody > tr[role="row"] > td:first-child:before, #dataTable > tbody > tr[role="row"] > th:first-child:before {
    background-color: #3aaaaa;
    border: 0;
    border-radius: 4px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
  }
  div.dataTables_length {
      vertical-align: sub;
  }
  .initials {
      padding: 4px;
    border: 1px solid #ADB1B3;
    background-color: #ADB1B3;
    color: #ffffff!important;
    border-radius: 4px;
    /* height: 35px; */
    text-align: center;
    min-width: 30px;
    line-height: initial;
    margin: auto;
    }
  .initials:hover {
    background-color: #3aaaaa;
    border-color: #3aaaaa;
}
.mail-contnet.d-inline-block.align-middle a:hover, .mail-contnet.d-inline-block.align-middle a:focus {
    color: #3aaaaa;
    background-color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 0.7;
}
/* checkbox as button success */
[type="checkbox"].button-success+label {
    padding-left: 1px;
    height: 25px;
    line-height: 25px;
}
[type="checkbox"].button-success.filled-in:not(:checked)+label:after {
    display: none;
    width: 1px;
}
[type="checkbox"].button-success.filled-in:checked+label:after {
    border: 0;
    background-color:transparent;
}
[type="checkbox"].button-success.filled-in:checked+label:before {
    display: none;
}
/* end checkbox as button success */
.btn-success:active, .btn-success.active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #ADB1B3;
    border-color: #ADB1B3;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
}
.btn.btn-success.active {
    color: #575e62;
    background-color: #ffcb08;
}
btn-success.active {
    color: #575e62;
    background-color: #ffcb08;
}
.recordset .add img {
    float: right;
}
.recordset .remove img {
    float: left;
}
.table th, .table td {
    padding: 4px 8px;
}