/* Default ****************************************************************************************/
html, body, div, p, span,
table, tbody, tr, th, td,
img, a
{
	margin: 0px;
	border: 0px;
	padding: 0px;
}
html, body
{
	height: 100%;
	font-size: 10pt;
}
html, body
{
	width: 100%;
}
html, body
{
	font-family: helvetica, Arial, sans-serif;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
:root{
	--vf-white: #ffffff;
	--vf-black: #000000;
	--vf-red: #00A4B1;
	--vf-dark-red: #464646;
	--vf-light-grey: #f4f4f4;
	--vf-grey: #e1e1e1;
	--vf-dark-grey: #cccccc;
}
input[type='radio']:checked:after {
	width: 12px;
	height: 12px;
	border-radius: 15px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #00A4B1;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
}
input[type='radio']:checked:disabled:after{
    background-color: #c9c9c9;
}
input[type='CheckBox']:checked:after {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #00A4B1;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
	color: #ffffff;
}
.CenterAlignment
{
	margin: 0px auto;
}
.Logo
{
	height: 96px;
	width: 96px;
	padding: 48px;
}
.LogoSmall
{
	height: 64px;
	width: 64px;
}
.Title
{
	color: #75FA27;
}
.LoginTable,
.ChangePasswordTable
{
	width: 370px;
	margin-top: 54px;
	margin-right: 1px;
	border: solid 1px #f4f4f4;
	border-radius: 10px;
	padding: 20px 0px 33px 30px;
	background: #ffffff;
	color: #000000;
}
.LoginTable table,
.ChangePasswordTable table
{
	width: 310px;
}
.UsernamePassword
{
	height: 22px;
	width: 300px;
	border-radius: 5px;
	border: 1px solid rgb(188, 183, 216);
}

.Block{ display: block; }
.None{ display: none; }
.Left{ float: left; }
.Right{ float: right; }
.Loading
{
	display: inline-block;
	height: 32px;
	width: 32px;
	background: url('/image/Global/loading.gif') no-repeat;
}
.CBN_btn, .CBN_btn:disabled, .CBN_btn:disabled:active
{
	
	border: 1px solid;
	border-color: #cccccc;
	-webkit-border-radius: 18px;
	   -moz-border-radius: 18px;
	padding: 2px 15px;
	border-radius: 18px;

	background: #cccccc;
	
	font-size: 10pt;
	color: #ffffff;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	outline:none;
}
.CBN_btn-success
{
	border-color: #464646;
	background: #464646;
}
.CBN_btn-danger
{
	border-color: #464646;
	background: #464646;
}
.CBN_btn:active
{
	background: -webkit-gradient(linear, left top, left bottom, from(#515151), to(#9d9e9d));
	background:   -webkit-linear-gradient(top, #515151, #9d9e9d);
	background:      -moz-linear-gradient(top, #515151, #9d9e9d);
	background:       -ms-linear-gradient(top, #515151, #9d9e9d);
	background:        -o-linear-gradient(top, #515151, #9d9e9d);
	background-image: -ms-linear-gradient(top, #515151 0%, #9d9e9d 100%);
}
.CBN_btn-success:active
{
	background: #00A4B1;
}
.CBN_btn-danger:active
{
	background: #00A4B1;
}
body, .Background
{
	background-color: white;
	background-image: none;
}

#Header
{
	padding: 20px;
	width: 940px;
}
#Header td
{
	width: 100%;
}
.TitleLine
{
	color: #000000;
	font-size: 11pt;
}
.SwitchLanguage
{
	position: absolute;
	z-index: 10;
	height: 21px;
	width: 205px;
	top: 116px;
	left: 752px;
	color: #000000 !important;
	line-height: 21px;
}
#SelectLanguageBackground
{
	margin-left: 10px;
	padding-left: 10px;
	border: none;
	cursor: pointer;
	height: 21px;
	width: 127px;
	background-color: #f4f4f4;
	font-size: 11px;
	text-align: left;
	color: #000000 !important;
	outline: none;
}
#SelectLanguageBackground:hover
{
	background-position: 0px -21px;
}
#SelectLanguageBackground:active
{
	background-position: 0px -42px;
}
#ChooseLanguage, #ChooseLanguage button
{
	float: right;
	width: 125px;
	background-color: #f4f4f4;
	line-height: 11px;
}
#ChooseLanguage p
{
	cursor: pointer;
	overflow: hidden;
	color: #000000 !important;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 10px;
	height: 11px;
	line-height: 11px;
}
#ChooseLanguage p:hover
{
	background-color: #e1e1e1;
}
#Middle
{
	padding: 24px 20px 20px 20px;
}
.TopMenu
{
	position: absolute;
	top: 110px;
	font-size: 14pt;
	color: #ffffff;
}
.TopMenu.Block1{ z-index: 5; left:  20px; }
.TopMenu.Block2{ z-index: 4; left: 180px; }
.TopMenu.Block3{ z-index: 3; left: 340px; }
.TopMenu.Block4{ z-index: 2; left: 500px; }
.TopMenu.Block5{ z-index: 1; left: 660px; }
.TopMenuTopStrip
{
	border-top: 5px solid;
	border-top-left-radius: 20px;
	border-top-right-radius: 30px 30px;
	border-top-color: #464646;
	border-bottom-color: #464646;
	text-align: center;
	font-weight: bold;
	line-height: 0;
	width: 150px;
	position: relative;
	top: 1px;
}
.TopMenuContent
{
	text-align: center;
	font-weight: bold;
	border-right: transparent 20px solid;
	border-bottom: 35px solid;
	border-top-color: #464646;
	border-bottom-color: #464646;
	width: 150px;
}
.TopMenuContentText
{
	position: absolute;
	z-index: 6;	
	top: -0.2px;
	height: 40px;
	width: 85%;
	padding: 2px;
	line-height: 38px;
	cursor: pointer;
}
.TopMenuContentText._2Row
{
	line-height: 19px;
}
.TopMenu.TopMenuFocus
{
	z-index: 5;
}
.TopMenuFocus
{
	border-top-color: #00A4B1;
	border-bottom-color: #00A4B1;
}
.ContentBackground
{
	position: absolute;
	top: 150px;
	z-index: 5;
	background: #f4f4f4;
	border: 1px solid #f4f4f4;
	border-radius: 0px 10px 10px 10px;
	box-shadow: 3px 3px 3px #e1e1e1;
	width: 920px;
	padding: 15px 15px 15px 0px;
}
#SideMenu
{
	float: left;
	min-height: 600px;
	width: 215px;
}
#PageContent ,#ShowOngoing
{
	float: right;
	border-radius: 10px;
	padding: 5px;
	min-height: 600px;
	width: 695px;
	background: #ffffff;
	
}
.SubMenu
{
	font-weight: bold;
	font-size:  10pt;
	color: #606060;
	cursor: pointer;
}
.SubMenu.Level1
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 10px;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	box-shadow: 1px 1px 1px #666666;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 13px;
	background-color: #e1e1e1;
	min-height: 15px;
}
.SubMenu.Level2
{
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 37.5px;
	margin-right: 10px;
}
.SubMenu:hover, .SubMenu.Focus
{
	color: #00A4B1;
}

.PageTitle
{
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 11pt;
	font-weight: bold;
}

.PageDescription
{
	margin-top: 13px;
	margin-bottom: 13px;
}

.SectionTitle
{
	margin: 10px 0px;
	padding: 8px 0px 8px 0px!important;
	width: 100%;
	background-color: #f4f4f4;
}

.PageDescription.Bold, .Bold
{
	font-weight: bold;
}

.PageDescription td
{
	width: 100%;
}

#AlertFrame
{
	display: none;
}
.AlertSubFrame
{
	position: relative;
	margin: 50px auto;
	min-width: 600px;
	width: 80%;
	border: 1px solid #f4f4f4;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #e1e1e1;
	background-color: #ffffff;
	padding: 10px;
}

.CBN_Table
{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0;
}
.CBN_Table th
{
	padding: 6px;
	background-color: #e1e1e1;
	color: #000000;
}

.CBN_Table td
{
	padding: 6px 1px 6px 1px;
	background-color: #f4f4f4;
	color: #000000;
	word-break: break-all;
	-webkit-user-select: text;
	   -moz-user-select: text;
	    -ms-user-select: text;
	        user-select: text;
}
.Set_Table td
{
	padding-right: 20px;
}
.Danger
{
	color: #D30004;
	fill: #D30004;
}
.Warning
{
	color: #DB7900;
	fill: #DB7900;
}
.Success
{
	color: green;
	fill: green;
}

.HomePage, .Center
{
	text-align: center;
}

.HomePage table .Status, .Frame
{
	border: 2px solid grey;
	border-radius: 3px;
}

.HomePage table .Status.Success, .Frame.Success
{
	border-color: green;
}

.HomePage table .Status.Danger, .Frame.Danger
{
	border-color: #D30004;
}

.HomePage table .Status.Warning, .Frame.Warning
{
	border-color: #DB7900;
}

.HomePage table tr td
{
	height: 30px;
}
.Wireless	{ background: url('/image/Global/network-tower-mid.png') no-repeat;}
.Internet	{ background: url('/image/Global/connectivity-mid.png') no-repeat;}
.Telephony	{ background: url('/image/Global/call-mid.png') no-repeat;}
#ModemImage
{
	-webkit-background-size: 85px 85px;
	   -moz-background-size: 85px 85px;
	     -o-background-size: 85px 85px;
	        background-size: 85px 85px;
	width: 85px;
	height: 85px;
	display: inline-block;
	position: relative;
}
#WirelessStatus td span.Img,
#InternetStatus td span.Img,
#TelephonyStatus td span.Img
{
	-webkit-background-size: 30px 30px;
	   -moz-background-size: 30px 30px;
	     -o-background-size: 30px 30px;
	        background-size: 30px 30px;
	width: 30px;
	height: 30px;
	display: inline-block;
	float: left;
}
.ShowRemindInfo{
	background: url('/image/Global/exclamationmark.png') no-repeat;
	-webkit-background-size: 18px 18px;
	   -moz-background-size: 18px 18px;
	     -o-background-size: 18px 18px;
	        background-size: 18px 18px;
	display: inline-block;
	position: relative;
	top: 3px;
	height: 18px;
	width: 18px;
}
.RemindInfoTable{
	position: absolute;
	z-index:11000;
	left:0px;
	top:0px;
	border: 3px solid #f4f4f4;
	border-radius: 0px 10px 10px 10px;
	box-shadow: 3px 3px 3px #e1e1e1;
	background-color: #f4f4f4;
	padding: 10px;
	width: 250px;
	color: #000000;
}

.HourTitle:hover, .Weeks:hover, .Hour.Focus
{
	background-color: gray;
	color: #fff;
}
.HourTitle
{
	cursor: pointer;
	text-align: center;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	height: 20px;
	width: 20px;
}
.Hour
{
	cursor: cell;
	border: 1px solid #D3D3D3;
	height: 20px;
	width: 20px;
}
.Hour.Focus
{
	cursor: not-allowed;
}
.Weeks
{
	cursor: pointer;
	border-top: 1px solid #D3D3D3;
	border-bottom: 1px solid #D3D3D3;
	height: 20px;
	width: auto;
}

select:disabled 
{
	background-color: rgb(235, 235, 228);
	color: rgb(84, 84, 84);
}

#DeviceImage
{
	-webkit-background-size: 45px 45px;
	   -moz-background-size: 45px 45px;
	     -o-background-size: 45px 45px;
	        background-size: 45px 45px;
	width: 45px;
	height: 45px;
	display: inline-block;
}

.Computer
{
	background: url('/image/Global/connected-devices-mid.png') no-repeat;
}

.Phone
{
	background: url('/image/Global/mobile-mid.png') no-repeat;
}

.Text-Upper{
	text-transform: uppercase;
}

.Text-Lower{
	text-transform: lowercase;
}

.Text-Capitalize{
	text-transform: capitalize;
}

.width_160px{
	width: 160px;
}
.width_168px{
	width: 168px;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}