/* UTILITY */
p.medium { font-size: 16px; }

.img-force { min-width: 100%; }

.mfp-counter { visibility: hidden; }

.iconlist li { font-size: 16px; line-height: 1.5; margin-bottom: 10px; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

ul.text, ol.text { margin: 10px 15px; line-height: 1.8; }

ul.text ul, ul.text ol, ol.text ul, ol.text ol { margin: 5px 15px; }

.form-margin { margin-bottom: 15px; }

.page-header { margin: -25px 0 20px !important; }

/* header */
.top-header { background-color: #0075D1; font-family: Arial, Helvetica,'Nimbus Sans L',sans-serif; }

.top-header .container { background: url(/__assets/_img/UN.png) no-repeat right -28px; }

.top-header h1 { height: 110px; line-height: 90px; padding-left: 150px; background: url(/__assets/_img/logo-en.png) no-repeat center left; color: #fff; font-size: 26px; font-weight: bold; }

.top-header h2 { position: absolute; left: 165px; top: 92px; margin: 0; font-size: 18px; color: #fff; }

/* header */
.headers { background-color: #0075D1; font-family: Arial, Helvetica,'Nimbus Sans L',sans-serif; }

.headers .container { background: url(/__assets/_img/UN.png) no-repeat right -28px; }

.headers h1 { height: 110px; line-height: 90px; padding-left: 150px; background: url(/__assets/_img/logo-en.png) no-repeat center left; color: #fff; font-size: 26px; font-weight: bold; }

.headers h2 { position: absolute; left: 165px; top: 92px; margin: 0; font-size: 18px; color: #fff; }

.fr .top-header h1 { background: url(/__assets/_img/logo-fr.png) no-repeat center left; }

.fr .headers h1 { background: url(/__assets/_img/logo-fr.png) no-repeat center left; }

.fixNavigation { z-index: 9999; position: fixed; top: 0; vertical-align: middle; width: 100%; }

/* Unesco Report */
.unesco-report h3, .unesco-report h2 { font-weight: bold; text-align: left; }

.unesco-report tr.tophead th.top { vertical-align: top; border-bottom: 0px solid #B5CDE2; }

.unesco-report tr.tophead div { float: left; color: #597FA0; }

.unesco-report tr.tophead div.high { float: right; text-align: right; margin-right: 10px; color: #597FA0; }

.unesco-report tr.tophead div.limited { float: left; margin-left: 80px; color: #597FA0; }

.unesco-report tr.tophead h1 { font-size: 26px; }

.unesco-report tr.tophead td { vertical-align: bottom; font-weight: bold; font-size: 95%; }

.unesco-report tr.head td { vertical-align: bottom; font-weight: bold; border-bottom: 1px solid #333333; }

.unesco-report tr.data td { vertical-align: center; padding: 2px 0; }

.unesco-report td.dat { width: 50px; text-align: center; border: 1px solid #B5CDE2; }

.unesco-report td.summary-left { font-weight: bold; text-align: right; padding-right: 20px !important; }

.unesco-report .summary-top td { line-height: 22px; font-weight: bold; }

.unesco-report .now { background-color: #B5CDE2; width: 75px; border-bottom: 0px solid #B5CDE2; }

.unesco-report small { font-size: 12px; }

.unesco-report table tr:nth-child(even) > td.now { background-color: #D0E1EF; }

.unesco-report td.now .label { font-size: 13px; padding: 3px 7px 2px; line-height: 16px; }

.unesco-report table > thead th.now { border-left: 1px solid #B5CDE2; border-right: 1px solid #B5CDE2; border-top: 1px solid #B5CDE2 !important; background: #fafafa; color: #557D92; text-align: center; }

.unesco-report table tbody.tbody-bordered { border: 1px solid #B5CDE2; }

.unesco-report table .spacer { background: #fff; border-left: 0 !important; border-right: 0 !important; }

.unesco-report table tbody tr th { border: 1px solid #B5CDE2 !important; }

.unesco-report table .first { position: relative; margin-top: 20px; }

.unesco-report table .second { margin-top: 20px; }

.unesco-report .convention-level { position: absolute; margin-top: 36px; margin-left: 200px; color: #597FA0; font-weight: bold; text-align: right; }

/* Questionnaire Datatable */
.questionnaire-datatable td.highlight { background-color: Whitesmoke !important; }

.guage { text-align: center; position: relative; margin-top: 20px; }

.guage .guage-border { display: inline-block; border: 1px solid #999; border-right: none; line-height: 1px; position: relative; }

.guage .guage-scale { display: block; width: 600px; background: #ddd; line-height: 1px; text-align: left; }

.guage .guage-scale .tick { display: inline-block; width: 6px; height: 7px; position: relative; border-right: 1px solid #999; }

.guage .guage-scale .tick.tall { height: 10px; }

.guage .guage-scale .tick.highlight { background-color: #FF0; height: 12px; }

.guage .guage-label { position: absolute; color: #597FA0; font-weight: bold; left: -40px; top: 15px; }

.guage .numbers { position: relative; height: 13px; line-height: 13px; width: 600px; margin: 0 auto; font-weight: bold; }

.guage .numbers .first { display: inline-block; width: 5%; text-align: left; font-size: 11px; font-family: arial; border-left: #666; }

.guage .numbers .last { display: inline-block; width: 5%; text-align: right; font-size: 11px; font-family: arial; }

.guage .numbers .internal { display: inline-block; width: 10%; text-align: center; font-size: 11px; font-family: arial; }

.guage .guage-rating { display: block; position: relative; width: 600px; height: 30px; border-right: 1px solid #999; border-top: 1px solid #999; background: #f8f8f8; }

.guage .guage-rating .bar { position: absolute; box-shadow: inset 0px 0px 13px 1px rgba(0, 0, 0, 0.25); }

.guage .guage-rating .benchmark { right: 0px; height: 30px; background: #4fcc33; }

.guage .guage-rating .compliant { height: 20px; top: 5px; background-color: #f9f640; border: 1px solid #666; }

.guage .guage-rating .non-compliant { height: 20px; top: 5px; background-color: red; border: 1px solid #666; }

.guage.guage-small { margin-top: 0; }

.guage.guage-small .guage-rating { height: 17px; border: 1px solid #ddd; margin: auto; width: 100%; }

.guage.guage-small .guage-rating .bar { box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.25); }

.guage.guage-small .guage-rating .benchmark { height: 15px; }

.guage.guage-small .guage-rating .compliant, .guage.guage-small .guage-rating .non-compliant { height: 7px; top: 4px; border: none; }

.label-rating-1 { background-color: #D9534F; }

.label-rating-2 { background-color: #F0AD4E; }

.label-rating-3 { background-color: #777777; }

.label-rating-4 { background-color: #0075D1; }

.label-rating-5 { background-color: #5CB85C; }

.label-normal { font-weight: normal; }

.no-print { display: block; }

.print-only { display: none; }

@media print { .no-print { display: none; }
  .print-only { display: block; }
  h1:before, h1:after { color: #fff !important; }
  .table-condensed tr .label, .table-condensed td .label { border: none !important; }
  .end-page { page-break-after: always; } }

.finePrint { font-family: helvetica, arial, sans-serif; font-size: 10px; color: #666666; line-height: 1.5; }

.login-form { margin-top: 100px; }

.login-form h1.title { margin: 0; padding: 0 20px 0 10px; height: 37px; line-height: 37px; background: #6691b7 url(/__assets/_img/title-right.png) no-repeat right top; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; float: left; }

ul.dropdown-menu > li a:hover { color: #fff; background-color: #08c !important; }

.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.survey-form { position: relative; background-color: #f8f8f8; padding: 15px; border-radius: 6px; box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.5); }

.survey-form .titre { font-weight: bold; color: #0075D1; font-size: 1.4em; }

.survey-form .questions h5 { margin-top: 20px; font-weight: bold; font-style: italic; }

.survey-form .questions .q-container { margin-top: 20px; margin-bottom: 30px; font-size: 1.1em; }

.survey-form .questions .q-container .q-number { width: 40px; float: left; padding-right: 4px; font-weight: bold; }

.survey-form .questions .q-container .q-text { margin: 0px 0px 20px 40px; font-weight: bold; }

.survey-form .questions .q-container .q-text .tip { text-decoration: none; color: inherit; border-bottom: 1px dashed #337ab7; }

.survey-form .questions .q-container .choices { font-size: 1em; margin-left: 40px; }

.survey-form .questions .q-container .complement { margin-left: 20px; font-style: italic; color: #666; }

.survey-form .questions .q-container .complement textarea { font-style: normal; width: 75%; }

.survey-form .questions .q-container .complement .error { margin-left: 0px; }

.survey-form .questions .q-container .form-group.q-open { margin: 20px 20px 20px 40px; width: 80%; }

.survey-form .questions .q-container .error { margin-left: 40px; font-style: italic; font-weight: bold; color: #a94442; }

.survey-form .questions.voluntary .q-number { display: none; }

.survey-form .questions.voluntary .q-text { margin-left: 0; }

.survey-form .choices a { text-decoration: none; color: #000; font-weight: bold; }

.survey-form .nav-button { margin: 10px 0px 10px 0px; }

.survey-form .reference { /*font-size:13px;*/ color: #666; background: #eaeaea; margin: -15px 0; padding: 15px; border-radius: 0 6px 6px 0; text-align: justify; }

.survey-form .reference h4 { text-align: left; }

.survey-form .reference h3 { margin-top: 0; font-size: 16px; line-height: 1.4em; border-bottom: 1px solid #ddd; padding-bottom: 10px; text-align: left; }

.survey-form .progress { height: 35px; margin-top: 40px; margin-bottom: 40px; background: #e1e1e1; }

.survey-form .progress .progress-bar { height: 35px; }

.survey-form .progress .progress-bar span { position: absolute; line-height: 35px; left: 47%; color: #fff; font-weight: bold; display: inline-block; padding: 0px 5px; background: #000; background: rgba(0, 0, 0, 0.7); }

.question-modal div.col-md-2 { margin: 2px 0px 0px 0px; }

.question-modal div.col-md-6 { margin: 2px 0px 0px 0px; }

.question-modal div.col-md-8 { margin: 2px 0px 0px 0px; }

.question-modal .modal-dialog { overflow-y: initial !important; }

.modal { z-index: 10050; }

.table-review .q-choice { padding-left: 28px; font-size: 13px; }

.table-review .q-choice .glyphicon { margin-left: -28px; font-size: 14px; }

.table-review .q-choice.chosen { color: #0075D1; font-weight: bold; }

.table-review .q-open { font-size: 0.95em; font-style: italic; }

.table-review .q-complement { font-size: 0.95em; font-style: italic; padding: 2px 4px; margin-left: 24px; border: 1px solid #ddd; width: 80%; }

.tooltip { z-index: 10000; }