/* Full-width input fields */
input[type=text], input[type=password],input[type=number] {
  width: 100%;
  padding: 3px 0px;
  margin: 1px 0;
  display: inline-block;
  border: 1.5px solid gray;
  border-radius: 3px;
  box-shadow: 0 1px 0px 0 rgba(0,0,0,0.2);
  box-sizing: border-box;
   
  font-family:   Courier New ,Meera;
  color: black;
  font-size: 14px;
  font-weight: bold; 
    
}

textarea{
    
  width: 100%;
  padding: 3px 2px;
  margin: 1px 0;
  display: inline-block;
  border: 1.5px solid gray;
  border-radius: 3px;
  box-shadow: 0 1px 0px 0 rgba(0,0,0,0.2);
  box-sizing: border-box;
  font-family: Courier New ,Meera;
  color: black;
  font-size: 14px;
  font-weight: bold;   
    
}
input#textcatsearch { text-indent: 5px; font-family:  Courier New;font-size: 14px;height: 24px;width: 100%; }

input[type="radio"] {
        padding:0;
        margin:0;
    position: relative;
    overflow:hidden;
        width: 16px; /*Desired width*/
        height: 16px; /*Desired height*/
        top:4px;
    } 

input[type="checkbox"] #checkboxalacartsearch {
        width: 15px; /*Desired width*/
        height: 15px; /*Desired height*/
    }
    
    input[type="checkbox"] #checkdeatariffalways{
        width: 20px; /*Desired width*/
        height: 24px; /*Desired height*/
    }  
    
    input[type="checkbox"] #checkboxalacartsearch{
        width: 15px; /*Desired width*/
        height: 15px; /*Desired height*/
    } 
    
    
    
    
    
 label {
    color: maroon;
    font-size: 12px;
 }       

 select{
    font-family:  Courier New ,Meera;
    color: black;
   background-color: white;
    font-size: 14px; font-weight: bold; 
    display: inline-block;
    border: 1.5px solid gray;
  border-radius: 3px;
  box-shadow: 0 1px 0px 0 rgba(0,0,0,0.2);
   
  box-sizing: border-box;
  padding: 2px 0px;
  margin: 1px 0;
   
 }
 
  /*select#combosortfield,#combosearchfield,#colstaffcombo_search,#defatariffcombo_search ,#schemetariffcombo_search   {
    font-family:  Courier New ,Meera;
    font-size: 12px;
    border-color: whitesmoke;
    }*/
    

input[type=date],input[type=month] {
  width: 100%;
  padding: 2px 1px;
  margin: 1px 0;
  display: inline-block;
  border: 1px solid #111;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 14px; font-weight: bold;
  font-family:  Courier New ,Meera;
  line-height: 14px;
}

.container {
   height: 100px;
   width: 100%;
  position: relative;
  border: 3px solid #888888;
  background-color: #F0F8FF;
  /*box-shadow:   5px 10px #888888;*/
}

 

 /* Set a style for all buttons 
button {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button:hover {
  opacity: 0.8;
}
*/

/* Extra styles for the cancel button */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}

img.subs_op {
  width: 5%;
  border-radius: 50%;
}

img.logomain {
  width: 25%;
  border-radius: 80%;
}

.containerindex {
  padding: 16px;
}

span.psw {
  float: right;
  padding-top: 16px;
}

/* The Close Button (x) */

.closebtnsubsadd {
    font-family: Arial black;
    position: absolute;
    right: 1px;
    font-size: 35px;
    top: -10px;
    right: 5px;
    margin-left: 10px;
    /*margin-right: 5px;*/
    color: red;
    font-weight: bold;
}

.closebtnsubsadd:hover,
.closebtnsubsadd:focus {
  color: red;
  cursor: pointer;
}


.closebtnsidenav {
    font-family: Arial black;
    position: absolute;
    
    font-size: 38px;
    color: red;
    top: 10px;
    right: 1px;
    float: right;
    margin-left: 1px;
    /*margin-right: 5px;*/
    color: red;
    font-weight: bold;
}

.closebtnsidenav:hover,
.closebtnsidenav:focus {
  color: red;
  cursor: pointer;
}


.closebtnmodalforms {
    font-family: Arial black;
    position: absolute;
    right: 1px;
    font-size: 30px;
    top: -6px;
    right: 2px;
    margin-left: 10px;
    /*margin-right: 5px;*/
    color: red;
    font-weight: bold;
}

.closebtnmodalforms:hover,
.closebtnmodalforms:focus {
  color: red;
  cursor: pointer;
}


.closebtnsidemenulist {
    font-family: Arial black;
     
    
    font-size: 38px;
    top: 5px;
    left: 2px;
    margin-left: 0px;
    /*margin-right: 5px;*/
    color: red;
    font-weight: bold;
}

.closebtnsidemenulist:hover,
.closebtnsidemenulist:focus {
  color: red;
  cursor: pointer;
}




/* Add Zoom Animation */

/*
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}

  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}

*/


/* Change styles for span and cancel button on extra small screens */
/*
@media screen and (max-width: 300px) {
  span.psw {
     display: block;
     float: none;
  }
  .cancelbtn {
     width: 100%;
  }
*/