/**

	Theme Name: Horticulture Ooty Desktop Chat App
	Theme URI: http://www.pharmacymax.com.au
	Author: Ryan Stroh @ Rysen
	Author URI: http://www.rysen.com.au
	Version: 1.0

**/
/* ==========================================================================
   HTML5 Boilerplate
   ========================================================================== */

html, button, input, select, textarea {color: #222;}
body {font-size: 1em; line-height: 1.4;}
::-moz-selection { background: #b3d4fc; text-shadow: none;}
::selection { background: #b3d4fc; text-shadow: none;}
hr { display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
.chromeframe {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
	background-color: #f7f7f7;
}
body {
	font-family: Arial, sans-serif;
	font-size: 0.85em;
	line-height: 1.2;
	color: #000;
}
.wrapper {
	width: 1020px;
	margin: 0 auto 40px;
	position: relative;
}
.ib {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

/*
 Typography
 ----------------------------------*/

.cfb {
	font-family: 'Ubuntu';
	font-weight: 700;
}
.cfm {
	font-family: 'Ubuntu';
	font-weight: 500;
}
.cfr {
	font-family: 'Ubuntu';
	font-weight: 400;
}
.cfl {
	font-family: 'Ubuntu';
	font-weight: 300;
}
p {
	margin: 10px 0 15px;
}
a {
  	text-decoration: none;
  	cursor: pointer;
  	color: #1690d2;
}
a:hover {
	color: #000;
}
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}
b, strong { 
	font-weight: bold; 
}
.center {
	text-align: center;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu';
	padding: 0; 
	margin: 5px auto;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	color: #008ace;
	text-transform: uppercase;
}
h1 { font-size:20px; font-weight:700; line-height:1.15; margin-bottom: 18px;}
h2 { font-size:20px; font-weight:700; line-height:1.25; }
h3 { font-size:18px; font-weight:700; line-height:1.25; }
h4 { font-size:16px; font-weight:700; }
h5 { font-size:14px; font-weight:700; }
h6 { font-size:12px; font-weight:700; }

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/*
 Header
 ----------------------------------*/
 
header.main-header {
	position: relative;
	height: auto;
	width: 100%; 
	margin-bottom: 0px;
	background-color: #fff;
	height: 120px;
	border-bottom: 1px solid #d8d8d8;
}

header.stf {
    margin-bottom: 10px !important;
}

.logo {
	padding: 2px 0 10px;
	width: 570px;
	vertical-align: top;
}
.logo a{
	text-decoration: none;
}
.logo a .live-chat {
	padding: 0 0 0 10px;
	vertical-align: middle;
	color: #000;
	font-size: 20px;
}
nav {
	height: 52px;
	margin-bottom: 20px;
	background-color: #fff;
}
nav ul {
	padding: 0;
	margin: 0;
}
nav ul li {
	display: inline;
	margin: 0px;
	padding: 0;
}
nav ul li a {
	text-decoration: none;
	padding: 17px 29px 17px 0;
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	color: #008ace;
}
nav ul li a.active,
nav ul li a:hover {
	color: #ed2024;
}
.top-contact {
	font-size: 20px;
	border-left: 1px solid #d4d3e0;
	color: #342f6b;
	padding: 10px 0 10px 20px;
	margin-left: 5px;
	vertical-align: middle;
}

.top-content-place {
    margin: 40px 10px 0 0;
    float: right;
    font-size: 17px;
    width:320px
}

.account {
	float: right;
	width: auto; 
	padding: 15px 0;
    margin-top: 60px;
}
.account .status {
	float: right;
	width: 178px;
	height: 35px;
	cursor: pointer;
	background: url('../img/status-sprite.png') no-repeat 0 0;
}
.account .status.offline {
	background-position: 0 -35px;
}
.account .user {
	float: right;
	width: auto;
	margin-left: 20px;
	vertical-align: top;
}
.account .user span.name {
	width: auto;
	height: 35px;
	margin-right: -1px;
	font-size: 13px;
	line-height: 32px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding-left: 20px;
	padding-right: 15px;
	background: url('../img/user-field.png') no-repeat left center #008ace;
}
.account .user span.dropdown {
	width: 38px;
	height: 35px;
	vertical-align: top;
	background: url('../img/user-drop-sprite.png') no-repeat 0 0;
}
.account .user span.dropdown:hover {
	background-position: 0 -35px;
}
.account .acc-menu { 
	padding: 0;
	vertical-align: top;
	list-style-type: none;
	margin: 0
}
.account .acc-menu > li { 
	float: left; 
	border-left: 1px solid #6695c2; 
	height: auto; 
	position: relative; 
} 
.account .acc-menu > li:first-child { 
	border-left: 0; 
}
.account .acc-menu > li > a { 
	margin-top: 0px; 
	display: block; 
	padding: 0px; 
}
.account .acc-menu > li > a > span { 
	padding-left: 0px; 
}
.account .acc-menu > li > a:hover, 
.account .acc-menu > li.active > a { 
	
}
.account .acc-menu li .sub-menu-content { 
	display: none; 
	position: absolute; 
	top: 100%; 
	right: 0; 
	background: #0268b0; 
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	border: 1px solid #ccc; 
	z-index: 1000; 
	padding: 5px 15px; 
	min-width: 105px;
	width: auto;
}
.account .acc-menu li .sub-menu-content .sub-menu { 
	/*float: left; */
}
.account .acc-menu li .sub-menu-content .sub-menu { 
	width: auto; 
}
.account .acc-menu li .sub-menu-content .sub-menu ul { 
	padding: 0; 
	margin: 0; 
}
.account .acc-menu li .sub-menu-content .sub-menu ul li { 
	display: block; 
	cursor: pointer; 
}
.account .acc-menu li .sub-menu-content .sub-menu ul li a { 
	display: block; 
	/*font-size: 15px; 
	line-height: 16px; */
	padding: 5px 8px 6px 3px; 
	margin-right: 11px; 
	color: #fff; 
	text-decoration: none;
}
.account .acc-menu li .sub-menu-content .sub-menu ul li.active, 
.account .acc-menu li .sub-menu-content .sub-menu ul li:hover { 
	
}
.account .acc-menu li .sub-menu-content .sub-menu ul li.active:hover a {
	color: #009ae7; 
}
.account .acc-menu li .sub-menu-content .sub-menu ul li:hover a { 
	background: none; 
	color: #008ace; 
	margin-left: 0px; 
	border-bottom: 0;  
}
.account .acc-menu li .sub-menu-content .sub-menu ul li a.active, 
.account .acc-menu li .sub-menu-content .sub-menu ul li a:hover { 
	background: none; 
}

/*
 Login Page
 ----------------------------------*/

.login-page {
	position: fixed;
	top: 45%;
	left: 50%;
	margin-left: -233px;
	margin-top: -253px;
	min-height: 430px;
	background-color:#fff;
	border-radius: 10px;
}
.login-page .logo {
	width: 466px;
	margin: 0 auto;

}
.login-page h1 {
	text-transform: capitalize;
	margin-bottom: 25px;
	color: #000;
	font-size: 35px;
}
.login-page .login-box {
	width: 406px;
	height: auto;
	min-height: 256px;
	margin: 0 auto;
	padding: 2px 30px;
	background-color: #fff;
	border-radius: 10px;
}
.login-page label {
	display: block;
	padding-bottom: 4px;
}
.login-page input[type="text"],
.login-page input[type="password"] {
	width: 385px;
	height: 20px;
	border-radius: 30px;
	border: 1px solid #B2B2B2;
	padding: 5px 10px;
}
.login-page input[type="text"] {
	margin-bottom: 10px;
}
.login-page p {
	font-size: 13px;
}
.login-page .login.btn {
	width: 170px;
	height: 42px;
	border-radius: 30px;
	padding: 5px;
	border: none;
	background-color: #0067b0;
	font-size: 19px;
	text-transform: uppercase;
	color: #fff;
}
.login-page .login.btn:hover {
	background-color: #0086e4;
}

/*
 Chats page
 ----------------------------------*/

#chats ul.list {
	width: 182px;
	margin: 13px 0 0 0;
	padding: 0;
	vertical-align: top;
}
#chats ul.list li {
	height: 42px;
	margin: 0 0 3px;
	list-style: none;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 4px 0px 0px 4px;
	background-color: #9e9fa0;
}
#chats ul.list li.ui-state-active,
#chats ul.list li.ui-state-active:hover {
	background-color: #00aeef;
}
#chats ul.list li:hover { 
	background-color: #abacad;
}
#chats ul.list li a {
	display: block;
	color: #fff;
	padding: 11px 0px 11px 11px;
	text-decoration: none;
}
#chats ul.list li span.notification {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	margin-left: 5px;
	color: #fff;
	background-color: #ed2024;
	text-align: center;
}
.chatwindow {
	width: 777px;
	height: 455px;
	margin-left: -4px;
	border-radius: 6px;
	box-shadow: 2px 2px 2px #ddd;
	background-color: #fff;
	overflow: hidden;
}
.chatwindow .chat-left {
	position: relative;
	width: 533px;
	height: 100%;
	overflow: hidden;
	vertical-align: top;
	background-color: #fff;
}
.chatwindow .chat-left .type-window {
	height: 375px;
	overflow: scroll;
	padding: 13px 15px 23px;
}
.chatwindow .chat-left .type-window::-webkit-scrollbar {
    width: 10px;
}
.chatwindow .chat-left .type-window::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(133,133,133,0.8); 
    border: 3px solid #fff;
}
.chatwindow .chat-left .type-window::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(203,203,203,0.4); 
}
.chatwindow .chat-left .type-window .admin,
.chatwindow .chat-left .type-window .user {
	position: relative;
	max-width: 400px;
	clear: both;
	padding: 0 10px;
	margin-bottom: 12px;
	text-align: left;
	border-radius: 6px;
	box-shadow: 1px 1px 2px #ddd;
}
.chatwindow .chat-left .type-window p {
	margin-top: 0px;
}
.chatwindow .chat-left .type-window p.info {
	margin-bottom: 0px;
	margin-top: 10px;
}
.chatwindow .chat-left .type-window p.info span.name {
	color: #00aeef;
	font-weight: bold;
}
.chatwindow .chat-left .type-window p.info span.time {
	float: right;
	font-size: 12px;
	color: #7f7f80;
}
.chatwindow .chat-left .type-window .admin {
	float: left;
	background-color: #f4f4f4;
}
.chatwindow .chat-left .type-window .admin:after {
	position: absolute;
	top: 100%;
	left: 0;
	height: 12px;
	width: 38px;
	margin-top: -4px;
	content: " ";
	border: solid transparent;
	background: url('../img/grey-speech.png') center 0 no-repeat;
}
.chatwindow .chat-left .type-window .user {
	float: right;
	background-color: #cff1fd;
	/*color: #00aeef;*/
}
.chatwindow .chat-left .type-window .user:after {
	position: absolute;
	top: 100%;
	right: 0;
	height: 12px;
	width: 38px;
	margin-top: -4px;
	content: " ";
	border: solid transparent;
	background: url('../img/lblue-speech.png') center 0 no-repeat;	
}
.chatwindow .chat-left .chat-type {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	/*min-height: 60px;
	max-height: 74px;
	background-color: #00aeef;*/
}
.chatwindow .chat-left .chat-type .chat-field {
	min-height: 60px;
	max-height: 90px;
	background-color: #e9e8e8;
}
.chatwindow .chat-left .chat-type form {
	position: relative;
	height: 100%;
}

