html, body, .full-height {
  height: 100%;
}
body.modal-open {
    padding-right: 0 !important;
}
.modal-open .modal{
    padding-right: 0 !important;
}


.notifications{
    position: fixed;
    bottom: 0px;
    border: none; 
    width: inherit;
}
#sidebar li a, .container-fluid .content-wrapper .ng-scope li a {
    cursor: pointer;
}
#sidebar .nav>li>a {
    padding: 12px 12px;
}

/*
 * Off Canvas Sidebar
 * --------------------------------------------------
 */

@media screen and (max-width: 1023px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 52%; /* 6 columns */
  }
/* Sidebar */
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
    transition: all 0.4s ease 0s;
  }
}

.sidebar-offcanvas {
  height:100%;
  min-height: 100%;  
}


.navbar {
  margin-bottom:0px;
}



/* Panel Title Custom Font */

    .panel-title, .panel-title h5 {
      text-transform: uppercase;
      display:inline-block;
    }

    .panel-title {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
   

/* ---------------*/

.ripple{
  overflow:hidden;
  //position: relative;
  //box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  user-select: none;
}

.ripple-effect{
  position: absolute;
  border-radius: 50%;
  background-color: rgba(139,196,63,0.5);
  user-select: none;
  pointer-events: none;
  padding: 0;
  margin: 0;
  opacity: 0.6;
  transform: translate3d(-50%,-50%,0);
}

.stored-card-default {
  background-color: #fafafa;  
}

/* DEBUG ONLY */
table.cfdump_wddx td, table.cfdump_xml td, table.cfdump_struct td, table.cfdump_varundefined td, table.cfdump_array td, table.cfdump_query td, table.cfdump_cfc td, table.cfdump_object td, table.cfdump_binary td, table.cfdump_udf td, table.cfdump_udfbody td, table.cfdump_udfarguments td {
  color: black;
}
/* ---------------*/

/* UI Helpers */
    .display-none {
        display:none;
    }

    .no-select{
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .opacity-quarter{
        opacity: 0.25
    }

    .opacity-half{
        opacity: 0.5
    }

    .opacity-three-quarter{
        opacity: 0.75
    }

    .no-margin {
      margin: 0px !important;
    }

    .no-padding {
      padding: 0px !important;
    }

    .no-padding-t {
      padding-top: 0px !important;
    }

    .no-border {
      border: none !important;
    }

    .inline {
      display: inline-block !important;
    }

    .v-align-middle {
      vertical-align: middle!important;
    }

    /* Mixed Padding */
    .padding {
      padding: 20px !important;
    }
    .padding-5 {
      padding: 5px;
    }

    .padding-20 {
      padding: 20px;
    }

    .padding-lr-5 {
      padding-left: 5px !important;
      padding-right: 5px !important;
    }

  
    /* Left Padding */
    .padding-l-0 {
      padding-left: 0px !important;
    }
    .padding-l-5 {
      padding-left: 5px !important;
    }
    .padding-l-10 {
      padding-left: 10px !important;
    }
    .padding-l-15 {
      padding-left: 15px !important;
    }
    .padding-l-20 {
      padding-left: 20px !important;
    }


    /* Right Padding */
    .padding-r-0 {
      padding-right: 0px !important;
    }
    .padding-r-5 {
      padding-right: 5px !important;
    }
    .padding-r-10 {
      padding-right: 10px !important;
    }
    .padding-r-20 {
      padding-right: 20px !important;
    }


    /* Bottom Padding */
    .padding-b-10 {
      padding-bottom: 10px !important;
    }
    .padding-b-15 {
      padding-bottom: 15px !important;
    }
    .padding-b-20 {
      padding-bottom: 20px;
    }


    /* Top Padding */
    .padding-t-5 {
      padding-top: 5px;
    }
    .padding-t-10 {
      padding-top: 10px !important;
    }
    .padding-t-15 {
      padding-top: 15px !important;
    }
    .padding-t-20 {
      padding-top: 20px;
    }


    /* Margins */
    .margin-r-0 {
      margin-right: 0px !important;
    }
    .margin-r-5 {
      margin-right: 5px;
    }
    .margin-l-0 {
      margin-left: 0px !important;
    }
    .margin-l-10 {
      margin-left: 10px !important;
    }
    .margin-l-30 {
      margin-left: 30px !important;
    }
    .margin-t-5 {
      margin-top: 5px;
    }
    .margin-t-20 {
      margin-top: 20px;
    }
    .margin-t-25 {
      margin-top: 25px;
    }
    .margin-t-30 {
      margin-top: 30px;
    }
    .margin-b-5 {
      margin-bottom: 5px;
    }
    .margin-b-20 {
      margin-bottom: 20px;
    }
    .margin-b-30 {
      margin-bottom: 30px;
    }
    

    .text-center{
     text-align: center!important;
    }

    .terms {
      font-size: 11px;
    }

    .terms a {
      text-decoration: underline;
    }

    .bg-rounded {
      border-radius: 50px;
    }

    .text-white {
      color: #FFFFFF;
    }

    .bg-white {
      background-color: #FFFFFF;
    }

    .prompt-message-header{
      min-width: 70px;
      display: inline-block;
    }
    
    .vertical-middle{
      vertical-align: middle !important;
    }

    .fa-turbo {
      -webkit-animation:fa-spin 0.6s infinite linear;
      animation:fa-spin 0.6s infinite linear;
    }

/* auto-rows - adds spacing to column to act like its on a new row - this needs adding to less*/
    .auto-rows > [class*='col-'] {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .condensed-cols > [class*='col-'] {
        padding-left: 4px;
        padding-right: 4px;
    }

    .cursor-pointer {
      cursor: pointer;
    }

    .cursor-default {
      cursor: default;
    }
/* ---------------*/

/* Brand */
    .brand img {
      width:80%; 
      background-repeat: no-repeat;
      background-position: top left;
      background-size: 100px 40px;
      padding: 0px;
      margin-top:3px;
      max-width: 200px;
      max-height: 81px;
    }

    .brand.nav-brand {
      width:100px;
      height:40px;
      padding-top: 5px;
      margin-left: 7px;
    }
    
/* --------------- */

/* Log In Form */

.sub-login-form {
  color: #626262;
  font-size: 13px;
}

/* ------------- */

/* Service Panels */

    /*.toolbar {
      padding: 10px 0;
    }*/

    .servicepanel {
      border:none!important;
      background-color: transparent;
    margin-top:5px;
    }

    .servicepanel>.servicepanel-heading {
      padding: 10px 20px;
      /*border-top: 2px solid transparent;*/
    } 

    .servicepanel-title {
      font-size: 16px;
      text-transform: uppercase;
    }

    .servicepanel-title .servicepanel-key {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #4F4F51;
        float: left!important;
        margin-top: 13px;
        margin-bottom: 12px;
        margin-right: 10px;
    }


    @media (min-width: 768px) {
      .servicepanel-title .servicepanel-key {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: #4F4F51;
        float: left!important;
        margin-top:8px;
        margin-bottom:9.5px;
        margin-right: 10px;
      }
    }


    @media (min-width: 768px) {
        .servicepanel-title {
          font-size: 18px;
        }  
    }
    .servicepanel-title li {
      display: inline-block;
    }

    .servicepanel-title ul li > i {
      margin-right: 14px;
    }

    .servicepanel-title>a {
      color: inherit;
    }


    .servicepanel-footer {
      padding: 20px 0px;
      border-bottom: 1px solid #88bf3d;
    }

    .service-tab-pane-header {
      padding: 20px;
      background-color: rgba(0,0,0,0.04);
    }
    // .service-tab-pane-body {
    //   padding: 20px 0px 20px 0px;
    //   background-color: rgba(0,0,0,0.04);
    // }
    // @media (max-width: 320px) {
    //   .service-tab-pane-body {
    //     padding: 0px;
    //   }
    // }

    .service-tab-pane-body table {
      margin-top: 20px;
    }



/* --------------- */


/* Custom popover to contain mini menu */

    .popover-menu {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: none;
        max-width: 276px;
        /*padding: 1px;*/ /* this makes the border*/
        font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.4;
        text-align: left;
        white-space: normal;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #e7e7e7;
        border: 1px solid transparent;
        border-radius: 5px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    }
    .popover-menu.top {
        margin-top: -10px;
    }
    .popover-menu.right {
        margin-left: 10px;
    }
    .popover-menu.bottom {
        margin-top: 10px;
    }
    .popover-menu.left {
        margin-left: -10px;
    }
    .popover-menu-title {
        padding: 20px 10px !important;
        color: #535451;
        text-align: center;
        background-color: #e7e7e7;
        border-bottom: 1px solid #ccc;
        border-radius: 5px 5px 0 0 !important;
    }
    .popover-menu-content {
        padding: 9px 14px;
    }
    .popover-menu>.arrow, .popover-menu>.arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }
    .popover-menu>.arrow {
        border-width: 11px;
    }
    .popover-menu>.arrow:after {
        content: "";
        border-width: 10px;
    }
    .popover-menu.top>.arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #e7e7e7;
        border-top-color: rgba(0, 0, 0, .05);
        border-bottom-width: 0;
    }
    .popover-menu.top>.arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #3d3f3a;
        border-bottom-width: 0;
    }
    .popover-menu.right>.arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #0a0a09;
        border-right-color: rgba(0, 0, 0, .05);
        border-left-width: 0;
    }
    .popover-menu.right>.arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #3d3f3a;
        border-left-width: 0;
    }
    .popover-menu.bottom>.arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #e7e7e7;
        border-bottom-color: rgba(0, 0, 0, .05);
    }
    .popover-menu.bottom>.arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #e7e7e7;
    }
    .popover-menu.left>.arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #0a0a09;
        border-left-color: rgba(0, 0, 0, .05);
    }
    .popover-menu.left>.arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #3d3f3a;
    }
    

