body {
 font-family: 'Titillium Web', sans-serif;
 font-weight: 400;
}
#calculateDetails {
  width : 70%;
  min-width: 320px;
  position : fixed;
  display : block;
  bottom : -2000px;
  left : 0;
  height : 100%;
  padding : 40px 20px;
  background: #f7f7f7;
  transition: all 0.3s;
  overflow: scroll;
}
#leftSide {
  width : 50%;
  min-width: 320px;
  height : 100vh;
  background: #fff;
  position : fixed;
  right : -50%;
  top : 0;
  z-index :99;
  transition: right 0.4s;
  box-shadow: -4px -1px 20px #343a40;
}
ul.comment-messages li h5 {
  font-weight: 700 !important;
}
.messages-userList {
  width : 240px;
  max-width: 240px;
  height : 100vh;
  background: #fff;
  position : fixed;
  right : -300px;
  top : 0;
  z-index :99;
  overflow: auto;
  transition: right 0.4s;
  box-shadow: 1px 0px 11px #343a40;
}
.messages-userList h5 {
  background: #b0bfc5;
  text-align: center;
}
.messages-userList .user-list-items {
  display: block;
  overflow: auto;
  font-size : 14px;
  padding : 0;
}

.messages-userList .user-list-items li{
  list-style : none;
  padding : 5px 5px 5px 15px;
  border-bottom : 1px solid #eee;
  transition : all 0.4s;
}
.messages-userList .user-list-items li.unread{
 background: #fff3cd;
}
.messages-userList .user-list-items li:hover{
  font-weight: bold;
  background: #f9c133;
  cursor : pointer;
  transition: all 0.3s;
}
#newMessage {
  position : fixed;
  bottom : 0;
  right: 260px;
  border: 1px solid #e2e2e2;
  width : 245px;
  height : 270px;
  background: #fff;
  box-shadow: 0px 16px 20px #616365;
  display: none;
}
#newMessage .top-bar {
  background: #b0bfc5;
  padding: 5px;
  font-size: 12px;
  height: 24px
}
#newMessage .top-bar .actions {
  cursor : pointer;
}

#newMessage .top-bar .actions:hover {
  color : red;
}

#newMessage .message-list {
  height : 250px;
  max-height: 250px;
  overflow-x: auto;
  padding: 10px 10px 45px 10px;
}

#newMessage .message-list .messageTo {
  font-size : 13px;
  padding : 5px;
  border-radius : 12px;
  background: #efefef;
  float : right;
  clear: both;
  margin-bottom : 5px;
}

#newMessage .message-list .messageFrom {
  font-size : 13px;
  padding : 5px;
  border-radius : 12px;
  float : left;
  clear: both;
  margin-bottom : 5px;
  background: #0179fb;
  color: #fff;
}

#newMessage .bottom-bar {
  position : absolute;
  bottom : 0;
  width: 100%;
  height : 31px;
  background: #b0bfc5;
}
#newMessage .bottom-bar button {
  position : absolute;
  bottom : 0px;
  right : 5px;
  background: none;
  outline: none;
  border : none;
  color : #727d82;
  height: 30px;
}

