/** {
    margin: 0;
    padding: 0;
    }

    html {
    margin: 0;
    padding: 0;
    height:100%;
    }
*/
*:focus {
    outline: 0;
}

.manage_buttonsInternal {
     
    margin:0; 
    background-color: #FFFFFF;
}

.selectDropDowns select.form-control {
  width: inherit!important;
}

.manage_buttonsInternal .buttons-list .pull-right-btn{
  text-align: right;
}

.manage_buttonsInternal .search input[type="text"] {
    border: 0;
    border-left: 1px solid #e9ecf2;
}

ul.therapyPlanCategory {
  display: inline-block!important;
}
.therapyPlanTableEditor th {
  text-align: center;
}

.tooth-hidden .panel-heading h4 {
  font-weight: 200;
  font-size: 15px;
}

.tooth-table{
  background-color: #f2f4f7;
}
.toothForm h4 {
    font-size: 13px;
    border-bottom: 1px solid #e9ecf2;
}

.therapyPlanTableEditor tbody th:first-child{
  width:10px;
}
.dataTables_filter label{
  float: right!important;
}

.panel-primary>.panel-heading {
    color: #fff!important;
    background-color: #337ab7!important;
    border-color: #337ab7!important;
}

.panel-primary>.panel-heading a{
  color: #fff!important;
}
      /*body {
      font-family: Arial, sans-serif;
      font-size: 13px;
      background: url('../img/background.jpg') no-repeat #e4edf1;
      margin: 0;
      padding: 0;
      height:100%;
      position: relative;
      }*/

      /*h5 {
      color: #00a6ba;
      font-size: 14px;
      font-weight: normal;
      }

      textarea {
      border: 1px solid #00a6ba;
      }
*/
.hidden {
display:none; 
}

#TherapyPlanForm textarea {
  width: auto;
  height: auto;
}

      /*table {
        font-size: medium;
      }*/


/****Login*****/

.login_box input[type=text], .login_box input[type=password]{
  border: 1px solid #00a6ba;
  padding: 5px;
  width: 200px;
  font-size: 16px;
  font-family: 'Jura', sans-serif;
} 

.button {
  background: #00a6ba;
  color: white;
  width: 130px;
  text-align: center;
  margin-left: 20px;
  cursor: pointer;
  cursor: hand;
  font-size: 16px;
  border: 0px;
  height: 30px;
  font-family: 'Jura', sans-serif;
}

.login_box td {
  border: 0px!important;
}

.login_box{
  margin-top: 150px;
  margin-left: auto; 
  margin-right: auto; 
  color:#00a6ba; 
  border:2px solid #00a6ba; 
  background:white;
}

#errorMessage{
  color:red !important ;
  padding:10px;
  border: 0px;
}

#wrapper {
  width:98%;
  margin-top: 25px;
  padding:20px;
  height:260px;
}

    /*#patNotes {
    width:980px!important;
    height:100px;
    }
*/
#patNotesPop {
width:770px!important;
height:100px;
}


.therapy-box-in {
float:left;
width:430px;
border:1px dotted #00a6ba;
padding:16px;
margin-right:10px;
margin-bottom:10px;
}

.thumb-image {
width:100px;
height:80px;
}


.xray-image-link {
width:100px;
height:80px;
display:block;
float:left;
border:1px solid #00a6ba;
margin-right:4px;
margin-left:4px;
margin-bottom:8px;
}

.classTotal {
color:black;
}

.totalPatRest p {
margin-bottom:5px;
}

    /*  #totalPatRest {
      width:400px;
      height:auto;
      float:left;
      color:#00a6ba;
      font-size: 20px;
      font-weight: bold;
      }*/

#image-set {
display:block;
width:980px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
height:auto;
clear:both;
margin-bottom:10px;
}

#registration-success,.popup-message {
display:none;
}

.hidden-thing {
padding:20px;
}

.taskInter {
width:100px!important;
float:right;
margin-right:0px!important;
}

.current-day {
width:485px;
float:right;
display:block;
overflow:hidden;
}

.inside-tab{
border-bottom:1px solid #00a6ba;
padding-bottom:10px;
margin-top:20px;
}

.weather {
width:280px!important;
float:left;
margin-top:60px;
}

.no-entries {
color: #00a6ba;
font-size: 15px;
margin-top: 20px;
}

.contact-details {
border-top:1px solid #00a6ba;
padding-top:10px;
}

      /*textarea {
      width:450px!important;
      height:200px;
      }*/

.contact-details p {
float:left;
display:block;
width:300px;
color:#00a6ba;
font-size:14px;
margin-bottom:7px;
font-weight:bold;
}

#register,.hidden-window {
display:none;
}

#editPatient {
width:400px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
overflow:hidden;
display:block;
}

#editPatient a {
  background: #00a6ba;
  color: white;
  width: 400px;
  text-align: center;
  cursor: pointer;
  cursor: hand;
  font-size: 16px;
  border: 0px;
  height: 30px;
  font-family: 'Jura', sans-serif;
  display: block;
  line-height: 30px;
  }

