select {
    background: url("data:image/svg+xml,<svg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.99999 5.17205L11.95 0.222046L13.364 1.63605L6.99999 8.00005L0.635986 1.63605L2.04999 0.222046L6.99999 5.17205Z' fill='%23000000'/></svg>") no-repeat !important;
    background-position: calc(100% - 1.75rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 4rem !important;
}

select:focus {
  outline: 5px auto -webkit-focus-ring-color !important ;
  outline-offset: 0.2rem;
}

.login-register-page button.navbar-toggle {
  display: none;
}
.login-register-page .page-heading {
  padding-top: 20px;
}
.login-register-page .page-copy {
  margin-bottom: 40px;
}
.login-register-page .highlightError, .login-register-page .highlightError:focus {
  border: 2px solid #cb2027 !important;
  background-color: #fce8e8 !important;
  outline: 1px solid #cb2027 !important;
}
.login-register-page .attrEntry .error.itemLevel {
  display: none;
  color: #cb2027;
  font-size: 0.9em;
}
.login-register-page .error {
  color: #cb2027;
}
.login-register-page .entry {
  padding: 10px;
  /*padding-bottom: 0 !important;*/
  /*background: #ffffff;*/
  /*border-radius: 5px;*/
  /*border: #F5F5F5 solid;*/
}
.login-register-page .entry-item {
  margin-bottom: 5px;
  position: relative;
}


.login-register-page .Message-body p {
    font-size: 12px;
 line-height: 20px;
    color: #404040
}

.login-register-page .Message-icon  {
    padding: 10px 0px 0px 5px;
}

.login-register-page .Message-body  {
    padding: 10px 10px 0px 15px;
}

.login-register-page .Message  {
    margin: 0px 0px 20px 0;
}


/*.error.itemLevel.show:before {*/
  /*content: "\e107" !important;*/
  /*padding-right:8px;*/
  /*font-family: 'Glyphicons Halflings' !important;*/
/*}*/



.error.itemLevel {
  display: flex !important;
}
/*
span#passwordtoggler.glyphicon.glyphicon-eye-open {
    top: 69%;
}
*/

#passwordtoggler{
position: relative;
  top: -30px;
  right: 12px;
  float: right;
}
.login-register-page .intro {
  display: inline;
  margin-bottom: 5px;
}
.login-register-page .pageLevel {
  width: 293px;
  text-align: center;
  margin-top: 5px;
  padding: 5px;
  font-size: 1.1em;
  height: auto;
}
.login-register-page #panel,
.login-register-page .pageLevel,
.login-register-page .panel li,
.login-register-page label {
  /*display: block;*/
  font-size: smaller;
}
.login-register-page #forgotPassword {
  font-size: 12px;
  padding-left: 5px;
  color: var(--Secondary-color4);
}
.login-register-page #createAccount {
  margin-left: 5px;
}
.login-register-page .working {
  display: none !important;
  height: 10px;
  width: auto;
  text-align: center;
}
.login-register-page .divider {
  margin-top: 20px;
  margin-bottom: 10px;
}
.login-register-page .divider h2 {
  display: table;
  white-space: nowrap;
  font-size: 1em;
  font-weight: 700;
}
.login-register-page #attributeList .buttons {
  display: flex;
  justify-content: center;
}
.login-register-page button {
  width: auto;
  min-width: 50px;
  height: 32px;
  margin-top: 2px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #FFF;
  color: #fff;
  transition: background 1s ease 0s;
  font-size: 100%;
  padding: 0 2px;
}
.login-register-page button:hover {
  background: #b73148;
  border: 1px solid #b73148;
  -moz-box-shadow: 0 0 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
.login-register-page .password-label label {
  display: inline-block;
  vertical-align: baseline;
}
.login-register-page img {
  border: 0;
}
.login-register-page .divider {
  margin-top: 20px;
  margin-bottom: 10px;
}
.login-register-page .divider h2 {
  display: table;
  white-space: nowrap;
  font-size: 1em;
  font-weight: 700;
}
.login-register-page .divider h2:after,
.login-register-page .divider h2:before {
  border-top: 1px solid #B8B8B8;
  content: '';
  display: table-cell;
  position: relative;
  top: 0.7em;
  width: 50%;
}
.login-register-page .divider h2:before {
  right: 1.8%;
}
.login-register-page .divider h2:after {
  left: 1.8%;
}
.login-register-page .verificationErrorText {
  color: #D63301;
}
.login-register-page .options div {
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
}
.login-register-page .accountButton,
.login-register-page .accountButton:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAh1BMVEX///9QUFBOTk5LS0tERERCQkI/Pz9ISEg6OjpGRkZNTU08PDyAgID09PSlpaWWlpZxcXFgYGBZWVlUVFT6+vrx8fHt7e3s7Ozo6Oji4uLJycnGxsa4uLiqqqqgoKCNjY2JiYmGhoZra2tmZmb7+/vu7u7d3d3U1NTNzc2+vr67u7usrKx7e3vprNQnAAAA8klEQVQ4y63Q127DMAxAUZpDwyMeSdqsNqu7/f/va6zahgGJKAr0vgk6DyQh+6V/BiTOOeNRA9zuAWBdM6WBlPDTvaUUoAuMrT0mgNvA1IJjQB3MKjACvp6DK0WAH+agtH8H9jQHLUUgz7Uhx8xOXzNESxirLCYA2mw8tacI5FyIYXq8A9ge2Qs6oTnw2e2ruho2rjBcXJ4ADh3jBOQLQnVhRFx2gNDZ4ACogbHXj/ft9Dj5AcgbJFu5AThQWuYBIGmgtAFQo4EFB+CPGthJAPypgY3BHsheA5UNwLyAvsYNoDyroKUe4EoFTQ/yDtTONvsGUJ8KTUYyH+UAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}
.login-register-page .accountButton {
  border: 1px solid #FFF;
  color: #FFF;
  margin-left: 0;
  margin-right: 2px;
  transition: background-color 1s ease 0s;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: center;
  word-wrap: break-word;
  height: 34px;
  width: 158px;
  padding-left: 30px;
  background-color: #505050;
}
.login-register-page .accountButton:hover {
  background-color: #B9B9B9;
  border: 1px solid #FFF;
  -moz-box-shadow: 0 0 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
.login-register-page .accountButton:focus {
  outline: gold solid 1px;
}
.login-register-page #MicrosoftAccountExchange {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAPFBMVEU1pe/////t+v4uoe5btvNixPVVwfUsoe9tyfXU7/y95vu24vrd9f5NtfLH6/ys3/o/sPE6qfD2/f+f2vnAysuQAAAAaElEQVQ4y93SORKAIAwFUEGCsoT1/nd1JkkDFhY24qt+8VMkk20lu6DAaVBOBsVKsuO8aYo08IqlYyxoRTQExfyKheRIgu5Yl4KoVhSUgNOhoiYRsmb5g2u+LtzXDNOhjKgoAZ9/8k8uZWsGqcIav5wAAAAASUVORK5CYII=);
  background-color: #33A7F2;
}
.login-register-page #MicrosoftAccountExchange:hover {
  background-color: #ADDBF9;
}
.login-register-page #GoogleExchange {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAb1BMVEXcTkH////cTD/bSj3ZQDLYOyzaRDbeV0vbSDrZPS/66Obyv7rsnpfpkorjcWfgZlvXOCr++Pj5393haFz88/L88fD67Or319T1zsv1zsrxuLPuqaLuqKLoi4LlfXTgYlbWMyTWMiPwtrHwta/fXVH/sCIIAAAAmElEQVQ4y+2RyQ7DIBBDMcwAIXvovqXb/39jRaX0AEmr5px3tSV7PGLhX6TVRFpN61l9zPNS6kn9gDcXO67zDnCnO2BCiNIyMtgKKJgyY2zQ68JEDtqju0nFTcOsxPUMw1GDDUqt+tY51/YNVlhvacTgEfCDIY0Q/lkBSg4RaUmmDo4/JdMzHy1Q2ejMeCj6PrXQP5+1MI8X0Y4HL4c826EAAAAASUVORK5CYII=);
  background-color: #DC4E41;
}
.login-register-page #GoogleExchange:hover {
  background-color: #F1B8B3;
}
.login-register-page #TwitterExchange {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAdVBMVEVgqd3///9Ypdtdp9xaptxSotpQodlNn9lWo9pUo9rX6Pa+2vGTw+iLvuZlqt79/P7K4PO62O+y0+6hyutysuD2+fzi7vne6/fT5PTE3fKs0O2lzeuZx+l7tuJqrd71+Pzz9vzn8PnQ4/SCueSAueNsrt9InNh7sQwBAAAAwklEQVQ4y92PRw6EMAwAXeIkdBbY3uv/n7gSAoLDD5hbPCPZgZVihEgYgNSUpmfS7bfbtHS2nReyL2Qoc+yp8ZRAwCEWjgGAPQ7sssKoAGsWBrrgyMZCwD77Uel+59E3Tt14xZ7qlY7BRf1CDgeMKMw8sBXGlKxWtLGvHCgkQ80m0YHpjjq4sQ74pn1mISLJVSAMiwJO98l/TWSNF1eGKzqKfZ7Vj0mnHHwodpP+WIYlZP373DTtVWxYr2FD3pOBdfIHhOAHYHQI9VgAAAAASUVORK5CYII=);
  background-color: #60A9DD;
}
.login-register-page #TwitterExchange:hover {
  background-color: #BFDCF1;
}
.login-register-page #FacebookExchange {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAaVBMVEU7W5z///85Wps3WJsiRo8xU5fw8vYyUpY0VZiAj70pS5OBkb0vUpb7+fwsTpTR1ud6irllerBPaqX09fnx8vfs7fSQoMZxg7VsgLNGY6FCX58ZP4v++/7r7vTZ3OupstGIlsFWcalDYaCK3qwDAAAAnklEQVQ4y+XQyw7CIBAFUBgc5VUoWGtb3/7/RyoYkyZAiSsXvdt7kstA/hRg/B0GpZ6byQ3Dw0NBaH+lMYRle3T0kwayACRdBrr/gnN+QtpQWv8cR4DswiUAjozlz4RdF8AmlnmwjaDQImoZwQkRedoToUS7D+ColGoTwQidx8oEQDMHN1MBva5MOL70SCHuE1TOhOpHrRt0FWAOP4IX8PsG2qEOR30AAAAASUVORK5CYII=);
  background-color: #3B5B9C;
}
.login-register-page #FacebookExchange:hover {
  background-color: #B0BDD7;
}
.login-register-page #LinkedInExchange {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAb1BMVEUAe7b///8AdrMklscAc7EAeLUAcbB5ttifzeMqmckAdLIAaqz7+/6PxeAShr0CgLkAba4nmMctksTv9Puw1eij0OWGvNtfrNJNo80YjMAeib/D4vGt3Oy82+yfzOOCvtyJvdx3tddirtI/ncoxmMj9KsrQAAAAw0lEQVQ4y9WSVw7DIAxAG8CkjJDVzO5x/zMWk0RNJaB/kfo+sGUeCMvstgI4J7F9aS5NxSLnTWLpZVDgexTqIiycUNBhgTxRyCKPYJ3dl7sITCkO+FyLXaWU310DscASOesf3ahWChGJ5cb4ASO5Joiu2EegWEmZa1c3yUwOHmHNuQgJup4CgF8YlKpcMhKvkNmb1REz6hdetsyziIBldv8lpH8ouGm28zQFCu2SOSAXlJYGYCgpFThEMFPm/zCryja8Acy7CRfMrcKPAAAAAElFTkSuQmCC);
  background-color: #0077B5;
}
.login-register-page #LinkedInExchange:hover {
  background-color: #99CAE1;
}
.login-register-page #AmazonExchange {
  background-image: url(https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_156x32.png);
  background-color: #FFF;
  color: transparent;
}
.login-register-page #next,
.login-register-page #continue,
.login-register-page #cancel,
.login-register-page #emailVerificationControl_but_send_code,
.login-register-page #emailVerificationControl_but_verify_code,
.login-register-page #emailVerificationControl_but_send_new_code,
.login-register-page #email_ver_but_send {
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  height: 30.5px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: var(--Primary-Color1);
  border: 1px solid #FFF;
  color: #fff;
  transition: background 1s ease 0s;
  font-size: 100%;
}
.login-register-page #next:hover {
  background-color: #003C71;
  text-decoration: underline;
  border-color: #003C71;
  box-shadow: 0 0 0;
}
.login-register-page #next:hover,
.login-register-page .accountButton:hover {
  background-color: #003C71;
  text-decoration: underline;
  border-color: #003C71;
  -moz-box-shadow: 0 0 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}
