a {
    text-decoration: none;
    word-break: break-word;
    overflow-wrap: break-word !important;
}

p {
    word-break: break-word;
    overflow-wrap: break-word !important;
}

b .form-group.tage-input-main .tagsinput {
    width: 100% !important;
    border-radius: 3px;
}

.SumoSelect.w-100.ask-qu .CaptionCont {
    position: relative;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #DBDEE1;
    border-radius: 2px;
    margin: 0px;
    padding: 9px 12px;
}

.question-content-text.comment ul {
    padding-left: 15px;
}

.post-wrap-content .h1,
h1 {
    font-size: 1.4rem;
}

.post-wrap-content .h2,
h2 {
    font-size: 1.1rem;
}

.post-wrap-content .h3,
h3 {
    font-size: 1.2rem;
    color: #4A4A4A;
    font-weight: 800;
}

.post-wrap-content .h4,
.h5,
h4,
h5 {
    font-size: 1rem;
}

.jqte {
    margin: 30px 0;
    border: #d8d8d8 1px solid;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 5px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: 0 0 3px #999;
    overflow: hidden;
    transition: box-shadow 0.4s, border 0.4s;
    -webkit-transition: -webkit-box-shadow 0.4s, border 0.4s;
    -moz-transition: -moz-box-shadow 0.4s, border 0.4s;
    -o-transition: -o-box-shadow 0.4s, border 0.4s;
    margin: 2px 0px;
}

ul.question-vote.reply li.vote-count {
    position: absolute;
    left: -4px;
    font-size: 11px;
    color: #757575;
    top: 4px;
}

.slick-next::before {
    content: none !important;
     z-index: 9;
}