.hidden-thing h4{
font-size: 14px;
margin-bottom: 7px;
font-weight: bold;
}

#datepickerDate {
  border: 1px solid #00a6ba;
  padding: 5px;
  width: 200px;
  font-size: 16px;
  font-family: 'Jura', sans-serif;
  }



.toothForm label{
line-height:30px;
height:30px;
}


.toothForm .pat-data-in {
width:198px!important;

}

.toothPlanTherapies{
    color: red;
    font-size: 15px;
    font-style: italic;
    /*display: block;*/
    /*width: 337px;*/
    margin: 10px;
    float: right;
    line-height: 28px;
}


.pat-data-right {
width:360px!important;
overflow:hidden;
}

.contact-person-hidden {
color:black;
}

.contact-details .right{
float:right!important;
text-align:right;
}

.long-desc-hidden {
display:block;
overflow:hidden;
margin-bottom:10px;
height:90px;
margin-top:20px;
}

.short-display {
height:25px;
color:black!important;
}

.thing-link {
overflow:hidden;
display:block;
width:605px;
height:80px;
}

#container {
   min-height:100%;
   position:relative;
    height:100%;
}

a {
text-decoration:none;
}

.clear {
  clear: both;
  height: 0px;
  padding: 0px!important;
}



#header {
width: 980px;
margin-left: auto;
margin-right: auto;
height: 190px; 
}

            /*#page {
            width: 1000px;
            margin: 0 auto;
            position:relative;
            padding: 15px;
            padding-left:0px;
            padding-right:0px;
            margin-top: 10px;
            padding-bottom:40px;   /* Height of the footer */
            /*}*/

#date_time {
font-size:18px;
color:#58595B;
display:block;

}

#exit {
float:right;
font-size:16px;
display:block;
margin-top:-60px
}

          /*#very-top {
          margin-top:0px;
          margin-left:0px;
          /*width:80%;*/
          /*height:50px;
          padding:15px;
          display:block;
          overflow:hidden;
          }*/

#big_table_wrapper{background-color:#fff;}
#big_table_wrapper .dataTables_length{float:left;}
#big_table_wrapper .dataTables_filter{float:right;}
#big_Table_wrapper .ui-toolbar{padding:5px;}
#big_table{width:730px;text-align: center;}
.dataTables_paginate .ui-button{margin-right:-.1em!important;}
.paging_full_numbers .ui-button{color:#333!important;cursor:pointer;margin:0;padding:2px 6px;}
.dataTables_info{float:left;width:50%;padding-top:3px;}
.dataTables_paginate{float:right;text-align:right;width:auto;}
.dataTables_paginate a {
cursor:pointer; 
cursor:hand; 
margin-left:10px;
height:30px;
display:block;
float:left;
white-space: nowrap; 
text-align:left;
}

.paginate_enabled_next {
background: url('../img/arrow-next.png');
}

.paginate_disabled_next {
background: url('../img/arrow-next-disabled.png');
}

.paginate_enabled_previous  {
background: url('../img/arrow-prev.png');
}

.paginate_disabled_previous {
background: url('../img/arrow-prev-disabled.png');
}

.paging_full_numbers{width:350px!important;}
#big_table_processing img{padding-left:20px;}


/*table buttons*/
.btnDeleteAction {
  cursor: pointer;
background: url('../img/delete.png');
  display: block;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  opacity: .4;
}

.editBtn img {
  opacity: .4;
}

.btnDeleteAction:hover {
cursor:hand;

}


          /*left menu style*/
/*
          #left-menu {
          position:fixed;
          left:0px;
          top:200px;
          }

          #left-menu li{
          width:130px;
          height:80px;
          list-style-type:none;
          background:#00a6ba;
          margin-bottom:10px;
          }

          #left-menu li:hover{
          background:#42b7c5;
          }

*/
         /* #left-menu li a{

                width: 130px;*/
              /* height: 80px; */
           /*   text-align: center;
              color: white;
              padding-top: 25px;
              white-space: pre-line;
              word-wrap: break-word;
              font-size: 18px;
              display: block;
              text-decoration: none;
              text-transform: uppercase;*/
              /* line-height: 80px; */
           /*   font-weight: normal;

          }*/

/*Patients table style*/

#patients_length {
width:200px;
float:left;
}


      /*.table-div table td {
      padding: 3px 10px;
      }
      */
      /*.even {
      background:#e5f5f7;
      }

      .odd {
      background:#aec4c7;
      }*/

.front-half .pat-data-in{
width:300px;
}



/* tabs style */
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; border-bottom: none;}
.tab a { font-size: 13px; line-height: 2em; display: block; padding: 0 10px; outline: none; color:#00a6ba; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #E2E3E4; padding-top: 6px; position: relative; top: 1px; border:2px dashed #00a6ba; border-bottom:0px;}
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }

.pat-data {
float:left;
margin-right:20px;
width:410px;
}