.login-register-page .column {
  width: 35%;
  min-width: 400px;
  max-width: 440px;
}

.login-register-page .small-font {
 font-size: smaller;
}

.column.login img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
  padding-top: 10px;
  max-height: 40px;
}
.login-register-page .row:after {
  content: "";
  display: table;
  clear: both;
}
.login-register-page .login {
  background-color: #ffffff;
  margin: inherit;
  margin-top: 60px;
  padding: 20px;
  margin-bottom: 80px;
}
.login-register-page h2 {
  color: var(--Primary-Color1);
  font-weight: bold;
}
.login-register-page #createAccount {
  color: black;
  font-weight: 600;
  text-decoration: underline;
}
.login-register-page #signInPageLink {
  color: black;
  font-weight: 600;
  text-decoration: underline;
}
.login-register-page .page-bg {
  background: url(/backgroundimage.png) no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /*position: relative;*/
  min-height: calc(100vh - 0px);
  background-color: #003C71;
}
.login-register-page hr.title-line {
  text-align: center;
  margin: 0 auto;
  width: 150px;
}
.login-register-page .head h1 {
  font-size: 30px;
  color: #404040;
  font-weight:400;
  width: 100%;
  text-align: center;
}

.head p{
    padding:24px 24px 24px 24px;
    text-align:center;
}

