html.busy, html.busy * {
    cursor: wait !important;
}

body {
    background: #fff;
    font-family: 'Roboto', sans-serif;
    color: #2E2E2E;
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
}

.jumbotron p {
    color: #FF8300;
}

.login {
    padding: 10px;
}

.login-fields {
    padding: 5px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.error-msg {
    /*background-color: red;*/
    color: red;
}

.success-msg {
    /*background-color: green;*/
    color: green;
}

.navbar {
    margin-bottom: 0;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
}

.navbar li a, .navbar .navbar-brand {
    color: #fff !important;
    display: flex;
    align-items: center;
}

.navbar .navbar-logo {
    max-width: 150px;
    max-height: 42px;
    padding-right: 10px;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #FF8300 !important;
    background-color: #fff !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}


.field-name {
    vertical-align: middle;
    font-weight: normal;
}

.button-save {
    /*float: right;*/
}

.progressBarText {
    color: white;
    font-family: verdana;
    height: 20px;
    text-align: center;
    text-indent: 10px;
    font-size: 0.875em;
    /*vertical-align: text-bottom;*/
}

.DocumentList {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 260px;
    width: 100%;
    padding: 0 15px;
}

.DocumentItem {
    border: 0px;
    padding: 0;
    height: 200px;
}

.list-inline {
    white-space: nowrap;
}

.button-delete {
    margin-top: 0px;
}


.button-actions {
    margin-top: 10px;
    margin-right: 5px;
}


/* MISSING IN MY BOOTSTRAP VERSION */

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-secondary {
    color: #fff;
    background-color: #868e96
}

.btn-secondary {
    color: #fff;
    background-color: #868e96;
    border-color: #868e96
}

.btn-secondary:hover {
    color: #fff;
    background-color: #727b84;
    border-color: #6c757d
}

.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: 0 0 0 3px rgba(134, 142, 150, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #868e96;
    border-color: #868e96
}

.btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    background-color: #727b84;
    background-image: none;
    border-color: #6c757d
}

.btn-light {
    color: #212529;
    background-color: #F8F5F0;
    border-color: #F8F5F0;
}

.btn-light:hover {
    color: #212529;
    background-color: #ece4d6;
    border-color: #e8decd;
}

.btn-light:focus, .btn-light.focus {
    color: #212529;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 245, 240, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 245, 240, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #F8F5F0;
    border-color: #F8F5F0;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #e8decd;
    border-color: #e4d8c5;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 245, 240, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 245, 240, 0.5);
}


/* BOOSTRAP override: control the size of tooltip */
div.tooltip-inner {
    max-width: 450px;
    text-align: left;
    background-color: #545454;
}

.popover {
    max-width: 500px; /* Max Width of the popover (depending on the container!) */
}

/* Content name hover */
.underline-hover:hover {
    text-decoration: underline;
}

/* Publish/Draft rounded button */
.btn-publish {

    border-radius: 20px;
}

/* Files Tables */
.borderless tr td {
    border: none !important;
    padding: 2px !important;
}

/* Files Tables */
.top-borderless {
    border-top: none;
!important;
}

.vcenter {
    vertical-align: middle;
}

.compact-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0;
    padding-left: 0;
}

.rotate {
    animation: rotation 3s infinite linear;
}

.object-id-copy .btn-grey {
    transform: translate(-6px, -6px);
}

