.osp-groups {
	background: #ecf2f4;
}
.ospg-item {
	display: block;
	width: 187px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #5b6468;
	text-decoration: none;
	padding: 20px 7px;
}
.ospg-item.ospg-mikrotik > img {
	padding-top: 5px;
	padding-bottom: 27px;
}
.ospg-item:hover {
	background: #fff;
}
.osp-groups .ospg-item:last-child:hover {
	background: transparent;
}
.ospg-active {
	background: #fff;
}
.ospg-item.ospg-item-l {
	width: auto;
	float: none;
}
.ospg-img {
	padding-bottom: 10px;
}
.osp-specifications {
	width: 170px;
	padding: 20px;
	min-height: 300px;
	background: #ecf2f4;
	border: 1px solid #ecf2f4;
	box-sizing: content-box;
}
.osp-content {
	border: 1px solid #ecf2f4;
	min-height: 300px;
	overflow-y: auto;
	padding: 20px;
	width: 100%;
}
.osp-list {
	border-collapse: collapse;
	font-size: 14px;
	margin-bottom: 50px;
	min-width: 460px;
}
.osp-list td {
	width: 130px;
	padding: 10px;
	border-bottom: 1px solid #dae7eb;
}
.osp-list tr:last-child td {
	border-bottom: 0;
}
.osp-list td.ospl-title {
	width: 205px;
	font-weight: bold;
}
.ospl-first {
	font-size: 16px;
	color: #b0bcc1;
}
.ospl-order {
	align-items: center;
	background: #26c5e4;
	color: #fff;
	display: inline-flex;
	font-size: 12px;
	height: 20px;
	padding: 0 5px;
	vertical-align: middle;
	text-decoration: none;
	white-space: nowrap;
}
.ospl-order img {
	margin-right: 6px;
}
.ospl-order:hover {
	background-color: #2b3034;
}
.ospl-order:first-letter {
    text-transform: capitalize;
}
.osps-body {
	font-size: 11px;
	padding-right: 10px;
}
.osp-specifications ul {
	margin: 0;
	padding-left: 18px;
	list-style-image: url("../images/op_is.png");
}
.osp-specifications ul li {
	margin-bottom: 15px;
}

.ospd-left-menu {
	background: #ecf2f4;
	border-top: 1px solid #ecf2f4;
	border-bottom: 1px solid #ecf2f4;
	border-left: 1px solid #ecf2f4;
	float: left;
	width: 162px;
}
.opsdlm-ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.ospdlm-active {
	padding: 10px 5px 10px 42px;
	background-color: #fff !important;
}
.ospdlm-a {
	display: block;
	padding: 10px 5px 10px 42px;
	text-decoration: none;
}
.ospds-content {
	border: 1px solid #e9f0f2;
	min-height: 300px;
	padding: 10px;
}

.ds-title {
	font-size: 24px;
	font-weight: bold;
	padding-left: 12px;
	border-left: 7px solid #26c5e4;
}
.ospdlm-overview {
	background: url("../images/offers/ds_left_menu_spr.png") no-repeat 0 2px;
}
.ospdlm-all_servers {
	background: url("../images/offers/ds_left_menu_spr.png") no-repeat 0 -37px;
}
.ospdlm-data_center {
	background: url("../images/offers/ds_left_menu_spr.png") no-repeat 0 -70px;
}
.ospdlm-network {
	background: url("../images/offers/ds_left_menu_spr.png") no-repeat 0 -109px;
}
.ospdlm-control_panel {
	background: url("../images/offers/ds_left_menu_spr.png") no-repeat 0 -154px;
}
.ospdlm-automation {
	background: url("../images/offers/ds_left_menu_spr.png") no-repeat 0 -194px;
}