.chatwindow .chat-left .chat-type input[type="text"] { 
	width: 342px;
	margin-top: 9px;
	margin-left: 9px;
	padding: 13px 15px;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	background-color: #fff;
	
}
.chatwindow .chat-left .chat-type textarea { 
	width: 342px;
	margin-top: 19px;
	margin-left: 9px;
	padding: 13px 15px;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	background-color: #fff;
	overflow: hidden;
	min-height: 15px;
	max-height: 32px;
	position: relative;
	bottom: 10px;
}

.chatwindow .chat-left .chat-type input[type="submit"] { 
	width: 115px;
	height: 42px;
	margin-left: 12px;
	margin-top: 7px;
	padding: 0px;
	font-size: 15px;
	text-transform: uppercase;
	color: #000;
	border: none;
	background-color: #ffdf04;
	border-radius: 30px;
}
.chatwindow .chat-left .chat-type input[type="submit"]:hover {
	background-color: #ffd500;
}
.chatwindow .chatdetails-right {
	width: 204px;
	height: 415px;
	padding: 20px;
	margin-left: -4px;
	background-color: #cff1fd;
}
.chatwindow .chatdetails-right h3 {
	color: #707070;
	margin-bottom: 15px;
	margin-top: 10px;
}
.chatwindow .chatdetails-right p {
	margin: 0;
}
.chatwindow .chatdetails-right p.grey {
	color: #707070;
}
.chatwindow .chatdetails-right p.blue {
	margin-bottom: 10px;
	color: #0067b0;
}
.chatwindow .chatdetails-right .endchat.btn {
	width: 126px;
	height: 31px;
	padding: 0px;
	margin-top: 25px;
	margin-left: 40px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #ed2024;
	border-radius: 30px;
	text-align: center;
}
.chatwindow .chatdetails-right .endchat.btn a {
	color: #fff;
	text-decoration: none;
	display: block;
}
.chatwindow .chatdetails-right .endchat.btn:hover {
	background-color: #c21e20;
}

