/*****************************************************
*********************  Général ***********************
*****************************************************/

/* AOP / 10.03.2023 / RFC 1252055 */
.link_retraite {
	color: black;
}

/* ERO 16.03.2021 RFC 37663 */

.hidden {
  display: none !important;
}

/* PFE 15.06.2020 RFC 36811 */

.SFL_LOGIN {
	text-align:center ;
	color:#E11B22;
	font-size: 4.5em;
	font-weight:500;
}

.borderProfile {
	border: 1px solid rgb(225, 27, 34); 
}

.ContactTitle
{
	color: rgb(225, 27, 34);
	font-weight: bold;
	text-transform: uppercase;
}

.btncolor {
color: white; background-color: rgb(225, 27, 34); font-weight: bold;
}

.MenuBckColor
{
	background-color: rgba(225, 27, 34, 1);
}

.ProfileTitle
{
	color: rgb(225, 27, 34);
}

.PensionFundData
{
	color:  rgb(225, 27, 34);
	font-weight: bold;
	transform: rotate(90deg);
	position: absolute;
	transform-origin: right bottom 0;
	right:	-10px;
	
}

.AboutYou
{
	color: rgb(225, 27, 34);
	font-weight: bold;
	transform: rotate(-90deg);
	position: absolute;
	transform-origin: left top 0;
	left: -60px;
	bottom: +50px;
}

.DateBenef
{
	border: 1px solid rgb(225, 27, 34);
	color: rgb(225, 27, 34);
}

.legendstyle {
text-align:center;color:#E11B22;font-family: Arial, Helvetica, sans-serif;font-size:16px;font-weight: 650; -width:30%; border-bottom:0;
}

.text-red {
    color: rgba(225,28,35,1)!important;
}

.text-center {
    text-align: center!important;
}

.bg-red {
    background: rgba(225,28,35,1)!important;
}

.bg-grey-soft-1 {
    background: rgba(0,0,0,.1)!important;
}

.bg-grey-soft-2 {
    background: rgba(0,0,0,.2)!important;
}

.btn.bg-red {
    border:0;
}

.section {
    padding-top:30px;
    padding-bottom:30px;
}

footer.section {
    padding-top:150px;
}

body.page-login #bg-decors,
body#index #bg-decors {
    background:url(../images/background/abstract-1920-200.jpg) no-repeat center;
}

body:not(.page-login) .container-fluid.bg-left {
    margin:0;
    padding:0;
    background: url(../images/background/city-1920-1080.jpg) no-repeat center fixed; 
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

.clear-left {
    clear:left;
}

.clear-right {
    clear: right;
}

.clear-both {
    clear: both;
}

.btn.btn-style-6.focus, .btn.btn-style-6:focus, .btn.btn-style-6:hover {
    color: #ecb510!important;
    text-decoration: none;
}


/*****************************************************
**********************  header ***********************
*****************************************************/

.menu-sticky {
    height: 90px !important;
}

.border-header-bottom {
    border-bottom: 5px solid !important;
    border-color:rgba(225,28,35,1)!important;
    position: relative;
}

.brand-logo .xs-480 {
    display: none;
}

.right-nav ul.dropdown-user li {
    float: none;
    list-style: outside none none;
}

.dropdown-menu.dropdown-user {
    left: -50px;
    padding: 0 10px;
}

.main-nav .inner-nav.right-nav ul.dropdown-menu.dropdown-user li a {
    position: relative;
    text-align: right!important;
}

.main-nav .inner-nav.right-nav ul.dropdown-menu.dropdown-user li a i {
    text-align: left!important;
    left: 10%
}

body .main-nav .infos-connexion p, body .main-nav .infos-connexion span {
    line-height: 15px;
}

body.page-login .custom-collapse .navbar-nav span.text-red {
    font-size: 2em;
}

    body:not(.page-login)  .custom-collapse .navbar-nav span.text-red {
        font-size: inherit;
    }

    body:not(.page-login)  .custom-collapse .navbar-nav p, body:not(.page-login)  .custom-collapse .navbar-nav p span {
        margin: 0;
        line-height: 15px;
    }

    body:not(.page-login)  .custom-collapse .navbar-nav.infos-connexion {

    }

body.page-login .inner-nav.right-nav {
    visibility: hidden;
}

    .main-nav .inner-nav.right-nav a {
        position: relative;
        text-align: center;
    }

        .main-nav .inner-nav.right-nav a i {
            position: absolute;
            top: 10px;
            left: 50%;
            margin-left:-10px;
        }


.main-nav .second-nav {
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: -35px;
    left: 0;
    background: rgba(255,255,255,1);
    border-bottom:1px solid rgba(125,125,125,1);
    text-transform: capitalize;
}

.second-nav .navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 5px;
}

/*****************************************************
********************  page login *********************
*****************************************************/

#login form input {
    margin:5px auto;
}

body:not(.page-login) li.only-login {
    display:none;
}

body.page-login #bg-decors h1 {
    position: absolute;
    bottom: 0;
    color: white;
    margin: 0 0 0 5%;
    font-size: 2em;
    text-transform: capitalize;
}