/* --------------- */

    .pwd-visibility {
      cursor: pointer;
    }

    .btn-transparent, .btn-transparent:focus, .btn-transparent:hover {
        color: inherit;
        background-color: transparent;
        border-color: transparent;
    }
    .btn-transparent.active, .btn-transparent.focus, .btn-transparent:active, .open>.dropdown-toggle.btn-transparent {
      border:1px solid rgba(255,255,255,0.2);
      box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
    }
    .btn-transparent.active, .btn-transparent:active, .open>.dropdown-toggle.btn-transparent {
        background-image: none;
    }
    .btn-transparent.disabled, .btn-transparent.disabled.active, .btn-transparent.disabled.focus, .btn-transparent.disabled:active, .btn-transparent.disabled:focus, .btn-transparent.disabled:hover, .btn-transparent[disabled], .btn-transparent[disabled].active, .btn-transparent[disabled].focus, .btn-transparent[disabled]:active, .btn-transparent[disabled]:focus, .btn-transparent[disabled]:hover, fieldset[disabled] .btn-transparent, fieldset[disabled] .btn-transparent.active, fieldset[disabled] .btn-transparent.focus, fieldset[disabled] .btn-transparent:active, fieldset[disabled] .btn-transparent:focus, fieldset[disabled] .btn-transparent:hover {
        background-color: transparent;
        border-color: transparent;
    }
    .btn-transparent .badge {
        color: #e7e7e7;
        background-color: #3d3f3a;
    }

    .btn-outline {
        color: inherit;
        background-color: transparent;
        border-color: 2px solid #ddd;
    }

