/* ------------------Put your custom code here--------------------*/

h4 {
    font-size: 13px;
}

h4 {
    font-size: 13px;
}


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.right {
    float: right;
    padding-right: 5px;
}

.form-control:focus {
    border-color: #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(142, 211, 12, 0.6);
    outline: 0 none;
}

.ui-dialog {
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.7);
}


div#datepickerInventario > div {padding-bottom: 13px;}

div#datepickerInventario table {margin-top:15px;}

div#datepickerInventario tr{display:table-cell;}

div#datepickerInventario td{display:table-cell;min-width:1%;padding:0;width: 1%;}

div#datepickerInventario {overflow: hidden;}


div.hasDatepicker div.ui-datepicker {max-width:initial!important;}

div.hasDatepicker div.ui-datepicker thead {display:none;}

div.accordion-inner > div.row > div {padding:0 5px;}
div.accordion-inner > div.row {padding:0 10px;margin-top:10px;}

a.accordion-toggle span { text-align: center;}
a.accordion-toggle span {width:11%;}

a.accordion-toggle span:first-child {width:2%;}
a.accordion-toggle span:nth-child(2) {width:6%;}
a.accordion-toggle span:nth-child(3) {width:8%;}
a.accordion-toggle span:nth-child(4) {width:7%;}
a.accordion-toggle span:nth-child(5) {width:5%;}
a.accordion-toggle span:nth-child(6) {width:6%;}
a.accordion-toggle span:nth-child(7) {width:11%;}
a.accordion-toggle span:nth-child(8) {width:4%;}
a.accordion-toggle span:nth-child(9) {width:4%;}
a.accordion-toggle span:last-child {width:47%;border-right: none;}


a.accordion-toggle {width: 100%;}

/*
.inverror {color:white; background-color: red;padding: 2px;}
.inverror:hover {color:initial;}
*/

.accordion-toggle table { 
    border-spacing: 10px;
    border-collapse: separate;
    width:100%;
}

/*Accordion style*/
.accordion .accordion-group {
  margin-bottom: 0px; 
  border: 1px solid #c4c4c4;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-top: -1px;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
}
.accordion .accordion-group:first-child {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  /*border-bottom: none;*/
}
.accordion .accordion-group:last-child {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  /*border-top:none;*/
}

