.ful-input{
  border:1px solid #aaa;
}
.input-etiket{
  line-height:12px;
}
.dropdown-label{
  line-height: 12px;
  display: block;
  font-size: 12px;
  color: rgba(0,0,0,0.38);
  height: 22px;
}
.pr-10{
  padding-right:10px;
}
.p10{
  padding:0 10px;
}
.m10{
  margin:10px;
}
.mobile-container-fix{
  padding:10px;
}
p{
  line-height: 20px;
}
.flex-frame{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
	justify-content:center;

	height:400px;

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

.flex-frame{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:20px;
}
.text-card{
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
margin: 100px 0;
}
.purple-container{
	background-color:#e7d9de;
}
.green-container{
	background-color:#eaf2e2;
}
.blue-container{
	background-color:#c0e2e6;
}
.orange-container{
	background-color:#fbe39c;
}
.white-container{
	background-color:white;
}
.thank-you--register{
	height:300px;
	max-width:700px;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
}
.thank-you--register h1{
	text-align:center;
	color: #162846;
}
.thank-you--register{
	flex-direction:column;
	padding:30px;
	text-align:center;
}
.dome-image-frame--full{
	width:90%;
	margin: 0 auto;
}
.dome-image-frame{
	width:80%;
	margin:0 auto;
}
.dome-image-frame img,.dome-image-frame--full img{
	width:100%;
	display:block;
}
#main{
  /*padding-top: 70px;*/
position: relative;
  }
  #register-frame{
    width:90%;
    margin:100px auto;
    max-width: 600px;
  }
#register-form{
    float:left;
    padding:50px;
    border-radius:10px;
  	box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
    max-width:600px;
    margin-bottom:150px;
}
#register-form .ful-input{
  margin:0;

}
#register-form .ful-input:hover {
    border: 1px solid #8e7d83;
    transition: color 1s;
    cursor: pointer;
}
.form-tip{
  font-size:12px;
  color:rgba(0,0,0,0.38);

}
.required-error{
  position: absolute;
  font-size: 10px;
  display:none;
  bottom: 0;
  right: 10px;
  color: #ff6e6e;
}
.required-error-border{
	border:1px solid #ff6e6e;
}
.generic-search-row{
  line-height:24px;
}
.generic-search-row:last-child {
  border-radius:0 0 10px 10px;
}
.user-search-row{
  display: block;
text-align: left;
padding: 10px;
}
.cta{
	/* background-color: #FFD54F; */
	background-color:#3ae374;
    color: #fff;
   /*  border: 2px solid #172845; */
    padding: 14px;
    border-radius: 10px;
	font-size:16px;
  display:block;
  margin:0 auto;
  max-width: 200px;
text-align: center;
   /*  font-weight: 600; */
}

.cta:hover{
	background-color: #172845;
    color: white;
    cursor:pointer;
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);
}
.cta-submit{
	border:0;
}
.casual-dropdown{
  background: transparent;
  padding: 8px 35px 8px 5px;
  font-size: 1em;
  border: 1px solid #aaa;
  line-height: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width:100%;
  border-radius:5px;
}
label.casual-dropdown-label {position:relative}
label.casual-dropdown-label:after {
  content: "\f078";
  font-family: "FontAwesome";
  font-size: 11px;
  color: #aaa;
  right: 15px;
  top: 3px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
}
label.casual-dropdown-label:before {
    content:'';
    right:8px;
    top:0px;
    width:23px; height:18px;
    background:#fff;
    position:absolute;
    pointer-events:none;
    display:block;
}
.search-row{
  line-height:24px;
}
/************
  MENU
*********/
.guest-menu{

}
.menu-container{
  float: left;
width: 100%;

}
.menu-frame{

}
.desktop-menu{

}
#menu-logo{
	float:left;
	position:relative;
  display:none;
}
#menu-logo img{
  height:40px;
}
#mobile-logo{
  width:40px;
  float:left;
}
#mobile-logo img{
  display:block;
  width:100%;
}
#menu-user-search{
	  width: 300px;
    position: relative;
    float: left;
    display:none;
}
#menu-user-search input{
	margin-top:10px;
}
#mobile-user-search{
      display: inline-block;
      position:relative;
      width: 180px;
      margin-right: 10px;
}
#mobile-user-search input{
  margin-top:5px;
}
#user-search-button{
  content:url(/img/icons/search.png);
    display: inline-block;
/*display: inline-block;
float: left;**/
}
#user-search-button:hover{
  cursor:pointer;
}
#user-search-button img{
  display:block;
}
#user-search-button i{
  display: block;
line-height: 36px;
font-size: 18px;
}

#horizontal-menu{
  width:100%;
  background-color:#00234b;
  padding:5px;
  float:left;
  z-index:1000;
}
.menu-right{
  float:right;
}


.vertical-menu-list{
 width:100%;
 padding:10px;
 float:left;

}
.horizontal-menu-list{

  padding:10px;
  float:left;

}
.horizontal-menu-list li{
  display:inline-block;
  padding: 5px 10px;
  position:relative;
}
.horizontal-menu-list li, .vertical-menu-list li{
  line-height:24px;
}
.horizontal-menu-list a, .vertical-menu-list a{
 color:white;
font-size:13px;
font-family: "Raleway";
letter-spacing:1px;
}
.horizontal-menu-list li a:hover{
color:#cd84f1;
}
.horizontal-menu-list li a.location, .vertical-menu-list li a.location{
  border-bottom: 1px solid #cd84f1;
  color:#cd84f1;
}
#settings-menu-button i {
  color:#fff;
}
.sub-menu-parent{
  position:relative;
}
.sub-menu{
  display:none;
  position:absolute;
  background-color:#fff;
  border-radius:10px 0 10px 10px;
  top: 30px;
right: 13px;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.2);
  width: 120px;
  z-index:3000;

}
.sub-menu::before{
  content: "\A";
  /* border-style: solid; */
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  /* border-width: 0 10px 0 0; */
  /* border-color: transparent #ececec transparent transparent; */
  position: absolute;
  top: -5px;
  right: 0;
}
.sub-menu li{
  display:block;
  padding:10px 20px;
}
.sub-menu li:hover{
  background-color: #ececec;
  cursor:pointer;
}
.sub-menu li:first-child{
  border-radius:10px 0 0 0;
}
.sub-menu li:last-child{
  border-radius:0 0 10px 10px;
}
.sub-menu li a.sub-menu-link{
  color:#00234b;
  width:100%;
  display:block;
}
.sub-menu-button::after{
  content:url(/img/icons/settings.png);
}
.sub-menu-button:hover::after{
  cursor:pointer;
  content:url(/img/icons/settings_hover.png);
}
.sub-menu-button.active::after{
  cursor:pointer;
  content:url(/img/icons/settings_hover.png);
}
.desktop-menu{
  display:none;
}
#mobile-menu{
  position: relative;
    float: left;
    width: 100%;
    background: white;
    z-index:1;
}
#mobile-menu .menu-right-list{
  margin-left:10px;
  border-bottom: 1px solid #00234b;
}
#mobile-menu.active{
  z-index:10000;
}
.mobile-menu-button{
  display: inline-block;
float: right;
position: relative;
padding: 20px;
margin: 0 10px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  right:0;
  background: #fff;
  position: absolute;
  display: block;
  content: '';
}

