/* -------------------------------------------------------------------------- */
/* Copyright 2002-2015, OpenNebula Project (OpenNebula.org), C12G Labs        */
/*                                                                            */
/* Licensed under the Apache License, Version 2.0 (the "License"); you may    */
/* not use this file except in compliance with the License. You may obtain    */
/* a copy of the License at                                                   */
/*                                                                            */
/* http://www.apache.org/licenses/LICENSE-2.0                                 */
/*                                                                            */
/* Unless required by applicable law or agreed to in writing, software        */
/* distributed under the License is distributed on an "AS IS" BASIS,          */
/* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   */
/* See the License for the specific language governing permissions and        */
/* limitations under the License.                                             */
/* -------------------------------------------------------------------------- */

.ui-tabs {
    border: 0px;
}

        .paging_full_numbers {
            width: auto !important;
            margin-right: 0px;
        }

        .ui-tabs-vertical {
            width: 71em;
            border: 0px;
        }
        .ui-tabs-vertical .ui-tabs-nav-vert {
            padding: .2em .1em .2em .2em;
            float: left;
            width: 12em;
        }

        .ui-tabs-vertical .ui-tabs-nav-vert li {
            clear: left;
            width: 100%;
            border: 0px;
            font-weight: normal;
        }

        .ui-tabs-vertical .ui-tabs-nav-vert li a {
            display: block;
            border: 0px;
            font-weight: normal;  }

        .ui-tabs-vertical .ui-tabs-nav-vert li.ui-tabs-selected {
            padding-bottom: 0;
            padding-right: .1em;
        }

        .ui-tabs-vertical .ui-tabs-panel {
            padding: 1em;
            float: left;
        }






*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }

body { background: white; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; }



/* Tabs ---------------------- */
.tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
.tabs.contained { margin-bottom: 0; margin-left: 0; }
.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; }
.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; }
.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; }
.tabs dd a, .tabs li a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
.tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #2ba6cb; }
.tabs dd.ui-state-active, .tabs li.ui-state-active { border-top: 3px solid #2ba6cb; margin-top: -3px; }
.tabs dd.ui-state-active a, .tabs li.ui-state-active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #4d4d4d; border-right: 1px solid #e6e6e6; font-weight: bold; }
.tabs dd:first-child, .tabs li:first-child { margin-left: 0; }
.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; }
.tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #0098C3; }
.tabs.vertical dd a, .tabs.vertical li a { background: #4d4d4d; border: none; color: #fff; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.tabs.vertical dd.ui-state-active, .tabs.vertical li.ui-state-active { margin-top: 0; border-top: 0px solid #4d4d4d; border-left: 3px solid #4d4d4d; }
.tabs.vertical dd.ui-state-active a, .tabs.vertical li.ui-state-active a { background: #0098C3; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.tabs.vertical dd:first-child a.ui-state-active, .tabs.vertical li:first-child a.ui-state-active { margin: 0; }
.tabs.pill { border-bottom: none; margin-bottom: 10px; }
.tabs.pill dd, .tabs.pill li { margin-right: 10px; }
.tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; }
.tabs.pill dd a, .tabs.pill li a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
.tabs.pill dd.ui-state-active, .tabs.pill li.ui-state-active { border: none; margin-top: 0; }
.tabs.pill dd.ui-state-active a, .tabs.pill li.ui-state-active a { background-color: #2ba6cb; border: none; color: #f ff; }
.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; }
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; }
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; }
.tabs.three-up dt, .tabs.three-up dd, .tabs.two-up li { width: 33.33%; }
.tabs.four-up dt, .tabs.four-up dd, .tabs.two-up li { width: 25%; }
.tabs.five-up dt, .tabs.five-up dd, .tabs.two-up li { width: 20%; }

ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
ul.tabs-content > li { display: none;  }
ul.tabs-content > li.ui-state-active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }

/* Standard Forms ---------------------- */
form { margin: 0 0 19.41641px; }

.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }

label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }

.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }

a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }

span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }

.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }

.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 0px 0px; padding: 6px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }

textarea { height: auto; }