.accordion-heading {
  background: rgb(255,255,255);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
}
.accordion.pattern  .accordion-heading {
  background: url(../images/patterns/2.png) repeat;
}
.accordion-inner {border-top: 1px solid #c4c4c4; background: rgba(0, 0, 0, 0) url("../images/patterns/4.png") repeat scroll 0 0; padding: 0 10px 10px;}

.accordion-toggle > span {
  display: inline-block;
  padding: 8px 0px; 
  text-align: center;
  border-right: 1px solid #c4c4c4;
  white-space: nowrap;
  overflow:hidden;
}

.accordion-toggle > span > span {
    margin-right:8px;
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 0px;
}


.resBtn {
    left: 279px;
}

.timeline-icon > span {
    font-size: 11px;
    line-height: 9px;
    margin-left: -1px;
    max-width: 17px;
    text-align: center;
    display: block;
}

.playlogs {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #383838;border-radius: 20px;cursor: pointer;float: left;line-height: 20px;margin: -11px;padding: 0 4px 0 4px;position: relative;}
.playstatus {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #383838;border-radius: 20px;cursor: pointer;float: left;line-height: 20px;margin: -11px;padding: 0 4px 0 4px;position: absolute;}
.prelogs {width:100%;overflow:auto;font-size:11px;line-height:14px;letter-spacing: 0px;display: inline-flex;font-family: Monaco,Menlo,Consolas,"Courier New",monospace;background-color:#353535;color:white;}
.borderoig{border: 1px solid #FF0000 !important;}



.control-label {font-weight: bold;}
form .control-group:last-child {margin-bottom: 0;}
form .control-group .controls-row {	margin-bottom: 5px;}
form .control-group .controls-row textarea {margin-bottom: 15px;}
form .control-group .controls-row .btn.special {margin-left: 10px;}

@media only screen and (max-width: 1360px) {
	/* ------------------ Form styles --------------------*/
	[class*="span6"] form .control-group .control-label {width: 120px;}
	[class*="span6"] form .control-group .controls {margin-left: 150px;}
}

@media only screen and (max-width: 1280px) {
	/* ------------------ Form styles --------------------*/
	[class*="span6"] form .control-group .control-label {width: 100%; text-align: left;margin-bottom: 5px;}
	[class*="span6"] form .control-group .controls {margin-left: 0;}
	[class*="span6"] form .control-group {margin-bottom: 10px;}
	[class*="span6"] form .form-actions {padding-left: 20px;}
}

@media only screen and (max-width: 767px) {
	/* ------------------ Form styles--------------------*/
	form .control-group [class*="span"] {margin-bottom: 10px !important;}
	form .control-group .control-label {width: 100%; text-align: left;margin-bottom: 5px;}
	form .control-group .controls {margin-left: 0;}
	form .control-group {margin-bottom: 10px;}
	form .form-actions {padding-left: 20px;}
	form .control-group .controls-row [class*="span"] {margin-left: 0 !important;}
	form .control-group .controls-row .btn.special {margin-left: 0px;}

    div#datepickerInventario.hasDatepicker tr{display:table-header-group;}

    div#datepickerInventario.hasDatepicker td{display:table-cell;;min-width:1%;padding:0;}

    #header .dropdown-menu .menu li {
    padding: 7px 10px 10px 10px;
    }

    .navbar .navbar-default:has(div.in){
        padding-left: 10px;
        box-shadow: 1px 1px 19px black;
    }


}

a {color:#353535;}
a:hover{color:#000000;}
a:hover, a:focus {
    text-decoration: none;
    color:#353535;
}

.errors {    color: red;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 20px 9px;
}

.label {
    padding: 4px 7px;
}

.nodeon {fill:#6cb000;margin: 0 0 13px 7px;}

@keyframes pound {
    from { transform: none; }
    40% { transform: scale(1.2); }
    to { transform: none; }
}

.heart {
    /* ... */
    animation: pound 1.3s infinite;
}

.iconcapital {
    font-size: 25px;
    margin-right: 10px;
    margin-bottom: 25px;
}

.rodeta {
    height:20px;
    -webkit-animation:spin 8s linear infinite;
    -moz-animation:spin 8s linear infinite;
    animation:spin 8s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.vogonlogo {
    color: #3f3f3f;
    margin-bottom: 0;
    position: relative;
    font-family: "Droid Sans";
    width:300px;
}

.vogonlogo .brand {
    font-size: 38px;
    margin-right: 0;
    padding: 10px 30px 0 15px;
    text-align: inherit;
    color: #353535;
    font-weight: 700;
    line-height: 45px;
    margin-left: -20px;
    display: block;
    float: left;
}
.vogonlogo .brand .slogan {
    font-size: 18px;
}

a.brand {text-decoration: none;}


.btn-success {
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #78b000, #86be2b);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);  
}

.btn > .spn {
    color: #fff;
    padding: 0 17px;
}

.btn-success:hover, .btn-success:focus {
    background-image: linear-gradient(to bottom, #78b000, #71a916);
    background-position:0;
}

.parentNode {padding-left:40px;}

.nav.usernav li.buscador.dropdown.open:first-child a {height:25px!important;}

li.buscador.dropdown.open ul.dropdown-menu li#searchresults.menu ul {margin:0;padding:0;}

li.buscador.dropdown.open ul.dropdown-menu li#searchresults.menu ul li span.icon {background:initial;border:initial;padding-left:10px;}

li.buscador.dropdown.open ul.dropdown-menu li#searchresults.menu {padding:0;}

li.buscador.dropdown.open ul.dropdown-menu li#searchresults.menu ul li span.name {width:100%;}

/*li#searchresults.menu > ul > li{display:flex;}*/

li.header.buscador {background: rgba(0, 0, 0, 0) url("../images/patterns/4.png") repeat scroll 0 0;text-align: center;display: inline-block!important;border-bottom:1px solid #c1c1c1;}

li.buscador.dropdown.open ul.dropdown-menu {width:200%;}

td div.dropdown.btn-group button.btn:first-child {min-width:80px;}

div#bottons-body.panel-body a button.btn {width: 80%;}

div#min-h-vm-info div.bottom20.textcenter a button.btn.btn-primary {margin-bottom:3px;}

div.bottom20.textcenter div.dropdown.btn-group {margin-bottom:2px;}

.hybridlogo{position:fixed;bottom:8px;right:10px;width:168px;}

.textinbar {    
    color: #ffffff;
    display: table;
    float: right;
    font-size: 10px;
    line-height: 17px;
    margin-left: 5px;
    position: absolute;
    text-shadow: 1px 1px 1px #353535;
}

.disktype {
    background: none repeat scroll 0 0 #9fc569;
    border-radius: 4px;
    color: white;
    float: left;
    font-size: 10px;
    padding: 2px 6px 1px;
    margin-right:3px;
    min-width:32px;
}

.nodestatus {
    border-radius: 4px;
    color: white;
    min-width: 50px;
    padding: 2px 8px 3px;
    text-align: center;
}

.tablemtag {
    border-radius: 4px;
    color: white;
    display: inline-block;
    margin: 1px;
    min-width: 30px;
    padding: 2px 8px 3px;
    text-align: center;
    float:left;
}

.tablemtagicon {
    border-radius: 15px;
    color: white;
    display: inline-block;
    float: left;
    font-size: 9px;
    margin: 1px;
    padding: 5px 0 3px;
    text-align: center;
}

.srfix { 
    float: left;
    height: 8px;
    width: 100%;
}

.progress {
    background: none repeat scroll 0 0 #ababab;
    border-radius: 6px;
    box-shadow: -1px -1px 0 0 #8c8c8c inset;
    height: 16px;
    margin-bottom: 8px;
    margin-top: 8px;
    overflow: hidden;
    z-index: 1;
}

.table {

    font-size:13px;
}

.table thead th, .table tbody td {
    text-align: unset;
}

.occolor {color:#6cb000;}
.ocred {color:#AF0000;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: inherit;
}

.byellow{background: none repeat scroll 0 0 #F0AD4E;}
.bred {background: none repeat scroll 0 0 #ED7A53;}
.bblue {background: none repeat scroll 0 0 #88BBC8;}
.bgreen {background: none repeat scroll 0 0 #9FC569;}
.bgrey {background: none repeat scroll 0 0 #999999;}

div.tooltip.fade.top div.tooltip-inner{overflow:visible !important;max-width:none !important;}

.pagination .active a, .pagination .active a:hover {
    background: none repeat scroll 0 0 #5cb85c !important;
    border-color: #278327 !important;
    box-shadow: 0 1px 0 #eaeaea, 0 1px 0 #74c374 inset !important;
    color: #f2f2f2 !important;
}

.contenedorMedalla {

    bottom: -10px;
    padding: 5px 11px 0 10px;
    position: absolute;
    right: -22px;

}


.medalla {
    background: url("../images/fondomedalleta.png") repeat scroll 0 0 #eff0f1;
    border-radius: 10px;
    box-shadow: 0 2px 4px #dddddd;
    float: left;
    height: 59px;
    margin: 8px 0 0 9px;
    width: 59px;
}

.medalla span{

    font-size: 41px;
    padding-left: 5px;

}

.srblock{
    display: inline-flex;
    padding: 10px;
    width: 33%;
}

.nodeinfolist.sr li {

    display:block;
}

.nodeinfolist.sr {

    width:90%;
}

.minwidthbtn {min-width: 125px;}

.width150px {width:150px !important;}
.widthactions {width: 60px;}
.width10 {width: 10%;}
.width15 {width: 15%;}
.width1 {width: 1%;}
.width5 {width: 5%;}
.width20 {width: 20%;}
.fbold {font-weight: bold;}
.fnormal {font-weight: normal;}
.bottom20 {margin-bottom: 20px;}
.textcenter {text-align: center;}


.inventory {
    font-size: 22px;
    font-family:  sans-serif;
    font-weight: lighter;
    text-transform: capitalize;
}
 .commercialName {
    font-size: 15px;
    font-weight: bold;
    text-transform: capitalize;
}


.companyName{
    font-family:  sans-serif;
    margin-top: -8px;
}
.bignumber {
    float: left;
    font-family: "Droid Sans";
    font-size: 57px;
    font-weight: lighter;
    line-height: 27px;
    margin-right: 13px;
    margin-top: 12px;
    padding-bottom: 18px;
}


.middlebuttonnegativemargin{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
}

.nodeinfolist {list-style:none; padding:0px;min-width: 150px;display: initial;}
.nodeinfolist li {margin-bottom:0px;}

.severType {
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
}
/*
.table thead th:first-child, .table tbody td:first-child {
    text-align: center;
}
*/

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

.panel-body {
    padding: 15px;
}

.progress.progress-hipervisor > .progress-bar {overflow: hidden;white-space: nowrap;}


.progress.progress-hipervisor > .progress-bar:nth-child(odd) {
    background-image: linear-gradient(to bottom, #5bc0de 0%, #108fb4 100%);
    background-repeat: repeat-x;
}

.progress.progress-hipervisor > .progress-bar:nth-child(even) {
    background-image: linear-gradient(to bottom, #428BCA 0%, #054483 100%);
    background-repeat: repeat-x;
} 

.progress.progress-hipervisor > .progress-bar:first-child {
    background-image: linear-gradient(to bottom, #b9b9b9 0%, #707070 100%) !important;
    background-repeat: repeat-x !important;
    overflow: hidden !important;
    border:0px;
}

.progress.progress-hipervisor > .progress-bar:last-child {
    background-image: linear-gradient(to bottom, #ABABAB 0%, #ABABAB 100%) !important;
    background-repeat: repeat-x !important;
    overflow: hidden !important;
    border:0px;
}

.progress-hipervisor {height:50px;}

.progress.progress-hipervisor .progress-bar .textinbar{
    float:left;
    position:relative;
    text-align:center;
    width: 100%;
    margin-top: 17px;
    margin-left:5px;
}

#min-h-207 {
    min-height: 185px;
}


.bigstatus {

width: 150px;
font-size: 25px;
padding: 10px;

}

.bigflag {
    height:16px;
    width: auto;
}

.w100pc {width:100%;}

.dlements {
    display:inline-table;
    width:33%;
    text-align:center;
}

.dlements4 {
    display:inline-table;
    width:24%;
    text-align:center;
}

.vncfit {width:initial;}

.copyright {
    bottom: 11px;
    height: 30px;
    position: absolute;
}

.copyright > small {
    clear: both;
    float: left;
    margin-top: -5px;
    width: 100%;
}

.createVmEnd {
    text-align: center;
    padding-top: 60px;
}


div.tab-content div.tab-pane.active {

    min-height: 78px;
    padding-left: 117px;
    padding: 15px;
    display: inline-block;

}

div.tab-content div.tab-pane.active {
    width: 100%;
}

ul.nav.nav-tabs {
width:10%;
}

.tab-pane > div {padding-bottom:10px;}
.ipamtags {padding:10px;}
.tab-content {
    min-height: 247px !important;
    width: 90%;
    background-color: #fff;
    border-bottom: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    display: inline-block;
    margin-left: 0;
    padding: 15px;
    margin-bottom: -1px;

}

.tabs-left > .nav-tabs {
    display: block;
    margin-right: -1px;
}

/*
ul.nav.nav-tabs li.active {
    border-right: 2px solid #a2a2a2;
    border-top: 1px solid #c4c4c4;
    margin-left: -2px;
}
*/

div.tab-pane.active > div.dataTables_wrapper.form-inline {width:100%;}
.form-horizontal {width:100%;}

/*
.wizard-vertical .step {
    width: 90% !important;
}
*/
.radio > label {
    display: table-cell;
    min-width: 325px;
}

div.heading h3 {float:right;display:none;}

div.heading ul.breadcrumb {    
    float: left;
    max-height: 36px;
    overflow: hidden;
}

.nav-tabs .wstep {float:none;border-right:none;}

.step {min-height: 260px;padding: 0 25px;}

input:invalid {
    /*box-shadow: 0 0 8px rgba(199, 53, 43, 1)!important;*/
    color:red;
    font-weight: bold;
}

form#wizard1.form-horizontal.ui-formwizard p {text-align: center;}

.wizard-steps > li > a {
    display: block;
    padding: 0px 15px;
    position: relative;
}

.divvdi {
    background-color: #eeeeee;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    padding: 9px;
}

.divvdi > div {
    display: inline-block;
    margin: 5px;
}



.form-group {
    margin-bottom: 20px;
    clear:both;
}

div.bloc div.tab-pane.active {display:block;}

.tabbable .wizard-steps .wstep .donut span.icon16 {
    color: #737373;
    display: inline-block;
    font-size: 16px;
    margin-left: 5px;
    margin-top: 0;
}

.hiperboton {
    border: 1px solid #cccccc;
    min-height: 40px;
    width: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    margin-top:-1px;
    font-weight: bold;
}

.hiperboton:hover {
    background: white;
}

canvas#noVNC_canvas {
  border: 11px solid black;
  border-radius: 5px;
  background-color: black;
  }

/*#vnc-body {height:540px;}*/
/*.vnc-option{background-image:url(../images/consolassh.jpg);width:800px;height:600px;}*/
.playvnc {
    font-size: 150px;
    margin-top: 22%;
    cursor: pointer;
}

.playvnc:hover {
    
    color:#6cb000;
}

a.disabled {
   pointer-events: none;
   cursor: default;
}

.medallaofs {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/ofs.iow.png"), url("../images/fondomedalleta.png");
    background-position: 9px 10px;
    background-repeat: no-repeat, repeat;
    background-size: 75px auto, auto auto;
    border-radius: 10px;
    box-shadow: 0 2px 4px #dddddd;
    float: left;
    height: 59px;
    width: 91px;
}

input.text, input.number, input.email, input.password, textarea.uniform {
    padding-left: 8px;
}
#vdlist input.form-control.uniform-input.text {display:inline;}
.vimac {width: initial !important;display:inline;}

.select2-container .select2-choice {
    height: 34px!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.select2-container .select2-choice .select2-arrow b {
    background: rgba(0, 0, 0, 0) url("/assets/plugins/forms/select/select2.png") no-repeat scroll 1px 1px;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {background-color: initial;}
.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {border-color:#c9c9c9;}
/*

input.disco {display:none!important;}
input#cpu {display:none!important;}
input#ram {display:none!important;}
input#cvmtags {display:none!important;}
*/


input#spinnerHdSize {padding:3px;min-width: 40px;}
div.step.ui-formwizard-content div.form-group div.col-md-12 > span {white-space: nowrap;margin: 0px 10px 15px 10px;display: inline-block;}


/* -----------------------------------------
   Timeline
----------------------------------------- */

span.timeline-icon i.icomoon-icon-plus, h4.timeline-title.addnewtimeline {
  cursor:pointer;
}



.timeline {
  list-style: none;
  padding-left: 0;
  position: relative;
}
.timeline:after {
  content: "";
  height: auto;
  width: 1px;
  background: #c4c4c4;
  position: absolute;
  top: 5px;
  left: 30px;
  bottom: 25px;
}
.timeline.timeline-sm:after {
  left: 12px;
}
.timeline li {
  position: relative;
  padding-left: 70px;
  margin-bottom: 30px;
}
.timeline li:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #c4c4c4;
  position: absolute;
  left: 24px;
  top: 5px;
  border-color: #535353 !important;
}
.timeline li .timeline-date {
  display: inline-block;
  width: 100%;
  color: #a6a6a6;
  font-style: italic;
  font-size: 13px;
}
.timeline.timeline-icons li {
  padding-top: 7px;
}
.timeline.timeline-icons li:after {
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid #c4c4c4;
  left: 14px;
  top: 0;
  z-index: 11;
}
.timeline.timeline-icons li .timeline-icon {
  position: absolute;
  left: 22px;
  top: 7px;
  z-index: 12;
}
.timeline.timeline-icons li .timeline-icon i {
  font-size: 16px;
  margin-left: 0;
  margin-right: 0;
}
.timeline.timeline-icons li .timeline-icon [class*=glyphicon] {
  top: 2px !important;
}
.timeline.timeline-icons.timeline-sm li {
  padding-left: 40px;
  margin-bottom: 10px;
}
.timeline.timeline-icons.timeline-sm li:after {
  left: -5px;
}
.timeline.timeline-icons.timeline-sm li .timeline-icon {
  left: 4.5px;
}
.timeline.timeline-advanced li {
  padding-top: 0;
  clear:both;
}
.timeline.timeline-advanced li:after {
  background: #fff;
  border: 1px solid #4faede;
}
.timeline.timeline-advanced li:before {
  content: "";
  width: 52px;
  height: 52px;
  border: 0px solid #fff;
  position: absolute;
  left: 4px;
  top: -10px;
  border-radius: 50%;
  z-index: 12;
}
.timeline.timeline-advanced li .timeline-date {
  position: absolute;
  right: 5px;
  top: 3px;
  text-align: right;
}
.timeline.timeline-advanced li .timeline-title {
  font-size: 17px;
  margin-bottom: 0;
  padding-top: 5px;
  font-weight: bold;
}
.timeline.timeline-advanced li .timeline-subtitle {
  display: inline-block;
  width: 100%;
  color: #a6a6a6;
}
.timeline.timeline-advanced li .timeline-content {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
}
.timeline.timeline-advanced li .timeline-content p {
  margin-bottom: 3px;
}
.timeline.timeline-advanced li .timeline-content .divider-dashed {
  padding-top: 0px;
  margin-bottom: 7px;
  width: 200px;
}
.timeline.timeline-advanced li .timeline-user {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  width: 50%;

}
.timeline.timeline-advanced li .timeline-user:before,
.timeline.timeline-advanced li .timeline-user:after {
  content: " ";
  display: table;
}
.timeline.timeline-advanced li .timeline-user:after {
  clear: both;
}
.timeline.timeline-advanced li .timeline-user .timeline-avatar {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 10px;
}
.timeline.timeline-advanced li .timeline-user .timeline-user-name {
  font-weight: bold;
  margin-bottom: 0;
}
.timeline.timeline-advanced li .timeline-user .timeline-user-subtitle {
  color: #a6a6a6;
  margin-top: -4px;
  margin-bottom: 0;
}
.timeline.timeline-advanced li .timeline-link {
  margin-left: 5px;
  display: inline-block;
  float:right;
}
.timeline-load-more-btn {
  margin-left: 70px;
}
.timeline-load-more-btn i {
  margin-right: 5px;
}

.buscador {
  min-width:300px;
  margin: 0 0 -5px;
}

.buscador input {
  background: #fff url("/assets/images/search.png") no-repeat scroll 95% center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  display: block;
  height: 36px;
  width: 100%;
  border-radius: 20px !important;
}

#searchresults {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%;
}

.logg {
  max-height:500px;
  overflow-y:auto;
  background-color: #353535;
  color:white;
  clear:both;
  width: 100%;
}

#bash.tab-pane.fade.in.active, #syslog.tab-pane.fade.in.active, #authlog.tab-pane.fade.in.active {display: inline;}

.cursor {
    cursor: pointer !important;    
}


.tree,
.tree ul {
  margin:0 0 0 1em; /* indentation */
  padding:0;
  list-style:none;
  position:relative;
}

.tree ul {margin-left:.5em} /* (indentation/2) */

.tree:before,
.tree ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px solid;
  border-color: #c9c9c9;  
}

.tree li {
  margin:0;
  padding:0 1.5em !important; /* indentation + .5em */
  position:relative;
}

.tree li:before {
  content:"";
  display:block;
  width:10px; /* same with indentation */
  height:0;
  border-top:1px solid;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
  border-color: #c9c9c9;
}

.tree li:last-child:before {
  border-left:1px solid #fefefe; /* same with body background */
  height:auto;
  top:1em; /* (line-height/2) */
  bottom:0;
}





fieldset > h2 {text-align: center;}


.wizserver {
    background-image: url("/assets/images/rack-server.svg");
    background-size: contain;
    width: 40%;
    height: 150px;
    background-repeat: no-repeat;
    float:left;
    display: block;
}

.wizcloud {
    background-image: url("/assets/images/cloud.svg");
    background-size: contain;
    width: 40%;
    height: 150px;
    background-repeat: no-repeat;    
    float:right;
    display: block;
}

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden
}
.wizard a,
.tabcontrol a {
    outline: 0
}
.wizard ul,
.tabcontrol ul {
    list-style: none!important;
    padding: 0;
    margin: 0
}
.wizard ul>li,
.tabcontrol ul>li {
    display: block;
    padding: 0
}
.wizard>.steps .current-info,
.tabcontrol>.steps .current-info {
    position: absolute;
    left: -999em
}
.wizard>.content>.title,
.tabcontrol>.content>.title {
    position: absolute;
    left: -999em
}
.wizard>.steps {
    position: relative;
    display: block;
    width: 100%
}
.wizard.vertical>.steps {
    display: inline;
    float: left;
    width: 30%
}
.wizard > .steps .number {
    float: right;
    font-size: 8em;
    font-weight: bold;
    line-height: 50px;
    margin-left: -11px;
    margin-right: -41px;
    text-shadow: 1px 1px 1px #cecece;
}

.wizard>.steps>ul>li {
    width: 15%
}
.wizard>.steps>ul>li,
.wizard>.actions>ul>li {
    float: left
}
.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%
}
.wizard>.steps a,
.wizard>.steps a:hover,
.wizard>.steps a:active {
    display: block;
    width: auto;
    margin: 0 .5em .5em;
    /*padding: 1em 1em;*/
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height:60px;
    overflow: hidden;
    font-weight: bold;
    padding: 6px 0 0 5px;

}
.wizard>.steps .disabled a,
.wizard>.steps .disabled a:hover,
.wizard>.steps .disabled a:active {
    background: #ffffff url("/assets/images/patterns/diag2.png") repeat scroll 0 0 / 50% auto;
    box-shadow: 0 0 1px #909090 inset;
    color: #aaa;
    cursor: default
}
.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
    background: rgba(0, 0, 0, 0) url("../images/patterns/4.png") repeat scroll 0 0;
    box-shadow: 0 0 1px #000 inset;
    color: #353535;
    opacity: 1;
    cursor: default
}
.wizard>.steps .done a,
.wizard>.steps .done a:hover,
.wizard>.steps .done a:active {
    background: #fff url("/assets/images/patterns/diag2.png") repeat scroll 0 0 / 90% auto;
    box-shadow: 0 0 1px #000 inset;
    color: #353535;
    opacity: 1;
}
.wizard>.steps .error a,
.wizard>.steps .error a:hover,
.wizard>.steps .error a:active {
    background: #ff3111 url("/assets/images/patterns/diag2.png") repeat scroll 0 0 / 90% auto;
    /*color: #fff*/
}
.wizard > .content {
    background: transparent url("../images/patterns/2.png") repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 1px #000 inset;
    display: block;
    margin: 0.5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;
}
.wizard.vertical>.content {
    display: inline;
    float: left;
    margin: 0 2.5% .5em 2.5%;
    width: 65%
}
.wizard>.content>.body {
    width: 100%;
    height: 100%;
    padding: 2.5%
}


.wizard>.content>.body input {
    /*border: 1px solid #c9c9c9;*/
    background-color:#ffffff;
}
.wizard>.content>.body input[type="checkbox"] {
    display: inline-block
}
.wizard>.content>.body input.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11
}

.wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%
}
.wizard.vertical>.actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%
}
.wizard>.actions>ul {
    display: inline-block;
    text-align: right
}
.wizard>.actions>ul>li {
    margin: 0 .5em
}
.wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em
}
.wizard>.actions a,
.wizard>.actions a:hover,
.wizard>.actions a:active {
    display: block;
    padding: .5em 1em;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    background-repeat: repeat-x;
    border:1px solid #ccc;
    text-shadow: 0 1px 0 #fff;
    color:#353535;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
}
.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
    background: #eee;
    color: #aaa
}
.wizard>.loading {}.wizard>.loading .spinner {}.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%
}
.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1
}
.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0
}
.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0
}
.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none
}
.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none
}
.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px 30px
}
.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px
}
.tabcontrol>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%
}
.tabcontrol>.content>.body ul {
    list-style: disc!important
}
.tabcontrol>.content>.body ul>li {
    display: list-item
}
@media(max-width:600px) {
    .wizard>.steps>ul>li {
        width: 50%
    }
    .wizard>.steps a,
    .wizard>.steps a:hover,
    .wizard>.steps a:active {
        margin-top: .5em
    }
    .wizard.vertical>.steps,
    .wizard.vertical>.actions {
        display: block;
        float: none;
        width: 100%
    }
    .wizard.vertical>.content {
        display: block;
        float: none;
        margin: 0 .5em .5em;
        width: auto
    }
}
@media(max-width:480px) {
    .wizard>.steps>ul>li {
        width: 100%
    }
}

fieldset div.pagination {
    width:100%;
}

.preloader{
    width:64px;
    height: 64px;
    margin:150px auto;
    opacity: 0.6;
    left: 50%;
    position: absolute;
    z-index: 9999;
    display: none;
}

.preloader > img {
    width: 64px;
    height: 64px;
}

div.selector>span {
    width: 90% !important;
}

.inputs1, .inputs2 {

    display:table;
}

.inputs1 > li, .inputs2 > li{
    margin-bottom:3px;
    display:table;
}

.inputs1 input, .inputs2 input {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.inputs1 label, .inputs2 label {
    font-weight: normal;
}

.superi{
    vertical-align:super;
}



svg {
    touch-action: none;
}

.jvectormap-label {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
    z-index:11;
 }

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    touch-action: none;
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: #292929;
    padding: 3px;
    color: white;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 10px;
    height: 10px;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat url(data:image/gif;base64,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);
}

.jvectormap-legend-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0;
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}

