@cache-version: `( new Date() ).getTime()` ;

div.file_upload_section {
        position: relative;
        overflow: hidden;
    }
    
    div.file_upload_section input[type=file] {
        position: absolute;
        right: 0px;
        top: 0px;
        font-size: 4000px;
        height: 100%;
        opacity: 0;
        z-index: 1000;
        width: 100%;
    }
.pt10 
{
    padding-top: 10px;
    }

.creating-msg {
  font-size: 0.87em;
  color: #6c808c;
  height: 1px;
  overflow: visible;
  position: absolute;
  top: 78px;
}

.inner-cloud-name 
{
    font-size: 0.923em!important;
    color: #73828c!important;
    }

/* IP VLAN */

.FilterLink {
    text-decoration:overline;
    cursor:pointer;
}

.FilterLink {
text-decoration: none; /* Remove underscore */
border-bottom: 1px dashed #000080; /* Add your own line */ 
color: black;
}
.FilterLink:hover {
border-bottom: 1px dashed #f00000; /* Add your own line */ 
color: #f00000; /* Link color when hovering over it */
}
.FilterLink:visited {
color: black;
}


.linked-ip-form {
  display: inline-block;
  padding: 0 0 0 15px;
}
/* END IP VLAN */

/* Net params for VM */

.net-params div {
  display: inline-block;
}

/* END Net params for VM */

/* User profile form */

.form-profile tr.field-note td {
  padding: 0 0 0 5px;
  vertical-align: top;  
  font-size: 0.85em;
  color: #6c808c;
}

.form-profile td {
  padding: 10px 5px 0 5px;
}

.form-profile label {
  font-size: 0.85em;
  color: #6c808c;
}

.form-profile .FormEditTable tr > td:first-child,
.form-profile .FormEditTable1 tr > td:first-child,
.form-profile .FormEditTable2 tr > td:first-child {
  padding-right: 0;
}

/* END User profile form */

.admin_user_table, .admin_user_table th, .admin_user_table td {
  font-size: 13px!important;  /*Fix for adjusting the sizes on the user list page for the admin - too small with standard styles. Does editing standard styles affect other objects?*/
}

.vm_vlan_table, .vm_vlan_table th, .vm_vlan_table td {
  font-size:inherit!important;  /*Fix for adjusting sizes on the cloud editing page, in the network interfaces list subtable. Does editing standard styles affect other objects?*/
  padding: 0!important;
  border: 0!important;
  margin: 0!important;
  line-height:normal!important;
}

.vmiprow 
{
    min-width:120px!important; /*To create the effect of aligning IP addresses (if they are missing or of different lengths) in different lines*/
}