/* --------------- */

    
    /*.modal-footer {
        border-top: 2px solid #88bf3d;
    }*/

    .dropdown-header:first-child {
        padding-top: 12px;
    }
    section.title {
      padding:10px 0 20px;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
      box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    }
    section.screen-options {
      margin-bottom:30px;
    }
    #screen-options-panel {
      color: #ddd;
      background-color: #252525;
      padding:15px;
    }
    #screen-options-panel h3 {
      color: #775280
    }
   
    /* dropdown override */
    .btn-group .dropdown-toggle.btn-primary~.dropdown-menu,
    .btn-group .dropdown-toggle.btn-warning~.dropdown-menu {
      background-color: #626262;
      border-color: #3d3f3a;
    }
    .btn-group .dropdown-toggle.btn-primary~.dropdown-menu>li>a,
    .btn-group .dropdown-toggle.btn-warning~.dropdown-menu>li>a {
      color: #fff;
    }
    .btn-group .dropdown-toggle.btn-primary~.dropdown-menu>li>a:hover,
    .btn-group .dropdown-toggle.btn-warning~.dropdown-menu>li>a:hover {
      background-color: #88bf3d;
    }


    .btn-filter {
      color: #ddd;
      background-color: #49494c;
      border-color: #39393c;
    }
    .btn-filter.active, .btn-filter:active, .btn-filter:focus, .btn-filter:hover, .open>.dropdown-toggle.btn-filter {
      color: #ddd;
      background-color: #49494c;
      border-color: #39393c;
    }
    .btn-filter.active, .btn-filter:active, .open>.dropdown-toggle.btn-filter {
      background-image: none;
    }
    .btn-filter.disabled, .btn-filter.disabled.active, .btn-filter.disabled:active, .btn-filter.disabled:focus, .btn-filter.disabled:hover, .btn-filter[disabled], .btn-filter[disabled].active, .btn-filter[disabled]:active, .btn-filter[disabled]:focus, .btn-filter[disabled]:hover, fieldset[disabled] .btn-filter, fieldset[disabled] .btn-filter.active, fieldset[disabled] .btn-filter:active, fieldset[disabled] .btn-filter:focus, fieldset[disabled] .btn-filter:hover {
      background-color: #222;
      border-color: #222;
    }
    .btn-filter .badge {
      color: #e7e7e7;
      background-color: #333;
    }

    .btn-pull {
      color: #ddd;
      background-color: #775280;
      border-color: #77528a;
    }
    .btn-pill.active, .btn-pull:active, .btn-pull:focus, .btn-pull:hover, .open>.dropdown-toggle.btn-pull {
      color: #ddd;
      background-color: #77528a;
    }
    .btn-pull.active, .btn-pull:active, .open>.dropdown-toggle.btn-pull {
      background-image: none;
    }
    .btn-pull.disabled, .btn-pull.disabled.active, .btn-pull.disabled:active, .btn-pull.disabled:focus, .btn-pull.disabled:hover, .btn-pull[disabled], .btn-pull[disabled].active, .btn-pull[disabled]:active, .btn-pull[disabled]:focus, .btn-pull[disabled]:hover, fieldset[disabled] .btn-pull, fieldset[disabled] .btn-pull.active, fieldset[disabled] .btn-pull:active, fieldset[disabled] .btn-pull:focus, fieldset[disabled] .btn-pull:hover {
      background-color: #222;
      border-color: #222;
    }
    .btn-pull .badge {
      color: #e7e7e7;
      background-color: #333;
    }

    .item-default {
      border-color: #775280 !important;
    }

    .list ul div.badge {
      display: inline-block;
      margin: 0px;
      padding: 3px 5px;
      border-radius: 0px;
    }      
    .item-header>.dropdown .dropdown-toggle {
        color: inherit;
    }       
    .item-list.list .btn-add {
        min-height: 20px;
        width:100%;
        height: auto;
    }

    .vm-on {
      webkit-box-shadow: 0 3px 0 0 #88bf3d;
      box-shadow: 0 3px 0 0 #88bf3d;
    }
    .vm-off {
      webkit-box-shadow: 0 3px 0 0 #ff4b27;
      box-shadow: 0 3px 0 0 #ff4b27;
    }
    .vm-unresolved {
      webkit-box-shadow: 0 3px 0 0 #ffbb1c;
      box-shadow: 0 3px 0 0 #ffbb1c;
    }

    .panel-list-left li:first-child,
    .panel-list-right li:first-child {
        border-top: none;
    }
    .panel-list-left li:last-child,
    .panel-list-right li:last-child {
        border-bottom: none;
    }
    .panel-list-left li {
        border-left:none;
        border-right:none;
    }
    .panel-list-right li {
        border-right:none;
    }