.jvectormap-legend {
    background: black;
    color: white;
    border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}

.select2-container.select2-container-multi.form-control,.select2-container.nostyle.form-control {
    padding: 0;
    border: none;
}


.ui-slider .ui-slider-range {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #89DB06 0%, #72BA00 100%) repeat scroll 0 0;
    border: 0px;
    height: 7px;
}

.ui-slider-horizontal {
     height: 7px;
}

.formPaddingTop {padding-top:7px;}

/*
form input.valid {
    border: 0 !important;
}
*/

/* -----------------------------------------
   Bootstrap sliders
----------------------------------------- */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-top: 9px;
}
.slider.slider-horizontal {
  width: 100%;
  height: 12px;
}
.slider.slider-horizontal .slider-track {
  height: 8px;
  width: 100%;
  margin-top: -3px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -6px;
  margin-top: -4.8px;
}
.slider.slider-horizontal#slider-primary .slider-selection {
  background: #3399cc;
}
.slider.slider-horizontal#slider-info .slider-selection {
  background: #4faede;
}
.slider.slider-horizontal#slider-danger .slider-selection {
  background: #ed7a53;
}
.slider.slider-horizontal#slider-success .slider-selection {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #89db06 0%, #72ba00 100%) repeat scroll 0 0;
}
.slider.slider-horizontal#slider-warning .slider-selection {
  background: #f4ad49;
}
.slider.slider-vertical {
  height: 210px;
  width: 12px;
  margin-right: 10px;
}
.slider.slider-vertical .slider-track {
  width: 6px;
  height: 100%;
  margin-left: -3px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-handle {
  margin-left: -4.8px;
  margin-top: -6px;
}
.slider.slider-vertical#slider-primary .slider-selection {
  background: #3399cc;
}
.slider.slider-vertical#slider-info .slider-selection {
  background: #4faede;
}
.slider.slider-vertical#slider-danger .slider-selection {
  background: #ed7a53;
}
.slider.slider-vertical#slider-success .slider-selection {
  background: #9fc569;
}
.slider.slider-vertical#slider-warning .slider-selection {
  background: #f4ad49;
}
.slider.slider-disabled .slider-handle {
  background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0);
}
.slider.slider-disabled .slider-track {
  background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
  cursor: not-allowed;
}
.slider input {
  display: none;
}
.slider .tooltip.top {
  margin-top: -36px;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider .hide {
  display: none;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background: #e1e1e1 !important;
  border-radius: 4px !important;
  border: 1px solid #c4c4c4;
}
.slider-selection {
  position: absolute;
  background: #bbbbbb;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
}
.slider-handle {
  position: absolute;
  width: 15px;
  height: 15px;
  background: url(/assets/images/handle.png) no-repeat;
  -webkit-filter: none;
  filter: none;
  border-radius: 50%;
}

.wzlabel {
    padding-top: 7px;
}

#vdlist .uniform-input {
    width: initial;
}

