@charset "UTF-8";

/* latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 900;
  src: url(/custom/ercommons/css/fonts/quicksand.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

 
body{ 
    background-color:#F1F1F1;
    font-family: pt_sans,Verdana,sans-serif;
}

#rqdynamicmbarvertical{
    top: 0px; 
    height: 100%;
    background-color: #1a3948;
} 

/* .rqdefaultpage {
    margin-top: 65px;
} */

.bg-dark {
    background-color: #1a3948!important;
}

/*header*/
#top.rqnewtop{
    background-color: #fff;
    border-bottom: 1px solid #E1E1E1;
    height:110px;
} 

.rqtopimg {
    height:89px;
    width:500px;
    float:left;
    margin-top: 7px;
    margin-left: 10px;
}

.rqnavbarimg{
    background-size: auto!important;
    height: 89px;
    margin-left: 66px!important;
}


nav.navbar.navbar-dark.bg-dark.flex-column.align-items-start.p-0.w-100{
    margin-top: 109px;
}

.navbar-light .navbar-nav .nav-link.nav-link-userid, .navbar-light .navbar-nav .nav-link.nav-link-userid:hover {
    color: #818181;  
}
        
.navbar-collapse{
    margin-bottom: 60px!important;
}

#rqdynamicmbarvertical .navbar-brand.rqselected {
    background: #3a5e75;
    border-left: 3px solid #F8B662; 
    color: #fff;
}

#rqdynamicmbarvertical .navbar-brand:hover {
   background: #3a5e75; 
}

#rqdynamicmbarvertical .navbar-brand {
    min-width: 150px;
}

.rqnewtop .navbar {
    top:0px;
    padding-top: 18px;
}

.rqpage{
    padding-top: 20px;
}

.rqnewtop .rqtopsearchimg {
   background-image: url(./ressources/search2.svg); 
   opacity:unset;
} 
 
/*barre de recherche*/
.rqnewtop #rqtopsearch.rqsearchcontentinput {
    border-bottom:none;
    padding-left: 5px;
    color:#282D30;
}

.rqnewtop .btn-group-rqinfo .btn-rqinfo:first-of-type {
    border-top-left-radius: 5px;
    bottom: 21px;
}

#rqtopsearch::placeholder {
    color:#AAADB2;
}

.rqnewtop .nav-link-configuration {
    background-image: url(./ressources/cog-g.svg); 
}

.rqnewtop .nav-link-disconnect {
    background-image: url(./ressources/power.svg); 
}

.rqnavbarimg{
    width:500px;
    float:left;
    margin-top: 7px;
    margin-left: 10px;
}

.rqhdr {
    background: #f4f4f4; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: pt_sans,Verdana,sans-serif;
    border-bottom: 0px;
    height: 30px;
}

.rqdesigntool {
    margin-top: 0px; 
}

.rqinnerverticalmenu .rqscrollable {
    margin-top: 109px;
}

.rqportlet {
    box-shadow: none;
    margin-left: 13px;
    margin-right: 13px;
    background: white;
    border-radius: 5px;
} 

body:not(.mobile ) .rqportlet {
    box-shadow: 0 0.1rem 2rem 1px rgba(0, 0, 0, .10);
}

.rqcontent{
    border-radius:5px;  
} 

.rqmainactions>a {
    font-size: 10px;
}

.rqcatcontstyle1 .catin {
    box-shadow: none;
}

.rqcatcontstyle1 .rqcatconttitle {
    font-size: 16px;
    color: #434343;
}

.rqcatcontstyle1 .rqcatcontimg {
    width: 0;
}

.rqcatcontstyle1 .rqcatcontheader {
    height: 35px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ececec;
}

.rqaddtopage a, .rqaddtopage a:visited {
    font-size: 85%!important;
}

table.rqportletheader .rqentryimage {
    display:none;
} 


/* TABLEAUX */

.rqtablestyle1 thead tr, .rqtablestyle1 thead th{
    background-color: #1a3948 !important;
}

.rqlargedetail{
    padding-bottom: 10px;
}