/* Section specific styles */

    #vmItemList .item {
      width: 100%;
      transition: 0.2s ease-in-out;
    }

    .create-item-button {
      height:60px;
    }

    @media(min-width:768px) {
      .create-item-button {
        height:260px;
      }
    }

    #vmItemList .item.vm-on.active, #vmItemList .item.vm-on:active, #vmItemList .item.vm-on:focus, #vmItemList .item.vm-on:hover, #vmItemList .open>.dropdown-toggle.item.vm-on {
      z-index: 9999;
      -moz-box-shadow: 0px 0px 0px 3px #88bf3d;
      -webkit-box-shadow: 0px 0px 0px 3px #88bf3d;
      box-shadow: 0px 0px 0px 3px #88bf3d;

    } 
    #vmItemList .item.vm-off.active, #vmItemList .item.vm-off:active, #vmItemList .item.vm-off:focus, #vmItemList .item.vm-off:hover, #vmItemList .open>.dropdown-toggle.item.vm-off {
      z-index: 9999;
      -moz-box-shadow: 0px 0px 0px 3px #FB4926;
      -webkit-box-shadow: 0px 0px 0px 3px #FB4926;
      box-shadow: 0px 0px 0px 3px #FB4926;

    }  
    #vmItemList .item .panel-body {
      min-height: 75px;
      max-height: 75px;
    }
    #vmItemList .item .panel-footer {
      min-height: 46px;
    }

    /* VM Subtitle Overflow  */
    #vmItemList .item .panel-title h5,
    #serverSummary .panel-title h5 {
      max-width: 220px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    #vmItemList .pending-vm-title {
      max-width: 190px !important;
    }

    #exchangeTabs p {
      margin-top: 5px;
    }
    
    #storageContentList .item {
     /*max-height: 144px;*/
     overflow: hidden;
    }

    #notification-menu li a {
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: center;
    }