select { width: 100%; }

/* Fieldsets */
fieldset { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }



/* The Grid ---------------------- */
.row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }

.push-two { left: 16.66667%; }

.pull-two { right: 16.66667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.33333%; }

.pull-four { right: 33.33333%; }

.push-five { left: 41.66667%; }

.pull-five { right: 41.66667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.33333%; }

.pull-seven { right: 58.33333%; }

.push-eight { left: 66.66667%; }

.pull-eight { right: 66.66667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.33333%; }

.pull-ten { right: 83.33333%; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

.ui-slider-range { background: #4d4d4d; }

/* Tables ---------------------- */
.table { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; }

.table thead, .table tfoot { background: #f5f5f5; }

.table thead tr th, .table tfoot tr th, .table tbody tr td, .table tr td, .table tfoot tr td { display: table-cell; font-size: 12; line-height: 10px; text-align: left; }

.table thead tr th, .table tfoot tr td { padding: 8px 10px 9px; font-size: 12px; font-weight: bold; color: #222; }

.table thead tr th:first-child, .table tfoot tr td:first-child { border-left: none; }

.table thead tr th:last-child, .table tfoot tr td:last-child { border-right: none; }

.table tbody tr.even, .table tbody tr.alt { background: #f9f9f9; }

.table tbody tr:nth-child(even) { background: #f9f9f9; }

.table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }

hr{margin:18px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}

/* Labels ---------------------- */
.label { padding: 1px 4px 2px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; }
.label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.label.alert { background-color: #c60f13; }
.label.success { background-color: #5da423; }
.label.secondary { background-color: #e9e9e9; color: #505050; }

/* Normal Buttons ---------------------- */
.button { width: auto; background: #2ba6cb; border: 1px solid #1e728c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;
/* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover, .button:focus { color: white; background-color: #2284a1; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button.large { font-size: 17px; padding: 15px 30px 16px; }
.button.medium { font-size: 14px; }
.button.small { font-size: 11px; padding: 7px 14px 8px; }
.button.tiny { font-size: 10px; padding: 5px 10px 6px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; }
.button.primary:hover, .button.primary:focus { background-color: #2284a1; }
.button.success { background-color: #5da423; border: 1px solid #396516; }
.button.success:hover, .button.success:focus { background-color: #457a1a; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover, .button.alert:focus { background-color: #970b0e; }
.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
.button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; }
.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button.disabled:hover, .button[disabled]:hover { background: #2ba6cb; }
.button.disabled.success, .button[disabled].success { background-color: #5da423; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; outline: none; }
.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; outline: none; }
.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; outline: none; }

/* Alerts ---------------------- */
div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 12px; color: white; background-color: #2ba6cb; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; }
div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button { -webkit-appearance: none; }

/* Correct FF button padding */
@-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
  input[type="submit"].tiny.button { padding: 3px 10px 4px; }
  input[type="submit"].small.button { padding: 5px 14px 6px; }
  input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; }
  input[type="submit"].large.button { padding: 13px 30px 14px; } }




.markrow { background-color:#cdebf5 !important; }
.markrowselected { background-color:#cdeb05 !important; }
.markrowchecked { background-color:#cd0bf5; }



/* Tooltips ---------------------- */
.has-tip { cursor: help; font-weight: bold; color: #333333; }
.has-tip:hover, .has-tip:focus { color: #2ba6cb; }
.has-tip.tip-left, .has-tip.tip-right { float: none !important; }

.tooltip { display: none; background: black; background: rgba(0, 0, 0, 0.85); position: absolute; color: white; font-weight: bold; font-size: 12px; padding: 5px; z-index: 1003; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; line-height: normal; }
.tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; position: absolute; top: -10px; left: 10px; }
.tooltip.tip-override > .nub { border-color: transparent transparent black transparent !important; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top: -10px !important; }
.tooltip.tip-top > .nub, .tooltip.tip-centered-top > .nub { border-color: black transparent transparent transparent; border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent; top: auto; bottom: -10px; }
.tooltip.tip-left, .tooltip.tip-right { float: none !important; }
.tooltip.tip-left > .nub { border-color: transparent transparent transparent black; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); right: -10px; left: auto; }
.tooltip.tip-right > .nub { border-color: transparent black transparent transparent; border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent; right: auto; left: -10px; }
.tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.tooltip.opened { color: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; }

.icon-remove.blue {
    color: #cdebf5;
    cursor: pointer;
}

.icon-remove.grey {
    color: rgb(190, 190, 190);
    cursor: pointer;
}















body {
    font: 9pt Arial, Verdana, Geneva, Helvetica, sans-serif;
}

p {
    margin:0 10px 10px;
}
a {
    color: #000C96; text-decoration: none;
}
a:hover {
    color: #127FE4; text-decoration: none;
}
select, button {
    padding: 2px;
}

.inline-icon {
    display:inline-block;
    vertical-align:middle;
}

h2 {
    float:left;
    font-size:20px;
    margin-bottom: 2px;
    margin-top: 8px;
    padding-bottom: 2px;
    width:280px;
    min-width: 200px;
    color: #636663;
    border-bottom: 2px solid;
}

h3 {
    border-bottom: 1px solid #CCCCCC;
    color: #353735;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 8px;
    margin: 0 0;
}

table.dashboard_table{
    width:100%;
    margin: 0;
}

table.dashboard_table tr {
    vertical-align: top;
}

table.dashboard_table > tbody > tr > td{
    width:50%;
}

table.dashboard_table .inline-icon {
    margin-left: 40px;
}


.dashboard_p {
    color: #353735;
    text-align:justify;
}


.clusterElemLi {
    list-style: circle;
}

div.panel {
    background-color: #ffffff;
    padding:0;
    margin: 10px;
    border: 1px #ddd solid;
    min-height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}

div.panel h3 {
    border: 0;
    padding:5px 10px 5px 10px;
    margin: 0;
    color: white;
    font-weight: bold;
    background-color: #353735;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}

div.panel .new-resource {
    float: right;
}

div.panel h3 a {
    color: white;
    font-weight: bold;
}

div.panel_info {
    padding: 5px;
}

div.panel_info table.info_table {
    background: none;
    width: 100%;
    margin:0;
}

div.panel_info table.info_table tr {
    border: 0;
    border-bottom: 1px dotted #ccc;
}
div.panel_info table.info_table > tbody > tr > td {
    border: 0;
    width: 100%!important;
}

div.panel_info table.info_table td.value_td {
    text-align: right;
}

div.panel_info ul {
    list-style: circle;
    margin-left: 25px;
}

.green {
    color: green!important;
}

.red {
    color: #B81515!important;
}


ul.multi_action_menu { list-style: none; position: absolute; text-align: left; padding:0; border: 1px solid #D3D3D3; background-color: #F0EDED;}
ul.multi_action_menu li { cursor: pointer;  padding: 2px 5px;}
ul.multi_action_menu li:hover { background-color: #D3D3D3;}


div.action_block {
    display:inline;
    margin-right: 5px;
    border-right: 1px solid #D3D3D3;
}

div.action_blocks {
    margin-bottom: 0.5em;
    text-align: right;
    margin-top: 0.5em;
}

input, textarea, select {
    border: 0;
    border: 1px #bbbbbb solid;
}

input, textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

form.create_form{
    margin:0;
    padding:0;}



/*Chrome hack*/
input[type="radio"],input[type="checkbox"] {
    width:20px;
}




.dataTables_wrapper {
    min-height: 0;
}

.dataTables_wrapper label {
    float: none;
    width: auto;
    padding: 0 0;
    text-align:right;
}


div.tip {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
    float:none;
}

div.tip span.ui-icon{
    display:inline-block;
}

div.tip span.man_icon {
    display:none;
}
.img_man .man_icon {
    display:inline-block!important;
}

span.tipspan,div.full_info {
    position: fixed;
    display:block;
    padding:4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #353735;
    margin-left:2px;
    margin-right:5px;
    background-color: white;
    color: #353735;
    font-size:10px;
}
.vm_section input {
    float:none;
}

.vm_section legend{
    display:none!important;
}
.vm_section fieldset {
    border:none!important;
}

div.show_hide {
    float:none;
    clear:both;
}



fieldset div.vm_section {
    margin-top:-8px;
    margin-bottom:0px;
}


input:focus,
textarea:focus{
    background:#efefef;
    color:#000;
}

.form_buttons {
    margin-top:25px;
    text-align:right;
}

.add_remove_button {
    font-size:0.8em !important;
    height:25px !important;
    margin-bottom:4px;
}

.add_button {
    margin-left:148px;
    /* In some languages the word add is longer */
    /* width:58px !important; */
}

.remove_button {

}

tr.odd, tr.even {
    background-color: #ffffff;
    border: 1px #e9e9e9 solid;
    height:30px!important;
}

tr.odd td, tr.even td{
    border-left: 1px #e9e9e9 solid;
}

tr.odd:hover{
    background-color: #E69138 !important;
    cursor: pointer;
}

tr.even:hover{
    background-color: #E69138 !important;
    cursor: pointer;
}

.show_hide label{
    width: 100%;
}

.clear {
    clear: both;
}

/* Create dialogs */
/* host: */
#create_host_form fieldset label {
    width: 200px;
}

.action_block_info{
    width: 235px;
    margin: auto;
}

.icon_right {
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: 2px;
}
.icon_left {
    float: left;
    margin-right: 20px;
    position: relative;
    top: 0px;
/*border:1px solid;*/
}



.info_table{
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    margin: 20px;
    text-align: left;
    display: inline-block;
    width:43%;
    vertical-align:top;
    overflow:auto;
}

.info_table > thead th,h3 {
    border-bottom: 2px solid #353735;
    color: #353735;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 8px;
}


.info_table > tbody > tr > td{
    border-bottom: 1px solid #CCCCCC;
    color: #353735;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 8px;
}

/*.info_table > tbody, .info_table > thead, info_table > tbody > tr {
  width: 100%;
  }*/

.info_table td.key_td{
    min-width: 150px;
    text-align:left;
    font-weight:bold;
}

.info_table td.graph_td{
    padding-top:0px!important;
    padding-bottom:0px!important;
    vertical-align:middle!important;
}

.info_table td.value_td{
    text-align:left;
    width:100%;
}

#dialog > div > div {
    margin:     0;
    padding:    0;
}

.loading_img {
    vertical-align:middle;
    display:inline;
    overflow:hide;

}

.top_button {
    font-size: 0.8em!important;
    height: 25px;
    margin: 3px 2px;
    vertical-align: middle;
/*width: 89px;*/
}
.top_button button {
    font-size: 0.9em;
    height: 25px;
    vertical-align: middle;
}

.image_button {
    font-size: 0.8em;
    margin: 3px 2px;
    vertical-align: middle;
    border:0;
}

/*
  .multi_action_slct{
  font-size: 0.7em;
  vertical-align:middle;
  margin:3px 0;
  height: 25px;
  }*/

.ui-icon-refresh{
    position:relative!important;
    top:14px!important;
}

#vm_log {
    padding: 0 20px 0 20px !important;
}

#vm_log h3 {
    border-bottom: 2px solid #353735;
}

#vm_log pre {
    font-size: 0.9em;
}

#vm_log .vm_log_error {
    color: red;
    font-weight: bold;
}

/* Growl */
.jGrowl-notification h1 {
    font-size: 1.2em;
}

.jGrowl-notification, .jGrowl-notify-submit {
    border: 2px #444444 solid;
    background-color: #F3F3F3!important;
    color: #666666;
}

.jGrowl-notify-error {
    border: 2px #660000 solid;
    background-color: #F39999!important;
    color: #660000;
}

.jGrowl-notify-error table td.key_error {
    text-transform: capitalize;
    width: 100%;
    font-weight: bold;
}

.jGrowl-notify-error table td.key_error:after {
    content:":";
}

.refresh_image {
    position: relative;
    top: 8px;
    cursor: pointer;
}

.ui-widget-overlay { background: #353735; opacity: .60; filter:Alpha(Opacity=60); }

.ui-tabs .ui-tabs-nav li a {
    /*padding: .5em 1em;*/
    padding: .3em 1em;
}

ul.action_list{

    /*background: #EDEDED;*/
    border: 1px solid #525252;
    position:absolute;
    z-index:1;
    list-style-type:none;
    text-align:left;
    padding:5px 5px;
    -webkit-border-radius:4px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius:4px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    border-radius:4px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;

    background: rgb(233,233,233); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(233,233,233,1) 25%, rgba(245,245,245,1) 63%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(233,233,233,1)), color-stop(63%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(233,233,233,1) 25%,rgba(245,245,245,1) 63%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(233,233,233,1) 25%,rgba(245,245,245,1) 63%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(233,233,233,1) 25%,rgba(245,245,245,1) 63%); /* IE10+ */
    background: linear-gradient(top, rgba(233,233,233,1) 25%,rgba(245,245,245,1) 63%); /* W3C */

}

ul.action_list li a{
    font-size: 0.8em;
    color:#575C5B;

}
ul.action_list li a:hover{
    color:#E69138;

}

.progress_bar{
    height:10px;
    background: #8F9392;
}

.ui-widget{
    font: 10pt Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.ui-layout-resizer-open-hover, /* hover-color to 'resize' */
.ui-layout-resizer-dragging {
    background: #EEE;
}

.dataTables_length {
    width: auto;
}

.ColVis {
    margin: 0 10px 0 10px;
    float: left;
}

.ColVis_Button {
    padding: 5px;
    font-size: 1em;
}


.legend_div {
    border: 1px #A3A3A3 solid;
    border-radius: 5px;
    margin-top: 10px;
    padding: 5px;
    padding-right: 50px;
    width: 40%;
    min-width: 400px;
    z-index: -3;
    position: absolute;
    bottom: 10px;

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.09) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.09))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* W3C */
}

.legend_div span {
    position:relative;
    color: #A3A3A3;
    float: right;
    font-size: 3em;
    left: 27px;
    font-family: serif;
}

.legend_p {
    color: #636663;
    margin-left: 10px;
    margin-top: 3px;
/*    padding-bottom: 9px; */
    text-align: justify;
/*    border-bottom: 1px solid #A3A3A3; */
}

.legend_p:before {
/*    content: '⇨ '; */
    content: '○ ';
}

.big_text {
    color: #333333;
    font-size: 3.5em;
    font-family: serif;
    text-align:center;
    vertical-align:middle;
}

.medium_text {
    color: #333333;
    font-size: 2.0em;
    font-family: serif;
    text-align:center;
    vertical-align:middle;
}

.quota_edit_icon:hover, .quota_remove_icon:hover,
.detach_disk:hover, .attach_disk:hover{
    cursor: pointer;
}

div.current_quotas ul{
    list-style: none;
}

.padding1 {
    padding-left: 30px!important;
}

.padding2 {
    padding-left: 55px!important;
}

div.wizard_tab {
    overflow: auto;
    height: 480px;
    overflow-x: hidden;
    width: 56em;
}

div.wizard_internal_tab {
    height: 405px;
    width: 54em;
}






/*
.tabs-min {
    background: transparent;
    border: none;
}
.tabs-min .ui-widget-header {
    background: transparent;
    border: none;
    border-bottom: 1px solid #c0c0c0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.tabs-min .ui-state-default {
    background: transparent;
    border: none;
}
.tabs-min .ui-state-active {
    border: none;
}
.tabs-min .ui-state-default a {
    color: #c0c0c0;
}
.tabs-min .ui-state-active a {
    color: #0098C3;
}*/

.tabs-nohdr {
    padding: 0px;
    background: none;
    border-width: 0px;
}
.tabs-nohdr .ui-widget-header {
    background: transparent;
    border: none;
    border-bottom: 1px solid #ddd;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.tabs-nohdr .ui-tabs-nav {
    padding-left: 0px;
    background: transparent;
    border-width: 0px 0px 1px 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.tabs-nohdr li.ui-state-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}