/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

@charset "utf-8";

/* Editeur Code Mirror */

.cm-s-eclipse span.cm-comment {
    color: #BABABA;
    background-color: rgba(255, 255, 0, 0.25);
}

* {
    font-family: "Lato";
}


/* Remove dashed effect */

a,
a:active,
a:focus,
select,
select:hover,
select:focus,
select:active,
select::-moz-focus-inner,
option,
option:hover,
option:focus,
option:active,
option::-moz-focus-inner,
object,
object:hover,
object:focus,
object:active,
embed,
embed:hover,
embed:focus,
embed:active,
button,
button:hover,
button:focus,
button:active,
button::-moz-focus-inner {
    outline: none;
}

input::-moz-focus-inner {
    border: 0;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

input[type="submit"]:focus,
input[type="button"]:focus {
    outline: none;
}


/* Generic Classes */


/*.row .rqhlbl,*/

.row .rqlbl {
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
}


/*.row .rqval {
	display: flex;
	flex-direction: column;
	justify-content: center;
}*/

.row>.col-12>.rqpropleftin .itool:first-of-type {
    margin-left: 10px;
}

.rqlbl>span {
    display: flex;
    -js-display: flex;
}

.rqlbl>span>.req {
    margin-right: 2px;
}

.text-white * {
    color: white !important
}

.rqmctool .itool.minus {
    padding: 3px;
}

.rqmctool .itool.plus {
    padding: 3px;
}

.pay-l .rqsection:nth-child(1) .rqnavnext span {
    margin-top: 15px;
    margin-left: -50px;
}

.pay-l .rqsection:nth-child(1) .rqnavprev span {
    margin-top: 15px;
    height: 24px;
    padding-top: 4px;
}

.pay-l .rqsection:nth-child(4) .rqnavprev span {
    position: absolute;
    margin-top: 46.5px;
    height: 24px;
    margin-left: -90px;
    padding-top: 4px;
}

.pay-l .rqsection:nth-child(4) .rqnavnext span {
    position: absolute;
    margin-top: 46.5px;
    margin-left: 12px;
}

.moveLeft {
    width: 106%;
    margin-left: -3vmax;
    margin-right: 500px;
}


/* Nouveau Menu CA2I */

#menu {
    height: 50px;
    z-index: 120;
    padding: 8Px 0px 0px 0px;
    font-size: x-small;
    display: block;
    margin: auto;
    position: relative;
    max-width: 1024px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    z-index: 144;
}

#menu li {
    display: inline;
    margin: 0 !important;
    padding: 0;
}

#menu li a {
    display: block;
    width: 80px;
    text-decoration: none;
    line-height: 32px;
    /*hauteur de l'image de fond*/
    background: #224970;
    color: #81c4ef;
}

#menucontainer>li:hover>a {
    color: #FFF;
    background: linear-gradient(90deg, #03a9f4 30%, rgba(93, 188, 210, 0.1) 100%) !important;
    border-radius: 5px 0 0 5px;
}

#menu li.current a {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
    border-radius: 5px 0 0 5px;
    color: #fff;
}

#menu li.currenticon a {
    width: 45px;
    height: 32px;
    background: #02213c;
    color: #fff;
}

#menu ul li ul {
    display: block;
    visibility: hidden;
    position: absolute;
    background: #EAEAEA;
    width: 1024px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-radius: 10px;
    -ms-box-shadow: 0 0 16px gray;
    box-shadow: 0 0 16px gray;
    border: 1px solid gray;
}

#menu ul li ul li a:hover {
    color: black;
    background: #EAEAEA;
}

#menu ul li.current ul li a:hover {
    color: black;
    background: #EAEAEA;
}

#menu ul li.currenticon ul li a {
    width: 220px;
    color: #02213c;
    background: #EAEAEA;
}

#menu ul li.currenticon ul li a:hover {
    width: 220px;
    color: black;
    background: #EAEAEA;
}

#menu ul li.icon ul li a {
    width: 220px;
    color: #02213c;
    background: #EAEAEA;
}

#menu ul li.icon ul li a:hover {
    width: 220px;
    color: black;
    background: #EAEAEA;
}

#menu ul li ul li a.rqdesignacte {
    background: none;
    border-color: #eaeaea;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

#menu ul li ul li a.rqdesignacte:hover {
    background: none;
    border-color: #EAEAEA;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

#menu ul li ul li ol {
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}

#menu ul li ul li ol li {
    float: none;
    line-height: 8px;
}

#menu ul li.current ul li ol li a {
    text-align: left;
    font-weight: normal;
    margin: 0;
    padding: 0px 0px;
}

#menu ul li.currenticon ul li ol li a {
    height: 23px;
    width: 220px;
    text-align: left;
    font-weight: normal;
    margin: -5px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}

#menu ul li.icon ul li ol li a {
    height: 23px;
    width: 220px;
    text-align: left;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px;
}

.imgmenulayer {
    position: absolute;
}

.imgmenu {
    position: absolute;
    max-width: 180px;
    max-height: 90px;
    overflow: hidden;
    top: 202px;
    left: 836px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* For IE8 and earlier */
    border-radius: 10px;
}

.iconmenu {
    max-height: 18px;
    max-width: 25px;
    vertical-align: middle;
}

div.navimg div {
    width: 100px;
}

@font-face {
    font-family: 'orhusicons';
    src: url('font/orhusicons.eot?y12dm8');
    src: url('font/orhusicons.eot?y12dm8#iefix') format('embedded-opentype'), url('font/orhusicons.ttf?y12dm8') format('truetype'), url('font/orhusicons.woff?y12dm8') format('woff'), url('font/orhusicons.svg?y12dm8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="menuicons-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'orhusicons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 20px;
}


/* Text menu au survol*/

#menu li:hover .menutext {
    color: #FFF;
}


/* Text menu sélectionné*/

#menu li.current>#rqpgnavPayroll .menutext,
#menu li.current>#rqpgnavORHParam .menutext,
#menu li.current>#rqpgnavNewHome .menutext,
#menu li.current>#rqpgnavPagePilotage .menutext,
#menu li.current>#rqpgnavNewMyPersonalSpace .menutext,
#menu li.current>#rqpgnavManager .menutext,
#menu li.current>#rqpgnavNewRHInfos .menutext,
#menu li.current>#rqpgnavNewAdminRH .menutext,
#menu li.current>#rqpgnavRemunerationsetavantages .menutext,
#menu li.current>#rqpgnavNewTimeAndActivity .menutext,
#menu li.current>#rqpgnavNewTalents .menutext,
#menu li.current>#rqpgnavNewRecruit .menutext,
#menu li.current>#rqpgnavDesignParameters .menutext,
#menu li.current>#rqpgnavTrainingNewMenu .menutext {
    color: #FFF;
}

.menuicons-paie {
    background: url('icon/paie-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-paie:before {
    content: "";
}

#rqpgnavPayroll:hover>.menuicons-paie,
#menu li:hover>#rqpgnavPayroll>.menuicons-paie {
    background: url('icon/paie-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavPayroll>div:first-of-type {
    background: url('icon/paie-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-gear {
    background: url('icon/parametrage-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-gear:before {
    content: "";
}

#rqpgnavORHParam:hover>.menuicons-gear,
#menu li:hover>#rqpgnavORHParam>.menuicons-gear {
    background: url('icon/parametrage-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavORHParam>div:first-of-type {
    background: url('icon/parametrage-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-welcome {
    background: url('icon/home-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-welcome:before {
    content: "";
}

#rqpgnavNewHome:hover>.menuicons-welcome,
#menu li:hover>#rqpgnavNewHome>.menuicons-welcome {
    background: url('icon/home-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavNewHome>div:first-of-type {
    background: url('icon/home-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-graph {
    background: url('icon/pilotage-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-graph:before {
    content: "";
}

#rqpgnavPagePilotage:hover>.menuicons-graph,
#menu li:hover>#rqpgnavPagePilotage>.menuicons-graph {
    background: url('icon/pilotage-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavPagePilotage>div:first-of-type {
    background: url('icon/pilotage-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-home {
    background: url('icon/user-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-home:before {
    content: "";
}

#rqpgnavNewMyPersonalSpace:hover>.menuicons-home,
#menu li:hover>#rqpgnavNewMyPersonalSpace>.menuicons-home {
    background: url('icon/user-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavNewMyPersonalSpace>div:first-of-type {
    background: url('icon/user-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-chat {
    background: url('icon/manager-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-chat:before {
    content: "";
}

#rqpgnavManager:hover>.menuicons-chat,
#menu li:hover>#rqpgnavManager>.menuicons-chat {
    background: url('icon/manager-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavManager>div:first-of-type {
    background: url('icon/manager-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-clock {
    background: url('icon/inforh-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-clock:before {
    content: "";
}

#rqpgnavNewRHInfos:hover>.menuicons-clock,
#menu li:hover>#rqpgnavNewRHInfos>.menuicons-clock {
    background: url('icon/inforh-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavNewRHInfos>div:first-of-type {
    background: url('icon/inforh-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-letter {
    background: url('icon/adminrh-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-letter:before {
    content: "";
}

#rqpgnavNewAdminRH:hover>.menuicons-letter,
#menu li:hover>#rqpgnavNewAdminRH>.menuicons-letter {
    background: url('icon/adminrh-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavNewAdminRH>div:first-of-type {
    background: url('icon/adminrh-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-gta {
    background: url('icon/clock-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-gta:before {
    content: "";
}

#rqpgnavGTA:hover>.menuicons-gta,
#menu li:hover>#rqpgnavGTA>.menuicons-gta {
    background: url('icon/clock-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavGTA>div:first-of-type {
    background: url('icon/clock-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-stocks {
    background: url('icon/remu-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-stocks:before {
    content: "";
}

#rqpgnavRemunerationsetavantages:hover>.menuicons-stocks,
#menu li:hover>#rqpgnavRemunerationsetavantages>.menuicons-stocks {
    background: url('icon/remu-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavRemunerationsetavantages>div:first-of-type {
    background: url('icon/remu-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-planning {
    background: url('icon/absence-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-planning:before {
    content: "";
}

#rqpgnavNewTimeAndActivity:hover>.menuicons-planning,
#menu li:hover>#rqpgnavNewTimeAndActivity>.menuicons-planning {
    background: url('icon/absence-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavNewTimeAndActivity>div:first-of-type {
    background: url('icon/absence-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-people {
    background: url('icon/talent-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-people:before {
    content: "";
}

#rqpgnavNewTalents:hover>.menuicons-people,
#menu li:hover>#rqpgnavNewTalents>.menuicons-people {
    background: url('icon/talent-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavNewTalents>div:first-of-type {
    background: url('icon/talent-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-recruit {
    background: url('icon/recrutement-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-recruit:before {
    content: "";
}

#rqpgnavNewRecruit:hover>.menuicons-recruit,
#menu li:hover>#rqpgnavNewRecruit>.menuicons-recruit {
    background: url('icon/recrutement-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavNewRecruit>div:first-of-type {
    background: url('icon/recrutement-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-paint {
    background: url('icon/design-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-paint:before {
    content: "";
}

#rqpgnavDesignParameters:hover>.menuicons-paint,
#menu li:hover>#rqpgnavDesignParameters>.menuicons-paint {
    background: url('icon/design-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavDesignParameters>div:first-of-type {
    background: url('icon/design-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-training {
    background: url('icon/formation-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-training:before {
    content: "";
}

#rqpgnavTrainingNewMenu:hover>.menuicons-training,
#menu li:hover>#rqpgnavTrainingNewMenu>.menuicons-training {
    background: url('icon/formation-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavTrainingNewMenu>div:first-of-type {
    background: url('icon/formation-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

.menuicons-document {
    background: url('icon/document-lightgrey.svg');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: 50%;
}

.menuicons-document:before {
    content: "";
}

#rqpgnavDocumentsTmp:hover>.menuicons-document,
#menu li:hover>#rqpgnavDocumentsTmp>.menuicons-document {
    background: url('icon/document-white.svg') no-repeat !important;
    width: 40px;
    height: 40px;
    background-position: center !important;
    background-size: 50% !important;
}

#menu li.current>#rqpgnavDocumentsTmp>div:first-of-type {
    background: url('icon/document-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 50% !important;
    background-color: #03A9F4 !important;
}

@font-face {
    font-family: 'wrench';
    src: url('font/wrench.eot?y12dm8');
    src: url('font/wrench.eot?y12dm8#iefix') format('embedded-opentype'), url('font/wrench.ttf?y12dm8') format('truetype'), url('font/wrench.woff?y12dm8') format('woff'), url('font/wrench.svg?y12dm8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


/**************** FIN Menu CA2I *****************/


/**************** LISTE cliquable ***********************/

.rqview .tblreq a {
    color: #3e82b3;
    text-decoration: none;
}

.rqview .tblreq .rqtblinleact a:hover {
    background-color: none;
}

.tblreq a {
    color: #3e82b3;
    text-decoration: none;
}

.tblreq a:visited {
    color: #3e82b3;
    text-decoration: none;
}


/*************************************/

.cm-s-default span.cm-tag {
    color: white;
    background-color: #777;
    border-radius: 20px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5), 0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset;
    font-size: 100%;
}

.GenCM-code pre {
    height: 17px
}

.GenCM-lines {
    background: white;
}

#ajax_tooltipObj {
    z-index: 1000000;
    text-align: left;
}

#ajax_tooltipObj div {
    position: relative;
}


/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow {
    /* Left div for the small arrow */
    background-image: url('arrow.gif');
    width: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-position: center left;
    z-index: 999;
    height: 60px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

#ajax_tooltipObj .ajax_tooltip_content {
    border: 2px solid #317082;
    left: 18px;
    top: 0px;
    position: absolute;
    width: 600px;
    height: 400px;
    background-color: #FFF;
    padding: 10px;
    font-size: 0.8em;
    overflow: auto;
    z-index: 1000001;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}


/* Affichage des logs en tableau */

.sublist tr:hover td.textaschart,
.sublist tr:hover .sublisthover,
.sublist tr:hover td.link,
.sublist tr:hover td {
    background: #DCEAFE;
    color: #000;
}

.sublist tr:hover table,
.sublist tr:hover table tr,
.sublist tr:hover table tr td {
    border-color: transparent;
}

.sublist tr {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.sublist .rqaddremtools .plus {
    display: none;
}

.sublist .rqtblord .rqaddremtools .plus {
    display: block !important;
}

.rqaddremtools {
    display: flex;
}

.sublist tr:last-of-type {
    border-radius: 0 0 6px 6px;
}

.sublist tr:last-of-type td:nth-child(1) {
    border-radius: 0 0 0 6px;
}

.sublist tr:last-of-type td:last-of-type {
    border-radius: 0 0 6px 0;
}

.sublist .even {
    background-color: transparent !important;
}

.sublist .even td {
    background-color: #fff;
}

.sublist thead tr {
    border-radius: 6px 6px 0 0;
    background-color: #fff !important;
}

.novDisableSublitStyle .sublist {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.novDisableSublitStyle .sublist.TF td {
    border: none;
}

.novDisableSublitStyle .sublist.TF td:hover {
    background: none;
}

.rqColorOptionNormal:hover {
    background-color: #add8e6;
}

.rqColorOptionNormal {
    border-bottom: 1px solid #eee;
}

.logtime {
    text-align: right;
}

.logok {
    background-color: #66FF66;
}

.logerror {
    background-color: #FF6666;
    font-weight: bolder;
}

.logwarning {
    background-color: #CCBBBB;
    font-weight: bold;
}

.loginfo {
    font-weight: bold;
}

.logdebug {
    font-weight: lighter;
    font-style: italic;
}

.logunknown {
    font-style: italic;
}


/* ************** SubList Warrior novRH ***************** */

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}

.alignright {
    text-align: right;
}

.sublist .link .rqopticon {
    width: 25px !important;
    background-color: transparent !important;
    height: 25px !important;
}


/**************** Tooltip ***********************/

.tooltip.tooltip {
    outline: none;
}

.tooltip.tooltip strong {
    line-height: 30px;
}

.tooltip.tooltip:hover {
    text-decoration: none;
}

.tooltip.tooltip span {
    z-index: 10;
    display: none;
    padding: 4px 10px 0px 4px;
    margin-top: -30px;
    margin-left: -5px;
    line-height: 16px;
}

.tooltip.tooltip:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
}

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}


/*CSS3 extras*/

.tooltip.tooltip span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
}


/**************** Tooltipclose ***********************/

.tooltipsimple.tooltipsimple {
    outline: none;
}

.tooltipsimple.tooltipsimple strong {
    line-height: 30px;
}

.tooltipsimple.tooltipsimple:hover {
    text-decoration: none;
}

.tooltipsimple.tooltipsimple span {
    z-index: 10;
    display: none;
    padding: 0px 4px 0px 4px;
    margin-top: -3px;
    margin-left: -4px;
    line-height: 16px;
}

.tooltipsimple.tooltipsimple:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
}

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}


/*CSS3 extras*/

.tooltipsimple.tooltipsimple span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
}

.tooltiphelp {
    background: url('help2.gif') no-repeat 0px 1px;
    padding: 0px 6px 0px 6px;
    text-decoration: none;
}


/********** Requea Debugger **********/

.rq-ui-sortable {
    height: 100%;
}

.rqdbgpanel {
    margin-top: none;
    background: white;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
    z-index: 1000;
    right: 0;
}

.rqdbglocals {
    overflow: auto;
    height: 550px;
}

body {
    font-weight: normal;
    font-size: 80%;
    background: #f1f1f1;
    padding-bottom: unset !important; 
}

a {
    color: black;
}

.rqdebugline {
    background: #4af93f57 !important;
}

.rqdebugwait {
    background: #fff;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

#it {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#top {
    padding: 10px 0px 0px 0px;
    height: 100px;
}

#it div.it2 {
    background: url('bg_left.gif') repeat-y 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#it div.it3 {
    background: url('bg_right.gif') repeat-y 100% 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#it div.it4 {
    background: url('bg_top.jpg') repeat-x 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.it5 {
    background: url('bg_bottom.jpg') repeat-x 0px 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.it6 {
    background: url('bg_lbottom.jpg') no-repeat 0px 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div.it7 {
    background: url('bg_rbottom.jpg') no-repeat 100% 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#it div.it8 {
    background: url('bg_rtop.jpg') no-repeat 100% 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#il {
    background: url('bg_ltop.jpg') no-repeat 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#inner {
    background: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 30px 30px 30px;
}

.rqpage {
    padding: 10px 0px 5px 5px;
    margin-top: -100px !important;
}

.rqmcfg,
.rqmcfgdbg {
    padding: 3px;
}

.rqnewsacto {
    padding: 3px;
}

.rqtopinfo {
    padding: 3px 10px 0px;
}

#menu {
    padding: 12px 0px 0px;
}

#menu li.current>a>div:first-of-type {
    background-color: #03A9F4;
    color: white;
}

#menu li.currenticon a {
    background: #fff none repeat scroll 0% 0%;
}

#menu ul li ul {
    background: rgba(250, 250, 250, 1);
    color: #3a3a3a;
    border-radius: 1px;
    border: none;
}

#menu ul li.current ul li a {
    background: #fff;
    color: #3a3a3a;
    border-bottom: none;
}

#menu ul li.icon ul li a {
    background: #fff;
    color: #3a3a3a;
    border-bottom: none;
}

#menu ul li.currenticon ul li a {
    background: #fff;
    color: #3a3a3a;
    border-bottom: none;
}

#menu ul li ul li a.rqdesignacte {
    border: none;
    border-bottom: none;
}

.rqnaventrytitle {
    color: #6d6d6d;
    font-weight: bold;
}

.rqhdr h3 {
    color: #2aafc9;
    font-size: 150%;
}

.rqpage {
    background: #f1f1f1;
}

.rqcontent {
    border-bottom: 2px solid transparent;
}

.rqportlet {
    border-radius: 2px;
    border-bottom: 2px solid transparent;
}

a.rqbtnclose .rqs {
    background: #ef3c79;
    border-bottom: 2px solid #bababa;
}

a.rqbtnclose .rqe {
    background: #ef3c79;
    border-bottom: 2px solid #bababa;
}

a.rqbtnclose:hover .rqs {
    background: #ef3c79;
    border-bottom: 2px solid #bababa;
}

a.rqbtnclose:hover .rqe {
    background: #ef3c79;
    border-bottom: 2px solid #bababa;
}

a.rqbtnok .rqs {
    background: #95ce00;
    border-bottom: 2px solid #bababa;
}

a.rqbtnok .rqe {
    background: #95ce00;
    border-bottom: 2px solid #bababa;
}

a.rqbtnok:hover .rqs {
    background: #83b303;
    border-bottom: 2px solid #bababa;
}

a.rqbtnok:hover .rqe {
    background: #83b303;
    border-bottom: 2px solid #bababa;
}

input[name="prev.button"],
input[name="submit.button"],
input[name="submit.button.save"],
input[name="submit.button.Save"],
input[name="submit.button.List"],
input[name="submit.button.delete"],
input[name="submit.button.next"],
input[name="submit.button.skip"],
input[name="next.button"],
input[name="cancel.button"],
.mpcmd input {
    border: none;
    border-radius: 25px;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 4px;
    padding-bottom: 4px;
}

input[name="prev.button"],
input[name="submit.button.next"],
input[name="submit.button.List"],
.mpcmd input {
    background: #03a9f4;
    color: white;
}

input[name="submit.button"],
input[name="submit.button.save"],
input[name="submit.button.Save"],
input[name="submit.button.skip"] {
    background: #95ce00;
    color: white;
}

input[name="cancel.button"],
input[name="submit.button.delete"] {
    background-color: #ef3c79;
    color: white;
}

input[name="next.button"] {
    background-color: #03a9f4;
    color: white;
}

a.rqnavnext span {
    background: url('icon/flecheright2-white.svg') !important;
    background-color: #03A9F4 !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position-x: 50% !important;
    background-position-y: 55% !important;
    background-size: 10px !important;
    color: #fff;
}

a.rqnavnext.rqdisabled span {
    background: url('icon/flecheright2-white.svg') !important;
    background-color: rgba(125, 125, 125, 0.2) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position-x: 50% !important;
    background-position-y: 55% !important;
    background-size: 10px !important;
    color: #fff;
}

a.rqnavnext:hover span {
    background: url('icon/flecheright2-white.svg')!important;
    background-color: #039BE5 !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position-x: 50% !important;
    background-position-y: 55% !important;
    background-size: 10px !important;
    color: #039BE5;
}

a.rqnavprev span {
    background: url('icon/flecheleft2-white.svg')!important;
    background-color: #039BE5 !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position-x: 50% !important;
    background-position-y: 55% !important;
    background-size: 10px !important;
    color: #039BE5;
}

a.rqnavprev:hover span {
    background: url('icon/flecheleft2-white.svg')!important;
    background-color: #039BE5 !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position-x: 50% !important;
    background-position-y: 55% !important;
    background-size: 10px !important;
    color: #fff !important;
}

a.rqnavbutton span {
    background: #03a9f4;
    color: #fff;
    padding: 6px 8px;
}

a.rqnavbutton:hover span {
    background: #5086c9;
    color: #fff;
    padding: 6px 8px;
    border-bottom: 2px solid #bababa;
}

a.rqtblmenulnk {
    background: url('icon/flecheright2-cyan.svg') no-repeat;
    background-size: 40%;
    background-position: center;
    display: flex;
    -js-display: flex;
}


/*-------------------------------- FONT INCLUDES ------------------------------------------*/

@font-face {
    font-family: 'Lato';
    src: url('../webfonts/Lato/Lato-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('../webfonts/Lato/Lato-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('../webfonts/Lato/Lato-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Italic';
    src: url('../webfonts/Lato/Lato-Italic.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../webfonts/Montserrat/Montserrat-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../webfonts/Montserrat/Montserrat-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../webfonts/Montserrat/Montserrat-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Italic';
    src: url('../webfonts/Montserrat/Montserrat-Italic.ttf');
    font-weight: normal;
    font-style: normal;
}

:root {
    --defaultFont: "Lato";
}

body {
    background: #f1f3fa;
    font-family: 'Lato';
    font-size: 13px;
    color: #393939;
    min-width: 1050px;
    margin: 0;
    padding: 0;
    line-height: 1;
}

option {
    font-family: 'Arial' !important;
}


/* HELPERS
------------------------------------------- */

.rqhelp {
    background-image: url("icon/help-lightgrey.svg");
    background-repeat: no-repeat;
    padding: 0 1px 0 15px;
    background-size: 15px;
    background-position-x: 5px;
}

.rqhelp:hover {
    background-image: url("icon/help-lightblue.svg") !important;
    background-repeat: no-repeat;
}


/* Dans un tableau, lorsqu'il y à une colone sans label et une autre avec un label, ce helper va combler le décalage en hauteur */

.notitlecolumn {
    margin-top: 45px;
    padding-top: 10px;
    border-top: 1px solid #EDEDED;
}

.textalignright {
    text-align: right;
}

.padtop8 {
    padding-top: 8px;
}


/* LAYOUT
------------------------------------------- */

* {
    box-sizing: border-box;
}

#il,
#it .it1,
#it .it2,
#it .it3,
#it .it4,
#it .it5,
#it .it6,
#it .it7,
#it .it8 {
    background: none !important;
}

#it {
    width: 100%;
}

#inner {
    padding: 0;
    background-image: url('img/bg-c_t.png');
    background-repeat: no-repeat;
    background-position: 0px 90px;
}

.rqdefaultpage,
.rqpage {
    background: none;
    padding: 20px 5px;
    min-height: 300px;
}


/* TOP MENU
------------------------------------------- */

.rqbanner {
    position: relative;
    padding-top: 90px;
}

#top {
    padding: 10px;
    margin-bottom: -18px;
    position: relative;
}

#menu {
    height: 75px;
    width: 100%;
    max-width: 100%;
    padding: 0;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
}

#menu ul {
    position: relative;
}

#menu li a {
    position: relative;
    background: none;
    font-size: 12px;
    width: 85px;
    text-align: center;
    line-height: 12px;
    padding: 0;
    box-sizing: border-box;
    color: #FFFFFF;
    border: none;
}

#menu li a.logo {
    position: relative;
    height: 70px;
    width: 190px !important;
}

#menu li a.logo img {
    display: block;
    width: 150px;
    height: auto;
}

#menu li a.logo:before {
    display: none;
}

#menu li a.logo:after {
    content: "";
    display: none;
    position: absolute;
    top: 75px;
    left: 0;
    z-index: 2;
    background: none;
    width: 190px;
    height: 48px;
}

#menu li.currenticon a {
    width: 100px;
    height: 90px;
    color: #252953;
    border-bottom: none;
    border-top: 3px solid #e9693c;
    background-color: #f0f0f0;
}

#menu li.icon a.logo,
#menu li.icon a.logo:hover {
    border: none;
    background: url('logo/logo.png') no-repeat 20px 16px;
    background-size: 129px 43px;
}


/* ITEMS ICON */

#menu ul>li a:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    margin-left: 0;
    width: 20px;
    height: 20px;
}

#menu ul>li a#rqpgnavNewHome:before {
    background: none !important;
}

#menu ul>li a#rqpgnavORHConfig:before {
    background-position: -400px 0 !important;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    width: 16px;
    height: 16px;
}


/* SUBMENU */

#novOnlineHelp {
    position: absolute;
    top: 90px;
    background-image: url(icon/help-grey.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    right: 8px;
    background-position: 3px 3px;
}

#novOnlineHelp:hover {
    background-color: #03a9f4;
    background-image: url(icon/help-bar-white.svg);
}

#menu ul li ul {
    min-height: 150px;
    padding-bottom: 5px;
    overflow: hidden;
    box-shadow: none;
    z-index: 500;
}

#menu ul li.burger ul {
    right: 0;
    left: 0;
    margin-top: 80px;
    width: 300px !important;
    padding-top: 7px;
}

#menu li.burger ul li {
    width: 100%;
    display: block;
}

#menu li.burger ul li a {
    display: inline-block;
    text-align: left;
    padding: 7px 15px;
}

#menu li.burger ul li a img {
    display: inline-block;
    vertical-align: middle;
}

#menu li.burger li.separator {
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #dadada;
    margin: 7px 0;
}

#menu li.burger ul li a:before {
    background: none;
}

#menu ul li ul {
    display: flex;
    -js-display: flex;
    justify-content: flex-start;
}

#menucontainer>li>ul>li {
    width: 25%;
}

#menu ul li ul li {
    padding: 0 15px !important;
    align-self: flex-start;
    margin-top: 0;
}

#menu ul li.burger ul li ol a {
    color: #252953;
}

#menu ul li ul li ol {
    margin: 0px;
    border-left: none;
    width: 100%;
}

#menu ul li ul li ol>div {
    width: 100%;
    max-width: 100% !important;
    margin-top: 10px;
}

#menu ul li ul li ol>div>div {
    margin-top: 0px;
}

#menu ul li ul li a {
    background: none !important;
    border: none !important;
}

#menu ul li ul li ol a {
    height: auto !important;
}

#menu ul li ul li ol a div {
    max-height: 100% !important;
    max-width: 100% !important;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: normal;
    color: #0059a4;
    font-family: Montserrat;
    font-weight: 900;
}

#menu ul li ul li ol a div:hover {
    color: #03A9F4;
}

#menu ul li ul li ol li a {
    font-size: 12px;
    line-height: normal;
    box-sizing: initial;
    display: flex;
    -js-display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#menu ul li ul li ol li a::after {
    content: "\f054";
    font-family: "fontawesome";
    margin-left: 5px;
    color: #CCCCCC;
}

#menu ul li ul li ol li:hover a::after {
    color: #03A9F4;
}

#menu ul li ul li ol li a:hover {
    font-size: 12px;
}

#menu ul li.burger ul li ol li a {
    margin: 0;
    padding: 0;
}

#menu ul li ul li ol li>div {
    width: 100%;
    max-height: 100% !important;
    max-width: 100% !important;
    padding: 0;
}

#menu ul li ul li ol a:before {
    display: none;
}

#menu ul li ul li a.rqdesignacte:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'wrench' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
}

.rqftsearch .rqsearchreset {
    left: 250px;
    top: 11px;
}


/* FIXED MENU */

#menu.f-nav {
    height: 65px;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
}

#menu.f-nav li a.logo:after {
    display: none;
}

#menu.f-nav>ul>li>a>div[class^=menuicons] {
    height: 0px;
    max-height: 0px;
}

#menu.f-nav>ul>li>a>.menutext,
#menu.f-nav ul li.burger>a>.menutext {
    color: transparent;
}

.menutext {
    padding-top: 5px;
}

#menu.f-nav a.logo {
    padding: 10px 20px;
}

#menu.f-nav a.logo img {
    height: 45px;
    width: auto;
}

#menu.f-nav ul li.burger ul {
    margin-top: 65px;
}


/* TOP INFOBAR
------------------------------------------- */

#top .topinfo {
    color: #505050;
    font-size: 12px;
    text-transform: capitalize;
    position: absolute;
    right: 9px;
    z-index: 130;
    position: fixed !important;
    top: 3px;
}

#top .topinfo a {
    color: #252953;
    text-decoration: underline;
}

#top .topinfo .rqmlogin:before {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: -2px 5px -3px 0;
    background: none;
    visibility: initial;
}

.rqmlogin:hover i {
    color: #03a9f4;
}

#top .topinfo>div {
    padding: 0;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-top: 30px;
}

#top .topinfo .userid {
    color: #f8f8f8;
}

#top .topinfo .rqtopsearch {
    display: block;
    width: 240px;
    margin-top: 0;
    margin-left: 15px;
}

#top .topinfo .rqtopsearch .rqsearchleft,
#top .topinfo .rqmcfg {
    background: none;
    display: none;
}

#top .topinfo .rqftsearch .rqsearchright {
    background: none;
    left: 0;
    background: url('img/icons-s.png') -16px -40px no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 12px;
    top: 11px;
    left: auto;
}

#top .topinfo .rqftsearch {
    height: 34px;
    width: 100%;
    float: right;
    display: block;
    background: #fff;
}

#top .topinfo .rqsearchcontent {
    height: 35px;
    left: 0;
    width: 100%;
    text-align: left;
    background: none;
}

#top .topinfo #novrhsearch {
    padding: 9px 11px;
    padding-right: 42px;
    font-size: 12px;
    font-family: 'Lato';
    width: 100%;
    text-align: left;
    height: 35px;
    box-sizing: border-box;
}


/* FOOTER
------------------------------------------- */

#footer {
    background-color: #fff;
    height: 50px;
    background: url('img/orhus-l.png') 10px 15px no-repeat;
    padding-left: 88px;
}

#cfooter {
    display: none;
}


/* TABLES
------------------------------------------- */

.rqview .rqlist,
.rqview .tblreq,
.rqview .tbleditreq {
    border: none;
    font-family: 'Lato';
    font-size: 12px;
    margin-bottom: 20px;
}

.rqview .tbleditreq {
    box-shadow: none;
    border-bottom: 1px solid #eee;
}

.rqview .tblreq {
    background: #FFFFFF;
    box-shadow: 0px 0 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 2px 4px rgba(63, 81, 181, 0.07);
    border-radius: 6px;
}

.rqview .tblreq th,
.rqview .tbleditreq th {
    background-color: #fff;
    color: #8E8EA5;
    border: none;
    font-size: 13px;
    padding: 10px 3px;
    vertical-align: initial;
    font-weight: 200;
}

.rqview .tblreq th:nth-child(2),
.rqview .tbleditreq th:nth-child(2) {
    border-radius: 6px 0 0 0;
}

.rqview .tblreq th:last-of-type,
.rqview .tbleditreq th:last-of-type {
    border-radius: 0 6px 0 0;
}

.rqview .tblreq .rqmulticompo th .rqmulticomplbl {
    color: white;
}

.rqmulticompo .rqautocomplete input {
    border: 1px solid #CECEE6;
    outline: none;
    font-size: 12px !important;
    height: 34px;
    border-radius: 2px;
}

.rqwidget .rqmulticompo {
    width: 100%;
}

.rqmulticompo .rqautocomplete input:focus,
.rqmulticompo .rqautocomplete input:hover {
    border: 1px solid #03A9F4;
}

.rqview .rqlist th.rqtblsorted,
.rqview .tblreq th.rqtblsorted {
    background: #fff;
}

.rqview .rqlist tr td,
.rqview .tblreq tr td,
.rqview .tbleditreq tr td {
    border: none;
    padding: 6px 5px;
}

.rqview .rqlist tr td.rqtblmenu,
.rqview .tblreq tr td.rqtblmenu,
.rqview .tbleditreq tr td.rqtblmenu {
    border: none;
}

.rqview .rqlist td.sorted,
.rqview .tblreq td.sorted {
    background: #f5f6fb;
}

.rqview .tbleditreq tr.odd td.editable {
    background: none;
}

.rqview .rqlist tr.even td.sorted,
.rqview .tblreq tr.even td.sorted {
    background: #eaedf4;
}

.novHeaderTitle {
    position: relative;
    top: 0px;
}

.novHeaderTitle>span {
    display: none;
}

a.rqtblsortnull,
a.rqtblsortasc,
a.rqtblsortdesc {
    text-decoration: none;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 2px 6px;
    position: relative;
    top: 0px;
}

a.rqtblsortnull span,
a.rqtblsortasc span,
a.rqtblsortdesc span {
    visibility: visible;
    color: #8E8EA5;
    white-space: pre;
    font-family: 'Lato';
    font-weight: normal;
}

a.rqtblsortasc span,
a.rqtblsortdesc span {
    visibility: visible;
    color: #0059a4;
    white-space: pre;
    font-size: 0;
}

#novFilterableHeaderList a.rqtblsortasc span,
#novFilterableHeaderList a.rqtblsortdesc span {
    font-size: 13px;
}

a.rqtblsortnull:hover,
a.rqtblsortasc:hover,
a.rqtblsortdesc:hover {
    text-decoration: none;
}

a.rqtblsortasc::after {
    content: "\f062";
    font-family: "fontawesome";
    color: #0059a4;
    position: relative;
    left: 5px;
}

.novLightGrey {
    color: #8E8EA5;
}

a.rqtblsortdesc::after {
    content: "\f063";
    font-family: "fontawesome";
    color: #8E8EA5;
    position: relative;
    left: 5px;
}

.rqtbltotalgen {
    font-weight: bold;
}

.rqtbltotalgenlib {
    background: #CCCCCC !important;
}

.rqform .rqsectionin .rqsectionin .rqtabview .rqsectionin {
    /*padding pour l'imbrication de niveau 3*/
    padding-top: 10px;
}

a.rqtblsortnull::before {
    content: "\f0b0";
    font-family: "fontawesome";
    color: #8E8EA5;
    font-weight: normal;
}

a.rqtblsortnull span {
    visibility: hidden;
}

#novFilterableHeaderList a.rqtblsortnull span {
    visibility: visible;
}

#novFilterableHeaderList a.rqtblsortnull {
    background: none !important;
    opacity: 1 !important;
    width: 100%;
}

#novFilterableHeaderList a.rqtblsortnull::before {
    content: "\f0b0";
    display: none;
    font-weight: normal;
}


/* BREADCRUMB
------------------------------------------- */

.rqctxpath {
    position: relative;
    top: -87px;
    left: 38px;
    width: calc(100% - 38px);
    color: #8E8EA5;
    z-index: 0;
    color: #0059a4;
    font-size: 12px;
    font-weight: 800;
}

.rqctxpath a {
    text-decoration: none;
    font-family: "Lato";
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 16px;
    align-items: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #8E8EA5;
}

.rqctxpath a:hover,
.rqctxpath a:hover>span {
    color: #0059a4;
    font-weight: 700;
}

.rqctxpath span {
    font-family: "Lato";
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 16px;
    align-items: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #8E8EA5;
    white-space: pre;
    max-width: 350px;
    overflow: hidden;
    line-height: 10px;
}

.rqctxpath a span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
    padding-right: 5px;
}


/* CARDS
------------------------------------------- */

.rqportlet {
    display: block;
}

.rqhdr h3 {
    color: #393939;
    font-size: 1.4em;
    font-weight: 700;
}

.rqhdrr:hover .tools {
    visibility: visible;
}

.rqwhy {
    display: block;
    left: 10px;
    top: 5px;
}

.whymenu {
    z-index: 60 !important;
}

.rqwhy a.rqwhylnk {
    background: url('icon/help-lightgrey.svg') no-repeat !important;
    outline: 0;
    background-size: 20px !important;
    background-position-y: 2px !important;
    position: relative;
    left: 25px;
    top: 18px;
}

.pay-l .rqwhy a.rqwhylnk {
    top: 4px;
}

.GAlogo .rqwhy a.rqwhylnk {
    top: 3px;
}

.rqwhy a.rqwhylnk:hover {
    background: url('icon/help-lightblue.svg') no-repeat !important;
    outline: 0;
    background-size: 20px !important;
    background-position-y: 2px !important;
}

.rqwhy a.rqwhylnk {
    padding: 8px;
    width: 16px;
}

#whymenu .yuimenuitem .yui-module .bd.yui-menu-body-scrolled {
    height: 600px !important;
    top: 0px !important;
    overflow: scroll;
}

#whymenu #yui-gen1 {
    margin-top: 0;
}

.pay-l .rqctrl {
    padding: 1px 20px !important;
}

.rqhdr {
    border: none;
}

.rqcontent {
    border: none;
    background: transparent;
}

.rqlargedetail {
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    padding: 0;
}

.rqportlet {
    margin: 0px;
    padding: 0px;
}


/* FORMS
------------------------------------------- */

.rqsrchin {
    padding: 0;
    display: flex;
    -js-display: flex;
    flex-wrap: wrap;
}

.rqftsearch {
    height: 42px;
    min-width: 300px;
    margin-right: 20px;
    margin-bottom: 0;
    margin-top: -1px;
}

.rqftsearch .rqsearchleft {
    display: none;
}

.rqsearchcontent {
    background: none;
    height: auto;
    position: absolute;
    left: 0;
    width: 140px;
    margin: 0px;
    padding: 0;
}

.rqftsearch .rqsearchreset {
    background: url('icon/fermer-lightgrey.svg') no-repeat !important;
    background-size: 15px !important;
    position: relative;
    top: 9px;
}

.ui-dialog .rqftsearch .rqsearchreset {
    position: absolute;
}

.ui-dialog .ui-dialog-titlebar {
    border-radius: 6px 6px 0 0;
}

.rqftsearch .rqsearchreset:hover {
    background: url('icon/fermer-cyan.svg') no-repeat !important;
    background-size: 15px !important;
}

.rqftsearch .rqsearchright {
    background: url('icon/magnifier-lightgrey.svg') no-repeat !important;
    background-size: 18px !important;
    width: 34px !important;
    height: 34px !important;
    position: absolute;
    left: 266px;
    top: 0px;
    background-position: 50% 50% !important;
}

.novPositionListe .rqftsearch .rqsearchright {
    left: 300px;
}

.rqftsearch:hover .rqsearchright {
    background: url('icon/magnifier-cyan.svg') no-repeat !important;
    background-size: 18px !important;
    background-position: 50% 50% !important;
}

.rqftsearch .rqsearchcontent {
    background: #fff;
    height: auto;
    position: absolute;
    left: 0;
    margin: 0px;
    padding: 0px;
    border-radius: 10px;
}

.rqftsearch .rqsearchcontentinput {
    padding: 9px 11px;
    padding-right: 54px;
    border-radius: 12px;
    width: 300px
}

input.timein {
    border-radius: 6px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
.rqtxtval,
.dateedit,
.rqcrittitle,
.rqftsearch .rqsearchcontentinput,
select,
.rqval input,
input.timein {
    font-family: "Lato";
    border: 1px solid #CECEE6;
    outline: none;
    font-size: 12px !important;
    height: 34px;
    /* min-width: 226px; */
    box-sizing: border-box;
}

.colorpicker input[type="text"] {
    min-width: initial;
}

.rqftsearch .rqsearchcontentinput {
    border-radius: 25px !important;
}

.table-responsive .sublist .rqtxtval {
    min-width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
.rqtxtval:focus,
.dateedit:focus,
.rqcrittitle:focus,
.rqftsearch .rqsearchcontentinput:focus,
select:focus,
.rqval input:focus,
textarea:focus,
input.timein:focus {
    border: 1px solid #03A9F4
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
input[type="radio"]:hover,
input[type="checkbox"]:hover,
.rqtxtval:hover,
.dateedit:hover,
.rqcrittitle:hover,
.rqftsearch .rqsearchcontentinput:hover,
select:hover,
.rqval input:hover,
textarea:hover,
input.timein:hover {
    border: 1px solid #03A9F4
}

.rqval input[type="file"] {
    padding: 0 !important;
}

input.timein {
    min-width: 50px;
}

.rqval .rqcheck {
    height: 20px;
    min-width: 0px;
}

input[type="radio"],
input[type="checkbox"] {
    height: 13px;
    min-width: 0px;
}

textarea {
    font-family: 'Lato';
    border: 1px solid #c4c4c4;
    outline: none;
    font-size: 12px !important;
    padding: 9px 1px !important;
    border-radius: 2px;
}

.memo {
    resize: vertical;
}

.flyby table.rqviewtbl {
    padding-top: 25px;
}


/** BUTTONS ------------------------------------------- */

a.rqbtn {
    font-size: 13px;
    font-family: 'Lato';
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    margin: 0 5px;
}

a.rqbtn>span {
    border: none !important;
}

a.rqbtn:hover>span {
    border: none !important;
    color: #fff;
}

a.rqbtnok .rqs,
a.rqbtnclose .rqs {
    padding: 5px 8px;
    position: relative;
    top: -2px;
    height: 24px;
}

#novBottomToolBar a.rqbtnok .rqs,
#novBottomToolBar a.rqbtnclose .rqs {
    top: 0px;
}

a.rqbtnclose:hover .rqs {
    background: #d7336b;
}

a.rqbtn .rqe {
    padding: 4px 6px 4px 0px;
}

a.rqbtnclose .rqe {
    display: none;
}

a.rqbtnok .rqs .rqe {
    background: #80a941;
}

a.rqbtnok:hover .rqs .rqe {
    background: #658A2B;
}

a.rqnavnext span {
    background: #03A9F4;
    padding: 4px 8px;
    border-radius: 56px;
    color: #FFF;
}

a.rqnavnext:hover>span {
    padding: 4px 8px;
    background: #1c74b6;
    color: white;
}

a.rqbtnwiznext {
    height: 26px;
}

a.rqbtnwizprev {
    height: 26px;
}

a.rqbtnwiznext span,
a.rqbtnwizprev span {
    position: relative;
    top: 1px;
}

.rqftsearch .rqsearchsubmit {
    position: relative;
    left: 266px;
    top: -2px;
    height: 34px;
    width: 34px;
    background: rgba(31, 254, 224, 0);
    color: transparent;
    border-radius: 0;
    border: none;
}

.novPositionListe .rqftsearch .rqsearchsubmit {
    left: 300px;
}

.rqsearchsubmit,
.rqcmdclose input[type="button"] {
    font-size: 13px;
    font-family: 'Lato';
    font-weight: 300;
    text-transform: capitalize;
    text-align: center;
    border: none;
    color: #FFF;
}

.rqsearchsubmit {
    background: #03a9f4;
    padding: 10px 18px;
}

.rqcmdclose input[type="button"] {
    background: #ef3c79;
    padding: 4px 18px;
}

.rqsearchsubmit:hover,
.rqsearchsubmit:focus,
.rqcmdclose input[type="button"]:hover,
.rqcmdclose input[type="button"]:focus {
    outline: none;
    cursor: pointer;
}

.rqsearchsubmit:hover,
.rqsearchsubmit:focus,
.rqnavnext:hover,
.rqnavnext:focus {
    background: #039BE5;
    border-radius: 20px;
    border-color: #03A9F4;
}

.rqftsearch .rqsearchsubmit:hover,
.rqftsearch .rqsearchsubmit:focus {
    background: none;
    border-color: transparent;
}

.rqpage .rqcol .rqportlet .rqsearchsubmit:hover,
.rqpage .rqcol .rqportlet .rqsearchsubmit:focus {
    background: transparent;
}

.rqcmdclose input[type="button"]:hover,
.rqcmdclose input[type="button"]:focus {
    background: #d7336b;
}

.rqpage ul.rqcol li.rqportlet .rqhdr+div {
    padding: 0 20px;
}


/*btn validation filtre favoris requea*/

a.rqcritbtnok {
    background: url('icon/check-black.svg') no-repeat;
    background-size: 17px;
    width: 17px;
    height: 17px;
    margin-left: 10px;
}

a.rqcritbtnok:hover {
    background: url('icon/check-lightblue.svg') no-repeat;
    background-size: 17px;
    width: 17px;
    height: 17px;
}


/*btn validation filtre favoris requea*/

a.rqcritbtncancel {
    background: url('icon/close-simple-black.svg') no-repeat;
    background-size: 17px;
    width: 17px;
    height: 17px;
    margin-left: 5px;
}

a.rqcritbtncancel:hover {
    background: url('icon/close-simple-lightblue.svg') no-repeat;
    background-size: 17px;
    width: 17px;
    height: 17px;
}


/*btn gestion filtre favoris requea*/

a.rqcritbtnl .rqs {
    background: url('icon/star-cyan.svg') no-repeat;
    background-size: 15px;
    padding-left: 35px !important;
    background-position: 11px 9px !important;
}

a.rqcritbtnl:hover .rqs {
    background: url('icon/star-white.svg') no-repeat;
    background-size: 15px;
    padding-left: 35px !important;
    background-position: 11px 9px !important;
    color: white !important;
    background-color: #a4e3ff !important;
}

a.rqcritbtnsave {
    background: url('icon/edit-black.svg') no-repeat;
    background-size: 17px;
    position: relative;
    left: 6px;
    width: 17px;
    height: 17px;
}

a.rqcritbtnsave:hover {
    background: url('icon/edit-lightblue.svg') no-repeat;
    background-size: 17px;
    position: relative;
    left: 6px;
    top: 1px;
    width: 17px;
    height: 17px;
}

.rqusercrit {
    display: flex;
    -js-display: flex;
    align-items: center;
}

.rqtoolclear {
    background: url('icon/trash-can-red.svg') no-repeat;
    background-size: 15px;
}


/* EXPORT EXCEL BUTTON */

.rqxlsexport {
    color: transparent;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    display: flex;
    -js-display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.rqwidget>.rqxlsexport {
    display: block !important;
}

.rqdefaultpage .rqxlsexport {
    margin-top: 10px;
    display: flex;
    -js-display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.rqdefaultpage .rqxlsexport a,
.rqpage .rqxlsexport a {
    background-image: url('icon/excel-white.svg');
    background-repeat: no-repeat;
    background-position: 19px 6px;
    background-size: 20px;
    display: flex;
    -js-display: flex;
    background-color: #009688;
    color: #fff;
    font-family: "Lato";
    font-weight: 300;
    font-size: 13px;
    padding: 10px 0px 10px 19px;
    border-radius: 56px;
    width: 125px;
    height: 34px;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    right: 10px;
    top: 3px;
    position: absolute;
    z-index: 10;
}

.rqlayoutpreview .rqxlsexport a,
.rqlayoutpreview .rqxlsexport a {
    top: unset;
}

.rqcontentin .rqportletcnt .rqxlsexport a {
    position: initial;
    right: -75px;
    top: -20px;
}

.rqxlsexport a img {
    display: none;
}

.rqxlsexport a:hover {
    text-decoration: none;
    background-color: #006c62;
}

.rqxlsexport a:focus {
    text-decoration: none;
    background-color: #006c62;
    color: #fff;
}

.rqrecordcount {
    display: flex;
    -js-display: flex;
    align-items: center;
    letter-spacing: 0.15px;
    color: #0059a4;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    padding: 0px 21px !important;
    width: calc(100% - 2px) !important;
    margin-left: 1px;
}

a.rqdesignactn,
a.rqdesignactd,
a.rqdesignacte {
    text-decoration: none;
    border: none;
    padding: 0;
    display: inline-block;
}

a.rqdesignacte:hover,
a.rqdesignactd:hover,
a.rqdesignactn:hover {
    border: none;
}

.rqcmdselect input,
.rqcmdsearch input,
.rqcmdprev input,
.rqcmdcancel input,
.rqcmdsubmit input,
.rqcmdselect button,
.rqcmdsearch button,
.rqcmdprev button,
.rqcmdcancel button,
.rqcmdsubmit button {
    font-family: 'Lato';
    display: inline-block;
    background-color: #9bd403;
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    padding: 5px 12px;
    border: none;
}

.rqcmdselect input:hover,
.rqcmdsearch input:hover,
.rqcmdprev input:hover,
.rqcmdcancel input:hover,
.rqcmdcancel input:focus,
.rqcmdsubmit input:hover,
.rqcmdsubmit input:focus,
.rqcmdselect button:hover,
.rqcmdsearch button:hover,
.rqcmdprev button:hover,
.rqcmdcancel button:hover,
.rqcmdcancel button:focus,
.rqcmdsubmit button:hover,
.rqcmdsubmit button:focus {
    background: #83b303;
    outline: none;
    cursor: pointer;
}

.rqcmdsearch button {
    font-family: 'Lato';
    display: inline-block;
    background-color: #1c74b6;
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    padding: 5px 12px;
    border: none;
}

.rqcmdselect input:hover,
.rqcmdsearch input:hover,
.rqcmdprev input:hover,
.rqcmdcancel input:hover,
.rqcmdcancel input:focus,
.rqcmdsubmit input:hover,
.rqcmdsubmit input:focus,
.rqcmdselect button:hover,
.rqcmdsearch button:hover,
.rqcmdprev button:hover,
.rqcmdcancel button:hover,
.rqcmdcancel button:focus,
.rqcmdsubmit button:hover,
.rqcmdsubmit button:focus {
    background: #83b303;
    outline: none;
    cursor: pointer;
}

.rqcmdsearch input:hover,
.rqcmdsearch button:hover {
    background: #1c74b6;
    outline: none;
    cursor: pointer;
}

.rqcmdcancel input,
.rqcmdcancel button {
    background-color: #ef3c79;
}

.rqcmdcancel input:hover,
.rqcmdcancel input:focus,
.rqcmdcancel button:hover,
.rqcmdcancel button:focus {
    background-color: #DC3141;
}

.rqmdtool a.itool.minus,
.rqmdtool a.itool.plus {
    display: inline-block;
    padding: 0;
    margin-right: 5px;
}


/* SELECT BUTTON */

a.rqsellnk .rqs {
    background: url('icon/plus-cyan.svg') no-repeat;
    background-size: 15px;
    background-position: 3px 3px;
    border: none;
    color: #039BE5;
    text-align: center;
    padding: 3px 10px;
}

a.rqsellnk:hover,
a.rqsellnk:focus {
    text-decoration: none;
}

a.rqsellnk:hover .rqs,
a.rqsellnk:focus .rqs {
    background: url('icon/plus2-darkblue.svg') no-repeat !important;
    background-size: 15px !important;
    background-position: 3px 3px !important;
    color: #0059a4;
    text-align: center;
}

a.rqsellnk .rqe {
    display: none;
}


/* TABS
------------------------------------------- */

.rqtabview {
    background: transparent;
}

.ui-autocomplete {
    background: #fff;
}

.ui-tabs .ui-tabs-nav li em {
    font-style: normal;
}

.ui-tabs .ui-tabs-nav {
    border-width: 0;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0;
    margin-right: 2px;
    border: 0 !important;
    border-radius: 0;
    top: 1px;
}

.ui-tabs .ui-tabs-nav li {
    background: rgba(255, 255, 255, 0.3);
    border-top: 4px solid rgba(233, 105, 60, 0.0) !important;
    transition: border-top 0.6s, border-radius 0.4s, background 0.7s
}

.ui-tabs .ui-tabs-nav li:hover {
    background: rgba(255, 255, 255, 1);
    transition: all 0.3s;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border-top: 2px solid #03a9f4 !important;
    background-color: #f7f7f7;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    text-shadow: none;
    color: #000;
    box-shadow: inset 0px 0px 0px 0px white;
    transition: all 0.2s;
}

.ui-tabs .ui-tabs-panel li.ui-tabs-selected {
    border-radius: 9px;
    font-weight: lighter !important;
}

.ui-tabs .ui-tabs-panel .ui-tabs-nav li.ui-tabs-selected {
    background-color: #03a9f4 !important;
}

.ui-tabs .ui-tabs-panel .ui-tabs-nav li a {
    color: white !important;
}

.rqtabpages .rqtabcontent li {
    border-radius: 10px;
}

.ui-tabs .ui-tabs-panel .ui-tabs-nav li {
    background-color: #fbfbfb !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #3366a2;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: #fff;
}

.ui-tabs .ui-tabs-panel .ui-tabs-panel {
    background: #e6e7e9;
}


/* TABS IN CARD COLORS */

.pgtbl .ui-tabs .ui-tabs-nav li {
    background: #fbfbfb;
    box-shadow: none;
}

.pgtbl .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: #03a9f4;
    box-shadow: 0 0 5px #ccc !important;
}

.pgtbl .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: white !important;
    font-weight: bold;
}

.pgtbl .ui-tabs .ui-tabs-panel {
    background: transparent;
}

.pgtbl .ui-tabs .ui-tabs-panel>table>tbody>.rqsection,
.pgtbl .ui-tabs .ui-tabs-panel>table>tbody>.rqprop {
    background: #fafafa;
    z-index: 10;
    border-radius: 10px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    margin-bottom: 10px;
    display: flex;
    -js-display: flex;
    z-index: 0
}

.pgtbl .ui-tabs .ui-tabs-panel>table>tbody>.rqprop {
    flex-direction: column;
    justify-content: flex-start;
    padding: 10px 15px;
}

.pgtbl .ui-tabs .ui-tabs-panel>table>tbody {
    display: flex;
    -js-display: flex;
    flex-direction: column;
}

.pgtbl .ui-tabs .ui-tabs-panel>table>tbody>.rqsection>td,
.pgtbl .ui-tabs .ui-tabs-panel>table>tbody>.rqprop>td {
    padding: 10px 0;
    width: 100%;
    text-align: left;
}

.pgtbl .ui-tabs .ui-tabs-panel>table>tbody>.rqprop>.rqlbl {
    padding: 10px 0 0 0;
}

.pgtbl .ui-tabs .ui-tabs-panel>table>tbody>.rqprop .rqsublist {
    padding: 10px 20px;
}

.pgtbl .ui-tabs .ui-tabs-panel>table>tbody>.rqprop>.rqlblin {
    color: #3F51B5 !important;
    padding-left: 24px !important;
    border-bottom: 2px solid #F2F3F8 !important;
    margin: 4px 0;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}

.pgtbl .ui-tabs .ui-tabs-panel>table>tbody>.rqprop .rqval {
    padding-left: 10px;
    padding-right: 10px;
}

.pgtbl .ui-tabs .ui-tabs-panel .rqsublist tr {
    background-color: white;
}

.pgtbl .ui-tabs .ui-tabs-panel .rqsublist tr.odd {
    background-color: #F3F5F7;
}

.rqsublist #ca2iSet td>input {
    width: 100% !important;
}

.rqlygrphdr {
    color: #3F51B5 !important;
    padding-left: 24px !important;
    border-bottom: 2px solid #F2F3F8 !important;
}

.rqtabpages li {
    margin-bottom: 3px !important;
    margin-right: 10px !important;
    border-radius: 18px !important;
}

.pgtbl .ui-tabs .ui-tabs-panel .ui-tabs-panel {
    background: #fff;
    box-shadow: none;
}

.pgtbl .ui-tabs .ui-tabs-panel li {
    border: none;
}

.pgtbl .ui-tabs .ui-tabs-nav li:hover {
    cursor: auto;
    background: #0059a4;
}

.rqtabviewvertical .pgtbl .ui-tabs .ui-tabs-nav li:hover {
    cursor: auto;
    background: none !important;
}

.rqtabviewvertical .pgtbl .ui-tabs .ui-tabs-nav li:hover a,
.rqtabviewvertical .pgtbl .ui-tabs .ui-tabs-nav li:hover a em,
.rqtabviewvertical .pgtbl .ui-tabs .ui-tabs-nav li a:hover,
.rqtabviewvertical .pgtbl .ui-tabs .ui-tabs-nav li a:hover em {
    cursor: auto;
    background: none !important;
}

.pgtbl .ui-tabs .ui-tabs-nav li:hover {
    background: transparent !important;
}

.selected:hover {
    background: transparent;
}


/* LISTS
------------------------------------------- */

.rqal {
    margin: 0px;
    padding: 10px;
    background: #f8f8f8;
    border: none;
    position: relative;
}

.rqal ul>li {
    padding: 1px 0;
}

.rqact {
    background: none;
    font-size: 12px;
    color: white;
    position: relative;
    display: inline-block;
    padding-left: 0;
}

.rqtblinleact .rqact>span {
    background: #03A9F4;
    padding: 5px 10px;
    color: white !important;
    margin-bottom: 2px;
    border-radius: 6px;
    text-align: center;
    font-size: 12px;
}

.rqtblinleact .rqact:visited>span,
.rqtblinleact .rqact>span:visited {
    color: white;
}

.rqtblinleact .rqact:hover>span {
    background: #039BE5;
    color: white;
    padding: 5px 10px;
}

.rqtblreqout .rqactsel .rqact {
    top: 10px;
}

.rqact:before {
    display: none !important;
    position: absolute;
    width: 7px;
    height: 7px;
    display: block;
    background: none !important;
    top: 4px;
    left: 2px;
}

.rqact:hover:before {
    background: url('img/icons-s.png') no-repeat -80px -40px;
}

.rqact .rqs {
    display: inline-block;
}

.rqact .rqe {
    display: none;
}

.slick-cell,
.slick-header-column {
    box-sizing: content-box;
}


/* REQUEA
------------------------------------------- */


/* .rqlbl,
.rqval {
vertical-align: middle;
} */

.rqexprbuiltin .rqlbl,
.rqexprbuiltin .rqval {
    width: initial;
}

.pay-l .personcard {
    margin-top: -10px;
}

.GAlogo .personcard {
    margin-top: -20px;
}

.GAlogo.personcard {
    padding-left: 150px;
}

.GAlogo.novEditable.showTitle .rqhdrm h3,
.pay-l.novEditable.showTitle .rqhdrm>h3 {
    top: 68px !important;
    z-index: 100;
}

.GAlogo.novEditable .rqcontent .novbreadcrumb,
.pay-l.novEditable .rqcontent .novbreadcrumb {
    display: none;
}

.personcard .rqlbl,
.personcard .rqval {
    vertical-align: bottom;
}

.rqright {
    padding-right: 20px;
    box-sizing: border-box;
}

.rqaddtopage a,
.rqaddtopage a:visited {
    font-size: 12px;
}

.rqaddtopage {
    padding: 17px 4px 0px 0px;
}

.rqhdr a {
    text-decoration: none;
    padding: 2px 20px 4px 0px;
}

.rqsrchin {
    padding: 1px 0;
    background: #fff;
    border: none;
    padding: 25px 38px 0px 38px;
    width: 100%;
}

.rqcritsearch {
    width: 100%;
}

.rqnewdetail .rqcritsearch,
.rqlargedetail .rqcritsearch {
    padding-right: 160px;
}

.rqcol .rqcritsearch {
    padding-right: 0 !important;
}

.rqsrchin {
    width: 100%;
}

.rqcol .rqsrchin {
    padding: 10px;
    width: 100%;
    margin-top: 15px;
}

.rqview h2,
.rqfields h2,
.rqlycolin h2 {
    color: #000;
    font-size: 100%;
    border-bottom: none;
    margin: 2px 6px 10px 6px;
    padding: 2px 0px 4px 10px;
    letter-spacing: normal;
}

.rqrecordcount .rqcount {
    font-weight: 600;
}

.navbottom {
    margin: 0;
    padding: 10px 0 0;
    display: flex;
    -js-display: flex;
}

.rqdesignformtool {
    font-size: 12px;
    margin: 0 0 10px 0;
    padding: 0;
    position: relative !important;
    width: 60px;
    height: 17px;
    z-index: 10;
    float: right;
}

.rqdesignformtoolcustom {
    font-size: 12px;
    margin: 0 0 10px 0;
    padding: 0;
    position: relative !important;
    width: 60px;
    height: 17px;
    z-index: 10;
    float: right;
}

.subdetail>.rqdesignformtoolcustom {
    position: absolute !important;
}

.rqdesignformtoolcustom {
    display: flex;
    flex-direction: row;
}

.rqcol .rqdesignformtool {
    top: initial;
    right: 5px !important;
}

.flexcontainerrow>.rqdesignformtool {
    top: 0 !important;
}

.rqview {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    background: transparent;
}

.subcatlnk a {
    font-size: 13px;
    font-family: 'Lato';
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

.subcatlnk::first-letter {
    font-size: 0px;
}

.subcatlnk a:hover {
    text-decoration: none;
}

.subcatlnk a:hover:before {
    background: url('img/icons-s.png') no-repeat -80px -40px;
}

.subcatlnk {
    padding: 6px 0px 0px 0px;
}

.rqnaventrytitle {
    display: block;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 1px;
    color: #393939;
}

.rqmdtool {
    padding: 0;
    display: inline-block;
}

.rqdetail {
    padding: 0;
    width: 100%;
}

.GAlogo .rqdetail .rqview {
    width: calc(100% - 50px) !important;
}

.rqdetail.w100 {
    box-shadow: 0px 0 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 2px 4px rgba(63, 81, 181, 0.07);
    margin: 40px 40px;
    padding: 20px;
    background: #fefefe;
    border-radius: 6px;
    width: calc(100% - 80px) !important;
}

#rqformporflb .rqview {
    margin: 0;
}

.rqdetail .rqview {
    padding-left: 0px;
}

.referenceflyby-dialog-form div div .rqdetail .rqview {
    padding-left: unset;
}

.rqpropleftin,
.rqproprightin {
    padding: 5px 20px;
}

.subdetail .rqpropleftin {
    padding: 0 0 5px 0 !important;
}

.subdetail .rqpropleftin .rqtext {
    padding-left: 3px !important;
}

.rqpropleftin .rqhlbl {
    margin-bottom: 5px;
}

.rqpropleftin .rqlnk {
    display: block;
}

.rqexprbuiltin tr {
    padding-right: 10px;
}

.rqentryimg {
    border-bottom: none;
}

.rqhdr .tools {
    background: #fff;
}

.rqtblreqout {
    margin: 0px 0px 5px 0px;
}

.rqcritsearch .criteria {
    padding-top: 1px;
    font-size: 11px;
}

.rqcritsearch .criteria input,
.rqcritsearch .criteria select {
    font-size: 11px !important;
}

.rqcritsearch .criteria select {
    width: 226px;
}

.rqcritsearch .rqwidget .subdetail {
    flex-direction: row;
}

.rqcritsearch .rqwidget .subdetail>table>tbody {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.rqcritsearch .rqwidget .subdetail>table>tbody>tr {
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.rqcritsearch .rqwidget .subdetail .rqlbl>span {
    height: 100%;
}

.rqcmdsubmit,
.rqcmdsearch,
.rqcmdselect,
.rqcmdprev {
    padding-right: 2px;
}

#rqformHomecnt .rqview>h2:nth-child(2),
#rqformHomecnt .rqview>h2:nth-child(3) {
    visibility: none;
    visibility: hidden;
    display: contents !important;
}

.rqdetail>.rqdetail>.rqview>.rqtitle span:nth-child(2),
.rqdetail>.rqdetail>.rqview>.rqtitle span:nth-child(1) {
    visibility: visible;
}

.TitleBundle .rqview>h2:nth-child(2),
.TitleBundle .rqview>h2:nth-child(1) {
    visibility: visible;
}


/* TYPOGRAPHY
------------------------------------------- */

.rqview h2,
.rqfields h2,
.rqlycolin h2 {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    color: #000;
    font-family: 'Montserrat';
    border-bottom: 1px solid #c1c1c1;
}

.sublist {
    background-color: transparent;
    border-collapse: separate;
    border: none;
    border-radius: 6px !important;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.pgtbl .ui-tabs .ui-tabs-panel .rqsublist tr:last-child td,
.sublist>tr:last-child td {
    border-bottom: 0px solid transparent !important;
}

.pgtbl .ui-tabs .ui-tabs-panel .rqsublist tr th:last-child,
.pgtbl .ui-tabs .ui-tabs-panel .rqsublist tr td:last-child,
.sublist>tr td:last-child {
    border-right: 0px solid transparent !important;
}

table.TF th,
.sublist th {
    background-color: #fff !important;
    border-radius: 0;
    border-collapse: collapse;
    color: #000000 !important;
    letter-spacing: 0.25px;
    font-family: "Lato";
    font-size: 13px;
    line-height: 16px;
}

.sublist td {
    padding: 4px 2px;
}

.sublist tr:nth-child(2n) {
    background-color: transparent;
}

.sublist th:nth-child(1),
table.TF th:nth-child(1) {
    border-radius: 6px 0 0 0;
}

.sublist th:last-child,
table.TF th:last-child {
    border-radius: 0 6px 0 0;
}

.pgtbl .ui-tabs .ui-tabs-panel .rqsublist tr:last-child td:nth-child(1) {
    border-radius: 0 0 0 6px;
}

.pgtbl .ui-tabs .ui-tabs-panel .rqsublist tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

.sublist,
.sublist tbody,
.pgtbl .ui-tabs .ui-tabs-panel .rqsublist tr {
    border-radius: 6px;
}

.pgtbl .ui-tabs .ui-tabs-panel .rqsublist tr:nth-child(2n) {
    background: #F3F5F7;
}


/* ALL EXTRA CLASSES */

.tableExportParametrage th {
    color: #FFF;
    background: #A4A4A4;
}

.tableExportParametrage tr:nth-child(even) {
    background: #F3F5F7;
}

.tableExportParametrage tr:nth-child(odd) {
    background: #FFF;
}

.rqplanning * {
    box-sizing: content-box;
}


/* ACTIONS LIST COLLAPSIBLE
------------------------------------------- */

.novactionbutton {
    top: -15px;
    right: 20px;
    z-index: 110;
}

.GAlogo .novactionbutton,
.pay-l .novactionbutton {
    top: -57px;
    right: 20px;
    z-index: 110;
}

.rqcol .novactionbutton {
    top: -35px;
    right: -10px;
}

.novactionbutton,
.mainactionscontainer {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    z-index: 100;
}

.rqmainactdropdown-content {
    z-index: 110;
}

a.rqact .rqs i,
a.rqbtn .rqs i,
a.rqactprint .rqs i {
    margin-right: 10px;
    background: none;
    width: 13px;
    text-align: center;
}

.mainactionscontainer a.rqact .rqs i,
.novBottomToolBar a.rqact .rqs i,
a.rqbtn .rqs i {
    margin-left: -5px;
}

.novactionbutton .rqal.action-list-wrapper {
    top: 0;
    right: 0;
    position: relative;
}


/* 
.rqlblin .rqstatic {
	white-space: pre !important;
} */

.novactionbutton .rqal.action-list-wrapper:hover {
    border-radius: 25px;
    box-shadow: 0px 3px 6px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 6px rgba(63, 81, 181, 0.07);
}

.novactionbutton .rqmainactdropdown-content,
.rqmainactdropdown-content:hover {
    box-shadow: 0px 3px 6px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 6px rgba(63, 81, 181, 0.07);
}

.novactionbutton .mainactionscontainer .rqact {
    background: #e1f5fe;
    color: #03a9f4;
    border-radius: 25px;
    height: 31px;
    display: flex;
    -js-display: flex;
    flex-direction: column;
    justify-content: center;
}

.novactionbutton .mainactionscontainer .rqact:hover {
    text-decoration: none;
    background: #a4e3ff;
    color: #fff;
}

.novactionbutton .mainactionscontainer .rqact .rqs {
    padding-right: 25px;
    padding-left: 25px;
    white-space: pre;
}

.novactionbutton .rqmainactdropdown-content {
    right: 0px;
    width: auto;
    background: #fff;
    padding: 15px 0;
    border-radius: 6px;
}

.novactionbutton .rqmainactdropdown-content a {
    padding: 2px 5px;
    margin: 0;
    width: 100%;
    white-space: pre;
}

.novactionsymbol {
    background: url("icon/arrow-circle-down-white.svg") no-repeat;
    background-size: auto;
    background-size: 15px !important;
    width: 15px;
    height: 15px;
    position: relative;
    top: 0px !important;
    padding-right: 29px !important;
}

.novactionsymbol:before {
    display: none;
}

.novActionDeploy {
    background-image: url(img/arrowup.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 188px !important;
    background-position-y: 20px !important;
}

.novSearchBarDeploy {
    background-image: url(img/arrowup.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: calc(100% - 18px) !important;
    background-position-y: 27px !important;
}

.novactionbutton .rqal.action-list-wrapper {
    width: 100%;
}

#il .rqpage .row>td:nth-child(1) .rqportlet .rqportletcnt .novactionbutton .rqmainactdropbtn span::after {
    content: "ACTIONS";
    visibility: visible;
    font-size: 15px;
}

#il .rqpage .row>td:nth-child(1) .rqcol .rqportlet .rqportletcnt .novactionbutton .rqmainactdropbtn span {
    visibility: hidden;
    font-size: 0;
}

#il .rqpage .row>td:nth-child(1) .rqcol .rqportlet .rqportletcnt .novactionbutton .rqmainactdropbtn {
    width: 120px;
}

.novactionbutton .rqmainactdropbtn {
    color: white;
    background: none;
    width: 220px;
    height: 31px;
    display: flex;
    -js-display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.novactionbutton .rqmainactdropbtn span {
    padding-left: 20px;
    white-space: pre;
    font-size: 15px;
}

.novactionbutton .rqmainactdropbtn i {
    padding-right: 20px;
    position: relative;
    top: -3px;
}

.novactionbutton .rqmainactdropbtn i.fa-sort-up {
    top: 2px;
}

.novactionbutton .rqmainactdropdown-content a {
    padding: 2px 5px;
    margin: 0 10px;
    width: calc(100% - 20px);
}

.novactionbutton .rqmainactdropdown-content a:hover {
    background: #e1f5fe;
}

.novactionbutton .rqmainactdropdown-content a span,
.novactionbutton .rqmainactdropdown-content a:hover span {
    color: #4D4D4D;
}

.novactionbutton .rqmainactdropdown-content a i {
    color: #03a9f4;
}

.action-list-wrapper {
    position: absolute;
    top: -10px;
    right: 110px;
    z-index: 10;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
}

.action-list-wrapper:after {
    display: none;
}

.action-list-wrapper:hover:after {
    display: none;
}

.action-list-wrapper:hover {
    border-bottom: 1px solid #ddd;
}

.action-list-wrapper:hover li:nth-last-child(1) {
    border-bottom: none !important;
}

.action-list-wrapper:hover .action-list>li {
    display: block;
    line-height: 18px;
}

.action-list-wrapper:hover .action-list>li>span {
    color: white !important;
}

.action-list>li {
    display: none;
}

.action-list>li.presentation {
    display: none;
}

.rqal>#sideToolbox:nth-of-type(2) {
    display: none !important;
}

.rqactprint {
    background: none;
}

#sideToolbox {
    padding: 7px;
}

#sideToolbox i {
    margin-left: 10px;
    font-size: 20px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 50%;
}

#sideToolbox span {
    font-size: 15px;
    padding-left: 90px;
}

#sideToolbox a:focus {
    color: #03a9f4 !important;
}

.rqal .rqs {
    color: black;
}

.rqal .rqs:hover {
    color: #03a9f4;
}

#upAndDown {
    float: right;
}

.rqal:hover #upAndDown {
    /* IE 9 */
    /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    color: white;
}

.rqact {
    font-size: 13px;
    width: 100%
}

.rqactsel .rqact {
    width: 90px;
}

.rqal {
    padding: 0 !important;
}

.ul1 {
    margin: 0;
}

.rqal:hover .ul1 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: #fff;
    padding-left: 30px;
    padding-right: 30px;
    width: 348px;
    margin-left: 1px;
    box-shadow: 0px 3px 6px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 6px rgba(63, 81, 181, 0.07);
    border-radius: 0 0 12px 12px;
    position: absolute;
}

.flyby .rqal:hover .ul1 {
    width: 350px;
    margin-left: 0;
}

#cluetip {
    box-shadow: 0px 3px 6px rgba(63, 81, 181, 0.1), 0px 6px 6px rgba(63, 81, 181, 0.08), 0px 4px 6px rgba(63, 81, 181, 0.14);
    border-radius: 6px;
}

.cluetip-jtip .cluetip-outer {
    border-radius: 6px;
}

.ui-widget-header {
    border: none;
    border-radius: 6px 6px 0 0;
}

.cluetip-jtip .cluetip-inner {
    padding: 0 15px 15px 15px;
    border-radius: 0 0 6px 6px;
}

#cluetip .rqright {
    width: 100%;
    float: none;
}

.cluetip .cluetip-outer .ui-cluetip-header {
    background: #fff;
    padding-right: 5px;
}

#cluetip .rqright .rqact {
    background: url('img/play-button.png');
    padding-left: 20px;
    margin-bottom: 1px;
    padding-top: 1px;
    background-size: 9px;
    background-repeat: no-repeat;
    background-position-y: 3px;
}

#cluetip a:hover {
    color: #0059a4 !important;
}

.catcont {
    margin: 20px 0px 0px 0px;
}

.rqoptitemh {
    margin-left: 1px;
    margin-right: 1em;
}

div.rqsectionin.vbultab .rqview h2,
.rqfields h2,
.rqlycolin h2 {
    text-align: left;
}

.bullabel h2 {
    text-align: right;
}

.imgcal:hover,
input[type="radio"]:hover {
    cursor: pointer;
}

.novDesignAction {
    color: #ef6c00 !important;
}

.novDesignAction:hover {
    color: #b53d00 !important;
}

.novactionbutton .mainactionscontainer .rqact.novDesignMainAction,
.rqact.novDesignMainAction,
.novDesignMainAction {
    background-color: #5f5fc4 !important;
    color: #fff !important;
}

.novactionbutton .mainactionscontainer .rqact.novDesignMainAction:hover,
.rqact.novDesignMainAction:hover,
.novDesignMainAction:hover {
    background-color: #283593 !important;
    color: #fff !important;
}

.novDesignMainAction .novDesignAction {
    color: #fff !important;
}

.novDesignMainAction:hover .novDesignAction {
    color: #fff !important;
}

.rqmainactdropdown-content>.novDesignMainAction {
    background-color: transparent !important;
}

.rqmainactdropdown-content>.novDesignMainAction:hover {
    background-color: #d9d9ff !important;
}

.rqmainactdropdown-content>.novDesignMainAction .novDesignAction {
    color: #4D4D4D!important;
}

.rqmainactdropdown-content>.novDesignMainAction .novDesignAction i {
    color: #5f5fc4 !important;
}

.rqmainactdropdown-content>.novDesignMainAction:hover .novDesignAction {
    color: #4D4D4D !important;
}


/************************************************************************************************************************************/


/*Context menu css */

.iw-contextMenu {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #E6E6E6;
    display: none;
    z-index: 1000;
}

.iw-cm-menu {
    background: #F4F4F4;
    color: #333;
    margin: 0px;
    padding: 0px;
}

.iw-cm-menu li {
    list-style: none;
    padding: 3px;
    padding-left: 30px;
    padding-right: 20px;
    border-bottom: 1px solid #CCC;
    cursor: pointer;
    position: relative;
}

.iw-mOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #FFF;
    opacity: .5;
}

.iw-contextMenu li.iw-mDisable {
    opacity: .3;
}

.iw-mSelected {
    background-color: #003366;
    color: #F2F2F2;
}

.iw-cm-arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333333;
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -3px;
}

.iw-mSelected>.iw-cm-arrow-right {
    border-left: 5px solid #FFF;
}

.iw-mIcon {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 3px;
    position: absolute;
}


/*context menu css end */

.tableExportParametrage th {
    color: #FFF;
    background: #A4A4A4;
}

.tableExportParametrage tr:nth-child(even) {
    background: #F3F5F7;
}

.tableExportParametrage tr:nth-child(odd) {
    background: #FFF;
}


/************************************************************************************************************************************/


/*!
* jQuery contextMenu - Plugin for simple contextMenu handling
*
* Version: v2.0.1
*
* Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
* Web: http://swisnl.github.io/jQuery-contextMenu/
*
* Copyright (c) 2011-2015 SWIS BV and contributors
*
* Licensed under
*   MIT License http://www.opensource.org/licenses/mit-license
*
* Date: 2015-12-03T20:06:17.381Z
*/

@font-face {
    font-family: "context-menu-icons";
    font-style: normal;
    font-weight: normal;
    src: url("font/context-menu-icons.eot?y1c4");
    src: url("font/context-menu-icons.eot?y1c4#iefix") format("embedded-opentype"), url("font/context-menu-icons.woff2?y1c4") format("woff2"), url("font/context-menu-icons.woff?y1c4") format("woff"), url("font/context-menu-icons.ttf?y1c4") format("truetype");
}

.context-menu-icon-add:before,
.context-menu-icon-copy:before,
.context-menu-icon-cut:before,
.context-menu-icon-delete:before,
.context-menu-icon-edit:before,
.context-menu-icon-paste:before,
.context-menu-icon-quit:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 28px;
    font-family: "context-menu-icons";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color: #2980b9;
    text-align: center;
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.context-menu-icon-add:before {
    content: "?";
}

.context-menu-icon-add.context-menu-hover:before {
    color: #fff;
}

.context-menu-icon-copy:before {
    content: "?";
}

.context-menu-icon-copy.context-menu-hover:before {
    color: #fff;
}

.context-menu-icon-cut:before {
    content: "?";
}

.context-menu-icon-cut.context-menu-hover:before {
    color: #fff;
}

.context-menu-icon-delete:before {
    content: "?";
}

.context-menu-icon-delete.context-menu-hover:before {
    color: #fff;
}

.context-menu-icon-edit:before {
    content: "?";
}

.context-menu-icon-edit.context-menu-hover:before {
    color: #fff;
}

.context-menu-icon-paste:before {
    content: "?";
}

.context-menu-icon-paste.context-menu-hover:before {
    color: #fff;
}

.context-menu-icon-quit:before {
    content: "?";
}

.context-menu-icon-quit.context-menu-hover:before {
    color: #fff;
}

.context-menu-list {
    position: absolute;
    display: inline-block;
    min-width: 180px;
    max-width: 700px;
    padding: 4px 0;
    margin: 5px;
    font-family: inherit;
    font-size: inherit;
    white-space: pre;
    list-style-type: none;
    background: #fff;
    border: 1px solid #bebebe;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.context-menu-item {
    position: relative;
    padding: 3px 28px;
    color: #2f2f2f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
}

.context-menu-separator {
    padding: 0;
    margin: 5px 0;
    border-bottom: 1px solid #e6e6e6;
}

.context-menu-item>label>input,
.context-menu-item>label>textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.context-menu-item.context-menu-hover {
    color: #fff;
    cursor: pointer;
    background-color: #2980b9;
}

.context-menu-item.context-menu-disabled {
    color: #626262;
    background-color: #fff;
}

.context-menu-input.context-menu-hover,
.context-menu-item.context-menu-disabled.context-menu-hover {
    cursor: default;
    background-color: #eee;
}

.context-menu-submenu:after {
    position: absolute;
    top: 50%;
    right: 8px;
    z-index: 1;
    width: 0;
    height: 0;
    content: '';
    border-color: transparent transparent transparent #2f2f2f;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    transform: translateY(-50%);
}


/**
* Inputs
*/

.context-menu-item.context-menu-input {
    padding: 5px 10px;
}


/* vertically align inside labels */

.context-menu-input>label>* {
    vertical-align: top;
}


/* position checkboxes and radios as icons */

.context-menu-input>label>input[type="checkbox"],
.context-menu-input>label>input[type="radio"] {
    position: relative;
    top: 3px;
}

.context-menu-input>label,
.context-menu-input>label>input[type="text"],
.context-menu-input>label>textarea,
.context-menu-input>label>select {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.context-menu-input>label>textarea {
    height: 100px;
}

.context-menu-item>.context-menu-list {
    top: 5px;
    /* re-positioned by js */
    right: -5px;
    display: none;
}

.context-menu-item.context-menu-visible>.context-menu-list {
    display: block;
}

ul.context-menu-list.contextmenu-custom.context-menu-root li.context-menu-item.context-menu-submenu.context-menu-hover.context-menu-visible ul.context-menu-list {
    width: 1000px;
    max-width: unset;
}

ul.context-menu-list.contextmenu-custom.context-menu-root li.context-menu-item.context-menu-submenu.context-menu-visible ul.context-menu-list {
    width: 1000px;
    max-width: unset;
}

ul.context-menu-list.contextmenu-custom-nosub.context-menu-root {
    max-width: unset;
}

.context-menu-accesskey {
    text-decoration: underline;
}

.rqvradio {
    margin: 0;
}

.personnalPhone>.rqlbl {
    width: 129px;
}

.personnalEmail>.rqlbl {
    width: 103px;
}


/*************************************************************************/


/****************************** Tuiles ***********************************/


/*************************************************************************/

div.tile {
    width: 200px;
    height: 200px;
    margin: auto;
    position: relative;
}

.center {
    text-align: center
}

.bg-blue {
    background-color: #2f65a4;
}

.bg-white {
    background-color: white
}

.text-blue {
    color: #2f65a4;
}

div.tile>div.tile-image {
    padding-top: 15%;
    font-size: 1.2em;
}

div.tile>div.tile-header {
    padding-bottom: 9%;
    font-size: 1.2em;
    font-weight: bold;
}

div.tile>div.tile-amount {
    font-size: 3.5em;
    font-weight: bold;
}

div.tile>div.tile-label {
    font-size: 1.0em;
}

a.tile-a {
    text-decoration: none;
    width: 200px;
    height: 200px;
}

div.tile>div.tile-border-bottom {
    position: absolute;
    top: 190px;
    height: 3px;
    width: 100%;
}


/* Simuler un A sur un span */

.spantolink {
    cursor: pointer;
    color: #0066cc;
}

.spantolink:hover {
    text-decoration: underline;
}

.handover {
    cursor: pointer;
    margin-left: 5px;
}

.CodeMirror {
    border-radius: 6px;
    padding: 10px 0;
}

.rqscr,
.CodeMirror {
    border: none;
}

.CodeMirror div {
    padding-left: 0 !important;
}

.CodeMirror div,
.CodeMirror span {
    font-family: monospace !important;
}


/************************************* bouton qui clignote ***********************************/

.novWarningContinue .rqcmdsubmit input[type="submit"] {
    animation-duration: 1s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
    transition: none;
    background-color: #0199d9;
    border-color: #0199d9;
    content: "";
    background-image: url(img/alarma.gif);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 5px -2px;
    padding-left: 30px !important;
}

.novWarningContinue form>.rqmsg>.rqmsgcnt.alert-warning {
    background-image: url(img/alarma.gif);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 5px 2px;
    animation-duration: 1s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
    transition: none;
}

@keyframes clignoter {
    0% {
        background-color: #0199d9;
        border-color: #0199d9;
    }
    100% {
        background-color: red;
        border-color: red;
    }
}


/************************************* Avenants **********************************************/

.amendmentpropcontainer .datecompo .imgcal {
    top: 6px;
    z-index: 10;
}

.amendmentpropcontainer .sumlnk .txt {
    margin-left: 0;
}

.amendmentpropcontainer .subdetail .rqpropleftin .rqtext {
    word-wrap: anywhere;
}

.amendment-prop-selection .rqhfields .rqhprop {
    min-width: 250px;
}

.novAmendmentEdit .novWhiteBackground,
.novAmendmentDisplay .novWhiteBackground {
    margin: -10px 0 0 0;
    padding-bottom: 10px;
}

.amendmentpropcontainer .rqmultidetailo .rqmdtool {
    display: inline;
    position: absolute;
    left: -50px;
    /* top: 6px; */
    z-index: 300;
}

.amendmentpropcontainer .rqlygrphdr {
    /* background-color: #fff !important; */
    border-radius: 0;
    border-collapse: collapse;
    color: #000000 !important;
    letter-spacing: 0.25px;
    font-family: "Lato";
    font-size: 13px;
    line-height: 16px;
    padding-left: 10px !important;
}

.amendmentpropcontainer .rqmultidetail li {
    margin: 0px;
}

.rqtabcontent .row .amendmentpropcontainer .rqsection.row.multicolumn {
    padding: 0 0 0 0;
}

.amendmentpropcontainer .rqmultidetailitem {
    margin: -1px 0 0 0;
    padding-top: 0;
}

.amendmentpropcontainer .rqmultidetailitem .rqsectionin {
    margin: 0;
    padding-top: 0;
    margin-top: 0px !important;
}

.amendmentpropcontainer .rqmultidetailitem .rqdesignformtool {
    position: absolute;
    right: 20px;
}

.amendmentpropcontainer .rqmultidetailitem .rqlycol select {
    max-width: 230px;
}

.amendmentpropcontainer .rqmultidetailitem .subdetail .rqlycol:nth-child(1) {
    border-left: 1px solid #c0c0c0;
    padding: 2px;
    min-height: 41px;
}

.amendmentpropcontainer .rqmultidetailitem .rqviewtbl tbody .rqprop.property {
    display: none;
}

.amendmentpropcontainer .rqmultidetailitem .rqlycol {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.amendmentpropcontainer .row>.col-12>.rqpropleftin .itool:first-of-type {
    margin: 0;
}

.amendmentpropcontainer .rqmultidetail .rqviewtbl .rqsectionin .rqlycolin {
    padding-left: 10px;
}

.amendmentpropcontainer #ca2iNewEmployeeValue {
    border: none;
}

.amendmentpropcontainer #ca2iNewEmployeeValue>tbody>tr:nth-child(1) {
    display: none;
}

.amendmentpropcontainer #ca2iNewEmployeeValue>tbody>tr:nth-child(2)>td:nth-child(1) {
    display: none;
}

.amendmentpropcontainer #ca2iNewEmployeeValue>tbody>tr:nth-child(2)>td:nth-child(2) {
    border: none;
}

.amendmentpropcontainer .rqmultidetailitem .rqviewtbl .rqlycol .rqlycolin .rqpropleftin .rqhlbl {
    display: none;
}

.amendmentpropcontainer>td>div.rqproptopin>div.rqlblin:nth-child(1) {
    display: none;
}

.amendmentpropcontainer>td>.rqproptopin {
    padding: 0;
}

.amendmentpropcontainer>td>.rqproptopin>div>div.rqwidget>.rqmultidetailo {
    margin: 0;
}

.amendmentpropcontainer .rqwidget input {
    font-family: 'Lato';
    border: 1px solid #c4c4c4;
    outline: none;
    font-size: 12px !important;
    height: 34px;
    min-width: 160px;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 1;
    position: relative;
    top: 2px;
}

.amendmentpropcontainer .rqwidget .datecompo .timebtn {
    top: 8px;
}

.amendmentpropcontainer .rqwidget input.dateedit {
    min-width: 50px;
    width: auto;
}

.amendmentpropcontainer .rqwidget input[type='checkbox'] {
    height: auto;
    min-width: 10px;
    margin-top: 12px;
}

.amendmentpropcontainer>table>tbody>tr.rqprop>td>div.rqproptopin>span.rqlblin {
    margin-top: 0;
    margin-bottom: 0;
}

.amendmentpropcontainer>table>tbody>tr.rqprop>td>div.rqproptopin>div.rqwidget>div.rqmultidetailo {
    margin-top: 0;
    margin-bottom: 0;
}

.amendmentpropcontainer>table>tbody>tr.rqprop>td {
    padding-top: 0;
    padding-bottom: 0;
}

.amendmentpropcontainer .rqlytbl .rqlycol {
    min-width: 12% !important;
}

.amendmentpropcontainer .rqdesignformtoolcustom {
    display: none;
}

.amendmentpropcontainer .rqautocomplete .itool.plus {
    margin-left: -25px !important;
    z-index: 2;
}

.novAmendmentDisplay .novactionbutton {
    top: -43px;
}

.novPropertiesSelection .rqwidget {
    border: 1px solid rgba(63, 81, 181, 0.05);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.novPropertiesSelection .rqwidget .rqhfields .rqlnk,
.novPropertiesSelection .rqwidget .rqmultidetail li,
.novPropertiesSelection .rqwidget tr,
.novPropertiesSelection .rqwidget .rqmultidetail li tr {
    display: flex;
    align-items: center;
}

.novPropertiesSelection .rqwidget>.rqmultidetail>li>.rqmdtool>.itool.plus,
.novPropertiesSelection .rqwidget>.rqmultidetail>li>.rqmdtool>.itool.minus {
    top: -4px !important;
}

.novPropertiesSelection .rqwidget .rqlnk>.itool.plus .txt {
    left: 7px;
}

.novPropertiesSelection .rqhfields .rqhprop .wdivitems .ulritems>.itool.plus {
    top: -4px !important;
}

.novPropertiesSelection .rqhfields .rqhprop .ulritems>li>.itool.plus {
    top: 1px !important;
}

.novPropertiesSelection .rqmultidetailitem {
    top: -4px !important;
}

.novPropertiesSelection .rqwidget>.rqmdtool>a.itool.plus {
    top: -4px !important;
}


/* TABLE HEADER */

.amendmentpropcontainer .rqsection:nth-child(1) h2 {
    font-size: 12px;
    padding-left: 5px
}

.amendmentpropcontainer>table>tbody>tr.rqsection>td>div.rqsectionin .rqlycolin .rqlygrphdr {
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    margin: 0;
    padding-top: 5px;
    margin-bottom: 0;
    font-weight: none;
}

.amendmentpropcontainer>table>tbody>tr.rqsection>td>div.rqsectionin .rqlytbl td.rqlycol:nth-child(1) .rqlycolin .rqlygrphdr {
    border-left: 1px solid #c0c0c0;
    margin: 0;
}

.amendmentpropcontainer>table>tbody>tr.rqsection>td>div.rqsectionin .rqlycol {
    padding-right: 0;
    background-color: #EEEEEE;
    border-bottom: 1px solid #c0c0c0;
}

.amendmentpropcontainer>table>tbody>tr.rqsection>td>div.rqsectionin {
    margin-bottom: 0;
    margin-left: 0;
}

.amendmentpropcontainer .subdetail {
    padding: 0;
}

.amendmentpropcontainer .rqmultidetail .subdetail .rqdesignformtool {
    position: absolute !important;
    top: 0;
    right: 5px;
}

.amendmentpropcontainer .rqmdtool a.itool.minus,
.amendmentpropcontainer .rqmdtool a.itool.plus {
    margin-right: 2px;
}

.amendmentpropcontainer {
    margin-left: 50px;
}

.amendmentpropcontainer nobr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
}

.amendmentpropcontainer nobr input:first-of-type {
    width: 100%;
}

.amendmentpropcontainer .col-lg-2 {
    max-width: 13.75%;
}

.timein {
    min-width: 30px !important;
}

.tabCSS {
    border-style: solid;
    border-width: 1px;
    border-color: #E4E4E4;
}

.encadrebloc .rqwidget {
    border: 1px solid #bbbbbb;
    padding: 2px;
}


/* Retrait du bouton précédent sur les pages du menu Pilotage */

#rqformPagePilotagecnt>div.rqlargedetail>div.rqview>form>div.rqbuttons>div>table>tbody>tr>td>span.rqcmdprev>input[type="button"],
#rqformPagePilotagecnt>div.rqctrl>a[onclick*="prev"] {
    display: none;
}

.novtblhdr {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(28, 116, 182);
    background-image: none;
    background-origin: padding-box;
    background-position: 0% 0%;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: rgb(255, 255, 255);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(255, 255, 255);
    border-top-style: none;
    border-top-width: 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    font-family: 'Lato';
    font-size: 10px;
    font-weight: 700;
    padding-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 10px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
}

.amendment-prop-selection ul.rqmultidetail li span.rqmdtool {
    position: initial !important;
}

.unsetminwidth input,
.unsetminwidth select,
.unsetminwidth div,
.rqedttbl .slick-cell *,
.rqedttbl .slick-cell div * {
    min-width: unset !important;
    height: unset !important;
    padding: unset !important;
}

.ui-helper-reset {
    line-height: 0.3;
}

#rqtab2c9e862c5e0a374a015e0e233cdf7523 h2:nth-child(1) {
    padding: 0;
    margin: 0;
}

.rqsectionin>.rqlygrphdr {
    padding-bottom: 6px;
    padding-top: 6px;
}

.upload a.rqbtnok:nth-child(3) .rqe,
.upload a.rqbtnok:nth-child(3) .rqs,
.upload .rqcmdsubmit:nth-child(3) input,
.massupload a.rqbtnok .rqe,
.massupload a.rqbtnok .rqs {
    background-color: #2196F3 !important;
}

.massupload .rqcmdselect input {
    background-color: #2196F3 !important;
}

.ibanTextField .rqval .rqtxtval {
    width: 230px;
}


/*******************                                            Mutations                                              **************/

.tabsal-general-mutation>table>tbody tr .itool.plus {
    visibility: hidden;
}

.tabsal-general-mutation .rqsublist, .tabsal-general-mutation .table-responsive{
    padding: 0 !important;
    margin: 0 !important;
}
.tabsal-general-mutation{
    padding: 0 !important;
}
.rqprop.tabsal-general-mutation>td>.rqproptopin>.rqlblin{
    display: none;
}

.novMutationEdit .rqsublist.tabsal-general-mutation{
    margin-bottom: 20px !important;
}

.novMutationEdit .tabsal-general-mutation .itool.plus{
    margin: 0 10px;
    position: relative;
    top: 5px;
}

/*******************                                   Loupe Dossier Collaborateur                                     **************/

h3.rqsdetailhdr {
    display: none;
}

.effaddress h3.rqsdetailhdr {
    display: block;
}

#dialog_box {
    top: 20%;
    left: 5%;
    position: fixed;
    display: inline-block;
    width: 30vmax;
    border: solid 1px rgb(153, 153, 153);
    background-color: white;
    padding: 10px 0px 10px 0px;
}

#dialog_box #dialog_box_header {
    height: 7%;
    width: 100%;
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* W3C */
    display: box;
    box-pack: center;
    box-align: center;
}

#dialog_box #dialog_box_header h1 {
    font-size: 0.8vmax;
    color: black;
    width: 90%;
    margin-left: 5%;
    margin-right: 0%;
}

#dialog_box #dialog_box_content {
    display: inline-block;
    width: 90%;
    margin-left: 5%;
    margin-right: 0%;
}

#dialog_box #dialog_box_modal {
    height: 20%;
    width: 97%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 2.5px;
    margin-right: 0px;
}

#dialog_box #dialog_box_modal_header {
    width: 100%;
    height: 20%;
    border-bottom: 1px solid rgb(153, 153, 153);
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* W3C */
    display: box;
    box-pack: center;
    box-align: center;
}

#dialog_box #dialog_box_modal_header h2 {
    font-size: 0.7vmax;
    width: 100%;
}

#dialog_box #dialog_box_modal_content {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 0.7vmax;
    color: black;
}

#dialog_box #dialog_box_modal_content .lbl {
    width: 70%;
    display: block;
    font-size: 0.7vmax;
    color: rgb(153, 153, 153);
    padding: 5px 0px 0px 0px;
    margin-left: 10%;
}

#dialog_box #dialog_box_modal_content .lbl span {
    width: 100%;
    height: 100%;
    color: black;
    padding: 5px 0px 0px 3px;
    margin: 0;
    vertical-align: top;
    text-align: justify;
}

.uk-modal-dialog.rqmodalmedium {
    width: 1000px;
}

.space {
    clear: both;
    height: 10px;
    width: 100%;
}

.rqwidget {
    display: flex;
    -js-display: flex;
}

.rqwidget .subdetail {
    width: 100%;
}

.rqcritsearch .rqexprlist,
.rqcritsearch .rqwidget {
    flex-direction: row;
}

form>.rqsrchin .rqcritsearch .rqexprlist,
form>.rqsrchin .rqcritsearch .rqwidget {
    min-height: 35px;
}

.rqcol .rqcritsearch .rqwidget {
    flex-direction: column;
}

.rqwidget .rqsearchsubmit {
    margin: 0 5px !important;
    padding: 5px 20px;
    position: relative;
    top: 6px;
}

.rqexprlist {
    display: flex;
    -js-display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.rqexpritemcnt {
    display: flex;
    -js-display: flex;
    flex-direction: row;
}

.rqexpr select {
    margin-right: 5px;
}

.translatefromtop {
    -webkit-animation-name: transletop;
    animation-name: transletop;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

@-webkit-keyframes transletop {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes transletop {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}


/***************
Login page valerie
******************/

.login-page {
    position: relative;
    width: 100%;
    height: 100%;
}

.login-page #menu,
.login-page #footer,
.login-page .rqview h2 {
    display: none;
}

.login-page #it {
    background: #fff;
}

.login-page .rqbanner {
    padding-top: 0;
}

.login-page #top {
    margin-bottom: 0;
}

.login-page .rqdefaultpage {
    margin-top: -300px;
    padding-top: 100px;
}

.login-page .rqportlet {
    border-bottom: none;
}

.login-page .rqhdr {
    background: transparent;
    text-align: center;
}

.login-page .rqcontent,
.login-page .rqview {
    background: transparent;
}

.login-page .rqlbl {
    width: 42%;
}

.login-page input {
    width: 300px;
}

.login-page .rqlargedetail {
    box-sizing: border-box;
    margin: 0 auto;
    width: 450px;
}

.login-page .mpcmd {
    padding: 0;
    margin-top: 10px;
    text-align: right;
}

.login-page .mpcmd table td {
    text-align: right !important;
}

.loginpage .rqbuttons>.mpcmd>table>tbody>tr>td {
    text-align: left;
}

.loginpage .rqbuttons>.mpcmd {
    padding: 0 !important;
}

.loginpage .rqview>form>.rqdesignformtool {
    right: 9px;
    top: 18px;
}

.loginpage .rqviewtbl tbody,
.loginpage .rqviewtbl tbody .rqprop {
    display: inline-block;
    width: 100%;
}

.loginpage .rqviewtbl tbody .rqprop:nth-child(3) {
    display: flex;
    margin-bottom: 5px;
    padding-right: 18%;
}

.loginpage .rqviewtbl tbody .novLogin,
.loginpage .rqviewtbl tbody .novPassword {
    display: flex;
    -js-display: flex;
    flex-direction: column;
    width: 100%;
}

.loginpage .error {
    width: 35% !important;
    top: 215px;
}

.novLogin td,
.novPassword td {
    padding: 10px 0 0 0;
}

.novLogin .rqlbl,
.novPassword .rqlbl {
    display: none;
    margin-top: -18px;
    z-index: 10;
}

.novLogin .rqlblin,
.novPassword .rqlblin {
    padding-left: 24%;
    color: #8E8EA5;
}

.loginpage .req {
    display: none;
}

.loginpage {
    padding: 0 !important;
    width: 100%;
}

.loginpage .pgtbl {
    width: 35%;
    min-width: 600px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 150;
}

.loginpage .rqval .rqcheck {
    width: 15px !important;
    border-radius: 0;
    padding: 0;
    margin: 0;
    position: relative;
    top: 9px;
}

.loginpage .rqlargedetail {
    background: rgba(255, 255, 255, 1) !important;
}

.loginpage .rqview,
.loginpage .rqbuttons,
.loginpage .rqportlet {
    background: none !important;
}

.loginpage .rqhdr {
    display: none;
}

.loginpage .rqcontent {
    margin-top: 0;
}

.loginpage .pgtbl .rqportlet {
    margin: 0 0px !important;
}

.loginpage .pgtbl .rqportlet div .rqcontent,
.loginpage .pgtbl .rqportlet div .rqlargedetail,
.loginpage .pgtbl .rqportlet div .rqcontentin,
.loginpage .pgtbl .rqportlet div .rqportletcnt {
    padding: 0px;
    /* box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07); */
}

.loginpage .pgtbl .rqportlet div .rqview {
    padding: 33% 0 0 0;
    background: #ffffff;
}

.loginpage .pgtbl .rqportlet div .rqview h2 {
    display: none;
}

.loginpage .pgtbl .rqportlet div .rqview .rqtext {
    width: 100%;
    padding: 0px;
    text-align: right !important;
    color: #999999;
    margin-top: 15px;
    margin-left: 0;
}

.loginpage .pgtbl .rqportlet div .rqview .rqtext a {
    color: #999999;
    text-decoration: underline;
}

.loginpage .pgtbl .rqportlet div .rqview .rqtext a:hover {
    color: #03A9F4;
}

.loginpage .pgtbl .rqportlet div .rqview .rqval {
    vertical-align: middle;
}

.loginpage .rqportlet {
    border: none;
}

.loginpage .rqportlet div.rqhdr div.rqhdrl div.rqhdrr div.rqhdrm {
    background: none;
    border: none;
}

.loginpage .pgtbl .rqportlet div div div {
    height: auto;
    margin-bottom: -10px;
}

.loginpage .pgtbl .rqportlet .novLogin .rqval,
.loginpage .pgtbl .rqportlet .novPassword .rqval {
    text-align: left;
    width: 100% !important;
    margin-left: 5%;
}

.loginpage .pgtbl .rqportlet .rqprop:nth-child(3) .rqval .rqtext {
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
}

.loginpage .pgtbl .rqportlet .rqval input {
    margin-left: 10px;
}

.loginpage .rqviewtbl {
    padding: 60px 0 20px 0;
    margin-left: 0;
    background: none;
}

.loginpage .rqcmdsubmit input[type="submit"] {
    border: none;
    height: 36px;
}

.loginpage input[type="submit"] {
    background-color: #03A9F4 !important;
    border-radius: 25px;
    padding: 10px 40px;
    height: 37px;
    margin-left: 0;
}

.loginpage input[type="submit"]:hover {
    background-color: #0059a4;
}

.loginpage input[type="button"] {
    width: 16vmax;
    margin-top: 1em;
    padding: 1em;
    background-color: #F95651;
    border-radius: 5px;
}

.loginpage input[type="button"]:hover {
    background-color: #F7322E;
}

.loginpage .rqlblin {
    text-align: left;
}

.novPassword {
    margin-top: 10px;
}

.loginpage .rqtxtval,
.loginpage .rqval input {
    width: 100% !important;
    border-radius: 10px;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.loginpage .rqlblin {
    white-space: nowrap;
}

#imgLoginImage {
    width: 100% !important;
    height: 100%;
}

#creatButton {
    border: 1px solid red;
}

.loginpage .pgtbl .rqportlet div.rqhdr {
    height: 1vmax;
}

.loginpage .pgtbl .rqportlet div.rqhdr h3 {
    display: none;
}

.loginpage .rqproptopin {
    margin-left: auto;
    margin-right: auto;
    width: 17vmax;
}

.loginpage .rqproptopin input {
    width: 16vmax;
}

.loginpage .rqtext {
    text-align: left !important;
    margin-left: 4%;
}

.loginpage .rqviewtbl {
    box-shadow: none;
    width: 100%;
}

#imgLogin {
    display: none;
    z-index: 149;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    overflow: none;
}

#imgLogin {
    width: 100% !important;
    height: 100%;
}

#logoIDF {
    display: none;
    z-index: 151;
    right: 6vmax;
    top: 3vmax;
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 26.5vh;
}

#logoIDF img {
    width: 100%;
}

.loginpage .rqloginmsg {
    display: none;
}

.logintitle {
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: -30px;
    display: block;
}

.loginpage .rqmsgline {
    text-align: center;
}

.loginpage .rqportletcnt {
    margin: 0;
}

#logoClientLogin {
    background: url('img/logo-novrh.png');
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position-x: left !important;
    background-position-y: top !important;
    width: 70%;
    margin: auto;
    z-index: 600;
}

#imgLoginBranding {
    width: 35%;
    left: 0;
    min-width: 600px;
}

#customErrorLogin {
    color: red;
    text-align: center;
    font-weight: bold;
    background-color: red;
    background: rgba(255, 0, 0, 0.1);
    padding: 10px;
    border-radius: 0;
    margin-top: 80px;
    margin-bottom: -30px;
}

.loginpage form {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.loginpage .pgtbl .rqportlet div .rqview {
    height: 1200px;
}

#markorhus {
    display: none !important;
}

#blueband {
    position: absolute;
    top: 0;
    left: 0;
    height: 102vh;
    z-index: 100;
    background: #0059a4;
    margin: 0;
}

.loginpage .pgtbl {
    -webkit-animation-name: growleftprc;
    animation-name: growleftprc;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    transition-timing-function: ease-out;
}

#imgLoginBranding {
    -webkit-animation-name: growleftprc;
    animation-name: growleftprc;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    transition-timing-function: ease-out;
}


/*.loginpage form {
	display: none;
}*/

#novVersion {
    position: absolute;
    top: 71vh;
    right: 5%;
    font-size: 12px;
    color: #8e8e8e;
}

.novSerialNumber {
    font-size: 9px;
    color: #bbb;
    margin-top: 0px;
    margin-bottom: 0px !important;
    line-height: 12px;
    user-select: none;
    cursor: arrow;
}

.novSerialNumber:hover {
    font-size: 13px;
}

.novSerialNumberHolder {
    margin-top: 0px !important;
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
}

@-webkit-keyframes growleft50px {
    0% {
        width: 0px;
    }
    50% {
        width: 25px;
    }
    100% {
        width: 50px;
    }
}

@keyframes growleft50px {
    0% {
        width: 0px;
    }
    50% {
        width: 25px;
    }
    100% {
        width: 50px;
    }
}

@-webkit-keyframes growleftprc {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
        width: 35%;
    }
}

@keyframes growleftprc {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
        width: 35%;
    }
}

@-webkit-keyframes appearAnimation {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes appearAnimation {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/******************************************************* flo 2018-2019 *******************************************************/

.rqmulticompoval {
    float: none;
}

.rqmulticompo>table>tbody tr td {
    padding: 5px;
}

.rqmulticompo>table>tbody tr:nth-child(even) td {
    background-color: #EEE;
}

.button-bold-w100p>div>button {
    width: 100%;
    font-weight: bold;
    font-size: 15px;
}

.logoutwindow .restartwindow {
    visibility: hidden;
}

.button-user-change {
    min-width: 60px;
}


/*********************** crash log ****************************/

.crashLog {
    margin: 0;
    position: absolute;
    right: 55px;
}

.crashLog a {
    padding: 10px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    background-color: #d73023;
    color: white;
    cursor: pointer;
    display: flex;
    -js-display: flex;
    justify-content: center;
}

.crashLog a:hover {
    background-color: #c80e15;
    color: white;
    text-decoration: none;
}

.novCrashLogAdmin {
    margin-top: 64px;
    margin-bottom: 10px;
    margin-left: calc(25% + 234px);
}

.novCrashLogAdmin a {
    padding: 10px;
    border-radius: 5px;
    background-color: #95ce00;
    color: white;
    cursor: pointer;
}

.novCrashLogAdmin a:hover {
    background-color: #83b303;
    color: white;
    text-decoration: none;
}

#novErrorMsgClose {
    position: absolute;
    right: 60px;
    font-size: 30px;
}

#novErrorMsgClose:hover {
    cursor: pointer;
    color: #000;
}


/******************** Rémunérations **************************/

.rqlyexpsection.open .rqlygrpin {
    min-height: 22px !important;
}

.remucampaigncalendar .rqval .rqcheck {
    height: 0px;
    min-width: 0px;
}

.remucampaigncalendar .rqsectionin {
    margin: 0;
}

.remucampaigngrphoriz .rqsectionin {
    margin: 0;
}

.othernotifvalidlevel {
    margin: 0;
    padding: 0px 0px 0px 0px;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol {
    vertical-align: middle;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol:nth-child(1) {
    width: 2% !important;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol:nth-child(2) {
    width: 6% !important
}

#rqtab2c9e8395666236490166625848782274 .rqlycol:nth-child(4) {
    width: 1% !important;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol:nth-child(4) .rqlbl {
    width: 1%;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol:nth-child(4) .rqval input {
    min-width: inherit;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol:nth-child(5) {
    width: 11% !important;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol:nth-child(5) .rqlbl {
    width: 13%;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol:nth-child(5) .rqhfields {
    min-width: 221px;
}

.rqhfields .rqautocomplete input {
    height: 34px;
    border-radius: 2px !important;
    border: 1px solid #c4c4c4;
}

.rqhprop input {
    margin: 0;
    border: 1px solid #CECEE6;
    border-radius: 2px;
}

.rqhprop .imgcolor {
    margin-left: 10px;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol:nth-child(6) {
    width: 3% !important;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol:nth-child(6) .rqval input {
    min-width: inherit;
    width: 120px;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol:nth-child(7) {
    max-width: 1% !important;
}

#rqtab2c9e8395666236490166625848782274 .rqlycol select {
    width: 50%
}

.formula-compo .rqpropleftin {
    padding: 0;
}

.coloredit {
    z-index: 300;
    margin-top: -5px;
}

.rqhelp2 {
    background: url('help2.gif') no-repeat 0px 1px;
    padding: 0px 1px 0px 6px;
    text-decoration: none;
}

.rqhelp2 span {
    visibility: hidden;
}

.rqbtn.rqnavnext span {
    border-radius: 25px;
    padding-right: 20px;
    padding-left: 20px;
}

.rqbtn.rqnavprev span {
    border-radius: 25px;
    padding-left: 20px;
}

.rqbtn.rqnavprev {
    padding-right: 0;
}

.rqs {
    border-radius: 25px;
    padding-right: 20px;
    padding-left: 20px;
}

.ul1 .rqs {
    padding-left: 0 !important;
    width: 100%;
}

.rqctrl {
    padding: 10px 38px !important;
    margin-top: -15px;
    display: none;
}
#nrhmain .rqctrl {
	display: block;
}

.novHideNrhmainCtrl #nrhmain .rqctrl {
	display: none;
}

#nrhmain .rqctrl a.rqbtn{
	background:none;
	float:left;
}
#nrhmain .rqctrl a.rqbtn.rqbtnclose {
	float:left;
}
#nrhmain .rqlargedetail{
	clear:both;
}
#rqformporflb .rqctrl {
    display: block;
}

.rqentryimg div {
    margin-bottom: 30px !important;
}

.rqcontent {
    margin-top: -70px;
}

#layouteditor .rqcontent {
    margin-top: 0 !important;
}

.rqhdrm {
    justify-content: flex-start;
    padding-top: 30px;
}

#footer {
    display: none;
}

.rqhdr {
    height: 130px;
    background: white;
    margin-bottom: 30px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.rqcol .rqportlet .rqhdr {
    box-shadow: none;
}

.rqportletcnt .rqsrchfrm {
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    padding-bottom: 5px;
    background: white;
}

.rqcol .rqportletcnt .rqsrchfrm {
    box-shadow: none;
    z-index: 1;
}

.rqportletcnt {
    color: transparent;
    /*pour compenser les fucking label vide sans style offert par requea*/
}

.rqlargedetail,
.rqdetail {
    color: #393939;
}

.rqcol .rqhdrm h3,
.uk-modal .rqhdrm h3 {
    padding: 10px 0px !important;
}

.rqhdrm h3 {
    padding: 12px 600px 10px 38px !important;
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    -js-display: flex;
    align-items: center;
    text-transform: uppercase;
    font-family: "Montserrat";
    color: #000;
}

.rqdefaultpage {
    margin-top: -135px;
}

.rqbanner {
    margin-top: -15px;
    margin-bottom: 10px;
}

.rqaddtopage {
    display: flex;
    -js-display: flex;
    flex-direction: row-reverse;
    padding-left: 21px;
    order: 3;
    position: absolute;
    right: 36px;
    top: 57px;
    z-index: 300;
}

.rqaddtopage:hover>a {
    background-color: #039BE5;
    border: 1px solid #039BE5;
    color: white;
}

.rqaddtopage>a:focus {
    text-decoration: none;
    background-color: #039BE5;
    color: #1A1A1A !important;
}

.rqaddtopage>a {
    border-radius: 56px;
    padding-top: 3px;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #8E8EA5;
    color: #8E8EA5;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    height: 22px;
    margin-top: 3px;
}

.fm1i li a {
    color: #252953;
}

.fm1i li:hover a {
    color: #03a9f4 !important;
}

.rqright {
    height: 0;
}

#cluetip .rqright {
    height: auto;
}

#rqformporflb .rqal.action-list-wrapper {
    background: none !important;
}

#rqformporflb .novactionbutton .rqal.action-list-wrapper {
    background: #03a9f4 !important;
}

.rqal.action-list-wrapper {
    border-radius: 25px;
    background-color: #03a9f4;
    width: 350px;
    top: -48px;
    position: absolute;
    right: 38px;
    z-index: 100;
}

.rqal.action-list-wrapper:hover {
    background-color: #039BE5;
    border-radius: 12px 12px 0 0;
    box-shadow: 0px 3px 6px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 6px rgba(63, 81, 181, 0.07);
}

.yuimenubaritemlabel.rqmactmenu.yuimenubaritemlabel-hassubmenu {
    z-index: 50 !important;
}

.yuimenubaritemlabel.rqmactmenu.yuimenubaritemlabel-hassubmenu:hover {
    text-decoration: none;
}

.tools {
    margin-top: -25px !important;
}

.rqbuttons {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: white;
    width: 100%;
    padding-left: 0;
    z-index: 100;
    border-top: 1px solid #eee;
    height: 40px;
    /*ajout pour certaines pages ou l'alignement foire*/
    display: flex;
    -js-display: flex;
    /* flex-direction: column; */
    flex-direction: row;
    justify-content: center;
}

.rqcmdprev input[type="submit"],
.rqcmdprev input[type="button"] {
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
}

.rqbuttons:empty {
    display: none;
}

.loginpage .rqform .rqbuttons,
.uk-modal .rqform .rqbuttons,
.ui-dialog .rqform .rqbuttons {
    display: inline;
    /*attention potentiellement nucleaire*/
}

#rqformporflb .rqform .rqbuttons {
    padding: 0;
    background-color: transparent;
    left: 0px;
}

#rqformporflb .rqform .rqbuttons:empty {
    display: none;
}

#rqformporflb .rqctrl a.rqbtn.rqbtnclose {
    background: none;
}

#nrhmain .rqform .rqbuttons {
    display: flex;
    -js-display: flex;
}

.rqbuttons table tbody tr td {
    display: flex;
    -js-display: flex;
    flex-direction: row;
}

#novBottomToolBar,
.novButtonContainer {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    justify-content: center;
}

.novButtonContainer input[name="cancel.button"] {
    margin-right: 10px;
}

.novPrecContainer a.rqbtn,
.novNextContainer a.rqbtn,
.novPrecContainer a.rqbtn:hover,
.novNextContainer a.rqbtn:hover {
    background: #03a9f4;
    padding: 1px 5px;
    border-radius: 25px;
    margin-right: 10px;
    height: 24px;
    display: flex;
    -js-display: flex;
    flex-direction: column;
    justify-content: center;
}

#novBottomToolBar .novPrecContainer a.rqnavprev span,
#novBottomToolBar .novNextContainer a.rqnavnext span,
.novPrecContainer a.rqbtn span,
.novNextContainer a.rqbtn span,
.novPrecContainer a.rqbtn:hover span,
.novNextContainer a.rqbtn:hover span {
    background: transparent !important;
    border: none !important;
}

.novPrecContainer a.rqbtn:hover,
.novNextContainer a.rqbtn:hover {
    background: #0059a4;
}

.novPrecContainer a.rqbtn span,
.novNextContainer a.rqbtn span {
    position: relative;
    top: 4px;
    background: transparent !important;
}

.novNextContainer a.rqbtn {
    margin-left: 0;
}

#novBottomToolBar .novPrecContainer a.rqnavprev span,
#novBottomToolBar .novNextContainer a.rqnavnext span {
    text-transform: capitalize;
}

#novBottomToolBar .novPrecContainer a.rqnavprev,
#novBottomToolBar .novNextContainer a.rqnavnext {
    margin-left: 0;
}

.novRequeaActionContainer .rqbtnclose,
.novRequeaActionContainer .rqbtnret,
.novRequeaActionContainer .rqbtnok {
    margin-right: 10px;
    margin-left: 0 !important;
    display: flex !important;
}

.novFormButton {
    margin-top: 0 !important;
    margin-left: 10px;
    width: auto !important;
}

.novFormButton a span,
.rqform table .rqbtno.rqlybtn.rqlybtncenter .rqbtn span,
.novFormButton a span {
    background-color: #03a9f4 !important;
    color: white;
    border-radius: 25px !important;
    padding: 5px 20px !important;
}

.novHideGroup {
    display: none;
}

.rqdesignp .novHideGroup {
    display: inline;
}

.rqdesignp .novHideGroup .rqs,
.rqdesignp .novHideGroup .rqs:hover {
    background: #0059a4;
}

.rqbuttons .mpcmd {
    padding: 2px !important;
    display: flex;
    -js-display: flex;
    flex-direction: column;
    justify-content: center;
}

.loginpage .rqbuttons .mpcmd {
    padding: 0;
}

.loginpage .rqcmdcancel {
    display: none;
}

.loginpage .rqbuttons .mpcmd td span {
    margin: 0;
}

.loginpage .rqbuttons {
    position: relative !important;
    box-shadow: none !important;
    border: none !important;
    left: 11.45%;
    width: 110px;
}

.rqportlet {
    margin-bottom: 10px !important;
}

#rqformporflb {
    margin-top: 115px !important;
}

#menu {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(63, 81, 181, 0.2);
}

.rqlist>tbody>.result {
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

#rqform2c9e83ba6836c3a8016836db01bc2b73 {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-around;
}

#rqform2c9e83ba6836c3a8016836db01bc2b73>.catcont>.catin>h3 {
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 10px;
    background: #f9f9f9;
}

#rqform2c9e83ba6836c3a8016836db01bc2b73 .navimg {
    display: none !important;
}

#rqform2c9e83ba6836c3a8016836db01bc2b73>.catcont>.catin {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
}

#rqform2c9e83ba6836c3a8016836db01bc2b73 .rqsubcat::first-letter {
    color: white !important;
}

#rqformpor402849815d4ff8be015d752430aa09dccnt .rqentryimg {
    display: none !important;
}

#rqformpor402849815d1391f3015d16ed65fb4972cnt .rqdetail {
    margin-top: 10px;
}

#rqformpor402849815d1391f3015d16ed65fc4974cnt,
#rqformpor402849815d98e8d2015debaa84ee7aa5cnt {
    margin-top: 10px;
}

#rqform2c9e83ba6836c3a801683763313c2c0d {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

#rqform2c9e83ba6836c3a8016837ebe61f2fcd>.catcont {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    width: 20% !important;
}

#it {
    background-image: none;
    display: table;
}

.rqpage,
.rqdefaultpage {
    padding-left: 50px;
    padding-right: 0px;
}

.ui-tabs {
    padding: 0;
}

.flexcontainerrow .rqdesignformtool {
    position: absolute !important;
}

.flexcontainerrow {
    align-items: stretch;
    display: flex;
    -js-display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between !important;
}

.rqlargedetail>.rqview>.flexcontainerrow {
    margin-top: 80px;
}

#rqform2c9e83ba683c180901683c79cd4b4d00 {
    padding: 5px !important;
}

.catcont {
    border-radius: 6px;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.catcont .navimg {
    position: relative;
    float: right;
    width: 50px;
    margin-left: 7px;
}

.navimg>div {
    height: 50px !important;
    background-size: 40% !important;
}

.rqform.flexcontainerrow>.catcont {
    margin-top: 80px;
}

.catcont {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    flex-grow: 1;
    background: #FFFFFF;
    box-shadow: 0px 0 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 2px 4px rgba(63, 81, 181, 0.07);
}

.catcont h3 {
    padding-top: 13px;
    border-bottom: 1px solid #f1f3fa;
    padding-bottom: 13px;
    margin-bottom: 13px;
}

.rqnaventrytitle {
    color: #0059a4;
    font-family: 'Montserrat';
}

.catcont h3 span {
    margin-left: 10px;
}

.subcatlnk {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin-bottom: 10px;
    flex-grow: 1;
}

.subcatlnk a {
    border-radius: 5px;
    background-color: #fff;
    width: 100%;
    padding: 5px;
    display: flex;
    -js-display: flex;
    justify-content: space-between;
    box-shadow: 0px 0 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 2px 4px rgba(63, 81, 181, 0.07);
}

.subcatlnk a::after {
    content: "\f054";
    font-family: "fontawesome";
    margin-left: 5px;
    color: #CCCCCC;
}

.subcatlnk:hover a::after {
    color: #03A9F4;
}

.subcatlnk:hover a {
    color: #03A9F4;
}

.catcont .subcatlnk a {
    border: none;
    background: none !important;
}

.subcatlnk {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.catcont .subcatlnk {
    width: 100%;
    margin-bottom: 0 !important;
    padding: 0 10px;
}

.catcont .subcatlnk a {
    box-shadow: none !important;
    padding: 2px;
}

.catcont .subcatlnk:nth-child(2) {
    background: #eee !important;
}

.w100 {
    width: 100% !important;
}


/* .rqtblcel,
.rqtblh,
.rqtblsorted {
text-align: left !important;
} */

.rqnavprev span {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    min-width: 100px;
}

.rqbtnok>.rqe {
    display: none !important;
}

.rqnavnext span {
    min-width: 100px;
}

.rqnavprev span,
.rqnavnext span {
    margin-top: 0 !important;
}

#rqformORHParamcnt .rqentryimg div {
    display: none;
}

#yui-gen1 {
    margin-top: -10px;
}

.odd {
    margin-bottom: 5px !important;
    background-color: #F3F5F7 !important;
}

.odd:hover,
.even:hover,
.odd:hover td,
.even:hover td {
    background-color: #9BDEFE !important;
}

.even {
    background-color: #fff;
}

.rqview .tblreq td {
    background: transparent;
}


/***************** responsive menu *******************/

.topinfo {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    justify-content: center;
}

.topinfo .rqtopsearch {
    width: 54% !important;
    margin-left: 10% !important;
    margin-right: 1%;
    order: 1;
}

.searchButton {
    margin-top: 1px;
    height: 34px;
    width: 34px;
    display: flex;
    -js-display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: -38px;
    font-size: 17px;
    color: #0059a4;
}

.searchButton i {
    font-size: 17px;
}

.topinfo .rqnewsacto {
    order: 2;
}

.topinfo .rqtopinfo {
    order: 4;
}

.topinfo .rqmcfgdbg {
    order: 3;
}

.topinfo .rqnewsacto {
    order: 5;
}

#menu li:hover {
    background-color: none !important
}

#menu li.yuimenuitem {
    position: absolute !important;
    top: 82px;
    left: 20px;
    width: 20px !important;
    height: 20px;
    padding: 0 !important;
    background: #F2F3F8;
    border-radius: 50%;
}

#menu li.yuimenuitem:hover {
    background: #CCC;
}

#rqpgnavwelcome {
    z-index: 100;
    padding: 0 !important;
    margin-top: -10px !important;
}

.topinfo .rqftsearch {
    display: none !important;
}

.topsearch {
    width: 100% !important;
    top: 12px;
}

.topsearch .rqsearchcontent {
    width: 100% !important;
}

#menu .rqsearchcontent {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 270px;
}

.topsearch .rqsearchcontent input {
    width: 40%;
}

#novrhtopsearch {
    background-color: #f1f3fa;
    padding-right: 50px;
    padding-left: 15px;
    border: none;
    border-radius: 25px !important;
    height: 38px;
    color: #0059a4;
}

.topsearch .rqsearchright {
    left: 46.5% !important;
}

.product_version {
    position: absolute;
    left: 24px;
    z-index: 10000;
    top: 40px;
    color: #b6b2b2;
}

.icon>a,
#menu>ul>li>a {
    min-height: 65px;
}

#menucontainer {
    position: absolute;
    top: 1px;
}

#menucontainer li {
    display: flex;
    -js-display: flex;
}

#menucontainer>li:first-of-type {
    left: 0 !important;
}

#menu .rqsearchcontent {
    background-color: transparent;
}

#menu.mbar>ul>li.icon:first-of-type,
#menu.mbar>ul>li.burger {
    display: block;
}

#menu .burger {
    margin-top: -10px !important;
    z-index: 1000;
}

#menu .burger ul {
    margin-top: 65px !important;
}

#menu .icon {
    position: absolute;
    top: 5px !important;
    left: 60px;
}

.topinfo .rqtopsearch {
    display: none !important;
}

#rqpgnavORHConfig>div {
    margin-top: 15px;
}

.menufocus {
    background-color: #eee !important;
    border-color: #1c74b6 !important;
    color: #252953 !important;
}

.rqlist>tbody>.result {
    margin-bottom: 5px !important;
    width: 100%;
    box-shadow: 0px 0 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 2px 4px rgba(63, 81, 181, 0.07);
}

.rqlist>tbody>.result>.ressum>.rqsumlbl {
    padding: 4px;
}

.rqlist>tbody>.result>.ressum>.rqsum {
    padding: 4px;
}

.rqlist>tbody>.result>.ressum>.rqresinact {
    display: none;
}

.hideme {
    display: none !important;
}

.hidemesoft {
    display: none;
}

.showme {
    visibility: visible !important;
}

#menucontainer li a:hover {
    border-color: transparent !important;
    background-color: transparent !important;
}

.menutext {
    font-size: 1em;
    font-weight: 600 !important;
}

#menutoogle {
    right: 67px;
    top: 67px;
    position: absolute;
    color: #393939;
    border-radius: 5px;
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 25px;
    cursor: pointer;
    font-size: 1.5em;
    font-weight: 600px;
    transition: margin 1s ease;
}

#menu .rqsearchcontent {
    display: flex;
    -js-display: flex;
}

.topinfo {
    justify-content: flex-start;
}

.rqtopinfo {
    margin: 0 !important;
}

.menuChoosenText {
    width: 100%;
    height: 100%;
    font-size: 2em;
    padding: 10px;
}

#rqpgnavORHConfig {
    display: none !important;
}

.transRight {
    transition: margin 1s ease;
    margin-left: 97% !important;
}

#menutoogle:hover,
#menufav:hover {
    background-color: #01a2b7;
    color: white;
}

.histoBody p {
    margin-top: 20px;
    cursor: pointer;
    text-align: left !important;
    margin-left: 20px;
    font-size: 15px;
}

.histoTitle {
    padding-left: 5px;
    padding-right: 5px;
}

.histoTitle p {
    background-color: #03A9F4;
    border-radius: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.histoMenu {
    position: absolute;
    left: 0;
    width: 16%;
    z-index: 9999;
    margin-right: 2%;
    height: 2000px;
    background-color: #eeeeee;
    border-right: 1px solid #d4d4d4;
    text-align: center;
    line-height: 12px;
    color: #252953;
    font-size: 1em !important;
    font-weight: 300 !important;
    margin-right: 40px;
    display: none;
}

.histoMenu a {
    color: black;
}

.histoBody {
    height: 17%;
}

.histoBody ul {
    height: 100%;
    display: flex;
    -js-display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.histoBody ul a {
    font-size: 14px;
    margin-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 20px;
    padding: 3px;
    width: 100%;
    text-align: left;
}

.histoBody ul a:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.histoBody ul a i {
    margin-right: 5px;
    background-color: white;
    border-radius: 50%;
    border: 2px solid white;
}

.histoTitle {
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: white;
    border-bottom: 1px solid #eee;
}

.histoMenu ul {
    height: 275px;
    font-size: 13px;
}

.autocomplete-selected,
.novrhtopsearch-autocomplete-selected {
    background: #f2f2f2;
    color: black;
}

.novrhtopsearch-autocomplete-suggestion {
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
}

.autocomplete-suggestion {
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
}

.autocomplete-suggestions,
.novrhtopsearch-autocomplete-suggestions {
    background: white;
    border-radius: 6px;
    box-shadow: 0px 0 6px rgba(63, 81, 181, 0.05), 0px 7px 6px rgba(63, 81, 181, 0.04), 0px 4px 8px rgba(63, 81, 181, 0.07);
    overflow: auto;
    max-height: 450px !important;
    padding: 10px;
}

.novrhtopsearch-autocomplete-selected strong {
    color: black;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
    font-size: 15px;
}

.novrhsearch:focus {
    border: 2px solid #03A9F4;
}

.novrhsearch {
    box-shadow: unset;
    border: unset;
    transition: all 0.3s ease;
}

.rqcol {
    padding-bottom: 0px;
}

#fullpage {
    background-color: #eee;
    margin-top: 46px;
    width: 100%;
}

.rqdesignformtool .rqdesignformtool {
    margin: 0;
}

a.rqdesignactc,
a.rqdesignactcu {
    background: url('icon/gear-fill-white.svg') no-repeat;
    background-size: 13px !important;
    background-position: 2px 2px;
}

a.rqdesignactcp {
    background: url('icon/plus-simple-white.svg') no-repeat;
    background-size: 11px !important;
    background-position: 3px 3px;
}

a.rqdesignactcp:hover {
    background: url('icon/plus-simple-white.svg') no-repeat;
    background-size: 11px !important;
    background-position: 3px 3px;
}

a.rqdesignactc:hover,
a.rqdesignactcp:hover {
    background-color: #0059a4;
}

a.rqdesignactc,
a.rqdesignactcu,
a.rqdesignactcp {
    width: 17px;
    height: 17px;
    border-radius: 2px;
    margin: 0 1px;
    background-color: #03a9f4;
    background-size: 17px;
    background-repeat: no-repeat;
    box-shadow: 0px 0 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 2px 4px rgba(63, 81, 181, 0.07);
}

a.rqdesignactcu {
    position: relative;
    top: 1px;
    background-color: #ffca28;
    border: none;
}

a.rqdesignactcu:hover {
    background-color: #ffa000;
    border: none;
}

a.rqdesignactc[href*=":finalusercustom"],
a.rqdesignactcp[href*=":finalusercustom"] {
    background-color: #ffca28 !important;
}

a.rqdesignactc[href*=":finalusercustom"]:hover,
a.rqdesignactcp[href*=":finalusercustom"]:hover {
    background-color: #ffa000 !important;
}

.rqdesignformtoolcustom a.rqdesignactc,
a.rqdesignactcp {
    background-size: 17px;
    display: block;
}

#orgchartjs {
    margin-top: 50px;
}

.flextilescontainer {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: 100%;
}

.mtm350 {
    margin-top: -365px !important;
}

.mtm40 {
    margin-top: -40px !important;
}

#menucontainer {
    width: 151px;
    background-color: #0059a4;
    height: 100vh;
    z-index: 110px;
}

#menucontainer .menutext {
    display: none;
    color: #d4d1d1;
}

#menucontainer {
    width: 50px;
}

#menucontainer>li>a>div:first-child {
    margin-right: 5px;
}

.burger {
    display: none !important;
}

#menucontainer>li {
    z-index: 1000;
}

#menucontainer>li {
    width: 45px;
    height: 45px;
    margin: 0 0 0 5px !important;
    border-radius: 0px;
    display: flex;
    -js-display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    background-color: transparent;
}

#menucontainer>li>a {
    width: 100% !important;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
}

#menucontainer>li>a>div:first-child {
    width: 40px;
    padding: 10px 0px;
    margin-right: 5px;
    border-radius: 5px;
}

#menucontainer>li>a>div:nth-child(2) {
    padding-top: 15px
}

#menucontainer>li>ul {
    border-top: 1px solid #dedede !important;
}

.flextilescontainer .cattile .title {
    font-weight: 800px;
    font-size: 3em;
}

.flextilescontainer .subtile {
    background-color: white;
    width: 20%;
    margin: 2.5%;
    border-radius: 2px;
    flex-grow: 1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.flextilescontainer .subtile .title {
    font-weight: 800;
    font-size: 2em;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
}

.flextilescontainer .subtile .subitemcontainer {
    display: flex;
    -js-display: flex;
    flex-direction: column;
}

.flextilescontainer .subtile .subitemcontainer .item {
    font-size: 1.5em;
    padding: 5px;
}

#escapebutton {
    padding: 0;
    border-radius: 20px;
    align-self: flex-start;
    font-size: 25px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 160px;
    z-index: 999;
    color: #0059a4;
}

#escapebutton i {
    font-size: 25px;
}

#escapebutton:hover {
    color: #03a9f4;
}

.flextilescontainer .cattile:hover,
.flextilescontainer .subtile:hover,
.flextilescontainer .subtile .subitemcontainer .item:hover {
    background-color: #03a9f4;
    color: white;
    transition: background-color 150ms linear;
    transition: color 150ms linear;
}

#menucontainer li:hover {
    cursor: pointer;
}

#menucontainer li ul li ol a:hover {
    color: #03A9F4 !important;
}

.rqdesignformtool {
    display: flex;
    -js-display: flex;
    justify-content: flex-end;
}

.rqtblcel img {
    width: auto;
    height: auto;
}

.rqtext img {
    border-radius: 15px;
}

.result {
    cursor: pointer;
    border-collapse: collapse;
}

.result:hover {
    background-color: #defcfe !important;
    border-radius: 0 !important;
}

.result:hover td {
    border-color: #defcfe !important;
    border-radius: 0 !important;
}

.result:hover input[type="checkbox"] {
    border: 1px solid #fff;
}

.result input[type="checkbox"]:hover {
    border: 1px solid #03A9F4;
    cursor: pointer;
}

.rqlist {
    border-collapse: collapse;
    border-radius: 6px;
}

.rqlist>tbody {
    border-radius: 6px;
}

.rqlist>tbody>tr {
    border-radius: 6px;
}

.rqlist>tbody>.result>.ressum>.rqsumlbl {
    padding-top: 6px;
    padding-left: 10px;
}

.ui-dialog .rqlist>tbody>tr {
    padding: 0px 50px 0px 50px;
}

.rqlist>tbody>tr:nth-child(1) {
    border-radius: 6px 6px 0 0;
}

.rqlist>tbody>tr:last-child {
    border-radius: 0 0 6px 6px;
}

.rqlist tr td:nth-child(1) {
    border-radius: 6px 0 0 0;
}

.rqlist tr td:last-child {
    border-radius: 0 6px 0 0;
}

#ca2iLink li {
    margin: 10px;
}

#ca2iLink .sumlnk {
    border: 1px solid #1c74b6;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #1c74b6;
}

#ca2iLink .sumlnk:hover {
    background-color: #1c74b6;
    color: white;
    text-decoration: none;
}

.personcard {
    padding-left: 56px;
}

.personcard>table>tbody {
    display: flex;
    -js-display: flex;
}

.personcard>table>tbody>.rqsection {
    margin-left: 10px;
}

.personphoto {
    height: 56px;
    width: 56px;
    overflow: hidden;
    position: absolute;
    padding: 0 !important;
    border-radius: 50%;
    top: 15px;
    left: -40px;
}

#layouteditor .personphoto {
    height: auto;
    width: auto;
    overflow: inherit;
    position: inherit;
    padding: 0 !important;
    border-radius: 50%;
    background: none;
    top: 0;
    left: 0;
}

.rqpropleftin .rqtext.personphoto {
    left: 0;
    top: 0;
    padding: 0 !important;
}

.GAlogo .rqprop.personphoto {
    left: 0px;
    top: 0;
    padding: 0 !important;
    width: 56px !important;
}

.GAlogo .personphoto>.rqlygrpin {
    padding: 0;
}

.rqlyvgrp.personphoto {
    top: 6px;
}

.rqprop.personphoto img {
    width: 100%;
    height: auto;
    margin-left: 0;
    border-radius: 0;
}

.rqprop.personphoto img {
    width: auto;
}

.GAlogo.table.rqimage tbody tr {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.GAlogo.rqajuploader {
    top: 1px !important;
    width: auto !important;
}

.personname,
.personfirstname {
    margin: 0 !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    position: relative;
    left: 0px;
    top: 8px;
}

.GAlogo .personname,
.GAlogo .personfirstname {
    left: 19px;
    top: 7px;
}

.personname {
    left: 30px;
    top: 7px;
}

.personfirstname {
    left: 30px;
    top: 7px;
}

.rqlyvgrp.personphoto {
    border-radius: 0;
    position: absolute;
    left: -40px;
}

.pay-l .personphoto>td>.rqpropleftin {
    width: 56px;
}

.GAlogo.novEditable .rqprop.personphoto,
.GAlogo.novEditable .rqprop.personphoto .rqajuploader,
.GAlogo.novEditable .rqprop.personphoto .rqajuploader .qq-upload-button,
.GAlogo.novEditable .rqprop.personphoto .rqajuploader input {
    width: 56px;
    height: 100px;
}

.GAlogo.novEditable .personphoto .qq-upload-button {
    z-index: 200;
}

.GAlogo.novEditable .personphoto .row>.col-12>.rqpropleftin .itool:first-of-type {
    margin-left: 19px;
    margin-top: 6px;
    position: relative;
    top: 2px;
}

.GAlogo.novEditable .rqlyvgrp.personphoto {
    border-radius: 0;
    position: absolute;
    left: -50px;
    height: 75px;
    background-color: #ddd;
}

.GAlogo.novEditable .personphoto>.rqlygrpin {
    padding: 0 !important;
}

.GAlogo.novEditable input[name="data.sysLastName"]:before {
    content: "Nom";
}

.rqprop.personphoto {
    border-radius: 0;
    position: relative;
    left: -10px;
    top: 0;
    /* height: 56px; */
    /* width: 56px; */
    display: block;
    overflow: clip;
}

.pay-l .rqprop.personphoto {
    position: absolute;
    left: -40px;
    top: 12px;
}

.personphoto {
    width: auto;
}

.pay-l .personfirstname,
.pay-l .personname {
    left: 5px;
    top: 7px;
}

.rqprop.personphoto .qq-upload-button {
    height: 56px !important;
}

.personphoto .qq-upload-button input {
    cursor: pointer;
}

.rqprop.personphoto .qq-upload-button::before {
    background-size: 17px;
    height: 56px !important;
    background-position: 50%;
    content: " ";
    color: "#777";
    position: relative;
    top: 18px;
    left: 18px;
}

.personname .rqval {
    font-size: 3em;
    font-weight: 700;
}

.personname .rqlblin,
.personfirstname .rqlblin,
.personinfo .rqlblin {
    color: #bab7b7;
}

.personname .rqlblin,
.personfirstname .rqlblin {
    margin: 3px 1px 8px 1px !important;
}

.personfirstname .rqval {
    font-size: 2em;
    color: #939191;
}

.fm1i {
    background: transparent;
    border: unset;
    padding: 0px;
    width: 300px;
    height: 22%;
    margin-top: 6%;
    text-align: left !important;
    box-shadow: 0px 4px 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    border-radius: 12px;
    margin-top: 5px;
    padding: 10px 0;
    background: #fefefe;
}

#menuConfig>.fm1i {
    margin-top: 5px;
}

#menuConfig>.fm1i>.ul2 {
    border: none;
}

#menuConfig a:hover {
    color: #03a9f4;
}

.fm1i ul {
    width: 100%;
    height: 20%;
    text-align: left !important;
}

#menu .fm1i>ul>li>a {
    color: black;
}

#menu .fm1i>ul>li>a:hover {
    color: #97b411;
    text-decoration: underline;
}

.fm1i ul li {
    width: 100%;
    height: 25%;
    text-align: left !important;
    padding: 0px 20px !important;
}

.fm1i .ul2:nth-child(1) {
    width: 100%;
    height: 40%;
    text-align: left !important;
}

.fm1i .ul2:nth-child(2),
.fm1i .ul2:nth-child(4) {
    width: 100%;
    height: 34%;
    text-align: left !important;
    padding-left: 15px;
    padding-top: 5px;
}

.fm1i .ul2 li {
    width: 100%;
    height: 10%;
    text-align: left !important;
    padding: 0px 20px !important;
}

.fm1i ul li a {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 13px;
    width: 100% !important;
    height: 100%;
    text-align: left !important;
    cursor: pointer !important;
}

#sysRule .rqhradio {
    display: flex;
    -js-display: flex;
}

.sublist .rqhradio {
    margin-top: 0;
}

#sysRule .rqscr {
    /* width: 600px; */
    width: 100% !important;
}

.subdetail .rqscr {
    width: 100% !important;
    max-width: 800px;
}


/*th,
thead {
	position: sticky;
	position: -webkit-sticky;
	top: 70px;
}*/

.novNoMenuPage th,
.novNoMenuPage thead {
    top: 0px;
}

.rqcritsearch th,
.rqcritsearch thead {
    position: relative;
    top: 0;
}

thead {
    border-radius: 6px 6px 0 0;
    position: static;
}

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    z-index: 9999 !important;
}

.rqbk {
    background: url('img/debugdot.svg') no-repeat;
}


/************** Animations apply *******************/

.appear {
    height: 800px !important;
    top: 0 !important;
    visibility: visible !important;
    z-index: 800 !important;
}

#menu #menucontainer>li ul {
    height: 860px !important;
    max-height: 100vh;
}

#menu #menucontainer>li ul {
    top: 1px !important;
}

.catcont:hover,
.subcatlnk a:hover,
.rqlist>tbody>.result:hover,
#menucontainer>li:hover {
    transition: background-color 1s;
}

#menucontainer>li:hover>a>div:first-of-type {
    background-color: #03a9f4;
}

.rqportlet {
    -webkit-animation: fadein .3s;
    animation: fadein .3s;
}

.rqdesignformtool,
.rqdesignformtoolcustom {
    -webkit-animation: fadein 2s;
    animation: fadein 2s;
}


/************** Animations definitions *******************/

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Firefox < 16 */


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* Internet Explorer */

@-webkit-keyframes anim {
    0% {
        transform: translateX(100%);
    }
    14.28% {
        transform: translateX(0);
    }
    85.71% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes anim {
    0% {
        transform: translateX(100%);
    }
    14.28% {
        transform: translateX(0);
    }
    85.71% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(0);
    }
}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes zoomappear {
    0% {
        left: 0;
        width: 1px;
        height: 1px;
    }
    25% {
        left: 25%;
        width: 25%;
        height: 25%;
    }
    50% {
        left: 50%;
        width: 50%;
        height: 50%;
    }
    75% {
        left: 75%;
        width: 75%;
        height: 75%
    }
    100% {
        left: 100%;
        width: 100%;
        height: 100%
    }
}


/* Standard syntax */

@keyframes zoomappear {
    0% {
        left: 0;
        width: 1px;
        height: 1px;
    }
    25% {
        left: 25%;
        width: 25%;
        height: 25%;
    }
    50% {
        left: 50%;
        width: 50%;
        height: 50%;
    }
    75% {
        left: 75%;
        width: 75%;
        height: 75%
    }
    100% {
        left: 100%;
        width: 100%;
        height: 100%
    }
}


/************ typo ******************/

#fondorhus {
    position: absolute;
    background: blue;
    top: 0;
    z-index: 0;
    width: 100%;
}

.typoblack {
    font-weight: 900;
}

.typobold {
    font-weight: 700;
}

.typothin {
    font-weight: 300;
}

.darkblue {
    background: #0059a4;
}

.red {
    background: #d5241c;
}

.blue {
    background: #36aab9;
}

.green {
    background: #b0ca34;
}

.grey {
    background: #e3e4e4;
}

.welcomText {
    font-weight: 300;
    font-size: 10px;
    color: #eee;
}

#welcomeContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#imgUserPhotoImage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: -4px;
}

#welcomeContainer>div {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    color: #333333;
}

.welcomFirstName {
    font-weight: 500;
    margin-right: 2px;
    font-size: 16px;
}

.welcomName {
    font-weight: 700;
    font-size: 16px;
}

.welcomRealName {
    position: absolute;
    top: 44px;
    color: #bbb;
    font-size: 9px;
}

.welcomCompany {
    position: absolute;
    top: 44px;
    color: #666;
    font-size: 9px;
}

#top .topinfo a.rqmlogin {
    color: #03A9F4;
}

.rqmlogin {
    color: #03A9F4;
    visibility: hidden;
    display: flex;
    -js-display: flex;
    flex-direction: row-reverse;
    margin-bottom: 2px;
    margin-left: 5px;
    font-size: 0px;
}

.rqmlogin i {
    visibility: initial;
    margin-right: 5px;
    text-decoration: none !important;
    font-size: 25px;
    color: #0059a4;
    margin-top: 22px;
    margin-left: 100px;
}

#top .topinfo a {
    text-decoration: none;
}

.rqnewsacto {
    display: none;
}

#menucontainer {
    display: flex;
    -js-display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 80px;
    z-index: 130;
}

#menu.mbar>ul>#menucontainer>li>ul {
    left: 151px;
    width: 1300px !important;
    box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.06), 0px 10px 5px rgba(63, 81, 181, 0.06), 0px 10px 7px rgba(63, 81, 181, 0.07);
    border-radius: 0 0 10px 0;
    padding-top: 65px;
    padding-left: 60px;
    z-index: 130;
}

#menucontainer>li {
    z-index: 130;
}

#menutoogle {
    width: 87px;
    height: 34px;
    top: 18px;
    display: flex;
    -js-display: flex;
    background: #03A9F4;
    flex-direction: row;
    justify-content: center;
    font-weight: 900;
}

#iconToogle {
    height: 24px;
    margin-left: 5px;
    margin-top: 1px;
}

#menu .rqsearchcontent {
    margin-top: 8px !important;
}

.rqtopinfo {
    margin-top: 0px !important;
    display: flex;
    -js-display: flex;
    flex-direction: row;
}

#menu #novrhsearch {
    padding-left: 10px;
}

#novrhsearch::-webkit-input-placeholder {
    color: #bab7b7;
    font-style: italic;
}

#novrhsearch::-moz-placeholder {
    color: #bab7b7;
    font-style: italic;
}

#novrhsearch:-ms-input-placeholder {
    color: #bab7b7;
    font-style: italic;
}

#novrhsearch:-moz-placeholder {
    color: #bab7b7;
    font-style: italic;
}

#imgUserPhotoImage div {
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
    z-index: 200;
    border-radius: 50%;
    margin-top: 1px;
    cursor: pointer;
}

.respic img {
    border-radius: 10px;
    width: 55px;
    height: auto;
}

.rqlist .respic img {
    border-radius: 10px;
    width: auto !important;
    height: auto;
}

.userid {
    visibility: hidden;
    display: flex;
    -js-display: flex;
    justify-content: flex-start;
}

#imgUserPhotoImage,
#welcomeContainer {
    visibility: initial;
}

#welcomeContainer {
    margin-left: 10px;
    margin-top: -4px;
}

.loginpage .rqmcfgdbg {
    display: none !important;
}

#top .rqmcfgdbg a {
    background-color: #0059a4;
    padding: 5px 10px;
    border-radius: 20px;
    color: #FFF;
    margin-right: 20px;
    margin-top: 20px;
}

#top .rqmcfgdbg a:hover {
    background-color: #03a9f4;
}

#cluetip-outer {
    z-index: 1000 !important;
}

a:hover {
    color: #03a9f4;
}

.rqbtn span {
    border-radius: 25px;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.rqbuttons input {
    border-radius: 25px;
    height: 24px;
    padding: 0;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

input {
    border-radius: 20px;
}

#portletnav {
    font-weight: 300;
}

#portlettitle {
    font-weight: 700;
}

#menAddPage div {
    background-color: #fefefe;
}

.rqplanningrn .rqpltools {
    margin-bottom: 10px;
}

.rqplanningrn .rqpltools td {
    padding-left: 5px;
    padding-right: 5px;
}

.rqplanningrn .dateedit {
    margin-right: 10px;
    padding-right: 30px;
}

.rqplanningrn a.rqplnavp,
.rqplanningrn a.rqplnavp,
.rqplanningrn a.rqplnavsp,
.rqplanningrn a.rqplnavsn,
.rqplanningrn a.rqplnavn {
    font-size: 21px !important;
}

.rqplanningrn .rqppt {
    font-size: 12px;
    font-family: "Lato";
}

.rqplanning {
    width: 100%;
}

.novPlanningEmployee .rqwidget {
    flex-direction: column;
}

input {
    padding-left: 10px;
}

#menufav {
    font-size: 15px;
    color: #393939;
    position: absolute;
    right: 16px;
    top: 30px;
    background-color: #03A9F4;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}

#favbar {
    position: absolute;
    width: 1300px;
    height: 70px;
    left: 0;
    top: 0;
    padding: 15px 0;
    background-color: #F2F3F8;
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    z-index: 999;
    border-radius: 0;
}

#menucontainer li:hover #favbar {
    display: flex;
    -js-display: flex;
}

.favTitle {
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    margin: 0 5px 0 5px;
    margin-bottom: 2px;
    color: #999999;
}

.favTitle i {
    margin-right: 5px;
    width: 15px;
    font-size: 10px;
    text-align: center;
}

li ul #favbar .favcontainer {
    display: flex !important;
    justify-content: space-around;
    align-items: center;
    background-color: #fff !important;
    background-image: none;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 14px;
    margin: 0 5px 0 5px;
    margin-bottom: 2px;
    color: #333333 !important;
    width: auto !important;
}

li ul #favbar .favcontainer:hover {
    text-decoration: none;
    color: #03A9F4 !important;
}

li ul #favbar .favcontainer i {
    margin-left: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 15px;
    color: #999999;
    font-size: 10px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    text-align: center;
}

.favcontainer:hover i {
    color: #03A9F4;
}

li ul #favbar .favcontainer span {
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    top: -1px;
}

.noselect,
.userid,
#rqdbglnk,
.histoTitle,
th,
#sideToolbox,
.rqal,
.rqctxpath,
.rqs,
#menu a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    -user-drag: none;
}

.error {
    width: 100%;
    text-align: center !important;
    top: -90px;
}

#cluetip a {
    color: black;
}

#cluetip a:hover {
    color: #03a9f4;
}

.ui-dialog th {
    top: 0;
}

th.ressel {
    top: 0;
    padding-left: 25px !important;
    padding-bottom: 5px;
    padding-top: 9px !important;
    white-space: pre;
}

#top {
    margin-top: -100px;
    margin-bottom: 110px;
}

.rqcol .rqhdr .tools {
    visibility: visible !important;
    top: -7px;
    right: 5px;
}

.rqcol .GAlogo .rqhdr .tools {
    top: 7px;
}

.rqhdr .tools {
    margin-top: 0 !important;
}

.datecompo input:first-of-type {
    margin-left: 0px;
}

.datecompo input {
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 30px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 10px;
    box-sizing: inherit !important;
}

.datecompo nobr {
    height: 36px;
    padding-top: 1px;
}

.datecompo input.timein {
    padding: 2px 2px 2px 7px;
}

.catin .navimg {
    margin: 2px 0px 5px 0px;
}

#ca2iSituationsPrec .odd {
    background-color: #F3F3F3;
}

#ca2iSituationsPrec .even {
    background-color: white;
}

a.rqplnavp span,
a.rqplannav.prev span,
a.rqplnavn span,
a.rqplannav.next span,
a.rqplnavsp span,
a.rqplannav.sprev span,
a.rqplnavsn span,
a.rqplannav.snext span {
    display: none;
}

a.rqplnavp,
a.rqplannav.prev,
a.rqplnavn,
a.rqplannav.next {
    position: relative;
    top: -2px;
}

a.rqplnavp:before,
a.rqplannav.prev:before {
    content: "\f100";
    font-family: fontawesome;
    font-size: 35px;
}

a.rqplnavsp:before,
a.rqplannav.sprev:before {
    content: "\f104";
    font-family: fontawesome;
    font-size: 35px;
}

a.rqplnavn:before,
a.rqplannav.next:before {
    content: "\f101";
    font-family: fontawesome;
    font-size: 35px;
}

a.rqplnavsn:before,
a.rqplannav.snext:before {
    content: "\f105";
    font-family: fontawesome;
    font-size: 35px;
}

a.rqplnavsp:hover,
a.rqplannav.sprev:hover,
a.rqplnavn:hover,
a.rqplannav.next:hover,
a.rqplnavsn:hover,
a.rqplannav.sprev:hover,
a.rqplannav.snext:hover,
a.rqplnavp:hover,
a.rqplannav.prev:hover {
    color: #03A9F4;
}

a.rqplnavsp,
a.rqplannav.sprev,
a.rqplnavsn,
a.rqplannav.snext,
a.rqplnavn,
a.rqplannav.next,
a.rqplnavp,
a.rqplannav.prev {
    background: none !important;
    color: #CCCCCC;
    position: relative;
    top: 1px;
}

a.rqplannav.today span {
    width: 25px;
    height: 25px;
}

a.rqplannav.today {
    background: url('icon/calendar-darkblue.svg') no-repeat;
    background-size: 20px 20px;
    margin-left: 1px;
    top: -3px;
    position: relative;
    padding-right: 15px;
}

a.rqplannav.today:hover {
    background: url('icon/calendar-cyan.svg') no-repeat;
    background-size: 20px 20px;
}

.rqplanpanel>.today:hover {
    background-color: none !important;
}

.rqplanpanel>.rqplanlbl {
    position: relative;
    top: -7px;
    padding-left: 0;
}

a.rqdesignactn {
    background: url('icon/add-fill-green.svg') no-repeat;
    background-color: #FFF;
}

a.rqdesignacte {
    background: url('icon/gear-fill-white.svg') no-repeat;
    background-color: #03a9f4;
    background-size: 13px !important;
    background-position: 2.2px 2px;
}

a.rqdesignactd {
    background: url('icon/delete-fill-red.svg') no-repeat;
    background-color: #FFF;
}

a.rqdesignactn,
a.rqdesignacte,
a.rqdesignactd {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    margin: 0 1px;
    background-size: 17px;
    background-repeat: no-repeat;
    box-shadow: 0px 0 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 2px 4px rgba(63, 81, 181, 0.07);
}

a.rqdesignactn:hover {
    background: url('icon/add-fill-darkgreen.svg') no-repeat;
    background-size: 17px;
}

a.rqdesignacte:hover {
    background-color: #0059a4;
}

a.rqdesignactd:hover {
    background: url('icon/delete-fill-darkred.svg') no-repeat;
    background-size: 17px;
}

#novCloseExtendMenu.showoff,
#novOpenExtendMenu.showoff {
    display: none;
}

#novCloseExtendMenu,
#novOpenExtendMenu {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    color: #f1f3fa;
    justify-content: flex-start;
    align-items: center;
    font-size: 20px;
    width: 150px;
    position: absolute;
    z-index: 300;
    top: 20px;
    cursor: pointer;
}

#novCloseExtendMenu i,
#novOpenExtendMenu i {
    font-size: 20px;
}

#novOpenExtendMenu {
    width: 50px;
}

#novCloseExtendMenu i,
#novOpenExtendMenu i {
    width: 40px;
    margin-left: 5px;
    height: 40px;
    padding: 10px;
    border-radius: 5px;
}

#novOpenExtendMenu i {
    padding-left: 11px;
}

#novCloseExtendMenu p {
    font-size: 12px;
    padding-left: 10px;
}

#novCloseExtendMenu:hover i,
#novOpenExtendMenu:hover i {
    background-color: #03a9f4;
    color: white;
}

#innerMenu {
    position: absolute;
    right: 8px;
    top: 77px;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
    color: #a1a1a1;
    cursor: pointer;
}

#innerMenu:hover {
    color: #fff;
    background-color: #03a9f4;
}

#menuConfig {
    display: none;
    padding-bottom: 20px !important;
}

#top #menuConfig {
    left: 0px !important;
    top: 44px;
}

.novrhtopsearch-autocomplete-suggestion .richlayout {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    padding: 5px 5px;
    align-items: center;
}

.novrhtopsearch-autocomplete-suggestion .richlayout img {
    border-radius: 50%;
    margin-right: 5px;
}

.novrhtopsearch-autocomplete-suggestion .richInfo {
    display: flex;
    -js-display: flex;
    flex-direction: column;
}

.ui-autocomplete-input {
    height: 34px;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
}

#tail {
    max-width: 100%;
}

#tail>span {
    word-wrap: anywhere;
}

.rqmbl .yuimenu .bd {
    padding-top: 12px;
    padding-bottom: 12px;
    border: #fff solid 1px;
    color: #393939;
    background: #fff;
    box-shadow: 0px 0px 12px rgba(63, 81, 181, 0.04), 0px 1px 7px rgba(63, 81, 181, 0.02), 0px 0px 6px rgba(63, 81, 181, 0.07);
    border-radius: 10px;
}

#saveGrid,
#return,
#showGrid,
#deleteGrid {
    border-radius: 5px !important;
}

#deleteGrid {
    background: #ef3c79;
}

.rqmbtools .yuimenubaritem {
    margin: -2px 10px 10px 10px;
}

.rqmsg {
    display: flex;
    -js-display: flex;
    justify-content: center;
    width: calc(100% - 80px);
    margin: 0 40px;
    border-radius: 10px;
    background: #89daff;
    border-radius: 0;
    position: relative;
    top: 35px;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.modalcontent .rqmsg {
    width: 100%;
    top: 0;
    margin: 0;
}

.modalcontent .rqpage {
    background: #FFF;
    padding: 0;
    margin: 0 !important;
    position: relative;
}

.modalcontent .rqpage .rqportlet {
    box-shadow: none;
    background: #FFF;
}

.modalcontent .rqpage .rqportlet .novactionbutton {
    top: -49px;
    right: 20px;
    z-index: 100;
}

.rqview>.msg>div {
    background: white;
    padding-bottom: 20px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.rqlargedetail>.rqview>form+.msg>div {
    margin: 25px 40px;
    padding: 20px;
    border-radius: 6px;
    position: relative;
    top: 110px;
}

.rqautocomplete,
.datecompo,
.rqhfields .rqautocomplete {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    align-items: center;
}

.rqautocomplete input {
    padding-right: 30px;
}

.rqautocomplete>.itool.plus {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    align-items: center;
}

.rqautocomplete>.itool.plus>span.txt {
    margin-left: 5px;
    margin-top: 10px;
    font-size: 0;
    color: #03A9F4;
}

.rqsublist .table-responsive .rqautocomplete>.itool.plus>span.txt {
    margin-top: 0;
    padding: 0;
}

.rqautocomplete>.itool.plus>span.txt:hover {
    text-decoration: none;
    color: #039BE5;
}

.rqautocomplete>.itool.plus:hover {
    text-decoration: none;
}

.rqlist>tbody>.result>.ressum>.rqsumlbl {
    padding-left: 15px;
    position: relative;
    /*left: -110px;*/
    top: 2px;
}

.rqexpritemand .itool.plus,
.rulecontrol .itool.plus {
    display: inline;
}

.rqdbgcmd th {
    top: 0;
}

.rqdbgcmd {
    color: black;
}

select.flt {
    height: 34px;
}

.timebtn::before {
    content: "\f017";
    color: #cccccc;
    font-family: fontawesome;
    font-size: 15px;
}

.timebtn {
    height: 14px;
    margin-top: 9px;
    background: url("icon/clock-lightgrey.svg") no-repeat;
    background-size: 20px;
    width: 0;
    padding: 12px;
    margin-top: 3px;
    position: relative;
    left: -5px;
    -o-object-position: -99999px 99999px;
    object-position: -99999px 99999px;
}

.datecompo .timebtn {
    position: relative;
    top: 0px;
}

#nrhmain .datecompo .timebtn {
    position: relative;
    top: 0px;
}

.timebtn:hover,
.timebtn:focus {
    background: url("icon/clock-cyan.svg") no-repeat;
    background-size: 20px;
}

.yuimenuitem .rqact {
    color: #393939;
}

.ulwitems li {
    display: flex;
    -js-display: flex;
}

textarea {
    padding-left: 10px !important;
}

select {
    padding-left: 8px !important;
}

.noround img {
    border-radius: 0 !important;
}

.rqpptl {
    top: -2px !important;
}

.searchSuggestionMenu {
    float: right;
    width: 20px;
    height: 20px;
    top: 0;
}

.richlayout,
.richInfo,
.richInfo div {
    width: 100%;
}

.suggestionImg {
    width: 30px;
    height: 24px;
    border-radius: 50%;
    background-size: cover !important;
    background-position: center !important;
    margin-right: 10px;
}

#btnMenuOpen {
    color: #33c7d2 !important;
}

#ISOHORSYS {
    background: #03A9F4;
}

.richlayout:hover {
    background: #e1f5fe;
}

.entry {
    color: #0059a4;
    font-size: 11px;
    letter-spacing: 0.5px;
    align-items: center;
    text-transform: uppercase;
    font-family: Montserrat;
}

.mainentry .richInfo div {
    font-weight: 500;
}

.mainentry .richInfo div strong {
    font-weight: 900;
}

.mainentry {
    color: #0059a4;
    font-size: 13px;
    letter-spacing: 1px;
    align-items: center;
    text-transform: uppercase;
    font-family: Montserrat;
}

.mainsubentry {
    padding-left: 40px;
    font-size: 13px;
    letter-spacing: 0.25px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: Montserrat;
}

#subentryIcon {
    margin-right: 10px;
    color: #0059a4;
}

.novrhtopsearch-autocomplete-suggestion .iclsuggs {
    height: 14px;
    width: 14px;
    opacity: 1;
}

.novrhtopsearch-autocomplete-suggestion .iclsuggsthin {
    height: 14px;
    width: 13px;
    opacity: 1;
    color: #03A9F4;
}

.novrhtopsearch-autocomplete-suggestion .externalSearchRedirect i {
    font-size: 14px;
    margin-right: 5px;
}

.novrhtopsearch-autocomplete-suggestion .externalSearchRedirect {
    opacity: 0.5;
    color: #808080;
    width: 45px;
    text-align: right;
    position: relative;
    right: 8px;
}

.novrhtopsearch-autocomplete-suggestion .externalSearchRedirect:hover {
    opacity: 1;
    color: #3974da;
}

.novrhtopsearch-autocomplete-suggestion #infomenuSugg {
    font-size: 9px;
    left: 77%;
    position: absolute;
    color: #03A9F4;
}

.novrhtopsearch-autocomplete-suggestion #infomenuSuggwhite {
    font-size: 9px;
    left: 77%;
    position: absolute;
    color: #26599F;
}

.novrhtopsearch-autocomplete-suggestion .iclsuggsga {
    color: #26599F;
}

.novrhtopsearch-autocomplete-suggestion .iclsuggsthin {
    margin-left: 8px;
    margin-right: 13px;
}

.novrhtopsearch-autocomplete-suggestion .iclsuggsga {
    margin-left: 7px;
    margin-right: 13px;
}

.novrhtopsearch-autocomplete-suggestion .suggNav {
    font-size: 9px;
    text-decoration: none;
    color: #3974da;
}

.novrhtopsearch-autocomplete-suggestion .salgen .suggNav {
    color: #03A9F4;
    margin-right: 13px;
}

.novrhtopsearch-autocomplete-suggestion .menusuggs {
    color: #3974da;
    margin-left: 6.5px;
    margin-right: 13px;
}

a.rqnewsdetail {
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 10px;
}

a.rqnewsdetail:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.05);
}

.rqnewsdate {
    margin: 4px;
}

.newsnotes {
    margin: 0!important;
    padding: 0 55px;
}

.newsNote {
    border-radius: 6px;
    border: none;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    padding: 15px !important;
    margin-bottom: 20px;
}

.newsAlert {
    background: #D32F2F;
    font-weight: bold;
    color: #fff;
    padding: 4px;
}

.newsImportant {
    background: #FFD54F;
    font-weight: bold;
    color: #fff;
    padding: 4px;
}

.daysrow .day.today {
    background-color: #64b5f6;
    color: black;
}

.calendar thead tr:nth-child(1) {
    background-color: #26599F !important;
}

.today:hover {
    background: #03a9f4;
}

.rqcatalogcurrentcat {
    background: url('bluearrowl.gif') no-repeat 0 2px !important;
}

.mr5 {
    margin-right: 5px;
}


/*************************** cassons les formulaire requea **********************/

.rqdesignformtool {
    align-self: flex-end;
}

.rqdefaultpage .rqview>form>.rqdesignformtool {
    right: 10px;
}

.pay-l .rqdesignformtool {
    top: 127px;
}

.GAlogo .rqdesignformtool {
    top: 127px;
}

.pay-l form>.rqdesignformtoolcustom,
.GAlogo form>.rqdesignformtoolcustom {
    top: 126px;
}

.rqmultidetailitem .rqdesignformtoolcustom {
    position: absolute !important;
    right: 62px;
    top: 4px;
}

.novSwitchBtn {
    top: -45px;
    right: 0px;
    position: absolute;
}

.GAlogo .novSwitchBtn {
    top: -45px;
    right: -20px;
}

.GAlogo .rqdesignformtoolcustom+.rqviewtbl .novSwitchBtn {
    top: -60px;
}

.pay-l .rqportlet .rqdetail>.rqview>.rqform,
.pay-l .rqportlet .rqportletcnt>.rqlargedetail>.rqview>.rqform {
    top: -10px;
    position: absolute;
}

.GAlogo .rqportlet .rqportletcnt>.rqlargedetail>.rqview>.rqform {
    top: -10px;
    position: absolute;
}

.flexrqactsel {
    order: -1;
    margin: -10px 0 -15px 0;
    padding: 0px;
}

.rqactsel>.rqact {
    padding: 6px 0 4px 0;
    border-radius: 5px;
    background-color: #4fa5c2;
}

.rqactsel>.rqact:hover {
    background-color: #1c74b6;
    color: white;
}


/************************** pop-up *********************************/

.ui-widget-header {
    background: #fff;
    color: #26599F;
}

.cluetip-jtip h3#cluetip-title {
    background-color: #FFF;
    position: absolute;
    right: 6px;
}

.cluetip-jtip #cluetip-outer {
    border-color: #fff;
    border-radius: 6px;
}

.cluetip-jtip #cluetip-inner {
    padding: 15px;
}

.clue-bottom-jtip .cluetip-arrows {
    background-image: url(img/arrowup.png) !important;
}

.clue-right-jtip .cluetip-arrows {
    background-image: url(img/arrowleft.png) !important;
    top: 6px !important;
}

.rqview .tblreq tr.rqover td.rqtblsel {
    background: transparent !important;
}

.ui-dialog .ui-dialog-titlebar-close span {
    background: url('icon/close-black.svg') no-repeat;
    background-size: 16px;
}

.ui-dialog .ui-dialog-titlebar-close:hover span {
    background-position: 0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    display: none;
}

.ui-widget-content {
    border: none;
    padding: 0;
    border-radius: 10px;
}

.grid-canvas .ui-widget-content {
    border-radius: 0;
}

.ui-button .ui-button-icon-primary {
    background-color: #fff !important;
    border: none !important;
}

.ui-dialog {
    z-index: 900;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    transform: translateY(-100px);
    transition: opacity .3s linear, transform .3s ease-out;
}

.ui-widget-overlay,
.uk-modal {
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    border-radius: 50% !important;
    width: 1px;
    height: 1px;
    margin-top: -2px !important;
    margin-right: 10px !important;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: url('icon/fermer-grey.svg') no-repeat;
    background-size: auto;
    background-size: 16px;
    width: 16px;
    height: 16px;
    padding: 9px;
    border: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
    background: url('icon/fermer-darkblue.svg') no-repeat;
    background-size: auto;
    background-size: 16px;
}

.ui-dialog .ui-dialog-title {
    text-shadow: none !important;
}

.ui-dialog .ui-state-default,
.ui-dialog .ui-widget-content .ui-state-default,
.ui-dialog .ui-widget-header .ui-state-default {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    background: #f3f6f6;
    color: #777;
}

.ui-button.ui-widget.ui-dialog-titlebar-close {
    width: 18px;
    height: 18px;
    background: #fff !important;
    border: none;
}

.ca2iLoginImage img,
img[alt='Image de login'] {
    width: 150px;
    height: auto;
    border-radius: 0;
}

table.rqimage tbody tr {
    display: flex;
    -js-display: flex;
    flex-direction: column;
}

table.rqimage tbody tr tbody tr {
    flex-direction: row;
}

table.rqimage tbody tr tbody tr .qq-uploader {
    top: -1px;
}

.qq-uploader {
    padding: 0;
}

.error {
    background: url('icon/warning.svg') no-repeat, #d73023;
    background-position: 50px 7px;
    background-size: 40px;
    color: white;
    align-items: center;
    margin: 0px;
    border: 0;
    position: fixed;
    top: 70px;
    font-weight: initial;
    line-height: 17px;
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    min-height: 50px;
    z-index: 100;
    border-radius: 0;
    padding: 10px 60px !important;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    width: 100% !important;
    left: 0;
}

.confirmation {
    background: url('icon/warning.svg') no-repeat, #77dd77;
    background-position: 10px;
    background-size: 40px;
    color: white;
    align-items: center;
    margin: 0px;
    border: 0;
    /* position: fixed;
top: 70px; */
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    min-height: 50px;
    z-index: 100;
    border-radius: 0;
    padding: 10px 60px !important;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.pay-l .error,
.GAlogo .error {
    position: relative;
    top: 40px;
}

#nrhmain .error {
    background: url('icon/warning.svg') no-repeat, #EF6C00;
    background-position: 10px;
    background-size: 40px;
}

.error .spantolink {
    color: #fff;
}

.errorJsButtonForError {
    color: white;
}

.rqexprbuiltin .error {
    position: absolute;
    right: 0;
}

.error .rqmsgline {
    padding-left: 40px;
    padding-right: 150px;
}

.ui-dialog .mainactionscontainer {
    display: none;
}

.ui-dialog .novactionbutton {
    top: -49px;
    right: 0;
    z-index: 100;
    padding-right: 0;
}

.ui-dialog .rqmainactdropdown .rqtext {
    display: none;
}

.ui-dialog .novactionbutton .rqmainactdropdown-content {
    left: -80px !important;
}

.ui-dialog .rqctrl {
    width: 100%;
    padding: 0 !important;
    text-align: right;
}

.ui-dialog {
    min-width: 450px;
}

#referenceflyby-dialog-div {
    min-height: 550px;
}


/***************************** Fitness messages ***************************/

#fitnessmessagesdiv {
    background: none !important;
    top: 76px !important;
    left: 3.5% !important;
    width: 93% !important;
}

.fitnesserror {
    padding: 10px !important;
    background-position-y: 50% !important;
    background-position-x: 7px !important;
    border-radius: 5px !important;
    border: none!important;
    min-height: 60px !important;
    background-color: #E91E63 !important;
    background-image: url('icon/info-white.svg') !important;
    background-size: 48px !important;
    background-repeat: no-repeat;
    color: #ffffff !important;
}

.fitnesswarning {
    padding: 10px !important;
    background-position-y: 50% !important;
    background-position-x: 5px !important;
    border-radius: 5px !important;
    border: 2px solid #95ce00 !important;
    background-color: #95ce00 !important;
    min-height: 60px !important;
    color: #ffffff !important;
    background-image: url('icon/info-losange-white.svg') !important;
    background-size: 48px !important;
    background-repeat: no-repeat;
    color: #ffffff !important;
}

.messagecounterrorbadge,
.messagecountwarningbadge {
    width: 20px;
    height: 20px;
}

.messagecounterrorbadge {
    background-color: white !important;
    color: #e91e63 !important;
    position: relative;
    /* top: -5px; */
}

.messagecountwarningbadge {
    background-color: white !important;
    color: #95ce00 !important;
    position: relative;
    /* top: -5px; */
    left: -5px;
}


/*************************** Fitness Wizard Adapter ************************/

.novFitnessWizard #fitnessmessagesdiv {
    position: relative;
    top: 0 !important;
    left: 15px !important;
    width: calc(100% - 30px) !important;
}

.novFitnessWizard .novFitnessContainer+.rqtabviewvertical {
    margin-top: 10px;
}

.novSingleColumnForm.novFitnessWizard #fitnessmessagesdiv {
    position: relative;
    top: 0 !important;
    left: -5px !important;
    width: calc(100% + 10px) !important;
}

.novFitnessWizard .rqhdrm {
    padding-top: 48px;
}

.novFitnessWizard .rqwhy {
    top: -26px;
}

.novFitnessWizard .rqhdrm h3 {
    color: white;
}


/*************************** Alert Wizard Adapter ************************/

.novAlertAddGroup .ulritems,
.novAlertAddCollab .ulritems {
    padding-left: 10px;
    padding-top: 4px;
}

.novAlertAddGroup .ulritems>.itool.plus,
.novAlertAddCollab .ulritems>.itool.plus {
    background: url('icon/plus3-cyan.svg') no-repeat;
    background-size: auto;
    background-size: 16px;
    width: 16px;
    height: 16px;
    color: #039BE5;
    padding: 2px;
    font-size: 0 !important;
    padding: 9px;
    position: relative;
    top: -4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.novAlertAddCollab .ulritems>.itool.plus:after {
    content: "Ajouter un collaborateur";
    font-size: 13px;
    padding-left: 15px;
    position: relative;
    top: 4px;
}

.novAlertAddGroup .ulritems>.itool.plus:after {
    content: "Ajouter un groupe";
    font-size: 13px;
    padding-left: 15px;
    position: relative;
    top: 4px;
}

.novAlertRestrictPopul .rqcheck:after {
    content: "Restreindre à la population de l'utilisateur";
    padding-left: 15px;
    position: relative;
    top: -2px;
    left: 5px;
    white-space: nowrap;
    font-family: "Lato";
    font-size: 13px;
}

.novAlertRestrictCollabActif .rqcheck:after {
    content: "Restreindre aux collaborateurs actifs";
    padding-left: 15px;
    position: relative;
    top: -2px;
    left: 5px;
    white-space: nowrap;
    font-family: "Lato";
    font-size: 13px;
}

.novFitnessWizard .novBloc {
    margin: 0 10px;
}

.novBloc.novBlocGrey {
    background-color: #efefef !important;
}


/***************************** flyby conge *******************************/

.rqtblplanning {
    min-width: 600px !important;
}

.flyby .rqdetail {
    width: 100% !important;
}

.flyby {
    background: white;
    width: 700px !important;
    border: none;
    border-top: 30px solid #0059A4;
    border-radius: 5px;
    left: calc(50% - 350px) !important;
    top: 280px !important;
    position: fixed !important;
    box-shadow: 0px 3px 6px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 6px rgba(63, 81, 181, 0.07);
    min-height: 300px;
}

.flyby .rqctrl {
    position: absolute;
    z-index: 300;
    top: 31px;
    left: 10px;
    padding: 0 !important;
}

.flyby .rqctrl a.rqbtn.rqbtnclose,
.flyby .rqctrl a.rqbtn.rqbtnclose:hover {
    background: none;
}

.flyby .rqview h2 {
    display: flex;
    -js-display: flex;
    width: 98%;
    padding: 0 10px;
    margin-left: 1%;
}

.flyby .rqdesignformtool {
    margin-top: 15px;
    margin-bottom: -15px;
    z-index: 301;
    position: absolute !important;
}

.flyby #sideToolbox i {
    margin-top: -2px;
}

.flyby .rqright {
    margin-top: 5px;
    padding-right: 20px;
}

.flyby .novactionbutton {
    top: -50px;
    right: -18px;
}

.flyby .rqal.action-list-wrapper {
    right: 10px;
}

.flyby #sideToolbox {
    background-color: #03a9f4;
    border-radius: 25px;
    padding: 3px;
}

.flyby .rqal.action-list-wrapper:hover #sideToolbox {
    border-radius: 12px 12px 0 0;
}

.flyby .yui-dispatchable {
    padding-top: 10px;
}

.flyby .rqal:hover .ul1 {
    margin-top: -3px;
}

.flyby .rqal:hover .ul1:first-of-type {
    padding-bottom: 2px !important;
}

.flyby .rqal:hover .ul1:nth-of-type(2) {
    padding-top: 0 !important;
}

.yui-panel .hd {
    background: #26599F;
}

.yui-panel .hd {
    border: none;
    padding: 7px;
    border-radius: 2px 2px 0 0;
}

.yui-panel {
    border: 1px solid #ccc;
    border-radius: 2px;
}

.yui-panel .container-close {
    top: 7px;
    right: 7px;
}

.yui-panel-container.shadow .underlay {
    display: none;
}

.calendar thead,
.calendar th {
    top: 0;
}

.calendar tbody td.selected {
    background-color: #03a9f4;
    color: white;
}

.rqjcrdesc {
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    background-color: #fbfbfb;
    margin-bottom: 10px;
    color: #7a7a7a;
}

.rqjcrfolder .rqview {
    padding-right: 25px !important;
}

.rqjcrfolder form table .subcatlnk {
    display: none;
}

.rqjcrfolder form>table[cellspacing="0px"] tbody tr {
    display: inline-block;
    align-items: center;
    width: 33%;
    padding-left: 10%;
}

.rqdefaultpage .rqjcrfolder .rqform>table {
    margin-top: 15px !important;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07) !important;
}

.rqdefaultpage .rqjcrfolder .rqform>table:first-of-type {
    margin-top: 0px !important;
}

.rqjcrfolder .maincatlnk {
    margin-top: 20px;
    margin-bottom: 20px;
}

.rqjcrfolder .maincatlnk a {
    padding: 30px;
    border: 1px solid #eee;
    border-radius: 10px;
    background-color: #fcfeff;
    color: #03A9F4;
}

.rqjcrfolder .maincatlnk a:hover {
    text-decoration: none;
    background-color: #03A9F4;
    color: #393939;
}

.rqjcrtrail a {
    color: #03A9F4;
}

.rqjcrtrail a:hover {
    color: #26599F;
}

.rqjcrfile .rqattach td {
    display: inline !important;
    width: initial !important;
}

.rqjcrfile {
    padding: 15px;
    border-radius: 6px;
    background-color: #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    margin: 5px 15px 10px 15px;
    width: fit-content;
}

.rqjcrfolder .rqform>table>tbody>tr {
    display: flex;
}

.rqjcrfolder .rqform>table>tbody>tr>td {
    display: flex;
    align-items: stretch;
}

.result .rqjcrfile {
    background-color: transparent;
    box-shadow: none;
    width: 100%;
}

.rqjcrtools {
    display: inline-flex;
}

.rqjcrtools .itool {
    margin: 2px;
    padding: 6px;
    border-radius: 5px;
    text-decoration: none !important;
    background-color: #ef3c79;
    color: white !important;
}

.rqjcrtools .itool:first-of-type {
    background-color: #26599F;
}

.rqjcrtools .itool:hover {
    background-color: #d7336b;
}

.rqjcrtools .itool:first-of-type:hover {
    background-color: #116289;
}

.rqjcrfile .rqjcrdescfile {
    padding: 5px;
}

.rqjcrfolder .rqbuttons table tbody tr td {
    width: 100% !important;
}

.resnum {
    padding-bottom: 3px;
}

.rqjcrfile .rqlnk .rqattach tbody tr,
.rqjcrfile .rqlnk .rqattach tbody td {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rqjcrfile a.attlnk {
    display: block;
}

.result:hover .rqjcrfile td {
    border-color: #fcfeff !important;
}

.result .rqlnk {
    width: 30%;
}

.result .rqjcrtrail {
    width: 30%;
}

.result .rqjcrexcerpt {
    width: 15%;
}

.result .rqjcrtools {
    display: flex;
    justify-content: flex-end;
}

.rqjcrfile>div {
    padding: 0px 20px;
}

.odd:hover .rqjcrfile td,
.even:hover .rqjcrfile td {
    background-color: #fcfeff !important;
}

.rqlist .rqjcrfile {
    padding: 0px 20px;
}


/*************** UI ERGO UX - Modification ergo avec instruction Valery Ly ********************/

.rqdetail .rqview .results {
    margin-top: -9px;
}

.rqcontentin .rqdetail .rqview .results {
    margin-top: 0px;
}

.rqlargedetail .rqview .results {
    margin-top: -31px;
}

.rqlargedetail .rqview>.msg+.results {
    margin-top: -10px !important;
}

.uk-modal-dialog .rqlargedetail .rqview .results {
    margin-top: 0px;
}

.rqview>.results>.rqsrchcnt {
    /* background: #f1f3fa; */
    min-height: 20px;
    min-height: 20px;
}

.rqcol .rqportlet .rqsrchcnt,
.rqcol .rqportlet .rqsrchin {
    background: #fefeff !important;
}

.rqpage .rqview>.results>.rqsrchcnt {
    margin: 0 2px;
}

.rqview>.results>.rqform {
    padding: 10px 40px;
}

.rqdetail>.rqdetail:nth-last-child>.rqview>.results>.rqform {
    margin-bottom: 60px;
}

.rqview .tblreq thead tr,
.rqview .tbleditreq thead tr {
    background-color: transparent;
    color: #666666;
    border-radius: 6px 6px 0 0;
}

.rqview .tblreq thead tr th:nth-child(1),
.rqview .tbleditreq thead tr th:nth-child(1) {
    border-radius: 6px 0 0 0;
}

.rqview .tblreq thead tr th:last-child,
.rqview .tbleditreq thead tr th:last-child {
    border-radius: 0 6px 0 0;
}

.rqview .tblreq tbody tr:last-child td:nth-child(1),
.rqview .tbleditreq tbody tr:last-child td:nth-child(1) {
    border-radius: 0 0 0 6px;
}

.rqview .tblreq tbody tr:last-child td:last-child,
.rqview .tbleditreq tbody tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}

table+.rqviewtbl {
    top: 0;
}

.rqviewtbl {
    position: relative;
    top: 20px;
    padding: 20px 20px;
    margin-left: 40px !important;
    width: calc(100% - 80px);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.novWizardResume .rqviewtbl {
    margin-left: 0px !important;
}

.novWizard .rqviewtbl {
    margin-left: 0 !important;
}

.rqtblcel .rqviewtbl {
    top: 0;
    padding: 0;
    width: 100%;
    background: none;
    box-shadow: none;
}

.cluetip-inner .rqviewtbl {
    top: 0;
}

.rqportlet .rqview .rqform {
    position: absolute;
    top: 95px;
    width: 100%;
    padding-bottom: 80px;
}

.rqportletcnt>.rqdesigntool+.rqlargedetail>.rqview>.rqform {
    position: absolute;
    top: 50px;
    width: 100%;
}

.rqportlet #nrhmain .rqview .rqform {
    position: relative;
    top: 0;
}

.rqportletcnt>.rqlargedetail>.rqview>.rqform {
    position: absolute;
    top: 30px;
    width: 100%;
    padding-bottom: 60px !important;
}

.rqportlet .novGedDrill .rqview .rqform {
    position: relative;
    top: 60px;
}

#rqmodal .rqportlet .rqdetail>.rqview>.rqform,
.rqdetail>.rqdetail>.rqview>.results>.rqform,
.rqportlet .rqview .navtop+.rqform,
.novFitnessWizard .rqportletcnt>.rqlargedetail>.rqview>.rqform,
.rqcol .rqportlet .rqdetail>.rqview>.rqform,
.loginpage .rqportletcnt>.rqlargedetail>.rqview>.rqform,
.rqportletcnt .rqview>.rqly>.rqform #layouteditor .rqview .rqform,
.rqcol .rqportlet .rqview .rqform,
.rqcol .rqportletcnt>.rqdesigntool+.rqlargedetail>.rqview>.rqform {
    position: relative;
    top: 0;
    width: 100%;
    margin-top: 0;
    padding-top: 0 !important;
}

.uk-modal-dialog .rqportletcnt>.rqlargedetail>.rqview>.rqform {
    position: relative;
    top: 0;
    width: 100%;
    padding-bottom: 60px;
}

.rqportlet .rqview>.results>.rqsrchcnt+.rqform {
    position: relative;
    top: 10px;
    width: 100%;
    margin-top: 0;
    padding-top: 0 !important;
}

.rqcol .rqportlet .rqview .rqsrchfrm .rqsrchin {
    margin: 0;
    padding-bottom: 0;
}

.rqportlet .rqdetail>.rqview>.rqform {
    position: absolute;
    top: 210px;
    width: calc(100% - 50px);
}

.rqportlet .rqdetail>.rqview>.rqform.rqautorefresh {
    padding: 0 40px;
}

.rqportlet .rqdetail>.rqview>.rqform>.rqsearchpage {
    position: absolute;
    top: -10px;
    width: 100%;
}

.rqportlet .rqdetail>.rqview>.rqform>.rqsearchpage>.rqsrchin {
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.ui-dialog .rqportlet .rqdetail>.rqview>.rqform,
#flflb .rqportlet .rqdetail>.rqview>.rqform {
    position: relative;
    top: 0;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.ui-dialog .mainactionscontainer #flflb .mainactionscontainer {
    display: none;
}

#flif body {
    color: transparent;
}

.novHonrizontalTab .rqportlet .rqdetail>.rqview>.rqform,
.novHorizontalTab .rqportlet .rqdetail>.rqview>.rqform {
    position: absolute;
    top: 204px;
    width: calc(100% - 50px);
}

.novHonrizontalTab .rqportletcnt>.rqlargedetail>.rqview>.rqform,
.novHorizontalTab .rqportletcnt>.rqlargedetail>.rqview>.rqform {
    top: 34px;
}

.novFitnessWizard .rqportlet .rqform {
    top: 86px;
}

.rqdefaultpage.GAlogo.novWM50 .rqportlet .rqdetail>.rqview>.rqform,
.rqdefaultpage.GAlogo .rqportlet .rqdetail>.rqview>.rqform {
    position: absolute;
    top: 0;
    width: 100%;
}

form>.rqcatcontstyle1 {
    position: relative;
    padding: 20px 20px;
    margin-left: 40px;
    width: calc(100% - 80px) !important;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.rqcol .rqportlet form>.rqcatcontstyle1 {
    position: relative;
    top: 0;
    padding: 0;
    width: 100%;
    background: none;
    border-radius: 0;
    box-shadow: none;
}

#cluetip .rqviewtbl,
.ui-dialog .rqviewtbl,
#rqformporflb .rqviewtbl {
    margin-top: 0;
    padding: 0;
    margin-left: 0 !important;
    width: 100%;
    background-color: #FFF;
    border-radius: 0;
    box-shadow: none;
}

.ui-dialog .rqright {
    height: auto;
}

.bgwhite {
    background: #fff;
}

.GAlogo .rqviewtbl,
.pay-l .rqviewtbl {
    padding: 0;
    margin-left: 0 !important;
    margin-top: 0;
    top: 0;
    width: 100%;
    background: none;
    box-shadow: none;
    border-collapse: collapse;
    border-spacing: 0;
}

.rqviewtbl .rqviewtbl {
    box-shadow: none;
    margin: 0 !important;
    top: 0;
    width: 100%;
    background: transparent;
    padding: 0;
}

.subdetail .rqdesignformtool {
    margin-top: 0;
    margin-bottom: -17px;
}

.rqhlbl,
.rqrlbl {
    padding-right: 0;
}

.rqpage>table {
    padding: 0 40px;
}

.rqpage>table>tbody>tr>td {
    padding: 0 20px !important;
}

.rqpage .rqhdr {
    height: 115px;
    border-radius: 6px;
}


/* 
.rqpage .rqcol .rqhdr {
	height: auto !important;
} */

.rqpage .rqview>.results>.rqsrchcnt,
.rqpage .rqview>.results>.rqsrchcnt>.rqsrchfrm>.rqsrchin {
    border-radius: 0 0 6px 6px;
}

.rqpage .rqview {
    padding: 5px 0;
}

.rqpage .rqentryimg {
    padding: 20px;
}

.rqplanning {
    padding: 15px;
    border-radius: 0 0 6px 6px;
}

.rqdefaultpage .rqplanning {
    padding-top: 50px;
}

.rqpcl {
    display: flex;
    -js-display: flex;
    align-items: center;
    justify-content: flex-end;
}

.rqplanpanel,
.rqplancaltitle,
.rqtblplanning {
    padding: 15px;
}

.rqplanpanel .today {
    background-color: none !important;
}

.rqplancelll {
    height: 100%;
    padding: 0;
}

.rqplanpanel {
    border: none;
}

.rqpage .rqhdrm {
    padding-top: 0;
}

.rqpage .rqdetail {
    width: 100%;
}

.rqpage .rqcontentin .rqdetail {
    padding-left: 5px;
}

.rqpage .rqcol .rqcontentin .rqdetail:first-of-type {
    margin-top: 0;
}

.rqpage .rqcontentin .rqdetail:first-of-type {
    padding-left: 5px;
    margin-top: 80px;
}

.rqpage .rqlist>tbody>.result {
    background-color: #fff;
    border-radius: 6px;
}

.rqpage .rqlist>tbody>.result:hover {
    background-color: lightblue !important;
}

.rqpage .rqlist>tbody>.result:nth-child(2n) {
    background-color: #f9f9f9;
}

.rqpage .rqview>.results>.rqform {
    padding: 10px;
}

.rqpage .rqview>.rqform.flexcontainerrow {
    padding: 20px 10px;
}

.rqdefaultpage .rqentryimg {
    padding: 0 0 5px 30px;
}


/* 
.rqbuttons .mpcmd td span {
margin: 0 5px;
} */

.rqlygrpin {
    padding: 0 10px;
}

.rqfrmlytools ul {
    background: #fff;
}

.rqfrmlybody .rqfields {
    background: #fff;
}

.rqly .rqviewtbl {
    padding: 20px 20px;
    margin-left: 0;
    width: 100%;
    background-color: #FFF;
    border-radius: 0;
    -webkit-box-shadow: none;
    margin-left: 0 !important;
    box-shadow: none;
    margin-bottom: 20px;
    top: -45px;
    box-shadow: 0px 14px 8px rgba(0, 0, 0, 0.06), 0px 22px 10px rgba(63, 81, 181, 0.06), 0px 15px 10px rgba(63, 81, 181, 0.07);
}

.rqly .rqdesignp .rqviewtbl {
    top: 0;
}

.rqfrmlytools {
    top: -70px;
    position: relative;
}

.rqly .rqportlet .rqview .rqform,
.rqportlet .rqview .rqly .rqform,
.rqfrmlytools .rqform {
    position: initial;
}

.rqfrmlybody {
    position: relative;
    width: 64%;
    float: left;
    top: -118px;
}

.rqautoscroll.yui-dispatchable>table {
    position: fixed;
    top: 70px;
    width: 15%;
    left: 83.5%;
    z-index: 900;
}

.rqlargedetail>.rqview>form>table:nth-of-type(2) {
    margin-left: 0;
    border-radius: 0;
    width: 100%;
    box-shadow: 0px 14px 8px rgba(0, 0, 0, 0.06), 0px 22px 10px rgba(63, 81, 181, 0.06), 0px 15px 10px rgba(63, 81, 181, 0.07);
}

.rqexpritemand .itool.plus span {
    color: transparent;
    font-size: 0px;
    margin-top: 2px;
}

.rqexpritemand .itool.plus {
    width: 160px;
    height: 35px;
    display: flex;
    -js-display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    position: absolute;
    right: 38px;
    color: #03A9F4;
    top: 30px;
}

.rqcol .rqexpritemand .itool.plus {
    right: 0;
    top: 22px;
    position: relative;
}

.rqcol .rqexpritemand {
    display: flex;
    -js-display: flex;
    justify-content: flex-end;
}

.rqexpritemand .itool.plus:hover .txt {
    color: #0059a4;
}

.rqexpritemand .itool.plus:before {
    content: "TOUS LES FILTRES";
    position: relative;
    top: -3px;
    left: -8px;
}

.rqexpritemand .itool.plus .txt:before {
    content: "\f0b0";
    font-family: "fontawesome";
    font-size: 24px;
    background: #E1F5FE;
    padding: 6px 10px;
    border-radius: 50%;
}

.rqexpritemand .itool.plus .txt {
    width: 30px;
    height: 30px;
    background: none;
    padding: 0;
    color: #03A9F4;
}

.rqexpritemand .itool.plus .txt:hover {
    background: none !important;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #0059a4;
}

.rqexpritemand .itool.plus:hover {
    text-decoration: none;
}

.rqexpritemand .itool.plus:hover,
.rqexpritem .itool.minus:hover {
    text-decoration: none;
}

.rqexpritem a.itool {
    top: 0;
}

.rqexpritem .itool.minus:hover span {
    background: url('icon/fermer-cyan.svg') no-repeat;
    background-size: 20px !important;
    padding: 10px;
    position: relative;
    top: -5px;
    left: -4px;
}

.rqexpritem .itool.minus span {
    background: url('icon/fermer-lightgrey.svg') no-repeat;
    color: transparent;
    background-size: 20px;
    padding: 10px;
    position: relative;
    top: -5px;
    left: -4px;
}

.rqexpritem .itool.minus {
    order: 4;
}

.rqlnk .itool.minus {
    margin-left: 5px;
}

.rqexpritem input {
    margin: 0 5px 0 0;
}

.rqexpritem {
    float: none;
    margin: 0;
    display: flex;
    -js-display: flex;
    flex-direction: row;
    align-items: center;
}

.rqexpritemcnt {
    margin-right: 5px;
    margin-top: -5px;
}

.rqexpritemcnt {
    padding: 5px 10px;
}

.rqexprbuiltin {
    padding: 0;
}

.rqexpritem .rqexpritemtxt {
    margin: 0 10px 0 0;
}

.rqexpritem .rqexpritemtxt .rqfltoptvalgrp {
    margin: 2px 0;
}


/******************* pages de listes *******************/

.rqdefaultpage .rqportletcnt>.rqdetail>.rqdetail {
    top: 70px;
    position: relative;
}

.rqdefaultpage .rqportletcnt>.rqdetail>.rqdetail:last-child {
    margin-bottom: 40px;
}

.rqdefaultpage .rqportletcnt>.rqdetail>.rqdetail {
    margin: 0px 80px;
    width: calc(100% - 160px);
    background: #fefeff;
    border-radius: 6px;
    box-shadow: 0px 0px 12px rgba(63, 81, 181, 0.04), 0px 1px 7px rgba(63, 81, 181, 0.02), 0px 0px 6px rgba(63, 81, 181, 0.07);
}

.rqdefaultpage .rqportletcnt>.rqdetail>.rqdetail .navtop {
    margin-left: 40px;
}

.rqview .results {
    padding: 0;
}

.rqdefaultpage .rqportletcnt>.rqdetail>.rqdetail>.rqview>.rqtitle,
.rqdefaultpage .rqportletcnt>.rqdetail>.rqdetail>.rqview>h2:nth-child(1) {
    width: 100%;
    visibility: visible;
    display: flex !important;
    border: 0;
    padding: 0;
}

.rqdefaultpage .rqportletcnt>.rqdetail>.rqdetail>.rqview>.rqtitle>span {
    width: 100%;
    padding: 10px;
    color: #3F51B5;
    border-bottom: 2px solid #f1f3fa;
}

.rqdefaultpage .rqportletcnt>.rqdetail>.rqdetail>.rqview>.rqtitle>span:empty,
.rqdefaultpage .rqportletcnt>.rqdetail>.rqdetail>.rqview>.rqtitle:empty {
    display: none;
}

.rqdefaultpage .rqportletcnt>.rqdetail>.rqdetail>.rqview>.results .result:nth-child(2n) {
    background-color: #ebf3f5;
}

.rqdefaultpage .rqportletcnt>.rqdetail>.rqdetail>.rqview .rqlist {
    width: 100%;
}

.rqattach {
    padding: 10px;
}

.rqattach>tbody>tr>td>table>tbody>tr {
    display: flex;
    -js-display: flex;
    justify-content: center;
    align-items: center;
}

.rqattach>tbody>tr>td>table>tbody>tr>td {
    padding: 0 0 0 10px;
}

.rqdefaultpage .rqview .rqlist {
    box-shadow: none;
}

.rqdefaultpage form>.rqlist {
    box-shadow: 0px 0px 12px rgba(63, 81, 181, 0.04), 0px 1px 7px rgba(63, 81, 181, 0.02), 0px 0px 6px rgba(63, 81, 181, 0.07);
}

.yuimenubar>.bd>ul>li {
    background: #e1f5fe;
    padding: 5px 15px;
    border-radius: 20px;
    color: #fff;
    z-index: 100;
    position: relative;
}

.rqwidget .rqhradio {
    margin: 0px 15px 0 0;
}

.rqwidget>ul {
    width: 100%;
}

.rqwidget>ul:empty {
    display: none;
}

.rqlyexpsection .subdetail .rqsdetailhdr {
    border: none;
}


/*.subdetail .val .rqhradio,
.subdetail .rqval .rqhradio {
	margin: 9px 15px 0 0;
	position: relative;
	top: -6px;
}*/

.rqmactmenu {
    color: #039BE5;
}

.rqpage .rqcol .rqportlet .rqdetail.w100 {
    box-shadow: none;
    margin: 0;
    padding: 0;
    width: 100% !important;
}

.rqtblh input,
.rqtblsorted input,
.novHeaderFilterDate input {
    margin-top: 2px;
    width: 98%;
    min-width: 30px;
    border-radius: 6px;
    font-size: 11px !important;
    height: 25px;
    border: 1px solid #CECEE6;
}

.rqtblh input:hover,
.rqtblsorted input:hover,
.rqtblh input:focus,
.rqtblsorted input:focus,
.novHeaderFilterDate input:hover,
.novHeaderFilterDate input:focus {
    border: 1px solid #03a9f4;
}

.novHeaderFilterDate img {
    position: relative;
    right: 25px;
    border: 0;
    top: 5px;
    background-image: url("icon/calendar-lightgrey.svg") !important;
    width: 1px;
    height: 1px;
    padding: 11px;
    background-repeat: no-repeat;
    background-size: 18px 18px !important;
}

.rqrecordcount {
    background: #f8f9fd;
    width: 100%;
    padding: 15px 20px;
    border-radius: 0 0 6px 6px;
    box-shadow: 0px 4px 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    margin-top: -21px;
    height: 60px;
    border-top: 1px solid #f4f4f4;
}

.rqcol .rqrecordcount {
    margin-top: -24px;
}

.rqview .tblreq tr.even td.sorted,
.rqview .tblreq tr.odd td.sorted {
    background-color: rgba(200, 200, 200, 0.1);
}

.rqview .tblreq tr:hover td,
.rqview .tblreq tr.even td.sorted:hover,
.rqview .tblreq tr.odd td.sorted:hover,
.rqview .tblreq tr.odd:hover td.sorted,
.rqview .tblreq tr.even:hover td.sorted {
    background-color: #DCEAFE !important;
    /*border-top: 1px solid #03a9f4 !important;
border-bottom: 1px solid #03a9f4 !important;*/
}


/****************** editeur de filtes ***********************/


/****************** fitness****************************/

#nrhmain {
    padding-top: 50px;
}


/****************** Barre de Recherche ******************/

.fa-stars {
    background: url('icon/star-cyan.svg');
    background-repeat: no-repeat;
    width: 18px;
    height: 17.12px;
    background-position: center;
    background-size: 100%;
}

.fa-stars:before {
    content: "";
}

.fa-tools {
    background: url('icon/tools-cyan.svg');
    background-repeat: no-repeat;
    width: 18px;
    height: 17.12px;
    background-position: center;
    background-size: 100%;
}

.fa-tools:before {
    content: "";
}

.fa-euro-sign {
    background: url('icon/paie-cyan.svg');
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: 100%;
}

.fa-euro-sign:before {
    content: "";
}

.fa-user {
    background: url('icon/user-cyan.svg');
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: 100%;
}

.fa-user:before {
    content: "";
}

.fa-search {
    background: url('icon/magnifier-cyan.svg');
    background-repeat: no-repeat;
    width: 18px;
    height: 17.12px;
    background-position: center;
    background-size: 100%;
}


/************************** Fiche GA **************************/

.rqview>h2 {
    display: none !important;
}

.rqportlet .GAlogo form,
.rqportlet .pay-l form {
    margin-top: 0;
}

.rqcol .rqdesignformtool {
    position: absolute !important;
    /*right: 38px;*/
}

.personcard {
    background-color: white;
}

.rqlycol {
    padding: 0 !important;
}

.rqsectionin {
    margin: 0;
}

.rqsection.group>td>.rqsectionin {
    margin: 0 5px 10px 5px;
}

.rqsection.group>td>.rqsectionin.novBloc {
    margin: 0;
}

td[colspan="2"] {
    padding: 0 !important;
}

.ui-tabs .ui-tabs-nav {
    background: #1169b4;
    padding-left: 30px;
    width: calc(100% + 22px);
}

.rqform>.rqviewtbl>tbody>.tabview .ui-tabs .ui-tabs-nav,
.GAlogo .ui-tabs .ui-tabs-nav,
.pay-l .ui-tabs .ui-tabs-nav {
    width: calc(100%) !important;
}

.rqtabcontent .rqsectionin .ui-tabs .ui-tabs-nav {
    margin-top: -10px;
    border-radius: 10px 10px 0 0;
}

.pgtbl .ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav li a {
    background: none;
    color: white !important;
    border-radius: 0 !important;
}

.pgtbl .ui-tabs .ui-tabs-nav li {
    margin: 0 20px 0 0 !important;
}

.rqcol .GAlogo .ui-tabs .ui-tabs-nav li {
    margin: 0 !important;
}

.ui-tabs .ui-tabs-nav li a {
    margin: 0;
}

.pgtbl .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.pgtbl .ui-tabs .ui-tabs-nav li:hover,
.pgtbl .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    box-shadow: none !important;
    border-top: 0 !important;
    border-radius: 0 0 5px 5px !important;
    border-bottom: 6px solid #03a9f4 !important;
    position: relative;
    top: 6px;
}

.pgtbl .ui-tabs .ui-tabs-nav li {
    box-shadow: none !important;
    border-top: 0 !important;
    border-radius: 5px !important;
    border-bottom: 6px solid transparent !important;
    position: relative;
    top: 6px;
}

.pgtbl .ui-tabs .ui-tabs-nav li a {
    margin-top: -5px !important;
}

.pgtbl .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.pgtbl .ui-tabs .ui-tabs-nav li:hover a,
.pgtbl .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.pgtbl .ui-tabs .ui-tabs-nav li.ui-tabs-active a.ui-tabs-anchor {
    background-color: #0059a4;
    /* font-weight: bold; */
}

.ui-tabs .ui-tabs-nav li {
    border-top: 0 !important;
}

.ui-tabs .ui-tabs-panel .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-panel .ui-tabs-nav li {
    background: none !important;
}

.pgtbl .ui-tabs .rqsectionin .ui-tabs-panel {
    margin: 0;
    background: transparent;
}

.pgtbl .ui-tabs .rqsectionin .ui-tabs-panel .rqsection,
.pgtbl .ui-tabs .rqsectionin .ui-tabs-panel .rqprop {
    background: none;
    box-shadow: none;
}

.personcard .rqlygrpin tbody {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.personcard>table>tbody {
    flex-direction: column;
}

.personcard>table>tbody>.rqsection:nth-child(2) {
    padding-bottom: 10px;
}

.personcard>table>tbody>.rqsection:nth-child(2) .rqpropleftin {
    display: flex;
    -js-display: flex;
    flex-direction: column;
    padding: 5px 15px;
}

.personcard>table>tbody>.rqsection:nth-child(2) .rqlygrpin .rqsection {
    border-right: 1px solid #3F51B5;
}

.personcard>table>tbody>.rqsection:nth-child(2) .rqlygrpin .rqsection:last-child,
.personcard>table>tbody>.rqsection:nth-child(2) .rqlygrpin .rqsection:nth-last-child(2) {
    border-right: none;
    flex-grow: 2;
}

.rqlargedetail {
    margin-top: -20px;
}

.pay-l .rqlargedetail,
.GAlogo .rqlargedetail {
    margin-top: -20px;
}

#nrhmain .rqlargedetail {
    margin-top: -25px;
}

#cluetip .rqlargedetail {
    margin-top: 0px !important;
}

.GAlogo .rqhdrm h3,
.pay-l .rqhdrm>h3 {
    display: none !important;
}

.GAlogo.showTitle .rqhdrm h3,
.pay-l.showTitle .rqhdrm>h3 {
    display: inline !important;
}

.rqhdrm h3,
.novbreadcrumb {
    width: 90%;
}

#whymenu {
    z-index: 900;
}

.yuimenuitem.yuimenuitem-hassubmenu.first-of-type>.yui-module.yui-overlay.yuimenu.visible {
    top: 0 !important;
    padding-bottom: 50px !important;
}

.yui-skin-sam .yui-menu-shadow-visible {
    background: none ! important;
}

.rqhdrm h3 {
    position: absolute;
    top: 105px;
    left: 75px;
    width: calc(90% - 75px);
}

.uk-modal-dialog .rqhdrm h3 {
    top: 0px;
    left: 15px;
    width: calc(90% - 15px);
}

.rqcol .rqportlet .rqhdrm h3 {
    position: relative !important;
    top: 0;
    left: 0;
    width: calc(90% - 75px);
}

.novbreadcrumb {
    z-index: 50;
}

.novPageTitle {
    line-height: 26px;
    width: 55%;
}

.GAlogo .rqhdrm h3>.novbreadcrumb,
.pay-l .rqhdrm>h3>.novbreadcrumb {
    position: absolute;
}

.rqcol .GAlogo .rqhdrm h3>.novbreadcrumb,
.rqcol .pay-l .rqhdrm>h3>.novbreadcrumb {
    position: initial;
}

.GAlogo .rqcontent .novbreadcrumb {
    display: flex;
    -js-display: flex;
    top: -87px;
}

.pay-l .rqcontent .novbreadcrumb {
    display: flex;
    -js-display: flex;
    top: -87px;
    left: 35px;
}

.novbreadcrumb .novPath a {
    font-style: 'Montserrat' !important;
}

.pay-l .rqview>.rqform>.rqviewtbl>tbody>.rqsection:first-of-type {
    /*bouton suivant et précédent*/
    display: none;
}

.rqwidget {
    flex-direction: row;
}

.rqval .rqwidget,
.rqpropleftin .rqwidget,
.rqproptopin .rqwidget {
    flex-direction: column;
}

.rqwidget .subdetail {
    display: flex;
    -js-display: flex;
    flex-direction: column;
}

.rqwidget .rqmultidetailitem .subdetail {
    padding: 0;
}

.rqwidget .rqmultidetailitem .subdetail .rqlycol.col-lg-10 {
    box-shadow: none !important;
}

.infobar_collab {
    margin-top: -10px;
}

.rqright {
    background: transparent;
}

.GAlogo .rqview {
    margin-top: -55px;
    position: absolute;
    width: 100%;
}

.rqcol .GAlogo .rqview,
.rqcol .pay-l .rqview {
    margin-top: -55px;
    position: initial;
    width: 100%;
}

.novWM50 .rqview {
    width: calc(100% - 50px) !important;
}

.pay-l .rqview {
    margin-top: -55px;
    position: absolute;
    width: 100%;
}

.navtop,
.navbottom {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}

.navtop .rqnavprev,
.navbottom .rqnavprev {
    margin-left: 0;
}

.rqpage .rqportlet {
    background: #fefeff;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07)
}

.rqpage .rqportlet .rqhdr .rqhdrl .rqhdrr .rqhdrm table tbody tr td:nth-child(4) {
    display: none;
}

.rqpage .rqhdr,
.rqpage .rqentryimg {
    background: #fefeff;
}

.catcont .catin {
    padding: 0;
    margin-left: 0;
}

.rqchartpanel {
    padding: 15px 0px;
}

.rqpage .rqhdrm h3 {
    color: #0059a4;
}


/* .rqtabcontent>table>tbody>tr>td>.rqsectionin>table {
	padding: 0 20px;
} */

.ui-tabs-panel .ui-tabs-panel,
.ui-tabs-panel .ui-tabs-panel .rqsectionin>table {
    margin: 0 !important;
    padding: 0;
}

.ui-tabs-panel .rqlblin:empty {
    display: none;
}

.ui-tabs-panel .rqlblin span:empty {
    display: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a em {
    color: white;
}


/************************************* personcard ***************************************/

.personcard .novflewrow-alcenter .rqpropleftin {
    padding: 0;
}


/************************************ contract ************************************/

.novDivision {
    padding: 0 15px 15px 15px;
}

.novContractContainer .rqviewtbl {
    background: transparent;
}

.rqsection .rqtabview {
    width: calc(100% + 44px);
    margin-left: -22px;
}


/* 
.rqsection .rqsection .rqtabview {
	background: #f1f3fa;
} */

.pgtbl .ui-tabs .ui-tabs-panel {
    margin: 30px 30px;
}

.GAlogo .pgtbl .ui-tabs .ui-tabs-panel,
.pay-l .pgtbl .ui-tabs .ui-tabs-panel {
    margin: 20px 40px;
}

.rqsection .rqtabview .rqtabview,
.pay-l .rqsection .rqtabview,
.GAlogo .rqsection .rqtabview {
    width: 100%;
    margin-left: 0;
}

.ui-tabs-panel .rqsection .rqlyhgrpin {
    padding: 5px 20px;
}


/********************************* sélecteur & inputs ********************************/

a.rqbtn,
a.rqbtn:hover,
a.rqnavnext,
a.rqnavprev {
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    border: none;
}

a.rqnavnext span,
a.rqnavprev span,
a.rqnavnext:hover span,
a.rqnavprev:hover span {
    color: transparent !important;
}

#novBottomToolBar a.rqnavprev,
#novBottomToolBar a.rqnavnext,
#novBottomToolBar a.rqnavprev span,
#novBottomToolBar a.rqnavnext span {
    color: white !important;
}

#novBottomToolBar a.rqnavprev span,
#novBottomToolBar a.rqnavnext span {
    background: #03a9f4 !important;
}


/* #novBottomToolBar a.rqnavprev:hover span,
#novBottomToolBar a.rqnavnext:hover span {
background: #0059a4 !important;
} */

#novBottomToolBar td {
    display: flex;
    -js-display: flex;
    align-items: center;
}

#novBottomToolBar a.rqact, 
#novBottomToolBar a.rqbtnret[href="#"]{
    background: #03a9f4;
    color: #fff;
    border-radius: 25px;
    padding: 5px 4px;
    height: 24px;
}

#novBottomToolBar a.rqact:hover, 
#novBottomToolBar a.rqbtnret[href="#"]:hover {
    text-decoration: none;
    background: #0059a4;
    color: #fff;
}

#novBottomToolBar a.rqbtnret[href="#"] span.rqe{
    display: none;
}

#novBottomToolBar a.rqact span,
#novBottomToolBar a.rqbtnret[href="#"] span{
    white-space: nowrap;
}

.rqbtn.rqdisabled {
    background: none;
    border: none;
}

.rqbtn.rqdisabled span {
    background-color: rgba(125, 125, 125, 0.2) !important;
}

.novautocomplete .txt {
    background: url('icon/plus3-lightgrey.svg') no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    color: transparent;
    padding: 3px;
    margin-left: -28px;
    background-position-y: 0px;
}

.rqval .novautocomplete .txt {
    margin-left: -32px;
}

.novautocomplete .txt:hover {
    background: url('icon/plus3-cyan.svg') no-repeat;
    background-size: 20px;
    background-position-y: 0px;
}

.rqautocomplete input,
.novautocomplete input {
    padding-right: 30px;
    /*width: calc(100% - 30px);*/
    width: 226px;
    border: 1px solid #CECEE6;
    height: 34px;
    border-radius: 6px;
}

.rqval .novautocomplete input {
    margin-right: 4px;
}

.rqval .novautocomplete {
    margin-left: 10px;
}

.rqautocomplete .itool.plus .txt,
.rqautocomplete .itool.plus .txt:hover {
    background: none !important;
}

.rqautocomplete .itool.plus {
    background: url('icon/plus3-lightgrey.svg') no-repeat;
    background-size: 20px;
    width: 20px;
    height: 22px;
    color: transparent;
    padding: 3px;
    margin-left: -25.5px !important;
    background-position-y: 1px;
}

.rqautocomplete .itool.plus:hover {
    background: url('icon/plus3-cyan.svg') no-repeat;
    background-size: 20px;
    background-position-y: 1px;
}

.ui-autocomplete.ui-front {
    box-shadow: 0px 3px 6px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 6px rgba(63, 81, 181, 0.07);
    border-radius: 0;
    border: 1px solid #f0f0f0;
}

.rqsublist .itool.plus .txt {
    top: 5px;
}

.rqsublist .rqlnk .itool.plus .txt {
    top: -4px;
}

.rqsublist {
    margin-bottom: 15px;
}

.ulritems .itool.plus,
.itool.plus .txt,
.rqmdtool .itool.plus {
    background: url('icon/plus3-grey.svg') no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    color: transparent;
    font-size: 0 !important;
    padding: 9px;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ulritems .itool.plus {
    top: -4px;
}

.ulritems .itool.plus .txt {
    display: none;
}

.rqautocomplete .itool.plus .txt {
    background: url('icon/plus3-lightgrey.svg') no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    color: transparent;
    padding: 2px;
    font-size: 0 !important;
    padding: 9px;
    position: relative;
    top: -4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.itool.minus .txt,
.rqmdtool .itool.minus {
    background: url('icon/fermer-grey.svg') no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    color: transparent;
    font-size: 0 !important;
    padding: 9px;
    position: relative;
    top: -4px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rqtabcontent .rqmdtool .itool.minus {
    top: 0px !important;
}

.rqsublist .rqaddremtools .itool.minus .txt {
    background: url('icon/trash-darkgrey.svg') no-repeat;
    background-position: 1px 1px;
    background-size: 14px;
}

.itool.plus:hover,
.itool.minus:hover {
    text-decoration: none !important;
}

.itool.plus .txt:hover,
.rqmdtool .itool.plus:hover,
.dsn_innertable span.txt:hover,
.ulritems .itool.plus:hover {
    text-decoration: none !important;
    background: url('icon/plus3-cyan.svg') no-repeat !important;
    background-size: 16px !important;
}

.itool.minus .txt:hover,
.rqmdtool .itool.minus:hover {
    text-decoration: none !important;
    background: url('icon/fermer-cyan.svg') no-repeat !important;
    background-size: 16px !important;
}

.rqsublist .rqaddremtools .itool.minus .txt:hover {
    text-decoration: none !important;
    background: url('icon/trash-cyan.svg') no-repeat !important;
    background-size: 14px !important;
    background-position: 1px 1px;
}

.itool.minus-all .txt {
    font-size: 0 !important;
}

.itool.minus-all .txt::before {
    background: url('icon/trash-darkgrey.svg') no-repeat !important;
    background-size: 16px !important;
    content: "Tout supprimer";
    font-size: 14px;
    padding-left: 20px;
    text-decoration: none;
    /*color: black;*/
}

.itool.minus-all:hover {
    text-decoration: none;
}

.itool.minus-all:hover .txt::before {
    background: url('icon/trash-white.svg') no-repeat !important;
    background-size: 16px !important;
    content: "Tout supprimer";
    font-size: 14px;
    padding-left: 20px;
    text-decoration: none;
    color: #fff !important;
}

.itool.minus-all:hover {
    background-color: #03a9f4 !important;
}

.itool.minus-all .txt::before {
	/*color: unset !important;*/
}

.minus-all {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
    display: block;
	border-radius: 25px;
    padding: 5px 15px;
    background: #dedede;
    width: 150px;
    color: black;
}

.rqlnk .witem {
    padding-right: 5px;
    font-weight: 400;
    font-size: 13px;
    color: #333;
}

.rqtblcel {
    font-weight: 400;
    font-size: 13px;
    color: #333;
}

.qq-upload-button::before {
    background: url('icon/download2-grey.svg') no-repeat;
    background-size: 16px;
    background-position-y: 1px;
    content: "Télécharger";
    color: "#777";
    font-size: 14px;
    padding-left: 20px;
    text-decoration: none !important;
    cursor: pointer;
}

.rqajuploader:hover,
.rqajuploader input:hover,
.qq-upload-button input,
.qq-upload-button,
.qq-upload-button:hover,
.qq-uploader:hover {
    cursor: pointer;
}

.rqajuploader:hover .qq-upload-button::before {
    background: url('icon/download2-cyan.svg') no-repeat;
    background-size: 16px;
    background-position-y: 1px;
    text-decoration: none !important;
    cursor: pointer;
}

.qq-upload-button {
    color: #1169b4;
    font-size: 0;
    height: 20px;
    top: 4px;
}

.qq-upload-button:hover {
    color: #03a9f4;
}

.rqajuploader {
    position: relative;
    top: -1px;
}

.datecompo .imgcal {
    background-image: url("icon/calendar-lightgrey.svg");
    width: 16px;
    height: 16px;
    background-size: 19px;
    background-repeat: no-repeat;
    padding: 8px 11px 11px 8px;
    margin-left: -35px;
    position: relative;
    top: 0px;
}

#nrhmain .datecompo .imgcal {
    top: 0;
}

.dsn_innertable .datecompo .imgcal {
    top: -1px;
}

.datecompo .imgcal:hover,
.rqpltools .imgcal:hover {
    background-image: url("icon/calendar-cyan.svg");
    background-size: 19px;
    background-repeat: no-repeat;
}

.rqpltools .imgcal {
    background-image: url("icon/calendar-lightgrey.svg");
    background-size: 19px;
    background-repeat: no-repeat;
    padding: 8px 20px 11px 8px;
    margin-left: -35px;
    border: none;
    position: relative;
    top: 5px;
    -o-object-position: -99999px 99999px;
    object-position: -99999px 99999px;
}

a.rqdesignactc:hover,
a.rqdesignactc,
a.rqdesignactcp,
a.rqdesignactcp:hover {
    border: none;
    margin: 1px;
}

.sumlnk .txt {
    margin-right: 5px;
    margin-left: 10px;
}

.rqval .rqmlnk {
    margin: 0;
}

.rqval .rqmlnk .sumlnk .txt,
.rqval .rqtext .sumlnk .txt {
    margin-left: 0px;
}

.rqval>span>.rqwidget>.rqlnk>.sumlnk>.txt {
    margin-left: 10px;
}

ul.ulwitems li {
    margin: 5px 0;
}

.ulritems .itool.plus,
.itool.plus .txt,
.rqmdtool .itool.plus,
.rqmdtool .itool.minus {
    top: 0px !important;
}

.rqsublist .rqaddremtools .itool.plus .txt,
.val .ulritems .itool.plus,
.ulritems li .itool.plus,
li .itool.plus .txt,
.rqlnk>.itool.plus .txt,
.rqmdtool li .itool.plus {
    top: -4px !important;
}

.wdivitems UL.ulritems LI {
    padding: 3px;
}

.ulritems>li>span {
    margin-right: 7px;
}

.rqmultidetail li .rqmdtool:empty {
    display: none;
}

.rqval .rqwidget .sumlnk .txt,
.rqmultidetail li .rqmdtool {
    margin-left: 10px;
}

.rqtabcontent .row .rqsection.row.multicolumn {
    padding: 10px 0;
}

.rqmultidetail .subdetail .rqdesignformtool {
    margin-top: 0;
    margin-bottom: 0;
    position: absolute !important;
    top: 5px;
}

.rqmultidetail li .rqlygrphdr {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

.rqmdtoollbl {
    position: relative;
    top: 9px;
}

.rqhfields {
    display: flex;
    -js-display: flex;
    align-items: center;
    margin-top: 1px;
    margin-bottom: 1px;
}

.rqhfields .rqhprop {
    display: flex;
    -js-display: flex;
    align-items: center;
    margin-left: 10px;
}

.rqcol .rqsrchin fieldset.rqusercrit {
    margin-left: 3px;
    position: absolute;
    left: 320px;
    top: 14px;
}

.rqsrchin fieldset.rqusercrit {
    margin-left: 0;
    position: relative;
    left: 20px;
    top: -7px;
}

.rqcol .rqsrchin fieldset.rqusercrit a.rqcritbtn .rqs {
    background-position: 8px 4px;
    padding: 5px 20px 5px 30px;
    color: #03a9f4;
    background-color: #e1f5fe;
}

.rqsrchin fieldset.rqusercrit a.rqcritbtn .rqs {
    background-position: 9px 9px;
    padding: 10px 20px 10px 30px;
    color: #03a9f4;
    background-color: #e1f5fe;
}

a.rqcritbtn {
    text-shadow: none;
}

.rqsrchin fieldset.rqusercrit a.rqcritbtn:hover .rqs {
    color: #0059a4;
}

.rqusercrit a.rqcritbtn {
    background: none !important;
}

.rqcol .rqwidget {
    position: relative;
}

.link>.rqscr {
    width: 100% !important;
}

.rqcmdselect input[type="submit"],
.rqcmdselect input[type="button"],
.rqcmdsubmit input[type="submit"],
.rqcmdsubmit input[type="button"],
.rqcmdsubmit .js-modal-confirm {
    background: #95ce00;
    color: #fff;
    height: 24px;
    border: 1px solid #95ce00;
    padding: 0;
}

.rqcmdcancel input[type="button"],
.rqcmdclose input[type="button"] {
    background: #ef3c79 !important;
    color: #fff !important;
    border: 1px solid #ef3c79 !important;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
}

.novactionbutton .mainactionscontainer .rqact .rqs.novDesignAction {
    color: #fff !important;
}


/****************************** inputs & select size ***************************************/

#awesomeSearchButton>i {
    background: none !important;
}

.novLongSelect select {
    width: 359px;
}

.novMidSelect select {
    width: 263px;
}

.rqtxtval,
.dateedit,
select,
.rqval input {
    max-width: 226px !important;
}

.rqval select[name="data.sysOverrideLayout"],
.rqval select[name="data.sysBundle"] {
    max-width: 1000px !important;
}

.dsn_input,
.dsn_table input,
.dsn_table select {
    max-width: 400px !important;
}

.novLenghtInput160 input,
.novLenghtInput160 select {
    max-width: 160px !important;
}

.loginpage input[name="data.sysLogin"],
.loginpage .rqtxtval,
.loginpage .rqpassword,
.fltrow input {
    max-width: 75% !important;
}

select option:disabled {
    display: none;
}

select option[disabled="disabled"] {
    display: none;
}

.rqedit:empty,
.rqhlbl:empty {
    display: none;
}

.rqmultidetailo {
    width: 100%;
}


/***************************** radio & toogle *****************************************/

input[type="radio"] {
    border-radius: 25px;
    height: 15px !important;
    width: 15px !important;
    position: relative;
    top: 2px;
    padding: 0;
}

input[type="radio"]:checked {
    background-color: #fff;
    background-image: url("icon/circle-fill-lightblue.svg");
    background-size: 9px;
    background-position: 2px;
    background-repeat: no-repeat;
    border-color: #03a9f4;
}

input[type="checkbox"],
.rqedttbl .slick-cell input[type="checkbox"],
span.dynatree-checkbox {
    border-radius: 0;
    height: 15px !important;
    width: 15px !important;
    position: relative;
    top: 1px;
    padding: 0;
    cursor: pointer;
}

.rqplanningmode {
    margin-right: 5px;
}

.dynatree-partsel span.dynatree-checkbox {
    background-color: #03a9f4;
    padding: 1px;
    cursor: pointer;
}

input[type="checkbox"]:checked,
.rqedttbl .slick-cell input[type="checkbox"]:checked,
.dynatree-selected span.dynatree-checkbox,
.dynatree-selected span.dynatree-checkbox:hover {
    background-color: #03a9f4;
    background-image: url("icon/check-white.svg");
    background-size: 9px;
    background-position: 2px;
    background-repeat: no-repeat;
    border-color: #03a9f4;
    cursor: pointer;
}

.rqval input[type="checkbox"] {
    position: relative;
    top: 2px;
}

span.dynatree-checkbox {
    position: relative;
    top: 1px;
    right: 2px;
}

.rqpropleftin input[type="checkbox"] {
    position: relative;
    top: -1px;
}

.sublist input[type="checkbox"] {
    top: 2px;
}

.novWidgetColumn .rqpropleftin input[type="checkbox"] {
    top: 2px;
    margin-left: 10px;
}

.rqplanningview>input[type="radio"]:checked,
.rqplanningoptions input[type="checkbox"]:checked,
.rqplanningoptions input[type="radio"]:checked {
    background-position: 2px;
}


/****************** stats ***********************/

.errorChartText {
    position: absolute;
    height: 100%;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 6px;
    text-align: center;
    padding: 25px;
}

.errorChartText>div {
    position: relative;
    top: calc(50% - 12px);
    text-align: center;
}

.rqchartpanel {
    padding: 5px 20px;
    background-color: #fafafa;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    border-radius: 6px;
}

.rqchartpanel .rqchartpanelitem:empty {
    padding-bottom: 0;
}

.chart table {
    border-collapse: collapse;
}

.rqchartpanelitem {
    float: none;
    padding-right: 15px;
    margin-top: 10px;
    padding-bottom: 20px;
}

.rqdefaultpage .rqchartgraph {
    padding: 0 40px;
}

.rqchartexportlink {
    background: none;
}

.rqchartexportlink a {
    background-image: url(icon/excel-white.svg);
    background-repeat: no-repeat;
    background-position: 19px 6px;
    background-size: 20px;
    display: flex;
    -js-display: flex;
    background-color: #009688;
    padding: 10px 0px 10px 19px;
    border-radius: 56px;
    height: 34px;
    letter-spacing: 0.25px;
    justify-content: center;
    align-items: center;
    right: 40px;
    bottom: 10px;
    position: absolute;
    z-index: 10;
    width: 350px;
}

.novchart .rqchartexportlink a {
    bottom: 50px;
}

.rqchartexportlink a {
    color: #fff;
    font-family: "Lato";
    font-weight: 300;
    font-size: 13px;
}

.rqchartexportlink:hover a,
.rqchartexportlink a:hover {
    text-decoration: none;
    background-color: #006c62;
}

.chart .rqantbl {
    margin: 0 0 40px 0;
    width: 100%;
}

.rqolapinfo {
    padding: 3px 42px;
}

.rqform .chart {
    position: relative;
    /* top: 40px; */
    padding: 20px 20px;
    margin-left: 40px;
    width: calc(100% - 80px);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.rqolaptable {
    padding: 15px 0 15px 0;
}

.chdata,
.chtools {
    border: none;
    font-size: 100%;
    background: #fafafa;
    padding: 5px;
    border-radius: 6px;
    margin-right: 5px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.dim {
    background-color: #7986CB;
    color: #fff;
}

.mes {
    background-color: #ffa4a2;
    color: #000;
}

.chdata .fm1 {
    background: #fff;
    border: none;
    position: relative;
}

.chdata .fm1 a:hover {
    color: #0059a4 !important;
}

.rqantbl {
    border: 1px solid #c0c0c0;
}

.rqantbl th {
    border: 1px solid #c0c0c0;
    background-color: #eeeeee80;
}

.rqlargedetail.novviewchart>.rqview>form>.rqolapinfo,
.novviewchart .rqolapinfo {
    margin-top: 0px;
    padding: 30px 42px 3px 42px;
}

.novviewchart .rqchartpanel {
    min-height: 160px;
}

.novchart .highcharts-exporting-group,
.novchart .highcharts-exporting-group>.highcharts-button.highcharts-contextbutton.highcharts-button-normal {
    display: none;
}

.rqlargedetail>.rqview>form>.rqolapinfo {
    margin-top: 20px;
}


/************** petite marge pour l'alignement des champs pour Cedric ***************/

.rqval .rqtext {
    margin: 3px 0 4px 10px;
}

.rqval .rqwidget .rqtext {
    margin: 3px 0 4px 0px;
}

.rqval>.rqeditor,
.rqval>.rqautocomplete,
.rqval>.rqtxtval,
.rqval>select,
.rqval>textarea,
.rqval>input,
.rqval>.rqlnk,
.rqval>.sumlnk,
.rqval>.rqcheck,
.rqval>.rqscr,
.rqval>.rqmlnk,
.rqval>.datecompo,
.rqval>span>.rqwidget>.sublist,
.rqval>span>.rqwidget>.novautocomplete,
.rqval>.rqlnk>.itool,
.rqwidget>#data-ca2iValues-dialog-display,
.rqprop>.rqval>span>.rqlnk>.witem,
.rqprop>.col-12>.rqpropleftin>.rqhlbl>span,
.rqprop>.col-12>.rqpropleftin>.rqmlnk>.rdivitems,
.rqprop>.col-12>.rqpropleftin>.rqmlnk>.wdivitems,
.rqval>.rqwidget>.rqmultidetailo,
.rqval>.rqsublist,
.rqval>.rqscr>.CodeMirror {
    margin-left: 10px;
}

.row>.col-12>.rqpropleftin>.rqmlnk>.wdivitems .itool:first-of-type,
.rqprop>.col-12>.rqpropleftin>.rqhlbl>span:empty {
    margin: 0;
}

.rqajuploader,
.rqpropleftin .rqval .rqtext {
    padding-left: 0;
}


/* 
.rqlnk .qq-upload-button {
	padding-left: 8px;
} */

.rqval>.rqlnk>.itool.plus {
    margin-left: 0;
}

.rqprop>.rqval>.rqlnk>.itool.minus+.itool.plus {
    margin-left: 0;
}

#nrhmain .rqval>.rqtxtval,
#nrhmain .rqval>select,
#nrhmain .rqval>textarea,
#nrhmain .rqval>input,
#nrhmain .rqval>div,
#nrhmain .rqval>.sumlnk,
#nrhmain .rqval>.rqcheck,
#nrhmain .rqval>.rqscr,
#nrhmain .rqval>.rqmlnk,
#nrhmain .rqval>.datecompo,
#nrhmain .rqval>span>.rqwidget>.sublist {
    margin-left: 0 !important;
}

.rqval>.rqscr {
    /* .rqval>.rqlnk>.sumlnk { */
    margin-left: 0 !important;
}

.rqpropleftin>.rqlnk> {
    margin-left: 10px;
}

.rqval .rqhradio {
    margin-left: 12px;
    margin-top: 0;
}

.rqhprop .rqhlbl {
    margin-right: 10px;
}


/*.rqpropleftin .rqtext,*/

.sublist .link {
    padding-left: 10px !important;
}

.rqval>span>.rqwidget .rqlnk,
.rqval>span>.rqwidget>div {
    padding-left: 10px;
}

.rqval>span>.rqwidget>.novautocomplete {
    padding-left: 0;
}

.dsn_innertable .dsn_input {
    padding-left: 10px !important;
}

.dsn_innertable select.dsn_input {
    padding-left: 10px !important;
    padding-right: 27px;
}

.rqval>.rqlnk>.sumlnk>.txt {
    margin-left: 0;
}

.rqtext>.rqlnk,
.link .rqlnk {
    padding-left: 0;
}

.rqhfields .rqhprop .rqautocomplete {
    position: relative;
    left: -4px;
}

.nobr {
    padding-right: 10px;
}

.rqform>div>h2>span {
    padding-left: 40px;
}

.rqhfields .rqhprop {
    padding-right: 0;
}

.rqmlnk>.rdivitems>.ulritems>li>.sumlnk {
    position: relative;
    top: 3px;
}


/******************************** onglets verticaux ******************************/

.rqsection.tabview.rqtabviewvertical,
.rqsection.rqdesignp.rqtabviewvertical {
    background: none !important;
    box-shadow: none !important;
}

.rqdesignp .rqtabview.ui-tabs.ui-widget.ui-widget-content.ui-corner-all.row {
    width: 98%;
    margin-left: 0;
}

.rqtabview.ui-tabs.ui-widget .row .col-lg-10,
.rqtabview.ui-tabs.ui-widget.ui-widget-content.ui-corner-all.row .col-10,
.rqtabview.ui-tabs.ui-widget.ui-widget-content.ui-corner-all.row .col-10 {
    background: #fafafa;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    border-radius: 10px;
}

.rqtabview.ui-tabs.ui-widget .row .col-lg-10 .flex-column {
    display: flex;
    -js-display: flex;
    flex-direction: column;
}

.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills,
.pgtbl .ui-tabs .ui-tabs-nav.nav.flex-column.nav-pills li:hover,
.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills {
    background: transparent !important;
}

.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills:hover {
    background: transparent !important;
}

.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills li {
    border-bottom: 1px solid #ddd !important;
    border-radius: 0 !important;
}

.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills li a {
    color: #000 !important;
    width: 100%;
    padding: 10px 5px !important;
    margin: 5px 0 !important;
}

.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills li.ui-tabs-active.ui-state-active a {
    background: none !important;
    border-right: 4px solid #03a9f4;
    color: #000 !important;
}

.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills li:hover a {
    background: none !important;
    border-right: 4px solid #a4e3ff;
    color: #000 !important;
}

.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills li.ui-tabs-active.ui-state-active a em,
.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills li:hover a em {
    color: #000 !important;
}

.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills li .ui-icon.ui-icon-close {
    position: absolute;
}

.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills .ui-icon.ui-icon-plus {
    margin: 10px;
}

.rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills,
.pgtbl .ui-tabs .ui-tabs-nav.nav.flex-column.nav-pills li:hover {
    background: transparent !important;
}

.rqtext.novCenter #container {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}

.rqtabviewvertical .pgtbl .ui-tabs .ui-tabs-nav li:hover {
    cursor: auto;
    background: transparent ! important;
}

.rqtabviewvertical .rqtabpages.ui-tabs-nav.nav.flex-column.nav-pills li.ui-tabs-active.ui-state-active a,
tr.rqtabviewvertical .rqtabpage.nav-link.ui-state-active,
.rqtabviewvertical .pgtbl .ui-tabs .ui-tabs-nav li:hover,
.rqtabviewadd:hover,
.rqtabviewvertical .rqtabpage.ui-state.hover:hover {
    background: none !important;
}


/******************************** editeur de pages ********************************/

.rqfrmlybody .rqhfields {
    padding: 0px 0px 37px 0px;
    margin: 0px 0px 0px 0px;
}


/******************************* actions pop-up *********************************/

.rqmodallarge {
    position: absolute !important;
    right: 0;
    border-radius: 0 !important;
    height: 100%;
    width: auto !important;
    margin: 0;
    max-width: 80%;
    min-width: 55%;
}

.uk-modal-dialog.rqmodallarge .rqhdrm .novbreadcrumb {
    display: inline;
}

.uk-modal-dialog.rqmodallarge .rqhdrm h3 {
    font-size: 17px;
}

.uk-open .uk-modal-dialog.rqmodallarge {
    transform: translateX(0) !important;
    /* overflow-y: inherit; */
    overflow-x: hidden;
}

.uk-open .uk-modal-dialog.rqmodallarge .rqbuttons {
    /*position: -webkit-sticky;
	position: sticky;*/
    bottom: -21px;
    border: none;
    width: calc(100% + 10px);
    background: #fff;
    z-index: 800;
    display: flex;
    -js-display: flex;
    border-radius: 0;
    justify-content: flex-start;
    border-top: 1px solid #eee;
}

.uk-modal-dialog.rqmodallarge {
    transform: translateX(+100px) !important;
    transition: opacity .3s linear, transform .3s ease-out;
}

.uk-modal-dialog {
    border: none;
    border-radius: 10px;
}

.uk-modal-dialog .rqportletcnt>.rqlargedetail>.rqview>.rqform {
    position: relative;
    top: 0;
}

.uk-modal-dialog .rqbuttons {
    border-radius: 0 0 10px 10px;
    position: relative;
    left: 0;
    border-top: none;
}

.uk-modal-dialog .rqhdr {
    background: none;
    width: 100%;
    box-shadow: none;
    height: 100%;
}

.uk-modal-dialog .rqhdrm {
    padding-top: 0;
}

.uk-modal-dialog .rqviewtbl {
    background: none !important;
    box-shadow: none;
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
}

.uk-modal-dialog .rqview>.results>.rqform {
    padding: 0;
}

.uk-modal-dialog .rqportletcnt .rqsrchfrm {
    box-shadow: none;
}

.uk-modal-dialog .rqact span {
    white-space: nowrap;
}

.uk-modal-dialog .rqactsel {
    margin: 25px 0px 40px 0px;
}

.uk-modal-dialog .ui-dialog .ui-dialog-titlebar {
    padding: 10px;
}

.uk-modal-dialog .error {
    top: 0;
    left: 0;
}

.uk-modal-dialog th,
.uk-modal-dialog thead {
    top: -23px;
}

.uk-modal-dialog .rqviewtbl {
    top: 0;
}

.ui-front {
    z-index: 150;
}

.uk-modal .rqcontent {
    margin-top: 0;
}

.uk-modal .rqsrchin {
    padding: 10px 0;
    flex-direction: column;
}

.uk-modal-dialog .rqsrchin th,
.uk-modal-dialog .rqsrchin thead {
    top: 0;
}

.uk-modal .rqexpritemand .itool.plus {
    right: 0;
}

.uk-modal .novactionbutton {
    top: -10px;
}


/* .uk-modal-dialog.rqmodallarge>.modalcontent,
.uk-modal-dialog.rqmodallarge>.modalcontent>table,
.uk-modal-dialog.rqmodallarge>.modalcontent>table .rqportlet {
min-height: 95vh;
} */


/******************************* loading ***************************/

.rqrunning {
    background: #fff;
    padding: 25px;
    border-radius: 6px;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 50px;
    border-radius: 6px;
    width: calc(100% - 80px);
    box-shadow: 0px 6px 6px rgba(63, 81, 181, 0.05), 0px 16px 16px rgba(63, 81, 181, 0.04), 0px 12px 12px rgba(63, 81, 181, 0.07);
}

.rqform>p {
    display: flex;
    -js-display: flex;
    justify-content: center;
    width: calc( 100% - 80px);
    background: #03a9f4;
    color: white;
    margin-top: 60px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 25px;
    border-radius: 6px;
    box-shadow: 0px 6px 6px rgba(63, 81, 181, 0.05), 0px 16px 16px rgba(63, 81, 181, 0.04), 0px 12px 12px rgba(63, 81, 181, 0.07);
}

.results .rqform>p.rqmsgline {
    margin: 0;
    width: 100%;
}


/****************************** download page *******************************/

.rqdownloadresult {
    position: relative;
    font-size: 120%;
    font-weight: bold;
    margin: 125px 50px;
    padding: 20px 0 20px 0;
    display: flex;
    -js-display: flex;
    justify-content: center;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    background: #fff;
    border-radius: 6px;
}


/***************************** calendar ***************************/

.calendar {
    z-index: 200;
}

.calendar {
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.calendar tfoot,
.calendar tfoot tr,
.calendar tfoot tr td,
.calendar tfoot .footrow {
    border-radius: 0 0 10px 10px;
    background: none;
}

.rqdefaultpage form>.rqplanning {
    padding: 15px;
    margin: 50px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    width: calc(100% - 60px);
    position: relative;
    top: 50px;
}

a.rqplnavc:hover {
    color: #03a9f4;
}

form .rqtabview .rqtabcontent .rqproptopin .rqplanning {
    padding-top: 15px;
}

form .rqproptopin .rqwidget .rqplanpanel {
    padding: 0 15px;
}

.timeedit {
    border-radius: 12px;
    border: none;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(63, 81, 181, 0.05), 0px 6px 12px rgba(63, 81, 181, 0.04), 0px 4px 8px rgba(63, 81, 181, 0.07);
    padding: 10px;
    width: 240px;
}

.timeedit .colh:nth-child(1)>div {
    border-radius: 6px 0 0 0;
}

.timeedit .colh:nth-child(1) {
    border-radius: 6px 0 0 6px;
}

.timeedit #timeedit_h11 {
    border-radius: 0 0 0 6px;
}

.timeedit .colm div {
    border-radius: 0 6px 0 0;
}

.timeedit .colm {
    border-radius: 0 6px 6px 0;
}

.timeedit #timeedit_m55 {
    border-radius: 0 0 6px 0;
}

.timeedit .colm {
    width: 34%;
    border: none;
}

.timeedit div div {
    background: white;
    color: grey;
    padding: 5px 0;
}

.timeedit .colh a {
    background: #fff;
    color: black;
}

.timeedit .colh {
    float: left;
    width: 33%;
    text-align: center;
    font-size: 100%;
    background: #fff;
}

.timeedit .colh a:hover,
.timeedit .colh a.sel {
    background: #03A9F4;
    color: white;
}

.timeedit .colm a {
    background: #fafafa;
}

.timeedit .colm a:hover,
.timeedit .colm a.sel {
    background: #ccc;
}


/****************************** messages *******************************/

.rqmsgcnt:empty,
.msg:empty {
    display: none;
}

.rqmsgfoot {
    background-color: #fff;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.rqmsg>.rqmsgcnt {
    border-radius: 6px;
    padding: 15px 0;
    width: 100%;
    text-align: center;
}

.rqmsg>.rqmsgcnt.alert-danger {
    background-color: #d32f2f !important;
    color: white;
}

.novCustomMessageAlert,
.rqmsg>.rqmsgcnt.alert-warning {
    background-color: #f57c00 !important;
    color: black;
}

.rqmsg>.rqmsgcnt.alert-success {
    background-color: #689F38!important;
    color: white;
}

.msg>.rqmsgcnt.alert-null {
    padding: 12px 40px !important;
    box-shadow: none;
}

.alert-primary {
    color: #004085;
    background-color: #89daff;
    border-color: #89daff;
}

.novCustomMessageAlert {
    border-radius: 6px;
    padding: 10px;
}

.novCustomMessageAlert .rqtext {
    padding: 0;
}


/***************************** talents *******************************/

.error:empty {
    display: none !important;
}

.droppablezone .labelfloatright {
    float: right;
    position: relative;
}

.rqcontentin .rqlargedetail form .rqwizprogress {
    background: white;
    padding: 10px 20px 0 20px !important;
    margin: 0;
}

#nrhmain form>.rqwizprogress>tbody>tr>td {
    box-shadow: none;
    padding: 0;
}

.rqcontentin .rqlargedetail form .rqwizbtntop {
    background: white;
    padding: 0 20px 10px 20px;
    margin: 0 0 10px 0;
    border-top: 0;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

#nrhmain form>table {
    padding: 25px 40px !important;
    margin-top: 30px;
    box-shadow: none;
}

#nrhmain form>.rqwizprogress {
    margin-top: 15px;
}

#nrhmain form>table>tbody>tr>td {
    background: white;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

#nrhmain .rqviewtbl {
    margin-top: 0;
    padding: 0;
    box-shadow: none;
    width: 100%;
    margin-left: 0;
    background: none;
    top: 0;
    border-radius: 0;
}

#nrhmain .rqbtnwiznext span,
#nrhmain .rqbtnwizprev span {
    color: white;
}

#nrhmain #referenceselection-dialog-div {
    visibility: hidden;
}

#source-properties .handover {
    margin-right: 5px;
}

#source-properties .headertheme {
    display: flex;
    -js-display: flex;
    align-items: center;
}

#source-properties div .headerfield,
#source-controls div .headerfield {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#source-controls .headertype,
#source-properties .headertype {
    padding: 5px;
    border-radius: 6px 6px 0 0;
    background: transparent;
}

#source-controls,
#source-properties {
    border-radius: 6px;
    margin-bottom: 10px;
    background-color: #f4f4f4;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    background: #fafafa !important;
}

.novDisableArrowRender a.rqnavprev span,
.novDisableArrowRender a.rqnavnext span {
    background-image: none !important;
    color: #fff !important;
}

.novDisableArrowRender .rqbtn.rqnavnext {
    flex-direction: row-reverse;
}

.novDisableArrowRender .rqpropleftin,
.novDisableArrowRender .rqproprightin {
    padding: 0;
}

.novDisableArrowRender a.rqbtn {
    margin: 0;
}

.novTalentList .rqcritsearch .rqexprlist {
    flex-direction: column;
}


/************************************ disable requea lubies **************************************/

.rqmsgcnt.alert {
    margin-top: 0;
    margin-bottom: 0;
}

li {
    background-image: none !important;
}


/* 
UL.ulritems LI {
	padding: 3px 0 3px 0;
} */

.rqcalcprop span {
    padding-left: 0 !important;
}

.rqprop .rqval {
    vertical-align: middle;
}


/*********************************** editor style *****************************************/

.rqlayoutpreview {
    padding: 0;
}

.rqlayoutpreview .rqlargedetail {
    top: 32px;
    width: 100%;
    padding: 0;
}


/*********************************** boutons & pictogrammes *********************************************/

.pay-l .rqwhy,
.GAlogo .rqwhy {
    position: absolute;
    top: 83px;
    left: 30px;
    z-index: 5;
}

.GAlogo .yui-skin-sam .yuimenu .bd,
.pay-l .yui-skin-sam .yuimenu .bd {
    background-color: #fff;
    top: 15px;
}

.tclose {
    background: url('icon/close-simple-grey.svg') no-repeat;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding: 2px 8px 4px 0px !important;
    top: -1px;
    position: relative;
}

.tclose:hover {
    background: url('icon/close-simple-black.svg') no-repeat;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding: 2px 8px 4px 0px !important;
    top: -1px;
    position: relative;
}

.tmax {
    background: url('icon/pin-grey.svg') no-repeat;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding: 2px 8px 4px 0px !important;
}

.tmax:hover {
    background: url('icon/pin-black.svg') no-repeat;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding: 2px 8px 4px 0px !important;
}

.trest {
    background: url('icon/unpin-grey.svg') no-repeat;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding: 2px 8px 4px 0px !important;
}

.trest:hover {
    background: url('icon/unpin-black.svg') no-repeat;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    padding: 2px 8px 4px 0px !important;
}

.rqdesigntool {
    z-index: 100;
}

#layouteditor .novSwitchBtn {
    position: initial;
}

#layouteditor .rqhdrm h3 {
    position: inherit !important;
}

.mpcmd input {
    font-size: 13px;
    margin: 0 5px !important;
}

a.rqbtn {
    display: flex;
    -js-display: flex;
    align-items: center;
}

form table .rqcmdsubmit input {
    margin-left: 10px;
    border-radius: 25px;
    padding: 0px 10px;
    min-width: 80px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px !important;
}

form table .rqcmdsubmit {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rqwidget>a.rqbtn {
    height: 20px;
}


/************************************ Select stylisés ****************************************/

.rqsrchfrm select {
    border-radius: 6px;
}

select,
select.rqtxtval {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background: url('icon/angel-down-circle-thin-grey.svg');
    background-position: calc(100% - 4px) 50% !important;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #fff;
    padding-right: 30px;
    border-radius: 6px;
}

select:hover,
select:focus,
select:active {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background: url('icon/angel-down-circle-thin-cyan.svg') !important;
    background-position: calc(100% - 4px) 50% !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background-color: #fff !important;
}


/******************************* suggestions navigation *******************************/

.novSuggestion .novFormButton {
    display: flex;
    -js-display: flex;
    justify-content: center;
    height: 31px;
}

.novSuggestion span {
    min-width: 400px;
}


/******************************* affichage multi-colonne ********************************/

.novColumnForm .rqviewtbl {
    margin-top: 0;
    padding: 0;
    margin-left: 0;
    width: 100%;
    background: none;
    border-radius: 0;
    box-shadow: none;
    top: 0;
    margin-bottom: 50px;
}


/*.novColumnForm .rqlycol>.rqlycolin>table>tbody>tr>td {
padding: 5px 20px;
}*/

.novColumnForm .rqlycol>.rqlycolin>table>tbody>tr>td>div {
    width: 100%;
    padding: 10px 0 20px 0;
    background-color: #FFF;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.novColumnForm .rqlycol>.rqlycolin>table>tbody>tr>td>div table tbody tr td div {
    box-shadow: none;
    padding: 0;
    background: none;
    border-radius: 0;
}

.novSingleColumnForm .rqviewtbl {
    background: none;
    border-radius: 0;
    box-shadow: none;
    top: 0;
    margin-left: 40px !important;
}


/*.rqlycol > .rqlycolin > table > tbody > tr > td{
padding: 5px 20px;
}*/

.novSingleColumnForm .rqlycol>.rqlycolin>table>tbody>tr>td>div {
    width: 100%;
    padding: 10px 0 20px 0;
    background-color: #FFF;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.novSingleColumnForm .novBloc {
    margin-bottom: 20px;
}


/********************************************* liste 2.0 ********************************************/

#novFilterableHeaderList .rqexpritemcnt {
    padding: 2px;
}

#novFilterableHeaderList .rqftsearch {
    height: 34px;
    margin-top: 1px;
    margin-right: 50px;
}

.novFormSearchBarContainer .novFormSearchBar {
    height: 34px;
    border: 1px solid #CECEE6;
    width: 300px;
    padding-right: 55px;
    border-radius: 6px;
}

.novFormSearchBarContainer .novFormSearchBar:hover,
.novFormSearchBarContainer .novFormSearchBar:focus {
    height: 34px;
    border: 1px solid #03a9f4;
    width: 300px;
}

.novFormSearchBarContainer .novFormSearchBarSubmit {
    background: url('icon/magnifier-lightgrey.svg');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: 100%;
    position: relative;
    left: -45px;
}

.novFormSearchBarContainer .novFormSearchBarSubmit:hover {
    background: url('icon/magnifier-cyan.svg');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.novFormSearchBarContainer {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    top: -3px;
}

.novFormSearchBarContainer i {
    color: #666;
    position: relative;
    left: -50px;
}

#novClearSearchBarBtn {
    cursor: pointer;
}

.rqtblreqout .alert.alert-primary,
.rqlist .alert.alert-primary {
    padding: 20px;
    background-color: #fff;
    border: none;
    border-radius: 6px;
    box-shadow: 0px 0px 12px rgba(63, 81, 181, 0.04), 0px 1px 7px rgba(63, 81, 181, 0.02), 0px 0px 6px rgba(63, 81, 181, 0.07);
}

.rqform .rqlist .alert.alert-primary,
.rqcol .rqlist .alert.alert-primary {
    box-shadow: none;
    border-radius: none;
}


/**************************************** formations ***********************************/

.novTrainingCatalogue .rqview>table {
    border-collapse: collapse;
}

.novTrainingCatalogue .rqview>table tr td {
    padding: 0;
}

.novTrainingCatalogue .rqview>table tr td:empty {
    display: none;
}

.novTrainingCatalogue .rqview>table .rqsrchcnt {
    background: #fff;
}

.novTrainingCatalogue .rqview>table .rqsrchcnt form {
    padding-left: 40px;
}

.novTrainingCatalogue .rqview>table tr td:first-child {
    display: none;
}

.novTrainingCatalogue .results>form {
    position: relative !important;
    width: calc(100% - 80px) !important;
    top: 0 !important;
    padding: 0px 40px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    margin: 60px 40px;
}

.novTrainingCatalogue table.row {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    box-shadow: none !important;
}

.novTrainingCatalogue table.row,
.novTrainingCatalogue .rqdefaultpage .rqform>table:not(.rqtblreqout):not(.rqviewtbl):not(.rqwizprogress):not(.rqlist) {
    box-shadow: none !important;
}

.novTrainingCatalogue .rqdefaultpage .results>form>table>tbody>tr>td:nth-child(1) {
    background: #e5e5e5;
    padding: 10px !important;
    border-radius: 6px;
}

.novTrainingCatalogue .rqdefaultpage .rqform>table:not(.rqtblreqout):not(.rqviewtbl):not(.rqwizprogress):not(.rqlist)>tbody>tr>td {
    padding: 10px !important;
    box-shadow: none !important;
}

.novTrainingCatalogue .results>form td {
    padding: 10px;
}

.novTrainingCatalogue .rqcatalogcategories:nth-child(1) {
    font-weight: bold;
    background: #fff;
    border-radius: 6px;
    padding: 5px;
    margin-bottom: 10px;
}

.novTrainingCatalogue .rqcatalogcategorypath {
    font-weight: bold;
}

#rqSessionCalc {
    margin-top: 30px;
}

.rqwidget #tablepagingprev_rqSessionCalc {
    position: absolute;
}

.rqwidget #tablepagingnext_rqSessionCalc {
    position: absolute;
    left: 185px;
}

.novCatalogItemJSP .rqsrchcnt {
    position: absolute;
    width: 100%;
    left: 0;
}

.novCatalogItemJSP .rqsrchcnt>form {
    padding-left: 40px;
}

.rqdefaultpage.novCatalogItemJSP .rqform>table:not(.rqtblreqout):not(.rqviewtbl):not(.rqwizprogress):not(.rqlist) {
    margin-top: 0;
}

.novFomSoftPaddingTop .rqportlet .rqview>.results>.rqsrchcnt+.rqform {
    margin-top: 40px;
}


/************************************** change password **********************************/

#porHome .rqbuttons {
    z-index: 900;
}


/************************************** DSN Viewer Tool ***********************************/

.novDSNViewerTool form>table>tbody>tr>td {
    background: none !important;
    padding: 6px 4px !important;
    box-shadow: none !important;
}

.novDSNViewerTool .rqform {
    padding: 0 40px;
}

.novDSNViewerTool table {
    padding: 10px 0 !important;
}

.novFillTable,
#DSNReportMain {
    background: #fff;
    border-collapse: collapse;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07) !important;
}

.novFillTable tr {
    border-radius: 6px;
}

#DSNReportMain,
#DSNReportMain tr {
    border-radius: 6px !important;
}

#DSNReportMain {
    margin-top: 20px;
}

#DSNReportMain select,
#DSNReportMain select:hover {
    background-position: calc(100% - 1px) 50% !important;
    background-size: 15px !important;
}

#DSNReportMain .sublist th,
#DSNReportMain .sublist td {
    border: none !important;
}

.fltrow,
.fltrow td {
    background: #fff !important;
    /* border: none !important; */
}

.fltrow>td {
    text-align: center;
}


/***************************************** DSN Editor *******************************************/

.novDSNEditor .rqform>table:not(.rqtblreqout):not(.rqviewtbl):not(.novDSNBloc) {
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.novDSNEditor .rqform>.novDSNBloc {
    background: #fff !important;
    border-radius: 6px;
}


/****************************************** DSNPARCOT *******************************************/

.novPParCotisDSN .rqedttbl.ui-widget {
    position: inherit !important;
}

.novPParCotisDSN .slick-header.ui-state-default {
    width: 90.4%;
}

.novPParCotisDSN .slick-pane.slick-pane-top.slick-pane-left {
    width: calc(100% - 176px) !important;
    /*box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    background: #fff;*/
    padding: 0px;
    border-radius: 6px;
}


/************************************** Avenants *****************************************/

.amendmentpropcontainer .subdetail h3.rqsdetailhdr {
    display: none;
}

.amendmentpropcontainer .subdetail table {
    display: table !important;
    width: 100% !important;
    table-layout: fixed;
}

.amendmentpropcontainer input {
    max-width: 100%;
}

.amendment-prop-selection .table-responsive th {
    padding-left: 10px;
    font-weight: initial;
    color: black;
}

.amendment-prop-selection .table-responsive .sublist tr td {
    border: 0;
}

.preview.amendment-prop-selection .rqwidget {
    background: #eeeeee;
    border-radius: 6px;
    padding: 5px;
    margin-top: 10px;
    box-shadow: 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.preview.amendment-prop-selection .rqdesignformtoolcustom {
    display: none;
}

.preview.amendment-prop-selection .rqwidget>.rqmultidetail>li {
    background: #fafafa;
    border-radius: 6px;
    box-shadow: 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.amendment-prop-selection .table-responsive .sublist tr td:nth-child(1) {
    border-right: 1px solid #c0c0c0;
}

.amendment-prop-selection .table-responsive .sublist tr:nth-child(2n) {
    background: #ededed !important;
}

.amendment-prop-selection .table-responsive .sublist th {
    border-bottom: 1px solid #c0c0c0;
    border-right: 0;
    padding-right: 10px;
}

.amendment-prop-selection .table-responsive .sublist th:nth-child(1) {
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}

.novAmendmentThemeCol {
    min-width: 250px;
}


/************************************** modèles Avenants *****************************************/

.novMultiSelectorProperty td .rqproptopin {
    background: #eee;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    margin-bottom: 10px;
    /* display: flex;
-js-display: flex; */
    z-index: 0;
}

.novMultiSelectorProperty li {
    border: none !important;
}

.novMultiSelectorProperty .subdetail {
    box-shadow: 0px 2px 2px rgba(63, 81, 181, 0.05), 0px 5px 5px rgba(63, 81, 181, 0.04), 0px 3px 3px rgba(63, 81, 181, 0.07);
    background: #fafafa;
    border-radius: 6px;
    padding-top: 10px;
    min-height: 50px;
}

.novMultiSelectorProperty .rqexpritemlbl {
    margin: 0 10px 0 0;
}

.novMultiSelectorProperty .rqexpritemand {
    position: relative;
    height: 40px;
    left: -18px;
}

.novMultiSelectorProperty .rqexpritemand .itool.plus:before {
    content: "";
}

.novMultiSelectorProperty .rqexpritemand .itool.plus:after {
    content: "Ajouter un critère";
    position: relative;
    top: -4px;
    left: 16px;
}

.novMultiSelectorProperty .rqexpritemand .itool.plus .txt:before {
    content: "\f067";
    font-family: "fontawesome";
    font-size: 16px;
    background: #E1F5FE;
    padding: 6px 8px;
    border-radius: 50%;
}

.novMultiSelectorProperty .rqexpritemand .itool.plus .txt {
    height: 20px;
    width: 20px;
}

.novMultiSelectorProperty .rqexpritemand .itool.plus {
    position: absolute;
    left: 0px;
}

.novMultiSelectorProperty .rqmultidetail li {
    display: flex;
    -js-display: flex;
}

.novMultiSelectorProperty .rqmultidetail li .rqmultidetailitem {
    width: calc(100% - 70px);
}

.novMultiSelectorProperty .rqmultidetail li .rqmdtool {
    width: 50px;
    display: flex;
    -js-display: flex;
    align-items: center;
}

.novMultiSelectorProperty tbody .rqprop .rqval {
    background: #fff;
    box-shadow: 0px 2px 2px rgba(63, 81, 181, 0.05), 0px 5px 5px rgba(63, 81, 181, 0.04), 0px 3px 3px rgba(63, 81, 181, 0.07);
    border-radius: 6px;
}

.novMultiSelectorProperty tbody .rqprop .rqval:empty,
.novMultiSelectorProperty tbody .rqprop .rqlbl:empty {
    display: none;
}

.novMultiSelectorProperty .ulritems .itool.plus {
    top: -1px;
}

.amendment-prop-selection .novMultiSelectorProperty .ulritems .itool.plus {
    top: -2px !important;
}

.novMultiSelectorProperty .wdivitems {
    margin-bottom: 10px;
}

.novMultiSelectorProperty .rqmdtool:empty {
    width: 0px !important;
}


/************************************** Calendar v2 *****************************************/

.calendar {
    padding: 10px;
    border-radius: 12px;
    border: 0;
}

.calendar thead tr:nth-child(1) {
    background-color: #fff !important;
    color: #0059a4;
}

.calendar .headrow {
    background: #fff !important;
    color: #e6e6e6 !important;
}

.calendar .headrow .button:nth-child(3):hover,
.calendar thead tr .button:hover {
    background: #fff !important;
    color: #03a9f4 !important;
}

.calendar .headrow .button:nth-child(1),
.calendar .headrow .button:nth-child(2),
.calendar .headrow .button:nth-child(4),
.calendar .headrow .button:nth-child(5),
.calendar .headrow .button:nth-child(1):hover,
.calendar .headrow .button:nth-child(2):hover,
.calendar .headrow .button:nth-child(4):hover,
.calendar .headrow .button:nth-child(5):hover {
    background-color: #fff !important;
    color: transparent !important;
}

.calendar .day,
.calendar .emptycell,
.calendar tfoot .ttip,
.calendar .daynames td {
    border: none !important;
}

.calendar .day:hover,
.calendar .emptycell:hover {
    cursor: pointer;
    background: #03a9f4;
    color: white !important;
}

.calendar tbody td.selected {
    background-color: #0059a4 !important;
    color: white !important;
}

.calendar table thead tr:nth-child(1) td:nth-child(1) [unselectable="on"] {
    display: none;
}

.calendar .ttip {
    padding-top: 10px;
}

.calendar .day {
    width: 40px !important;
    height: 40px;
    line-height: 30px;
    cursor: default;
    border-radius: 50%;
}

.calendar .daynames td {
    height: 40px !important;
    width: 40px !important;
}

.calendar .daynames {
    background: #fff !important;
}

.calendar table>tr>td.wn:hover {
    background: none !important;
}

.calendar .headrow .button:nth-child(1) div {
    background: url("icon/double-arrow-right-lightgrey.svg") no-repeat;
    background-size: 15px;
    background-position-x: 50%;
    transform: rotate(180deg);
}

.calendar .headrow .button:nth-child(1):hover div {
    background: url("icon/double-arrow-right-cyan.svg") no-repeat;
    background-size: 15px;
    background-position-x: 50%;
    transform: rotate(180deg);
}

.calendar .headrow .button:nth-child(2) div {
    background: url("icon/arrow-left-lightgrey.svg") no-repeat;
    background-size: 15px;
    background-position-x: 50%;
}

.calendar .headrow .button:nth-child(2):hover div {
    background: url("icon/arrow-left-cyan.svg") no-repeat;
    background-size: 15px;
    background-position-x: 50%;
}

.calendar .headrow .button:nth-child(4) div {
    background: url("icon/arrow-right-lightgrey.svg") no-repeat;
    background-size: 15px;
    background-position-x: 50%;
}

.calendar .headrow .button:nth-child(4):hover div {
    background: url("icon/arrow-right-cyan.svg") no-repeat;
    background-size: 15px;
    background-position-x: 50%;
}

.calendar .headrow .button:nth-child(5) div {
    background: url("icon/double-arrow-right-lightgrey.svg") no-repeat;
    background-size: 15px;
    background-position-x: 50%;
}

.calendar .headrow .button:nth-child(5):hover div {
    background: url("icon/double-arrow-right-cyan.svg") no-repeat;
    background-size: 15px;
    background-position-x: 50%;
}

.calendar table thead tr:nth-child(1) td:nth-child(3) {
    background: url("icon/close-simple-blue.svg") no-repeat;
    background-size: 15px;
    background-position-x: 50%;
    color: transparent !important;
}

.calendar table thead tr:nth-child(1) td:nth-child(3) {
    background: url("icon/close-simple-grey.svg") no-repeat;
    background-size: 15px;
    background-position-x: 50%;
    color: transparent !important;
}

.calendar table thead tr:nth-child(1) td:nth-child(3):hover {
    background: url("icon/close-simple-lightblue.svg") no-repeat !important;
    background-size: 15px !important;
    background-position-x: 50% !important;
    color: transparent !important;
}


/*********************************** Onboarding ***********************************/

hr {
    display: none;
}

.novSub100,
.novSub100 table,
.novSub100 .rqsublist {
    width: 100%;
}


/*********************************** Liste arborescente ***********************************/

#layouteditor .rqform>table:not(.rqtblreqout):not(.rqviewtbl):not(.rqwizprogress):not(.rqlist) {
    margin-top: 0 !important;
}

.rqdefaultpage .rqform>.rqlist>tbody>tr>td {
    padding: 0 10px !important;
}


/********************************** postes ************************************************/

.novPositionListe .rqsrchin,
.novPositionListe .rqexprbuiltin tbody {
    display: inline !important;
}

.novPositionListe .rqsrchin {
    padding: 0;
}

.novPositionListe .rqsrchin>table {
    padding: 0 40px;
}

.novPositionListe .rqexprbuiltin .rqlbl:empty {
    display: none;
}

.novPositionListe .rqtxtval {
    min-width: 50px;
}

.novPositionListe .rqcritsearch {
    padding: 0 40px;
}

.novPositionListe .val {
    padding: 5px 0;
}

.novPositionListe .rqcritsearch .rqexprlist {
    flex-direction: column;
}


/************************************* synthèse de l'entité *********************************/

.novSynthese .rqform>table:not(.rqtblreqout):not(.rqviewtbl) {
    margin: 0 !important;
    padding: 20px !important;
    background: none !important;
    border-radius: none !important;
    width: 100% !important;
    box-shadow: none !important;
}


/************************************* Layout mini *********************************/

body>.rqpage {
    padding: 0;
    margin-top: 0px !important;
}

body>.rqpage>table,
body>.rqpage>table>tbody>tr>td {
    padding: 0;
}

body>.rqpage .rqaddtopage {
    display: none;
}

body,
body>.rqpage,
body>.rqpage .rqportlet {
    background: #f1f3fa !important;
    box-shadow: none;
}

body>.rqpage .rqhdr {
    height: 60px;
    border-radius: 0;
}

body>.rqpage .rqbuttons {
    display: flex;
    -js-display: flex;
}


/************************************** ganntt********************************************/

.novGantt .rqwidget {
    display: inline;
}

.rqdvgantt {
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    padding: 10px;
    margin-top: 10px;
}

.rqdvgantt>table {
    border: none;
}

.rqdvgantthdr,
.rqdvgantthdr th,
table.rqdvgantttbl th {
    background: #fff;
}

.rqdvgantttbl tr:nth-child(2n) td {
    background: #f3f5f7;
}

.rqdvgantttbl tr:nth-child(2n) td:nth-child(1) {
    border-radius: 12px 0 0 12px;
}

.rqdvganttnum {
    background: #f3f5f7;
    padding: 10px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    -js-display: flex;
    justify-content: center;
    align-items: center;
}

.rqdvgantttbl tr:nth-child(2n) .rqdvganttnum {
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    -js-display: flex;
    justify-content: center;
    align-items: center;
}

.rqdvganttarget {
    position: absolute;
    left: 0px;
    margin: 0px;
    height: 2em;
    border-left: none;
    border-right: 2px solid rgb(204, 0, 0);
    padding: 0px 0px 1px 0px;
    color: rgb(204, 0, 0);
    text-align: right;
    vertical-align: bottom;
    padding-right: 7px;
    left: -38px !important;
}

.rqdvgantstartup {
    position: absolute;
    left: 0px;
    margin: 0px;
    height: 2em;
    border-left: 2px solid #009688;
    border-right: none;
    padding: 0px 0px 1px 0px;
    color: #009688;
    text-align: left;
    padding-left: 5px;
    left: 37px !important;
}

.rqdvgantnow {
    position: absolute;
    margin-left: -1px;
    height: 2em;
    border-left: 1px solid rgb(255, 185, 15);
    border-right: 1px solid rgb(255, 185, 15);
    padding: 0px 0px 0px 0px;
    color: rgb(255, 185, 15);
    text-align: left;
}

.rqdvgantoff {
    position: absolute;
    left: 0%;
    margin: 0px;
    height: 2em;
    padding: 0px;
    width: 0px;
    border-left: 0px solid rgb(0, 0, 0);
    border-right: 0px solid rgb(0, 0, 0);
    opacity: 0.2;
    background: none repeat scroll 0% 0% rgb(223, 223, 223);
}

.rqdvgantweekend {
    position: absolute;
    left: 0%;
    margin: 0px;
    height: 2em;
    width: 0px;
    border-left: 0px solid rgb(0, 0, 0);
    border-right: 0px solid rgb(0, 0, 0);
    opacity: 0.2;
    background: none repeat scroll 0% 0% rgb(255, 255, 0);
}

.rqdvtaskstart,
.rqdvtasklate,
.rqdvtaskdone,
.rqdvtaskdonedelay,
.rqdvtaskplanned {
    border: none;
    box-shadow: 0px 1px 1px rgba(63, 81, 181, 0.05), 0px 4px 4px rgba(63, 81, 181, 0.04), 0px 2px 2px rgba(63, 81, 181, 0.07);
}

.rqdvgantttasksin .rqdelayedtask {
    background: #F00;
    height: 12px;
    width: 100%;
    position: relative;
    top: 0px;
}

.rqdvgantttasksin .rqcriticaltask {
    background: #C00;
    height: 12px;
    width: 100%;
    position: relative;
    top: 0px;
}

.rqdvgantttasks {
    padding: 0 40px;
}


/************************************ editeur de charte ******************************************/

.novHideText,
.novHideText>div {
    color: transparent !important;
}

.novHidden {
    display: none;
}

.novColorDisplayZone .rqrgbcolor {
    height: 33px;
    margin-left: 10px;
}

.novMiniature img {
    border-radius: 0 !important;
    max-width: 150px;
    height: auto;
}


/************************************* Toolkit ***********************************/

.novWidgetColumn .rqwidget {
    flex-direction: column;
}

.novWidgetColumn .sublist {
    margin-top: 10px;
}

.novMargeLat20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.novMargeLat30 {
    margin-left: 30px;
    margin-right: 30px;
}

.novMargeTop20 {
    margin-top: 20px;
}

.novScriptZone .rqscr {
    width: 100% !important;
}

.novScriptZone .sublist th:nth-child(3),
.novScriptZone .sublist th:nth-child(4) {
    width: 50px;
}

#dialog_box {
    z-index: 800;
    margin-left: 52px;
}

.novFormMargeTop .rqviewtbl {
    top: 60px;
}


/************************************ Organigrammes ********************************/

#orgchartjs {
    top: 37px;
}

#novSearchOrgaIcon,
#novSearchOrgaBar {
    top: 3px !important;
    left: 40px !important;
}

#novControlExportMenu {
    right: 40px !important;
    bottom: unset !important;
    top: 10px !important;
}

#novControlExportMenu .rqxlsexport a {
    background-image: none;
    padding: 9px 18px;
}

.novExportOrgClicableZone {
    margin-top: -33px;
}

.boc-search {
	top: 10px !important;
    right: 10px !important;
}

.boc-search-text-td mark {
    padding: unset;
    background-color: #f9edad;
}

.boc-chart-menu {
	z-index: 1000;
}

.rqxlsexportorga {
	width: unset !important;
}

/*********************************** TIMEOFF ***********************************/

.novBalanceTimeOff .results {
    padding: 20px 40px;
}

.novBalanceTimeOff .rqxlsexport {
    margin-top: -20px;
}

.novBalanceTimeOff .rqtblinleact .rqs {
    white-space: pre;
}

.novCollabBreadCrumb .rqcontent .novbreadcrumb {
    top: 74px;
    position: absolute;
    left: 80px;
}

.novBalanceTimeOff .rqportlet .rqview .rqform {
    position: relative;
    top: 40px;
    padding-bottom: 0;
}

.novBalanceTimeOff .rqportlet .rqdetail>.rqview>.rqform {
    width: 100%;
}


/******************************* System Info **********************************/

.rqdefaultpage .rqview .rqform>h2 {
    padding-left: 40px;
    border-bottom: none;
    margin-bottom: 30px;
}


/***************************** Espace Documentaire ***********************************/

.rqsrchinjcr .rqftsearch {
    margin-left: 40px;
}

.rqportlet .rqjcrfolder .rqform {
    position: relative !important;
}


/***************************** Alertes ***********************************/

.novAlerteExpression {
    box-shadow: 0px 2px 2px rgba(63, 81, 181, 0.05), 0px 5px 5px rgba(63, 81, 181, 0.04), 0px 3px 3px rgba(63, 81, 181, 0.07);
    background: #fefefe;
    border-radius: 6px;
    padding-top: 10px;
    min-height: 50px;
}

.rqexpritemlbl {
    margin: 0 10px 0 0;
}

.novAlerteExclude .rqmdtool .itool.minus,
.novAlerteInclude .rqmdtool .itool.minus {
    top: 0 !important
}

.novAlerteExclude .novAlerteExcludeEdition .rqexpritemcnt>.rqexprbuiltin,
.novAlerteInclude .novAlerteIncludeEdition .rqexpritemcnt>.rqexprbuiltin {
    margin-left: 20px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.novAlerteExclude .novAlerteExcludeEdition .rqexpritemcnt>.rqexprbuiltin>div,
.novAlerteInclude .novAlerteIncludeEdition .rqexpritemcnt>.rqexprbuiltin>div {
    display: flex;
    justify-content: start;
    align-items: center;
}

.novAlerteExclude .rqexpritemand,
.novAlerteInclude .rqexpritemand {
    position: relative;
    height: 40px;
    left: 0px;
}

.novAlerteExclude .rqexpritemand .itool.plus:before,
.novAlerteInclude .rqexpritemand .itool.plus:before {
    content: " ";
}

.novAlerteExclude .rqexpritemand .itool.plus .txt:before,
.novAlerteInclude .rqexpritemand .itool.plus .txt:before {
    content: "\f067";
    font-family: "fontawesome";
    font-size: 10px;
    padding: 2px 3px;
    border-radius: 50%;
    background: none;
    border: 2px solid #03A9F4;
}

.novAlerteExclude .rqexpritemand .itool.plus .txt,
.novAlerteInclude .rqexpritemand .itool.plus .txt {
    height: 10px;
    width: 10px;
    position: relative;
    left: -10px;
    top: -2px;
}

.novAlerteExclude .rqexpritemand .itool.plus,
.novAlerteInclude .rqexpritemand .itool.plus {
    position: absolute;
    left: 18px;
    background-color: #F2F3F8;
    border-radius: 6px;
    width: 220px;
    top: 0;
}

.novAlerteExclude .rqexpritemand .itool.plus:after,
.novAlerteInclude .rqexpritemand .itool.plus:after {
    content: "Ajouter une expression";
    position: relative;
    top: -1px;
    left: 6px;
    white-space: nowrap;
}

.novAlerteExclude .rqmultidetail li,
.novAlerteInclude .rqmultidetail li {
    display: flex;
    -js-display: flex;
}

.novAlerteExclude .rqmultidetail li .rqmultidetailitem,
.novAlerteInclude .rqmultidetail li .rqmultidetailitem {
    width: calc(100% - 50px);
}

.novAlerteExclude .rqmultidetail li .rqmdtool,
.novAlerteInclude .rqmultidetail li .rqmdtool {
    width: 80px;
    display: flex;
    -js-display: flex;
    align-items: center;
}

.novAlerteExclude .rqmultidetail li .rqmdtool::before,
.novAlerteInclude .rqmultidetail li .rqmdtool::before {
    content: 'Ou';
    font-weight: 600;
    position: relative;
    top: -6px;
    width: 25px;
}

.novAlerteExclude.novAlerteVisu .rqmultidetail li .rqmdtool::before,
.novAlerteInclude.novAlerteVisu .rqmultidetail li .rqmdtool::before {
    content: 'Ou';
    font-weight: 600;
    position: relative;
    top: -12px;
    width: 25px;
}

.novAlerteExclude.novAlerteVisu .rqmultidetail li .rqmdtool,
.novAlerteInclude.novAlerteVisu .rqmultidetail li .rqmdtool {
    width: 25px;
}

.novAlerteExclude .rqmultidetail li:nth-child(1) .rqmdtool::before,
.novAlerteInclude .rqmultidetail li:nth-child(1) .rqmdtool::before {
    content: '';
}

.novAlerteExclude .rqmultidetail li:nth-child(1) .rqmdtool,
.novAlerteInclude .rqmultidetail li:nth-child(1) .rqmdtool {
    width: 50px;
    content: '';
}

.novAlerteExclude.novAlerteVisu .rqmultidetail li:nth-child(1) .rqmdtool,
.novAlerteInclude.novAlerteVisu .rqmultidetail li:nth-child(1) .rqmdtool {
    width: 0;
    content: '';
}

.novAlerteExclude .rqexpritemcnt,
.novAlerteInclude .rqexpritemcnt {
    background-color: #F2F3F8;
    border-radius: 6px;
    padding: 2px 5px;
    margin-bottom: 10px;
}

.novAlerteExclude .rqexpritem .rqexpritemtxt,
.novAlerteInclude .rqexpritem .rqexpritemtxt {
    margin: 0;
}

.novAlerteExclude .rqexpritemcnt>.rqexpritem,
.novAlerteInclude .rqexpritemcnt>.rqexpritem {
    order: 0;
    margin-right: 5px;
    position: relative;
    left: 35px;
}

.novAlerteExclude .rqexpritemcnt>.rqexpritem:nth-child(1),
.novAlerteInclude .rqexpritemcnt>.rqexpritem:nth-child(1) {
    order: 1;
    left: 45px;
}

.novAlerteExclude .rqexprlist>.rqexpr:nth-child(1)>.rqexpritemcnt:before,
.novAlerteInclude .rqexprlist>.rqexpr:nth-child(1)>.rqexpritemcnt:before {
    content: "Si";
}

.novAlerteExclude .rqexpritemcnt:before,
.novAlerteInclude .rqexpritemcnt:before {
    content: "Et";
    font-family: "Lato";
    font-size: 13px;
    font-weight: 600;
    position: relative;
    top: 10px;
    left: 10px;
}

.novAlerteExclude .rqexprlist>.rqexpr:last-child>.rqexpritemcnt:after,
.novAlerteInclude .rqexprlist>.rqexpr:last-child>.rqexpritemcnt:after {
    content: " ";
    background-image: url("icon/corner-lightgrey.png");
    height: 18px;
    width: 18px;
    position: absolute;
    left: 0px;
    top: 45px;
}

.novAlerteExclude .rqexpritemcnt>rqexprbuiltin:empty,
.novAlerteInclude .rqexpritemcnt>rqexprbuiltin:empty {
    display: none;
}

.novAlerteExclude select,
.novAlerteExclude input,
.novAlerteInclude select,
.novAlerteInclude input {
    background-color: #F2F3F8;
    border-color: #F2F3F8;
    color: #8E8EA5;
    font-weight: 600;
}

.novAlerteExclude select:hover,
.novAlerteExclude input:hover,
.novAlerteInclude select:hover,
.novAlerteInclude input:hover,
.novAlerteInclude select:focus,
.novAlerteInclude input:focus {
    color: #222;
    background-color: #fff !important;
    border-color: #039BE5;
}

.novAlerteExclude select,
.novAlerteInclude select {
    background: url('icon/angel-down-circle-thin-cyan.svg') !important;
    background-position: calc(100% - 4px) 50% !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
}

.novAlerteExclude .novAlerteVisu .rqexpritemcnt,
.novAlerteInclude .novAlerteVisu .rqexpritemcnt {
    margin-bottom: 10px;
}

.novAlerteExclude .novAlerteVisu .rqexpritemcnt::before,
.novAlerteInclude .novAlerteVisu .rqexpritemcnt::before {
    top: 0px;
    left: 5px;
}

.novAlerteExclude .novAlerteVisu .rqexpritemcnt>.rqexpritem,
.novAlerteInclude .novAlerteVisu .rqexpritemcnt>.rqexpritem {
    left: 15px;
}

.novAlerteExclude .novAlerteVisu .rqexprlist>.rqexpr:last-child>.rqexpritemcnt::after,
.novAlerteInclude .novAlerteVisu .rqexprlist>.rqexpr:last-child>.rqexpritemcnt::after {
    content: "";
    background: none !important;
}

.novAlerteExclude .novAlerteVisu .rqexpritemand,
.novAlerteInclude .novAlerteVisu .rqexpritemand {
    height: 0;
}

.novColumnForm .novAlerteInclude .rqviewtbl,
.novColumnForm .novAlerteInclude .rqviewtbl {
    margin-bottom: 5px;
}

.novColumnForm .novAlerteExclude .rqexpritemcnt,
.novColumnForm .novAlerteInclude .rqexpritemcnt {
    margin-bottom: 10px;
}

.novAlerteExclude .rqwidget .rqmultidetailo>.rqmdtool,
.novAlerteInclude .rqwidget .rqmultidetailo>.rqmdtool {
    background-color: #F2F3F8;
    border-color: #F2F3F8;
    color: #8E8EA5;
    font-weight: 600;
    padding: 0px 5px;
    border-radius: 6px;
    height: 36px;
}

.novAlerteExclude .rqwidget .rqmultidetailo>.rqmdtool .itool.plus {
    width: 200px;
    position: relative;
    top: 10px;
}

.novAlerteInclude .rqwidget .rqmultidetailo>.rqmdtool .itool.plus {
    width: 170px;
    position: relative;
    top: 10px;
}

.novAlerteExclude .rqwidget .rqmultidetailo>.rqmdtool .itool.plus:after {
    content: "Ajouter une exclusion";
    color: #8E8EA5;
    font-size: 13px;
    font-family: 'Lato';
    position: relative;
    left: 5px;
}

.novAlerteInclude .rqwidget .rqmultidetailo>.rqmdtool .itool.plus:after {
    content: "Ajouter un contenu";
    color: #8E8EA5;
    font-size: 13px;
    font-family: 'Lato';
    position: relative;
    left: 5px;
}

.novAlerteExclude .rqwidget .rqmultidetailo:hover>.rqmdtool.itool.plus:after,
.novAlerteInclude .rqwidget .rqmultidetailo:hover>.rqmdtool.itool.plus:after {
    color: #039BE5;
}

.novAlerteExclude .rqwidget .rqmultidetailo>.rqmdtool .rqmdtoollbl .rqedit,
.novAlerteInclude .rqwidget .rqmultidetailo>.rqmdtool .rqmdtoollbl .rqedit {
    font-size: 0;
    color: transparent;
}

.novAlerteInclude .rqval .rqwidget .rqexpritemcnt>.rqexprbuiltin .subdetail {
    margin-left: 25px;
    padding-top: 8px;
}

.novAlerteExclude input[type="checkbox"],
.novAlerteInclude input[type="checkbox"],
.novAlerteExclude input[type="radio"],
.novAlerteInclude input[type="radio"] {
    background-color: #fff;
    border-color: #eee;
    position: relative;
    top: 2px;
}

.novAlerteExclude input[type="checkbox"]:hover,
.novAlerteInclude input[type="checkbox"]:hover {
    border-color: #03A9F4;
}

.novAlerteExclude input[type="checkbox"]:checked,
.novAlerteInclude input[type="checkbox"]:checked {
    background-color: #03A9F4 !important;
    border-color: #03A9F4;
}

.novAlerteExclude input[type="radio"]:hover,
.novAlerteInclude input[type="radio"]:hover,
.novAlerteExclude input[type="radio"]:checked,
.novAlerteInclude input[type="radio"]:checked {
    background-color: #fff;
    background-image: url("icon/circle-fill-lightblue.svg");
    background-size: 9px;
    background-position: 2px;
    background-repeat: no-repeat;
    border-color: #03a9f4;
}

.novAlerteExclude .rqwidget .rqhradio,
.novAlerteInclude .rqwidget .rqhradio {
    position: relative;
    top: 5px;
    left: 10px;
}

.row.novAlerteExclude>.col-12>.rqpropleftin .itool,
.row.novAlerteInclude>.col-12>.rqpropleftin .itool {
    margin-left: 0px;
}


/************************************** BSI ********************************************/

.novBSIContainer {
    margin: 40px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    color: black;
    max-width: calc(100% - 90px);
    position: relative;
    top: 70px;
    justify-content: flex-start;
}

.novBSIContainer .rightTab {
    margin-left: 0;
    padding: 17px;
}

.novBSIContainer .rightTab .rightTitle, .novBSIContainer .rightTab .dropZone{
    margin-left: 0 !important;
}


.novBSIContainer .leftTabUnpinned {
    margin-left: 20px;
    width: 350px;
}

.novBSIContainer .leftTabPinned {
    margin-left: 20px;
    width: 350px;
}

.novBSIContainer .leftTabPinnedMainBlock {
    margin-left: 20px;
    width: 350px;
}


.novBSIContainer #subElement {
    border-radius: 6px;
    background-color: #fafafa !important;
    padding: 10px;
    /*box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);*/
}

.novBSIContainer .custom-block[data-dropped="false"] {
    border-radius: 6px;
}

.novBSIContainer .leftTabUnpinned .leftTitle {
    display: flex;
    -js-display: flex;
    flex-direction: column;
    justify-content: stretch;
    height: 100%;
}

.novBSIContainer .leftTabUnpinned .custom-block {
    box-shadow: 1px 1px rgba(63, 81, 181, 0.05), 0px 4px 4px rgba(63, 81, 181, 0.04), 0px 2px 2px rgba(63, 81, 181, 0.07);
    border: none;
    background-color: #fff;
    padding-left: 40px;
    padding-right: 10px;
    background-size: 25px !important;
    background-position: 5px 50% !important;
    min-height: 36px;
    height: auto;
}

.novBSIContainer .leftTabPinned .custom-block {
    box-shadow: 1px 1px rgba(63, 81, 181, 0.05), 0px 4px 4px rgba(63, 81, 181, 0.04), 0px 2px 2px rgba(63, 81, 181, 0.07);
    border: none;
    background-color: #fff;
    padding-left: 40px;
    padding-right: 10px;
    background-size: 25px !important;
    background-position: 5px 50% !important;
    min-height: 36px;
    height: auto;
}

.novBSIContainer .leftTabPinnedMainBlock .custom-block {
    box-shadow: 1px 1px rgba(63, 81, 181, 0.05), 0px 4px 4px rgba(63, 81, 181, 0.04), 0px 2px 2px rgba(63, 81, 181, 0.07);
    border: none;
    background-color: #fff;
    padding-left: 40px;
    padding-right: 10px;
    background-size: 25px !important;
    background-position: 5px 50% !important;
    min-height: 36px;
    height: auto;
}

.novBSIContainer .leftTabUnpinned .custom-block>.block-title {
    display: flex;
    -js-display: flex;
    align-items: center;
    padding: 5px;
}

.novBSIContainer .dropZone {
    background-color: #fafafa;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    border: none;
}

.novBsiToolbar {
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 800;
    padding: 2px;
    border-top: 1px solid #eee;
}

.novBSIContainer .rightTab .custom-block {
    border: 1px solid #b0b0b0;
}

.novBSIContainer .leftTitle b,
.novBSIContainer .rightTitle b {
    font-size: 18px;
    margin-bottom: 10px;
}


/*********************************** Contrat en masse ***********************************/

.novTabsContainer {
    display: flex;
    -js-display: flex;
    flex-direction: row;
    background-color: #1169b4;
    color: white;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.novTabsContainer .novTabs {
    display: flex;
    -js-display: flex;
    padding: 15px 15px;
    transition: background-color 200ms ease;
    font-size: 1.2em;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.novTabsContainer .novTabs:hover,
.novTabsSelected {
    background-color: #0059a4;
    cursor: pointer;
    font-weight: bold;
}

.ui-widget .slick-header span {
    font-size: 1.3em !important;
}


/*********************************** bouton chelou ***********************************/

.action {
    padding: 6px 10px 4px 10px;
    border-radius: 5px;
    background-color: #4fa5c2;
    color: #fff;
    position: relative;
    left: 40px;
    top: 20px;
}


/*********************************** EVP EN MASSE **************************************/

.rqedttbl {
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    background: #fff;
    padding: 20px;
    border-radius: 6px;
}

a.rqtblduplitem {
    background-position: -1px -3px;
}

a.rqtblremitem {
    background-position: -1px -2px;
}

.slick-header-column,
.slick-header-column.ui-state-default,
.slick-header-columns {
    background: none !important;
}

.slick-cell.selected {
    background-color: #03A9F475;
    padding: 1px;
}

.criteria .rqexpr {
    display: flex;
    -js-display: flex;
    flex-direction: column;
    justify-content: center;
}


/*********************************** Saisie des EVP **************************************/

.novEVPlist .tbleditreq {
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    margin-top: 40px;
}

.novEVPlist .table-responsive {
    width: calc(100vw - 150px) !important;
    height: calc(100vh - 280px) !important;
    overflow: scroll;
    margin-top: -70px;
}

.novEVPlist .rqview .tbleditreq tr.even td.editable {
    background: #fff;
}

.novEVPlist .tbleditreq tr>td {
    left: 225px;
}

.novEVPlist .tbleditreq thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 100;
}

.novEVPlist .tbleditreq tr>td:nth-child(2),
.novEVPlist .tbleditreq tr>th:nth-child(2) {
    position: -webkit-sticky;
    position: sticky;
    min-width: 75px;
    width: 75px;
    max-width: 75px;
    left: 0px;
}

.novEVPlist .tbleditreq tr:nth-child(2n)>td:nth-child(2),
.novEVPlist .tbleditreq tr:nth-child(2n)>td:nth-child(3) {
    background-color: #ffffff;
}

.novEVPlist .tbleditreq tr>td:nth-child(2),
.novEVPlist .tbleditreq tr>td:nth-child(3) {
    background-color: #f3f5f7;
}

.novEVPlist .tbleditreq tr>td:nth-child(3),
.novEVPlist .tbleditreq tr>th:nth-child(3) {
    position: -webkit-sticky;
    position: sticky;
    min-width: 150px;
    max-width: 150px;
    width: 150px;
    left: 75px;
}

.novEvpListHeader {
    background: #fff;
    padding: 10px;
    width: calc(100% + 80px);
    position: absolute;
    left: -40px;
    top: -14px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    display: flex;
    -js-display: flex;
    justify-content: center;
    width: 100%;
    margin-left: 40px;
}

.rqedttbl .slick-pane .slick-viewport {
    padding-bottom: 40px;
}

.novEvpListContainer {
    margin-top: 90px;
}

.tbleditreq {
    box-shadow: 0px 4px 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.rqview .tbleditreq tr td.editable {
    background-color: white;
}

.novEvpListSearch p,
.novEvpListHeader>button {
    margin-right: 10px;
}

.novEvpListSearch p,
.novEvpListSearch input {
    font-size: 13px;
}

.novEvpListSearch {
    display: flex;
    -js-display: flex;
    align-items: center;
    margin-right: -20px;
}

.novEvpListSearch .fa-search {
    background: none;
    font-size: 16px;
}

.novEvpListSearch #ca2iButtonSearchSubmit {
    position: relative;
    left: -34px;
    height: 34px;
    width: 34px;
    padding: 3px;
    background: none;
    border: none;
}

.novEvpListSearch input {
    border-radius: 6px;
}

.novEvpListSearch #ca2iButtonSearchSubmit i {
    color: #cccccc;
}

.novEvpListSearch #ca2iButtonSearchSubmit:hover i {
    color: #03a9f4;
}

.novEvpListButtonContainer {
    display: flex;
    -js-display: flex;
    align-items: center;
}

.novEvpListButtonContainer {
    width: 550px;
}

.novEvpListButtonContainer button {
    width: 25%;
    margin-right: 10px;
    height: 24px;
    border-radius: 25px;
    border: none;
    display: flex;
    -js-display: flex;
    align-items: center;
    justify-content: center;
    background: #03a9f4;
    color: white;
    cursor: pointer;
    font-family: 'Lato';
    font-size: 13px;
}

.novEvpListButtonContainer button:disabled {
    background: #ccc;
    color: #888;
    cursor: initial;
}

.novBreakWord {
    word-break: break-all;
}


/*********************************** page collab épinglés *************************************/

.rqcol .GAlogo .novrh-toggle-checkbox+label,
.rqcol .pay-l .novrh-toggle-checkbox+label {
    display: none;
}


/*********************************** Codes Miror rubriques *************************************/

.CodeMirror div.CodeMirror-cursor {
    border-left: 2px solid #00abff;
}

.rqwidget>table>tbody>tr>td>div.CodeMirror.cm-s-default.CodeMirror-wrap {
    min-height: 34px !important;
    padding: 2px 10px;
    margin-bottom: 2px;
}

#rqscr_data_sysScript,
.CodeMirror {
    font-family: monospace !important;
}


/************************************ Campagnes de rémunérations ********************************/

.novRemuInstance .rqportlet .rqview .rqform {
    position: absolute;
    top: 0;
}

.novRemuInstance .rqlargedetail {
    margin-top: 110px;
}

.novRemuInstance .rqlargedetail>.rqview>.rqform {
    margin-left: 40px;
    width: calc(100% - 80px);
}

.novRemuInstance #selectedmanager {
    margin-left: 10px;
}

.novRemuInstance .rqlargedetail .rqsrchin {
    flex-direction: column;
    padding: 5px 20px;
    border-radius: 0 0 6px 6px;
    box-shadow: 0px 4px 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.novRemuInstance .navtop {
    margin: 0;
}

.novRemuInstance .actions-top {
    background-color: #fff;
    border-radius: 6px 6px 0 0;
    padding: 5px 20px;
    box-shadow: 0px 4px 3px rgba(63, 81, 181, 0.05), 0px 5px 3px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.novRemuInstance .rqsearchsubmit {
    background: url('icon/magnifier-lightgrey.svg') no-repeat !important;
    background-position-x: 50% !important;
    background-position-y: 50% !important;
    background-size: auto;
    background-size: 18px !important;
}

.novRemuInstance .rqsearchsubmit:hover {
    background: url('icon/magnifier-cyan.svg') no-repeat !important;
    background-position-x: 50% !important;
    background-position-y: 50% !important;
    background-size: 18px !important;
}


/*************************************** AV AUTO **********************************************/

.table-responsive {
    margin-top: 10px;
}

.rqportlet .table-responsive {
    border: 1px solid rgba(63, 81, 181, 0.1);
    border-bottom: none;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.rqportlet .table-responsive .tblreq {
    box-shadow: none;
}


/*************************************** AVENANT **************************************************/

.amendmentpropcontainer .rqproptopin.row .rqmultidetail .rqmdtool .itool.minus {
    top: 0px !important;
}


/****************************************** GED test *******************************************/

.rqjcractions {
    display: none;
}


/****************************************** list layout editor *******************************************/

.novListLayoutEditor .rqview>.rqform>table:first-of-type {
    display: none;
}

.novListLayoutEditor .rqview .rqform .rqviewtbl {
    top: 0;
    margin-left: 0 !important;
}

.novListLayoutEditor .rqportletcnt>.rqlargedetail>.rqview>.rqform {
    position: relative;
}

.rqlayoutpreview {
    width: calc(100% - 100px);
}


/****************************************** list de selection arborescente *******************************************/

.novTreeSelectone .rqportlet .rqdetail>.rqview>.rqform {
    position: absolute;
    top: 270px;
    width: calc(100% - 60px);
}


/***************************************** liste des visites médicales GA ******************************************/

.novVisitMedList .rqhlbl .rqstatic {
    color: #3F51B5 !important;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
}

.novVisitMedList .rqhlbl {
    color: #3F51B5 !important;
    padding-left: 24px !important;
    border-bottom: 2px solid #F2F3F8 !important;
    margin: 4px 0;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    width: 100%;
    display: block;
}

.novVisitMedList .rdivitems {
    padding: 10px;
}

.novVisitMedList .rdivitems .ulritems li {
    padding: 5px 15px;
    background: #fff;
    background-image: none;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    margin-bottom: 5px;
}


/***************************************** Reprise de donnée *********************************************/

.novRDDForm .rqform {
    top: 80px !important;
}

.novRDDForm .rqbuttons {
    left: 50px;
}

.novRDDForm .slick-pane.slick-pane-top.slick-pane-left,
.notransform .slick-pane.slick-pane-top.slick-pane-left {
    top: 47px !important;
}

.dsn_innertable span.txt {
    background: url('icon/plus3-white.svg') no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    color: transparent;
    padding: 2px;
    font-size: 0;
    padding: 9px;
    position: relative;
    top: -4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/***************************************** No Menu *********************************************/

.novNoMenuPage {
    padding-left: 0px !important;
    padding-top: 0px !important;
    margin-top: -185px !important;
}

.novNoMenuPage.novFitnessWizard .rqaddtopage {
    display: none !important;
}

.novNoMenuPage .rqwhy a.rqwhylnk {
    background: url('img/help-white.svg') no-repeat !important;
    outline: 0;
    background-size: 20px !important;
    background-position-y: 2px !important;
    position: relative;
    left: 25px;
}

.novPreLogPage {
    padding-left: 0px !important;
}

.novColumnForm .rqlycol>.rqlycolin {
    width: calc(100% - 40px);
    margin-left: 20px;
}

.novColumnForm .rqlycol>.rqlycolin .rqsectionin {
    margin-bottom: 10px;
}


/************************************ tableaux de bord **********************************/

.rqportletcnt>.righttab {
    padding: 10px;
}

.rqpage>ul.rqcol {
    padding: 0 40px;
}

.chartlist LI,
.chartmodellist LI {
    border-radius: 6px;
}


/************************************ slick pane ****************************************/

.slick-pane>.slick-viewport>.grid-canvas {
    margin-top: 19px;
}


/************************************* GPEC **********************************************/

.novGPECButtonHolder tbody {
    display: flex;
}

#layouteditor .novGPECButtonHolder tbody {
    display: block;
}

.novPremiumMessage .rqtext {
    color: red !important;
}

.novGPECButtonHolder .rqbtno {
    margin-right: 20px !important;
}


/****************************************** TreeTable *************************************/

.rqview .tblreq.treeTable>thead>tr>th {
    border-bottom: 1px solid #ccc;
}

.rqview .tblreq.treeTable>tbody>tr:nth-child(2n) {
    background-color: #F3F5F7;
}


/******************************************* Evol Situ *************************************/

.novEvolSitDetail>td>.rqproptopin>div>.rqwidget>.itool.minus {
    display: none;
}


/****************************************** Crtière entretient ****************************/

.encadrebloc .rqexpritemand .itool.plus:before {
    content: "Ajouter un critère" !important;
}

.encadrebloc .rqexpritemand .itool.plus {
    top: -30px;
}

.encadrebloc .rqexpritemand .itool.plus span {
    background: url(icon/plus3-grey.svg) no-repeat !important;
    background-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    color: #eee !important;
    padding: 2px !important;
    font-size: 0 !important;
    padding: 9px !important;
    position: relative !important;
    top: -15px !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.encadrebloc .rqfltoptvaltxt {
    margin: 0 25px 0 -5px;
}

.encadrebloc .rqpropleftin input[type="checkbox"] {
    position: relative;
    top: 2px;
}

.rqfltoptvaltxt {
    white-space: pre;
}

.rqform>table>tbody>tr>td>table.rqviewtbl+div {
    padding: 0 30px;
}


/************************************ Anciennes evals ************************************/

.rqportletcnt>.rqlargedetail>.rqview>.rqwizbtntop+.rqform {
    top: 60px !important;
}

.rqwizbtntop {
    z-index: 100 !important;
    position: relative;
    top: -3px;
}

.rqwizbtnbot {
    position: fixed;
    bottom: 0;
    width: calc(100% - 50px);
}

.rqwizprogress {
    background: #fff;
}

.novEvalQuestionBloc .rqmultidetail>li {
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    border-radius: 6px;
    margin-bottom: 5px;
    padding: 10px;
    border: 1px solid rgba(63, 81, 181, 0.07);
}

.novEvalForm>tbody>tr>td>div {
    padding: 0 20px;
}

.novEvalForm .sublist {
    margin-top: 10px;
}

.novEvalForm .rqmdtool .itool {
    top: -4px !important;
}

.novEvalForm .rqautocomplete input,
.novEvalForm .novautocomplete input {
    width: calc(100% - 30px) !important;
}

.novEvalForm {
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07) !important;
    margin-bottom: 10px !important;
}

.novEvalForm>tbody>tr>td>div .rqviewtbl {
    margin-left: 0 !important;
}

.novEvalForm .rqviewtbl {
    margin-left: 0px !important;
}

.rqdefaultpage .rqform>.novEvalForm>tbody>tr>td {
    padding: 10px 40px !important;
}


/************************************ chart 2020 *****************************************/

.highcharts-credits {
    display: none;
}

.olaptitle2 {
    font-weight: 600;
    font-size: 20px;
}

.highcharts-label text tspan:nth-child(2) {
    color: #ddd;
}

.highcharts-label text tspan:nth-child(3) {
    border-radius: 6px;
    background-color: blue;
}

ul.dynatree-container {
    font-family: tahoma, arial, helvetica;
    font-size: 10pt;
    white-space: nowrap;
    padding: 3px;
    margin: 0;
    background-color: white;
    border: 1px solid #CECEE6;
    overflow: auto;
    border-radius: 6px;
    min-height: 36px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.rqslicerlbl {
    padding-right: 14px;
    font-weight: 600;
}

.dynatree-expander {
    background: url(icon/plus-lightgrey.svg) no-repeat !important;
    background-size: 15px !important;
    background-position: 3px 1px !important;
    border: none;
    color: #039BE5;
    text-align: center;
    padding: 3px 10px;
    cursor: pointer;
}

.dynatree-expander:hover {
    background: url(icon/plus-cyan.svg) no-repeat !important;
    background-size: 15px !important;
    background-position: 3px 1px !important;
}

.dynatree-expanded .dynatree-expander {
    background: url(icon/minus-lightgrey.svg) no-repeat !important;
    background-size: 15px !important;
    background-position: 3px 1px !important;
    border: none;
    color: #039BE5;
    text-align: center;
    padding: 3px 10px;
}

.dynatree-expanded .dynatree-expander:hover {
    background: url(icon/minus-cyan.svg) no-repeat !important;
    background-size: 15px !important;
    background-position: 3px 1px !important;
}


/********************* Table des coûts ****************************/

.novMultiGridTable table table.row td {
    height: 36px !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.novMultiGridTable table table.row td.col-12 {
    height: 36px !important;
}

.novMultiGridTable table table.row .rqprop td.rqlbl {
    height: 0 !important;
    display: none !important;
}

.novMultiGridTable table table.row td:nth-child(1) {
    justify-content: flex-end;
}

.novEvalListCollab .rqwidget {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
}

.novEvalListCollab .rqwidget a {
    width: 100px;
}

.novEvalListCollab .rqwidget #ca2iEmployeeCreated {
    margin-bottom: 10px !important;
}


/*********************************** Synthese entitee ***********************************/

#zoneproptable>.rqlbl>.rqviewtbl,
#zoneactiontable>.rqlbl>.rqviewtbl,
#zoneoperationtable>.rqlbl>.rqviewtbl {
    position: relative;
    left: 20px;
    width: calc(100% - 40px);
}


/*********************************** retouches compatibilite bootstrap ***********************************/

.novAmount .rqval {
    display: block;
}

.novAbsFit .row .rqlbl {
    width: 5% !important;
}

.novAbsFit h2 {
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

label {
    margin-bottom: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
    border-radius: 6px;
    border: 1px solid #eee;
    padding: 5px 10px;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    border: 1px solid #ddd;
    background-color: #ddd;
    padding: 5px 10px;
}

.ui-dialog.ui-widget>#selection-dialog-div {
    display: block !important;
}


/*********************************** Path selector ***********************************/

.novPathSelector {
    background: #dddddd;
    border-radius: 6px;
    padding: 5px 5px 7px 2px;
    margin: 2px;
    position: relative;
    top: 5px;
}

.novPathSelectorEnd {
    top: 9px;
    padding-left: 4px;
}

.novPathSelector select {
    height: 24px;
}

.novPathSelector .novPathSelectorIcon {
    background: #88ff88;
    border-radius: 10px;
    margin-left: 5px;
    padding: 3px 5px 3px 4px;
    cursor: pointer;
}

.novPathSelector .novPathSelectorIconEnd {
    background: #ff8888;
    border-radius: 10px;
    margin-left: 5px;
    padding: 3px 5px 3px 5px;
}

.novPathSelector .novPathSelectorIcon img,
.novPathSelector .novPathSelectorIconEnd img {
    position: relative;
    top: -2px;
}

.rqprop[data-rqpropname="data.sysAction"],
.rqprop[data-rqpropname="data.sysOperation"],
.rqprop[data-rqpropname="data.sysSearch"],
.rqprop[data-rqpropname="data.sysChild"] {
    margin-bottom: 15px;
}

.novTalentGroupValue .rqwidget {
    flex-direction: row;
}

#fieldvalues-dialog-error .error {
    top: 0;
}

.rqlblin:empty {
    margin: 0 !important;
}

.novCommentItalic {
    font-size: 0.75rem;
    font-style: italic;
}

.novPathDisplay {
    margin-bottom: 5px;
}


/****************************** REMU COLLAB *****************************/

.remutablemodelcolumns select {
    min-width: 150px;
}

.remutablemodelcolumns .rqmultidetail .subdetail .rqdesignformtool,
.remutablemodelcolumns .rqmultidetail .subdetail .rqdesignformtoolcustom {
    top: -20px;
}

.remutablemodelcolumns tbody.col-12 {
    display: block;
}

.novRemuCollabCriteria .rqexpritemand .itool.plus:before {
    margin-top: 4px;
}

.novRemuCollabCriteria .encadrebloc .rqexpritemand .itool.plus {
    background: #e1f5fe;
    color: #00abff;
    border-radius: 20px;
    height: 24px;
}

.novRemuCollabCriteria .encadrebloc .rqexpritemand .itool.plus:hover {
    background: #00abff;
    color: white;
    border-radius: 20px;
    height: 24px;
}

.novRemuCollabCriteria .encadrebloc .rqexpritemand .itool.plus span {
    background: url(icon/plus3-cyan.svg) no-repeat !important;
    background-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    color: #eee !important;
    padding: 2px !important;
    font-size: 0 !important;
    padding: 9px !important;
    position: relative !important;
    top: 0px !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    left: 10px;
}

.novRemuCollabCriteria .encadrebloc .rqexpritemand .itool.plus:hover span {
    background: url(icon/plus3-white.svg) no-repeat !important;
    background-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    color: #eee !important;
    padding: 2px !important;
    font-size: 0 !important;
    padding: 9px !important;
    position: relative !important;
    top: 0px !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    left: 10px;
}

.novRemuCollabCriteria .encadrebloc .rqexpritemand .itool.plus .txt::before {
    content: "";
    font-family: "fontawesome";
    font-size: 0;
    background: none;
    padding: 0;
    border-radius: 0;
}

.novRemuColumnModel .row {
    display: block;
}

#layout-edit-zone {
    background: white;
    margin-bottom: 30px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
    position: relative;
    top: 90px;
    width: calc(100% - 80px);
    border-radius: 6px;
    padding: 20px;
    color: black !important;
}

#layout-edit-zone .rqviewtbl {
    position: relative;
    top: 0;
    padding: 0;
    margin: 0 !important;
    width: 100%;
    box-shadow: none;
}

.novPadding {
    padding-left: 20px;
}

tr[data-rqpropname*='.cust']>td:first-of-type>div>span,
tr[data-rqpropname^='data.cust']>td:first-of-type>div>span,
tr[data-rqpropname*='.cust']>td>div>.rqtextlabel,
tr[data-rqpropname^='data.cust']>td>div>.rqtextlabel,
tr[data-rqpropname*='.cust']>td>div>#rqlbl,
tr[data-rqpropname^='data.cust']>td>div>#rqlbl {
    background: url("icon/custom-stars-grey.svg");
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: 0px 2px;
    padding-left: 15px;
}


/*********************************** PCALEND1 *******************************************/

.novPCalendFix .col-12 .rqsectionin {
    min-height: 25px;
}

.novDisplayBlock,
.novDisplayBlock table,
.novDisplayBlock .row {
    display: block !important;
}

.rqwidget>div[style="margin-top: 3px;"] {
    margin-top: 0 !important;
}


/*********************************** VBULL & VHBULL *******************************************/

.novVHBULBandeau {
    position: relative;
    top: 20px;
}

.novVHBULBandeau .ui-tabs .ui-tabs-nav {
    width: 100%;
}


/*********************************** Bidouille *********************************************/

.novHideField {
    display: none;
}

.flyby .rqdesignformtool .rqdesignactc,
.flyby .rqdesignformtool .rqdesignactcp {
    display: none;
}

.rqtblsorted>div>a {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.novContractHeader input[type=checkbox] {
    position: relative;
    top: 0;
}


/************************************* Flexbox tool *******************************************/

.novNoLabel .rqlbl {
    display: none;
}

.novFlewrow>.rqlygrpin>table>tbody {
    display: flex;
    flex-direction: row;
}

.novFlewrow input {
    width: 100%;
}

.novAlignTier {
    position: relative;
    left: 28.8%;
}

.novRl25 {
    position: relative;
    left: 25.8%;
}

.novErrorHTMLField {
    font-size: 15px;
    font-weight: bold;
    color: #E91E63;
}

.novColorRed {
    color: #c00;
}


/**************** Thèmes et propriétés *********************/

.novMetaPropList .rqattach {
    max-width: 200px;
    word-break: break-all;
}


/*************** customtool *************/

.subdetail .rqdesignformtoolcustom {
    width: 40px;
    float: right;
}


/******************* message d'info postes *********************************/

.novMsgPostes {
    font-size: 10px;
    color: #aeaeae;
    text-align: justify;
    padding: 10px;
}


/******************* message d'info incohérence date repertoire des postes *********************************/

.novMsgDatePostes {
    color: #FF0000;
    font-size: 15px;
}


/******************* message d'info Generation DPAE *********************************/

.novMsgGenerationDPAE {
    font-size: 10px;
    color: #aeaeae;
    text-align: justify;
    padding: 10px;
}


/******************** Onboarding ***************************/

.novBlocContainerOnboard {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.novBlocsOnboard {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 8px;
    width: 45%;
    padding: 0;
    /*10px 20px 10px 20px;*/
    margin: 10px 30px 10px 0px;
    box-shadow: 0px 5px 6px rgba(63, 81, 181, 0.05), 0px 0px 16px rgba(63, 81, 181, 0.04), 0px 0px 12px rgba(63, 81, 181, 0.07);
}

.novBlocsOnboard h2 {
    text-align: left;
    display: block;
    padding: 0;
    margin: 0;
    color: #0059a4;
    border-bottom: 1px solid #f2f3f8;
    margin-bottom: 5px;
    padding: 10px;
}

.novPropwrapOnboard {
    padding: 10px;
}

.novPropOnboard {
    /*padding: 2px 0px 2px 0px;*/
    padding: 2px;
}

.novPropertiesOnboard {
    float: left;
    width: 50%;
}

.novSubpropOnboard {
    padding: 2px 0px 2px 0px;
}

.novSubpropTitleOnboard {
    float: left;
    width: 50%;
    font-weight: bold;
}

.novBlocsOnboard ol {
    min-height: 20px;
    padding: 0;
    margin: 0px 0px 0px 15px;
}

.novBlocsOnboard ul {
    min-height: 20px;
    padding: 0;
    margin: 0px 0px 0px 15px;
}

li.novListsubpropOnboard:first-child {
    border-top: none;
}

.novListsubpropOnboard {
    padding: 10px 0px 10px 0px;
    border-top: 1px solid grey;
    list-style-position: inside;
}


/*composant non multiple*/

ul.novSublistPropOnboard {
    list-style-type: none;
}

ul.novSublistPropOnboard li.listsubprop {
    padding: 5px 0px 5px 0px;
}

.novSubpropertiesOnboard {
    float: left;
    width: 50%;
}

.novSaisiesOnboard {
    float: left;
    width: 50%;
}

.clearBoth {
    clear: both;
}

.novInfopersoOnboard {
    padding: 10px;
    border: none;
}

.novInfopersoOnboard .line {
    clear: both;
    padding: 5px;
    border: none;
}

.novInfopersoOnboard fieldset {
    clear: both;
    padding: 5px;
    padding-left: 0px;
    border: none;
}

.novInfopersoOnboard fieldset .leftBox {
    float: left;
    width: 150px;
    color: #808080;
    font-size: 14px;
}

.novInfopersoOnboard fieldset .rightBox {
    float: left;
}

.novInfopersoOnboard div label {
    float: left;
    width: 220px;
    text-align: right;
    padding-right: 10px;
    color: #808080;
    font-size: 14px;
}

.novInfopersoOnboard div input {
    float: left;
    width: 150px;
    border-radius: 8px;
}

.novSaisiesOnboard input {
    border-radius: 8px;
    border: 1px solid;
    padding-left: 5px;
    border-color: rgb(196, 196, 196);
}

.novSaisiesOnboard input:hover {
    border-color: #03a9f4;
}

.novSaisiesOnboard select {
    border-radius: 8px;
    border: 1px solid;
    width: 159px;
    padding-left: 5px;
    border-color: rgb(196, 196, 196);
}

.novSaisiesOnboard select:hover {
    border-color: #03a9f4;
}

.alertmessagelist .msg .rqmsgline {
    font-weight: bold;
    color: red;
}

.novNews .rqcontent>.rqcontentin>.rqportletcnt>.rqlargedetail>.rqview>.rqform {
    margin-top: 20px;
}


/*Sous-titre fiche collab*/

.novSmallerSubtitle h2 {
    font-size: 13px;
}


/*Cotgen*/

.novBtnCotgen {
    position: absolute;
    left: calc(100% - 220px);
    bottom: 200px;
}


/*Trains Paie*/

.novTpList .rqcritsearch .rqwidget .rqexprbuiltin .subdetail tbody {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.novTpList .rqcritsearch .rqwidget .rqexprbuiltin tbody td {
    height: 35px;
}

.novTpInst .novTpIntel .rqlygrpin>table>tbody {
    display: flex;
    -js-display: flex;
    flex-direction: row;
}

.novTpInst .novTpIntel>.rqlygrpin>table>tbody {
    /* justify-content: space-between; */
    width: calc(100vw - 30px);
}

.novTpInst .novTpIntel .rqlygrpin .rqpropleftin {
    display: flex;
    -js-display: flex;
    flex-direction: column;
    padding: 5px 15px;
}

.novTpInst .novTpIntel .rqhlbl,
.novTpInst .novTpIntel .rqval,
.novTpInst .novTpIntel .rqtext {
    display: flex !important;
    justify-content: center !important;
}

.novTpInst .novTpIntel {
    position: absolute;
    top: -150px;
    margin-left: -82px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#layouteditor .novTpInst .novTpIntel {
    position: relative;
    top: 0px;
    margin-left: 0px !important;
}

.novTpInst .novTpName {
    position: absolute;
    top: -179px;
    margin-left: -46px !important;
    font-family: Montserrat;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    line-height: 10px;
}

.novTpInst .novactionbutton {
    top: -47px;
    right: 20px;
    z-index: 110;
}

.novTpInst .rqhdrm h3 {
    display: none;
}

.novTpInst .novTpOverall {
    margin-top: -91px !important;
    margin-left: -34px !important;
}

.novTpInst .novTpOverall .novTpPop,
.novTpInst .novTpOverall .novTpAmount {
    width: fit-content;
    padding-left: 0px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

#layouteditor .novTpInst .novTpOverall .novTpPop,
#layouteditor .novTpInst .novTpOverall .novTpAmount {
    width: inherit;
    padding-left: inherit;
    background-color: inherit;
    border-radius: 0px;
    box-shadow: inherit;
}

.novTpInst .novTpOverall>.rqlygrpin>table>tbody {
    display: flex;
    flex-direction: row;
}

.novTpInst .novTpOverall .novTpPop>.rqlygrpin>table>tbody {
    display: flex;
    flex-direction: row;
}

.novTpInst .novTpOverall .novTpAmount>.rqlygrpin>table>tbody {
    display: flex;
    flex-direction: row;
}

.novTpInst .novTpOverall .rqpropleftin {
    padding-left: 0px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.novTpInst .novTpOverall .rqpropleftin .rqtext {
    font-weight: bolder;
    padding-top: 2px;
}

.novTpInst .rqviewtbl {
    top: 40px;
}

.novTpInst .novTpSublist {
    margin-top: -17px;
}

.novProgressTPDisplayHeader .wizNumberContainer+.wizMessage {
    display: none;
}

.table-responsive td .wizElement,
.rqsublist td>.novProgressSubList .wizElement,
.novProgressTPDisplayHeader .novProgressBar .wizElement {
    min-height: 20px;
    margin: 0;
}

.table-responsive td .wizElement,
.rqsublist td>.novProgressSubList .wizElement {
    height: 45px;
    position: relative;
    top: -3px;
}

.table-responsive td .wizNumber,
.rqsublist td>.novProgressSubList .wizNumber {
    width: 20px;
    height: 20px;
}

.rqsublist td>.novProgressSubList {
    padding: 0;
}

.table-responsive td .wizSeparator,
.rqsublist td>.novProgressSubList .wizSeparator,
.novProgressTPDisplayHeader .wizSeparator {
    width: 20px;
    width: 20px;
    top: 2px;
    position: relative;
}

.novProgressTPDisplayHeader {
    position: relative;
    top: -37px;
}

.table-responsive .novProgressStepContainer {
    justify-content: flex-start;
    padding: 0;
}

.table-responsive .novProgressBarSteps1 {
    width: 60px !important;
}

.table-responsive .novProgressBarSteps2 {
    width: 120px !important;
}

.table-responsive .novProgressBarSteps3 {
    width: 180px !important;
}

.table-responsive .novProgressBarSteps4 {
    width: 240px !important;
}

.table-responsive .novProgressBarSteps5 {
    width: 300px !important;
}

.table-responsive .novProgressBarSteps6 {
    width: 360px !important;
}

.table-responsive .novProgressBarSteps7 {
    width: 420px !important;
}

.table-responsive .novProgressBarSteps8 {
    width: 480px !important;
}

.table-responsive .novProgressBarSteps9 {
    width: 540px !important;
}

.table-responsive .novProgressBarSteps10 {
    width: 600px !important;
}


/*Fichiers de règlements*/

.novReglInst .novReglIntel>.rqlygrpin>table>tbody {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: -57px;
}

.novReglInst .novReglIntel .novReglBlock>.rqlygrpin {
    padding: 0;
}

.novReglInst .novReglIntel .novReglBlock .rqlygrpin table tbody {
    display: flex;
    flex-direction: column;
}

.novReglInst .novReglIntel tbody>.rqsection {
    border-right: 1px solid #E6E6E6;
}

.novReglInst .novReglIntel tbody>.rqsection:last-child {
    border-right: none;
}

.novReglInst .novReglIntel .rqpropleftin {
    padding: 5px 0;
}

.novReglInst .novReglIntel .novReglBlock {
    margin-left: -5px !important;
    margin-right: 20px !important;
}

.novReglInst .novReglIntel .novReglBlock .rqhlbl>span,
.novReglInst .novReglIntel .novReglBlock .rqtext>span,
.novReglInst .novReglIntel .novReglBlock .rqtext,
.novReglInst .novReglIntel .novReglBlock .rqlnk>a>span {
    white-space: pre;
}

.novReglInst .novReglIntel .novReglBlock .rqtext>span,
.novReglInst .novReglIntel .novReglBlock .rqtext,
.novReglInst .novReglIntel .novReglBlock .rqlnk>a>span {
    font-weight: bolder;
}

.novReglInst .novReglIntel .novReglBlock .rqtext {
    margin-left: 7px;
}

.novReglInst .novReglIntel .novReglBlock .rqpropleftin {
    display: flex;
    flex-direction: column;
}

.novReglInst .novReglIntel .novReglBlock .rqval .rqtext,
.novReglInst .novReglIntel .novReglBlock .rqval .rqlnk {
    margin-left: 1px;
}

.novReglInst .novReglIntel .novReglTrainPaie {
    min-width: 259px;
}

.novReglInst .novReglIntel .novReglTrainPaie .rqlnk {
    padding-left: 10px;
}

.novReglInst .novReglIntel .novReglTrainPaie a>span {
    margin: 0;
}

.novReglInst .novactionbutton {
    top: -102px;
    right: 20px;
    z-index: 110;
}

.novReglInst .novReglIntel {
    position: absolute;
    top: -130px;
    left: 18px;
}

.novReglInst .novReglIntel .novReglTrainPaie {
    word-break: break-all;
}

.novReglInst .rqctxpath {
    top: -115px;
}

.novReglInst .rqhdr {
    height: 174px;
}

.novReglInst .rqtext.novReglBold {
    font-weight: bolder;
}

.novReglInst .novReglBody>.rqlygrpin>table>tbody {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.novReglInst .novReglOverall {
    background-color: #fff;
    border-radius: 6px;
    margin-left: 20px !important;
    position: relative;
    width: 400px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.novReglInst .novReglOverall .rqpropleftin {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.novReglInst .novReglOverall .rqpropleftin .rqhlbl {
    width: 50%;
    text-align: right;
}

.novReglInst .novReglOverall .rqpropleftin .rqtext {
    width: 50%;
    text-align: left;
}

.novReglInst .novReglFiles,
.novReglInst .novReglSublist {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 3px 3px rgba(63, 81, 181, 0.05), 0px 6px 6px rgba(63, 81, 181, 0.04), 0px 4px 4px rgba(63, 81, 181, 0.07);
}

.novReglInst .novReglFiles {
    margin: 0 0 10px 0 !important;
    padding-right: 13px !important;
}

.novReglInst .novReglBody {
    position: relative;
    left: -57px;
}

.novReglInst .novReglFiles>.rqlygrpin>table>tbody {
    display: flex;
    flex-direction: row;
}

.novReglInst .novReglFiles .rqpropleftin .rqhlbl>span {
    font-weight: bold;
    color: black;
    position: relative;
    bottom: 6px;
    left: 45px;
}

.novReglInst .novReglFiles .rqpropleftin {
    padding: 5px 0;
}

.novReglInst .rqviewtbl {
    background-color: #f1f3fa;
    border-radius: none;
    box-shadow: none;
}

.novReglInst .novReglFiles .rqlnk img {
    width: 40px;
    height: 40px;
    position: relative;
    top: -17px;
    left: 10px;
}

.novReglInst .novReglFiles .rqlnk tr td:nth-child(2) {
    position: relative;
    top: -8px;
    left: 9px;
}

.novReglInst .novReglFiles .novReglFileVir {
    word-break: break-all;
}

.novReglInst .rqdesignformtool {
    top: 42px;
}


/******************* message aide a la saisie contrat *********************/

.novMsgDraftModeContract {
    font-size: 12px;
    color: red;
    text-align: justify;
    padding: 0px 8px;
}


/******************** sauvons les perso bleus de l'hérésie des cust ************/

.novContract .rqform>.rqdesignformtool>.rqdesignactn {
    display: none;
}

.novContractCivilStatus>td>div>.rqwidget>.subdetail>.rqdesignformtool>.rqdesignactn {
    display: none;
}


/******************** Onboarding ***************************/

.novBlocContainerOnboard {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.novBlocsOnboard {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 8px;
    width: 45%;
    padding: 0;
    /*10px 20px 10px 20px;*/
    margin: 10px 30px 10px 0px;
    box-shadow: 0px 5px 6px rgba(63, 81, 181, 0.05), 0px 0px 16px rgba(63, 81, 181, 0.04), 0px 0px 12px rgba(63, 81, 181, 0.07);
}

.novBlocsOnboard h2 {
    text-align: left;
    display: block;
    padding: 0;
    margin: 0;
    color: #0059a4;
    border-bottom: 1px solid #f2f3f8;
    margin-bottom: 5px;
    padding: 10px;
}

.novPropwrapOnboard {
    padding: 10px;
}

.novPropOnboard {
    /*padding: 2px 0px 2px 0px;*/
    padding: 2px;
}

.novPropertiesOnboard {
    float: left;
    width: 50%;
}

.novSubpropOnboard {
    padding: 2px 0px 2px 0px;
}

.novSubpropTitleOnboard {
    float: left;
    width: 50%;
    font-weight: bold;
}

.novBlocsOnboard ol {
    min-height: 20px;
    padding: 0;
    margin: 0px 0px 0px 15px;
}

.novBlocsOnboard ul {
    min-height: 20px;
    padding: 0;
    margin: 0px 0px 0px 15px;
}

li.novListsubpropOnboard:first-child {
    border-top: none;
}

.novListsubpropOnboard {
    padding: 10px 0px 10px 0px;
    border-top: 1px solid grey;
    list-style-position: inside;
}


/*composant non multiple*/

ul.novSublistPropOnboard {
    list-style-type: none;
}

ul.novSublistPropOnboard li.listsubprop {
    padding: 5px 0px 5px 0px;
}

.novSubpropertiesOnboard {
    float: left;
    width: 50%;
}

.novSaisiesOnboard {
    float: left;
    width: 50%;
}

.clearBoth {
    clear: both;
}

.novInfopersoOnboard {
    padding: 10px;
    border: none;
}

.novInfopersoOnboard .line {
    clear: both;
    padding: 5px;
    border: none;
}

.novInfopersoOnboard fieldset {
    clear: both;
    padding: 5px;
    padding-left: 0px;
    border: none;
}

.novInfopersoOnboard fieldset .leftBox {
    float: left;
    width: 150px;
    color: #808080;
    font-size: 14px;
}

.novInfopersoOnboard fieldset .rightBox {
    float: left;
}

.novInfopersoOnboard div label {
    float: left;
    width: 220px;
    text-align: right;
    padding-right: 10px;
    color: #808080;
    font-size: 14px;
}

.novInfopersoOnboard div input {
    float: left;
    width: 150px;
    border-radius: 8px;
}

.novSaisiesOnboard input {
    border-radius: 8px;
    border: 1px solid;
    padding-left: 5px;
    border-color: rgb(196, 196, 196);
}

.novSaisiesOnboard input:hover {
    border-color: #03a9f4;
}

.novSaisiesOnboard select {
    border-radius: 8px;
    border: 1px solid;
    width: 159px;
    padding-left: 5px;
    border-color: rgb(196, 196, 196);
}

.novSaisiesOnboard select:hover {
    border-color: #03a9f4;
}

.alertmessagelist .msg .rqmsgline {
    font-weight: bold;
    color: red;
}

.novNews .rqcontent>.rqcontentin>.rqportletcnt>.rqlargedetail>.rqview>.rqform {
    margin-top: 20px;
}


/*Sous-titre fiche collab*/

.novSmallerSubtitle h2 {
    font-size: 13px;
}


/*Cotgen*/

.novBtnCotgen {
    position: absolute;
    left: calc(100% - 220px);
    bottom: 200px;
}

.novErrorMsg {
    color: red;
}


/************** logon from multiple ***********/

.listlogonemployee {
    padding: 0 !important;
}

.listlogonemployee .rqcmdcancel {
    display: none;
}

.listlogonemployee .rqhdrm h3 {
    left: 3px;
}

.listlogonemployee .rqselbtn {
    background-color: #0199d9;
    color: #fff;
    border: 1px solid #0199d9;
    border-radius: 6px;
}

.listlogonemployee .rqselbtn:hover,
.listlogonemployee .result:hover .rqselbtn {
    background-color: #0059a4;
    color: #fff;
    border: 1px solid #0059a4;
    border-radius: 6px;
}

.listlogonemployee a.rqsellnk .rqs,
.listlogonemployee a.rqsellnk:hover .rqs {
    background: url('icon/plus-white.svg') no-repeat !important;
    background-size: 15px !important;
    background-position: 2px 2px !important;
    border: none;
    color: #fff;
}

.novDirectEmail .rqval .rqwidget {
    display: flex;
    flex-direction: row;
    padding-left: 10px !important;
}

.novDirectEmail .rqval .rqwidget .subdetail {
    width: 226px !important;
}

.novDirectEmail .rqval .rqwidget .subdetail .rqdesignformtool {
    left: 80px;
}

.novDirectEmail .rqval .rqwidget .itool.minus .txt,
.novDirectEmail .rqval .rqwidget .rqmdtool .itool.minus {
    position: relative;
    top: 5px !important;
}


/************* column small *************/

.col-lg-1 .px-0 input.rqtxtval {
    width: calc(100% - 10px) !important;
}

.novExpand .rqlyexpsectionhdr {
    position: relative;
    width: 100%;
    left: 0%;
    margin: 3px 0;
    color: rgb(63, 81, 181) !important;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 600;
}

.novExpand .rqlyexpsechdra {
    color: rgb(63, 81, 181) !important;
}


/*************** sign elect *****************/

.novStampImg img {
    max-width: 120px;
    border-radius: 0;
}

.novStampList img {
    max-width: 180px;
    border-radius: 0;
}


/* Rectification wizard coffre fort cassé sx 40165 */

.novFitnessWizard .rqhdrm h3 {
    margin-top: 25px;
    margin-left: 25%;
    color: black;
}

.rqlargedetail .rqview #rqform8a8083158a8e7afb018ab88c3ee6164f {
    margin-top: 30px;
}

.novFitnessWizard .rqmsgline {
    margin-left: 30%;
}

.novFitnessWizard .rqhdrm div>.rqwhy {
    margin-top: 25px;
}

/* contrat d'initialisation */

.novContractInitMessageHolder .rqpropleftin{
    padding: 0 !important;
    
}

.novContractInitMessageHolder .rqpropleftin .rqtext{
    padding: 0 !important;
}

.novContractInitMessage{
    position: absolute;
    top: -95px;
    width: 80%;
    background: #E0E0E0;
    border-radius: 6px;
    padding: 5px 10px;
    left: -20px;
}

.rqtabcontent .row .novTabCompact .rqsection.row.multicolumn{
    padding: 2px 0;
}
/********** civil status ***********/
.novCityBirth{
    z-index: 700;
    position: relative;
    left: -55px;
}

.novCityBirth .itool.plus .txt {
    background: url('icon/plus2-grey.svg') no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.novCityBirth .itool.plus:hover .txt {
    background: url('icon/plus2-cyan.svg') no-repeat !important;
    background-size: 16px !important;
}

.novNoPadLeft .rqlyhgrpin{
    padding-left: 0 !important;
}
/*last*/


/*********************************** RESPONSIVE ZONE ***********************************/


/*************************** IE FOREVER ***********************************/

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .personcard>table>tbody {
        flex-direction: row;
    }
    .personcard>table>tbody>.rqsection:first-of-type {
        float: left;
        position: absolute;
        top: 0px;
    }
    th {
        min-height: 10px !important;
    }
    .userid {
        visibility: visible;
    }
    .rqmlogin i {
        visibility: visible;
    }
    .rqmlogin:hover {
        visibility: visible;
    }
    #welcomeContainer {
        margin-top: 7px;
    }
    .fm1i {
        border: none !important;
    }
    #menu ul li ul {
        justify-content: flex-start !important;
    }
    select,
    select:hover {
        background-image: none !important;
        padding-right: 0;
    }
    #menu ul li ul #escapebutton {
        display: none !important;
    }
    .novLogin .rqlblin,
    .novPassword .rqlblin {
        padding-left: 9%;
    }
    .flexcontainerrow {
        display: inline;
    }
    .rqcontentin .rqportletcnt .rqxlsexport a {
        right: 0;
        top: 0;
    }
    .rqdefaultpage .rqxlsexport a,
    .rqpage .rqxlsexport a {
        position: relative;
    }
    .personcard .rqlygrpin tbody tr {
        display: inline-block;
    }
    .personcard {
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .GAlogo .personcard {
        padding-left: 76px;
    }
    .personphoto {
        top: 6px;
        left: -45px;
    }
    .GAlogo .personphoto {
        top: 28px;
        left: -45px;
    }
    .GAlogo .rqprop.personphoto {
        position: relative;
        left: -10px;
        top: 0;
    }
    .rqtext.personphoto {
        position: relative;
        left: 2px;
        top: 0;
    }
    .pgtbl .ui-tabs .ui-tabs-panel>table>tbody>.rqsection,
    .pgtbl .ui-tabs .ui-tabs-panel>table>tbody>.rqprop {
        max-width: 80%;
    }
    table.TF td,
    table.TF th,
    .sublist th {
        max-width: 129px;
    }
    .pay-l .rqportlet .rqportletcnt>.rqlargedetail>.rqview>.rqform {
        top: -25px;
    }
    .infobar_collab {
        margin-top: 10px;
    }
    .novSwitchBtn {
        top: 40px;
    }
    .rqsectionin.infobar_collab>table>tbody>tr>td.rqlycol {
        background-color: #fff;
    }
}


/******************************** EDGE ************************************/

@supports (-ms-ime-align: auto) {
    .GAlogo .rqcontent .novbreadcrumb,
    .pay-l .rqcontent .novbreadcrumb {
        display: flex;
        -js-display: flex;
        top: -75px;
    }
    .personphoto {
        overflow: hidden;
        position: initial;
        padding: 0 !important;
        border-radius: 50%;
        background: #ddd;
        display: inline;
    }
    .rqftsearch .rqsearchsubmit,
    .rqftsearch .rqsearchsubmit:hover,
    .rqftsearch .rqsearchsubmit:focus {
        background: none !important;
    }
    #escapebutton {
        display: none !important;
        /*ça ne marche pas sur edge*/
    }
    table td,
    table th,
    table tr {
        min-height: 20px !important;
    }
}


/*************************** Chrome Only ***************************/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #welcomeContainer {
        line-height: 16px;
    }
}


/*************************** repsponsive menubar ***************************/

@media only screen and (max-width: 1250px) {
    .topsearch .rqsearchcontent input {
        width: 30%;
    }
    .cattile {
        height: 50px;
    }
    .cattile .menutext {
        display: none;
    }
    .cattile ul {
        margin-left: 16%;
        width: 86% !important;
    }
    #menucontainer {
        padding-right: 0;
    }
    .rqhdrm h3 {
        font-size: 13px !important;
        width: 130% !important;
    }
    #menu.mbar>ul>#menucontainer>li>ul,
    #favbar {
        width: 1050px!important;
    }
    .amendmentpropcontainer .rqmultidetail .subdetail .rqdesignformtool {
        right: -9px;
    }
    .novProgressTPDisplayHeader .novProgressBar .wizNumber {
        width: 20px !important;
        height: 20px !important;
    }
    .novProgressTPDisplayHeader {
        position: relative;
        top: -17px;
    }
    .novFitnessWizard .wizSeparator {
        width: 50px;
        border-bottom: 1px dashed #ddd;
    }
    #menu ul li ul li ol li a,
    #menu ul li ul li ol a,
    #menu a {
        margin: 0 !important;
    }
    
    .novTribute{
        font-size: 9px;
        width : 150px;
    }
    
    .novTributeImage{
        width:303px;
        height:402px;
        position : relative;
        left:-150px;
        background-image:303px 502px;
    }
}

@media only screen and (min-width: 1251px) and (max-width: 1300px) {
    #menu.mbar .menutext {
        font-size: 10px;
    }
    #menu.mbar>ul>li.icon:first-of-type {
        width: 190px;
    }
    .topsearch .rqsearchcontent input {
        width: 35%;
    }
    .cattile .menutext {
        display: none;
    }
    .cattile {
        height: 50px;
    }
    #menucontainer {
        padding-right: 0;
    }
    .cattile>ul {
        margin-top: 70px !important;
    }
    .rqhdrm h3 {
        font-size: 13px !important;
        width: calc(100% - 50px) !important;
    }
    #menu.mbar>ul>#menucontainer>li>ul,
    #favbar {
        width: 1100px!important;
    }
    .amendmentpropcontainer .rqmultidetail .subdetail .rqdesignformtool {
        right: -9px;
    }
    .novProgressTPDisplayHeader .novProgressBar .wizNumber {
        width: 20px !important;
        height: 20px !important;
    }
    .novProgressTPDisplayHeader {
        position: relative;
        top: -17px;
    }
    .novFitnessWizard .wizSeparator {
        width: 50px;
        border-bottom: 1px dashed #ddd;
    }
    #menu ul li ul li ol li a,
    #menu ul li ul li ol a,
    #menu a {
        margin: 0 !important;
    }
    
    .novTribute{
        font-size: 9px;
        width : 150px;
    }
    
    .novTributeImage{
        width:303px;
        height:402px;
        position : relative;
        left:-150px;
        background-image:303px 502px;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1430px) {
    .topsearch .rqsearchcontent input {
        width: 38%;
    }
    .topsearch .rqsearchright {
        left: 57.5% !important;
    }
    .cattile .menutext {
        display: none;
    }
    .rqhdrm h3 {
        font-size: 15px !important;
        width: calc(100% - 75px) !important;
    }
    #menu.mbar>ul>#menucontainer>li>ul,
    #favbar {
        width: 1100px!important;
    }
    .amendmentpropcontainer .rqmultidetail .subdetail .rqdesignformtool {
        right: -9px;
    }
    .novProgressTPDisplayHeader .novProgressBar .wizNumber {
        width: 20px !important;
        height: 20px !important;
    }
    .novProgressTPDisplayHeader {
        position: relative;
        top: -17px;
    }
    .novFitnessWizard .wizSeparator {
        width: 50px;
        border-bottom: 1px dashed #ddd;
    }
    #menu ul li ul li ol li a,
    #menu ul li ul li ol a,
    #menu a {
        margin: 0 !important;
    }
    
    .novTribute{
        font-size: 9px;
        width : 150px;
    }
    
    .novTributeImage{
        width:303px;
        height:402px;
        position : relative;
        left:-150px;
        background-image:303px 502px;
    }
}

@media only screen and (min-width: 1430px) and (max-width: 1600px) {
    .topsearch .rqsearchcontent input {
        width: 40%;
    }
    .topsearch .rqsearchright {
        left: 58.5% !important;
    }
    #menu.mbar>ul>#menucontainer>li>ul,
    #favbar {
        width: 1230px!important;
    }
    .amendmentpropcontainer .rqmultidetail .subdetail .rqdesignformtool {
        right: -9px;
    }
    .novProgressTPDisplayHeader .novProgressBar .wizNumber {
        width: 20px !important;
        height: 20px !important;
    }
    .novProgressTPDisplayHeader {
        position: relative;
        top: -17px;
    }
    .novFitnessWizard .wizSeparator {
        width: 50px;
        border-bottom: 1px dashed #ddd;
    }
    #menu ul li ul li ol li a,
    #menu ul li ul li ol a,
    #menu a {
        margin: 0 !important;
    }

    .novTribute{
        font-size: 9px;
        width : 150px;
    }
    
    .novTributeImage{
        width:303px;
        height:402px;
        position : relative;
        left:-150px;
        background-image:303px 502px;
    }   
}

@media only screen and (min-width: 1400px) and (max-width: 1489px) {
    .menutext {
        font-size: 0.8em !important;
    }
    .rqhdrm h3 {
        font-size: 16px !important;
    }
    .amendmentpropcontainer .rqmultidetail .subdetail .rqdesignformtool {
        right: -9px;
    }
    .novProgressTPDisplayHeader .novProgressBar .wizNumber {
        width: 20px !important;
        height: 20px !important;
    }
    .novProgressTPDisplayHeader {
        position: relative;
        top: -17px;
    }
    .novFitnessWizard .wizSeparator {
        width: 50px;
        border-bottom: 1px dashed #ddd;
    }
    #menu ul li ul li ol li a,
    #menu ul li ul li ol a,
    #menu a {
        margin: 0 !important;
    }

    .novTribute{
        font-size: 9px;
        width : 150px;
    }
    
    .novTributeImage{
        width:303px;
        height:402px;
        position : relative;
        left:-150px;
        background-image:303px 502px;
    }
}

@media only screen and (min-width: 1490px) and (max-width: 1670px) {
    .menutext {
        font-size: 0.9em !important;
    }
    .rqhdrm h3 {
        font-size: 17px !important;
    }
    .novProgressTPDisplayHeader .novProgressBar .wizNumber {
        width: 20px !important;
        height: 20px !important;
    }
    .novProgressTPDisplayHeader {
        position: relative;
        top: -17px;
    }
    .novFitnessWizard .wizSeparator {
        width: 50px;
        border-bottom: 1px dashed #ddd;
    }
    #menu ul li ul li ol li a,
    #menu ul li ul li ol a,
    #menu a {
        margin: 0 !important;
    }
    #menu a.rqbtn,
    #menu a.rqact,
    #menu a.novDesignMainAction {
        margin: 0 5px !important;
    }
    
    .novTribute{
        font-size: 9px;
        width : 150px;
    }
    
    .novTributeImage{
        width:303px;
        height:402px;
        position : relative;
        left:-150px;
        background-image:303px 502px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
    .topsearch .rqsearchcontent input {
        width: 45%;
    }
    .novProgressTPDisplayHeader .novProgressBar .wizNumber {
        width: 20px !important;
        height: 20px !important;
    }
    .novProgressTPDisplayHeader {
        position: relative;
        top: -17px;
    }
    .novFitnessWizard .wizSeparator {
        width: 50px;
        border-bottom: 1px dashed #ddd;
    }
    #menu ul li ul li ol li a,
    #menu ul li ul li ol a,
    #menu a {
        margin: 0 !important;
    }
    
    .novTribute{
        font-size: 9px;
        width : 150px;
    }
    
    .novTributeImage{
        width:303px;
        height:402px;
        position : relative;
        left:-150px;
        background-image:303px 502px;
    }
}


/*height media queries*/

@media only screen and (max-height: 719px) {
    #favbar {
        z-index: 999;
    }
    #menu #menucontainer>li ul {
        top: 5px !important;
    }
    #menu ul li ul li ol li a {
        padding: 0px;
    }
    #menu.mbar>ul>#menucontainer>li>ul {
        padding-top: 88px !important;
    }
    #menucontainer>li {
        height: 35px;
    }
    #menu ul li ul li ol>div>div {
        margin-top: 0px !important;
    }
    #menu ul li ul li ol a div {
        margin-bottom: 0px !important;
    }
    .amendmentpropcontainer .rqmultidetail .subdetail .rqdesignformtool {
        right: -9px;
    }
}

@media only screen and (min-height: 720px) and (max-height: 779px) {
    #menucontainer>li {
        height: 38px;
    }
    #favbar {
        z-index: 999;
    }
    #menu #menucontainer>li ul {
        top: 5px !important;
        z-index: 900;
    }
    #menu ul li ul li ol li a {
        padding: 0px;
    }
    #menu.mbar>ul>#menucontainer>li>ul {
        padding-top: 88px !important;
    }
    #menu ul li ul li ol>div>div {
        margin-top: 0px !important;
    }
    #menu ul li ul li ol a div {
        margin-bottom: 0px !important;
    }
    .amendmentpropcontainer .rqmultidetail .subdetail .rqdesignformtool {
        right: -9px;
    }
}

@media only screen and (min-height: 780px) and (max-height: 839px) {
    #favbar {
        z-index: 999;
    }
}


/******************* 125% *********************************/

@media only screen and(-webkit-min-device-pixel-ratio: 1.25),
only screen and(min-resolution: 120dpi),
only screen and(min-resolution: 1.25dppx) {
    .rqhdrm h3 {
        font-size: 17px !important;
    }
    .amendmentpropcontainer .rqmultidetail .subdetail .rqdesignformtool {
        right: -9px;
    }
}