One Hat Cyber Team

View File Name : custom-light.css

    .modal-footer {
        padding: 0px 0px;
        border-top: 0px solid #EFF2F7;
    }
    
    .email-templete-var-box {
        min-height: 305px;
    }
    
    .client-box {
        min-height: 202px;
    }
    
    .employee-box {
        min-height: 362px;
    }
    
    .attendance-btn {
        position: absolute;
        bottom: 6px;
        right: 25px;
    }
    
    .avatar-sm {
        width: 30px;
        height: 2.4375rem;
        font-size: 0.75rem;
        border-radius: 0.2rem;
    }
    
    .select2-results__option:hover {
        color: #8492A6 !important;
        background-color: #EFF2F7 !important;
    }
    
    .select2-container--default .select2-results__option[aria-selected="true"] {
        color: #8492A6 !important;
        background-color: #EFF2F7 !important;
    }
    
    .lead-common-box {
        max-height: 300px;
        min-height: 300px;
    }
    
    .strike>a {
        text-decoration: line-through;
    }
    
    .filter-css {
        justify-content: flex-end !important;
        align-items: center;
    }
    
    .breadcrumb-font {
        font-size: 13px;
    }
    
    .navbar-nav-docs a:hover {
        color: #ffff;
    }
    
    .nav .active a {
        color: #ffff;
    }
    /*.div-mega > ul.navbar-nav div ul.nav li a {*/
    /*    padding: 5px 60px;*/
    /*}*/
    
    .inner-arrow {
        position: absolute;
        right: 30px;
        top: 34.5%;
        opacity: .3;
    }
    
    .avatar-custom {
        width: 35px;
        height: 35px;
    }
    
    .project-box {
        min-height: 494px;
    }
    /*.project-detail-box {
    min-height: 341px;
}*/
    
    .project-detail-common-box {
        max-height: 564px;
        min-height: 564px;
    }
    
    .project-task-kanban-box {
        min-height: 564px;
    }
    /*Custom Scrollbar*/
    
     ::-webkit-scrollbar {
        width: 7px;
        height: 5px;
        overflow: visible;
    }
    
     ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
        background-color: transparent;
    }
    
     ::-webkit-scrollbar-thumb:hover {
        background-color: #0f59ee;
    }
    
     ::-webkit-scrollbar-thumb {
        background-color: #051c4b;
        border-radius: 8px;
        transition: 1s;
    }
    
    .scrollbar-inner.scroll-content {
        max-height: 100% !important;
    }
    
    .scrollbar-inner {
        height: 90%;
        overflow: auto;
    }
    
    .div-mega .navbar-nav .svg-inline--fa {
        position: absolute;
        right: 175px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .support-reply-box {
        max-height: 400px;
    }
    
    .event-box {
        min-height: 880px;
        max-height: 880px;
    }
    
    .plan-box {
        min-height: 295px;
    }
    
    #card-element {
        border: 1px solid #E4E6FC;
        border-radius: 5px;
        padding: 10px;
    }
    
    .coupon-apply-btn {
        align-self: flex-end;
    }
    
    .payment-box {
        min-height: 355px;
    }
    
    .plan-stripe-box {
        min-height: 427px;
    }
    
    .colorinput {
        margin: 0;
        position: relative;
        cursor: pointer;
    }
    
    .colorinput-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
    
    .colorinput-color {
        background-color: #fdfdff;
        border-color: #e4e6fc;
        border-width: 1px;
        border-style: solid;
        display: inline-block;
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 3px;
        color: #fff;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    }
    
    .colorinput-color:before {
        content: '';
        opacity: 0;
        position: absolute;
        top: .25rem;
        left: .25rem;
        height: 1.25rem;
        width: 1.25rem;
        transition: .3s opacity;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
    }
    
    .colorinput-input:checked~.colorinput-color:before {
        opacity: 1;
    }
    
    .gu-transit {
        opacity: .2;
    }
    
    .h-1220 {
        height: 1350px !important;
    }
    
    .dashboard-box {
        min-height: 434px;
        max-height: 434px;
    }
    /*10 Dec 2020*/
    
    .auth-logo {
        height: 60px;
    }
    
    .project-detail-box .progress-wrapper {
        padding-top: 12px;
    }
    
    .main-content .page-content {
        min-height: 758px;
    }
    
    .logo-div {
        padding: 10px 20px;
        color: #8492A6;
        border-color: #8492A6;
        background-color: #8492A6;
        border-radius: 0.25rem;
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    }
    
    .breadcrumb-item.active {
        display: block;
    }
    
    .kanban-board .kanban-col .card-list-title {
        padding: 10px 20px;
        border-color: #8492A6;
        background-color: #8492A6;
        border-radius: 0.25rem;
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    }
    /*Data Table*/
    
    #a.btn-icon-only {
        border-radius: 10px;
        background: #0f5ef7;
        color: #fff;
        padding: 10px 35px;
        width: auto !important;
        height: auto !important;
        line-height: 1.5 !important;
    }
    
    a.btn-icon-only span i {
        padding-right: 2px;
    }
    
    .card {
        border: none;
    }
    
    #myTable tbody tr {
        background: none;
    }
    
    #myTable .dataTable thead th,
    .datatable-emp table.dataTable thead td,
    table.dataTable.no-footer {
        border-bottom: 0
    }
    
    #myTable th {
        border-bottom: 1px solid #fff;
    }
    
    #myTable tr {
        border-top: 1px solid #f0f1f1;
    }
    
    #myTable tbody tr:first-child {
        border-top: none;
    }
    
    #myTable thead tr th {
        font-size: 12px;
        color: #011c4b;
        padding: 17px 20px;
        border-top: none;
    }
    
    #myTable thead tr {
        background: #fff;
        border-radius: 15px;
        box-shadow: 0 31px 49px rgba(105, 105, 105, 0.09);
        position: relative;
    }
    
    #myTable tbody {
        background: #fff;
    }
    
    #myTable tbody tr td {
        background: #fff;
        padding: 1rem;
        color: #a3afbb;
        font-size: 12px;
        font-weight: 600;
    }
    
    .Id a {
        color: #0f5ef7;
        font-weight: 600;
        border: 1px solid #0f5ef7;
        border-radius: 5px;
        padding: 7px 15px;
    }
    
    .table-responsive {
        background: #fff;
        box-shadow: 0 31px 49px rgba(105, 105, 105, 0.09);
        padding-bottom: 20px;
    }
    
    #myTable_previous,
    #myTable_next {
        background: #a3afbb;
        font-size: 10px;
        border-radius: 4px;
        font-weight: 600;
        color: #fff !important;
        padding: 5px 30px;
    }
    
    #myTable_previous {
        margin-right: 10px;
    }
    
    #myTable_next {
        margin-left: 10px;
        margin-right: 20px;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: #0f5ef7 !important;
        font-size: 10px !important;
        border-radius: 4px !important;
        font-weight: 600;
        border-radius: 6px !important;
        border-color: #0f5ef7 !important;
        color: #fff !important;
        padding: 5px 10px !important;
    }
    
    #myTable_info {
        font-size: 12px;
        color: #a3afbb;
        padding-left: 20px;
    }
    
    #myTable {
        margin-bottom: 20px !important;
    }
    
    .dataTables_wrapper .dataTables_filter {
        border: 1px solid #0f5ef7;
        border-radius: 8px;
        height: 40px;
        padding: 0 15px;
        position: relative;
        margin: 30px 30px 30px 0;
    }
    
    .dataTables_wrapper #myTable_length {
        margin: 30px 0 30px 30px;
        border: 1px solid #0f5ef7;
        border-radius: 8px;
        height: 40px;
        background: #0f5ef7;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 40px;
        padding: 0 15px;
    }
    
    .dataTables_wrapper #myTable_length label {
        margin-bottom: 0;
    }
    
    .dataTables_wrapper .dataTables_filter input {
        outline: none;
        border: none;
        background: none;
        font-weight: 500;
        line-height: 28px;
        color: #0f5ef7;
        font-size: 12px;
    }
    
    .dataTables_wrapper .dataTables_filter label {
        font-weight: 600;
        font-size: 12px;
        color: #0f5ef7;
        float: left;
    }
    
    .dataTables_wrapper .dataTables_filter label:before {
        position: absolute;
        content: "\f002";
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        font-size: 16px;
        right: 12px;
        top: 5px;
    }
    
    .dataTables_wrapper .dataTables_length select {
        border: none;
        font-size: 12px;
        color: #0f5ef7;
        margin: 0 5px;
        line-height: 40px;
        font-weight: 600;
        padding: 0 10px;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
        background: #fff url('../assets/img/arrow-drop.png') no-repeat 85% 53%;
        height: 38px;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: none;
        color: #0f5ef7 !important;
        border: 1px solid transparent;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        font-size: 10px !important;
    }
    
    @media screen and (max-width: 767px) {
        .dataTables_wrapper #myTable_length {
            margin: 30px auto 15px auto;
            width: 180px;
        }
        .dataTables_wrapper .dataTables_filter {
            margin: 0 auto;
            width: 270px;
        }
        .justify-content-md-end {
            justify-content: flex-end !important;
        }
        .justify-content-md-start {
            justify-content: flex-start !important;
        }
    }
    
    @media screen and (max-width: 576px) {
        .search-left {
            margin: 0 auto;
        }
        .entries-box {
            margin: 0 auto;
        }
    }
    
    .auth-lang {
        position: absolute;
        right: 0;
        top: 20px;
    }
    /*Report Datatable*/
    
    #reportTable tbody tr {
        background: none;
    }
    
    #reportTable .dataTable thead th,
    .datatable-emp table.dataTable thead td,
    table.dataTable.no-footer {
        border-bottom: 0
    }
    
    #reportTable th {
        border: none;
    }
    
    #reportTable tr {
        border-top: 1px solid #f0f1f1;
    }
    
    #reportTable tbody tr:first-child {
        border-top: none;
    }
    
    #reportTable thead tr th {
        font-size: 12px;
        color: #011c4b;
        padding: 28px 20px;
    }
    
    #reportTable thead tr {
        background: #fff;
        border-radius: 15px;
        box-shadow: 0 31px 49px rgba(105, 105, 105, 0.09);
        position: relative;
    }
    
    #reportTable tbody {
        background: #fff;
    }
    
    #reportTable tbody tr td {
        background: #fff;
        padding: 1rem;
        color: #a3afbb;
        font-size: 12px;
        font-weight: 600;
    }
    
    #reportTable_previous,
    #reportTable_next {
        background: #a3afbb;
        font-size: 10px;
        border-radius: 4px;
        font-weight: 600;
        color: #fff !important;
        padding: 5px 30px;
    }
    
    #reportTable_previous {
        margin-right: 10px;
    }
    
    #reportTable_next {
        margin-left: 10px;
        margin-right: 20px;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: #0f5ef7 !important;
        font-size: 10px !important;
        border-radius: 4px !important;
        font-weight: 600;
        border-radius: 6px !important;
        border-color: #0f5ef7 !important;
        color: #fff !important;
        padding: 5px 10px !important;
    }
    
    #reportTable_info {
        font-size: 12px;
        color: #a3afbb;
        padding-left: 20px;
    }
    
    #reportTable {
        margin-bottom: 20px !important;
    }
    
    .dt-buttons {
        margin: 30px 0 30px 30px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 40px;
        padding: 0;
    }
    
    .buttons-html5 {
        color: white !important;
        border: 1px solid rgb(163, 175, 187) !important;
        background: linear-gradient(to bottom, rgb(163, 175, 187) 0%, rgb(163, 175, 187) 100%) !important;
    }
    
    .font-style {
        text-transform: capitalize;
    }
    
    .alert-notify {
        display: flex !important;
        max-width: 400px;
        width: auto;
        padding-right: 80px;
        box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);
    }
    
    .payment_id {
        padding: 0 20px;
    }
    
    .dashboard-box {
        overflow: auto;
    }
    
    @media screen and (max-width: 1199px) {
        .dashboard-box {
            overflow: auto;
        }
    }
    
    @media screen and (max-width:991px) {
        .responsive_none {
            display: none;
        }
        .navbar-expand-lg .navbar-nav.flex-row .dropdown-menu {
            left: 0;
        }
        /* .navbar_msg_responsive {
        width: 100%;
        display: inline-block;
        left: 0;
        position: absolute;
        top: -6px;
    }
    .navbar_msg_responsive .sidenav-toggler {
        position: absolute;
        right: 0;
    }
    .main_massege_section {
        position: absolute;
        left: 0;
        display: flex;
        align-items: center;
    }
    
    .navbar_msg_responsive a.sidenav-toggler {
        top: 10px;
        left: 10px;
    }
    .navbar_msg_responsive a.sidenav-toggler i {
        font-size: 20px;
    } */
    }