#nav-toggle span:before {
  top: -10px;
}

#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  transition: all 500ms ease-in-out;
}

#nav-toggle.active span {
  background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
  top: 0;
}

#nav-toggle.active span:before {
  transform: rotate(45deg);
}

#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
.mobile-menu{
  display:none;
  width:100%;
}

.no-entry{
	    font-size: 12px;
    color: #ccc;
    line-height: 30px;
}
.autocomplete-box{
    position: absolute;
    top: 45px;
    width: 100%;

    border: 1px solid;
    z-index: 100;
    background-color: white;
	   display:none;
     border-radius:0 0 10px 10px;
     border:1px solid #ccc;
}
.autocomplete-box-container{
	position:relative;
}
#diagnosis-autocomplete{
  width:100%;
  float:left;
}
.autocomplete-box li{
    padding: 10px;
}
.autocomplete-box li:last-child{
     border-radius:0 0 10px 10px;
}

.input-container{
	position:relative;
}
.input-warning{
	position: absolute;
    right: 0;
    top: 45px;
    background-color: white;
    border: 1px solid tomato;
    color:tomato;
    padding: 10px;
    border-radius:10px;
    z-index: 101;

}
.input-approve{
  position: absolute;
right: 10px;
top: 20px;
background-color: white;
border: 1px solid #009900;
color: #009900;
padding: 5px;
border-radius: 10px;
z-index: 101;
}
.profile-container{
	padding:20px 20px 0 0;
}
.profile-card-container{
    border:1px solid #ececec;
    border-radius:10px;
    padding:10px;
    float:left;
    padding-left:30px;
}
.profile-card{
	float:left;
	width:100%;
	padding:20px;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius:10px;
    background-color:white;
}
.profile-card-header{
	    font-size: 14px;
    margin: 10px 0;
    font-weight: 600;
}
.profile-picture-frame{
    position: relative;
    border-radius: 50%;
    border: 1px solid #ececec;
    width: 100px;
    overflow: hidden;
    height: 100px;
  }

.profile-picture{
  width: 100px;
  height: 100px;
}


.profile-picture img{
    width: 100%;
    display: block;
    top: 25%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-25%);
}
.profile-picture-button{
  position: absolute;
    right: 41px;
    bottom: 3px;
    color: #ccc;
}
.profile-picture-button:hover{
  color:black;
  cursor:pointer;
}
.profile-sum-part{
	margin:10px 0;
	padding:10px 20px;
	line-height:30px;
	font-size:14px;
}

.profile-sum-part-bottom{
border-top:1px solid #ddd;
}
.profile-follow{

}
.profile-unfollow{

}
.profile-data-row{
	font-size:12px;
	line-height:20px;
}
.profile-data-row:hover >.profile-data-edit,.profile-data-row:hover >.profile-data-delete{
	display:block;
	cursor:pointer;
}
.profile-data-edit,.profile-data-delete{
	float:right;
	display:none;
}
.thin-input {
		width: 100%;
    font-size: 12px;
    line-height: 20px;
    padding: 5px;
    margin: 0;
	border:1px solid #aaa;
}

.thin-label{
	font-size:12px;
	font-weight:400;
	color: #ccc;
}

.popup-background{
	overflow-y:auto;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:3000;
	display:flex;
	display:-webkit-flex;
	display:-ms-flexbox;
	flex-direction:column;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	align-items:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
}
.popup-background-overlay{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:black;
	opacity:.7;
}
.popup-window{
	min-width:350px;
	max-height:calc(100vh - 60px);
	padding:0;
	z-index:3001;
  border-radius:10px;
  max-width: 90%;
  overflow-y:scroll;
	/*border: 3px solid black;*/
}
.popup-wrapper{
	width:100%;
	/* height:100%; */
}
.popup-container{
	display:flex;
	 display:-webkit-flex;
	display:-ms-flexbox;
	flex-direction:column;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;

}
.popup-header{
	flex:1 0 auto;
	-webkit-flex:1 0 auto;
	-ms-flex:1 0 auto;
	width:100%;
	padding:12px 14px;
	background-color:#f9f9f9;
  border-radius:10px 10px 0 0;
}
.popup-header span{
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  line-height: 20px;
}
.popup-body{
	flex:1 0 auto;
	-webkit-flex:1 0 auto;
	-ms-flex:1 0 auto;
	width:100%;
	overflow:hidden;
	background-color:white;
 padding: 12px 14px;
 border-radius:0 0 10px 10px;
}
.popup-close{
	float:right;
	font-size:20px;
}
.popup-close:hover{
  cursor:pointer;
  transform: rotate(135deg);
  color:tomato;
}
.popup-buton:hover{
  cursor:pointer;
}
/**add without loading button***/
.awl-button{
	float:right;
}
.awl-form{
	display:none;
}
.awl-submit, .black-button{
  float: right;
    padding: 5px 10px;
    font-size: 12px;
    margin: 10px 0;
    background-color: #a0e6b6;
    border: 0;
    /* border: 3px solid #000; */
    color: #20282f;
    outline: none;
    border-radius: 10px;
    line-height: 24px;
    font-weight: bold;
}
.black-button:hover{
  cursor:pointer;
  box-shadow: 0 1px 1px rgba(0,0,0,0.19), 0 3px 5px rgba(0,0,0,0.23);
}
.black-ghost-button{
	   padding: 8px 10px;
    font-size: 12px;
    margin: 10px;
    border: 2px solid #00234b;
    background-color: white;
    color: #00234b;
    border-radius:10px;
    box-sizing: border-box;
    font-weight: bold;
    display: inline-block;
}
.black-ghost-button:hover{
	cursor:pointer;
  transform:none;

  box-shadow: 0 1px 1px rgba(0,0,0,0.19), 0 3px 5px rgba(0,0,0,0.23);

}
.left-button{
	float:left;
}

/*****SERVICES****/
.case-container-header{
	border-bottom:1px solid #ececec;
	width:100%;
	float:left;
	padding:20px;
	margin-bottom:20px;
}

.services-header{
    padding: 20px;
}
.services-header span{
	font-family: 'Noto Serif', serif;
	font-weight:bold;
  position:relative;
}
.services-container{
  /*   margin: 20px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    overflow-y: auto;
    min-height: 100%;
     border: 1px solid #000;
    background-color: white;
    min-height: 50vh;
	max-height:60vh;
    padding: 20px; */
	    /* margin: 20px 0; */
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    /* overflow-y: auto; */
    min-height: 100%;
    /* border: 1px solid #000; */
    /* background-color: white; */
    /* min-height: 50vh; */
    /* max-height: 60vh; */
    padding: 0 20px;
}
.services-window{
	position: fixed;
  width: 300px;
  overflow-y: auto;
  height: 100%;
  -webkit-box-shadow: 5px 0 5px -2px rgba(0,0,0,0.1);
  box-shadow: 5px 0 5px -2px rgba(0,0,0,0.1);
/*  background-color: #beecc8;*/
  left:-290px;
   z-index: 999;
}
.services-window::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.services-window::-webkit-scrollbar{
	width: 10px;
	background-color: #F5F5F5;
	max-height:400px;
}

