﻿.icon-close-modal-label {
    margin: auto; /*position:absolute;     right:0;*/
}

.icon-close-modal-button {
    align-self: flex-end;
    position: absolute;
    right: 0;
}

.modal-custom {
    min-width: 500px;
    padding: 10px;
}

.modal-close-button-container {
    text-align: right;
}

.nabla-error-bar {
    color: white;
    width: 50%;
    /*border: solid 1px red;*/
    background-color: #bd362f;
    font-size: 14px;
    padding: 7px;
    display: block;
    width: calc( 100% - 60px );
    min-height: 30px;
    border-radius: 4px;
    /*color: #ffffff;*/
    -webkit-text-shadow: 0 1px 0 #ffffff;
    /**text-shadow: 0 1px 0 #ffffff;**/
    /*opacity: 0.8;*/
    cursor: pointer;
}

.nabla-error-bar > :hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    cursor: pointer;
}

.modal-error-msg {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    z-index: 2;
    font-size: 20px;
    width: calc( 100% - 15px );
    background-color: white;
}

.modal-form {
    width: calc( 100% - 15px );
    /*margin-top: 60px;*/
}

.nabla-error-bar-margin {
    margin-bottom: 40px;
}

.nabla-error-box {
}

md-dialog {
    width: 100%;
    padding: 15px;
}