/* Fonts */

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css");

@font-face {
    font-family: "Open-sans";
    src: url("../font/OpenSans-Regular.ttf");
}
@font-face {
    font-family: "Open-sans-light";
    src: url("../font/OpenSans-Light.ttf");
}

/* General */
body {
    font-family: "Open-sans";
}

p {
    font-family: "Open-sans-light";
}

header {
    padding: 156px 0 100px;
}
  
section {
    padding: 50px 0px 275px 0px;
}

/* layout */
.header-bg {
    background-position:center;
    background-image: url("../img/headerCTTJ-blank.jpg");
    background-size: cover;
    height: 320px;
    -webkit-box-shadow: 0px 5px 8px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 8px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 8px 1px rgba(0,0,0,0.2);    
}

.bg-logo-cttj,
.bg-logo-jurisprudence,
.bg-logo-jurisprudence_en {
    position: relative;    
    background-repeat: no-repeat;
}

.bg-logo-cttj {    
    background-image: url("../img/logo-CTTJ.png");
    /* background-position:top left; */
    height: 130px;
    left: 14%;
    /* bottom: 12rem; */
}

.bg-logo-jurisprudence,
.bg-logo-jurisprudence_en {
    background-position:center;
    height: 95px;
    bottom: 7.4rem;
}

@media (min-width: 500px) {
    .bg-logo-cttj {
        left: 0;        
        bottom: 15rem;    
    }
    .bg-logo-jurisprudence {
        background-image: url("../img/jurisprudence_sx75.png");
        
    }
    .bg-logo-jurisprudence_en {
        background-image: url("../img/jurisprudence-EN_sx75.png");
    }
}

@media (min-width: 576px) {
    .bg-logo-cttj {        
        left: 14%;
        bottom: 15rem;    
    }
    .bg-logo-jurisprudence {
        background-image: url("../img/jurisprudence_sx75.png");
        
    }
    .bg-logo-jurisprudence_en {
        background-image: url("../img/jurisprudence-EN_sx75.png");
    }
}

@media (min-width: 605px) {
    .bg-logo-cttj {
        left: 7%;        
        bottom: 15rem;    
    }
    .bg-logo-jurisprudence {
        background-image: url("../img/jurisprudence.png");
        
    }
    .bg-logo-jurisprudence_en {
        background-image: url("../img/jurisprudence-EN.png");
    }
}

@media (min-width: 992px) {
    .bg-logo-cttj {
        left: 2%;        
        bottom: 12rem;    
    }
    .bg-logo-jurisprudence {
        background-image: url("../img/jurisprudence.png");
        
    }
    .bg-logo-jurisprudence_en {
        background-image: url("../img/jurisprudence-EN.png");
    }
}

@media (min-width: 1200px) {
    .bg-logo-cttj {
        left: 6%;        
        bottom: 12rem;    
    }
    .bg-logo-jurisprudence {
        background-image: url("../img/jurisprudence.png");
        
    }
    .bg-logo-jurisprudence_en {
        background-image: url("../img/jurisprudence-EN.png");
    }
}

@media (min-width: 1500px) {
    .bg-logo-cttj {
        left: 14%;        
        bottom: 12rem;    
    }
    .bg-logo-jurisprudence {
        background-image: url("../img/jurisprudence.png");
        
    }
    .bg-logo-jurisprudence_en {
        background-image: url("../img/jurisprudence-EN.png");
    }    
}

.navbar-nav {    
    -ms-flex-direction: row;
    flex-direction: row;    
}

.nav-item-divider {
    margin-top: 0.35rem;
}

.search-bar::placeholder {
    color:  #8E9494;
    opacity: 1; /* Firefox */
}  
.search-bar:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:  #8E9494;
}  
.search-bar::-ms-input-placeholder { /* Microsoft Edge */
   color:  #8E9494;
}
.search-bar, #back_to_top {
    font-family: 'FontAwesome', "Open-sans-light";        
}

/* custom dropdown overrides */
.custom-select {    
    height:2.5rem !important;
    text-align: left !important;
    overflow: hidden !important;
}
.custom-select, .dropdown-page-item {        
    background-color: #fff  !important;
    font-family: 'FontAwesome', "Open-sans-light"  !important;        
}

