@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
body{
  background:#ebeeef;

}
* {  font-family: 'Open Sans', sans-serif;
  font-size: 13px; }

html,body{
    height:100%;
}

.bg-turkuaz {background: #11a6b5;}
.btn-group .dropdown-menu {
    width: 300px !important;
    /* height: 400px !important; */
    padding: 5px;
}
#navbarSupportedContent .navbar-nav .nav-link
{
  margin: 0px;
  padding: 0px;
}

.entry-content {
    margin-bottom: 5px;
    line-height: 20px;
    white-space: pre-line;
    color: #212529;

    overflow: hidden;


  }

.sinirlama{
  max-height: 200px;
  display: block;
}

.circle {
  border-radius: 50%;
  border:1px solid #FFF !important;
  text-align: center;
  padding-top: 3px !important;
  margin-left: 5px !important;
  width:30px;
  height:30px;
  behavior: url(PIE.htc); /* remove if you don't care about IE8 */
  color:#FFF !important;
  }
@media (max-width: 590px)
{
  .circle
  {
    width:25px;
    height:25px;
    font-size: 0.8em;

  }
  #searchdata{width:50%;}

}
#navbarSupportedContent  .dropdown-toggle:after { content: none }

.entry .dropdown-toggle:after { content: none }
.leftside { text-decoration: none;color:#000;}
.leftside:hover { text-decoration: none;background-color:#c4c0bb;color:#000; }

.input-group input {font-size: 0.9em;}
.input-group .form-rounded-left {
  /*border-radius: 1rem; */
    border-radius: 1rem 0rem 0rem 1rem;
    border: 1px solid #C6C2C0 !important;
}
.input-group .form-rounded-right {
  /*border-radius: 1rem; */
    border-radius: 1rem 1rem 1rem 0rem;
    border: 1px solid #C6C2C0 !important;
}
.input-group .form-border {
  border: 1px solid #C6C2C0 !important;
  border-left: 0px none;
}

.eac-square input {
  width: 200px;
}

.leftsidetitle{font-size: 16px;color: #002147;
font-weight: 700;
}


.leftside select { text-align-last: right; }
.leftside option { direction: rtl; }
.leftside li a.refresh:hover
{
    color: #0056b3 !important;
    text-decoration: underline;
    border:1px solid #000;
}
.leftside li a.refresh {
    color: #0056b3;
    text-decoration: underline;
}

.entry-title{
  font-weight: 700;
  color: #037fa7;
  font-size: 20px;
  margin-bottom: 1rem;


}
.infoentry a{  color: #037fa7;}
.infoentry a:hover{  color: #037fa7 !important;}
.entry a{
  /*color: #002147; */

}
.entry a:hover{
  color: #002147;
  text-decoration: underline;

}

.entry a.mini{
  color: #002147;
  font-size:0.9em;
  margin-left: 10px;

}
.entry a.mini:hover{
  color: #69B5E1;
  font-size:0.9em;
margin-left: 10px;
}

.entry a.mini:hover .fa-twitter{
	color:#69B5E1;
}
.entry a.mini:hover .fa-facebook-square{
	color:#4267B2;
}

.entry a.mini:hover .fa-chevron-up{
	color:#2980b9;
}
.entry a.mini:hover .fa-chevron-down{
	color:#e74c3c;
}



.likes{margin-left: 10px;  font-size:0.9em;}
.likes:hover{color:#ce0000 !important;margin-left: 10px;  font-size:0.9em;}
.dropdown-menu {font-size:0.9em;}


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.btn-custom{
  color: #fff !important;
  padding: 5px 13px;
  height: auto;
  font-weight: 400 !important;
  transition: 0.4s;
  font-size: 13px;

}
.btn-customreverse{

  color: #fff !important;
  border: 1px solid #002147;
  padding: 5px 13px;
  height: auto;
  font-weight: 400 !important;
  transition: 0.4s;
  font-size: 13px;

}

@media screen and (min-width: 800px) {
  #search-input {min-width: 400px;}

}
@media screen and (max-width: 600px) {
  #navbarSupportedContent .circle {width: 25px;height: 25px;}
  #search-input {max-width:120px;}
  .infoentry a{font-size: 0.85em;}
}


#scre .form-control {
    display: block;
    width: 100%;
    height: calc(1.85rem + 2px);
    padding: .375rem .75rem;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#scre a.btn{font-size:0.8em;}
#scre .dropdown-item {font-size:1.2em;text-align:left;;}

.btn-custom.active{
  background-color: #002147 !important;
  color: #fff !important;
  border: 1px solid #002147;
  padding: 5px 13px;
  height: auto;
  font-weight: 400 !important;
  transition: 0.4s;
  font-size: 13px;
}
#entrytext{
  min-height: 150px;
}
.likelist a.dropdown-item {font-size:11px !important;}

.fav:hover {color: #CE0000 !important;}
.favred {color: #CE0000 !important;;}
.favgreen {color: #117900 !important;;}
/*
.btn{
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #002147;
    padding: 2px 13px;
    height: auto;
    font-weight: 400 !important;
    transition: 0.4s;
    font-size: 13px;
}
*/
.entry .entry-content a {
    color: #6B9BFF;
}
.tab {
    border-bottom: 1px solid #d1cfcc;
}
.tab .button:hover {
    background-color: #ddd;
}
.button:hover {
        color: #002147;
      }
.button {
        color: #002147;
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px;
    margin-bottom: -1px;
    transition: 0.3s;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }
  .button.active {
      color: #002147;
      border: 1px solid #d1cfcc;
          border-bottom-color: rgb(209, 207, 204);
          border-bottom-style: solid;
          border-bottom-width: 1px;
      border-bottom: 1px solid #f5f0ea;
      position: relative;
    }

#navbarSupportedContent .navbar-nav  a.nav-icon
{
    margin-left: 5px;
    margin-right: 5px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #06264B;
    color: #06264B;
    text-decoration: none;
}
.position-relative {
    position: relative !important;
}
.entry .entry-owner {
    color: #6B9BFF !important;;
    font-size: 14px;
}
.fs-12 {font-size:12px;}

.btn-checkbox input{
    display: none;
}
.btn-checkbox label{
    width: 15px;
    height: 15px;
    border: 1px solid #6B6A69;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    transition: .4s;
}
.btn-checkbox input:checked + label{
    background-color: #002147;
}
.btn-radio input{
    display: none;
}
.btn-radio{
    margin-right: 10px;
}
.btn-radio input:checked + label{
    background-color: #002147 !important;
    color: #fff;
    font-weight: 400 !important;
}

.form-group label, .form-group label + input {
    font-weight: 400 !important ;
    font-size: 14px !important ;
}
input[type="password"] {
    letter-spacing: 10px;
    font-size: 18px;
}
.form-title {
    color: #002147;
    margin-bottom: 15px;
}
.form-title, .title {
    color: #002147;
    font-weight: 700;
    font-size: 16px;
    display: block;
}
.settings-menu .dropdown-menu{
    background: #11a6b5;
    color: #fff;
    border:#fff 1px solid;
}
.settings-menu .dropdown-menu a{
    color: #fff;
    background-color: transparent;
}
body.night-theme .settings-menu .dropdown-menu a{
    background: #CCD3DA;
}
.settings-menu .dropdown-menu a:hover{
    background-color: #CCD3DA !important;
    color: #002147 !important;
}
.settings-menu .dropdown-menu a:first-child{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.settings-menu .dropdown-menu a:last-child{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.color-dark-blue{
    color: #002147 !important;
}
.bg-dark-blue{
    background-color: #002147;
}
.color-light:hover,
.color-light{
    color: #6F7784;
}
.color-blue:hover,
.color-blue{
    color: #0048E0;
}
.color-light-blue:hover,
.color-light-blue{
    color: #6B9BFF;
}




.messaging{
    min-height: 75%;
    padding: 15px;
    border: 1px solid #DEE2E6;
    display: flex;
    flex-direction: column;
      flex-wrap: nowrap;
    justify-content: space-between; /* */
          flex-shrink: 0;
}
.messaging .messaging-header > *{
    color: inherit;
}
.messaging .messaging-header{
    display: flex;
    justify-content: space-between;
    color: #002147;
    border-bottom: 1px solid #A1BDF9;
}
body.night-theme .messaging .messaging-header{
    color: #fff;
}


.messaging .send-form{
/*
    position: relative;
    font-size: 14px;
    margin-top: auto;
    margin-bottom: 0 !important;
    */
}
.messaging .send-form button{
    width: 80px;
    height: 80px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.messaging .send-form button{
    width: 60px;
    height: 50px;
    position: absolute;
    top: auto;
    bottom: 5px;
    transform: none;
    right: 5px;
}

.messaging .send-form button img{
    width: 120%;
    height: 120%;
    transform: translate(-10%,-10%);
    object-position: center;
    object-fit: contain;
}
.messaging .send-form textarea{
    background: #fff !important;
    -webkit-border-radius: 10px;
    /*padding-top: 30px;*/
    padding-right: 100px;
    /*padding-bottom: 30px;*/
    min-height: 80px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
}

.messaging-content{
    padding-left: 10px;
    padding-right: 20px;
    max-height: 400px;
    overflow-y: auto;
      flex-shrink: 0;
      text-align: left;
}
.messaging-content > .message.right{
    flex-direction: row-reverse;
      text-align: right;
}
.messaging-content > .message{
    max-width: 80%;
    margin-bottom: 15px;
    display: flex;
          flex-shrink: 0;
}
.messaging-content > .message.right{
    margin-right: 0;
    margin-left: auto;
}
.messaging-content > .message .profile-avatar{
    width: 40px;
    min-width: 40px;
    border: none;
    background-color: #BDBDBD;
    height: 40px;
    display: none;
}
.messaging-content > .message.right .profile-avatar{
    margin-right: 0;
    margin-left: 10px;
}
.messaging-content > .message .message-bubble .message-info{
    /*display: flex;*/
    justify-content: space-between;
    font-size: 80%;
}
.messaging-content > .message .message-bubble{
    background-color: #11a6b5;;
    color: #FFF;
    -webkit-border-radius: 15px;
    padding: 5px 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;

    /* position: relative;*/
    word-wrap: break-word;
      max-width: 600px;
      min-width: 240px;
    margin-left: 15px;
    border: 1px solid #DFDEDD;
}
.messaging-content > .message.right .message-bubble{
    margin-left: auto;
    margin-right: 15px;
    border: none;
    background: #f6a41a;
}

#leftside .nav-item:hover {background: #c4c0bb;}
#leftside .tab {background: #F5F0EA !important;}


  .dropdown-menu{
    font-size: calc(8px + (11 - 8) * ((100vw - 300px) / (1600 - 300)));
  }
@media screen and (max-width: 1920px) {
  .infoentry
  {
      font-size: calc(9px + (12 - 8) * ((100vw - 350px) / (1600 - 350)));
  }
}

.style-5::-webkit-scrollbar-track
{
  background-color: #FFF;
}

.style-5::-webkit-scrollbar
{
    width: 10px;
    background-color: #FFF;
}

.style-5::-webkit-scrollbar-thumb
{
  background-color: #23272b;

}
.style-5{
  scrollbar-color:  #23272b;
    scrollbar-width: 10px;
}

.wrapper-x{
  max-width: 1280px;
  margin:auto;;

}
/*
.messaging-content > .message .message-bubble:before{
    content: '';
    position: absolute;
    right: 100%;
    top: 12px;
    background-color: #fff;
    border-radius: 100px 0 0 100px;
    width: 6px;
    transform: scaleX(3) translateX(-1.5px);
    height: 12px;
    border: 1px solid #DFDEDD;
    border-right: none;
}
.messaging-content > .message.right .message-bubble:before{
    left: 100%;
    transform: scaleX(-3) translateX(0px);
    background: #002147;
    border: none;
}
*/

.btn-responsive {
      font-size:0.875em;
        display:block;
        width:12vw;
        max-width: 100px;
        text-align: center;
    }
    .font-size-responsive{  /*    font-size:0.80em; */    }

    .make-me-box{border:1px solid rgba(0,0,0,.125); background:#FFF;}
    .btn-turkuaz {
      color: #FFFFFF;
      background-color: #11A6B5;
      border-color: #0C6870;
    }

    .btn-turkuaz:hover,
    .btn-turkuaz:focus,
    .btn-turkuaz:active,
    .btn-turkuaz.active,
    .open .dropdown-toggle.btn-turkuaz {
      color: #FFFFFF;
      background-color: #09CCDE;
      border-color: #0C6870;
    }

    .btn-turkuaz:active,
    .btn-turkuaz.active,
    .open .dropdown-toggle.btn-turkuaz {
      background-image: none;
    }

    .btn-turkuaz.disabled,
    .btn-turkuaz[disabled],
    fieldset[disabled] .btn-turkuaz,
    .btn-turkuaz.disabled:hover,
    .btn-turkuaz[disabled]:hover,
    fieldset[disabled] .btn-turkuaz:hover,
    .btn-turkuaz.disabled:focus,
    .btn-turkuaz[disabled]:focus,
    fieldset[disabled] .btn-turkuaz:focus,
    .btn-turkuaz.disabled:active,
    .btn-turkuaz[disabled]:active,
    fieldset[disabled] .btn-turkuaz:active,
    .btn-turkuaz.disabled.active,
    .btn-turkuaz[disabled].active,
    fieldset[disabled] .btn-turkuaz.active {
      background-color: #11A6B5;
      border-color: #0C6870;
    }

    .btn-turkuaz .badge {
      color: #11A6B5;
      background-color: #FFFFFF;
    }