.front-div {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 2px dashed #00a6ba;
  background:white;
  padding:10px;
}


#registerForm .pat-data-left {
border-right:1px solid #00a6ba;
padding-right:0px!important;
width:370px!important;
}

.pat-data-left {
border-right:1px solid #00a6ba;
padding-right:65px;
}

.pat-data-history {
width:980px!important;
margin-bottom: 20px;
}

.right-pat {
float:right;
}

.pat-data-in {
width:410px;
margin-bottom:15px;
}

.pat-data-in-right {
width:410px;
margin-bottom:15px;
}

.tab-inside {
background:#E2E3E4;
padding:10px;
border:2px dashed #00a6ba; 
overflow: hidden;
}

.label-title{
width: 194px;
font-size:16px;
line-height:28px;
display: inline-block;
}

#ComPerson {
border-bottom:1px dashed #00a6ba; 
padding-bottom:10px;
}

.pat-data input, #patient-name-edit{
  display: inline-block;
  border:1px solid #00a6ba;
  padding:5px; 
  width: 150px;
  font-size:16px;
  font-family: 'Jura', sans-serif;
}

#patient-name-edit {
  display:none;
  width:212px;
  height:30px;
}

.pat-data h3 {
font-size:18px;
margin-bottom:15px;
padding-bottom:5px;
color:#00a6ba;
}

h4{
color:#00a6ba;
font-size:18px;
margin-bottom:20px;
}

#footer {
position:relative;
bottom: 0;
width:100%;
height:40px;   /* Height of the footer */
background:#00a6ba;
display: none;
color:white;
clear:both;
text-align:right;
line-height:40px;
}

#footer a{ 
color:white;
}



#footer a:hover{ 
text-decoration:underline;
}

.experience {
width:980px;
}

.pat-data-half {
width: 48%;
float:left;
margin-top:40px;
}

.input-text{
float: right;
border: 1px solid #00a6ba;
padding: 5px;
width: 200px;
font-size: 16px;
font-family: 'Jura', sans-serif;
}

.textfield {
width:450px;
}

#mouth-plan {
width:928px;
/*width: 65.63%;*/
display:block;
margin-left:auto;
margin-right:auto;
}

  .tooth {
  /*  float: left;
    width: 57px;
    height: 120px;*/
    position: relative;
/*    margin-bottom: 10px;
    border-bottom: 2px solid;*/
  }

  /*.tooth-existence {
  width:47px!important;
  display:block;
  font-size:14px;
  margin-left:auto;
  margin-right:auto;
  display;block;
  border:1px solid #00a6ba;
  }
*/
  /*#tooth-cont-16 span,#tooth-cont-26 span,#tooth-cont-36 span,#tooth-cont-52 span
  {
  width: 54px;
  border-right: 2px solid;
  }*/

  /*#select-div-tooth-28,#select-div-tooth-65,#select-div-tooth-75,#select-div-tooth-38 {
  border-right:2px solid;
  }*/

    /*.tooth-group {
    margin-bottom:40px;
    overflow:hidden;
    }*/

.tooth-disease {
position:absolute;
z-index:2;
/*top:0px;
left:0px;*/
    top: 7px;
    /*left: 7px;*/
/*width: 57px;
height: 57px;*/
}


.preview .pngs-in {
  position: relative;
  display: block;
}
.tooth-bottom  span{
border-top: 0px!important;
}

    .tooth-num {
      text-align: center;
      /*width: 55px;*/
      /*height: 30px;*/
      display: block;
      font-size: 17px;
      line-height: 30px;
/*      border-left: 2px solid black;
      border-bottom: 1px solid black;*/
    }

    /*.select-div-tooth {
    border-left: 2px solid black;
      padding-top: 6px;
      height: 25px;
      width: 54px;
    }*/

.tooth-diagram .side1{
border-top: 20px solid red;
border-bottom: 20px solid #fc0;
border-left: 20px solid blue;
border-right: 20px solid green;
width:30px;
height:30px;
display:block;
background:white;
}

.tooth-diagram2 .side1{
border-top: 35px solid red;
border-bottom: 35px solid #fc0;
border-left: 20px solid blue;
border-right: 20px solid green;
width:30px;
height:0px;
display:block;
background:white;
}

.tooth1 {
background: url('../img/tooths/tooth1.png');
width:58px;
height:58px;
display:block;
background-size: 58px;
}

.tooth-cont-17,.tooth-cont-27{
margin-left:175px;
}

.tooth-cont-36 {
margin-right:172px;
}

.tooth2 {
background: url('../img/tooths/tooth2.png');
width:58px;
height:58px;
display:block;
background-size: 58px;
}


.tooth-disabled .tooth-trigger{
  opacity: 0.3!important;

}

 .tooth {
    position: relative!important;
  } 

  .tooth a {
    margin: 0 auto;
  width:58px;
  /*height:58px;*/
  display:block;
 /* border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;*/
  }

#inline_content {
padding-top:20px;
}

#inline_content div {
float:left;
width:200px;
margin-left:20px;
}

