.fieldset{
    font-size: 17px;
   /* margin: 0; */
    width: auto;
   	margin: 0px auto;
    margin-top: 0px;
    padding: 5px 5px 5px 10px; 
    color: black;
	border: 1px solid #aaa;
	font-weight: bold;
}

.form{
    border: 0px solid #eee; 
    width: 700px;
    margin: 0px auto;
    padding: 10px;
 /*   background: #f8f8f8;  */
	font-weight: normal !important;
}

.form form label,.form input, .form textarea{
    width: 240px;
    float: right;
    display: block;
    margin-bottom: 10px;
}


.form h1{
    text-align: center;
    font-size: 25px;
    font-weight: bolder;
    padding: 10px;
}

.form input[type="checkbox"]{
    width: 30px;
}

.form .padd{
    padding: 10px;
}

.form select{
	float: right;
    display: block; 
    /*   
 	width: 340px;
    */
}

.form form label{
    margin-right: 20px;
    text-align: left;
    padding-left: 10px;
	font-weight: normal !important;
	font-size: 16px;
	color: #333;
	padding: 7px;
	background: #e8e8e8;
}

.form select,.form input[type="checkbox"] {
  padding: 7px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}

.form input[type="text"],.form input[type="password"] ,.form input[type="time"] ,.form input[type="number"], .form textarea{
  padding: 7px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
.form input[type="text"]:focus, .form input[type="password"]:focus ,.form input[type="time"]:focus ,.form input[type="number"]:focus,.form textarea:focus
.form input[type="text"].focus,.form input[type="password"].focus, .form input[type="time"].focus, .form input[type="number"].focus, .form textarea.focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}

#input_degree_table table,#input_degree_table tr,#input_degree_table th,#input_degree_table td{
   border: 1px solid #777; 
   border-collapse: collapse;
}

#input_degree_table {
	text-align: center;
}

.form .hidden{
    display: none;
}

.d-none{
    display: none;
}




.form br{
    clear: both;
}

.form input[type="button"]{
}

.form input[type="submit"],.form input[type="button"], .form button{
    width: 25%;
    margin-left: 20px;
	padding: 5px 3px 5px;
	font-weight: bold;
	border: 2px solid #2774FF;
	background: #2774FF;
	color: white;
	cursor: pointer;
}
.form input[type="submit"]:hover{
    border: 2px solid #205ECF;
}



@media only screen and (max-width: 500px) {
    .fieldset{
        font-size: 17px;
       /* margin: 0; */
        width: auto;
           margin: 0px auto;
        margin-top: 0px;
        padding: 5px; 
        color: black;
        border: 1px solid #aaa;
        font-weight: bold;
    }
    
    .form{
        border: 0px solid #eee; 
        width: auto;
        margin: 0px auto;
        padding: 10px;
     /*   background: #f8f8f8;  */
        font-weight: normal !important;
    }
    
    .form form label,.form input, .form textarea{
        width: 100%;
        float: right;
        display: block;
        margin-bottom: 10px;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .form .half{
        width: auto;
        padding-left: 10px !important;
    }
     
    
    .form h1{
        text-align: center;
        font-size: 25px;
        font-weight: bolder;
        padding: 10px;
    }
    
    .form input[type="checkbox"]{
        width: 30px;
    }
    
    .form .padd{
        padding: 10px;
    }
    
    .form select{
        float: right;
        display: block; 
        /*   
         width: 340px;
        */
    }
    
    .form form label{
        margin: 0px;
        text-align: right;
        font-weight: normal !important;
        font-size: 16px;
        color: #333;
        padding: 7px;
        background: transparent;
    }
    
    .form select,.form input[type="checkbox"] {
      padding: 7px;
      border: solid 1px #dcdcdc;
      transition: box-shadow 0.3s, border 0.3s;
    }
    
    .form input[type="text"],.form input[type="password"] ,.form input[type="time"] ,.form input[type="number"]{
      padding: 7px;
      border: solid 1px #dcdcdc;
      transition: box-shadow 0.3s, border 0.3s;
    }
    .form input[type="text"]:focus, .form input[type="password"]:focus ,.form input[type="time"]:focus ,.form input[type="number"]:focus
    .form input[type="text"].focus,.form input[type="password"].focus, .form input[type="time"].focus, .form input[type="number"].focus {
      border: solid 1px #707070;
      box-shadow: 0 0 5px 1px #969696;
    }
    
    #input_degree_table table,#input_degree_table tr,#input_degree_table th,#input_degree_table td{
       border: 1px solid #777; 
       border-collapse: collapse;
    }
    
    #input_degree_table {
        text-align: center;
    }
    
    .form .hidden{
        display: none;
    }
    
    
    
    .form br{
        clear: both;
    }
    
    .form input[type="button"]{
    }
    
    .form input[type="submit"],.form input[type="button"],.form button{
        width: 50%;
        margin-left: 20px;
        padding: 5px 3px 5px;
        font-weight: bold;
        border: 2px solid #2774FF;
        background: #2774FF;
        color: white;
        cursor: pointer;
        margin-top: 10px;
    }
    .form input[type="submit"]:hover{
        border: 2px solid #205ECF;
    }


    .table_container{
        overflow-x: auto;
    }

    #period .table_container{
        overflow-x: auto;
        width: 90vw;
    }
}


.btn-whatsapp{
    background: #25D366 !important;
    border: 4px solid #ffffff !important;

    color: #eee !important;
    font-weight: bold;
}

#brmja-check-installed,#brmja-messages-table, #brmja-send{
    display: none;
}

.loader {
    display: none;
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 10px;
    height: 10px;
    animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .hide2 {
    display: none;
}