.services-window::-webkit-scrollbar-thumb{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ddd;
}
.services-menu-frame{
  position:relative;
}
.services-menu{
	/* position:fixed;
	height:100%;
	  -webkit-box-shadow: 7px 0 5px -2px rgba(0,0,0,0.3);
          box-shadow: 7px 0 5px -2px rgba(0,0,0,0.3);
	background-color: #bfe7e9; */

}
#case-container{
  max-width: 700px;
  margin: 0 auto;
}
.services-case-container{
	width: 100%;
    float: left;
}
.services-case-frame{
	max-width: 900px;
    width: 90%;
    margin: 0 auto;
}
#search-service{
	    width: 100%;
    font-size: 12px;
    color: #222;
    line-height: 24px;
}
.service-title{
	line-height:40px;
	display:inline-block;
	font-weight:bold;
}
.service-info-buttons{
	display:inline-block;
}
.services-list{
	margin-bottom: 50px;
	 margin-top: 20px;
}
.services-list-element{
	white-space: nowrap;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
	position:relative;

}
.service-list-element a{
	color:#2e3644;
}
.services-list-element a:hover{
	text-decoration:underline;
}

.service-name-tooltip{
	display:none;
	position:absolute;
	left:0;
	top:0;
	background-color:white;
}

.services-list-element:hover > .service-name-tooltip{
	display:block;
}
.service-user-permission{
	display:inline;
}
.service-user-permission:hover{
	cursor:pointer;
	color:#197ed8;
}
.service-user-table{

}
.service-user-table td{
	border:none;
}
.service-user-table tr{
	background-color:transparent;
}
#add-service-form{
	max-width:500px;
}
.sticky-button-frame{
position: fixed;
right: 0;
bottom: 0;
/* padding: 10px; */
font-size: 16px;
margin:10px;
}
.sticky-button{
    background-color: #a0e6b6;
    color: #20282f;
    display: inline-block;
    padding: 10px;
    border-radius: 10px;
    font-size: 14px;
		margin-left: 10px;
	}
.sticky-button:hover{
	cursor:pointer;
	box-shadow: 0 1px 1px rgba(0,0,0,0.19), 0 3px 5px rgba(0,0,0,0.23);
}
#join-service{
	color:white!important;
}
.select-item-tag{
    font-size: 12px;
    padding: 3px;
    display: inline-block;
    line-height: 20px;
    background-color: #eee;
    margin: 3px;
}
.remove-tag-button{
	font-size: 14px;
    padding: 0 0 0 5px;
    height: 100%;
}
.search-container{
	display:none;
	    position: absolute;
    width: 100%;
    z-index: 200;
    margin-top:-2px;
    border: 1px solid #eee;
    border-radius:0 0 10px 10px;
    background-color: white;
}
.generic-search-list{
  padding:5px;
}
.search-frame{

	/*line-height:40px;*/
	position:relative;
	width:100%;
}
.select-row{
  line-height:30px;
}
.search-input{
	font-size:12px;
	line-height:30px;
	width:100%;
	border-radius:5px;
	border:1px solid #ccc;
	padding: 0 5px;
}
.select-form{
	width:300px;
  margin:0 auto;
}
.select-search-list{
	    max-height: 160px;
    overflow-y: auto;
    padding: 10px;
}
.select-search-input{
	outline:none;
	border:none;
	font-size:12px;
	line-height:24px;
  border-radius:5px;
  width:100%;
}
.select-search-frame{
	border:1px solid #ececec;
  border-radius:5px;
}
.select-search-item{
	/*display:inline-block;*/
	width:100%;

}
.select-search-item:hover{
	cursor:pointer;
}
#newCase{
	margin-top:20px;
}
#addNewCase{
	padding:10px;

}
#addNewCase-frame{
	width: 90%;
    max-width: 350px;
}
.case-row{
/* 	float:left;
	position:relative;
	width:90%;
	margin-bottom:20px;
	border:1px solid #ececec;
	  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); */
	      float: left;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ececec;

}
.case-row:hover{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	cursor: pointer;
}
.case-photo{
	width:100%;
	height:180px;
	background-color:#ececec;
	overflow:hidden;
}
.case-photo img{
    position: relative;
    width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.case-user{
	font-size:12px;
}
.case-user a{
  color:cornflowerblue;
}
.case-diagnosis{
	font-size: 12px;
  line-height: 20px;
  width: 100%;
  font-weight: 600;
  color: #555;
}
.case-statement{
	font-size: 12px;
  line-height: 16px;
  height: 40px;
  overflow: hidden;
    /*box-shadow: inset 0 -3px 15px -9px rgba(0,0,0,0.3);*/

}
.case-shared-with{
	padding: 5px;
  overflow: hidden;
  height: 74px;
  border-top: 1px solid #eee;
}
.case-title{
	width:100%;
	overflow:hidden;
}
.case-title a{
	font-size:14px;
	font-weight:800;
	padding: 5px 0;
	display: block;
}
.case-title a:hover{
  text-decoration:underline;
}
.case-detail-container{

}
.share-case-statement{
	font-size:12px;
}
.interaction-list-container{
	display:flex;
	display:-webkit-flex;
	display:-ms-flexbox;
	height:180px;
	align-items: center;
    justify-content: center;
}
.user-interaction-list{

}
.user-interaction-list li{
	font-size:14px;
	line-height:20px;
  display:flex;
  align-items: center;
  justify-content: space-between;
}
.user-interaction-list li:hover{

}
.user-interaction-list li span,.user-interaction-list--horizontal li span{
  display:inline-block;
  padding:2px;
}
.user-interaction-list--horizontal{
  margin:0 auto;
  display:block;
  float:right;
}
.user-interaction-list--horizontal li{
  font-size:14px;
	line-height:20px;
  display:inline-block;
}
.upvote-button::before{
  content:url(/img/icons/upvote.png);
}
.upvote-button:hover::before{
    content:url(/img/icons/upvote_hover.png);
}
.voted{
	color:#65be6c;
}
.upvote-button.voted::before{
    content:url(/img/icons/upvote_hover.png);
}
.upvote-button:hover{
	color:#65be6c;
	cursor:pointer;

}
.case-detail-frame{
	width: 100%;
padding: 20px;

float: left;
}
.shared-case-detail-frame{
	height: 180px;
  padding:20px;
}
.demographic-case{
	font-size:14px;
}
.demographic-desc{

}

#notes-frame{
	padding:5px;
	/**margin:20px 20px 0 20px;**/
	float:left;
	width:100%;
}
#add-notes-frame{
	float:left;
	width:100%;
	position:relative;
	/**margin:20px 20px 0 20px;**/
	padding:0 5px 5px 5px;
}
#addNewNote{
  background: url(/img/icons/add_notes.png);
background-repeat: no-repeat;
background-position: left;
/* width: 40px; */
/* height: 40px; */
background-color: #a0e6b6;
color: #262d34;
font-weight: bold;
border: 1px solid #a0e6b6;
padding: 10px 10px 10px 30px;
border-radius: 10px;
}
#addNewNote:hover{
cursor:pointer;
background-color:#8fcc94;
}
.note-datetime-row{
	float:left;
	width:100%;
}
.note-date{
	font-size:10px;
}
.note-time{
	font-size:10px;
}
.note-text{
	float:left;
	width:100%;
}
.switch {
  position: relative;
      display: inline-block;
      width: 50px;
      height: 25px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #34bf6c;
}