/*****************************************************
********************  page index *********************
*****************************************************/

.overlay.bg-white.bloc-selection {
    padding: 10% 15%;
    line-height: 120px;
}
.overlay.bg-white.bloc-selection h1 {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 30px;
}

.table-home-badge tr td a {
    line-height: 42px;
}


.infos-mutations .badge, .infos-messagerie .badge {
    background-color: #777;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    min-width: 10px;
    padding: 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

    .infos-mutations sup .badge, .infos-messagerie sup .badge {
        background-color: rgba(119,119,119,.5);
        border-radius: 50%;
        bottom: 15px;
        color: #fff;
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.2;
        padding: 5px;
        position: absolute;
        right: -10px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
    }



/*****************************************************
*****************  pages mutations *******************
*****************************************************/

body#messagerie #infos-connexion .only-saisie-manuelle {
    display: initial;
}


body div.section {
    padding-top: 80px;
}

body#area-mutation .table-responsive .table-striped .checkbox {
    display: inline;
    margin-left: 5px;
}


/*****************************************************
**************  page ajout affiliation ***************
*****************************************************/
#ajout-mutation-affiliation .header-section {
    margin: 30px 0 0;
}

    #ajout-mutation-affiliation .header-section h1, #ajout-mutation-affiliation .header-section h2 {
        text-transform: initial;
        margin-bottom: initial;
    }

    #ajout-mutation-affiliation .header-section h2 {
        margin-top: initial;
    }

    .bg-grey-soft-1 input,
    .bg-grey-soft-1 select,
    .bg-grey-soft-2 input,
    .bg-grey-soft-2 select {
        background: white;
    }

/*****************************************************
********************* messagerie *********************
*****************************************************/
.entete-message p,
.entete-message p i {
    line-height: 36px;
    margin-bottom:0!important;
}

.precedent-message p.date {
    line-height: 77px;
    margin-bottom:0!important;
}

.picto-idea {
    width: 50px;
    border:1px solid grey;
    padding:3px; 
}

.small-block {
    height: 10px!important
}

.border-bottom-children {
    border-bottom:1px solid lightGrey;
}

section#Dialog {
    position: fixed;
    z-index: 99999;
    right: 10px;
    bottom: 0px;
    width: 45%;
    /*height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height:50%;*/
    color: black;
    padding: 0;
    background: white;
    -moz-box-shadow: -2px -2px 10px 0px #656565;
    -webkit-box-shadow: -2px -2px 10px 0px #656565;
    -o-box-shadow: -2px -2px 10px 0px #656565;
    box-shadow: -2px -2px 10px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=315, Strength=10);
}

    section#Dialog header {
        padding: 0 10px;
        margin: 0;
        background: #404040;
        color: white;
        line-height: 45px;
        font-weight: bolder
    }

        section#Dialog header a {
            cursor: pointer;
        }

        section#Dialog #cc-cci-objet .form-group {
            margin-bottom: 0;
            border-bottom:1px solid #ddd;
        }

        section#Dialog #cc-cci-objet .form-control {
            border: 0!important;
        }

        section#Dialog textarea {
            resize: none;
        }

        section#Dialog .bottom-infos-new-message {
            background:#f5f5f5;
            padding: 5px;
        }

        section#Dialog .bottom-infos-new-message .form-control-inline {
            display: inline-block!important;
            vertical-align: bottom!important;
        }

            section#Dialog .bottom-infos-new-message .form-control-inline input {
                margin: 0;
            }

            section#Dialog .bottom-infos-new-message .form-control-inline input[type=submit] {
                background:#4d90fe;
                color: white;
            }

    .piece-jointe-message {
        display:inline-block;
        height: 90px;
        width: 150px;
        font-size: .8em;
        border: 1px solid #ddd;
        padding: 5px;
        margin: 0 5px;
        text-align: center; 
    }

        .piece-jointe-message i {
            display: block;
        }

/*****************************************************
*********************** modal ************************
*****************************************************/
.cModal {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity:0;
    pointer-events: none;
}

    .cModal:target {
        opacity:1;
        pointer-events: auto;
    }

    .cModal > div {
        max-width: 80%;
        position: relative;
        margin: 10% auto;
        padding: 8px 8px 8px 8px;
        border-radius: 2px;
        background: #fff;
    }


#allEmployesOf table td a {
    display: block;
}

#DataTables_Table_0_wrapper div.col-sm-6:first-child {
    display: none;
}

.header-reponse-message li {
    border-right: 1px solid grey;
    padding: 10px;
}


/*****************************************************
***************** header dynamique *******************
*****************************************************/



body#index li.not-for-you,
body#area-mutation li.not-for-you {
    display: none;
}

/*****************************************************
********************* colorbox ***********************
*****************************************************/

#cboxOverlay {
    background: rgba(0, 0, 0, 0);
    opacity: 0.9;
}

#search-area-input td {
    padding: 0 8px;
}

#search-area-input .form-control {
    background: white url(http://www.fancyicons.com/download/?id=6151&t=png&s=16) no-repeat 5px;
    /*background-size: 10%;*/
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
    font-weight: normal;
    height: 40px;
    padding-left: 25px;
}