﻿/* CONTAINERS - GENERAL, BOOTSTRAP AND CMS */
html, body{ margin:0;padding:0; background-color: #F9F9FB;}
#Body #Form.showControlBar { margin-top:0 !important; }
#ControlBar_ControlPanel { display:none; }

#ContentContainer { min-height: 750px; }
#ContentContainer {color: #1C2024}
#ContentContainer button { color: #fff; border: 0; border-radius: 20px; width: 100%; height: 40px; font-size: 1.3em; font-weight: bold; text-transform: uppercase; outline: none; margin-top:10px; min-width:160px; }

#ContentContainer button.btn-primary { background-color: #0D74CE; }
#ContentContainer button.btn-primary:hover { background-color:#0A5AA1; }
#ContentContainer button.btn-primary:active { background-color:#113264; }
#ContentContainer button.btn-primary:disabled { background-color:#D9D9E0; }

#ContentContainer button.btn-secondary { background-color: #fff; color: #0D74CE; border: 1px solid #0D74CE;}
#ContentContainer button.btn-secondary:hover { background-color:#E6F4FE; }
#ContentContainer button.btn-secondary:active { background-color:#C2E5FF; }
#ContentContainer button.btn-secondary:disabled { color:#B9BBC6; border: 1px solid #D9D9E0; }

#ContentContainer button.btn-success { background-color: #218358; }
#ContentContainer button.btn-success:hover { background-color:#1A6645; }
#ContentContainer button.btn-success:active { background-color:#193B2D; }

#ContentContainer button.btn-danger { background-color: #CE2C31; }
#ContentContainer button.btn-danger:hover { background-color:#A12226; }
#ContentContainer button.btn-danger:active { background-color:#641723; }

#dnn_ContentPane {padding-left:0px; padding-right:0px;}
.dnnPrivacy, .dnnTerms {padding-left:15px;}

/* new CMS 2023 - disable admin bar in this skin */
#Body { margin-left:0 !important; }
.personaBarContainer { display: none; }


img {border-style:none; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; }
/* default styles */
.container-fluid{ display:table; width: 100%; padding: 0; }
.container { display:table; width: 100%; }
.row-fluid { display:table-cell; vertical-align: middle; }
.row { margin-left: 0; margin-right: 0px; }
.row-centered { text-align:center; }
.col-centered { display:inline-block; float:none; text-align:left; vertical-align:top; }
.col-max {  max-width: 400px; }

.centering { float:none;  margin:0 auto; }
.mtop4 { margin-top:4px; }
.mtop8 { margin-top:8px; }
.mtop15 { margin-top:15px; }
 .topofpage {   padding-top: 70px; padding-bottom: 70px; }

 .vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] { display: -webkit-box;  display: -moz-box; display: -ms-flexbox;  display: -webkit-flex; display: flex; -webkit-box-align:center;  -webkit-align-items: center; align-items: center; -webkit-box-pack:center; -mx-flex-pack: center; -webkit-justify-content: center; justify-content: center; }

/* buttons */
.btn-danger, .btn-danger:focus, .btn-danger:visited { background-color: rgba(196, 78, 52, .9); border-color: #990000; }
.btn-danger:hover {  background-color: #B90000; color: white; }
.btn-success { background-color: #64a237; border-color: #339933; }
.btn-success:hover,.btn-success:focus,.btn-success:visited { background-color: #588E31; border-color: #339933; }

/* forms and validation */
.form-control.force-success { border-color: #3c763d; }
.form-control.force-success:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; }
.radio input[type="radio"], .checkbox input[type="checkbox"] { float: none; vertical-align: top; height: auto; border: none; border-radius: 0; display: inline; outline: none; width: auto; }
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* Responsive CSS */
@media only screen and (max-width: 991px) {
   #main-container {  padding-bottom: 160px; }
}

input[type="checkbox"] {
  accent-color: #0D74CE;
}
input[type="radio"] {
  accent-color: #0D74CE;
}

input[type="text"] {
  border: 1px solid #B9BBC6;
  color: #1C2024;
  outline: none;
  transition: border-color 0.2s ease;
}
input[type="text"]:focus {
  border-color: #0D74CE;
}
select { border-color: #B9BBC6}