input:focus + .slider {
  box-shadow: 0 0 1px #34bf6c;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.service-buttons{
	display:inline;
	color:rgba(0,0,0, 0.6);
}
.service-buttons:hover{
	cursor:pointer;
	color:#21282F;
}

.case-head{
	margin:30px 0;
}
.case-frame{
	position: relative;
    float: left;
    padding: 0;
	width:100%;
}

.case-details-frame{
	float:left;
  padding: 10px;
  min-height: 400px;
  border-radius: 10px;
	width:100%;
	border:1px solid #ececec;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.2);
}
.case-row{

}
.case-demographic{
	box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.2);
}
.case-demographic ul{
    border: 1px solid #ececec;
    display:table;
	width:100%;
}
.case-demographic ul li{
	display:table-cell;
	padding:10px 5px;
	font-size:14px;
}

.shared-case-detail-container,.case-details{
	margin-left: 20px;
    float: left;
	margin-top:20px;
}
.shared-case-row,.case-detail-row{
	line-height: 24px;
	font-size: 14px;
  margin-bottom:20px;
}
.shared-case-row-title,.case-detail-desc{
	float: left;
	width: 150px;
	margin-right: 20px;
	padding-left:5px;
	font-weight:600;
	border-bottom: 1px solid #ececec;
}
.shared-case-row-card,.case-detail-value{
	float: left;
	position: relative;
	font-weight: 300;
	/*margin-bottom: 20px;*/
}
.case-comments{
	margin-left: 20px;
    float: left;
    width:100%;
}
.comment-row{
	border: 1px solid #ececec;
    background-color: #eee;
    padding: 5px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.comment-owner{
	font-size: 12px;

}
.comment-owner a{
  color:cornflowerblue;
}
.comment-owner:hover{
  cursor:pointer;
  color:#21282F;
}
.comment-text{
	font-size: 14px;
	line-height: 20px;
}
.add-comment{
	margin-left:20px;

}
.case-list-header{
	margin:20px 0;
}
.case-list{
	float:left;
	width:100%;
  padding:5px;
}
.case-header{
	float:left;
}
.case-card-header{
	margin-top:30px;
	float:left;
	width:100%;
	}
.case-card{
	 border-bottom-left-radius: 10px;
	 border-bottom-right-radius: 10px;
	 border-top-right-radius: 10px;
}


.share-button,.delete-case-button,.edit-case-button{
	padding: 10px;
	position: relative;
	background-color: #a0e6b6;
	border-radius: 50%;
	display:block;
}
.share-button:hover, .delete-case-button:hover, .edit-case-button:hover{
	cursor:pointer;
	background-color:#8fcc94;
  	box-shadow: 0 1px 1px rgba(0,0,0,0.19), 0 3px 5px rgba(0,0,0,0.23);
}
.share-button::after{
    content:url(/img/icons/share_small.png);
margin-left:-2px;
}
.edit-case-button::after{
  content:url(/img/icons/edit_small.png);
}
.delete-case-button::after{
  content:url(/img/icons/delete_small.png);
}
#share-button--case{
  width:44px;
  height:44px;

}
.edit-case-button--row,.delete-case-button--row,.share-button--row{
  width: 38px;
    height: 38px;
    padding:7px;
}
.edit-case-button--row::after{
    content:url(/img/icons/edit_small.png);
}
.delete-case-button--row::after{
    content:url(/img/icons/delete_small.png);
}
.share-button--row::after{
    content:url(/img/icons/share_small.png);
}
.share-options{
background-color:white;
border:1px solid #ececec;
width: 150px;
font-size: 12px;
z-index: 150;
left: 30px;
top: 35px;
}
.share-options-list li{
	padding:5px 10px;
	width:100%;
	display: block!important;
}
.share-options-list li:hover{
	background-color:#ddd;
	cursor:pointer;
}
.cases-list-row{
	box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.2);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	margin: 2px;
	border-radius: 10px;
	border: 1px solid #eee;
	/* padding: 10px; */
	float: left;
	width: 100%;
	line-height:50px;
}
.cases-list-row:hover{
	box-shadow: 0 5px 5px rgba(0,0,0,0.2), 0 5px 5px rgba(0,0,0,0.22);
	cursor:pointer;
}
ul.case-list-buttons{
	display: table;
	float:right;
	/*width:100px;*/
}
.case-list-buttons>li{
	display:table-cell;
	padding: 5px;
	text-align:center;
  position:relative;
}
.case-list-link{
	margin:20px;
	font-size:14px;
}
.case-list-title{
  margin-right: 30px;
  margin-left: 20px;
  float: left;
  display: inline-block;
  text-transform: uppercase;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

}
.case-list-desc{
  color: #6dcef5;
  text-transform: uppercase;
  font-size: 14px;
  display: none;
  max-width: 100px;
  min-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 33%;
  float: left;
}
.case-list-date{
	font-size:13px;
	font-weight:300;
  display:none;
}

.ask-question:hover{
	cursor:pointer;
}
.ask-question{
	padding:15px;
		background-color: white;
border-radius: 10px;
border: 1px solid black;
}
.ask-question>i{
	font-size:24px;
}
.tab-card{
	min-height: 100vh;
    float: left;
    width: 100%;
    border: 1px solid #ddd;
	margin:0 0 50px 0;
	padding:0 0 50px 0;
  border-radius: 0 10px 10px 10px;
}
.tab-container{
	padding:20px;

}
.flex-wrap-container{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-wrap:wrap;
}
.squared-case-cell{
	/* used with flex-wrap-container**/
	width:300px;

}
.shared-card-frame,.index-card-frame{
	padding:3px;
	float:left;
	width:100%;
}
.shared-card-frame--header,.index-card-frame--header{
	float:left;
	margin: 20px 20px 0 20px;
	font-size:12px;
	width:100%;
}
.shared-card-frame--header p,.index-card-frame--header p{
	line-height:30px;
  font-size:12px;

}
.shared-card-frame--header a,.index-card-frame--header a{
  font-size:12px;
}