form input:valid {
    /*border: 1px solid #9fc569;*/
}

.mesrows {
    display: flex;
    padding-bottom: 5px;
}

#slider-success {
    margin-top: 0;
}

.mesrows > span {
    margin-top: 10px;
}

.newmac {
    cursor:pointer;
}

.labelredo {
    border-radius: 30px;
    color: white;
    font-weight: bold;
    padding: 0 5px;
}


.privateCloud li {
    clear: both;
}


/* hide input */
.privateCloud input.radio:empty {
    margin-left: -999px;
}

/* style label */
.privateCloud input.radio:empty ~ .frontalServer {
    position: relative;
    float: left;
    line-height: 26px;
    text-indent: 310px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
}

.sliderInput{
    border: 0!important;
    font-weight: bold!important;
    background: initial!important;
}

.labelServer {
    position: relative;
    float: left;
    line-height: 26px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 4px;
}

.capitalize {
    text-transform: capitalize;
}

input.radio:empty ~ .frontalServer:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    background-image: url("/assets/images/serverU.png");
    background-size: cover;
    height: 27px;
    width: 300px;
    box-shadow: 1px 1px 5px #7a7a7a;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ .frontalServer:before {
    content:'';
    background-image: url("/assets/images/serverU.png");
    background-size: cover;
    height: 27px;
    width: 300px;
    opacity: 0.7;
}

