/* FONTS */
/*-------*/
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/*--------*/
/* GlOBAL */
/*--------*/
* { outline: none}
html{height: 100%}
body{background: #f9f9f9;color:#3d3d3d;font-family: 'Open Sans', sans-serif;font-size: 15px;font-weight: 300; min-height: 100%;position:relative;display: flex;flex-direction: column;-webkit-font-smoothing: subpixel-antialiased;-moz-font-smoothing: subpixel-antialiased;-o-font-smoothing: subpixel-antialiased}
#body{display: flex;flex-direction: column;min-height: 100%;min-width: 100%}
body.logged #body{padding-left: 320px;}
h1, h2, h3, h4{font-family: 'Oxygen', sans-serif;font-weight: 300}
h1{font-size: 48px;font-weight: 300;text-align: center;margin:0;padding: 0}
h2 {color:#3e668c;font-size: 30px;margin-bottom: 10px;font-weight: 200;}
h2 small {font-size:15px;font-style :italic;display: block;padding: 0 0 8px 0}
a{color: #e99a48;text-decoration:none}
a:hover{color: #e99a48;text-decoration: none}
a:focus{color: #e99a48;text-decoration: none}
p{margin-top: 0}
label{font-size: 15px;padding-bottom: 2px;display: block;font-style: italic;font-weight: 400;}

.centered{text-align: center!important}
.right{text-align: right!important}
.left{text-align: left!important}
.centered{text-align: center!important}
.hidden{display: none!important}
.visible{display: block!important}
.invisible{visibility: hidden !important}
.nowrap{white-space: nowrap!important}
img.right{float: right;margin: 0 0 8px 8px}
img.left{float: left;margin:0 8px 8px 0}

.valid{color:#27981b!important}
.warning{color:#f9ad35!important}
.alert{color:#a31818!important}
.error{color:#a31818!important}
.missing{color:#333333!important}

.air-blue{color:#5a94cc}
a.air-blue:hover{color:#225a90}
a.air-blue:focus{color:#225a90}
.air-orange{color:#e99a48}
a.air-orange:hover{color:#db8b39}
a.air-orange:focus{color:#db8b39}
.air-purple{color:#887292}
a.air-purple:hover{color:#603a71}
.air-purple:focus{color:#603a71}
.air-green{color:#63b186}
a.air-green:hover{color:#328055}
a.air-green:focus{color:#328055}
.air-lightgreen{color:#bacb4e}
a.air-lightgreen:hover{color:#98a543}
a.air-lightgreen:focus{color:#98a543}
.air-pink{color:#df6d7a}
a.air-pink:hover{color:#b14f5a}
a.air-pink:focus{color:#b14f5a}
.air-darkblue{color:#3e668c}

.nodata{position: relative}
.nodata:before{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.90);content:"";display: block}
.nodata:after{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;content:"Aucune donnée sur la période";display: block;text-align: center;font-size: 25px;font-weight: 500;color:#6283a1}

.main-message{position: -webkit-sticky;position: sticky;top:0;margin: 0;z-index: 2000;font-size: 18px;font-weight: 400;}
.main-message [class^="icon-"]{font-size: 25px;vertical-align: middle;margin-right: 10px;}
.main-message .icon-close{font-size: 15px;position: absolute;right: 10px;top:17px;}
.main-message .icon-close:hover{color:white}
.main-message.alert{background: #870303;color: white!important;}

/*header message*/
.header-message{border:1px solid #dbdbdb;; background: white; padding: 15px;;margin: 15px 0;border-radius: 4px;position: relative}
.header-message a{color:inherit;font-weight: bold}
.header-message a [class^="icon-"]{font-weight: bold;font-size: 20px;vertical-align: middle}
.header-message .icon-close{position: absolute;top:10px;right: 10px;font-size: 10px;cursor: pointer}
.header-message.error{border:1px solid #a31818;background: #faf5f5}
.header-message.warning{border:1px solid #f26d00;background: #fbf1e0}
.header-message.valid{border:1px solid #27981b;background: #f9fffe}
.header-message.alert-error{border:1px solid #a31818;background: #faf5f5;padding-left: 55px;color:#a31818!important}
.header-message.alert-error:before{content: "\e935";display: block;font-family: 'icomoon' !important;line-height: 1;font-size: 25px;position: absolute;left: 15px;top:calc(50% - 12px)}
.header-message.alert-warning{border:1px solid #f26d00;background: #fbf1e0;padding-left: 55px;color:#f26d00!important}
.header-message.alert-warning:before{content: "\e935";display: block;font-family: 'icomoon' !important;line-height: 1;font-size: 25px;position: absolute;left: 15px;top:calc(50% - 12px)}
.header-message.alert-valid{border:1px solid #27981b;background: #f9fffe;padding-left: 55px;color:#27981b!important}
.header-message.alert-valid:before{content: "\e934";display: block;font-family: 'icomoon' !important;line-height: 1;font-size: 20px;position: absolute;left: 15px;top:calc(50% - 9px)}


/*-----*/
/* NAV */
/*-----*/
#body>nav{background: #3e668c;color: white;position: fixed;top:0;bottom:0;left: 0;width:320px;z-index: 100;padding-top: 10px;padding-bottom: 120px;}
#body>nav .logo-airbmed{width: 234px;height: 104px; background: url(../img/logo-airbmed-color.png) no-repeat;background-size: 100%;display: block;margin:5px auto;position: relative;z-index: 10}
/* #body>nav ul{position: absolute;left: 0;right: 0;display: block;top:0px;text-align: center;padding: 0;margin: 0} */
#body>nav ul{display: block;padding: 40px 0 0 0;margin: 0}
#body>nav ul li{display: block;color:white;font-size:0px;position: relative;text-align: right;width: 100%;}
#body>nav ul li a{color:inherit;padding: 0 10px;display: inline-block;font-size:19px;text-decoration: none;width: 100%;height: 60px;line-height: 60px;}
#body>nav ul li a:hover{background: #5a94cc;text-decoration: none}
#body>nav ul li.current:before{content:"";display: block;position: absolute;width:15px;height:60px;border-radius:0 8px 8px 0;background:#e99a48;right: -15px;top: 0px;}
#body>nav ul li.current:after{content:"";display: block;position: absolute;width:21px;height:21px;background:#e99a48;transform:rotate(45deg);right: -10px;top: 20px;}
#body>nav ul li a [class^="icon-"]{font-size: 25px;display: inline-block;width: 55px;text-align: center;vertical-align: middle;}
#body>nav ul li a .icon-mail{font-size: 22px;line-height: 20px;}
#body>nav ul li a .icon-gears{font-size: 40px;line-height: 20px;vertical-align: middle;}
#body>nav ul li.contact {margin-top: 25px;}
#body>nav ul li.contact a{font-size: 16px;padding: 7px 70px 7px 10px;line-height: normal;}
#body>nav ul li.contact a [class^="icon-"]{position:absolute;right: 10px;top:16px;font-size: 29px;}

#body>nav footer{position: absolute;bottom: 10px;width: 100%;}
#body>nav footer .logo-airdebretagne{width: 187px;height: 67px; margin: 5px auto; background: url(../img/logo-airdebretagne-color.png) no-repeat;background-size: 100%;display: block}
#body>nav footer ul{display: block;top:30px;text-align: center;padding: 0}
#body>nav footer ul li{display: inline-block;color:white;font-size: 12px;width: auto;}
#body>nav footer ul li a{color:inherit;font-size: 12px;line-height: 13px;padding: 0;width: auto;height: auto;}
#body>nav footer ul li a:hover{text-decoration: underline;background: none;}

/* #body>nav .resp-nav{position: sticky;top: 0;} */

/*--------*/
/* HEADER */
/*--------*/
/*home*/
body.home #body>header{min-height: 583px;width: 100%; background: url(../img/main-visual.jpg) no-repeat;background-size: cover;background-position: bottom center;padding: 130px 15px 15px 15px;text-align: center;position: relative}
body.home #body>header .logo-airbmed{width: 200px;height: 113px; background: url(../img/logo-airbmed-color.png) no-repeat;background-size: 100%;display: block;position: absolute;left: 75px;top:20px}
body.home #body>header .logo-airdebretagne{width: 217px;height: 83px; background: url(../img/logo-airdebretagne.png) no-repeat;background-size: 100%;display: block;position: absolute;right: 75px;top:20px;filter:grayscale(1)}
body.home #body>header h1{color: #445162;font-size: 48px}
body.home #body>header h1 .name{display: block;font-size: 35px;margin-top: 29px;line-height: 7px}
body.home #body>header h1 small{display: block;font-size: 26px;letter-spacing: 2px;margin-top: 2px;padding-bottom: 20px}
body.home #body>header .services-icons{font-size: 18px;color: #445162;display: table;margin: 0 auto}
body.home #body>header .services-icons .item{display: table-cell;padding: 0 25px;text-align: center}
body.home #body>header .services-icons [class^="icon-"]{font-size: 80px;text-align: center;width: 134px;height: 134px}
body.home #body>header .services-icons .icon-nutrition{font-size: 120px;line-height: 0;position: relative;top: 30px}
body.home #body>header .services-icons .title{display: table-cell;vertical-align: middle;max-width: 134px;height: 54px;font-weight: 300}
body.home body.home #body>header .actions{display: none}
body.home #body>header .actions button, body.home #body>header .actions .button{font-size: 18px;padding: 0 30px!important;border-radius: 6px;letter-spacing: 1px;height: 50px;line-height: 50px}
body.home #body>header .actions button .icon-doctor, body.home #body>header .actions .button .icon-doctor{font-size: 29px}

/*logged*/
body.logged #body>header {text-align: center;}
body.logged #body>header .title-bloc{display: inline-block}
body.logged #body>header .user-actions {display:inline-block;padding: 15px 10px;background: white;position: relative;color: #3e668c;font-size: 20px;width:100%;font-weight: 400;height: 66px;}
body.logged #body>header .user-actions a{color: #3e668c;}
body.logged #body>header .user-actions a:hover{color: #5a94cc;}
body.logged #body>header .user-actions .user{margin-right: 35px;}
body.logged #body>header .user-actions .user .avatar{background: #3e668c;color: white;text-transform: uppercase;border-radius: 100%;display: inline-block;width: 35px;height: 35px;line-height: 33px; text-align: center;vertical-align: middle;}

/*page*/
body.page #body>header{position: relative;width: 100%; height:175px;background-repeat: no-repeat;background-size: 2240px;background-position: center -150px}
body.page #body>header .title-bloc{height:175px}
body.page #body>header h1{position:relative;height:109px;font-size: 48px;color:white;display: block;font-weight: 100;margin: 0;overflow: hidden}
body.page #body>header h1:before{display:block;content:"";position:absolute;z-index: 5;top:-20px;bottom:-20px;left: -20px;right: -20px;background-repeat: no-repeat;background-size: 2240px;background-position: center -196px; filter: blur(10px) brightness(90%);; -webkit-filter: blur(10px) brightness(90%);}
body.page #body>header h1 .text{position: relative;z-index: 10;padding: 19px 35px;display: block;}
body.page #body>header h1 .text  [class^="icon-"]{font-size: 35px;}

/*news*/
body.news #body>header{background-image: url(../img/header-news.jpg)}
body.news #body>header h1:before{background-image: url(../img/header-news.jpg)}

/*patients*/
body.patients #body>header{background-image: url(../img/header-patients.jpg)}
body.patients #body>header h1:before{background-image: url(../img/header-patients.jpg)}

/*prescriptions*/
body.prescriptions #body>header{background-image: url(../img/header-prescription.jpg)}
body.prescriptions #body>header h1:before{background-image: url(../img/header-prescription.jpg)}

/*library*/
body.library #body>header{background-image: url(../img/header-library.jpg)}
body.library #body>header h1:before{background-image: url(../img/header-library.jpg)}

/*parameters*/
body.parameters #body>header{background-image: url(../img/header-parameters.jpg)}
body.parameters #body>header h1:before{background-image: url(../img/header-parameters.jpg)}

/*message*/
body.messages #body>header{background-image: url(../img/header-message.jpg)}
body.messages #body>header h1:before{background-image: url(../img/header-message.jpg)}

/*prescription*/
body.prescription #body>header{background-image: url(../img/header-prescription.jpg)}
body.prescription #body>header h1:before{background-image: url(../img/header-prescription.jpg)}


/*------*/
/* MAIN */
/*------*/
#main{width: 100%}


/*--------*/
/* FOOTER */
/*--------*/
#body>footer{position: relative;background: #3e668c}
#body>footer .logo-airdebretagne{width: 187px;height: 67px; margin: 5px 20px; background: url(../img/logo-airdebretagne-color.png) no-repeat;background-size: 100%;display: block}
#body>footer ul{position: absolute;left: 0;right: 0;display: block;top:30px;text-align: center;padding: 0}
#body>footer ul li{display: inline-block;color:white}
#body>footer ul li a{color:inherit}
#body>footer ul li a:hover{text-decoration: underline}

/*------*/
/* PAGE */
/*------*/
body.page .filters {margin-bottom: 20px;}
body.page .filters .field{max-width: 330px;margin: 0 auto;}
body.page .filters .field .chosen-container .chosen-single{color:#5a94cc}

/*-------------------*/
/* EDITORIAL CONTENT */
/*-------------------*/
.editorial p{font-size: 14px;line-height: 19px;font-weight: 400;margin: 20px 0;clear: both}
.editorial p:after{content:"";display: block;clear: both}
.editorial .description{color:#5a94cc}
.editorial a{text-decoration: underline}
.editorial a:hover{text-decoration: none}
.editorial h3{clear: both}
.editorial li{font-size: 14px;font-weight: 400}

/*-----------*/
/* SECTIONS  */
/*-----------*/
/*signin*/
section.signin{min-height:310px;background: #f9f9f9;padding: 20px 190px 15px 190px}
section.signin h2{margin-bottom: 35px;position: relative;}
section.signin .actions{position: absolute;bottom: 15px;left: 20px;right: 20px;margin: 0}
section.signin .actions button, section.signin .actions .button{margin: 0;height: 35px;line-height: 35px}

section.signin .login{text-align: right;padding-right: 20px;position: relative}
section.signin .login form{width: 300px;float: right}
section.signin .login input{text-align: left}
section.signin .login label{text-align: left}
section.signin .login a{font-size: 15px;font-weight: 400;position:absolute;right: 0;top: 35px;}
section.signin .login a:hover{text-decoration: underline}
section.signin .login .field{margin-bottom: 30px}
section.signin .login .actions{text-align: right}

section.signin .register{padding-left: 20px;position: relative}
section.signin .register p{line-height: 19px}
section.signin .register .actions{text-align: left}

/*map*/
section.map{min-height: 525px;background: url(../img/section-map.jpg) no-repeat;background-size: cover;background-position: bottom right;position: relative}
section.map h2{font-size: 2.2vw;color:white;font-weight: 300;letter-spacing: 5px;position: absolute;top:40%;right: 860px}
section.map:after{content:"";display: block;min-height: 525px;width: 881px; background: url(../img/map.png) no-repeat;background-size: 100%;background-position: top right;position: absolute;right: 0;top: 0}

/*contact*/
section.contact{background-color: #5a94cc;padding: 10px 10px 25px 10px;color:white}
section.contact h2{color:white;text-align: center;font-size: 36px;letter-spacing: 4px;padding-bottom: 20px}
section.contact .grid-2{max-width: 640px;margin: 0 auto 50px auto;}
section.contact .grid-4{max-width: 1400px;margin: 0 auto;}
section.contact .contact-info{padding-left: 20px;position: relative;font-size: 16px}
section.contact .contact-info .icon-mail{font-size: 12px}
section.contact .contact-info a{color:inherit;text-decoration: underline}
section.contact .contact-info a:hover{text-decoration: none}

/*dashboard*/
section.dashboard{padding: 40px 100px 25px 100px}
section.dashboard h1{color: #3e668c;letter-spacing: 3px;margin:15px 0 25px 0;}
section.dashboard .services-icons{font-size: 15px;color: #3e668c;display: table;margin: 0 auto;margin-bottom: 15px;}
section.dashboard .services-icons .item{display: table-cell;padding: 0 25px;text-align: center;width: calc(100% / 7);}
section.dashboard .services-icons [class^="icon-"]{font-size: 70px;text-align: center;width: 134px;height: 134px}
section.dashboard .services-icons .icon-nutrition{font-size: 105px;line-height: 0;position: relative;top: 30px}
section.dashboard .services-icons .icon-home{font-size: 65px;line-height: 0;}
section.dashboard .services-icons .title{display: block;text-align: center;max-width: 134px;height: 54px;font-weight: 300;padding-top: 6px;}
section.dashboard .services-icons .tooltip_content{display: none;}

section.dashboard .table-filters .search-field.with-selector .search-field .form-input{height: 40px;}
section.dashboard .table-filters button.primary, section.dashboard .table-filters .button.primary{height: 40px;}
section.dashboard .table-filters .search-field .search-type .chosen-container .chosen-single{height: 33px;}
section.dashboard .table-filters .search-field .search-field{width: calc(100% - 135px);}
section.dashboard .table-filters .search-field .actions{left: auto;right: 0;}
section.dashboard .table-filters .field.animate label{top:8px}
section.dashboard .table-filters .chosen-container-single .chosen-single span{margin-top: 3px;}

/*news*/
section.news{padding: 15px 10px 25px 10px}
section.news h2{color:#5a94cc;text-align: center;font-size: 36px;letter-spacing: 4px;padding-bottom: 20px}
section.news h2 small{font-style: normal;letter-spacing: normal;margin-top: -10px}
section.news h2 small a{color: inherit;text-decoration: underline}
section.news h2 small a:hover{text-decoration: none}

.category{color: white;font-size: 12px;vertical-align: middle;background: #e99a48;display: inline-block;width: auto;padding: 2px 6px;}
.category .icon-air-logo{font-weight: bold}
.category [class^="icon-"]{font-size: 14px;margin-left: 5px;vertical-align: middle}

.big-news {background-size: cover;background-position: top center;display: block;height: 250px;max-width: 1090px;margin: 0 auto;box-shadow: 2.084px 2.158px 6px 0px rgba(0, 0, 0, 0.28);margin-bottom: 20px}
.big-news .title-zone {display: block;position: relative}
.big-news .title-zone .blur{display: block;background-size: cover;background-position: top center;position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;z-index: 0;filter: blur(5px);z-index: 10;overflow: hidden}
.big-news .title-zone .title{background-color:rgba(255,255,255, 0.65);display: block;color: #2b2b2b;font-size: 34px;font-weight: bolder;position: relative;z-index: 20;padding: 5px 20px 20px 20px;min-height: 110px}
.big-news .title-zone .title small{display: block;font-size: 14px;font-weight: 400;font-style: italic}
.big-news .title-zone .title .category{margin-right: 10px;}

.news-grid{max-width: 1090px;margin: 0 auto;margin-bottom: 20px}
.news-grid .mini-news {position: relative;box-shadow: 2.084px 2.158px 6px 0px rgba(0, 0, 0, 0.28);height: 250px;background: white}
.news-grid .mini-news .title{font-size: 15px;color:#2b2b2b;padding: 10px;display: block;font-weight: bolder}
.news-grid .mini-news small{font-size: 13px;color:#5a94cc;display: block;margin-top: 5px; font-weight: 300;}
.news-grid .mini-news .img{display: block; height: 115px;background-size: cover;background-repeat: no-repeat;background-position: center}
.news-grid .mini-news .category{position: absolute;right: 0;}

/*shortcut*/
section.shortcuts{padding: 20px 0 30px 0}
section.shortcuts ul{padding: 0;margin: 0 auto;max-width: 1090px}
section.shortcuts ul li{color: #5a94cc;text-align: center;font-size: 20px;font-weight: 300;list-style: none}
section.shortcuts ul li a{color: inherit;transition: all 0.3s ease}
section.shortcuts ul li a:hover{color: #225a90}
section.shortcuts ul li [class^="icon-"]{font-size: 60px;display: block;width: 140px;height: 94px;text-align: center;margin: auto;line-height: 60px;position: relative;top:20px}
section.shortcuts ul li .icon-direction{font-size: 85px}
section.shortcuts ul li .icon-myAIR-logo{top:30px}

/*patients*/
section.patients{padding: 10px 100px 25px 100px}
section.patients .nb-patients{text-align: left;font-size: 28px;margin-bottom: 10px}
section.patients .nb-patients strong{color:#5a94cc;font-weight: 400;}
section.patients .nb-patients small{font-size: 20px;font-style: italic;}

/*prescription*/
section.prescriptions{padding: 10px 100px 25px 100px}
section.prescriptions .nb-patients{text-align: left;font-size: 28px;margin-bottom: 10px}
section.prescriptions .nb-patients strong{color:#5a94cc;font-weight: 400;}
section.prescriptions .nb-patients .switcher{margin-top: -16px;margin-bottom: 0;}

/*messages*/
section.messages{padding: 40px 100px 25px 100px}

/*editorial*/
section.editorial{background: white}
section.editorial .editorial-wrapper{border:1px solid transparent;max-width: 1090px;margin:auto;padding: 10px 0}

/*sub-categories*/
section.sub-categories{background: #f3f3f3;padding: 45px 10px}

.sub-categories-grid{max-width: 1090px;margin: 0 auto}
.sub-categories-grid .item {position: relative;box-shadow: 2.084px 2.158px 6px 0px rgba(0, 0, 0, 0.28);height: 250px;background: white;text-align: center}
.sub-categories-grid .item [class^="icon-"]{font-size: 100px;line-height: 200px}
.sub-categories-grid .item .icon-nutrition{font-size: 130px;position: relative;top:15px}
.sub-categories-grid .item .icon-insuline{font-size: 90px}
.sub-categories-grid .item .icon-blood-perfusion{font-size: 90px}
.sub-categories-grid .item .icon-home{font-size: 80px}
.sub-categories-grid .item .title{font-size: 18px;padding: 10px;display: block;font-weight: 300;margin-top: -50px;line-height: 22px}


/*library*/
section.library{padding: 40px 10px 40px 0}
section.library .filters{padding: 7px;margin: 0 auto 20px auto;max-width: 990px;}
section.library .filters .services-icons{font-size: 13px;color: #3e668c;display: table;margin: 0 auto;margin-bottom: 15px;}
section.library .filters .services-icons .item{display: table-cell;padding: 10px 25px 0 25px;text-align: center;width: calc(100% / 7);color: #3e668c}
section.library .filters .services-icons .item:hover{color: #2c83d4}
section.library .filters .services-icons .item.selected{background: #2c83d4;color:white}
section.library .filters .services-icons [class^="icon-"]{font-size: 40px;text-align: center;width: 134px;height: 134px}
section.library .filters .services-icons .icon-nutrition{font-size: 65px;line-height: 0;position: relative;top: 20px}
section.library .filters .services-icons .icon-home{font-size: 33px;line-height: 0;}
section.library .filters .services-icons .title{display: block;text-align: center;max-width: 134px;height: 54px;font-weight: 300;padding-top: 6px;}
section.library .filters .services-icons .tooltip_content{display: none;}

section.library .grp{clear: both;padding-bottom: 50px;min-height: 200px}
section.library .grp:last-of-type{padding: 0}

section.library h2{font-size: 20px;font-weight: 500;color:#2c83d4;padding: 0 25px;}

.library-grid{width: 100%;margin: 0 0 55px 0;padding: 0 25px; justify-content: center}
.library-grid a {position: relative;box-shadow: 2.084px 2.158px 6px 0px rgba(0, 0, 0, 0.28);height: 50px;background: white;padding: 5px;font-size: 15px;line-height: 16px; text-align: center;font-weight: 400; color:#5a94cc;align-self: center;overflow: hidden}
.library-grid a:hover{color:#225a90}
.library-grid a .wrapper{display: table;width: 100%;height: 100%}
.library-grid a .wrapper span{display: table-cell;vertical-align: middle}

/*parameters*/
section.parameters{padding: 15px;width: 450px;margin: 15px auto;}
section.parameters h2{text-align: center}

/*-----------*/
/* DASHBOARD */
/*-----------*/
.widget{background: white;border-radius: 8px;box-shadow: 3px 3px 6px rgba(0,0,0,0.1);height: 305px;position: relative;}
.widget h2{color: white;font-size: 19px;font-weight: 500;background: #5a94cc;padding: 5px 10px;border-radius: 8px 8px 0 0;height: 44px;line-height: 31px;position: relative;padding-left: 50px;z-index: 100;}
.widget h2[data-target-click]{cursor: pointer;}
.widget h2 [class^="icon-"]{font-size: 30px;vertical-align: middle;width: 40px;display: inline-block;position: absolute;left: 10px;top: 7px;}
.widget h2 .icon-mail{font-size: 23px;top:11px}
.widget h2 .icon-signature{font-size: 22px;top: 9px;}
.widget h2.with-subtitle{line-height: 19px;}
.widget h2.with-subtitle small{font-size:12px;}
.widget .moreinfo{position: absolute;bottom: 5px;width: 100%;z-index: 30;}

.widget.loading:before{content:"";display:block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(200,200,200,0.75);z-index: 100;border-radius: 8px;}

.widget .nicescroll-box {height: calc(100% - 65px);padding: 0 8px;}
.widget .nicescroll-box.with-more {height: calc(100% - 95px)}
.widget .nicescroll-box .nicescroll-rails{right: 8px!important;width: 7px!important;}
.widget .nicescroll-box .nicescroll-rails .nicescroll-cursors{left: 2px!important;}

.widget .table-listing tbody tr:nth-child(odd){background: #F0F0F0;}
.widget .table-listing tbody tr:nth-child(even){background: #F6F6F6;}
.widget .table-listing.no-head td{padding: 2px 5px; width: 100%;border-bottom: 2px solid white;}
.widget .table-listing.no-head td.message{font-size: 14px;line-height: 18px;}
.widget .table-listing.no-head td.message strong{max-width: 150px;}
.widget .table-listing.no-head td.message .resume{top:12px;left: 170px;}
.widget .table-listing.no-head td.document {font-size: 14px;line-height: 18px;overflow: hidden;}
.widget .table-listing.no-head td.document strong{display:block;max-width: 150px;overflow: hidden;text-overflow: ellipsis;}
.widget .table-listing.no-head td.document .docinfo{text-align: right;position: absolute;right: 60px;top: 2px;width: calc(100% - 220px);overflow: hidden;text-overflow: ellipsis;}
.widget .table-listing.no-head td.document .docinfo .date{color: #5a94cc;display: block;font-style: italic;}
.widget .table-listing.no-head td.document .code{color: #5a94cc;text-transform: uppercase;font-size: 14px;font-weight: 400;position: absolute;right: 0;top: 0;width: 60px;text-align: center;line-height: 34px;}
.widget .table-listing.no-head td.document .actions{background: #5a94cc;position: absolute;top: 0;bottom: 0;width: 100%;right: -100%;margin: 0;transition: 0.2s ease right;}
.widget .table-listing.no-head td.document:hover .actions{right: 0;}
.widget .table-listing.no-head td.document .actions button, .widget .table-listing.no-head td.document .actions .button{margin: 0;position: absolute;left:10px;top: calc(50% - 11px);}
.widget .table-listing.no-head td.document .actions button:last-of-type, .widget .table-listing.no-head td.document .actions .button:last-of-type{left: auto;right: 20px;}

.widget .values{max-width: 240px;margin: 0 auto}
.widget .values>div{font-size: 37px;color: #3e668c;text-align: center;line-height: 66px;height: 80px;width: 80px;position: relative;}
.widget .values small{font-size: 12px;font-weight: 400;display: block;text-align: center;position: absolute;left: 0;right: 0;top:53px;line-height: 13px;}
.widget .values .highlight{font-size: 49px;color: white;line-height: 62px;background: #3e668c; border-radius: 4px;}
.widget .values .highlight.num3{font-size: 42px}
.widget .values .highlight.num4{font-size: 32px}
.widget .values .highlight small{font-size: 13px;color: white;top: 55px;}
.widget .values>div:last-of-type:before{content: "+";display: block;font-size: 25px;color: #3e668c;position: absolute;left: -8px;top: 5px;font-weight: 500;}
.widget .footer{background: #F0F0F0;position: absolute;bottom: 0;border-radius: 0 0 8px 8px;width: 100%;height: 133px;color:#3e668c}
.widget .graphs{max-width: 360px;margin: 0 auto;}
.widget .graphs .graph{width:100%; max-width: 80px;margin: auto;position: relative;}
.widget .graphs .graph:after{content:"";display: block;background: transparent;width: calc(100% - 5px);height: calc(100% - 5px);border-radius: 100%;box-shadow:3px 3px 6px rgba(0,0,0,0.5);position: absolute;top: 2px;left: 2px;z-index: 10;}
.widget .graphs .graph canvas{position: relative;z-index: 20;}
.widget .graphs .value{height:80px;max-width: 80px;margin: auto;text-align: center;font-size:60px;font-weight: 400;position: relative;top:-15px;}
.widget .graphs .title{font-size: 17px;font-weight: 400;text-align: center;margin:-26px 0 12px 0;}
.widget .graphs .tooltip_content{display: none;font-size: 14px}

.widget .indicators{max-width: 370px;margin: 48px auto;}
.widget .indicator{text-align: right;font-size: 19px;font-weight: 400;margin-bottom: 10px;}
.widget .indicator .items{display: inline-block;width: 110px;text-align: left;}
.widget .indicator .item{display: inline-block;position: relative;margin: 0 4px;}
.widget .indicator .item .value{position: absolute;color:white;top:1px;left: 2px;display: block;text-align: center;width: 15px;height: 15px;border-radius: 100%;font-size: 14px;font-weight: 400;line-height: 17px;}
.widget .indicator .item.error .value{background: #a31818 ;}
.widget .indicator .item.warning .value{background:#f9ad35 }
.widget .indicator [class^="icon-"]{font-size: 35px;vertical-align: middle;}
.widget .indicator .icon-check{font-size: 25px}

.widget.welcome{background: none;border-radius: 0;box-shadow: none;}

.widget.news{height: auto;}
.widget.news .sy-box {position: absolute;top: 0;bottom: 0;width: 100%;}
.widget.news .sy-pager {position: absolute;bottom: 50px;z-index: 20;}
.widget.news .sy-pager li{margin: 0 5px;}
.widget.news .sy-pager li a{background: #ccc;}
.widget.news .sy-pager li.sy-active a{background: #3e668c!important;}
.widget.news .sy-pager li a:hover, .widget.news .sy-pager li a:focus{opacity: 1}
.widget.news .mini-news {top: 0;bottom: 0;}
.widget.news .mini-news .title{font-size: 21px;color:#2b2b2b;padding: 10px;display: block;font-weight: 400}
.widget.news .mini-news small{font-size: 17px;color:#5a94cc;margin-top: 5px;font-weight: 300;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
.widget.news .mini-news .img{display: block; height: 49%;background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 8px 8px 0 0;}
.widget.news .mini-news .category{position: absolute;right: 0;top: 44px;display: inline-block;width: auto;padding: 2px 6px;}
.widget.news .mini-news .category:hover{color: white;}

.widget.news .sy-controls li{height: calc(49% - 44px);}
.widget.news .sy-controls li.sy-prev, .widget.news .sy-controls li.sy-next{top:44px}

.widget.news .sy-controls li a:after{background-image: url(../img/slippry_arrows.svg);}


/*---------------*/
/* TABLE LISTING */
/*---------------*/
.table-listing{table-layout: fixed;border-bottom: 0!important;}
.table-listing thead th{background: white; border-right: 4px solid #f9f9f9;border-bottom: 4px solid #f9f9f9!important;padding: 8px 12px!important;font-size: 14px;font-weight: 400!important;width: 1px}
.table-listing thead .sorting {background-image: none;}
.table-listing thead .sorting:after {background-image: none;content: "\e931";font-family: "icomoon";font-size: 20px;line-height: 14px;margin-left: 10px;vertical-align: middle;color:#a0a0a0;position: relative;top:-2px;}
.table-listing thead .sorting.sorting_desc{background-image: none;}
.table-listing thead .sorting.sorting_desc::after{background-image: none;content: "\e932";color: #e99a48;top:-6px}
.table-listing thead .sorting.sorting_asc{background-image: none;}
.table-listing thead .sorting.sorting_asc::after{background-image: none;content: "\e933";color: #e99a48;top:6px}
.table-listing thead .signature{background-image: none;content: "\e933";font-size: 18px;line-height: 14px;}

.table-listing thead .dropdown div{cursor: pointer;position: relative;}
.table-listing thead .dropdown div [class^="icon-"]{font-size: 12px;color: #bfbfbf;cursor: pointer;vertical-align: middle;}
.table-listing thead .dropdown:hover div [class^="icon-"]{color: #e99a48;}
.table-listing thead .dropdown div ul{display:none;list-style: none;text-align: left;position: absolute;white-space: nowrap;padding: 10px;border-radius:8px;box-shadow:3px 3px 6px rgba(0,0,0,0.5);background: white;left:-11px;top: 27px;}
.table-listing thead .dropdown:hover div ul{display: block;}
.table-listing thead .dropdown div ul a{font-size: 13px;color:#3d3d3d;position: relative;padding-left: 23px;display: block;}
.table-listing thead .dropdown div ul a:hover{color:#e99a48;}
.table-listing thead .dropdown div ul a small strong{font-size: 13px;color: #225a90;}
.table-listing thead .dropdown div ul a:hover small strong{color: #e99a48;}
.table-listing thead .dropdown div ul li{line-height: 25px;margin: 7px 0;}
.table-listing thead .dropdown div ul li [class^="icon-"]{font-size: 17px;position: absolute;left: 0;top:calc(50% - 9px);}
.table-listing thead .dropdown div ul li:first-of-type a{padding-left: 0px}

.table-listing tbody tr:nth-child(odd){background: white;}
.table-listing tbody tr:nth-child(even){background: #f8f8f8;}
.table-listing tbody tr:hover td{color: #225a90;font-weight: 500;}
.table-listing tbody tr td{padding: 12px;font-size: 14px;width: 1px;white-space: nowrap;}
.table-listing tbody tr td strong{color: #5a94cc;}
.table-listing tbody tr td.centered div [class^="icon-"]{font-size: 17px;vertical-align: middle;}

.table-listing tbody tr td.name{font-weight: 400;white-space: normal;}
.table-listing tbody tr td.prescription{text-overflow: ellipsis;overflow: hidden;}

.table-listing tbody tr td.cat{color:#5a94cc;font-weight: 600;font-size: 14px;line-height: 17px;padding: 3px 12px;}
.table-listing tbody tr td.cat .tooltip{position: relative;display: block;}
.table-listing tbody tr td.cat [class^="icon-"]{font-size: 31px;color: #5a94cc;display: block;}
.table-listing tbody tr td.cat .tooltip .icon-info{font-size: 17px;color:#bfbfbf;position: absolute;top:calc(50% - 3px);left: calc(50% - 40px);}
.table-listing tbody tr td.cat .tooltip:hover .icon-info{color:#5a94cc}

.table-listing tbody tr td.last-intervention .tooltip{margin-right: 8px;}
.table-listing tbody tr td.last-intervention .tooltip .icon-message{color: #bfbfbf;font-size: 18px;vertical-align: middle}
.table-listing tbody tr td.last-intervention .tooltip:hover .icon-message{color: #5a94cc}

.table-listing tbody tr td.delay .tooltip{margin-left: 4px;}
.table-listing tbody tr td.delay .tooltip .icon-delay{font-size: 21px;line-height:14px;vertical-align:middle;position: relative;top:-2px;}

.table-listing tbody tr td.signature{font-size: 26px;line-height: 0;}
.table-listing tbody tr td.signature span.tooltip{display: block;color: #5a94cc;}

.table-listing .tooltip_content{display: none;font-size: 14px}

.table-listing.no-footer{border:0;}

.table-listing.no-head thead{display: none;}
.table-listing.no-head td{display: block;position: relative;width: calc(100% - 24px)}
.table-listing.no-head td.message strong{max-width: 170px;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;}
.table-listing.no-head td.message .resume{position: absolute;left:200px;right:14px;top: 23px;color:#606060;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.table-listing.no-head td.message .resume .object{color: #3d3d3d;}
.table-listing.no-head tr:hover td.message *{color: #225a90!important;}

.table-filters{position: relative;height: 33px;margin-bottom: 10px;z-index: 200;}
.table-filters .search-field>div{position: absolute;top: 0;left: 0;}
.table-filters .search-field .search-type{left: 3px;top:3px;margin-bottom: 0;z-index: 10;width: 90px;}
.table-filters .search-field .search-type .chosen-container .chosen-single{height: 29px;line-height: 15px;padding: 5px;border-color:#e99a48;color: #e99a48;font-weight: 600;}
.table-filters .search-field .search-type .chosen-container-single .chosen-single div b::before{color: #e99a48;}
.table-filters .search-field .search-field{width: 620px;}
.table-filters .search-field.with-selector .search-field.animate label{left: 105px;}
.table-filters .search-field .search-field.animate label strong{color: #e99a48;}
.table-filters .search-field.with-selector .search-field .form-input {padding-left: 105px;}
.table-filters .search-field .actions{margin: 0;left: 618px;}
.table-filters .search-field .actions button{border-radius: 0 3px 3px 0}
.table-filters .filter {width: 340px; float: right;margin-bottom: 0;}

.table-filters .table-actions {float: right;margin-bottom: 0;}
.table-filters .table-actions button, .table-filters .table-actions .button{margin: 0;height: 35px;padding: 0 15px;line-height: 35px;}
.table-filters .table-actions button .icon-add, .table-filters .table-actions .button .icon-add{position: relative;top:2px;}

/*----------------*/
/* RESPONSIVE NAV */
/*----------------*/
#nav-toggle{color: white;font-size: 35px;position: absolute;right: 15px;top:7px;display: none}
body.nav-open .resp-nav{display: block!important}
body.nav-open #nav-toggle .icon-burger:before{content: "\e901";font-size: 20px;position: relative;top:-10px}

/*-------*/
/* FORMS */
/*-------*/
/* form group */
.form-grp{background: white;padding: 15px 25px;box-shadow: 1px 1px 4px rgba(0,0,0,0.3);border-radius: 8px;margin-bottom: 25px;}
.fields{margin-bottom: 13px;}

/* field */
.field {margin-bottom: 5px; position: relative}
.field.small {margin-bottom: 13px;}
.field .message{display: block;position: absolute;width: 100%; text-align: right;font-size: 11px;font-weight: 400;color:#878787}
.field.error .message{color:#aa0c0c}
.field.alert .message{color:#ea9d4b}
.field.with-icon label{line-height: 40px;margin: 0;padding: 0}
.field.with-icon .label{line-height: 40px;margin: 0;padding: 0;position: static;height: 40px;}
.field.with-icon label [class^="icon-"]{position: absolute;left: 0;top:0;background: #5a94cc;display: block;width: 40px;height: 40px;margin: 0;color:white;text-align: center;z-index: 20;font-size: 22px;line-height: 40px;cursor: default;border-radius: 3px 0 0 3px}
.field.with-icon .label [class^="icon-"]{position: absolute;left: 0;top:0;background: #5a94cc;display: block;width: 40px;height: 40px;margin: 0;color:white;text-align: center;z-index: 20;font-size: 22px;line-height: 40px;cursor: default;border-radius: 3px 0 0 3px}
.field.with-icon textarea+label [class^="icon-"]{background: none;color: #5a94cc;top:3px}
.field.with-icon.with-text label .label{position: absolute;background: #5a94cc;display: inline-block;width: 100px;text-align: left;top: 0;z-index: 10;left: 40px;padding-left: 5px;color:white;font-weight: 300}
.field.with-icon label .icon-mail, .field.with-icon .label .icon-mail{font-size: 17px}
.field.with-icon label .icon-student, .field.with-icon .label .icon-student{font-size: 17px}
.field.with-icon.error label [class^="icon-"]{background: #aa0c0c}
.field.with-icon.alert label [class^="icon-"]{background: #ea9d4b}
.field.with-icon.disabled label{opacity: 1;}
.field.with-icon.disabled label [class^="icon-"]{background: #a5a5a5}

/* Password */
.field .toggle-password{cursor: pointer;color: #e99a48;position: absolute;right: 7px;top:12px;}
.field .toggle-password:hover{color:#db8b39;}

/*field input*/
.field .form-input{border:1px solid #bfbfbf;border-radius: 3px;background: white;color:#191919;width: 100%;padding: 10px 15px 10px 15px;font-size: 15px;letter-spacing: 1px; font-weight: 300;display: inline-block;margin: 0;height: 40px;box-shadow: none}
.field.small .form-input{height: 30px;font-size: 14px;}
.field .value{color:#191919;width: 100%;padding: 10px 15px 10px 15px;font-size: 15px;letter-spacing: 1px; font-weight: 300;display: inline-block;margin: 0;height: 40px}
.field.error .form-input{border:1px solid #aa0c0c;color:#aa0c0c;background: #fff2f2}
.field.alert .form-input{border:1px solid #ea9d4b;color:#ea9d4b;background: #fff8f1}
.field .form-input:focus{color:#191919!important}
.field .form-input::-webkit-input-placeholder {color: #B3B5B8;opacity: 1}
.field .form-input::-moz-placeholder {color: #B3B5B8;opacity: 1}
.field .form-input:-ms-input-placeholder {color: #B3B5B8;opacity: 1}
.field .form-input:-moz-placeholder {color: #B3B5B8;opacity: 1}
.field.animate .form-input{padding: 15px 15px 6px 15px}
.field.animate.small .form-input{padding: 17px 15px 3px 15px}
.field.animate .value{padding: 15px 15px 6px 15px}
.field.animate label{position: absolute;left: 15px;cursor: text;top: 9px;margin: 0; transition: all 0.3s;font-size: 15px;font-weight: 300;right: 15px;color:#646464;font-style: italic}
.field.animate.small label{top:5px;font-size: 13px;}
.field.animate .label{margin: 0; font-size: 15px;font-weight: 300;right: 15px;color:#5a94cc;}
.field.animate.error label{color:#aa0c0c}
.field.animate.alert label{color:#ea9d4b}
.field.animate .form-input.focus + label {top: 2px;font-size: 10px;left: 7px;color:#5a94cc;font-weight: 400}
.field.animate.small .form-input.focus + label {top: 0px}
.field.animate .value + .label {position:absolute;top: 2px;left: 7px;font-weight: 300;line-height: 17px;}
.field.animate.error .form-input.focus + label {color:#aa0c0c}
.field.animate.alert .form-input.focus + label {color:#ea9d4b}
.field.with-icon .form-input{padding-left: 55px}
.field.with-icon .value{padding-left: 55px}
.field.with-icon.with-text .form-input{padding-left: 155px}

.field.animate.with-icon label{top:0;left: 0;width: 0;white-space: nowrap;transition: 0.3s all;padding-left: 45px;background: none}
.field.animate.with-icon .label {top:0;left: 0;width: 0;white-space: nowrap;padding-left: 55px;background: none}
.field.animate.with-icon .form-input.focus + label{top:0;left: 0;line-height: 19px}
.field.animate.with-icon .value + label {top:0;left: 0;line-height: 19px}

/*field select jquery chosen*/
.field .chosen-container .chosen-single{border:1px solid #bfbfbf;border-radius: 3px;background: white;width: 100%;font-size: 15px;font-weight: 300;box-shadow: none;padding: 7px 15px;height: 40px;color:#191919}
.field .chosen-container .chosen-single:hover{color:#191919}
.field .chosen-container .chosen-single.chosen-default{color:#646464;font-style: italic}
.field .chosen-container .chosen-single.chosen-default:hover{color:#646464}
.field.error .chosen-container .chosen-single{border:1px solid #aa0c0c;background: #fff2f2}
.field .chosen-container-single .chosen-single span{margin-right: 10px}
.field .chosen-container-single .chosen-single div b{background: none}
.field .chosen-container-single .chosen-single div b:before{content: "\e924";font-family: 'icomoon' !important;font-style: normal;display: inline-block;margin-top: 8px;color: #5a94cc;font-size: 7px}
.field.error .chosen-container-single .chosen-single div b:before{color:#aa0c0c}
.field .chosen-container-single .chosen-single abbr{background: none;margin:2px 5px 0 0}
.field .chosen-container-single .chosen-single abbr:before{content: "\e901";font-family: 'icomoon' !important;font-style: normal;display: inline-block;font-size: 11px;color: #5a94cc}
.field .chosen-container-single .chosen-single abbr:hover:before{color: #4391d1}
.field.with-icon .chosen-container .chosen-single{padding-left:45px}
.field.with-icon.with-text .chosen-container .chosen-single{padding-left:155px}

/*field textarea*/
.field textarea {border:1px solid #a5a5a5;border-radius: 2px;background: white;color:#191919;width: 100%;padding: 10px 15px 10px 15px;font-size: 15px;letter-spacing: 1px; font-weight: 300;display: inline-block;margin: 0;min-height: 100px;resize: none}
.field.error textarea {border:1px solid #aa0c0c;color:#aa0c0c}
.field.error textarea:focus {color:#191919}

/*checkbox*/
.checkbox{box-shadow: none;width: auto;height: auto;margin-bottom: 10px;background: none;}
.checkbox label{font-size: 15px;;margin-bottom: 0;font-style: normal;font-weight: 300;}
.checkbox label strong{font-weight: 400;}
.checkbox label input{display: none}
.checkbox label [class^="icon-"]{color:#5a94cc;font-size: 20px;vertical-align: middle;margin-top: -2px;display: inline-block;}
.checkbox label .icon-check-off{margin-right: 5px}
.checkbox label input:checked + [class^="icon-"]{color:#5a94cc}
.checkbox label input:checked + .icon-check-off:before{content:"\e93e";font-family: 'icomoon' !important;display: inline-block;color:inherit;visibility: visible}

/*radio*/
.radio{box-shadow: none;width: auto;height: auto;margin-bottom: 10px;}
.radio label{font-size: 15px;margin-bottom: 0;font-style: normal;font-weight: 300;}
.radio label input{display: none}
.radio label [class^="icon-"]{color:#5a94cc;font-size: 20px;vertical-align: middle;margin-top: -2px;display: inline-block;}
.radio label .icon-radio-off{margin-right: 5px}
.radio label input:checked + [class^="icon-"]{color:#5a94cc}
.radio label input:checked + .icon-radio-off:before{content:"\e93c";font-family: 'icomoon' !important;display: inline-block;color:inherit;visibility: visible}

/*switcher*/
.switcher {margin-bottom: 15px;position: relative}
.switcher label{position: relative;display: inline-block;margin: 0;padding: 0;z-index: 20}
.switcher label input {display:none}
.switcher .slider {position: relative;display: inline-block;width: 30px;height: 14px;cursor: pointer;background-color: #818181;transition: 0.4s all;border-radius: 13px;top:2px;right: 5px}
.switcher .slider:before {position: absolute;content: "";height: 18px;width: 18px;left: 0;bottom: -2px;background-color: #bdbdbd;transition: 0.4s all;border-radius: 50%}
.switcher .slider:before:hover {background-color: #bdbdbd}
.switcher input:checked + .slider {background-color: #f9ba86}
.switcher input:focus + .slider {background-color: #bdbdbd}
.switcher input:checked + .slider:before {transform: translateX(16px);background-color: #f48327}
.switcher .label{font-weight: 300}
.switcher input:checked + .slider + .label{color:#f48327}


/*field dropzone*/
.field .dropzone{background: white;border:1px dashed #626262;padding: 10px;font-size: 15px 0 0 0;text-align: center;position: relative;margin: 5px 0;height: 100px;}
.field .dropzone [class^="icon-"]{font-size:30px;color:#ea9d4b}

.field .dropzone:hover{background: #fafafa;cursor: pointer}
.field .dropzone input{position: absolute;margin: 0;padding: 0;outline: none;opacity: 0;top: 0;right: 0;left: 0;bottom: 0;width: 100%;cursor: pointer ;height: 100px;}



/* table filters*/
.table-filters .field .form-input{height: 35px;}
.table-filters .field.animate label{top: 5px;}
.table-filters .field .chosen-container .chosen-single{height: 35px;}
.table-filters .field.with-icon.with-text .chosen-container .chosen-single{padding-left: 145px;}
.table-filters .field.with-icon.with-text label .label {height: 35px;left: 35px;line-height: 35px;background: #e99a48;}
.table-filters .field.with-icon label [class^="icon-"]{height: 35px;width: 35px;font-size: 16px;line-height: 35px;background: #e99a48;}
.table-filters .chosen-container-single .chosen-single{line-height: 20px;border-color:#e99a48}
.table-filters .chosen-container-single .chosen-single span{color: #e99a48;font-weight: 400;}
.table-filters .chosen-container-single .chosen-single div b::before{color: #e99a48;}
.table-filters .chosen-container .chosen-results li.highlighted{background:#e99a48}
.table-filters .chosen-container .chosen-drop{border-color:#e99a48}

fieldset{background: white;border-radius: 8px;padding: 10px 20px;margin-bottom: 15px;}
fieldset h3{font-size: 16px;font-weight: 400;margin: 0 0 10px 0;}
fieldset h4{font-size: 15px;padding-bottom: 2px;display: block;font-style: italic;font-weight: 400;font-family: "open sans";}
fieldset .radio{display: inline-block;margin-right: 25px;vertical-align: top;}
fieldset .checkbox{display: inline-block;margin-right: 25px;vertical-align: top;}

/*-------------------*/
/* BUTTONS & ACTIONS */
/*-------------------*/
.actions{text-align: center;margin:20px 0 15px 0;font-weight: 300}
.actions button, .actions .button, .actions a.button{min-width: 130px;display: inline-block}
.actions [type="submit"] {padding: 0 30px}

button, .button, a.button{font-family: 'Oxygen', sans-serif!important;color:white;background: #5a94cc;display: inline-block;padding: 0 30px;margin: 0 5px;font-size: 15px;font-weight: 300;text-align: center;white-space: nowrap;vertical-align: middle;border-radius: 3px;cursor: pointer;transition: all 0.3s ease;line-height: 40px;box-shadow: none!important;height: 40px;text-decoration: none}
button:hover, .button:hover{background-color:#225a90;border-color: #225a90;text-decoration: none}
button [class^="icon-"], .button [class^="icon-"]{font-size:21px;margin: -3px 10px 0 0;line-height: 0;vertical-align: middle;display: inline-block}
button .icon-add, .button .icon-add{margin-top: -8px}

button.primary, .button.primary, a.button.primary{background-color:#5a94cc;color:white;border-color: #5a94cc}
button.primary:hover, .button.primary:hover, a.button.primary:hover{background-color:#225a90;border-color: #225a90}

button.primary.inverted, .button.primary.inverted, a.button.primary.inverted{background-color:transparent;color:#5a94cc;border:1px solid #5a94cc}
button.primary.inverted:hover, .button.primary.inverted:hover, a.button.primary.inverted:hover{background-color:#5a94cc;color:white}

button.secondary, .button.secondary, a.button.secondary{background-color:#e99a48;color:white;border-color: #e99a48}
button.secondary:hover, .button.secondary:hover, a.button.secondary:hover{background-color:#db8b39;border-color:#db8b39}

button.secondary.inverted, .button.secondary.inverted, a.button.secondary.inverted{background-color:transparent;color:#f3b716;border-color: #f3b716}
button.secondary.inverted:hover, .button.secondary.inverted:hover, a.button.secondary.inverted:hover{background-color:#f3b716;color:white;border-color: #f3b716}

button.third, .button.third, a.button.third{background-color:#adadad;color:white;border-color:#adadad;}
button.third:hover, .button.third:hover, a.button.third:hover{background-color:#8b8b8b;border-color: #8b8b8b}

button.third.inverted, .button.third.inverted, a.button.third.inverted{background-color:transparent;color:#1cbcaa;border-color: #1cbcaa}
button.third.inverted:hover, .button.third.inverted:hover, a.button.third.inverted:hover{background-color:#1cbcaa;color:white;border-color: #1cbcaa}

button:disabled, .button:disabled, a.button:disabled{background: #b3b3b3;border-color: #b3b3b3}

.table-filters button.primary, body.page .table-filters .button.primary, .table-filters a.button.primary{height: 35px;padding: 0 15px;line-height: 35px;}
.actions.small {margin: 3px 0;}
.actions.small button, body.page .actions.small .button, .actions.small a.button{height: 21px;padding: 4px 10px;line-height: 14px;font-size: 13px;margin: 5px 0;min-width: auto;width: auto;}
.actions.small button [class^="icon-"], body.page .actions.small .button [class^="icon-"], .actions.small a.button [class^="icon-"]{font-size: 15px;display: inline-block;width: 15px;text-align: center;vertical-align: middle;margin: -2px 0 0 0;}

.more-scroll{text-align: center;margin: 10px auto;display: block;width: 150px;font-weight: 400;font-size: 15px;}
.more-scroll:hover{color: #db8b39;}
.more-scroll i{display: block;font-size: 40px;line-height: 34px;}

/*-------*/
/* MODAL */
/*-------*/
[data-featherlight-type="ajax"]:hover{cursor: pointer}

.featherlight{background-color: rgba(0,0,0,0.66)!important;z-index:9998}
.featherlight .featherlight-content{box-shadow: 0px 8px 21.6px 2.4px rgba(0, 0, 0, 0.4);border-bottom: 0;padding: 10px 25px}
.featherlight .featherlight-close-icon{background: #e99a48;width: 40px;height: 40px;overflow: hidden;text-indent: 9000px;right: 0;border-radius: 0;color:white;margin: 0}
.featherlight .featherlight-close-icon:before{content:"\e901";display: block;position: absolute;font-family:'icomoon';text-indent: 0;left: 11px;top: 7px;font-size: 18px}

.featherlight .featherlight-content p.message,
.featherlight .featherlight-content div.message{position: relative;padding-left: 35px;max-width: 745px;margin: 0 auto 25px auto;line-height: 21px;font-family: 'open sans';}
.featherlight .featherlight-content div.message pre{line-height: 21px;font-family: 'open sans';}

.featherlight .featherlight-content p.message mdpt,
.featherlight .featherlight-content div.message{padding-left: 0px;top:340px}

.featherlight .featherlight-content p.message .from, 
.featherlight .featherlight-content div.message .from{color: #5a94cc;font-size: 21px;display: block;}
.featherlight .featherlight-content p.message .date, 
.featherlight .featherlight-content div.message .date{display: block;}
.featherlight .featherlight-content p.message [class^="icon-"], 
.featherlight .featherlight-content div.message [class^="icon-"]{font-size: 23px;position: absolute;left: 0;top: 2px;color: #5a94cc;} 
.featherlight .featherlight-content p.message .icon-mail, 
.featherlight .featherlight-content div.message .icon-mail{font-size: 20px;} 

/*modal-form*/
.featherlight.modal-form .featherlight-content{background: #f9f9f9;min-width: 510px} 
.featherlight.modal-form header{background: #3e668c;padding: 5px 15px;margin: -10px -25px 30px -25px} 
.featherlight.modal-form header .logo-airbmed{display: block;height: 50px;width: 117px;background: url(../img/logo-airbmed-color.png) no-repeat;background-size: 100%} 
.featherlight.modal-form h2{text-align: center;font-size: 25px;margin-bottom: 20px} 
.featherlight.modal-form p{max-width: 630px;margin: 0 auto 25px auto;line-height: 21px} 
.featherlight.modal-form p .cat{color:#5a94cc} 
.featherlight.modal-form p [class^="icon-"]{font-size: 25px;vertical-align: middle;} 
.featherlight.modal-form h2+p{margin-top: -10px;} 
.featherlight.modal-form .userid{text-align: center;font-size: 29px;letter-spacing: 10px;margin-top: -15px;margin-bottom: 15px;} 
.featherlight.modal-form form{max-width: 415px;margin: 0 auto} 
.featherlight.modal-form form.large{max-width: 545px;margin: 0 auto} 
.featherlight.modal-form .actions{margin: 40px auto;text-align: left;clear: both;} 
.featherlight.modal-form .actions button:last-of-type, .featherlight.modal-form .actions .button:last-of-type{float: right} 
.featherlight.modal-form footer{text-align: right} 
.featherlight.modal-form footer .logo-airdebretagne{width: 136px;height: 50px; background: url(../img/logo-airdebretagne.png) no-repeat;background-size: 100%;display: inline-block;filter:grayscale(1)}

/*modal-medium-form REFACTOR ME PLEASE!!!*/
.featherlight.modal-medium-form .featherlight-content{background: #f9f9f9;width: 935px;} 
.featherlight.modal-medium-form header{background: #3e668c;padding: 5px 15px;margin: -10px -25px 30px -25px} 
.featherlight.modal-medium-form header .logo-airbmed{display: block;height: 50px;width: 117px;background: url(../img/logo-airbmed-color.png) no-repeat;background-size: 100%} 
.featherlight.modal-medium-form h2{text-align: center;font-size: 25px;margin-bottom: 10px} 
.featherlight.modal-medium-form p{max-width: 745px;margin: 0 auto 25px auto;line-height: 21px} 
.featherlight.modal-medium-form p .cat{color:#5a94cc} 
.featherlight.modal-medium-form p [class^="icon-"]{font-size: 25px;vertical-align: middle;} 
.featherlight.modal-medium-form h2+p{margin-top: -10px;} 
.featherlight.modal-medium-form form{max-width: 415px;margin: 0 auto} 
.featherlight.modal-medium-form form.large{max-width: 745px;margin: 0 auto} 
.featherlight.modal-medium-form .actions{margin: 40px auto;text-align: left;clear: both;} 
.featherlight.modal-medium-form .actions:not(.centered) button:last-of-type, .featherlight.modal-medium-form .actions:not(.centered) .button:last-of-type{float: right} 
.featherlight.modal-medium-form .actions.number{margin-top: 0;} 
.featherlight.modal-medium-form .actions.nomargin{margin: 0;}
.featherlight.modal-medium-form footer{text-align: right} 
.featherlight.modal-medium-form footer .logo-airdebretagne{width: 136px;height: 50px; background: url(../img/logo-airdebretagne.png) no-repeat;background-size: 100%;display: inline-block;filter:grayscale(1)}

.featherlight.modal-medium-form .grid-2{margin: auto;max-width: 640px;}
.featherlight.modal-medium-form .contact-info{padding-left: 20px;position: relative;font-size: 14px;font-weight: 400;color: #646464;margin-bottom: 55px;margin-top: 15px;}
.featherlight.modal-medium-form .contact-info h3{font-size: 17px;font-weight: 400;}
.featherlight.modal-medium-form .contact-info .icon-mail{font-size: 12px}
.featherlight.modal-medium-form .contact-info a{color:inherit;text-decoration: underline}
.featherlight.modal-medium-form .contact-info a:hover{text-decoration: none}

.featherlight.modal-medium-form .principles{max-width: 850px;margin: 20px auto;line-height: 21px;font-size: 17px;}
.featherlight.modal-medium-form .principles .picto-principle{text-align: center;color: #3e668c;font-weight: 500;padding-bottom: 8px;}
.featherlight.modal-medium-form .principles .picto-principle [class^="icon-"]{display:block;text-align: center;font-size: 35px;color: white;width: 55px;height: 55px;line-height: 55px;margin: 0 auto 8px auto;background: #3e668c;border-radius: 55px;}
.featherlight.modal-medium-form .principles .picto-principle .icon-security{line-height: 58px;font-size: 33px;}
.featherlight.modal-medium-form .principles .picto-principle .icon-fingerprint{font-size: 38px;}
.featherlight.modal-medium-form .principles .picto-principle .icon-charts{font-size: 33px;}
.featherlight.modal-medium-form .principles .picto-principle small{display: block;font-style: italic;font-size: 14px;line-height: 18px;}
.featherlight.modal-medium-form .principles p{font-size: 14px;margin-bottom: 10px;}
.featherlight.modal-medium-form .principles p .icon-alert{font-size: 27px;top:calc(50% - 15px)}
.featherlight.modal-medium-form p.principles {font-size: 15px;}

.featherlight.modal-medium-form .principles .tooltip_content{display: none;font-size: 14px}

/*modal-editorial*/
.featherlight.modal-editorial .featherlight-content{position: absolute;top:30px;left:30px;right: 30px;bottom: 30px}
.featherlight.modal-editorial .featherlight-content:after{content:"";display: block;clear: both}
.featherlight.modal-editorial header {margin: -10px -25px 30px -25px;min-height: 234px;position: relative;background-position: bottom center;background-size: cover;background-repeat: no-repeat }
.featherlight.modal-editorial header h2{font-size: 25px;background: rgba(255,255,255,0.63);padding: 8px 15px}
.featherlight.modal-editorial.item-blue header h2, .featherlight.modal-editorial.item-blue .description{color: #5a94cc}
.featherlight.modal-editorial.item-orange header h2, .featherlight.modal-editorial.item-orange .description{color: #e99a48}
.featherlight.modal-editorial.item-purple header h2, .featherlight.modal-editorial.item-purple .description{color: #887292}
.featherlight.modal-editorial.item-green header h2, .featherlight.modal-editorial.item-green .description{color: #63b186}
.featherlight.modal-editorial.item-lightgreen header h2, .featherlight.modal-editorial.item-lightgreen .description{color: #bacb4e}
.featherlight.modal-editorial.item-pink header h2, .featherlight.modal-editorial.item-pink .description{color: #df6d7a}
.featherlight.modal-editorial header h2 [class^="icon-"]{font-size: 45px;vertical-align: middle;margin-right: 8px}
.featherlight.modal-editorial nav{background: #3e668c;color: white;margin: -30px -25px 30px -25px}
.featherlight.modal-editorial.item-blue nav{background: #5a94cc}
.featherlight.modal-editorial.item-orange nav{background: #e99a48}
.featherlight.modal-editorial.item-purple nav{background: #887292}
.featherlight.modal-editorial.item-green nav{background: #63b186}
.featherlight.modal-editorial.item-lightgreen nav{background: #bacb4e}
.featherlight.modal-editorial.item-pink nav{background: #df6d7a}
.featherlight.modal-editorial nav ul{display: block;text-align: center;padding: 0;margin: 0;width: 100%}
.featherlight.modal-editorial nav ul li{display: inline-block;color:white;font-size:0px;position: relative}
.featherlight.modal-editorial nav ul li:after{content:" | ";display: inline-block;font-size:16px;position: absolute;right: -6px;bottom: 8px}
.featherlight.modal-editorial nav ul li:last-of-type:after{display: none}
.featherlight.modal-editorial nav ul li a{color:inherit;padding: 10px 30px;display: inline-block;font-size:15px;text-decoration: none}
.featherlight.modal-editorial nav ul li a [class^="icon-"]{font-size:19px}
.featherlight.modal-editorial nav ul li a:hover, .featherlight.modal-editorial nav ul li.current a{background: rgba(0,0,0,0.3);text-decoration: none}
.featherlight.modal-editorial .big-news{margin: -10px -25px 30px -25px;box-shadow: none;max-width: none;min-height: 245px}
.featherlight.modal-editorial .big-news .title{padding-top: 25px}

/*modal-patient*/
.featherlight.modal-patient .featherlight-content{background: #f9f9f9;position: absolute;top:30px;left:30px;right: 30px;bottom: 30px;margin: 0} 
.featherlight.modal-patient .featherlight-content .featherlight-close{position: fixed;top:30px;right: 30px;z-index: 200} 
.featherlight.modal-patient .fiche-patient header {margin: -10px -25px 30px -25px}
.featherlight.modal-patient .fiche-patient header h2{width: calc(100% - 60px)}
.featherlight.modal-patient .fiche-patient header .actions{position: fixed;margin: 12px;z-index: 10;display: block;font-size: 15px;margin-top: 16px}
.featherlight.modal-patient .fiche-patient .logo-airbmed, .featherlight.modal-patient .fiche-patient .logo-airdebretagne{display: none}

/*-------------*/
/*FICHE PATIENT*/
/*-------------*/
.fiche-patient .logo-airbmed{width: 93px;height: 42px; display: block;margin:5px 0;position: absolute;z-index: 200;left: 10px}
.fiche-patient .logo-airdebretagne{width: 93px;height: 42px; margin: 5px 0; display: block;position: absolute;z-index: 200;right: 10px}
.fiche-patient header {margin: 0 0 30px 0;min-height: 234px;position: relative;background: url(../img/header-patient-modal.jpg) no-repeat;background-size: cover;background-position: bottom center;z-index: 100;clear: both}
.fiche-patient header h2{font-size: 28px;background: white;padding: 8px 192px;text-align: center;position: fixed;width: 100%;box-shadow: 1px 1px 4px rgba(0,0,0,0.5);line-height: 22px;min-height: 63px;color: #e99a48}
.fiche-patient header h2 small{margin: 0;padding: 7px 0 0 0;line-height: 17px;color: #5a94cc;font-style: normal;font-weight: 400}
.fiche-patient header h2 small i{font-weight: 300}
.fiche-patient header .actions{display: none}
.fiche-patient header .actions .button, .fiche-patient header .actions button{min-width: inherit;padding: 0 14px;height: 29px;line-height: 27px;font-size: 13px}
.fiche-patient header .actions .button [class^="icon-"], .fiche-patient header .actions button [class^="icon-"]{margin: 0 3px 0 0;font-size: 17px}
.fiche-patient h3{font-size: 18px;color: #474747;margin: 0 0 15px 0}
.fiche-patient h3 [class^="icon-"]{font-size: 25px;vertical-align: middle;margin-right: 8px}
.fiche-patient h3 small{font-style: italic}
.fiche-patient h3 a{font-size: 13px;text-decoration: underline}
.fiche-patient h3 a:hover{text-decoration: none}
.fiche-patient .card{box-shadow: 2.084px 2.158px 6px 0px rgba(0, 0, 0, 0.28);background: white;padding: 10px 15px;position: relative;margin-bottom: 10px}
.fiche-patient .card p{font-size: 15px;margin: 15px 0}
.fiche-patient .card p small{font-style: italic;font-size: 13px}
.fiche-patient .card p [class^="icon-"]{color:#5a94cc}
.fiche-patient .card strong{font-weight: 500}
.fiche-patient .card h4{color:#6283a1;font-size:15px;font-weight: 500;background: #f3f3f3;padding: 2px 8px}
.fiche-patient .card .title{color:#5a94cc;font-size:15px;font-weight: 300}

.fiche-patient #identification{padding-right: 100px;padding-bottom: 60px ; min-height: 425px;}
.fiche-patient #identification .resume{position: absolute;right: 15px;top:10px;margin: 0;padding: 0;text-align: right;font-size: 15px;font-weight: 300;color:#5a94cc}
.fiche-patient #identification .resume [class^="icon-"]{font-size: 45px;margin-left: 8px}
.fiche-patient #identification .resume small{font-size: 16px;font-style: italic;display: block;padding-bottom: 8px}
.fiche-patient #identification .resume .title{display: block;font-size: 18px;color: #474747;margin: 0;padding-top: 15px}
.fiche-patient #identification .resume .title [class^="icon-"]{font-size: 25px;vertical-align: middle;margin-right: 8px;color:#474747}
.fiche-patient #identification .resume .initial{display: inline-block}
.fiche-patient #identification .resume strong{display: block;color:#3d3d3d;padding-top: 8px}
.fiche-patient #identification .actions{position: absolute;bottom: 0;left: 0;right: 0}
.fiche-patient #identification .actions p{margin-bottom: 2px}
.fiche-patient #identification form{position: absolute;background: white;top: 0;left: 0;right: 0;bottom: 0;padding: 15px;display: none}
.fiche-patient #identification form .field.with-icon label [class^="icon-"]{background: none;color:#5a94cc}

.fiche-patient #envoi_modal_msg_p{font-weight: 600; color : green}

.fiche-patient #prescription h3 small{font-size: 13px;font-style: italic;display: block;color:#5a94cc;text-align: left;margin: -4px 0 0 36px} 
.fiche-patient #prescription small{text-align: right;font-style: italic;font-size: 12px;display: block;margin-top: 15px} 

.fiche-patient #doctors .grp{margin-top:15px;border-bottom:1px solid #cacaca}
.fiche-patient #doctors .grp:last-of-type{border: 0}
.fiche-patient #doctors p{margin: 5px 0;padding-bottom: 5px}

.fiche-patient #equipment .resume{display: table;margin: 10px}
.fiche-patient #equipment .resume>div{display: table-cell;vertical-align: top}
.fiche-patient #equipment .resume>div.visual{padding-left: 8px}
.fiche-patient #equipment .model{text-transform: uppercase;font-size: 14px}
.fiche-patient #equipment .settings{position: relative;padding-left: 35px;font-size: 14px}
.fiche-patient #equipment .settings:before{content:"\e904";display: block;font-family:icomoon;color:#5a94cc;position: absolute;left: 0;top: 0;font-size: 25px}
.fiche-patient #equipment .settings .title{display: block;padding-top: 8px;font-weight: 400;font-size: 15px;padding-bottom: 6px}
.fiche-patient #equipment img{float:right;max-width: 215px}
.fiche-patient #equipment .interface{position: relative;padding-left: 90px!important}
.fiche-patient #equipment .interface:before{content:"Interface(s) :";display: block;position: absolute;left: 0;top:9px;font-weight: 400}
.fiche-patient #equipment .interface img{max-width: 120px}
.fiche-patient #equipment .accessory{position: relative;padding-left: 90px!important}
.fiche-patient #equipment .accessory:before{content:"Accessoire(s) :";display: block;position: absolute;left: 0;top:9px;font-weight: 400}
.fiche-patient #equipment .accessory img{max-width: 120px}
.fiche-patient #equipment .icon-no-photo{font-size: 55px;color:#b1b1b1}

.fiche-patient #last-comments .last-comments{font-size: 14px;margin: 0 0 1px 0;padding: 5px} 
.fiche-patient #last-comments .last-comments .title{color: #5a94cc;font-size: 15px;font-weight: 300} 
.fiche-patient #last-comments .last-comments .title small{color:#5e5e5e;} 
.fiche-patient #last-comments .last-comments p{margin: 0;font-size: 14px} 

.fiche-patient #charts .last-comments .title small{color:#5e5e5e}
.fiche-patient #charts .last-comments p{font-size: 13px;margin: 0 0 20px 0}
.fiche-patient #charts .date-range{max-width: 400px;margin: 0 auto 30px auto;text-align: center;position: relative}
.fiche-patient #charts .date-range:before{content:":";display: block;font-size: 45px;color:#e99a48;position: absolute;left: calc(50% - 6px);top:40px;font-family: "sans-serif"}
.fiche-patient #charts .date-range .title{color:#e99a48;margin: 5px 5px 10px 5px;font-size: 18px;font-weight: 400}
.fiche-patient #charts .date-range .date-range-picker {color: white;text-align: center;width: 73px;position: relative;display: inline-block;margin: 0 20px}
.fiche-patient #charts .date-range .date-range-picker .year{background: #be7e3b;font-size: 18px;border-radius:6px 6px 0 0;cursor: pointer}
.fiche-patient #charts .date-range .date-range-picker .day{background: #e99a48;font-size: 21px;cursor: pointer}
.fiche-patient #charts .date-range .date-range-picker .month{background: #e99a48;font-size: 14px;border-radius: 0 0 6px 6px;line-height: 12px;padding-bottom: 6px;cursor: pointer}

.fiche-patient #charts #date-range-start .date-picker-wrapper.inline-wrapper{top:0;right: 0}
.fiche-patient #charts #date-range-end .date-picker-wrapper.inline-wrapper{top:0;left: 0}

.fiche-patient #charts .data-raw {margin: 35px 0} 
.fiche-patient #charts .data-raw .block{height: 100px;width:100px;margin: 10px auto;background: #f3f3f3; border-radius: 6px;text-align: center;color:#5a94cc;padding-top: 21px;line-height: 28px} 
.fiche-patient #charts .data-raw .block .title{color:#5a94cc;line-height: 13px;font-size: 12px;font-weight: bold;margin-top: 4px} 
.fiche-patient #charts .data-raw .block .value{font-size: 30px;font-weight: 600} 

/* Ajouts EL */
.fiche-patient #charts .last-comments-empty p{font-size: 25px;font-weight: 500;color:#6283a1;text-align: center}

.fiche-patient .card .data-raw-vni .title{font-size:16px;font-weight: 600}
.fiche-patient #charts .data-raw-vni {max-width:75%;text-align: center;margin:auto;display: flex;flex-wrap: wrap;justify-content: space-between}
.fiche-patient #charts .date-range-vni:before{color:#5a94cc; top:80px}
.fiche-patient #charts .date-range-vni .title{color: #5a94cc}
.fiche-patient #charts .date-range-vni .date-range-picker {background: #f3f3f3;color: #5a94cc}
.fiche-patient #charts .date-range-vni .date-range-picker .year{background: #5a94cc;color: #f3f3f3}
.fiche-patient #charts .date-range-vni .date-range-picker .day{background: #f3f3f3}
.fiche-patient #charts .date-range-vni .date-range-picker .month{background: #f3f3f3}
.fiche-patient #charts .date-range-vni .date-range-picker .select-wrapper .month{background: #5a94cc}

.switcher-vni {text-align: center}
.switcher-vni-p95 input:checked + .slider {background-color: #8bb3d8}
.switcher-vni-p95 input:checked + .slider:before {background-color: #5a94cc}
.switcher-vni-p95 input:checked + .slider + .label{color:#5a94cc}
.fiche-patient #charts .switcher {margin:0 25px 15px 25px;display: inline-block}

.fiche-patient #charts .data-raw .block-iah{background: #e99a48;color:white;font-size: 28px;padding-top: 36px}
.fiche-patient #charts .data-raw .block-iah .title{color:white;line-height: 20px;font-size: 12px;font-weight: 500;margin-top: -20px}
.fiche-patient #charts .data-raw .block-utilisation{background: #5a94cc;color:white;font-size: 28px;padding-top: 36px}

.fiche-patient #charts .data-raw .upper-half-block{height: 50px;width:100px;margin: 10px auto;margin-bottom: 0px;background: #e99a48; border-radius: 6px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;text-align: center;padding-top: 2px;line-height: 28px} 
.fiche-patient #charts .data-raw .upper-half-block .title{color:white;line-height: 13px;font-size: 12px;font-weight: 500;margin-top: 4px} 
.fiche-patient #charts .data-raw .upper-half-block .value{color:white;font-size: 25px;font-weight: 500} 

.fiche-patient #charts .data-raw .lower-half-block{height: 50px;width:100px;margin: 10px auto;margin-top: 0px;background: #5a94cc; border-radius: 6px;border-top-left-radius: 0px;border-top-right-radius: 0px;text-align: center;padding-top: 2px;line-height: 28px} 
.fiche-patient #charts .data-raw .lower-half-block .title{color:white;line-height: 13px;font-size: 12px;font-weight: 500;margin-top: 4px} 
.fiche-patient #charts .data-raw .lower-half-block .value{color:white;font-size: 25px;font-weight: 500}

.fiche-patient .chart-vni canvas {height: 250px}
.fiche-patient .chart-vni .graph-vni {height: 350px;overflow: hidden;transition: height 0.3s ease}
.fiche-patient .chart-vni .graph-vni.hidden-vni {height: 30px}
.fiche-patient .chart-vni .graph-vni .toggle-vni{width:100%;cursor: pointer}
.fiche-patient .chart-vni .graph-vni h4 {position: relative;padding-right: 43px;background:#f4f4f4}
.fiche-patient .chart-vni .graph-vni h4 [class^="icon-"]{position: absolute;background: #9a9a9a;color: white;display:block;top: 0;bottom: 0;width: 43px;right: 0;text-align: center;font-size: 10px;line-height: 24px;}
.fiche-patient .chart-vni .graph-vni h4 [class^="icon-"]:before{transform: rotate(180deg);display: inline-block;transition: transform 0.3s ease}
.fiche-patient .chart-vni .graph-vni h4 [class^="icon-"].hidden-vni:before {transform: rotate(0deg)}
.fiche-patient .chart-vni .graph-vni h4 .vni-mediane{color: #e99a48}
.fiche-patient .chart-vni .graph-vni h4 .vni-95centile{color:#5a94cc}
.fiche-patient .chart-vni .graph-vni h4 .vni-iah{opacity: 1;transition: opacity 0.3s ease}
.fiche-patient .chart-vni .graph-vni h4 .vni-iah.iah-hidden{opacity: 0}
#vignette-iah {width:100px; overflow: hidden; transition: width 0.5s ease}
#vignette-iah.iah-hidden {width: 0px}

.fiche-patient .button-link-title-vni {background: white;color:#e99a48;text-decoration: underline;font-size: 16px;font-weight: 400;height: 27px;padding: 0 10px;line-height: 0}
.fiche-patient .button-link-title-vni:focus{outline: none}

#table-patients thead{position: sticky; top: 0; z-index: 20}

/* Fin Ajouts EL */

.fiche-patient #timeline a{display: block;color: #5a94cc;font-size: 13px;position: relative;height: 70px}
.fiche-patient #timeline a .title{font-size: 14px;display: block}
.fiche-patient #timeline a small{color: #5e5e5e;font-size: 13px;font-style: italic;display: block}
.fiche-patient #timeline a:before{content:"";height: 40px;width: 40px;border:1px solid #5a94cc;border-radius: 40px;position: absolute;left: calc(50% - 20px);top:0;background: white}
.fiche-patient #timeline a:after{content:"";height: 30px;width: 2px;position: absolute;left: calc(50% - 1px);background: #989898;top:40px}
.fiche-patient #timeline a .tooltip_content{display: none;font-size: 14px}
.fiche-patient #timeline a:first-of-type, 
.fiche-patient #timeline a:first-of-type .title{color:#e99a48}
.fiche-patient #timeline a:first-of-type:before{border-color: #e99a48}
.fiche-patient #timeline a:last-of-type:after{display: none}
.fiche-patient #timeline a:nth-child(even){text-align: right;padding-right: calc(50% + 40px)}
.fiche-patient #timeline a:nth-child(odd){padding-left: calc(50% + 40px)}
.fiche-patient #timeline a:hover:before{background: #5a94cc}
.fiche-patient #timeline a:first-of-type:hover:before{background: #e99a48}

.fiche-patient #doclist ul{list-style: none;color:#5a94cc;font-size: 14px;margin: 5px 0 15px 0;padding: 0} 
.fiche-patient #doclist ul:last-of-type{margin-bottom: 0} 
.fiche-patient #doclist ul li{margin-bottom: 1px} 
.fiche-patient #doclist ul li:nth-child(odd){background: #f0f0f0} 
.fiche-patient #doclist ul li:nth-child(even){background: #f6f6f6} 
.fiche-patient #doclist ul li:hover{background: #5a94cc;color:white} 
.fiche-patient #doclist ul li:hover a small{color:white} 
.fiche-patient #doclist ul a{color: inherit;padding: 5px 115px 5px 115px;display: block;position: relative}
.fiche-patient #doclist ul a small{color:#777777;font-style: italic;font-size: 13px;display: block;text-align: left;margin-top: 0}
.fiche-patient #doclist ul a .date{font-size: 14px;position: absolute;left: 8px;top: 5px}
.fiche-patient #doclist ul a .cat{font-size: 13px;position: absolute;right: 8px;top: 15px;text-align: right}

.fiche-patient .grp4 {grid-template-columns: 1fr 2fr}

.fiche-patient .field .dropzone p {margin: 1px;}
/*---------------*/
/* Textes légaux */
/*---------------*/
.featherlight-content #output {text-align:justify}

/*-------*/
/*TOOLTIP*/
/*-------*/
.tooltipster-top{margin-top: 10px}
.tooltipster-left{transform:translate(6px)}
.tooltipster-sidetip .tooltipster-box{border:0;font-weight: 300;background: #5a94cc!important;font-size: 13px;max-width: 800px;}
.tooltipster-sidetip.tooltipster-left .tooltipster-box{width: 160px;text-align: center;}
.tooltipster-sidetip .tooltipster-arrow-border{border: 0}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color: #5a94cc!important}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color: #5a94cc!important}
.tooltipster-sidetip.first .tooltipster-box{background: #e99a48!important}
.tooltipster-sidetip.first.tooltipster-top .tooltipster-arrow-background{border-top-color: #e99a48!important}

.tooltip_content pre{font-family: "Open Sans", sans-serif;font-weight: 300!important;font-size: 13px;margin-bottom: 0;}

.error .tooltipster-box{background: #a31818!important}
.warning .tooltipster-box{background: #f9ad35!important}
.valid .tooltipster-box{background: #27981b!important}
.tooltipster-sidetip.error.tooltipster-left .tooltipster-arrow-background{border-left-color: #a31818!important}
.tooltipster-sidetip.warning.tooltipster-left .tooltipster-arrow-background{border-left-color: #f9ad35!important}
.tooltipster-sidetip.valid.tooltipster-left .tooltipster-arrow-background{border-left-color: #27981b!important}

.detail .tooltipster-content{text-transform: uppercase;font-weight: 600;line-height: 33px;}
.detail .tooltipster-content [class^="icon-"]{text-transform: none;font-weight: 300;font-size: 22px;margin-right: 6px;vertical-align: middle;}
.detail .tooltipster-content hr{border-top: 1px solid white;background: none;margin: 5px 0 5px 0;padding:0 0 0 0;height: 2px;}
.detail .tooltipster-content .main-cat{text-align: center;line-height: 19px;margin-top: 5px;}
.detail .tooltipster-content .main-cat [class^="icon-"]{margin: 0;}

.prescription ul{list-style: none;color:#5a94cc;font-size: 14px;margin: 0;padding: 0} 
.prescription ul li{margin-bottom: 1px} 
.prescription ul li:nth-child(odd){background: #f0f0f0} 
.prescription ul li:nth-child(even){background: #f6f6f6} 
.prescription ul li .text{color: #225a90} 
.prescription ul li {color: #5a94cc;padding: 5px 115px 5px 5px;display: block;position: relative;min-height: 31px}
.prescription ul li span{display: block;}
.prescription ul li .date{font-size: 12px;font-style: italic;color:#474747}
.prescription ul li .date [class^="icon-"]{font-size: 17px;vertical-align: middle;}
.prescription ul li .date .icon-check{font-size: 13px}
.prescription ul li.error .date [class^="icon-"]{color:#a31818}
.prescription ul li.warning .date [class^="icon-"]{color:#f9ad35}
.prescription ul li.valid .date [class^="icon-"]{color:#27981b}
.prescription ul li .actions{position: absolute;right: 15px;top: calc(50% - 13px);margin: 0;}
.prescription ul li .actions button, .prescription ul li .actions .button{font-size: 13px;font-weight: 400;line-height: initial;padding: 2px 15px;margin:0;width:auto;min-width: auto; height: auto;background: none;color:#474747;border:1px solid #474747;}
.prescription ul li .actions button [class^="icon-"], .prescription ul li .actions .button [class^="icon-"]{font-size: 16px;margin: -2px 0 0 0;}

.prescription ul li.error .actions button, .prescription ul li.error .actions .button{color:#a31818;border:1px solid #a31818;}
.prescription ul li.error .actions button:hover, .prescription ul li.error .actions .button:hover{background:#a31818;color:white}
.prescription ul li.warning .actions button, .prescription ul li.warning .actions .button{color:#f9ad35;border:1px solid #f9ad35;}
.prescription ul li.warning .actions button:hover, .prescription ul li.warning .actions .button:hover{background:#f9ad35;color:white}

.prescription ul li.valid .actions{top:calc(50% - 16px)}
.prescription ul li.valid .actions button, .prescription ul li.valid .actions .button{border:2px dotted #225a90;color: #225a90;font-size: 12px;line-height: 12px;padding-left: 30px;}
.prescription ul li.valid .actions button:hover, .prescription ul li.valid .actions .button:hover{border:2px solid #225a90;background: #225a90;color:white;}
.prescription ul li.valid .actions button [class^="icon-"],  .prescription ul li.valid .actions .button [class^="icon-"]{font-size: 16px;position: absolute;left: 10px;top: 18px;}

.prescription ul li .waiting{position: absolute;right: 15px;top: calc(50% - 16px);margin: 0;font-size: 23px;color:#27981b}
.prescription ul li .tooltip_content{display: none;font-size: 14px;}

.prescription.tooltipster-left .tooltipster-arrow-background{border-left-color: white!important}
.prescription .tooltipster-box{background: white!important;min-width: 555px;box-shadow: 3px 3px 6px rgba(0,0,0,0.5);}
.prescription .tooltipster-content{text-align: left;padding: 14px;color:#474747}
.prescription .tooltipster-content h3{font-size: 16px;margin-bottom: 20px;}

.legend ul{list-style: none;color:#5a94cc;font-size: 17px;font-weight:400;margin: 0;padding: 0} 
.legend ul li{margin-bottom: 5px} 
.legend.tooltipster-top .tooltipster-arrow-background{border-top-color: white!important}
.legend .tooltipster-box{background: white!important;min-width: 100px;box-shadow: 3px 3px 6px rgba(0,0,0,0.5);}
.legend .tooltipster-content{text-align: left;padding: 5px 10px;color:#474747}
.legend .tooltipster-content .title{font-size: 17px;font-weight: 400;margin-bottom: 10px;text-align: center;}


.interactive .tooltipster-box{min-width: 570px;}
.interactive .tooltipster-content{text-align: left;min-width: 570px;}
.interactive .tooltipster-content a{color: white;font-weight: 400;border-bottom: 2px dotted white;}

.interactive-small .tooltipster-content a{color: white;font-weight: 400;border-bottom: 2px dotted white;}

.dark-blue.tooltipster-top .tooltipster-arrow-background{border-top-color: #3e668c!important}
.dark-blue .tooltipster-box{background: #3e668c!important}
.dark-blue .tooltipster-box ul{margin-bottom: 0;}



/*----*/
/*GRID*/
/*----*/
.featherlight .featherlight-inner[class*=" grid-"], 
.featherlight .featherlight-inner[class^="grid-"]{display: grid}
.grid-align-end{align-self: end;display: block}

/*--------------*/
/*COOKIE CONSENT*/
/*--------------*/
.cc-theme-classic .cc-btn:last-child{font-weight: 100}
.cc-theme-classic .cc-link{color:#f37916!important}

/*---------------*/
/*CHOSEN DROPDOWN*/
/*---------------*/
.chosen-results li{font-weight: 600;}
.chosen-results .group-result{padding-bottom: 2px!important;}
.chosen-results .group-option{border-left:1px solid #444444;margin: 0 0 3px 20px!important;padding-left: 6px!important;font-weight: 300;}

/*-----------------*/
/*DATE RANGE PICKER*/
/*-----------------*/
.date-picker-wrapper.inline-wrapper{position: absolute;color:white;background: #e99a48;font-family: 'Open Sans', sans-serif;padding: 0;border: 0;border-radius: 6px;box-shadow: 2.084px 2.158px 6px 0px rgba(0, 0, 0, 0.28)}
.date-picker-wrapper .drp_top-bar{display: none}
.date-picker-wrapper .month-wrapper{border: 0;background: none;padding: 0}
.date-picker-wrapper .month-wrapper table{margin-bottom: 5px}
.date-picker-wrapper .month-wrapper table .day{font-size: 15px!important}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid{color: white!important}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid.first-date-selected, .date-picker-wrapper .month-wrapper table .day.toMonth.valid.last-date-selected{background: white!important;color:#e99a48!important}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid:hover{background: white!important;color:#e99a48!important}
.date-picker-wrapper table .caption{height: 30px;border-radius: 6px 6px 0 0}
.date-picker-wrapper table .caption th{text-transform: lowercase;height: 20px;font-size: 18px;font-weight: 100;background: #be7e3b;line-height: 28px}
.date-picker-wrapper table .caption th:first-of-type{border-radius: 6px 0 0 0}
.date-picker-wrapper table .caption th:last-of-type{border-radius: 0 6px 0 0}
.date-picker-wrapper .month-wrapper table .week-name{color: #a76521}

/* Ajouts EL */
.date-range-picker-vni .date-picker-wrapper.inline-wrapper{background:#f3f3f3}
.date-range-picker-vni .date-picker-wrapper .month-wrapper table{color:#f3f3f3}
.date-range-picker-vni .date-picker-wrapper table .caption th{background:#5a94cc}
.date-range-picker-vni .date-picker-wrapper .month-wrapper table .week-name{color: #5a94cc}
.date-range-picker-vni .date-picker-wrapper .month-wrapper table .day.toMonth.valid{color: #5a94cc!important}
.date-range-picker-vni .date-picker-wrapper .month-wrapper table .day.toMonth.valid.first-date-selected, .date-picker-wrapper .month-wrapper table .day.toMonth.valid.last-date-selected{background: #5a94cc!important;color:#f3f3f3!important}
.date-range-picker-vni .date-picker-wrapper .month-wrapper table .day.toMonth.valid:hover{background: #5a94cc!important;color:#f3f3f3!important}
/* Fin Ajouts EL */

/*---*/
/*404*/
/*---*/
body.fourofour{background: #3e668c;color:white}
body.fourofour #body > header h1 {color: white;padding-top: 100px}
body.fourofour #body > header h1 .name{display: none}
body.fourofour #body>header .services-icons{font-size: 18px;color: white;display: table;margin: 60px auto 0 auto}
body.fourofour #body>header .services-icons .item{display: table-cell;padding: 0 25px;text-align: center}
body.fourofour #body>header .services-icons [class^="icon-"]{font-size: 80px;text-align: center;width: 134px;height: 134px}
body.fourofour #body>header .services-icons .icon-nutrition{font-size: 120px;line-height: 0;position: relative;top: 30px}
body.fourofour #body>header .services-icons .title{display: table-cell;vertical-align: middle;max-width: 134px;height: 54px;font-weight: 300}
body.fourofour .actions{display: none}
body.fourofour #body > header .services-icons{color: white}
body.fourofour #body > header .logo-airbmed{background-image: url(../img/logo-airbmed-white.png)}
body.fourofour #body > header .logo-airdebretagne{filter:brightness(0) invert(1)}
body.fourofour #main{text-align: center;padding: 30px 10px 0 10px;font-size: 65px}
body.fourofour #main small{text-align: center;font-size: 22px;display: block;padding-top: 10px}
body.fourofour #main small a{color: white;text-decoration: underline}
body.fourofour #main small a:hover{text-decoration: none}


/*------*/
/*LOADER*/
/*------*/
.lds-ring {display: inline-block;position: relative;width: 30px;height: 30px;vertical-align: middle;top: -2px;margin-right: 5px}
.lds-ring div {box-sizing: border-box;display: block;position: absolute;width: 30px;height: 30px;border: 3px solid #fff;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: #fff transparent transparent transparent;}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}

.widget .lds-ring {position: absolute;left: calc(50% - 15px); top:calc(50% - 15px);z-index: 400;}
.widget .lds-ring div{border: 3px solid #3e668c;border-color: #3e668c transparent transparent transparent;}
.widget .lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.widget .lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.widget .lds-ring div:nth-child(3) {animation-delay: -0.15s;}

.dropzone .lds-ring div{border: 3px solid #3e668c;border-color: #3e668c transparent transparent transparent;}
.dropzone .lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.dropzone .lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.dropzone .lds-ring div:nth-child(3) {animation-delay: -0.15s;}

.lds-ring.blue div {border: 3px solid #3e668c;border-color: #3e668c transparent transparent transparent;}

@keyframes lds-ring {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}

/*-------------*/
/*PRINT PREVIEW*/
/*-------------*/
body.page.patients.print.logged #body{padding: 0 10px;}

/*----------*/
/*RESPONSIVE*/
/*----------*/
@media screen and (max-height: 875px) {
    #body > nav{min-height: 875px;position: absolute;}
}

@media screen and (max-height: 895px) and (max-width: 1575px){
    #body > nav{min-height: 895px}
}

@media screen and (max-height: 785px) and (max-width: 1315px){
    #body > nav{min-height: 785px}
}

@media screen and (max-height: 655px) and (max-width: 1260px){
    #body > nav{min-height: 655px}
}

@media screen and (max-width: 2050px) {
    section.dashboard .services-icons{margin-bottom: 0;}
    section.dashboard .services-icons .item {transform: scale(82%);padding: 0 1vw;}
}

@media screen and (max-width: 1875px) {
    .widget.welcome h1{font-size: 40px;}
    section.dashboard .services-icons .item {transform: scale(72%);padding: 0;}

    section.patients{padding: 10px 20px 25px 25px;}
    section.prescriptions{padding: 10px 20px 25px 25px;}
    section.messages{padding: 40px 20px 25px 25px;}
}


@media screen and (max-width: 1675px) {
    section.dashboard {padding: 0px 50px 25px 50px;}

    .widget.welcome{height: auto;padding-top: 15px;}
    .widget.welcome h1{margin: 0;}
    section.dashboard .services-icons{margin-bottom: 0;}

    .table-listing:not(.no-head) thead th{width: auto!important;font-size: 13px;;text-align: center!important;}
    .table-listing:not(.no-head) thead .sorting::after{display: block;margin: 5px 0 0 0;top: 0;}    
    .table-listing:not(.no-head) thead .dropdown div [class^="icon-"]{display: block;} 
    .table-listing:not(.no-head) thead th.signature{width: 50px!important}
    .table-listing:not(.no-head) tbody tr td:not(.signature){white-space: normal;font-size: 13px;text-align: center!important;}
    .table-listing:not(.no-head) tbody tr td [class^="icon-"]{display: block;width: 37px;margin: 5px auto;text-align: center;}
    .table-listing:not(.no-head) tbody tr td.cat [class^="icon-"]{width: auto;}
    .table-listing:not(.no-head) tbody tr:hover td{font-weight: 300;}
    .table-listing:not(.no-head) tbody tr:hover td.cat{font-weight: 600;}
    .table-listing:not(.no-head) tbody tr:hover td.name{font-weight: 600;}
}

@media screen and (max-width: 1575px) {
    #body > nav{width: 260px;}
    body.logged #body{padding-left: 260px;}
    .widget.welcome h1{font-size: 36px;}    

    #body > nav ul li.contact a{height: auto;}

    section.signin {grid-template-columns: 350px calc(100% - 390px); padding: 20px 15px 15px 15px}

    .fiche-patient .grp1{grid-template-columns:1fr 1fr}
    .fiche-patient .grp1 #prescription{width: calc(200% + 1rem)}
}

@media screen and (max-width: 1470px) {
    .widget.welcome{grid-column: auto/span 3;}

    .widget .indicator{font-size: 16px;}
    .widget .indicator [class^="icon-"]{font-size: 30px;}
    .widget .indicator .icon-check{font-size: 20px;}
    .widget .indicator .item .value{top: 0;left: 1px;}

    .widget.news{grid-row: auto/span 1;}

    .widget .graphs .title{font-size: 14px;}
    .widget .graphs .graph{width: 80px;}

    .widget.news .title small{display: none;}

    .table-filters .search-field .search-field{width: 480px;}
    .table-filters .search-field .actions{left: 477px;}
}

@media screen and (max-width: 1315px) {
    .widget .indicators{margin-top: 15px;padding: 0 5px;}
    .widget .indicator{text-align: left;margin-bottom: 5px;}
    .widget .indicator .title{display: block;margin-bottom: 3px;}

    #body > nav .logo-airbmed{width: 154px;height: 64px;}
    #body > nav ul{padding-top: 10px;}
    #body > nav ul li.contact a{font-size: 13px;}
    #body > nav footer ul li a{font-size: 10px;}

    section.dashboard{padding: 0px 20px 25px 25px;}
    
    .widget h2{font-size: 16px;}
    .widget h2.with-subtitle{line-height: 31px;}
    .widget h2.with-subtitle small{display: none;}

    .library-grid{padding: 0 15px 0 15px}
}

@media screen and (max-width: 1260px) {
    .table-filters{height: 75px;}
    .table-filters .filter{float: none;top: 40px;margin: 0 auto;}    
    
    #body > nav{width: 190px;}
    #body > nav ul li a{font-size: 15px;height: 40px;line-height: 40px;}
    #body > nav ul li a [class^="icon-"]{font-size: 15px!important;width: 35px;}
    #body > nav ul li.contact a{padding-right: 47px}

    #body > nav .actions .button, #body > nav .actions button{padding: 2px 9px;font-size: 13px;}
    #body > nav .actions .button [class^="icon-"], #body > nav .actions button [class^="icon-"]{margin: -3px 2px 0 0;font-size: 17px;}

    #body > nav ul li.current::before{right: -13px;height: 40px;}    
    #body > nav ul li.current::after{width: 13px;height: 13px;top: 13px;right: -5px;}

    #body > nav footer .logo-airdebretagne{width: 147px;height: 47px;}
    body.logged #body{padding-left: 190px;}

    section.dashboard .table-filters{height: 33px;}
}

@media screen and (max-width: 1150px) {    
    [class*=" grid-"].has-gutter-xl, [class^="grid-"].has-gutter-xl{grid-gap: 2rem}
    [class*=" grid-"].has-gutter-l, [class^="grid-"].has-gutter-l{grid-gap: 2rem}
    [class*="grid-4"]{grid-template-columns:repeat(3,1fr)}    
}


@media screen and (max-width: 1024px) {
    section.signin .register .actions{position: static;}

    .fiche-patient .grp1{grid-template-columns:3fr}
    .fiche-patient .grp1>div{width: auto;margin-top: -10px}
    .fiche-patient .grp1 #prescription{width: auto}
    
    .fiche-patient .grp2 .grid-3{grid-template-columns:3fr}
    .fiche-patient .grp3 .grid-2{grid-template-columns:2fr}
    .fiche-patient .grp4 {grid-template-columns:2fr}    

}

@media screen and (max-width: 800px) {
    [class*="grid-4"]{grid-template-columns:repeat(2,1fr)}
       
    .fiche-patient header h2{font-size: 23px}
    .fiche-patient .grp2 .grid-2{grid-template-columns:2fr}
}


@media screen and (max-width: 500px) {
    [class*="grid-4"]{grid-template-columns:repeat(1,1fr);display: grid}  
    
    .featherlight .featherlight-content{max-height: inherit}
    .featherlight.modal-editorial .featherlight-content{top:0;bottom: 0;right: 0;left: 0}
    .featherlight.modal-patient .featherlight-content{top:0;bottom: 0;right: 0;left: 0}
    .featherlight.modal-patient .featherlight-content .featherlight-close{top:0;right: 0}
    
    .featherlight.modal-patient .fiche-patient header h2{width: 100%}
    .fiche-patient header h2{width: 100%}
    
}

@media print {
    body.logged #body{padding-left: 0;}
    body{background: white;display: block}

    html.with-featherlight{overflow: visible}
    #body{position: static;display: block}
    #body nav{display: none}

    .featherlight.modal-patient{background: white!important;position: static!important}
    .featherlight.modal-patient .featherlight-content{position: static;width:100%}    
    .featherlight.modal-patient .featherlight-content .featherlight-close{display: none}

    .fiche-patient .card{box-shadow: none!important;border:1px solid #acacac;border-radius: 5px}    
    .fiche-patient header{background: none!important;min-height: inherit;margin: 0 0 10px 0}
    .fiche-patient header h2{background: #5a94cc!important;color:white;box-shadow:none!important;position: static!important;margin: 0;min-height: 52px;line-height: 23px;font-size: 17px;padding: 8px 132px}
    .fiche-patient header h2 .name{color:white;font-size: 17px}
    .fiche-patient header h2 small{color:white;font-size: 14px}
    
    .fiche-patient h3{font-size: 12px;margin: 0 0 3px 0}
    .fiche-patient h3 [class^="icon-"]{font-size: 11px;margin-right: 2px}
    .fiche-patient .card .title{font-size: 10px}
    .fiche-patient .card p{font-size: 10px;margin: 7px 0}
    .fiche-patient .card p.secu{display: none}
    .fiche-patient .card p small{font-size: 10px}
    .fiche-patient .card h4{font-size: 10px}

    .fiche-patient #identification{padding-bottom: 0;min-height: 167px}
    .fiche-patient #identification .resume{font-size: 11px}
    .fiche-patient #identification .resume [class^="icon-"]{font-size: 27px}
    .fiche-patient #identification .resume small{font-size: 12px}
    .fiche-patient #identification .resume .title{font-size: 11px;padding-top: 4px}
    .fiche-patient #identification .resume .title [class^="icon-"]{font-size: 15px;margin-right: 2px}
    .fiche-patient #identification .actions{display: none}

    .fiche-patient #doctors{padding-bottom: 0}
    .fiche-patient #doctors .grp{display: none;border: none}
    .fiche-patient #doctors .grp:first-of-type{display: block}

    .fiche-patient #equipment .resume{display: none}
    .fiche-patient #equipment .resume:first-of-type{display: block}
    .fiche-patient #equipment .grid-2{grid-template-columns: 1fr 1fr;grid-gap: 1em;display: none}
    .fiche-patient #equipment .grid-3 div:first-of-type{grid-area: a}
    .fiche-patient #equipment .grid-3 div.interface{grid-area: b}
    .fiche-patient #equipment .grid-3 div.accessory{grid-area: c}
    .fiche-patient #equipment .grid-3{grid-template-columns:2fr 1fr 1fr; grid-template-areas:"a b b" "a c c"}
    .fiche-patient #equipment img{max-width: 165px}
    .fiche-patient #equipment .interface img{max-width: 60px}
    .fiche-patient #equipment .accessory img{max-width: 60px}
    .fiche-patient #equipment .model{font-size: 10px}
    .fiche-patient #equipment .settings{font-size: 11px;padding-left: 23px;white-space: nowrap}
    .fiche-patient #equipment .settings .title{font-size: 12px;padding: 1px 0 2px 0}
    .fiche-patient #equipment .settings::before{font-size: 15px}
    .fiche-patient #equipment .interface{padding-left: 63px!important}
    .fiche-patient #equipment .interface::before{font-size: 11px;content:"Interface :"}
    .fiche-patient #equipment .accessory{padding-left: 63px!important}
    .fiche-patient #equipment .accessory::before{font-size: 11px;content:"Accessoire :"}

    .fiche-patient .grp1{grid-template-columns:1fr 1fr;margin: 0 10px 10px 10px}
    .fiche-patient .grp1>div{width: auto;margin: 0px}
    .fiche-patient .grp1 #prescription{width: calc(200% + 1rem)} 
    .fiche-patient #prescription small{margin-top: -20px}
    .fiche-patient #prescription h3 small{display: inline-block;font-size: 11px;margin: 0 0 0 2px}
    .fiche-patient #prescription ul a{font-size: 11px;min-height: 29px}
    .fiche-patient #prescription ul a small{font-size: 10px}
    .fiche-patient #prescription ul a .date{font-size: 10px}
    .fiche-patient #prescription ul li{background: #f6f6f6!important}
    .fiche-patient #prescription ul li:hover{background: #f6f6f6!important;color: #5a94cc!important}

    .prescription ul li .actions {display: none;}
    .prescription ul li .waiting {display: none;}
    
    .fiche-patient #last-comments .last-comments .title{font-size: 11px}
    .fiche-patient #last-comments .last-comments p{font-size: 11px}
    
    .fiche-patient #charts .last-comments{display: none}
    .fiche-patient #charts .last-comments:first-of-type{display:block}    

    .fiche-patient .grp2{margin: 0 10px 10px 10px;padding-bottom: 0}
    .fiche-patient .grp2 .grid-2{grid-template-columns: 2fr}
    .fiche-patient .grp2 .grid-3{grid-template-columns:3fr}

    .fiche-patient .grp3{margin: 0 10px 10px 10px}

    .fiche-patient .grp4 {display: none}    

    .fiche-patient .card h4{background: #f3f3f3!important}
    .fiche-patient #charts .date-range{display: none}
    .fiche-patient #charts .data-raw{grid-template-columns: 1fr 1fr 1fr 1fr;margin: 5px 0}
    .fiche-patient #charts .data-raw .block{height: 95px;width: 92%;line-height: 23px}
    .fiche-patient #charts .data-raw .block .value{font-size: 17px}
    .fiche-patient #charts .data-raw .block .title{font-size: 10px;font-weight: 300}
    .fiche-patient #charts .last-comments p{font-size: 11px}
    .fiche-patient #charts .no-data{display: none}
    .fiche-patient #charts .data-raw .block{background: #f3f3f3!important}
    .fiche-patient #charts canvas{width: 100%!important;height: 200px!important;margin: auto}

    .fiche-patient #doclist ul li:nth-child(2n){background: #f6f6f6!important}
    .fiche-patient #doclist ul li:nth-child(2n):hover{background: #5a94cc!important}
    .fiche-patient #doclist ul li:nth-child(2n+1){background: #f0f0f0!important}
    .fiche-patient #doclist ul li:nth-child(2n+1):hover{background: #5a94cc!important}

    [class*=" grid-"].has-gutter-xl, [class^="grid-"].has-gutter-xl{grid-gap: 1rem}
    
    .nodata::after{font-size: 14px}

/*
    #equipment{break-before: always}
    #equipment{page-break-before: always}
*/
/*
    #charts{break-before: always}
    #charts{page-break-before: always}
*/
    #charts canvas{display: block; break-inside: avoid}
    #charts canvas{display: block; page-break-inside: avoid}


    /* Ajouts EL */
    .fiche-patient #charts .last-comments-empty p{font-size: 12px}
    
    .switcher-vni{display: none}
    .fiche-patient .chart-vni .graph-vni{height: 230px}
    .fiche-patient .chart-vni .graph-vni h4 [class^="icon-"]{display: none}

    .fiche-patient .card .data-raw-vni .title {font-size: 12px;font-weight: 300}
    .fiche-patient #charts .data-raw-vni{margin: auto}
    .fiche-patient #charts .data-raw-vni .block{width: 75px}
    .fiche-patient #charts .data-raw-vni div[class$="block"]{width: 75px}
    .fiche-patient #charts .data-raw .block-iah{font-size: 12px;height: 90px;background: #e99a48!important;color:white!important}
    .fiche-patient #charts .data-raw .block-utilisation{font-size: 12px;height: 90px;background: #5a94cc!important;color:white!important}
    .fiche-patient #charts .data-raw .block-iah .value{font-size: 12px}
    .fiche-patient #charts .data-raw .block-utilisation .value{font-size: 12px}
    .fiche-patient #charts .data-raw .upper-half-block{height: 45px;line-height: 23px;background: #e99a48!important}
    .fiche-patient #charts .data-raw .lower-half-block{height: 45px;line-height: 23px;background: #5a94cc!important}
    .fiche-patient #charts .data-raw .upper-half-block .value{font-size: 12px}
    .fiche-patient #charts .data-raw .lower-half-block .value{font-size: 12px}
    .fiche-patient .graph-vni{display: none}
    /* Fin Ajouts EL */
}


@page {
  size: A4 portrait;
  margin: 1cm 1cm;
}