/* tickets Page
 ----------------------------------*/

.tickets-page .table-container {
	width: 100%;
	padding: 5px;
	border-radius: 6px;
	background-color: #fff;
	border-collapse: collapse;
	overflow: hidden;
}
.tickets-page .chat-drop dd.user,
.tickets-page .chat-drop dd.tickets,
.tickets-page .chat-drop dd.ipaddress {
	cursor: pointer;
}
.tickets-page .chat-drop.active dd.user,
.tickets-page .chat-drop.active dd.tickets,
.tickets-page .chat-drop.active dd.ipaddress {
	color: #008ace;
}
.tickets-page dl {
    padding: 0 2px;
    margin: 0;
}
.tickets-page dl dt {
	height: 27px;
    background: #00aeef;
    color:#fff;
    float:left; 
    font-weight:bold; 
    line-height: 27px;
    margin-right:0px; 
    padding:5px;  
    background: #00aeef;
	text-transform: uppercase;
}
.tickets-page dl dd {
    float:left;
    margin:2px 0; 
    /*line-height: 30px;
    font-weight: bold;*/
}
.tickets-page dl dt.user {
	/*border-radius: 6px 0px 0px 0px*/
}
.tickets-page dl dt.rd {
	border-radius: 0px 6px 0px 0px
}
.tickets-page dl dd.user,
.tickets-page dl dd.tickets,
.tickets-page dl dd.ipaddress {
	padding: 5px;
	height: 20px;
}
.tickets-page dl .user {
	width: 235px;
	padding-left: 15px;
}
.tickets-page dl .tickets {
	width: 215px;
}
.tickets-page dl .ipaddress {
	width: 130px;
}
.tickets-page dl dd.user {
	width: 230px;
	/*margin-left: 10px;*/
	padding-left: 20px;
}
.tickets-page dl dd.tickets {
	width: 215px;
}
.tickets-page dl dd.chat-details {
	width: 903px;
	height: auto;
	margin-left: 10px;
	padding-right: 19px;
	padding-left: 19px;
	border-bottom: 1px solid #ccc;
}
.tickets-page dl dd.chat-details .info { 
	padding: 10px;
	margin-top: -8px;
	margin-bottom: 14px;
	border-radius: 6px;
	font-weight: normal;
	background-color: #f7f7f7;
	min-height: 30px
}
.tickets-page dl dd.last {
    border-bottom: none;
}
.tickets-page dl dd.chat-details .info span {
	padding-right: 20px;
}
.tickets-page dl .gochat.btn {
	float: right;
	width: 126px;
	height: 31px;
	padding: 0px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #0067b0;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.tickets-page dl .gochat.btn:hover {
	background-color: #0073c5;
}

.tickets-page dl dt.sno {
	width: 35px;
	border-radius: 6px 0 0;

}

.tickets-page dl dd.sno {
	width: 35px;
	border-radius: 6px 0 0;
	padding: 5px;
	text-align: center;
}

/*
 Chat History Page
 ----------------------------------*/

