Synnefo

/* NOT IN USE! styles for selection window (used for vm_list_v1.html) */

/*

.vm_options {

        display: none;

        border: 1px solid #ff7bac;

        position: absolute;

        top: -20%;

        width: 100%;

        height: 100%;

        font-size: 27px;

        font-weight: bold;

        text-align: left;

        background-color: white;

        line-height: 45px;

        padding-left: 1em;

        padding-top: 0.65em;

        .custom_checkbox {

                display: inline-block;

                margin: 0;

                padding-left: 1em;        

                color: #ff7bac;

        }

}

a.option:hover {

        color: #ff7bac;

}

.vm_container {

        width: 200px;

        display: inline-block;

        height: 187px;

        position: relative;

}

*/

/* styles for the detailed info of each vm (used for vm_details.html) */

/* line 51, ../sass/athina.scss */

.graph_container {

  padding-bottom: 2em;

}

/* line 57, ../sass/athina.scss */

.wrap {

  position: relative;

}

/* line 61, ../sass/athina.scss */

.section_header {

  float: left;

  width: 22%;

  margin-right: 2%;

  font-weight: bold;

}

/* line 68, ../sass/athina.scss */

.right_side {

  overflow: hidden;

  width: 76%;

}

/* line 75, ../sass/athina.scss */

.info_simple {

  display: inline-block;

  margin-right: 10px;

}

/* line 81, ../sass/athina.scss */

.action_links {

  display: inline-block;

}

/* line 84, ../sass/athina.scss */

.action_links a {

  color: #3582ac;

  margin-right: 5px;

}

/* line 88, ../sass/athina.scss */

.action_links a:hover {

  text-decoration: underline;

}

/* line 92, ../sass/athina.scss */

.action_links a span:first-child {

  margin-right: 5px;

}

/* line 99, ../sass/athina.scss */

a.black {

  color: black;

}

/* line 101, ../sass/athina.scss */

a.black:hover {

  color: #3582ac;

}

/* line 106, ../sass/athina.scss */

.btn_pinkb {

  width: 11.5em;

  height: 3.8em;

  line-height: 3.8em;

  border: 1px solid #3582ac;

  position: absolute;

  top: 0;

  right: 0;

}

/* line 115, ../sass/athina.scss */

.btn_pinkb a {

  display: block;

  padding-left: 1em;

}

/* line 119, ../sass/athina.scss */

.btn_pinkb a:hover {

  color: #3582ac;

}

/* line 123, ../sass/athina.scss */

.btn_pinkb a img {

  position: absolute;

  right: 0.6em;

  top: 0.6em;

  height: 2.5em;

}

/* line 133, ../sass/athina.scss */

.row {

  margin: 0 0 0.4em 0;

}

/* line 136, ../sass/athina.scss */

.middle_side {

  max-width: 70%;

}

/* line 140, ../sass/athina.scss */

.txt_size {

  height: 0.8em;

  vertical-align: baseline;

}

/* styles for network details */

/* line 150, ../sass/athina.scss */

.big {

  width: 60%;

}

/* line 154, ../sass/athina.scss */

.small {

  width: 170px;

}

/* line 158, ../sass/athina.scss */

.wrapper .details .top {

  padding: 70px 2.5em;

}

/* line 161, ../sass/athina.scss */

.wrapper .details .top .actions ul li {

  margin: 0 30px;

}

/* line 167, ../sass/athina.scss */

.height_up {

  line-height: 1.3em;

}

/* line 171, ../sass/athina.scss */

.set {

  margin-bottom: 1em;

}

/* main icon in details page */

/* line 177, ../sass/athina.scss */

.network .top .img {

  background: url("../images/network-green102x116.png") no-repeat center center;

  width: 102px;

  height: 116px;

  display: inline-block;

  text-indent: -2000px;

  overflow: hidden;

  background-size: 100%;

}

/* line 186, ../sass/athina.scss */

.network .close-font {

  position: absolute;

  right: 0.8em;

  top: 2em;

  font-size: 2em;

  color: #b3b3b3;

}

/* for scroll bar */

/* line 197, ../sass/athina.scss */

.networks .items-list {

  /* for network list */

}

/* line 198, ../sass/athina.scss */

.networks .items-list .img {

  background: url("../images/network-green102x116.png") no-repeat center center;

  height: 58px;

  width: 51px;

  display: inline-block;

  text-indent: -2000px;

  overflow: hidden;

  background-size: 80%;

}

/* line 211, ../sass/athina.scss */

.networks .items-list .container .img {

  background-size: 100%;

}

/* line 215, ../sass/athina.scss */

.networks .items-list .container .options .wrap a {

  width: 50%;

}

/* detailed pages: about the gaps that separate the area with the big img and the buttons from the rest of the page */

/* line 226, ../sass/athina.scss */

.details .top .actions ul {

  padding: 1em 1em 0;

  margin-bottom: 0;

}

/* line 233, ../sass/athina.scss */

.content {

  position: relative;

}

/* line 235, ../sass/athina.scss */

.content .overlay-modal {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 98;

  background: #3582ac;

}