.shared-tag{
	font-size: 12px;
    padding: 3px;
    display: inline-block;
    line-height: 20px;
    background-color: #eee;
    margin: 3px;
	border-radius:10px;
}
.stop-share-button{
	padding:10px 3px 10px 10px;
}
.stop-share-button:hover{
    color: tomato;
	cursor:pointer;
}
.invisible-card{
	display:none;
}
#case-gallery-content{
	float: left;
    padding: 20px;
	width:100%;
}
.case-gallery{
	border-radius: 0 10px 10px 10px;
}
.case-gallery-list::-webkit-scrollbar-track,{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.case-gallery-list::-webkit-scrollbar{
	width: 5px;
	background-color: #F5F5F5;
}

.case-gallery-list::-webkit-scrollbar-thumb{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ddd;
}
.fotografsil::after{
  content:url(/img/icons/delete_image.png);
}
.fotografsil:hover{
  transform:scale(1.1);
}

.no-image{
  background-color: #f1f1f1;
  margin: 20px auto;
  width: 90%!important;
  border-radius:10px;
}

.no-image img{
  margin:40px 20px;
}
.no-image span{
  padding: 10px 0 40px 0;
    font-size: 12px;
    color: #8d8e8d;
}
.page-tab{
min-height:100vh;
background-color:#f1f1f1;
float:left;
width:100%;
border: 1px solid #ddd;
}
.page-tab-nav{
	clear: both;
    position: relative;
    float: left;
    display: table;
    width: 100%;
    z-index: 10;
    font-size: 14px;
    margin-left: -2px;
}

.page-tab-nav li{
	    float: left;
    display: table-cell;
    font-size: 14px;

}
.page-tab-button{
padding:10px 5px;
cursor:pointer;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color: #f1f1f1;
margin-left: 2px;
border-radius: 3px 10px 0 0;
position:relative;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}
.page-tab-button:hover{
	 background-color: #ddd;
}
.page-tab-button p{
	    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #22313f;
    line-height:1;
}
.tab-button-visible{
	background-color: #fff;
		border-bottom: 1px solid white;
    margin-bottom: -1px;
    margin-left: 2px;
}
.case-mini-frame{
	padding:20px;
}
.frame-header{
	line-height:40px;
	background-color:#f1f1f1;
  border-radius:10px 10px 0 0;
}
.frame-header span{
  display: block;
  margin-left: 20px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
}
.frame-container{
	border:1px solid #eee;
	font-size:14px;
  border-radius:10px 10px 0 0;
  background-color:white;
}
.frame-content{
	padding:20px;
}
.case-data-frame{
    padding: 10px;
}
.case-data-frame--notes .frame-container{
  float: left;
  width: 100%;
}

.case-data-frame .frame-container{
border-radius: 10px;
}
.case-data-frame .frame-header{
      border-radius: 10px 10px 0 0;
}
.notes-header img{
display:inline-block;
line-height: 40px;
float: left;
margin: 3px 5px;
}
.notes-header span{
  display:inline-block;
  margin:0;
}

#appointment-frame .frame-content,#contact-frame .frame-content{
	height:250px;
	overflow-y:auto;
}
#contact-frame .frame-content::-webkit-scrollbar-track,#appointment-frame .frame-content::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
#contact-frame .frame-content::-webkit-scrollbar,#appointment-frame .frame-content::-webkit-scrollbar{
	width: 10px;
	background-color: #F5F5F5;
}

#contact-frame .frame-content::-webkit-scrollbar-thumb,#appointment-frame .frame-content::-webkit-scrollbar-thumb{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ddd;
}
#case-contact-list{
	line-height:30px;
}
#case-contact-form{
	display:none;
}
#edit-case-contact.mini-colored-button{
	    float: right;
    display: inline-block;
}
#edit-case-contact.mini-colored-button:hover{
  cursor:pointer;
}
#appointment-list{

	/*border:1px solid #eee;*/

}
#appointment-list tr{
	font-size:14px;
	background-color:#fff;
}
#appointment-list td{
	border:none;
	/*border-bottom:1px solid #ececec;*/
  font-size:12px;
}
#add-appointment{
	padding: 10px;
    font-size: 20px;
    float: right;
}
#appointment-sms-description{
  display:inline-block;
  width:100px;
}
.empty-td{
  border:none;
}
.icon-button img, .icon-button span{
  vertical-align: middle;
}
.small-row-button{
	padding:10px;
}
.time-tag{
	background-color:#eee;
    padding: 5px;
}
.cancel-appointment,.edit-appointment{
	display:inline-block;
}
.flex-form{
	display:flex;
}

.flex-form-element{
	padding:10px;
}

.vertical-flex{
	display:flex;
	flex-direction:column;
}

#new-appointment-form{

  max-width: 450px;
}

#calendar-frame{

}
#calendar-body{
	width:190px;
	overflow:hidden;
}
#calendar-container{
	width:100%;
	position:relative;
}

.calendar-month-container{

}
.calendar-month-list{
	display:flex;
	margin-left:0;
}
.calendar-month-list li{
	display:inline;
}
.calendar-month{

}
.calendar-month-header{
	width:100%;
	background-color:#ececec;
}
.calendar-days-header{


}
.calendar-days-header li{

}
.calendar-weeks{

}
.calendar-days{
	padding:3px;
}
.calendar-empty-days{

}
.calendar-empty-days::after{

}
.calendar-upcoming-days{
	color:#222;
}
.calendar-picked{
	background-color:#C8E6C9;
}
.calendar-upcoming-days:hover{
	background-color:#C8E6C9;
	cursor:pointer;
}
.calendar-passed-days{
	color:#ccc;
}
.calendar-passed-days:hover{
	cursor:pointer;
	background-color:#ccc;
}
.contact-header{
  min-width: 70px;
  display: inline-block;
  font-weight: 600;
}
.calendar-nav{
	position: absolute;
    width: 100%;
    top: 10px;
}
.calendar-nav-button{
	color:#aaa;
}
.calendar-nav-button:hover{
	cursor:pointer;
	color:#42A5F5;
}
.calendar-nav-button-left{
	float:left;
	margin-left:5px;
}
.calendar-nav-button-right{
	float:right;
	margin-right:5px;
}
.marginTop20{
	margin-top:20px;
}


/**SCHEDULER***/
.scheduler-container{
  overflow-y: hidden;
  overflow-x: scroll;
  max-width: 1050px;
  border: 1px solid #ececec;
  height: 750px;
}

.scheduler-day-list{
  display:table;
  width:100%;
  padding:10px;
}
.scheduler-day-list li{
  display:table-cell;
}
.scheduler-day-navigation,.scheduler-week-navigation{
  z-index:1000;
}
.scheduler-day-navigation:hover,.scheduler-week-navigation:hover{
  cursor:pointer;
  color:#cd84f1;
}
.scheduler-day-navigation--left,.scheduler-week-navigation--left{
  position:absolute;
  left:0;
  padding:10px;
}
.scheduler-day-navigation--right,.scheduler-week-navigation--right{
  position:absolute;
  right:0;
  padding:10px;
}
.scheduler-day-container{
  margin-left:0;
  padding:30px 0px;
  float:left;
}
.scheduler-month-container{
  margin-left:0;
}
.scheduler-day{
  width:140px;
  display:inline-block;
  height:700px;
  float:left;

}
.scheduler-day ul{
  border-right:1px solid #ececec;
  border-top:1px solid #ececec;
}
.scheduler-week-container .scheduler-day:first-child  ul{
  border-left:1px solid #ececec;
}
.scheduler-day-number{
  font-size:2rem;
  line-height:3rem;
  font-weight: 600;
margin-left: 5px;
}
.scheduler-day-name{

}
.scheduler-empty-days{

}
.scheduler-month-nav{
  text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
}
.scheduler-month-name, .scheduler-month-buttons{

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
<<<<<<< HEAD
  margin:0;

  max-width: 1035px;
  line-height: 2.8rem;
  font-weight: 600;
  width: 100%;
  border-bottom:1px solid #ececec;
}
.visible-month .scheduler-month-name{
  display:inline-block;
}
.scheduler-month{
  display:inline-block;
  float:left;
=======

  display: inline-block;
margin: 5px;

}
.scheduler-month{
  margin-left:50px;
  display:inline-block;
>>>>>>> 0439dc89868d4cdd2e0f07e1961aa7296efeec98
}
.scheduler-timeline{
  position: absolute;
  width: 50px;
  border-right: 1px solid #ececec;
  height:720px;
  background-color:white;
<<<<<<< HEAD
  z-index:100;
=======

>>>>>>> 0439dc89868d4cdd2e0f07e1961aa7296efeec98
}
.scheduler-timeline ul{
  margin-top:40px;
}
.scheduler-timeline ul li{
  line-height:30px;
  text-align: center;
  font-size: 1rem;
  color: #2d2d2d;
}
.scheduler-hour{
  border-bottom:1px solid #efefef;
  line-height:30px;
  height:30px;
  position:relative;
}
.scheduler-hour--minutes{
  line-height: 20px;
  position: absolute;
  width: 100%;
}
.scheduler-hour--minutes:hover{
  background-color:#ececec;
  cursor:pointer;
}
.full-hour{
  background-color: rgb(194, 233, 215);
border-color: rgb(153, 219, 188);
  z-index:10;
}

