@import url(/monitoring-content/lib/css/player.css);

/* Form */
/********/
#form-select label {
    display: inline-block;
    width:   88px;
}

#form-select select,
#form-select input.jqdp {
    width: calc(100% - 93px);
}
/********/
/* Form */

/* Missing */
/***********/
.missing {
    position:         absolute;
    width:            100%;
    height:           100%;
    color:            #3d4551;
    background-color: white;
    background:       radial-gradient(#dcdee0,#ffffff);
    font-size:        1.25em;
}

.missing > .missing-txt {
    position:  absolute;
    width:     100%;
    top:       50%;
    transform: translateY(-50%);
}
/***********/
/* Missing */

/* Date */
/********/
.jqdp-error-message {
    border-radius:      3px;
    top:                calc(-3em - 15px);
    right:              0;
    -webkit-box-shadow: 0px 4px 15px rgba(0,0,0,0.25);
       -moz-box-shadow: 0px 4px 15px rgba(0,0,0,0.25);
            box-shadow: 0px 4px 15px rgba(0,0,0,0.25);
    white-space:        normal;
}

.jqdp-error-message .alert { border-radius: 3px; }

.jqdp-error-message-txt { font-size: 0.8em; }

.close-error-message .btn-close {
    z-index: 1;
    top:     3px;
    right:   3px;
}

.arrow-down {
    width:        0;
    height:       0;
    border-left:  12px solid transparent;
    border-right: 12px solid transparent;
    border-top:   12px solid #f9bac0;
    top:          3em;
    right:        5%;
}
/********/
/* Date */