/* ---------------- */

/* Modal Wizard */

    .wizard-nav-container li>a,
    .wizard-nav-container li>a:hover,
    .wizard-nav-container li>a:active,
    .wizard-nav-container li>a:focus {
      background-color: transparent;
      cursor: default;
      color:#fff;
    }
    
    .wizard-error,
    .wizard-failure,
    .wizard-success,
    .wizard-loading {
      position:relative;
      padding:15px 10px;
      overflow-y: auto;
      display:block;
      margin-right: 5px;
    }

    .wizard-tab-pane {
      padding:30px 20px 20px 20px;
    }

    .wizard-nav-container {
        margin-top:-30px;
    }
    /* based on nav justified */
    .wizard-nav-justified {
        width: 100%
    }
    .wizard-nav-justified>li {
      display: table-cell;
      float: none;
      width: 1%;
    }
    .wizard-nav-justified>li>a {
        margin-bottom: 5px;
        text-align: center;
    }
    .wizard-nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }
    @media (min-width:768px) {
      .wizard-nav-justified>li {
          display: table-cell;
          width: 1%;
      }
      .wizard-nav-justified>li>a {
          margin-bottom: 0;
      }
    }
    
    .wizard-step {
      display: block;
      margin-right: auto;
      margin-left: auto;
      font-size: 1.3em;
      padding:8px 3px 0px;
      border: 1px solid #eee;
      border-radius: 50%;
      width: 41px;
      height: 41px;
      text-align: center;
    
    }
    .wizard-step-error .icon-chevron-right {
      opacity: 0;
    }

    .wizard-input-section {
      margin-bottom:20px;
    }

    .wizard-buttons-container {
      padding:0px;
    }

    .wizard-modal .popover.error-popover {
      background-color:#F2DEDE;
      color:#B94A48;
      border-color:#953B39;
    }

    .wizard-modal .popover.error-popover .arrow::after {
      border-right-color:#F2DEDE;
    }

    .wizard-modal .popover.error-popover .popover-title {
      display:none;
    }

    .wizard-modal .popover.error-popover .arrow {
      border-right-color:#953B39;
    }

/* ------------- */

/* Payment Credit Card extras */

    .card-switch {
      padding-top: 10px;
    }

    .card-switch img {
      width:40px;
      height: auto;
    }

    .credit-card-img {
      width: auto;
      height: 17px;
    }

    .card-date {
      width: 50px !important;
    }

    .credit-card {
      border: 1px solid #eee;
      background-color: #ffffff;
      border-radius: 5px;
      padding: 10px 20px;
      margin-bottom: 5px;
    }

/* ------------------- */