.login-register-page .head h4 {
  font-size: 1em;
  color: #404040;
  width: 100%;
  text-align: center;
}


.login-register-page #api .intro {
  display: none;
}
.login-register-page #api {
  width: 100%;
  margin: 0 auto;
  padding: 15px;
}
.login-register-page #api h1 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
}
.login-register-page #api .divider {
  display: none;
}
.login-register-page .head {
  margin: 0 auto;
  padding: 0 0;
  border-bottom: 1px solid var(--Secondary-color4);
}
.login-register-page #signIn,
.login-register-page #signUp {
  margin-bottom: 5px;
}
.login-register-page #signIn p,
.login-register-page #signUp p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1.2em;
  color: black;
  text-align: center;
  font-weight: 600;
}
.login-register-page #signIn h1 {
  font-size: 1.3em;
  color: #404040;
  font-weight:400;
  width: 100%;
  text-align: center;
}

.login-register-page .head a {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 32px;
}
.login-register-page .head img {
  height: 65px;
  width: auto;
}
.login-register-page .head a span {
  font-size: 2em;
}
.login-register-page #api .entry input {
  /*width: 100% !important;*/
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ADABAB;
}
.login-register-page #api .create {
  margin-top: 10px;
}
.login-register-page #api .buttons button {
  width: 100%;
  padding: 10px;
  height: auto;
  border-radius: 4px;
  color:#ffffff;
  background-color: #003C71;
  border-color: #003C71;
  margin: 10px 0 20px 0;
  /*background: var(--Primary-Color1);
  border-color: var(--Primary-Color1);*/
}
.login-register-page #api .buttons button:focus {
  background:#003C71;
  border: 4px solid #546223;
}

.login-register-page #api .buttons button:hover {
  text-decoration: underline;
}
.login-register-page .error.pageLevel {
  padding: 0;
  text-align: left;
  width: 100%;
  margin-bottom: 25px;
  margin-left: 20px;
}
.login-register-page #api ul {
  padding-left: 0;
  list-style: none;
}
.login-register-page a.helpLink.tiny {
  display: none;
}
.login-register-page #api li input {
  /*width: 100% !important;*/
  padding: 10px;
  border-radius: 4px;
  /*border: 1px solid #707070 !important;*/
}
.login-register-page #api .attr li {
  /*margin-top: 22px;*/
}
.login-register-page .buttons.verify #email_ver_but_verify {
  flex-basis: 30%;
  margin: 0;
  min-width: unset;
}
.login-register-page label#email_ver_input_label {
  flex-basis: 18%;
  margin: 0;
}
.login-register-page input#email_ver_input {
  flex-basis: 36%;
  margin-right: 2%;
}
.login-register-page button#email_ver_but_resend {
  margin-top: 30px;
}
.login-register-page .buttons.verify {
  flex-wrap: wrap;
  justify-content: unset;
}
.login-register-page #api .buttons button#cancel {
  background: var(--Secondary-color2);
  border-color: var(--Secondary-color2);
}
.login-register-page #api .buttons button[type="submit"]+button {
  margin-left: 10px;
}
.login-register-page button#email_ver_but_send,
.login-register-page button#email_ver_but_edit {
  margin: auto;
}
.login-register-page button#email_ver_but_resend {
  margin: 30px auto 0;
}
.login-register-page #api .attr li input {
  margin-bottom: 5px;
}
.login-register-page #api #attributeList .verificationControlContent>ul {
  margin-top: 10px;
}
.login-register-page #api .buttons .verifyCode {
  margin-right: 10px;
}
.login-register-page #emailVerificationCode_label {
  margin-top: 10px;
}
.login-register-page #authenticatorAppIconControl-instruction {
  clear: both;
  position: relative;
  top: 10px;
  margin-bottom: 30px;
}
.login-register-page #authenticatorAppIconControl-google img {
  width: 200px !important;
  margin-left: -11px;
}
.login-register-page #authenticatorAppIconControl-apple img {
  width: 178px !important;
}
.login-register-page #totpQrCodeControl-picture img {
  margin: 20px 0;
}
#QrCodeVerifyInstruction_label {
  margin-bottom: 48px;
  font-size: 1.2em;
  color: black;
  text-align: center;
  font-weight: 600;
}
#verifying_blurb {
  color: var(--negative-color);
}
@media screen and (min-width: 1px) and (max-width: 600px) {
  .login-register-page .column {
      min-width: 92%;
  }
}
/* Login register CSS END */
/* COURSE PAGES */
.productstable .products {
  border-top: 1px solid var(--Primary-Color1);
  border-bottom: 1px solid var(--Primary-Color1);
}
.productstable .products .product {
  padding: 15px 0;
}
.productstable .products .product:not(:last-child) {
  border-bottom: 1px solid var(--Secondary-tint1);
}
.productstable+.pagination {
  margin-top: 0;
}
.course-selector .columnBlockLayout {
  width: 65%;
  margin-bottom: 50px;
  opacity: 0;
  transition: .5s;
}
.search .input-group-btn a.btn-default {
  border-color: black;
  background: black;
  color: white;
  border-radius: 3px;
  margin-right: 4px;
  height: 40px;
  display: flex;
  align-items: center;
}
.thead a {
  color: black;
  font-weight: 600;
  text-decoration: none;
}
.course-selector .search {
  margin-top: 15px;
  margin-bottom: 25px;
}
.course-selector .search input.form-control {
  height: 38px;
}
.search .navbar-form {
  padding: 0;
  width: 100%;
}
.search .navbar-form .input-group {
  display: flex;
}
.course-selector .search .input-group-btn button {
  background: black;
  border-color: black;
  margin-left: 15px;
  border-radius: 3px;
  padding: 7px 28px;
  color: white;
  display: flex;
  height: 38px;
  align-items: center;
}
.input-group-btn button>span {
  font-size: 14px;
}
.search .input-group-btn a.btn-default {
  border-color: black;
  background: black;
  color: white;
  border-radius: 3px;
  margin-right: 4px;
}
.productstable .thead {
  padding: 8px 0;
}
.productstable .products .product .productdetail {
  font-weight: 600;
  color: black;
  flex-basis: 70%;
}
.productstable .products .product {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.productstable .products .product .productlink button {
  background: white;
  border: 1px solid black;
  color: black;
  font-weight: 600;
  border-radius: 3px;
  padding: 6px 30px;
  font-size: 14px;
}
/* Class selector page */
.course-class-selector .sectionEntitylist .row {
  display: flex;
  flex-direction: column;
}
.course-class-selector .sectionEntitylist .row > div {
  width: 100%;
  margin-bottom: 5px;
}
.course-class-selector #entitylist-filters .entitylist-filter-option-group {
  margin-right: 10px;
}
.course-class-selector #entitylist-filters {
  display: flex;
  margin-bottom: 0;
}
.course-class-selector .filter-vertical .panel-body {
  display: flex;
  width: 100%;
  align-items: end;
  padding: 0;
  margin: 15px 0 30px;
}
.course-class-selector .filter-vertical .panel-body .pull-right {
  flex-basis: 30%;
  float: none !important;
}
.course-class-selector .filter-vertical > .content-panel {
  border: none;
}
.course-class-selector .form-search-fields tbody {
  display: flex;
}
.course-class-selector .form-search-fields tbody tr td {
  display: block;
  margin-bottom: 5px;
}
.course-class-selector .form-search-fields tbody tr select {
  width: 200px;
}
.course-class-selector .form-search-fields tbody tr {
  margin-right: 10px;
}
.course-class-selector .form-search-fields tbody tr td input, .course-class-selector .form-search-fields tbody tr td select {
  height: 36px;
}
.dataTable>tbody>tr>td {
  border-top: none;
  border-bottom: 1px solid var(--Secondary-tint1);
  background: white;
  color: black;
  font-size: 14px;
  vertical-align: middle;
}
.dataTable>thead {
  border-bottom: 1px solid var(--Primary-Color1);
}
#entitylist-filters label {
  font-size: 14px;
  font-weight: 600;
}
.entitylist-filter-option .input-group-addon {
  background: none;
}
.entitylist-filter-option input.form-control, 
.entitylist-filter-option select.form-control {
  border-color: #cccccc;
  box-shadow: none;
}
.entitylist-filter-option .form-control:focus {
  box-shadow: none;
  border-color: #7D7D7D;
}
.navigation-previouspage a {
  text-decoration: underline;
  color: black;
}
.header.location h2 {
  font-weight: 600;
  font-size: 42px;
  margin-bottom: 8px;
}
.course-class-selector {
  margin-top: 25px;
}
.course-class-selector .subheader.course .coursedetail {
  font-size: 18px;
  font-weight: 600;
  color: #7d7d7d;
}
.course-class-selector .filter-vertical .panel-body .pull-right button {
  background: var(--Primary-Color1);
  color: white;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  height: 44px;
}