.square-field {
  width : 20px;
  height : 20px;
  content : ' ';
  background: #feffdf;
  margin-right : 5px;
  display: block;
  float : left;
  margin-top : 3px;
  border: 1px dashed #76791a;
}
.btn-xs {
  padding: 4px;
  height: auto;
  font-size: 12px;
  line-height: 12px;
}
.izolated_1 {
  background: #99c2f9;
}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 0rem;
    list-style: none;
    background-color: #343a40;
    border-radius: 0rem;
}
.breadcrumb li a {color: #cccccc;}
.link {cursor: pointer;}
a,a:hover {text-decoration: none;}
input[type="text"]:focus {
	outline : none !important;
}
.u-question {
    background: #d5f9da;
margin-bottom: 15px;
padding-top: 10px;
border: 1px solid #eee;
border-radius: 12px;
}
.question-title {
  font-size : 18px;
}
.timer, .timer-done, .timer-loop {
    font-size: 18px;
    color: black;
    font-weight: bold;
    min-width: 90px;
  }
  .timer_2 {
      font-size: 18px;
      color: black;
      font-weight: bold;
      min-width: 80px;
    }
  .jst-hours {
    float: left;
  }
  .jst-minutes {
    float: left;
  }
  .jst-seconds {
    float: left;
    display: none;
  }
  .jst-clearDiv {
    clear: both;
  }
  .jst-timeout {
    color: red;
  }

  .is-complete {
      color: red;
      -webkit-animation-name: blinker;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
      -webkit-animation-duration: 1s;
    }
    @-webkit-keyframes blinker {
      from { opacity: 1.0; }
      to { opacity: 0.0; }
    }
ul.inPageTabs {
  padding : 0;
  margin : 0;
  margin-bottom : 10px;
  display: inline-block;
}
ul.inPageTabs li {
  list-style: none;
  margin-right: 10px;
  float:left;
}
ul.inPageTabs li a {
  display: block;
  padding : 5px;
  text-align: left;
  color: #868e95;
  border: 1px solid #868e95;
}
ul.inPageTabs li a.active {
  background: #4fa846;
  border: 1px solid #4fa846;
  color: #fff;
}


.clear {
	display: block;
	width : 100%;
	clear:both;
	position: relative;
	float:none;
}
.loginBackground {
	position : fixed;
	width : 100%;
	height : 100%;
	top:0;
	left : 0;
	z-index : -1;
  background-image: linear-gradient(to top, #becefb 0%, #fdfdfd 100%);
}
.no-margin {margin-left : 0; margin-right : 0;}

/** navigations **/
ul.navigation-items {margin : 0; padding : 0;}
ul.navigation-items li {list-style: none; float:left;}
ul.navigation-items li > a{display: block; padding : 4px 9px; color : #444;}
ul.navigation-items li > a > svg{margin-right : 10px;}
ul.navigation-items li > ul.sub-items {display: none;}
/** navigations **/

 /** buttons **/

 .btn-action {
	color: #fff !important;
	background: #4dbac6;
	border-color: #24b9ca;
	transition : all 0.3s;
 }
 .btn-action:hover {
	 background: #80DEEA;
	 transition : all 0.3s;
 }

 .btn-return {
 color: #fff !important;
 background: #343a40;
 border-color: #4e4d4d;
 transition : opacity 0.3s;
 }
 .btn-return:hover {
	 opacity : 0.5;
	 transition : opacity 0.3s;
 }

 /** buttons **/
.closeDate_1 {
    border-bottom: 4px solid #4CAF50;
}

.closeDate_0 {
    border-bottom: 4px solid red;
}
/** tables **/
table thead {
	background: #343a40;

}
table.table-bordered thead th,table.table-bordered thead td {
	border: 1px solid #3d434a;
	color: #b8b8b8;
	padding: .30rem .50rem;
}
/** tables **/

/** tabs **/
.nav-tabs {
    border-bottom: 1px solid #f5f3f3;
}
.nav-tabs .nav-link.active {
  border-color: #f5f3f3 #f5f3f3 #f5f3f3;
}
.nav-tabs .nav-link {
  padding-top: 15px;
  padding-bottom: 15px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #2b4244;
    background-color: #f5f3f3;
}

.tab-content {
  background: #f5f3f3;
  padding: 10px;
}
/** tabs **/
.bg-middle-dark {
  background: #eceaea;
}
.showAlert {
 		border: 2px solid #d1d6de;
     padding: 10px;
     border-radius: 12px;
     margin-bottom: 10px;
     color: #c10000;
     background: #e0e0e0;
 		opacity: 0;
}
.small-text {font-size : 13px;}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%;
}

.comment_status_0 {background-color: rgba(0,0,0,.05);}
.comment-details {
  border-radius : 12px;
  background: #CFD8DC;
}
ul.comment-messages {position : relative;}
ul.comment-messages li {list-style:none; position:relative;border: 1px solid #ddd;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 10px;
    background: beige;
}
ul.comment-messages li.add-comment-wrapper {
  background: none !important;
  border : 0px solid #fff;
}
ul.comment-messages li > div.comment-info {
  position : absolute;
  width : 100px;
  left : -130px;
  font-size : 10px;
  color : #222;
  top : 40%;
}
ul.comment-messages li:before {
  width : 1px;
  height : 100%;
  position : absolute;
  left : -20px;
  top : 40%;
  background: #ddd;
  content : ' ';
}
ul.comment-messages li:after {
  width : 12px;
  height : 12px;
  position : absolute;
  border-radius: 50%;
  left : -26px;
  top : 40%;
  background: #80deea;
  content : ' ';
}

ul.comment-messages li.first-comment:after {
  background: #607D8B !important;
}
ul.comment-messages li.show-comment-status {
  font-size : 12px;
  color : #ccc;
  background: none !important;
  border : 0px solid #fff;
}
ul.comment-messages li.show-comment-status:after {
  background: none !important;
}
ul.comment-messages li.show-comment-status:before {
  display : none;
}
ul.comment-messages li.answer_type_0 {
  background: none;
  border : 0px;
}
ul.comment-messages li.add-comment-wrapper:after {
  background: #1a86fa !important;
}

.statusNotifer {font-size : 12px; color : #ccc;}


@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 768px) {

}
.distangeldi{    background: #ffe599;}
.distankapaligeldi{    background: #f1d3d3;}
.col-8 { 
    max-width: 66.666667% !important;
}