/* Toggle switches CSS only */

    .switch {
      /*padding-top:5px;*/
      width:40px;
    }    

    .toggle {
      position: absolute;
      margin-left: -9999px;
      visibility: hidden;
    }
    .toggle + label {
      display: block;
      position: relative;
      cursor: pointer;
      outline: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    /* border */
    input.toggle-round-flat + label {
      padding: 2px;
      width: 38px;
      height: 28px;
      line-height: 1.4em;
      background-color: rgba(0,0,0,0.1);
      /*-webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;*/
      -webkit-transition: background 0.4s;
      -moz-transition: background 0.4s;
      -o-transition: background 0.4s;
      transition: background 0.4s;
    }
    input.toggle-round-flat + label:before, input.toggle-round-flat + label:after {
      display: block;
      position: absolute;
      content: "";
    }
    /* inner off */
    input.toggle-round-flat + label:before {
      content: "OFF";
      font-size: 9px;
      padding: 4px 4px;
      padding-left: 15px;
    }

    /* inner on/off */
    input.toggle-round-flat + label:before {
      top: 1px;
      left: 1px;
      bottom: 1px;
      right: 1px;
      background-color: #ff4b27;
      /*-webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;*/
      -webkit-transition: background 0.4s;
      -moz-transition: background 0.4s;
      -o-transition: background 0.4s;
      transition: background 0.4s;

    }
    /* handle off */
    input.toggle-round-flat + label:after {
      top: 2px;
      left: 2px;
      bottom: 2px;
      width: 9px;
      background-color: #ddd;
      /*-webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;*/
      -webkit-transition: margin 0.4s, background 0.4s;
      -moz-transition: margin 0.4s, background 0.4s;
      -o-transition: margin 0.4s, background 0.4s;
      transition: margin 0.4s, background 0.4s;
    }
    /* inner on */
    input.toggle-round-flat:checked + label:before {
      background-color: #88bf3d;
      content: "ON";
      font-size: 9px;
      padding: 4px 7px;
    }
    
    /* handle on */
    input.toggle-round-flat:checked + label:after {
      margin-left: 25px;
      background-color: #ddd;
    }

/* ------------------ */

   /* .form-signin .form-control,
    .search-wrapper .form-control {
        margin-top:20px;
    }*/

    .form-signin button {
      margin-top:20px;
    }

    .login-extra {
      padding-top:20px;
    }

    .loadingCog {
      padding-top: 40px;
      padding-bottom: 40px;
      text-align: center;
    }

    .app-wrapper img {
      padding: 15px;
      display: inline-block;
    }
    .app-wrapper h4 {
      padding-left: 15px;
      display: inline-block;
    }

    .panel.panel-transparent {
      background: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    /*.panel-group .panel-heading{
        padding: 12px 20px 5px 20px;
    }*/

    /* Panel control toolbar */
    .panel .panel-heading .panel-controls {
      display: inline-block;
      float: right;
    }
    .panel .panel-footer .panel-controls {
      display: inline-block;
      float: right;
      margin-top: -20px;
    }
    .panel .panel-heading .panel-controls ul, 
    .panel .panel-footer .panel-controls ul {
      margin: 0;
      padding: 0;
    }
    .panel .panel-heading .panel-controls ul li,
    .panel .panel-footer .panel-controls ul li {
      display: inline-block;
      list-style: none;
      line-height: 0;
    }
    .panel .panel-heading .panel-controls:after,
    .panel .panel-footer .panel-controls:after {
      content: "";
      display: table;
      clear: both;
    }

    .panel.vm-on {
      /*border-bottom: 1px solid #88bf3d!important;*/
      webkit-box-shadow: 0 3px 0 0 #88bf3d;
      box-shadow: 0 3px 0 0 #88bf3d;
    }
    .panel.vm-off {
      /*border-bottom: 1px solid #ff4b27!important;*/
      webkit-box-shadow: 0 3px 0 0 #ff4b27;
      box-shadow: 0 3px 0 0 #ff4b27;
    }
    .panel.vm-unresolved {
      /*border-bottom: 1px solid #ffbb1c!important;*/
      webkit-box-shadow: 0 3px 0 0 #ffbb1c;
      box-shadow: 0 3px 0 0 #ffbb1c;
    }

/* Panel for Products */

    .product-entry {
      padding-top:20px;
      text-align: center;
    }

    .product-entry>.product-heading {
      padding: 20px;
      text-transform: uppercase;
    }

    .product-entry>.product-body {
      padding:20px;
    }

    .product-entry>.product-body h5 {
      font-weight: bold;
      margin: 20px;
    }
    
    .product-entry .product-profile {
      top:-30px;
      margin-bottom: -30px;
      position: relative;
      z-index: 1;
      margin-left: auto;
      margin-right: auto;
      border-radius: 50%;
      padding: 3px;
      width:50px;
      height: 50px;
    }

    .product-entry .product-profile .product-profile-inner {
      position: relative;
      border-radius: 50%;
      padding: 10px 15px 10px 13px;
    }

/* -------------- */ 

    .cp-callout {
        padding-left: 5px;
        margin: 20px 0;
    }
    .cp-callout>.panel {
      padding: 20px;
    }
    .cp-callout h5 {
        margin-top: 0;
        margin-bottom: 5px;
    }
    .cp-callout p {
        font-size: 0.8em;
    }
    .cp-callout p:last-child {
        margin-bottom: 0;
    }
    .cp-callout+.cp-callout {
        margin-top: -5px;
    }
    .cp-callout-enterprise {
        background-color: #3DA9C0;
    }
    .cp-callout-flex {
        background-color: #C1753C;
    }
    .cp-callout-starter {
        background-color: #ADC13C;
    }
    .cp-callout-desktop {
        background-color: #797A7D;
    }

/* ------------- */


    .domain-list-label {
      margin-right: 16px;
    }

    .pointer {
      cursor: pointer;
    }

    .modal-intro {
      padding:15px 0;
    }

/* Large screens */
@media (min-width: 1250px) {
  .visible-xlg {
    display: block !important;
  }
  .hidden-xlg {
    display: none !important;
  }
  .quickview-wrapper .tab-content #quickview-notes > .inner {
    width: 570px;
  }
  .container-fluid.container-fixed-lg {
    width: 1180px;
    margin-right: auto;
    margin-left: auto;
  }
  .menu-pin .container-fluid.container-fixed-lg {
    width: 1450px;
  }
  .visible-xlg {
    display: block !important;
  }
  .hidden-xlg {
    display: none !important;
  }
  .col-xlg-1,
  .col-xlg-2,
  .col-xlg-3,
  .col-xlg-4,
  .col-xlg-5,
  .col-xlg-6,
  .col-xlg-7,
  .col-xlg-8,
  .col-xlg-9,
  .col-xlg-10,
  .col-xlg-11 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }
  .col-xlg-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
  }
  .col-xlg-11 {
    width: 91.6667%;
  }
  .col-xlg-10 {
    width: 83.3333%;
  }
  .col-xlg-9 {
    width: 75%;
  }
  .col-xlg-8 {
    width: 66.6667%;
  }
  .col-xlg-7 {
    width: 58.3333%;
  }
  .col-xlg-6 {
    width: 50%;
  }
  .col-xlg-5 {
    width: 41.6667%;
  }
  .col-xlg-4 {
    width: 33.3333%;
  }
  .col-xlg-3 {
    width: 25%;
  }
  .col-xlg-2 {
    width: 16.6667%;
  }
  .col-xlg-1 {
    width: 8.33333%;
  }
  .col-xlg-pull-12 {
    right: 100%;
  }
  .col-xlg-pull-11 {
    right: 91.6667%;
  }
  .col-xlg-pull-10 {
    right: 83.3333%;
  }
  .col-xlg-pull-9 {
    right: 75%;
  }
  .col-xlg-pull-8 {
    right: 66.6667%;
  }
  .col-xlg-pull-7 {
    right: 58.3333%;
  }
  .col-xlg-pull-6 {
    right: 50%;
  }
  .col-xlg-pull-5 {
    right: 41.6667%;
  }
  .col-xlg-pull-4 {
    right: 33.3333%;
  }
  .col-xlg-pull-3 {
    right: 25%;
  }
  .col-xlg-pull-2 {
    right: 16.6667%;
  }
  .col-xlg-pull-1 {
    right: 8.33333%;
  }
  .col-xlg-pull-0 {
    right: 0;
  }
  .col-xlg-push-12 {
    left: 100%;
  }
  .col-xlg-push-11 {
    left: 91.6667%;
  }
  .col-xlg-push-10 {
    left: 83.3333%;
  }
  .col-xlg-push-9 {
    left: 75%;
  }
  .col-xlg-push-8 {
    left: 66.6667%;
  }
  .col-xlg-push-7 {
    left: 58.3333%;
  }
  .col-xlg-push-6 {
    left: 50%;
  }
  .col-xlg-push-5 {
    left: 41.6667%;
  }
  .col-xlg-push-4 {
    left: 33.3333%;
  }
  .col-xlg-push-3 {
    left: 25%;
  }
  .col-xlg-push-2 {
    left: 16.6667%;
  }
  .col-xlg-push-1 {
    left: 8.33333%;
  }
  .col-xlg-push-0 {
    left: 0;
  }
  .col-xlg-offset-12 {
    margin-left: 100%;
  }
  .col-xlg-offset-11 {
    margin-left: 91.6667%;
  }
  .col-xlg-offset-10 {
    margin-left: 83.3333%;
  }
  .col-xlg-offset-9 {
    margin-left: 75%;
  }
  .col-xlg-offset-8 {
    margin-left: 66.6667%;
  }
  .col-xlg-offset-7 {
    margin-left: 58.3333%;
  }
  .col-xlg-offset-6 {
    margin-left: 50%;
  }
  .col-xlg-offset-5 {
    margin-left: 41.6667%;
  }
  .col-xlg-offset-4 {
    margin-left: 33.3333%;
  }
  .col-xlg-offset-3 {
    margin-left: 25%;
  }
  .col-xlg-offset-2 {
    margin-left: 16.6667%;
  }
  .col-xlg-offset-1 {
    margin-left: 8.33333%;
  }
  .col-xlg-offset-0 {
    margin-left: 0;
  }
}


