.page-header {
    padding-bottom: 0 !important;
    margin: 0 !important;
    border-bottom: 0 !important;
}

    .page-header .navbar-nav {
        float: right;
    }

    .page-header > div > div, .page-header > div > ul {
        display: inline-block;
    }

.text-edit {
    padding: 13px 0 0 0;
}

.account {
    text-align: right;
}

    .account > div, .account > ul {
        text-align: left;
    }

.navbar .nav > li > a.brand {
    padding-left: 20px;
    margin-left: 0;
}

.content {
    margin-top: 70px;
    width: 100%;
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 30px;
    width: 100%;
    background: #ddd;
    -webkit-box-shadow: 0 8px 6px 6px black;
    -moz-box-shadow: 0 8px 6px 6px black;
    box-shadow: 0 8px 6px 6px black;
}

    footer p {
        padding: 5px 0 12px 10px;
    }
/*.ng-invalid.ng-dirty{*/
/*border-color:#FA787E;*/
/*}*/
/*.ng-valid.ng-dirty{*/
/*border-color:#78FA89;*/
/*}*/

html, body, .full-height {
    height: 100%;
    width: 100%;
}

.full-height-container > section {
    height:100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 10px;
}

.main-nav {
    border-radius: 0;
}
html {
    height: 100%;
}

/*Override font family*/
/*h1, h2, h3, h4, h5, h6, p, div, span {
    font-family: Tahoma;
}*/

.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}

.full-width {
    width: 100% !important;
}

.vmseditor_example h1: {
    background-color: purple;
}

.messages-list .messages {
    max-height: 600px;
}

.messages-list .messages a.message h4 {
    font-weight: bold;
}

.devices-list .devices {
    overflow-y: scroll;
    height: 100%;
}

.angular-leaflet-map {
    height: 600px;
}


/*Animations*/
/*.repeat-animation.ng-enter, 
.repeat-animation.ng-leave,
.repeat-animation.ng-move
{ 
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
} 
 
.repeat-animation.ng-enter.ng-enter-active, 
.repeat-animation.ng-leave {
    opacity: 1;
    top: 0;
    height: 30px;
}
 
.repeat-animation.ng-leave.ng-leave-active,
.ng-enter {
    opacity: 0;
    top: -50px;
    height: 0;
}*/

.my-repeat-animation.ng-enter, .my-repeat-animation.ng-leave, .my-repeat-animation.ng-move {
    -webkit-transition: 0.5s linear all;
    transition: 0.5s linear all;
    position: relative;
}

.my-repeat-animation.ng-enter {
    /*left: -10px;*/
    opacity: 0;
}

.my-repeat-animation.ng-enter.ng-enter-active {
    /*left: 0;*/
    opacity: 1;
}

.my-repeat-animation.ng-leave {
    /*left: 0;*/
    opacity: 1;
}

.my-repeat-animation.ng-leave.ng-leave-active {
    /*left: -10px;*/
    opacity: 0;
}

/*.my-repeat-animation.ng-move {
  opacity:0.5;
}*/
.my-repeat-animation.ng-move.ng-move-active {
    opacity: 1;
}

.template .thumbnail {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.template .thumbnail.selected {
    /*border: #2196f3 2px solid;*/
    opacity: 0.5;
}

.template .thumbnail svg {
    margin-left: auto;
    margin-right: auto;
}

.template .thumbnail svg {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.accordion-toggle {
    width: fill-available;
    display: block;
}

.accordion-toggle .badge {
    float: right;
}


/*Approver*/
.vms-selected {
    overflow-x: hidden;
}

.vms-list {
    overflow-x: hidden;
}

.vms-list {
    opacity: 0.5;
}

.transaction-container {
    white-space: nowrap;
}

.transaction {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin-right: 5px;
    margin-bottom: 0;
}

.transaction > .panel-body {
    padding: 5px 0 5px 5px;
}

.vms-selected h3 {
    margin-right: 0;
    margin-top: 0;
}

.transaction .transaction-image-container {
    display: inline-block;
    margin-right: 5px;
}

.transaction .transaction-image-container img {
    margin-left: 1px;
    margin-right: 1px;
}

.transaction > .panel-footer {
    text-align: right;
}

.transaction-modal {
    text-align: center;
}

.transaction-modal .transaction-image-container {
    display: inline-block;
    margin-right: 5px;
}

.transaction-modal .transaction-image-container img {
    margin-left: 1px;
    margin-right: 1px;
}

/*SVG*/

.interactive svg .clickable:hover {
    opacity: 0.7;
    cursor: pointer;
}


/*Designer*/
.red {
    background-color: #f69988;
}

.red:hover, .red.active {
    background-color: #c41411;
}


.green {
    background-color: #72d572;
}

.green:hover, .green.active {
    background-color: #056f00;
}

.yellow {
    background-color: #fff59d;
}

.yellow:hover, .yellow.active {
    background-color: #f57f17;
}

.preview svg {
    width: auto;
}

.preview.fluid svg {
    height: 100%;
    width: 100%;
}

img.img-thumbnail:-webkit-full-screen {
    height: 100%;
    padding: 0;
    border: 1px solid #dddddd;
    background: gray;
}

.preview:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
}

.preview:-webkit-full-screen > div {
    display: inline;
}

.preview:-webkit-full-screen  svg {
    width: 100% !important;
    height: 100% !important;
}


/*Reset radius*/
.btn, .input-group-addon, .form-control, .panel-group .panel, .panel-heading {
    border-radius: 0 !important;
}

.list-group .active {
    opacity: 0.5;
}

/*Scrollbar*/
/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    opacity: 0.3;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
    opacity: 0.3;
}

::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #555555;
    opacity: 0.3;
}*/

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd !important;
}

.freetext-preview > svg {
    width: 100%;
    height: 100%;
}