/* open-sans-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/ext/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/ext/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/ext/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/ext/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('/ext/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/ext/fonts/open-sans-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* treeview du plan de classement d une collection (https://www.cssscript.com/minimalist-tree-view-pure-css/) */
.mytree ul {
    margin-left: 20px;
}
.mytree li {
    list-style-type: none;
    margin:10px;
    position: relative;
}
.mytree li::before {
    content: "";
    position: absolute;
    top:-7px;
    left:-20px;
    border-left: 1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-radius:0 0 0 0px;
    width:20px;
    height:15px;
}
.mytree li::after {
    position:absolute;
    content:"";
    top:8px;
    left:-20px;
    border-left: 1px solid #ccc;
    border-top:1px solid #ccc;
    border-radius:0px 0 0 0;
    width:20px;
    height:100%;
}
.mytree li:last-child::after  {
    display:none;
}
.mytree li:last-child:before{
    border-radius: 0 0 0 5px;
}
ul.mytree>li:first-child::before {
    display:none;
}
ul.mytree>li:first-child::after {
    border-radius:5px 0 0 0;
}
.mytree li a {
    border: 1px #ccc solid;
    border-radius: 5px;
    padding:2px 5px;
}
.mytree li a:hover, .mytree li a:hover+ul li a,
.mytree li a:focus, .mytree li a:focus+ul li a {
    background: rgb(217, 237, 247); color: #000; border: 1px solid #000;
}

/* bloc de citation */
#citation-text {
    padding: 20px;
    color: black; 
}

/* caractere font-awesome home pour ol-ext */
.fa-home::before {
    content: url('/exist/crdo/img/home.png');
}
article {
    padding-bottom: 50px;
}
.home {
    right: 50%;
    top: .5em;
}
body {
    text-align: left;
    font-family: "Open sans";
}
h1, h2, h3, h4, h5 {
    color:#0072bc;
    font-weight:bold;
}

h3 {
    padding-bottom: 20px;
    padding-top: 10px;
}
.page {
    padding-top:70px;
    min-height: 550px;
}
footer {
    background-color: #337ab7;
    color:white;
}
footer * {
    color:white;
}
.facet-search-form {
    display: inline;
}
.facet-search-form button {
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
.cocoon-button-label{
    padding: 6px;
}
.navigationbar {
    background-color: #337ab7;
    color:white;
}
#bandeau {
    background-color: #567a98;
    max-height: 140px;
    margin: 0;
}

.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.swiper-pagination {
    position: relative !important;
    padding-bottom: 15px;
    padding-top: 15px;
}

