body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #f6f6f6;
}

button {
	background-color: transparent;
	border: none;
}

.wordmark {
	height: 16px;
	margin-bottom: 3px;
}

button:focus {
	outline: none;
}

.button {
	border: none;
	padding-left: 5%;
	padding-right: 5%;
	height: 40px;
	border-radius: 5px;
	color: white;
	margin-right: 20px;
}

.btn-orange {
	background-color: #FCB712;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	color: white;
}

.btn_create {
	width: 90px;
	height: 34px;
}

.btn_clear {
	background-color: #d9534f;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	color: white;
	width: 90px;
	height: 34px;
}

.btn-orange:hover, .btn-orange:active, .btn-orange:focus {
	color: white;
	background-color: #EF8E25;
}

.btn-white {
	background-color: #FFFFFF;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	color: red;
}

.btn-white:hover, .btn-white:active, .btn-white:focus {
	color: orange;
	background-color: #FFFF0;
}

.btn-darkblue {
	background-color: #326184;
	color: white;
	padding: 6px 16px;
}

.btn-darkblue:hover, .btn-darkblue:active, .btn-darkblue:focus {
	background-color: #234966;
	color: white;
}

.navbar {
	background-color: #434343;
	border-radius: 0px;
	border: none;
}

.navbar-inverse .navbar-nav li a {
	color: white;
}

.navbar-inverse .navbar-brand {
	color: white;
	padding: 22px 30px 30px 15px;
	margin-right: 40px;
	font-weight: 200;
}

.navbar-nav li a {
	padding-top: 30px;
	padding-bottom: 27px;
	background-color: #434343;
	font-size: 12px;
}

.navbar-nav li a:hover {
	background-color: #434343;
}

.navbar-inverse .navbar-nav .active a, .navbar-inverse .navbar-nav .active a:focus,
	.navbar-inverse .navbar-nav .active a:hover {
	color: #FCB712;
	background: #434343;
}

.footer-link-box a {
	color: grey;
}

.footer-link-box a:hover {
	color: #434343;
}

.znav li a:hover {
	color: #FCB712;
}

.navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-brand:hover
	{
	color: #FCB712;
	background: #434343;
}

.navbar-inverse .dropdown-menu, .navbar-inverse .navbar-toggle {
	background-color: #333333;
	border: none;
	border-radius: 5px;
}

