/* cyrillic-ext */
@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    src: local('Play'), url(/fonts/_UIws5dpKC1RfhGPW_D7VQ.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    src: local('Play'), url(/fonts/VI6dwR3qOFADPI7kkTnlug.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    src: local('Play'), url(/fonts/4W1i2GqDprP6PUrv5L9lzw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    src: local('Play'), url(/fonts/YjD7Z5idi6Khm_WnIgFa0Q.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 400;
    src: local('Play'), url(/fonts/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 700;
    src: local('Play-Bold'), url(/fonts/PpjZAP-K8gv39BSLNS1xY_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 700;
    src: local('Play-Bold'), url(/fonts/lZe8LJu6XJeAnu9eXxtEnPY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 700;
    src: local('Play-Bold'), url(/fonts/VN3OcQJbzFDCcT5DR4FoP_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 700;
    src: local('Play-Bold'), url(/fonts/mYWcwxMP0u4-zvfazCFrVfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Play';
    font-style: normal;
    font-weight: 700;
    src: local('Play-Bold'), url(/fonts/d8o4OpWQkZkrWqhvSfqU1Q.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

*{
    margin:0 auto;
    padding:0px;
    /* transition: 250ms; */
}
img{
    border:0px;
    /*padding: 10px;*/
}
html{max-width: 1024px;height: 100%;/* display: inline-block; */background-color: rgb(54, 57, 72);/* background-image: url(/static/images/bg-html.jpg); */background-repeat: repeat-x;/* background-position: bottom left; */}
body{/* width: 100%; */font-family:Play, sans-serif;min-height: 100%;background: url(/static/images/bg.jpg) no-repeat scroll;/* background-color: rgba(60, 63, 74, 0.89); */text-align: center;background-attachment: fixed;background-position: right;/* padding-bottom: 40px; */overflow-y: scroll;}
h1 {

}
h2 {
    font-size: 18px;

    padding-left: 10px;
    color: rgb(155, 195, 226);
}
b {
    color: rgba(255, 255, 255, 1);
}
#body {
    height: 100%;
}
#website{
    /*background-color: rgba(60, 63, 74, 0.89);*/
    padding-bottom: 70px;
}

#headerTmp {
    display: none;
    height: 0px;
    width: 100%;
    background-image: url(/static/images/bg.gif);
}

#header {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    /* background-image: url(/static/images/bg.gif); */
    background-color: rgb(48, 50, 60);
    top: 0px;
    border-bottom-left-radius: 3px 3px;
    border-bottom-right-radius: 3px 3px;
    z-index: 1000;
    height: 100px;
    left: 0;
}
.megacontainer {
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.logo{
    float:left
}
.logo img {
    width: 230px;
    /* height: 70px; */
}
.anchor{
    display: inline-block;
}
#menu {
    padding: 31px 10px 0px 15px;
    vertical-align: top;
    display: inline-block;
}
#menu li {
    list-style-type: none;
    display: inline-block;
    margin: 0px 1px 0px 1px;
    float: left;
    border: 1px solid rgba(212,212,212,0.15);
    border-radius: 3px 3px;
    background-color: rgb(55, 58, 73);
}
#menu a{
    font-size: 22px;
    color:#9DA2B8;
    text-transform:uppercase;
    text-decoration:none;
    /* margin: 0 0 0 0px; */
    padding: 5px 5px 5px 5px;
    /* display:block; */
    /* float:left; */
    border-bottom:2px;
    border-radius: 3px 3px;
}
/*#menu a:visited{
color:#9DA2B8;
border:0px;
}*/
#menu .active{
    color:#FFFFFF;
    border-bottom:2px solid rgb(192, 0, 20);
}
#menu a:hover{
    color:#FFFFFF;
    /*border-bottom:2px solid rgb(53, 78, 92);*/
    border-bottom:2px solid rgb(192, 0, 20);
}
#content {
    padding: 10px;
    max-width: 970px;
    margin: 0 auto;
    font-size: 18px;
    color: rgb(212, 212, 212);
    line-height: 1.4em;
    text-align: left;
}

#content a {
    /* display: inline-block; */
    color: rgb(155, 195, 226);
    font-weight: bold;
    text-decoration: none;
    /*border-bottom: 1px dotted;*/
}
#content a:hover {
    color: rgb(250, 250, 250);
    /*border-bottom: 1px dotted rgb(250, 250, 250);*/
}
#content h1 {
    font-size: 26px;
    display: block;
    margin: 10px 35px 15px 35px;
    color: rgb(155, 195, 226);
    border-bottom: 1px solid rgb(155, 195, 226);
}
#content h2 {
    font-size: 24px;
    display: block;
    margin: 10px 20px 15px 20px;
    color: rgb(155, 195, 226);
    border-bottom: 1px solid rgb(155, 195, 226);
}