.scheduler-day-container--month {

  position:relative;
  margin-left:0;
  padding:30px 0px;
  float:left;
}
.month-view-daily-appointment{
  width:140px;
  line-height:14px;
  font-size:11px;
  margin-left:10px;
  background-color:#f69a0b;
}
.month-view-longterm-appointment{
  position:absolute;
  bottom:0;
  right:0;
}
.month-view-longterm-appointment li{
  display:inline-block;
  background-color:pink;
  width:10px;
  height:10px;
  border-radius:50%;
}
.scheduler-day--month{
  width: 150px;
  height: 140px;
  float:left;
  border: 1px solid #ececec;
  position:relative;
}

.scheduler-type-navigation{
  float:right;
  position:relative;
}
.scheduler-type-navigation ul li{
  display:inline-block;
  float:left;
}
.scheduler-type-navigation ul li:hover{
  cursor:pointer;
}
.calendar-view{
  border:1px solid #ececec;
  padding:10px;
}
.calendar-view:hover{
  background-color:#ececec;
}
.selected-month-view{
  background-color:#ddd;
}
.scheduler-week-container{
  margin-left:52px;
  width:980px;
}

/**ALERT BOX*/
.confirm-box{
	position:fixed;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	display:none;
	background-color:white;
	z-index:4000;
	padding:20px;
}

.alert-box{
	position:fixed;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	display:none;
	background-color:white;
	z-index:4000;
  border-radius:10px;
}
.confirm-box{
	min-width:300px;
}
.error {
    border:1px solid #f5aca6;
		width: 100%;
		height: 100%;
		display: flex;
		position: relative;
		padding: 30px;
    align-items:center;
    line-height:2;
    border-radius:10px;
}
.success {
	border: 1px solid #a6ca8a;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	padding: 30px;
  line-height:2;
  border-radius:10px;
}
.warning {
    border:1px solid #f2c779;
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		padding: 30px;
    line-height:2;
    border-radius:10px;
}
.notice {
    border:1px solid #8ed9f6;
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		padding: 30px;
    line-height:2;
    border-radius:10px;
}
.page-error{
  padding:30px;
  border-radius:10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    color:tomato;
}
#delete-case-cancel{
	margin: 10px;
	padding: 6px 12px;
}
.service-user-cancel,.service-user-accept{
	display:inline-block;
	float:right;
}
.grey-bg{
	background-color:#ced7d3;

}
.ful-height{
	min-height:100vh;
}
/* .hand-button{
	background:url("/img/button.png") no-repeat;
	width:220px;
	height:50px;
	border:none;
} */
.hand-button{
	width:200px;
	position: relative;
    clear:both;
	margin:0 auto;
}
.hand-button img{
	display:block;
	width:100%;
}
.hand-button input{
	    position: absolute;
    top: 25px;
    right: 20px;
    background-color: white;
    border: none;
    font-weight: 800;
}
.form-logo{
	margin-bottom:20px;
}
.form-logo img{
	display:block;
	margin:0 auto;
  width:80%;
  max-width: 500px;
}
#login-frame{
  width:100%;
  float:left;
  margin:100px auto;
}
#login-form,#forgot-form{
	padding:50px;
	background-color:white;
	margin: 0 auto;
	width:90%;
  border-radius: 10px;
  max-width:500px;
  font-size:14px;
  color:#2a2a2d;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
#login-form .ful-input,#forgot-form .ful-input{
  margin:0;
}
#forgot-password,#register-now{
  text-align:right;
  margin-top:15px;
}
#register-now a{
  color:#3ae374;
  font-weight:bold;
}
#forgot-password a{
  color:cornflowerblue;
  font-size:12px;
}
#forgot-password a:hover,#register-now a:hover{
  text-decoration: underline;
}
p.flash-warning{
	font-size:12px;
	color:#ea8370;
}

#operations-container{
	width:100%;
	overflow-x:auto;
}
#operations-container table{
	    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ececec;
}
#operations-frame td,th{
	border:none;
	border-bottom:1px solid #ececec;
}
.menusbt{
	background-color:#00234b;
	float:left;
}
.flex-container{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
	justify-content:center;
	width:100%;
}
.guest-header a, .auth-header a{
	color:white;
}
.bg-purple{
	background-color:#ded0d4;
	    display: flex;
    width: 100%;
    height: 100vh;
}
/****
case/id sayfasının responsiveliği için marginlerin küçük ekranda sıfırlanması ve position/floatların düzenlenmesi yeterli

***/
.account-container{
	width: 90%;
    max-width: 1400px;
    margin: 0 auto;
	min-height:500px;
	font-size:16px;
}
.account-menu-container{
	    float: left;
    width: 100%;
	padding:  20px;
  overflow-x:auto;
}
.account-menu{

}
.account-menu-list{
	display:table;
}
.account-menu li{

	display:table-cell;
	padding:5px;
}
.account-menu li a{
	display:block;
	padding: 10px;

}
.inline-link{
	display:inline-block;
}
.alink:hover{
	background-color:#add8e6;
	font-weight: 600;
}
.clicked-alink{
	background-color:#ececec;
	font-weight: 600;
}
.account-content-container{
	float: left;
	border-left: none;
  padding-left: 20px;
  width: 100%;
  overflow-x: auto;
  min-height: 500px;
}
.account-content-frame{
	width: 100%;
}
.input-table{

}
.input-table .input-row{
	border:none;
	background-color:transparent;
}
.input-row td,.input-row th{
	border:none;
}
#account-card{
	    float: left;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin: 50px 0;
    padding: 30px;
    width: 100%;
}
#change-password-form{
	float: left;
    displaY: block;
    max-width: 400px;
}
#change-password-form label{

}
#change-password-form input{
	width: 150px;
    display: block;
    line-height: 20px;
    padding: 4px;
    font-size: 14px;
	float:none;
	margin:0;
}
.account-desc{
	display: block;
    font-size: 14px;
    font-weight: bold;
		padding: 1%;
}
.account-desc-tip{
	color: grey;
    display: block;
	font-size:12px;
	padding: 1%;
}
/***CASES SHARED WITH ME**/
.notification-text{
	/* font-size: 10px;
    position: absolute;
    top: -20px;
    right: -5px;
    color: green;
    background-color: white;
    padding: 5px; */
	color:green;
}
.shared-case-frame{
	position: relative;
    float: left;
	width:100%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 10px;
	border: 1px solid #ececec;
    padding: 30px;
}
.shared-case-frame:hover{
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	min-width: 150px;
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	z-index: 1;
	top: 25px;
}
.tooltip:hover {
	cursor: pointer;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.pd10{
	padding:10px;
}
.product-package-frame{
	padding:20px;
}
.package-title{
		font-size:20px;
		font-weight:bold;
	}
	.package-prop-list{
		min-height:320px;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
		transition: 0.3s;
		border-radius: 10px;
		float: left;
    width: 100%;
    padding: 30px;
	}
.package-prop-list li{
	padding:10px;
	font-size:14px;
}
.product-payment-frame{
  padding: 20px;
    float: left;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.payment-form{
  float: left;
width: 100%;
}
.payment-form .package-prop-list{
  box-shadow:none;
}
.price-line{
  text-align: right;
border-top: 1px solid #ccc;
}
#profile-frame{
  margin-bottom:100px;
}
#service-mobile-button.menu-animation{
  position:absolute;
  left:300px;
}