.course-class-selector .view-grid table thead tr th {
  border-bottom: none;
}
.view-grid .table>tbody>tr>td {
  border-top: none;
  border-bottom: 1px solid var(--Secondary-tint1);
  background: white;
  color: black;
  font-size: 14px;
  vertical-align: middle;
}
.view-grid .table>thead {
  border-bottom: 1px solid var(--Primary-Color1);
}
.view-grid .table>thead a {color: black;font-size: 14px;}
.view-grid table .btn.btn-primary {
  padding: 5px 12px;
  background: white;
  color: black;
  border-color: black;
  font-weight: 600;
  width: 135px !important;
  float: right;
}
.view-grid table .btn.btn-primary:hover {
  color: black !important;
}
.view-grid table .btn.btn-primary:hover:focus, .view-grid table .btn.btn-primary:active {
  color: white !important;
}
.course-class-selector .view-grid table thead tr th:nth-child(3), .course-class-selector .view-grid table thead tr th:nth-child(4), .course-class-selector .view-grid table thead tr th:nth-child(5), .course-class-selector .view-grid table thead tr th:nth-child(6), .course-class-selector .view-grid table thead tr th:nth-child(7), .course-class-selector .view-grid table thead tr th:nth-child(8) {
  width: 100px !important;
}
.course-class-selector .view-grid table thead tr th:first-child {
  width: 22% !important;
}
.course-class-selector .view-grid table tbody tr > td:first-child {
  font-weight: 600;
  text-decoration: underline;
}
.course-class-selector .entity-grid {
  margin-bottom: 70px;
}
form[action*="/training/booking/"] .page-heading {
  display: none;
}
.entity-form input.form-control, .entity-form select.form-control, 
.entity-form textarea.form-control {
  border-color: #ADABAB;
  box-shadow: none !important;
  padding: 10px 8px;
  text-decoration: none !important;
  height: 44px;
  border-radius: 3px;
}
form[action*="/training/booking/"] .page-copy ol.progress {
  display: none;
}
form[action*="/training/booking/"] .container {
  width: 100%;
}
form[action*="/training/booking/"] .entity-form .tab-column fieldset {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
form[action*="/training/booking/"] .entity-form .tab-title {
  padding: 10px 15px 5px;
}
form[action*="/training/booking/"] .actions {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  border: none;
  margin-bottom: 60px;
}
section#Imp-to-Know {
  background: var(--Secondary-tint2);
  padding: 8px 0 20px;
  margin-bottom: 25px;
}
#Imp-to-Know .section-header h3, #Imp-to-Know .section-header h5 {
  font-weight: 600;
}
#Imp-to-Know ul {
  padding-left: 0;
  margin-top: 20px;
}
#Imp-to-Know li {
  list-style: none;
  margin-bottom: 12px;
}
.small-icon {
  width: 22px;
  margin-right: 10px;
}
/* REQUEST EVENT */
form[action*="/events/request/"] .progress {
display: flex;
max-width: 135px;
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
position: relative;
top: 28px;
}
form[action*="/events/request/"] .crmEntityFormView .actions > .col-sm-6 {
  width: 100%;
  display: flex;
  justify-content: center;
}
#subgrid_addparticipants .btn.btn-info.pull-right.action {
  background: white;
  border-color: #312C2C;
  color: #312C2C;
  padding: 8px 15px;
  border-radius: 3px;
  font-size: 16px;
}
#subgrid_addparticipants .btn.btn-info.pull-right.action:hover {
  color: black;
  border-color: #d1153a;
}


