@CHARSET "UTF-8";

tr.renew_blocked td.namecol {
	border: 2px dotted red;
}

tr.renew_blocked td.fullnamecol {
	border: 2px dotted red;
}

tr.prepaid_card td.namecol, tr.prepaid_card td.fullnamecol {
	outline: 2px dotted blue;
}


td.expiredcol {
		text-align: center;
}

td.startcol {
		text-align: center;
}

td.namecol {
	vertical-align: center;
	font-size: 90%;
}

td.checkboxcol {
	vertical-align: center;
	text-align: center;
}


td.fullnamecol {
	font-size: 90%;
}

td.addresscol {
	font-size: 90%;
}

td.phonecol {
	font-size: 80%;
}

td.stationcol {
	font-size: 80%;
}

td.citycol {
	font-size: 90%;
}

td.idcol {
	font-size: 90%;
}

td.addipcol {
	font-size: 80%;
}

td.sectorcol {
	font-size: 80%;
}

td.servicecol {
	font-size: 80% !important;
}

td.ipcol {
	font-size: 80% !important;
}

td.maccol  {
	font-size: 80% !important;
}

td.expiredcol {
	font-size: 80% !important;
}

td.startcol {
	font-size: 80% !important;
}

td.namecol div.userbox {
	font-size: xx-small !important;
}

td.maccol div.macbox {
	font-size: xx-small !important;
}

td.ipcol div.ipbox {
	font-size: xx-small !important;
}

td.ipcol div.servicebox {
	font-size: xx-small !important;
}

td.servicecol div.servicebox {
	font-size: xx-small !important;
}


td.ipcol div.pingbox {
	font-size: xx-small !important;
}

td.statuscol div.statusbox {
	font-size: xx-small !important;
}

tr.action_row td {
	padding: 0px !important;
}

/* columns styles */

.jsgrid-row.expiresoon td.expiredcol {
    background-color: #9f9fef;
}

.jsgrid-alt-row.expiresoon td.expiredcol {
    background-color: #afafff;
}

.jsgrid-row.expirered td.expiredcol {
    background-color: #D64B4B;
}

.jsgrid-alt-row.expirered td.expiredcol {
    background-color: #E06767;
}

.jsgrid-row.expiregreen td.expiredcol {
    background-color: #58cf58;
}

.jsgrid-alt-row.expiregreen td.expiredcol {
    background-color: #68df68;
}

/* status col styles */

.jsgrid-row.statusonline td.statuscol {
    background-color: #58cf58;
}

.jsgrid-alt-row.statusonline td.statuscol {
    background-color: #68df68;
}

.jsgrid-row.statusoffline td.statuscol {
    background-color: #702020;
    color: #dfdfdf;
}

.jsgrid-alt-row.statusoffline td.statuscol {
    background-color: #803030;
    color: #efefef;
}

.jsgrid-row.statusquota td.statuscol {
    background-color: #c4e2ee;
}

.jsgrid-alt-row.statusquota td.statuscol {
    background-color: #d4f2ff;
}

.jsgrid-row.statusstopped td.statuscol {
    background-color: #efef00;
}

.jsgrid-alt-row.statusstopped td.statuscol {
    background-color: #ffff00;
}

.jsgrid-row.statusblocked td.statuscol {
    background-color: #7000ff;
}

.jsgrid-alt-row.statusblocked td.statuscol {
    background-color: #8010ff;
}

.jsgrid-row.statusinactive td.statuscol {
    background-color: #efef00;
}

.jsgrid-alt-row.statusinactive td.statuscol {
    background-color: #ffff00;
}

tr.user_blocked td {
	position:relative
}
	
tr.user_blocked td:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	border-bottom: 1px dashed #888;
	width: 100%;
}



.jsgrid-row.statusunknown td.statuscol {
	background-color: #505050;
}

.jsgrid-alt-row.statusunknown td.statuscol {
	background-color: #606060;
}

.jsgrid-row.rowyellow td.expiredcol {
	background-color: #efef00;
}

.jsgrid-alt-row.rowyellow td.expiredcol {
	background-color: #ffff00;
}

.jsgrid-row.rowred td.expiredcol {
	background-color: #efef00; 
}