.ui-tabs .ui-tabs-nav li {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.sublist th {
    border: 1px solid #213645;
    background-color: #213645;
    color: #fff;
    text-align: center;
    font-family: 'Quicksand',sans-serif;
}

.rqtablestyle1 thead th {
    color: #fff !important;  
    font-size: 12px;
    text-align:center;
}

.rqtblord{
    text-align: center;
}

.rqtablestyle1 .rqtblsorted .rqtblsortasc {
    background-image: url(./ressources/arrow-up-white.svg);
}

.rqtablestyle1 .rqtblsorted .rqtblsortdesc {
    background-image: url(./ressources/arrow-down-white.svg);
}

.rqtablestyle1 .rqtblmenulnk { 
    background-image: url(./ressources/chevron-right-grey.svg);
} 


.rqtablestyle1 .table-responsive tbody tr.odd td {
    border-right: 1px solid #dfdfdf;
} 

.rqview .tblreq tr.even td {
    border-right: 1px solid #dfdfdf !important;
}

.tblreq {
    border-bottom: 1px solid #dfdfdf;
} 

.even .rqover{
  border-right: 1px solid #dfdfdf !important;  
}

.rqtablestyle1 .table-responsive tbody tr {
    border-bottom: none; 
}

.rqtablestyle1 .table-responsive table.tblreq {    
    border-bottom: 1px solid #dfdfdf;
}

.table-responsive{
    margin-bottom: 10px;
}

.rqtblh{
    font-family:'Quicksand'; 
} 

.rqview .tblreq th.rqtblsorted{
    font-family:'Quicksand'; 
} 

/* BOUTON ACTIONS SECONDAIRE */
.rqmainactions > a:hover, .rqmainactions > a.rqmainact:hover, .rqmainactions > a.rqmainact:not(:disabled ):not(.disabled ):active {
    background-color: white;
    border-color: #6E757C;
    color: #6E757C;
}

.rqview h2, .rqfields h2, .rqlycolin h2{
    border-bottom:none;
}

.rqview{
    background:none;
}

.cluetip-jtip .cluetip-outer {
    position: relative;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0.1rem 2rem 1px rgba(0, 0, 0, 0.2);
}

.rqmainactions>a {
    border-radius: 30px;
    background-color: #6E757C;
    border-color: #6E757C;
    font-size: 10px;
}

.rqmainactdropdown .dropdown-toggle {
    background-color: #6E757C;
    border: 1px solid #6E757C;
    color: white;
    border-radius: 50px;
}

.rqmainactdropdown .dropdown-toggle:hover, .rqmainactdropdown .dropdown-toggle:active, .rqmainactdropdown>.show>.btn-primary.dropdown-toggle, .rqmainactdropdown .dropdown-toggle:not(:disabled ):not(.disabled ):active {
    background-color: #e7e8e9;
    border-color: #e7e8e9;
    color: #999fa5;
}

.cluetip .cluetip-outer .ui-cluetip-header {
    height: 23px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-widget-header {
    border:none;
}

.ui-widget-content:not(.ui-autocomplete) {
    border:none;
    background:none;
}

.rqmainactdropdown .dropdown-toggle:active, .rqmainactions>a:active {
background-color: #6E757C!important;
border-color: #6E757C!important;
}

.rqmainactdropdown a:hover {
    background-color: #EAEAEA;
    border-radius: 10px;  
    text-decoration: none;  
}

a{
    color: #4A5056; 
}

.rqmainactdropdown a:hover {
    color: #4A5056;
}

.dropdown-menu.show { 
    color:#6D7983; 
    margin-top: 5px;
}

.rqmainactdropdown .dropdown-menu a {
    padding-left: 10px;
}

/* TABLEAU ONGLET ADMIN (EX: LISTE DES ENTITES) */ 

.rqsumlbl {
    text-align: left; 
}

.ressel{
    border: none !important;
} 

.ressum{
    border: none !important;
} 

 .resnum{
    border: none !important;
    text-align: left !important;
} 

.sum{ 
    text-align: left; 
}

.respic{
    border: none !important;
}

.rqtablestyle1 table.rqlist th.ressel {
    display: none;
}

.rqtablestyle1 table.rqlist th.resnum {
    display: none;
}

.rqcatcontstyle1 .subcatlnk .rqsubcat {
    padding-left: 10px;
}

.rqtablestyle1 .rqlist .lstitemlbl {
    color: #26292b;
}

.highlight {
    font-weight: bold;
    color: #000;
}

.subcatlnk {
    padding: 1px 0 0 3px;
} 

.rqcatcontstyle1 .rqcatcontcontent {
    margin-top: 10px;
}

/*BOUTON ROOM INFO */ 

.rqbannernews2main{
    display: none!important;
}

/* EN TETE PAGE DETAIL D UNE SALLE */ 

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    border-top: 2px solid #1a3948;
    font-weight: normal;
    color: #444;
} 

/* TUILE FLY BY */ 

.cluetip .cluetip-outer .ui-cluetip-header {
    padding: 2px;
    background: #1a3948;
}

.ui-cluetip-header {
    font-size: 1em;
    margin: 0;
    overflow: hidden;
    padding: 2px;
    background: #1a3948;
}

.rqctipin a:hover {
    font-size:10px;
    text-decoration:none;
    color:#3F4244;
}
.rqctipin a {
    font-size:10px;
    color: #505559;
}

.rqmbl .yuimenu .bd {
    background: #fff;
    border: #ccc solid 1px;
    border-radius: 5px;
}

.rqmbl .yuimenuitem-selected {
    background-color: #EAEAEA;
    border-radius: 10px;
}

/* FILTRE PLANNING */ 

a.rqplnavp { 
    margin-right:3px; 
} 

a.rqplnavsp { 
    margin-right:3px; 
} 

a.rqplnavsn { 
    margin-right:3px; 
} 

a.rqplnavn { 
    margin-right:3px; 
} 

.rqplanningoptions span {
    margin-left: 2px;
}

/* COULEUR DES LIENS */ 
.rqcatcontstyle1 .subcatlnk .rqsubcat {
    color:#35393c; 
    background-image:none;
}

.rqval .sumlnk, .rqval a:hover {
    color: #212529 !important;
}

/* BOUTON NAVIGATION MOBILE */ 

.mobile .navbar-light .navbar-toggler{
    display:none; 
}

/* DETAIL DE RESA SUR PLANNING (POP UP) */  

.flyby{
    background:none;
    border:none;
}

.flyby .rqdetail{
    padding:10px;
}

.flyby .rqctrl{
    padding-top: 8px;
}

.flyby .rqal{
    padding-top:3px;
    padding-right:3px;
}

.flyby .rqcontent {
    margin-top: 5px;
}

/* POP UP DE CREATION DE RESA SUR PLANNING */

.yui-panel .hd {
    background: #1a3948!important;
    border: none;
    padding: 6px;
}

.yui-panel{
    border: 0px;
}

.rqpanel .catcont {
    width: 100%;
}

.rqcatcontstyle1 .rqcatconttitle {
    font-size: 16px;
    color: #434343;
    font-weight: bold;
}

.yui-panel .container-close {
    margin-top: 2px;
    background: url(./ressources/quit.svg) no-repeat; 
}

.rqbody .yui-panel-container.shadow .underlay {
    display: none; 
} 

.bd.rqview{
    text-align: left;
}

#rqpanel .rqcatcontheader{
    display: none; 
}

