html, body {
    height: 100%;
    padding: 5px;
    /*padding-top: 25px;*/
}

.header-placeholder {
  height: 50px;
}

#main {
}

.nofloat {
    float: none;
}

.onepixelPadding {
    padding: 1px;
}

.divHeightSeparator {
    margin-top: 2px;
    margin-bottom: 3px;
}

.autooverflow {
    overflow: auto;
}

.selectSwitch {
    width: 100px;
}

.portList {
    border-radius: 8px;
    border: 2px solid inherit;
    /*background-color: #e2e0e0;*/
    height: 330px;
}

.jumbotron-container {
    max-width: 620px;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

/* Sliding Animation*/

/*.slide-left.ng-leave {
  position: relative;
}
.slide-left.ng-enter {
  position: absolute;
}
.slide-left.ng-enter, .slide-left.ng-leave {
  -webkit-transition: -webkit-transform 0.5s ease-in, opacity 0.5s ease-in;
     -moz-transition: -moz-transform 0.5s ease-in, opacity 0.5s ease-in;
       -o-transition: -o-transform 0.5s ease-in, opacity 0.5s ease-in;
          transition: transform 0.5s ease-in, opacity 0.5s ease-in;
}
.slide-left.ng-enter, .slide-left.ng-leave.ng-leave-active {
  -webkit-transform: scaleX(0.0001);
       -o-transform: scaleX(0.0001);
          transform: scaleX(0.0001);
  opacity: 0;
}
.slide-left, .slide-left.ng-enter.ng-enter-active {
  -webkit-transform: scaleX(1);
       -o-transform: scaleX(1);
          transform: scaleX(1);
  opacity: 1;
}*/

/* ================================================================================== */



.slide-left.ng-enter,
.slide-left.ng-leave {
    position: absolute;
    -ms-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition:  0.2s ease-in-out;
}



.slide-left.ng-enter {
    z-index: 101;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.slide-left.ng-enter.ng-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-left.ng-leave {
    z-index: 100;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-left.ng-leave.ng-leave-active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}


/* Right */
.slide-right.ng-enter,
.slide-right.ng-leave {
    position: absolute;
    -ms-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition:  0.2s ease-in-out;
}

.slide-right.ng-enter {
    z-index: 100;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.slide-right.ng-enter.ng-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-right.ng-leave {
    z-index: 101;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-right.ng-leave.ng-leave-active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.table-center {
    text-align:center;
}

.table-right {
    text-align:right;
    /*padding-right:30px !important;*/
    padding-right:15px !important;
}

.table-left {
    text-align:left;
    padding-left:15px !important;
}


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

.panel-glyph-info {
    color: #65A7C7;
}
.panel-glyph-info:hover {
    color: #5BC0DE;
}

tbody tr:hover td.panel-glyph-info { 
          background-color: #d9edf7;   /* or whatever color you want */
} 

.panel-glyph-danger {
    color: #D47673;
}
.panel-glyph-danger:hover {
    color: #D9534F;
}

/* Line grident */
.lineGrident {
    /* fallback */
    background-color: #1a82f7;
    background-image: url(images/linear_bg_1.png);
    background-repeat: repeat-y;

    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, left top, right top, from(#1a82f7), to(#2F2727));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(left, #2F2727, #1a82f7);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(left, #2F2727, #1a82f7);

    /* IE 10 */
    background: -ms-linear-gradient(left, #2F2727, #1a82f7);

    /* Opera 11.10+ */
    background: -o-linear-gradient(left, #2F2727, #1a82f7);
}


/* Display certain differently for desktop and mobile*/
@media (min-width: 768px) {
    .desktop {
        visibility: visible;
    }

    .mobile {
        visibility: hidden;
    }
}

@media (max-width: 767px) {
    .desktop {
        visibility: hidden;
    }

    .mobile {
        visibility: visible;
    }

    .mobile .navbar-nav {
        float: left;
        margin: 0;
    }
    .mobile .navbar-nav > li {
        float: left;
    }
    .mobile .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .mobile .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }

}

/* colored badges for Bootstrap 3.0 */
.badge {
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.badge-danger {
  background-color: #d9534f;
}
.badge-warning {
  background-color: #f89406;
}
.badge-success {
  background-color: #5cb85c;
}
.badge-info {
  background-color: #5bc0de;
}
.badge-inverse {
  background-color: #333333;
}
.btn-inverse {
  background-color: #333333;
  color: white;
}

.text-danger {
  color: #d9534f;
}
.text-warning {
  color: #f89406;
}
.text-success {
  color: #5cb85c;
}
.text-info {
  color: #5bc0de;
}
.text-inverse {
  color: #333333;
}

.navbar-inverse {
    background-color: #440099;
    border-color: #080808;
}

.navbar-brand {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}
.navbar-inverse .navbar-brand {
    color: white;
}
.navbar-brand img {
    height: 32px;
    width: 30px;
}

.dashboard-panel h1, h2, h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}


/*
 * Too much Purple
 */
/*.panel-info>.panel-heading {*/
    /*color: #2c0063;*/
    /*background-color: #8d5ccc;*/
    /*border-color: #7733cc;*/
/*}*/
/*.panel-solid-info {*/
    /*color: #2c0063;*/
    /*background-color: #8d5ccc;*/
    /*border-color: #7733cc;*/
/*}*/
/*.panel-glyph-info {*/
    /*color: #7733cc;*/
/*}*/
/*.panel-info {*/
    /*border-color: #7733cc;*/
/*}*/
/*.panel-danger>.panel-heading {*/
    /*color: #62005d;*/
    /*background-color: #cb5bc6;*/
    /*border-color: #cb33c4;*/
/*}*/
/*.panel-danger {*/
    /*border-color: #cb33c4;*/
/*}*/
/*.panel-glyph-danger {*/
    /*color: #cb33c4;*/
/*}*/



/*
 * Too much Dark Blue
 */
/*.panel-info>.panel-heading {*/
    /*color: #5655A3;*/
    /*background-color: #9B9AD1;*/
    /*border-color: #8786D1;*/
/*}*/
/*.panel-solid-info {*/
    /*color: #5655A3;*/
    /*background-color: #9B9AD1;*/
    /*border-color: #8786D1;*/
/*}*/
/*.panel-glyph-info {*/
    /*color: #8786D1;*/
/*}*/
/*.panel-info {*/
    /*border-color: #8786D1;*/
/*}*/
/*.panel-danger>.panel-heading {*/
    /*color: #651661;*/
    /*background-color: #CD8DCA;*/
    /*border-color: #CD76C9;*/
/*}*/
/*.panel-danger {*/
    /*border-color: #CD76C9;*/
/*}*/
/*.panel-glyph-danger {*/
    /*color: #CD76C9;*/
/*}*/

.ng-table {
    /*border: 1px solid #000;*/
    /*border: 1px solid blue;*/
}

.steps {
    position: relative;
}


.steps>ol {
    margin: 0;
    padding: 0;
    display: inline-block;
    background: #fff;
}

.steps>ol>li {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    line-height: 18px;
    list-style: none;
    padding: 12px 10px 10px 25px;
    background: #efefef;
    zoom: 1;
    *display: inline;
    *padding-left: 17px;
}

.steps>ol li:first-child {
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    padding-left: 12px;
}

.steps>ol li:first-child:before {
    border: none;
}

.steps>ol li:last-child {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}

.steps>ol li:last-child:after {
    border: none;
}

.steps>ol li:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    border-top: 20px inset transparent;
    content: "";
}

.steps>ol li:after {
    position: absolute;
    right: -20px;
    top: 0;
    height: 0;
    width: 0;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    border-top: 20px inset transparent;
    content: "";
    z-index: 2;
}


.steps>ol .active {
    color: #fff;
    background: #007ACC;
}

.steps>ol .active:after {
    border-left-color: #007ACC;
}

.steps>ol a {
    color: #333;
}

.steps>ol .active a {
    color: #fff;
    cursor: default;
}

.steps>ol a:hover {
    text-decoration: none;
}


textarea.fixed-width  {
  /*font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;*/
  font-family: monospace;
  /*border: 1px solid red; */
  
}


.error {
    color: red;
}


input.ng-invalid {
    border-left: 10px solid red;
}

.acl_section {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;

    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 10px;
}