/* Logo-Blue color code #162D54 */
 /* Logo-red color code #f1241e */

 .icon{
    font-size: 5em !important; /*size whatever you like*/
    justify-content: center;
    align-items: center;
    color: #fff;
}

.dashboard{
    height: fit-content;
}
 .LoadingGif {
    display: none;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 105%;
    height: 105%;
    background-color:white;
    
    padding-top: 20%; 
    /* filter: alpha(opacity=75);  */
    opacity: 0.75; 
    font-size:large;
    color:blue;
    font-style:italic;
    font-weight:400;
    background-image: url("loading_circle.gif");
    background-repeat: no-repeat;
    align-items: center;
    background-position: center;
  }
  .loginGif {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 105%;
    height: 105%;
    background-color:white;
    
    padding-top: 20%; 
    /* filter: alpha(opacity=75);  */
    opacity: 0.75; 
    font-size:large;
    color:blue;
    font-style:italic;
    font-weight:400;
    background-image: url("login.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
  }
  
  .redirctingGif {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 105%;
    height: 105%;
    background-color:white;
    
    padding-top: 20%; 
    /* filter: alpha(opacity=75);  */
    opacity: 0.75; 
    font-size:large;
    color:blue;
    font-style:italic;
    font-weight:400;
    background-image: url("redirecting.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
  }
.login_page{
    background-color:whitesmoke;
    height:100vh;
    width:100vw;
}
.login_container{
   
    color:#131b36;
    font-size: xx-large;
    font-weight: 600;
}
.login_form{
    margin-top:120px;
    width:50vw;
    height:50vh;
    background-color: #131b36;
   
}
.col-form-label {
    color:whitesmoke;
}
.login_btn{
    text-decoration: none;
    color:#131b36;
    font-size: larger;
    font-weight: 600;
}


.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }
  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
  }
  .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #162D54;
    color: #ffffff;
  }
  .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: #162D54 !important;
    color: #ffffff;
  }
  
  div.dataTables_wrapper div.dataTables_length select {
    width: 40px !important;
    float: inline-end;
    
    padding: 8px !important;
    /* width: 40px !important; */
  }
  
  .dataTables_length .form-select{
    background-position: left 1.5rem center !important; 
    
    margin-left: 10px !important;
  }

  .dataTables_wrapper .dataTables_length label
  {
    margin-left: 10px !important;
  }


  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color:white !important;
    border:1px solid #111;
    background-color:#162D54;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #162D54), color-stop(100%, #162D54));
  background:-webkit-linear-gradient(top, #162D54 0%, #162D54 100%);
  background:-moz-linear-gradient(top, #162D54 0%, #162D54 100%);
  background:-ms-linear-gradient(top, #162D54 0%, #162D54 100%);
  background:-o-linear-gradient(top, #162D54 0%, #162D54 100%);
    background:linear-gradient(to bottom, #162D54 0%, #162D54 100%)
  }
  
  @media (max-width: 575.98px) {
    #signature_pad {
        background: #fff;
        width: 90% !important;
        height: 70%;
        cursor: crosshair;
        border-color: 1px solid black;
        overflow: hidden;
    }
  }

  @media (min-width: 1200px) {
    .container{
        max-width: 970px;
    }
}