.alert-table-container
{
    display: table;
}


.alert-table-sidebar
{
    min-width:20px;
    display: table-cell;
    vertical-align: middle;
    /* background-color:rgb(228, 79, 79); */
    position:relative;
}


.alert-table-main
{
    display: table-cell;
    vertical-align: top;
    /* background-color:rgb(76, 76, 228); */
    width: 100%;
}

.alert-table-main>ul {
    list-style-type:disc;
    list-style-position: outside;
    padding-left:20px;
}

.ask-fieldset .ask-value { 
    margin-bottom:12px; 
    width:95%; 
    padding: .4em; 
}

.ask-fieldset { 
    padding:0; 
    border:0; 
    margin-top:25px; 
}

label {
    font-weight: normal;
}

.alert-table-checkbox {
    padding-top:10px;
    padding-left:20px;
}

.confirmation-dialog-chkbox-label {
    padding-left:5px;
    margin-bottom: 0px;
}

.confirm-cont {
    display: flex;
}

.confirm-symbol {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin: 5px;
}

.confirm-text {
    flex-grow: 1;
    padding: 10px 10px 10px 0;
    margin: 5px 5px 5px 0;
}

body .jsPanel-modal-backdrop {
    animation-duration: 0ms;
}

html {
  font-size: 14px;
}

button.jsPanel-ftr-btn+button.jsPanel-ftr-btn {
  margin-left: 10px;
}

.alert-panel .alert-cont {
  display: flex;
  align-items: center;
}

.alert-panel .alert-symbol {
  font-size: 1.3rem;
  margin-left: 1rem;
  margin-right: 0.5rem;
}

.alert-panel .alert-text p {
  margin: 0 0.5rem 0 0;
}

.alert-panel .jsPanel-content {
  display: flex;
  min-height: 50px;
}

.confirm-panel [type=checkbox] {
  height: 1rem;
  width: 1rem;
  margin: 0 0.5rem 0 0;
}

.confirm-panel [type=checkbox]+label {
  margin-bottom: 0;
}

.confirm-panel .checkbox-cont {
  display: flex;
  align-items: center;
}

.confirm-panel .text-input-cont {
  display: flex;
  flex-direction: column;
}

.confirm-panel .text-input-cont input:invalid.input__touched {
  border: 1px solid #cd0a0a;
  background: #fef1ec;
}

button .glyphicon-refresh {
  max-width:0;
  overflow: hidden;
}

button.spinning .glyphicon-refresh {
  max-width: 50px;
  animation: spin 1.5s infinite linear;
}

@keyframes spin {
  from { transform: scale(1) rotate(0deg); }
  to { transform: scale(1) rotate(360deg); }
}