/* Sign up form errors */

#newAccountName-error,
#newUserEmail-error,
#newUserMobile-error,
#newUserPassword-error,
#newUserPasswordConfirm-error {
  font-size: 0.8em;
  color: #bf3d3d;
}


/* VM Hardware Tab */
.hw-select {
    width: auto;
    height: 39px;
}

.hw-datalist{
   max-width: 55px;
}

.hw-datalist .caret{
 margin:0px 4px;   
}

.hw-label{
  padding: 20px 13px 15px 13px;
  line-height: 0px;
}

.hw-label.small{
  padding-left: 5px !important;
}

.hw-label-fade{
  opacity: 0.45;
}

.hw-label-half-fade{
   opacity: 0.7; 
}

.hw-input{
  background: transparent;
  border: 1px solid transparent;
  text-align: center;
  box-shadow: none;   
}

.hw-input-spaced{
  
}

.scrollable-div {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 450px;
}

.delete_hdd{
    width: 100%; 
    display: block; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    text-align: center;   
}

.delete_hdd_cancel{
    cursor: pointer;
}

/* --------------------*/

/* Token Field - Including Overrides */


.tokenfield .token.green-token , .email-token{
    background-color: #9dbc6c !important;
}
.tokenfield .token.blue-token , .web-token{
    background-color: #64b2bc !important;
}
.tokenfield .token.orange-token, .filetransfer-token{
    background-color: #d19c5d !important;
}
.tokenfield .token.red-token {
    background-color: #ba6965 !important;
}
.tokenfield .token.purple-token, .remoteaccess-token {
    background-color: #9b65ba !important;
}

