/* disable font boosting on mobile browsers */
 body * {
     max-height: 1000000em;
    /* Chrome for Android */
     -moz-text-size-adjust: none;
    /* Firefox Mobile */
}
 @font-face {
     font-family: 'Droid Arabic Kufi';
     font-style: normal;
     src: url("https://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf") format('truetype');
}
 @-webkit-keyframes clignote {
     0%{
        box-shadow:0px 0px 10px #4183C4;
    }
     50%{
        box-shadow:0px 0px 0px #4183C4;
    }
     100%{
        box-shadow:0px 0px 10px #4183C4;
    }
}

#modalNews img { 
    height: auto !important;
}
#modalNews figure { 
    width:100% !important;
    text-align: center;
    margin-bottom:20px;
    height: auto !important;
}
#modalNews p {
    direction:rtl;
    text-align: justify;
}

 #panel-moyenne .table>tbody>tr>td, #panel-moyenne .table>tbody>tr>th, #panel-moyenne .table>tfoot>tr>td, #panel-moyenne .table>tfoot>tr>th, #panel-moyenne .table>thead>tr>td, #panel-moyenne .table>thead>tr>th {
     padding: 2px 2px;
     border: 0px;
}
 .fr .h1, .fr .h2, .fr .h3, .fr .h4, .fr .h5, .fr .h6, .fr h1, .fr h2, .fr h3, .fr h4, .fr h5, .fr h6 {
     font-family: Verdana,sans-serif;
}
 .fr {
     font-family: Verdana,sans-serif;
     font-size: 15px;
}
 .ar .h1, .ar .h2, .ar .h3, .ar .h4, .ar .h5, .ar .h6, .ar h1, .ar h2, .ar h3, .ar h4, .ar h5, .ar h6 {
     font-family: 'Droid Arabic Kufi';
}