.jsgrid-alt-row.rowred td.expiredcol {
	background-color: #ffff00;
}

.jsgrid-row.rowgreen td.expiredcol {
	background-color: #00df00;
}

.jsgrid-alt-row.rowgreen td.expiredcol {
	background-color: #00ef00;
}

.jsgrid-row td.startcol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.startcol {
    background-color: #d8d8d8;
}


.jsgrid-row td.namecol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.namecol {
    background-color: #d8d8d8;
}

.jsgrid-row td.checkboxcol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.checkboxcol {
    background-color: #d8d8d8;
}

.jsgrid-row td.fullnamecol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.fullnamecol {
    background-color: #d8d8d8;
}

.jsgrid-row td.addresscol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.addresscol {
    background-color: #d8d8d8;
}

.jsgrid-row td.phonecol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.phonecol {
    background-color: #d8d8d8;
}

.jsgrid-row td.stationcol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.stationcol {
    background-color: #d8d8d8;
}

.jsgrid-row td.citycol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.citycol {
    background-color: #d8d8d8;
}

.jsgrid-row td.idcol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.idcol {
    background-color: #d8d8d8;
}

.jsgrid-row td.addipcol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.addipcol {
    background-color: #d8d8d8;
}

.jsgrid-row td.sectorcol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.sectorcol {
    background-color: #d8d8d8;
}

.jsgrid-row td.resellercol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.resellercol {
    background-color: #d8d8d8;
}

.jsgrid-row td.servicecol {
    background-color: #c8c8c8;
	text-align: center;
}

.jsgrid-alt-row td.servicecol {
    background-color: #d8d8d8;
	text-align: center;
}

.jsgrid-row td.maccol {
    background-color: #c8c8c8;
/* this --->>> background-image: url('../img/trash-icon.png'); */
/*	background-image: url('http://png-4.findicons.com/files/icons/1033/retrofukation/16/recycle_bin_full.png'); */
	
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
}

.jsgrid-alt-row td.maccol {
    background-color: #d8d8d8;
/* this --->>>	background-image: url('../img/trash-icon.png'); */
/*	background-image: url('http://png-4.findicons.com/files/icons/1033/retrofukation/16/recycle_bin_full.png'); */
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
}

.jsgrid-row td.nascol {
    background-color: #c8c8c8;
/* this --->>> background-image: url('../img/trash-icon.png'); */
/*	background-image: url('http://png-4.findicons.com/files/icons/1033/retrofukation/16/recycle_bin_full.png'); */
	
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
}

.jsgrid-alt-row td.nascol {
    background-color: #d8d8d8;
/* this --->>>	background-image: url('../img/trash-icon.png'); */
/*	background-image: url('http://png-4.findicons.com/files/icons/1033/retrofukation/16/recycle_bin_full.png'); */
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
}

.jsgrid-row td.ipcol {
    background-color: #c8c8c8;
	text-align: center;
}
.jsgrid-row td.sessioncol {
    background-color: #c8c8c8;
	text-align: right;
}

.jsgrid-alt-row td.sessioncol {
    background-color: #d8d8d8;
	text-align: right;
}

.jsgrid-alt-row td.ipcol {
    background-color: #d8d8d8;
	text-align: center;
}

/* .jsgrid-row td.statuscol {
	background-color: #58cf58;
}

.jsgrid-alt-row td.statuscol {
	background-color: #68df68;
} */

.jsgrid-row td.ctrlcol {
    background-color: #c8c8c8;
}

.jsgrid-alt-row td.ctrlcol {
    background-color: #d8d8d8;
}