/* line 245, ../sass/athina.scss */

.content .overlay-div {

  position: absolute;

  top: 20%;

  left: 25%;

  width: 50%;

  padding: 25px;

  background: white;

  display: none;

  z-index: 100;

}

/* line 251, ../sass/athina.scss */

.content .overlay-div .buttons {

  margin-bottom: 0;

}

/* line 254, ../sass/athina.scss */

.content .overlay-div .buttons a {

  margin-right: 20px;

}

/* line 263, ../sass/athina.scss */

.btn4 {

  color: white;

  border-color: #3582ac;

  background: #3582ac;

}

/* line 267, ../sass/athina.scss */

.btn4:hover, .btn4 .current {

  color: #3582ac;

  border-color: #3582ac;

  background: white;

}

/* line 277, ../sass/athina.scss */

.overlay .lt-sidebar.nav ul li:hover {

  background-color: transparent;

}

/* line 281, ../sass/athina.scss */

.lt-sidebar.nav {

  font-size: 1em;

}

/* line 285, ../sass/athina.scss */

.overlay {

  /* styles for close icons (created with fontIcon "snf-font") */

}

/* line 286, ../sass/athina.scss */

.overlay .lt-sidebar.nav {

  overflow: auto;

}

/* line 290, ../sass/athina.scss */

.overlay .close_char {

  background: none;

  text-indent: 0;

  font-size: 1.8em;

  /* for the the character e (for d we can put 2em) */

  color: white;

}

/* create network styles */

/* line 301, ../sass/athina.scss */

.create-network {

  color: white;

}

/* line 303, ../sass/athina.scss */

.create-network .check {

  color: white;

}

/* line 306, ../sass/athina.scss */

.create-network p {

  font-size: 0.8em;

  font-style: italic;

  margin: 5px 0 0;

  width: 545px;

}

/* line 313, ../sass/athina.scss */

.create-network li {

  list-style: none outside none;

}

/* line 316, ../sass/athina.scss */

.create-network .custom_checkbox {

  font-size: 1.3em;

}

/* line 321, ../sass/athina.scss */

.subnet_options {

  margin: 0;

}

/* line 323, ../sass/athina.scss */

.subnet_options li {

  margin-bottom: 6px;

  padding-left: 155px;

}

/* line 332, ../sass/athina.scss */

.network_options {

  position: relative;

  width: 350px;

  min-height: 285px;

}

/* line 337, ../sass/athina.scss */

.network_options .check {

  position: absolute;

  right: 0;

}

/* line 342, ../sass/athina.scss */

.network_options li {

  display: block;

  margin-bottom: 13px;

}

/* line 346, ../sass/athina.scss */

.network_options li form {

  margin: 0;

}

/* line 349, ../sass/athina.scss */

.network_options li form input {

  position: absolute;

  display: inline-block;

  right: 0;

  width: 200px;

  height: 20px;

  font-size: 0.9em;

}

/* line 357, ../sass/athina.scss */

.network_options li form input.hidden {

  display: none;

}

/* line 362, ../sass/athina.scss */

.network_options li.manual form input {

  right: -160px;

  width: 150px;

}

/* line 370, ../sass/athina.scss */

span.sub_title {

  position: absolute;

}

/* pithos: list of uploading files */

/* line 378, ../sass/athina.scss */

.upload-widget .files {

  color: white;

}

/* line 381, ../sass/athina.scss */

.upload-widget .files li {

  padding: 10px 120px;

  border: none;

  position: relative;

}

/* line 386, ../sass/athina.scss */

.upload-widget .files li .name-col {

  width: 34%;

}

/* line 390, ../sass/athina.scss */

.upload-widget .files li .size-col {

  text-align: left;

  float: none;

}

/* line 395, ../sass/athina.scss */

.upload-widget .files li .dz-success-mark {

  margin-left: 10px;

}

/* line 399, ../sass/athina.scss */

.upload-widget .files li .dz-error-mark {

  display: none;

}

/* line 402, ../sass/athina.scss */

.upload-widget .files li .cancel-col {

  width: 100px;

  position: absolute;

  right: 50px;

  top: 9px;

}

/* line 408, ../sass/athina.scss */

.upload-widget .files li .cancel-col .cancel span {

  display: block;

  text-align: right;

}

/* line 414, ../sass/athina.scss */

.upload-widget .files div {

  display: inline-block;

}

/* line 417, ../sass/athina.scss */

.upload-widget .files .progress-bar {

  position: static;

  padding: 0;

  width: 25%;

  border: none;

  background-color: transparent;

}

/* line 424, ../sass/athina.scss */

.upload-widget .files .progress-bar .progress-wrap {

  width: 100%;

  margin: 0;

}

/* line 428, ../sass/athina.scss */

.upload-widget .files .progress-bar .progress-wrap .progress {

  display: block;

  margin: 0;

  border: 2px solid white;

  padding: 0;

  background-color: #3582ac;

}

/* line 435, ../sass/athina.scss */

.upload-widget .files .progress-bar .progress-wrap .progress .meter {

  background-color: white;

}