[dir='ltr'] .slick-next {
    background-image: url('../images/svg/btn_next.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

[dir='ltr'] .slick-next:hover {
    background-image: url('../images/svg/btn_next_hover.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

[dir='ltr'] .slick-next {
    right: -85px;
}

[dir='ltr'] .slick-prev {
    background-image: url('../images/svg/btn_preview.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

[dir='ltr'] .slick-prev:hover {
    background-image: url('../images/svg/btn_preview_hover.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

[dir='ltr'] .slick-prev:before {
    content: none !important;
}

[dir='ltr'] .slick-prev {
    /*left: -85px;*/
    z-index: 9;
}

[dir='rtl'] .slick-next {
    background-image: url('../images/svg/btn_preview.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

[dir='rtl'] .slick-next:hover {
    background-image: url('../images/svg/btn_preview_hover.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

[dir='rtl'] .slick-next {
    left: -85px !important;
}

[dir='rtl'] .slick-prev {
    background-image: url('../images/svg/btn_next.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

[dir='rtl'] .slick-prev:hover {
    background-image: url('../images/svg/btn_next_hover.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

[dir='rtl'] .slick-prev:before {
    content: none !important;
}

[dir='rtl'] .slick-prev {
    right: -85px;
}

.slick-prev,
.slick-next {
    width: 62px !important;
    height: 47px !important;
}

.slick-prev,
.slick-prev {
    width: 62px !important;
    height: 47px !important;
}

.slick-dots li button::before {
    color: #A1A8AC !important;
    font-size: 10px !important;
    height: 10px;
    margin-top: 20px;
}


/* .q-heighlite { */


/* margin-bottom: 10px; */


/* padding: 10px; */


/* background-color: #FFF8DC; */


/* border-left: 2px solid #ffeb8e; */


/* font-size: 14px; */


/* line-height: 23px;  */


/* } */

.question-content-text blockquote {
    clear: both;
    padding: 10px;
    background-color: #FFF8DC;
    border-left: 2px solid #ffeb8e;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 0px;
}

.question-content-text blockquote>p {
    margin-bottom: 0px;
}

code {
    padding: .2rem .4rem;
    font-size: 90%;
    color: unset !important;
    background-color: #efefef;
    border-radius: .25rem;
}

span.nav-item.pull-right.ask-question-nav.d-sm-flex.d-md-none.d-none {
    font-size: 15px;
    background-color: #01a23c;
    font-weight: 600;
    border-radius: 3px;
    color: #fff !important;
    cursor: pointer;
    z-index: 999;
}

.SumoSelect.w-100.ask-qu .SumoSelect {
    width: 100%;
}

.SumoSelect.w-100.ask-qu .optWrapper {
    width: 99%;
}

span.inlinecode {
    background-color: #efefef;
    padding: 1px 4px;
    border-radius: 2px;
    font-size: 13px;
}

.cke_editor_answerEditor {
    width: 100% !important;
}

span.inlinecode code {
    display: inline-block;
    padding: 0px 2px;
}

button.btn.btn-success.img-upload-profile {
    width: 100%;
    border-radius: 4px;
    background-color: #01a23c;
    padding: 8px 12px;
    margin-top: 5px;
}

img.user-pic-nav {
    max-width: 17px;
    margin-right: 7px;
    vertical-align: baseline;
}

.jqte_focused {
    box-shadow: none !important;
    border: #d8d8d8 1px solid !important;
}

.col-md-12.px-0.banner-header-add img {
    height: 70px;
    margin-top: 13px;
}

.question-content-text img {
    max-width: 100%;
    height: auto;
}

.back-totop {
    position: fixed;
    bottom: 38px !important;
    right: 14px;
    display: none;
    width: 34px;
    height: 34px;
    background: #1976d2;
    color: #fff;
    text-align: center;
    font-size: 20px;
    z-index: 997;
    cursor: pointer;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    visibility: visible;
    border-radius: 4px;
    box-shadow: none;
    border: none;
}

.back-totop:hover {
    background-color: #000;
}


/******************** custom-radio *********************/

.cuctom-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default radio button */

.cuctom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 9px;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.cuctom-radio:hover input~.checkmark {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.cuctom-radio input:checked~.checkmark {
    background-color: #ffffff;
    border: 2px solid #007ee5;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.cuctom-radio input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.cuctom-radio .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #007ee5;
}


/* .ribbon2 { */


/* width: 60px; */


/* padding: 10px 0; */


/* position: absolute; */


/* top: -6px; */


/* left: 25px; */


/* text-align: center; */


/* border-top-left-radius: 3px; */


/* background: #F47530; */


/* } */


/* .ribbon2:before { */


/* height: 0; */


/* width: 0; */


/* right: -5.5px; */


/* top: 0.1px; */


/* border-bottom: 6px solid #8D5A20; */


/* border-right: 6px solid transparent; */


/* } */


/* .ribbon2:before, .ribbon2:after { */


/* content: ""; */


/* position: absolute; */


/* } */


/* .ribbon2:after { */


/* height: 0; */


/* width: 0; */


/* bottom: -29.5px; */


/* left: 0; */


/* border-left: 30px solid #F47530; */


/* border-right: 30px solid #F47530; */


/* border-bottom: 30px solid transparent; */


/* } */

.ribbon-container {
    position: absolute;
    top: -22px;
    right: -34px;
    overflow: visible;
    font-size: 12px;
    line-height: 18px;
}

.ribbon-container:before {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    border-top: 17px solid rgba(0, 0, 0, 0.3);
    border-bottom: 18px solid rgba(0, 0, 0, 0.3);
    border-right: 0px solid rgba(0, 0, 0, 0.3);
    border-left: 17px solid transparent;
}

.ribbon-container>span {
    display: block;
    padding: 8px;
    position: relative;
    background: #2d6ff7;
    overflow: visible;
    margin-left: 17px;
    color: #fff;
    text-decoration: none;
}

.ribbon-container:after {
    content: "";
    height: 3px;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    position: absolute;
    bottom: -3px;
    left: 17px;
    right: 3px;
}

.ribbon-container>span:before {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 0;
    left: -18px;
    border-top: 17px solid #2d6ff7;
    border-bottom: 17px solid #2d6ff7;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
}

.ribbon-container>span:after {
    content: "";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    bottom: -13px;
    right: 0;
    border-top: 14px solid #1851c7;
    border-right: 14px solid transparent;
}

.views_q {
    width: 100px;
}

.entry-views {
    color: #7c7f85;
    font-size: 11px;
}

.nav-link.custom:focus {
    text-decoration: none;
    outline: none;
}

.navbars.uppernav ul.navbar-navs.options-nav.text-center.pt-2.mb-0 li a {
    color: #151515;
}

li.nav-item.dropdown.pull-right.d-flex.d-md-none.show .dropdown-item {
    color: #423f3f;
    background-color: #eef1f7;
    margin: 2px 0px;
}

li.nav-item.dropdown.pull-right.d-flex.d-md-none.show .dropdown-item:hover {
    color: #2d6ff7;
    ;
}

ul.navbar-navs.options-nav.text-center {
    list-style: none;
    padding: 0px;
    display: inline-block;
    width: 100%;
    line-height: 33px;
}

.dropdown-menu.notification.show {
    /* left: auto !important; */
    /* right: 0px; */
    width: 23rem;
    padding: 0pc;
    box-shadow: rgba(28, 29, 32, 0.23) 0px 6px 16px, rgba(23, 24, 27, 0.25) 0px 9px 40px;
    background-clip: padding-box;
    transition: all 0.11s ease-in 0s;
    border-radius: 0px 0px 0.25rem 0.25rem;
    transition-delay: 0s;
    padding: 10px;
}

a.nav-link.dropdown-toggle.notify span.ti-bell {
    font-size: 19px;
    color: #f5b03a;
    background-color: #f5f9ff;
    border-radius: 50px;
    padding: 5px 6px;
}

span.badge.badge-light.notify i {
    font-size: 8px;
    color: #f5b03a;
}

.badge-light {
    background-color: transparent;
}

a.nav-link.dropdown-toggle.notify {
    position: relative;
    display: list-item;
}

a.nav-link.dropdown-toggle.notify>.badge.badge-light.notify {
    position: absolute;
    top: 1%;
    right: 28%;
    padding: 3px;
}

a.nav-link.dropdown-toggle.notify:after {
    display: none;
}

ul.navbar-navs.options-nav li ul.notify.main-list.pl-0 li {
    display: block;
    padding: 3px 15px;
    border-bottom: 1px solid #dedede;
}

.heading-notify {
    background-color: rgb(248, 249, 252);
    color: rgb(71, 73, 79);
    padding: 0.5rem 0.9rem;
}

ul.notify.main-list.pl-0 {
    max-height: 326px;
    overflow-y: auto;
}

ul.notify.main-list.pl-0 .time-notify {
    display: block;
    text-align: right;
    font-size: 12px;
}

.dropdown-menu.notification.show a.dropdown-item {
    overflow: hidden;
    width: 100%;
    font-size: 11px;
    text-align: left;
    padding: 0px 0px 4px;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-height: 19px;
}

.heading-notify-type {
    display: inline-block;
    width: 92%;
    font-weight: 600;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 21px;
}

button.btn.btn-all-notify {
    background-color: transparent;
    text-align: right;
    width: 100%;
    color: #0171cd;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    padding: 9px 15px;
}

.dropdown-menu.notification.show a.dropdown-item:hover {
    color: #0c6dcc !important;
    background-color: #fff;
}

time.time-notify {
    display: block;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #7d7d7d;
}

button.btn.btn-primary.loadmore-n-btn {
    width: 100%;
    background-color: #0888f1;
    padding: 9px 12px;
    border-radius: 3px;
}

.main-motify-all {
    background-color: #fff;
    padding: 15px 19px;
}

.date-notify {
    display: inline-block;
    padding: 4px 2px;
    text-align: center;
    width: 57px;
    background-color: #f0f0f0;
    font-size: 13px;
    border-style: dotted;
    border: none;
    border-top: 2px dotted;
    border-color: #1174d5;
    color: #8d8d8d;
}

span.notify-type {
    vertical-align: top;
    display: inline-block;
    color: gray;
    font-size: 12px;
}

.notify-allheading {
    color: #0c6dcc;
    font-weight: 600;
    font-size: 14px;
}

p.notify-description {
    font-size: 12px;
    color: #9c9c9c;
    margin: 0px;
}

li.row.inner-allnotify {
    border-bottom: 1px solid #dadfea !important;
    vertical-align: top;
    padding: 8px 0px 8px;
}

time.notify-timezone {
    font-size: 12px;
    color: #adadad;
    white-space: nowrap;
    display: inline-block;
}

.SumoSelect>.CaptionCont>label {
    margin-bottom: 1px;
}

img.img-fluid.logo {
    height: 55px;
}

ul.navbar-navs.options-nav.text-center li {
    display: inline-block;
}

.navbars.uppernav ul li i {
    color: #f5b03a;
    margin-right: 3px;
    font-size: 20px;
}

.main-header-upper {
    border-bottom: #e5e5e5 1px solid;
    line-height: 14px;
    background-color: #FFFFFF;
    /* height: 65px; */
}

.nav-link.custom.active {
    background: #F0F0F0;
    border-radius: 50px;
    color: #0099cc !important;
}

.active {
    background: #F0F0F0;
    border-radius: 50px;
}

ul.navbar-nav.options-nav.mx-auto.custom li a span {
    padding-right: 12px;
    color: #007ee5;
    font-size: 21px;
    text-align: left;
    line-height: 22px;
    font-weight: 400;
}

.main-body {
    background-color: #eef1f7;
}

.upper-search {
    padding: 4% 10px;
    background-attachment: fixed;
    background-repeat: repeat;
    text-align: center;
    /* background: radial-gradient(ellipse at center, rgb(54, 156, 255) 0%,rgb(25, 115, 207) 64%,rgb(9, 107, 203) 100%); */
    background-image: url(../images/bgmain.jpeg);
    background-position: 62% 92%;
    position: relative;
}

.upper-search:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #0d569e63;
    height: 100%;
    z-index: 0;
    content: "";
}

.upper-search input.col-9.col-sm-10.col-md-11.main-search {
    padding: 11px 12px;
    border: none;
    outline: none;
    box-shadow: none;
}

.upper-search .inner-search.row {
    padding: 14px 14px;
    background-color: rgba(255, 255, 255, 0.27);
    border-radius: 3px;
    position: relative;
}

.upper-search button.col-3.col-sm-2.col-md-1.btn.btn-search-upper {
    background-color: #0c6dcc;
    color: #fff;
    font-size: 27px;
    vertical-align: middle;
    padding: 4px 10px;
}

a.btn.btn-viewall-index.w-100 {
    background-color: #007ee5;
    color: #fff;
    padding: 12px 12px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-weight: 600;
}


/* badges ******************/

.mian-badges {
    background-color: #fff;
    padding: 15px 25px;
}

.points-system h3,
.badges-system h3 {
    font-size: 16px;
    color: #2c3e50;
    margin-bottom: 5px;
    font-weight: 700;
}

.points-system p,
.badges-system p {
    font-size: 14px;
    color: #5f6f81;
    margin-bottom: 20px;
}

.points-system ul.points-define {
    margin: 0;
    padding: 0px;
    list-style: none;
}

.points-system ul.points-define li div {
    border: 1px solid #dadfea;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    min-height: 55px;
}

.points-define .points-count {
    line-height: 55px;
}

.question-cat .points-count {
    font-size: 13px;
    color: #3498db;
    display: inline-block;
}

span.star {
    font-size: 13px;
    line-height: 15px;
    margin-left: 5px;
    display: inline-block;
    text-align: left;
}

span.star i {
    color: #3498db;
}

.points-system,
.badges-system {
    border-bottom: 1px solid #dadfea;
    min-height: 170px;
    padding: 14px 20px 1px;
}

.badge-content .col-md-4 {
    margin-top: 15px;
}

.badge-content .col-md-4 span {
    color: #2c3e50;
    font-weight: 700;
}

.badge-content p {
    margin-bottom: 5px;
    font-size: 12px;
    margin-top: 2px;
}

.badge-content i.fa-check {
    color: #45b39d;
    margin-right: 2px;
}

.badge-content .border {
    overflow: hidden;
    border: 1px solid #dadfea;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 18px;
    padding: 11px 0px 8px;
}

.badge-content .col-md-3,
.badge-content .col-md-2 {
    margin-top: 30px;
}

.question-cat span.user-badge {
    padding: 2px 10px;
    color: #fff;
    margin-right: 15px;
    line-height: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #00adef;
    font-size: 13px;
    margin-bottom: 6px;
}

.badge-content .question-cat {
    margin-top: 0;
}

span.user-badge.professor {
    background: #780978;
}

span.user-badge.voice {
    background: #ffbf00;
}


/**************** loader ******************/

.pre.loader {
    max-width: 15rem;
    width: 100%;
    height: auto;
    stroke-linecap: round;
    margin-top: 11%;
}

.pre.loader circle {
    fill: none;
    stroke-width: 3.5;
    -webkit-animation-name: preloader;
    animation-name: preloader;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform-origin: 170px 170px;
    transform-origin: 170px 170px;
    will-change: transform;
}

.pre.loader circle:nth-of-type(1) {
    stroke-dasharray: 550;
}

.pre.loader circle:nth-of-type(2) {
    stroke-dasharray: 500;
}

.pre.loader circle:nth-of-type(3) {
    stroke-dasharray: 450;
}

.pre.loader circle:nth-of-type(4) {
    stroke-dasharray: 300;
}

.pre.loader circle:nth-of-type(1) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}

.pre.loader circle:nth-of-type(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.pre.loader circle:nth-of-type(3) {
    -webkit-animation-delay: -0.45s;
    -moz-animation-delay: -0.45s;
    animation-delay: -0.45s;
}

.pre.loader circle:nth-of-type(4) {
    -webkit-animation-delay: -0.6s;
    -moz-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

@-webkit-keyframes preloader {
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes preloader {
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.containers {
    background-color: #0c0c0cd9;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    text-align: center;
}


/* Loader 5 */

.loader-5 {
    height: 32px;
    width: 32px;
    -webkit-animation: loader-5-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-5-1 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}

@-webkit-keyframes loader-5-1 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loader-5-1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loader-5::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    margin: auto;
    width: 8px;
    height: 8px;
    background: #0c6dcc;
    border-radius: 50%;
    -webkit-animation: loader-5-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-5-2 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}

@-webkit-keyframes loader-5-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        -webkit-transform: translate3d(24px, 0, 0) scale(.5);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes loader-5-2 {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(24px, 0, 0) scale(.5);
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

.loader-5::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    background: #0c6dcc;
    border-radius: 50%;
    -webkit-animation: loader-5-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-5-3 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}

@-webkit-keyframes loader-5-3 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        -webkit-transform: translate3d(-24px, 0, 0) scale(.5);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes loader-5-3 {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(-24px, 0, 0) scale(.5);
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

.loader-5 span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 32px;
    width: 32px;
}

.loader-5 span::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    -webkit-animation: loader-5-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-5-4 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}

@-webkit-keyframes loader-5-4 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        -webkit-transform: translate3d(0, 24px, 0) scale(.5);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes loader-5-4 {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(0, 24px, 0) scale(.5);
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

.loader-5 span::after {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    -webkit-animation: loader-5-5 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-5-5 2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}

@-webkit-keyframes loader-5-5 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        -webkit-transform: translate3d(0, -24px, 0) scale(.5);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes loader-5-5 {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(0, -24px, 0) scale(.5);
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
}

.loader-main-input {
    position: absolute;
    right: 12%;
    top: 27%;
    display: inline-block;
}

button.close-search {
    position: absolute;
    right: 11%;
    top: 34.5%;
    background-color: #fff;
    border: none;
    color: #ababab;
    font-size: 19px;
}

button.close-search:hover {
    color: #3ba4fb;
    font-size: 19px;
}

li.not-found-search {
    padding: 12px 13px;
    color: #B4C2CE;
    text-align: center;
}

li.not-found-search span {
    border: 0px solid #b4c2ce;
    border-radius: 50%;
    padding: 3px 6px;
    color: #828282;
    font-size: 21px;
}

.upper-search h3.heading-main {
    color: #fff;
    font-weight: 600;
    font-size: 23px;
}

.search-drpdon-main {
    background-color: #fff;
    position: absolute;
    top: 87%;
    text-align: left;
    box-shadow: 0px 0px 11px 0px #a0a0a0;
    z-index: 999;
    max-height: 225px;
    overflow-y: auto;
}

.search-drpdon-main ul.questions-drpdwn li a {
    padding: 7px 12px;
    display: inline-block;
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    text-decoration: none;
    color: #7d7d7d;
}

.search-drpdon-main ul.questions-drpdwn {
    list-style: none;
}

.search-drpdon-main ul.questions-drpdwn li a {
    list-style: none;
    cursor: pointer;
}

.search-drpdon-main ul.questions-drpdwn li a:hover {
    list-style: none;
    color: #0c6dcc;
    cursor: pointer;
}

p.sub-heading {
    color: #fff;
}

button.btn.btn-socila.fb {
    background-color: #4C69BA;
    color: #fff;
    font-size: 16px;
    padding: 11px 17px;
    width: 100%;
}

button.btn.btn-socila.gmail {
    color: #fff;
    font-size: 16px;
    padding: 11px 17px;
    width: 100%;
    background-color: #DD4B39;
}

button.btn.btn-socila i {
    color: white;
    font-size: 17px;
    padding-right: 5px;
}

form.sign input {
    padding: 11px 12px;
    width: 100%;
    border-radius: 3px;
    box-shadow: none;
    border: 1px solid #dcdcdc;
    position: relative;
    padding-left: 28px;
    font-size: 13px;
}

form.sign .form-group {
    position: relative;
}

form.sign .form-group span.icon-input {
    position: absolute;
    left: 10px;
    top: 51%;
    font-size: 17px;
    color: #999;
}

h2.heading-social-media {
    font-size: 13px;
    color: #999;
}

form.sign .form-group label {
    font-size: 13px;
    color: #999;
    margin-bottom: 5px;
}

.hidden.answer {
    height: 0px;
    -webkit-transition: height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
    opacity: 0;
}

.hidden.answer.open {
    padding: 25px 0px;
    -webkit-transition: height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
    opacity: 1;
}

button.btn.btn-signin {
    width: 100%;
    background-color: #36C5A5 !important;
    color: #ffffff;
    padding: 10px 12px;
    border-radius: 50px;
}

button.btn.btn-signin:hover {
    background-color: rgb(34, 180, 149) !important;
}

.tab-content>.active {
    background: none !important;
    display: initial;
}

a.forgetpass {
    padding: 12px 0px;
    display: inline-block;
    color: #292727;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
}

.modal.fade.signin.show .modal-body {
    border-top: 4px solid #0485ee;
    box-shadow: none;
}

input.checkdomtick[type=radio],
input.checkdomtick[type=checkbox] {
    display: none;
}

label.dom-check {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 23px;
    font-size: 14px;
    color: #1f2020;
    font-weight: 500;
    padding-top: 10px;
}

label.dom-check:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 3px;
    background-color: #fff;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
}

input.checkdomtick[type=checkbox]:checked+label:before {
    content: "\2713";
    font-size: 15px;
    color: #129dde;
    text-align: center;
    line-height: 15px;
}

ul.nav.nav-pills.signin.w-100.text-center a.nav-link {
    padding: 12px 12px;
    border-bottom: 3px solid #4A90E2;
    background-color: #f6f6f6;
    margin: 0px 11px;
    box-shadow: 1px 3px 6px 0px #aeaeae;
    color: #40a9d7;
}

ul.nav.nav-pills.signin.w-100.text-center a.nav-link.active {
    padding: 12px 12px;
    border-bottom: 2px solid #4A90E2;
    background-color: #4A90E2;
    margin: 0px 11px;
    color: #fff !important;
}

ul.nav.nav-pills.signin.w-100.text-center li a i {
    padding-left: 11px;
}

ul.nav.nav-pills.signin.w-100.text-center a.nav-link.active i {
    color: #fff;
}

.stats-inner li,
.stats-inner li:last-child {
    float: left;
    width: 50%;
    border: 1px solid #e1e3e3;
    padding: 12px 12px;
    margin: 0;
    text-align: center;
    position: relative;
    height: 75px;
    font-size: 12px;
}

.widget li {
    list-style: none;
    border-bottom: 1px solid #e4e6e6;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.stats-inner li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    height: 45px;
    width: 2px;
    background-color: #2d6ff7;
}

.stats-value {
    font-size: 23px;
    font-weight: 700;
    display: block;
    color: #272930;
}

.stats-text {
    display: block;
    margin-bottom: 5px;
    color: #2d6ff7;
}

.stats-inner li:nth-child(2n+2):before {
    left: initial;
    right: 0;
}

.stats-answers .stats-text {
    color: #f05555;
}

.stats-best_answers .stats-text {
    color: #1fae5b;
}

section.widget.stats-widget {
    padding: 20px 20px 30px 18px;
    background-color: #F9F9F9;
    display: inline-block;
    width: 100%;
}

.inner-question.main {
    background-color: #fff;
    padding: 0px;
    box-shadow: 1px 1px 14px 1px #e8e8e8;
    min-height: 300px;
}

.inner-question.main.ask-question-main {
    padding: 20px 5px;
    box-shadow: 1px 1px 10px 4px #d7dce4;
}

.question-sticky-ribbon {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    top: -18px;
    right: -30px;
    color: #fff;
}

.question-sticky-ribbon.all {
    top: 0;
}

.question-sticky-ribbon div {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 3px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #f30202;
}

.col-md-6.question-image-vote.px-0.vote-bg {
    background-color: #ecf0f1;
    color: #445f7a;
}

.col-6.question-image-vote.text-center.ans-bg {
    background-color: #36c5a5;
    border-radius: 50px;
    color: #fff;
    padding: 12px 11px;
}

article.article-question.article-post.clearfix.question-type-normal {
    position: relative;
    padding: 15px 19px;
    border-bottom: 1px solid #dadfea;
}

.inner-question.main article.article-question.article-post.clearfix.question-type-normal {
    border: none;
}

article.article-question.article-post.clearfix.question-type-normal.home:nth-child(2n+1) {
    background-color: #fbfcff;
}

span.author-image-span {
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    padding: 2px 3px;
}

span.counter-num {
    border-radius: 22px;
    background-color: #f5b03a;
    color: #fff !important;
    border: none;
    width: 30px;
    height: 30px;
    line-height: 2;
    margin-bottom: 7px;
    font-size: 15px !important;
}

span.author-image-span img.avatar.avatar-42.photo {
    border-radius: 50%;
}

.question-image-vote {
    padding: 2px 5px;
}

ul.question-mobile.question-vote li.active a i {
    font-size: 29px;
    color: #f6bc5a;
    line-height: 8px;
}

ul.question-mobile.question-vote li a i {
    font-size: 29px;
    color: #cee0ed;
    line-height: 8px;
    cursor: pointer;
}

ul.question-mobile.question-vote.comment.comment a i.fa {
    font-size: 18px;
    color: #cee0ed;
}

ul.question-mobile.question-vote.comment.comment li.active a i.fa {
    color: #2d6ff7;
}

.col-6.question-image-vote.vote-bg {
    background-color: #ecf0f1;
    color: #445f7a;
}

.row.select-category.single-head {
    border-bottom: 1px solid #dadfea;
    min-height: 69px;
    padding-top: 22px;
}

span.back {
    font-size: 12px;
}

span.back a {
    outline: none;
    text-decoration: none !important;
    color: #15a4fa;
    font-size: 12px;
}

.single-head h1 {
    display: inline-block;
    margin: 11px 0 4px 0;
}

.single-head h1 a {
    font-size: 22px;
    color: #3498db;
    word-wrap: break-word;
    font-weight: 600;
    text-decoration: none;
}

.question-content-text {
    color: #333333;
    font-size: 15px;
    font-style: normal;
    line-height: 21px;
}

li.votemain.count {
    font-size: 14px;
    background-color: #5dae2b;
    color: #fff;
    border-radius: 4px;
    padding: 5px 12px;
}

.question-vote {
    list-style: none;
    padding: 11px 0px 1px 15px;
    margin: 0;
    text-align: center;
    position: relative;
    display: inline-block;
}

.question-vote li {
    list-style: none;
}

.vote-count {
    display: inline-block;
}

.vote-count.text-center a {
    color: #fff;
}

.vote-count span {
    display: block;
    color: #6f7d95;
    font-size: 12px;
}

li.count-vote-mid span.vote {
    font-weight: 600;
    font-size: 27px;
    color: #333;
    line-height: 20px;
}

li.count-vote-mid {
    padding: 0px;
}

.vote-count.text.text-center {
    vertical-align: top;
    margin-top: 32px;
}

.vote-count.text.text-center span {
    font-size: 16px;
    font-weight: 600;
    color: #007ee5;
}

.vote-count span.vote {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 1px 6px;
    line-height: 23px;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 12px;
    background-color: #3397db;
}

.vote-count span.awnsersCount {
    color: #36c5a5;
    border-radius: 50px;
    font-weight: 600;
    font-size: 31px;
    display: inline-block;
    line-height: 22px;
}

.vote-count span.awnsersCount {
    background-image: url(http://www.answiz.com/images/ans-bubble.png);
    width: 41px;
    height: 42px;
    background-size: cover;
    color: #fff;
    line-height: 40px;
    font-size: 21px;
}

span.ans-text {
    display: inline-block;
    vertical-align: bottom;
}

.vote-count.ans.text-center>a {
    color: #6f7d95;
}

.vote_result {
    font-size: 20px;
    font-weight: 700;
    margin: 1px 0;
    line-height: 11px;
}

.post-author {
    margin-right: 15px;
}

span.post-cat a {
    margin-left: 4px;
    outline: none;
    text-decoration: none !important;
    color: #ffffff;
    background-color: #007ee5;
    padding: 0px 7px 2px;
    border-radius: 13px;
}

.question-content .badge-span {
    margin-right: 12px;
    float: left;
    margin-top: 3px;
    color: #fff;
    border-radius: 3px;
}

.badge-span {
    font-size: 11px;
    padding: 1px 4px 2px;
    line-height: 15px;
    display: inline-block;
}

.question-content .post-meta>span {
    margin-right: 15px;
    font-size: 11px;
}

.post-meta {
    color: #7c7f85;
    vertical-align: middle;
    line-height: 25px;
}

.post-author,
.question-author-un {
    font-size: 13px;
    display: inline-block;
    font-weight: 600;
    color: #6f7d95;
    line-height: 24px;
    margin: 0px 9px 0px 0px;
}

.article-question .post-title {
    margin-bottom: 15px;
    font-size: 19px;
    line-height: 22px;
    font-weight: 600;
    clear: both;
    color: #272930;
    text-decoration: none;
    width: 100%;
    word-wrap: break-word;
}

.article-question .tagcloud {
    margin-bottom: 23px;
    overflow: hidden;
    margin-top: 12px;
}

.question-footer {
    overflow: hidden;
}

.footer-meta {
    padding: 0;
    margin: 0;
    list-style: none;
}

a.meta-answer {
    font-size: 13px;
    font-weight: 600;
    padding: 5px 12px 5px 13px;
    background-color: #5dae2b;
    color: #fff !important;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

a.meta-answer.dropdown.pull-right.qs-all {
    font-size: 14px;
    font-weight: 600;
    background-color: #0099cc;
    color: #fff !important;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
}

.comment-leave .jqte {
    margin: 30px 0;
    border: #dadada 1px solid;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 0 3px #999;
    overflow: hidden;
    transition: box-shadow 0.4s, border 0.4s;
    -webkit-transition: -webkit-box-shadow 0.4s, border 0.4s;
    -moz-transition: -moz-box-shadow 0.4s, border 0.4s;
    -o-transition: -o-box-shadow 0.4s, border 0.4s;
    width: 100%;
    box-shadow: none;
}

button.meta-answer.comment {
    background-color: #27293000;
    color: #007ee5;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    padding: 5px 12px 5px 12px;
    border: none;
}

.main-comment {
    padding: 15px 0px;
    margin: 5px 0px;
    /* display: none; */
}

.main-comment label {
    font-weight: 600;
    margin-bottom: 4px;
}

.main-comment textarea.answer.w-100 {
    text-align: left;
    padding: 12px 12px;
    color: #272930;
    border-radius: 4px;
}

button.btn.btn-postcomment.my-2 {
    background-color: #007ee5;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    padding: 7px 14px;
    min-width: 95px;
    min-height: 37px;
}

button.btn.btn-primary.loadmore-q-btn {
    background-color: #007ee5;
    color: #fff;
    padding: 12px 12px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-weight: 600;
    width: 100%;
}

a.saveReplyA.btn.btn-primary {
    background-color: #007ee5;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    padding: 7px 14px;
    margin: 11px 0px;
}

a.cancelReplyA.btn.btn-primary {
    background-color: #272930;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    padding: 7px 14px;
    margin: 0px 4px;
    border: none;
}

a.saveReplyQ.btn.btn-primary {
    background-color: #007ee5;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    padding: 7px 14px;
    margin: 11px 0px;
}

a.cancelReplyQ.btn.btn-primary {
    background-color: #272930;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    padding: 7px 14px;
    margin: 0px 4px;
    border: none;
}

button.btn.btn-cancelcomment.my-2 {
    background-color: #272930;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    padding: 7px 14px;
    margin: 0px 4px;
}

.comments ul {
    list-style-type: none;
    padding: 8px 7px;
    font-size: 13px;
}

.comments {
    margin-top: 15px;
    margin-bottom: 20px;
    position: relative;
}

.edit-del-main {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}

.comments ul li:hover .edit-del-main {
    position: absolute;
    right: 0;
    top: 3;
    opacity: 1;
}

.comments ul.question-vote.reply li {
    border: none;
    padding: 0px;
}

.comments ul.question-vote.reply li a i.fa.fa-caret-up {
    font-size: 17px;
}

ul.question-vote.reply {
    display: inline-block;
    padding: 0px 6px;
    z-index: 999;
}

.comments .send-details span.send-time {
    display: inline-block;
}

.comments .send-details span.send-time a.comment-date {
    padding: 0px;
    font-size: 10px;
    color: darkgrey;
}

.comments ul li {
    padding: 6px 0px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.comments .send-details span.sender {
    color: #272930;
    font-size: 12px;
    font-weight: 600;
    padding-right: 4px;
}

.comments .comment-text {
    font-size: 12px;
    color: #272930;
    padding: 0px 0px;
    padding-left: 22px;
}

span.edit-reply {
    color: #007ee5;
    cursor: pointer;
}

.footer-meta li {
    float: left;
    margin-right: 10px;
    border: 1px solid #d9dadb;
    font-size: 12px;
    padding: 7px 12px;
    color: #7c7f85;
    background-color: white;
}

.footer-meta li i {
    font-size: 15px;
    margin-right: 10px;
    color: #677075;
}

section.trendding-tags {
    background-color: #fff;
    padding: 18px 20px 30px 18px;
    margin-bottom: 30px;
    border-bottom: 2px solid #e1e3e3;
    display: inline-block;
    width: 100%;
}

section.trendding-tags .widget-title {
    font-size: 14px;
    line-height: 23px;
    color: #26333b;
    margin-bottom: 18px;
    font-weight: 700;
}

.tagcloud a {
    margin-bottom: 6px;
    margin-right: 6px;
    display: block;
    float: left;
    border-radius: 0 10px 10px 10px;
    font-size: 12px;
    padding: 3px 13px;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    background-color: #CEE0ED;
    color: #272930;
    margin-left: 2px;
}

.tagcloud a:hover {
    background-color: #2d6ff7;
    color: #fff;
    text-decoration: none;
}

ul.popular-qs span.author-image-span.side-icon {
    border: none;
    box-shadow: none;
    margin-right: 5px;
}

ul.popular-qs span.author-image-span.side-icon img {
    width: 20px;
    height: 20px;
}

.questions-side h3 a {
    color: #272930;
    font-weight: 500;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 7px;
    text-decoration: none;
    word-wrap: normal !important;
}

.questions-side {
    position: relative;
}

span.box-count {
    display: inline-block;
    padding: 1px 3px;
    line-height: 17px;
    font-size: 13px;
    background-color: #2d6ff7;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 6px;
    width: 33px;
    text-align: center;
}

.questions-side h3 {
    white-space: normal;
    display: inline-block;
    word-wrap: normal !important;
    width: 89%;
}

a.post-meta-comment {
    font-size: 13px;
    color: #7c7f85;
    text-decoration: none;
    display: block;
}

section.trendding-tags.widget h2 i {
    color: #007ee5;
    font-size: 16px;
    padding-right: 7px;
}

ul.popular-qs.pl-0 li {
    padding: 15px 0px 12px;
    white-space: nowrap;
}


/*************** reply-vote-btn ***********/


/***************** forgetpass *************/

.header-pass-reset h3 {
    background-color: #0099cc;
    padding: 15px 12px;
    color: #fff;
    font-size: 20px;
}

.main-body-pass {
    padding: 16px 16px 24px;
}

.input-group.forget-pass {
    border: 1px solid #dadada;
    padding: 7px 10px;
}

.input-group.forget-pass input {
    border: none;
    width: 100%;
    outline: none;
}

span.icon-forgwt-pass {
    padding: 5px 11px;
    color: #d4d4d4;
    padding-left: 0px;
}

button.btn.btn-reset-pass {
    width: 100%;
    background-color: #F5B03A;
    color: #fff;
    font-size: 16px;
    padding: 11px 3px;
    border-radius: 50px;
}

button.btn.btn-reset-pass:hover {
    background-color: #1B2B38;
}

label.forget-pass {
    color: #727272;
    font-size: 14px;
}

.alert.alert-danger.resetmessages p {
    margin: 0px;
}


/************* report-model ****************/

.report-heading h4 {
    background-color: #007ee5;
    padding: 12px 12px;
    text-align: center;
    color: #fff;
    font-size: 21px;
}

.main-report-model {
    padding: 7px 12px;
}

label.dom-checks {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: #2283AB;
    font-weight: 500;
    margin-bottom: 3px;
    vertical-align: bottom;
}

input.reportSelectedCheckboxes.d-none:checked+label:before {
    content: "\2713";
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    background-color: #007ee5;
}

label.dom-checks:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
}

p.heading-report {
    color: #007ee5;
    margin-bottom: 0px;
    font-size: 19px;
}

p.details-report-model {
    font-size: 13px;
    color: #626262;
}

button#reportAnswer {
    width: 100%;
    background-color: #272727;
    color: #fff;
    min-height: 41px;
}

.main-report {
    padding: 10px 19px 6px;
}

button.btn.btn-report.w-100 {
    background-color: #272727;
    color: #fff;
    padding: 9px 12px;
    border-radius: 2px;
}

p.description-report {
    font-size: 14px;
    color: #626262;
}


/************** answer ****************/

.answer-main-heading h3.section-title {
    font-size: 18px;
    line-height: 11px;
    padding: 12px 0px 0px;
    margin: 0px;
}

.answer-main-heading {
    padding: 10px 30px;
    background-color: #f9f9f9;
    padding: 10px 30px 0px;
}

ul.nav.nav-tabs.ans-category {
    border: none;
    display: inline-flex;
}

ul.nav.nav-tabs.ans-category li a {
    border-radius: 0px;
    color: #7c7f85;
    font-size: 13px;
    border-bottom: none;
    border-top: 2px solid transparent;
}

ul.nav.nav-tabs.ans-category li a.active {
    border-radius: 0px;
    color: #007ee5;
    font-size: 13px;
    border-bottom: none;
    font-weight: 600;
    border-top: 2px solid #007ee5;
}

a.comment-date {
    display: block;
    clear: both;
    font-size: 11px;
    color: #7c7f85;
    padding: 2px 0px 5px;
}

.question-content-text.comment p {
    font-size: 14px;
    line-height: 24px;
    color: #707885;
    margin-bottom: 7px;
}

ul.question-mobile.question-vote.comment li {
    display: inline-block;
}

ul.question-mobile.question-vote.comment li a i {
    color: #7c7f85;
    font-size: 25px;
}

ul.question-mobile.question-vote.comment {
    text-align: left;
    display: inline-block;
    padding: 7px 0px 1px 0px;
}

ul.question-mobile.question-vote.comment li a i {
    font-size: 15px;
}

ul.question-mobile.question-vote.comment li {
    font-size: 15px;
    padding: 0px 2px;
}

span.reply-comment {
    padding-right: 11px;
    font-size: 12px;
    margin: 0px;
    cursor: pointer;
}

span.report-comment {
    font-size: 12px;
}

button.btn.btn-leave-comment.w-100 {
    outline: none;
    background-color: #f5b03a;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
}

.btn-leave-comment:hover {
    background-color: #0099cc !important;
}

form.comment-leave .input-group {
    position: relative;
}

form.comment-leave label {
    margin-bottom: 3px;
    font-size: 12px;
}

form.comment-leave span.icons-comment {
    position: absolute;
    top: 11px;
    left: 8px;
    color: #999;
}

form.comment-leave input {
    border: 1px solid #cecece;
    padding: 6px 12px;
    padding-left: 30px;
}

.main-commnet-form {
    display: none;
}

.main-commnet-form.open {
    display: block;
}


/*************** reply-coment ****************/

.replyq-heading h4 {
    background-color: #4A90E2;
    color: #fff;
    padding: 17px 12px;
    margin: 0px;
    font-size: 19px;
    text-align: center;
}

button.btn.btn-edit-ans {
    background-color: #4A90E2;
    color: #fff;
    width: 100%;
    padding: 11px 12px;
}


/**************** profile **************/

.background-main-color {
    background-color: #f5b03a;
}

.content-wrapper {
    overflow-x: hidden;
}

.content-wrapper {
    min-height: calc(100vh - 56px);
    padding-top: 1rem;
}

span.icon-upper {
    box-shadow: 0 14px 26px -12px rgba(0, 126, 229, 0.36), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 126, 229, 0.3) !important;
    padding: 17px 18px;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    left: 10px;
    top: -20px;
    background-color: #0099cc;
}

.d-block.profileupper-option .content .card-title.is-tile {
    font-size: 1.45rem;
    color: #444F60;
    font-weight: 500;
    margin-top: 15px;
    float: right;
    position: relative;
    top: -20px;
}

.content .card-title.is-tile .card-stat {
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    margin-top: 5px;
    font-size: 20px;
}

ul.navbar-nav.nav.nav-tabs.ml-auto.profile li a.active {
    border: none;
    background-color: transparent;
    font-size: 17px;
    border-bottom: 2px solid #fff;
}

ul.navbar-nav.nav.nav-tabs.ml-auto.profile li a {
    border: none;
    background-color: transparent;
    font-size: 17px;
    color: #fff;
    border-bottom: 2px solid #007ee5;
}

.main-profile.p-3 {
    background-color: #fff;
}

.profileupper-option {
    box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.04);
    border: 1px solid #e5e5e5;
    background-color: #fff;
    padding: 10px 16px;
    width: 100%;
    position: relative;
}

.content .card-title.is-tile {
    font-size: 18px;
    color: #444F60;
    font-weight: 600;
    margin-top: 15px;
    float: right;
    position: relative;
    top: -10px;
}

.content .card-title.is-tile .card-stat {
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    margin-top: 7px;
    font-size: 18px;
    color: #0099cc;
}

.content .card-title.is-tile .card-stat .stat-type {
    font-size: 0.8rem !important;
    color: #444f60;
}

.profile-inner-main {
    padding: 20px 20px;
    background-color: #fff;
}

h3.name-user-profile {
    font-weight: 600;
    font-size: 19px;
    padding: 13px 0px 10px;
    margin: 0px;
}

ul.inner-profile-option {
    list-style: none;
    padding-left: 0px;
}

ul.inner-profile-option li {
    padding: 12px 1px;
    font-size: 15px;
}

ul.inner-profile-option li>span {
    font-size: 14px;
    float: right;
    background-color: #007ee5;
    padding: 5px 0px;
    width: 28px;
    text-align: center;
    border-radius: 50%;
    height: 28px;
    color: #fff;
    vertical-align: middle;
    line-height: 0px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 2px #007ee5;
}

.main-inner-profiletext {
    background-color: #fff;
    padding: 20px 20px;
}

li.filters.nav-item.active {
    border-bottom: 2px solid #ffca34;
}

ul.nav.nav-tabs.d-inline-flex.profile {
    border: none;
}

ul.nav.nav-tabs.d-inline-flex.profile li a {
    padding: 2px 10px 0px 4px;
    border-radius: 0px;
    border: none;
    margin: 0px 4px;
}

ul.nav.nav-tabs.d-inline-flex.profile li.answersTab.nav-item a.tabsp.nav-link {
    padding: 2px 5px 0px 4px;
    border-radius: 0px;
    margin-right: 10px;
}

li.answersTab.nav-item.ans-user.mr-md-1.mr-lg-2 {
    border-right: 1px solid #969696;
}

ul.nav.nav-tabs.d-inline-flex.profile li a.tabsp.nav-link.active {
    border-bottom: 2px solid #007ee5 !important;
}

ul.tags-profile {
    list-style: none;
    padding: 0px 3px;
}

ul.tags-profile li.main-top {
    background-color: #f7f8f8;
    padding: 7px 12px 3px;
    margin: 3px 0px;
}

.question-content-text pre.lang-cpp.prettyprint.prettyprinted {
    background-color: #f1f1f1;
    padding: 12px 12px;
}

ul.tags-profile li.main-top.parts {
    background-color: #fff;
    padding: 0px 11px;
}

ul.tags-profile li.main-top span.tag {
    padding: 5px 10px;
    background-color: #E1ECF4;
    color: #39739d;
    font-size: 15px;
    display: inline-block;
}

.inner-tags.bg-color {
    background-color: #f7f8f8;
    padding: 5px 8px;
    min-height: 42px;
}

ul.tags-profile .score-details.text-sm-right ul li span {
    font-size: 11px;
    vertical-align: top;
    color: #9199a1;
    padding: 2px 2px;
}

ul.top-question-profile {
    padding-left: 0px;
    list-style: none;
}

a.all-tags.my-2.d-inline-block {
    font-size: 13px;
    color: #07C;
    text-decoration: none;
}

.question-content-text pre.default.prettyprint.prettyprinted {
    background-color: #efefef;
    padding: 12px 12px;
}

.question-content-text pre {
    background-color: #efefef;
    padding: 12px 12px;
}

.btn-option-profile-active {
    display: inline-block;
}

.btn-option-profile-active a.btn.btn-db-edit {
    font-size: 12px;
    color: #007ee5;
    cursor: pointer;
    padding: 1px 8px;
}

a.btn.btn-db-edit.deleteQp {
    color: #000;
}

span.votedate {
    font-size: 12px;
    color: #a7a7a7;
}

h3.heading-tags {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0px;
}

ul.top-question-profile span.vote {
    display: inline-block;
    padding: 1px 11px;
    border: 1px solid #c7c7c7;
    font-size: 12px;
}

ul.top-question-profile span.pull-right.votedate {
    font-size: 14px;
    color: #afafaf;
}

ul.top-question-profile li {
    padding: 10px 0px;
    border-top: 1px solid #eaeaea;
}

ul.top-question-profile li a.question-text {
    font-size: 13px;
    color: #07C;
    text-decoration: none;
}

ul.top-question-profile li span.icons {
    color: #c1c0c0;
    padding-right: 3px;
}

.text-right.viewall-qa {
    font-size: 13px;
}

h3.heading-tags.bordr-b {
    border-bottom: 1px solid #e4e6e8;
}

.badges-number.text-center {
    text-transform: uppercase;
    color: #999;
    font-size: 11px;
    font-weight: 700;
    padding: 14px 12px;
}

.badges-number.text-center span.number {
    font-size: 24px;
    display: block;
    margin: 0px;
    color: #000;
}

ul.tags-profile .score-details.text-sm-right ul li {
    font-size: 17px;
}

.score-details.text-sm-right ul {
    list-style: none;
}

ul.tags-profile .score-details.text-sm-right ul li {
    display: inline-block;
    padding: 0px 12px;
}

form.edit-profile-form input.input-edit {
    width: 100%;
    padding: 11px 12px;
    border: none;
    background-color: #eef1f7;
    font-size: 14px;
    outline: none;
}

form.edit-profile-form textarea.w-100.edit {
    width: 100%;
    padding: 11px 12px;
    border: none;
    background-color: #eef1f7;
    font-size: 14px;
    outline: none;
}

form.edit-profile-form h3.inner-form-heading {
    font-size: 17px;
    font-weight: 500;
    color: #212529;
    padding: 6px 0px;
}

.profile-inner-main input.edit-image {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 1;
}

.profile-inner-main .main-pic-user {
    position: relative;
    /* max-height: 244px; */
    cursor: pointer;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.profile-inner-main .overlay.edit-img {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    /* Black see-through */
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: white;
    font-size: 20px;
    padding: 20px;
    text-align: center;
}

.profile-inner-main .main-pic-user:hover .overlay.edit-img {
    opacity: 1;
}

.rarest {
    padding: 2px 12px;
}

ul.badges-list.list-unstyled li span.badge-date {
    font-size: 13px;
    float: right;
}

.rarest h4 {
    font-size: 16px;
    font-weight: 600;
}

ul.badges-list.list-unstyled li a.badge {
    padding: 6px 7px;
    margin: 0 3px 3px 0;
    color: #FFF;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    font-size: 11px;
    background-color: #2f3337;
    border: 1px solid transparent;
    display: inline-block;
    border-radius: 4px;
}

ul.badges-list.list-unstyled li a.badge span.badge-date {
    color: #777;
    float: right;
    font-size: 12px;
}


/***************** tags *********************/

.tags-list .wrap-tag-list {
    border-bottom: 1px solid #dadfea;
    padding: 20px 0;
}

.tags-list .wrap-tag-list:nth-child(2n+1) {
    background: #fbfcff;
}

.tags-list .wrap-tag-list {
    background: #fff;
    padding: 20px 30px;
}

.main-tag-list .character {
    font-size: 36px;
    font-weight: 700;
    color: #6f7d95;
}

.main-tag-list .tags-list div.tag-item {
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
    position: relative;
}

.overlay-category-text {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    display: block;
    position: absolute;
    top: auto;
    bottom: 8%;
    height: 17px;
    width: 100%;
}

.left-info.ml-0.d-block.secund {
    clear: both;
}

.main-tag-list .tags-list div.tag-item a {
    font-size: 12px;
}

.main-tag-list .tags-list div.tag-item a.q-tag {
    border: 1px solid #d9dfe9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #f3f5f9;
    text-decoration: none;
    color: #6f7d95;
    line-height: 20px;
    display: inline-block;
    padding: 0 10px;
    margin-right: 5px;
}

.main-tag-list .tags-list div.tag-item p {
    font-size: 11px;
    line-height: 20px;
    margin-top: 5px;
    color: #6f7d95;
}

.main-tag-list .tags-list .tag-item.category p {
    font-size: 11px;
    line-height: 20px;
    margin-top: 5px;
    color: #6f7d95;
    height: 57px;
    overflow: hidden;
}

.main-tag-list.popular {
    background-color: #fff;
    padding: 17px 17px;
}

.main-heading-tags {
    background-color: #0888f1;
    padding: 12px 12px;
    color: #fff;
}

ul.nav.nav-pills.pull-right.tags li a.active {
    background-color: #fff;
    color: #0888f1;
    border-radius: 0px;
    margin: 0px 2px;
    border-bottom: 4px solid #f39c12;
}

ul.nav.nav-pills.pull-right.tags li a {
    background-color: #fff;
    color: #0888f1;
    border-radius: 0px;
    margin: 0px 2px;
}


/********************* not-found *****************/

.record-not-found i {
    position: absolute;
    left: -100px;
    top: -50px;
    font-size: 440px;
    color: #888;
    opacity: 0.05;
}

.record-not-found {
    display: inline-block;
    padding: 12% 11px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    margin-bottom: 40px;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
    min-height: 270px;
}

.record-not-found h2 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1;
    color: #007ee5;
}


/****************** side-search ***********************/

.inner-search.side input.col-9.col-sm-10.col-md-10.main-search {
    border: none;
    padding: 8px 12px;
    background-color: #eef1f7;
    outline: none;
}

.inner-search.side button.col-3.col-sm-2.col-md-2.btn.btn-search-upper {
    background-color: #0888f1;
    color: #fff;
    border-radius: 0px;
}

.inner-search.side {
    border: 4px solid #f9f9f9;
    box-shadow: 0px 0px 3px 0px #d6d6d6;
}


/********************* users **********************/

.main-user-list ul {
    padding: 20px 35px;
}

.main-user-list ul li.user-item {
    display: inline-block;
    margin-bottom: 25px;
}

.main-user-list ul li.user-item .user-auther {
    float: left;
    margin-top: 3px;
    max-width: 30px;
}

.main-user-list ul li.user-item .user-auther img,
.author-avatar img,
.comment-avatar img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    max-width: 100%;
    height: auto;
}

.main-user-list ul li.user-item img.avatar.users {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.main-user-list ul li.user-item .user-auther.user {
    float: left;
    margin-top: 3px;
    max-width: 58px;
}

.main-user-list ul li.user-item .left-info {
    display: inline-block;
    margin-left: 12px;
    margin-bottom: 6px;
}

.main-user-list ul li.user-item .left-info .location {
    line-height: 25px;
    font-size: 12px;
    color: darkgrey;
}

.main-user-list ul li.user-item .left-info .location.users {
    line-height: 25px;
    font-size: 13px;
    color: #0888f1;
    text-transform: capitalize;
    display: block;
}

span.location.users i {
    color: #bdbdbd;
    padding-right: 5px;
}

.main-user-list ul li.user-item .user-badge {
    margin-left: 0;
    max-width: 70px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    font-size: 13px;
    padding: 3px 6px;
    border-radius: 4px;
}

.question-cat span {
    display: inline-block;
    vertical-align: middle;
    color: #6f7d95;
    font-size: 13px;
}

.main-user-list {
    background-color: #fff;
}

.left-info a span.display_name {
    color: #5f5f5f;
    font-size: 15px;
}

span.user-badge.one {
    background-color: #780978;
}

span.user-badge.two {
    background-color: #ffbf00;
}

span.user-badge.three {
    background-color: #04aad4;
}


/******************* tutorials *******************/

.main-head-tutorial.text-center {
    padding: 37px 12px;
    background-image: url(../images/breadcum.jpg);
    color: #fff;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-head-tutorial.text-center h2.heading span {
    font-size: 40px;
}

.main-head-tutorial.text-center h2.heading {
    font-weight: 600;
    font-size: 35px;
}

.filter-main {
    padding: 20px 25px;
    background-color: #f2f2f2;
    color: #4a4a4a;
}

.main-inner-tutorials {
    background-color: #fff;
    padding: 15px 15px;
}

.inner-search.my-2.container-fluid {
    border: 4px solid #f9f9f9;
    margin-bottom: 16px;
    box-shadow: 0px 0px 3px 0px #d6d6d6;
}

input.col-9.col-sm-10.col-md-10.main-search-tutorial {
    border: none;
    padding: 8px 12px;
    background-color: #eef1f7;
    outline: none;
}

button.col-3.col-sm-2.col-md-2.btn.btn-search-upper.tutorial {
    background-color: #0888f1;
    color: #fff;
    border-radius: 0px;
}

.SumoSelect.w-100.filter-tutorial .SumoSelect {
    width: 100%;
}

.SumoSelect.w-100.filter-tutorial .SumoSelect>.CaptionCont {
    position: relative;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eef1f7;
    border-radius: 2px;
    margin: 0;
    margin-right: 6px;
    padding: 7px 9px;
}

.card-body.tutorial {
    position: relative;
}

.card-body.tutorial h3.card-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
}

.card-body.tutorial p.card-text {
    font-size: 14px;
    color: #7d7d7d;
    line-height: 1.5em;
}

.posts__post-author_photo {
    height: 32px;
    width: 32px;
    border-radius: 50px;
    vertical-align: baseline;
}

.posts__post-details__info {
    display: inline-block;
    padding-left: 5px;
}

.posts__post-author {
    display: block;
    font-style: normal;
    line-height: 1em;
    margin: 0px;
}

.posts__post-author-link {
    display: inline-block;
    max-width: 175px;
    vertical-align: middle;
    color: #8e8e8e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}

time.posts__post-publication-date {
    font-size: 11px;
    color: #8e8e8e;
}

a.posts__post-primary-category-link.topic-code {
    color: #4cc1be;
    font-size: 12px;
    font-weight: 600;
}

span.posts__post-extra-info {
    display: inline-block;
    vertical-align: middle;
    color: #8e8e8e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}


/******************** footer *****************/

footer.posts__post-details {
    position: relative;
}

.posts__post-teaser-overlay {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    display: block;
    height: 20px;
    width: 100%;
    position: absolute;
    top: -80%;
}


/* footer.custom {
    background-color: #171717;
    color: #fff;
    background-image: url(https://i.imgur.com/2HeoAQ8.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 0% 34%;
    padding: 0% 0px 0%;
    position: relative;
} */

a.poweredby-foter {
    color: #3f9bd6 !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.footer-copyright.foter {
    padding: 15px 0px;
    font-size: 12px;
    color: #4A4A4A;
    background-color: #EBEDEE;
}

ul.foter-option {
    padding-left: 0px;
    list-style: none;
    margin: 0px;
}

ul.foter-option li a.nav-link.custom {
    color: #e6e6e6;
}

.page-footer__count-item {
    display: inline-block;
    margin-right: 5px;
    width: 48%;
    padding: 4px 1px;
    text-align: center;
    position: relative;
    height: 57px;
    font-size: 12px;
    background-color: #ffffff0f;
    margin: 2px 2px;
}

.page-footer__count-value {
    color: white;
    display: block;
    font-weight: 600;
    font-size: 17px;
}

.page-footer__count-label {
    color: #8e8e8e;
    display: block;
    font-size: 13px;
}

li.heading-fot.nav-link {
    color: #007ee5;
    font-size: 20px;
    font-weight: 600;
}

img.img-fluid.logo.foter {
    height: 55px;
}

.main-foter {
    padding: 2% 0px;
}

ul.inline-icon.footer li {
    display: inline-block;
    padding-right: 15px;
}

ul.inline-icon.footer {
    list-style: none;
    padding-left: 0px;
    display: inline-block;
}

ul.inline-icon.footer:nth-child(4) {
    padding-right: 0;
}

ul.inline-icon.footer li {
    display: inline-block;
    padding-right: 15px;
}


/* seperat css question */

.question-vote-up.voteQReply i {
    color: #000;
}

.question-vote-up.voteAReply i {
    color: #000;
}

.question-vote-up.voteQReply.active i {
    color: #0232ff;
}

.question-vote-up.voteAReply.active i {
    color: #0232ff;
}

.reportqr.active,
.reportar.active {
    color: #0232ff;
}

span.box-cont {
    display: inline-block;
    padding: 1px 12px;
    line-height: 17px;
    font-size: 13px;
    background-color: #2d6ff7;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 6px;
}

.deleteQuestion {
    color: red;
    cursor: pointer;
    padding-left: 4px;
}

.image-upload-area {
    position: relative;
    height: 200px;
    text-align: center;
    border: 2px dashed #bdbdbd;
    margin: 12px 12px;
}

input#imageFile {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
}

span.icons-upload-img {
    color: #dedede;
    font-size: 107px;
}

p.text-upload-img-ans {
    color: #c5c5c5;
    font-size: 13px;
}

.image-upload-area .upload-info {
    font-size: 17px;
    color: #bdbdbd;
    padding: 15% 5%;
    display: inline-block;
}

@media screen and (max-width: 992px) and (min-width:768px) {
    img.img-fluid.user-picprofile {
        max-width: 140px;
    }
    .search-drpdon-main {
        width: 94%;
    }
    .container.custom {
        max-width: 830px;
    }
    .vote-count.text.text-center {
        margin-top: 0px;
    }
    ul.navbar-nav.options-nav.mx-auto.custom li a span {
        padding-right: 4px;
        color: #007ee5;
        font-size: 21px;
        text-align: center;
        line-height: 22px;
        font-weight: 400;
        display: inline-block;
        width: 100%;
    }
}

@media screen and (max-width: 767px) and (min-width:576px) {
    /*.slick-prev{
        display: none !important;
    }*/
    .date-post {
        display: none !important;
    }
    .loader-main-input {
        position: absolute;
        right: 20%;
        display: inline-block;
        top: 28%;
    }
    button.navbar-toggler.custom.collapsed {
        padding-left: 20%;
    }
    .search-drpdon-main {
        width: 94.5%;
    }
    button.close-search {
        right: 19%;
    }
    .container.custom {
        max-width: 605px;
    }
}

@media screen and (min-width: 1300px) {
    .container.custom {
        max-width: 1251px;
    }
}



@media screen and (max-width: 576px) {
    .m-mob {
        margin-top: 20px;
    }
    .search-drpdon-main {
        width: 94%;
    }
    button.close-search {
        right: 27.5%;
    }
    span.loader-main-input {
        position: absolute;
        right: 28%;
        top: 28%;
    }
    .border_txt {
        border: none !important;
    }
    
}

@media screen and (min-width: 1024px) {
    ul.navbar-nav.options-nav.mx-auto.custom li a {
        min-width: 143px;
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .modal.fade.signin.show .modal-dialog {
        max-width: 589px;
        margin: 30px auto;
    }
    .search-drpdon-main {
        width: 96%;
    }
    #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
        background: #F9F9F9;
    }
    #mainNav .navbar-collapse .navbar-sidenav {
        padding-bottom: 100px;
        position: absolute;
        top: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 56px;
    }
    #mainNav .navbar-collapse .navbar-sidenav>.nav-item {
        width: 230px;
        padding: 0;
    }
}

@media screen and (max-width: 992px) {
    .col-6.question-image-vote.px-sm-0.vote-bg {
        text-align: center;
    }
    .post-meta {
        color: #7c7f85;
        vertical-align: middle;
        line-height: 25px;
        display: inline-block;
    }
}

@media screen and (min-width: 768px) {
    li.nav-item.logo-main {
        float: left;
    }
    .dropdown-menu.notification.show {
        transform: translate3d(0px, 22px, 0px) !important;
    }
    .col-sm-4.col-md-4.px-0.bdr-badges {
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
    }
    ul.reply-main-brd {
        margin-left: 3rem!important;
    }
}

.dropdown-item {
    padding: 10px;
    text-align: justify;
}

@media screen and (max-width: 768px) {
    /*.slick-prev{
        display: none !important;
    }*/
    
    .date-post {
        display: none !important;
    }
    time.time-notify {
        display: inline-block;
        text-align: right;
        font-size: 14px;
        vertical-align: top;
        font-weight: 400;
        margin-top: 8px;
    }
    .dropdown-menu.notification.show a.dropdown-item {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        height: 37px;
        display: inline-block;
        font-weight: 600 !important;
        vertical-align: middle;
        font-size: 13px !important;
    }
    .dropdown-menu.notification.show {
        width: 100%;
        padding: 0pc;
        box-shadow: rgba(28, 29, 32, 0.23) 0px 6px 16px, rgba(23, 24, 27, 0.25) 0px 9px 40px;
        background-clip: padding-box;
        transition: all 0.11s ease-in 0s;
        border-radius: 0px 0px 0.25rem 0.25rem;
        transition-delay: 0s;
    }
    ul.notify.main-list.pl-0 li {
        white-space: normal;
        max-width: 100%;
        width: 100%;
        padding: 0px 15px;
        border-bottom: 1px solid #dedede;
    }
    ul.notify.main-list.pl-0 {
        max-height: 252px;
        overflow-y: auto;
        width: 100%;
    }
    ul.navbar-nav.options-nav.mx-auto.custom li a {
        border-right: none;
    }
    ul.nav.nav-tabs.ans-category {
        border: none;
    }
    ul.nav.nav-tabs.ans-category li a {
        border-radius: 0px;
        color: #7c7f85;
        font-size: 13px;
        border-bottom: none;
        padding: 9px 13px;
    }
    ul.navbar-nav.navbar-sidenav.background-third-color li {
        color: #fff;
    }
    ul.inner-profile-option li {
        border-bottom: 2px solid #0171cc;
        padding-left: 2px;
    }
    .footer-meta li,
    a.meta-answer {
        padding: 6px 8px;
    }
    .question-vote {
        list-style: none;
        margin: 0;
        text-align: center;
        position: relative;
        display: inline-block;
        padding: 0px 5px;
    }
    ul.question-mobile.question-vote li a.question_vote_up.vote_not_user i {
        font-size: 35px;
        color: #f6bc5a;
        line-height: 32px;
    }
    ul.question-mobile.question-vote li a.question_vote_down.vote_not_user i {
        font-size: 35px;
        color: #cee0ed;
        line-height: 32px;
    }
    .inner-question.main {
        background-color: #fff;
        /* padding: 18px 15px 30px; */
        box-shadow: 1px 1px 14px 1px #e8e8e8;
        position: relative;
    }
    .footer-meta {
        padding: 0;
        margin: 0;
        list-style: none;
        clear: both;
    }
    ul.question-mobile.question-vote li {
        line-height: 14px;
        display: list-item;
    }
    .author-image.text-center {
        display: inline-block;
    }
    .question-image-vote {
        display: inline-block;
    }
    .question-sticky-ribbon {
        right: -15px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .stats-inner li,
    .widget .stats-inner li:last-child {
        width: 100%;
    }
    .container.custom {
        max-width: 1000px;
    }
}

@media screen and (max-width: 380px) {
    .question-content .post-meta>span {
        margin-right: 0px;
        font-size: 11px;
    }
    ul.question-mobile.question-vote li a.question_vote_down.vote_not_user i {
        font-size: 34px;
        color: #cee0ed;
        line-height: 26px;
    }
    ul.question-mobile.question-vote li a.question_vote_up.vote_not_user i {
        font-size: 34px;
        color: #f6bc5a;
        line-height: 26px;
    }
    .border_txt {
        border: none !important;
    }
    .date-post {
        display: none;
    }
}


/* Style Abweb */

.btn-light {
    color: #212529 !important;
}

.form-control {
    padding-left: 31px;
}

.fab {
    color: #6E7377;
}

.fab:hover {
    color: rgb(47, 52, 56);
}

.link_btn {
    color: #4A90E2;
    ;
}

.border_txt {
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #D8D8D8;
}

.justify-content {
    text-align: justify;
}

.home_background {
    background-image: url("../images/background/img_background.jpg?2345");
    background-position: center;
    background-size: cover;
    height: auto;
    position: relative;
}

.bg_header_2 {
    background-image: url("../images/background/img_header_2.jpg?2345");
    background-position: center;
    background-size: cover;
    height: auto;
    position: relative;
}

.darc_blue {
    background: #1B2B38;
}

.bg-cit {
    background: #0099cc;
    color: #ffffff;
}

.bg-exp {
    color: #ffffff;
    background: #F5B03A;
    height: 100%;
}

.bg-com {
    background: #F34359;
    color: #ffffff;
    height: 100%;
}

.content-col {
    column-count: 2;
}

.top-footer {
    background-color: #0099cc;
    color: #fff;
}

.backgrou-blue {
    background: #0099cc;
}

.bk_g {
    background-color: #393E41;
    color: #FFF;
}

.login_btn {
    background: #36C5A5;
    border-radius: 50px;
    font-size: 14px;
    color: #FFFFFF !important;
    cursor: pointer;
    border: 1px solid #36C5A5 !important;
}

.login_btn:hover {
    background: transparent;
    color: #36c5a5 !important;
    border: #36c5a5 1px solid !important;
}

.nav-link {
    padding: 0px;
}

.roi {
    background: rgba(46, 163, 213, 0.90);
    font-size: 16px;
    width: 489px;
    position: absolute;
    bottom: 0px;
}

.counter-num {
    border-radius: 22px;
    background-color: #f5b03a;
    color: #fff !important;
    border: none;
    width: 30px;
    height: 30px;
    line-height: 2;
    margin-bottom: 7px;
    font-size: 15px !important;
}

.bg-categorie {
    background: #4A90E2;
    font-size: 16px;
    color: #FFFFFF;
    width: auto;
    height: 42px;
    padding: 5px;
}

.more-btn {
    background: #36C5A5;
    border-radius: 20px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    position: inherit;
    height: 40px;
    width: 90px;
}

.more-btn:hover {
    background: transparent;
    color: #36c5a5 !important;
    border: #36c5a5 1px solid;
}

.loadmore-q-btn:hover {
    background: transparent;
    color: #36c5a5 !important;
    border: #36c5a5 1px solid;
}

a:hover {
    text-decoration: none;
}

.post-title:hover {
    color: #0099cc;
}

.bg-roi {
    background: #1b2b38;
}


/*.sug {
    height: 220px;
}*/

.content-mobile {
    display: none !important;
}

.content-laptop {
    display: flex;
}

@media only screen and (max-width: 600px) {
    .content-mobile {
        display: contents !important;
    }
    .content-laptop {
        display: none !important;
    }
}

.tab-pane {
    border-radius: 0px !important;
}

.like {
    background: none !important;
}

.dislike {
    background: none !important;
}

.apperance-none {
    -webkit-appearance: none;
}

.display-none {
    display: none;
}

.bg-blue {
    background-color: #0099cc;
    color: #FFF;
    height: 29px;
    width: fit-content;
    border-radius: 3px;
    font-size: 12px;
}

.divider {
    border: 1px solid #7CC3E1;
    height: 20px;
}

.at {
    margin-top: -10px;
}


/*--- Section : Calendar ----*/

.calendar-row {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    position: relative
}

.calendar-row .cl-line {
    height: 3px;
    background-position: center;
    background-repeat: repeat-x;
    background-size: 65%;
    position: absolute;
    top: 28%;
    left: 0;
    width: 100%;
}

.calendar-row .item {
    margin: auto
}

.calendar-row .item .circle {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    position: relative;
    margin: auto;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #7BCEF1;
    background: #fff;
    color: #4A4A4A;
}

.calendar-row .item .circle img {
    position: absolute;
    top: 40%;
}

.calendar-row .item .circle .time {
    right: -15px;
}

.calendar-row .item .circle .point1 {
    right: -15px;
}

.calendar-row .item .circle .point2 {
    left: -15px;
}

.calendar-row .item .circle .check {
    left: -15px;
}


/*--- Section : Membres de la commission ----*/

.membre .inner-item {
    display: flex;
    max-width: 70%;
    min-height: 50vh;
    flex-wrap: wrap;
    min-width: 100%
}

[dir="rtl"] .membre .inner-item {
    flex-direction: row-reverse;
    margin-right: 0;
    margin-left: auto;
    justify-content: right;
}

.membre .active {
    background-color: transparent;
}

.membre .inner-item .bg-img {
    height: 425px;
    min-width: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px
}

.membre .inner-item .text-box {
    color: #fff;
    padding-left: 20px;
}

.membre .inner-item .text-box .name {
    font-size: 26px;
    font-weight: bold;
}

.membre .inner-item .text-box .descr {
    font-size: 18px;
    font-weight: bold;
    width: 48vh;
}

.membre .inner-item .text-box p {
    margin-bottom: 3em;
    font-size: 18px;
    max-width: 320px;
    opacity: .7;
}

.membre .arrows-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 150px;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

[dir="rtl"] .membre .arrows-box {
    left: 20px;
    right: auto
}

.membre .carousel-control-next,
.membre .carousel-control-prev {
    position: relative;
}

.membre .inner-item .read-more {
    padding: 10px 20px;
    background: #4A90E2;
    border: 1px solid #4A90E2;
    color: #fff;
    opacity: .8;
    border-radius: 5px;
    transition: .3s;
}

.membre .inner-item .read-more:hover {
    opacity: 1;
}

.membre .inner-item .btn-membre {
    padding: 10px 20px;
    background-color: #F5B03A;
    border: 1px solid #F5B03A;
    color: #fff;
    opacity: .8;
    border-radius: 5px;
    margin-left: 20px;
    transition: .3s;
}

.membre .inner-item .btn-membre:hover {
    opacity: 1;
}

.membre .inner-item .btn-membre img {
    margin-right: 10px;
    margin-bottom: 5px;
}

.membre .progress-box {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
}

[dir="rtl"] .membre .progress-box {
    left: 0
}

.membre .progress-box .current-num {
    opacity: .7;
}

.membre .progress-box .pb-box {
    width: 160px;
    position: relative;
    height: 2px;
    margin-right: 20px;
    margin-left: 20px;
}

.membre .progress-box .pb-box .bg {
    position: absolute;
    background: #fff;
    opacity: .4;
    top: 0;
    width: 100%;
    height: 100%;
}

.membre .progress-box .pb-box .line {
    position: absolute;
    background: #fff;
    opacity: 1;
    top: 0;
    width: 0%;
    height: 100%;
    transition: .3s
}

[dir="rtl"] .membre .inner-item .bg-img {
    margin-left: 20px
}

[dir="rtl"] .membre .inner-item .text-box {
    margin-left: 20px;
    text-align: right
}

[dir="rtl"] .membre .inner-item .text-box p {
    margin-right: 0;
    margin-left: auto
}

[dir="rtl"] .membre .inner-item .btn-row {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

[dir="rtl"] .membre .inner-item .btn-row a {
    margin-left: 20px;
}

@media(max-width: 768px) {
    .membre .inner-item {
        max-width: 100%;
        padding-bottom: 20px;
        text-align: center;
    }
    .membre .inner-item .bg-img {
        height: 280px;
        min-width: 100%;
    }
    .membre .inner-item .text-box .name {
        margin-top: 30px;
    }
    .membre .inner-item .text-box p {
        max-width: 100%;
    }
    .membre .arrows-box {
        min-width: 80px;
        max-width: 80px;
        position: relative;
        margin-top: 50px;
        bottom: auto;
        margin: auto;
        top: 20px;
        right: auto;
    }
    .membre .arrows-box img {
        max-width: 40px;
        max-height: 40px;
    }
    .membre .progress-box {
        display: none;
    }
    .membre .inner-item .btn-row {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
    .membre .inner-item .btn-row a {
        display: block;
        max-width: 80%;
        margin: auto;
        margin-bottom: 20px
    }
}

button:focus {
    outline: 1px dotted;
    outline: none;
}

.footer_email {
    display: flex;
    height: 29px;
    background: #fff;
    color: #696D6F;
    width: fit-content;
    padding: 3px;
}

.fa-footer {
    color: #0099cc;
}

.btn-link {
    color: #f5b03a;
}

.btn-link:hover {
    color: #c48a26;
    text-decoration: none;
}

.btn-premary {
    background-color: #36C5A5;
    color: #fff;
    border-radius: 50px;
    border: solid 1px #36C5A5;
}

.btn-premary:hover {
    background-color: transparent;
    color: #36C5A5;
    border: solid 1px #36C5A5;
    border-radius: 50px;
}

.btn-premary:focus {
    box-shadow: none;
}

.divider-form {
    border: dashed 1px rgba(54, 197, 166, 0.425);
    height: auto;
}

.textEreaForm {
    width: auto;
    height: auto;
}


/* upload file */

.file-upload {
    display: block;
    text-align: justify;
    font-size: 12px;
}

.file-upload .file-select {
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: justify;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.file-upload .file-select:hover {
    border-color: #34495e;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select:hover .file-select-button {
    background: #34495e;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload.active .file-select {
    border-color: #3fa46a;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload.active .file-select .file-select-button {
    background: #3fa46a;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}

.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.fa-user-circle {
    color: #CAD0D6;
    font-size: 39px;
}

.dropdown-menu {
    min-width: auto;
}

.time-date {
    color: #AAAAAA;
}


/*****************-- Page : Suggestion --******************/

.sug-vw .list-box {
    background-color: #4A90E2;
    padding: 0px;
}

.sug-vw .list-box .list-p {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
    border-radius: 0;
    padding: 0;
}

.sug-vw .list-box .list-p li.active {
    background: none;
    border-radius: 0;
}

.sug-vw .list-box .list-p li a {
    display: flex;
    align-items: center;
    color: #fff;
    transition: .3s;
    cursor: pointer;
}

.sug-vw .list-box .list-p li:hover {
    background-color: rgb(61, 128, 206);
}

.sug-vw .list-box .list-p li .p-num {
    width: 32px;
    height: 32px;
    display: flex;
    color: #fff;
    background-color: #F5B03A;
    border: 2px solid rgba(255, 255, 255, .4);
    border-radius: 50%;
    box-sizing: content-box;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-weight: 500;
    transition: .3s;
}

.sug-vw .list-box .list-p li.active .p-num {
    background-color: #fff;
    color: #4A4A4A;
    transition: .3s;
}

.sug-vw .main-page {
    min-height: 70vh;
    background: transparent !important;
    background-color: transparent !important;
}

.sug-vw .main-page .q-list {
    height: 0;
    overflow: hidden;
    transition: .8s;
}

.sug-vw .main-page .q-list.show {
    height: auto;
    transition: .8s;
}

.sug-vw .main-page .q-item .q-title {
    color: #4A4A4A;
    display: flex;
    align-items: center;
}

.sug-vw .main-page .q-item .q-title .q-num {
    color: #fff;
    border-radius: 50%;
    background-color: #F5B03A;
    border: 2px solid rgba(255, 255, 255, .4);
    min-height: 25px;
    min-width: 25px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.sug-vw .main-page .q-item p {
    margin: 0;
}

.sug-vw .main-page .q-item .i-p {
    padding: 0;
    margin: 0;
    color: #4a4a4a;
}

.sug-vw .main-page .q-item .i-p li {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sug-vw .main-page .q-item .i-p li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #2EA3D5;
    border: 2px solid #75CAEF;
    border-radius: 50%;
    margin-right: 10px;
}


/* Votre maroc Form */

#msform {
    margin: 50px auto;
    position: relative;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    /* box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); */
    /* padding: 20px 30px; */
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform input,
#msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 50px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 13px;
}

#msform .action-button {
    width: 100px;
    background: #36c5a5;
    border-radius: 50px;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 50px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button:focus {
    outline: none;
}

#msform .action-button:hover {
    background: transparent;
    color: #36c5a5 !important;
    border: #36c5a5 1px solid !important;
}

.fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}


/*progressbar*/

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 33.33%;
    float: left;
    position: relative;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #333;
    background: white;
    border-radius: 3px;
    margin: 0 auto 5px auto;
}


/*progressbar connectors*/

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1;
}

#progressbar li:first-child:after {
    content: none;
}

#msform {
    max-width: 80vh;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 70%;
        margin: 1.75rem auto;
    }
}

.box-form {
    background-color: #fff;
    margin: 3em auto;
    box-shadow: 0px 1px 8px #bebebe;
}

.box-form .tabs {
    overflow: hidden;
}

.box-form .tabs h3 {
    float: left;
    width: 50%;
}

.box-form .tabs h3 a {
    text-align: center;
    font-weight: 400;
    display: block;
    color: #666;
    background: #E8E8E8;
    color: #9B9B9B;
    height: 69px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.box-form .tabs h3 a.active {
    background-color: #fff;
}

.box-form .tabs-content {
    padding: 1.5em;
}

.box-form .tabs-content div[id$="tab-content"] {
    display: none;
}

.box-form .tabs-content .active {
    display: block !important;
}

:focus {
    outline: none;
}

label {
    color: #4A4A4A;
}

@media screen and (max-width: 500px) {
    .date-post {
        display: none !important;
    }
    .sug-vw .list-box .list-p li {
        padding: 5px;
        margin-left: 0px;
        transition: .3s;
        width: 177px;
        clip-path: none;
        list-style: none;
        margin: 1px;
    }
    .sug-vw .list-box .list-p li:first-child {
        -webkit-clip-path: none;
        -webkit-clip-path: none;
    }
    .sug-vw .list-box .list-p li a {
        font-size: 12px;
        height: 38px;
    }
    .sug-vw .list-box .list-p li .p-num {
        width: 23px;
        height: 23px;
        margin: 2px;
    }
    .sug-vw .list-box .list-p li:hover {
        background-color: noen;
    }
}

.list-p.center-qt {
    width: auto !important;
}

textarea.form-control {
    border-radius: 18.5px !important;
}

input {
    border-radius: 50px !important;
}

input::placeholder {
    color: #c3c3c3 !important;
    font-size: 14px;
}

.SumoSelect.w-100.ask-qu .CaptionCont {
    border-radius: 50px;
}

.cke_chrome {
    border-radius: 18.5px !important;
}

.cke_inner {
    background-color: transparent !important;
    background: transparent !important;
}

.cke_bottom {
    background-color: transparent !important;
    background: transparent !important;
}

.cke_top {
    background: transparent !important;
}


/* .cke_top.cke_reset_all {
    border-radius: 18.5px !important;
} */


/********** Section : Les Règles de consultation *********/

.sec-regles {
    background-color: #2EA3D5;
    padding: 30px 0;
}

.sec-regles h1 {
    color: #fff;
    font-weight: bold;
}

.sec-regles .card {
    background: none;
    border: none
}

.sec-regles .card .card-header {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sec-regles .card .card-header h2 {
    width: 100%;
    display: block;
}

.sec-regles .card .card-header .btn-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    color: #4A4A4A;
}

.sec-regles .card .card-header .btn-link.collapsed {}

.calendrier .row {
    justify-content: space-between;
}

.calendrier .item {
    background: #fff;
    padding: 19px;
    padding-top: 30px;
    margin: 10px auto;
    border: 3px solid #7BCEF1;
    border-radius: 10px;
    width: 100%;
    max-width: 326px
}

.calendrier .item h4 {
    color: #4A4A4A;
    text-transform: uppercase;
}

.calendrier .item .divider {
    border: none;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendrier .item .divider::before {
    content: '';
    background: #D8D8D8;
    height: 3px;
    display: inline-block;
    width: 70px;
}

.calendrier .item p {
    color: #696D6F;
    font-size: 14px;
}


/********** Page : Contribuer [RTL] *********/

[dir="rtl"] .sug-vw .list-box .list-p li a {
    justify-content: center;
}

[dir="rtl"] .sug-vw .list-box .list-p li a .p-num {
    order: 2;
}


/********** Page : Contribuer *********/

@media (max-width: 786px) {
    .list-p {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .list-p li {
        width: auto!important;
        background: none!important;
        opacity: .6
    }
    .list-p li.active {
        opacity: 1
    }
    .sug-vw .list-box .list-p li .p-num {
        background-color: transparent;
        color: rgba(255, 255, 255, .4);
    }
    .sug-vw .list-box .list-p li.active .p-num {
        background-color: #F5B03A;
        color: #fff;
    }
    .list-p li .text {
        max-width: 0;
        overflow: hidden;
        white-space: nowrap;
        margin-left: 10px;
        transition: .1s
    }
    .list-p li.active .text {
        max-width: 300px;
        transition: .8s
    }
    .no-lap {
        display: block!important;
    }
    .no-mob {
        display: none!important
    }
}

.list-none {
    list-style: none;
}

.footer-link {
    color: #4A4A4A !important;
}

.footer-link:hover {
    color: #2EA3D5 !important;
}

.divider_txt {
    background: #F5B03A;
    width: 64px;
    height: 4px;
}

.btn_consult {
    background: #4A90E2;
    border-radius: 50px;
    font-size: 14px;
    color: #FFFFFF !important;
    cursor: pointer;
    border: 1px solid #4A90E2;
}

.btn_consult:hover {
    background: transparent;
    color: #4A90E2 !important;
    cursor: pointer;
    border: 1px solid #4A90E2;
}

.card-br {
    border-radius: 50px !important;
    background: #F1F5F7;
    text-align: start;
}

.q-item .i-p li::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #2EA3D5;
    border: 2px solid #75CAEF;
    border-radius: 50%;
    margin-right: 10px;
}

.downlod_pdf {
    color: #ffffff;
    background: #F5B03A;
    border-radius: 50px;
    width: 181px;
    align-items: center;
}

.downlod_pdf:hover {
    color: #ffffff;
}

.border-l {
    border-left: 1px solid #FFD284;
    height: 22px;
}


/*#gdpr-cookie-message{
    z-index: 999;
    width: 100%;
    min-height: 15px;
    box-sizing: border-box;
    padding: 10px;
    background: #232323;
    overflow: hidden;
    position: fixed;
    bottom: 0px;
    right: 0px;
    color: #fff;
    display: flex;
}

#gdpr-cookie-message button, button#ihavecookiesBtn {
    border: none;
    background: #36c5a5;
    color: white;
    font-size: 15px;
    padding: 7px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}


#gdpr-cookie-message button {
    border: none;
    background: #36c5a5;
    color: white;
    font-size: 15px;
    padding: 7px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease-in;
    margin: 0px 65px;
}
*/

#cookie-bar {
    background: #232c41;
    display: block;
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0px;
    color: #fff;
    width: 100%;
}

#cookie-bar p {
    width: 85%;
    /*float: left;*/
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    color: #adadad;
}

#cookie-bar button {
    /*float: right;*/
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 20px;
    font-size: 16px;
    margin-top: 5px;
    border-radius: 50px;
}

#cookie-bar a {
    color: #fff;
}

#contentcookie {
    padding: 5px 50px;
    width: 80%;
    margin: auto;
}

.clear {
    clear: both;
}

@media (max-width: 767px) {
    #cookie-bar p {
        width: 100%;
        font-size: 14px;
    }
    #cookie-bar button {
        width: 100%;
    }
    #cookie-bar a {
        color: #fff;
    }
    #contentcookie {
        padding: 20px 0px;
        width: 90%;
        margin: auto;
    }
}

.txt-heigth {
    height: 40px;
}

.suggestion {
    background: #36C5A5;
    border-radius: 23px;
    width: 168px;
    height: 46px !important;
    padding: 10px;
}

.icon-title {
    margin-bottom: -40px !important;
}

.txt-head {
    margin-top: 3rem;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.h-title {
    height: 50px;
    ;
}

.form-group {
    text-align: start;
}

.modal-footer {
    justify-content: flex-start;
}

.color-orange {
    font-size: 30px;
    color: #F56E3A;
}

.card-content {
    position: relative;
    display: flex;
    overflow: hidden;
    background-color: whitesmoke;
}

.card-content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    background-size: cover;
    background-position: 0 0;
    -webkit-transition: -webkit-transform calc(var(--d) * 1.5) var(--e);
    transition: -webkit-transform calc(var(--d) * 1.5) var(--e);
    transition: transform calc(var(--d) * 1.5) var(--e);
    transition: transform calc(var(--d) * 1.5) var(--e), -webkit-transform calc(var(--d) * 1.5) var(--e);
    pointer-events: none;
}

.card-content:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    pointer-events: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(11.7%, rgba(0, 0, 0, 0.009)), color-stop(22.1%, rgba(0, 0, 0, 0.034)), color-stop(31.2%, rgba(0, 0, 0, 0.072)), color-stop(39.4%, rgba(0, 0, 0, 0.123)), color-stop(46.6%, rgba(0, 0, 0, 0.182)), color-stop(53.1%, rgba(0, 0, 0, 0.249)), color-stop(58.9%, rgba(0, 0, 0, 0.32)), color-stop(64.3%, rgba(0, 0, 0, 0.394)), color-stop(69.3%, rgba(0, 0, 0, 0.468)), color-stop(74.1%, rgba(0, 0, 0, 0.54)), color-stop(78.8%, rgba(0, 0, 0, 0.607)), color-stop(83.6%, rgba(0, 0, 0, 0.668)), color-stop(88.7%, rgba(0, 0, 0, 0.721)), color-stop(94.1%, rgba(0, 0, 0, 0.762)), to(rgba(0, 0, 0, 0.79)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform calc(var(--d) * 2) var(--e);
    transition: -webkit-transform calc(var(--d) * 2) var(--e);
    transition: transform calc(var(--d) * 2) var(--e);
    transition: transform calc(var(--d) * 2) var(--e), -webkit-transform calc(var(--d) * 2) var(--e);
}

.content {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
    -webkit-transition: -webkit-transform var(--d) var(--e);
    transition: -webkit-transform var(--d) var(--e);
    transition: transform var(--d) var(--e);
    transition: transform var(--d) var(--e), -webkit-transform var(--d) var(--e);
    z-index: 1;
    margin: auto;
}

@media (hover: hover) and (min-width: 600px) {
    .card-content:after {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .content {
        -webkit-transform: translateY(calc(100% - 4.5rem));
        transform: translateY(calc(100% - 4.5rem));
    }
    .content>*:not(.title) {
        opacity: 0;
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem);
        -webkit-transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e);
        transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e);
        transition: transform var(--d) var(--e), opacity var(--d) var(--e);
        transition: transform var(--d) var(--e), opacity var(--d) var(--e), -webkit-transform var(--d) var(--e);
    }
    .card-content:hover,
    .card-content:focus-within {
        -webkit-box-align: center;
        align-items: center;
    }
    .card-content:hover:before,
    .card-content:focus-within:before {
        -webkit-transform: translateY(-4%);
        transform: translateY(-4%);
    }
    .card-content:hover:after,
    .card-content:focus-within:after {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .card-content:hover .content,
    .card-content:focus-within .content {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .card-content:hover .content>*:not(.title),
    .card-content:focus-within .content>*:not(.title) {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: calc(var(--d) / 8);
        transition-delay: calc(var(--d) / 8);
    }
    .card-content:focus-within:before,
    .card-content:focus-within:after,
    .card-content:focus-within .content,
    .card-content:focus-within .content>*:not(.title) {
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
    }
}

.date-post {
    background: #2EA3D5;
    border-radius: 2px;
    color: #fff;
    text-align: justify;
    font-size: 12px;
    display: flex;
    height: 35px;
}

.dv {
    border-left: 1px solid #7CC3E1;
}

.download_pdf {
    font-size: 12px;
    color: #696D6F;
    text-align: justify;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    height: 35px;
}

.post_date {
    width: 166px;
    margin: auto;
    margin-bottom: 28px;
}

.top_orange_title {
    color: #F5B03A;
}

.blue_color {
    font-size: 22px;
    color: #2EA3D5;
}

.title_resum {
    background: #F5B13D;
    border-radius: 50px;
    width: 106px;
    color: #fff;
    padding: 10px;
    margin-bottom: -19px !important;
    position: inherit;
}

.txt_resum {
    background: #F2F8FF;
    border-radius: 10px;
    padding: 30px;
}

.draggable {
    padding-bottom: 20px !important;
}

.h-blog-title {
    height: 138px;
}

.pagination-wrapper {
    display: block;
    width: 100%;
    text-align: center;
    margin: 45px 0;
}

.pagination-wrapper a,
.pagination-wrapper strong {
    display: inline-block;
    padding: 10px 15px;
    background: #4a8fe2;
    color: white;
    margin: 2px;
}

.pagination-wrapper a:hover,
.pagination-wrapper a:active,
.pagination-wrapper a:focus,
.pagination-wrapper strong {
    background: #206cc8;
}

.download_pdf a {
    color: #696D6F;
}

.download_pdf a:hover {
    color: #161718;
}

.p-prpt {
    font-size: 16px;
    color: #9EA9AF;
}

.t-prp {
    font-size: 24px;
    color: #4A90E2;
    text-align: start;
}

.ic-c-prp {
    width: 72px;
    height: 72px;
}

.ic-c-prp-d {
    width: 72px;
    height: 72px;
    border-radius: 50px;
}

.dismiss {
    border: 1px solid #EEEEEE;
    border-radius: 15.5px;
    font-size: 16px;
    color: #4A4A4A;
    text-align: justify;
    padding: 5px 10px;
    background: #fff;
}

vr {
    padding: 3px 0px 2px 0px;
    border-right: 1px solid #EEEEEE;
    margin-right: 5px;
    margin-left: 5px;
}

.ic-dismis {
    margin: 0px 5px;
}

.desc-contr {
    background: #F2F8FF;
    border-radius: 10px;
}

.ic_nops:hover:not(.dis) {
    border: 6px solid #FFE983;
    border-radius: 50px;
    opacity: 1;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.ic_thislike:hover:hover:not(.dis) {
    border: 6px solid #FD907E;
    border-radius: 50px;
    opacity: 1;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.ic_like:hover:hover:not(.dis) {
    border: 6px solid #B7E980;
    border-radius: 50px;
    opacity: 1;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.loader {
    width: 10%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}


/*
    Set the color of the icon
  */

svg path,
svg rect {
    fill: #FF6700;
}

button {
    background: transparent;
    border: 0px;
}


/* .active img {
    border: 6px solid #54a2ff;
    border-radius: 50px;
    opacity: 1;
} */

.bg-green {
    background: #36C5A5;
}


.loader {
    width: 10%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}


/*
    Set the color of the icon
  */

svg path,
svg rect {
    fill: #FF6700;
}

.li-link {
    cursor:pointer;
    color:#007bff;
}

.li-link:hover {
    color: #778189;
}

@media only screen and (max-width: 600px) {
    [dir='rtl'] .slick-next {
        left: -13px !important;
        z-index: 9;
    }
    [dir='ltr'] .slick-next {
        right: -4px;
    }
    
    
    /*[dir='ltr'] .slick-prev {
        right: 13px !important;
        z-index: 9;
    }*/
}




.timeline-item-white-card {
    /*overflow: scroll !important;*/
}
@media screen and (max-width: 380px) {
    .slide-title{
        font-size:1.75rem !important;
    }
}

    .img-mob {
        display: none;
    }
    
    .bg-slider{
        background-image: url('../images/img/2.jpeg');
        background-color: #cccccc;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .bg-slider-1{
        background-image: url('../images/img/1.jpeg');
        background-color: #cccccc;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .bg-slider-3 {
        background-image: url('../images/img/3.jpeg');
        background-color: #cccccc;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

.text-start {
    text-align: start !important;
}
    
@media screen and (max-width: 480px) {
    .img-dektop {
        display: none !important;
    }

    .bg-slider{
        background-image: url('../images/img/img-mob-2.jpg') !important;
    }
    
    .bg-slider-1{
        background-image: url('../images/img/img-mob-1-a.jpg') !important;
    }
    
    .bg-slider-3{
        background-image: url('../images/img/img-mob-3-a.jpg') !important;
    }
 }


.icons-contr {
    width: 89px;
    height: 89px;
    margin-bottom: 15px !important;
}


.col-md-6 .i-p li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #2EA3D5;
    border: 2px solid #75CAEF;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 10px;
}


.report-cards .i-p {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.btn_more_raport {
    background: #36C5A5;
    border-radius: 50px;
    color: #FFFFFF !important;
    cursor: pointer;
    border: 1px solid #36C5A5 !important;
    font-size: 16px;
    padding: 5px 15px 5px 15px;
}


.modal-body .desc{
    color: rgba(105, 109, 111, var(--text-opacity));
    font-size: .875rem;
}




.synthes-card .items-container .item .item-image {
    max-height: 453px;
}