@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700;800&display=swap');

@charset "UTF-8";

h1 {
    font-size: 1.6em !important;
}

h2 {
    font-size: 1.4em !important;
}

h3 {
    font-size: 1.2em !important;
}

h4 {
    font-size: 1em !important;
}

h5 {
    font-size: .8em !important;
}
/*Cookie*/
.cookie-popup {
    position: fixed;
    right: 50%;
    top: 0;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid #ccc;
    border-radius: 8px;
    max-width: 650px;
    width: 650px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 9999;
    font-size: 16px;
    transform: translate(50%, 50%);
    max-height:500px;
    overflow-y: auto;
}
.cookie-popup::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.cookie-popup::-webkit-scrollbar
{
    width: 4px;
    background-color: #F5F5F5;
}
.cookie-popup::-webkit-scrollbar-thumb
{
    background-color: #717171;
}
.cookie-popup .favicon{width: 40px}
.cookie-close {position: absolute; right: 15px; top:10px; font-size:21px; cursor: pointer}
.cookie-popup table{font-size: 14px}
.cookie-popup table.table-text tr td:first-child{width: 160px}
.cookie-popup h3 {
    margin-top: 0;
    font-size: 18px;
}
.cookie-popup table.table-input tr td:first-child{width: 70px}
.cookie-popup table.table-input tr td:nth-child(2){width: 190px}
.cookie-popup table.table-fb tr td:nth-child(2){width: 55px}
.cookie-popup p {
    font-size: 14px;
    color: #555;
}

.cookie-options {
    margin-top: 10px;
}

.cookie-option {
    margin-bottom: 10px;
}

.cookie-actions button {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
}

.cookie-actions button#reject-all {
    background-color: #f44336;
}

.cookie-actions button:disabled {
    background-color: #ddd;
    cursor: not-allowed;
}

.cookie-icon {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background-color: #fff !important;
    color: white;
    padding: 15px 5%;
    font-size: 24px;
    z-index: 999;
    width: 100%;
    display: flex;
}
.cookie-icon h3{font-size: 23px !important;}
.cookie-icon p{
    font-size: 16px;
}
.cookie-icon a{
    color: #0090df;
}
.cookie-button{
    padding: 12px 0;
}
.cookie-button button{
    padding: 10px 20px;
    font-size: 16px;
    margin: 5px;
    color:#0090df;
}
.cookie-button button#accept-all{
    color: white;
    background: #037dbf;
}

.panel-title {position: relative; }
.panel-title input{position: absolute; right: 15px; z-index: 9; top:12px; cursor: pointer;}
/* Mobil uyumlu */
@media (max-width: 600px) {
    .cookie-popup {
        width: 90%;
    }
}

.cookie-option{
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    padding-left: 20px;
    position: relative;
}
.cookie-option input{
    position: absolute;
    left: 0;
    top:3px;
}
.cookie-actions button#accept-all,.cookie-actions button#save-settings{
    background-color: #0090DF !important;
}
.cookie-actions button{
    border-radius: 0 !important;}
.cookie-actions button:hover{
    opacity: .8}
.cookie-actions button#reject-all{
    background-color: #0b5b97 !important;
}/*Cookie*/

.text-left {text-align: left !important;}