.jsgrid-table {
	font-family: Helvetica;
    font-size: 11px;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

.jsgrid-header-row {
    font-size: small;
}

.jsgrid-pager {
	text-align: center;
} 

tr.jsgrid-header-row th {
	padding-bottom: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-left: 1px;
    background-color: #f0f0f0;
}

tr.jsgrid-filter-row td {
	padding-bottom: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-left: 1px;
    background-color: #f0f0f0;
}

tr.jsgrid-filter-row td input {
	height: 20px;
}



tr.jsgrid-row {
    height: 12px;
}

tr.jsgrid-row  td{
    height: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 2px;
}

tr.jsgrid-alt-row  td{
    height: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 2px;
}

.jsgrid {
	left: 1%;
}

div.jsgrid-grid-header {
    overflow-y: hidden;
}

div.jsgrid-grid-body {
    overflow-y: hidden;
}

.jsgrid-selected-row>td {
	background-color: #c4e2ff !important;
}

tr.jsgrid-click>td {
	background-color: #c4e2FF !important;
//	border-color: #a00000;
}

// some more styles
.switch-wrapper {
/*  display: inline-block; */
  display: inline;
  position: relative;
  top: 3px;
}

/* buttons */
.ui-button {
	border-radius: 3px;
}

span.ui-button-text {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

/* imputs */
tr.jsgrid-filter-row td input {
    height: 20px;
    border: 1px solid grey; 
}

tr.jsgrid-filter-row td input:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

tr.jsgrid-filter-row td select {
    height: 20px !important;
    border: 1px solid grey;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background: transparent url("../img/icon-dropdown-hover.png") no-repeat right center;
    
}
    height: 29px;
    overflow: hidden;
/*    width: 240px; */
    
}

tr.jsgrid-filter-row td select:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

tr.highlight td {
	opacity: 0.5;
}

tr.highlight1 td {
	background-color: #aaa !important;
}

tr.highlight2 td {
	background-color: #ccc !important;
}
td.red_marker {
    background-color: #c85859 !important;
}

.jsgrid-row td.namecol input[type=checkbox].paid_select {
	float: right;
	margin: 0px;
}

.jsgrid-alt-row td.namecol input[type=checkbox].paid_select {
	float: right;
	margin: 0px;
}


.jsgrid-alt-row td.phonecol button {
	font-size: 0.8em;
	display: none;
}

.jsgrid-row td.phonecol button {
	font-size: 0.8em;
	display: none;
}


.jsgrid-row td.phonecol button.sms_on {
	float: right;
	margin: 0px;
	color: #208020;
}

.jsgrid-alt-row td.phonecol button.sms_on {
	float: right;
	margin: 0px;
	color: #208020;
}

.jsgrid-row td.phonecol button.sms_off {
	float: right;
	margin: 0px;
	color: #802020;
}

.jsgrid-alt-row td.phonecol button.sms_off {
	float: right;
	margin: 0px;
	color: #802020;
}

.jsgrid-row td.namecol button.paid_select {
	float: right;
	margin: 0px;
}

.jsgrid-alt-row td.namecol button.paid_select {
	float: right;
	margin: 0px;
}


.jsgrid-row td.namecol input[type=checkbox].usr_select {
	margin: 0px;
}

.jsgrid-alt-row td.namecol input[type=checkbox].usr_select {
	margin: 0px;
}

/* #clocks-container { border: 1px groove White; border-radius: 15px; padding: 10px; width: 50%; margin: 30px auto; background-color: LightGray; text-align: center; } */
#clocks-container { 
/*	border: 1px groove White;
	border-radius: 15px;
	padding: 10px;
	width: 50%;
	margin: 30px auto;
	background-color: LightGray;*/
	text-align: center;
} 
.dailog-top-right-position {
    position: absolute !important;
    right: 200px; /* use a length or percentage */
} 

.dailog-grey {
	background-color: #b0b0b0 !important;
} 
.info_font {
	font-size: xx-small;
}

/* SAMPLE CSS STYLES FOR JQUERY CLOCK PLUGIN */ 
.jqclock {
 /* text-align:center; border: 2px #369 ridge; background-color: #69B; padding: 10px; margin:20px auto; width: 40%; box-shadow: 5px 5px 15px #005; */
 	padding: 8px;
/* 	margin:20px auto; */
 } 
.clockdate { 
	color: LightGreen;
	font-weight: bold;
/*	background-color: #7AC; */
	margin-bottom: 10px;
	font-size: 12px;
	font-family: "Courier";
/*	display: block; */
	padding: 5px 0;
} 
.clocktime { 
/*	border: 2px inset DarkBlue; */
/*	background-color: #444; */
	padding: 5px 0;
	font-size: 12px;
	font-family: "Courier";
	color: LightGreen;
	margin: 2px;
/*	display: block; */
/*	font-weight:bold; */
/*	text-shadow: 1px 1px 1px Black; */
}