*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;   
}
body{
  background-color: #f6f8ff;   
}
/* body{
    width: 100vw;
    height: auto;
    min-height: 100vh;
    background-size: cover;
    background: #fffaf5;
    margin: 0;
  } */
/* .blockcontentWrapper{
    width: 92%;
    height: 100%;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 6rem;
    display: flex;
    /* align-items: flex-start;
    justify-content: flex-start; 
    flex-direction: column;
    overflow: auto;
} */

/* ********************* gt inputs start ********************* */

.gt-input-divs {
  margin-bottom: 1rem;
}

.gt-inplabel-divs {
  margin-bottom: 3px;
  margin-left: 0.3rem;
}  
.gt-input-labels {
  font-size: 14px;
  font-weight: 600;
  color: #4767d6;
  font-family: 'Inter', sans-serif;
}


.gt-input-tags {
  border:1px solid #203890;
  border-radius: 4px;
  
  height: 32px;
  /* width: 150px; */
  width: 15rem;
  
  font-family: 'Inter', sans-serif;
  color:#0f1e59;
  font-weight: 500;
  font-size: 14px;

  padding-left: .6rem;

  background-color: #f6f8ff;
}

.gt-no-borinput-tags {
  appearance: none;
  outline: none;
  border: none;

  background-color: #f6f8ff;
}

.gt-select-tags {
  /* width: 150px; */
  width: 15rem;
  height: 32px;

  font-family: 'Inter', sans-serif;
  color:#0f1e59;
  font-weight: 500;
  font-size: 14px;

  padding-left: .6rem;

  background-color: #f6f8ff;

  border:1px solid #203890;
  border-radius: 4px;
}
/* ********************* gt inputs ends ********************* */


/* ********************* gt buttons start ********************* */
        .gt-save-buttons {
            border-color:#4767d6;
            border-radius:24px;
            border-width: 0;
            
            width: 54px;
            height: 28px;
            
            /* padding:6px 8px 6px 8px; */
            
            color:#fff;
            font-size: 14px;
            font-weight: 700;
            font-family:'Inter', sans-serif;
            
            background-color: #4767d6;
        } 
        .gt-delete-buttons {
            border-color:#fe006a;
            border-radius:24px;
            border-width: 0;
            
            width: 54px;
            height: 28px;
            
            padding:6px 8px;
            
            color:#fff;
            font-size: 12px;
            font-weight: 700;
            font-family:'Inter', sans-serif;

            background-color: #fe006a;

        } 
        .gt-changepassword-buttons {
            border-color:#7f9bff;
            border-radius:24px;
            border-width: 0;
            
 
            width: 124px;
            height: 28px;
            
            padding:6px 8px;
            
            color:#fff;
            font-size: 12px;
            font-weight: 700;
            font-family:'Inter', sans-serif;
            
            background-color: #7f9bff;
             
        } 
        .gt-addtask-buttons {
            border-color:#4767d6;
            border-radius:24px;
            border-width: 0;
            
            width: 77px;
            height: 28px;
            
            padding:6px 8px 6px 8px;
            
            color:#fff;
            font-size: 13.5px;
            font-weight: 600;
            font-family:'Inter', sans-serif;
            
            background-color: #4767d6;
             
        } 

        .gt-edit-buttons {
            border-color:#aabbff;
            border-radius:24px;
            border-width: 0;
            
            width: 54px;
            height: 24px;
            
            padding:6px 8px 6px 8px;
            
            color:#fff;
            font-size: 14px;
            font-weight: 700;
            font-family:'Inter', sans-serif;
            
            background-color: #aabbff;  
        }
        .gt-submit-buttons {
          border-color:#001c81;
          border-radius:4px;
          border-width: 0;
          
          width: 180px;
          height: 28px;
          
          padding:5px 8px 7px 8px;
          
          color:#fff;
          font-size: 14px;
          font-weight: 600;
          font-family:'Inter', sans-serif;
          
          background-color: #001c81;
      } 
/* ********************* gt buttons end ********************* */

/* *****************newstaffform CSS START********************* */
.newstaffformid input{
  max-width: 80%;
}
.newstaffformid select{
  max-width: 80%;
}
.newstaffformid {
  margin-right: 4rem;
  
}
.newstaffformid #id_staff_id {
  text-transform:uppercase;
}
.selects {
  margin-right: 4rem;

}
/* *****************newstaffform CSS END********************* */