@media screen and (min-width: 768px) {
  form[action*="/training/booking/"] .entity-form .tab-column fieldset,
  form[action*="/training/booking/"] .entity-form .tab-title,
  form[action*="/training/booking/"] .actions,
  form[action*="/training/booking/"] .custom-data-inserts > .container {
      width: 750px;
  }
}
@media screen and (min-width: 992px) {
  form[action*="/training/booking/"] .entity-form .tab-column fieldset,
  form[action*="/training/booking/"] .entity-form .tab-title,
  form[action*="/training/booking/"] .actions,
  form[action*="/training/booking/"] .custom-data-inserts > .container {
      width: 970px;
  }
}
@media screen and (min-width: 1200px) {
  form[action*="/training/booking/"] .entity-form .tab-column fieldset, 
  form[action*="/training/booking/"] .entity-form .tab-title,
  form[action*="/training/booking/"] .actions,
  form[action*="/training/booking/"] .custom-data-inserts > .container {
      width: 1170px;
  }
  form[action*="/training/booking/"] .entity-form .tab-column fieldset > table {
    width: 60%;
  }
}
/* DASHBOARD PAGE */
#msdyn_serviceaccount_label {
  display: none;
}
/* COMPANY PROFILE PAGE */
form[action="/companyprofile/"] fieldset[aria-label="ACCOUNT INFORMATION"],
form[action="/companyprofile/"] fieldset[aria-label="Industry Details"],
form[action="/companyprofile/"] fieldset[aria-label="Addresses"],
form[action="/companyprofile/"] fieldset[aria-label="Billing Details"],
form[action="/companyprofile/"] fieldset[aria-label="Field Service Representative Details"] {
    box-shadow: 0px 1px 5px 0px rgb(0,0,0,0.2);
    padding: 20px 25px;
}
form[action="/companyprofile/"] fieldset[aria-label="ACCOUNT INFORMATION"] > .section-title,
form[action="/companyprofile/"] fieldset[aria-label="Industry Details"] > .section-title,
form[action="/companyprofile/"] fieldset[aria-label="Addresses"] > .section-title,
form[action="/companyprofile/"] fieldset[aria-label="Billing Details"] > .section-title,
form[action="/companyprofile/"] fieldset[aria-label="Field Service Representative Details"] > .section-title {
    top: 35px;
    position: relative;
}
form[action="/companyprofile/"] fieldset[aria-label="ACCOUNT INFORMATION"] > table,
form[action="/companyprofile/"] fieldset[aria-label="Industry Details"] > table,
form[action="/companyprofile/"] fieldset[aria-label="Addresses"] > table,
form[action="/companyprofile/"] fieldset[aria-label="Billing Details"] > table,
form[action="/companyprofile/"] fieldset[aria-label="Field Service Representative Details"] > table {
    margin-top: 20px;
}
form[action="/companyprofile/"] div[data-name="SUMMARY_TAB"] {
    margin-top: 20px;
}
form[action="/companyprofile/"] .crmEntityFormView .cell.crmquickform-cell {
    border: none !important;
}
form[action="/companyprofile/"] textarea {
  min-width: 100%;
  max-width: 100%;
}
/* SUPPORT EDIT PAGE */
.customer-case-grid .col-md-9 {
  padding-top: 20px;
  box-shadow: 0px 1px 5px 0px rgb(0,0,0,0.2);
}
html[dir=ltr] .customer-case-grid .crmEntityFormView .cell input[type=text],
html[dir=ltr] .customer-case-grid .crmEntityFormView .cell select,
html[dir=ltr] .customer-case-grid .crmEntityFormView .cell textarea {
  border: 1px solid var(--input-border-color);
  padding: 8px 10px;
}
.customer-case-grid .text-muted {
  left: 10px;
}
html[dir=ltr] .customer-case-grid .crmEntityFormView .cell input[type=text].readonly,
html[dir=ltr] .customer-case-grid .crmEntityFormView .cell input[type=text].aspNetDisabled,
html[dir=ltr] .customer-case-grid .crmEntityFormView .cell select.aspNetDisabled,
html[dir=ltr] .customer-case-grid .crmEntityFormView .cell textarea.readonly {
  background: #f1f1f1;
}
/*STUDENT MANAGE PAGE */
.sectionBlockLayout.manage-students {
  padding-top: 20px;
}
.sectionBlockLayout.manage-students .columnBlockLayout > h3 {
  margin-bottom: 24px;
}
.sectionBlockLayout.manage-students .toolbar-actions .pull-left:nth-child(2) .create-action {
  background: white;
  border-color: #312C2C;
  color: #312C2C;
}
.sectionBlockLayout.manage-students .toolbar-actions .pull-left:nth-child(2) .create-action:hover {
  color: black;
  border-color: #d1153a;
}
.sectionBlockLayout.manage-students .toolbar-actions .pull-left:last-child .create-action:before {
  content: "+";
  margin-right: 8px;
  font-size: 24px;
  line-height: 15px;
  position: relative;
  top: 2px;
}
.bulk-upload-section a.action.create-action {
  display: none;
}
/* STUDENT READINESS PAGE */
.student-readiness-page .header {
  margin-top: 25px;
}
.student-readiness-page .header .col-md-4 {
  margin-top: 25px;
}
.student-readiness-page .header .col-md-8 h4 {
  background: #f2f2f2;
  padding: 10px 20px;
}
.student-readiness-page .header .col-md-4 > .panel {
  margin-top: 20px;
  box-shadow: 0px 1px 5px 0px rgb(0, 0, 0, .18);
  padding: 10px 25px 30px;
}
.student-readiness-page .header .class-name {
  color: #035E45;
  text-decoration: underline;
}
.student-readiness-page .header .col-md-4 .panel-group .panel-heading {
  padding: 0;
  border-bottom: 1px solid #c5c5c5;
}
.student-readiness-page .header .col-md-4 .panel-group .panel-body {
  padding: 10px 0;
}
.student-readiness-page .header .col-md-4 #details-accordion {
  margin-top: 25px;
}
.student-readiness-page .header .col-md-4 .panel-group .panel-title > a {
  display: block;
  padding: 10px 0;
}
.student-readiness-page .header .col-md-4 .panel-group .panel-title > a > i {
  float: right;
  position: relative;
  top: 5px;
}
.student-readiness-page .readiness-form #stj_gender > label {
  margin-right: 18px;
}
.student-readiness-page .readiness-form .tab-column {
  position: relative;
}
.tab-column a[data-id="anchorcollapse"] {
  position: absolute;
  right: 0;
}
.student-readiness-page .entity-form .tab-column .section-title {
  font-size: 18px;
  font-weight: 100;
  cursor: pointer;
  padding-bottom: 10px;
  margin-bottom: 0;
  border-bottom: 1px solid var(--Primary-Color1);
}
.student-readiness-page .readiness-form .entity-form .tab-column fieldset {
  margin-bottom: 0;
}
.student-readiness-page .entity-form .tab-column fieldset > div {
  padding: 20px;
  padding-top: 25px;
  box-shadow: 0px 1px 5px 0px rgb(0, 0, 0, .18);
  border-bottom: 1px solid var(--Primary-Color1);
}
.student-readiness-page .actions input {
  background: #312C2C;
  border-color: #312C2C;
}
.student-readiness-page .actions input:hover,
.student-readiness-page .actions input:focus,
.student-readiness-page .actions input:active {
  background: black !important;
  border-color: black !important;
}
/* PAYMENT SUCCESS PAGE */
.payment-success-page section.receipt-header {
  background: #025D44;
  color: white;
  padding: 20px 80px;
  text-align: center;
}
.payment-success-page section.receipt-header > div {
  margin-bottom: 15px;
  font-size: 26px;
  font-weight: 600;
}
.payment-success-page section.receipt-header > div > img {
  width: 30px;
  margin-right: 12px;
}
.payment-success-page .columnBlockLayout {
  border: 1px solid #dedede;
  background: #fbfbfb;
  width: 90%;
  margin: 40px auto;
  float: unset;
}
.payment-success-page section.receipt-message {
  text-align: center;
  padding: 35px;
}
.payment-success-page section.receipt-message p {
  width: 58%;
  margin: 0 auto;
}
.payment-success-page section.receipt-message > img {
  width: 65px;
}
.payment-success-page section.receipt-message > h3 {
  font-size: 30px;
}
.payment-success-page section.receipt-message > h4 {
  color: #838080;
  margin-bottom: 20px;
}
.payment-success-page section.order-summary {
  box-shadow: 0px 1px 5px 0px rgb(0, 0, 0, .18);
  background: white;
  width: 90%;
  max-width: 550px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 60px;
  padding: 15px 30px;
  border-radius: 3px;
}
.payment-success-page section.order-summary h2 {
  margin-top: 4px;
  font-size: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #7d7d7d;
  margin-bottom: 0;
}
.payment-success-page section.order-summary .items .item {
  border-bottom: 1px solid #dedede;
  padding: 10px 0;
}
.payment-success-page section.order-summary .items .item .item-name {
  font-size: 16px;
}
.payment-success-page section.order-summary .amount-summary {
  margin-top: 25px;
}
.payment-success-page section.order-summary .amount-summary > div, .payment-success-page section.order-summary .Total-summary > div {
  display: flex;
}
.payment-success-page section.order-summary .amount-summary .c-label, .payment-success-page section.order-summary .Total-summary .c-label {
  flex-basis: 60%;
  margin-left: 15px;
  margin-bottom: 10px;
  font-weight: 600;
}
.payment-success-page section.order-summary .Total-summary {
  border-top: 1px solid #7d7d7d;
  margin-top: 5px;
  padding-top: 15px;
  font-size: 22px;
  font-weight: 600;
  color: black;
}
/* CERTIFICATE PAGE */
.course-class-selector .subheader .coursedetail {
  font-weight: 600;
  font-size: 18px;
  color: #312C2C;
}
.certificates {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50px;
  margin: 30px 0;
}
.certificates .certificate {
  flex-basis: 30%;
  min-width: 342px;
  max-width: 342px;
  background-color: #fef1f3;
  background: url('/certificate-background.png') no-repeat;
  background-size: cover;
  padding: 130px 48px 60px;
  height: 365px;
  text-align: center;
}
.certificates::after {
  content: "";
  width: 30%;
}
.certificate .certificatedetail[title="Course name"] {
  font-size: 18px;
  font-weight: 600;
  color: black;
  margin-bottom: 10px;
}
.certificate .certificatedetail {
  font-size: 14px;
}
.certificate .btn {
  margin-top: 38px;
}
/* DASHBOARD PAGE */
.dashboard-invitation {
  margin-top: 40px;
}
.dashboard-invitation .conenrolment {
  background: #f2f2f2;
  padding: 8px 15px;
  margin-bottom: 8px;
}