.chathistory-page .chat-nav {
	margin-bottom: 20px;
}
.chathistory-page .chat-nav input[type="text"] {
	width: 163px;
	height: 20px;
	border-radius: 30px;
	border: 1px solid #B2B2B2;
	padding: 5px 10px;
	vertical-align: top;
	background: url('../img/magnify.png') no-repeat 160px center #fff;
}
.chathistory-page .chat-nav .selecter {
	margin: 0;
}
.chathistory-page .chat-nav .selecter .selecter-selected {
	background: #fff url('../img/select-arrow2.png') no-repeat right center;
	width: 115px;
	height: 20px;
	border-radius: 30px;
	border: 1px solid #B2B2B2;
	padding: 5px 10px;
	line-height: 20px;
	cursor: pointer;
	display: block;
	margin: 0;
	overflow: hidden;
	position: relative;
	text-overflow: clip;
	z-index: 49;
	text-transform: uppercase;
	font-size: 12px;
	color: #707070;
}
.chathistory-page .chat-nav .selecter .selecter-options {
	border-radius: 6px;
	width: 233%;
	box-shadow: 0 0 0 !important;
}
.chathistory-page .chat-nav .selecter .selecter-selected:hover {
	background: #fff url('../img/select-arrow-hover.png') no-repeat right center;
}
.chathistory-page .chat-nav .concurrent {
	position: absolute;
	left: 109px;
	top: 35px;
	font-weight: bold;
}
.chathistory-page .chat-nav .selecter .selecter-options, 
.chathistory-page .chat-nav .selecter.open .selecter-selected, 
.chathistory-page .chat-nav .selecter.focus .selecter-selected,
.chathistory-page .chat-nav .selecter .selecter-options {
	box-shadow: 0 0 0 !important;
}
.chathistory-page .chat-nav input[type="text"]:focus,
.chathistory-page .chat-nav .selecter:focus {
	outline: none;
}
.chathistory-page .chat-nav .showing {
	float: right;
	vertical-align: top;
	padding-top: 7px;
	font-size: 12px;
}
.chathistory-page .chat-nav .showing span a {
	padding-left: 9px;
	text-transform: uppercase;
	text-decoration: none;
	color: #2293d0;
}
.chathistory-page .chat-nav .pagination {
	float: right;
	vertical-align: top;
	padding-left: 12px;
}
.chathistory-page .chat-nav .pagination a .left-arrow,
.chathistory-page .chat-nav .pagination a .right-arrow {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('../img/pagination-sprite.png') no-repeat 0 0 transparent;
}
.chathistory-page .chat-nav .pagination a .left-arrow {
	background-position: 0 0;	
}
.chathistory-page .chat-nav .pagination a .left-arrow:hover {
	background-position: 0 -25px;	
}
.chathistory-page .chat-nav .pagination a .right-arrow {
	margin-left: 2px;
	background-position: -25px 0;
}
.chathistory-page .chat-nav .pagination a .right-arrow:hover {
	background-position: -25px -25px;
}
.chathistory-page .chat-nav .pagination span.page {
	display: inline-block;
	vertical-align: middle;
	padding: 0 3px;
	margin-top: -17px;
}
.chathistory-page .chat-nav .pagination span.page a {
	color: #707070;
	text-decoration: none;
}
.chathistory-page .chat-nav .pagination span.page.active a {
	color: #000;
}
.chathistory-page .chat-nav .pagination span.page a:hover {
	color: #000;
}
.chathistory-page .table-container {
	width: 100%;
	padding: 5px;
	border-radius: 6px;
	background-color: #fff;
	border-collapse: collapse;
	overflow: hidden;
}
.chathistory-page .chat-drop dd.user,
.chathistory-page .chat-drop dd.tickets,
.chathistory-page .chat-drop dd.ipaddress {
	cursor: pointer;
}
.chathistory-page .chat-drop.active dd.user,
.chathistory-page .chat-drop.active dd.tickets,
.chathistory-page .chat-drop.active dd.rating,
.chathistory-page .chat-drop.active dd.date {
	color: #008ace;
}
.chathistory-page dl {
    padding: 0 2px;
    margin: 0;
}
.chathistory-page dl dt {
	height: 27px;
    background: #00aeef;
    color:#fff;
    float:left; 
    font-weight:bold; 
    line-height: 27px;
    margin-right:0px; 
    padding:5px;  
    background: #00aeef;
	text-transform: uppercase;
}
.chathistory-page dl dd {
    float:left;
    margin:2px 0; 
    line-height: 30px;
    font-weight: bold;
}
.chathistory-page dl dt.tickets {
	border-radius: 6px 0px 0px 0px
}
.chathistory-page dl dt.date {
	border-radius: 0px 6px 0px 0px
}
.chathistory-page dl dd.user,
.chathistory-page dl dd.tickets,
.chathistory-page dl dd.rating,
.chathistory-page dl dd.date {
	padding: 5px 0;
	height: 34px;
}
.chathistory-page dl .tickets {
	width: 225px;
	padding-left: 30px;
}
.chathistory-page dl .user {
	width: 285px;
}
.chathistory-page dl .rating {
	width: 240px;
}
.chathistory-page dl .date {
	width: 141px;
}
.chathistory-page dl dd.tickets {
	width: 221px;
	margin-left: 10px;
	padding-left: 20px;
}
.chathistory-page dl dd.user {
	width: 285px;
	padding-left: 15px;
}
.chathistory-page dl dd.rating {
	padding-left: 10px;
}
.chathistory-page dl dd.date {
	padding-left: 8px;
}
.chathistory-page dl dd.chat-details {
	width: 903px;
	height: auto;
	margin-left: 10px;
	padding-right: 19px;
	padding-left: 19px;
	border-bottom: 1px solid #ccc;
}
.chathistory-page dl dd.chat-details .info { 
	padding: 10px;
	margin-top: -8px;
	margin-bottom: 14px;
	border-radius: 6px;
	font-weight: normal;
	background-color: #f7f7f7;
}
.chathistory-page dl dd.chat-details .info .window { 
	width: 440px;
	height: 135px;
	padding: 10px;
	background-color: #fff;
	border-radius: 6px;
	overflow: scroll;
	vertical-align: top;
}
.chathistory-page dl dd.chat-details .info .window::-webkit-scrollbar {
    width: 10px;
}
.chathistory-page dl dd.chat-details .info .window::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(133,133,133,0.8); 
    border: 3px solid #fff;
}
.chathistory-page dl dd.chat-details .info .window::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(203,203,203,0.4); 
}
.chathistory-page dl dd.chat-details .info .window p { 
	margin: 0 0 5px;
	line-height: 20px;
}
.chathistory-page dl dd.chat-details .info .window span.name {
	width: 60px;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.chathistory-page dl dd.chat-details .info .window span.message {
	width: 367px;
}
.chathistory-page dl dd.chat-details .info .details { 
	width: 360px;
	margin-left: 59px;
	line-height: 21px;
}
.chathistory-page dl dd.chat-details .info .details span.title { 
	width: 65px;
	vertical-align: top;
}
.chathistory-page dl dd.chat-details .info .details span.user-info { 
	width: 285px;
	margin-bottom: 10px;
}
.chathistory-page dl dd.last {
    border-bottom: none;
}

/* tickets Page ----------------------------------*/

.tickets-page .users {
	width: 250px;
	padding-left: 0px;
	margin-right: 20px;
}

.tickets-page .dated {
	width: 200px; 
}


.tickets-page .users ul, .tickets-page .dated ul {
	padding: 0;
	margin-top: 10px;
	margin-bottom: 30px;
}
.tickets-page .users ul li, .tickets-page .dated ul li {
	margin-bottom: 5px;
	font-size: 13px;
	text-transform: uppercase;
	list-style-type:none;
}
.tickets-page .users ul li a, .tickets-page .dated ul a {
	color: #707070;
	text-decoration: none;
}
.tickets-page .users ul li a:hover, .tickets-page .dated ul a:hover {
	color: #000;
}
.tickets-page .user-details {
	width: 685px;
	height: auto;
	border-radius: 6px;
	margin-bottom: 20px;
	vertical-align: top;
	background-color: #fff;
}
.tickets-page .user-details .container {
	padding: 45px 30px 35px;
}
.tickets-page .user-details .image {
	width: 190px;
	margin-right: 20px;
	vertical-align: top;
	text-align: center;
}
.tickets-page .user-details .details {
	width: 410px;
}
.tickets-page .user-details .details h1 span {
	font-size: 14px;
}
.tickets-page .user-details .details dl {
    margin-bottom:20px;
}
.tickets-page .user-details .details dl dt {
    float:left; 
    font-weight:bold; 
    margin-right:10px; 
    padding:5px;  
    width:105px; 
}
.tickets-page .user-details .details dl dd {
    margin:2px 0; 
    padding:5px 0;
}

.tickets-page dl dd.dated {
    border-radius: 6px 0 0;
    padding: 5px; 
}

.tickets-page .user-details .details .edit-details.btn {
	width: 143px;
	height: 31px;
	padding: 0px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #0067b0;
	border-radius: 30px;
	text-align: center;
}
.tickets-page .user-details .details .edit-details.btn a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.tickets-page .user-details .details .edit-details.btn:hover {
	background-color: #0074c7;
}
.tickets-page .add-admin.btn {
	float: right;
	width: 186px;
	height: 31px;
	padding: 0px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #ffdf04;
	border-radius: 30px;
	text-align: center;
}
.tickets-page .add-admin.btn a {
	display: block;
	color: #000;
	text-decoration: none;
}
.tickets-page .add-admin.btn:hover {
	background-color: #e8cb10;
}

/* Edit tickets Page ----------------------------------*/

.edittickets-page .edit-form {
	padding: 30px;
	border-radius: 6px;
	background-color: #fff;
}
.edittickets-page .edit-form .image-left {
	width: 200px;
	margin-right: 45px;
	vertical-align: top;
}
.edittickets-page .edit-form .image-left .change-photo.btn {
	width: 144px;
	height: 31px;
	padding: 0px;
	margin-top: 30px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #ffdf04;
	border-radius: 30px;
	text-align: center;
}
.edittickets-page .edit-form .image-left .change-photo.btn a {
	display: block;
	color: #000;
	text-decoration: none;
}
.edittickets-page .edit-form .image-left .change-photo.btn:hover {
	background-color: #e8cb10;
}
.edittickets-page .edit-form .fields-right {
	width: 800px;
}
.edittickets-page .edit-form .fields-right .left {
	margin-right: 25px;
}
.edittickets-page .edit-form .fields-right .left,
.edittickets-page .edit-form .fields-right .right {
	width: 296px;
	margin-bottom: 10px;
}
.edittickets-page .edit-form .fields-right .full {
	width: 100%;
	margin-bottom: 10px;
	position: relative;
}
.edittickets-page .edit-form .fields-right .right.wide {
	width: 321px;
} 
.edittickets-page .edit-form .fields-right label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	float:left;
	padding-left: 170px;
        width: 190px;
}

