@media (max-width: 767px) {
            .wrapper--w1100{
                padding: 10px;
            }
        }
    	.wrapper--w1100{
    		max-width: 1100px;
    	}
    	
    	@media (min-width: 1025px) and (max-width: 1280px) {
            .wrapper--w1100{
                padding: 90px;
            }
        }
        
        .required-field{
            color:#da1212;
        }
        
        #barangay option{
            text-transform:uppercase;
        }
        
        #field-status-other{
            display:none;
        }
        
        #field-pregnancy-status{
            display:none;
        }
        
        #field-cat-other{
            display:none;
        }
        
        #field-comorbidities{
            display:none;
        }
        
        #field-id-other{
            display:none;
        }
        
        .field-diagnosed{
            display:none;
        }
        
        
        h1 {
          text-align: center;  
        }
        
        input {
          padding: 10px;
          width: 100%;
          font-size: 17px;
          font-family: Raleway;
          border: 1px solid #aaaaaa;
        }
        
        /* Mark input boxes that gets an error on validation: */
        input.invalid {
          background-color: #ffdddd;
        }
        
        /* Hide all steps by default: */
        .tab {
          display: none;
        }
        
        button {
          background-color: #083d6b;
          color: #ffffff;
          border: none;
          padding: 10px 20px;
          font-size: 17px;
          font-family: Raleway;
          cursor: pointer;
        }
        
        button:hover {
          opacity: 0.8;
        }
        
        #prevBtn {
          background-color: #bbbbbb;
        }
        
        /* Make circles that indicate the steps of the form: */
        .step {
          height: 15px;
          width: 15px;
          margin: 0 2px;
          background-color: #bbbbbb;
          border: none;  
          border-radius: 50%;
          display: inline-block;
          opacity: 0.5;
        }
        
        .step.active {
          opacity: 1;
        }
        
        /* Mark the steps that are finished and valid: */
        .step.finish {
          background-color: #083D6B;
        }
        
        .button-group{
            overflow: auto;
            margin-top: 60px;
        }
        
        .tab-title{
            margin-bottom:30px;
        }
        
        hr{
            margin-top: 5px;
            background-color: #083d6b;
        }
        
        .notif-valid{
            display:none;
        }
        .partner-logo{
            display: flex;
            align-items: center;
            justify-content: center;
            
        }
        
        .partner-logo .logos{
            height:100px;
            margin:10px;
        }
        
        @media (max-width: 767px) {
            .partner-logo .logos{
                height:50px;
            }
        }
        
        @media (min-width: 1025px) and (max-width: 1280px) {
            .partner-logo .logos{
                height:60px;
            }
        }
        .care{
            text-align:center;
            margin-bottom: 30px;
        }
        #btn-submit, #field-dependent{
            display:none;
        }
        
        select option[disabled] { 
            color: #b7b2b2;
        }
        #vaccine-time option{
            display:none;
        }
        
        [type=reset], [type=submit], button, html [type=button] {
            margin: 2px 0 2px 0px;
        }
        
        .alert-danger{
            margin-top:15px;
        }
        
        .gj-textbox-md {
            border: 1px solid rgb(206 212 218);
            display: block;
            font-family: Helvetica,Arial,sans-serif;
            font-size: 1rem;
            line-height: 1.5;
            padding: .375rem .75rem;
            margin: 0;
            width: 100%;
            background: 0 0;
            text-align: left;
            color: #495057;
            cursor: pointer;
            background-color: #ffffff !important;
        }
        
        .gj-datepicker-md [role=right-icon] {
            position: absolute;
            right: 0;
            top: 0;
            font-size: 24px;
            margin-top: 7px;
            margin-right: 5px;
        }
        
        .gj-textbox-md:active, .gj-textbox-md:focus {
            border-bottom: none !important;
            outline: 0;
        }