input.radio:hover:not(:checked) ~ .frontalServer {

}

/* toggle on */
input.radio:checked ~ .frontalServer:before {
    content:'';
    background-image: linear-gradient(rgba(142, 211,12, 0.45), rgba(115, 158, 31, 0.45)),url("/assets/images/serverU.png");
    background-size: cover;
    height: 27px;
    width: 300px;
}

input.radio:checked ~ .frontalServer, input.radio:checked ~ .labelServer {
    background-color: white;
    color: #777;
}

.selectServerTop {
    background-image: url("/assets/images/serverTop.png");
    background-size: cover;
    height: 27px;
    width: 300px;
}

.activity li {
    border-bottom: 1px solid #c4c4c4;
    padding: 10px 0 15px !important;
    width: 100%;
}

.label-option {
    background-color: initial;
    /*box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.22);*/
    margin: 5px 0 10px 0;
    padding: 3px 9px 3px 3px;
    cursor: pointer;
    color:#353535;
}


.select2-result-repository__logo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    border-radius: 100px;
    float: left;
    height: 90px;
    margin-right: 10px;
    margin-top: 2px;
    width: 90px;
}

.select2-result-repository__title {
    font-size: 1.09em;
    font-weight: bold;
}

.select2-result-repository__description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-results li {
    background-image: none;
    display: list-item;
    list-style: outside none none;
}

