/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
    /* 
    Created on : 16 Mar, 2017, 2:10:08 PM
    Author     : van
*/
    
    .footer-copyright {
        display: inline-block;
        height: 100%;
        vertical-align: bottom;
        margin-top: 10%;
    }
    
    .content-wrapper {
        min-height: calc(100vh - 104px)!important;
    }
    
    table.dataTable thead>tr>th {
        padding-right: 0px!important;
    }
    
    .email-css {
        display: block;
        width: 50px;
        margin-bottom: 40px;
    }
    
    .email-border {
        border-left: 2px solid #ccc;
    }
    
    .select-css {
        padding: 5px;
    }
    
    .select-css {
        -webkit-appearance: none;
        -moz-appearance: none;
        border: solid 1px #555;
        border-radius: 3px;
        padding: 5px;
    }
    
    ul.timeline-3 {
        list-style-type: none;
        position: relative;
    }
    
    ul.timeline-3:before {
        content: " ";
        background: #d4d9df;
        display: inline-block;
        position: absolute;
        left: 29px;
        width: 2px;
        height: 100%;
        z-index: 400;
    }
    
    ul.timeline-3>li {
        margin: 20px 0;
        padding-left: 20px;
    }
    
    ul.timeline-3>li:before {
        content: " ";
        background: white;
        display: inline-block;
        position: absolute;
        border-radius: 50%;
        border: 3px solid #22c0e8;
        left: 20px;
        width: 20px;
        height: 20px;
        z-index: 400;
    }
    /* third timeline */
    
    * {
        margin: 0;
        padding: 0;
    }
    
    body {
        background-color: #1d2123;
        font-family: "Inter", sans-serif;
    }
    
    ul {
        list-style: none;
        margin: 0 !important;
    }
    
    a {
        text-decoration: none !important;
        display: inline-block;
    }
    
    img {
        max-width: 100%;
    }
    
    button:focus {
        outline: none;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: ;
        margin: 0;
    }
    
    p {
        font-size: 14px;
        line-height: 26px;
        margin: 0;
    }
    
    .container {
        width: 100%;
        max-width: 1140px;
        padding: 0 15px;
        box-sizing: border-box;
        margin: 0 auto;
    }
    
    .timelines h2 {
        text-align: center;
        color: #fff;
        font-weight: 600;
        margin-bottom: 40px;
        font-size: 32px;
    }
    
    .d-flex-2 {
        display: flex;
        align-items: center;
    }
    
    .timeline-area {
        padding: 80px 0;
    }
    
    .all-timelines {
        position: relative;
    }
    
    .timelines h2 {
        text-align: center;
        color: #b12f2f;
        font-weight: 600;
        margin-bottom: 40px;
    }
    
    .all-timelines::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        height: 100%;
        width: 2px;
        background: #efa22f;
        top: 20px;
    }
    
    .single-timeline {
        margin-bottom: 22px;
    }
    
    .timeline-blank {
        width: 50%;
    }
    
    .timeline-text {
        width: 50%;
        padding-left: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }
    
    .timeline-text h6 {
        color: #0d2136;
        font-weight: 900;
        display: inline-block;
        font-size: 1.5rem;
    }
    
    .timeline-text span {
        color: #0d2136;
        display: block;
        width: 100%;
    }
    
    .single-timeline:nth-child(even) .timeline-text span {
        text-align: right;
    }
    
    .t-square {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        left: -6px;
        background: #efa22f;
    }
    
    .single-timeline:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    
    .single-timeline:nth-child(even) .t-square {
        right: -6px;
        left: unset;
    }
    
    .single-timeline:nth-child(even) .timeline-text {
        padding-left: 0;
        padding-right: 30px;
        text-align: right;
    }
    
    @media all and (max-width: 991px) {}
    
    @media all and (max-width: 768px) {
        .all-timelines::before {
            right: unset;
            top: 0;
        }
        .single-timeline:nth-child(2n) .timeline-text {
            padding-left: 30px;
            padding-right: 0;
            text-align: left;
        }
        .single-timeline:nth-child(2n) .t-square {
            left: -6px;
            right: unset;
        }
        .timeline-blank {
            display: none;
        }
        .timeline-text {
            width: 100%;
        }
        .single-timeline:nth-child(even) .timeline-text span {
            text-align: left !important;
        }
    }
    
    @media all and (max-width: 575px) {}
    
    @media all and (max-width: 360px) {
        .all-timelines::before {
            top: 32px;
        }
    }
    
    .email-colour {
        /* background-color: #ffb366; */
        width: 300px;
    }
    
    .email-align {
        display: flex;
        align-items: center;
        height: 650px;
    }
    
    .dropdown-menu {
        min-width: 200px;
    }
    
    .dropdown-menu li {
        padding: 5px;
    }
    
    .color-get {
        background: none;
    }
    
    .document-style {
        display: flex;
        justify-content: space-between;
    }
    
    .completed-highlight {
        font-weight: bold;
        background-color: rgb(62, 182, 118);
        font-size: 20px;
        color: white;
        /* Adjust the text color if necessary */
        padding: 5px;
        /* Optional: Adds padding for better visibility */
        border-radius: 5px;
        /* Optional: Adds rounded corners */
    }
    
    .type-door {
        font-size: 20px;
    }
    
    .margin-btn {
        margin-top: 19px;
    }

    .parent {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: sticky;
        top: 0;
        z-index: 99;
        height: 50px;
        background: #fff;
        left: 0;
    }

    .parent .new-section{
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .parent .section{
        display: flex;
        align-items: center;
        gap: 2px;
    }

    .parent .create {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    /* Custom width for datepicker dropdown */
    /* .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
        width: 250px !important; 
    }
  */