.tooltip1 {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black;
        
    }
    .tooltiptext1 {
        visibility: hidden;
        width: 320px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: -160%;
        margin-left: -0px;
        z-index: 99999;
    }
    .tooltip1 .tooltiptext1::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: black transparent transparent transparent;
    }
    .tooltip1:hover .tooltiptext1 {
        visibility: visible;
    }

    .custom-control-label{
        text-transform: none !important;
    }
    .col-form-label{
        font-size: 13px !important;
    }

    .ui-datepicker-month {
        border-radius: 3px;
    }
    .ui-datepicker-month {
        display: block;
        width: 100%;
        height: calc(2.25rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s 
    }
    
    .ui-datepicker-year {
        border-radius: 3px;
    }
    .ui-datepicker-year {
        display: block;
        width: 100%;
        height: calc(2.25rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s 
    }
    .ui-datepicker-title>select{
        display: inline;
    }
    .ui-datepicker{
        width: 20em !important;
    }
    #ui-datepicker-div{
        z-index: 99999 !important;
    }
    #primary-menu{
        margin-right: 150px; 
    }
    #login-section{
        z-index: 1;
    }
    .swal-text{
         text-align: center !important;
    }
    #primary-menu-trigger>i {
        color: white;
    }   
    

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
    #registerLogo{
        margin-top: 50px !important;
        width:220px !important;
	}
    #second-column{
        margin-top: 10px !important;
       
    }
    .card-body {
        padding: 25px !important;
    }
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) and (height:900px){
 
	#registerLogo{
        margin-top: 50px !important;
        width:220px !important;
    }
    #second-column{
        margin-top: 10px !important;
       
    }
    .card-body {
        padding: 25px !important;
    }
}
 /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) and (min-height:800px){
    
    #registerLogo{
        margin-top: 50px !important;
        width:220px !important;
    }
    #second-column{
        margin-top: 10px !important;
       
    }
    .card-body {
        padding: 20px !important;
    }
  }
  
  /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) and (min-height:1024px){
    
    #registerLogo{
        margin-top: 50px !important;
        width:220px !important;
	}
    #second-column{
        margin-top: 10px !important;
       
    }
    .card-body {
        padding: 25px !important;
    }
  }
  
 
  
   /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }
    .ui-datepicker{
        width: 16.5em !important;
    }
    #registerLogo{
        margin-top: 20px !important;
        width:120px !important;
	}
    
    #wo_onImage{
        height: 3.5em !important;
    }
    .card {
        max-width: 550px !important;
    }
    .card-body {
        padding: 22px !important;
    }
    form h3{
        margin-bottom : 5px;
    }
    #signup{
        margin-left: 0%;
    }
    #primary-menu-trigger {
        top:0px;
    }
    #second-column{
        margin-top: 10px !important;
       
    }

  }
   /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (min-height: 1000px) {
    
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }
    
    #registerLogo{
        margin-top: 20px !important;
        width:180px !important;
	}
    
    #wo_onImage{
        height: 3.5em !important;
    }
    .card {
        max-width: 550px !important;
    }
    .card-body {
        padding: 1.25rem;
    }
    form h3{
        margin-bottom : 5px;
    }
    #signup{
        margin-left: 0%;
    }
    #primary-menu-trigger {
        top:20px;
        left:30px;
    }
    #second-column{
        margin-top: 40px !important;
    }
   
  }
  /* 
    ##Device = Tablets, Ipads (portrait)  AND HEIGHT 600
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (height:600px) {
    
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }
    
    #registerLogo{
        margin-top: 20px !important;
        width:0px !important;
	}
    
    #wo_onImage{
        height: 4.5em !important;
    }
    .card {
        max-width: 550px !important;
    }
    .card-body {
        padding: 1.0rem;
    }
    form h3{
        margin-bottom : 5px;
    }
    #signup{
        margin-left: 0%;
    }
    #primary-menu-trigger {
        top:20px;
        left:30px;
    }
    #second-column{
        margin-top: 10px !important;
    }
    #wo_onImage{
        height: 2.5em !important;
    }
  }


  /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    
    
  }
  
  /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }
    .ui-datepicker{
        width: 16.5em !important;
    }
    #registerLogo{
        margin-top: 20px !important;
        width:120px !important;
	}
    
    #wo_onImage{
        height: 3.5em !important;
    }
   
    .card-body {
        padding: 1.25rem;
    }
    form h3{
        margin-bottom : 5px;
    }
    #signup{
        margin-left: 40%;
    }
    #primary-menu-trigger {
        top:0px;
    }
    #second-column{
        margin-top: 20px !important;
    }
    
  }
  


  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
    #content {
        min-height: 100vh !important;
        background-size: auto !important;
    }
    .ui-datepicker{
        width: 16.5em !important;
    }
    #registerLogo{
        margin-top: 20px !important;
        width:0px !important;
	}
    
    #wo_onImage{
        height: 3.5em !important;
    }
    .form-group {
        margin-bottom: 0rem;
    }
    .form-control{
        height: calc(1.7rem + 2px);
    }
    .card-body {
        padding: 1.25rem;
    }
    form h3{
        margin-bottom : 5px;
    }
    #signup{
        margin-left: 30%;
    }
    #primary-menu-trigger {
        top:0px;
    }
    #second-column{
        margin-top: 20px !important;
    }
  }
  /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) and (max-height: 660px) {
    #wo_onImage{
        height: 2.5em !important;
    }
  }
/* Ipad-Pro Portrait */
@media only screen 
  and (width: 1024px) 
  and (height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	#wrapper{
        background-color: #009fe3 !important;
    }
	#content {
        min-height: 100vh !important;
        background-size: auto !important;
    }
    #registerLogo{
        margin-top: 150px !important;
        width:220px !important;
	}
    #second-column{
        margin-top: 150px !important;
       
    }
    .card-body {
        padding: 50px !important;
    }
    
}