#content > p {
    padding: 0px 30px 40px 30px;
    text-align: left;
    margin: 0 auto;
}
#footer{
    background-image: url(/static/images/bg.gif);
    display: block;
    height: 42px;
    font-size: 12px;
    color: rgb(66, 71, 86);
    /*padding: 45px 68px 0px 68px;
    */position: fixed;
    bottom: 0px;
    width: 1024px;
}
#footer a{
    color:#AFB8D3;
    text-decoration:none
}
#footer p.contacts {
    font-weight: bold;
    margin: 15px;
}
#footer p.counter {
    margin: 5px 10px 5px 0px;
}
#footer p{
    display: inline-block;
    color:#AFB8D3;
    text-decoration:none;
}
#footer a:visited{text-decoration:underline}
#footer a:hover{text-decoration:none}

#table.contactsMap{
    display: block;
    text-align: center;
    /*width: 600px;*/
    height: 450px
}

#table.bodyPrices {
    border: 0px solid rgba(219, 214, 187, 0.5);
    border-radius: 3px 3px;
    min-height: 200px;
    background: rgba(59, 62, 72, 0.61);
    margin: 0px 0px 30px 0px;
}
#table.bodyPrices table {
    border-radius: 3px 3px;
    border: 1px solid rgba(219, 214, 187, 0.5);
    max-width: 900px;
    padding: 10px 10px 20px 10px;
    margin-top: 20px;
}
#table.bodyPrices table th.leftCol, #table.bodyPrices table td.leftCol {
    padding: 4px;
    text-align: left;
}
#table.bodyPrices table th.rightCol, #table.bodyPrices table td.rightCol {
    padding: 4px;
    text-align: center;
    width: 130px;
}
#table.bodyPrices table th.leftCol {
    padding: 0 0 0 40px;
    color: rgb(155, 195, 226);
}
#table.bodyPrices table th.rightCol {
    color: rgb(155, 195, 226);
}
#table.bodyPrices table td.leftCol {
    padding: 0 0 0 15px;
}
#table.bodyPrices table td.rightCol {
}
#table.bodyPrices table td.doubleCol {
}
#table.bodyPrices p {
    width: 70%;
}



#content #table p{display: inline-block;width: 100%;padding:0 0 10px 0;margin:0 0 13px 0;/*border-bottom:1px solid #1E2027;*/text-align: left;}
#content #table p .left {
    display: block;
    text-align: left;
    width: 150px;
    height: 100%;
    padding-left: 10px;
}
#content #table p .right {
    width: 520px;
    padding: 10px;
    border-left: 1px solid rgb(30, 32, 39);
    background: rgba(35, 37, 43, 0.66);
}
#table p .left a{
    display: block;
    height: 100%;
    font-size: 14px;
    color: rgb(155, 195, 226);
    background: rgba(55, 58, 67, 0.72);
    line-height: 18px;
    text-decoration: none;
    text-align: center;
    border:1px solid rgba(118, 155, 184, 0.39);
    -webkit-box-shadow: inset 0px 0px 30px 0px rgba(118, 155, 184, 0.39);
    -moz-box-shadow:    inset 0px 0px 30px 0px rgba(118, 155, 184, 0.39);
    box-shadow:         inset 0px 0px 30px 0px rgba(118, 155, 184, 0.39);
}
#table p .left a:hover {
    color: rgb(250,250,250);
}
.li {
    display: block;
    margin-left: 10px;
    padding-left: 10px;
    background: url(/static/images/li-img.png) no-repeat scroll left 0px top 7px;
}

