/*
#main-stage {
}
*/

.col-form-label.required:before {
    content:"*";
    color:red;
}

table.dataTable {
    width: 100%;
}

.table-sm {
    font-size: 0.875rem;
}

.frame {
    position: relative;
    max-width: 856px;
    max-height: 538px;
    margin-bottom: 64px;
}

.frame .top {
    height: 42px;
    background: url("images/frame-tc.png") repeat-x center 0;
    position: relative;
    margin-bottom: -3px;
}

.frame .top .left {
    width: 42px;
    height: 42px;
    background: url("images/frame-tl.png") no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
}

.frame .top .right {
    width: 42px;
    height: 42px;
    background: url("images/frame-tr.png") no-repeat 0 0;
    position: absolute;
    top: 0;
    right: 0;
}

.frame .bottom {
    height: 42px;
    background: url("images/frame-bc.png") repeat-x center 0;
    position: relative;
    margin-top: -3px;
}

.frame .bottom .left {
    width: 42px;
    height: 42px;
    background: url("images/frame-bl.png") no-repeat 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.frame .bottom .right {
    width: 42px;
    height: 42px;
    background: url("images/frame-br.png") no-repeat 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.frame .border-left {
    background: url("images/frame-cl.png") repeat-y 0 0;
    padding-left: 42px;
}

.frame .border-right {
    background: url("images/frame-cr.png") repeat-y right 0;
    padding-right: 42px;
}


.picture-frame {
    max-width: 856px;
    max-height: 538px;
}

.picture-frame .top td:nth-child(1) {
    width: 42px !important;
    height: 42px !important;
    background: url("images/frame-tl.png") no-repeat 0 0 !important;
}

.picture-frame .top td:nth-child(2) {
    height: 42px !important;
    background: url("images/frame-tc.png") repeat-x center 0 !important;
}

.picture-frame .top td:nth-child(3) {
    width: 42px !important;
    height: 42px !important;
    background: url("images/frame-tr.png") no-repeat 0 0 !important;
}

.picture-frame .bottom td:nth-child(2) {
    height: 42px !important;
    background: url("images/frame-bc.png") repeat-x center 0 !important;
}

.picture-frame .bottom td:nth-child(1) {
    width: 42px !important;
    height: 42px !important;
    background: url("images/frame-bl.png") no-repeat 0 0 !important;
}

.picture-frame .bottom td:nth-child(3) {
    width: 42px !important;
    height: 42px !important;
    background: url("images/frame-br.png") no-repeat 0 0 !important;
}

.picture-frame td:nth-child(1) {
    width: 42px;
    background: url("images/frame-cl.png") repeat-y 0 0;
}

.picture-frame td:nth-child(3) {
    width: 42px;
    background: url("images/frame-cr.png") repeat-y right 0;
}

.reset-font-family {
    font-family: var(--bs-body-font-family);
}

.form-switch.form-switch-sm {
    margin-bottom: 0.5rem; /* JUST FOR STYLING PURPOSE */
  }
  
  .form-switch.form-switch-sm .form-check-input {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
  }
  
  .form-switch.form-switch-md {
    margin-bottom: 1rem; /* JUST FOR STYLING PURPOSE */
  }
  
  .form-switch.form-switch-md .form-check-input {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
  }
  
  .form-switch.form-switch-lg {
    margin-bottom: 1.5rem; /* JUST FOR STYLING PURPOSE */
  }
  
  .form-switch.form-switch-lg .form-check-input {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
  }
  
  .form-switch.form-switch-xl {
    margin-bottom: 2rem; /* JUST FOR STYLING PURPOSE */
  }
  
  .form-switch.form-switch-xl .form-check-input {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
  }

  .input-group > .twitter-typeahead {
    flex: 1 1 auto;
    width: auto;
 }