.select-box{
float:right;
border: 1px solid #00a6ba;
padding: 5px;
width: 200px;
font-size: 16px;
font-family: 'Jura', sans-serif;
}

#registerForm .label-title {
width:150px!important;
}

.upload {
font-size:9px;
}

#final-buttons {
float:right!important;
margin-top:20px;
margin-top:20px;
}

#final-buttons input {
float: left;
background: #00a6ba;
color: white;
width: 130px;
text-align:center;
margin-left: 20px;
cursor: pointer;
cursor: hand;
font-size:16px;
border: 0px;
height: 30px;
font-family: 'Jura', sans-serif;
}

.tab-select {
border: 1px solid #00a6ba;
padding: 5px;
width: 200px;
font-size: 16px;
font-family: 'Jura', sans-serif;
}


#final-buttons input:hover {
background:#027886;
}

.table-div {
max-height: 740px;
margin-top:20px;
padding-bottom:20px;
border-bottom:2px dashed #00a6ba;
}

#dateTabs{
  width: 920px;
}



#dateTabs li {
  margin-top: 5px;
  margin-right: 4px;
}

#dateTabsList {
height:auto;
width: 900px!important;
}

.green {
color:#0ecd00;
font-size:20px;
font-weight:bold;
margin-bottom:20px;
}

    /*#therapy-integration {
    width:930px!important;
    }*/

    /*.dataTable {
    border-collapse:collapse;
    margin-bottom:20px;
    }*/

    /*#financial-total {
    width:1000px;
    }*/

#patients-today {
width:470px!important;
}

    /*th {
    background:#00a6ba;
    color:white;
    font-weight:bold;
    cursor: pointer;
    }*/

   /* th,tr,td {
    border: 1px solid black;
    text-align:center;
    padding:10px;
    }*/


  /*.dataTables_filter {
  width:270px;
  float:right;
  margin-bottom:20px;
  clear:right;
  }*/

.dataTables_info {
background:#2196f3;
padding:5px;
color:#eee;
font-size:13px;
}


	/*.dataTables_filter label,.dataTables_length label{
	height:30px;
	width:100px;
	font-size:16px;
	line-height:30px;
	color:#00a6ba;
	}

	.dataTables_filter input{
	float: right;
	border: 1px solid #00a6ba;
	padding: 5px;
	width: 200px;
	font-size: 16px;
	font-family: 'Jura', sans-serif;
	}

    .dataTables_length{
    width:200px;
    float:left;
    margin-bottom:20px;
    }
*/

.dataTables_length select{

border: 1px solid #00a6ba;
padding: 5px;
width: 60px;
font-size: 16px;
font-family: 'Jura', sans-serif;
}

#choose-pat {
width:480px!important;
}

#new-patient,#existing-patient {
display:none;
}



#thingsForm #final-buttons {
float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
  width: 280px;
  margin-top: 0px;
}

#calendar-type {
width: 400;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

#choose-pat-left {
width:400px!important;
margin-right: 0px;
padding-right:10px;
} 

.front-half {
float: left;
width: 300px;
padding-right: 25px;
border-right: 1px solid #00a6ba;
}

.front-half label, .front-half input,.front-half textarea{
float:none!important;
}

.pat-data textarea {
width:400px!important;
}

#things-to-do {
float:right;
width: 630px;
}

#taskTime {
float: right!important;
margin-right: 8px;
}


.list-item-thing {
margin-bottom:20px;
display:block;
height:80px;
width: 605px;
border-bottom:1px dotted #00a6ba;
padding-bottom:10px;
}

.list-item-thing p{
margin-bottom:5px;
font-size: 14px;
}

#all-patients-div {
width:1000px!important;
}

.list-item-thing h4{
font-size:15px;
margin-bottom:10px;
}

.contact-person {
font-size:12px;
color:black;
}

.long-text {
border: 1px solid #00a6ba;
padding: 5px;
height:120px;
width: 300px!important;
}

#history-notes {
width:915px!important;
}

.list-item-thing div{
float:left;
width:210px;
}

.short-desc-div{
width: 380px!important;
}

.short-desc-div p {
height:25px;
}

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


#things-to-do span {
font-size:14px;
}

#things-to-do ul li {
border:0px!important;
}

#things-to-do ul .active {
background:#cecece;
}

#things-to-do .active a{
color:#00a6ba;
}

#things-to-do .tab-inside {
height: 505px!important;
overflow-y: scroll;
background: #cecece;
border: 0px!important;
}

#select-range {
border: 1px solid #00a6ba;
font-size: 17px;
font-family: 'Jura', sans-serif;
}

#result {
display:none;
font-size:15px;
color:green;
margin-bottom:10px;
}

.column-filter-widget {
width:180px;
float:left;
margin-bottom:10px;
}

.column-filter-widgets {
width: 980px;
overflow: hidden;
position: absolute;
bottom:0px;
}

.table-div {
position:relative;
}

  /*.dataTables_wrapper {

  }*/