.inp-s {
    width: 60px!important;
    height: 20px!important; 
}

.edittickets-page .edit-form .fields-right input[type="text"],
.edittickets-page .edit-form .fields-right input[type="password"] { 
	width: 274px;
	height: 22px;
	border-radius: 30px;
	border: 1px solid #B2B2B2;
	padding: 5px 10px;
}



.edittickets-page .edit-form .fields-right input[type="text"]:focus,
.edittickets-page .edit-form .fields-right input[type="password"]:focus { 
	outline: none;
}
.edittickets-page .edit-form .fields-right input[type="radio"] {
	margin: 8px 2px 8px 8px;
} 
.edittickets-page .edit-form .save-details.btn {
	width: 144px;
	height: 31px;
	padding: 0px;
	margin-top:10px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #0067b0;
	border-radius: 30px;
	text-align: center;
}
.edittickets-page .edit-form .save-details.btn a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
.edittickets-page .edit-form .save-details.btn:hover {
	background-color: #0a80d5;
}
.edittickets-page .edit-form .details-cancel {
	font-size: 13px;
	font-weight: normal;
}
.edittickets-page .edit-form .full input[type="text"] { 
	width: 100px;
}

.edittickets-page .edit-form .full .span { 
    float: left;
    padding: 5px 18px;
    width: 100px;
}

.edittickets-page .edit-form .full .span1 { 
    float: left;
    padding: 5px 15px;
    text-align: right;
    width: 100px;
}

.edittickets-page .edit-form .full .span2 { 
	float: left;
    padding: 15px;
    text-align: right;
    width: 100px;
}

.edittickets-page .edit-form .full .span3 { 
    margin-bottom: 5px; 
    float:left;
    padding: 10px 0 0 170px;
    width: 190px;
}

.edittickets-page .edit-form .full .span4 { 
    float: left;
    padding: 5px 0px;
    text-align: right; 
}

.edittickets-page .edit-form .full .span5 { 
    float: left;
    padding: 10px 20px;
    text-align: right;
    width: 100px;
}

.edittickets-page .edit-form .selecter .selecter-selected {
	background: #fff url('../img/select-arrow.png') no-repeat right center;
	width: 274px;
	height: 20px;
	border-radius: 30px;
	border: 1px solid #B2B2B2;
	padding: 5px 10px;
	line-height: 19px;
	cursor: pointer;
	display: block;
	margin: 0;
	overflow: hidden;
	position: relative;
	text-overflow: clip;
	z-index: 49;
}
.edittickets-page .edit-form .selecter .selecter-options {
	border-radius: 6px;
	width: 135%;
	box-shadow: 0 0 0 !important;
}
.edittickets-page .edit-form .chat-limit .selecter .selecter-selected{
	width: 75px;
}
.edittickets-page .edit-form .chat-limit .selecter .selecter-options {
	width: 28%;
}
.edittickets-page .edit-form .chat-limit .concurrent {
	position: absolute;
	left: 109px;
	top: 35px;
	font-weight: bold;
}
.edittickets-page .edit-form .selecter .selecter-options, 
.edittickets-page .edit-form .selecter.open .selecter-selected, 
.edittickets-page .edit-form .selecter.focus .selecter-selected,
.edittickets-page .edit-form .chat-limit .selecter .selecter-options {
	box-shadow: 0 0 0 !important;
}
.edittickets-page .edit-form .selecter:focus {
	outline: none;
}

/*
 Reports Page
 ----------------------------------*/
 
.reports-page .report-container {
	padding: 30px;
	border-radius: 6px;
	background-color: #fff;
}


/* Places Page ----------------------------------*/

.places-page .table-container {
	width: 100%;
	padding: 5px;
	border-radius: 6px;
	background-color: #fff;
	border-collapse: collapse;
	overflow: hidden;
}
.places-page .chat-drop dd.user,
.places-page .chat-drop dd.places,
.places-page .chat-drop dd.ipaddress {
	cursor: pointer;
}
.places-page .chat-drop.active dd.user,
.places-page .chat-drop.active dd.places,
.places-page .chat-drop.active dd.ipaddress {
	color: #008ace;
}
.places-page dl {
    padding: 0 2px;
    margin: 0;
}
.places-page dl dt {
	height: 27px;
    background: #00aeef;
    color:#fff;
    float:left; 
    font-weight:bold; 
    line-height: 27px;
    margin-right:0px; 
    padding:5px;  
    background: #00aeef;
	text-transform: uppercase;
}
.places-page dl dd {
    float:left;
    margin:2px 0; 
    line-height: 30px;
    font-weight: bold;
}
.places-page dl dt.user {
	border-radius: 6px 0px 0px 0px
}
.places-page dl dt.rd {
	border-radius: 0px 6px 0px 0px
}