#service-mobile-button{
  position: absolute;
  left: 10px;
  background-color: #dbdbdb;
  padding: 10px;
}
#service-mobile-button:hover{
  cursor:pointer;
}
.services-window.menu-animation{
  left:0;
}

/***********MANAGEMENT******KASIM 2018**********/
.management-header{
  display: inline-block;
float: left;
line-height: 3rem;
margin-top: 10px;
font-weight: 600;
}
#new-employee-form{
  display:block;
  max-width:400px;
  padding:20px 30px;
}
#employee-profession{
  margin:10px 0 10px 0;
}
.small-cards .profile-picture-frame{
  height:65px;
  width:65px;
  text-align: center;
  display: inline-block;
  float: left;
}
.small-cards .profile-picture{
  height:65px;
  width:65px;
}
.pp-initials{
  line-height:65px;
  font-size:22px;
  font-weight:600;
}
.small-cards{
  display: inline-block;
border: 1px solid #ececec;
padding: 20px;
border-radius: 10px;
width: 340px;
height: 160px;
border-top: 4px solid pink;
position: relative;
margin-bottom: 20px;
margin-right: 20px;
}
.small-cards-1{
  border-top: 4px solid #F8872E;
}
.small-cards-2{
border-top: 4px solid #FDEC6F;
}
.small-cards-3{
border-top: 4px solid #FDCA49;
}
.small-cards-detail{
  display: block;
float: left;
margin-left: 30px;
white-space: inherit;
width: 200px;
}

.small-cards-detail-container span{
  font-size:1rem;
  line-height:2.5rem;
}

span.small-cards-header{
  font-size:1.5rem;
  line-height: 3rem;
  display:block;
  font-weight: 600;
}
.small-cards-detail-container p{
  font-size:1.2rem;
  line-height:2.5rem;
}
.small-card-detail-hero {
  font-size:1.2rem;
  font-weight: 600;
  line-height: 2.5rem;
}
#new-unit-form{
  display:block;
  max-width:400px;
  padding: 0 20px;
}
.minimal-list{

}
.minimal-list li{
  line-height:30px;
}
.color-pin{
  height:20px;
  width:20px;
  border-radius:50%;
  display: block;
}
.minimal-table{
border:1px solid #efefef;
border-radius: 10px;
}
.minimal-table tr{
border-bottom:1px solid #efefef;
line-height:30px;
}
.minimal-table tr td{
border:none;
line-height: 30px;
}
.minimal-table tr th{
  font-size:12px;
  font-weight:600;
  letter-spacing: 1px;
  color:#7e7d7f;
}
.minimal-table tr:nth-child(2n){
  background: none;
}
#new-treatment-form,#save-treatment-set,#edit-treatment-set{
  display: block;
  max-width: 450px;
  padding: 10px 20px;
}
.treatment-set-detail-container{
  display: none;
  background-color:#efefef!important;
}
.management-table-container{
  max-height: 500px;
  overflow-y:scroll;
  padding: 10px;
border: 1px solid #ececec;
border-radius: 5px;
}
/*********DASHBOARD*******KASIM 2018****/
.filter-container{
  padding:10px 20px 10px 0;
}
#datepicker-date{
  margin:0;
}
.sb-navigation-button{
  position: fixed;
  font-size: 20px;
  width:40px;
  height:40px;
  padding:10px;
  z-index:10;
  top:0;
  color:#00234b;
  left:62px;
}

.sb-navigation{
  position: fixed;
  width:180px;
  top: 0;
  bottom: 0;
  left:-110px;
  z-index: 5;
  height:100%;
}

.sb-container{
  height:100%;
  position:relative;
  background: #00234b;
  color: #fff;
}

.sb-navigation-header{

}

.sb-navigation-logo {
  width: 100%;
  float:left;
}

.sb-navigation-logo a{
  width:90%;
  display: block;
  margin:0 auto;
}
.sb-navigation-logo img{
  display:block;
  width:100%;
  margin:10px auto;
  padding:10px;

}

.sb-navigation-menu-container{

}

.sb-navigation-menu{
  margin-left: 10px;
  font-size: 0.9em;
}
.sb-navigation-menu li{


}
.sb-navigation-menu li a{
  display:block;
  line-height:2.4rem;
  font-size:1.2rem;
  margin-left:1rem;
  color:#fff;
  font-weight:500;
}
.sb-navigation-menu li a.side-location{
  border-bottom: 1px solid #cd84f1;
  color:#cd84f1;
}
.sb-page-content{
  padding-left:0;
  float: left;
  width: 100%;
  min-height:100%;
}
.sb-page-row{
  padding-left: 50px;
  padding-top: 10px;
  float:left;
  width:100%;
}
.sb-page-container{
  height:100%;
}
.sb-menu{
  box-shadow: 0 4px 0 0 rgba(6,41,66,.1);
}
.sb-menu .horizontal-menu-list a, .sb-menu .vertical-menu-list a{
  color:black;
}
.sb-menu #nav-toggle span, .sb-menu #nav-toggle span::before, .sb-menu #nav-toggle span::after{
  background:#00234b;
}
.dashboard-box{
  padding:1rem;

  margin:0.5rem;
  float: left;
  width: 100%;
  overflow-x: auto;
}
.dashboard-box-container{
  border:1px solid #ececec;
  border-radius:10px;
  padding: 10px;
  float:left;
  width:100%;
}
.dashboard-statistic-emphasis{
  text-align:center;
}
.dashboard-statistic-table{
  margin:2rem;
}
.dashboard-data-emphasis{
  font-size: 3.2rem;
  line-height: 3.9rem;
  font-weight: 600;

}
#capacity-bar{
  width:100%;
  border:1px solid pink;
  height:61px;
  position:relative;
  text-align:center;
  margin:0.5rem;
}
#capacity-ful{
  width:67%;
  position:absolute;
  height:60px;
  top:0;
  background-color:pink;
  padding-left: 10px;
}
#chart-container{
  min-width:500px;
  overflow-x: auto;
}