.ds-top-menu {
	margin-bottom: 28px;
}
.dstm-item {
	align-items: center;
	background: #e9f0f2;
	border: 1px solid #e9f0f2;
	color: #747c80;
	display: flex;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 0;
	font-size: 16px;
	justify-content: space-between;
	height: 130px;
	padding: 0 30px 0 20px;
	text-align: center;
	text-decoration: none;
}
.dstm-item span {
	align-items: center;
	border-left: 3px solid transparent;
	display: inline-flex;
	height: 30px;
	padding-left: 26px;
}
.dstm-item img {
	height: auto;
	max-height: 90%;
	max-width: 40%;
	width: auto;
}
.dstm-active span {
	border-color: #92cc42; 
	position: relative;
}
.dstm-active span::before {
	border-color: transparent transparent transparent #92cc42;
	border-style: solid;
	border-width: 4px 5px 4px;
	content: '';
	display: inline-flex;
	left: -1px;
	position: absolute;
	top: calc(50% - 4px);
}
.dstm-item + .dstm-item {
	margin-left: 10px;
}
.dstm-item.dstm-active {
	background: transparent;
}
.dst-list-wrap {
	padding: 0 20px;
}
.dst-list {
	border-collapse: collapse;
	font-size: 14px;
	width: 100%;
}
.dst-th {
	color: #a7b4b9;
	font-weight: normal;
	padding: 8px 5px;
	text-align: left;
}
.dst-td {
	border-bottom: 1px solid #dae7eb;
	padding: 8px 5px;
}
.dst-td:first-child, .dst-th:first-child {
	padding-left: 0;
	white-space: nowrap;
}
.dst-td:last-child, .dst-th:last-child {
	padding-right: 0;
}
.dst-list tr:last-child .dst-td {
	border-bottom: 0;
}
.dsc-form form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.dsc-form label {
	display: block;
	margin-bottom: 5px;
}
.dsc-form .radio-inline label {
	display: inline;
}
.dsc-form .radio-inline label:after {
	content: " ";
}
.dsc-form .two-parts {
	display: flex;
	justify-content: space-between;
}
.dsc-form input[type="text"], .dsc-form input[type="email"] {
	width: 330px;
}
.dsc-form .two-parts input[type="text"] {
	width: 170px;
}
.dsc-form .code .field input[type="text"] {
	width: 255px;
}
.offer-tag {
	align-items: center;
	background-color: #6f9837;
	color: #fff;
	display: inline-flex;
	font-size: 12px;
	height: 20px;
	justify-content: center;
	line-height: 1;
	margin-left: 7px;
	margin-top: 10px;
	padding: 0 6px 0 3px;
	position: relative;
}
.offer-tag img {
	margin-right: 6px;
}
.offer-tag::before {
	border-color: transparent #6f9837 transparent transparent;
	border-style: solid;
	border-width: 10px 7px 10px 0;
	content: '';
	display: inline-flex;
	left: -7px;
	position: absolute;
	top: 0;
}
.offer-tag::after {
	border-color: #6f9837 transparent transparent transparent;
	border-style: solid;
	border-width: 20px 12px 0 0;
	content: '';
	display: inline-flex;
	right: -12px;
	position: absolute;
	top: 0;
}
.offer-tag.enterprise {
	background-color: #e9f0f2;
	color: #7b8387;
}
.offer-tag.enterprise::before {
	border-color: transparent #e9f0f2 transparent transparent;
}
.offer-tag.enterprise::after {
	border-color: #e9f0f2 transparent transparent transparent;
}
.offer-tag.auction {
	background-color: #f6960e;
}
.offer-tag.auction::before {
	border-color: transparent #f6960e transparent transparent;
}
.offer-tag.auction::after {
	border-color: #f6960e transparent transparent transparent;
}
.offer-tag.sale {
	background-color: #ff2d2d;
}
.offer-tag.sale::before {
	border-color: transparent #ff2d2d transparent transparent;
}
.offer-tag.sale::after {
	border-color: #ff2d2d transparent transparent transparent;
}