.dropdown-toggle:not(:disabled):not(.disabled).active, 
.dropdown-toggle:not(:disabled):not(.disabled):active, 
.show>.no-toggle,
.dropdown-toggle:hover {
    background-color: #fff !important;
    border-color: #80bdff !important;
    color: #8E9494 !important;    
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}
.dropdown-toggle::after {                
    content: "" !important;
    position: absolute;
    left: 12rem;
    right: 0;
    bottom: 2px;
    height: 35px !important;
    display: block !important;
    margin-left: 0.45em !important;
    background-color: inherit;    
    width: 19px !important;
    border: unset !important;        
    z-index: 1;
}
.no-toggle {
    background: unset !important;
    border: 1px solid #ced4da !important;
    color:  #8E9494 !important;
    font-size: 1rem !important;        
}
.no-toggle:hover, .no-toggle:active, .no-toggle:focus{
    border: 1px solid #ced4da !important;
    color:  #8E9494 !important;    
}

.dropdown-page-item {
    left: 0px  !important;
    width: 100%  !important;
    padding: 0.75rem  !important;
    max-height: 450px  !important;
    overflow-y: auto  !important;
}

.dropdown-page-item > li > a.dropdown-item {
    color: #000  !important;
    text-decoration: none  !important;
    padding: .25rem .1rem  !important;
    font-size: 0.8rem  !important;
}    

.dropdown {
    width: 100%  !important;
}

.input-filter-container{
    padding-bottom: 0.5rem;
}

.footer-bg {
    background-color: #6896AE;    
    /* background-color: #5daae0; */
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-top: 0.6rem solid #F2571E;
}

/* Content layout overrides */

.fixed-top {
    position: relative;
    top: -10rem;
}

/* typography */
.read-header > h4 {
    color: rgb(87, 129, 151) !important;;
}
.read-content > p, .read-content > span {
    color: rgb(87, 129, 151) !important;;
}

b, strong {
    font-weight: 600;
}

p.lead {
    font-size: 1rem;
    font-weight: 300;
}
p.site-rights {
    color: #fff !important;
    font-family: "Open-sans" !important;
    font-size: 0.9rem !important;
}

.col.no-gutters {
    /* margin-right: 0;
    margin-left: 0; */    
    padding-right: 0;
    padding-left: 0;
    
  }

.form-group > label,
.text-muted,
.small {
    color: #6896AE !important;
    /* color: #5daae0 !important; */
    font-weight: 600; 
}

.form-control {
    /* border-radius: unset !important; */
    border-radius: unset;
}

.clickable-item{
    cursor: pointer;
}
.clickable-item.active {
    margin-left: 0.3rem;
}

.list-group-item {
    background-color: #f8f9fa;;
    margin-top: 0.25rem;
    border: unset;
    word-wrap: break-word;
    overflow: hidden;    
}
.list-group-item:hover {
    color: rgba(255, 255, 255, 1);
/*     background-color: #5daae0;
    border-color: #5daae0; */
    background-color: #6896AE;
    border-color: #6896AE;       
}
.list-group-item.active {
    /* background-color: #5daae0;
    border-color: #5daae0; */
    background-color: #6896AE;
    border-color: #6896AE;
}
.list-group-item:first-child {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}
.list-group-item:last-child {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}
.nav-link {
    text-decoration: none !important;
}

p.site-rights > a {
    color: #fff;
}

a.styled-btn, 
.styled-btn {
  color: #fff !important;
/*   background-color: #5daae0; 
  border-color: #5daae0;  */ 
  border-radius: unset;
  background-color: #6896AE;
  border-color: #6896AE;
  text-decoration: none !important;
}
a.styled-btn:hover, 
.styled-btn:hover, 
a.styled-btn:focus, 
.styled-btn:focus, 
a.styled-btn:active, 
.styled-btn:active {
  background-color: rgb(87, 129, 151) !important;
  border-color: rgb(87, 129, 151) !important;
  /* background-color: #3c80af !important;
  border-color: #3c80af !important;   */
}

.filter-btn {
    max-width: 70%;
}

a {
    color: #6896AE;   
    /* color: #5daae0; */ 
}


/* login */
.card-login {
    max-width: 25rem;
    border: unset;
}

/* Center the loader */
#loader-container-table {
    display: table;    
    height: 100%; 
    width: 100%;    
}
.loader-container-table-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;    
    text-align: center;
}

.loader-container{
    position: relative;    
    margin: auto;
    transform: scale(1.35);
}

#loader{
    position: absolute;
    z-index: 1;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin: auto;    
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #6896AE;
    /* border-top: 10px solid #5daae0; */
    width: 60px;
    height: 60px;
    transform: scale(2.0);
    -webkit-animation: spin 1.3s linear infinite;
    animation: spin 1.3s linear infinite;
  }
  @-webkit-keyframes spin {      
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }