#paiesuissepage span.payrollsearchbutton {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
}
#paiesuissepage span.payrollsearchbutton > input {
    vertical-align: middle;
}

.payrollcalculdesalaire > div.tablesalaire {
    border: 1px dashed #e9eaed;
}
.paiesuissenoborder td
{
    border: none !important;
}
.paiesuissemodrules .updown{
    font-size: 12px;
    width: 55px;
    min-width: 43px;
}
.paiesuissemodrules .updown .chevron-up{
    margin-left: 10px;
}
.paiesuissemodrules tr.active td {
    background-color: #e9d385 !important;
}
.payrollcalculdesalaire > div.tablesalaire th.payrollemptyline {
    background-color: #e9eaed;
    border: 1px solid #e9eaed;
    padding: 0 !important;
    width: 7px;
    max-width: 3px;
    min-width: 3px;
}
.payrollcalculdesalaire tr.breakline td {
    background-color: #e9eaed;
    padding: 2px;
    height: 26px;
    font-weight: bold;
}
.payrollpaiediv .recalculpaie {
    text-align: center;
    margin-bottom: 15px;
    /*display: none;*/
}
.payrollpaiediv td.td_total input[readonly] {
    background-color: #e9eaed;
    font-size: 11px;
    text-align: right;
}
.payrollpaiediv td.td_code input[readonly] {
    background-color: #e9eaed;
}

.payrollpaiediv .footertable input {
    width: 72px;
}
.payrollpaiediv .footertable th {
    font-weight: bold;
}
.payrollpaiediv .payrollreposr span {
    margin: 0 15px;
}
/*.payrollpaiediv td.td_amount
,.payrollpaiediv td.td_total 
,.payrollpaiediv td.td_defaultpart 
,.payrollpaiediv td.td_code 
,.payrollpaiediv td.td_taux  
{
    width: 110px;
}*/

.payrollpaiediv td.td_action .removerule:hover{
    background-color: #fff;
}

.payrollcalculdesalaire input.designation{
    width: calc(100% - 16px);
    min-width: 240px;
}
.payrollpaiediv td.td_action  
{
    width: 27px;
    padding: 0 3px;
}
.payrollpaiediv td.td_action .removerule{
    cursor: pointer;
    display: block;
    line-height: 27px;
    height: 27px;
    width: 27px;
    border-radius: 3px;
}
.payrollpaiediv td.td_category {
    width: 76px;
    padding: 0;
}
.payrollpaiediv td.td_engras {
    width: 50px;
    padding: 0;
}
.payrollpaiediv td.td_gainretenu {
    width: 45px;
    padding: 0;
}
.payrollpaiediv td.td_defaultpart {
    width: 86px;
    padding: 0;
}
.payrollpaiediv th.payrolltaux {
    padding: 0;
}
.payrollpaiediv td.td_total input
,.payrollpaiediv td.td_amount  input
{
    width: 92px;
    padding: 5px 3px;
    font-size: 11px;
    text-align: right;
}
.payrollpaiediv td.td_total, .payrollpaiediv td.td_amount {
    width: 104px;
    padding: 0 3px;
    white-space: nowrap;
}
.payrollpaiediv td.td_code input {
    width: 37px;
    padding: 5px 3px;
    font-size: 12px;
}
.payrollpaiediv td.td_code {
    width: 35px;
    padding: 0 3px;
}
.payrollpaiediv td.td_taux input {
    width: 66px;
    padding: 5px 2px;
    font-size: 11px;
    text-align: right;
}
.payrollpaiediv td.td_taux {
    width: 66px;
    padding: 0 3px;
}
.payrollpaiediv td.td_amount .info {
    position: absolute;
    left: 0px;
    top: 1px;
}
.payrollpaiediv td.td_amount {
    position: relative;
}
.payrollpaiediv tr:not("BASIQUE") td.td_amount input[readonly] {
    background-color: #ddf0f3;
}
.payrollpaiediv tr.BASIQUE input[readonly] {
    background-color: #e9eaed;
}
.payrollconfigurationmod img.watermarkimg{
    max-height: 400px;
    height: auto;
    width: auto;
    max-width: 800px;
    margin-top: 22px;
}
.quatrevingtpercent {
    width: 80%;
}
.quatrevingtseizepercent {
    width: 96%;
}
.centpercent {
    width: 100%;
}
.payrollpaiediv .detailsemployees td,
.payrollpaiediv .reposcomptable td {
    padding: 1px 2px 1px 1px;
}
.payrollpaiediv .datesconges {
    width: 300px;
}
.payrollpaiediv #payrolllines {
    margin-bottom: 0 !important;
}
.payrollpaiediv .titledatesconges {
    text-align: right;
}
.payrollpaiediv .datesconges input {
    padding: 1px 0;
    text-align: center;
    width: 99px;
}
.payrollpaiediv .reposcomptable input {
    text-align: center;
    padding: 1px 0;
}
.payrollpaiediv .containerconges > table{
    width: 100%;
}
.payrollpaiediv .detailsemployees ,
.payrollpaiediv .containerconges ,
.payrollpaiediv .reposcomptable {
    padding: 5px;
    border: 1px dashed #ccc;
}