.object-id-copy .btn-grey:hover {
    color: #2E2E2E;
    font-weight: 900;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

table.dataTable.compact tbody td {
    vertical-align: middle;
}

.table-thumbnail {
    position: relative;
    background-color: #f8f5f0;
    border: 1px solid #dfd7ca;
    border-radius: 4px;
    padding: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
}

.thumb-corner-application {
    position: absolute;
    opacity: .70;
    color: #f47c3c;
    bottom: 0;
    right: 0;
}

.thumb-play {
    pointer-events: none;
    box-sizing: border-box !important;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 0px 15px 30px;
    border-color: transparent transparent transparent #155974;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: .70;
    transform: translate(-50%, -50%);
}

.thumb-cc {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .70;
}

.table-thumbnail:hover .thumb-play,
.thumb-play:hover {
    opacity: 1;
}

span.from-now {
    color: orange;
}

.text-on-pannel {
    background: #fff none repeat scroll 0 0;
    height: auto;
    margin-left: 10px;
    padding: 3px 5px;
    position: absolute;
    margin-top: -32px;
    border: 1px solid #337ab7;
    border-radius: 8px;
}

/* Settings Navigation */

.sidenav {
    height: 100%;
    width: 180px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: grey;
    overflow-x: hidden;
    padding-top: 120px;
}

.sidenav a {
    padding: 6px 6px 6px 32px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    display: block;
}

.sidenav a:hover {
    color: #FD903D;
}

.settings-right-panel {
    margin-left: 180px; /* Same as the width of the sidenav */
}

/* Padding around modal close button fix */
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal .modal-dialog.modal-xl {
    width: auto;
    margin: 32px;
}

@media (min-width: 1200px) {
    .modal-lg {
        width: 1160px;
    }
}

p.help {
    color: #7f8177;
    font-size: 18px;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 24px;
}

table a {

    color: #545454;
}

legend.heading-border {
    text-align: center !important;
    width: inherit;
    padding: 0 15px;
    border: 0;
    display: table;
    margin: 0 auto;
}

legend {
    margin-bottom: 0;
}

fieldset.heading-border {
    border: 0 groove #ddd;
    border-top-width: 1px;
    -webkit-box-shadow: 0 0 0 0 #000;
    box-shadow: 0 0 0 0 #000;
    padding: 10px 0 0;
}


@media screen  and (min-width: 992px) {
    fieldset.heading-border {
        padding: 20px 0 0;
    }
}

.form-section {
    margin-bottom: 30px;
}

.btn-primary {
    background-color: #8BC151;
    border-color: #8BC151;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover,
.btn-primary.active, .btn-primary.active:hover {
    background-color: #78A545;
    border-color: #78A545;
}

.btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled:active,
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active {
    background-color: #BAD890;
    border-color: #BAD890;
}

.btn-primary.btn-grey {
    background: #F1F1F1;
    color: #4E5D6C;
    border: 1px solid #435361;
}

.btn-list-add {
    width: 140px;
    float: left;
}

.btn-list-delete {
    width: 140px;
    float: left;
}

.btn-save {
    width: 120px;
    float: right;
}

.apps-section-label {
    font-size: 21px;
    font-family: Arial;
}

.btn-toolbar-centered {
    text-align: center;
}

.btn-toolbar-centered .btn-group {
    float: none !important;
}


.dataTables_wrapper .dataTables_processing {
    display: flex;
    height: 200px;
    align-items: center;
    justify-content: center;
    border-color: transparent;
}

/*Cancel out sort glyph in header*/

table.dataTable thead .sorting:after {
    content: "";
    /* sort */
}

table.dataTable thead .sorting_asc:after {
    content: "";
    /* sort-by-attributes */
}

table.dataTable thead .sorting_desc:after {
    content: "";
}

.dataTables_scroll .dataTables_scrollBody {
    min-height: 240px;
}

.comment {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
}


.btn-publishStatus {
    background-color: aliceblue;
}

.multiselect-container > li > a > label > input[type=checkbox] {
    margin-bottom: 5px;
    opacity: 1;
}


.cms-pageheader {
    padding-bottom: 20px;
}

.main-panel {
    padding-top: 80px;
}

@media (max-width: 767px) {
    .main-panel {
        margin-left: -15px;
        margin-right: -15px;
    }
}
/* Badge with count right of page title */
.badge-count {
    margin-left: 1em;
}

.radio-btn-group .btn {
    border: solid #29abe0;
    border-width: 1px;
    background-color: white;
    color: #29abe0;
    border-radius: 4px;
}

.radio-btn-group .btn.active {
    background-color: #29abe0;
    color: white;
}

.radio-btn-group label {
    display: block;
}

.radio-btn-group input {
    margin: 4px -8px 0;
    visibility: hidden;
}

/* Nested modals */
.modal .modal .modal-dialog {
  margin: 0;
}

#classifier-btns .btn.active {
    color: yellow;
    font-weight: bold;
    /*font-size: medium;*/
}

.ordering-table {
    border: 1px solid #dfd7ca;
    border-radius: 4px;
}

.bottom-spacer {
    height: 100px;
}

.classifier-row{
    display: flex;
    justify-content: space-between;
}

#classifier-btns{
    display: flex;
    justify-content: center;
}

#classifier-btns label{
    width: 150px;
}

/*Media Info Modal*/

#mediaInfoModal .modal-dialog, .modal-content {
    height: 80%;
}

#mediaInfoModal .modal-body {
    max-height: calc(100% - 130px);
    min-height: calc(100% - 134px);
    overflow: auto;
}

#mediaInfoModal .mediaInfoValues{
    display: flex;
}

#mediaInfoModal .mediaInfoTextValues{
    font-weight: bold;
    margin-left: 30px;
    margin-right: 5px;
}

#mediaInfoBtn:hover{
    background-color: #3E3F3A !important;
}

#publicUrlValue .fa-copy:hover{
    color: black;
}

/*Circle progress bar in datatable-renderers.js*/

.circleProgressBar {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
}

.progress-ring__circle {
    transition: stroke-dashoffset 0.35s ;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    color: #968d8e;
    animation-name: colorAnimation;
}

.progress-ring__circleBackground {
    transition: stroke-dashoffset 0.35s;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    color: #403e3e;
    opacity: 0.4;
    size: 200px;
}

.circleProgressSpan {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
}