.title-talep_formu {font-size: 26px !important; margin-bottom:35px}
.title-talep_formu span{font-size: 17px; color: #999; font-style: italic}

.parsley-errors-list {margin-left: 0; padding: 0; list-style: none; color: red; font-size: 14px;margin-top: 5px;}
.filepond--root .parsley-errors-list{position: relative; top: 60%; font-size: 14px; text-align:center; z-index: 99}
.filepond--root .parsley-errors-list .parsley-required:after {content: "Lütfen dosya ekleyiniz...";position: absolute;width: 100%;background-color: #F1F0EF;left: 0;}
.h-auto {height: auto !important;}

.ikinci-doktor_gorusu_formu .form-field label {font-weight: 600; font-size: 16px; color: #666;cursor: pointer}
.ikinci-doktor_gorusu_formu .form-field label small {font-size: 14px;font-weight: 400;}
.ikinci-doktor_gorusu_formu .form-field label.check{font-size: 15px; font-weight: 500}
.ikinci-doktor_gorusu_formu .form-field label.error {font-size: 14px;}
.ikinci-doktor_gorusu_desc{box-shadow: 0 0 30px rgba(0,0,0,.075);border: 1px solid rgba(0,0,0,.1); font-size: 14px;  border-radius: 5px}
.ikinci-doktor_gorusu_formu .terms{position: relative}
.ikinci-doktor_gorusu_formu .terms .parsley-errors-list {position: absolute; bottom: -10px; left: 0px; font-size: 13px}
#parsley-id-41{display: none}
#parsley-id-multiple-gender{bottom:-17px}

.nowrap{white-space: nowrap}

.tahlil-sonucu_list li {margin:5px 0px}
.tahlil-sonucu_list li a{border:1px solid #ddd; padding: 8px 20px; display: block}
.tahlil-sonucu_list li:hover a {background-color: #0d9eec; color: #fff}
.font-16{font-size: 16px !important;}
.font-14{font-size: 14px !important;}
.font-13{font-size: 13px !important;}
.font-12{font-size: 12px !important;}
.modal-header .close {position: absolute; right: 8px; top: 5px;  font-size: 3rem;}
.modal-body .modal-title {font-size: 2rem; font-weight: 600;}
.text-black {color:rgba(0,0,0,1) !important;}
.text-black-50 {color:rgba(0,0,0,.5) !important;}
.text-black-75 {color:rgba(0,0,0,.75) !important;}
.text-black-50 p{color: #444 !important; line-height:1.65}

/*Doktorlar için*/
.with-doctor_hero{
    min-height: 80vh;
    position: relative;
    width: 100%;
}
.with-doctor_hero:before{
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-color: rgba(0,0,0, 0.3);
    z-index: 2;
}
.with-doctor_hero img{
    position: absolute;
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center;
    z-index:1;
}
.with-doctor_hero_content{
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 10%;
    color: #fff;
    font-size: 22px;
}
.with-doctor_hero_content .site-title{
    font-size: 32px !important;
}

.lnk-bell .not-count,.not-count{position: absolute; background-color: #ba4500; color: #fff; border-radius: 50%;     top: -4px;
    right: -6px;
    width: 12px;
    height: 12px;}

.shadow-no {box-shadow:none !important;}

html{overflow-x:hidden;}

body {
    margin: 0;
    padding: 0
}

.idg-hero {
    background-color: #D9F0FF;
}

.modal-dialog-centered {
    display:flex;
    align-items:center;
}
.modal-doktor_details .modal-title {font-size:26px !important; line-height:1;font-weight:600;}
.modal-doktor_details .doktor-modal_image{position:relative;min-height:250px;overflow: hidden;}
.modal-doktor_details .doktor-modal_image img{position:absolute; object-fit:cover; height:100%; width:100%; object-position:center;left:0; top:0}
.modal-doktor_details .doktor-modal_image a{transition:all linear .3s; position:absolute; width:100%; height:40px; background-color:rgba(0,0,0,.6); color:white; line-height:40px; text-align:center; left:0; bottom:0;}
.modal-doktor_details .doktor-modal_image a:hover{background-color:rgba(0,0,0,1);}
.modal-doktor_details .modal-body h4 {font-size:19px !important; font-weight:600;}
.modal-doktor_details .uzman-box__media {width: 150px; height: 150px}
.desktop-search{min-width: 280px}

.adverts-space{margin: 10px 0;}
.adverts-space img {max-width: 100% !important; width: 100%}
.adverts-space > a {display: block;border:1px solid #e0dfe3; border-radius: 10px; overflow: hidden}

.adverts-space .adverts-text{background-color: #fff; padding: 20px 30px; transition: all linear .3s}
.adverts-space .adverts-text:hover {background-color: #f9f9f9}
.adverts-space .adverts-title{font-size:26px !important;}
.adverts-space .adverts-summary{font-size:18px !important; margin-bottom: 20px}
.adverts-space .adverts-desc{margin-bottom: 20px}
.adverts-space .adverts-logo {width: auto; height: 40px}
.adverts-slider {position: relative}
.adverts-slider .slick-slide{position: relative; overflow: hidden}
.adverts-slider .slick-slide img {width: auto;}
.adverts-slider .slick-list {border-radius: 10px}
.adverts-slider .slick-next,
.adverts-slider .slick-prev {display: none !important;}
.adverts-slider .slick-dots {bottom: 10px;
    right: 10px;
    display: flex !important;
    left: auto;
    flex-direction: column;
    left: auto;
    width: auto;
    top: 40%;}

.shareTitleDesc {font-size: 14px;}
.link-default:hover{color:#337ab7 !important;}
.link-primary {color:#0090DF}

.bg-light {background-color:#F3F3F3 !important;}

.rounded-0{border-radius: 0 !important;}
.uzman-hero{
    display: flex;
    align-items: center;
    background-color: #D9F0FF;
    background-image: url('../img/uzman-hero.jpg');
    background-size: cover;
    height: calc(100vh - 125px);
}

.ask-form_check label{
    position: absolute;
    left: 0;
    z-index: 999;
    background-color: #fff;
}

.question_tab{background-color:#fff; padding:10px 15px 0; border-radius:8px}
.question_tab li a{padding:8px 12px; border-bottom:2px solid #f3f3f3;border-radius:0; transition:all linear .3s; font-weight:600 }
.question_tab li.active a,
.question_tab li:hover a {border-color:#000;color:#000 !important; background-color:transparent !important}
.question_tab li+li{margin-left:10px}

.navtab-list li{display:flex; width: 100%;}
.navtab-list>li+li {
    margin-left: 0px;
}

.flex-row {flex-direction:row}

.navtab-list li a{
    display: flex;
    font-size: 12px;
    text-align: center;
    padding: 0.675rem 0.25rem;
    margin: 4px 1px;
    color: #0786c9 !important;
    background-color: #eaf8fb;
    align-items: center;
    justify-content: center;
    width: 100%;
}
    
    .navtab-list li a.active, .navtab-list li.active a,.navtab-list li:hover a{
      background-color: #0090df;
      color: #fff !important;
    }
.link-secondary {color:#888 !important}
.lnk-collapse {    position: relative;
    padding-left: 24px;
    display: flex;
    align-items: center;}
.lnk-collapse:before {    position: absolute;
    content: "-";
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #eee;
    text-align: center;
    border-radius: 100%;}
.lnk-collapse.collapsed:before { content: "+";}


.uzman-hero select.form-control{min-width: 180px; padding-left: 35px; border-radius: 0}
.uzman-hero .search-group{padding: 0 }
.uzman-hero .fa-paper-plane {position: absolute}
.uzman-hero .hero-title{font-size:1.8em !important;}
.uzman-hero .hero-desc {font-size: 16px;}
.uzman-hero .border-right{border-right:1px solid #e4e4e4; margin-right: 10px}

.uzman-box{border-radius: .75rem; margin-bottom: 1rem; padding: 1rem; background-color: #fff;display: flex;width: 100%; align-items: center;transition: all .3s; position: relative;  box-shadow: 3px 5px 1rem rgb(0, 0, 0, .2); }
.uzman-box__media {position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 70px;
    background-color: #f9f9f9;
    border: 2px solid #f0f0f0;
    border-radius: 100%;
    height: 70px;
    overflow: hidden;
    transition: all .3s;
}
.uzman-box__media img {object-fit:cover;width: 100%;height: 100%;}
.uzman-box__title{color:  #0090DF}
.uzman-box__body{flex: 1 1 auto; padding-left: 1rem;}
.uzman-box:hover{background-color: #0090DF; color: #fff; }
.uzman-box:hover .uzman-box__title{color: #fff; }

.uzman-title .uzman-title__title {font-weight: bold; font-size: 2rem !important; margin-bottom: 1rem;}
.uzman-title i {font-size:3rem;color: #337ab7;}

.uzman-search .input-group{border: 1px solid #e4e4e4; border-radius: .5rem;}
.uzman-search .input-group .form-control{border: 0;padding:1rem 1.25rem .8rem;}
.uzman-search .input-group-text{background-color: #f9f9f9; font-size: 14px; display: flex; align-items: center; white-space: nowrap; padding:1rem 1.25rem .9rem; border-right: 1px solid #e4e4e4;}

.uzman-social a {display:flex;}
.uzman-social .uzman-social_icon{width:15px;}
.uzman-social .uzman-social_link{margin-left:10px;}

.information-group {margin:30px 0 30px; position:relative;}
.information-group .box{height: 100%; box-shadow: 0 0 30px rgba(0,0,0,.075);border-radius:.5rem; width: 100%; background-color:#fff; padding:30px 20px; transition:all linear .5s; border: 1px solid rgba(0,0,0,.1) }
.information-group .box i {font-size:48px; color:#0090DF;}
.information-group .box h3{color:#000; font-weight:600; margin-bottom:15px;}
.information-group .box:hover { position:relative; bottom:5px;}
.information-group .box svg{
    width: 48px;
    height: 48px;
    margin: 15px 0 0;
}
.st-blue-box {
    color: #134AEA;
    fill: #134AEA;
    background-color: rgba(12, 184, 182, 0.1) !important;
}
.st-red-box {
    color: #e6492d;
    fill: #e6492d;
    background-color: rgba(230, 73, 45, 0.1) !important;
}
.st-green-box {
    color: #37af47;
    fill: #37af47;
    background-color: rgba(55, 175, 71, 0.1) !important;
}
.st-dip-blue-box {
    color: #1665d8;
    fill: #1665d8;
    background-color: rgba(22, 101, 216, 0.1) !important;
}
.st-orange-box {
    color: #f6ab2f;
    fill: #f6ab2f;
    background-color: rgba(246, 171, 47, 0.1) !important;
}
.st-gray-box {
    color: #9ea0a5;
    fill: #9ea0a5;
    background-color: rgba(158, 160, 165, 0.1) !important;
}
.information-group.gorus-al{margin: 0;background-color: #fff}
.information-group.gorus-al .box:hover {background-color: #0090DF; color: #fff; bottom: 0; border-radius: 0}
.information-group.gorus-al .box:hover h3,
.information-group.gorus-al .box:hover p,
.information-group.gorus-al .box:hover i{color: #fff}

.checkbox-dk{
    background-color: #fff;
    cursor: pointer;
    position: relative;
}
.invisible-checkboxes input[type=radio] {display: none}
.invisible-checkboxes input[type=radio]:checked + .checkbox-dk{
    background-color: #0d9eec;
    color: #fff !important;
}
.invisible-checkboxes input[type=radio]:checked + .checkbox-dk:after{
    opacity: 1;
}
.invisible-checkboxes input[type=radio]:checked + .checkbox-dk h3{
    color: #fff !important;
}

.box-click_active{box-shadow: 0 0 30px rgba(0,0,0,.075); position: relative}
.box-click_active:active,.box-click_active:focus,.box-click_active:hover{
    background-color: #0d9eec;
    color: #fff;
}
.box-click_active:active h3,.box-click_active:focus h3,.box-click_active:hover h3{color: #fff !important;}

.checkbox-dk:after {opacity:0; transition: all linear .3s; content: "\f058"; font-family:"Font Awesome 5 Pro"; display: block; position: absolute; right: 10px; top: 5px; font-size: 30px; color: #fff}

.ws-nowrap {white-space: nowrap}

.home-profil .box{padding:20px 10px; text-align: center; display: flex;
    flex-direction: column;
    align-items: center; }
.home-profil .section-title {font-size: 30px !important; color: #000 !important; margin-bottom: 30px;}
.home-profil .profil-image {position: relative; width: 60px; height: 60px; background-color: #fff; border-radius: 100%; border: 1px solid #eee; display: flex;
    justify-content: center;
    align-items: center;}

.information-group .box:hover h3{color: #0090DF;}


.block-shares {padding:50px 0; position:relative; background-color: #fff; background-image: url(../img/block-shares-bg.jpg); background-position: center center;  }
.block-shares .icon{width: 60px; height: 60px; border: 1px solid #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-size: 30px;}
.block-shares h3{font-weight:500; letter-spacing: 1px; font-size: 22px !important; font-family: "Calibri";}
.block-shares .box-shares {transition: all linear .3s; background-color: #fff; box-shadow: 3px 5px 1rem rgb(0 0 0 / 10%);padding: 15px;border-radius: 5px;text-align: center; margin-bottom: 20px;     justify-content: center;display: flex; flex-direction: column;align-items: center;}
.block-shares .box-shares .icon {border-color: #0090DF; color: #0090DF;}
.block-shares .box-shares h3 {color: #0090DF;}
.block-shares .box-shares:hover{background-color: #0090DF; color: #fff;}
.block-shares .box-shares:hover h3,
.block-shares .box-shares:hover .icon,
.block-shares .box-shares:hover p,
.block-shares .box-shares:hover a {color: #fff;}
.block-shares .box-shares:hover .icon,
.block-shares .box-shares:hover a {border-color: #fff;}

.block-merak {padding:40px 0; position:relative; background-color: #f3f3f3; }
.block-merak .box{display: block; transition: all linear .5s; background-color: #fff; box-shadow: 3px 5px 1rem rgb(0 0 0 / 10%);padding: 10px 15px;border-radius: 5px;text-align: center; margin-bottom: 20px;}
.block-merak .box:hover {background-color: #0090DF; color: #fff;     box-shadow: 0 0 30px rgb(0 0 0 / 8%);}

.rounded {border-radius: 8px;}
.border-0{border:0 !important;}

.fx-search .form-control{min-height:40px;}

.art-hist-title .date {
    font-size: 0.8em;
    opacity: 0.7;
}
.modal-open {
    overflow: hidden;
}

.topics-box{
    position: relative;
    display: flex;
    width: 100%;
    border-radius:5px;
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: #fff;
    box-shadow: 3px 5px 1rem rgb(0 0 0 / 10%);
    width: 100%;
    align-items: center;
    transition: all .3s;
}
.topics-image{    
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 60px;
    background-color: #f9f9f9;
    border: 2px solid #f0f0f0;
    border-radius: 3rem;
    min-height: 60px;
    overflow:hidden;
    transition: all .3s;}
   .topics-desc {
    flex: 1 1 auto;
    padding-left: 1rem;
    color:#555;
   }
    .topics-image img{object-fit: cover;
    position: absolute;
    top: 0;
    height: 100% !important;
    width: 100% !important;
    left: 0;border-radius:50% !important;
    object-position: center;}
   .topics-box .topic{width:100%; margin:0 !important; }
   .topics .topic input:checked ~ .mask {position:absolute;}
   .topics .topic input:checked ~ .topics-image img {
    filter:blur(0) brightness(0.9) saturate(1.3);}
    
    .topics .topic input:checked ~ .mask {
        background-color:#ddd;
    }
   
.home-hero {height: calc(100vh - 126px); padding: 1rem 0 1.5rem; background-color: #a5e9f2; display: flex; align-items: center; }
.home-hero .hero-title {font-size: 30px !important; font-weight: 700; color: #000; margin-bottom: 3rem;}
.home-hero .hero-subtitle {font-size: 19px !important;}
.home-hero .hero-desc {font-size:16px; margin-bottom: 3.5rem;}
.home-hero .search-group {border-radius: 50px;}
.home-hero .search-group .search-text{padding: 15px;border-radius: 50px; font-size: 16px;}
.home-hero .search-group .search-button {background-color: #0090df; color: #fff; font-size: 22px; width: 50px; height: 50px; border-radius: 50%; justify-content: center; display: flex; align-items: center;}

.hero-tab {border: 0}
.hero-tab>li{background-color: transparent; color:#0d9eec !important; border: 0; margin-bottom: 10px}
.hero-tab>li>a {margin: 0; border: 0; padding: 10px; line-height: 1;border-bottom: 2px solid transparent;
    color: #000;}
.hero-tab>li:nth-child(n+2) {margin-left: 10px}
.hero-tab>li.active>a, .hero-tab>li.active>a:focus, .hero-tab>li.active>a:hover{ border: 0;
    background-color: transparent;
    color: #0090DF !important;
    border-bottom: 2px solid #555;
    font-weight:600;}
.hero-tab>li>a:hover{background-color: transparent; color:#0d9eec !important; border: 0; border-bottom: 2px solid #555;}

.idg-hero-form textarea {border-color:#e0dfe3; border-radius: 0px; padding: 15px }

.st-pricing-table.st-style1 {
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(106, 106, 106, 0.15);
    text-align: center;
    border-radius: 7px;
    overflow: hidden;
    transition: all 0.4s ease;
}
.st-pricing-table.st-style1 .st-pricing-head {
    margin-bottom: 20px;
    position: relative;
    height: 120px;
}
.st-pricing-table.st-style1 .st-price {
    font-size: 36px !important;
    font-weight: 500;
    color: #fff;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    padding-top: 22px;
}
.st-pricing-table.st-style1 .st-pricing-head .st-pricing-head-shape {
    position: absolute;
    top: -4px;
    left: 0;
    height: 100%;
    width: 100%;
}


.home-sidebar_konular{
    display: flex;
    flex-direction: column;
}
.home-sidebar_konular-list a.intro-category {
    display: flex; align-items: center;
    text-align: left;
    margin-bottom: 10px;
}
.home-sidebar_konular-list .category-image{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 5px;
    border:2px solid #e0dfe3;
}

.category-group{padding: 3rem 0;}
.category-group .category-list{display: flex; justify-content: space-between; align-items: center; text-align: center;}
.category-group .category-list .category-image{border-radius: 50%; width: 50px; overflow: hidden;height: 50px;  margin-bottom: 10px;}

.category-btn {position: relative; margin-top: 30px;}
.category-btn:before{background-color: #bebebe; width: 100%; z-index: 1; position: absolute; height: 2px; content: ""; left: 0; top: 50%; transform: translateY(-50%);}
.category-btn a{background-color: #fff; padding: 0 20px; position: relative; z-index: 2;}


.konu-sss .category {display:none;}
.w-auto {width:auto !important;}
.justify-content-right{justify-content:right}
.gutter-xs {
      margin-right: -0.25rem !important;
      margin-left: -0.25rem !important; }
      .gutter-xs > .col,
      .gutter-xs > [class*="col-"] {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important; }

.navbar-toggler {
    position: relative;
    height:3.25rem;
    width: 3rem;
    padding: 0 !important;
    border: 0;
    border-radius: 50%;
    background-color: transparent;
}
.navbar-toggler i {
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    height: 3px;
    transition: all 0.4s;
    border-radius: 1rem;
    background-color: #ffffff;
}
.navbar-toggler i:nth-child(2) {
    top: 15px;
    transition: all 0s;
}
.navbar-toggler i:nth-child(3) {
    top: 24px;
}

.menu--open .navbar-toggler,
.btn-toggler.active {
    z-index: 19999;
    box-shadow:none;
}

.menu--open .navbar-toggler i:first-child,
.navbar-toggler.active i:first-child {
    top: 15px;
    -webkit-transform: rotate(135deg) !important;
    transform: rotate(135deg) !important;
}

.menu--open .navbar-toggler i:nth-child(2),
.navbar-toggler.active i:nth-child(2) {
    opacity: 0;
    left: 60px;
}

.menu--open .navbar-toggler i:nth-child(3),
.navbar-toggler.active i:nth-child(3) {
    top: 15px;
    -wekit-transform: rotate(-135deg) !important;
    transform: rotate(-135deg) !important;
}

.menu--open .bg-navbar {
    visibility: visible;
    z-index: 5999;
    opacity: 0.8;
}

.bg-navbar,
.bg-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}
.menu--open .header .navbar-brand {
    position: relative;
    z-index: 7199;
}

.link-search {background-color:#025ea1; padding: .75rem; border-radius:3px;}

.position-static{position:static !important;}
.search-dropdown .dropdown-content{min-width:100%; right:0; left:0; border-radius:0; background-color:#025ea1;top:100%; padding:.75rem;}
.search-dropdown .dropdown-content::after{display:none;}
.search-dropdown .dropdown-content .search-group .input {font-size:14px; border-radius:0; padding:8px;}

.question-body a, .activity-box a,.article-index a, .img-post a{
 color: #0090df;   
}
.activity-box .activity-username, .name a{
 color: #717171;   
}
.question-body a:hover h2,
a:focus, a:hover {
    outline:0;
    outline-offset: 0;
    color:#025ea1;
}

.font-22{
    font-size:22px;
}

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

.login{
    min-height:499px;
}
.profil-foto{    background-color: #fff;
    padding: 0 !important;
    border-radius: 50%;
    margin-top: 5px;
    height: 35px;
    width: 35px;
    display: block;
    text-align: center;
    overflow: hidden;}
.profil-name{font-size: .9em; padding:12px 1.5rem 10px; border-bottom:1px solid #eee; font-weight:bold;}

.border-light {border:1px solid #ddd !important;}
.find-doctor-sec  .page-input-group .form-control {
    padding:0.6rem 1.25rem .3rem;
    height:auto;
    min-height:auto;
    border:0;
    min-width:220px;
}

.article-finished{
    transition: visibility 0s, opacity 0.5s linear;
}
.img-show img{
    min-width: 100%;
    object-fit: cover;
    object-position: center;
    max-width:100%;
}
.img-post img {
    object-fit: cover;
}

.img-post.single{
    max-width: calc(100% - 10px)
}
.img-post.multi a,.img-post.multi .image {
   position:relative;
   height:150px;
   display:block;
   margin-bottom:15px
}
.img-post.multi a > img,.img-post.multi .image > img {
   height:100%;
   width:100%;
   object-fit:cover;
}

.one-image{
    display: flex;
    height: 400px;
    text-align: center;
    overflow: hidden;
    
}
.one-image .bgimage{
       filter: blur(10px);
    -webkit-filter: blur(10px);
    background-size: cover;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
.one-image .image{
    width: auto;
    min-height: 400px;
    max-height: 400px;
    position: absolute !important;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}


.authModal .modal-title{
    font-size: 1.5rem;

}

.authModal .close .closeAuthModal{
    position: absolute;
    top: 20px;
    right: 20px;
}

.authModal .modal-header{
    border: none;
}
.logo.mobile{
        display:none;
        letter-spacing: 0px;
        padding:5px 0;
    }

.sugges-card{
    border: 1px solid #f8f9fa;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.img-change-lbl{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa8f;
    color: #0090df;
    padding: 40px 10px;
    transition: all ease-in-out .2s;
    cursor: pointer;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 7px;
}
.img-change-lbl .profile-img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: top;
    border: 4px solid white;
    border-radius: 50%;
}
.img-change-lbl .cover-img{
    width: 100%;
    max-height: 100px;
    object-fit: cover;
    height: auto;
    border: 2px solid white;
    border-radius: 5px;

}

.img-change-lbl:hover{
    transform: scale(.97);

}

.img-change-lbl input{
    display: none;
}
.img-change-lbl i{
    font-size: 2em;
    margin-bottom: 10px;
}


form {
    margin-block-end: 0em;
}

html {
    scroll-behavior: smooth;
}

hr {
    margin: 10px 0px;
}

.oppol {
    opacity: 0.6;
}

.oppol.active {
    opacity: 1;
}
.ck-content{
    min-height: 200px!important;
}
.art-hist-title .date {
    font-size: 0.8em;
    opacity: 0.7;
}

.oppol {
    opacity: 0.6;
}

.oppol.active {
    opacity: 1;
}

.art-hist.detail {
    display: block;
    opacity: 1;
}

.white-border-bottom {
    border-bottom: 2px solid white;
}

.breadcrumb {
    margin: 0;
    font-size: 13px;
    background-color: #fff;
}

.category-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.category-sec ul {
    list-style-type: none;
}

.category-sec ul li {
    display: inline-block;
}

.category-sec ul li + li {
    margin-left: 20px;
}

.icon-card {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    width: 30px;
    height: 30px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
    border-radius: 50%;
}
.fs-3x{
    font-size: 3em;
}
.fs-2x{
    font-size: 2em;
}


.cat-card {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    transition: all ease .5s;
}


.cat-card img {

    box-shadow: 0px -5px 7px #eaeaea, -5px -5px 8px #ffffff;
}

.cat-card:hover p {
    color: #0090DF !important;
}

.cat-card:hover img {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 8px 0px;
}

.cat-card .icon {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 3px solid white;
}

#category-md-wrapper .cat-card .icon {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

#more-btn-category {
    cursor: pointer;
}

#character-count {
    font-weight: 600;
}

.icon-more {
    vertical-align: middle;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 4px solid white;
    background-color: white;
}


.icon-more + .icon-more {
    margin-left: -18px;
}
.icon-more.number{
    background-color:#0090DF;
    color:#fff;
    width:36px;
    height:36px;
    line-height:29px;
    text-align:center;
    display:inline-block;
    font-size:13px;
}


.cat-card p {
    font-weight: 600;
    margin-left: 5px;
}

.icon-user {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

ul.profile-menu.inners {
    margin-bottom: 0px;
    border: none;
}



.search-group {
    background-color: white;
    display: flex;
    place-items: center;
    border-radius: 5px;
    padding: 5px;
    width: 90%;
}

.search-group .input {
    padding:8px 7px;
    border: none;
    background-color: white;
    flex: 1;
    width:130px ;
    font-size: 13px;
}


.bg-med {
    background-color: #0090df !important;
}

.bg-light-gray {
    background-color: #f8f9fa!important;
}

.bg-muted-blue {
    background-color: rgba(196, 246, 250, .4) !important;
}
.bg-soft-gray {
    background-color: #f8f9fa!important;
}

.bg-white {
    background-color: white !important;
}
.detail-category{
    font-size: .8rem;
    padding:3px 5px;
    opacity: .7;
    border: 1px solid #0090df;
}
.play-btn{
    text-align: center;
    position: absolute;
    top:30%;
    margin-right: 0;
    margin-left: 0;
    left: 0;
    right: 0;
    font-size: 2.5em
}

.article-index img{
    width: 100%!important;
    height: auto!important;
    max-height: 250px;
    object-fit: cover;
    object-position: center;

}
.p-10 {
    padding: 10px!important;
}
.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px!important;
}

.py-0 {
    padding-bottom: 0px;
    padding-top: 0px;
}

.py-10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.py-20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}
.py-40 {
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}
.px-0 {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.px-10 {
    padding-right:10px!important;
    padding-left:10px!important;
}
.px-20 {
    padding-right:20px!important;
    padding-left:20px!important;
}
.pl-5 {
    padding-left: 5px!important;
}
.pr-5 {
    padding-right: 5px!important;
}
.pl-10 {
    padding-left: 10px!important;
}
.pr-10 {
    padding-right: 10px!important;
}
.mt-20 {
    margin-top: 20px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-5 {
    margin-top: 5px;
}

.mt-3 {
    margin-top: 3px;
}

.mt-0 {
    margin-top: 0px;
}

input[type=checkbox], input[type=radio] {
    margin-top: 0px;
    margin-bottom: 1px;
}

.pt-10 {
    padding-top: 10px !important;
}
.pb-0 {
    padding-bottom: 0px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}

.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.continue{
    color: #0090df!important;
}
.m-0 {
    margin: 0px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}
.flex-1{
    flex:1;
}

.mb-5 {
    margin-bottom: 5px!important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.my-0 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.my-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.my-20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.fw-bold{
    font-weight: bold;
}

.rounded-sm{
    border-radius: 8px;
}
.mx-0 {
    margin-left: 0px!important;
    margin-right: 0px!important;
}
.mx-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.mx-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mx-20 {
    margin-left: 20px;
    margin-right: 20px;
}
.ml-auto{
    margin-left: auto;
}
.ml-0 {
    margin-left: 0px!important;
}
.ml-5 {
    margin-left: 5px !important;
}
.mb-10{
    margin-bottom: 10px !important;
}
.mb-15{
    margin-bottom: 15px !important;
}
.mb-20{
    margin-bottom: 20px;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-20 {
    margin-left: 20px;
}
.mr-3 {
    margin-right: 3px;
}
.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.order-1{-ms-flex-order:1;order:1}
.order-2{-ms-flex-order:2;order:2}

.d-box {
    display: flex;
    justify-content: center;
}
.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mt-0 {
    margin-top: 0!important;
}

.w-82{
    width: 82%;
}
.pt-0 {
    padding-top: 0!important;
}
.text-light{
    font-weight:500!important;
}
.text-underline{
    text-decoration: underline!important;
}
.text-error{
    color:#ff1414;
    font-weight: 600;
}
.right-0{
    right: 0!important;
}

.left-0{
    left: 0!important;
}

.comments-wrapper{
    display:none;
}
.show-comments-btn{
    cursor: pointer;
}
.d-block{
    display: block;
}
.d-flex {
    display: flex!important;
}
.flex-wrap{
    flex-wrap: wrap;
}
.d-flex-row {
    display: flex;
    flex-direction: row;
}
.bordered-y{
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.flex-column {
    flex-direction: column;
}

.align-center {
    align-items: center;
}

.align-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

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

.d-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.menu .menu-links {
    display: flex;
    justify-content:center;
    align-items: center;

}
.badge{
    font-size: 10px;
}
.badge-success{
    background-color: #28a745;
    border: 1px solid #28a745;
    color: white;
}

.badge-warning{
    background-color: #ffc107;
    border: 1px solid #ffc107;
    color: black;
}
.badge-status{
    position: absolute;
    right: 10px;
    top: 10px;
}
.fw-normal {font-weight: 400 !important;}
.bottom-nav .logo.desktop {justify-content: center;}
.logo.desktop .link-search{ background-color: transparent; }
.logo.desktop .search-dropdown #searchArea{display: block; }

.filepond--drop-label {
    color: #4c4e53;
}

.filepond--label-action {
    text-decoration-color: #babdc0;
}

.filepond--panel-root {
    border-radius: 2em;
    background-color: #edf0f4;
    height: 1em;
}
.filepond--file-wrapper.filepond--file-wrapper {font-size: 14px !important;}
.filepond--drop-label.filepond--drop-label label {font-size: 16px}
.filepond--item-panel {
    background-color: #595e68;
}

.filepond--drip-blob {
    background-color: #7f8a9a;
}
.filepond--root {margin-bottom: 0; cursor: pointer}
.filepond--drop-label label {cursor: pointer}
.filepond--credits {display: none;}

.logo.desktop .search-dropdown .dropdown-content{     min-width: 50%;
    right: 0;
    left: auto;
    border-radius: 0;
    background-color: #025ea1;
    top: 100%;
    padding: 0.75rem;
    transform: translateX(0%);}

.collapseSearch .dropdown-content{     min-width: 50%;
    right: 0;
    left: auto;
    border-radius: 0;
    background-color: #025ea1;
    top: 100%;
    padding: 0.75rem;
    transform: translateX(0%);}

.collapseSearch .search-group .input {
    font-size:15px;
}
.bottom-nav {background-color: #eaeced; !important;}
.menu .menu-links {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.menu .menu-links .link {
    padding: 5px 0px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 500 !important;
}
.navbar-nav,.navbar-nav>li {
    float:none
}
.menu .menu-links .link span {
    font-family: Calibri;
    font-size: 16px;
}
.menu .menu-links.nav-menu .link{
    padding:12px 12px 11px !important;
}
.menu .menu-links.nav-menu .link:hover{
    background-color:#025ea1;
    color: #fff;
}
.menu .menu-links .link span.not-count {background-color:#ff0044; width:15px; height:15px}
.closeFilterMenu{
    position: absolute;
    right: 10px;
    top: -40px;
    font-size: 3rem;
    color: #405964 !important;
}

.menu .menu-links .link i {
    padding: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bottom-nav .menu .menu-links .link {padding: 12px 18px 10px; font-weight: 600; color: #555; flex-direction: inherit; margin-left: 0;}

.bottom-nav .menu .menu-links .link:hover { background-color:#025ea1; color:#fff }
.bottom-nav .menu .menu-links .link:last-child:before{display: none;}

.like-btn{
    font-size:16px!important;
    color: #484848!important;
    cursor: pointer;
}


.like-btn i{
    font-size:18px!important;
    transition: all ease-in-out .2s;

}
.like-btn i:hover{
    color:red;
}

.liked-btn{
    font-size:16px!important;
    color: red;
    cursor: pointer;
}
.liked-btn i{
    font-size:18px!important;
}

.btn-pull-white {border-radius: 30px; border: 2px solid #fff; color: #fff;
    padding: 6px 15px;height: 36px; flex-direction: row!important;  }
.btn-pull-white-2,
.btn-pull-white:hover{background-color:#1E2731; border-color: #1E2731 !important;}
.btn-pull-white-2:hover {background-color:#fff; color: #1E2731 !important;}
.btn-pull-white-outline { color:#1E2731; border-color: #1E2731; background-color: transparent; }
.btn-pull-white-outline:hover {color: #fff;}
.menu-links .btn-pull-white {padding: 3px 9px !important;height: 36px;}

.btn-pdf {padding: 14px 30px 10px;
    display: inline-flex;
    justify-content: center;
    height: auto;
    background-color: #fff;
    border: 2px solid #019aef;
    border-radius: 10px;
    color: #019aef;
    font-weight: 600;
}
.btn-pdf i {font-size: 20px; margin-left: 10px}
.not-count{
    background-color: redff    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: 5px;
    font-family: Calibri;
    font-size: 8px!important;
    display: flex;align-items: center;
    justify-content: center;
    border: 1px solid #0090DF;
}
.doctor-social a {
    color: #8797a1;
    display: block;
}


.doctor-social i {
    width: fit-content;
    align-items: center;
    padding: 10px;
    border-radius: 50%;
    background-color: rgba(93, 133, 193, 0.05);
    color: #8797a1;
}

.doctor-card {
    display: flex;
    padding: 10px 7px;
    background-color: white;
    border-radius: 5px;
    transition: all ease-in-out .2s;
    /*align-items: center;*/
    justify-content:space-between;
}
.dc-card{
    padding: 15px;
    background-color: white;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 100%;
}
.dc-card .card_media{
    height: 320px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.dc-card .uzman-box__body{
    padding: 15px;
}
.dc-card .uzman-box__body .uzman-box__title{
font-size: 24px !important;
    color: #000;
}
.dc-card .uzman-box__body p{
    font-size: 16px;
    line-height: 32px;
}
.dc-card:hover .uzman-box__body .uzman-box__title{
    color:#0d9eec;
}

.dc-card .card_media > img{
    position: absolute;
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
    left: 0;
    toP:0;
}
a.username{
    color: #717171;}
.username{
    color: #717171;
    font-size: 16px;
    font-weight: 600;
    display:block;
}
.username:hover{
    color: #0090df;
}

.doctor-card:hover {
    /*box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;*/
}
.doctor-card p {
    font-weight: 600;
    font-size: 15px;
}
.doctor-card .detail {
    display:flex ;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.doctor-card .detail a{
    display: block;
}
.doctor-card .follow {
    margin:0 5px ;
    color: #337ab7;
    cursor: pointer;
}
.doctor-card .follow:hover {
    font-weight: bold;
}
.avatar {
    vertical-align: middle;
    max-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}
.user-auth{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-color: white;
}
.avatar-sm{
    vertical-align: middle;
    width: 35px;
    object-fit: cover;
    height: 35px;
    border-radius: 50%;
}
.user-auth .user-name{
    margin-bottom: 0px;
}

.doctor-avatar {
    vertical-align: middle;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}



.doctor-card-vertical {
    position: relative;
    display: block;
    margin-bottom: 2em;
}


.doctor-card-vertical img {
    vertical-align: middle;
    width: 100%;
    height: 300px;
    min-height: 270px;
    object-fit: cover;
    border-radius: 10px;
    border: 4px solid white;
}

.doctor-card-vertical .card-bottom {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0.03995101458552175) 100%);
}

.doctor-card-vertical .card-bottom small {
    background-color: white;
    padding: 5px 20px;
    border-radius: 6px;
    color: #0090DF;
    box-shadow: 0 -1px 1px 1px white;
    font-weight: 600;
}

.doctor-card-vertical .card-bottom p {
    font-weight: 600;
    color: #405964;
}
.upload-img-area{
    width: 100%;
    height: 125px!important;;
    position: relative;
    text-align: center;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.upload-img-area div {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    color: #39375b;
    font-size: 15px;
    font-weight: 600;
    line-height: 47px;
    z-index: 2;
    background-color: #f8f9fa;
    border-radius: 5px;
    border: 1px dashed #cdcdcd;
    transition: all ease-in-out .2s;

}
.upload-img-area .text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-img-area:hover div{
    border-radius: 5px;
    background-color: white;
    border: 1px dashed #a9a9c2;
}
.upload-img-area i{
    font-size:35px;
    transition: all ease-in-out .2s;
}

.upload-img-area:hover i{
    font-size: 40px;
}
.upload-img-area input {
    display: block!important;
    width: 100%!important;
    height: 100%!important;
    opacity: 0!important;
    overflow: hidden!important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    cursor: pointer;
}
.auth-left{
    padding-top:10px;
    padding-bottom:10px;
}
.auth-left h2{
    margin-bottom: 10px!important;

}
.auth-left img{
    width: 100%;
}
.auth-left h1{
    font-size:1.8em;
}
.auth-right h1,h2{
    font-size:1.5em;
    color:#405964!important;
    font-family:'Open Sans';
}
.img-gallery img{
    width: 100%;
}


.input-elm{
    width: 100%;
    padding:10px!important;
    border:1px solid #d7d7d7 !important;
}
.btn-elm{
    font-size: 13px;
    background: #0090DF;
    padding:.4em 1em;
    color: #fff;
    border-radius: 2px;
    display:inline-block;
    border: 1px solid #0090df;
}
.btn-elm:hover{
    color: white;
    background: #037dbf;
}
.btn-login{
    font-size: 1.4rem;
    padding: 9px 20px 7px;
}
.btn-login_h {
    background-color: #0b5b97;
    border-radius: 5px;
    padding: 8px 10px;
    white-space: nowrap;
}
.btn-elm-gray{
    font-size: .9em;
    background: #f8f9fa;
    padding: .5em 1em;
    color: #333;
    border-radius: 4px;
    display:inline-block;
}
.btn-elm-outline{
    font-size: 13px;
    background: white;
    padding: 0.4em 1em;
    color: #0090df;
    border-radius: 2px;
    display:inline-block;
    border:1px solid #0090df;
}
.btn-elm-outline:hover{
    color: white;
    background: #0090DF;
}
.prfl-img-lbl:hover{
    cursor: pointer;
    opacity: .7;
}

.activity-box{
    margin-bottom: 1em;
    box-shadow: rgba(0, 0, 0, .1) 0px 0px 5px 0px, rgba(0, 0, 0, .30) 0px 0px 1px 0px;
    padding: 15px;

}
.activity{
    /*padding: 0 1.2em 0 1.2em;*/
}
.act-btns .btn-elm-outline{
    padding: .3em .5em;
    font-size: .8em;
    border: 1px solid #ececec;
    color: #717171;
}
.act-btns .btn-elm-outline:hover{
    color: #0090df!important;
}

.d-grid-2 {
    display: grid;
    grid-template-columns: repeat(2,49%);

}
.h-100{
    height:100% !important;
}
.grid-gap-10{
    grid-gap:10px;
}
.d-grid-md-4 {
    display: grid;
    grid-gap: 20px;
}

.card-shadow {
    box-shadow: 0px 0px 5px 2px #f3f3f3;
}

.card-shadow-blue {
    box-shadow: 0px 0px 5px 2px #dee8f3;
}

.card-border {
    border: solid 1px #e8e8e8;
}

.question-card {
    display: flex;
    flex-direction: column;
    padding: 25px;
    background-color: white;
    border-radius: 10px;
    transition: all ease-in .5s;
}

.hover-shadow:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
}


.question-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}


.corporate-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 15px 0px;
}

.corporate-links a {
    /*margin-bottom: 10px;*/
    color: #fff;
}

.corporate-links a:hover {
    color: #54667b;
}
.footer-bottom .corporate-links{justify-content: normal;}
.corporate-links a {
    margin-right: 15px;
}
.corporate-links-2 a + a {
    margin-left: 7px;
}
.corporate-links a {margin-top:10px}
.corporate-links-2 a {font-size:13px}

.footer-bottom .corporate-links a {
    font-weight: 300;
    opacity: .75;
}
.footer-bottom .corporate-links a:hover {
    opacity: 1;
    color: #fff;
}

.btn {
    background-color: transparent;
    padding: 4px 8px;
    color: black;
    border-radius: 3px;
    font-size: 12px;
    transition: all ease-in .3s;
    font-weight: 500;
}
.btn-login {background-color: #0090DF; color: #fff;} 
.btn-register {background-color: #fff; color: #0090DF;} 
.btn-category {

    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    transition: all ease-in .3s;
    font-weight: 500;
    background-color: #f8f9fa;
    color: #0090dfa1;
}
.btn-category:hover {
    background-color: #0090dfa1;
    color: white;
}

.btn-rounded-white {    border-radius: 30px;
    border: 1px solid #000;
    padding: 6px 15px !important;
    flex-direction: row!important;color: #000;}

.btn-rounded-white:hover{background-color: #1E2731; border-color:#1E2731; color: #fff}

.blog-category-tag {
    border: 1px solid #FFCD00;
    background-color: #FFCD00;
    padding: 4px 8px;
    color: white;
    font-size: 12px;
    transition: all ease-in .3s;
    font-weight: 500;
    border-radius: 3px;
}
.ctg-tag a{
    display: inline-block;

}

.intro-categories{
    margin-bottom: 10px;
}
.intro-categories a{
    background-color: white;
   display: inline-block;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    padding: 3px 10px 3px 3px;
    border-radius:25px;
    font-weight: bold;
    font-size: 12px;
    margin: 0 5px 5px 0;
    transition: all ease-in .1s;
}
.intro-categories a:hover{
    background-color: #9adbff ;
}

.dr-profile a:last-child{
    border:none;
    margin: 0 5px 5px 0;
}

.intro-categories a img{
    vertical-align: middle;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 3px solid white;
}
.load-more{
    background-color: white;
    border-radius: 25px;
    padding: 10px 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    white-space: nowrap;
    font-weight: bold;
    transition: all ease-in .1s;

}
.load-more:hover{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}


.btn-send-file {
    background-color: #f3f2f2;
    display: inline-block;
    padding: 8px 12px;
    color: #545454;
    border: 1px solid #f3f2f2;
    border-radius: 3px;
    font-size: 12px;
    transition: all ease-in .3s;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
}

.btn-send-file:hover {
    background-color: #0090DF;
    color: white;
}

.btn-orange {
    padding: 8px 12px;
    font-size: 12px;
    background-color: #FFCD00;
    border: 1px solid #FFCD00;
    font-weight: 600;
}
.btn-orange-outline {
    padding: 8px 12px;
    font-size: 12px;
    color: #FFCD00;
    background-color: transparent;
    border: 1px solid #FFCD00;
    font-weight: 600;
}

.btn-header-blue {
    padding: 8px 12px;
    font-size: 12px;
    background-color: #006ba5;
    border: 1px solid #006ba5;
    font-weight: 600;

}

.btn-auth {
    color: white;
    padding: 2px 0px;
    font-size: 12px;
    font-weight: 600;
    background-color: transparent !important;
}

.btn-logout {
    font-size: 10px;
    color: #d4d3d3;
}



.btn-fixed {
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    left: 35%;
    background-color: #ffa500a1;
    position: fixed;
    bottom: 30px;
    z-index: 99;
    margin: 0 auto;
    font-size: 16px;
}
.question-header .category .btn-category{
    white-space: nowrap;
}
.question-user {
    display: flex;
}

body.modal-open{padding-right: 0 !important;}

.btn-ig{
    height: 73px;
    font-size: 15px;
}

.ig-br{
    border-color: #ddd;
    margin-top: 0;
}

/*.question-user .icon {*/
/*    vertical-align: middle;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    border-radius: 50%;*/
/*}*/
.icon {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.question-user .name {
    margin-left: 5px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.question-user .name span{
    font-weight: 500!important;
    color: #b5b5b5;
}


.question-date {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.question-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.question-footer .action-btn {
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    color: #0090DF;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 12px;
    height: 26px;
    -webkit-box-shadow: 0 3px 5px -6px #515151;
    -moz-box-shadow: 0 3px 5px -6px #515151;
    box-shadow: 0 3px 5px -6px #515151;
}


.reply-area{
    display: none;
}
.show-reply-area{
    cursor: pointer;
}
.question-footer .question-reply {
    display: flex;
    align-items: center;
}
.post-meta{
    margin-bottom: 0px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.post-meta-icon{
    cursor: pointer;
    margin-bottom: 1px;
    font-size: 1.3em;
}


.comment-card .avatar{
    width: 30px;
    height: 30px;
}
.commentActions{
    font-size: 13px;
}
.comments{}
.comments li{
    margin-bottom: 20px;
}

.comments li ul{
    margin-left: 27px;
}


.btn-answer {
    background-color: #0090DF;
    padding: 5px 10px;
    color: white;
    border-radius: 3px;
    cursor: pointer;
}

.btn-clear {
    background-color: #e5e5e5;
    padding: 5px 10px;
    color: #7d7d7d;
    border-radius: 3px;
    cursor: pointer;
}

#btn-report {
    cursor: pointer;
}

.d-grid-md-half {
    display: grid;
    grid-gap: 10px;
}

body {
    font-family: Fira Sans Condensed, sans-serif;
    transition: 0.3s;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga", "kern";
    -webkit-font-feature-settings: "liga", "kern";
    -moz-font-feature-settings: "liga", "kern";
    font-kerning: normal;
    -webkit-font-kerning: normal;
    word-break: break-word;
    background-color: #F3F3F3;
}

.first-header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

input, textarea, button {
    outline: none;
}

button {
    border: none;
}

h1 {
    font-size: 41px;
    font-weight: bold;
    color: #0090DF;
}

p {
    color: #717171;
}

p.hint {
    color: #0090DF;
}

ul {
    padding-left: 0px;
}

nav.navbar.navbar-default {
    background: transparent;
    border-top: solid 3px #0090DF;
    margin-bottom: 0px;
    background: #0090df;
}

form.navbar-form.navbar-left {
    position: relative;
}

.search-result-title {
    font-weight: 600;
}

.question-title {
    margin: 10px 0px;
    color: #405964 !important;
    text-decoration: none !important;
    font-weight: 700;
}
.question-desc{
    font-size: 16px;
    margin: 1em 0;
}

.dropdown.login-drop {
    font-weight: 500;
    color: #0090df;
}

.search-btn {
    background: #0090DF;
    color: #fff;
    padding: 12px 16px;
    margin-left: 0px;
    border-radius: 0px 4px 4px 0px;
}

.form-control:focus {
    box-shadow: none;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before{display:none;}

ul.nav.navbar-nav.navbar-left {
    padding-left: 2em;
}

.navbar-brand {
    height: auto !important;
    padding: 19px 15px;
}

a.dark-green {
    padding: 12px 12px !important;
    margin-top: 0.2em;
    background: #035C8D;
    color: #fff !important;
    border-radius: 4px;
    transition: 0.3s;
    border: none !important;
}

a.dark-green i {
    color: #fff !important;
}

a.dark-green:hover,
a.dark-green:focus {
    background: #086ba0 !important;
}

a.dark-blue {
    padding: 6px 10px !important;
    margin-top: 0.2em;
    background: #f1a631;
    color: #fff !important;
    border-radius: 4px;
    transition: 0.3s;
    border: none !important;
    margin-right: 0.4em;
}

a.dark-blue i {
    color: #fff !important;
}

a.dark-blue:hover,
a.dark-blue:focus {
    background: #f7b957 !important;
}

ul.nav.navbar-nav.navbar-left i {
    font-size: 1.3em;
}

.navbar-form .form-control {
    width: 206px !important;
    border-radius: 4px 0px 0px 4px;
}

.navbar-form .form-control {
    background: #EFEFEF;
    border: none;
    height: 46px;
}


.menu {
    display: flex;
    justify-content: space-between;
}

.menu ul {
    padding-left: 0;
}

.menu ul li {
    list-style: none;
    display: flex;
    flex-direction: row;
}

.menu ul li a {
    color: white !important;
}

.main-menu li a {
    color: #000 !important;
    padding: 1.2em;
    display: inline-block;
    transition: 0.3s;
}

.main-menu li a:hover {
    text-decoration: none;
}

.main-menu li:first-child a {
    padding-left: 0;
}

.main-button li a {
    color: #fff;
    padding: 0.9em 1em;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    margin-left: 1em;
    transition: 0.3s;
    margin-top: 0.2em;
}

.main-button li a i {
    margin-right: 0.3em;
    margin-left: 0.3em;
}

.main-button li a.dark-blue {
    background: #0090DF;
}

.main-button li a.dark-blue:hover {
    opacity: 0.8;
}

.main-button li a.dark-green {
    background: #FF912C !important;
}

.main-button li a.dark-green:hover {
    opacity: 0.8;
}

.main-button.profile li {
    list-style: none;
}

.main-button.profile li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-left: 0px;
}
.home-banner-img{
    width: 100%;
    height: 270px;
    min-height: 95px;
    background-color: #eee;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    margin-bottom:10px;
}
.img-gallery a.image-ins{
    display:flex;
    height:400px;
    width:100%;
    text-align:center;
    overflow:hidden;
    position:relative;
}
.img-gallery a.image-ins .bg-image{
   filter: blur(10px);
  -webkit-filter: blur(10px);
  background-size:cover;
      width: 100%;
    height: 100%;
    background-repeat:no-repeat;
}

.img-gallery a.image-ins > img{
   width: auto;
    min-height: 400px;max-height: 400px;
   position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}



#home-banner {
    background-color: #E1F4FE;
    padding-top: 1em;
}

#home-banner.inner {
    background: transparent;
}


#home-banner.inner .file-upload {
    border: solid 1px #e4e4e4;
}

#home-banner.inner button.btn.dropdown-toggle.btn-default {
    border: solid 1px #e4e4e4;
}

#home-banner h1 {
    margin-bottom: 0.03em;
}

#home-banner p {
    font-size: 1.1em;
}

#home-banner .question-block textarea {
    width: 100%;
    min-height: 207px;
    max-height: 207px;
    border: none;
    border-radius: 4px;
    padding: 2em;
}

#home-banner .custom-file-input {
    color: transparent;
    width: 100%;
    position: relative;
    height: 48px;
}

#home-banner .custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

#home-banner .custom-file-input::before {
    content: "Dosya Yükle";
    color: black;
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    padding: 1em 2em;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    width: 100%;
}

#home-banner .custom-file-input::after {
    content: "";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: #000;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translate(0%, -50%);
}

#home-banner .custom-file-input:hover::before {
    border-color: black;
}

#home-banner .custom-file-input:active {
    outline: 0;
}

#home-banner .custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

button.btn.dropdown-toggle.btn-default {
    padding: 14px;
    border: none;
    width: 100%;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}

button.btn.dropdown-toggle.btn-default {
    box-shadow: none !important;
    outline: none !important;
}

h3.site-title {
    font-size: 1.4em;
    color: #484848 !important;
    font-weight: bold;
}

h4.site-title, p.site-title {
    font-size: 1.2em;
    color: #484848;
    font-weight: bold;
}


h2.site-title {
    font-size: 2em;
    color: #0090DF;
    font-weight: bold;
}

.box-item {
    background-color: white !important;
    transition: all ease-in .3s;
}


.box-item.comments .box-item-text h2 {
    font-size: 1.4em;
    color: #0090DF;
    font-weight: bold;
}

.box-item.comments .box-item-text h3 {
    font-size: 1.4em;
    color: #0090DF;
    font-weight: bold;
}

.box-item.comments .box-item-text h4 {
    font-size: 1.2em;
    color: #484848;
    font-weight: bold;
}

h1.site-title {
    font-size: 2.5em;
    color: #0090DF;
    font-weight: bold;
}

.box-text-bottom-detail ul {
    padding-left: 0 !important;
}

input.form-control {
    min-height: 46px;
    border: solid 1px #e4e4e4;
    border-radius: 4px;
}
textarea.form-control {
    border: solid 1px #e4e4e4;
    border-radius: 4px;
}
select.form-control, span.form-control {
    min-height: 46px;
    border: solid 1px #e4e4e4;
    border-radius: 4px;
}
.filter-box {
    display: flex;
    justify-content: flex-end!important;
}
.filter-box .form-control{
    min-width:120px;
    min-height: 35px;

}



section#home-content {
    margin-top: 1em;
}

.submit-button button {
    padding: 1em 4em;
    border: none;
    color: #fff;
    background: #0090DF;
    border-radius: 4px;
}

textarea {
    resize: none !important;
}

.home-banner-wrapper .row {
    display: flex;
}


.box-item {
    display: flex;
    padding: 1.7em 1.4em;
    margin-bottom: 2em;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 1px #f3f3f3;
}

.box-item.detail {
    border: none;
    padding: 0;
    margin-bottom: 0px;
}

.box-item .box-item-icon-wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 120px;
}

.box-item.detail {
    box-shadow: none;
}

p.no-content {
    background: #ffe4e4;
    padding: 1em 2em;
    text-align: center;
    border-radius: 6px;
    color: #e05e5e;
    display: block;
    margin: 0px auto;
    max-width: 390px;
}

a.disable-link {
    opacity: 0.2;
    text-decoration: none;
    cursor: no-drop;
}

.box-item .box-item-icon-wrapper span {
    margin-top: 0.3em;
    display: block;
    font-weight: bold;
    color: #0090DF;
}

.box-item .box-item-icon {
    border-radius: 5px;
    max-width: 100%;
    height: 80px;
    vertical-align: top;
}

.box-item .box-item-icon i {
    font-size: 1.9em;
}

.box-item .box-item-icon.article {
    border: solid 1px #e0e0e0;
}

.box-item .box-item-text {
    flex: 1;
}

.box-item .box-item-text h4 {
    font-size: 1.5em;
    color: #5D5D5D;
    font-weight: bold;
    margin-top: 0em;
}

.box-item .box-item-text .date {
    margin-bottom: 1em;
    color: #0090DF;
    display: block;
}

.box-item .box-text-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-item .box-text-bottom .box-text-bottom-detail ul {
    display: flex;
}

.box-item .box-text-bottom .box-text-bottom-detail ul li {
    list-style: none;
    margin-right: 0.5em;
    margin-left: 0.5em;
    color: #0090DF;
}

.box-item .box-text-bottom .box-text-bottom-category p span {
    color: #0090DF;
}

.box-item.doctor h4 {
    font-size: 1.7em;
    color: #0090DF;
}

.box-item.doctor .part {
    font-weight: bold;
    color: #000;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}

.box-item.doctor .info {
    display: flex;
    align-items: baseline;
}

.box-item.doctor .info i {
    margin-right: 0.7em;
    color: #0090DF;
}

.box-item.doctor .box-item-text {
    display: flex;
}

.box-item.doctor .box-detail {
    flex: 1;
}

.box-item.doctor .box-button a {
    display: block;
    margin-bottom: 1em;
}

.box-item.doctor .box-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.box-item.doctor .box-button a {
    padding: 0.2em 1em;
}

.box-item.doctor .box-button i {
    margin-right: 0.6em;
}

.box-item.doctor .box-button .appl {
    background: #0090DF;
    border-radius: 4px;
    padding: 0.6em 1em;
    color: #fff;
    text-decoration: none;
}

.box-item.comments {
    align-items: flex-start;
}

.box-item.comments .box-item-icon {
    width: 50px;
    height: 50px;
    font-size: 8px;
    margin-right: 2em;
}

.box-item.comments h4 {
    font-size: 1em;
}

.box-wrapper.doctor .box-item.comments {
    background: #eaf6fd;
    border: solid 1px #0090df;
}

.box-wrapper.doctor h4 {
    font-size: 1.4em;
    color: #0090df;
}

.more-button {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}

.more-button a {
    display: inline-block;
    padding: 1em 9em;
    background: #F4F6F7;
    border: solid 1px #E0E0E0;
    border-radius: 4px;
    text-decoration: none;
}

ul.footer-menu .row {
    display: flex;
    justify-content: center;
    margin-bottom: 1em;
}

ul.footer-menu li {
    list-style: none;
}

ul.footer-menu li a {
    display: inline-block;
    padding: 1em 1.2em;
    color: #274556;
    transition: 0.3s;
}

ul.footer-menu li a:hover {
    color: #0090DF;
}

.contact-icons a {
    color: #8797a1;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 1em !important;
    display: block;
}

.contact-icons a:hover {
    color: #337ab7;
}

.contact-icons a {
    color: #8797a1;
    font-size: 16px;
    font-weight: 500;
    display: flex;
}

.contact-icons span {
    color: #8797a1;
    font-size: 14px;
    font-weight: 500;
}

.contact-icons a i {
    margin-right: 1em;
}
.dropdown-menu a{
    display: block!important;
    padding: 10px;
}
.dropdown-menu i{
   width: 25px;
    text-align: center;
}
.worry .dropdown-menu a{padding:0 10px;}

.social-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}

.social-icons .share p {
    color: #b1b1b1 !important;
}

.social-icons .share a {
    transition: all ease-in-out .15s;
    display: inline-block;
    color: #b1b1b1 !important;
    padding: 4px 0 4px 4px;
    /*border: 1px solid #f6f6f6;*/
    border-radius: 5px;
}

.social-icons .share a:hover {
    color: #0090df !important;
}

.social-icons i {
    text-align: center;
}

.social-icons .share a:hover i {
    color: #0090df !important;
}

.social-section .share a {
    transition: all ease-in-out .3s;
    display: inline-block;
    color: #8797a1 !important;
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 5px;
}

.social-section .share a:hover {
    color: #337ab7 !important;
}


.social-media {
   display: flex;justify-content: center;
   margin-top: 15px;
}

.social-media a {
    display: flex;
    justify-content: center;
    width: 40px;
    align-items: center;
    height:40px;
    background-color: #54667b;
    color: #fff;
    border-radius: 50%;
    margin: 0 5px;
    transition: all linear .3s;
}

.social-media a:hover{
    background-color: #fff;
    color: #54667b;
}

.dropdown a.active {
    color: #0090df!important;
}
.terms {
    position: relative;
    padding-left:22px;
}
.terms p {
    color: #666;
    font-weight: 500!important;
}
.terms p a{
    color: #0090df;
}
.terms input{
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 1px;
}
.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.footer-bottom {
    display: flex;
    justify-content: space-around;
    padding: 10px 0px;
    margin-bottom: 0px;
    text-align: center;
    
}
.footer-bottom .row{border-top: 2px solid #353d46;}

.footer-bottom small{color:#54667b; font-size: 13px;}

.footer-bottom .copyright {text-align: right;}
#main-content {
    min-height: 72vh;
    margin-top: 0;
}

ul.breadcrumb {
    margin-bottom: 0px;
    background: transparent;
    padding: 1em 0;
}

.breadcrumb-content {
    margin-bottom: 21px;
    background: #f1f1f1;
}

ul.breadcrumb li a {
    color: #333;
    text-decoration: none;
}

.footer-bottom p {
    color: #2b4859;
}

footer {
    position: relative;
    width: 100%;
    bottom: 0;
    padding-top: 3em;
}

.footer {
    background: #1e2731;

}

/*Breadrumbs*/
.cd-breadcrumb, .cd-multi-steps {
    padding: 0.5em 1em;
    margin: 0em 0;
    background-color: #edeff0;
    list-style: none;
}
.cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
    justify-content: space-between;
}
.cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0px;
    width: 100%;
}
.cd-breadcrumb.triangle li:nth-child(n+2){
    margin-left: -4px;
}
.cd-breadcrumb.triangle li a:hover{opacity: 1}
.cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
}
.cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #fff;
    background-color: #5bb5e7;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #5bb5e7;
    width: 100%;
    display: flex;
}
.cd-breadcrumb.triangle li.second > * {
    background-color: #33a3e1;
    border-color: #33a3e1;
}
cd-breadcrumb.triangle li.second > * {
    background-color: #33a3e1;
    border-color: #33a3e1;
}
.cd-breadcrumb.triangle li.active > * {
    background-color: #037DBF;
    border-color: #037DBF;
}
.cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #6ec2f1;
    border-color: #6ec2f1;
}

.cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;

}
.cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
}


.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /*
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
}

.cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
}
.cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
}
.cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
}
.cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
}

@-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
        /* fix a bug on Firefix - tooth edge on css triangle */
        border-left-style: dashed;
    }
}

.search-content input {
    width: 100%;
    height: 48px;
    padding: 10px;
    background: #efefef;
    border-radius: 4px;
    border: none;
}

.search-content button:not(.dropdown-toggle) {
    height: 48px;
    background: #0090DF;
    color: #fff;
    width: 100%;
    border-radius: 4px;
    border: none;
}

.az-title {
    border: solid 1px #cacaca;
    border-radius: 4px;
    margin-top: 2em;
    margin-bottom: 1em;
}

.az-title ul {
    display: flex;
    margin-bottom: 0px;
}

.az-title ul li {
    flex: 1;
    list-style: none;
}

.az-title ul li a {
    padding: 1em 0.2em;
    display: block;
    text-align: center;
    color: #5D5D5D;
}

.az-title ul li a.active {
    font-weight: bold;
    color: #0090DF;
}

a.question-btn.dark-green {
    background: #025d8c;
}

.az-content {
    border: solid 1px #cacaca;
    border-radius: 4px;
    margin-top: 2em;
    margin-bottom: 1em;
    background: #f1f1f1;
}

.az-content .az-content-item {
    padding: 1em 2em;
    margin-bottom: 2em;
}

.az-content .az-content-item h4 {
    color: #0090DF;
}

.az-content .az-content-item a {
    display: block;
    padding: 0.5em 0em;
}

.find-content {
    margin-top: -21px;
    padding-bottom: 1em;
    padding-top: 1em;
}

.find-content button.search {
    width: 100%;
    height: 50px;
    background: #0090DF;
    border: none;
    color: #fff;
    border-radius: 6px;
}

.find-title h1 {
    color: #fff;
}

.find-title p {
    color: #fff;
}

.find-input::after {
    content: "";
    clear: both;
    display: table;
}

.find-input.inner button.dropdown-toggle {
    background: #e6e6e6;
}

div.tab-menu1 a {
    display: inline-block;
    padding: 1em 1em;
    font-size: 15px;
    color: #405964;
    font-size: 1.2em;
    background: #e2e2e2;
    margin-bottom: 1em;
    margin-right: 0.5em;
    border-radius: 6px;
    position: relative;
    min-width: 100px;
    text-align: center;
}

div.tab-menu1 a.active {
    font-weight: bold;
    background: #0090df;
    color: #fff;
}

div.tab-menu1 {
    margin-left: 0;
    margin-top: 2em;
}

.find-main {
    margin-top: 2em;
    margin-bottom: 2em;
}

.find-main .find-box {
    text-align: center;
    box-shadow: 3px 1px 23px 3px #f3f3f3;
    padding: 1.4em 4em;
    margin-bottom: 2em;
}

.find-main .find-box li {
    list-style: none;
}

.find-main .find-box li a {
    display: block;
    color: #989898;
    margin-bottom: 2em;
}

.find-main .find-box .all-prop {
    display: block;
    text-align: center;
    margin-top: 1.3em;
    color: #0090DF;
}

.find-main h4 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 1em;
    text-align: center;
    margin-bottom: 1em;
    border-bottom: solid 1px #e6e6e6;
}

.find-main .az-title {
    border: none;
    box-shadow: 3px 1px 23px 3px #f3f3f3;
}

.result-title h3 {
    font-weight: 600;
    font-size: 1.2em;
    color: #0090DF;
}

.result-title h2 {
    font-weight: 600;
    color: #0090DF;
}

.doctor-name-item {
    border: solid 1px #e4e4e4;
    margin-bottom: 1em;
    padding: 1em;
    border-radius: 4px;
    background: #fff;
}

.doctor-name-item {
    padding: 0px;
}

.doctor-name-item h5 {
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
}

.doctor-name-item p {
    font-weight: bold;
}

.doctor-name-item a {
    display: block !important;
    padding: 1em !important;
    text-decoration: none;
}

.result-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
    align-items: center;
}

.result-bottom .result-tag span {
    color: #0090DF;
    cursor: pointer;
    padding: 0.4em 1em;
    background: #e4f5ff;
    border-radius: 65px;
    margin-right: 0.4em;
}

.result-bottom .result-tag span i {
    margin-left: 0.6em;
}

.result-bottom .ranking {
    color: #0090DF;
}

.result-bottom .ranking .dropdown button {
    border: none;
    background: transparent;
    outline: none !important;
    box-shadow: none !important;
}

.result-bottom .ranking i {
    margin: 0.6em;
}

.info-box {
    padding: 1.3em;
    border: solid 1px #e4e4e4;
    border-radius: 7px;
    margin-bottom: 1.5em;
}

.info-box h4 {
    color: #0090DF;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 0;
}

.info-box p {
    margin-bottom: 0;
}

.doctor-about p {
    color: #717171 !important;
}

.doctor-profil-info {
    padding: 0 1.2em;
    border-radius: 4px;
    background-color: white;
}

.doctor-profil-info h1 {
    font-size: 1.6em;
}

.doctor-profil-info p {
    color: #000;
}

.doctor-profil-info .doctor-img {
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    background: #d4eaf7;
    color: #0090df;
    border-radius: 81px;
    margin-top: 15px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.doctor-profil-info h4 {
    font-size: 1.2em;
    font-weight: bold;
    color: #0090df;
}

.doctor-address {
    margin-bottom: 8px;
}

.doctor-address i {
    font-size: 10px;
    margin-top: 6px;
    color: #337ab7;
}

.doctor-address strong {
    color: #337ab7;
    font-size: 12px;
}

.doctor-address p {
    color: #717171;
    font-size: 12px;
}

.profile-social svg {
    width: 17px;
    height: 17px;
    fill: #035C8D;
}

.profile-social a {
    display: inline-block;
    padding: 0em 0.5em;
    font-size: 14px;
}

.social-share svg {
    width: 17px;
    height: 17px;
    fill: #035C8D;
}

.social-share a {
    display: inline-block;
    padding: 0em 0.5em;
    font-size: 14px;
}

.social-share {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comment-profile i {
    color: #0090df;
    margin-right: 0.3em;
}

.profile-contact {
    padding: 0.5em 0em;
}

.profile-contact .profile-contact-item {
    margin-bottom: 1em;
}

.profile-contact .profile-contact-item i {
    color: #0090df;
    margin-right: 0.3em;
}

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.rating-stars ul > li.star {
    display: inline-block;
}

li.star.disabled.selected {
    user-select: none;
}

/* Idle State of the stars */
.rating-stars ul > li.star > svg {
    font-size: 2.5em;
    /* Change the size of the stars */
    fill: #ccc;
    /* Color on idle state */
    width: 17px;
    height: 17px;
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > svg {
    fill: #FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > svg {
    fill: #FF912C;
}

.doctor-profile-content h3 {
    font-size: 20px;
    font-weight: bold;
    color: #0090DF;
    margin-bottom: 0.4em;
    margin-top: 0.4em;
}


ul.profile-menu {
    display: flex;
    box-shadow: 0 3px 5px -6px #515151;
    position: sticky;
    z-index: 9;
    background: #fff;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: -20px;
}

ul.profile-menu li {
    list-style: none;
    margin: 0em .5em;
}

ul.profile-menu li a {
    text-decoration: none;
}

ul.profile-menu li a i {
    margin-right: 0.6em;
}

.sections {
    margin-bottom: 10px;
    padding: 1.5em;
    background-color: white;
    border-radius:5px;
}


.sections h3 {
}

.content-address-item {
    display:block;
    border-radius: 4px;
}

.reply-box{
    border-radius: 5px;
}
.reply-box .question{
    font-size:16px;
}
.content-address-item h3{
    color: #484848;
}
.content-address-item:hover h3{
    color: #0090df;
}

.address-info {
    display: flex;
    align-items: flex-start;
}

.address-info i {
    font-size: 1.4em;
    color: #0090df;
    margin-right: 0.5em;
    margin-top: 0.2em;
}

.services {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.services .service-item {
    display: flex;
    flex-basis: calc(33.3333% - 0.6em);
    margin-top: 0.9em;
    margin-bottom: 0.9em;
    margin-right: 0.6em;
    justify-content: left;
}

.services .service-item p {
    display: flex;
    align-items: baseline;
    margin-bottom: 0;
}

.services .service-item p i {
    margin-right: 0.3em;
}

.section-title {
    margin: 0px 0px 20px 0px;
    color: #405964 !important;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 1.6em;
    font-family: 'Open Sans', sans-serif;
}

.section-line {
    border-radius: 4px;
    margin-bottom: 1em;
    background-color: white;
}

.answer-item h5 {
    font-size: 1.2em;
    font-weight: bold;
    color: #424242;
}

.answer-item .answer-block {
    background: #eaeaea;
    padding: 1em;
    border-radius: 6px;
}

.answer-item .answer-block p {
    margin-bottom: 0px;
}

.answer-item .detail-btn {
    padding: 1em 0em;
    margin-bottom: -1em;
}

.answer-title-profile {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.answer-title-profile a {
    border: solid 1px #0491df;
    display: inline-block;
    padding: 0.3em 1.4em;
    text-decoration: none;
    transition: 0.3s;
}

.answer-title-profile a:hover {
    background: #0090DF;
    color: #fff;
}

.article-item {
    text-align: center;
    margin-bottom: 1em;
}

.article-item a {
    text-decoration: none;
}

.article-item .article-item-img {
    height: 250px;
    width: 100%;
    background-size: cover;
    background-position: center;
    border: solid 1px #e4e4e4;
}

.article-item .article-item-text h4 {
    color: #0090DF;
}


.blog1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 260px;
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px;
    display: block;
}

.blog1 .blog-title {
    font-weight: bold;
    color: white;
    margin-bottom: 0;
    padding: 5px 10px;
}

.blog-top {
    position: absolute;
    top: 10px;
    width: 100%;
}

.blog-bottom {
    position: absolute;
    bottom: 5px;
    width: 100%;
}
.blog-bottom h3{
    transition: all ease-in .2s;

}
.blog-bottom:hover h3{
    color: #0090df  !important;
}

.blog-bottom .blog-author {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    color: #b1b1b1 !important;

}

.blog-bottom .blog-author img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.blog-bottom .blog-author p {
    font-size: 12px;
    color: #fff !important;
}

.advice-card{
    display: block;
    width: 100%;
    background-color: white;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius:5px ;
    padding: 15px;
    margin-bottom: 10px;
}
.advice-card .advice-card-top{
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.advice-card-image {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid transparent;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    margin-bottom: 5px;
    object-fit: cover;
}
.advice-card .advice-card-body{
    text-align: center;
    margin: 10px 0;
}
.tavsiye-card{
    height: 100%;
    box-shadow: 0 0 30px rgba(0,0,0,.075);
    border-radius: .5rem;
    width: 100%;
    background-color: #fff;
    padding: 30px 15px;
    transition: all linear .5s;
    border: 1px solid rgba(0, 0, 0, .1);
    position: relative;
}
.tavsiye-card:hover {
    background-color:#056ac526;
}
.tavsiye-card_body{
    padding: 40px 0 20px;
    text-align: center;
}
.tavsiye-card_body h4{
    font-weight: 600;
    font-style: italic;
    font-size: 1.15em !important;
}
.adv-cat{
    position: absolute;
    right: 15px;
    top: 18px;
    font-size: 12px;
    color: #0090dfa1;
}

.adv-cat-primary{
    position: absolute;
    right: 21px;
    top: 7px;
    font-size: 10px;
    background-color: #0090df;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    padding: 0 5px;
    color: #fff;
}
.adv-cat-primary:hover {
    background-color: #07699f;
    color: #fff;
}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}


.hero-section{
    width: 100%;
    background-color: rgba(93, 133, 193, 0.09);
    /*background-position: bottom 50px right 100px;*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-bottom: 10px;

}
.hero-wrapper{
    padding: 20px;
    background: rgba( 0, 144, 223, 0.40 );
    backdrop-filter: blur( 2.0px );
    -webkit-backdrop-filter: blur( 2.0px );
    border-radius: 10px;
}
.hero-section h1{
    margin-bottom: 30px;
    color: white!important;

}
.hero-section p{
    margin-bottom: 30px;
    color: white!important;

}

.video-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 250px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-bottom: 10px;
}

.video-cover i {
    font-size: 60px;
    color: #ffffffbf;
    position: relative;
    cursor: pointer;
    transition: all ease .3s;
}
.video-cover:hover i {
    font-size: 75px;
    color: #ffffff;

}

.video-cover .description {
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    color: white;
    text-align: center;
    width: 100%;
    font-weight: bold;
    margin-bottom: 0;
}

.dr-card-video {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    display: flex;
    align-items: center;
}

.dr-card-video img {
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.dr-card-video p {
    font-size: 12px;
    color: white;
    margin-left: 10px;
    font-weight: bold;
    margin-bottom: 0;
}

div#tab-menu3,
div#tab-menu4 {
    margin-bottom: 1em;
}

div#tab-menu3 a,
div#tab-menu4 a {
    display: inline-block;
    padding: 1em 0em;
    margin-right: 1.4em;
    font-size: 15px;
}

div#tab-menu3 a,
div#tab-menu4 a {
    text-decoration: none;
}

div#tab-menu3 a.active,
div#tab-menu4 a.active {
    border-bottom: solid 3px #0090DF;
    font-weight: 600;
    color: #0090DF;

}

a.question-btn {
    display: block;
    padding: 0.9em 1em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 4.3em;
    background: #f1a631;
    color: #fff;
}

a.question-btn i {
    position: relative;
    left: -18px;
}

.question-sidebar h4 {
    font-weight: bold;
    margin-top: 3em;
    margin-bottom: 1.1em;
}

.question-sidebar-content-item h5 {
    font-weight: bold;
    font-size: 14px;
}

.question-sidebar-content-item span {
    color: #0090df;
}

.question-sidebar-content-item span i {
    margin-right: 0.3em;
}

.question-sidebar-content-item .doctor-img {
    width: 57px;
    height: 57px;
    border-radius: 100%;
    margin-right: 10px;
    background-size: 100%;
    background-position: top center;
    min-width: 57px;
}

.question-sidebar-content-item.doctor {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.question-sidebar-content-item.doctor a {
    text-decoration: none;
}

.question-sidebar-content {
    padding: 0.2em 0em;
    border-radius: 4px;
    margin-bottom: 2em;
}

.popular-nav ul li a{
    font-size:14px;
}
.popular-nav ul li {margin: 3px 0; border-bottom: 1px solid #eee; padding: 5px}


.container-post {
    width:100%;
    margin:0 auto;
}
.tab-menu-post {
    display:flex;
    justify-content: space-between;
    margin:0;
    padding:0;
    text-align:left;
    background-color:white;
}
.tab-menu-post li {
    list-style:none;
    display:inline-block;
    margin:0;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.tab-menu-post li a {
    display:block;
    color:#666;
    padding:15px;
    font-size:14px;
    text-decoration:none;
    border:none;
}

.tab-menu-post .active a {
    border-bottom: 3px solid #0090fd !important;
    color: #0090fd !important;
}

.tab-content {
    display:none
}

.technical-tabs{border-color: #B5B5B5;}
.technical-tabs .nav-item{padding: 0 1rem;}
.technical-tabs .nav-link{border: 0; color: #1E2731; background-color: #F8F8F8; position: relative; border-color: #EEEEEE; border-radius: 0px; margin-bottom:.75rem;}


.fx-tabs{border-bottom: 4px solid #0090DF;}
.fx-tabs .nav-item{margin-bottom: 0rem; padding: 0}
.fx-tabs .nav-link{margin-bottom: 0; padding: .75rem 1.5rem; font-size: 15px}
.fx-tabs .nav-item:hover .nav-link, .fx-tabs .nav-item.active .nav-link {border: 0 !important; background-color: #E6E6E6 !important; border-radius: 0 !important; color: #0090DF;}
.fx-tabs .nav-item:hover .nav-link:before, .fx-tabs .nav-item.active .nav-link:before{position: absolute; width: 110%; content: ""; left:-5%; bottom: -4px; background-color:#0A1B29;height: 4px;}
.fx-tabs .nav-item:hover .nav-link:after,
.fx-tabs .nav-item.active .nav-link:after{border-style: solid; content: '';position:absolute;left: 50%; border-width: 0 10px 8px 10px; bottom: -4px;border-color: transparent transparent #0A1B29 transparent;transform: translateX(-50%) }


.tab-konu>.active{display: flex}
.tab-konu .harf{    padding: 1rem 1.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #0090DF;
    color: #fff;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    border-radius: 5px 0;}
.tab-konu a > h5{font-size: 17px  !important; margin:0; color:#666;}
.tab-konu a:hover > h5{color: #0090DF !important}
#tab1 {
    display:block
}

.tab-container {
    /*border:1px solid #ddd;*/
    padding:30px;
    font-size:14px;
    color:#666
}
.current a {
    background:#e6f6ff !important;
    border:none !important;
    color:#fff !important
}

.create-post-section{
    padding: 15px;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 7px 7px #e8e8e8;
    border-radius: 10px;
    margin-bottom: 20px;
}
.create-post-section h1{
    margin-bottom: 20px!important;
    margin-top: 5px;
}




.question-comment-input textarea:focus {
    border-color: #0090df;
}


.question-comment-input button {
    padding: 9px 20px;
    border: none;
    margin-top: 1em;
    border-radius: 4px;
}

.question-comment-input button i {
    margin-left: 1em;
}

.sing-question a {
    display: block;
    padding: 1em;
    border: solid 1px #e4e4e4;
    margin-top: -1px;
    color: #5D5D5D;
    background: #fff;
    font-size: 1.2em;
}

.sing-question h4 {
    font-size: 19px;
    color: #0090df;
}


.question-flaq-item {
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    border-bottom: solid 1px #cadde6;
}

.article-img {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    object-position: center;
}

.appol-form {
    padding: 20px;
}

.appol-form .appol-item {
    margin-bottom: 1.1em;
}

.appol-form .appol-item p {
    margin-bottom: 0;
    margin-top: 0.3em;
    display: flex;
    align-items: center;
}

.appol-form .appol-item p i,
.appol-form .appol-item p .icon {
    margin-right: 0.3em;
}

.appol-form .appol-item-input {
    position: relative;
}

.appol-form .appol-item-input i,
.appol-form .appol-item-input .icon {
    position: absolute;
    top: 19px;
    left: 14px;
}

.appol-form .appol-item-input .icon {
    width: 15px;
    height: 15px;
}

.appol-form .appol-item-input input {
    height: 50px;
    width: 100%;
    padding-left: 41px;
    border: none;
    background-color: #e6e6e6;
    border-radius: 7px;
}

.select2-search__field {
    background-color: white;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    background-color: #f6f6f691 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    background-color: white;
    margin-bottom: 5px;
}

span.select2-selection.select2-selection--multiple {
    border: none !important;
}

.select2-container--default .select2-selection--single {
    background-color: #e8e8e891 !important;
    border: solid 1px #d6d6d6 !important;
}


.appol-form .appol-item-input.tag input {
    height: auto;
}

.appol-form .appol-item-input textarea {
    width: 100%;
    padding-left: 41px;
    height: 100px;
    padding-top: 14px;
    background-color: #f6f6f691;
    border-radius: 7px;
    border: none;
}

.appol-form .appol-item-input button.btn.dropdown-toggle.btn-default {
    border: solid 1px #e4e4e4;
}

.appol-form .appol-item-input .dropdown-menu input {
    padding-left: 5px;
}

.appol-form .appol-submit {
    margin-bottom: 2em;
}

.appol-form .appol-submit button {
    background: #0090DF;
    padding: 1em 3em;
    color: #fff;
    border-radius: 4px;
    width: 100%;
}

.login-layout {
    background-color: white;
    max-width: 470px;
    margin: 0px auto;
    margin-bottom: 2em;
    border-radius: 4px;
    margin-top: 2em;
}

.password-righ.text-right {
    margin-top: 1em;
}

.password-righ.text-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.password-righ.text-right i {
    margin-right: 0.4em;
}

.register-item {
    text-align: center;
    padding: 1em;
    border: solid 1px #e1e1e185;
    border-radius: 4px;
}

.register-item a {
    display: block;
    text-decoration: none;
}

.register-item i {
    font-size: 3.5em;
    color: #0090df;
}

.register-content {
    max-width: 930px;
    margin: 0px auto;
    margin-top: 2em;
}

span.glyphicon.glyphicon-ok.check-mark::before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    position: relative;
    top: 1em;
    color: #45b345;
}

.menu-profile a {
    padding: 0 !important;
    display: block !important;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    padding-bottom: 1em !important;
    color: #000;
    border-bottom: none !important;
    font-weight: 600;
}

.menu-profile a.active {
    color: #0090DF;
}

.dropdown.login-drop {
    display: inline-block;
    margin-top: 1.6em;
}

.dropdown.login-drop button {
    background: transparent;
    border: none;
    outline: none !important;
    box-shadow: none !important;
}

.dropdown.login-drop i {
    color: #0090DF !important;
}

.menu-profile a span {
    background: #dc5252;
    color: #fff;
    width: 17px;
    height: 18px;
    display: inline-block;
    text-align: center;
    border-radius: 30px;
    font-size: 12px;
}

.question-notification a {
    padding: 0em 1em;
    display: inline-block;
}

.question-notification {
    border-bottom: solid 1px #e4e4e4;
    padding: 1em;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 2em;
    margin-bottom: 1em;
    background-color: #ffd4d44d;

}

.question-notification span {
    color: #717171;
}

.question-notification::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #e32525;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0%, -50%);
}

.question-notification.active span {
    color: #0090df;
}

.question-notification.active::before {
    background: #dc5252;
}

.question-notification p {
    margin-bottom: 0px;
}

.menu-profile {
    padding: 1em;
    margin: 10px 0px;
}

button.google {
    margin-top: 1em;
    background: #ffffff !important;
    color: #000 !important;
}

button.google img {
    width: 18px;
    margin-right: 1em;
}

input,select {
    border-radius: 4px;
}

button.google {
    border: solid 1px #cac8c8;
}

button {
    border-radius: 4px;
}

a.google img {
    width: 19px;
    margin-right: 1em;
}

a.google {
    color: #000;
    display: block;
    padding: 1.2em;
    border-radius: 4px;
    border: none;
    background-color: #f6f6f6;
}

button.google {
    display: flex;
    justify-content: center;
}

span.or {
    text-align: center;
    display: block;
    position: relative;
    margin-bottom: 1em;
    margin-top: 1em;
    color: #cecece;
}

span.or span {
    background: #fff;
    position: relative;
    padding: 0em 2em;
    display: inline-block;
}

span.or::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 10px;
    background: #cecece;
}

/* The container */
.checkbox-wrapper {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-wrapper input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #cfcfcf;
}
.dr-address{
    display: flex;
    position: relative;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 5px;
    color: #717171;
}
/*.dr-address:hover{*/
/*    color:#0090df;*/
/*}*/
.dr-address-title:hover{
    color:#0090df;
}
.dr-address i{
    margin-right:10px;
}
.dr-address small{
   color: #acacac;
    display: block;
}

.dr-icons a{
    display:flex;
    padding: 5px 0px;
    color: #acacac;
    align-items: center;
}
.dr-icons a:hover{
    color: #0090df;
}
.dr-icons a i{
    width:30px;
    text-align: center;
}

.dr-social-icons{
    padding:5px;
    background-color:white;
    display:flex;
    justify-content: center
}
.dr-social-icons a{
    text-align: center;
    color: #717171;
    padding: 10px 15px;
    border-right:1px solid #ddd;
}
.dr-social-icons a:last-child{border-right:0;}

.dr-social-icons a:hover{
    opacity:.8;
}

.dr-social-icons a i{
    text-align: right;
}


.dr-icons-sc a:hover{
    color: #0090df;
}


/* On mouse-over, add a grey background color */
.checkbox-wrapper:hover input ~ .checkmark {
    background-color: #ddd;
}

/* When the checkbox is checked, add a blue background */
.checkbox-wrapper input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-wrapper input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-wrapper .checkmark:after {
    left: 7px;
    top: 4px;
    width: 3px;
    height: 7px;
    border:1px solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.art-hist {
    background-color: #f6f6f6;
    padding: 1em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
    border-radius: 4px;
}

.art-hist h4 {
    margin-top: 0em;
    margin-bottom: 0em;
    flex: 1;
}

.art-hist a {
    display: inline-block;
    padding: 0.3em 0em;
    padding-right: 2em;
}

.art-hist a.red {
    color: #e62a2a;
}

.add-art {
    text-align: right;
    display: block;
    margin-bottom: 1em;
}

.add-art a {
    padding: 0.7em 1em;
    background-color: #035C8D;
    color: #fff;
    border: solid 1px #e4e4e4;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
}

.add-art a i {
    margin-right: 0.3em;
}

.step-appol {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1em;
}

.step-appol .active p {
    color: #0090DF;
}

.find-box i {
    font-size: 28px;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
    color: #0090df;
}

.step-appol-item {
    padding: 0em;
}

.step-appol-item i {
    margin-right: 0.3em;
}

.step-appol-item span {
    padding: 0.5em;
}

.question-detail-content {
    padding: 2em;
    border: solid 1px #e4e4e4;
    border-radius: 10px;
    margin-bottom: 2em;
    background-color: white;
}


.question-flaq-item:last-child {
    border: none;
}

form.navbar-form.navbar-left {
    display: flex;
    position: relative;
    padding-right: 0px;
}

form.navbar-form.navbar-left button.btn.dropdown-toggle.btn-default {
    border: solid 1px #e0dcdc;
    border-radius: 0px;
    padding: 12px;
    background: #efefef;
    margin-left: 2px;
}

.tab-search ul {
    display: flex;
    list-style: none;

}

.tab-search ul a {
    display: inline-block;
    font-size: 1em;
    color: #5D5D5D;
    border-radius: 8px;
    padding: .5em 0;

}

.tab-search ul a.active {
    background-color: #0090DF;
    color: white;
    padding: .5em .8em;

}

form.navbar-form.navbar-left .dropdown.bootstrap-select {
    max-width: 86px;
}

form.navbar-form.navbar-left button.btn.dropdown-toggle.btn-default {
    margin-bottom: 0;
}

form.navbar-form.navbar-left button {
    max-height: 47px;
}

.search-title {
    font-size: 17px;
    font-weight: 600;
    color: #405964 !important;
}

.result-title {
    font-size: 13px;
    font-weight: 00;
}

.result-title p {
    color: #688ea0 !important;
}

.search-result-wrapper {
    border-radius: 10px;
    position: absolute;
    background: #fff;
    z-index: 9;
    border-radius: 0px 0px 4px 4px;
    z-index: 99;
    width: 100%;
    right: 0px;
    top: 2px;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 5px 12px 23px -7px rgb(0, 0, 0, .2);
}

.search-result-wrapper .doctor-card {border: 0; padding: 5px; margin-bottom: 0 !important;}
.search-result-wrapper .doctor-card .d-flex a.username{display: block; font-weight:400}
.select-close { position: absolute; right: 2px; z-index: 29; }
.select-close-input.clear-close .input-close,
#arail.clear-close + .select-close{display: none;}


.navbar-header a {
    text-decoration: none !important;
}

.search-result-wrapper h3 {
    font-size: 1em;
    color: #2990df;
    margin: 0px;
}

.search-result-wrapper ul {
    list-style: none;
    margin-bottom: 0;
}

.search-result-wrapper p {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
    text-align: left;
    font-size: 1.4rem;
}

.search-result-wrapper ul li a {
    display: flex;
    align-items: center;
    padding: 1em 10px;
    text-decoration: none;
    transition: 0.3s;
}

.search-result-wrapper ul li a:hover {
    border-radius: 3px;
    background: rgba(196, 246, 250, .3) !important;
}

.search-result-item i {
    margin-right: 1em;
}

.doctor-name-result {
    max-width: 100%;
    max-width: calc(100% - 50px);
}


.doctor-name-result .department {
    font-size: 1rem!important;
    color: #688ea0;

}


.doctor-img-result {
    height: 30px;
    margin-right: 1em;
    min-width: 30px;
    border-radius: 50px;
    background-size: cover;
    background-position: center;
}

.search-result-wrapper h4 {
    font-size: 12px;
    font-weight: bold;
    padding-left: 1em;
    margin-bottom: 0px;
    padding-bottom: 0.3em;
    margin-top: 0.6em;

}

.search-result-wrapper.open {
    display: block !important;
}

.bootstrap-select .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    min-width: auto !important;
}

ul.profile-menu {
    text-align: left;
}

.change-avatar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.change-avatar .profile-img {
    margin-right: 15px;
}

.change-avatar .profile-img img {
    border-radius: 4px;
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.change-avatar .change-photo-btn {
    margin: 0 0 10px;
    width: 150px;
}

.change-photo-btn {
    background-color: #20c0f3;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 15px;
    position: relative;
    transition: .3s;
    text-align: center;
    width: 220px;
}

.change-photo-btn input.upload {
    bottom: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 220px;
}

.dropzone {
    background-color: #fbfbfb;
    border: 2px dashed rgba(0, 0, 0, 0.1);
}

.btn-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: absolute;
    padding: 0;
    font-size: 10px;
    width: 20px;
    height: 20px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    right: 3px;
    top: 3px;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

.upload-images {
    position: relative;
    width: 80px;
}

.upload-images img {
    border-radius: 4px;
    height: 80px;
    width: auto;
}

.upload-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.upload-wrap .upload-images + .upload-images {
    margin-left: 20px;
}

.box-text-bottom-category.detail-share {
    display: flex;
}

.box-text-bottom-category.detail-share p {
    font-weight: bold;
    color: #000;
}

.profile-social i {
    font-size: 1.222em;
    margin-right: 0.3em;
    margin-left: 0.3em;
}

.doctor-profil-info.post-details {
    display: flex;
    align-items: center;
}

.doctor-profil-info.post-details .doctor-img {
    margin-left: 0;
    margin-right: 0.5em;
    width: 80px;
    min-width: 80px;
    height: 80px;
    margin: 0px auto;
    margin-top: 0.2em;
    margin-bottom: 0.4em;
}

.doctor-profil-info.card-shadow.post-details .custom-panel {
    display: none;
}

.doctor-profil-info.post-details h1 {
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 0.1em;
}

.doctor-post-detail.text-center {
    width: 100%;
    text-align: center;
}

.box-item .box-item-text {
    flex: 1;
    padding: 1em;
    box-shadow: 0px 0px 5px 2px #f3f3f3;
}

.social-section {
    width: 100%;
}

.doctor-profil-info.post-details p {
    color: #000;
    margin-bottom: 0em;
}

.doctor-profil-info.post-details {
    padding: 1em;
}

.col-sm-4.sticky > h3 {
}

.question-sidebar-content-item p {
    word-break: break-word;
}

.post-details .profile-contact {
    display: none;
}

.post-details .comment-profile {
    display: none;
}

.post-details + ul.main-button.profile {
    display: none;
}

.doctor-profil-info.post-details {
    display: flex;
    align-items: flex-start;
}

.doctor-profil-info.post-details .profile-social {
    display: none;
}

.mkl-name {
    display: none;
}


.prf-name {
    display: block;
    font-size: 1.2em !important;
    color: #337ab7 !important;
    margin-top:10px;
}

.department-name {
    font-size: 12px;
}

.post-details .mkl-name {
    display: block;
}

a.all-search-btn {
    display: block;
    text-align: center;
    font-family: 'Roboto';
    font-size: 12px;
    padding: 6px 8px;
    color: #337ab7;
    background-color: #e6f6ff!important;
}

.search-result-wrapper p.search-no-result {
    padding: 1em;
}

.no-result-list p.no-content {
    max-width: 100% !important;
}

.article-item {
    text-align: left;
    margin-bottom: 1em;
    padding: 1em;
    border: solid 1px #bbb;
}

.article-item .article-item-img {
    height: 100px;
    width: 100%;
}

h4 {
    margin-top: 0px;
}

.question-sidebar-content-item.doctor {
    padding-top: 1.3em;
}

.sing-question {
    margin-bottom: 2em;

}

.question-sidebar-content hr:last-child {
    display: none;
}

.navbar-form .form-control {
    border: solid 1px #e6e6e6;
    border-right: none;
    box-shadow: none !important;
}

form.navbar-form.navbar-left button {
    max-height: 47px;
    background: #efefef;
    border-color: #e6e6e6;
    opacity: 1;
    box-shadow: none !important;
    border-left: none;
    border-radius: 0px 7px 7px 0px;
    position: relative;
    z-index: 1;
    border: none;
}

button.btn.btn-default.search-btn.search-btn-disabled i.fal.fa-search {
    color: #a7a7a7;
}

form.navbar-form.navbar-left .btn-default[disabled]:hover {
    background: #efefef;
    border-color: #e6e6e6;
    cursor: pointer;
}

.btn-wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 47px;
    cursor: pointer;
    z-index: 9;
}

form.navbar-form.navbar-left .search-active {
    background: #0090df;
}

form.navbar-form.navbar-left .search-active i {
    color: #fff !important;
}

button.btn.btn-default.search-btn.search-btn-disabled.active-search {
    background: #038fde;
}

button.btn.btn-default.search-btn.search-btn-disabled.active-search i {
    color: #fff !important;
}

.btn-wrap.active-search {
    display: none;
    z-index: -99;
}

.search-content-head .fal.fa-times.inner {
    position: absolute;
    right: 63px;
    top: 50%;
    transform: translate(0%, -50%);
    cursor: pointer;
}

.search-content.inner .fal.fa-times.inner {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0%, -50%);
    cursor: pointer;
}

.inner-search-btn-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.inner-search-btn-wrap.active-search {
    display: none;
}

.apol-end {
    text-align: center;
    margin-top: 2em;
    color: #0090df;
    font-size: 1.4em;
}

.apol-end p {
    color: #0090df;
}

.apol-end i {
    margin-bottom: 1em;
}

.error-pages h2, .error-pages i {
    font-size: 40px;
}
.error-pages img{
    max-width:250px;
    height:auto;
    font-size: 24px;
    width: 100%;
}
.error-pages {
    height:45vh;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-align: center;
    margin-top: 1em;
    color: #0090df;
    background-color:#fff;
}
.error-pages a{
  background-color: #e6f6ff;
    color: #0090DF;
    padding:5px 15px;
    margin-top:10px;
}

.appol-form.contact-form {
    max-width: 590px;
    margin: 0px auto;
}

.appol-form.contact-form h4 {
    text-align: center;
}

.border-danger {
    border-color: #fb3030 !important;
}

.is-invalid {
    border-color: #fb3030 !important;
}

.select2-container {
    background-color: white;
    border: none;
    border-radius: 4px;
    cursor: text;
}

span.select2-selection.select2-selection--multiple {
    border: solid #e4e4e4 1px;
    outline: 0;
    min-height: 46px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #0090df 1px !important;
    outline: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none !important;
    padding: 5px 16px !important;
    background: #0090df !important;
    color: #fff;
}

li.select2-selection__choice span.select2-selection__choice__remove {
    color: #fff !important;
    position: relative;
    left: -6px;
    font-size: 16px;
}

/* Packages */

.package {
    text-align: center;
    max-width: 600px;
    margin: 0px auto;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 0px 12px 4px #f3f3f3;
    padding: 2em;
    border-radius: 24px;
    margin-bottom: 1em;
}

.package ul {
    list-style: none;
}

.price {
    text-align: center;
    max-width: 600px;
    margin: 0px auto;
    background: #0090df;
    border-radius: 24px;
    margin-bottom: 2em;
    padding: 1em;
}

.package li {
    margin-bottom: 1.3em;
    display: flex;
    align-items: baseline;
    text-align: left;
    font-size: 1.2em;
}

.package h3 {
    color: #0090df;
    font-weight: bold;
    margin-bottom: 1em;
}

.package i.fal.fa-star {
    font-size: 25px;
    color: #fff;
}

.package li i.fal.fa-check {
    color: #0090df;
    margin-right: 0.6em;
}

.price a {
    display: block;
    color: #fff;
    padding: 0.9em;
    width: 200px;
    margin: 0px auto;
    margin-bottom: 1em;
    margin-top: 1em;
    font-weight: bold;
    border-radius: 49px;
    background: #f1a631;
}

.price p, .price h4 {
    color: #fff;
}

.price h4 {
    font-size: 28px;
    font-weight: bold;
}

.pack-star {
    background: #f1a631;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    border-radius: 50px;
    margin: 0px auto;
}

.choice-content label span {
    display: block;
}

.choice-content input {
    display: none;
}

.choice-content label {
    cursor: pointer;
}

.choice-content label input:checked + span {
    color: #0090df;
}

.choice-content label span {
    padding: 1em 1.8em;
    border: solid 1px #cecece;
    border-radius: 8px;
    position: relative;
    font-size: 16px;
    transition: 0.3s;
}

.choice-content label span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0 144 223 / 18%);
    border-radius: 8px;
    opacity: 0;
    transition: 0.3s;
}

.choice-content label input:checked + span:before {
    opacity: 1;
    border: solid 1px #0090df;
}

.choice-content label {
    margin-right: 0.3em;
    margin-left: 0.3em;
}

.choice-content label span p {
    color: #015c8d;
    margin-bottom: 0.3em;
    font-size: 14px;
}

.choice-content {
    margin-top: 2em;
}

.result-payment.appol-form {
    max-width: 520px;
    margin: 0px auto;
    margin-bottom: 2em;
}

.result-img {
    margin-top: 6em;
    padding-left: 3em;
}

label.file-upload.btn.btn-primary {
    background: #fff;
    border: dotted 2px #0090df;
    color: #0090df;
    width: 100%;
    padding: 13px;
    position: relative;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

label.file-upload.btn.btn-primary::after {
    content: "";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: #0090df;
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translate(0%, -50%);
}

span.select2.select2-container {
    width: 100% !important;
}

span.select2-selection {
    height: 50px;
}

.select2-selection__rendered {
    padding-top: 0.7em;
}

.select2-container .select2-selection--single {
    height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 13px;
    right: 7px;
}

.navbar-header {
    max-width: 255px;
    margin-top: 0.4em;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #e4e4e4;
}

span.select2-selection {
    height: auto;
    min-height: 50px !important;
}

span.select2-selection.select2-selection--multiple {
    border: solid #e4e4e4 1px;
    outline: 0;
    height: auto;
    min-height: 46px !important;
}

.search-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 0%);
    z-index: 9;
    display: none;
}

.open .search-overlay {
    display: block;
}

.search-content-head {
    position: relative;
    z-index: 99;
    display: flex;
}

ul.nav.navbar-nav.navbar-right a.blue {
    background: #000;
    padding: 6px 10px !important;
    margin-top: 0.2em;
    background: #59c4ff;
    color: #fff !important;
    border-radius: 4px;
    transition: 0.3s;
    border: none !important;
    margin-right: 0.4em;
}

ul.nav.navbar-nav.navbar-right a.blue i {
    color: currentColor;
}

.search-content form {
    width: 100%;
}

.question-accordion {
    margin-top: 5em;
}

.panel-default > .panel-heading {
    padding: 0;
    background: transparent;
}

.panel-collapse.collapse.in {
    background: #efefef;
}

.panel-default > .panel-heading a {
    display: block;
    padding: 1.2em;
}

.panel-group .panel {
    margin-bottom: 1em;
}

.choice-content label input:checked + span:after {
    content: "\f00c";
    position: absolute;
    right: -4px;
    top: -5px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 13px;
    background: #0090df;
    color: #fff;
    padding: 0.3em;
    border-radius: 50px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.choice-content {
    display: flex;
    justify-content: center;
}

.choice-content-item {
    padding: 1em;
    max-width: 195px;
    min-width: 195px;
}

.choice-content-item p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

li.select2-search.select2-search--inline {
    width: 100%;
    display: block;
    border: solid 1px #d6d4d4;
    margin-top: 1em;
    min-height: 36px;
    border-radius: 4px;
    padding-left: 0.5em;
}

.premium-btn-item a {
    display: block;
    text-align: center;
    padding: 1em;
    background: #0090df;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 1em;
    text-decoration: none;
    transition: 0.3s;
}

.premium-btn-item a:hover {
    background: #1fa4ec;
}

i.fal.fa-times.close-search {
    margin-top: 0.9em;
    margin-left: 1em;
    font-size: 16px;
    cursor: pointer;
}

.search-inner-wrapper {
    position: relative;
}

.search-inner-wrapper .search-result-wrapper {
    width: 100% !important;
}

ul.select2-selection__rendered input {
    width: 100% !important;
}

.profile-social {
    margin-top: 1em;
    margin-left: -0.5em;
    margin-right: -0.5em;
}

.ingredients ul {
    padding-left: 1em;
    list-style: circle;
}

a.big-title {
    font-weight: 500;
    font-size: 1.1em;
}

.ingredients {
    margin-top: 1em;
}

.ingredients a {
    padding: 0.3em;
    display: block;
    color: #484848;

}

.box-text-bottom.box-text-bottom-category {
    flex-direction: row;
    align-items: center;
}

.like-content.question-footer {
    margin-top: 0px;
}

.ingredients ul {
    color: #0090df;
}

.az-title ul li:first-child {
    word-break: keep-all;
}

.search-btn-wrapper {
    position: absolute;
    width: 54px;
    right: 15px;
    top: 0;
}

.search-inner-wrapper i.fa.fa-search {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    left: 14px;
    color: #c1c1c1;
}

.search-inner-wrapper .search-text-special {
    padding-left: 44px;
}

.doctor-question-block {
}

.doctor-question-block a.question-btn {
    min-width: 152px;
    padding: 0.8em;
}

.doctor-question-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.doctor-question-block {
    background: #ddf3ff;
    padding: 0.8em;
    margin-top: 1em;
    border-radius: 5px;
    padding-left: 1.2em;
}

.doctor-question-block h3 {
    margin: 0px;
    color: #025d8c;
    font-size: 1.2em;
}

.doctor-question-block img {
    max-width: 41px;
    margin-right: 1em;
}

.doctor-question-first {
    display: flex;
    align-items: center;
}

.question-sidebar-select {
    display: flex;
    align-items: center;
}

.question-sidebar-select h3 {
    margin: 0px !important;
}

.question-sidebar-select {
}

.question-sidebar-select h4 {
    margin: 0px;
    min-width: 126px;
}

.question-sidebar-select span.select2.select2-container {
    width: calc(100% - 80px) !important;
    margin-left: auto;
    margin-bottom: 0;
}

.result-bottom {
    /* margin-bottom: 1.5em; */
    margin-top: 0em;
    padding-bottom: 1em;
    background: #fff;
}

.result-bottom ul.big-rank {
    display: flex;
    list-style: none;
    margin-bottom: 0px;
    width: 100%;
    align-items: center;
    margin-top: 6px;
}

.result-bottom ul.big-rank a {
    padding: 1em;
    font-weight: 500;
    color: #4e4e4e;
    font-size: 16px;
}

.result-bottom ul.big-rank li.active a {
    color: #0090df;
    border-bottom: solid 3px;
}

.result-bottom ul.big-rank li a {
    position: relative;
    top: -3px;
}

.question-category-content h2.site-title {
    font-size: 23px;
}

.col-sm-3.question h3.site-title {
    margin-top: 0;
}

.box-wrapper .profile-social {
    margin-left: 1em;
    margin-right: -0.5em;
    margin-top: 0;
}

.box-item.detail h2 {
    font-size: 21px;
    color: #0090df;
}

.box-item.detail h3 {
    font-size: 18px;
    color: #4c4c4c;
}

.like, .dislike {
    color: #41ADD1;
    text-decoration: none;
    border: 1px solid #41ADD1;
    padding: 0px 0px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    font-size: 11px;
}

.vertical-line {
    width: 2px;
    height: 12px;
    display: inline-block;
}

.like-score, .dislike-score {
    color: #41ADD1;
}

.wrapper-search-inner i.fal.fa-times.inner {
    right: 70px !important;
}

.question-sidebar.home h4 {
    margin-top: 23px;
}

.result-img ul {
    list-style: none;
}

.result-img li {
    display: flex;
    align-items: baseline;
}

.result-img li i {
    color: #41ADD1;
    margin-right: 0.5em;
}

.doctor-profile-content .article-item .article-item-text h4 {
    color: #424242;
}

.box-item-text ul {
    padding-left: 18px;
    color: #717171;
    list-style: circle;
}

.box-item.detail {
    text-align: left;
}

.question-category-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
}

.question-category-content .site-title {
    margin-top: 0px;
}

.pre-header .container .row {
    display: flex;
    justify-content: space-between;
}

.pre-header .container .row:before, .pre-header .container .row:after {
    display: none;
}

.pre-login .menu-ul {
    display: flex;
    list-style: none;
    margin-bottom: 0px;
    justify-content: center;
}

.pre-login .menu-ul a {
    padding: 0.9em 1.2em;
    display: block;
    color: #868686;
    text-decoration: none;
}

.pre-login .menu-ul a i {
    color: #0090df;
    margin-right: 0.4em;
}

.pre-header {
    background: #ffffff;
    border-bottom: solid 1px #e2e2e2;
}

.pre-menu a {
    padding: 0.9em 1.2em;
    display: block;
    color: #868686;
    text-decoration: none;
    transition: 0.3s;
}

.pre-menu a i {
    color: #0090df;
    margin-right: 0.4em;
}

.pre-header a:hover {
    color: #0090df;
}

.pre-menu {
    display: flex;
    align-items: center;
}

.dropdown.login-drop {
    margin-top: 21px;
    float: right;
}

form.navbar-form.navbar-left {
    float: none !important;
    flex: 1;
}

ul.nav.navbar-nav.navbar-left {
    float: none !important;
    flex: 1;
}

ul.nav.navbar-nav.navbar-right.visible-xs {
    float: none !important;
}

.navbar-collapse.collapse {
    display: flex !important;
}

div#bs-example-navbar-collapse-1 {
}

.navbar-form .form-control {
    width: 100% !important;
}

.search-content-head {
    width: 100%;
    border: solid 1px #31aaec;
    border-radius: 8px;
}

.navbar-form .form-group {
    flex: 1;
}

.navbar-header a img {
    width: 170px;
    margin-top: 16px;
}

ul.nav.navbar-nav.navbar-right {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

ul.nav.navbar-nav.navbar-right li a {
    position: relative;
    display: block;
    padding: 9px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.logins {
    color: #fff !important;
    text-align: center !important;
}

a.logins i {
    color: #fff !important;
}

.dropdown.login-drop button {
    color: #fff !important;
}

.dropdown.login-drop i {
    color: #fff !important;
}

.result-bottom .big-rank {
    border: none;
    padding: 1em 0em;
    padding-top: 1.4em;
    border-bottom: solid 1px #cecece;
}


.category-md {

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    place-items: flex-start;
}


.row.flex-row::before, .row.flex-row::after {
    display: none;
}

.row.flex-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.navbar-header a span {
    color: #fff;
    font-size: 33px;
    font-weight: bold;
    text-decoration: none !important;
}

h1.site-title.question-list-title {
    font-size: 24px;
    margin: 0px;
}

a.big-title.active {
    color: #0090df;
}

.load-more {

}

.more-button a img {
    width: 33px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 90;
    opacity: 0;
}

.more-button {
    position: relative;
}

.more-button.loading a img {
    opacity: 1;
}

.more-button.loading a {
    color: transparent;
}
.limited-box{
    max-height: 70vh;
    overflow-y: auto;
}
.limited-box::-webkit-scrollbar {
    width: 8px;
}
.limited-box::-webkit-scrollbar-track {
    background: #f1f1f1;

}
.limited-box::-webkit-scrollbar-thumb {
    background: #dddddd;
    border-radius: 20px;
}
.limited-box::-webkit-scrollbar-thumb:hover {
    background: #bebebe;
}
.limited-box .doctor-card{
    flex-direction: row;
}


.doctor-profile .col-sm-4.sticky {
    top: 110px;
}

.top-quesiton {
    display: flex;
    justify-content: space-between;
}

.detail-user {
    display: flex;
    align-items: center;
    color: #b3b3b3;
}

.detail-user .box-item-icon-wrapper {
    display: flex;
    margin-right: 0.6em;
    align-items: center;
    color: #848484;
}

.detail-user .box-item-icon-wrapper i {
    margin-right: 0.4em;
}

.detail-user .box-item-icon {
    background: rgba(0, 144, 223, 0.3);
    color: #0090DF;
    padding: 0.2em;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-right: 0.5em;
}

.detail-user .box-item-icon i {
    margin-right: 0 !important;
}

.question-detail-content h1.site-title {
    font-size: 2.3em;
    color: #0090DF;
    font-weight: bold;
    margin-top: 13px;
}

.detail-user span.date {
    margin-left: 0.5em;
    margin-right: 0.5em;
    color: #848484;
}

.ranking.share svg {
    max-height: 20px;
    max-width: 20px;
    fill: #0090df;
}

.ranking.share svg {
    max-height: 20px;
    max-width: 20px;
    fill: #0090df;
}

.ranking.share button#dLabel {
    font-size: 16px;
    border: solid 1px #cecece;
    color: #0090df;
    padding: 0.3em 0.6em;
    background: #fff;
}

.ranking.share li a {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.ranking.share li a svg {
    margin-right: 0.6em;
}

.detail-user p {
    margin-bottom: 0;
    margin-left: 0.5em;
}

.answer-question-btn a {
    padding: 8px 19px !important;
    margin-top: 0.2em;
    background: #0090df;
    color: #fff !important;
    border-radius: 4px;
    transition: 0.3s;
    border: none !important;
    margin-right: 0.4em;
}

.cart-title-bottom {
    display: flex;
}

.cart-title-bottom .date {
    margin-right: 1em;
}

.cart-title-bottom .date {
    margin-right: 0;
}

.cart-title-bottom .seprt {
    margin-right: 0.4em;
    margin-left: 0.4em;
    color: #0090df;
}

.question-sidebar-content.doctor-list {
    border: solid 1px #e6e6e6;
    padding-left: 1em !important;
}

.like, .dislike {
    color: #41ADD1;
    text-decoration: none;
    border: 1px solid #41ADD1;
    padding: 0px 0px;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 4px;
    display: inline-block;
    font-size: 11px;
}

.vertical-line {
    width: 2px;
    height: 12px;
    display: inline-block;
}

.like-score, .dislike-score {
    color: #41ADD1;
}

.alphabet-title {
    font-size: 18px;
    color: #0090DF;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
}

.user-name {
    font-size: 1.2em;
    color: #565656;
    font-weight: 700;
    line-height: 1.1;
    font-size: 1.2em !important;
    margin-bottom: 12px;
    display: block;
}

.form-title {
    color: #0090df;
    font-size: 1.2em !important;
    margin-bottom: 15px;
    display: block;
    font-weight: 500;
}

.container-tab {
    width: 100%;
    margin: 0 auto;
}

.ask-wrapper {
    padding: 15px;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    border-radius: 10px;
    margin-bottom: 20px;
}
#ask-form h1{
    margin-top: 5px;
    margin-bottom: 15px;
}
#ask-form p{
    font-size: 14px!important;
    font-weight: bold;
}

.ask-wrapper .ask-footer {
    display: grid;
    grid-gap: 10px;
    align-items: center;
}

.ask-wrapper .ask-btn small {
    color: #bebebe;
}

.ask-wrapper .actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}


.padding-custom{
    padding:0 1em;

}


.ask-textarea {
    width: 100%;
    border: none;
    border-radius: 4px;
    transition: all ease .3s;
    background-color: #f8f9fa;

}
.ask-link{
    width: 100%;
    border: none;
    border-radius: 4px;
    padding: 1em;
    transition: all ease .3s;
    background: url(https://www.flaticon.com/svg/static/icons/svg/1011/1011407.svg) no-repeat scroll 7px 7px;
    background-color: #f8f9fa;
    padding-left:35px;
    background-position: 10px 15px;
    background-size: 15px 15px;
}
.chevron-icon{
    width: 100%;
    border: none;
    border-radius: 4px;
    transition: all ease .3s;
    -webkit-appearance: none;
    background: url(https://www.flaticon.com/svg/static/icons/svg/226/226172.svg) no-repeat scroll 7px 7px,white;
    background-position: right 10px center;
    background-size: 10px 10px;
}
.find-doctor-sec{
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding:15px 20px;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    border-radius:5px;
    margin-bottom: 15px;
}
.find-doctor-sec .form-control{
   padding: 1.2rem 1.25rem .8rem;
    height: auto;
    min-height: auto;
    min-width: 220px;
}
.find-doctor-sec .btn-elm{
    padding:.5em 1em
}

.site-features{
    /*list-style-type:disclosure-closed ;*/
}


.site-features li{
    display: flex;
    align-items: center;
}
.site-features li:before{
    content: "";
    width: 7px;
    height: 7px;
    background-color: #d6dadc;
    margin-right: 7px;
    border-radius: 50%;


}


.ask-some{
    border-radius: 5px;
    display: flex;
    width: 100%;
    margin-bottom: 10px;


}
.ask-some input{
    flex: 1;
    border: none;
    border-radius: 4px;
    transition: all ease .3s;
    background-color: #f4f4f4;
    padding: 5px 10px;
    margin-right: 10px;
}
.counter-group{
    border-radius: 5px;
    position:relative;
}
.counter-group{
    border-radius: 5px;
    position:relative;
}
.counter-group small{
    position: absolute;
    top: -17px;
    right: 1%;
}

.form-group{
    display: flex;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 5px!important;
}

.form-group textarea{
    padding: 10px;

}



.form-group input{
    flex: 1;
}
.message-preview{
    font-size:12px;
    color:#b4b4b4;
    font-weight: 500!important;
}
.bordered{
   border:1px solid #eee;
}
.shadow-box{
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}
.bordered-top{
    border-top: 1px solid #eee;
}
.bordered-bottom{
    border-bottom: 1px solid #eee;
}
.output-images{
    display: flex;
}
.output-image{
    margin-bottom: 10px;
    position: relative;
}
.output-image:not(:last-child){
    margin-right: 10px;
}



.output-image img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: top;
    border: 1px solid #eee;
    border-radius: 5px;
}
.output-image i{
    cursor: pointer;
    position: absolute;
    color: black;
    background-color: white;
    border-radius: 50%;
    display: none;
    right: 5px;
    top: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    width: 25px;
    height: 25px;



}
.output-image:hover img{
    filter: blur(2px);
}
.output-image:hover i{
    display: flex;
    align-items: center;
    justify-content: center;
}

#status{
    color: red;
    font-size: 12px;
}
.form-element{
    background-color: #f8f9fa;
    border-radius: 5px;
    border: 1px solid #f8f9fa;
    padding: 10px 5px;
}

.tab-menu {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: white;
    padding: 5px 10px;
    box-shadow: 0px 0px 12px 4px #f3f3f3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}


.tab-menu li {
    list-style: none;
    display: inline-block;
    margin: 0 10px 0px 0
}

.tab-menu li a {
    display: block;
    color: #666;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.tab-content {
    display: none
}

#tab1 {
    display: block
}

.tab-container {
    padding: 15px 0px;
    /*font-family: Arial;*/
    font-size: 14px;
    color: #333
}

.current a {
    border-bottom: 3px solid #0090fd !important;
    color: #0090fd !important
}

a {
    text-decoration: none !important;
}

.text-muted {
    color: #b1b1b1 !important;
}

.text-primary {
    color: #0090df !important;
}

.text-info {
    font-size: 12px;
    color: #337ab7b8 !important;
}

.text-success {
    color: #3dd455 !important;
}

.box-item:hover {
    /*box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;*/
}

.hide {
    display: none;
}

.top-nav {
    background: #0090DF;
    font-family: sans-serif;
}

ul {
    list-style-type: none;
}

.logo {
    font-size: 16px;
    display: flex;
    align-items: center;
}

.logo-link{
    font-weight: bold;
    color: white;
    font-family: 'Montserrat', sans-serif;
}
.logo-link:hover{
    color:#ffffffe0;
}

.toggle {
    order: 1;
}

.item.button {
    order: 2;
}

.item {
    width: 100%;
    text-align: center;
    order: 3;
    display: none;
}

.item.active {
    display: block;
}

.toggle {
    cursor: pointer;
}

.filepond--drop-label {
    color: #4c4e53;
}

.filepond--label-action {
    -webkit-text-decoration-color: #babdc0;
    text-decoration-color: #babdc0;
}

.filepond--panel-root {
    border-radius: 2em;
    background-color: #edf0f4;
    height: 1em;
}

.filepond--item-panel {
    background-color: #595e68;
}

.filepond--drip-blob {
    background-color: #7f8a9a;
}

.mark {
    background-color: transparent;
}

.mark .line1 {
    transform: rotate(-45deg) translate(-5px, 6px)
}

.mark .line2 {
    opacity: 0;
}

.mark .line3 {
    transform: rotate(45deg) translate(-5px, -6px)
}

#close-category {
    position: relative;
    top: 0px;
    left: 100%;
    cursor: pointer;

}

.last-question {
    background-color: white;
    padding: 7px;
}

.img-upload input{
    display: none;
}

.img-upload .images img{
    width: 100px;
    height: 100px;
    margin-right: 10px;
}



.lbl-img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border:1px dashed #e2e2e2;
    padding: 2rem 1rem;
    font-family: sans-serif;
    border-radius: 0.3rem;
    cursor: pointer;
    margin-top: 1rem;
    color: #333;
    text-align: center;
    font-weight: 500!important;

}
.lbl-img  span{
    transition: all ease-in-out .2s;
}
.lbl-img:hover  span{
   transform: scale(1.02);
}


.lbl-img span{
    margin-top: 15px;
    background-color:#e6f6ff ;
    border-radius: 25px;
    padding: 10px 15px;
    color: #333;

}

#file-chosen{
    margin-left: 0.3rem;
    font-family: sans-serif;
}

#category-md-wrapper {
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 8%, rgba(246, 249, 253, 1) 100%);
    padding: 40px 80px;
    -webkit-box-shadow: 0 3px 5px -6px #515151;
    -moz-box-shadow: 0 3px 5px -6px #515151;
    box-shadow: 0 3px 5px -6px #515151;
}

.form-control {
    border: 1px solid #e8e8e8;
    width: fit-content;
}

.border-none {
    border: none !important;
}
.w-25 {
    width: 25%;
}

.w-50 {
    width: 50%;
}
.w-75 {
    width: 75%;
}
.w-100 {
    width: 100% !important;
}

.custom-panel {
    margin-top: 20px;
    border: none;
}

.custom-panel-heading h2 {
    font-size: 16px !important;
    color: #337ab7 !important;
    font-weight: 600;
    padding: 0px 15px 2px 13px;
}

.custom-panel-body {
    padding: 5px 0;
}
button:disabled{
    opacity:.5;
    cursor: not-allowed;
}
.topics .topic{
    display: inline-block;
    position: relative;
    border-radius:10px;
    cursor: pointer;
    margin-bottom:1rem;
}
.topics .topic input{
    display: none;
}
.topics .topic span{
    width:20px;
    height:20px;
    border-radius:50%;
    background-color: white;
    position: absolute;
    right: 5px;
    top: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.topics .topic input:checked  ~ span {
      background-color: #0090df;
}
.topics .topic input:checked  ~ span:before {
    content:'✓';
    color:white;
    width:5px;
    height:10px;
    position:absolute;right:11px;top: 2px;
}
.topics .topic input:checked + img {
    filter:blur(0) brightness(0.9) saturate(1.3);
    border:3px solid #0090df;
}

.topics .topic{
    display:flex ;
    align-items: center;
    justify-content: center;
}

.topics .topic p{
    margin-bottom:0px;
    position: absolute;
    text-align: center;
    padding: 0 10px;
    color: white;
    text-shadow: 1px 2px #000;
}
.topics .topic img{
    width:100%;
    height:120px;
    object-fit: cover;
    border-radius:10px;
    filter:grayscale(100%) brightness(0.7) saturate(1);
    border:3px solid transparent;
    transition: all ease-in-out .2s;
    background-color:#fff;
}
.dentist .topic img{
    width:270px;
    height:200px;
}

.doctor-topics a {
    font-family: 'Roboto';
    display: inline-block;
    font-size: 12px;
    padding: 6px 8px;
    color: #337ab7;
    background-color: #d0e4f5;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1.1em;
}

.doctor-topics a:hover {
    color: white;
    background-color: #337ab7;
}


.doctor-menu {
    list-style-type: none;
    margin-bottom: 0px;
    background-color: #ffffff;
}

.doctor-menu li {
    display: inline-block;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: white;
    padding: 10px 20px;
}

.doctor-menu li + li {
    margin-left: -5px;
}

.content-address {
    background-color: white;
}

.doctor-prf img {
    border-radius: 10px;
    max-width: 100%;
    height: 100px;
    vertical-align: top;
    float: left;
}

.auth-icon {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.auth-name {
    color: white;
    font-size: 12px;
}

.profile-name {
    color: #0090df;
    font-size: 16px;
    font-weight: 600;
}

.acc-menu {
    height: auto;
}

.acc-menu-title {
    margin-top: 5px;
    border-radius: 5px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 0px;
    border-left: 3px solid #f1f1f1;
    background: #ecececa6;


}

.acc-menu-title p {
    margin: 0;
    text-align: left;
    padding: 8px 10px;
    color: #405964;
    cursor: pointer;
    font-weight: 600;
}

.acc-menu-title i {
    color: #405964;
}

.acc-menu-content {
    display: none;
    background: #ececec33;
    margin: 0 10px 0 4px;
    padding: 5px 0px;

}

.acc-menu-content p {
    margin: 0;
    line-height: 21px;
    padding: 5px 15px;
}

.alert {
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    min-height: 30vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.alert-info {
    background-color: #cce5ff;
    color: #004085;
}

.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
}

.alert-success {
    background-color: #d4edda;
    color: #155724;
}

.notification {
    font-family: 'Roboto';
    text-align: center;
    border-radius: 3px;
    padding: 30px 20px;
}

.notification .title {
    font-weight: 600;
    font-size: 20px;
    color: #004085;
}

.notification-info {
    background-color: #cce5ff;
    color: #00408585;
}

.notification-danger {
    background-color: #f8d7da;
    color: #721c24;
}

.notification-success {
    background-color: #d4edda;
    color: #155724;
}

.contracts h1 {

    font-size: 2.1em !important;

}

.contracts h2 {
    color: #0090DF;
    font-weight: bold;
    font-size: 1.9em !important;

}

.contracts h3, h4, h5 {
    color: #337ab7;
}

.not-badge {
    background: #0090df;
    color: #fff;
    width: 18px;
    height: 18px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    border-radius: 30px;
    font-size: 12px;
    font-weight: bold;
}

.pagination > li > a, .pagination > li > span {
    margin: 0px 5px;
    padding: 2px 10px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    width: 30px;
    text-align: center;
    border-radius: 50px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    width: 30px;
    text-align: center;
    border-radius: 50px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #eee;
}

.error {
    color: #ff1414 !important;
    font-size: 12px;
}

.border-danger {
    border: 2px solid red;
}

.min-height {
    min-height: 71vh !important;
}
.resp-menu{

}

.sec-title-area {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    margin: 5px 0;
}

.sec-title-area .site-title {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-size: 1.8rem !important;
}

.show-all {
    color: #0090DF;
}
.replyCommentBox input{
    min-height: 33px;
    margin-right: 5px;
    border-radius: 25px;
}
.replyCommentBox button{
    border-radius: 50%;
}
.iconLike.active {
    display: inline-block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    animation-name: push;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    color: red;
}

.feature-title{
    font-size: 1.1em!important;
}


@keyframes push {
    20% {
        transform: scale(.8);
    }
    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}



@keyframes navLinkFade {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

.text-white {
    color: white !important;
}
.text-primary {
    color: #019aef;
}
.text-white:hover,.text-white:focus {
    color: #ffffff;
}

.find-input input {
    background: #fff;
    background-color: #e8e8e891!important;
    border: solid 1px #d6d6d6!important;
    min-height: 50px;
    width: 100%;
    display: block;
    padding-left: 1em;
}

div.tab-menu1 a.active::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: #0090df;
    width: 10px;
    height: 10px;
    border-radius: 3px;
}

a.doctor-card-vertical.card-shadow.no-content {
    margin-top: 0em;
    box-shadow: none;
}


a.doctor-card-vertical.card-shadow.no-content .card-bottom {
    background: #fff;
    padding: 1em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.doctor-card-vertical.card-shadow.no-content .card-bottom small {
    padding: 0;
}

a.doctor-card-vertical.card-shadow.no-content .card-bottom i {
    font-size: 18px;
    margin-right: 0.4em;
}

a.doctor-card-vertical.card-shadow.no-content .card-bottom p {
    display: flex;
    align-items: center;
    flex-direction: column;
}

a.doctor-card-vertical.card-shadow.no-content .card-bottom p i {
    margin-bottom: 0.5em;
    font-size: 29px;
    color: #0090df;
}

a.link.btn.btn-header-green {
    padding: 8px 12px;
    font-size: 12px;
    background-color: #5ec1f7;
    border: 1px solid #5ec1f7;
    font-weight: 600;
    margin-left: 1em;
}

.tab-menu-4 a {
    display: block;
    color: #666;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1em;
    margin-right: 1em
}

.tab-menu-4 {
    display: flex;
}

.tab-menu-4 a.active {
    border-bottom: solid 3px #0090df;
    color: #0090df;
    background: #f6f9fd;
}

.container-tab .site-title {
    margin-bottom: 0.8em;
}

.filter-content.text-right .dropdown.open {
    display: inline-block;
}

.filter-content.text-right .dropdown-menu {
    left: auto;
    right: 0;
}

.filter-content.text-right button#dLabel {
    padding: 0.3em 1em;
    margin-top: 1em;
    background: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.filter-content.text-right .current a {
    background: #0090df;
    color: #fff !important;
}

.filter-content.text-right a {
    padding: 0.4em 1em;
}

.filter-content.text-right {
    margin-top: -4em;
    margin-right: 0.5em;
}

.wrapper-content-tab {
    position: relative;
}

.filter-content.text-right {
    position: absolute;
    right: 0;
    bottom: 9px;
}

.healt-section {
    background-color: white;
    padding: 5px 10px;
    box-shadow: 0px 0px 12px 4px #f3f3f3;
    margin-top: 1.2em;
    border-radius: 5px;
}

.healt-flex-content {
    display: flex;
}

.healt-flex-content .healt-flex {
    flex: 1;
    text-align: center;
    padding: 1em;
}

.healt-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.healt-title h3 {
    margin: 0.6em 0em;
}

.healt-flex:last-child {
    display: none;
}

.text-center.question-all-btn a {
    padding: 1em 2em;
    margin-bottom: 1em;
    font-size: 1em;
}

.doctor-profil-info.card-shadow.post-details {
    flex-direction: column;
}

.doctor-profil-info-wrap {
    display: flex;
    text-align: left;
    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 0.6em;
}

.doctor-profil-info-wrap .doctor-post-detail.text-center {
    text-align: left;
}

.doctor-profil-info-wrap .doctor-img {
    margin: 0px;
}

.profile-custom {
    display: flex;
    align-items: center;
    position: relative;
}

.custom-name-dep {
    display: flex;
}

.custom-name-dep p {
    margin-right: 1em;
}

.profile-custom .doctor-img {
    width: 100px;
    height: 100px;
    margin-right: 0.5em;
    border: solid 5px #fff;
    margin-top: -60px;
    left: 20px;
}

#profileImg{
    position:absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
}

.doctor-profil-info.card-shadow.profile-custom {
    margin-bottom: 1em;
    box-shadow: none;
}

h1.prf-name i.fa-check {
    background: #0090df;
    color: #fff;
    padding: 0.2em 0.259em;
    font-size: 0.8em;
    border-radius: 30px;
}

.doctor-profil-info.card-shadow.profile-custom {
    position: relative;
}

.profile-custom.doctor-profil-info h2 {
    font-size: 1.6em;
    margin-top: 0;
}

.big-banner {
    height: 280px;
    width: 100%;
    position: relative;
    display:flex;
    align-items:center;
}
.hero-banner_editor .header-title{display: flex; position: absolute; width: 100%; height: 100%; top: 0; align-items: end;}
.hero-banner_editor .header-title h2{padding-bottom:5%; font-size: 29px !important; color: #fff !important;}

.editor-banner {height: 370px}
.editor-banner .user-cover-img {object-position: bottom !important;}
.big-banner h1{
    color: #fff;
    position: relative;
    z-index: 999;
    font-size: 48px !important;
    text-transform: uppercase;
    line-height: normal;
    font-weight: 900;
    padding-left: 10%;
    width: 50%;
}

.big-banner .user-cover-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.editor-profil {position: relative;
    display: block;
    width: 100%;
    padding: 1rem;
    margin-bottom: 1.5rem;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 3px 5px 1rem rgb(0 0 0 / 10%);
    transition: all 0.3s;}
    .editor-profil_img {position: relative; overflow: hidden; height:270px}
    .editor-profil_img img{position: absolute; width: 100%; height:100%; object-position:center;object-position: top;object-fit: cover; }

.editor-profil:hover {background-color:#0773ae; color: #000}
.editor-profil:hover h4{color:#fff !important}
.editor-profil:hover p{color:#000 !important}

    .editor-profil_detail {text-align: center}
.editor-profil_detail h4{
    font-size: 20px !important;
}

.for-doctor {padding: 50px 0}
.for-doctor .st-imagebox-title{font-size: 24px !important;}
.for-doctor .st-imagebox-title span{color:#0773ae}
.for-doctor .st-imagebox-text{font-size: 16px;}
.for-doctor .btn-pull-white{padding: 10px 38px !important;}

.doctor-post-detail {
    padding:1rem 0 1rem 1rem;
}

.profile-numbers ul {
    display: flex;
    text-align: center;
    margin-left: 2em;
}

.profile-numbers ul li {
    padding-right: 1.4em;
    padding-left: 1.4em;
    border-right: solid 1px #cecece;
}

.profile-numbers ul li h3 {
    margin-bottom: 0px;
    font-weight: bold;
    margin-top: 0px;
}

.profile-numbers ul li p {
    margin-bottom: 0;
}

.profile-numbers ul li:last-child {
    border: none;
}

.profile-act-btn .button {
    padding: 0.3em .8em;
    display: inline-block;
    color: #fff;
    background: #0090df;
    border-radius: 5px;
}
.profile-act-btn .btn-elm-outline {
    padding: .6em 1em .4em;
     font-size: 12px;
     display: flex;
     align-items: center;
    white-space: nowrap;
}
.profile-act-btn .btn-elm {
    padding: .5em 1em;
    font-size: 12px;
}
.profile-act-btn .btn-elm-outline:hover {
    color: #fff;
    background-color: #0176b7 ;
}

.profile-act-btn .button.yellow {
    background-color: #ffcd00;
}

.profile-act-btn {
    padding-top:10px;
    padding-bottom:10px;
    margin-left: auto;
    text-align: center;
    display: flex;
    align-items: center;
}

.white-bg-section {
    background: #fff;
    padding: 2em 1em;
    margin-top: 0;
}

.custom-panel.white-bg-section i.fab {
    font-size: 1.2em;
    color: #fff;
    padding: 10px;
    border-radius: 40px;
    min-width: 40px;
    min-height: 40px;
    text-align: center;
}

.custom-panel.white-bg-section .fa-youtube {
    background: #ff0102;
}

.custom-panel.white-bg-section .fa-facebook-f {
    background: #1877f2;
}

.custom-panel.white-bg-section .fa-instagram {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.custom-panel.white-bg-section .social-section {
    margin-top: 1em;
}

ul.profile-menu li a {
    color: #acacac;
    font-size: 1em;
}

ul.profile-menu li a.active {
    color: #0090df;
    font-weight:bold;
}

.dropdown {
    display: flex;
}

.position-relative{
    position: relative !important;
}

.d-flex.align-center .dropdown button {
    display: flex;
    align-items: center;
}

.d-flex.align-center .dropdown button i {
    margin-left: 0.5em;
}

.custom-panel.white-bg-section {
    padding-bottom: 10px;
}

.box-item-icon {
    position: absolute;
    right: 6px;
    font-size: 19px;
    background: #fff;
    padding: 3px 7px;
    border-radius: 7px;
    top: -3px;
    border-radius: 60px;
    font-size: 16px;
}

.doctor-img {
    position: relative;
    left: 0px !important;
}

.banner-edit-button {
    position: absolute;
    z-index: 1;
    color: #fff;
    top: 10px;
    right: 10px;
    padding: 0.5em;
    background: #fff;
}

.banner-edit-button a {
    color: #707070;
}

.big-banner {
    position: relative;
}

.banner-edit-button i {
    color: #0090df;
    margin-right: 7px;
}

.dropdown.bells i {
    font-size: 21px;
    padding: 0em 0.6em;
}

.dropdown.messages i {
    font-size: 21px;
    padding: 0em 0.6em;
}

.dropdown.messages {
    margin-right: 1em;
}

.dropdown.head .dropdown-menu a {
    display: block;
    padding: 0.8em 0.4em;
    color: #fff;
    border-bottom: solid 1px #ffffff47;
    opacity: 0.7;
    transition: 0.3s;
}

.dropdown.head .dropdown-menu b {
    text-decoration: underline !important;
    font-weight: bold;
    color: #fff;
}

.dropdown.head .dropdown-menu p:last-child {
    border: none;
}

.dropdown.head .dropdown-menu {
    background: #23a4ea;
    white-space: initial;
    float: left;
    min-width: 231px;
}

.dropdown.head .dropdown-menu a.unread::before {
    content: '';
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #e22c2c;
    border-radius: 11px;
    margin-right: 0.5em;
}

.dropdown.head .dropdown-menu a.unread {
    opacity: 1;
}

.all-btn.text-center {
    padding: 0.6em;
}

.all-btn.text-center a {
    justify-content: center;
    opacity: 1 !important;
    font-weight: bold;
}

.dropdown.head .dropdown-menu .all-btn.text-center a {
    text-decoration: none !important;
}

.dropdown.head .dropdown-menu a:hover {
    background: #45baf9;
}

.new-notify {
    position: relative;
}

.new-notify::before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    background: #e22c2c;
    right: 12px;
    border-radius: 100%;
    top: 0;
}
.input::placeholder,input::placeholder, textarea::placeholder {
    color: #acacac!important;
}
.dropdown-menu.message a img {
    width: 31px;
    border-radius: 100%;
    margin-right: 0.5em;
}

.dropdown-menu.message a p {
    color: #fff;
}

.dropdown-menu.message a .mes-text {
    flex: 1;
}

.dropdown-menu.message a {
    display: flex !important;
    align-items: baseline;
}

.dropdown-menu.message h3 {
    margin-top: 0px !important;
    margin-bottom: 4px;
    font-size: 15px !important;
    font-weight: bold;
}

span.mes-text p {
    background: #68c1f1;
    color: #ffffff !important;
    padding: 0.4em;
    font-size: 13px;
    border-radius: 5px;
}

.question-user.mb-10.home-user {
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 7px 7px #e8e8e8;
    padding: 1em;
    margin-bottom: 2em !important;
    margin-top: 0.3em;
    border-radius: 10px;
}

.question-user.mb-10.home-user img.icon {
    width: 80px;
    height: 80px;
}

.question-user.mb-10.home-user p {
    font-size: 22px;
    margin-left: 1em;
}
.form-label {
    font-size: 12px;
    color: #848484;
    margin: 0;
    display: block;
    opacity: 1;
    -webkit-transition: .333s ease top, .333s ease opacity;
    transition: .333s ease top, .333s ease opacity;
    background-color: white;
    top: 8px;
    left: 5px;
    position: relative;
    width: fit-content;
    padding: 0 10px;
    font-weight: normal;
}


#patient-register-form .form-label,#doctor-register-form .form-label,#login-form .form-label {
    color: #91abd4;
}
.form-control {
    border-radius: 0;
    border-color: #ccc;

    box-shadow: none;
    width:100%;
    min-width:200px;
}

.form-control:focus {
    box-shadow: none;
    border-color: #5e9bfc;
}
.js-hide-label {
    opacity: 0;
}
.js-unhighlight-label {
    color: #999
}
.opacity {opacity: 1}

.topic-box{
    display:flex;
    align-items: center;
    justify-content:start;
    background-color:white;
    padding:1rem;
    border-radius:5px;
    transition: .3s;
}
.topic-box:hover{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: #025ea1;color: #fff;
}
.topic-box:hover{}
.topic-box:hover img{border-color: #fff;}
.topic-dashboard{}
.topic-dashboard a{
    margin-bottom: 7px;
    display:inline-block;color:#acacac;
}
.topic-dashboard a:not(:last-child) {
    margin-right: 10px;
}


.topic-box h1{
   color:#405964 !important;
}

.topic-box img{
    vertical-align: middle;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 3px solid #ddd;

}

.section-box{
    padding: 15px;
    background-color: white;
    border-radius: 5px;
}

.section-box-title{
    margin: 0px 0px 10px 0px;
    color: #405964 !important;
    text-decoration: none !important;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
    font-size: 1.2em!important;
}
.pop-q {
    display:block;
    background-color:white;
    border-radius: 5px;
    padding:5px 15px;
    margin-bottom: 5px;
    border: 1px solid #eee;
    transition: all ease-in-out .2s;
    position:relative;
}
.pop-q:before {
    height:1px;
    width:100%;
    content:"";
}
.pop-q:hover {
    border-left:4px solid #405964;
}

.pop-q p{
    font-weight:600;
    color: #405964 ;
    margin-bottom: 0px;
}


.dropbtn {
    color: white;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}


.profile-videos {
    transition: all 0.2s ease;
    padding-bottom: 5px;
    padding-top: 5px;

}


.profile-videos:not(:last-child) {
    margin-bottom: 5px;
}
.profile-videos:hover .video-image i{
    font-size:45px;
}

.profile-videos .video-image{
    max-width: 140px;
    min-width: 140px;
    width: 100%;
    height: 100%;
    max-height: 120px;
    min-height: 120px;
    object-fit: cover;
    display:flex;
    align-items: center;
    justify-content:center;
    transition: all 0.2s ease;
    background-color: #f8f9fa;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
}
.profile-videos.left-post .video-image{
    max-width: 100%;
    min-width: 100%;
    max-height: 140px;
    min-height: 140px;
}
.profile-videos .video-cover{
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 380px;
    object-fit: cover;
    background-position: center;
    background-size: cover;
}


.profile-videos .video-image i{
    color: white;
    font-size: 35px;
}

.profile-videos .content-address-item{
    padding:0 1em;
}
.publisher-name{
    font-size:12px!important;
}
.ntf-card{
    display: flex;
    padding: 10px 7px;
    background-color: white;
    border-radius: 5px;
    transition: all ease-in-out .2s;
    justify-content: space-between;
}
.ntf-card .avatar{
    width: 25px;
    height: 25px;

}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: transparent;
    min-width: 220px;
    border-radius:5px;
    z-index: 2222;
    left: 0;
}
.dropdown-content.desktop-worry {min-width:420px;}
.dropdown-content.bell .doctor-card{
   padding: 5px 7px;border-radius:0;
}
.dropdown-content.bell .doctor-card:hover{
   background-color:#eee;
}

.dropdown-content.bell .doctor-card p{font-size:12px;}
.dropdown-wrapper {
    background-color: white;
    margin-top:10px;
    border-radius:5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    font-family:Calibri;
}
.dropdown-content.bell a:hover {background-color:transparent;}

.dropdown-wrapper .scroll{
    max-height: 300px;
    overflow: auto;
}

.dropdown-content::after {
    content: '';
    position: absolute;
    top: 11px;
    left: 15%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: white;
    width: 10px;
    height: 10px;
    z-index: -1;
    border-radius: 2px;
}
.doctor-images{
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.doctor-images img{
    width:100%;
    height:210px;
    object-fit: cover;
}

.dropdown-content a {
    color: #818181;
    text-decoration: none;
    display: block;
    margin-left: 0px!important;
    font-size: .9em;
}
.dropdown-content a i{
    width:25px;
    text-align: center;
}
/*.dropdown-wrapper a:first-child  {color:#0090df;border-bottom: 1px solid #f1f1f1;}*/

.notifyCount{
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0090df;
    color: white;
    border-radius: 25%;
}


.not-top-bar{
    font-size: 14px;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.not-top-bar a{
    color:#0090df;
}
.searchWrapper{
    position: relative;

}



.dropdown-content a:hover {background-color: #e6f6ff;color:#0090df}
.dropdown-wrapper a:hover:first-child  {border-top-right-radius: 5px;border-top-left-radius: 5px; }
.dropdown-wrapper a:hover:last-child{border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.dropdown:hover .dropdown-content {display: block;}
.search-dropdown:hover .dropdown-content {display: none;}

.check {
    cursor: pointer;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0);
    margin-right: 5px;
}
.check span{
    font-weight:500;
}
.check:before {
    display: none;
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(34,50,84,0.03);
    opacity: 0;
    transition: opacity 0.2s ease;
}
.check svg {
    position: relative;
    z-index: 1;
    fill: none;
    width: 18px;
    height: 18px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #c8ccd4;
    stroke-width: 1.5;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease;
}
.check svg path {
    stroke-dasharray: 60;
    stroke-dashoffset: 0;
}
.check svg polyline {
    stroke-dasharray: 22;
    stroke-dashoffset: 66;
}
.check:hover:before {
    opacity: 1;
}
.check:hover svg {
    stroke: #4285f4;
}
.cbx:checked + .check svg {
    stroke: #4285f4;
}
.cbx:checked + .check svg path {
    stroke-dashoffset: 60;
    transition: all 0.3s linear;
}
.cbx:checked + .check svg polyline {
    stroke-dashoffset: 42;
    transition: all 0.2s linear;
    transition-delay: 0.15s;
}

.nav-tab-menu, .nav-scroller-wrapper {
    display: -ms-flexbox;
    display: flex;
    background-color: #f9f9f9;
}

.nav-scroller-content::-webkit-scrollbar {
    display: none;
}

.nav-tab-menu {
    border-bottom: 1px solid #eee;
    width: 100%;
    overflow: hidden;
    background-color: white;
    position: sticky;
    z-index: 999;
}

.nav-scroller-nav {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;

    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.nav-scroller-nav::-webkit-scrollbar {
    display: none;
}

.nav-scroller-content {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.nav-scroller-content.no-transition {
    transition: none;
}

ul.nav-scroller-content {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-scroller-item,.nav-scroller-item-active {
    display: flex;
    font-size: 12px;
    text-align: center;
    padding: .675rem .875rem;margin: 4px 1px;
    color:#0786c9 !important;
    background-color: #eaf8fb;
    align-items:center;
}
.nav-scroller-item-active, .nav-scroller-item:hover {
   background-color: #0090df;
   color:#fff !important;
}

.nav-scroller-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 100%;
    padding: .5rem;
    font-size: 1.25rem;
    color: #000;
    background: #fff;
    transition: color .3s, opacity .3s;
    cursor: pointer;
}

.nav-scroller-btn:hover {
    color: #666;
}

.nav-scroller-btn:focus {
    outline: 0;
}

.nav-scroller-btn:not(.active) {
    opacity: 0;
    pointer-events: none;
}

.nav-scroller-btn--left {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 47%, rgba(255,255,255,0.45171572046787467) 100%);
    left: -1px;
}

.nav-scroller-btn--right {
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,1) 47%, rgba(255,255,255,0.45171572046787467) 100%);
    right: -1px;
}

.nav-scroller-logo {
    display: inline-block;
    padding: .5rem;
    margin-right: 1rem;
    font-size: 1.75rem;
    font-weight: bold;
}

.nav-scroller--controls-inline .nav-scroller-content {
    padding: 0 44px;
}

.nav-scroller--controls-inline .nav-scroller-btn:not(.active) {
    color: #ddd;
    opacity: 1;
}

.nav-scroller--expand .nav-scroller-nav, .nav-scroller--expand .nav-scroller-content {
    width: 100%;
}

.nav-scroller--right .nav-scroller-nav {
    margin-left: auto;
}


.edit-prf-menu{
    font-size:16px;
    font-family:Calibri;
    display:flex;
    flex-direction:column;
}
.edit-prf-menu a{
    color: #acacac;
}

.edit-prf-menu a.active{
    font-weight: 600;
    color: #0090df!important;
}
.edit-prf-menu a i{
    min-width:35px;
    text-align: center;
}
.edit-prf-menu a:not(:last-child){
    margin-bottom: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    background-color: #ffffff !important;
    padding:0!important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none !important;
    outline: 0;
}
li.select2-selection__choice span.select2-selection__choice__remove {
    color: #0090df !important;
    position: relative;
    left: -6px;
    font-size: 16px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 1px solid #0090df!important;
    padding: 5px 16px !important;
    color: #0090df;
    background-color: white!important;
}

.bordered-left{
    border-left: 1px solid #acacac;
}


.filter-item{
    display:block;
    cursor: pointer;
}
.filter-item input{
    display:none;
}
.filter-item input{
    display:none;
}
.filter-item .filter-text{
    font-weight: 500!important;
    color: #acacac;
    padding:5px 15px;
    font-size:16px;
    display: flex;
    justify-content:space-between;
}
.filter-item .filter-text.active{
   background-color: #e6f6ff; 
}.filter-item .filter-text.active a{color:#0090DF}
.filter-item input:checked + .filter-text{
    color: #333;
    background-color: #e6f6ff ;
}
.filter-item input:checked + .filter-text:after{
    content:"\2713";
}
html::-webkit-scrollbar {
    width: 12px;
}

html::-webkit-scrollbar-track {
    background: #f1f1f1;
}

html::-webkit-scrollbar-thumb {
    background: #dddddd;
}

html::-webkit-scrollbar-thumb:hover {
    background: #bebebe;
}

.scroll::-webkit-scrollbar {
    width: 12px;
}

.scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scroll::-webkit-scrollbar-thumb {
    background: #dddddd;
}

.scroll::-webkit-scrollbar-thumb:hover {
    background: #bebebe;
}
.switch[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.switch-lbl {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 25px;
    background: #b7b7b7;
    display: block;
    border-radius: 100px;
    position: relative;
}

.switch-lbl:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.switch:checked + .switch-lbl {
    background: #0090df;
}

.switch:checked + .switch-lbl:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.switch-lbl:active:after {
    width: 25px;
}
.outline-none{
    outline:0!important;
}
.outline-none:focus {
    outline-style: none!important;
    box-shadow: none!important;
    border-color: transparent!important;
}


.message {
    display: flex;
    margin-bottom: 25px;
    position: relative;
}
.message-sent .date{
    position: absolute;
    bottom:-15px;
    right:10px;
    font-size: 80%;
    color: #9a9a9a;
}
.message-incoming .date{
    position: absolute;
    bottom:-15px;
    left:10px;
    font-size: 80%;
    color: #9a9a9a;
}
.message-sent {
    position: relative;
    background-color: #0da9ff;
    color: white;
    margin-left: auto;
    order: 2;
    padding:15px;
    border-radius:20px;
    border-bottom-right-radius: 0px;
    position: relative;
    max-width:75%;
    min-width:75px ;

}
.message-incoming {
    position: relative;
    background-color:#ededed;
    margin-right: auto;
    order: 2;
    padding:15px;
    border-radius:20px;
    border-top-left-radius: 0px;
    position: relative;
    max-width:75%;
    min-width:75px ;


}

.message-user{
    background-color:#ededed!important;
    border-radius: 56px;
    border-bottom-left-radius: 0;
    padding:10px 0px;
    margin-bottom:10px;
}
.not .not-detail{
    font-weight: 500!important;
    color:#b4b4b4!important;
}
.not .not-person{
    font-weight: 600!important;
    color:#333!important;
}
.not-icon{
    padding:0 10px;
    font-size:18px;
    color:#b4b4b4!important;
}
.approved{
    color:#0090df!important;
}
.doctor-department span{
    cursor: not-allowed;
    border: 1px solid #eee;
    padding: 5px 10px;
    border-radius:5px;
    background-color:#eee;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset:0;
}
.fit-content-w{
    width:fit-content!important;
}



.burger {
    width: 50px;
    height: 40px;
    position: fixed;
    top: 75%;
    right: -23px;
    z-index: 1010;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
.nav-profile .close {
    display:none;
}
.nav-profile.show .close {
    position:absolute;
    color:#fff;
    top:10%;
    display:block;
    right:10%;
}

.burger i{
    position: relative;
    right: 10px;
    color: #0090df;
    font-size: 18px;
}
.burger span {
    position: relative;
    margin-top: 9px;
    margin-bottom: 9px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -1.5px;
}
.burger span, .burger span::before, .burger span::after{
    display: block;
    width: 30px;
    height: 3px;
    background-color: #2a2a2a;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.burger i{
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.burger span::before, .burger span::after {
    position: absolute;
    content: "";
}
.burger span::before {
    top: -9px;
}
.burger span::after {
    top: 9px;
}
.burger.clicked span {
    background-color: transparent;
}

.burger.clicked i{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.burger.clicked span::before {
    -webkit-transform: translateY(9px) rotate(45deg);
    -moz-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}
.burger.clicked span::after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -moz-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}
.burger.clicked span:before, .burger.clicked span:after {
    background-color: #ffffff;
}
.burger:hover {
    cursor: pointer;
}

/*  NAV
========================================== */
.nav-profile {
    display: flex!important;
    align-items: center;
    background-color: white;
    z-index: 1003;
    -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.nav-profile.show {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.nav-profile.show ul.main li {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}
.nav-profile.show ul.main li:nth-child(1) {
    transition-delay: 0.25s;
}
.nav-profile.show ul.main li:nth-child(2) {
    transition-delay: 0.3s;
}
.nav-profile.show ul.main li:nth-child(3) {
    transition-delay: 0.35s;
}
.nav-profile.show ul.main li:nth-child(4) {
    transition-delay: 0.4s;
}
.nav-profile.show ul.main li:nth-child(5) {
    transition-delay: 0.45s;
}
.nav-profile.show ul.main li:nth-child(6) {
    transition-delay: 0.5s;
}
.nav-profile.show ul.main li:nth-child(7) {
    transition-delay: 0.55s;
}
.nav-profile.show ul.main li:nth-child(8) {
    transition-delay: 0.6s;
}
.nav-profile.show ul.main li:nth-child(9) {
    transition-delay: 0.65s;
}
.nav-profile.show ul.main li:nth-child(10) {
    transition-delay: 0.7s;
}
.nav-profile.show ul.main li:nth-child(11) {
    transition-delay: 0.75s;
}
.nav-profile.show ul.main li:nth-child(12) {
    transition-delay: 0.8s;
}
.nav-profile.show ul.main li:nth-child(13) {
    transition-delay: 0.85s;
}
.nav-profile.show ul.main li:nth-child(14) {
    transition-delay: 0.9s;
}

.nav-profile.show .about, .nav-profile.show .social, .nav-profile.show ul.sub {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.85s;
}

.nav-profile ul.main {
    list-style-type: none;
}

.nav-profile ul.main li:last-of-type {
    margin-bottom: 0px;
}
.nav-profile ul.main li a {
    color: #acacac;
    display: block;
    padding: 5px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nav-profile ul.main li a.active{
    font-weight: 600;
    color: #0090df!important;
}
.nav-profile ul.main li a strong{
    font-weight: 500;
}

.nav-profile ul.main li a i{
    min-width: 35px;
    text-align: center;
}

.nav-profile ul.main li a:hover {
    color: #0090df;
}


/*  OVERLAY
========================================== */

.cbx {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 6px 6px 6px 0;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
    margin-right: 5px;
}

.cbx:not(:last-child) {
    margin-right: 6px;
}

.cbx span {
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    transform: scale(1);
    border: 1px solid #cccfdb;
    transition: all 0.2s ease;
    box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);
}

.cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}



.inp-cbx {
    position: absolute;
    visibility: hidden;
}

.inp-cbx:checked + .cbx span:first-child {
    background: #07f;
    border-color: #07f;
    animation: wave 0.4s ease;
}

.inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
}
.inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
    transition: background-color 5000s ease-in-out 0s;
}


.fade-in {
    animation: fadeIn ease .5s;
    -webkit-animation: fadeIn ease .5s;
    -moz-animation: fadeIn ease .5s;
    -o-animation: fadeIn ease .5s;
    -ms-animation: fadeIn ease .5s;
}


@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes wave {
    50% {
        transform: scale(0.9);
    }
}
@-webkit-keyframes wave {
    50% {
        transform: scale(0.9);
    }
}
@-o-keyframes wave {
    50% {
        transform: scale(0.9);
    }
}
@keyframes wave {
    50% {
        transform: scale(0.9);
    }
}

.grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 10px;
    grid-auto-rows: minmax(180px, auto);
    grid-auto-flow: dense;
    padding: 10px;
}

.grid-item {
    padding: 1rem;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #929796;
    background-color: #333;
    border-radius: 5px;
}
.grid-item:nth-child(odd) {
    background-color: #e02fff;
}

.span-2 {
    grid-column-end: span 2;
    grid-row-end: span 2;
}

.span-3 {
    grid-column-end: span 3;
    grid-row-end: span 4;
}
.upload-image {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.upload-image input {
    position: absolute;
    top: 0;
    right: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    cursor: pointer;
    left:0;
}


.upload-image-confirmation {
    display: none;
}
#article-image-output{
    cursor: pointer;
    width: 100%;
    height: auto;
    max-height: 150px;
    object-fit: cover;
    object-position: center;

}
.error-icon i{
    font-size: 2rem;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #cce5ff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    border-radius: 50%;
}

.site-logo{
    width: 220px;
}
.search-result-menu{
    font-size: .9rem!important;
}
.article-content{
    padding: 20px;

}

@media all and (min-width: 468px) {
    .item.button {
        width: auto;
        order: 1;
        display: block;
    }

    .toggle {
        order: 2;
    }
}
.search-result-wrapper ul{
    font-family: "Fira Sans Condensed", sans-serif!important;
}
.search-result-wrapper ul li{
    flex-direction: column;
}
.content-anchor{
    scroll-margin-top: 4em;
}

@media screen and (max-height:600px) {

}
@media screen and (max-width:1199px) {

    . {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    width: 100%;
}
    .desktop-search {
        min-width: 275px;
    }

    .lnk-who-doctor {margin-right: 1rem}

.navtab-list li {width:auto;}
.navtab-list li a{padding: 0.675rem 0.45rem;}
    .nav-scroller-item,
    .nav-scroller-item-active,
    .nav-scroller-item:hover{display:inline-block;}
    .fx-tabs .nav-item {margin-bottom: 1rem;}
.fx-tabs .nav-link {}
    .navbar-collapse {
        position: fixed;
        display: block !important;
        align-items: flex-start;
        left: 0;
        top: 0;
        padding: 7rem 1rem 3rem;
        width: 100%;
        height: 100vh !important;
        max-width: 50rem;
        transform: translateX(-110%);
        background-color:#0090DF;
        box-shadow: 0 0 1rem rgb(0 0 0 / 16%);
        transition: transform 0.5s;
        overflow: hidden;
        overflow-y: auto;
        z-index: 999;
        flex-basis: 100%;
        flex-grow: 1;
    }
    .logo.mobile .dropdown {display:flex;}
    .menu--open .navbar-collapse.collapse{
        display: block !important;
    }
    .menu--open .navbar-collapse {
        transform: translateX(0%);
        z-index: 6999;
    }
    .menu--open .logo.mobile .logo-link {
        position: relative;
        z-index: 7199;
    }
    .navbar-nav {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        float:none;
    }
    .menu--open .navbar-nav .nav-item{padding:0; margin:0 .75rem; display:block;}
    .menu--open .navbar-nav .nav-link {
        padding: 1.25rem 1rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 0;
        padding-left: 0;
        color:#fff;
        display:block;
        position:relative;
    }
    .menu--open .navbar-nav .nav-link i{width:2.6rem; display:inline-block;}
    .navbar-nav .dropdown.open .dropdown-toggle::after {
        transition-duration: 0.2s;
        content:"-"
     }
  .menu--open .navbar-nav .nav-item.mobile-btn {display:flex; justify-content:center; margin:20px 0 10px}
  .menu--open .navbar-nav .btn-pull-white {    height: auto;
    border-bottom: 2px solid #fff;
    border-radius: 30px;
    display: flex;
    padding-top: 10px !important;
    padding-bottom:8px  !important;
      font-size: 15px;
  }
    .menu--open .navbar-nav .btn-pull-white i {line-height: normal}
  .menu--open .navbar-nav .btn-pull-white-2 {    height: auto;
    border-radius: 30px;
    display: flex;
    padding: 10px 30px 8px !important;width: 170px;
  }
    .menu--open .navbar-nav .dropdown-toggle::after {
        position: absolute;
        right: 7px;
        top: 13px;
        transition: all 0.3s;
        width: 1rem;
        height: 1rem;
    }
    .menu--open .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.375em;
        vertical-align: .0em;
        border: 0;
        width: 0.5rem;
        height: 0.5rem;
        transition: transform 0.4s;
        content: "+";
        background-size:cover; 
    }
    .menu--open .navbar-collapse .social-media {display:flex; margin:2rem 1rem; justify-content: center;}
    .menu--open .navbar-collapse .social-media a{display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    font-size: 1.125rem;
    color: #a0a0a0;
    white-space: nowrap;
    line-height: 1;
    padding: .5rem;
    transition: all .3s linear;}
    .menu--open .navbar-collapse .social-media a svg{fill:#fff; max-width:22px;max-height:22px;width:22px;height:22px;}
  .dropdown-content {left:auto; right:0; transform: translateX(0%);}
  .dropdown-content::after {right:10px}
  .search-group .input {width:110px}
    .find-doctor-sec{
        flex-direction: column;

        align-items: start;
    }
}
@media screen and (max-width:991px) {
    .home-hero {
        text-align: center;
    }
   .menu .dropdown-item {color:#333 !important}
    .navtab-list li a{padding: 0.675rem 0.75rem;}
    .iframe_video {height:370px;}
.dropdown-content{top:30px;}
.doctor-profil-info .custom-name {text-align: center;}
.technical-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    width: 100%;
}
.logo.mobile {
    display: block;
}
.logo.desktop {
    display: none;
}

    .menu .menu-links {
        justify-content: center;
    }
    .menu-links {
    width: 100%;
}
.home-banner-img{height:220px;}
.mobile-top-btn {display:flex; justify-content:center}


    .find-doctor-sec h1{
        margin-bottom: 10px!important;
    }
    .find-doctor-sec .search-subject{
        width:100%;
        flex-direction: column;
    }
    .find-doctor-sec .search-subject .search-field{
        margin-right: 0;
    }
    .find-doctor-sec .search-subject .search-field input,select{
        width:100%!important;
        margin-bottom: 5px;
        margin-right: 0;
    }
    .find-doctor-sec .search-group{margin: 0}
    .find-doctor-sec .search-subject button{
        margin-bottom: 0px;
        margin-right: 0;
    }
    .find-doctor-sec .search-subject input{
        margin-bottom: 5px;
        margin-right: 0;
        width:100%;
    }
}
  
@media only screen and (max-width: 767px) {
    body.overflow {
        overflow: hidden;
    }
    .ikinci-doktor_gorusu_formu .check svg {
        width: 32px; height: 32px;
    }
    .cookie-icon{
        text-align: center;
    }
    .cookie-button button{
        width: 100%;
    }
  .block-shares .box-shares {
  align-items:start;
  }
    .jFiler-theme-default .jFiler-input{
        width: 100% !important;
    }
    .st-pricing-table.st-style1 .st-price {font-size: 26px !important;}
    .st-pricing-table.st-style1 .st-pricing-head .st-pricing-head-shape {top: -14px}
    .idg-hero-form {text-align: center}
    .idg-hero-form .hero-image{margin-top: 0; height: 180px}
  .text-m-center{text-align:center}
    .shareTitleDesc {font-size: 12px;}
  
   .menu .dropdown-item {color:#fff !important}
    .doctor-search_result .search-result-wrapper{top:0px;left: 6px;width: 96%; }
    .footer-bottom .copyright{text-align: center;}
    .footer-bottom .corporate-links {justify-content: center;}
    .category-group .category-list {display: block;}
    .category-group .category-list a{display: inline-block; margin: 5px;}
    .uzman-hero .btn-elm {width: 100%;}
    .home-hero .hero-title {font-size:23px !important; margin-bottom: 0}
    .home-hero h2{font-size:16px !important;}
    .hero-tab>li>a {padding: 10px 5px}
    .hero-image {margin-top: 20px; }
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1002;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 0;
        visibility: hidden;
        background-color: #00000087;
    }
    .first-header.fixed{
        position:fixed;
        width:100%;
        left:0;
        top:0;
    }
    .img-gallery a.fancybox {height:220px;}
    .img-gallery a.fancybox > img{max-height:220px;min-height:220px;}
    .first-header.fixed .d-none-mobile{
        display:none !important;
    }
    
    .one-image .image{    width: 100%;
    max-height: 100%;
    min-height: 100%;
    height: auto !important;}
    .one-image .bgimage{height:80%;}
    
    .first-header.fixed .menu li{
        padding-bottom:0;
    }
    .first-header.fixed .logo .border{
        border:0;
    }
    .login{
        min-height:499px;
    }

    .font-26{
        font-size:26px;
    }
    .overlay.show {
        opacity: 1;
        visibility: visible;
    }
    .menu {
        flex-direction: row;
    }

    .menu-links {
        width: 100%;

    }

    .menu .menu-links .link{
        padding:5px 4px;
    }
    .menu li {
        padding: 15px 5px;
    }
    .search-result-wrapper ul li{
        padding: 5px;
    }

    .search-result-wrapper ul li a{
        padding: 5px;
    }
    .site-logo{
        width:100%;
    }
    .home-banner-img{
        height: 150px;
    }
    .logo {
        width: 100%;
        flex: 1;
        font-size: 18px;
    }
    
    .search-group .input{
        padding: 3px 7px;
        width:100%;
    }
    .logo .border{
        border-bottom:1px solid #fff;
        padding-bottom:10px;
    }
    .logo.desktop{
        display:none;
    }
    .modal-open .first-header {
    position: inherit;}
    .icon-user, logo-text{
        font-size: 18px!important;
    }

    div.scrollmenu {
        background-color: white;
        overflow: auto;
        white-space: nowrap;
        -webkit-box-shadow: 0 3px 5px -6px #515151;
        -moz-box-shadow: 0 3px 5px -6px #515151;
        box-shadow: 0 3px 5px -6px #515151;

    }

    div.scrollmenu::-webkit-scrollbar {
        display: none;

    }

    div.scrollmenu a {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 8px 0px;
        text-decoration: none;
    }

    div.scrollmenu a + a {
        margin-left: 12px;
    }

    .hide-md {
        display: none !important;
    }

    .ask-wrapper .ask-footer {
        grid-template-columns:1fr;
    }

    .d-grid-md-half {
        grid-template-columns: 1fr;
    }

    .d-grid-md-4 {
        grid-template-columns: 1fr;
    }
    .dropdown-content::after {
        top: 5px;
        right: 3px;
    }
    .dropdown-wrapper {
        margin-top: 5px;
    }
    .d-grid-2{
        grid-template-columns:repeat(1,100%)
    }
    .dentist .topic img{
        width:100%;
        height:250px;
    }
    .profile-videos {
        flex-direction: row;
        display:block;
    }

    .profile-videos .video {
        width:100%;
        height:100px;
        object-fit:cover;
    }

    .profile-videos .content-address-item{
        padding:1em 0;
    }
    .nav-tab-menu{
        margin-top: 0px;
        color: #acacac;
        top: 50px;
    }

    .custom-name-dep{
        justify-content:center;
    }
    .doctor-card{
        flex-direction: column;
    }
    .nav-profile {
        display: flex!important;
        align-items: center;
        background-color: white;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1003;
        height: 100%;
        max-width: 515px;
        width: 75%;
        padding: 100px 5px 60px 5px;
        overflow-y: auto;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    .nav-profile ul.main li {
        margin-bottom: 10px;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .mobile-auth{
        display: flex;
        flex-direction: column-reverse;
    }
    .scroll::-webkit-scrollbar {
        width: 3px;
    }
    .filter-box .form-control{
        width: 50%!important;
    }

    .searchWrapper{
        position: absolute;
        background: white;
        width: 100%;
        z-index: 999;
        top: 0;
        left: 0;
        padding: 5px;
        display: flex;
        align-items: center;
        display: none;

    }
    .search-group{
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }
    .search-group  {
        width: 100%;
        margin:0;
    }
    .search-group .form-control,.search-group button{
        min-width:0 !important;
    }
    .w-md-100{
        width: 100%;
    }

    .section-box{
        padding: 10px;
    }
    
    .bg-shadow{
        position:fixed;
        background-color:rgba(0,0,0,.5);
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index: 9998;
        content: "";
    }
    .sections{
        padding: 1em;
    }
    .article-content{
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1332%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%23SvgjsLinearGradient1333)'%3e%3c/rect%3e%3cpath d='M1440 0L1244.71 0L1440 79.14z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M1244.71 0L1440 79.14L1440 180.91L797.9300000000001 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M797.9300000000001 0L1440 180.91L1440 337.87L406.44000000000005 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M406.44000000000005 0L1440 337.87L1440 487.57L301.9800000000001 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 560L34.48 560L0 536.22z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 536.22L34.48 560L528.64 560L0 381.18000000000006z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 381.18L528.64 560L714.43 560L0 200.49z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 200.49L714.43 560L1126.8 560L0 166.58z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1332'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='84.72%25' y1='-39.29%25' x2='15.28%25' y2='139.29%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1333'%3e%3cstop stop-color='rgba(0%2c 144%2c 223%2c 1)' offset='0.07'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 144%2c 223%2c 1)' offset='0.64'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 144%2c 223%2c 0.91)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .article-content h3{
        color: white!important;
    }
    .article-content ul.main li a{
        color: white!important;
    }
    .article-content ul.main li {
        border-bottom: 1px solid #ffffff38;
    }
    .profile-videos .video-image{
        max-width: 100%;
        width: 100%;
        height: auto;
        max-height:  100%;
        object-fit: cover;
    }
    .profile-videos.left-post .video-image{
        max-width: 100%;
        min-width: 100%;
        max-height: 160px;
        min-height: 160px;
    }
    .profile-videos h3,.profile-videos p{
        width:100%;
    }
    .profile-videos .video-cover{
        height:220px;
    }
    .iframe_video {height:300px;}
    .cd-breadcrumb.triangle li > * {font-size: 12px}
    .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after{
        border-width:20px;
    }
}
@media (max-width: 500px){
.swal-modal {
    width: calc(100% - 40px) !important;
}
.tab-menu-post li a {
    display: flex;
    flex-direction:column;
        line-height: 2;
        padding:15%;
}
}
@media only screen and (max-width: 321px){

    .profile-act-btn .btn-elm-outline{
        padding: .3em .5em;
    }
}
@media only screen and (max-width: 414px) {
    .hero-tab>li i {display:block; margin: 0 0 5px 0}
    .cd-breadcrumb.triangle li > * {padding: 1em .5em 1em 1.25em}
    .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after{
        border-left-width:8px;
    }
    .cd-breadcrumb.triangle li:first-of-type > * {padding-left: .5em}
    .cd-breadcrumb.triangle li:last-of-type > * {padding-right: 0}
}
@media only screen and (max-width: 359px) {

  .menu .menu-links .link span{font-size:11px;}
  .img-gallery a.fancybox {height:150px;}
    .img-gallery a.fancybox > img{min-height:150px;}
  .menu--open .navbar-nav .btn-pull-white {padding:8px 15px 8px !important}

}

/* Desktop menu */

@media all and (min-width: 768px) {
    .form-input_md {min-width: 320px}
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
    .doctor-search_result {position:relative;}
    .doctor-search_result .search-result-wrapper {left:10px; right:auto; width:75%; top:0;}
    .item {
        display: block;
        width: auto;
    }

    .toggle {
        display: none;
    }

    .logo {
        order: 0;
        flex: 3;
        justify-content: space-between;
    }
    
    .item {
        order: 1;
    }

    .menu {
        padding: 0px 0px;
        position: relative;
    }

    
    .menu .menu-links .link .fa-bell,.menu .menu-links .link .fa-envelope{
        font-size:24px;
    }

    .menu li.button {
        padding-right: 0;
        flex-direction: column;
    }

    .hide-lg {
        display: none !important;
    }

    div.scrollmenu {
        background-color: white;
        -webkit-box-shadow: 0 3px 5px -6px #515151;
        -moz-box-shadow: 0 3px 5px -6px #515151;
        box-shadow: 0 3px 5px -6px #515151;

    }

    div.scrollmenu a {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 8px 0px;
        text-decoration: none;
    }

    div.scrollmenu a:last-child {
        float: right;
    }

    div.scrollmenu a + a {
        margin-left: 15px;
    }

    .ask-wrapper .ask-footer {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr 0fr;
        grid-gap: 10px;
    }

    .d-grid-md-half {
        grid-template-columns: repeat(2, 1fr);
    }

    .d-grid-md-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .sticky {
        position: sticky;
        left: 0px;
    }
    .auth-right{
        padding:10px 60px;
        /*padding-top: 40px;*/
    }
    ul.profile-menu li{
        padding: 0 .8em;
    }

    .ml-lg-20{
        margin-left: 20px;
    }
    .fltr{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .order-md-1{
        -ms-flex-order:1;
        order:1
    }
    .order-md-2{
        -ms-flex-order:2;
        order:2
    }
    .filter-box{
        margin-top: -35px;
    }
}
@media (min-width: 992px) {
    .ten-columns > .col-md-4 {
        -ms-flex: 20%;
        flex: 20%;
        max-width: 20%;
    }
    .w-md-75{
        max-width: 75%;
    }
}

@media only screen and (max-width: 379px) {
    .home-banner-img{
        height: 130px;
    }
    .profile-act-btn a{margin-bottom: 5px;}
    .iframe_video {height:220px;}
}
@media all and (min-width: 768px) {
    .flood-band{
        margin-top:  -163px;
    }
}
@media only screen and (min-height: 500px) {
    .lheight {height:calc(100vh - 285px);}
}
@media only screen and (min-width: 992px) {
    .flood-band{
        margin-top:  -170px;
    }
    
}
@media all and (min-width: 1200px) {
    .flood-band{
        margin-top:  -170px;
    }
    .border-left-0 {border-left: 0 !important;}

}
@media all and (min-width: 1300px) {
    .flood-band{
        margin-top:  -170px;
    }
}

@media (min-height: 699px) {
    .home-hero,.uzman-hero {
        height: auto;
    }
}
@media (max-width: 991px) {
    .home-hero,.uzman-hero {
        height: auto;
    }
}

.pricing {
    margin: 15px;
    padding-bottom: 30px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: all 0.4s ease;
}

.pricing .hover-effect {
    width: 100%;
    height: 0%;
    border-radius: 0 0 80px 80px;
    background: #fff;
    position: absolute;
    transition: all 0.4s ease;
}

.pricing:hover .hover-effect {
    background: #63c9eb;
    height: 78%;
}

.pricing:hover .prices {
    color: #fff;
}

.pricing .type {
    letter-spacing: 2px;
    font-weight: 700;
    color: #fff;
    background: #63c9eb;
    padding: 10px 30px;
    border-radius: 0 0 20px 20px;
    z-index: 2;
    font-size: 30px;
}

.pricing .prices {
    font-weight: 700;
    color: #63c9eb;
    position: relative;
    z-index: 2;
    transition: all 0.4 ease;
    padding-top: 10px;
}

.pricing .price-currency {
    font-size: 18px;
    position: absolute;
    top: 33px;
    right: -12px;
    pointer-events: none;
    z-index: 2;
}

.pricing .price-value {
    pointer-events: none;
    z-index: 2;
    font-size: 4rem;
}

.pricing .per-month {
    pointer-events: none;
    z-index: 2;
    font-size: 1.5rem;
}

.pricing .chars {
    list-style: none;
    pointer-events: none;
    z-index: 2;
    text-align: center;
    padding: 10px 0 0;
}

.pricing .chars li {
    pointer-events: none;
    z-index: 2;
    margin-bottom: 10px;
}
.pricing:hover .chars li {color: #fff }
.pricing .num {
    pointer-events: none;
    z-index: 2;
    font-weight: 700;
}

.pricing .order-btn {
    letter-spacing: 1px;
    z-index: 2;
    font-weight: 700;
    color: #63c9eb;
    border: 3px solid #63c9eb;
    background: #fff;
    border-radius: 5px;
    padding:10px 30px;
    cursor: pointer;
    transition: all 0.4s ease;
    display: inline-block;
    text-align: center;
    font-size: 16px;
}

.pricing .order-btn:hover {
    background: #63c9eb;
    color: #fff;
}