#dialog-confirm, #delete-success,#surname-required{
display:none;
}

.column-filter-widget select{
border: 1px solid #00a6ba;
padding: 2px;
width: 150px;
font-size: 14px;
font-family: 'Jura', sans-serif;
}

#all-patients {
height:auto;
width:1000px;
margin-bottom: 40px;
overflow:hidden;
}

#ekkremotita h4 {
margin-bottom:0px;
}

.submit-button {

  background: #00a6ba;
  color: white;
  width: 130px;
  text-align: center;
  margin-left: auto;
  margin-right:auto;
  display:block;
  margin-top:20px;
  cursor: pointer;
  cursor: hand;
  font-size: 16px;
  border: 0px;
  height: 30px;
  font-family: 'Jura', sans-serif;
}





#ui-datepicker-div {
border: 1px solid #00a6ba;
}

#total-costs {
text-align:left;
margin-top:30px;
width:980px;
font-weight:bold;
border:1px dotted #00a6ba;
overflow:hidden;
padding:10px;
margin-bottom:10px;
}

#total-costs h4{
float:left;
width:490px;
}

#total-costs span{
color:black;
font-weight:bold;
font-size:16px;
}

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

#remaining {
color:red!important;
}

.plus-link {
  color: #00a6ba!important;
  font-size: 60px;
  display: block;
   font-weight: bold;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 20px;
  z-index: 100;
}

#datesExams {
padding-bottom:0px;
}


#currentDateTab{
  display: none;
  position: absolute;
  top: 3%;
  left: -10%;
  padding: 11px 20px;
  font-size: 18px;
  background-color: #00a6ba;
  color: #fff; 
}

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

#cboxLoadedContent .pat-data-in{
width:300px;
margin-bottom:0px!important;
padding-bottom:15px;
}

#cboxLoadedContent .pat-data-in-right {
float:right!important;
margin-right:10px;
border-left:1px dotted #00a6ba;
padding-left:15px;
margin-bottom:0px;
}

#cboxLoadedContent .label-title{
width:auto!important;
}

#cboxLoadedContent .pat-data {
width:650px;
}

.textarea-in-white {
width:290px;
float:left;
padding-bottom:0px!important;
}

#cboxLoadedContent h4{
border-bottom:1px solid;
padding-bottom:5px;

}

#cboxLoadedContent h3{
border:0px;
font-size:15px;
color:#00a6ba;
}

.textarea-in-white textarea {
border: 1px solid #00a6ba;
padding: 5px;
width: 300px!important;
height:100px;
font-size: 16px;
font-family: 'Jura', sans-serif;
}



/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.inline-button {
float:right;
background: #00a6ba;
color: white;
width: 170px;
text-align: center;
margin-left: 20px;
cursor: pointer;
cursor: hand;
border: 0px;
height: 30px;
font-size:15px;
line-height:30px;
display:block;
margin-bottom:10px;
}

.step-radio {
margin-left:10px;
}

.label-two-lines {
display:block;
float:left;
width:100px;
}

.exams-1 {
float:left;
width:325px;
border-right:1px solid #00a6ba;
display:block;
}


.exams-2 .pat-data-in div {
  display: inline-block;
}

.exams-1  .pat-data-in {
float:left;
width:318px;
}

.exams-2  .pat-data-in {
float:left;
width:318px;

}
.exams-1 label {
width: 100px;
font-size: 14px;
text-align:left;
}

.middle {
line-height:auto!important;
width: 145px!important;
line-height:28px!important;
text-align:left!important;
float: left!important;
display: block!important;
}

#therapy-box {
width:980px;
}

#therapy-box .therapy-box-in {
width: 430px;
float: left;
border: 1px dotted #027886;
margin-right: 15px;
margin-bottom: 15px;
padding: 10px;
padding-top: 20px;
}

.therapy-box-in div.therapy-plan-div{
/*float:left;*/
float: none;
clear: both;
margin-bottom:15px;
height:30px;
    padding-top: 10px;
    border-top: 1px solid #BCC4BE;
}



.therapy-box-in label {  
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 5px;  
    margin-right: 15px;  
    font-size: 13px;  
}  

.therapy-box-in input {
border: 1px solid #00a6ba;
padding: 5px;
float:left;
width: 395px;
font-size: 16px;
font-family: 'Jura', sans-serif;
}

.therapy-box-in input[type=radio] {
width: 10px!important;
float:none;
}

.exam-num {
width:45px!important;
}

.middle-count {
width:30px!important;
line-height:28px!important;
}


.tooth-num-dental {
border:0px!important;
width:30px!important;
background:#E2E3E4;
}

.user_intro {
float:right;
width:300px;
text-align:right;
margin-right:30px;
margin-top:20px;
}

.user_intro a{
color:#00a6ba;
font-size:13px;
}

/*  #accordion  input[type=text],.toothForm  input[type=text] {
  border: 1px solid #00a6ba;
  padding: 5px;
  width: 200px;
  font-size: 16px;
  margin-right:10px;
  font-family: 'Jura', sans-serif;
  }*/

