#top_header{background-color:#FFDBCA;width:1000px;font-size:14px;padding:5px;border-bottom:1px solid black;}
#rooms-{float:left;border:1px solid black;width:150px;font-size:14px}
#content{float:left;width:500px;}
#textPart-{height:250px;border:1px solid black;overflow:auto;padding-left:5px;}
#messagePart{border:1px solid black}
#message{width:300px;height:85px;background-color:#f5f5f5}
#sendButton-{width:60px;height:60px;}
#operator_login {border:1px solid black;padding:2px;width:250px}
#footerPart{padding:5px;float:left;width:100%}


.homeTabHeader {cursor:pointer;background-color:#d0d0d0;font-size:13px;font-weight:bold;margin-left:4px;text-align:center;padding-top:6px;height:30px;width:100px;float:left}
.homeTabHeader div:hover{background-color:#efefef}

.tabSelected {color:white;background-color:#0c4f98}
.tabDivOpen {}
.tabDivClose {display:none;}

#mainTabDiv {border:1px solid #506763;clear:both;}
.tabList {clear:both}
.ui-widget-header {color:white !important;background-color:#0c4f98 !important}
#footerTabContent {float:left}
#footerContent {width:650px;height:190px;overflow:auto}
#footerContent a {font-size:12px;}

#home_menus{float:left;width:200px;height:350px;border-right:1px solid black}
#home_content{float:left;width:700px;padding:5px;}
.onlineBtn {background-color:#00F200;width:75px;cursor:pointer}
.offlineBtn {background-color:#FF0000;width:75px;cursor:pointer}

.mainHeader {font-size:15px;font-weight:bold}
.errorField {border:3px solid red;}
.paginateTable {border-bottom:1px solid black;border-right:1px solid black}
.paginateTable th{background-color:#D7D5E6}
.paginateTable td,.paginateTable th{border-top:1px solid black;border-left:1px solid black}
.paginateTable th{cursor:pointer}
.paginateTable tr:hover{background-color:#E7CFCF}
.paginateTable a {font-size:12px;}

.sortAsc {color:#14607C !important;background-color:#d3ecf9 !important;}
.sortDesc {color:#14607C !important;background-color:#d3ecf9 !important;}


#draggable { width: 150px; height: 50px; padding: 0.5em; background-color:#efefef;border:1px solid black;cursor:move; }

.fbWindowClass {padding:5px !important;padding:3px;position:absolute;display:all;border:1px solid #6B6B6B;overflow:auto;background-color:white}
.fbWindowClass .wheader {padding:2px;cursor:move;overflow:hidden;height:30px !important}
.fbWindowClass .wcontent {margin-top:3px;}
.fbWindowClass .wclose {cursor:pointer;float:right;font-size:30px;margin-top:4px;color:white;}


fltLeft {float:left !important}
fltRight {float:right !important}

.clBoth {clear:both;margin:0px;padding:0px;}

.formTable tr{vertical-align:top}

.patientTable {padding:0px;}
.patientTable td {padding:5px;}
.patientTable tr{vertical-align:top}

.aleft {text-align:left !important;}
.aright {text-align:right !important;}
.acenter {text-align:center !important;}



#baseTabTable {border-left:1px solid black;border-top:1px solid black}
#baseTabTable td{width:110px;text-align:center;border-right:1px solid black;cursor:pointer;border-left:0px;border-bottom:0px}
#baseTabTable td:hover{background-color:#CDCDCD}
.baseTabHeader {background-color:#efefef;font-size:13px;font-weight:bold}
.btSelected {background-color:#C4C4C4}
.btDivClose {display:none;}

#baseTabContent {float:left}
#baseContent {border-left:1px solid black;border-top:1px solid black;width:650px;height:230px;overflow:auto}
#baseContent table td {border-right:1px solid black;border-bottom:1px solid black;}

.tabContentDiv{border:1px solid black;}

.floatMessage {text-align:center;margin:0px auto;top:30%;position:fixed;background-color:#0c4f98;border:1px solid #000080;padding:10px;color:#ffffff;padding:30px;font-size:16px}

@media (max-width: 576px) {
	
		.floatMessage {margin:0px auto;width:80%;top:100px;}

  }

.fs11,.fs11 td{font-size:11px !important}
.fs12,.fs12 td{font-size:12px !important}
.fs13,.fs13 td{font-size:13px !important}
.fs14,.fs14 td{font-size:14px !important}
.fs15,.fs15 td{font-size:15px !important}
.fs16,.fs16 td{font-size:16px !important}
.fs17,.fs17 td{font-size:17px !important}
.fs18,.fs18 td{font-size:18px !important}

.wtitle {padding-top:4px;padding-left:4px}

.bold{font-weight:bold}


.defaultTable {border-bottom:1px solid black;border-right:1px solid black}
.defaultTable th{background-color:#D7D5E6}
.defaultTable td,.defaultTable th{text-align:center;border-top:1px solid black;border-left:1px solid black}
.defaultTable th{cursor:pointer}
.defaultTable tr:hover{background-color:#E7CFCF}
.defaultTable a{font-size:12px;}


/* survey styles*/

.survey_main {width:100%;padding:10px 10px 30px 10px;margin-left:0px;margin-top:0px}
.survey_main li {font-size:14px;padding-left:10px;color:#252525;list-style:none}
.survey_container {font-size:15px;clear:both;padding-top:20px}
.survey_child {padding-left:20px;;padding-top:10px}

.survey_header {font-size:15px;font-weight:bold;padding:10px;}
.survey_description {padding-top:10px;padding-bottom:10px;font-weight:bold;float:left;font-size:15px;clear:both !important;}
.survey_submit_button {padding:5px;margin:5px;background-color:red;font-size:18px;height:40px !important;color:white;width:170px !important;}

.question_number {float:left;display:block;margin-right:7px;font-size:20px !important;font-weight: bold!important;}
.question_counter {float:left;display:block;font-size:20px !important;font-weight: bold!important;}
.question_label {display:block;font-size:20px !important;font-weight: bold!important;}

.survey_answers li {font-size:18px !important;padding-top:10px}
.survey_answers li label  {cursor:pointer}


.survey_horizontal {float:left !important}

.btnshow {display:all}
.btnhide {display:none}
.error_block {color:red;font-weight:bold;padding:15px;text-align:center;font-size:15px;border:3px solid red}
.errorMessageForms {clear:both}


.noclass table,.noclass tr,.noclass td{border:0px !important;margin:0px !important;padding:0px !important;}
.errorLogin {margin:10px !important;color:red;font-size:12px}

.surveyThankYou {font-size:14px;text-align:center !important;margin-left:180px;height:300px;}

.front_survey_name {font-size:16px;color:#5C5C5C;text-align:center}
.front_survey_header {font-size:22px;color:#5C5C5C;text-align:center}

 .formElementContainer {padding:5px;position:relative;display:inline-block}

 .consentTable tr td{padding:5px;}
 
 .consent_check {margin:5px;}

 .required {color:red !important}

 
#header-info {float:left; margin-left:20px; margin-top:7px; width:auto;width:200px;}
.ie #header-info {width:200px; margin-left:0px;}
#operator-adi {margin-bottom:3px; height:14px;  background-color:#fff; padding:8px 6px 6px 6px;}
.ie #operator-adi {width:300px;}
#operator-title { width:60px; float:left; color:#0c4f98;}
#operator-isim {width:200px; float:left; color:#333;}

#operator-durum {margin-bottom:5px; height:14px; background-color:#fff; padding:8px 0 6px 6px; color:#0c4f98;}
.ie #operator-durum {height:26px; padding:8px 0 2px 6px; width:300px;}

#durum-title{width:60px; float:left; color:#0c4f98;}
.ie durum-title {width:60px; padding-top:5px; padding-left:5px;}
#durum-btns { float:left;}
.ie #durum-btns  {height:42px;}

button, .button {
	cursor:pointer;
	display:inline-block;
	font-size:108%;
	font-weight:700;
	margin:-8px 0 15px 0;
	outline:none;
	padding:3px;
	width:75px;
	height:28px;
	text-align:center;
	text-decoration:none !important;
	vertical-align:middle;
	border-width:0px;
	border-style:groove;
	border:1px solid rgba(0, 0, 0, 0.2);
	box-shadow:0px 1px 0px rgba(225, 225, 225, 0.5) inset;
	
	
}
.ie button, .button {height:40px !important; padding:0; margin:0; margin-bottom:-20px; padding-bottom:-20px;}



button.green, .button.green {
	background-color:#0c4f98;
	float:left;
	color:#fff !important;
}


button.green:hover, .button.green:hover {
	background-color:#0c4f98;
	float:left;
	color:#fff !important;
}

button.red, .button.red {
background-color:#C00F0F;
color:#fff !important;
}

button.green-inactive, .button.green-inactive {
background-color:#fff;
color:#999 !important;
float:left;
}

button.red-inactive, .button.red-inactive{
background-color:#fff;
color:#999 !important;
}

#logout {width:100px; height:38px; background-color:#be0000; float:right; margin:6px 6px 0 0; padding-top:20px;}
.ie #logout {height:50px;}
#logout-title {width:50px; float:left; margin:2px 0 0 15px}
.ie6 #logout-title {margin:2px 0 0 5px;}
#logout-title a {width:50px; float:left; color:#FFF; text-decoration:none;}
.ie #logout-title a {line-height:16px;}
#logout-title a:hover {width:50px; float:left; color:#000; text-decoration:none;}
#logout-icon {width:18px; height:19px; margin:0 15px 0 0; float:right;}

#content-holder {}

#rooms {width:200px; background-color:#f1f1f1; border-right:1px solid #cecece; border-bottom:1px solid #cecece; float:left; display:inline;}
.ie #rooms {padding-left:10px;}

#sag-kolon {float:left; display:inline; margin-left:10px; margin-top:7px;}
#sag-kolon-title {}


#user-title {width:180px; margin:0 auto; padding-bottom:8px; padding-top:8px;}


#textPart {width:588px; height:218px; border:1px solid #cecece; color:#666; margin-top:5px; overflow:auto; padding:10px 0 0 10px;}
#textPart hr { background:#cecece; border:0px solid;}

#editcaller {width:598px; height:28px; border:1px solid #cecece; margin-top:10px;}
.ie #editcaller {width:589px;}
input.editcaller-btn {width:123px; height:28px; background:url(../images/editcaller_bg.png) no-repeat; color:#FFF; border:0px solid; margin-left:-1px; float:left;}
input.editcaller-btn:hover {background:url(../images/editcaller_bg_hover.png) no-repeat;}

select.editcaller-liste {width:476px; height:28px; border:0px solid; padding:5px 0 0 5px;}

#chat-pencere {height:110px; padding-top:10px;}
.chat_timer_part {border:1px solid #cecece;padding:5px;}

textarea.konusma {width:480px; height:97px; border:1px solid #cecece; float:left; font-family:tahoma,arial, Geneva, sans-serif; font-size:12px; padding:10px 0 0 10px; color:#666;} 
input.chat-gonder {width:110px; height:98px; border:3px solid #015a83; background:#0c4f98; float:right; color:#FFF; font-size:16px; text-shadow:1px 1px #000; }


/*****************Request Chat Assistance******************************/

#assist-wrap {width:400px; border:2px solid #cecece; padding-top:20px; padding-bottom:20px; background:url(../images/assists_bg.jpg) no-repeat top left;}
#assist-warning {width:300px; margin:0 auto; background:#ededed; border:1px solid #cecece; height:24px; padding:6px 0 0 6px; color:#333; margin-bottom:5px;}
#assist-warning img {float:left;}
#assist-warning font {float:left; padding-top:3px; padding-left:10px;}

#login-input {width:308px; margin:0 auto; }
input.login-satir {width:300px; height:30px; border:1px solid #b1d4e5; background-color:#e1f0f8; margin-bottom:5px; color:#4cc8e4; font-size:18px; padding-left:6px;}
input.login-btn {width:95px; height:32px; font-size:18px; background:#4cc8e4; border:1px solid #00a2dc; float:right; text-align:center; color:#FFF;}
input.login-btn:hover {background:#00a2dc; border:1px solid #4cc8e4; color:#fff;}
#login-input font {float:left; padding-top:15px;}
#login-input font a {color:#c10000;}
#login-input font a:hover {color:#333;}


/***************************************************************/


/**************************Admin Ekrani*************************************/

#input-elemanlari {width:1000px; margin-top:10px;}

#input-elemanlari table tr td {vertical-align:top; height:25px;}

input.input-1 {height:24px; border:1px solid #cecece; background-color:#f2f2f2; color:#666; margin-right:10px; margin-bottom:2px;}
input.input-1:hover {border:1px solid #cecece; background-color:#fff; color:#333;}
input.input-1:focus {border:1px solid #0c4f98; background-color:#fff; color:#333;}

input.buton-1 {height:30px; margin-top:0px; margin-bottom:0px; border:1px solid #cecece; background-color:#0c4f98; color:#fff !important; cursor:pointer;}
.buton-1:hover {background-color:#eeeeee !important; color:#333333 !important;border:1px solid #507066 !important;}

input.buton-2 {height:24px; margin-top:0px; margin-bottom:0px; border:1px solid #cecece; background-color:#0c4f98; color:#fff !important; cursor:pointer;}
input.buton-2:hover {background-color:#eeeeee !important; color:#333333 !important;}


label {font-weight:100 !important;display:inline !important;}
select.select-1 {height:24px; border:1px solid #cecece; background-color:#f2f2f2; color:#666; padding:3px;}
select.select-1:hover {border:1px solid #cecece; background-color:#fff; color:#333;}
select.select-1:focus {border:1px solid #0c4f98; background-color:#fff; color:#333;}

button.btn-1 {width:150px; height:30px; border:0px solid; background:#0c4f98; color:#FFF; margin-top:11px;} 


.tableSimple,.tableForm {background-color:#fff; padding:2px 0 0 2px; color:#333; border-top:1px solid #cecece;border-left:1px solid #cecece; margin-top:5px; margin-bottom:10px;}
.tableSimple tbody tr td,.tableSimple th,.tableForm th,.tableForm tbody tr td{font-size:13px;height:25px; border-bottom:1px dotted #cecece;border-right:1px dotted #CCCCCC; vertical-align:middle;padding:5px;}
.tableSimple tbody tr td:first-child {text-align:right !important}
.tableSimple tbody tr:hover,.tableForm tbody tr:hover {background:#dfe6e4;}
.tableSimple tbody tr td a,.tableForm tbody tr td a{text-decoration:none}


#signup-title {margin-left:5px; font-size:24px; color:#b1d4e5; padding-top:5px}

#signup-title {margin-left:5px; color:#b1d4e5; padding-top:5px}

.table {background-color:#fff; padding:2px 0 0 2px; color:#333; border-top:1px solid #cecece;border-left:1px solid #cecece; margin-top:5px; margin-bottom:10px;}
.table tbody tr td {font-size:13px;height:25px; border-bottom:1px dotted #cecece;border-right:1px dotted #CCCCCC; vertical-align:middle;padding:2px;}
.table tbody tr td:hover{ font-size:13px;background-color:#0c4f98; color:#FFF}
.table tbody tr td a{text-decoration:none}
.table tbody tr td:hover a{color:#fff}
.table tbody tr:hover {background:#dfe6e4;}
.table tbody th {cursor:pointer;border-right:1px dotted #CCCCCC;text-align:center;padding:5px;background-color:#0c4f98;color:#ffffff;font-size:14px;} 
.table tbody th:hover {background:#dfe6e4;color:#14607C}