.select2-hidden-accessible {
    display: none;
}

.select2-drop-active {
    border: 1px solid #b7b7b7;
    min-width: 40%;
    padding-top: 5px;
}

.col-lg-12.wzlabel {
    padding-left: 32px;
}

.ratllaBg {
    background: transparent url("../images/patterns/2.png") repeat scroll 0 0;
}

.label-info {
    background-color: #3da2c0;
}

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  display: inline-block;
  padding: 4px 0;
  color: #333333;
  vertical-align: middle;
  border-radius: 2px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
  width: 100%;
}
.bootstrap-tagsinput .tag:first-child {
  margin-left: 6px;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: auto !important;
  max-width: inherit;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
  line-height: 25px;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.prv_vdLocation {
    width: 65%;
}

div.bootstrap-tagsinput > input {padding-left:8px;}

#dual-chart {
    cursor: zoom-in;
}


@media (max-width: 480px) {
h1.logovogon{font-size:3.4em!important;}
h1.logovogon img {height:30px!important;}
}

h1.logovogon {font-family: 'Droid Sans';white-space: nowrap;}
h1.logovogon span {color:#6CB000;font-size: 0.5em;}

h1.logovogon img {height: 37px;}

.whiteStripe {
    background-color: rgba(254,254,254,0.75);
    padding: 50px 0;
    font-family: "Droid Sans";
}

.flotatingLogin .login_box {
    padding:20px;
    width: 236px; 
}
.flotatingLogin .login_box .dalt{
    border-radius: 0;
}

.flotatingLogin .login_box .baix{
    border-radius: 0;
    margin-top:-1px;
}

.flotatingLogin .login_box .botonet {
    border-radius: 0;
    width:100%;
}

.flotatingLogin {
    z-index: 3;
    position: fixed;
    top: 0;
    right: 70px;
    font-size: 14px;
    margin-top: 5px;
}

.flotatingclose {
    z-index: 4;
    position: fixed;
    top: 2px;
    right: 131px;
    font-size: 14px;
    margin-top: 5px;
    display:none;
}

.bg-primary {
    color: #353535;
    background: url(../images/patterns/4.png) repeat scroll 50% rgba(0, 0, 0, 0) !important;
}

.callout {

    background: url(../images/battery.jpg) no-repeat center center scroll;
}

.color-white{color:white!important;}
.color-cece{color:#cecece!important;}
.color-cece:hover{color:white!important;}

#footer-bottom {
    background: #333;
    color: #fff;
    padding: 35px 0;
}



.can-toggle {
  position: relative;
}
.can-toggle *, .can-toggle *:before, .can-toggle *:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
.can-toggle input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.can-toggle input[type="checkbox"][disabled] ~ label {
  pointer-events: none;
}
.can-toggle input[type="checkbox"][disabled] ~ label .can-toggle__switch {
  opacity: 0.4;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
  content: attr(data-unchecked);
  left: 0;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  content: attr(data-checked);
}
.can-toggle label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.can-toggle label .can-toggle__label-text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 32px;
}
.can-toggle label .can-toggle__switch {
  position: relative;
}
.can-toggle label .can-toggle__switch:before {
  content: attr(data-checked);
  position: absolute;
  top: 0;
  text-transform: uppercase;
  text-align: center;
}
.can-toggle label .can-toggle__switch:after {
  content: attr(data-unchecked);
  position: absolute;
  z-index: 5;
  text-transform: uppercase;
  text-align: center;
  background: white;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.can-toggle input[type="checkbox"][disabled] ~ label {
  color: rgba(119, 119, 119, 0.5);
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch {
  background-color: #777;
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  color: #5e5e5e;
}
.can-toggle input[type="checkbox"]:hover ~ label {
  color: #6a6a6a;
}
.can-toggle input[type="checkbox"]:checked ~ label:hover {
  color: #55bc49;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch {
  background-color: #70c767;
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  color: #4fb743;
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch {
  background-color: #5fc054;
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  color: #47a43d;
}
.can-toggle label .can-toggle__label-text {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.can-toggle label .can-toggle__switch {
  -webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
          transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
  background: #848484;
}
.can-toggle label .can-toggle__switch:before {
  color: rgba(255, 255, 255, 0.5);
}
.can-toggle label .can-toggle__switch:after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
  color: #777;
}
.can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
  -webkit-transform: translate3d(65px, 0, 0);
          transform: translate3d(65px, 0, 0);
}
.can-toggle input[type="checkbox"]:checked:focus ~ label .can-toggle__switch:after, .can-toggle input[type="checkbox"]:checked:hover ~ label .can-toggle__switch:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}
.can-toggle label {
  font-size: 14px;
}
.can-toggle label .can-toggle__switch {
  height: 36px;
  -webkit-flex: 0 0 134px;
      -ms-flex: 0 0 134px;
          flex: 0 0 134px;
  border-radius: 4px;
}
.can-toggle label .can-toggle__switch:before {
  left: 63px;
  font-size: 12px;
  line-height: 36px;
  width: 67px;
  padding: 0 12px;
}
.can-toggle label .can-toggle__switch:after {
  top: 2px;
  left: 2px;
  border-radius: 2px;
  width: 65px;
  line-height: 32px;
  font-size: 12px;
}
.can-toggle label .can-toggle__switch:hover:after {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}