/**
added for panel grid primefaces
added for fieldset
legend
table
submit botton on all the forms
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

.command-button-v1
{
    
    padding: 5px !important;
    margin-top: 20px !important;
    width: 100px !important;
    background: #FF6F61 !important;
    color: white !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 30px !important;
}
.required:after { content:"* ";color: red; }
body .ui-panelgrid .ui-panelgrid-cell {
    color:#34495e !important;
    font-weight:bold;
    padding: 0.05rem !important;
}
.ui-panelgrid, .ui-panelgrid td { background-color: transparent !important; }
body .ui-fieldset {
    color:#FF6F61 !important; 
}
.form-control {
    border:1px solid green !important;
}


body .ui-panel .ui-panel-content {
    color:#FF6F61 !important;

}
button, input{
    width:100%;
    border:none;
}
body .ui-fieldset {
    border: 1.5px solid green !important;

}
body .ui-inputfield {
    border: 1px solid green !important;
}

.ui-fieldset .ui-fieldset-legend{
    width: fit-content !important;
    margin-left: 10% !important;   
    padding: 0.5rem;

}
body .ui-fieldset .ui-fieldset-legend { 
    background: linear-gradient(135deg, #FF6F61, #023102) !important;
    color:white!important;
    font-weight: 800!important;
    font-size: 16px!important;


}
.note{
    font-size: 16px;
    font-weight:600;
    color: #FF6F61;

}



.print-container
{
    color: darkslategrey;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #34495e;
    border-radius: 8px;
    box-sizing: border-box;

}

.appform .appln-form button[type="submit"] {
    padding: 5px;
    margin-top: 20px;
    width: fit-content !important;
    background: #FF6F61 !important;
    color: white !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;

}
.PrintButton {
    border-radius: 50px !important;
    background: #FF6F61 !important;
    border:2px solid #FF6F61 !important;
    color: white !important;
    font-size: 18px;
    font-weight: bold;
    width: min-content !important;
}

.custom_commandbutton {
    width:fit-content !important;
    background-image: linear-gradient(to right top, #607cff, #838cf9, #9d9ef2, #b3afec, #c6c2e5, #c6c9e8, #c8d0ea, #ccd7eb, #b1d7f4, #8cdaf4, #60dcea, #3ddcd2) !important;
    color: brown!important;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    padding:10px 30px;
    border-radius:50px !important;

}


th
{
    border: 1px solid #b0b0b0;
    padding: 5px;
    text-align: left;
    background-color: #eff2f5 !important;
    color: #333333 !important;
    font-weight: bold !important;

}
 .table-bordered th {
color:#FF6F61 !important;  
font-weight: bold;
}
.table-bordered td

    {
        font-weight: bold;
color:#495057 !important;    
}

@media(max-width:470px)
{
    .table-bordered td, .table-bordered th{
        font-size: 11px;
    }
    th {

        font-size: 11px;

    }
    .ui-datepicker
    {
        width: 300px !important;
    }
    .ui-datepicker .ui-datepicker-calendar td {
        padding: 0px!important;
    }


}


@media(min-width:640px) and  (max-width:900px)
{
    .ui-fileupload-simple .ui-fileupload-filename {             
        word-break:break-word !important; 
        min-width:auto  ;           
    }     
}    


@media(max-width:640px) and  (min-width:900px)
{
    .ui-fileupload-simple .ui-fileupload-filename {             
        word-break:break-word; 
        width: 100px;           
    }  }


/* commented
.table-bordered.table-status thead th {
	padding: 10px 10px;
    border: 1px solid;
    }

.table-bordered.table-status tbody tr td {
	padding: 5px 5px;
    border: 1px solid;
    background-color: rgb(127, 255, 212, 0.15)
    }


*/
/* datatable primefaces */

.table-header {
	font-size: 24px;
	text-align: center;
	font-weight: 500;
        color: #FF6F61;
	border-bottom: 2px solid darkgray;
	margin-bottom: 20px;
}

body .ui-datatable .ui-datatable-data > tr > td

 {
     border: 1px solid #b0b0b0 ! important;
    padding: 12px 18px ! important;
       
 }
 body .ui-datatable thead th {
   border: 1px solid #b0b0b0 ! important;   
 }
/**JOP entry table**/
.label {
    width: 40%;
    padding: 4px;
}
.value {
    width: 40%;
    padding: 4px;
}

.grid {
    width: 100%;
}

.error {
    color: #0069d9;
}

.outputLabel {
    font-weight: bold;

}

.grid {
    width: 33%;
    padding: 4px;
}
.title{
    background-color: blue;
}
.cirbutton{ 
    border-radius: 10em;
    padding: 1px 5px 1px;
    text-decoration: none;
    font: 700 21px/20px sans-serif;
    background: #6bbf5f;
    border: 2px solid #372b8a;
    color: #EEE5B5;
    cursor:pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 2px 4px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-transition: background 0.5s;
    transition: background 0.5s; 	
}
.cirbutton:hover {
    background: #c82d2d;
    padding: 2px 6px 2px;

}
.cirbutton:active {
    background: #E54E4E;
}

.thcol
{
    background: linear-gradient(45deg, #98dac5 0%, #d7ba9b 100%);color:darkblue;font-weight: 800!important;
    color:darkblue!important;
}

.ui-fileupload-simple .ui-button{
    overflow: visible !important;
}
.ui-fileupload-simple {
    align-items:flex-start!important;
}

.col-form-label {
    word-break: break-word !important;

}
.ui-outputlabel .ui-outputlabel-rfi {
    color:red;
}
.label {
    word-break: break-word !important;
}
label {
    word-break: break-word !important;
}
.outputtext_displ
{

    color:#FF6F61;
    font-weight: bolder;
    word-break: break-word;
}
.required:after { content:"* ";color: red; }
.form-header
{
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    color:#FF6F61;

    word-break: break-word;
    margin-bottom: 20px;
}
p
{
    line-height: 1.5;
    margin-bottom: .5rem;
}
#footer
{
    height: auto !important;

}

/*table */


td {
    padding:6px !important;
}

.table-bordered.table-status tbody tr td {
    background:none !important;
}



.command-button {
       border-radius: 20px !important;
    padding: 5px !important;
    /* margin-top: 20px !important; */
    width: fit-content !important;
    background: #FF6F61 !important;
    color: white !important;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    
}