@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Sans:400,700&subset=cyrillic');

@font-face {
    font-family: 'icomoon';
    src:  url('/content/fonts/icomoon.eot?wwx7a0');
    src:  url('/content/fonts/icomoon.eot?wwx7a0#iefix') format('embedded-opentype'),
    url('/content/fonts/icomoon.ttf?wwx7a0') format('truetype'),
    url('/content/fonts/icomoon.woff?wwx7a0') format('woff'),
    url('/content/fonts/icomoon.svg?wwx7a0#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 20px;
    margin-left: 5px;
    margin-right: 5px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-paperplane:before {
    content: "\e900";
}
.icon-mail:before {
    content: "\e901";
    display: block;
    width: 20px;
    position: absolute;
    right: 10px;
    margin-top: -20px;
}
.mail-count {
    border: 1px solid black;
    border-radius: 5px;
    font-size: 8px;
    font-weight: bold;
    line-height: 10px;
    display: block;
    min-width: 12px;
    max-width: 15px;
    text-align: center;
    background-color: #FFFFFF;
    z-index: 1000;
    position: absolute;
    right: 5px;
    margin-top: -22px;
    vertical-align: center;
}
.icon-mail:hover > .mail-count {
    color:#ff4500;
    border-color: #ff4500;
}

.icon-pencil:before {
    content: "\e905";
}
.icon-box-add:before {
    content: "\e95e";
}
.icon-cog:before {
    content: "\e994";
}
.icon-eye:before {
    content: "\e9ce";
}
.icon-cancel-circle:before {
    content: "\ea0d";
}
.icon-cross:before {
    content: "\ea0f";
}

html{margin:0;padding:0;}

body{margin:0;padding:0;}
:focus{outline:none!important;}
img{border:none!important;outline:none!important;}
a{outline:none;border:none;color:inherit;text-decoration:none!important;}
a:hover{color:#ff4500;}
.text-center a, .text-center span, .text-center div{margin-left:auto;margin-right:auto;}
p{font-family:'PT Sans', sans-serif;font-size:16px;line-height:24px;color:#444444;margin-bottom:10px;}
h1, .h1{font-family:'PT Sans', sans-serif;font-weight:700;font-size:30px;line-height:30px;color:#000; margin-top:0}
h2, .h2{font-family:'PT Sans', sans-serif;font-weight:700;font-size:28px;line-height:30px;color:#000;margin-bottom:30px;}
h3, .h3{font-family:'PT Sans', sans-serif;font-weight:700;font-size:24px;line-height:26px;color:#000; margin-top:0}
.h1-text{font-family:'PT Sans', sans-serif;font-weight:700;font-size:30px;color:#000;}
.h2-text{font-family:'PT Sans', sans-serif;font-weight:700;font-size:24px;color:#000;}
.light-text{font-size:18px;color:#444444;font-family:'PT Sans Narrow', sans-serif;}
input[type="text"]:focus, textarea:focus{outline:none;}

h4, .h4{font-family:'PT Sans Narrow', sans-serif;font-weight:700;font-size:18px;line-height:20px;color:#000; margin-top:0}



.header-slogan {
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
}
.header-comment {
    font-size: 16px;
    color:#5e5e5e;
}
.navbar{margin-bottom:0;margin-top:30px;}
.navbar-default{background-color:#ffffff;border-color:#ffffff;}
.navbar-collapse{padding-right:0;padding-left:0;}
.nav > li > a, .f-list > li > a{
    padding:0 20px 0 0;font-family:'PT Sans', sans-serif;font-weight:500;font-size:22px;line-height:22px;color:#000000;
}
.navbar-default .navbar-nav > li > a, .f-list > li > a{color:#000000;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .f-list > li > a:hover, .f-list > li > a:focus{color:#ff4500;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.f-list > .active > a, .f-list > .active > a:hover, .f-list > .active > a:focus{color:#ff4500;background-color:#FFFFFF;}
.navbar-collapse.in{overflow:hidden;}
.navbar-default .navbar-toggle .icon-bar{background-color:#ff4500;}
.navbar-default .navbar-toggle:hover .icon-bar{background-color:#ffffff;}

.content-info-block {
    margin-top: 15px;
}

.navigation{margin-top:15px;font-family:'PT Sans', sans-serif;font-weight:300;font-size:16px;}
.navigation a{color:#434343;}
.navigation a:hover{color:#ff4500;}
.navigation span{color:#a6a4a4;}
.breadcrumb{background:none;list-style:outside none none;margin:0;padding:0;}
.breadcrumb > li + li::before{font-family:'PT Sans', serif;color:#434343;content:"→";font-size:16px;font-weight:bold;}
.breadcrumb > li{float:left;}

.registration-form-block {
    margin-top:30px;
}

.erroritem {
    border:1px solid #E9213E;
    color:#E9213E;
}

.server-content {
    padding: 10px;
    margin-bottom: 20px;
    min-height: 100px;
    box-shadow: 0 0 3px 2px rgba(221, 221, 221, 1);
    height: 100%;
}
.server-content span {
    display: block;

}
.server-active {
   background-color: #d0e9c6 ;
    border: 1px solid #4cae4c;
}
.server-paused {
    background-color: #D9D9D9;
    border:1px solid #acacac;
}
.server-suspended {
    background-color: #f6f88c;
}
.server-build {
    background-color: #FFFFFF;
}
.server-name {
    font-family:'PT Sans Narrow', sans-serif;
    font-weight:700;
    font-size:18px;
    line-height:20px;
    display: block;
    text-decoration: underline!important;
}
.server-name:hover {
    text-decoration: none!important;
}
.server-config-label {
    font-family:'PT Sans', sans-serif;
    font-weight:400;
    font-size:16px;
}
.server-keypair-label {
    font-family:'PT Sans', sans-serif;
    font-weight:400;
    font-size:16px;
    display: inline!important;
}

.close-server-btn, .close-users-btn {
    width: 25px;
    height: 25px;
    display: block;
    background: url("/content/images/cloudportal/close_btn.png") 0 0 no-repeat;
    float: right;
    margin-top: -13px;
    margin-right: -13px;
}
.close-server-btn:hover, .close-users-btn:hover {
    background-position: 0 -25px;
}
.server-config-block {
    margin-top: 5px;

    padding-left:10px;
}
.server-config-block span {
    font-family:'PT Sans', sans-serif;
    font-weight:400;
    font-size:14px;
}
.mode-block {
    min-height: 100px!important;

}
.server-status {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-family:'PT Sans', sans-serif;
    font-weight:700;
    font-size:14px;
}
.console-link {
    color: #9b0820;
    text-decoration: underline!important;
}
.console-link:hover {
    color: #000;
    text-decoration: none;
}
.modal-dialog{margin-top:0;margin-bottom:0;height:100vh!important;width:100%;max-width:500px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.modal.fade .modal-dialog{-webkit-transform:translate(0, -100%);transform:translate(0, -100%);}
.modal.in .modal-dialog{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
.modal-header{border-bottom:none;}
.modal-header h2{margin-bottom:10px;}

.articles-block h2 {
    margin-bottom: 5px;
}

.media p {
    font-size: 16px;
    line-height: 17px;
}
.dropdown-menu {
    right: 0;
}
.articles-block table tr td {
    padding: 0 5px;
}
.services-block {
    margin-bottom: 30px;
    -webkit-box-shadow: -7px 7px 10px -4px rgba(204,204,204,1);
    -moz-box-shadow: -7px 7px 10px -4px rgba(204,204,204,1);
    box-shadow: -7px 7px 10px -4px rgba(204,204,204,1);
    padding: 15px;
    border: 1px solid #acacac;
}

.services-block .btn {
    flex: 1 1 auto;
    margin: 5px 5px 5px 0;
    padding: 7px 30px;
    text-align: center;

    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 30px;
    border: 0;
    font-size: 14px;
}
.margin-top-10{
    margin-top: 10px;
}
table.services-block {
    margin-top: 20px;
    width: 100%;
}
table.services-block tr td {
    padding: 10px;
    vertical-align: top;
}

table.services-block tr td:first-child a {
    font-weight: bold;
}
.count-block {

}
.count-block span {
    font-style: normal;
    display: block;
    float: left;
}


.count-block .num-minus, .count-block .num-plus{
    font-weight: 900;
    font-size: 18px;
    cursor: pointer;
}
.count-block .num-minus {
    margin-right: 5px;
}
.count-block .num-plus {
    margin-left: 5px;
}
.count-block .number {
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    display: block;
    min-width: 20px;

}
.users-attribute {
    margin-top: 5px;
}
.users-attribute .form-control{
    width: 30%;

}
.users-attribute input {
    margin-right: 5px;
    text-align: right;

}
.users-attribute .close-users-btn {
    cursor: pointer;
    margin-right: inherit;
    margin-top: 3px;
    float: none;
    display: inline-block;
}

.project-resource {
    width: 90%;
    margin-left: 15px;
}
.project-resource td {
    padding: 5px;
}
.project-resource td:first-child {
    width: 50%;
}
.dc_table tr td:first-child{
    max-width: 250px;
}
.icon-cross{
    cursor: pointer;
}
.icon-cross:hover {
    color: #9b0820;
}

.volume-list-table tr:first-child td {
    font-weight: bold;
    border-bottom: 2px solid #000000;
    padding: 5px 10px;
}
.volume-list-table tr td {
    padding: 5px 10px;
}
.volume-list-table {
    margin: 5px 10px;
}
.mod-row {
    display: flex;
    flex-wrap: wrap;
}
.dc_table {
    width: 100%;
}
.dc_table tr td:last-child {
    min-width: 90px;
}
.request-block {
    margin:10px;
    padding: 10px;
    border: 2px solid #cccccc;
}
.check-error {
    font-family:'PT Sans Narrow', sans-serif;
    font-weight: bold;
    font-size:12px;
    color:#9b0820;
}
.noperehod {pointer-events: none;}
.red-info {
    font-family:'PT Sans Narrow', sans-serif;
    font-weight: normal;
    font-size:10px;
    color:#9b0820;
}