.btn-circle {
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 28px;
  line-height: 1.65;
  border-radius: 30px;
}
.static-box {
    width: 300px;
    height: 120px;
    margin: 20px;
    display: inline-table;
    padding: 20px;
}
.static-box-legend {
    font-size: 15px;
    font-family: 'Open sans';
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ui-autocomplete {
    z-index: 9999;
}
/******************** elements pour un concordancier ***************************/
.leftContext {
    text-align: right;
}
/******************** elements pour les transcriptions ***************************/
.vignette {
    max-height: 130px;
    width:110px;
}
.imgLeft {
	float: left;
	padding-right:10px;
}
.imgRight {
	float: right;
	padding-right:20px;
	padding-left:20px;
}
.ficheinfo {
    background-color: rgb(217, 237, 247);
}
/******************** pour icon de pleasewait ***************************/
.pleasewait {
    color: grey;
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
/******************** elements pour les transcriptions ***************************/
.cocoon-transcription {
    background-color: rgb(217, 237, 247);
    box-shadow: 10px 10px 10px -5px rgba(0,0,0, 0.5);
    border-radius: 4px;
}
.hilite {
	background-color:#337ab7;
}
.it {
}
.transcriptTable { 
	border-collapse:collapse;
	vertical-align:middle;
	background-color: whitesmoke;
}
.segmentInfo {
	background-color:#000000;
	color:White;
	vertical-align:top;
	padding-left: 4px;
	padding-right: 4px;
}
.segmentContent {
	border: solid 3px white;
}
.translation {
	text-align:left;
}
.transcription {
	text-align:left;
	font-weight: bold;
}
.note {
    font-size: 90%;
    font-style: italic;
    border-left: 6px solid #337ab7;
    padding-left: 6px;
    margin-top: 2px;
}
.word { 
	border-collapse: separate ;
	display: inline-table;
	text-align:left;
}
.morpheme { 
	border-collapse: separate ;
	display: inline-table;
	text-align:left;
}
.word_form {
	background-color: rgb(217, 237, 247);
	border: solid lightblue;
	text-align:left
}
.word_transl {
	background-color: rgb(217, 237, 247);
	border: solid lightblue;
	text-align:left
}
.m_form {
	background-color: rgb(217, 237, 247);
	white-space:  nowrap;
	border: solid 1px lightblue;
	border-left: solid 1px white;
}
.transcriberEvt {
	color:blue;
	font-size:smaller;
}
.speaker { 
	color:#1D98C4;
	font-weight:bold;
}


/******************** elements pour les maps ***************************/

.point { font-family:verdana,helvetica,arial;font-size:11px; border:solid 0px black; background-color:#EBEBEB;}
.ol-popup h1 { font-size: 10pt; color: #006;     margin:0px 0px 10px 0px; font-weight:bold; text-align:justify;}
.ol-popup h2 { font-size: 8pt; color: #B7245B;     margin:0px 0px 3px 0px; font-weight:bold; text-align:justify;}
.ol-popup p, .ol-popup ol { font-size: 8pt; color: #363636;	 margin:0px 0px 4px 8px;}
.ol-popup a { color: #696969; text-decoration:none;}
.ol-popup a:hover { text-decoration:underline; }

#logo { height:30px; position: relative; top: 0; left: 298px; margin: 0; padding:0; border:0;	}
#themap {width: 100%; height: 100%; margin: 0;}

.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    padding-top: 25px;
    border-top-left-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 0px;
    left: 0px;    
    height:200px; width:320px;
    margin:8px 0px 5px 0px; font-family:verdana,helvetica,arial;

    resize: both;
    overflow: auto;
    display: none;
}
#popup-content {
    margin:5px; 
    height:100%; width:100%;
}
#popup-content div {
    margin-right:5px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 6px;
    right: 6px;
    width:17px;
    height:17px;
}

.morecontent span {
    display: none;
}

div.modal-body {
    overflow-y: auto;
    max-height: none;
    padding: 15px;
}

.modal-open .modal-backdrop.in { 
    opacity: .0
}
.mydrop {
    float: right;
}
.myrubrique {
    padding-top: 20px;
    padding-bottom: 40px;
}

.table-statistiques tbody {
    text-align: center;
}
.table-statistiques tbody tr td {
    border-top: 0;
    border-bottom: 0;
    padding: 0;
}
.table-statistiques tfoot tr th {
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}
.table-statistiques td + td,
.table-statistiques th + th {
    border-left:1px solid #ddd;
}

/* pour que la dialog modal du login puisse avoir le focus avec un navbar fixed */
.modal-backdrop {
  z-index: -1;
}


.my-navbar {
    background-color: #337ab7;
    box-shadow: 0 5px 5px -5px rgba(0,0,0, 0.5);
}
.my-navbar .navbar-brand {
    color: #fff;
}
.my-navbar .navbar-brand:hover, .my-navbar .navbar-brand:focus {
    color: rgba(135, 181, 222);
}
.my-navbar .navbar-text {
    color: #fff;
}
.my-navbar .navbar-nav > li > a {
    color: #fff;
}
.my-navbar .navbar-nav > li > a:hover, .my-navbar .navbar-nav > li > a:focus {
     color: #000;
    /* background-color:#B05800; */
}
.my-navbar .navbar-nav > li > .dropdown-menu {
    background-color: #337ab7;
}
.my-navbar .navbar-nav > li > .dropdown-menu > li > a {
    color: #fff;
}
.my-navbar .navbar-nav > li > .dropdown-menu > li > a:hover,
.my-navbar .navbar-nav > li > .dropdown-menu > li > a:focus {
     color: #000;
     /* background-color: #004182; */
}
.my-navbar .navbar-nav > li > .dropdown-menu > li > .divider {
    background-color: #69899f;
}
.my-navbar .navbar-nav > .active > a, .my-navbar .navbar-nav > .active > a:hover, .my-navbar .navbar-nav > .active > a:focus {
     color: #000;
     /* background-color: #B05800; */
}
.my-navbar .navbar-nav > .open > a, .my-navbar .navbar-nav > .open > a:hover, .my-navbar .navbar-nav > .open > a:focus {
     color: #000;
     background-color: rgba(135, 181, 222);
}
.my-navbar .navbar-toggle {
    border-color: rgba(135, 181, 222);
}
.my-navbar .navbar-toggle:hover, .my-navbar .navbar-toggle:focus {
    background-color: rgba(135, 181, 222);
}
.my-navbar .navbar-toggle .icon-bar {
    background-color: #d7e2e9;
}
.my-navbar .navbar-collapse,
.my-navbar .navbar-form {
    border-color: #d7e2e9;
}
.my-navbar .navbar-link {
    color: #d7e2e9;
}
.my-navbar .navbar-link:hover {
    color: #000;
}
.my-navbar .navbar-login {
    color: #fff;
}
.my-navbar .navbar-login:hover * {
    color: rgba(135, 181, 222);
}
@media (max-width: 767px) {
 .my-navbar .navbar-nav .open .dropdown-menu > li > a {
   color: #fff;
 }
 .my-navbar .navbar-nav .open .dropdown-menu > li > a:hover, .my-navbar .navbar-nav .open .dropdown-menu > li > a:focus {
   color: #000;
 }
 .my-navbar .navbar-nav .open .dropdown-menu > .active > a, .my-navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .my-navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
   color: #fff;
   /*background-color: #425766; */
 }
}