/* 
    Document   : formstyle
    Created on : Dec 5, 2022, 1:30:43 PM
    Author     : Shampa Dey
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.welcome {
    color: #008000;
}

.errors {
    color: red;
}

.form-area .error-msg{
    color:#F00;
    font-size:12px;
    font-family:'Arial';
    position:absolute;
    bottom:-20px;
    left:0;
    right:0;
    margin:0 auto;
}
.form-area .success_msg {
    font-size: 12px;
    color: #000;
    text-align:center;
    font-family: 'Arial';
    border: #129848 2px solid;
    margin: 7px 0 0 0;
    clear: both;
    padding: 5px 0;
}

.form-heading {
    background-color: #008000;
    color: white;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.table-space{
    padding:10px;
}
.table-area{
    width:100%;
    margin-right: auto; 
    margin-left: auto;
    box-shadow: 0 5px 20px 2px rgb(8, 85, 131); 
    text-align: center;
    border:1px #1a512d solid;
    padding-bottom: 8px;
}
.table-area h3{
    color:white;
    background-color: #6F7275;
    font-size:14px;
    font-family:'Verdana';
    font-weight:bold;
    
    margin:0 0 10px;
}
.table-area table{
    border:#c4c4c4 1px solid !important;
}
.table-area table > thead{
    background:#6F7275;
    text-align:left;
}
.table-area table > thead > tr > th{
    font-size:12px;
    color:#FFF;
    font-family:'Verdana';
    
    border:none;
    text-align:left;
}
.table-area table > tbody > tr:nth-child(odd){
    background: #f6f6f6 !important;
}
.table-area table > tbody > tr > td{
    color:#000;
    font-size:12px;
    font-family:'Verdana';
    text-align:left;
}

#example_filter{
    color:#666666;
    font-size:15px;
    font-weight:600;
    font-family:'Verdana';
}
#example_filter input{
    border:#ccc 1px solid;
    padding:0 10px;
    color:#666666;
    font-size:12px;
    font-family:'Verdana';
    height:30px;
    font-weight:normal;
}
#example_info{
    display:none;
}

.form-area{
    width:100%;
    margin-top:3px; /* modify by sandeep Kumar on 1/12/2016 */
    margin-bottom:15px;/* add by sandeep Kumar on 1/12/2016 */
    border:1px #1a512d solid;
    box-shadow: 0 8px 20px 2px rgb(8, 85, 131); 
    padding: 5px;
    padding-bottom: 8px;
}
.form-area-button{
    width:100%;
    margin-top:3px; /* modify by sandeep Kumar on 1/12/2016 */
    margin-bottom:15px;/* add by sandeep Kumar on 1/12/2016 */
    border:1px #1a512d solid;
    box-shadow: 0 8px 20px 2px rgb(8, 85, 131); 
    padding: auto;
}
.form-area .heading{
    text-align:center;
}
.form-area .input-field{
    width:100%;
    float:left;
    position:relative;
    margin-bottom:18px;
}
.form-area label{
    font-size:14px;
    color:black;
    font-weight:500;
    text-transform:normal;
    margin: 10px 30px 10px 5px;

}
.form-area .form-control{
    width:100%;
    border-radius:0;
    height:30px;
    background: #FFF;
    box-shadow:none;
    border:1px #444 groove;
    padding: 0 0 2px 0;
    color:#000;

}

.form-area .form-control-half{
    width:40%;
    border-radius:0;
    height:30px;
    background: #FFF;
    box-shadow:none;
    border:1px #444 groove;
    padding: 0 0 2px 0;
    color:#000;

}

.form-area .form-control-multi-select{
    width:100%;
    border-radius:0;
    background: #FFF;
    box-shadow:none;
    border:1px #444 groove;
    padding: 0 0 2px 0;
    color:#000;
    font-family: 'Verdana';
    font-size: 14px;

}
.type-select .s2j-combobox-input {
    width:100% !important;
    border-radius:0;
    height:30px;
    background: #FFF;
    box-shadow:none;
    border:1px #444 groove;
    padding: 0 0 2px 0;
    color:#000;
}

.form-area textarea.form-control{
    height:70px;
}
.form-area .radio-field{
    list-style-type:none;
}
.form-area .radio-field li{
    font-size:12px;
    color:#666666;
    font-family:'Verdana';
    margin-bottom:5px;
}
.form-area input[type="radio"],
.form-area input[type="checkbox"]{
    display:inline-block;
    vertical-align:middle;
    margin:0 2px 0 0;
}
.form-area .chkbox-field{
    list-style-type:none;
}
.form-area .chkbox-field li{
    font-size:12px;
    color:#666666;
    font-family:'Verdana';
    margin-bottom:10px;
}
.form-area .btn-sec{
    width:100%;
    float:left;
    text-align:right;
    font-family:'Verdana';
}

.form-area .btn-sec-msr{
    width:100%;
    float:left;
    text-align:center;
}

.form-area-button .btn-sec{
    width:100%;
    text-align:center;
}
.table-area .btn-sec{
    width:100%;
    float:left;
    text-align:right;
}

.table-area .btn-sec-msr{
    width:100%;
    float:left;
    text-align:center;
}
.form-area input[type="submit"],
.form-area input[type="reset"]{
    font-family:'Verdana';
    min-width:91px;
    color:#ffffff;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bolder;
    text-align:center;
    border: none;
    padding:5px 0 5px;
}
.form-area input[type="reset"]{
    background:#6F7275;
}
.form-area input[type="submit"]{
    background:#6F7275;
    margin-left:10px;
}
.form-area input[type="submit"]:hover,
.form-area input[type="reset"]:hover{
    background: #a5a5aa ;
}

.table-area input[type="submit"],
.table-area input[type="reset"]{
    width:9%;
    max-width:320px;
    text-align:center;
    border-radius:4px;
    font-size:12px;
    color:#ffffff;
    border: none;
    padding: 7px 0 4px;
}
.table-area input[type="reset"]{
    background:#1a512d;
}
.table-area input[type="submit"]{
    background:#1a512d;
    margin-left:10px;
    font-weight: bold;
}
.dataTables_paginate{
    width:100%;
    float:left;
    margin-top:10px;
}
.dataTables_paginate a{
    font-size:14px;
}
.dataTables_paginate .paginate_button{
    background:transparent !important;
    border:#ccc 1px solid !important;
    padding: 5px 10px !important; 
} 
.dataTables_scrollBody{
    border-bottom:none !important;
}
.dataTables_length label{
    color: #666666;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Verdana';
}

.date{
    font-family: 'Verdana';
    font-size: 12px;
    color: #8e3d04;
    font-weight: bolder;
    margin-top:  1px;
    padding-top:  -40px; 
}
#date_label{
    font-family: 'Verdana';
    font-size: 12px;
    color: #8e3d04;
    font-weight: bolder;
    padding-top:  -40px;

}

.form-heading {
    color: black; 
    text-align: center; 
    background-color: #F5FDF4; 
    padding: 10px;
    font-weight: bold;
}

.red-mark {
    color: red;
}