.navbar-inverse .dropdown-menu li a, .navbar-inverse .navbar-toggle li a
	{
	background-color: #333333;
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-inverse .dropdown-menu li a:hover, .navbar-inverse .navbar-toggle li a:hover
	{
	background-color: #333333;
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-inverse .navbar-toggle {
	margin-top: 30px;
	margin: 30px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border: none;
	background-color: #434343;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus,
	.navbar-inverse .navbar-nav>.open>a:hover {
	background-color: #333333;
}

.navbar-inverse .dropdown-menu .divider {
	background-color: #888888;
	height: 0.5px;
}

.navbar-collapse, .collapse, .navbar-collapse.in {
	z-index: 1000;
}

/**Instance Overview **/
.instance-overview {
	background-color: white;
}

.instance-databox {
	height: 298px;
	padding-left: 40px;
	padding-top: 30px;
}

.instance-quotabox {
	background-color: white;
	height: 298px;
}

.instance-databox .instance-number {
	color: #434343;
	font-weight: 100;
	font-size: 6em;
}

.instance-databox .instance-name {
	font-size: 2em;
	font-weight: 300;
	padding-left: 20px;
}

.instance-databox .instance-detail {
	font-size: 1.5em;
	font-weight: 300;
	padding-left: 20px;
}

.instance-status {
	font-size: 1.2em;
	font-weight: 300;
	border-radius: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	text-align: center;
	display: inline-block;
	color: #ffffff;
}

.instance-status-ok {
	background-color: #5aa700;
}

.instance-status-error {
	/*background-color: #ffb0b0;*/
	background-color: #ff5050;

}

.instance-status-stop {
	background-color: #777677;
}

.instance-overview-page {
	background-color: white;
}

.instance-databox-page {
	padding-left: 15px;
	padding-top: 15px;
	margin-bottom: 20px;
}

.instance-quotabox-page {
	margin-bottom: 20px;
}

.instance-databox-page .instance-number-page {
	color: #434343;
	font-weight: 100;
	font-size: 6em;
}

.instance-databox-page .instance-name-page {
	font-size: 2em;
	font-weight: 300;
	padding-right: 10px;
}

.instance-databox-page .instance-detail-page {
	font-size: 1.5em;
	font-weight: 300;
	padding-left: 20px;
}

.quota {
	padding-left: 0px;
	margin-top: 30px;
	padding-right: 0px;
}

.quota-title {
	font-size: 1.5em;
	margin-bottom: 10px;
}

.quota-number {
	font-size: 6em;
	font-weight: 100;
}

.quota-number-small {
	font-size: 40px;
	font-weight: 100;
}

.quota-number-text {
	font-size: 20px;
	font-weight: 300;
	margin-left: 20px;
}

.instance-label {
	padding: 0px;
}

.progress {
	background-color: #efefef;
	box-shadow: none;
	height: 10px;
	margin-top: 10px;
}

.progress-bar {
	background-color: #FCB712;
	box-shadow: none;
}

.progress-text .progress-text-left {
	display: inline-block;
}

.progress-text .progress-text-right {
	float: right;
}

.areadivider {
	margin-top: 0px;
	margin-bottom: 20px;
	color: #9c9c9c;
	font-weight: 300;
	font-size: 1.2em;
}

.servicerow {
	background-color: white;
	height: 100%;
}

.servicebox {
	padding: 40px 30px 40px 30px;
}

.btn-hcba {
	text-align: left;
	margin-top: 30px;
}

.imgbox {
	height: 258px;
	padding-bottom: 40px;
	text-align: right;
}

@media ( max-width : 992px) {
	.imgbox {
		text-align: left;
		margin-top: 40px;
	}
}

.imgbox img {
	height: 218px;
}

.servicerow {
	margin-bottom: 20px;
}

.service-description-box {
	padding-top: 20px;
}

.col-md-4 {
	padding: 0px;
}

.service-description {
	margin-top: 20px;
}

.page_heading {
    margin-top: 0px;
    color: #434343;
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 24px;
}

.titletext {
	font-size: 20px;
}

.searchbox {
	height: 40px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
}

.searchbox input {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.searchbox .dropdown-menu {
	background: rgba(255, 255, 255, 0.8);
}

.searchbox button:hover, .searchbox .btn-default.active.focus,
	.searchbox .btn-default.active:focus, .searchbox .btn-default.active:hover,
	.searchbox .btn-default:active.focus, .searchbox .btn-default:active:focus,
	.searchbox .btn-default:active:hover, .searchbox .open>.dropdown-toggle.btn-default.focus,
	.searchbox .open>.dropdown-toggle.btn-default:focus, .searchbox .open>.dropdown-toggle.btn-default:hover
	{
	background-color: #FCB712;
	border: #FCB712;
	color: white;
}

.instance-table {
	margin-top: 30px;
}

table {
	margin-top: 10px;
}

table tr {
	border: none !important;
}

table tr td {
	border: none !important;
	vertical-align: middle;
}

.table>thead>tr>td, .table>thead>tr>th {
	border: none !important;
	font-size: 15px;
	padding-top: 20px;
	padding-left: 15px;
	padding-bottom: 10px;
	vertical-align: middle;
    font-weight: bold;
}

.trbox {
	border: none !important;
	background-color: white;
	font-size: 14px;
	height: 60px;
}

.trbox td {
	border: none !important;
}

.table-hover .trbox:hover {
	color: #434343;
}

.trbox .tdinfo {
	padding-top: 27px;
	padding-left: 15px;
	font-size: 92%;
}

.trbox .collapse-detail {
	padding-top: 13px;
}

.trdetail td {
	padding: 0px;
}

.operation-icon {
	width: 25px;
	height: 25px;
}

.icon {
	width: 25px;
	height: 25px;
}

.table .trbox:hover {
<!--background-color: #fdecd3;-->
}

.collapse-detail {
	padding-top: 14px;
}

.trdetail {
	background-color: white;
}

.tractive {
	background-color: #fdecd3;
}

.pagination>li>a, .pagination>li>span {
	color: #434343;
}

.operation-icon-start {
	
}

.dropdown-project button {
	background-color: transparent;
	border: none;
	height: 40px;
}

.dropdown-project button:hover, .dropdown-project button:active,
	.dropdown-project button:focus, .dropdown-project .open>.dropdown-toggle.btn-default:hover
	{
	background-color: transparent;
	border: none;
	height: 40px;
}

.operation-bar {
	padding-left: 0px;
	padding-right: 0px;
	line-height: 40px;
	vertical-align: middle;
	margin-left: 20px;
	width: 120px;
}

.operation-bar:hover {
	
}

.operation-icon {
	margin-right: 10px;
}

.gobackbtn {
	margin-left: 30px;
}

.gobackbtn a {
	font-size: 14px;
}

.createbox {
	margin-top: 25px;
	background-color: white;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 30px;
}

.createbox .creat-title {
	font-size: 16px;
}

.createbox button {
	background-color: #eee;
	border: none;
	border-radius: 0px;
	padding: 10px 20px 10px 20px;
	font-weight: 300;
	margin-right: 10px;
}

.selector button {
	background-color: transparent;
	border: none;
	height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	font-weight: 300;
}

.selector button:hover, .selector button:focus, .selector button:active
	{
	background-color: #ffcc33;
	color: white;
}

.selector {
	display: inline-block;
}

.selector .selectoritem {
	display: inline-block;
	margin-left: 0px;
}

.createbox button:hover, .createbox button:focus, .createbox button:active
	{
	background-color: #ffcc33;
	color: white;
}

.createbox .active {
	background-color: #ffcc33;
	color: white;
}

.createbox .dropdown-menu, .selector .dropdown-menu {
	border: none;
	border-radius: 0px;
	width: 100%;
}

.createbox .createitem {
	margin-top: 10px;
	display: inline-block;
}

.additem a {
	font-weight: 300;
}

.createbox input {
	height: 30px;
	font-weight: 300;
}

p {
	text-align: left;
}

.createbox textarea {
	margin-top: 20px;
	font-weight: 300;
	border-color: #ddd;
	width: 500px;
	height: 80px;
}

.createbox .label {
	font-weight: 300;
	margin-right: 20px;
	color: #434343;
	font-size: 14px;
	margin-top: 5px;
}

.createbox table {
	margin-top: 30px;
}

.basket {
	position: fixed;
	z-index: 1;
	bottom: 60px;
	background-color: rgba(255, 255, 255, 1);
	padding: 10px;
	display: block;
}

.baskettop {
	height: 5px;
	background-color: #FCB712;
}

.basketcontent {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.settings {
	margin-left: 50px;
}

.account td {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.account .tdname {
	width: 20%;
	color: grey;
	font-weight: 300;
	vertical-align: middle;
}

.account .tdcontent {
	vertical-align: middle;
}

.account .tdedit a {
	float: right;
}

.tabletitle {
	color: grey;
	line-height: 40px;
}

.addkey {
	float: right;
}

.servicetitle {
	display: inline-block;
	color: #434343;
	font-size: 1.2em;
}

.tablebox {
	padding: 0px;
	margin-top: 20px;
}

.slogan {
	color: #3a3a3a;
	line-height: 150%;
	font-size: 28px;
	font-weight: bold;
}

.icon1 {
	width: 20px;
}

.icon2 {
	height: 20px;
}

.loginform-box {
	text-align: center;
}

.loginform a {
	line-height: 40px;
}

.login-links {
	display: block;
	margin-top: 10px;
    font-size: 10px;
}

.login {
	padding-left: 30px;
	padding-right: 30px;
    font-weight: bold;
}

.loginform .rightlink {
	float: right;
}

.loginform .leftlink {
	float: left;
}

.loginform {
	margin-top: 20px;
	background-color: white;
	padding-top: 20px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 10px;
}

.statustext {
	color: grey;
	font-weight: 200;
}

.btnbox {
	margin-left: 0px;
}

.btnbox .btnboxitem {
	margin-top: 10px;
}

.progress-bar {
	width: 60%;
}

.servicerow {
	padding: 0px;
}

.modal-header {
	border-bottom: none;
}

.modal-title {
	font-weight: 400;
	color: #0099cc;
}

.modal-footer {
	border-top: none;
	padding-bottom: 20px;
}

.modal-body {
	color: grey;
	padding-left: 40px;
	padding-right: 40px;
	font-weight: 300;
}

.modal-body-center {
	text-align: center;
}

.modal-body-left {
	text-align: left;
}

.modal input {
	margin-bottom: 15px;
}

.modal .link {
	margin-right: 10px;
}

.modal button {
	padding-left: 35px;
	padding-right: 35px;
}

.createitem .btn-flavor {
	text-align: left;
}

.instance-action {
	margin-top: 50px;
}

.btn-create-instance {
	height: 40px;
	line-height: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.pagination>li>a, .pagination>li>span {
	border: none;
}

.hover-edit {
	margin-left: 25px;
	text-decoration: underline;
}

.btn-footer {
	color: #434343;
	border: solid 1px #c9c9c9;
	background-color: transparent;
	height: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	transition: 0.3s;
	margin-left: 7px;
}

.btn-footer:hover {
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.8);
}

.footer-link {
	margin-left: 20px;
	display: inline-block;
}

.footer-link-box a {
	color: grey;
}

.footer-link-box a:hover {
	color: #434343;
}

.footer {
	text-align: center;
	border-top: solid 1px #ddd;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #fff;
	bottom: 0px;
	position: fixed;
    width: 100%;
	font-size: 12px;
	left: 0px;
}

.linuxONElogo-box {
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

.linuxONElogo {
	height: 22px;
}

.maristlogo-box {
	display: inline-block;
}

.maristlogo {
	height: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}

.footer-link-box {
	margin-bottom: 5px;
	padding: 0px;
	color: grey;
}

.breadcrumb {
	display: inline-block;
	margin-left: 10px;
	padding: 0px;
	font-weight: 300px;
	font-size: 16px;
	font-weight: normal;
}
.breadcrumb .active {
    font-weight: bold;
}
.breadcrumb-label {
	color: grey;
	font-size: 16px;
	font-weight: normal;
}

.overviewrow {
	margin-top: 10px;
}

.cancel-button-box {
	width: 40px;
	height: 20px;
	float: right;
}

.cancel-button {
	width: 50px;
	border: solid 1px #939393;
}

.cancel-button:hover {
	border: solid 1px #434343;
}

.cancel-button-img {
	width: 19px;
}

.cloud-status-text {
	color: white;
	margin-right: 20px;
}

.instancedetails {
	font-size: 12px;
}

.mask {
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #242424;
	opacity: 0.5;
	overflow-y: hidden filter: alpha(opacity = 50);
	display: none;
}

.logo {
	height: 66px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

.loading {
	/*width: 100px;*/
	/*height: 75px;*/
	position: absolute;
	opacity: 1;
	z-index: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.loading2 {
	width: 100px;
	height: 75px;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 1;
	z-index: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.loading3 {
	height: 20px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

.status-green {
	height: 12px;
	width: 12px;
	border-radius: 10px;
	margin-top: 4px;
	margin-left: 2px;
	/*background-color: #00cc66;*/
	background-color: #5aa700;
}

.status-red {
	height: 12px;
	width: 12px;
	border-radius: 1px;
	margin-top: 4px;
	margin-left: 2px;
	/*background-color: #ffb0b0;*/
	background-color: #ff5050;
}

.status-grey {
	height: 12px;
	width: 12px;
	border-radius: 1px;
	margin-top: 4px;
	margin-left: 2px;
	background-color: #777677;
}

.cloud-status-box {
	margin-top: 30px;
}

.cloud-status-ok {
	margin-left: 10px;
	/*background-color: #00cc66;*/
	background-color: #5aa700;
	height: 10px;
	width: 10px;
	border-radius: 5px;
	line-height: 10px;
	color: white;
	text-align: center;
}

.cloud-status-error {
	margin-left: 10px;
	background-color: #ff0000;
	height: 10px;
	width: 10px;
	border-radius: 5px;
	line-height: 10px;
	color: white;
	text-align: center;
}

.cloud-status-text {
	color: white;
	margin-right: 20px;
}

.cloud-status-label {
	color: white;
}

.logo2 {
	height: 36px;
	width: 120px;
	display: inline-block;
	font-size:12px;
	position: relative;
	float: right;
}


.logo2 img {
	height: 100%;
}

span {
	word-wrap: break-word;
	word-break: normal;
}

.error{
	color:#ff0000;
}
.validError {
	border: 1px solid red;
}

.main_panel {
	margin-bottom: 50px;
}

.main_panel2 {
	margin-bottom: 120px;
}

.statement {
	width: 400px;
}

.ibm-spinner {
    -webkit-animation:.6s linear 0s normal none infinite ibm-spinner-kf-spin,5.6s ease-in-out 0s normal none infinite ibm-spinner-kf-colors;
    animation:.6s linear 0s normal none infinite ibm-spinner-kf-spin,5.6s ease-in-out 0s normal none infinite ibm-spinner-kf-colors;
    border:2px solid transparent;
    border-radius:50%;
    height:4em;
    position:relative;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    width:4em
}

.ibm-spinner2 {
	height:1em;;
	width:1em
}

.ibm-spinner.ibm-alternate {
    -webkit-animation:.6s linear 0s normal none infinite ibm-spinner-kf-spin,5.6s ease-in-out 0s normal none infinite ibm-spinner-kf-colors-alternate;
    animation:.6s linear 0s normal none infinite ibm-spinner-kf-spin,5.6s ease-in-out 0s normal none infinite ibm-spinner-kf-colors-alternate
}
span.ibm-spinner {
    display:inline-block;
    top:4px
}
.ibm-h4 .ibm-spinner,.ibm-h3 .ibm-spinner {
    top:5px
}
.ibm-h2 .ibm-spinner {
    top:6px
}
.ibm-h1 .ibm-spinner {
    top:7px
}
@-webkit-keyframes ibm-spinner-kf-colors {
    0% {
        border-color:transparent #ccc #ccc
    }
    50% {
        border-color:transparent #3b6caa #3b6caa
    }
    100% {
        border-color:transparent #ccc #ccc
    }
}
@keyframes ibm-spinner-kf-colors {
    0% {
        border-color:transparent #ccc #ccc
    }
    50% {
        border-color:transparent #3b6caa #3b6caa
    }
    100% {
        border-color:transparent #ccc #ccc
    }
}
@-webkit-keyframes ibm-spinner-kf-colors-alternate {
    0% {
        border-color:transparent #fff #fff
    }
    50% {
        border-color:transparent #c7c7c7 #c7c7c7
    }
    100% {
        border-color:transparent #fff #fff
    }
}
@keyframes ibm-spinner-kf-colors-alternate {
    0% {
        border-color:transparent #fff #fff
    }
    50% {
        border-color:transparent #c7c7c7 #c7c7c7
    }
    100% {
        border-color:transparent #fff #fff
    }
}
@-webkit-keyframes ibm-spinner-kf-spin {
    0% {
        -webkit-transform:rotate(0deg)
    }
    100% {
        -webkit-transform:rotate(-360deg)
    }
}
@keyframes ibm-spinner-kf-spin {
    0% {
        transform:rotate(0deg)
    }
    100% {
        transform:rotate(-360deg)
    }
}
.trbox2 {
    background-color:#fff;
}
.trbox2 td {
    text-indent: 7%;
    color: #7b7b7b;
}
.trbox2_th {
    font-weight: bold;
    background-color: #e4e4e4;
}
.trbox2 .trbox2_word {
    text-indent: 0%;
    background-color: #efefef;
}
.trbox2 .trbox2_word p{
    font-size: 0.80em;
}
.trbox2 .tdinfo2 {
    background-color: #f8f8f8;
    vertical-align: middle;
    font-size: 92%;
}
.tbody_adjust {
    height: 74px;
}
.button_adjust2 {
    margin-top: 0px;
}
.button_adjust {
    margin-top: -7px;
}
.trbox2 .trbox2_border {
    border-right-width: 18px !important;
	border-right-style: solid !important;
	border-right-color: #FFF !important;
}
.trbox2 .tdinfo2_border {
    border-right-width: 18px !important;
	border-right-style: solid !important;
	border-right-color: #FFF !important;
}
.trbox2 .trbox2_border {
    border-right-width: 18px !important;
	border-right-style: solid !important;
	border-right-color: #FFF !important;
	padding-top: 6px;
    padding-bottom: 0px;
    padding-left: 26px;
}
.trbox .trbox_border {
    border-right-width: 18px !important;
	border-right-style: solid !important;
	border-right-color: #FFF !important;
	width: 14%;
}
.trbox2_p {
    height: 880px;
    white-space: normal;
    overflow-y: scroll;
    padding-left: 19px;
}
.tb2 td {
    text-indent: 0%;
    padding-bottom: 8px;
    font-size: 92%;
}
.tb2 {
    height: 250px;
	overflow-y: scroll;
	display:block
}
.tdinfo .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #FEFEFE;
    text-decoration: none;
    background-color: #326184;
}
.tdinfo .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #5f91b7;
    color: #FFF;
}
.tdinfo .open > .dropdown-toggle.btn-default:focus {
    background-color: #5f91b7;
    color: #FFF;
}
.tb2 strong {
    font-size: 120%;
}
.trbox_border .dropdown-menu {
    min-width: 120px;
}
.tb2 a {
    text-decoration: underline;
}
.zlinux p {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #5b5b5b;
	font-size: 79%;
	margin-right: 10px;
	margin-left: 10px;
    line-height: 13px;
}
.zlinux p a {
	color: #2964d9;
	text-decoration: underline;
	position: static;
}
.zlinux h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 9px;
    margin-bottom: 9px;
	color: #333333;
}
.zlinux h2 {
	font-family: Arial, Helvetica, sans-serif;
/* 	font-size: 93%; */
	font-size: 77%;
	font-weight: normal;
	margin-top: 75px;
	margin-bottom: 0px;
	color: #FFF;
	text-align: center;
}
.zlinux h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
    margin-bottom: 0px;
	color: #069;
}
.zlinux {
	width: 1250px;
    margin: 0 auto;
}
.zlinux_header {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
	width: 100%;
}
.zlinux_middle {
	float: left;
	height: 99px;
	width: 368px;
	border: 1px solid #cccccc;
	margin-left: 2.7%;
	box-sizing: border-box;
	margin-bottom: 11px;
	margin-left: 25px;
}
.zlinux_bottom {
	float: left;
	margin-bottom: 24px;
	width: 100%;
}
.zlinux_left {
	float: left;
	height: 99px;
	width: 368px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin-bottom: 11px;
	margin-left: 43px;
}
.Virtual_Servers {
	background-color: #6699ff;
	background-image: url(../images/nav_icon03.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 28%;
}
.Developer_Journey {
	background-color: #be9b00;
	background-image: url(../images/Developer_Journey.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 39%;
}
.Icp {
	background-color: #6699ff;
	background-image: url(../images/icp.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 35%;
}
.Ocp {
	background-color: #fff;
	background-image: url(../images/ocp.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 35%;
}
.Ibp {
	background-color: #1515FF;
	background-image: url(../images/ibp.png);
	background-repeat: no-repeat;
	background-position: center 22%;
	background-size: 35%;
}
.Kubnetes_cluste {
	background-color: #326de6;
	background-image: url(../images/Kubnetes_cluste.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 35%;
}
.MongoDB_Enterprise {
	background-color: #0e7f13;
	background-image: url(../images/MongoDBEnterprise_icon03.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 16%;
}
.MongoDB_2 {
	background-color: #40a920;
	background-image: url(../images/db02b.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 36%;
}
.hyperledger {
	background-color: #2d2f34;
	background-image: url(../images/logo_hl_new3.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 32%;
}
.journey0 {
	background-color: #efc100;
	background-image: url(../images/journey0.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 35%;
}
.develop0 {
	background-color: #872a0f;
	background-image: url(../images/develop0.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 35%;
}
.connect0 {
	background-color: #152935;
	background-image: url(../images/community.svg);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 32%;
}
.learn0 {
	background-color: #504545;
	background-image: url(../images/learn0.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 35%;
}


.open_source {
	background-color: #3c763d;
	background-image: url(../images/open-source.svg);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 32%;
}
.engage {
	background-color: #b58532;
	background-image: url(../images/engage.svg);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 35%;
}

.workloads {
	background-color: #BE9B00;
	background-image: url(../images/cloud.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 45%;
}
.zlinux_right {
	float: left;
	height: 99px;
	width: 368px;
	border: 1px solid #cccccc;
	margin-left: 2.7%;
	box-sizing: border-box;
	margin-bottom: 11px;
	margin-left: 25px;
}
.zlinux_icon {
	float: left;
	width: 46.9%;
	height: 100%;
}
.zlinux_word {
	float: left;
	width: 53.1%;
	height: 100%;
	position: relative;
}
.zlinux_word a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #069;
	position: absolute;
	right: 16px;
	bottom: 3px;
	text-decoration: none;
	cursor: pointer;
}
.zlinux_word .viewguide {
	bottom: 21px;
	right: 54px;
}
.zlinux_word .coming {  
	cursor: text;
}
.zlinux_word span {
    margin-right: 11px;
}
.glyphicon-plus {
    margin-right: 11px;
}
.zlinux_header .modal-footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-right: 12px;
}
.zlinux_header .modal-footer a:hover {
	text-decoration: none;	
}
.creat_key {
	background-color: #fcb712;
	background-image: -webkit-linear-gradient(top, #fcb712 0%, #fcb712 100%);
    background-image: -o-linear-gradient(top, #fcb712 0%, #fcb712 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcb712), to(#fcb712));
    background-image: linear-gradient(to bottom, #fcb712 0%, #fcb712 100%);
	border-color: #fcb712;
	background-color: #fcb712;
}
.creat_key:active:hover {
	border-color: #fcb712;
	background-color: #fcb712;
}
.creat_key:active:focus {
	border-color: #fcb712;
	background-color: #fcb712;
}
.creat_key:hover {
	border-color: #fcb712;
	background-color: #fcb712;
}
.creat_key:focus {
	border-color: #fcb712;
	background-color: #fcb712;
}
.zlinux .form-group label {
	font-weight: normal;
	color: #999;
}
.zlinux .test {
	width: 30%;
}
.navbar-inverse .navbar-nav .selected {
    color: #FCB712;
    background: #434343;
    border-bottom: solid 3px #fcb712;
}
.zlinux_bottom .selected {
    color: #FCB712;
    border-bottom: solid 2px #fcb712;
    display: inline-block;
    padding-bottom: 3px;
}
.MongoDB_sql {
	background-color: #009acd;
	background-image: url(../images/hdr_left2.png);
	background-repeat: no-repeat;
	background-position: center 30%;
	background-size: 41%;
}
.zlinux_center {
	float: left;
	padding-bottom: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dbdbdb;
	width: 100%;
}
.zlinux_word .show_all {
	right: 0px;
	bottom: -25px;
	font-size: 12px;
}
.zlinux_word .show_all b {
	font-weight: normal;
}
.Description {
    margin-top: 22px;
    display: block;
}
.Event_code {
    margin-left: 82px;
    margin-bottom: 0px;
}
.Event_code_hide {
    display:none; 
}
.Event_code_show {
    display:inline-block; 
}
.image_show {
    display:block; 
} 
.favor_show {
    display:block; 
}
.image_hide {
    display:none; 
} 
.favor_hide {
    display:none; 
}
.zlinux_bottom h1 span {
    color:#777;
}
#instance_form label {
    margin-left: 12px;
}  
.footer-link a {
    position: fixed;
    right: 9%;
    bottom: 12px;
} 
.carousel-control.right {
    background-image: none;
    background-image: none; 
    background-image: none; 
}
.carousel-control.left {
    background-image: none;
    background-image: none; 
    background-image: none; 
}
.carousel-indicators {
    bottom: -35px;
}
.carousel-control {
    left: -36px;
    top: -10px;
    width: 6%;
}
.carousel-control.right {
    right: -32px;
    top: -10px;
}  
.carousel-indicators .active {
    background-color: #3b6caa;
} 
.carousel-indicators li {
    border: 1px solid #3b6caa;
    width: 12px;
    height: 12px;
} 
.carousel-indicators .active {
    margin-bottom: 1px;
}   
.carousel-control {
    color: #054ba3;
    text-shadow:  none;
}
.glyphicon-menu-left {
    top: 47px;
}
.glyphicon-menu-right {
    top: 47px;
}
.carousel-control:hover, .carousel-control:focus {
    color: #054ba3;
}