.tokenfield .token .token-label {
    padding: 0 5px;
}

.tokenfield .token-input{
   /* padding: 0 10px;
    margin-top: 3px;*/
    margin:0px;
}
/*.tokenfield .token {
    width: 80px;
    margin: 3px 7px 3px 0px;
}*/
.tokenfield .token.token-email {
  width: auto!important;
}
.tokenfield .token .close {
    color:#FFF;   
}

.tokenfield .token.invalid {
    background-color: #f04124;
    border: none;
}

.twitter-typeahead {float: none;
}
.tokenfield{
 height:auto !important;   
}
.tt-dropdown-menu .tt-suggestion {
  padding: 3px 10px;
}

/* --------------------*/

/* Tab Pane Heading */

.heading-icon i {
    margin-left: -10px;
}
@media (min-width:768px) {
 .heading-icon i {
    margin:0px 20px 0px -20px;   
}
}

/* --------------------*/

/* Form validation error */

#HomeDriveActivationForm .form-group label.error,
#deploy-new-form .form-group label.has-error,
#deploy-new-form .form-group .duplicate-error,
#add-mailbox-form .form-group label.has-error,
#edit-mailbox-form .form-group label.has-error,
#form_signup .form-group .duplicate-error {
    color: #FB3A3A;
}

#HomeDriveActivationForm .form-group input.error,
#deploy-new-form .form-group input.error,
#form_signup .form-group input.has-error,
#form_signup .form-group input.error,
#add-mailbox-form .form-group input.has-error {
    border: 1px solid #FB3A3A;
}

#deploy-new-form .form-group .duplicate-error,
#deploy-new-form .form-group label.has-error,
#form_signup .form-group .duplicate-error {
    font-size: 0.8em;
}

/* --------------------*/

/* To be compiled */

.notification-container {
  bottom:0px;
}

.notification-ticket .close {
        outline:none;
      }