/* TRAININGS BOOKINGS PAGE */
form[action*="/training/bookings"] .page-heading, form[action*="/training/bookings"] .progress {
  display: none;
}
form[action*="/training/bookings"] .sectionBlockLayout {
  padding-top: 20px;
}
form[action*="/training/bookings"] .tab .tab-column:first-child fieldset[aria-label="Billing Details"] table tbody tr:first-child td,
form[action*="/training/bookings"] .tab .tab-column:first-child fieldset[aria-label="Shipping Address"] table tbody tr:first-child td {
  padding-bottom: 15px;
}
form[action*="/training/bookings"] .tab .tab-column:first-child fieldset {
  margin-bottom: 35px;
}
form[action*="/training/bookings"] fieldset[aria-label="Order Summary"] {
  box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 18%);
  padding: 18px;
}
form[action*="/training/bookings"] fieldset[aria-label="Order Summary"] .section-title {
  margin-bottom: 0 !important;
  padding-top: 30px;
  padding-bottom: 10px;
  position: relative;
  top: 25px;
  border-bottom: 2px solid #312C2C !important;
}
form[action*="/training/bookings"] fieldset[aria-label="Order Summary"] > table td {
  border: none !important;
}
fieldset[aria-label="Order Summary"] table.section {
  margin-top: 7px;
}
fieldset[aria-label="Who are you Booking for?"] label {
    margin-bottom: 10px;
}
div[data-name="tab_checkout"] > .tab-column:first-child {
    width: 65% !important;
}
div[data-name="tab_checkout"] > .tab-column:nth-child(2) {
    width: 35% !important;
}
iframe#quickview_ordersummary_checkout {
  border-bottom: 1px solid #312C2C;
  min-height: 280px;
}
#subgrid_ordersummary tr {
  border-top: none !important;
  background: white;
  border-bottom: 1px solid #dedede;
}
#subgrid_ordersummary tr:last-child {
  border-bottom: none;
}
#subgrid_ordersummary .view-grid .table>tbody>tr>td {
  border-bottom: none !important;
  padding: 5px 0;
  word-break: break-word;
}
#subgrid_ordersummary .entity-grid {
  min-height: unset;
}
#subgrid_ordersummary .table-responsive {
  border: none;
  margin-bottom: 0;
}
#subgrid_ordersummary .view-grid a.mobile-view-grid {
  color: black;
  text-decoration: none;
  pointer-events: none;
}
#subgrid_ordersummary .view-grid a.mobile-view-grid .fa {
  display: none;
}
#subgrid_ordersummary .view-grid table td {
  font-size: 14px !important;
}
fieldset[aria-label="Order Summary"] .money {
  padding-bottom: 0;
}
fieldset[aria-label="Order Summary"] .money .control input {
  font-size: 20px;
  color: #312C2C;
  font-weight: 600;
  padding-top: 0;
}
fieldset[aria-label="Order Summary"] .money .info label {
  font-size: 18px;
  color: #312C2C;
}
fieldset[aria-label="Promo Code"] {
  border: 1px solid #fac2cd;
  padding: 20px;
  border-radius: 2px;
}
fieldset[aria-label="Promo Code"] > .section-title {
  display: none;
}
fieldset[aria-label="Promo Code"] #stj_promocode_label {
  font-size: 24px;
  color: #312C2C;
}
#stj_donation td[role="radiogroup"] {
  display: flex;
  flex-direction: row-reverse;
  margin-right: 20px;
}
#stj_donation tr[role="group"] {
  display: flex;
}
#stj_donation td[role="radiogroup"] input {
  margin-top: 0 !important;
  margin-right: 10px;
}
fieldset[aria-label="Donation"] > .section-title {
  margin-bottom: 0 !important;
}
fieldset[aria-label="Donation"] > table tbody td > .info {
  width: 100% !important;
  padding-top: 10px !important;
  margin-bottom: 5px;
}
#btncleardonations {
  margin-top: 10px;
  background: none;
  color: #312C2C;
  border-color: #312C2C;
  padding: 5px 14px;
}
form[action*="/training/bookings"] .actions {
  padding-top: 0;
  margin-top: -20px;
}
/* EVENT REQUEST */
form[action*="events/request"] .tab > .tab-column {
  background: #F9F9F9;
  padding: 70px 45px 20px!important;
  border: 1px solid #dedede;
  border-radius: 3px;
}
div[data-name="tab_payment"] > .tab-column:first-child {
    width: 65% !important;
}
div[data-name="tab_payment"] > .tab-column:nth-child(2) {
    width: 35% !important;
}
/*Checkout page */
input#btnUseCredit {
  background: white;
  border-color: #312C2C;
  color: #312C2C;
}
input#btnUseCredit:hover {
  color: black;
  border-color: #d1153a;
}
input#btnUseCredit:active, input#btnUseCredit:focus:active {
  background-color: white !important;
}
#quickview_ordersummary_checkout .cell.money.form-control-cell {
  display: flex;
  align-items: center;
  border-top: 1px solid #7d7d7d;
}
#stj_taxablegst_label {
  padding-left: 10px;
  color: black;
  margin-bottom: 0;
}
#stj_taxablegst {
  padding: 0;
  color: black;
}
#stj_feeamount:focus {
  outline: none;
}
/* Payment Gateway */
literal#WebResource_paymentpage {
  background: #f9f9f9;
  display: block;
  padding: 25px 45px 35px;
  width: 95%;
  margin-top: 24px;
  margin-bottom: -60px;
}
literal#WebResource_paymentpage input[type="text"] {
  padding: 5px 10px;
  height: 40px;
  border: 1px solid #b1b1b1;
  border-radius: 4px;
}
literal#WebResource_paymentpage label {
  margin: 20px 0 5px;
}
literal#WebResource_paymentpage #btnProcess {
  margin-top: 20px;
  background: var(--Primary-Color1);
    color: white;
    border: 1px solid;
    border-color: var(--Primary-Color1);
    border-radius: 3px;
    font-size: 16px;
    padding: 8px 25px;
}
literal#WebResource_paymentpage #btnProcess:hover {
  background-color: var(--Secondary-color3);
  border-color: var(--Secondary-color3);
  color: white;
}
literal#WebResource_paymentpage #btnProcess:focus, literal#WebResource_paymentpage #btnProcess:active {
  outline: none;
  background-color: var(--Secondary-color3) !important;
  color: white;
}
[data-name="tab_payment"] > .tab-column:first-child:before {
  white-space: pre;
  font-size: 18px;
  color: #312C2C;
  line-height: 31px;
  font-weight: bold;
  content: "Credit / Debit Card";
}
literal#WebResource_paymentpage:before {
  content: "Safe money transfer using your bank account.";
  display: block;
  position: absolute;
  left: 0;
  top: 120px;
}
textarea#msdyn_primaryincidentdescription {
    height: 80px;
}
#quickview_workordersummary .control input[type="text"] {
    border: 1px solid #dedede;
    padding: 10px;
    background: #f1f1f1;
}
#subgrid_servicetasks table td {
    font-size: 14px !important;
    word-break: break-word;
}

