@charset "utf-8";
/* CSS Document */
@import 'bootstrap.min.css';
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
body { font-family: 'Lato', sans-serif; direction: ltr; font-size:13px; line-height:25px; padding:0px; margin:0px; color:#FFF; -webkit-font-smoothing: antialiased; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-weight:300; background:#2a2a2a; font-weight:400; }
html, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0px; }
footer, header, figure, aside { margin:0px; padding:0px; display:block; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, select, textarea{ color:#9c9c9c; border-radius:5px; padding:0px 15px 0px 15px; font-family: 'Lato', sans-serif; direction: ltr; font-size:13px; margin:0em; margin:0px 0px 0px 0px; border:none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; height:48px; font-size:21px; color:#616060; border:solid 1px #e1e1e1;}
input, button { overflow:visible; }
select option { padding-left:4px; }
p { margin:0px; padding-bottom:15px; }
input, textarea, a { outline:none; }
a { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
input[type=file] + input[type=file] { margin-left:5px; }
input[type=text], input[type=password], input[type=email], input[type=number], input[type=phone] { line-height:16px; max-width:255px; width:100%; }
select + select, input[type=text] + input[type=text], input[type=password] + input[type=password] input[type=text] + select { margin-left:15px; }
input[type=text] + input[type=submit] { margin-left:10px; }
input[type=checkbox] { height:13px; width:13px; margin-right:5px; position:relative; top:1px; }
input[type=submit], input[type=button], input[type=reset], a, button { cursor:pointer; }
input[type=submit], input[type=button], input[type=reset], button { overflow:visible; }
input[type=submit] + input[type=submit], input[type=button] + input[type=button], input[type=reset] + input[type=reset], button + button, .btn + .btn, input[type=submit] + input[type=button], input[type=button] + input[type=submit] { margin-left:5px; }
input[type=radio] { margin-right:4px; position:relative; top:-6px; }
input[type=radio] + abbr, input[type=checkbox] + abbr { padding-right:0px; }
abbr + select, abbr + input { margin-left:15px; }
select[class*=col-] { padding:7px 8px; }
a img, a:hover img, img, a:hover, a input { text-decoration:none; }
a img, img, input[type=checkbox], input[type=radio], iframe { border:none; }
ul { margin:0px; padding:0px; }
del { visibility:hidden; }
textarea { width:100%; max-width:100%; min-height:40px; resize:none; }
input[type=file] { padding:4px 5px; display:inline; }
input[type=file] + input { margin-left:5px; }
input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus, textarea:active, textarea:focus, textarea.form-control:active, textarea.form-control:focus, select:active, select:focus { box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.2);}
input, input:focus, input:active, .btn:focus, .btn:active:focus, .btn.active:focus { outline:none; }
a { color:#757575; font-size:13px; }
a:hover { color:#FFFFFF; }
a:visited { text-decoration:none; }
a:hover, a:focus, a:active { color:#484848; text-decoration:none; outline:none; }
h1, h2, h3, h4, h5, h6 { font-weight:300; margin:0px; padding-bottom:15px; }
h5 { font-size:12px; font-weight:bold; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
del { text-decoration:line-through; }

table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; }
select { max-width:255px; }
input[type=submit], input[type=button], input[type=reset], button, .btn { height:48px; text-align:center; display:inline-block; box-shadow:1px 1px 1px #000, inset 1px 1px 0px #94c4a8; font-family: 'Lato', sans-serif; font-size:22px; color:#FFF; font-weight:700; text-transform:uppercase; padding:0px 27px; border:solid 1px #7f7f7f; text-shadow:2px 2px 1px rgba(0, 0, 0, 0.3); background: #0fcb5f;
background: -moz-linear-gradient(top, #0fcb5f 0%, #0fc15b 34%, #0fb555 68%, #0fb254 100%);
background: -webkit-linear-gradient(top, #0fcb5f 0%,#0fc15b 34%,#0fb555 68%,#0fb254 100%);
background: linear-gradient(to bottom, #0fcb5f 0%,#0fc15b 34%,#0fb555 68%,#0fb254 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0fcb5f', endColorstr='#0fb254',GradientType=0 );}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover, .btn:hover { color:#FFF; background-color:#000; border-color:#2e2e2e;}
img { max-width:100%; border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
{ opacity:0.5; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
hr { color:#D0D0D0; }
address p { padding-bottom:5px; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-button { width:8px; height:5px; }
::-webkit-scrollbar-track { background-color:#DDD; border: skinny plain lightgray; box-shadow: 0px 0px 3px #dfdfdf inset; }
::-webkit-scrollbar-thumb { background-color:#999; border: skinny plain gray; }
::-webkit-scrollbar-thumb:hover { background:#1b1e24; }
::-webkit-input-placeholder { font-family: 'Lato', sans-serif; direction: ltr; font-size:21px; color:#616060; padding-top:4px; }
::-moz-placeholder { font-family: 'Lato', sans-serif; direction: ltr; font-size:21px; color:#616060; opacity:1; }
:-ms-input-placeholder { font-family: 'Lato', sans-serif; direction: ltr; font-size:21px; color:#616060; opacity:1; }
input:-moz-placeholder { font-family: 'Lato', sans-serif; direction: ltr; font-size:21px; color:#616060; opacity:1; }
::selection { background-color:#666; color:#fff; }
::-moz-selection { background-color:#666; color:#fff; }
h1{ color:#3e3e3e; line-height:1; font-size:40px; font-weight:300; font-family: 'Lato', sans-serif; padding-bottom:30px;}
h1 span{ display:inline-block; color:#d7003b; font-weight:700; font-family: 'Lato', sans-serif; }
h2{ font-size:38px; color:#505961; font-family: 'Lato', sans-serif;; 
padding-bottom:25px; font-weight:300; line-height:1;}
h3{ color:#303030; font-size:15px; padding:0px; font-family: 'Lato', sans-serif; font-weight:700;}
h4{ color: #fff; font-size: 16px; padding-bottom: 12px;font-weight:700; font-family: 'Lato', sans-serif;}
/*-------------------------------------------------------------------------------------------RESET CSS CLOSE*/	
/*-------------------------------------------------------------------------------------------COMMON CSS START*/
.fa { color:#0faf53; min-width:14px; font-size:24px; text-align:center; vertical-align:middle; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; margin-left:-165px;}
.fa + .fa { padding-left:10px; }
input[class*=col-], select[class*=col-], textarea[class*=col-] { float:none; }
html body .mandatory { color:#F00; font-size:13px; vertical-align:top; }
.container { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; margin:0px auto; max-width:850px; width:100%; }
#logo { padding:0px; text-transform:uppercase; margin-bottom:13px;}
#logo a.logo-img{ padding:15px 0px; display:inline-block;}
#logo a.logo-text{ display:inline-block; color:#FFF; font-size:21px; font-weight:300; background:url(../images/icon-logo.png) no-repeat left 1px; padding:15px 0px 15px 36px; text-align:left; }
.table-box .trow { float:left; width:100%; padding:4px 0px; border-bottom:#D0D0D0 solid 1px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.table-box .trow:first-child { font-weight:bold; border-bottom:#D0D0D0 solid 2px; }
.table-box .trow:hover { background-color:#EEE; }
.table-box .trow .tcolumn { float:left; width:18%; padding-left:0.5%; }
.table-box .trow .w12 { width:12%; }
.table-box .trow .w24 { width:24%; }
.tcolumn a { color:#393972; text-decoration:none; }
.tcolumn a:hover { text-decoration:underline; }
.table-box .trow .tcolumn:first-child { width:10%; }
.fleft { float:left; }
.fright { float:right; }
.frow { width:100%; display:inline-block;font-size:13px; font-family: 'Lato', sans-serif;
	font-weight:300; border:1px solid #2e2e2e; margin-bottom:2px; }
.frow > div:first-child { float:left; width:20%; font-weight:bold;}
.frow > div:first-child span { color:#F00; }
.frow > div + div { position:relative; margin-left:150px; }
.frow > div + div p { padding-bottom:0px; }
.frow > div + div .fa-calendar-o { position:absolute; top:10px; left:230px; }
.crow, .ccrow { width:100%; display:inline-block; }
.ccrow { padding-bottom:15px; }
.date { color:#949494; font-size:11px; }
ul.list-normal, ul.list-normalN { width:100%; list-style:none; display:inline-block; padding:5px 0px 20px 0px; }
ul.list-normalN > li + li { padding-top:10px; }
button.close { position:relative; z-index:100; }
button.close:hover { background:none; }
.carousel { margin-bottom:0px; }
.navbar-default .navbar-toggle:hover { border-color:#333; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#333; }
.navbar-default { background:none; }
.modal-body { padding:10px 0px 0px 0px; }
.modal-content { padding:15px 20px 25px; }
.nrow { padding-bottom:15px; }
.nrow > div:first-child { font-weight:bold; }
.f11 { font-size:11px; }
.bold { font-weight:bold; }
.bposi { position:relative; }
/*-------------------------------------------------------------------------------------------COMMON CSS CLOSE*/
/**Bootstrap CSS Changes Start*/
.progress-bar { background-color:#f9a21a; }
.row + .row { padding-top:18px; }
/**Bootstrap CSS Changes End*/
header{
	padding:90px 0px 55px 0px;
	}
footer{
	color:#565656;
	padding:40px 0px;
	line-height:1;
	}	
footer p{
	padding-bottom:0px;
	}	
.box-add{
	float:left;
	width:300px;
	height:250px;
	}
.header-content{ 
	width:520px; 
	float:right;
	padding-left:50px; 
	}
.add-google{
	line-height:1; 
	padding-bottom:40px;
	}
.box-checkdomain{
	position:relative;
	border-radius:10px;
	border:10px solid #b3b3b3;
	background-color:#b3b3b3;
	}
.box-setting-popup{
	border-radius:10px;
	float:left;
	padding:10px;
	margin:27px -10px 0px;
	background-color:#b3b3b3;
	}
.box-setting-popup:after{
	bottom: 100%;
	right:148px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #b3b3b3;
	border-width: 10px;
	margin-left: -30px;
}
ul.list-popup-content{
	padding:0px;
	width:100%;
	float:left;
	list-style:none;
	background-color:#FFF;
	border-radius:10px;
	}
.mail-content{
	padding:12px 12px 6px 12px;
	border:solid 1px #8c8c8c;
	}
.mail-content h3{
	margin-top:-20px;
	float:left;
	padding:0 5px 10px 5px;
	background-color:#FFF;
	}	
.mail-content textarea{
	height:70px;
	padding:5px 10px;
	font-size:14px;
	border-color:#bdbdbd;
	}
.mail-content textarea::-webkit-input-placeholder { font-size:14px;}
.mail-content textarea::-moz-placeholder { font-size:14px;}
.mail-content textarea:-ms-input-placeholder { font-size:14px; }
.mail-content textareainput:-moz-placeholder { font-size:14px;}			
ul.list-popup-content li{
	width:50%;
	float:left;
	padding:16px 10px 10px 10px;
	}
ul.list-popup-content li + li{
	border-left:solid 1px #b3b3b3;
	}				
input[type="text"].input-checkdomain{
	max-width:100%;
	padding-right:170px;
	}
.btn-check{
	right:0px;
	top:0px;
	border-radius:0px 5px 5px 0px;
	position:absolute;
	}
.btn-setting{
	width:25px;
	height:25px;
	position:absolute;
	top:12px;
	right:138px;
	background:url(../images/icon-setting.png) no-repeat center center;
	}	
.take-control {
	text-align:center;
  padding:50px 0 39px 0px;
	}
.box-records{ 
	width:100%;
	padding:20px;
	margin-bottom:40px;
	display:inline-block;
	background-color:#252525;
	border:4px solid #2e2e2e; 
	}
.table-records{
	color:#FFF;
	font-size:14px;
	line-height:1.4;
	}
.table-records tr{
	border-bottom:2px solid #252525; 
	}
.table-records tr td{
	padding:15px 20px;
	border:solid 1px #2e2e2e;
	box-shadow:0 1px 0 #2e2e2e inset, 0 -1px 0 #2e2e2e inset;
	}	
.table-records tr:first-child td{
	box-shadow:0 -1px 0 #2e2e2e inset;
	}
.table-records tr td:first-child{
	font-size:18px;
	font-weight:700;
	width:166px;
	background-color:#2e2e2e;
	color:#10aa51;
	text-align:right;
	padding:15px 10px;
	}
.table-records p{
	padding-bottom:0px;
	}	
.table-records tr td.box-serverType{
	padding:0px;
	}		
ul.list-linux{
	padding:0px;
	text-align:center;
	list-style:none;
	}
ul.list-linux li{
	color:#FFF;
	float:left;
	width:20%;
	border-right:1px solid #2e2e2e;
	border-bottom:1px solid #2e2e2e;
	}
ul.list-linux li h4{
	padding:16px 0px;
	}	
ul.list-linux li span.icon-close, ul.list-linux li span.icon-right{ 
	width:100%; 
	height:36px; 
	display:block;
	background:url(../images/sprite-icon.png) no-repeat scroll center -24px #191919; 
	}
.btn-tooltip{
	width:18px;
	height:15px;
	top:-1px;
	position:relative;
	text-indent:-999em;
	display:inline-block;
	background:url(../images/sprite-icon.png) no-repeat scroll center -64px;
	}	
ul.list-linux li span.icon-right{
	background-position:center 7px;
	}
.box-addmercola{
	max-width:728px;
	width:100%;
	text-align:center;
	margin:0px auto;
	}		
@media (max-width:800px) {
	.header-content{ text-align:center; padding-left:0px; width:100%;}
	.box-checkdomain{ margin:0px auto; max-width:552px;}
	.box-add{ margin:0px auto; float:none; clear:both;}
	.header-content{ padding-bottom:30px;}
	header{ padding:20px 0px 25px;}
	
	}
@media (max-width:767px) {
	.table-responsive{ border-color:#252525;}
	.box-records{ margin-bottom:20px;}
	.add-google{ padding-bottom:20px;}
	#logo{ padding-top:0px;}
	}
@media (max-width:680px) {
	ul.list-linux li{ width:33.3%;}
	ul.list-linux li h4{ font-size:13px; padding:12px 0px;}
	.table-records tr td:first-child{ font-size:16px;}
	footer{ padding:20px 0px;}
	.table-records tr td:first-child{ width:125px;} 
	}
@media (max-width:480px) {
	.table-records tr td:first-child, .table-records tr td{ width:100%; text-align:left; display:inline-block; }
	ul.list-popup-content li{ width:100%;}
	ul.list-popup-content li + li{ border-left:none; border-top:1px solid #b3b3b3;}
	}		
@media (max-width:414px) {
	input[type="submit"], input[type="button"], input[type="reset"], button, .btn{ font-size:16px; padding:0px 10px;}
	input.input-checkdomain[type="text"]{ padding-right:103px;}
	.btn-setting{ background-size:100%; height:20px; width:20px; right:83px; top:15px;}
	.box-setting-popup::after{ right:88px;}
	input, select, textarea{ font-size:14px;}
	::-webkit-input-placeholder { font-size:14px; padding-top:0px;}
	::-moz-placeholder { font-size:14px;}
	:-ms-input-placeholder { font-size:14px; }
	input:-moz-placeholder { font-size:14px;}		
	#logo a.logo-text{ font-size:17px; background-position:left 0px;}
	
	}