html { max-width:500px; 
    -ms-text-size-adjust:100%;	-webkit-text-size-adjust:100%;
	font-size:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body, html { 
	background:#fff;
	min-height:100%;
	font-family:sans-serif-light, sans-serif;
	font-size:13px;
	text-rendering:optimizeLegibility;
	overflow-x:hidden;
	margin:0;
	padding:0;
	-webkit-overflow-scrolling:touch;
}
form { margin:0px; padding:0px; }
.img-circle {
	border-radius:500px;
}
hr {
	margin-top:2px;
	margin-bottom:2px;
	border:0;
	border-top:1px solid #EEE; 
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}
.clearfix {
	clear:both;
}
code, kbd, pre, samp { font-family:Menlo, Monaco, Consolas, "Courier New", monospace;
}
code { padding:2px 4px; font-size:90%; color:#004040; background-color:#FFFFFF;  white-space:nowrap; border-radius:4px;
}
pre {
	display: block; padding:15px; margin:0 0 10px; word-break:break-all; word-wrap:break-word; color:#333; border:1px solid #ccc; border-radius:4px; white-space:pre; white-space:pre-wrap; text-align:justify; background-color:#F8F8F8;
}

ul, ol { margin-top:0; margin-bottom:10px;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom:10px; padding:2px 2px 2px 15px;
}
ul li, ol li { margin-bottom:4px; } 
h1, h2, h3, h4, h5, h6, p {
	padding:5px 10px 5px 10px;
	margin:0px 0px 0px 0px;
}
h1, h2, h3, h4, h5, h6 { color:#316C7E; }
h1 {
	font-size:45px;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:20px;
}
h4 {
	font-size:16px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:12px;
}
p {
	text-align:justify; padding-bottom: 10px;
}

img { vertical-align:middle; border:none; border-radius:4px;
}

.img-rounded {
	border-radius:6px;
}
.img-thumbnail {
	padding:4px;
	line-height:1.42857143;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:4px;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	display:inline-block;
	max-width:100%;
	height:auto
}
.img-circle { border-radius:500px;
}
hr {
	margin-top:2px;
	margin-bottom:2px;
	border:0;
	border-top:1px solid #EEE; 
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}

a img {
	border: none; border-radius:4px;
}
a:link {
	
	text-decoration:none;
}
a:visited, a {
	color:#4E8596;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

* { box-sizing: border-box; }
input[type=text], input[type=number], input[type=email], input[type=password], input[type=search], input[type=datetime] , input[type=date], input[type=datetime-local], input[type=time], textarea, input[type=file], select { padding:8px 8px 8px 8px; border:solid 1px #CCCCCC; border-width: 0px 0px 1px 0px; border-color:#D9F7F5 #D9F7F5 #316C7E #D9F7F5;   border-radius:4px; width:100%; resize: vertical; background-color:transparent; font-weight:bold; color:#387592; text-align:center; }
label { color:#019E9E; font-size:12px; display:inline-block;
	margin: 5px 0px 1px 0px;
	line-height:13px; 
	margin-bottom:0; 
	font-weight:400;
	cursor:pointer; 
}

input[type=submit], input[type=button], button { background-color: #04AA6D; font-weight:bold; margin:0px 0px 0px 0px;
  color: white; padding: 8px 10px; border: none; border-radius: 5px; text-align:center;
  cursor: pointer; 
}
input[type=submit]:hover { background-color: #45a049; text-align:center; }

.btn-block {
	display:block;
	width:100%;
	padding-left:0;
	padding-right:0;
}
/*--------*/
#tmenu {
	width:60%;
	max-width:220px;
	margin:0 0 0 -25em;
	min-height:100%;
	position:absolute;
	top:0;
	line-height:2em;
	font-size:16px;
	font-weight:400;
}
.menuHeader {
	background-color:#FFF;  font-weight:bold; text-align:center; 
	color:#387592; line-height:20px; font-size:12px; padding:20px 5px 20px 5px; margin:0px;
}
#tmenu ul { padding:0; margin:0; list-style:none; background-color:#387592; color:#FFF; }
#tmenu a { text-decoration:none; display:block; }
.menu-shown #tmenu { margin-left:218px; margin-left:0; border:1px solid #316C7E; border-width:0px 1px; background-color:#387592; }
.menu-shown #opd-page {
	margin-left:220px;
}

/* nav menu */
ul.nav, .submenu { list-style: none; padding: 0; margin: 0; }
ul.nav a, ul.nav a:visited  { display: block; background-color: #387592; text-decoration: none; padding: 10px 20px; border-bottom:1px solid #387592; color:#FFF; padding: 5px 5px 5px 15px; }
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { background-color:#FFF; color: #387592; font-weight:bold; }
ul.nav li:hover .submenu { display: block; max-height: 400px; }
ul.nav .submenu a { background-color:#F2FAFD; color:#387592; }
ul.nav .submenu a:hover { background-color:#FFF; color: #387592; font-weight:bold; }
ul.nav .submenu { overflow: hidden; max-height: 0; -webkit-transition: all 0.5s ease-out; }
li.submenu a{ padding:0px 10px 0px 20px; }
 
ul.nav  li { padding: 0px 5px 0px 10px; margin-bottom:0px; font-size:12px; color:#F2FAFD; /*border-bottom:1px solid #316C7E;  */} 
ul.nav  li a, ul.nav  li.submenu { padding: 0px 10px 0px 10px;  margin-bottom:0px -5px 0px -5px; font-size:16px;  }
/*---------------*/
#toggle-menu { height:24px; width:24px; position:absolute; margin:13px 0 12px 15px; padding: 0px 0px 0px 0px; background-repeat:no-repeat;
	background-image:url(data:image/gif;base64,R0lGODlhGAAYAIAAAP///////yH5BAEHAAEALAAAAAAYABgAAAIkjI+py+0Po5y0gYuz3sDwz1XiSIIm5p0mybaPugYw6Nb2jZMFADs=);
}
#opd-page { min-height:640px;
	height:100%;
	width:100%;
}
#pheader {
	width:100%;
	background:#00A79D;
	border-bottom:1px solid rgba(0,0,0,.16);
}
#domain { font-size:18px;
	text-align:center;
	color:#FFF;
	line-height:24px;
	overflow-x:auto;
	overflow-y:hidden;
	padding:13px 0 8px; 
	white-space:nowrap; margin:0px 45px 0px 45px; font-weight:bold; 
}
/*#domain:hover { color:#FFF; }*/
option { padding:2px 10px 2px 10px; } 
.container { padding:0px 10px 4px 10px; position:relative; margin:0px auto 0px auto; min-width:220px; 	
}
#opd-page, #tmenu {
	perspective:1000;
	-webkit-perspective:1000;
	transition:all 250ms ease-in;
}
.pagination {
	display:inline-block;
	padding-left:0;
	margin:4px 0;
	border-radius:4px; font-weight:600;
}
.pagination>li {
	display:inline;
}
.pagination>li>a, .pagination>li>span {
	position:relative;
	float:left;
	padding:3px 8px;
	line-height:1.4;
	text-decoration:none;
	color:#428bca;
	background-color:#fff;
	border:1px solid #ddd; border-radius:3px;
	margin-left:3px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left:0;
	border-bottom-left-radius:4px;
	border-top-left-radius:4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius:4px;
	border-top-right-radius:4px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color:#2a6496;
	background-color:#eee;
	border-color:#ddd;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index:2;
	color:#fff;
	background-color:#387592;
	border-color:#387592;
	cursor:default;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color:#999;
	background-color:#fff;
	border-color:#ddd;
	cursor:not-allowed;
}

.label {
	display:inline;
	padding:.2em .6em .3em;
	font-size:75%;
	font-weight:700;
	line-height:1;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	vertical-align:baseline;
	border-radius:.25em;
}

.badge {
	display:inline-block;
	min-width:10px;
	padding:3px 7px;
	font-size:12px;
	font-weight:700;
	color:#fff;
	line-height:1;
	vertical-align:baseline;
	white-space:nowrap;
	text-align:center;
	background-color:#39B3D7;
	border-radius:10px;
}
.badge:empty { display:none;
}
.cbox { border-radius:4px; background-color:#f2f2f2; padding: 10px; }
.well {
	min-height:8px; text-align:center;
	padding:5px 10px 5px 10px;
	margin-bottom:8px;
	background-color:#f5f5f5;
	border:1px solid #e3e3e3;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
.thumbnail {
	display:block;
	padding:10px;
	margin-bottom:4px;
	line-height:1.2;
	background-color:#fff;
	border:1px solid #CAE4EB;
	border-radius:4px;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.btn-success {
	color:#fff;
	background-color:#5cb85c;
	border-color:#4cae4c
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
	color:#fff;
	background-color:#47a447;
	border-color:#398439
}
.btn-info {
	color:#fff;
	background-color:#039;
	border-color:#0AB2B2;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
	color:#fff;
	background-color:#049999;
	border-color:#03AAAA;
}

.btn-orange{
	color:#fff;
	background-color:#F60;
	border-color:#F60;
}
.btn-cancel { text-align:center; border-radius:20px; background-color:#DF0000; color:#FFF; }
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .btn-cancel:hover {
	color:#fff;
	background-color:#F63;
	border-color:#F60;
}
.formbox {
	display:block;
	padding:8px;
	line-height:1.42857143;
	border:1px solid #E3F3FB;
	border-radius:4px;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out; width:100%; float:none; padding:10px 10px 10px 10px; margin:4px auto 4px auto;
}
.h-brown { background-color:#bcc3ce; } /*#7C6A04*/
.h-green { background-color:#40730D; }
.h-info { background-color:#019E9E; }
.h-red { background-color:#F00; }
.h-brown, .h-green, .h-info, .h-red {  margin:0px -10px 4px -10px; color:#FFFFFF; padding:4px 10px; text-align:center; }
.wellbox {
	min-height:8px;
	padding:15px 20px 15px 20px;
	background-color:#FFFFE4;
	border:1px solid #CAE4EB;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
	width:300px; float:none; padding:10px 20px 0px 20px; margin:20px auto 20px auto;
}
@-ms-viewport { width: device-width; }
@media (min-width:300px) { #domain { margin-left:50px; } 
}
@-webkit-keyframes load {
0% {
-webkit-transform:rotate(0deg);
}
100% {
-webkit-transform:rotate(360deg);
}
}
@keyframes load {
to {
transform:rotate(360deg);
}
}
@media (max-width:25em) {
#tmenu {
	margin-left:-60%;
}
.menu-shown #opd-page {
	/*margin-left:60%;*/
}
}
@media screen and (max-width: 600px) { input[type=submit] { width: 100%; margin:8px 0px 0px 0px; text-align:center; } }
@media print { #pheader, #domain, #toggle-menu, #tmenu, .no-print { display:none; }
* {
	text-shadow:none!important;
	color:#000!important;
	background:transparent!important;
	box-shadow:none!important
}
a, a:visited {
	text-decoration:none;
}
placeholder { color:#FFF; }
/*a[href]:after {
	content:" (" attr(href) ")"
}*/
abbr[title]:after {
	content:" (" attr(title) ")"
}
/*a[href^="javascript:"]:after, a[href^="#"]:after {
	content:""
}*/
pre, blockquote {
	border:1px solid #999;
	page-break-inside:avoid
}
thead {
	display:table-header-group
}
tr, img {
	page-break-inside:avoid ;
}
img {
	max-width:100%!important ;  
}

h2, h3 {
	page-break-after:avoid
}
select, textarea {
	background:#fff!important
}
.multiple-task[size] {
    height: auto !important;
    max-height: 156px !important;
}

.table td, .table th {
	background-color:#fff!important
}
.btn>.caret, .dropup>.btn>.caret {
	border-top-color:#000!important
}
.label {
	border:1px solid #000
}
.table {
	border-collapse:collapse!important
}
.table-bordered th, .table-bordered td {
	border:1px solid #ddd!important
}
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td, th {  
	padding:0; font-weight:500; 
}
table { max-width:100%; background-color:transparent; 
}
th { text-align:left;
}
.table { width:100%; margin-bottom:5px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding:1px 6px; line-height:18px; vertical-align:middle; border-top:0px solid #ddd;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>thead>tr>th a, .table>tbody>tr>th a   {
	 color:#FFFFFF; font-weight:600; background-color:#4E8596; 
}
.table>thead>tr>th a { color:#FFFFFF; }
.table>tbody>tr>td a { font-weight:600; }
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
	border-top:0;
}

.table>tbody+tbody {
	border-top:2px solid #ddd;
}
.table .table {
	background-color:#fff;
}
.table-bordered, .table-bordered td  {
	border:1px solid #EEE;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border:1px solid #EEE;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td { 
	border-bottom-width:2px;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
	background-color:#f9f9f9;
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
	background-color:#f5f5f5;
}
.table_odd  tr td:nth-child(odd) { color:#7C6A04; text-align:right;  border-right-color:#FFFFFF;  }
.table_even   tr td:nth-child(even) { color:#7C6A04; text-align:right; background-color:#F8F8F8; font-weight:600; border-left-color:#FFFFFF; }
.slip  tr td, .slip  tr th { text-align:center; border-width:1px 0px 1px 0px; }

dl {
	margin-top:0;
	margin-bottom:10px
}
dt, dd {
	line-height:1.42857143
}
dt {
	font-weight:700
}
dd {
	margin-left:0
}
/*dl { min-height:130px; } */
.dl-horizontal dt {
	float:left;
	width:110px;
	clear:left;
	text-align:right;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.dl-horizontal dd {
	margin-left:110px
}
@media print { .no-print { display:none; } 
.formbox { border-color:transparent; }
html { width:100%; max-width:100%; }
.container { height:100%; }
} 
input[type=text]:focus { border-color:#CEEAF7; }
.btn-link { text-align:center; border-radius:24px; padding:5px; font-size:15px; font-weight:600; }
.btn { border:1px solid #04AA6D; background-color:#04AA6D; color:#FFF; font-weight:bold; border-radius:4px; padding:8px; font-size:15px; }
.btncall, a.btncall { background-image:url(btncall_white.png); border:1 solid #387592; background-repeat:no-repeat; width:54px; height:54px; display:inline-block; }
.btncall:hover, a.btncall:hover { background-image:url(btncall.png); border:1 solid #387592; background-repeat:no-repeat; width:54px; height:54px; display:inline-block; }
.btnaudio, a.btnaudio { background-image:url(audio_while.png); border:1 solid #387592; background-repeat:no-repeat; width:54px; height:54px; display:inline-block; }
.btnaudio:hover, a.btnaudio:hover { background-image:url(audio.png); border:1 solid #387592; background-repeat:no-repeat; width:54px; height:54px; display:inline-block; }
.hangup, a.hangup { background-image:url(hangup.png); border:1 solid #387592; background-repeat:no-repeat; width:54px; height:54px; display:inline-block; }
.hangup:hover, a.hangup:hover { background-image:url(hangup_red.png); border:1 solid #387592; background-repeat:no-repeat; width:54px; height:54px; display:inline-block; }

.dndcall, a.dndcall { background-image:url(btncall_orange.png); border:1 solid #387592; background-repeat:no-repeat; width:54px; height:54px; display:inline-block; }
.dndcall:hover, a.dndcall:hover { background-image:url(hangup_red.png); border:1 solid #387592; background-repeat:no-repeat; width:54px; height:54px; display:inline-block; }

.btnyoutube, a.btnyoutube { background-image:url(youtube.png); border:1 solid #387592; background-repeat:no-repeat; width:54px; height:36px; line-height:36px; display:inline-block; }
.btnyoutube:hover, a.btnyoutube:hover { background-image:url(youtube_info.png); border:1 solid #387592; background-repeat:no-repeat; width:54px; height:54px; display:inline-block; }
table { border-collapse: collapse; width: 100%; }
.headlist  td, .headlist th { padding:4px 10px; } 
.list td,  .list th { border: 1px solid #ddd; padding:4px 10px;  border-width:1px 0px 1px; }
.list tr:nth-child(even){ background-color: #f2f2f2; }
.list tr:hover {background-color:#F2FBFC; } 
.list th { padding-top: 4px; padding-bottom: 4px; text-align: left; background-color:#387592; color: white; text-align:center;  }
.list tr td, .list tr th, { border-width:1px 0px 1px; }
.list tr td:nth-child(2), .headlist tr td:nth-child(2), #myTable tr td:nth-child(2) { text-align:center; }
/* Campaign Style */
input[type=search] { width: 100%; padding: 8px 20px; margin:0px; box-sizing: border-box; border:1px solid #BAE0F3; border-width:0px 0px 1px 0px; margin-bottom:4px; }
#myTable tr, #myTable td, #myTable th { border-radius:4px; }  
#myTable td, #myTable th {  border: 1px solid #ddd; padding: 4px 10px;  border-width:1px 0px 1px; border-radius:4px; }
#myTable tr:nth-child(even){ background-color: #f2f2f2; }
#myTable tr:hover { background-color:#F2FBFC; } 
#myTable th {  text-align: left; background-color:#387592; color: white; text-align:center;  }
#myTable tr td, #myTable tr th, { border-radius:5px 5px 5px 5px; border-width:1px 0px 1px; padding: 4px 10px; }
/* ----DataFiler---- */
table.datafiler tr td { color:#316C7E; }
table.datafiler tr td span { font-size:8px; color:#999; line-height:8px; }
.imp { font-size:12px; color:#0179A9; line-height:12px; font-weight:bold;  }
.cbottom { width:100%; position:fixed; font-size:8px; text-align:center; color:#999; }
/* ------- */
::placeholder { color:#EFEFEF; opacity: 1; /* Firefox */ }
:-ms-input-placeholder { color:#EFEFEF; }
::-ms-input-placeholder { color:#EFEFEF; }
table.profile, .profile { padding:0px; margin:0px; width:100%; }
table.profile tr th { font-size:16px; }
table.profile tr td,  table.profile tr th { text-align:center; color:#387592; } 
table.profile span { text-align:center; font-size:10px; font-weight:bold; } 
table.profile .phead { background-color:#767a01; color:#FFF; margin:0px -20px 0px -20px; padding:8px 8px; font-weight:bold; }
img-circle { border-radius:54px; } 
table.profile .weblink { background-color:#767a01; color:#FFF; font-size:10px;  margin:0px -20px 0px -20px; font-weight:bold; } 
table.profile .weblink a { color:#FFF; font-size:10px;  margin:0px -20px 0px -20px; font-weight:bold; } 
table.profile td.stitle { font-size:10px; color:#999; font-weight:bold; } 
table.profile .red { font-size:10px; font-weight:bold; color:#F00; }
table.profile .blood { font-weight:bold; color:#C40000; }

table.member, .member { padding:0px; margin:0px; width:100%; }
table.member tr th { font-size:16px; }
table.member tr td,  table.member tr th { text-align:center; color:#387592; } 
table.member span { text-align:center; font-size:10px; font-weight:bold; } 
table.member .phead { background-color:#008080; color:#FFF; margin:0px -20px 0px -20px; padding:8px 8px; font-weight:bold; }
img-circle { border-radius:54px; } 
table.member .weblink { background-color:#008080; color:#FFF; font-size:10px;  margin:0px -20px 0px -20px; font-weight:bold; } 
table.member .weblink a { color:#FFF; font-size:10px;  margin:0px -20px 0px -20px; font-weight:bold; } 
table.member td.stitle { font-size:10px; color:#999; font-weight:bold; } 
table.member .red { font-size:10px; font-weight:bold; color:#F00; }
table.member .blood { font-weight:bold; color:#C40000; }
/*  Top Tab nav menu  */
ul.toptab { list-style-type: none; margin:0px -10px; padding: 0; overflow: hidden; background-color:#F2FBFC; padding: }
ul.toptab li { float: left; width:33.3%; font-size:12px;  margin:0px; border:1px solid #019E9E; border-width: 0px 0px 1px 1px; }
ul.toptab li a { display: block; font-weight:bold; color:#36600C; text-align: center; padding: 3px 6px; text-decoration: none; line-height:20px; }
ul.toptab li a:hover:not(.active) { background-color:#387592; color:#FFF; }
ul.toptab .active { background-color:#019E9E; color:#FFF; }
/* Top 4-tap nav menu */
ul.tabfour { list-style-type: none; margin:0px -10px; padding: 0; overflow: hidden; background-color:#F2FBFC; padding: }
ul.tabfour li { float: left; width:25%; font-size:12px;  margin:0px; border:1px solid #019E9E; border-width: 0px 1px 1px 0px; }
ul.tabfour li a { display: block; font-weight:bold; color:#36600C; text-align: center; padding: 3px 6px; text-decoration: none; line-height:20px; }
ul.tabfour li a:hover:not(.active) { background-color:#387592; color:#FFF; }
ul.tabfour .active { background-color:#019E9E; color:#FFF; }

.mbtn { width:100%; position:fixed; bottom:1px; }
ul.mbtn { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
ul.mbtn li { float: left; width:50%;  margin:0px; }
ul.mbtn li a { display: block; font-weight:bold; background-color:#EFF8FC; color:#36600C; text-align: center; padding: 2px 8px; text-decoration: none; font-size:12px; line-height:20px; }
ul.mbtn li a:hover{ background-color:#019E9E; color:#FFF; }
/*----------------------------*/
.tbtn { width:100%; }
ul.tbtn { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
ul.tbtn li { float: left; width:50%;  margin:0px; }
ul.tbtn li a { display: block; font-weight:bold; background-color:#EFF8FC; color:#36600C; text-align: center; padding: 2px 8px; text-decoration: none; font-size:12px; line-height:20px; }
ul.tbtn li a:hover{ background-color:#019E9E; color:#FFF; }
/*---- Button Group -----*/
.btn-group button, .btn-group input[type=submit] { background-color:#019E9E; border: 1px solid #FFF; border-radius:10px; color:#FFF; padding: 8px 20px; cursor: pointer; float: left; width:33.3%; }
.btn-group:after, .btn-group:after input[type=submit] { content: ""; clear: both; display: table; }
.btn-group button:not(:last-child), .btn-group input[type=submit]:not(:last-child) { border-right: none; } 
.btn-group button:hover, .btn-group input[type=submit]:hover { background-color:#387592; }
.dialinput { padding:20px 8px 20px 8px;  font-size:36px; font-weight:bold; text-align:center; }
/* Style the tab */
.tab { overflow: hidden;  border: 1px solid #E3F3FB; border-radius:4px; background-color:#F2FBFC; color:#387592;
}
.tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 6px 10px; transition: 0.3s; font-size: 15px; font-weight:bold; width:33.3%;
}
.tab button:hover { background-color:#FFF; color:#93D0EE; font-weight:bold;
}
.tab button.active { background-color:#FFF;
}
.tabcontent { display: none; padding: 2px 2px; border-top: none;
}
/*-------Slots Styles----------------*/
.slot, a .slot { display:inline-block; min-width:20px; padding:4px 8px; font-size:10px; color:#fff; font-weight:600; line-height:1; vertical-align:baseline; white-space:nowrap; text-align:center; border-radius:4px;
}
.bg-active {    background-color:#04AA6D; color:#fff; }
.color-active {            color:#04AA6D; font-weight:600; }
.bg-waiting {   background-color:#FFA500; color:#fff; }
.color-waiting {           color:#FFA500; font-weight:600; }
.bg-emergency { background-color:#CE0000; color:#fff; }
.color-emergency {           color:#CE0000; font-weight:600; }
.slot-float { float:right; text-align:right; }
 
.sliplogo, td .sliplogo { background-image:url(sliplogo.png); background-repeat:no-repeat; width:64px; height:80px; background-size:auto; background-position:center; display:block; } 
@media print{
.sliplogo, td .sliplogo { background-image:url(sliplogo.png); background-repeat:no-repeat; width:64px; height:80px; background-size:auto; background-position:center; display:block; }
}
.token h1, .token h2, .token h3, .token h4, .token h5, .token h6  { text-align:center; display:block; }
.tokenslot {  color:#FFF; text-align:center; margin:auto; width:240px; padding:10px 6px; border-radius:8px; }

.popup_box { border-radius:6px; text-align:center; margin:10px 0px 20px 0px; padding:10px 5px 5px 5px;  background-color:#c6f7be; font-weight:bold; }
.report tr td  { text-align:center;  }
.report  td, #myTable th { border: 1px solid #ddd; padding: 4px 10px;  border-width:1px 0px 1px; white-space:pre-wrap; }
.report  tr:nth-child(even){ background-color: #f2f2f2; }
.report  tr:hover {background-color:#F2FBFC; } 
.report  th {  text-align: left; background-color:#2E75B6; color: white; text-align:center;  }
.report  tr td, #myTable tr th, { border-width:1px 0px 1px; padding: 4px 10px; }
.collapsible { background-color:#316C7E; color: white; cursor: pointer; padding: 6px 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; border-radius:4px; margin:10px 0px 4px 0px; }
/*____+ pointer click button________*/
button.collapsible:after { content: '\002B'; color: white; font-weight: bold; float: right; margin-left: 5px; }
button.collapsible.active:after { content: "\2212"; }
.active, .collapsible:hover { background-color:#900; }
.content { padding: 0 10px; display: none; overflow: hidden; 
}
/*----------------------------------*/
.Amount { text-align:right; }
.percentage { text-align:center; }
.Amount:before  { content: "₹ "; }
.percentage:after  { content: " %"; }
/*------INVOICE TABLE---------------*/
.invoice td, invoice th {  border: 1px solid #ddd; padding: 4px 10px;  border-width:1px 0px 1px; white-space:pre-wrap; }
.invoice tr:nth-child(even){ background-color: #f2f2f2; }
.invoice tr:hover { background-color:#F2FBFC; } 
.invoice th { padding: 4px 10px; text-align: left; background-color:#387592; color: white; text-align:center;  }

.rtable { border-collapse: collapse; margin: 5px 0; font-size: 0.9em; min-width: 400px; border-radius: 5px 5px 0 0; overflow: hidden; }
/*.rtable tr:hover { background-color:#F2FBFC; } */
.rtable thead tr { background-color: #009879; color: #ffffff; text-align: left; font-weight: bold; }
.rtable th, .rtable td { padding: 8px 10px; } 
.rtable tbody tr { border-bottom: 1px solid #dddddd; } 
.rtable tbody tr:nth-of-type(even) { background-color: #f3f3f3; }
.rtable tbody tr:last-of-type { border-bottom: 2px solid #009879; } 
.rtable tbody tr.active-row { font-weight: bold; color: #009879; }
/*-------------color-----------------*/
.text-success { color: #02867B !important; }
.bg-success { background: #02867B!important; color: #fff; } 

.text-warning { color: #F63E02 !important; }
.bg-warning { background: #F63E02 !important; color: #fff; }

.text-error { color: #C00000 !important; }
.bg-error { background: #C00000 !important; color: #fff; }

.text-info { color: #2E75B6 !important; }
.bg-info { background: #2E75B6 !important; color: #fff; }

.text-gray { color: #bcc3ce !important; }
.bg-gray { background: #bcc3ce !important; color: #fff; }

.text-blue { color: #277DA1 !important; }
.bg-blue { background: #277DA1 !important; color: #fff; }
/*-----------------------------------------------*/
table.report tr td, table.report tr th  { padding: 6px; font-weight: bold; border-spacing:0px; }
.report  td, th { border: 1px solid #ddd; padding: 4px 10px;  border-width:1px 0px 1px; white-space:pre-wrap; }
.divslot {  color:#FFF; text-align:center; padding:10px 6px; border-radius:12px; width: 32%; font-size: 33px; font-weight: bold; float: left; margin:2px 2px 2px 2px; }

.divslot50 { color: #2E75B6; text-align:center; padding:10px 6px; border-radius:15px; width: 49%; font-size: 33px; font-weight: bold; float: left; margin:2px 2px 2px 2px; border:#ddd 1px solid; background-color:#f2f2f2; }

.coldiv { clear:both; margin: 10px 0px 10px 0px; padding:2px 0px;  }
.social { float:left; margin:4px 0px 5px 20px; padding:0px;  }
.social a { float:left; margin:0px 18px; padding:0px 0px; width:26px; height:26px; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear;  -webkit-transition: all .3s linear; text-align:center;  background:url(../img/social.png) no-repeat;  } 	
.social a.facebook { background-position:left top;  }
.social a.twitter {  background-position:-30px top; }
.social a.google {  background-position:-60px top; }
.social a.linkin {  background-position:-90px top;  }
.social a.youtube {  background-position:-120px top;  }
.social a.skypee {  background-position:-150px top;  }
.social a.wiki {  background-position:-180px top;  }
.social a.whatsapp {  background-position:-210px top;  }
.social a.pinterest {  background-position:-240px top;  }
.social a.blogger {  background-position:-270px top;  }
.social a.tumblr {  background-position:-300px top;  }
.social a.wp {  background-position:-330px top;  }
.social a.instagram {  background-position:-360px top; }