#subgrid_servicetasks table td a {
    pointer-events: none;
}
#quickview_workordersummary input:focus {
    outline: none;
}

/* Events Request */
form[action*="events/request"] .tab-title {
    display: none;
}
form[action*="events/request"] #stj_bookingcontact_name {
    border: 1px solid #ADABAB;
    background-color: #eee;
    padding: 10px 8px;
}

button:focus, input:focus {
    outline: 2px #B48B21;
    outline-offset: 0;
}

a:focus {
    outline: 5px auto #B48B21;
}


.row.hearing_location.hearing_room.hearing-col.col-xs-12.col-sm-6.col-lg-6 {
    margin-top: 0px;
}

.login-register-page ul.passwordInfo {
    font-size: smaller;
    list-style: disc !important;
    padding-left:20px !important;;
    margin-top:-15px;
    margin-bottom: 10px;
}

.navbar-static-top.navbar .menu-bar > .navbar-nav > li > button {
    font-family: Roboto,sans-serif;
    font-size: 1em;
    font-weight: bold; 
    text-decoration:none;
    color: #fff;
    padding: 14.5px 10px 14.5px 10px;
    line-height: 21px;
 }
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > button.dropdown-toggle:focus{
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checklistitemcontainer p.info
{
    color:#003C71;
    font-family: Roboto,sans-serif;
    margin-top:-10px;
    margin-bottom: 5px;
}

input[type=text]:read-only {
  background-color: #E5E6E6;
}
select:disabled {
  background-color: #E5E6E6 !important;
}

background-color: #E5E6E6 !important;

span.required 
{
    color : #a94442;
}

.modal-warning:before {
  content: "\e101";
  font-family: 'Glyphicons Halflings';
  padding: 15px 5px 15px 0px;
  color: #E57310;
 vertical-align: bottom;
}

.backgroundGray 
{
    background-color: rgba(121, 121, 121, 0.5);
    border-width: 1px;
    border-radius: 0.5rem;
}

.modal-dialog-centered {
    padding-top:10%;
    opacity:1;
}

.modal-dialog-centered .modal-content{
    border-radius:5px;
}

#acceptNewTermsConditions .modal-header{
    padding: 24px 0px 0px 15px;
}