/* *****************HEADER CSS START********************* */
  .headerdiv {
    /* position: fixed; */
    top: .2rem;
    z-index: 3;
    background: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
    border-radius: 2rem;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 10vw;
    margin-right: 1rem;
    margin-top: .5%;
    width:80vw;
    padding: .5%;
  }
  #headersearch {
    max-width: 68%;
  }
  #addenquiry-header-btn{
    min-width: 6.05rem;
  }
  .headerimgdiv {
    margin-left: 1rem;
    margin-right: 1rem;
    padding: .1rem;
    width: 7rem;
    text-align: center;
    border-radius: .2rem;
    background-color: white;
    border: 1px solid transparent;
    /* box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16); */

  }

  .headerbox {
    width: 60%; /* Adjust the width to take the remaining space */
    margin-left: 9%;
    margin-right: 1%;
  }

  .headerbtns {
    display: flex;
    gap: 1rem;
    margin-right: 1rem; /* Add a 1rem margin to the right */
    /* margin-top: 1rem; */

  }


  @media screen and (max-width: 768px){
    .headerdiv {
      display: flex;
      gap: .7rem;
      /* border: 1px solid black; */
      align-items: center;
      flex-direction: row;
      margin-bottom: 1rem;
      background: rgb(255, 255, 255);
      width: 75vw;
      height: 4.5rem;
      border-radius: 1rem;
      box-sizing: border-box;
      padding: 1%;
      margin-left: 16.5vw;
      margin-top: .4rem;

    }
    .headerbox {
      display: none;
      height: 3.5rem;
    }
    .headerimgdiv {
      /* display: none; */
      transform: scale(.75);
      margin-left: -0.5%;
    }
    .headerbtns {
      height: 3.5rem;
      width: 5rem;
      margin-top: 1rem;
    }
    #today-header-btn {
      font-size: .7rem;
      width: 5rem;
    }
    #addenquiry-header-btn {
      /* font-size: .7rem; */
      min-width: 6.05rem;
      max-height: 2.5rem;
      margin-left: -4.3rem;
    }
    
  
  #detailsbtn{
    transform: scale(1.2);
    margin-left: -1rem;
  }

  }
/* ***************** HEADER CSS END ********************* */


/* *****************NAVBAR SIDE CSS START********************* */
  .mysidebar {
    font-family: "Lato", sans-serif;
  }
  
  .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index:  99999;
    top: 0;
    left: 0;
    /* background-color: #111; */
    /* background-color: #173346; */
    background-color: #C9D5FF;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 2rem;
  }
  
  .sidebar a {
    padding: 6px 6px 6px 32px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    font-family:'Inter', serif;
    /* color: #818181; */
    color: #001C80;
    display: block;
    transition: 0.5s;
  }
  
  .sidebar a:hover {
    color: #001561;
  }
  
  .sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 2rem;
  }
  
  /* .openbtn {
    font-size: 20px;
    cursor: pointer;
    /* background-color: #111; 
    /* background-color: #173346; 
    /* color: white; 
    color: #173346;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
    padding: 10px 15px;
    border: none;
    border-radius: .2rem;
    justify-content: center;
    position:fixed;
    margin-top:0.4rem;
    /* margin-left: 1rem; 
  } 
  .openbtn:hover {
    background-color: #444;
  }*/
  .openbtn {
    font-size: 24px;
    cursor: pointer;
    /* background-color: #111; */
    /* background-color: #173346; */
    /* color: white; */
    color: #08131b;
    /* border: 1px solid transparent; */
    /* box-shadow: 0 2px 5px 1px rgba(64,60,67,.16); */
    padding: 10px 15px;
    /* border: none; */
    /* border-radius: .2rem; */
    justify-content: center;
    position:fixed;
    margin-top:0.4rem;
    text-decoration: none;

    /* margin-left: 1rem; */  
  }
  


  #main {
    transition: margin-left .5s;
    /* padding: 16px; */
  }
  
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  @media screen and (max-height: 450px) {
    .sidebar {padding-top: 15px;}
    .sidebar a {font-size: 18px;}
  }

  /* DROPDOWN START*/
  .dropdown {
    padding: 8px 8px 8px 32px;
    margin: 0;
  }
  
   .dropbtn {
    font-size: 18px;
    color: #cacaca; 
    border: none;
    outline: none;
    background-color: inherit;
    font-family: inherit;
    
  }
  
  .navbar a:hover, .dropdown:hover {
    color: #285a7c;
  }
  
  .dropdown-content {
    margin-left: 1rem;
    display: none;
    color: #cacaca; 
    position: absolute;
    background-color: #48718d;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-content a {
    font-size: 18px;
  }
  
  .dropdown-content a:hover {
    background-color: #345e7a;
    
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
    color: #f1f1f1;
  }
  .dropbtn:hover {
    color: #f1f1f1;
  }
  /* DROPDOWN END */