.places-page dl dt.rdl {
    border-radius: 6px 0 0 0 ;
}

.places-page dl dd.user,
.places-page dl dd.places,
.places-page dl dd.ipaddress {
	padding: 5px;
	height: 34px;
}
.places-page dl .user {
	width: 300px;
	padding-left: 20px;
}
.places-page dl .places {
	width: 235px;
}
.places-page dl .ipaddress {
	width: 100px;
}
.places-page dl dd.user {
	width: 300px;
	/*margin-left: 10px;*/
	padding-left: 20px;
}
.places-page dl dd.places {
	width: 235px;
}
.places-page dl dd.chat-details {
	width: 903px;
	height: auto;
	margin-left: 10px;
	padding-right: 19px;
	padding-left: 19px;
	border-bottom: 1px solid #ccc;
}
.places-page dl dd.chat-details .info { 
	padding: 10px;
	margin-top: -8px;
	margin-bottom: 14px;
	border-radius: 6px;
	font-weight: normal;
	background-color: #f7f7f7;
}
.places-page dl dd.last {
    border-bottom: none;
}
.places-page dl dd.chat-details .info span {
	padding-right: 20px;
}
.places-page dl .gochat.btn {
	float: right;
	width: 126px;
	height: 31px;
	padding: 0px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #0067b0;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.places-page dl .gochat.btn:hover {
	background-color: #0073c5;
}

/* places Page ----------------------------------*/

.places-page .users {
	width: 250px;
	padding-left: 0px;
	margin-right: 20px;
}
.places-page .users ul {
	padding: 0;
	margin-top: 10px;
	margin-bottom: 30px;
}
.places-page .users ul li {
	margin-bottom: 5px;
	font-size: 13px;
	text-transform: uppercase;
	list-style-type:none;
}
.places-page .users ul li a {
	color: #707070;
	text-decoration: none;
}
.places-page .users ul li a:hover {
	color: #000;
}
.places-page .user-details {
	width: 685px;
	height: auto;
	border-radius: 6px;
	margin-bottom: 20px;
	vertical-align: top;
	background-color: #fff;
}
.places-page .user-details .container {
	padding: 45px 30px 35px;
}
.places-page .user-details .image {
	width: 190px;
	margin-right: 20px;
	vertical-align: top;
	text-align: center;
}
.places-page .user-details .details {
	width: 410px;
}
.places-page .user-details .details h1 span {
	font-size: 14px;
}
.places-page .user-details .details dl {
    margin-bottom:20px;
}
.places-page .user-details .details dl dt {
    float:left; 
    font-weight:bold; 
    margin-right:10px; 
    padding:5px;  
    width:105px; 
}
.places-page .user-details .details dl dd {
    margin:2px 0; 
    padding:5px 0;
}
.places-page .user-details .details .edit-details.btn {
	width: 143px;
	height: 31px;
	padding: 0px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #0067b0;
	border-radius: 30px;
	text-align: center;
}
.places-page .user-details .details .edit-details.btn a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.places-page .user-details .details .edit-details.btn:hover {
	background-color: #0074c7;
}
.places-page .add-admin.btn {
	float: right;
	width: 186px;
	height: 31px;
	padding: 0px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #ffdf04;
	border-radius: 30px;
	text-align: center;
}
.places-page .add-admin.btn a {
	display: block;
	color: #000;
	text-decoration: none;
}
.places-page .add-admin.btn:hover {
	background-color: #e8cb10;
}

/* Edit places Page ----------------------------------*/

.editplaces-page .edit-form {
	padding: 30px;
	border-radius: 6px;
	background-color: #fff;
}
.editplaces-page .edit-form .image-left {
	width: 200px;
	margin-right: 45px;
	vertical-align: top;
}
.editplaces-page .edit-form .image-left .change-photo.btn {
	width: 144px;
	height: 31px;
	padding: 0px;
	margin-top: 30px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #ffdf04;
	border-radius: 30px;
	text-align: center;
}
.editplaces-page .edit-form .image-left .change-photo.btn a {
	display: block;
	color: #000;
	text-decoration: none;
}
.editplaces-page .edit-form .image-left .change-photo.btn:hover {
	background-color: #e8cb10;
}
.editplaces-page .edit-form .fields-right {
	width: 650px;
}
.editplaces-page .edit-form .fields-right .left {
	margin-right: 25px;
}
.editplaces-page .edit-form .fields-right .left,
.editplaces-page .edit-form .fields-right .right {
	width: 296px;
	margin-bottom: 10px;
}
.editplaces-page .edit-form .fields-right .full {
	width: 621px;
	margin-bottom: 10px;
	position: relative;
}
.editplaces-page .edit-form .fields-right .right.wide {
	width: 321px;
} 
.editplaces-page .edit-form .fields-right label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
.editplaces-page .edit-form .fields-right input[type="text"],
.editplaces-page .edit-form .fields-right input[type="password"] { 
	width: 274px;
	height: 20px;
	border-radius: 30px;
	border: 1px solid #B2B2B2;
	padding: 5px 10px;
}
.editplaces-page .edit-form .fields-right input[type="text"]:focus,
.editplaces-page .edit-form .fields-right input[type="password"]:focus { 
	outline: none;
}
.editplaces-page .edit-form .fields-right input[type="radio"] {
	margin-bottom: 8px;
	margin-right: 8px;
} 
.editplaces-page .edit-form .save-details.btn {
	width: 144px;
	height: 31px;
	padding: 0px;
	margin-top:10px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #0067b0;
	border-radius: 30px;
	text-align: center;
}
.editplaces-page .edit-form .save-details.btn a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
.editplaces-page .edit-form .save-details.btn:hover {
	background-color: #0a80d5;
}
.editplaces-page .edit-form .details-cancel {
	font-size: 13px;
	font-weight: normal;
}
.editplaces-page .edit-form .full input[type="text"] { 
	width: 599px;
}
.editplaces-page .edit-form .selecter .selecter-selected {
	background: #fff url('../img/select-arrow.png') no-repeat right center;
	width: 274px;
	height: 20px;
	border-radius: 30px;
	border: 1px solid #B2B2B2;
	padding: 5px 10px;
	line-height: 19px;
	cursor: pointer;
	display: block;
	margin: 0;
	overflow: hidden;
	position: relative;
	text-overflow: clip;
	z-index: 49;
}
.editplaces-page .edit-form .selecter .selecter-options {
	border-radius: 6px;
	width: 135%;
	box-shadow: 0 0 0 !important;
}
.editplaces-page .edit-form .chat-limit .selecter .selecter-selected{
	width: 75px;
}
.editplaces-page .edit-form .chat-limit .selecter .selecter-options {
	width: 28%;
}
.editplaces-page .edit-form .chat-limit .concurrent {
	position: absolute;
	left: 109px;
	top: 35px;
	font-weight: bold;
}
.editplaces-page .edit-form .selecter .selecter-options, 
.editplaces-page .edit-form .selecter.open .selecter-selected, 
.editplaces-page .edit-form .selecter.focus .selecter-selected,
.editplaces-page .edit-form .chat-limit .selecter .selecter-options {
	box-shadow: 0 0 0 !important;
}
.editplaces-page .edit-form .selecter:focus {
	outline: none;
}