#acceptNewTermsConditions .modal-body{
   padding: 16px 24px 0px 47px;
}

#acceptNewTermsConditions .modal-footer{
    border: 0px;
    padding: 16px 35px 24px 15px;
}

#acceptNewTermsConditions h1
{
   margin-top: 0px;
   margin-bottom: 0px
}
.modal-dialog .noBorder
{
    border:0px;
}

.modal-body .noBorder
{
    border:0px;
}

h1.welcome_nonUser
{
    margin-top:41px;
    margin-bottom: 68px;
}

h2.homepageHeader2
{
    margin:0px;
    color:#011A3C;
    font-weight:700;
}

div.homeContent
{
    margin-top:24px;
    margin-bottom:48px;
}

.homeContent p
{
    padding-left:5px;
}

.btn-noDecoration
{
    text-decoration:none;
    padding: 16px 24px !important;
    min-width:210px;
}

.margin-bottom-64
{
    margin-bottom:64px;
}

.margin-bottom-48
{
    margin-bottom:48px;
}


.Message-icon-warning .fa-exclamation-triangle  {
    background-color: #FFF1D2;
    color: #E57310;
    font-size:1.2em;
    font-weight:600;
}

.Message-icon-warning1 {
    background-color: #FFF1D2;
    color: #404040;
    font-size: 14px;
    font-weight:600;
    display: table-cell;
    width: 5%;
    vertical-align: top;
    padding: 10px 5px 0 10px;
    text-align: center;
}

.Message-icon-warning1 .fa-exclamation-triangle  {
    background-color: #FFF1D2;
    color: #E57310;
    font-size:1.2em;
    font-weight:600;
}



.Message-body1
{
    display: table-cell;
    font-size: 14px;
    line-height: 22px;
    width: 95%;
    vertical-align: middle;
    padding: 12px 10px 0px 10px;
}


.Message-body ul{
    font-size: 14px;
    padding-left:10px;
    margin-bottom:0px;
}

#documentscontainer .Message-body p {
    font-size: 14px;
}

#documentscontainer .Message {
    margin:0px;
}

/* -- For upload model messages --*/

.modal-upload-message 
{
    border-radius: 4px;
    padding: 24px;
    position: relative;
    width: 100%;
    background-color: #FFF1D2;
    color: #36454F;
} 

.modal-success-message 
{
    border-radius: 4px;
    padding: 24px;
    position: relative;
    width: 100%;
    background-color: #E7F4E4;
    color: #36454F;
} 


#docuploadCompletionModalContent h2
{
    color: #202020;
    font-family: Roboto;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; 
    margin:0px;
}

.docupload-success-icon
{
    color:#E57310;
    padding-right: 7px;
}

#docuploadCompletionModalContent .modal-header {
    padding:0px;
    border:0px;
}

#docuploadCompletionModalContent .modal-body
{
    padding: 0px;
  color: #36454F;

    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; 
}

.docupload-success-text
{
    padding: 16px 34px;
    margin:0px;
} 

#docuploadCompletionModalContent a
{
    color: #003C71;
    font-weight: 700;
    text-decoration-line: underline;
}

.red.error.itemLevel {
    /*display: none; */
    background-color: #F9DEDE;
    font-size: 0.9em;
    padding: 5px;
    color: #cb2027;
}

.red.error.itemLevel.show:before {
    content: "\e107" !important;
    padding: 5px 10px 10px 5px;
    font-family: 'Glyphicons Halflings' !important;
}
.red.error.itemLevel p {
   color: #404040;
    padding-top:5px;
    margin:0px;
color:#404040;
}
.margin-10 
{
    margin:10px 10px 10px 7px;
}

input#acceptTerms
{
    transform: scale(1.7) !important;
    margin: 6px 4px 4px 0px;
}

p.acceptTerms
{
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; 
}

#vcms_primarycategory , #rtvcms_primarycategory {
    width:400px;
}

#vcms_documentcategory, #rtvcms_documentcategory{

    width:400px;
}


span.small
{
    font-size:small;
    font-weight:normal;
    color:#404040;
}

#divInfoMessageWarning
{
    margin:0px 20px 10px 10px;
}

fieldset[aria-label="Document upload"] > .section {
  padding:0 5px 0 5px !important;
}

fieldset[aria-label="Document Upload"] > .section {
  padding:0 5px 0 5px !important;
}


#fileErr100
{
    color:#E72300;
}

.padding-top10
{
    padding-top:10px;
}

.padding-top20
{
    padding-top:20px;
}

.margin-top20
{
    margin-top:20px;
}

/* GLOBAL RESPONSIVE DESIGN */
@media screen and (min-width: 1px) and (max-width: 600px) {
  .footer-top .logo-part {
    margin-bottom: 30px;
  }
  .footer-top .certificate .icon-wrap {
    justify-content: left;
  }
  .footer-list.col-sm-3:last-child {
    float: left;
  }
  .footer-list.col-sm-3:last-child ul li {
    text-align: left;
  }
  footer .footer-bottom p {
    text-align: left;
  }
   
  ul.footer-contact.row {
    padding-top: 20px !important; 
    padding-left:35px !important; 
   }


   .btn-noDecoration 
    {
        margin-bottom :20px;
    }

    #vcms_primarycategory, #rtvcms_primarycategory  {
    width:280px;
    }

    #vcms_documentcategory, #rtvcms_documentcategory{
    width:280px;
    }

}