.toothForm  input[type=text] {
  border: 1px solid #00a6ba;
  padding: 5px;
  width: 200px;
  font-size: 16px;
  margin-right:10px;
  font-family: 'Jura', sans-serif;
  }
#exeis-other,#stavroeidis,#sinostimos,#angleExam{
float: right!important;
margin-right: 0px!important;
}

.toothDis{
  width: 97%;
  display: block;
  border: 0px!important;
  padding: 20px 1px 20px 28px;
  background-color: #fff;
}

        /*.preview {
          margin-top: 20px; 
          position: relative;
        }
*/
.preview img.tooth-disease {
    /* top: 23px!important;
    left: 20px!important;*/
    top: -4px!important;
    left: 18%!important;
}
 
.preview div , .preview h4{
  display: inline-block;
}

      /*.preview div img {
        vertical-align: middle;
        margin-left:30px;
      }*/

.radioPatData label:first-child {
  margin-right: 10px;
}

.toothDis table th, .toothDis table td {
  border:none!important;
  padding: 0px;
}


.toothDis table td .select-box, .toothDis table th label {
  width: 160px!important;

}

#step-title {
margin-bottom:5px;
color:#00a6ba;
}

#patient-contact h5 {
color: #00a6ba;
font-size: 14px;
font-weight:bold;
margin-bottom: 20px;
}

#patient-contact div {
float:left;
width:500px;
}

.pngs-in {
position:absolute;
/*left:1px;*/
top:1px;
/*width:58px;
height:58px;*/
}

.previewPopup .pngs-in {

width:150px!important;
height:150px!important;
}
.error-message {
  color: red;
  font-style: italic;
}


.select-box-plan {
  width: 150px!important;
  float: left;
  margin-left: 5px;
}

#patient-contact .right {
text-align:right;
}

#patient-contact h5  span{
color:black;
}

.toothPartDis{
  height: 150px;
  /*width: 97%;*/
  display: block;
  padding: 20px 5px;
  background-color: #DFE4E6;
}

.SelectToothOption  {
  display: inline-block;
}

.SelectToothOption  input{
  width: auto!important;
}

.toothPartDis .pat-data-in {
  width:235px!important;
}
/*.toothPartDis .pat-data-in {
  display: inline-block;
}*/

/*.toothPartDis .ibutton-container {
    width: 102px!important;
}
.toothPartDis .ibutton-handle{
    width: 41px!important;
    left: 55px!important;
}*/

/*.toothPartDis  .ibutton-label-off {
  width: 97px;
}

.toothPartDis  .ibutton-label-on{
  width: 59px;
}*/
.toothLabel{
  font-weight: bold!important;
  font-size: 15px;
  margin-right: 10px;
  text-transform: uppercase;
}

.columnRow {
  float: left;
  width: 45%;
  position: relative;
}


.exam-middle {
width: 240px!important;
padding-left: 15px;
}

.exam-middle .pat-data-in{
  width:250px!important;
}

#mouth-5 {
margin-top:20px;
overflow:hidden;
}

#mouth-5 label {
font-size: 16px;
float: left;
margin-right: 15px;
line-height: 28px;
display: block;
height: 28px;
}

#mouth-5 input[type=radio] {
height:28px;
margin-right: 5px;
}

#mouth-5 input {
float:left;
padding-right:5px;
}

#exeis-header {
float:left;
margin-right:20px;
height:28px;
line-height:28px;
margin-bottom:0px
}

#exeis-other {
width:305px!important;
}

      /*.choose-line {
      float:none!important;
      }*/

.choose-line h5 {
  font-weight: bold;
}

.choose-line label {
      padding-left: 26px;
    margin-right: 15px;
    font-size: 16px;
}

.plan-desc {
margin-left:15px;
}

#inline_content label{
height:28px;
line-height:28px;
font-size:16px;
}
/************************************************************integration***************************************************************************/
.col-data {
  width:400px;
  float: left;
  
}

.calcInteg th, .calcInteg td, .calcInteg label{
  font-style: italic;
  font-size: 15px;
  color: #00a6ba!important;
}

.synedria .label-info {
  display: block;
}

#firstCol > div {
  margin:20px 0px;
}

#firstCol {
  margin-right: 10px;
  /*border-right: 1px solid grey; */
  padding:0 10px;
}

.col-data textarea {
  margin-top: 10px;
  width:400px!important;
  /*height: 100px!important;*/
}

#secCol {
  padding-left:23px; 
  border-left: 1px solid grey;
}

#secCol table {
    border: none!important;

}

#secCol table th{
  text-align: left;
  background: none!important;
}

#secCol table td, #secCol table th {
  color: black;
    border: none!important;
}

#secCol input {
  padding: 10px;
}

#firstCol input[type="text"] {
  padding: 5px 0px; 
}

.radioSec {
  display: inline-block;
}

.receiptSec {
    margin-left: -60px;

}

.radioSec label {
  padding: 0px 9px;
  font-size: 14px;
}