/* *****************NAVBAR SIDE CSS END********************* */



/* *****************ENQUIRYFORM Modal CSS START********************* */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    /* position: fixed; Stay in place */
    /*z-index: 1;  Sit on top */
    padding-top: 1rem; /* Location of the box */
    padding-left: 1.5rem;
    /* 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.7); /* Black w/ opacity */
}

.enmodlb, .enmodlbm2m {
    font-style: italic;
    margin-left: 1.1rem;
    margin-bottom: .2rem;
    margin-right: .1rem;
    margin-top: .8rem;
    
}
.modal input{
    margin-left: .4rem;
    /* background-color: #ffc880 ; */
    
}
.modal select{
    margin-left: .8rem;
    
}
.enmodinm2m{
    padding-left: 1.4rem;
    
}
/* #id_customer_phone_no, #id_customer_name, #id_customer_email, #id_enquiry_status, #id_first_quote, #id_appointment_date, #id_follow_up_date, #id_branch */


.modal #ensub {
    /* /* margin-left: 2rem; */
    margin-top: 1.5rem;
    margin-bottom: 1rem;     
    background-color: #ff9b19 ;
    border-color: #ff9b19;
    color:black;
}

#modalback{
  margin-top: 1.5rem;
  margin-bottom: 1rem; 
}

.modal form{
    padding-right: 1.2rem;
    /* background-color: #ffc880 ; */
    /* background-color: #d6fffc ; */
}
/* Modal Content */
.modal-content {
    background-color: #d6fffc ;
    margin: auto;
    padding: .8rem;
    border: 1px solid #888;
    width: 65%;
    max-width: 85%;
    /* min-width: 600px; */
}

@media screen and (max-width:768px) {
  /* Modal Content */
  .modal-content {
    background-color: #d6fffc ;
    margin: auto;
    padding: .8rem;
    border: 1px solid #888;
    width: 85%;
    max-width: 85%;
    /* min-width: 600px; */
}
  
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    padding-right:4%;
    font-size: 22px;
    font-weight: bold; 
    margin-top: -2.5rem;
}
/* The Close Button */
.close1 {
  color: #aaaaaa;
  float: right;
  padding-right:4%;
  font-size: 22px;
  font-weight: bold; 
  margin-top: -2.5rem;
}


.close1:hover,
.close1:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/* *****************ENQUIRYFORM Modal CSS END********************* */


/* ****************** SCROLLBAR STARTS ********************** */

    /* Firefox */
    * {
      scrollbar-width: thin;
      scrollbar-color: #397524 #DFE9EB;
      
      }
  
      /* Chrome, Edge and Safari */
      *::-webkit-scrollbar {
      height: 10px;
      width: 10px;
      }
      *::-webkit-scrollbar-track {
      border-radius: 5px;
      background-color: white;
      }
  
      *::-webkit-scrollbar-track:hover {
      background-color: #B8C0C2;
      }
  

      *::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background-color: #397524;
      }
  
      *::-webkit-scrollbar-thumb:hover {
      background-color: #62A34B;
      }
  
      *::-webkit-scrollbar-thumb:active {
      background-color: #62A34B;
      }






/* ----------- 1600px ----------- */
@media screen and (max-width: 1600px) {
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #397524 #DFE9EB;
    
    }

    /* Chrome, Edge and Safari */
    *::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    }
    *::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: white;
    }

    *::-webkit-scrollbar-track:hover {
    background-color: #B8C0C2;
    }


    *::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #397524;
    }

    *::-webkit-scrollbar-thumb:hover {
    background-color: #62A34B;
    }

    *::-webkit-scrollbar-thumb:active {
    background-color: #62A34B;
    }

}

/* ----------- 1200px + ----------- */
@media screen 
and (min-width: 1201px){
}

      @media only screen and (max-width: 700px) { 
        
      }
  /* ****************** SCROLLBAR ENDS ********************** */

  /* ****************** WORKSHEET STARTS ********************** */
  #myFormsetid input {
    background: transparent !important;
    color:rgb(0, 0, 0);
    border: 0px solid black;
  }
  #myFormsetid select {
    background: transparent !important;
    color: rgb(0, 0, 0);
    border: 0px solid black;
  }
  #myFormsetid option {
    background: #ffffff;
    color: rgb(0, 0, 0);
  }

  /* ****************** WORKSHEET ENDS ********************** */