/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  /* padding-top: 50px; vk */
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .navbar-collapse.collapse {
    overflow: auto !important;
  }
  .sidebar {
    position: fixed;
    
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}
/* Login */
#login_dashbord {
position: fixed;
}
.login_container {
position: relative;
top: 100px;
left: 180px;
}
/* Logout */
#logout_dashbord {
position: fixed;
}
.logout_container {
position: relative;
top: 100px;
left: 180px;
}



/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
  width: 155px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  margin: 0px;
}
.nav-sidebar > li.active > a {
  color: #fff;
  background-color: #428bca;
}
.nav-sidebar > li > a:hover,
.nav-sidebar > li > a:focus {
 
  border: 1px solid #428bca;
}

/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

/* MORE */

.desaturate {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

#orderform h3 {
  border-top: #E6E6E6 solid 2px;
  padding-top: 1%;
  margin-top: 4%;
}

#orderform .btn-default.active,
#orderform .btn-default.focus,
#orderform .btn-default:active,
#orderform .btn-default:focus,
#orderform .btn-default:hover,
#orderform .open>.dropdown-toggle.btn-default {
color: #fff;
  /*TODO-it applied style changes*/
  background-color: #5078B4;
  border-color: #3C5A87;
/*background-color: #E3675B;*/
/*border-color: #C8574C;*/
}

#order_os_pre .tab-content {
  margin-top: 15px;
}

.order_tabs{
 /*   height:150px;*/
}
/*os section*/
.order_os_radio {
  display:none;
}

.order_icon_price {
  margin-top: 140px;
  font-size:20px;
}

.order_os_button {
/*  width: 166px;
  height: 166px;*/
  vertical-align:super;
}

.order_os_button.btn.active, .order_os_button.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*
#order_os_linux_centos {
  background-image: url('../images/order/os-centos.png');
  background-position: 0px 0px;
}
#order_os_linux_debian {
  background-image: url('../images/order/os-debian.png');
  background-position: 0px 0px;
}
#order_os_linux_ubuntu {
  background-image: url('../images/order/os-ubuntu.png');
  background-position: 0px 0px;
}
#order_os_windows {
  background-image: url('../images/order/os-windows.png');
  background-position: 0px 0px;
}*/

/*pre-packed application stacks*/
.order_cmss_radio {
  display:none;
}

.order_cmss_button {
/*  width: 166px;
  height: 166px;*/
}

.order_cmss_button.btn.active, .order_cmss_button.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*
#order_cmss_wordpress {
  background-image: url('../images/order/inst-wordpress.png');
  background-position: 0px 0px;
}
#order_cmss_joomla {
  background-image: url('../images/order/inst-joomla.png');
  background-position: 0px 0px;
}
#order_cmss_drupal {
  background-image: url('../images/order/inst-drupal.png');
  background-position: 0px 0px;
}
#order_cmss_none {
  background-image: url('../images/order/noapp.png');
  background-position: 0px 0px;
}*/


/*Control Panel*/
.order_control_panels_radio {
  display:none;
}

.order_control_panels_button {
/*  width: 166px;
  height: 166px;*/
}

.order_control_panels_button.btn.active, .order_control_panels_button.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*
#order_control_panels_cpanel_whm {
  background-image: url('../images/order/inst-cpanelwhm.png');
  background-position: 0px 0px;
}

#order_control_panels_none {
  background-image: url('../images/order/nocp.png');
  background-position: 0px 0px;
}*/

/*fix by Bob put cmss & control panels in one radio & upgrade group for submit work*/
.order_instance_type_radio {
  display:none;
}

.order_instance_type_button {
/*  width: 166px;
  height: 166px;*/
  vertical-align:super;
}

.order_instance_type_button.btn.active, .order_instance_type_button.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*
#order_instance_type_wordpress {
  background-image: url('../images/order/inst-wordpress.png');
  background-position: 0px 0px;
}
#order_instance_type_joomla {
  background-image: url('../images/order/inst-joomla.png');
  background-position: 0px 0px;
}
#order_instance_type_drupal {
  background-image: url('../images/order/inst-drupal.png');
  background-position: 0px 0px;
}
#order_instance_type_cpanel_whm {
  background-image: url('../images/order/inst-cpanelwhm.png');
  background-position: 0px 0px;
}

#order_instance_type_none {
  background-image: url('../images/order/nocp.png');
  background-position: 0px 0px;
}*/

#instance_summary{
 /* padding: 1%;
  padding-top: 0;*/
  border: #E6E6E6 1px solid;
  background-color: #F7F7F7;
 /* display: flex;
  margin-left: auto;
  margin-right: auto;*/
}
#instance_summary{
  font-size: 16px;
  list-style: none;
/*   padding-top: 2%;*/
}


/*Resources Memory section*/
label.order_resources {
  width: 180px;
  padding: 2%;
  margin: 1%;
}
.order_resources_price {
  font-size: 28px;
}
.order_resources_month {
  font-size: 12px;
  color: #C0C0C0;
}
.active .order_resources_month,
label.order_resources:hover .order_resources_month {
  font-size: 12px;
  color: #FFFFFF;
}
.order_resources hr {
  margin: 5px;
}

label.order_ssd {
  width: 120px;
  padding: 0.5%;
  margin-left: 1%;
  margin-top: 1.5%;
}
.order_ssd_price {
  font-size: 18px;
}
.order_ssd_month {
  font-size: 12px;
  color: #C0C0C0;
}
.active .order_ssd_month,
label.order_ssd:hover .order_ssd_month {
  font-size: 12px;
  color: #FFFFFF;
}
.order_ssd hr {
  margin: 5px;
}

label.order_san {
  width: 120px;
  padding: 0.5%;
  margin-left: 1%;
  margin-top: 1.5%;
}
.order_san_price {
  font-size: 18px;
}
.order_san_month {
  font-size: 12px;
  color: #C0C0C0;
}
.active .order_san_month,
label.order_san:hover .order_san_month {
  font-size: 12px;
  color: #FFFFFF;
}
.order_san hr {
  margin: 5px;
}

#order_hostname_input {
  margin-left: 1%;
  margin-top: 2%;
  width: 98%;
}

label.order_sshkey {
  margin-left: 1%;
  margin-top: 1%;
}
#order_sshkey_add {
  margin-left: 1%;
}
#order_sshkey_add_div {
  display: none;
  padding-top: 1%;
  padding-left: 1%;
  padding-right: 1%;
}

label.order_location {
  width: 180px;
  height: 120px;
  margin: 1%;
}
.order_location hr {
  margin: 5px;
}
.order_location_comingsoon {
  font-size: 10px;
}

label.order_management {
  width: 17%;
  height: 65px;
  margin: 1%;
  min-width:100px;
}
.order_management hr {
  margin: 5px;
}
.order_management li {
  text-align: left;
  white-space: normal;
  padding-bottom: 4%;
}
.order_management_desc_info{
  
}
  
#order_management_desc {
  padding: 1%;
  padding-top: 0;
  border: #E6E6E6 1px solid;
  background-color: #F7F7F7;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
#order_management_desc li {
  font-size: 16px;
  list-style: none;
  padding-top: 2%;
}

#order_finish {
  padding-top: 3%;
  padding-left: 1%;
  padding-bottom: 10%;
}
#order_finish_price {
  font-size: 20px;
  padding-left: 1%;
  padding-top: 9px;
}
#order_finish_price_month {
/*  color: #C0C0C0;*/
}

th label.asc:after {
    content: ' ⇣';
}
th label.desc:after {
    content: ' ⇡';
}

.display-none {
    display:none;
}