.modal-content, .advice {
    background-color: #283239;
}
 .advice {
     font-size:16px;
     direction:rtl;
     padding:15px;
     text-align:justify!important;
}
 .advice strong, .advice b {
     font-weight: 600;
}
 .advice h5 {
     font-size: 14px;
}
 .advice h4 {
     font-size: 16px;
}
 .advice h3 {
     font-size: 18px;
}
 .advice h2 {
     font-size: 20px;
}
 .advice h1 {
     font-size: 22px;
}
 .badge-count {
     width: 60px;
     border-radius: 3px;
     font-size: 12px;
     font-family: Verdana, sans-serif;
     text-align: center;
     line-height: 22px;
}
 .panel-heading{
     z-index:0;
}
 .panel-heading:hover{
     z-index:0;
     cursor: pointer;
     opacity: 0.8;
}
 .truncate {
     width: 100%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .navbar-toolbar {
     margin: 0!important;
}
 .navbar-toolbar a {
     padding: 22px 15px!important;
}

.clignoter{
     box-shadow:0px 0px 10px #4183C4;
     -webkit-animation-name: clignote;
     -webkit-animation-duration: 1s;
     -webkit-animation-iteration-count:infinite;
     -moz-animation-name: clignote;
     -moz-animation-duration: 1s;
     -moz-animation-iteration-count:infinite;
}
 .ombre{
     box-shadow:0px 0px 30px #4183C4;
}
 .btn-block{
     padding:7px;
}
 .btn {
     font-size:16px;
}
 .site-footer {
     height:76px;
     padding:0px;
     border:none;
}
 .site-footer button {
     height:76px;
     width:76px;
}
 a > img:hover {
     opacity: 0.6;
     filter: alpha(opacity=60);
}
 .ar, .ar body, .ar a, .ar li, .ar .title, .ar .panel-title, .ar .modal-title, #verset, .ar .tooltip {
     font-family: 'Droid Arabic Kufi';
}
 .img-article {
     width:100%;
     max-width:400px;
     margin:0 0 15px 30px;
}
 .page, body {
     background: #000 url('https://www.dzexams.com/template/images/bg/body-bg4.png');
}
 .page-content {
     padding: 15px;
}
 .home-banner {
     height: 120px;
}
 .home-list {
     height: 259px;
}
 .home-list .list-group-item {
     padding: 13px;
}
 .panel {
     margin-bottom:15px;
}
 .panel>.alert {
     padding:15px;
}
 .panel>.list-group>.list-group-item{
     padding: 10px;
}
 .list-group-item .icon {
     margin-right: 0px;
}
 .panel-title {
     padding: 15px!important;
}
 .panel-heading .badge{
    float:right;
}
 .panel-heading a{
     display:inline-block;
     margin:10px 0;
     color:white;
     text-decoration:none;
}
 .panel-heading a:hover{
     text-decoration:none;
}
 .ar .panel-heading .badge{
    float:left;
}
 .article{
     direction: rtl;
     text-align: justify;
     font-size: 16px;
     padding: 15px;
     margin-bottom: 10px;
     background: #F5F5F5;
     border-width: 2px;
     border-style: inset;
     border-color: initial;
     border-image: initial;
}
 .article h4{
     font-family: 'Droid Arabic Kufi';
}
 .title, .title-default, .article h3{
     font-family: 'Droid Arabic Kufi';
     margin: 0 0 15px 0;
     padding: 15px;
     color: #fff;
     background-color: #55acee!important;
     text-align: center!important;
     white-space: normal;
     font-size: 16px;
     border-radius: 3px;
}
 .title-default{
     color: #37474f;
     background-color: #f3f7f9!important;
}
 .site-menu .site-menu-sub .site-menu-item>a {
     padding: 0 20px;
}
 .pub-v{
     text-align:center;
     padding-top:5px;
     background:#cdcccc;
     border-radius:0;
     border-top: 4px solid #62a8ea;
     border-bottom: 4px solid #62a8ea;
}
 .after-run .site-menubar-unfold .site-menu-category {
     padding: 10px 20px;
     font-size:15px;
     background-color: #2b353c;
}
 .after-run .site-menubar-unfold .site-menu>.site-menu-item>a {
     padding: 0 20px;
}
 .after-run .site-menu-arrow, .site-menu-badge, .site-menu-label {
     right: 25px;
}
 .site-menu .site-menu-sub {
     font-size: 13.5px;
}
 .after-run .site-menubar-unfold .site-menu-item {
     line-height: 40px;
}
 .after-run .site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title {
     font-size:14px;
}
 .after-run .site-menubar-unfold .site-menu>.site-menu-item .site-menu-title {
     max-width: none;
}
 .ar .site-menu-arrow:before {
     content: '\f17e'!important;
}
 .ar .after-run .site-menubar-unfold .site-menu-item.open>a .site-menu-arrow {
     -webkit-transform: rotate(-90deg)!important;
     -ms-transform: rotate(-90deg)!important;
     -o-transform: rotate(-90deg)!important;
     transform: rotate(-90deg)!important;
}
 .navbar-toolbar a:hover {
     color: #526069;
     background-color: rgb(241, 244, 245);
}
 .navbar-toolbar>li>a {
     padding-bottom: 10px;
}
 .navbar-brand {
     font-size: 22px;
     width:100%;
     max-width:300px;
     line-height:22px;
     text-align:center;
     letter-Spacing: 3px;
     font-weight: 400;
}
 .navbar-brand {
     font-size: 20px;
     width:100%;
     line-height:22px;
     text-align:center;
     letter-Spacing: 3px;
     font-weight: 400;
}
 .navbar-brand-logo {
     height: 40px;
     margin-top: -10px;
}
 .panel-title {
     font-size: 16px;
}
 .ar .site-menu-item{
     text-align:right;
}
 .ar .site-menu-title {
     padding-right: 10px;
}
 .ar .site-menu-sub .site-menu-title {
     padding-right: 10px;
}
 .ar .site-menu-badge {
     right:230px;
}
 .ar .site-menu-category {
     text-align:right;
}
 .listSearch .addon-empty {
     padding:0px;
}
 .listSearch .addon-blue .input-group-addon{
     border-color: #62A8EA;
     color: #FFF;
     background: #62A8EA;
     font-size:16px;
}
 .listSearch .addon-red .input-group-addon{
     border-color: #76838F;
     color: #FFF;
     background: #76838F;
     font-size:16px;
}
 .listSearch .addon-green .input-group-addon{
     border-color: #5CD29D;
     color: #FFF;
     background: #5CD29D;
     font-size:16px;
}
 .listSearch .addon-yellow .input-group-addon {
     border-color: #62A8EA;
     color: #FFF;
     background: #62A8EA;
     font-size:16px;
}
 .listSearch .addon-blue .addon-empty , .listSearch .addon-red .addon-empty , .listSearch .addon-green .addon-empty , .listSearch .addon-yellow .addon-empty {
     border-color: #DDD;
     color: #555;
     background: #EEE;
     font-size:16px;
}
 .listSearch .input-group {
     margin-bottom:5px;
}
 .listSearch .input-group .btn-default {
     background-color:#FFF;
     text-align:left;
     width:100%;
     border-radius:0;
     min-height:50px;
     white-space:normal;
     font-size:16px;
     padding-top:10px;
     border:1px solid #DDD;
}
 .listSearch .input-group .btn:hover{
     background-color:#F0F0F0;
}
 .ar .close {
     float:left;
}
 .ar {
     text-align:right;
}
 .ar .alert {
     direction:rtl;
}
.alert {
     background-color: #21292e;
}
 .listSearch{
     margin:-22px;
}
 .breadcrumb{
     background-color:#F8F8F8;
     border-bottom:1px solid #DDD;
     padding:10px 20px 0px 20px;
     margin:-15px -15px 20px -15px;
}
 .breadcrumb li{
     display: inline-block;
     white-space: nowrap;
     overflow:hidden;
     text-overflow: ellipsis;
}
 .site-footer .btn {
     margin:0px !important;
}
 .border{
     border:3px solid #FFF;
     margin-bottom:15px;
     box-shadow: 0px 0px 2px white;
}
 .site-action {
     position: fixed;
     right: 20px;
     bottom: 45px;
     z-index: 1290;
}
 #verset{
     margin: 0 -20px -20px -20px;
     padding:10px 10%;
     direction:rtl;
}
 @media (min-width:750px){
     .site-menubar-unfold .page, .after-run .site-menubar-unfold .site-footer {
         margin-left: 300px;
    }
}
 @media (max-width: 480px) {
     .hidden-xxs {
         display: none !important;
    }
}
 @media (max-width: 730px) {
     .breadcrumb li {
         display: block;
    }
}
 @media (max-width:991px){
     .img-article {
         max-width:100% !important;
         width:100% !important;
    }
}
 @media (min-width:768px){
     .menu-collapse .site-menubar{
         display: none!important;
    }
     .menu-collapse .page{
         margin-left:0px!important;
    }
     .menu-collapse .page{
         margin-left:0px!important;
    }
}
 @media (min-width:768px) and (max-width:991px){
     .site-menubar-footer {
         display: none!important;
    }
     .site-menubar-body {
         height:100%;
    }
}
 .btn-dark {
     color: #fff;
     background-color: rgb(25 31 34);
     border-color: #21292e;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .list-group-item-dark {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size:14px;
     border-radius: 0px!important;
     border: 0;
     border-top: 1px solid transparent;
}
 .item-ar {
     direction:rtl;
     text-align:right;
     font-family: 'Droid Arabic Kufi',sans-serif!important;
}
 .item-fr {
     direction:ltr;
     text-align:left;
     font-family: Verdana,sans-serif!important;
}
 .nowrap {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .noselect {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
/* width */
 ::-webkit-scrollbar {
     width: 10px;
}
/* Track */
 ::-webkit-scrollbar-track {
     background: #f1f1f1;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
     background: #888;
}
/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #555;
}
 @media (min-width: 1600px){
     .col-xl-6 {
         width: 50%;
    }
}
 .tourne {
     -webkit-transform: rotate(-90deg)!important;
     -ms-transform: rotate(-90deg)!important;
     -o-transform: rotate(-90deg)!important;
     transform: rotate(-90deg)!important;
}
 .iframe-nofull {
     height: 70vh;
}
 .iframe-full {
     height: calc(100vh - 80px);
}
 .panel-fullscreen {
     background:grey;
     display: block;
     z-index: 9999;
     position: fixed;
     width: 100%;
     height: -webkit-fill-available;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     overflow: auto;
     margin-bottom:0px;
}
 .site-menubar-body {
     overflow-y: auto;
     overflow-x: hidden;
}
 .trc_rbox_header {
     text-align: center!important;
}
 .trc_rbox_container {
     background: white!important;
     padding: 5px;
}
 .sc-dzexams .trc_rbox_header {
     display: none!important;
}
 .header-panel{
     color: white;
     background-color: #f3f7f9;
     background-color: #f3f7f925;
}
 .header-panel:hover{
     color: white;
     background-color: #f3f7f9;
     background-color: #f3f7f900;
     opacity:0.8;
}
 .fr {
     font-family: Roboto,sans-serif!important;
     font-size: 14px;
}
 .chaine h4 {
     color:white;
     font-size: 16px;
}
 .chaine .badge{
     color:white;
     font-size: 14px;
}
 .chaine .chlogo {
     vertical-align:center;
     padding:5px;
     background:#293540;
     border-radius:3px 0 0 3px;
     text-align: center;
     width: 180px;
}
 .chaine .chcontent {
     vertical-align:center;
     padding:5px;
     background:#526069;
     border-radius:0 3px 3px 0;
}
 .chaine {
     margin:6px 0px;
     width:100%;
     text-decoration: none;
}
 .chaine .btn {
    white-space: normal;
}
 .chaine .btn-group-content {
     width:100%;
     font-size:13px;
     text-align:right;
}
 .chaine .badge {
    padding:6px;
     margin:4px;
     width:100%;
     background:#293540;
}
 .chaine .btn-icon {
     background: #ffffff;
     padding:0px;
     width:150px;
}
 .chaine .btn-icon img {
     width:100%;
}
 .btn-group.header .btn-group-icon, .btn-group.header .btn-group-count {
     background: #FFFFFF15;
}
 .btn-group.header {
    opacity: 0.9;
}
 .btn-group.header:hover {
    opacity: 0.6;
}
 .btn-group.item {
     /* opacity: 0.9; */
}
 .btn-group.item:hover {
     opacity: 0.7;
}
 .btn-group.nohover {
     opacity: 1!important;
     margin:0px!important;
}
 .btn-group.nohover .btn-group-content {
     font-size:16px!important;
}
 .btn-group.nohover .btn-group-icon {
     font-size:20px!important;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .btn-group.nohover:hover {
     opacity: 1!important;
}
 .btn-group.nohover a {
     border-bottom-left-radius: 0px!important;
     border-bottom-right-radius: 0px!important;
}
 .chaine {
     opacity:0.8;
}
 .chaine:hover {
     opacity:0.6;
}
 .btn-group.item {
    display: inline-flex;
    margin: 3px 0px;
    width:100%;
    text-decoration: none;
}
 .btn-group.item .btn {
    white-space: normal;
}
 .btn-group.item .btn-group-content {
     font-size:14px;
     text-align:justify;
     direction:rtl;
     width:100%;
     padding: 12px;
     background: #21292e;
     color: #ebebeb;
}
 .btn-group.item .btn-group-date {
    font-size:13px;
    min-width: 80px;
    padding:2px;
    background: #191f22;
    color:white;
    z-index: 5;
}
 .btn-group.item .btn-group-sol {
    font-size:13px;
    min-width: 170px;
    padding: 12px 0px;
    background: #191f22;
    color:white;
    z-index: 5;
}
 .btn-group.item .btn-group-icon {
    max-width: 50px;
     min-width: 50px;
     padding:2px;
     font-size: 20px!important;
}
 .btn-group.item .btn-group-content.fr {
     direction:ltr;
}
 .btn-group.header {
    display: inline-flex;
    margin: 3px 0px;
    width:100%;
    text-decoration: none;
}
 .btn-group.header .btn {
    white-space: normal;
     background:inherit;
}
 .btn-group.header .btn-group-content {
     font-size:14px;
     text-align:justify;
     direction:rtl;
     width:100%;
     padding: 10px;
     color: white;
}
 .btn-group.header .btn-group-date {
    font-size:13px;
     min-width: 110px;
     padding:2px;
     color:white;
     z-index: 5;
}
 .btn-group.header .btn-group-sol {
    font-size:13px;
     min-width: 180px;
     padding:2px;
     color:white;
     z-index: 5;
}
 .btn-group.header .btn-group-icon {
    max-width: 55px;
     min-width: 55px;
     padding:2px;
     font-size: 18px!important;
}
 .btn-group.header .btn-group-content:hover {
}
 .btn-group.header .btn-group-content.fr {
     direction:ltr;
}
 .btn-group.header {
     border-radius:3px;
}
 .btn-group.header .btn {
     color: white;
     padding: 10px;
     font-size: 15px;
}
 .btn-group.header .btn:hover {
     color: white;
     opacity:0.8;
}
 .btn-score {
     max-width:60px;
     width: 60px;
     padding: 0;
}
 .fr .page-facebook {
     position:fixed;
     bottom:85px;
     left:10px;
    margin-top:50px;
}
 .ar .page-facebook {
     position:fixed;
     bottom:85px;
     right:10px;
    margin-top:50px;
}
 @media (max-width:991px){
     .btn-group.item .btn-group-sol {
        min-width: 110px;
    }
}
 .btn-group .btn {
     /* border:0px; */
}
.bg-dark-1 {
     background-color: #191f22!important;
}
.bg-dark-2 {
     background-color: #21292e!important;
}
.bg-dark-3 {
     background-color: #273035!important;
}
.bg-dark-4 {
     background-color: #2b353c!important;
}

 .purple .bg-1 {
     background-color: #6D45BC!important;
}
 .purple .bg-2 {
     background-color: #7C51D1!important;
}
 .purple .bg-3 {
     background-color: #926DDE!important;
}
 .pink .bg-1 {
     background-color: #cc3268!important;
}
 .pink .bg-2 {
     background-color: #E53B75!important;
}
 .pink .bg-3 {
     background-color: #F96197!important;
}
 .green .bg-1 {
     background-color: #207a55 !important;
}
 .green .bg-2 {
     background-color: #288b61 !important;
}
 .green .bg-3 {
     background-color: #74C2A1!important;
}
 .blue .bg-1 {
     background-color: #2e76b9 !important;
}
 .blue .bg-2 {
     background-color: #3687d3 !important;
}
 .blue .bg-3 {
     background-color: #62A8EA!important;
}
 .purple .item-tablist, .purple .item {
     box-shadow: 0px 0px 2px #6D45BC;
}
 .pink .item-tablist, .pink .item {
     box-shadow: 0px 0px 2px #E53B75;
}
 .green .item-tablist, .green .item {
     box-shadow: 0px 0px 2px #13A76B;
}
 .blue .item-tablist, .blue .item {
     box-shadow: 0px 0px 2px #3583CA;
}
 .purple .badge {
     box-shadow: 0px 0px 10px #6D45BC;
}
 .pink .badge {
     box-shadow: 0px 0px 10px #E53B75;
}
 .green .badge {
     box-shadow: 0px 0px 10px #13A76B;
}
 .blue .badge {
     box-shadow: 0px 0px 10px #3583CA;
}
 .purple .box {
     box-shadow: 0px 0px 5px #6D45BC;
}
 .pink .box {
     box-shadow: 0px 0px 5px #E53B75;
}
 .green .box {
     box-shadow: 0px 0px 5px #13A76B;
}
 .blue .box {
     box-shadow: 0px 0px 5px #3583CA;
}
 a.bg-1:hover, a.bg-2:hover, button.bg-1:hover, button.bg-2:hover, input.bg-1:hover, input.bg-2:hover {
     opacity:0.8;
     color:white;
}
 a.bg-1, a.bg-2, button.bg-1, button.bg-2, input.bg-1, input.bg-2 {
     color:white;
}
 .item-link {
     padding:15px;
     display:block;
}
 .item-alert {
     margin:0px;
     border:2px solid #FFF;
     border-radius: 3px;
     direction:rtl;
}
 .item-tablist, .item {
     border-radius:10px!important;
     overflow:hidden;
     box-shadow: 0px 0px 2px black;
}
 .item-title h2, .item-title h1 {
     margin: 0px;
     color: #fbfbfb;
     text-align: center!important;
     font-size: 16px!important;
     padding: 15px!important;
}
 .item-title a {
     display:block;
     text-decoration: none;
}
 .item-title a:hover {
     opacity:0.8;
     text-decoration: none;
}
 .item-title, .box, .item-link {
     margin: 0px 0px 15px 0px;
     border-radius: 10px;
     overflow:hidden;
     box-shadow: 0px 0px 5px black;
}
 .item-module {
     display: block;
     margin:0 8px 10px 8px;
     font-size:14px;
     border-radius:10px;
     box-shadow: 0px 0px 5px black;
     text-decoration: none;
     color: #222222;
     text-align:center;
}
 .item-module figure {
     padding:15px;
     border-radius: 10px 10px 0px 0px;
}
 .item-module .list-group{
     border-radius: 0px 0px 10px 10px;
}
 .item-module:hover {
     text-decoration: none;
     color: #222222;
     opacity: 0.8;
}
 .item-module .list-group-item {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
}
 .item-module .list-group-item:last-child {
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
}
 .colors button {
     width:25%;
     height:30px;
     margin:0!important;
}
 .colors {
     width:100%;
     opacity: 0.9;
}
 .navbar-header {
     text-shadow: 0px 0px 10px black;
}

.btn-next { font-size: 20px!important; display: flex; justify-content: center; align-items: center; }
.btn-title { width:100%; border-radius:0; text-align:center; margin:0px; padding:15px 5px; background:#293540; color:#FFF; font-size: 16px; }
.ar .btn-title { direction:rtl; }
.bg-purple { background-color: #6D45BC!important; color:#FFF; }
.bg-pink { background-color: #E53B75!important; color:#FFF; }
.bg-green { background-color: #13A76B!important; color:#FFF; }
.bg-blue { background-color: #3583CA!important; color:#FFF; }
.bg-purple:hover, .bg-pink:hover, .bg-green:hover, .bg-blue:hover { color:#FFF; opacity:0.8;}

.loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 39px;
  animation: spin 2s linear infinite;
  margin: 8px auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

body {color: #fafafa;}
.fr .btn-group.header .btn-group-content { direction: ltr; }
html { height: -webkit-fill-available; user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.gsc-search-button-v2 { font-size: initial!important; } 


.btn-default .wb-file:before {
    content: "\f156";
}
.btn-success .wb-file:before {
    content: "\f148";
}
.btn-danger .wb-file:before {
    content: "\f1a1";
}
.btn-warning .wb-file:before {
    content: "\f1a7";
}

@media (max-width: 575px) {
    .btn-group.item .btn-group-content {
        font-size: 13px;
    }
    .btn-group.item .btn-group-sol {
        font-size: 12px;
        min-width: 100px;
    }
}

 #comments-content { background: white; }
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {background-color: #191f22;}
.alert {border: 0;}