/*
 Footer
 ----------------------------------*/

footer {
	
}

/* ==========================================================================
   Browser fixes
   ========================================================================== */


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {background-color: transparent; border: 0; overflow: hidden;/* IE 6/7 fallback */*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 100%;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
.clearfix:before,.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
    
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dppx) {
    
}

@media print {
    * {background: transparent !important;color: #000 !important;box-shadow:none !important;text-shadow: none !important;}
    a,a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
    pre,blockquote {border: 1px solid #999;break-inside: avoid;}
    thead {display: table-header-group; }
    tr,img {break-inside: avoid;}
    img {max-width: 100% !important;}

    @page {margin: 0.5cm;}

    p,h2,h3 {orphans: 3;widows: 3;}
    h2,h3 {break-after: avoid;}
}

.red { color:#ff0000; }
#error_msg { color:#ff0000; text-align: center; padding: 10px; min-height:20px;  }
.error-msg { border: 1px solid #ff0000 !important; }

#error_msg1 { color: #ff0000; padding: 0 170px 20px; }
#error_msg2 { color: #ff0000; padding: 10px 0 ; }

.btn-ad-new { float:right; background-color: #0067b0; border-radius: 30px; color:#fff; font-size: 14px; padding: 8px 18px; font-weight: normal; }
.btn-ad-new:hover { float:right; background-color: #006ee0; border-radius: 30px; font-size: 14px; color:#efefef; padding: 8px 18px; }

p label { min-width: 170px; color:blue; font-weight: bold; display: inline-block; }

.success-msg { background-color: #E5FCDC; border-radius: 8px; color: #454D43; font-size: 13px; width: 90%; padding:10px 15px;  }

.page_space { font-size:12px; }
.page_right { float:right;
	width:100%;
	text-align:right;
}
.page_left a{
	margin-left:5px;
	color: #707070;
	text-decoration: none;
}
.page_left.active a {
	color: #000;
}
.page_left a:hover {
	color: #000;
}

.co n_arrow {
    background-position: -25px 0;
    margin-left: 2px;
}
.right-arrow {
    background: url("../img/pagination-sprite.png") no-repeat ;
    display: inline-block;
    height: 25px;
    width: 25px;
    background-position: -25px 0;
    margin: 10px 0 -6px 3px;
}

.left-arrow {
    background: url("../img/pagination-sprite.png") no-repeat ;
    display: inline-block;
    height: 25px;
    width: 25px; /*background-position: -25px 0;*/
    margin: 10px 0 -6px 3px;
}

.selebox { float: left; width: 9%; text-align: left; } 
.selebox .selecter {
    display: block;
    margin: 10px 0;
    max-width: 100%;
    position: relative;
    z-index: 1;
}

.newbtn {
    background-color: #0067b0;
    border: medium none;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    height: 31px;
    line-height: 30px; 
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    min-width: 100px;
}

.newbtn:hover { background-color: #006ee0;  }

.pad-btn { padding: 7px 30px; font-size: 14px; }
.pad-btn:hover { background-color: #006ee0; color:#fff; font-size: 14px; }
#BookingDateFrom.hasDatepicker { width: 95px; border: 1px solid #b2b2b2; border-radius: 30px; height: 20px; padding: 5px 10px; }
#BookingDateTo.hasDatepicker { width: 95px; border: 1px solid #b2b2b2; border-radius: 30px; height: 20px; padding: 5px 10px; }
#sel .selecter, #selShift .selecter, #selPlace .selecter, #selAdmin .selecter { margin: 0 !important; max-width: 98% !important; }

.ib .right { float: right; }
.inp-bg { background-color: #d8d8d8; color:#ed2024; font-size: 14px; }
.inp-bg-tot { background-color: #d8d8d8; color:#ed2024; font-size: 23px; }
.inp-bg-received { background-color: #d8d8d8; color:#ed2024; font-size: 16px; }

/* Edit admin Page */

.editadmin-page .edit-form {
	padding: 30px;
	border-radius: 6px;
	background-color: #fff;
}
.editadmin-page .edit-form .image-left {
	width: 200px;
	margin-right: 45px;
	vertical-align: top;
}
.editadmin-page .edit-form .image-left .change-photo.btn {
	width: 144px;
	height: 31px;
	padding: 0px;
	margin-top: 30px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #ffdf04;
	border-radius: 30px;
	text-align: center;
}
.editadmin-page .edit-form .image-left .change-photo.btn a {
	display: block;
	color: #000;
	text-decoration: none;
}
.editadmin-page .edit-form .image-left .change-photo.btn:hover {
	background-color: #e8cb10;
}
.editadmin-page .edit-form .fields-right {
	width: 650px;
}
.editadmin-page .edit-form .fields-right .left {
	margin-right: 25px;
}
.editadmin-page .edit-form .fields-right .left,
.editadmin-page .edit-form .fields-right .right {
	width: 296px;
	margin-bottom: 15px;
}
.editadmin-page .edit-form .fields-right .full {
	width: 621px;
	margin-bottom: 10px;
	position: relative;
}
.editadmin-page .edit-form .fields-right .right.wide {
	width: 321px;
} 
.editadmin-page .edit-form .fields-right label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
        padding: 0 40px 0 0;
}
.editadmin-page .edit-form .fields-right input[type="text"],
.editadmin-page .edit-form .fields-right input[type="password"] { 
	width: 274px;
	height: 20px;
	border-radius: 30px;
	border: 1px solid #B2B2B2;
	padding: 5px 10px;
}
.editadmin-page .edit-form .fields-right input[type="text"]:focus,
.editadmin-page .edit-form .fields-right input[type="password"]:focus { 
	outline: none;
}
.editadmin-page .edit-form .fields-right input[type="radio"] {
	margin-bottom: 8px;
	margin-right: 8px;
} 
.editadmin-page .edit-form .save-details.btn {
	width: 144px;
	height: 31px;
	padding: 0px;
	margin-top:10px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #0067b0;
	border-radius: 30px;
	text-align: center;
}
.editadmin-page .edit-form .save-details.btn a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
.editadmin-page .edit-form .save-details.btn:hover {
	background-color: #0a80d5;
}
.editadmin-page .edit-form .details-cancel {
	font-size: 13px;
	font-weight: normal;
}
.editadmin-page .edit-form .full input[type="text"] { 
	width: 599px;
}
.editadmin-page .edit-form .selecter .selecter-selected {
	background: #fff url('../img/select-arrow.png') no-repeat right center;
	width: 274px;
	height: 20px;
	border-radius: 30px;
	border: 1px solid #B2B2B2;
	padding: 5px 10px;
	line-height: 19px;
	cursor: pointer;
	display: block;
	margin: 0;
	overflow: hidden;
	position: relative;
	text-overflow: clip;
	z-index: 49;
}
.editadmin-page .edit-form .selecter .selecter-options {
	border-radius: 6px;
	width: 135%;
	box-shadow: 0 0 0 !important;
}
.editadmin-page .edit-form .chat-limit .selecter .selecter-selected{
	width: 75px;
}
.editadmin-page .edit-form .chat-limit .selecter .selecter-options {
	width: 28%;
}
.editadmin-page .edit-form .chat-limit .concurrent {
	position: absolute;
	left: 109px;
	top: 35px;
	font-weight: bold;
}
.editadmin-page .edit-form .selecter .selecter-options, 
.editadmin-page .edit-form .selecter.open .selecter-selected, 
.editadmin-page .edit-form .selecter.focus .selecter-selected,
.editadmin-page .edit-form .chat-limit .selecter .selecter-options {
	box-shadow: 0 0 0 !important;
}
.editadmin-page .edit-form .selecter:focus {
	outline: none;
}
.editadmin-page .selecter {
    max-width:72% !important;
}
.btn-pad { padding: 0 15px; }


/* Reports Page ----------------------------------*/

.reports-page .table-container {
    width: 100%;
    border-radius: 6px;
    background-color: #fff;
    border-collapse: collapse;
    overflow: hidden;
}
.reports-page .chat-drop dd.user,
.reports-page .chat-drop dd.amt,
.reports-page .chat-drop dd.date,
.reports-page .chat-drop dd.sno,
.reports-page .chat-drop dd.name,
.reports-page .chat-drop dd.Reports,
.reports-page .chat-drop dd.ipaddress {
    cursor: pointer;
}
.reports-page .chat-drop.active dd.user,
.reports-page .chat-drop.active dd.date,
.reports-page .chat-drop.active dd.amt,
.reports-page .chat-drop.active dd.sno,
.reports-page .chat-drop.active dd.name,
.reports-page .chat-drop.active dd.Reports,
.reports-page .chat-drop.active dd.ipaddress {
    color: #008ace;
}
.reports-page dl {
    padding: 0 2px;
    margin: 0;
}
.reports-page dl dt {
    height: 35px;
    background: #00aeef;
    color:#fff;
    float:left; 
    font-weight:bold; 
    line-height: 20px;
    margin-right:0px; 
    padding:5px;
    background: #00aeef;
    /*text-transform: uppercase; */
}

.reports-page dl dd { padding:5px; }

.reports-page dl dd {
    float:left;
    margin:2px 0; 
    /*line-height: 30px;
    font-weight: bold;*/
}
 
.reports-page dl dt.rdright {
    border-radius: 0px 6px 0px 0px
}

.reports-page dl dt.rdleft {
    border-radius: 6px 0 0 0 ;
}
 

.reports-page dl dd.user,
.reports-page dl dd.sno,
.reports-page dl dd.date,
.reports-page dl dd.amt,
.reports-page dl dd.name,
.reports-page dl dd.Reports,
.reports-page dl dd.ipaddress {
    padding: 5px;
    /*height: 34px;*/
}

.reports-page dl .date {
	width:75px;
}

.reports-page dl .amt {
	width:68px;
}

.reports-page dl .user {
	width:115px;
}
.reports-page dl .Reports {
	width: 225px;
}
.reports-page dl .ipaddress {
	width:92px;
}
.reports-page dl dd.user {
	width:115px;
}
.reports-page dl dd.date {
	width:75px;
}
.reports-page dl dd.amt {
	width:68px;
}
.reports-page dl dd.Reports {
	width: 225px;
}
.reports-page dl dd.chat-details {
	width: 920px;
	height: auto;
	margin-left: 5px;
	padding-right: 19px;
	padding-left: 19px;
	border-bottom: 1px solid #ccc;
}
.reports-page dl dd.chat-details .info { 
	padding: 10px;
	margin-top: -8px;
	margin-bottom: 14px;
	border-radius: 6px;
	font-weight: normal;
	background-color: #f7f7f7;
}
.reports-page dl dd.last {
    border-bottom: none;
}
.reports-page dl dd.chat-details .info span {
	padding-right: 20px;
}
.reports-page dl .gochat.btn {
	float: right;
	width: 126px;
	height: 31px;
	padding: 0px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	border: none;
	background-color: #0067b0;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.reports-page dl .gochat.btn:hover {
	background-color: #0073c5;
}

.reports-page dl .sno {
    width:45px;
}

.reports-page dl .name {
    width:150px;
}

.reports-page dl .txtalg-r {
    text-align: right;
}

select { 
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    padding: 4px 5px;
    position: relative;
    text-overflow: clip;
    z-index: 49;
    width:98%;
}/**/

.grdtot { 
    text-align: right;
    padding: 5px;
    width: 98%;
    
} 

.table-container table tr.bord {
    border-bottom: 1px solid #e9e8e8;
    text-align: center;
}
.table-container table tr th {
    padding: 10px 8px;
    background-color: #00aeef;
    color:#fff;
}

.table-container table tr th.first{
    border-radius: 10px 0 0 0;
}
 

.table-container table tr th.last{
    border-radius: 0 10px 0 0 ;
    width:75px
}

.export_btn {
    background-color: #0067b0;
    color: #fff;
    font-size: 14px;
    height: 31px;
    line-height: 30px;
    min-width: 100px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
}