@media only screen  and (min-width : 768px) {
  .sb-page-row{
    padding:30px;
  }
  .sb-navigation-button{
    display:none;
  }
  .sb-navigation{
    width:180px;
    left:0;
  }
  .sb-navigation-logo{
    height:140px;
  }
  .sb-navigation-logo img{
    margin:1rem auto;
  }
  .sb-page-content{
    padding-left:180px;
  }
  .sb-navigation-menu li a{
    font-size:1.4em;
    line-height:4rem;
  }
  .index-card-frame{
    padding:20px;
  }
  .account-content-container{
    width: calc(100% - 250px);
    height:100%;

  }
  .case-list-title{
      width: 33%;
  }
	.account-menu-container{
		width: 200px;
	}
	.account-menu-list{
		display:block;
	}
	.account-menu-list li{
		display:block;

	}
	.account-menu-container{
		border-right: 1px solid #ececec;
	}
	.services-window{
		display:block;
    left: 0;
	}
	.services-case-container{
		width: calc(100% - 300px);
		margin-left: 300px;
		min-height:500px;
	}

	#login-form{


	}
	.case-frame{
    padding: 30px;
	}
  #service-mobile-button{
    display:none;
  }

  .case-details-frame{
  	margin-top:58px;
  }
  .shared-case-details-frame{
    margin-top: 36px;
    margin-left:20px;
  }
  #menu-logo{
    display: inline-block;
    justify-content: center;
    padding: 7px;
  }

  #mobile-logo{
    display:none;
  }
  .mobile-menu-button{
    display:none;
  }
  .desktop-menu{
    display:block;
  }
  .case-list-desc{

    display:inline-block;
  }

  #mobile-user-search{
        display: none;
  }
  .mobile-container-fix{
    padding:0;
  }
  #login-form,#forgot-form{

  }
  .case-list-date{
    display:inline-block;
  }
}
@media only screen and (min-width : 768px)  and (max-width : 1025px){
  #login-form,#forgot-form{
    transform: none;
  }
  .mobile-container-fix .cerceve60{
    width:80%;
  }
  .user-search-button{
    display:none;
  }

}
/*****ARALIK 2018******/

.checkbox-container {
    display: inline-block;
    position: relative;
    padding-left: 18px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #eee;
}

.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

.checkbox-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkbox-container:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-containerr input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.inrow-header{
  margin: 10px 0;
float: left;
line-height: 20px;
display:inline-block;
font-weight: 600;
}
/**SEDA**/
.user-data-frame {padding: 1%;border-bottom: 1px solid #ddd;}
#davet-cerceve h5{padding: 10px;}
#davet-cerceve small{padding: 10px;}
#davet-cerceve ul{padding: 5px;}
.services-container li a{padding: 5px;}

/**SEDA**/

#invitation-mail-list{
	min-height: 70px;
    width: 100%;
    margin-top: 10px;
    border: 1px solid #eee;
    padding: 5px;

}

#invitation-mail-list:focus{
	border:1px solid #C382FF;

}

#invitation-mail-list:hover{
	cursor:pointer;
}
.no-case-image{
  width:90%;
  max-width:400px;
  min-height:400px;
  display:flex;
  align-items:center;
  justify-content: center;
  margin:0 auto;
}
.no-case-image img{
  width:100%;
}


/***NOTIFICATIONS****/

.notification-tooltip-frame{
  position:absolute;
  background-color:white;
  padding:10px;
}
.notification-tooltip-container{
  position:relative;

}
.notification-tooltip{
  color:#00234b;
}
.notification-alert{
    color: #fae098;
    display:inline-block;
    position:relative;
    margin-left:5px;
}
.notification-alert:hover{
  cursor:pointer;
}
.glow {

    position: relative;
    -webkit-animation: pulse ease-in-out 2s infinite;
    border-radius: 50%;

}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }
    51% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

.notification-frame{
  position:absolute;
  background-color:#fff;
  border-radius:10px 0 10px 10px;
  top: 0;
  right: 0;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.2);
  width: 120px;
  z-index:3000;
  min-width: 200px;
}
.notification-frame::before{
  content: "\A";
  /* border-style: solid; */
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  /* border-width: 0 10px 0 0; */
  /* border-color: transparent #ececec transparent transparent; */
  position: absolute;
  top: -5px;
  right: 0;
}

.notification-container{
  position:relative;
  display:none;
}
.notification-list{
  color:#2b2d2a;
}
.gray-link:hover{
  cursor:default;
}
.gray-link{
  color:#ddd;
}
.tip{
  margin: 0 auto;
  font-size: 12px;
  background-color: #e7ebf0;
  padding: 10px;
  border-radius: 10px;
  color: #354052;
  float:left;
  width:100%;
}
.tip>a{
  font-size:12px;
  color:#cd84f1;
  font-weight: bold;
}
.beta-tag{
  position: absolute;
top: -5px;
background-color: white;
right: -5px;
font-size: 8px;
line-height: 1;
padding: 4px;
border-radius: 3px;
}
#caseDiagnosis{
margin-bottom:0;
}
.responsive-table-container{
  width:100%;
  padding:20px;
  overflow-x:scroll;
}
.responsive-table-frame{
  min-width:600px;
}
.toggle-tr-button{
  cursor:pointer;
}
#available-hours-frame{
  max-width: 90px
}
#treatment-break-container{
  max-width: 400px;
  margin:0 auto;
}
.treatment-break-lines{
  /*float:left;
  width: 100%;*/
  margin-bottom:5px;
}
.treatment-break-lines input{
  max-width:150px;
}
.popup-body{
  overflow:visible;
}
.small-number-input{
  width:50px;

}
.small-number-input::-webkit-inner-spin-button,
.small-number-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.add-break-to-treatment{

padding: 10px;
}

.borderless-table{
  border:none;
}
.borderless-table tr{
  border:none;
}
.borderless-table tr th{
  color:black;
  border:none;
}
.appointment-preview-line{
  line-height:30px;
}
.underline-link{
  text-decoration:underline;
}
#appointment-preview-frame{
  max-width: 500px;
}
.detail-link{
  font-size: 1.1em;

  text-decoration: underline;
}
.detail-link:hover{
  color:coral;
}
tr.dark-row{
  background-color:#ccc!important;
  width: 100%;
}
.layered-info{
  display:block;
}
.layered-info--top{
  font-size:10px;
  line-height: 12px;
}
.select-warning{
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(236, 82, 142, 0.6);
}
.remove-treatment-from-set{
  position:absolute;
  right: -10px;
  top: -10px;
  padding:10px;

}
.remove-treatment-from-set:hover{
  cursor:pointer;
  color:red;
}
.treatment-set-detail-row{
  padding: 5px;
  margin-bottom: 5px;
  border-left:10px solid #ececec;
}

.treatment-set-detail-row:hover{
  cursor:move;
}
.treatment-list-row{
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
}
.treatment-list-row:first-child{
  border-top:1px solid #ececec;
}
.treatment-list-cell{
  padding:10px;
  line-height:32px;
  font-size:12px;
  border-right: 1px solid #ececec;
}
.treatment-list-cell::first-child{

}
.drag-item{
  position:relative;
}
.drag-item:hover{
  cursor:move;
}
.drop-area{
  min-height:40px;

}
.drop-area .drag-item{
  margin-left:20px;
}
.remove-drag-item{
  position:absolute;
  top: -10px;
  right: -20px;
  padding: 5px;
}
.remove-drag-item:hover{
  cursor:pointer;
}
.treatment-description{
  width: 90%;
  margin: 12px auto 20px;
  float: none;
  display: block;
  border-radius: 3px;
  height: 80px;
}
.list-button{
  display:block;
  padding:5px 10px;
  border:5px;
  background-color:gray;
}