/* SKS Styles */

.clear {
    clear:both !important;
    float:none !important;
    margin:0px !important;
    padding:0px !important;
    border:none !important;
    height:0px !important;
    line-height:0px !important;
    overflow: hidden !important;
    font-size:0 !important;
    width:100% !important;
}

.disabled {
    display: none !important;
}
.left {
    display: inline-block;
    float: left;
}
.left a {
    display: inline-block;
    border-radius: 6px 6px;
    padding: 14px 0px 10px 15px;
}
.right {
    display: inline-block;
    float: right;
}

#header .contacts {
    font-size: 14px;
    display: inline-block;
    padding: 5px 15px 5px 0px;
    color: rgb(255, 255, 255);
    border-radius: 3px 3px;
    text-align: center;
}
#header .contacts a {
    display: block;
    font-size: 20px;
    color: rgb(255, 255, 255);
    border-bottom: 1px dotted rgb(255, 255, 255);
    text-decoration: none;
    /* background: url("/static/images/phone.png") top right no-repeat; */
    /* padding-right: 18px; */
}
#header .contacts .contactsTitle {
    display: block;
    font-size: 14px;
    color: rgb(157, 162, 184);
    padding-top: 2px;
}

#header .minibar {position: absolute;bottom: 0px;left: 0px;right: 0px;/* background-color: rgb(22, 24, 28); */padding: 6px 15px;display: block;/* width: 100%; */text-align: right;}
#header .minibar a {
    color: rgb(155, 195, 226);
    text-decoration: none;
    text-transform: lowercase;
    border: 1px dotted rgba(155, 195, 226, 0.5);
    padding: 1px 8px 2px 10px;
    line-height: 12px;
    font-size: 12px;
}
#header .minibar a:hover {
    color: rgb(250, 250, 250);
    background-color: rgba(155, 195, 226, 0.21);
}
.userForm {
    display: inline-block;
    text-align: center;
    min-width: 100px;
}

.userForm span {
    display: block;
    text-align: right;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.7em;
}

h3 {
    margin: 0px 5px 10px 30px;
    text-align: left;
}

form, .form {padding: 15px 10px 10px 10px;/* margin: 20px 0 10px 0; */display: block;background: rgb(41, 43, 51);color: rgb(136, 167, 203);border: 2px solid rgba(219, 214, 187, 0.5);border-radius: 3px;font-weight: bold;/* width: 290px; */line-height: 3em;}

input[type=text] {
    text-align: left;
    border: 1px solid rgb(228, 82, 82);
    background: rgb(255, 255, 255);
}
input[type=submit], input[type=button], input[type=text], input[type=password], select, option, textarea {
    background: rgb(255, 255, 255);
    padding: 2px 10px 2px 10px;
    border: 1px solid rgb(211, 208, 192);
    border-radius: 2px 2px;
    min-width: 40px;
    /*line-height: 13px;*/
    /* font-size: 13px; */
}
input {
    display: inline-block;
    font-weight: bolder;
    min-width: 26px;
    text-decoration: none;
    white-space: nowrap;
}
.alert {
    display: block;
    text-align: center;
    font-size: 1.3em;
    color: #bd8686;
    background-color: #687d896e;
    border-radius: 10px 10px;
    padding: 5px 10px 10px 10px;
}
.green {
    color: #12ea12;
}
.mainPageButton a {
    display: block;
    height: 100%;
    width: 70%;
    font-size: 30px;
    color: rgb(155, 195, 226);
    background: rgba(55, 58, 67, 0.72);
    line-height: 20px;
    text-decoration: none;
    text-align: center;
    border:1px solid rgba(118, 155, 184, 0.39);
    -webkit-box-shadow: inset 0px 0px 30px 0px rgba(118, 155, 184, 0.39);
    -moz-box-shadow:    inset 0px 0px 30px 0px rgba(118, 155, 184, 0.39);
    box-shadow:         inset 0px 0px 30px 0px rgba(118, 155, 184, 0.39);
    padding: 20px;
    border-radius: 10px 10px;
    text-transform: uppercase;
}
.mainPageButton a:hover {
    text-decoration: none;
    background: rgba(119, 122, 132, 0.72);
    -webkit-box-shadow: inset 0px 0px 30px 0px rgba(53, 57, 71, 1);
    -moz-box-shadow:    inset 0px 0px 30px 0px rgba(53, 57, 71, 1);
    box-shadow:         inset 0px 0px 30px 0px rgba(53, 57, 71, 1);
}
.mainPageButton a span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: rgb(212, 212, 212);
    padding: 10px;
    text-transform: none;
}