/*FOND POP UP DE CREATION DE RESA SUR PLANNING */ 

.mask{
    background-color: #AAA;   
}
 
#rqpanel{
    text-align:left;
    border-radius:5px;
    box-shadow:0 0.1rem 2rem 1px rgba(0, 0, 0, 0.2);
    width: 530px!important;
}

#rqpanel .rqview{
    font-weight: 500;
}

/*SELECTION */ 

.rqlist .ressum{
    border-bottom:0px!important;  
}

/* FIL D'ARIANE */ 

.rqctxpath {
    padding: 5px 5px 5px 2px;
    color: #26292b;
    font-family: pt_sans,Verdana,sans-serif;
}

/* HOVER LISTE */ 

.rqcatcontstyle1 .subcatlnk .rqsubcat:hover {
    text-decoration: none;
    background-color: #ebebeb;
    background-image: url(../img/material/arrow_right_white_24px.svg);
    border-radius: 10px;
} 

.catcont {
    text-align:center;
}

/* FORMULAIRE DE RESERVATION */ 

.rqdefaultpage .rqview h2{
    font-weight:bold;  
}

/* FONT */ 

.rqhdr h3 {
    font-size: 12px; ;
    line-height: 1.5;
    color:#495057;
    font-family: 'Quicksand';  
}