.HiddenInputGUI {
    filter:alpha(opacity=0); 
    opacity: 0.0;
    position: absolute;
    top: -5000px;
    left: -5000px;
    width: 1px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


.Capcha2 {
    filter:alpha(opacity=0); 
    opacity: 0.0;
    position: absolute;
    top: -5000px;
    left: -5000px;
    width: 1px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


html, body {
height: 100%;
min-width:980px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
/* width: auto; if there was a typo here and width: auto - then the height began to break the display,
Commented - if nothing else breaks from this - then remove it completely!
height: auto; */
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
  font-family: Verdana;
  font-size: 13px;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
select::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
select:focus {outline: none;}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Verdana;
  font-size: 13px;
  line-height: 20px;
  color: #333d43;
  background-color: #ffffff;
  background-image:url(images/bg_body.png);
}
.small_font 
{
    font-size:10px;
}

a {
  color: #0071ac;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}
.a {
  color: #0071ac;
  text-decoration: underline;
  cursor:pointer;
}

.a:hover {
  text-decoration: none;
}

.bg-white 
{
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-8 */
}
#header 
{
    height:60px;
    border-bottom:1px solid #cecece;
    -webkit-box-shadow:  0px 3px 3px 0px #dddddd;
    box-shadow:  0px 3px 3px 0px #dddddd;
    top:0px;
    min-width:980px;
    display: inline-block;
    min-width: 100%;

}

#header .logo 
{
    margin:12px 0px 13px 31px;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px;
    min-width:980px;
    display: inline-block;
    min-width: 100%;
    
}
h1, h2, h3, h4
{
    color:#3e4f5a;
    font:Verdana;
    font-weight:200;
    margin:0px 0px;
    padding-bottom:20px;
}

h1 
{
    font-size:24px;
}
h1 span 
{
    color:#0072ae;
}

h2
{
    font-size:18px;
    color:#3c7491;
    padding-bottom:7px;
}
h2 span
{
    color:#ff6600;
}

h3 {
  font-size: 1.3em;
}

.border_dasher 
{
    border-bottom:1px dashed #b3b3b3;
}
.border_dasher_vertical 
{
    border-right:1px dashed #b3b3b3;
    width:1px;
    height:30px;
    display:inline-block;
    margin-top:10px;
    margin-bottom:5px;
}
.margin-bottom 
{
    margin-bottom:10px;
}
.margin-right 
{
    margin-right:10px;
}
.margin-left 
{
    margin-left:10px;
}
.margin-top 
{
    margin-top:10px;
}

.under_column {padding:35px;}

.header_right {position: absolute;top:20px;right:45px; font-size:11px;}

.top_menu 
{
    position:absolute;
    top:80px;
    right:45px;
    font-size:14px;
    padding:10px 0px 10px 60px;   
}
.top_menu a 
{
    font-size:14px;
}
.edit-tarif 
{
    background: url(images/icon_tarif.png) 30px 6px no-repeat;
}
.processing 
{
  display: inline-block;
  width: 21px!important;
  height: 21px!important;
  margin-top: -2px;
  *margin-right: .3em;
  line-height: 18px;
  vertical-align: text-top;
  border:0px;
  background-image: url(images/loading.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}


/* Form */
.form 
{
    margin-top:20px;
}
.form .editor-label 
{
    width:250px;
    float:left;
    text-align:right;
}
.form .editor-label label 
{
    margin-right:10px;
}
.necessarily 
{
    /*font-weight:bold;*/
}
.input, .select
{
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    height:21px;
    padding-left:3px;
    border-collapse:collapse;
    border-spacing:0px;
}

.form .editor-field 
{
    margin-left:250px;
    text-align: left;
    padding: 0px 0px 13px 5px;
}
.form .editor-field input:not(.except-editor-field-input-style)
{
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    width:300px;
    height:21px;
    padding-left:3px;
}
.form .editor-field select
{
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    width:305px;
    height:21px;
    padding-left:3px;
}

.filter-editor-short,
.form .editor-short input
{
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    width:100px;
    height:21px;
    padding-left:3px;
}

.form .editor-middle input
{
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    width:170px;
    height:21px;
    padding-left:3px;
}

.form .editor-field textarea 
{
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    width:300px;
}
.form .footer_form
{
    margin-left:250px;
    margin-top:10px;
    text-align: left;
    width:205px;
    margin-bottom:20px;
}
.date_input, 
.date_input_form_field_w150
{
    background-image:url('images/icons_set.png?version=19661');
    background-position:282px 2px;
    background-repeat:no-repeat;
}

.date_input_form_field_w150 {
    width: 150px; 
    height: 21px; 
    border: 1px solid #d3d3d3; 
    padding-left: 3px; 
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    background-position-x: 132px;
}

.date_input_short
{
    background-image:url('images/icons_set.png?version=19661');
    background-position:82px 2px;
    background-repeat:no-repeat;
}

.date_input_middle
{
    background-image:url('images/icons_set.png?version=19661');
    background-position:152px 2px;
    background-repeat:no-repeat;
}
.editor-field-sostav 
{
    margin-left:250px;
    text-align: left;
    padding: 0px 0px 13px 5px;
    color:#4f5e67;
    text-transform:lowercase;
}
.editor-field-sostav .label 
{
    color:#4f5e67;
    width:110px;
    float:left;
    text-transform:lowercase;
}
.form .editor-field-sostav input, .form .editor-field-sostav select
{
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    width:300px;
    height:21px;
    padding-left:3px;
}
.editor-field-sostav .field
{
    margin-left:120px;
    margin-bottom:5px;
}
.editor-field-sostav .field input 
{
    width:100px;
}
.editor-field-sostav .field .date_input 
{
    background-position:78px -44px;
}
.form .btn_list 
{
    display:block!important;
}
.left-column {margin:0px;width:235px;min-width:235px;position:absolute;top:80px;left:10px;}
.right-column {
background-color: #f9f9f9;
margin: 12px 16px 0px 196px;
padding: 16px 29px 16px 31px;
border-radius: 8px; 
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

div.scrolled {
overflow-x: auto;
}


.left-menu {width:152px;list-style: none;margin: 0;padding: 0px; font-weight:bold;}
.left-menu li {border-bottom: none;padding: 3px 1px 8px 16px;}
.left-menu li a{color:#fff;}
.left-menu ul {width:152px;list-style: none;margin: 0;padding: 0px;}
.left-menu ul li {padding-left: 30px;}

.left-menu2 {color:#000;width:165px;list-style: none;margin: 0;padding: 0px; font-weight:bold;}
.left-menu2 li {border-bottom: none;padding: 1px 3px 1px 3px;}
.left-menu2 li a{color:#000;}
.left-menu2 ul {width:152px;list-style: none;margin: 0;padding: 0px;}
.left-menu2 ul li {padding-left: 30px;}


.tabnav {margin: 0;padding: 0px;margin-top: 11px;height:35px;margin-bottom:-1px;}
.tabnav li {float:left;list-style: none;color:#6c808c;width:196px;text-align:center;}
.tabnav li a {color:#6c808c;font-size: 18px;padding: 6px 0px 9px 0px;display:block;}
.tabnav li.ui-tabs-selected a {background: #f0f5fe;color:#0072ae;text-decoration: none;
border: 1px solid #dcdcdc;padding: 5px 0px 8px 0px;}
.tabdiv li {margin-left: 20px;}
.ui-tabs-hide {	display: none;}
.tabnav li.first {width:301px;text-align:right;padding: 7px 18px 8px 0px;}


        
.wrapper {
    /* float: left;  stretch to content, not to screen width */
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -53px;
    background:url('images/body_bg.png') no-repeat 0px 60px #eeeeee;
}

.btn 
{
    height:28px;
    background: #05679b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1Njc5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA3Njk5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBhNmM5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTcwYTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #05679b 0%, #07699d 50%, #0a6c9f 50%, #0e70a4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05679b), color-stop(50%,#07699d), color-stop(50%,#0a6c9f), color-stop(100%,#0e70a4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #05679b 0%,#07699d 50%,#0a6c9f 50%,#0e70a4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #05679b 0%,#07699d 50%,#0a6c9f 50%,#0e70a4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #05679b 0%,#07699d 50%,#0a6c9f 50%,#0e70a4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #05679b 0%,#07699d 50%,#0a6c9f 50%,#0e70a4 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05679b', endColorstr='#0e70a4',GradientType=0 ); /* IE6-8 */
    color:#fff;
    border:1px solid #0794c6;
    border-top-width:2px;
    padding:0px 19px;
    text-align:center;
    -webkit-border-radius: 4px;    
    border-radius: 4px;
    -webkit-box-shadow:  0px 2px 1px 0px #dbdbdb;
    box-shadow:  0px 2px 1px 0px #dbdbdb;
    /*text-transform:uppercase;*/
}
.btn[disabled*="disabled"]
{
    color:#999;
}
.btn:hover
{
    background: #0193c4; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxOTNjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTcwYTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #0193c4 0%, #0e70a4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0193c4), color-stop(100%,#0e70a4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0193c4 0%,#0e70a4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0193c4 0%,#0e70a4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0193c4 0%,#0e70a4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #0193c4 0%,#0e70a4 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0193c4', endColorstr='#0e70a4',GradientType=0 ); /* IE6-8 */
}
.btn-cancel
{
    background:#a6a6a6;
    border: 1px solid #a6a6a6;
    display: inline-block;
    text-decoration: none;
    height: 26px;
    font-size: 11px;
    line-height: 24px;
}
.btn.btn-cancel
{
    background: none !important;
    background-color: #a6a6a6 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    border-radius: 3px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 1em !important;
    line-height: 1.21em !important;
    text-align: center;
    border-radius: 4px;
    box-shadow: none !important;
    text-decoration: none;
    min-width: 111px;
    height: 33px !important;
    font-family: Verdana;
}
#footer {
    height: 49px;
    border-top:1px solid #cecece;
    -webkit-box-shadow:  0px -3px 3px 0px #dddddd;
    box-shadow:  0px -3px 3px 0px #dddddd;
    overflow:hidden;
    display: inline-block;
    min-width: 100%;
}
#footer .text 
{
    text-align:right;
    margin:10px 15px 0px 0px;
    display: inline-block;
    min-width: 100%;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  margin-top: -3px;
}

.tooltip.right {
  margin-left: 3px;
}

.tooltip.bottom {
  margin-top: 3px;
}

.tooltip.left {
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip.error .tooltip-inner
{
    background-color: red !important;
    color: #ffffff !important;
}

.tooltip.error.top .tooltip-arrow
{
    border-top-color: red !important;
}

.tooltip.error.right .tooltip-arrow
{
    border-right-color: red !important;
}

.tooltip.error.left .tooltip-arrow
{
    border-left-color: red !important;
}

.tooltip.error.bottom .tooltip-arrow
{
    border-bottom-color: red !important;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.btn2 
{
    display:inline-block;
    padding:2px 15px 2px 6px;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f1f1f1 0%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1f1f1 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1f1f1 0%,#fafafa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1f1f1 0%,#fafafa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1f1f1 0%,#fafafa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#fafafa',GradientType=0 ); /* IE6-8 */
    border:1px solid #eaeaea;
    border-top:2px solid #fff;
    -webkit-border-radius: 4px;    
    border-radius: 4px;
    -webkit-box-shadow:  0px 2px 3px 1px #dddddd;
    box-shadow:  0px 2px 3px 1px #dddddd;
}
.btn2:hover
{
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f6f6f6 0%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f6f6 0%,#fafafa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#fafafa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6f6f6 0%,#fafafa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#fafafa',GradientType=0 ); /* IE6-8 */
}
.btn2 [class^="icon-"] 
{
    margin-right:5px;
}
.blok_white 
{
    background-color:#fff;    
    border:1px solid #dcdcdc;
    -webkit-border-radius: 6px;    
    border-radius: 6px;
}
.block_dark 
{
    background-color:#e7ebf4;    
    border:1px solid #dcdcdc;
    -webkit-border-radius: 6px;    
    border-radius: 6px;
    color:#4f5e67;
}

/* style for List of Clouds */
.service 
{
    width:345px;
    float:left;
    position:relative;
    margin-right:60px;
    margin-top:15px;
}
.service_menu 
{
    float:right;
    background-color:#d5d5d5;
    width:33px;
    border:1px solid #dcdcdc;
    border-left:0px;
    margin-right:-33px;
    margin-top:15px;
    padding:6px 6px 3px 6px;
    box-sizing:border-box;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: inset 3px 0px 3px 0px #c1c1c1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    z-index:10;
}
.service_menu [class^="icon-"] 
{
    margin-bottom:3px;
}

.service_name 
{
    color:#3c7491
}
.service_info
{    
    height:350px;
    padding:15px 30px 10px 20px;
}
.service_price 
{
    float:right;
    width:95px;
    height:45px;
    border:1px solid #e0e0e0;
    -webkit-border-radius: 4px;    
    border-radius: 4px;
    text-align:center;
    color:#ff6600;
    font-size:20px;
    padding-top:5px;
}
.service_price span 
{
    display:block;
    color:#6c808c;
    font-size:13px;
}
.price 
{
    text-align:center;
    color:#ff6600;
    font-size:20px;
    padding-top:5px;
}
.price span 
{
    display:block;
    color:#6c808c;
    font-size:13px;
}

.service_price [class^="icon-"] 
{
    position:absolute;
    right:5px;
    margin-top:5px;
}
.service_line 
{
    width:140px;
    position:relative;
    font-size:14px;
    margin-bottom:8px;
}
.service_line [class^="icon-"] 
{
    position:absolute;
    right:0px;
}
/* style for Cloud-Edit */
.cloud_info 
{
    padding:15px;
}
.cloud_leftinfo 
{
    font-size:14px;
    width:180px;
    float:left;
    margin-right:20px;
}
.edit_tarif 
{
    border:1px solid #afafaf;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    font-size:11px;
    color:#ff6600;   
    height:23px;
    padding-left:5px;
    display:block;
    margin:5px 0px 10px 0px;
}
.edit_tarif [class^="icon-"] 
{
    float:right;
    margin-top:0px;
}
.cloud_info2 
{
    display:inline-block;
    padding:12px 10px;
    margin-bottom:15px;
}
.cloud_info2 th 
{
    color:#4f5e67;
    text-align:right;
    padding-right:10px;
}
.cloud_info2 td {
    background-color:inherit;
}
.cloud_info2 input[type="text"]
{
    /*background-color:inherit; IN IE not work */
    background-color:#e7ebf4;
    border:0px;
    margin:0px;
    height:20px;
}
/* Virtual M */
.blok_left 
{
    width:49%;
    float:left;
    margin-right:1%;
}
.blok_right 
{
    width:50%;
    margin-left:50%;
}
.block_form 
{
    padding:10px 20px;
    position:relative;
    height:140px;
}
.block_form input, .block_form select
{
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    width:100%;
    height:21px;
    padding-left:3px;
}
.block_form textarea
{
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    width:100%;
    height:50px;
    padding-left:3px;
    resize: none;
}
.first_net 
{
    padding:15px;
}
.first_net input 
{
    width:120px;
    border: 1px solid #D3D3D3;
    border-radius: 3px 3px 3px 3px;
    height: 21px;
    padding-left: 3px;
}
.first_net input[readonly] 
{
    background-color:#E7EBF4;
    font-weight:normal;
}
.slider_input 
{
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    width:50px;
    height:21px;
    padding-left:3px;
    background-color:#f2f2f2;
    position:relative;
    margin-bottom:-4px;
    color:#000;
    text-align:center;
}
/* for edit ajax */
.edit_textarea 
{
    height:50px;
    position:relative;
}
.edit_textarea textarea
{
    height:40px;
    position:absolute;
    width:95%;
    border:0px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index:1;
    color:#6c808c;
    font-size:11px;
    resize: none;
}
.block_foredit 
{
    border:1px dashed #c3c5cb;
    -webkit-border-radius: 2px;
    border-radius: 2px;     
    padding-left:2px;
    padding-bottom:2px;
    overflow:hidden;
}
.block_foredit [readonly*="readonly"]
{
    font-weight:normal;    
}
.block_edit 
{
    border:1px solid #c3c5cb;
    -webkit-border-radius: 2px;
    border-radius: 2px;     
    padding-left:2px;
    padding-bottom:2px;
    overflow:hidden;
    background-color:#F9F9F9;
}

.block_foredit input,
.block_edit input
{
    border:0px;
    background-color:inherit;
}
.block_foredit select,
.block_edit select
{
    border:0px;
    background-color:inherit;
    width:100%;
    margin-left:-22px;
    padding-left:22px;
    color:#333D43;
}
.block_foredit [class^="icon-"],
.block_edit [class^="icon-"] 
{
    float:right;
    margin-top:2px;
    z-index:5;
    position:relative;
    margin-right:0px;
    cursor:pointer;
}
/*VLAN*/
.block_vlan 
{
    margin-right:30px;
    position:relative;
    clear:both;
}
.block_vlan2 
{
    overflow:hidden;
}
.form_vlan 
{
    width:340px;
    padding:10px 0px 10px 10px;
    float:left;
}
.form_vlan .text 
{
    float:left;
    width:110px;
    text-align:right;
    color:#4f5e67;
    font-size:14px;
}
.form_vlan .field 
{
    margin-left:113px;
    margin-bottom:5px;
}
.form_vlan .icon-info 
{
    float:right;
}
.form_vlan .field_text 
{
    margin-left:113px;
    clear:both;
}
.form_vlan .field .block_foredit, .form_vlan .field_text .block_foredit,
.form_vlan .field .block_edit, .form_vlan .field_text .block_edit
{
    width:190px;
    display:inline-block;
}
.form_vlan .field .block_foredit input,
.form_vlan .field .block_edit input
{
    width:160px;
    display:inline-block;
}
.form_vlan .field_text .block_foredit textarea,
.form_vlan .field_text .block_edit textarea
{
    border:0px;
    width:170px;
    padding-left:3px;
    float:left;
    resize: none;
}
.form_vlan .block_foredit input, .form_vlan .block_foredit textarea, 
.form_vlan .block_edit input, .form_vlan .block_edit textarea
{
    background-color:#fff;
}
.table_iplist 
{
    min-width:383px;
}
.table_iplist td.ip
{
    min-width:135px;
}
.table_iplist td.VMName
{
    min-width:196px;
}

.addIPform input
{
    width:100px;
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    padding-left:3px;
}
.addIPform select
{
    width:170px;
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    padding-left:3px;
}
/* ADD TARIFF*/
.tariff_kind_header
{
    margin-top:20px;
    height:35px;
    margin-bottom:-3px;
    z-index:11;
    white-space:nowrap;
}
.tariff_vmmserver_header
{
    margin-top:20px;
    height:35px;
    margin-bottom:-3px;
    z-index:11;
    white-space:nowrap;
}
.tariff_header 
{
    margin-top:20px;
    height:35px;
    margin-bottom:-3px;
    z-index:11;
    white-space:nowrap;
}
.tariff_header_azurevm_type 
{
    margin-top:20px;
    height:35px;
    margin-bottom:-3px;
    z-index:11;
    white-space:nowrap;
}
.left_tariff_h 
{
    width:300px;
    text-align:right;
    color:#6c808c;
    display:inline-block;   
    margin-right:30px;
    -webkit-box-sizing: border -box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tariff_kind 
{
    padding:5px 20px 15px 20px;
    font-size:20px;
    text-decoration:underline;
    color:#6c808c;
    cursor:pointer;
    height:35px;
    z-index:11;
    white-space:nowrap;
}
.tariff_kind:hover 
{
    text-decoration:none;
}
.tariff_vmmserver 
{
    padding:5px 20px 15px 20px;
    font-size:20px;
    text-decoration:underline;
    color:#6c808c;
    cursor:pointer;
    height:35px;
    z-index:11;
    white-space:nowrap;
}
.tariff_vmmserver:hover 
{
    text-decoration:none;
}
.tariff_type 
{
    padding:5px 20px 15px 20px;
    font-size:20px;
    text-decoration:underline;
    color:#6c808c;
    cursor:pointer;
    height:35px;
    z-index:11;
    white-space:nowrap;
}
.tariff_type:hover 
{
    text-decoration:none;
}


.tariff_azuervm_type 
{
    padding:5px 20px 15px 20px;
    font-size:20px;
    text-decoration:underline;
    color:#6c808c;
    cursor:pointer;
    height:35px;
    z-index:11;
    white-space:nowrap;
}
.tariff_azuervm_type:hover 
{
    text-decoration:none;
}

.tariff_kind_header .selected
{
    border:1px solid #dcdcdc;
    border-bottom:1px dashed #dcdcdc;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color:#f0f5fe;
    text-decoration:none;
    color:#0072ae;
}
.tariff_vmmserver_header .selected
{
    border:1px solid #dcdcdc;
    border-bottom:1px dashed #dcdcdc;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color:#f0f5fe;
    text-decoration:none;
    color:#0072ae;
}
.tariff_header .selected 
{
    border:1px solid #dcdcdc;
    border-bottom:1px dashed #dcdcdc;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color:#f0f5fe;
    text-decoration:none;
    color:#0072ae;
}
.tariff_header_azurevm_type .selected 
{
    border:1px solid #dcdcdc;
    border-bottom:1px dashed #dcdcdc;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color:#f0f5fe;
    text-decoration:none;
    color:#0072ae;
}
.tariff_table 
{
    width:99%;
    z-index:10;
    position:relative;
}
.tariff_table td.tariff_param_name
{
    font-size:15px;
    text-align:left;
    padding:6px 6px 6px 20px!important;
    width:333px;
    -webkit-box-sizing: border -box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
tr.alt2 .tariff_param_name 
{
}
.info_text 
{
    color:#ff6600!important;
    width:330px;
    -webkit-box-sizing: border -box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tariff_name 
{
    font-size:18px;
    color:#0072ae!important;
}
.taridd_dopinfo 
{
    cursor:pointer;
    padding-left:20px!important;
}
.taridd_dopinfo .a
{
    color:#ff6600;
    font-size:14px;
}
.check 
{
    white-space:nowrap;
    font-size:12px!important;
    vertical-align:middle;
    color:#0072ae;
    text-decoration:underline;
    cursor:pointer;
    padding-left:0px!important;
    padding-right:0px!important;
    padding-bottom:0px!important;
}
.checkon 
{
    background-color:#f0f5fe;
}
.check .line
{
    height:1px;    
    width:100%;
    position:relative;
    margin-top:8px;
}
.checkon .line
{
    background-color:#f0f5fe;
    height:1px;    
    width:100%;
    position:relative;
    margin-top:9px;
    margin-bottom:-1px;
}
.tariff_form 
{
    width:99%;
    background-color:#f0f5fe;
    -webkit-box-sizing: border -box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
    border:1px solid #dcdcdc;
    border-top:0px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top:-2px;
    padding-top:20px;
}
.tariff_form .editor-label
{
    float:left;
    width:330px;
    text-align:right;
}
.tariff_form .editor-field,
.tariff_form .editor-field select {
    margin-left:360px;
    -webkit-box-sizing: border -box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right:20px;
    margin-bottom:10px;
}
.tariff_form .editor-field input[type="text"], 
.tariff_form .editor-field textarea 
{
    width:360px;
    border:1px solid #d3d3d3;
    -webkit-border-radius: 3px;    
    border-radius: 3px;    
    padding-left:3px;
    display:block;

}
/* style for tables */
.IaasAsAzureKVMAclEmbeddedList
{
    border:1px solid #dcdcdc;
    border-radius: 4px;
    -webkit-border-radius: 4px;   
}

.table_info 
{
    border:1px solid #dcdcdc;
    -webkit-border-radius: 4px;    
    border-radius: 4px;
    margin-top:5px;
}
.table_info th,
.table_info td 
{
    padding:6px 6px;
    border-top:1px dashed #dcdcdc;
    border-left:1px dashed #dcdcdc;
}

.without-border tr th,
.without-border tr td
{
    border-style: none;
}

.normal-font-size tr th, 
.normal-font-size tr td 
{
  font-size: 1em;  
}

.table_info tr th:nth-child(1),
.table_info tr td:nth-child(1)
{
    border-left:0px;
}
.table_show_hover tr:hover td
{
    background-color:#f5f5f5;
}
.table_info tr:nth-child(1) td 
{
}
.table_info tr.alt td 
{
    background-color:#f5f5f5;
}
.table_info tr.alt2 td 
{
    background-color:#ebebeb;
}

.table_info th 
{
    background-color:#f0f5fe;
    color:#4f5e67;
    font-weight:normal;
    border-top:0px;
}
.table_info .border-left 
{
    border-left:1px dashed #dcdcdc!important;
}
.table_info .border-top 
{
    border-top:1px dashed #dcdcdc;
}
.table_info th.darkbg 
{
    background-color:#e7ebf4;
}
.table_info td.darkbg 
{
    background-color:#f5f5f5;
}
.table_info tr.alt td.darkbg 
{
    background-color:#ebebeb;
}
.table_info .lightcolor 
{
    color:#4f5e67;
}
.vertical-top td
{
    vertical-align:text-top;
}
.link_list a
{
    white-space:nowrap;
    display:inline-block;
    margin:2px 0px;
}
.link_list a[name*="#e-"]
{
    display:inline;
    margin:0px;
}
/* for all */
.btn_list 
{
    display:inline-block;
}
.btn_list span
{
    white-space:nowrap;
    cursor:pointer;
    border:1px solid #dfdfdf;
    color:#6c808c;
    font-size:10px;
    padding:2px 20px;
    background: #f3f3f3; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f3f3f3 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f3f3f3 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */    
}
.btn_list span:hover
{
    background: #f3f3f3;
}
.btn_list span.selected
{
    border:1px solid #0095c6;
    color:#fff;
    background: #035681; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzNTY4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjc4YWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #035681 0%, #1278ae 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#035681), color-stop(100%,#1278ae)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #035681 0%,#1278ae 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #035681 0%,#1278ae 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #035681 0%,#1278ae 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #035681 0%,#1278ae 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#035681', endColorstr='#1278ae',GradientType=0 ); /* IE6-8 */
}
.btn_list span:last-child 
{
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.btn_list span:first-child 
{
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}


table.align-center td 
{
    text-align:center;
}
.align-right 
{
    text-align:right!important;
}
.align-left 
{
    text-align:left!important;
}
.align-center 
{
    text-align:center!important;
}
.larr 
{
    font-size:16px;
    color:#0071AC;
    position:relative;
    margin-bottom:-4px;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 21px!important;
  height: 21px!important;
  margin-top: -2px;
  *margin-right: .3em;
  line-height: 18px;
  vertical-align: text-top;
  background-image: url("images/icons_set.png?version=19661");
  background-position: -100px -100px;
  background-repeat: no-repeat;
}
input[class^="icon-"],
input[class*=" icon-"] 
{
    border:0px;
    background-color:#fff;
}
.icon-play 
{
    background-position: -173px 0;
}
.icon-pause 
{
    background-position: -173px -25px;
}
.icon-stop 
{
    background-position: -173px -50px;
}
.icon-has-partner-intervals 
{
    background-position: -173px -123px;
}
.icon-has-no-partner-intervals 
{
    background-position: -173px -146px;
}
.partner-intervals-icon {
    margin-left: 10px;
}
.icon-info 
{
  margin-left: 3px;
  margin-top: 2px;
  background-position: 2px -125px;
  cursor:help;
}
.icon-store-house-checked 
{
  display: inline-block;
  width: 21px!important;
  height: 21px!important;
  margin-top: 0;
  margin-right: 0;
  line-height: 18px;
  vertical-align: text-top;
  background-image: url("./images/Storehouse-green.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.icon-store-house 
{
  display: inline-block;
  width: 21px!important;
  height: 21px!important;
  margin-top: 0;
  margin-right: 0;
  line-height: 18px;
  vertical-align: text-top;
  background-image: url("./images/Storehouse-black.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.icon-green-info 
{
  margin-left: 3px;
  margin-top: 2px;
  background-position: -173px -75px;
  cursor:help;
}
.icon-return {
  display: inline-block;
  width: 20px!important;
  height: 20px!important;
  margin-top: 0;
  margin-right: 0;
  line-height: 18px;
  vertical-align: text-top;
  background: url('./images/return-button.png') no-repeat scroll left top;
}
.icon-backup 
{
  background-position: 0 -146px;
  width: 24px!important;
}
.icon-flip-down
{
  background-position: -98px -144px;
  width: 24px!important;
}
.icon-flip-up
{
  background-position: -122px -144px;
  width: 24px!important;
}
.icon-exit
{
    background-position: -24px 0;
}
.icon-add-attach
{
    background-position: -23px -123px;
}
.icon-sun 
{
    background-position: 0 -100px;
}
.icon-setting 
{
    background-position: 0 -75px;
}
.icon-delete 
{
    background-position: -24px -25px;
}
.icon-calc 
{
    background-position: -24px -146px;
}
.icon-clone 
{
    background-position: -149px -146px;
}
.icon-import 
{
    background-position: -49px -146px;
}
.icon-right 
{
    background-position: -25px -75px;
}
.icon-selectlink 
{
    background-position: -99px -50px;
}
.icon-edit 
{
    background-position: -49px -50px; 
}
.icon-act-report 
{
    background-position: -49px -123px; 
}
.icon-cost-apply 
{
    background-position: -74px -123px; 
}
.icon-database-check 
{
    background-position: -76px -146px; 
}
.icon-poweroff 
{
    background-position: -124px -25px;
}
.icon-discardsavedstate 
{
    background-position: -100px 0;
}
.icon-poweron 
{
    background-position: -124px 0;
}
.icon-resume 
{
    background-position: -50px 0;
}
.icon-reset 
{
    background-position: -149px -25px;
}
.icon-financial-terms
{
    background-position: -124px -75px;
}
.icon-discount-terms
{
    background-position: -149px -75px;
}
.icon-users-terms
{
    background-position: -149px -50px;
}
.icon-users-impersonate
{
    background-position: -124px -99px;
}
.icon-users-unimpersonate
{
    background-position: -149px -99px;
}
.icon-users-promised-payment
{
    background-position: -124px -123px;
}
.icon-clean
{
    background-position: -149px -123px;
}
.icon-savestate 
{
    background-position: -74px 0;
}
.icon-open-all
{
    background-position: -100px -98px;
}
.icon-close-all
{
    background-position: -75px -98px;
}
.icon-shutdown 
{
    background-position: -99px 0;
}
.icon-pouse 
{
    background-position: -99px -25px;
}
.icon-warning {
    margin-left: 3px;
    margin-top: 0;
    background-image: url("images/warning_icon.png");    
    background-repeat: no-repeat;    
    cursor: pointer;   
    width: 19px !important;
    height: 19px !important; 
    background-position: 0 -2px;       
}

.icon-special-warning {
    margin-left: 3px;
    margin-top: 0;
    background-image: url("images/special_warning_icon.png");    
    background-repeat: no-repeat;    
    cursor: pointer;   
    width: 19px !important;
    height: 19px !important; 
    background-position: 0 -2px;       
}

.icon-billing-off
{    
    background-image: url("images/billing_icons.png");    
    background-repeat: no-repeat;    
    cursor: pointer;   
    width: 19px !important;
    height: 19px !important; 
    background-position: 0 -19px;       
}
.icon-billing-on
{    
    background-image: url("images/billing_icons.png");    
    background-repeat: no-repeat;    
    cursor: pointer;   
    width: 19px !important;
    height: 19px !important; 
    background-position: 0 0;       
}
.icon-ok 
{
    background-position: 0 -25px;
}
.icon-checkon 
{
    background-position: 0 -25px;
}
.icon-checkon.without-border 
{
    background-position: -173px -99px;
}
.icon-checkoff 
{
    background-position: -49px -25px;
}
.icon-orangeopen 
{
    background-position: -24px -100px;
}
.icon-orangeclose 
{
    background-position: -49px -100px;
}
.icon-plus 
{
    background-position: -24px -50px;
}
.icon-tarif 
{
    background-position: -50px -75px;
}
.icon-filter 
{
    background-position: -125px -50px;
}
.icon-refresh
{
    background-position: -149px 0;
}
.icon-list
{
    background-position: -74px -75px;
}
.icon-dropdown
{
    background-position: -74px -50px;
}
.icon-mail
{
    background-position: -99px -75px;
}
.icon-minus
{
    background-position: -101px -123px;
}
.icon-money
{
    background-position: -125px -75px;
}
.icon-foto
{
    background-image: url("images/foto.png");
    background-position: 0 0;
    padding-right: 1px;
}
.icon-print
{
    background-image: url("images/print.png");
    background-position: 0 0;
    padding-right: 1px;
}
.icon-pdf
{
    background-image: url("images/pdf.png");
    background-position: 0 0;
    padding-right: 1px;
}
.icon-word
{
    background-image: url("images/word.png");
    background-position: 0 0;
    padding-right: 1px;
}
.icon-exel
{
    background-image: url("images/exel.png");
    background-position: 0 0;
    padding-right: 1px;
}
.icon-share
{
    background-image: url("images/share.png");
    background-position: 0 0;
    padding-right: 1px;
}
.icon-competitor-unblock
{
    background-image: url("images/competitor_unblock.png");
    background-position: 0 0;
    padding-right: 1px;
}
.icon-computer
{
    width: 16px !important;
    height: 16px !important;
    background-image: url("images/Computer.png");
    background-position: 0 0;
    padding-right: 1px;
}
.icon-user-documents
{
    background-image: url("images/UserDocuments.png");
    background-position: 0 0;
    padding-right: 1px;
}
.icon-user-clientapi
{
    background-image: url("images/ClientApi.png");
    background-position: 0 0;
    padding-right: 1px;
}
.icon-user-clientapi-forbid
{
    background-image: url("images/ClientApiForbid.png");
    background-position: 0 0;
    padding-right: 1px;
}
.icon-vpn-connected
{
    background-image: url("images/connected.png");
    background-position: 0 0;
    padding-right: 1px;
    height: 24px !important;
    width: 24px !important;
}
.icon-vpn-connecting
{
    background-image: url("images/connecting.png");
    background-position: 0 0;
    padding-right: 1px;
    height: 24px !important;
    width: 24px !important;
}
.icon-vpn-connect_question
{
    background-image: url("images/RedQuestion.png");
    background-position: 0 0;
    padding-right: 1px;
    height: 24px !important;
    width: 24px !important;
}
.icon-vpn-disconnect
{
    background-image: url("images/disconnect.png");
    background-position: 0 0;
    padding-right: 1px;
    height: 24px !important;
    width: 24px !important;
}

.icon-iaas-as-azure-checkon.disable
{    
    background-image: url("images/icons_set_disabled.png");
    background-position: 0 -25px;
    background-repeat: no-repeat;    
}

.icon-iaas-as-azure-checkon:not(.disable)
{    
    background-image: url("images/icons_set.png?version=19661");
    background-position: 0 -25px;
    background-repeat: no-repeat;  
}

.icon-iaas-as-azure-remove.disable
{    
    background-image: url("images/icons_set_disabled.png");
    background-position: -100px -100px;
    background-repeat: no-repeat;    
    background-position: -24px -25px;
    margin-left: 10px;
}

.icon-iaas-as-azure-remove:not(.disable)
{    
    background-image: url("images/icons_set.png?version=19661");
    background-position: -100px -100px;
    background-repeat: no-repeat;    
    background-position: -24px -25px;
    margin-left: 10px;
}

.icon-iaas-as-azure-stop.disable
{    
    background-image: url("images/icons_set_disabled.png");
    background-position: -100px -100px;
    background-repeat: no-repeat;    
    background-position: -124px -25px;
    margin-left: 10px;
}

.icon-iaas-as-azure-stop:not(.disable)
{    
    background-image: url("images/icons_set.png?version=19661");
    background-position: -100px -100px;
    background-repeat: no-repeat;    
    background-position: -124px -25px;
    margin-left: 10px;
}

.icon-iaas-as-azure-start.disable
{    
    background-image: url("images/icons_set_disabled.png");
    background-position: -100px -100px;
    background-repeat: no-repeat;
    background-position: -124px 0;
    margin-left: 10px;
}

.icon-iaas-as-azure-start:not(.disable)
{        
    background-image: url("images/icons_set.png?version=19661");
    background-position: -100px -100px;
    background-repeat: no-repeat;
    background-position: -124px 0;
    margin-left: 10px;
}

.icon-user-s3bucket
{
    background-image: url("images/S3bucket.png");
    background-position: 0 0;
    padding-right: 1px;
}

.icon-user-s3amazonbucket
{
    background-image: url("images/S3v2Bucket.png");
    background-position: 0 0;
    padding-right: 1px;
}

.icon-user-elasticvmintestcount
{
    background-image: url("images/ElasticVmInTestCountBtn.png");
    background-position: 0 0;
    padding-right: 1px;
    cursor: pointer;
}

.icon-grab{
    background-image: url("images/drag-indicator1.png");
    background-size: 15px 21px;
    background-position: 0 0;
    opacity: 0.3;
}

.icon-user-profit
{
    background-image: url("images/profit-png-transparent-image.png");
    background-position: 0 0;
    padding-right: 1px;  
    width: 17px !important;
    height: 17px !important;
    background-size: 100% 100%;   
    border:1px solid #ddd; 
    border-radius: 2px;
}
.icon-search
{
    background-image: url("images/search.png");
    background-position: 0 0;
    padding-right: 1px;
}

.icon-showHide
{
    background-color: transparent;
    background-image: url('images/wink.png'); /* fallback */
    background-position: 0 center;
    background-repeat: no-repeat;
    width: 35px!important;
}

.icon-checkon-disabled 
{
    background-image: url("images/icons_set_disabled.png");
    background-position: 0 -25px;
}
.icon-checkoff-disabled 
{
    background-image: url("images/icons_set_disabled.png");
    background-position: -50px -25px;
}
.icon-plus-disabled 
{
    background-image: url("images/icons_set_disabled.png");
    background-position: -25px -50px;
}
.icon-reset-disabled 
{
    background-image: url("images/icons_set_disabled.png");
    background-position: -150px -25px;
}
.icon-edit-disabled 
{
    background-image: url("images/icons_set_disabled.png");
    background-position: -50px -50px; 
}
.icon-delete-disabled 
{
    background-image: url("images/icons_set_disabled.png");
    background-position: -25px -25px;
}
.icon-money-disabled
{
    background-image: url("images/icons_set_disabled.png");
    background-position: -125px -75px;
}
.icon-savestate-disabled 
{
    background-image: url("images/icons_set_disabled.png");
    background-position: -75px 0;
}

.ic-ok-noframe 
{
  display: inline-block;
  width: 16px!important;
  height: 17px!important;
  margin-top: -2px;
  line-height: 18px;
  vertical-align: text-top;
  background-image: url("images/icons_set.png?version=19661");  
  background-repeat: no-repeat;
  background-position: -1px -26px;
}

/* UL justify */
ul.justify {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: justify;
    text-align-last: justify;
    white-space: normal;
    line-height: 0.5em;
}

ul.justify li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

ul.justify:after {
    display: inline-block;
    width: 100%;
    content: '';
}


.fr {

    float: right;
}

/* Pagination */
.pagination {
                 text-align: center;
}
.pagination ul {
                 padding-left: 0;
}

/* ACTION BUTTONS IN TABLE */
.table_info td.action-btns-cell {
    text-align: center;
}

.table_info td.action-btns-cell a {
    display: inline-block;
    margin: 0 0 10px;
}

/* FILTER */
.filter_box 
{
    display:inline-block;
}
.filter_box .a 
{
}
.filter_input 
{
    display:inline-block;
    position:absolute;
    display:none;
    margin:-23px 0px 0px 28px;
}
.filter_input  select, .filter_input  input 
{
    -webkit-appearance: none;
    background-color:#fff;
    border:1px solid #c1c0c0;
    border-left:0px;
    border-collapse:collapse;
    border-spacing:0px;
    height:19px;
    padding-left:10px;
    border-spacing: 0px;
    line-height:18px;
    font-size:11px;
    box-sizing: border-box;
}
.invisible 
{
    display:none;
}
.LoadingLayer 
{
    background:#fff;
    border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    width:500px;
    height:200px;
    border:1px solid #333;
    top:50%;
    margin-top:-100px;
    left:50%;
    margin-left:-250px;
    z-index:100;   
        
}
.field-validation-error 
{
    color:red;
    font-size:10px;
}
.field-validation-okay 
{
    color:green;
    font-size:10px;
}
.input-validation-error 
{
    background-color:#FEE;
}
.input-validation-okay 
{
    background-color:#DFC;
}
.validation-summary-errors 
{
    color:Red;
    text-align:left;
    margin-bottom:-10px;
}
.validation-summary-errors ul 
{
    margin:0px;
    list-style:none;
}
.alert_msg 
{
    font-size:11px;
    color:red;
}

[readonly*="readonly"] 
{
    border:0px!important;
    margin-top:-2px;
    position:relative;
    font-weight:bold;
    padding-left:3px;
}

@media (min-width: 1550px) {
.cloud_info 
{
    width:800px;
    float:left;    
    margin-right:40px;
    margin-bottom:0px;
}
.table_iplist 
{
    /* margin-left:350px;*/
}
.block_vlan 
{
    /* width:900px; */
}
}
@media (min-width: 1200px) and (max-width: 1500px) 
{
.table_iplist 
{
    /* margin-left: 350px;*/  
}
.block_vlan 
{
    /* width:900px; */
}
}
@media (max-width: 1100px) {
.table_info th, .table_info td {
    padding: 3px 3px;
}
.field-validation-error 
{
    position:absolute;
    width:100%;
    font-size:9px;
    margin-top:-6px;
    display:block;
}
.left-column 
{
    margin-left:5px;
    margin-right:0px;
}
.right-column 
{
    padding-left:20px;
    padding-right:20px;
    margin-right:2px;
    margin-left:165px;
}
.right-column .service:nth-child(2n)
{
    margin-right:40px;
    width: 325px;
}
.right-column .service:nth-child(2n+1)
{
    margin-right:0px;
    width: 325px;
}
.table_iplist td.ip
{
    width:135px;
    overflow:hidden;
}
.table_iplist td.VMName
{
    width:196px;
    overflow:hidden;
}
.block_vlan 
{
    margin-right:10px;
}
.tariff_azuervm_type
{
    padding-left:3px;
    padding-right:3px;
}
.tariff_type
{
    padding-left:3px;
    padding-right:3px;
}
.tariff_kind
{
    padding-left:3px;
    padding-right:3px;
}
.tariff_vmmserver
{
    padding-left:3px;
    padding-right:3px;
}
.top_menu 
{
    right:20px;
}
}

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.cmn-toggle[disabled] + label {
  cursor: not-allowed;
}

input.cmn-toggle-round + label {
  padding: 2px;
  width: 50px;
  height: 25px;
  background-color: #dddddd;
  border-radius: 25px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 25px;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 25px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 25px;
}
input.cmn-toggle-round[disabled] + label:before {
  background-color: lightgray;
}
.list-item {
    padding: 10px 15px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    cursor: pointer;
}
.list-item {
    margin-bottom: -1px;
}
.list-item:last-child {
    margin-bottom: 0px;
}
.list-item:not(.active):not(.add-button-item) {
    background-color: #ffffff;
}
.list-item:not(.active):focus:not(.add-button-item),
.list-item:not(.active):hover:not(.add-button-item)
{
    background-color: #f5f5f5;
}
.list-item.active:not(.add-button-item) {
    background-color: #337ab7;
}
.list-item.add-button-item {
    background-color: #286090;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    padding: 5px 15px;
}
.list-item:not(.add-button-item) h4{
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 14px;
    padding: 0px;
}
.list-item:not(.add-button-item) h4.login-name{
    font-weight: bold;
}
.list-item:not(.active):not(.add-button-item) h4:not(.login-name):not(.vmm-name){
    color: #333;
}    
.list-item:not(.active):not(.add-button-item) h4.login-name,
.list-item:not(.active):not(.add-button-item) h4.vmm-name {
    color: #0071ac;
}        
.list-item.active:not(.add-button-item) h4{
    color: #FFFFFF;
}            
.list-item:not(.add-button-item) p,
.list-item:not(.add-button-item) div.note
{
    margin: 0px;
    line-height: 1.3;
    font-size: 10px;
}
.list-item.active:not(.add-button-item) p,
.list-item.active:not(.add-button-item) div.note
{
    color: #c7ddef;
}
.list-item:not(.active):not(.add-button-item) p,
.list-item:not(.active):not(.add-button-item) div.note
{
    color: #555;
}
.items-list > .list-item {
    border: 1px lightgray solid;
}
.items-list > .list-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.items-list > .list-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.alert {
    white-space: pre-line;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    word-break: break-all;
    overflow-wrap: break-word;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

tr.bottom-border-line td,
tr.bottom-border-line th {
    border-bottom: 1px solid #b3b3b3;
}

tr.top-border-line td,
tr.top-border-line th {
    border-top: 1px solid #b3b3b3;
}

tr.bottom-border-dashed-line td,
tr.bottom-border-dashed-line th {
    border-bottom: 1px dashed #b3b3b3;
}

tr.top-border-dashed-line td,
tr.top-border-dashed-line th {
    border-top: 1px dashed #b3b3b3;
}

tr.padding-bottom-10 td,
tr.padding-bottom-10 th {
    padding-bottom: 10px;
}

tr.padding-top-10 td,
tr.padding-top-10 th {
    padding-top: 10px;
}

.OrganizationNameFormFieldContainer,
.UserNameFormFieldContainer,
.VmConfigurationFormFieldContainer,
.DiskTypeConfigurationFormFieldContainer,
.WlPartnerEndUserNameFormFieldContainer,
.VirtualMachineNetworkContainer,
.VmasVmConfigurationContainer,

.CloudSpaceNameFormFieldContainer {
    padding: 10px 15px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    cursor: pointer;
    background-color: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    min-height: 50px;
    width: 272px;
}

.OrganizationNameFormFieldContainer:not(.without-border),
.UserNameFormFieldContainer:not(.without-border),
.VmConfigurationFormFieldContainer:not(.without-border),
.DiskTypeConfigurationFormFieldContainer:not(.without-border),
.WlPartnerEndUserNameFormFieldContainer:not(.without-border),
.VirtualMachineNetworkContainer:not(.without-border),
.VmasVmConfigurationContainer:not(.without-border),
.CloudSpaceNameFormFieldContainer:not(.without-border),
.VmNameFormFieldContainer:not(.without-border) {
    border: 1px lightgray solid;
}

.OrganizationNameFormFieldContainer h4,
.UserNameFormFieldContainer h4,
.VmConfigurationFormFieldContainer h4,
.DiskTypeConfigurationFormFieldContainer h4,
.WlPartnerEndUserNameFormFieldContainer h4,
.VirtualMachineNetworkContainer h4, 
.VmasVmConfigurationContainer h4, 
.CloudSpaceNameFormFieldContainer h4 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 14px;
    padding: 0px;
}
.OrganizationNameFormFieldContainer h4.login-name,
.UserNameFormFieldContainer h4.login-name,
.VmConfigurationFormFieldContainer h4.login-name,
.DiskTypeConfigurationFormFieldContainer h4.login-name,
.WlPartnerEndUserNameFormFieldContainer h4.login-name,
.VirtualMachineNetworkContainer h4.login-name,
.VmasVmConfigurationContainer h4.login-name,
.CloudSpaceNameFormFieldContainer h4.vmm-name {
    font-weight: bold;
}
.OrganizationNameFormFieldContainer h4:not(.login-name),
.UserNameFormFieldContainer h4:not(.login-name),
.VmConfigurationFormFieldContainer h4:not(.login-name),
.DiskTypeConfigurationFormFieldContainer h4:not(.login-name),
.WlPartnerEndUserNameFormFieldContainer h4:not(.login-name),
.VirtualMachineNetworkContainer h4:not(.login-name),
.VmasVmConfigurationContainer h4:not(.login-name),
.CloudSpaceNameFormFieldContainer h4:not(.vmm-name) {
    color: #333;
}
.OrganizationNameFormFieldContainer h4.login-name,    
.UserNameFormFieldContainer h4.login-name,
.VmConfigurationFormFieldContainer h4.login-name,
.DiskTypeConfigurationFormFieldContainer h4.login-name,
.WlPartnerEndUserNameFormFieldContainer h4.login-name,
.VirtualMachineNetworkContainer h4.login-name,
.VmasVmConfigurationContainer h4.login-name,
.CloudSpaceNameFormFieldContainer h4.vmm-name {
    color: #0071ac;
}        
.OrganizationNameFormFieldContainer p,
.OrganizationNameFormFieldContainer div.note,
.UserNameFormFieldContainer p,
.UserNameFormFieldContainer div.note,
.VmConfigurationFormFieldContainer p,
.VmConfigurationFormFieldContainer div.note,
.DiskTypeConfigurationFormFieldContainer p,
.DiskTypeConfigurationFormFieldContainer div.note,
.WlPartnerEndUserNameFormFieldContainer p,
.WlPartnerEndUserNameFormFieldContainer div.note,
.VirtualMachineNetworkContainer p,
.VirtualMachineNetworkContainer div.note,
.VmasVmConfigurationContainer p,
.VmasVmConfigurationContainer div.note,
.CloudSpaceNameFormFieldContainer p,
.CloudSpaceNameFormFieldContainer div.note 
{
    margin: 0px;
    line-height: 1.3;
    font-size: 10px;
}
.OrganizationNameFormFieldContainer p,
.OrganizationNameFormFieldContainer div.note,
.UserNameFormFieldContainer p,
.UserNameFormFieldContainer div.note,
.VmConfigurationFormFieldContainer p,
.VmConfigurationFormFieldContainer div.note,
.DiskTypeConfigurationFormFieldContainer p,
.DiskTypeConfigurationFormFieldContainer div.note,
.WlPartnerEndUserNameFormFieldContainer p,
.WlPartnerEndUserNameFormFieldContainer div.note,
.VirtualMachineNetworkContainer p,
.VirtualMachineNetworkContainer div.note,
.VmasVmConfigurationContainer p,
.VmasVmConfigurationContainer div.note,
.CloudSpaceNameFormFieldContainer p,
.CloudSpaceNameFormFieldContainer div.note {
    color: #555;
}

    .UserNameFormFieldContainer div.note
    {
        word-break: break-all;
    }

.dpm-servers
{
    font-family: Verdana;
    font-size: 1em;
    line-height: 1.2em;
    border-collapse: collapse;
    width: 850px;
}

    .dpm-servers thead tr:not(.clear)
    {
        background-color: #86B9D7;
        color: #FFF;
        border: 1px solid #808080;
        box-sizing: border-box;
    }

    .dpm-servers tbody tr.clear
    {       
        border: none;
        height: 34px;   
        padding: 0;
        margin: 0;  
    } 

    .dpm-servers thead th
    {
        padding-top: 10px;
        padding-bottom: 7px;
        padding-left: 9px;
        padding-right: 9px;
    }

    .dpm-servers tbody tr
    {
        box-sizing: border-box;
        background-color: rgba(134,185,215,0);
        border: 1px solid #BDBDBD;
        margin-top: -1px;
    }

    .dpm-servers tbody tr.clear
    {       
        border: none;
        height: 3px;   
        padding: 0;
        margin: 0;  
    }   
    
    .dpm-servers tbody tr.clear td
    {               
        padding: 0;
        margin: 0;  
    }  

    .dpm-servers tbody td
    {
        padding-top: 10px;
        padding-bottom: 7px;
        padding-left: 9px;
        padding-right: 9px;
    }

    .dpm-servers .dpm-server-checkbox
    {
        margin-left: 9px;
        margin-right: 9px;
    }

    .dpm-servers .dpm-server-checkbox
    {
        display: none;
    }

        .dpm-servers .dpm-server-checkbox + label
        {
            display: inline-block;
            cursor: pointer;
            width: 21px!important;
            height: 21px!important;
            margin-top: -2px;
            *margin-right: .3em;
            vertical-align: text-top;
            background-image: url("images/icons_set.png?version=19661");
            background-repeat: no-repeat;
            background-position: -49px -25px;
        }

        .dpm-servers .dpm-server-checkbox:checked + label
        {
            display: inline-block;
            cursor: pointer;
            width: 21px!important;
            height: 21px!important;
            margin-top: -2px;
            *margin-right: .3em;
            vertical-align: text-top;
            background-image: url("images/icons_set.png?version=19661");
            background-repeat: no-repeat;
            background-position: 0 -25px;
        }

    .dpm-servers .status
    {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        margin-left: 10px;
        box-shadow: 0 0 2px 0 #6EE565;
        border-color: white;
        border-width: 1px;
        border-style: solid;
        background-color: #2AC940;
        margin-left: 9px;
        margin-right: 9px;
    }

.dpm-servers-settings
{
    font-family: Verdana;
    font-size: 1em;
    line-height: 1.2em;
    border-collapse: collapse;
    width: 850px;
}

    .dpm-servers-settings thead tr:not(.clear)
    {
        background-color: #86B9D7;
        color: #FFF;
        border: 1px solid #808080;
        box-sizing: border-box;
    }

    .dpm-servers-settings tbody tr.clear
    {       
        border: none;
        height: 34px;   
        padding: 0;
        margin: 0;  
    } 

    .dpm-servers-settings thead th
    {
        padding-top: 10px;
        padding-bottom: 7px;
        padding-left: 9px;
        padding-right: 9px;
        border: 1px solid #BDBDBD;
    }    

    .dpm-servers-settings tbody tr
    {
        box-sizing: border-box;
        background-color: rgba(134,185,215,0);
        border: 1px solid #BDBDBD;
        margin-top: -1px;
    }

    .dpm-servers-settings tbody tr.clear
    {       
        border: none;
        height: 3px;   
        padding: 0;
        margin: 0;  
    }   
    
    .dpm-servers-settings tbody tr.clear td
    {               
        padding: 0;
        margin: 0;  
    }  

    .dpm-servers-settings tbody td
    {
        padding-top: 10px;
        padding-bottom: 7px;
        padding-left: 9px;
        padding-right: 9px;
        border: 1px solid #BDBDBD;
    }

    .dpm-servers-settings tbody tr td:first-child
    {       
        border-top: 1px solid #BDBDBD;border-bottom: 1px solid #BDBDBD;border-left: 1px solid #BDBDBD;border-right: 0;
    }

    .dpm-servers-settings tbody tr td:first-child + td
    {       
        border-top: 1px solid #BDBDBD;border-bottom: 1px solid #BDBDBD;border-right: 1px solid #BDBDBD;border-left: 0;
    }

    .dpm-servers-settings .dpm-server-checkbox
    {
        margin-left: 9px;
        margin-right: 9px;
    }

    .dpm-servers-settings .dpm-server-checkbox
    {
        display: none;
    }

        .dpm-servers-settings .dpm-server-checkbox + label
        {
            display: inline-block;
            cursor: pointer;
            width: 21px!important;
            height: 21px!important;
            margin-top: -2px;
            *margin-right: .3em;
            vertical-align: text-top;
            background-image: url("images/icons_set.png?version=19661");
            background-repeat: no-repeat;
            background-position: -49px -25px;
        }

        .dpm-servers-settings .dpm-server-checkbox:checked + label
        {
            display: inline-block;
            cursor: pointer;
            width: 21px!important;
            height: 21px!important;
            margin-top: -2px;
            *margin-right: .3em;
            vertical-align: text-top;
            background-image: url("images/icons_set.png?version=19661");
            background-repeat: no-repeat;
            background-position: 0 -25px;
        }

    .dpm-servers-settings .status
    {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        margin-left: 10px;
        box-shadow: 0 0 2px 0 #6EE565;
        border-color: white;
        border-width: 1px;
        border-style: solid;
        background-color: #2AC940;
        margin-left: 9px;
        margin-right: 9px;
    }




.dpm-servers-protectiongroup
{
    font-family: Verdana;
    font-size: 1em;
    line-height: 1.2em;
    border-collapse: collapse;
    width: 1100px;
}

    .dpm-servers-protectiongroup thead tr:not(.clear)
    {
        background-color: #86B9D7;
        color: #FFF;
        border: 1px solid #808080;
        box-sizing: border-box;
    }

    .dpm-servers-protectiongroup tbody tr.clear
    {       
        border: none;
        height: 34px;   
        padding: 0;
        margin: 0;  
    } 

    .dpm-servers-protectiongroup thead th
    {
        padding-top: 10px;
        padding-bottom: 7px;
        padding-left: 9px;
        padding-right: 9px;        
    }    

    .dpm-servers-protectiongroup tbody tr
    {
        box-sizing: border-box;
        background-color: rgba(134,185,215,0);
        border: 1px solid #BDBDBD;
        margin-top: -1px;
        text-align: center;
    }

    .dpm-servers-protectiongroup tbody tr.clear
    {       
        border: none;
        height: 3px;   
        padding: 0;
        margin: 0;  
    }   
    
    .dpm-servers-protectiongroup tbody tr.clear td
    {               
        padding: 0;
        margin: 0;  
    }  

    .dpm-servers-protectiongroup tbody td
    {
        padding-top: 10px;
        padding-bottom: 7px;
        padding-left: 9px;
        padding-right: 9px;
        border: 1px solid #BDBDBD;
    }

    .dpm-servers-protectiongroup tbody tr td:first-child
    {               
        text-align: left;
    }   

    .dpm-servers-protectiongroup .dpm-server-checkbox
    {
        margin-left: 9px;
        margin-right: 9px;
    }

    .dpm-servers-protectiongroup .dpm-server-checkbox
    {
        display: none;
    }

        .dpm-servers-protectiongroup .dpm-server-checkbox + label
        {
            display: inline-block;
            cursor: pointer;
            width: 21px!important;
            height: 21px!important;
            margin-top: -2px;
            *margin-right: .3em;
            vertical-align: text-top;
            background-image: url("images/icons_set.png?version=19661");
            background-repeat: no-repeat;
            background-position: -49px -25px;
        }

        .dpm-servers-protectiongroup .dpm-server-checkbox:checked + label
        {
            display: inline-block;
            cursor: pointer;
            width: 21px!important;
            height: 21px!important;
            margin-top: -2px;
            *margin-right: .3em;
            vertical-align: text-top;
            background-image: url("images/icons_set.png?version=19661");
            background-repeat: no-repeat;
            background-position: 0 -25px;
        }

    .dpm-servers-protectiongroup .status
    {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        margin-left: 10px;
        box-shadow: 0 0 2px 0 #6EE565;
        border-color: white;
        border-width: 1px;
        border-style: solid;
        background-color: #2AC940;
        margin-left: 9px;
        margin-right: 9px;
    }

.price-without-discount {
    text-decoration:line-through;
    opacity: 0.4;
    cursor: help;
}

.price-without-discount.hide {
    display: none;
}

.price-with-discount {
    font-weight: bold;
}

ul li span a.new:after
{    
    position: absolute;
    top: -2px;
    right: -2px;
    content: "";   
    width: 32px;    
    height: 32px;
    background-image: url("images/new_correct.png");    
    background-repeat: no-repeat;    
    background-size: cover;
}

ul li span a.new_green:after
{    
    position: absolute;
    top: -2px;
    right: -2px;
    content: "";   
    width: 32px;    
    height: 32px;
    background-image: url("images/new_green_correct.png");    
    background-repeat: no-repeat;    
    background-size: cover;
}

.ms-parent .ms-drop.bottom ul li label,
 .checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 3px;
  padding-bottom: 3px; 
  cursor: pointer;
  font-size: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.ms-parent .ms-drop.bottom ul li label input,
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.ms-parent .ms-drop.bottom ul li label span,
.checkbox-checkmark {
  position: absolute;
  top: 6px;
  left: 5px;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.ms-parent .ms-drop.bottom ul li label:hover input ~ span,
.checkbox-container:hover input ~ .checkbox-checkmark {
   border: solid #000 1px;
}

/* When the checkbox is checked, add a blue background */
.ms-parent .ms-drop.bottom ul li label input:checked ~ span,
.checkbox-container input:checked ~ .checkbox-checkmark {
  background-color: rgb(69, 102, 255);
  border: solid rgb(69, 102, 255) 1px;
}

/* Create the checkbox-checkmark/indicator (hidden when not checked) */
.ms-parent .ms-drop.bottom ul li span:after,
.checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkbox-checkmark when checked */
.ms-parent .ms-drop.bottom ul li input:checked ~ span:after,
.checkbox-container input:checked ~ .checkbox-checkmark:after {
  display: block;  
}

/* Style the checkbox-checkmark/indicator */
.ms-parent .ms-drop.bottom ul li span:after,
.checkbox-container .checkbox-checkmark:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.select2-container--default [aria-selected=true].select2-results__option
{
    background: none !important;
    color: #333d43 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
{
    color: #333d43 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.ms-parent .ms-drop ul li:hover label
{
    background-color: #ddd !important;
    color: #333d43 !important;
}

.ms-choice,
.ms-drop
{
    color: #333d43 !important;
}

    .ms-parent .ms-drop ul li
    {
        display: table-row;
    }

    .ms-parent .ms-drop ul li label
    {
        display: table-cell;
    }


.wide_result_table .vmblok .vmblok__vm .checkbox-container
{
    padding-left: 0px !important;
}

    .wide_result_table .vmblok .vmblok__vm .checkbox-container .checkbox-checkmark
    {
        left: 0px !important;
    }


    .wide_result_table .vmblok .vmblok__vm .checkbox-container .checkbox-checkmark
    {
        left: 0px !important;
    }

.table_info.admin_user_table.top tr th .checkbox-container .checkbox-checkmark
{
    top: 0px !important;
}

#wrapper-content .wrap-1 .wrap-2 {
    display: table;
    width: 100%;
}

#wrapper-content .wrap-1 .wrap-2 .left-column {
    display: table-cell;  
    position: relative;  
    vertical-align: top;
}

#wrapper-content .wrap-1 .wrap-2 .right-column {
    display: table-cell;   
}

#wrapper-content .wrap-1 .wrap-2 .clear{
    display: table-cell;   
}

/* Apply underline on hover for submenu items */
.jqx-menu-popup ul li:hover > a {
    text-decoration: underline !important;
}

.resource-group-item .defaultgroup-icon {
    background-image: url(images/default-group/CP.png);
}

.icon-goto-library {
    display: inline-block;
    width: 20px; 
    height: 20px; 
    background-image: url('images/Library_CP.png'); 
    background-size: cover;
    text-indent: -9999px;
    background-position: 0px 0px;
}

.link-button {
    color:#0071ac !important;
}

.link-button:hover {
    color:#0071ac !important;
}

/*BillingScheduleControlModal*/
.BillingSchedulePlaner__item > .control > .clear {
    filter: invert(31%) sepia(98%) saturate(1488%) hue-rotate(158deg) brightness(95%) contrast(97%) !important;
}


/*Hyper-V Gpu count radio*/
.vmGpuCountContainer input[type=radio]:checked + label {
	background: #68B8D3;
}

.gpuCountElement input[type=radio]:checked + label {
	background: #A7DDF1;
}