.euro, #minus {
  margin-left:5px;
  color: #00a6ba;
}

.euro {
  font-size: 16px;
}

#minus{
  font-size: 22px;

}

.label-info {
  font-size: 15px;
  font-weight: bold;
  margin-right: 10px;
}

 #receipt-cost{
  padding-left: 22px!important;
  text-align: left;
}

/*.nextSynedria {
  text-align: center;
}*/

.nextSynedria button{
  padding: 10px;
  border:1px solid #00a6ba;
  background-color: #fff;
}

.nextSynedria button:hover {
  cursor: pointer;
  background-color: #00a6ba;
  color: #fff;
}
/*
.FinalSec {
    border-bottom: 1px solid grey!important; 

}

.discountSec{
  padding-left: 44px;
  padding-bottom: 5px;
}

.FinalSec {
  padding-left:73px;
}*/

/*#amountSec {
  margin-top: 10px;
  visibility: hidden;
}*/

#integration-form .textarea-in-white{
width:410px;
}

#integration-form .textarea-in-white textarea{
width: 405px!important;
}

#integration-financial {
margin-right:0px;
width:850px;
border-bottom:1px solid #00a6ba; 
margin-bottom:25px; 
margin-top:5px;
}

#integration-financial input,#integration-financial select {
width:70px!important;
float:left;
}

 #integration-financial .label-title {
float: left;
margin-right: 5px;
width:auto;
 }
 
#integration-financial .pat-data-in {
float:left;
width:170px!important;
}


.ipomnima {
  margin: 7px 0 9px 0;
}

.toothForm .ipomnima {
  margin: 0px!important;
}

.ipomnima label, .ipomnima img{
  margin: 0 3px;
}
 

    #ipomnima {
      margin-top: 40px;
    /*  overflow: hidden;
      display: block;
      width: 700px;*/
    }

  /*#ipomnima img {
  float:left;
  }*/


.receipt-count {
width: 75px!important;
line-height: 14px!important;
}

#ipomnima p label{
height:30px;
width: auto!important;
line-height:30px;
margin-right:15px;
margin-left:5px;
display:block;
font-size:16px;
float:left;
}

#tab-1 label{
width:170px!important;
margin-bottom:5px;
}

    /*#tab-1 input[type=text]{
    width:220px!important;
    margin-bottom:5px;
    text-align:left!important;
    }*/

    /*#tab-1 select{
    width:230px;
    }*/

#things-submit {
margin-left:0px!important;
}

#implement-kind {
float: right;
  margin-top: 15px;
  margin-right: 67px;
  width: 185px!important;
}

  .note {
  font-size: 12px;
  width: 360px;
  display: block;
  }

#tab-1 .error {
/*width: 450px!important;*/
text-align: left;
/*display: block;*/
}

#tab-1 label.error {
color:red;
width:100%!important;
display:block!important;
font-size:13px;
margin-top:3px;
}

.hidden{
  display: none;
}

#success{
 padding:10px;
 overflow: hidden;
 }

#success p{
width:auto!important;
font-size:20px;
}

#xrayWindow input, #xrayWindow textarea {
border: 1px solid #00a6ba;
padding: 5px;
width: 300px;
margin-bottom:10px;
margin-top:3px;
font-size: 16px;
font-family: 'Jura', sans-serif;
}

#xrayWindow textarea {
margin-top:3px;
width:300px!important;
height:100px;
}

.therapy-plan-tool {
  width: 16px;
  height: 16px;
  border: none;
  opacity: 0.6;
  background-position: center; 

}

.addTherapyTooth{
    background: url('../img/plus.png') ;
}

.deleteTherapyTooth{

    width: 16px;
    height: 16px;
    border: none;
    margin-left: 8px;
    margin-right: 5px;
    opacity: 0.6;
   
    background: url('../img/cross.png');

}

.therapy-plan-tool:hover , .deleteTherapyTooth:hover{
  cursor: pointer;
}

.thumb-image:hover {
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}

.TherapyPlanForm fieldset{
    padding: 10px;
}

.therapy-plan-div div.tooth-section{
  display: inline-block;
  float: left;
  display: block;
  line-height: 28px;
  height: 28px;
  /*background: #00a6ba;*/
  color: black;
  font-size: 20px;
  /*color: #fff;*/
  /*border: 1px solid #00a6ba;*/
  /*width: 103px;*/
  text-align: center;
  font-weight: bold;
}

.inside-therapy {
  display: inline-block;
width:178px!important;
margin-bottom:10px;
border: 1px solid #00a6ba;
padding: 5px;
font-size: 16px;
float:none;
}

.TherapyPlanForm label {
display:block;
}

#therapy-other {

}

.TherapyPlanForm .therapy-free-text {
width:280px!important;
height:100px!important;
padding:5px;
}

.TherapyPlanForm .pat-data-left {
  height: auto;
width:280px!important;
padding-right:20px;
border:0px!important;
margin-right: 0px!important;
}