.formResult {
    display: none;
    width: 400px;
    padding: 5px 20px 5px 20px;
    border: 1px dotted rgb(192, 0, 20);
    border-radius: 3px 3px;
    text-align: center;
}

.cell{
    background: rgba(59, 62, 72, 0.61);;
    border: 1px solid rgba(219, 214, 187, 0.28);
    display: inline-block;
    border-radius: 6px 6px;
    padding: 3px;
    vertical-align: top;
    margin: 0px 3px 6px 3px;
    width: 48%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 20px;
}

.cell > .title {
    display: block;
    text-align: left;
    font-size: 18px;
    padding: 4px 0px 3px 30px;
    margin-bottom: 6px;
    border: 1px solid rgba(219, 214, 187, 0.28);
    border-radius: 3px 3px;
    background: rgba(212, 212, 212, 0.25);
}

.cell > p {
    color: rgb(212, 212, 212);
    padding: 7px !important;
    display: block !important;
    border-radius: 3px 3px;
    font-weight: bold;
    width: auto !important;
    height: 100%;
    margin: 0 !important;
    height: 120px;
    overflow: hidden;
    position: relative;
}

.cell:hover {
    border: 1px solid rgba(255, 255, 255, 0.8);
    /*height: auto;*/
    /*min-height: 120px;*/
}

.cell:hover .articleDate {
    color: rgba(140, 190, 226, 0.2);
    background-color: rgba(118, 120, 127, 0.2);
}

#comments {
    font-weight: bold;
    width: 700px;
    /* display: block; */
    text-align: center;
    border: 2px solid rgba(219, 214, 187, 0.5);
    border-radius: 3px 3px;
    margin-top: 40px;
    min-height: 170px;
    background: rgba(59, 62, 72, 0.61);
}

.commentTitle {
    display: inline-block;
    padding: 4px 20px 0px 20px;
    /* margin: 10px; */
    float: left;
    border: 0px solid rgb(219, 214, 187);
    font-size: 17px;
}

.commentCB {
    display: inline-block;
    padding: 3px 5px 2px 5px;
    float: left;
    /* border-color: rgb(219, 214, 187); */
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-bottom-left-radius: 3px 3px;
    border-bottom-right-radius: 3px 3px;
    margin-right: 3px;
    /* min-width: 100px; */
}

.commentCB > img {
    height: 16px;
    vertical-align: sub;
    margin-right: 3px;
}
.commentSpace {
    border: 0px solid;
    padding: 3px;
    margin: 3px;
    display: inline-block;
    width: 98%;
}

#hypercomments_widget {
    background: rgb(255, 255, 255);
}

#formCalculator h3 {
    display: inline-block;
    font-size: 20px;
    color: rgb(212, 212, 212);
    margin: 0 auto;
    padding: 0px 0px 25px 0px;
}

#formCalculator .comment {
    display: block;
    font-size: 13px;
    color: rgb(193, 193, 193);
    font-weight: normal;
}

.userForm span *{
    vertical-align: top;
}
.userForm input[type=text],.userForm input[type=password], .userForm textarea {
    width: 300px;
    background-color: rgb(255, 255, 255);
    font-size: 20px;
}

.userForm input[type=submit] {
    background-color: rgb(136, 167, 203);
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    padding: 3px 10px 5px 10px;
}

#formCalculator input[type=button] {
    background-color: rgb(136, 167, 203);
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    width: 30px;
}

#formCalculator input[type=button].amoValue {
    background-color: rgb(255, 255, 255);
    width: 50px;
}

.userForm .formResult {
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 20px 20px 20px 20px;
}