.payrollpaiediv .fichecenter .titlefieldcreate {
    color: var(--tableforfieldcolor);
}
.payrollpaiediv hr.paiehr{
   margin: 15px 0;
}

.payrollpaiediv .btnadddateconge {
    border-radius: 12px !important;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    supported by Chrome, Edge, Opera and Firefox */
}
.payrollpaiediv .btnadddateconge.add {
    background-color: #263c5c;
    font-size: 18px;
    width: 24px;
    height: 24px;
}
.payrollpaiediv .btnadddateconge.add:hover {
    background-color: #152946;
}
.payrollpaiediv .btnadddateconge.remove {
    background-color: #52a5b1;
    font-size: 11px;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-weight: bold;
}
.payrollpaiediv .btnadddateconge.remove:hover {
    background-color: #337680;
}
.payrollpaiediv #datesconges tr[data-id="1"] .btnadddateconge {
    display: none;
}








.payrollpaiediv td.td_amount.frombase {
    background-color: #ddf0f3;
}

.payrollpaiediv td.td_amount.fromsbi {
    background-color: #dcf9dd;
}
.payrollpaiediv td input[readonly] {
    cursor: no-drop;
}

.payrollpaierulesdiv .amounttype
{
    margin-right: 15px;
}
.payrollpaierulesdiv tr.titlepartsalpatr td {
    font-weight: bold;
    background-color: #daebe1;
    padding-left: 10px;
}



.info-box-text-module .info-box-desc .ds_url_module_desc{
    /*opacity: 1 !important;
    color: #A9AFB5 !important;*/
}
.info-box-text-module .info-box-title .ds_url_module_name 
{
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: bold;
    margin-bottom: 3px;
    color: #000;
    cursor: default;
}
.info-box-module .info-box-icon a.ds_image_module_logo {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: default;
}
.info-box-module .info-box-icon .ds_image_module_logo img {
    max-width: 60%;
}
.info-box-content .info-box-desc .ds_url_module_desc
{
    text-decoration: none !important;
    color: #0a1464;
    cursor: default;
}
table[summary="list_of_modules"] .ds_url_module_desc
{
    text-decoration: none !important;
    color: #202020;
    cursor: default;
}
table[summary="list_of_modules"] .ds_url_module_name
{
    text-decoration: none !important;
    color: #202020;
    cursor: default;
}

#certificatsalaire input.textgenre{
    padding: 10px;
    background: #faddd7;
    border: 0px;

    /*width: calc(100% - 50px);*/
    width: 200px;
}

#certificatsalaire input.texttotal{
    background: #faddd7;
    border: 0px;
}

#certificatsalaire .widthcertif15{
    width: 15%;
}
#certificatsalaire .widthcertif15.tdamountinput{
    width: 110px;
}

#certificatsalaire .widthcertif30{
    width: 30%;
}

#certificatsalaire .widthcertif55{
    /*width: 55%;*/
}

.inforesponsable{
    border: 1px dashed #faddd7;
    padding: 9px 20px;
    margin: 6px 0 10px;
}
#certificatsalaire table input {
    padding: 3px 8px !important;
    font-size: 13px;
}
#certificatsalaire td {
    padding: 2px;
}
#certificatsalaire #voyagerepas {
    margin-right: 20px;
}
body #certificatsalaire input.textgenre:focus:not(.button), 
body #certificatsalaire input.texttotal:focus:not(.button) 
{
    border: none !important;
}
span#certificatsalairealready {
    margin-left: 5px;
    font-size: 12px;
    color: #23878c;
}