#therapy-plan-form .right-pat {
  border-left: 1px solid #00a6ba;
  height: 550px;
  margin-right: 0px!important;
  width: 650px!important;
}

.plan-element {
width: 286px;
  float: left;
  display: block;
  height: 140px;
  margin-left: 10px;
  margin-bottom: 13px;
  border: 2px solid #00a6ba;
  padding:7px;
  background: white;
}

#TherapyPlanTooth {
  overflow-y: scroll;
  height: 510px;
  }
  
  .therapy-toothSection {
    float: left;  
  }
  
  .new-therapy{
    color:#fff;
    margin: 0px 4px;
    border: 1px solid #3a87ad;
    background-color: #00a6ba;
    padding: 4px 2px;
    font-style: normal;
  }

  .therapy-plan-link {
  float: left;
  /*background: #00a6ba;*/
  color: white;
  /*width: 230px;*/
  width: 30px;
  text-align: center;
  margin-left: 20px;
  margin-right: 10px;
  cursor: pointer;
  font-size: 16px;
  border: 0px;
  height: 30px;
  line-height: 30px;
  font-family: 'Jura', sans-serif;
  display:block;
  }

.plan-element h4 {
margin-bottom:5px!important;
font-size:16px;
margin-top:15px;
}

.PlanSpan {
color:#00a6ba;
}

.TherapyPlanForm #final-buttons{
float:none;
}

.TherapyPlanForm #final-buttons #TherapyPlanSubmit{
margin-left:0px;
}


/*    #loading {
      position: absolute;
      left: 50%;
      top: 50%;
      */
      /*
      Nope =(
      margin-left: -25%;
      margin-top: -25%;
      */

      /* 
      Yep!
      */
      /*transform: translate(-50%, -50%);*/
      
      /*
      Not even necessary really. 
      e.g. Height could be left out!
      */
     /* width: 40%;
      height: 50%;
    }*/

#patient-selection input {
width:auto;
}

#patient-selection {
margin-bottom:15px;
}

.custom-combobox {
  position: relative;
    display: block;
    float: right;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }


  /**members**/
#UsersTableContainer, #editProfile {
  margin-top:70px!important;
}

#editProfile input[type=submit] {
  
  font-weight: bold;
  color: #1c94c4;
  font-size:18px;
}

.jtable td {
  color: black;
  font-size: 17px;
}


/**Login**/
#forgot_link{
  text-align: right;
}

/**404**/

div#error{
  margin-top: 200px;
  color: black;
  text-align:  center;
}

#htext {
    font-size: 15px;
    line-height: 29px;
    font-weight: bold;
    margin-bottom: 30px;
    width: 420px;
    margin: 0 auto;
    text-align: justify;
}

h2#oops{
  margin-bottom: 20px;
  font-size: 26px;
   
}


/**settings**/

.dropdown-menu {
  display: none;
  text-align: center;
  background-color: #fff;
}

.dropdown-menu li {
  border:1px solid black;
  font-size: 16px;
  padding:10px;
  list-style-type: none;
}


#toggleIcon:hover {
    cursor: pointer;

}


/**form**/
#profileForm{
   
}

#editProfile #form-content{
    border: 1px solid #DFDCDC;
    border-radius: 15px 15px 15px 15px;
    float:left;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-top: 10px;
    width: 350px;
    padding: 25px 50px 10px;
}

#editProfile fieldset{
  border:none!important;
}

#profileForm .fieldgroup, #profileCompanyForm .fieldgroup {

   display: inline-block;
    padding: 8px 10px;
    width: 340px;
}


#profileForm .fieldgroup label,  #profileCompanyForm .fieldgroup label{
    float: left;
    padding: 15px 0 0;
    width: 110px;
}

#profileForm  .fieldgroup input, #profileForm .fieldgroup textarea, #profileForm .fieldgroup select , #profileCompanyForm  .fieldgroup input, #profileCompanyForm .fieldgroup textarea, #profileCompanyForm .fieldgroup select {
    float: right;
    margin: 10px 0;
    height: 25px;
}

#profileForm  .submit , #profileCompanyForm  .submit{
    padding: 10px;
    width: 220px;
    height: 40px !important;
}

#profileForm  .fieldgroup label.error , #profileCompanyForm  .fieldgroup label.error {
    color: #FB3A3A;
    float: left;
    font-size: 14px;
    padding: 0;
    clear: both;
    text-align: left;
}

.buttongroup {
  float: right;
  clear:both;
}

.resultForm{
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
  color: #70BD6C;
  font-size: 17px;
}


.addBtn {
  float: right;
  background: #00a6ba;
  color: white;
  text-align: center;
  padding: 7px;
  margin-bottom: 20px;
}

/**datatables**/

table td {
  text-align: center;
}
#patients  tbody tr.even:hover, #patients tbody tr.even td.highlighted {
  background-color: #A5F2ED;
}

#patients tbody tr.odd:hover,#patients tbody tr.odd td.highlighted {
  background-color: #A5F2ED;
}