.userForm .formResult span{
    text-align: center;
    color: rgb(192, 0, 20);
    font-size: 18px;
    margin: 10px 0px 10px 0px;
    line-height: 1.3em;
}

.userForm .formResult span>a{
    color: rgb(192, 0, 20);
    text-decoration: underline;
}

#socialMenu {
    background: rgba(30, 30, 36, 0.52);  color: rgb(136, 167, 203);
    border: 1px solid rgb(8, 8, 11);
    border-radius: 3px 3px;
    display: inline-block;
    top: 250px;
    left: -4000000000px;
}

ul.starComment {
    display: block;
    text-align: right;
    margin: 5px 0px 5px 0px;
    list-style-type: none;
    font-size: 14px;
}

ul.starComment li {
    padding: 0px 10px 1px 10px;
    margin: 2px 0px 2px 0px;
    border-radius: 3px 3px;
    background-color: rgba(212, 212, 212, 0.25);
    /* display: inline-block; */
    text-align: left;
    /* max-width: 70%; */
    line-height: 1.5em;
}
ul.starComment.red > li{
    background-color: rgb(255 255 255 / 75%);
    color: rgb(255 0 0);
    font-weight: bold;
}
ul.starComment li a {

}

span.lineComment {
    display: inline-block;
    font-size: 14px;
    color: white;
    font-weight: normal;
    padding: 5px;
    margin: 10px 0;
}

#articleBody {
    /*max-width: 98%;*/
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    text-align: left;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    padding: 10px;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, с 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ поддерживается в IE, Safari, и Firefox 3.1.*/    display: inline-block;
}

#articleBody li {
    margin-left: 30px;
}
#articleBody img {
    max-width: 95%;
}

#articleBody pre {
    border: 1px solid rgb(0, 0, 0);
    padding: 3px 3px 3px 20px;
    margin: 3px 3px 10px 3px;
    background-color: rgba(128, 128, 128, 0.4);
    border-radius: 3px 3px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    display: inline-block;
    width: 90%;
}

#articleText {
    max-width: 100%;
    display: inline-block;
    text-align: left;
    background-color: rgba(212, 212, 212, 0.2);
    padding: 10px 6px 10px 6px;
    border-radius: 3px 3px;
}

#articleText h2 {
    margin: 0px 5px 10px 30px;
    text-align: left;
    color: rgb(212, 212, 212);
    font-size: 22px;
    border: 0px;
    position: relative;
    padding-right: 150px;
}

.articleDate {
    position: absolute;
    display: inline-block;
    /* float: right; */
    font-size: 12px;
    line-height: 12px;
    border-radius: 3px 3px;
    padding: 3px;
    bottom: 0px;
    right: 0px;
    color: rgb(140, 190, 226);
    background-color: rgb(118, 120, 127);
}

.articleEditButtons {

    position: absolute;

    display: inline-block;

    /* float: right; */

    font-size: 12px;

    line-height: 12px;

    border-radius: 3px 3px;

    padding: 0px;

    top: 0px;

    right: 0px;

    color: rgb(140, 190, 226);

    /* background-color: rgb(118, 120, 127); */
}

.articleEditButtons a {

}

.articleEditButtons a:hover {

}

.articleEditButtons img {

    height: 20px;
}


#back-top {
    color: rgb(255, 255, 255) !important;
    display: none;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    /* padding: 0px; */
}

#back-top img {
    height: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

#banner {
    display: block;
    /* width: 80%; */
    text-align: center;
    border-radius: 3px 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.listPagesCont {

}

.listPagesCont a {

}

.listPagesCont .button {
    background-color: rgb(55, 58, 73);
    /*background-color: rgba(212, 212, 212, 0.25);*/
    border-bottom: 2px solid rgba(219, 214, 187, 0.28);
}

.listPagesCont .button_disabled{
    border-bottom: 2px solid rgb(192, 0, 20);
    font-weight: bold;
}

.listPagesCont .button, .listPagesCont .button_disabled {
    display: inline-block;
    border-top: 1px solid rgba(219, 214, 187, 0.28);
    border-right: 1px solid rgba(219, 214, 187, 0.28);
    border-left: 1px solid rgba(219, 214, 187, 0.28);
    border-radius: 3px 3px;
    padding: 1px 1px 1px 1px;
    line-height: 20px;
    margin: 5px 1px 5px 1px;
    min-width: 120px;
}