.rqcatcontstyle1 .rqcatcontcontent {
    color: #6D7983;
    font-family: 'Avenir Next',sans-serif;
    font-weight: 500;
}

.catin { 
    margin: 0px;
    padding: 4px;
}

.rqcatcontstyle1 .rqcatcontheader {
    font-family: 'Quicksand';
}

.rqdefaultpage .rqview h2 {
    font-weight: bold;
    font-family: 'Quicksand';
}

#rqdynamicmbarvertical .rqdynamicmbartitle{
    font-size: 12px;
    font-family:'Quicksand'; 
    margin-left: 6px;
}

/* FOOTER */ 
/*
#footer {
    position: relative;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    left: 50px;
    right: 0;
    background-color: #F1F1F1;
}*/ 
.rqscrollable .rqdefaultpagecontainer {
    padding-bottom: 20px;
}
/* PLANNING */ 

.rqplanning{
    padding: 0px 25px 15px 25px;  
}

.rqpllegcol{
    border-radius: 30px;
}

/* BADGE DEMANDES A  TRAITER */

.rqentrybadge {
    color: #fff;
    background-color: #E73324;
    font-size: 10px;
    font-family: 'Quicksand';
    text-align: center;
    width: 21px;
    height: 21px!important;  
    border-radius: 30px; 
    vertical-align: baseline;
    align-items:center;
    display: inline-flex !important; 
    justify-content: center; 
}

/* IMAGE TRIANGLE AU SURVOL DU FLYBY */ 

div.clue-left-jtip .cluetip-arrows{
    background-image:none; 
}

div.clue-bottom-jtip .cluetip-arrows {
    background-image:none;
}

div.clue-right-jtip .cluetip-arrows {
    background-image:none;
}

/* IMAGES FLYDOWN,RIGHT etc */ 

a.rqtblmenulnk {
    background: url(./ressources/sort-down.svg) no-repeat 4px 2px; 
}

.rqact{
    background: url(./ressources/sort-right.gif) no-repeat 6px .3em;
}

.rqmactmenu{
    background: url(./ressources/sort-down.svg) no-repeat 0px 3px;
}

/* POLICE POP UP SALLES DU PLANNING */ 

.rqview h2, .rqfields h2, .rqlycolin h2 {
    font-family:'QuickSand', sans-serif; 
    color: #4F555A;
} 

/* DEBUG */ 

.cluetip .rqview {
    margin-left: 10px; 
    margin-top: 5px;
}


/* LOGIN */


.rqNewLogin .loginImage {
    width: 100%;
    padding-top: 33%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(./ressources/EasyRequestLogo.png); 
    background-size: 40% 57%;
}

.rqNewLogin #footer {
    width: 100%;
} 

.loginColumn{
    background-color: #fff; 
    border-radius: 5px!important;  
    box-shadow: 0 0.1rem 2rem 1px rgba(0, 0, 0, .10);  
} 
 
.loginColumn #cfooter{ 
    background-color: #fff!important;  
    border-bottom-right-radius: 5px;
}

.rqNewLogin .backgroundImage {
background-image: url(./ressources/hand2.svg);    
width: 100%;
height: 100%;
background-size: 100% 100%; 
background-position: center;
background-repeat: no-repeat;   
} 

.rqNewLogin .rqNewLoginItems .req {
    display: inline; 
    font-size:10px;
}

.rqsubmenuvertical .rqentry.rqselected {
    background: #467593;
}

.rqsubmenuvertical {
    margin: 10px 0 0 16px;
}

#listAndMapTab{
	font-size:17px;
	font-family: 'Roboto';
}


#listAndMapTab li .nav-link {
	padding-right: 25px;
    padding-left: 25px;
}


/* ZONE MESSAGE INFOS SUR L ACCUEIL */ 

.newsInfo{
    border-radius: 5px!important;
    box-shadow: 0 0.1rem 2rem 1px rgba(0, 0, 0, .10);
    margin-left: 11px;
    margin-right: 7px; 
    margin-top: -3px;
    margin-bottom: 15px;
    border: none!important;
} 

.newsbody{
	padding: 12px;
}

.rqnewsdate{ 
	margin-left: 12px;
}

.rqnewsdetail{
	margin-right: 18px!important;
}

/* DETAIL DE RESAS */

.rqhdr h3{
    white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis; 
}