.frameUrl {

}

.powered_by {}

#table {
    display: block;
    padding: 10px 10px 30px 10px;
    text-align: center;
    border: 0px solid rgba(219, 214, 187, 0.5);
    border-radius: 3px 3px;
    min-height: 200px;
    background: rgba(59, 62, 72, 0.61);
    margin: 0px 0px 30px 0px;
}
/*#table table {*/
/*border-radius: 3px 3px;*/
/*border: 1px solid rgba(219, 214, 187, 0.5);*/
/*width: 900px;*/
/*padding: 10px 10px 20px 10px;*/
/*margin-top: 20px;*/
/*}*/
#table table th.leftCol, #table table td.leftCol {
    padding: 4px;
    text-align: left;
}
#table table th.rightCol, #table table td.rightCol {
    padding: 4px;
    text-align: center;
    width: 130px;
}
#table table th.leftCol {
    padding: 0 0 0 40px;
    color: rgb(155, 195, 226);
}
#table table th.rightCol {
    color: rgb(155, 195, 226);
}
#table table td.leftCol {
    padding: 0 0 0 15px;
}
#table table td.rightCol {
}
#table table td.doubleCol {
}
#table p {
    width: 70%;
}
.disp-block {

    display: block;
}
.disp-none{display: none}
.manageForm{
    display: inline-block;
    width: 450px;
    padding: 0 70px;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{}

.bodyHosting {}

.bodyHosting .serviceLinks {
    padding: 4px 20px;
    text-align: left;
}
.bodyHosting .serviceLinks a {padding: 0px 5px 1px 5px;font-size: 14px;line-height: 16px;border: 1px dotted rgba(155, 195, 226, 0.5);/* background-color: rgba(155, 195, 226, 0.25); */}
.bodyHosting .serviceLinks a:hover {background-color: rgba(155, 195, 226, 0.21);}
.bodyHosting .serviceTileCont {
    display: inline-block;
    margin: 0px 0px;
    padding: 15px 0px;
    border-top: 1px dotted rgb(155, 195, 226);
}

.bodyHosting .serviceTileCont .serviceTitle {
    width: 220px;
    min-height: 125px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 21px;
    margin: 5px 10px;
    background-color: rgb(55, 58, 73);
}

.bodyHosting .serviceTileCont .serviceTitle > a {}

.bodyHosting .serviceTileCont .serviceTitle > a > .link {
    padding-top: 10px;
    font-size: 18px;
    line-height: 16px;
}

.bodyHosting .serviceTileCont .serviceTitle > span,
.bodyHosting .serviceTileCont .serviceTitle > a > span {
    display: block;
    text-align: left;
    line-height: 14px;
    padding: 2px 4px;
    font-size: 12px;
}
.bodyHosting .serviceTileCont .serviceTitle > span > span,
.bodyHosting .serviceTileCont .serviceTitle > a > span > span {color: rgb(255, 255, 243);display: block;font-size: 11px;font-weight: normal;}
.bodyHosting .serviceTileCont .serviceTitle .title {
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    vertical-align: top;
    padding: 0px;
    color: rgb(255, 255, 255);
}
.bodyHosting .serviceTileCont .serviceTitle .title .fullName {
}
.bodyHosting .serviceTileCont .serviceTitle .status {font-size: 12px;}

.bodyHosting .serviceTileCont .serviceTitle .date {font-size: 12px;}

.bodyHosting .serviceTileCont .serviceTitle .info {}



.bodyHosting .serviceTileCont .serviceData {
    display: inline-block;
    width: 600px;
    vertical-align: top;
    padding: 10px 20px;
    margin: 5px 10px;
    background-color: rgb(55, 58, 73);
    line-height: 18px;
    text-align: left;
}

.bodyHosting .serviceTileCont .serviceData > div {
    display: inline-block;
    width: 290px;
    text-align: left;
    font-size: 14px;
    line-height: 14px;
    vertical-align: top;
    margin-bottom: 10px;
}
.bodyHosting .serviceTileCont .serviceData .separator {display: block;width: auto;text-align: left;line-height: normal;border-bottom: 1px dotted rgba(155, 195, 226, 0.4);border-bottom: 1px dotted rgb(192, 0, 20);padding: 10px 0px 0px 35px;margin-bottom: 10px;}
.bodyHosting .serviceTileCont .serviceData .separator .separatorName {/* padding: 10px 0; */font-size: 17px;line-height: 22px;font-weight: bold;color: rgb(255, 255, 255);}
.bodyHosting .serviceTileCont .serviceData > div .name {min-width: 85px;display: inline-block;/* cursor: pointer; */vertical-align: top;}
.bodyHosting .serviceTileCont .serviceData > div .value {color: rgb(155, 195, 226);/* cursor: pointer; */display: inline-block;}
.bodyHosting .serviceTileCont .serviceData > div .value a {
    display: block;
    /* padding-left: 80px; */
}
.bodyHosting .serviceTileCont .serviceData > div .info > p {
    padding: 0px !important;
    margin: 0px !important;
    /* margin-top: 5px !important; */
}





.manageTileCont .manageTitle {
    text-align: left;
    border: 1px solid rgba(212, 212, 212, 0.25);
}

.manageTileCont .manageTitle .title {
    margin-left: 25px;
}

.manageTileCont .manageTitle .balance{
    float: right;
    margin-right: 25px;
}

.manageTileCont .manageData .groupTitle {
    text-align: left;
    padding: 15px 5px 10px 30px;
    font-size: 1.2em;
}

.manageTileCont .manageData .groupCols {}

.manageTileCont .manageData .groupCols th {
    white-space: nowrap;
    border: 1px solid rgba(212, 212, 212, 0.2);
    padding: 0px 5px 2px 5px;
    text-align: center;
    font-size: 0.9em;
}

.manageTileCont .manageData .groupItem {}

.manageTileCont .manageData .groupItem td {
    border: 1px solid rgba(212, 212, 212, 0.2);
    font-weight: normal;
    font-size: 0.8em;
    padding: 1px 5px 0px 5px;
}

.manageTileCont .manageData .groupItem .name {
    width: 250px;
    text-align: left;

}

.manageTileCont .manageData .groupItem .tarif {
    width: 150px;
}

.manageTileCont .manageData .groupItem .price {
    width: 100px;
}

.manageTileCont .manageData .groupItem .dateStart {
    width: 100px;
}

.manageTileCont .manageData .groupItem .info {
    width: 250px;
    text-align: left;
}

.manageTileCont .manageData .groupItem .action {
    width: 110px;
}


.modal {
    padding-top: 20px;
    box-sizing: border-box;
    overflow: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1001;
    text-align: center;
    vertical-align: middle;
    bottom: 0;
    display: none;
    font-size: 14px;
    line-height: 16px; }
.modals__fog {
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.7;
    z-index: 1000; }
.modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    vertical-align: middle; }
.modal__body {
    position: relative;
    z-index: 1;
    padding: 30px 50px;
    width: 550px;
    box-sizing: border-box;
    display: inline-block;
    background: #fff;
    text-align: left;
    border: none;
    vertical-align: middle;
    border-radius: 0; }
.modal__header {
    padding: 10px; }
.modal__footer {
    padding: 10px; }
.modal__close {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    background: #000;
    width: 10px;
    height: 10px; }
.modal__title {
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    font-weight: 300; }
#blogPostEdit{

}
#blogPostAttachmets{
    display: block;
    height: 250px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
#blogPostAttachmets > span{
    position: relative;
    height: 215px;
    width: 250px;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    border: 1px solid rgb(155, 195, 226);
    border-radius: 4px 4px;
}

#blogPostAttachmets > span > span{
    position: absolute;
    display: inline-block;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 3px;
    margin: 4px 4px 0px 4px;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 0.6em;
    background-color: rgb(48 50 60 / 90%);
    color: rgb(155, 195, 226);
    text-align: center;
    border-top-right-radius: 10px 10px;
    border-top-left-radius: 10px 10px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}