@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css");
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900|Open+Sans:300,400,600,700,800');

html {
     font-size: 1rem !important;
     background: #EFF5F8;
}

.fade.in {
     overflow: hidden;
}

body {
     /*background: url("../../../download.php?t=document&f=30&y=ZmlsZUlkPTMw") repeat scroll center top;*/
     color: #0E191F;
     font-family: 'Open Sans', sans-serif;
     font-size: 1rem;
     line-height: 1.3rem;
     height: 100%;
     min-width: 100%;
     overflow: auto;
     position: relative;
     font: 1rem 'Open Sans', sans-serif;
     background: transparent;
}

.dashnote p {
     margin: 15px;
}

.field-body p {
     margin: 0 0 10px;
}

#main h2 {
     margin-bottom: 20px;
}

#main .dashnote h2 {
     margin-bottom: 10px;
}

#wrapper {
     /*width: 1080px;*/
     margin: 0px auto;
     position: relative;
     min-height: 100%;
     height: auto;
     background: transparent;
     border: none;
     box-shadow: none;
     width: 100%;
     max-width: none;
     min-width: 100%;

}

a,
a:link,
a:visited,
a:hover,
a:active,
a.active {
     font-family: Arial, Helvetica, sans-serif;
     color: #ffffff;
}

p {
     margin: 15px !important;
}

#wrapper:before {}

a.btn {
     background: #f9f9f9;
     border: 1px solid #CCCCCC;
     border-radius: 5px 5px 5px 5px;
     color: #444444;
     display: block;
     line-height: 1.8em;
     margin: 0 0 0 12px;
     padding: 6px;
     text-decoration: none;
}

#main {
     background: transparent;
}

#pa {
     padding-top: 11%;
     background: #ffffff;
     box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.06);
}

/*****************************************************************
HEADER
*****************************************************************/
/* layout */

#header {
     border-bottom: none;
     height: auto;
     position: fixed;
     width: 100%;
     background-color: #ffffff !important;
     box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.06);
     z-index: 999;
     border-top: 30px solid #19164e;
}

html[lang="en"] #header {
     background: url("https://events.decorporate.ca/CNA2022Awards/abstract/download.php?t=document&f=829&y=ZmlsZUlkPTgyOQ==") no-repeat scroll 0px 0px / contain;
}

html[lang="fr"] #header {
     background: url("https://events.decorporate.ca/CNAStellarACPilot/abstract/download.php?t=document&f=1425&y=ZmlsZUlkPTE0MjU=") no-repeat scroll 0px 0px / contain;
}

#header div.inner-element {
     height: 125px !important;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: end;
     padding-right: 25px;
}

#elementHeaderBottom {
     display: none;
}

/* styles */
#header h1,
#header h2 {
     font-family: 'Open Sans', sans-serif;
     color: #039;
     text-transform: uppercase;
     font-weight: 300;
     font-size: 32px;
     line-height: 45px;
     padding-top: 34px;
     float: right;
     text-align: right;
     width: auto;
     margin: 0px;
     line-height: 32px;
     padding-right: 15px;
}

#header h1 {
     line-height: 40px;
     font-size: 1.6rem;
     font-style: italic;
     display: none;
}

#header h2 {
     clear: both;
     text-align: right;
     top: 32%;
     position: absolute;
     right: 0;
     font-size: 34px;
     font-weight: 600;
     color: #19164e;
     padding-top: 0px;
}

#header #event_title:before,
#header #event_title:after {
     display: inline-block;
     position: relative;
     content: "";
}

#header #event_title {
     display: grid;
     top: 0;
     position: relative;
     clear: unset;
     right: unset;
     padding: 0;
     margin: 0;
     gap: 0.3rem;
}

#header #event_title:before {
     content: "2026 Call for Abstracts";
     color: #108aa5;
}

#header #event_title:after {
     content: "Deadline: January 31, 2026";
     color: #444444;
     font-size: 1.6rem;
     font-style: italic;
     font-weight: normal;
     text-transform: none;
}


#user {
     top: -27px;
     z-index: 20;
     right: 15px;
}

#user li {
     float: left;
     padding: 0 5px;
     border-right: 1px solid rgba(255, 255, 255, 0.6);
     font-weight: 300 !important;
     margin-top: 0px;
     margin-left: 0px;
}

#user a {
     font-size: 0.8rem;
}

#user li:before {
     display: none;
}

.form-control {
     color: #333333;
}

/*****************************************************************
NAVIGATION
*****************************************************************/
/* layout */

#pa>.inner-element {
     width: 90% !important;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 24% 74%;
     gap: 1rem;
}

body.login-page #pa>.inner-element {
     grid-template-columns: 100% !important;
}

#pa>.inner-element.loginpage {
     display: block !important;
}

#pa>.inner-element #navigation {
     width: 100%;
     position: sticky;
     top: 0;
}

#pa>.inner-element #main {
     margin-left: 0;
     padding-top: 0px;
}


#pa>.inner-element #navigation ul.main-nav li div.panel-heading a:focus,
#navigation ul.main-nav li div.sideSubNav ul li a.active:focus {
     outline: none;
}

#navigation ul.main-nav li div.panel-heading a {
     background: #19164e;
     border: 1px solid #19164e;
     border-radius: 5px 5px 5px 5px;
     color: #ffffff;
     display: block;
     line-height: 1.8em;
     margin: 0 0 0 12px;
     padding: 13px 15px;
     text-decoration: none;
     font-size: 1.1rem;
}

#navigation ul.main-nav li div.panel-heading a:hover,
#navigation ul.main-nav li div.sideSubNav ul li a:hover,
ul.main-nav #base-menu .panel-heading a.active {
     background: #108aa5;
     text-decoration: underline;
     border-color: #108aa5;
}

#navigation ul.main-nav li div.sideSubNav {
     background: none;
     margin-left: 14px;
     width: 94%;
}

#navigation ul.main-nav li div.sideSubNav ul li {
     border-bottom: none;
}

#navigation ul.main-nav li div.sideSubNav ul li a {
     background: #19164e;
     color: #ffffff;
     padding: 13px 15px;
     font-size: 1.1rem;
}

#navigation ul.main-nav li div.sideSubNav ul li a.active {
     background: #108aa5;
     color: #ffffff;
}

#navigation ul.main-nav li div.sideSubNav ul li a.active:hover {
     background: #108aa5;
}

#navigation li a,
.nav-link {
     padding: 6px;
}

/*****************************************************************
CONTENT
*****************************************************************/
/* layout */



#main h2,
div.field h4 {

     font-weight: 300;
     font-size: 22px;
     line-height: 1.333;
     margin-top: 20px;
     margin-bottom: 10px;
     display: block;
     color: #19164e;
     width: 100%;
     position: relative;

}



#main a,
#main a:link,
#main a:visited,
#main a:hover,
#main a:active,
#main a.active {
     color: #000000;
}

h4.createTitle,
h4.createTopic,
h4.createProposal,
h4.createOther,
h4.createAudio,
h4.create {
     background: #efefef none repeat scroll 0 0;
     border: 1px solid #cccccc;
     color: #0E191F;
     padding: 7px;
}

/* breadcrumb */
div.navBreadcrumb {
     overflow: hidden;
     margin-bottom: 10px;
     position: relative;
     left: -9px;
     border-bottom: 1px solid #cccccc;
     font-weight: 300;
}

div.navBreadcrumb:after {
     content: "";
}

a.breadcrumb {
     background: none;
     border: none;
     font-weight: 300;
     color: #0E191F;
}

div.navBreadcrumb span.breadcrumb {
     margin-bottom: 0px;
     display: inline-block;
     color: #0E191F;
     font-weight: normal;
     color: #039;
}

.breadcrumb {
     margin-left: 4px;
     margin-right: 4px;
     padding: 0px;
     background: none;
}

#authorDetails a.btn {
     line-height: 1.8em;
     margin: 0 0 0 12px;
     padding: 7px 15px;
     display: initial;
     background: #007bff;
     color: #ffffff;
     border-radius: 4px;
     -webkit-transition: background .2s ease;
     -moz-transition: background .2s ease;
     -ms-transition: background .2s ease;
     -o-transition: background .2s ease;
     transition: background .2s ease;
     margin: 7px 15px;
     font-size: 14px;
     letter-spacing: 0px;
     font-weight: normal;
     border: 1px solid #007bff
}

#authorDetails a.btn:hover {
     background: #0069d9;
     color: #ffffff;
     border-radius: 4px;
     border-color: #0062cc;
}

/* navigation buttons */
/***********************************
	Navigation Buttons
***********************************/

div.navButtons button.nav-link {
     background: #ffffff none repeat scroll 0 0;
     border: 1px solid #cccccc;
     border-radius: 6px;
     margin-right: 5px;
     padding: 7px 12px;
     text-decoration: none;
     margin-top: 15px;
}

div.navButtons {
     text-align: right;
}

div.navButtons button.nav-link:hover {
     background: #efefef;
     text-decoration: underline;
}

div.navButtons button.nav-link:before,
div.navButtons button.nav-link:After {
     position: relative;
     top: 1px;
     display: inline-block;
     font-family: 'Glyphicons Halflings';
     -webkit-font-smoothing: antialiased;
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -moz-osx-font-smoothing: grayscale;
     color: #2980b9;
}

div.navButtons #btnBack:before {
     content: "\e079";
     margin-right: 7px;
}

div.navButtons #btnNext:after {
     content: "\e080";
     margin-left: 7px;
}

div.row button.nav-link {
     background: #ffffff none repeat scroll 0 0;
     border: 1px solid #cccccc;
     border-radius: 6px;
     padding: 0px;
     text-decoration: none;
}

div.row button.nav-link:hover {
     background: #efefef;
     text-decoration: underline;
}

/* general styles */
/*****************************************************************
FOOTER
*****************************************************************/
/* layout */

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active,
#footer a.active {
     color: #222222;
}

@font-face {
     font-family: 'MyConferencesuite_Alliance';
     src: url("/asset/fonts/font-icon/fonts/MyConferencesuite_Alliance.eot?z1yefj");
     src: url("/asset/fonts/font-icon/fonts/MyConferencesuite_Alliance.eot?z1yefj#iefix") format("embedded-opentype"), url("/asset/fonts/font-icon/fonts/MyConferencesuite_Alliance.ttf?z1yefj") format("truetype"), url("/asset/fonts/font-icon/fonts/MyConferencesuite_Alliance.woff?z1yefj") format("woff"), url("/asset/fonts/font-icon/fonts/MyConferencesuite_Alliance.svg?z1yefj#MyConferencesuite_Alliance") format("svg");
     font-weight: normal;
     font-style: normal;
}

#ers {
     background-size: contain;
     position: absolute;
     display: block;
     top: 12px;
     left: 11px;
     height: 140px;
     width: 65px;
     text-indent: -9999em;
     overflow: hidden;
     background: none;
}

p.copyright a {
     color: #fff;
}

#footer #inner-footer #tagline:before {
     font-family: 'MyConferencesuite_Alliance' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     content: "\e900";
     color: #f7942d;
     font-size: 60px;
     position: absolute;
     left: -80px;
}

#footLinks {
     float: left;
     margin-bottom: 0px;
}

#inner-footer {
     position: relative;
     height: 100%;

     width: 80%;
     padding-top: 55px;

}

#footer {
     border-top: none;
     background: transparent !important;
     box-shadow: none !important;
     padding: 15px 0px;
}

#inner-footer:before {
     border-top: 1px solid rgba(00, 00, 00, 0.1);
     display: block;
     content: "";
     width: 100%;
     height: 1px;
}

#inner-footer:after {
     display: block;
     content: "";
     background: url(https://events.decorporate.ca/CNA_Stellar_Certification/abstract/download.php?t=document&f=1243&y=ZmlsZUlkPTEyNDM=) no-repeat center center / contain;
     width: 100px;
     height: 100px;
     position: absolute;
     right: 50%;
     top: 6px;
     padding: 0px;
     background-color: #f0f5f8;
     background-size: 63%;
}

/*****************************************************************
PAGE SPECIFIC
*****************************************************************/
/* SUPPORT FORM */
.block-wrapper.active-page {
     display: block;
     height: 100%;
     overflow: visible;
}

/*****************************************************************
Custom
- set the custom field display options
*****************************************************************/

.top-navigation .navButtons {
     display: none;
}

div.outer-element {
     width: 100%;
     margin: 25 auto;

}



div.inner-element {
     width: 100%;
     margin: 0 auto;
}




#fieldVar-2942 div.fieldBody h2 {
     text-align: left !important;
     display: block;
     margin-top: 40px;
     line-height: normal;
}

#fieldVar-2942 div.fieldBody h2 img {
     float: left;
     padding-right: 12px;
     position: relative;
     top: -9px;
}

/* Login Page */
#loginbtn,
#registerbtn {
     padding: 9px 24px;
     display: inline-block;
     background: #007bff;
     color: #ffffff;
     border-radius: 4px;
     margin: 9px 0px;
     font-size: 14px;
     letter-spacing: 0px;
     font-weight: 600;
     border: 1px solid #007bff;
     height: auto;
     line-height: normal;
     width: auto;
     -webkit-transition: background .2s ease;
     -moz-transition: background .2s ease;
     -ms-transition: background .2s ease;
     -o-transition: background .2s ease;
     transition: background .2s ease;
}

#loginbtn:hover,
#loginbtn:focus,
#registerbtn:hover,
#registerbtn:focus {
     background: #0069d9;
     color: #ffffff;
     border-radius: 4px;
     border-color: #0062cc;
}

p.lostPassword a,
p.createAccount a {
     background: none;
     border: none;
     border-radius: 0px;
     color: #007bff !important;
     display: inline-block;
     line-height: 1.8em;
     margin: 0px;
     padding: 0px;
}

p.lostPassword a:hover,
p.createAccount a:hover,
p.lostPassword a:focus,
p.createAccount a:focus {
     background: none;
     color: #000000;
     text-decoration: underline;
}

.has-error .form-control {
     border-color: inherit !important;
}

.form-control.error {
     border-color: #b94a48 !important;
}

.has-error .form-control:focus {
     border-color: inherit !important;
     -webkit-box-shadow: inherit !important;
     box-shadow: inherit !important;
}

.form-control.error:focus {
     border-color: #953b39;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

#main h1 {
     margin: 15px !important;
}

div.field {
     margin: 15px auto;
     display: grid;
     height: 100%;
     overflow: visible;
     padding: 5px 19px;
}

.field h3.field-header,
.field .field-body {
     font-size: inherit;
     /*float: left;
    width: 80%;*/
     margin-top: 0;
     padding-right: 10px;
     width: 100%;
}

.field#fieldVar-237 .field-body {
     font-size: inherit;
     float: left;
     width: 70%;
     margin-top: 0;
     padding-right: 10px;
}

/*
  .field .field-values{
	width: 70%;
    float: right;
  }
    */

#btnNext {
     margin: 25px 0px;
}

div#submission-7086 .field-body {
     width: 100%;
}

div.image-input p input+label {
     padding-left: 20px;
     font-weight: normal;
}

.pageHead h3 {
     width: 100% !important;
     display: block;
     font-weight: bold;
     font-size: 20px !important;
     margin-top: 15px !important;
     border-bottom: 1px solid rgba(00, 00, 00, 0.1);
     padding-bottom: 10px;
}

.pageHead .field-body {
     width: 100%;
     display: block;
}

.pageHead .field-values hr {
     display: none;
}

.field-footer {
     display: block;
     clear: both;
}

textarea {
     height: 150px !important;
}

#submission-7083 .field-body,
#submission-7083 .field-values,
#submission-7044 .field-body,
#submission-7044 .field-values {
     width: 100% !important;
}

input[type="radio"],
input[type="checkbox"] {
     margin: 0;
     width: 18px;
     height: 18px;
}

#AuthorSubMenu ul.page-breadcrumb {
     display: none !important;
}

#main a,
#main a:link,
#main a:visited,
#main a:hover,
#main a:active,
#main a.active {
     color: #333333;

}

.breadcrumb {
     display: flex;
     align-items: center;
     gap: 0.5rem;
}

.breadcrumb>li {
     float: none;
}

.breadcrumb>li+li:before {
     padding: 0px;
     color: #cccccc;
     content: "/\00a0";

}


#main .breadcrumb>li h1 {
     margin: 0px !important;
     padding: 0px !important;
     font-size: 1rem !important;
}

li.pageInvalid.active-breadcrumb a {
     border-bottom: 3px solid rgba(2, 4, 81, 0.5);
     background: transparent !important;
     color: rgba(14, 25, 31, 1.0) !important;
}

li.pageInvalid a {
     border-bottom: 3px solid rgba(2, 4, 81, 0.2);
     background: transparent !important;
     color: rgba(14, 25, 31, 0.4) !important;
}

a.pageValid,
li.pageValid a {
     border-bottom: 3px solid rgba(39, 174, 96, 0.3);
     background: transparent !important;
}

ul.breadcrumb li,
ul.breadcrumb li.active-breadcrumb,
ul.page-breadcrumb li.active-breadcrumb {

     font-weight: normal;
     margin-left: 0px !important;
     padding: 0 !important;
}

.breadcrumb li a {
     padding-bottom: 5px;
}

.breadcrumb li a h1 {}

.breadcrumb li.active-breadcrumb a h1 {
     color: #222222 !important;
}

#submission-7034 .field-body {
     width: 100% !important;
}

.newAuthor h4,
.authorToPaperDisplay h4{
     margin: 0px 0px 10px 0px;
     font-size: 18px;
     font-weight: bold;
     padding-bottom: 5px;
     border-bottom: 1px solid rgba(00, 00, 00, 0.1);
}

button.nav-link,
.btn-group button {
     margin: 25px 0px;
     padding: 12px 28px;
     color: #ffffff;
     font-size: 1.2rem;
     background: rgba(00, 137, 163, 0.8);
     border-color: rgba(00, 137, 163, 1.0);
     transition: all 0.3s ease;
     transform: scale(1);
     box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
}

button.nav-link:hover,
button.nav-link:focus,
.btn-group button:hover,
.btn-group button:focus {
     color: #ffffff;
     background: rgba(00, 137, 163, 1);
     border-color: rgba(00, 137, 163, 1.0);
     transition: all 0.3s ease;
     transform: scale(1.05);
     box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
}

#btnBack {
     float: left;
}

#btnNext {
     float: right;
}

div[id^="reviewer-listing-block-"] a.modalset {
     display: none;
}

#authorDetails a.btn {
     font-size: 1rem !important;
     color: #ffffff !important;
}

div.newAuthor,
div.authorToPaperDisplay {
     margin: 10px 0px;
     border: 1px dashed rgba(00, 00, 00, 0.1) !important;
     height: 100%;
     min-height: 85px;
}

div.newAuthor h4,
.authorToPaperDisplay h4{
     font-size: 16px;
     font-weight: bold;
     font-family: 'Open Sans', serif;
     margin: 5px 0px;
}

li.active-breadcrumb a {
     position: relative;
}

li.active-breadcrumb a:before {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     content: "\f041";
     position: absolute;
     top: -30px;
     font-size: 24px;
     left: 0;
     left: 44% !important;
     color: rgba(52, 152, 219, 0.6);
}

.field h2 {
     font-size: 18px !important;
     line-height: normal !important;
     font-weight: 400 !important;
     font-family: 'Open Sans', san-serif !important;
}

button[id="submitGrade"] {
     background: rgba(46, 204, 113, 0.8);
     border-color: rgba(46, 204, 113, 1.0);
     color: #ffffff;
}

button[id="submitGrade"]:hover,
button[id="submitGrade"]:focus {
     background: rgba(46, 204, 113, 1.0);
     border-color: rgba(46, 204, 113, 1.0);
     color: #ffffff;
}

#submitGradeBttn {
     text-align: center;
}

/*
#submission-9058 h3.field-header,
#submission-9122 h3.field-header,
#submission-9123 h3.field-header,
#submission-9124 h3.field-header,
#submission-9125 h3.field-header,
#submission-9127 h3.field-header,
#submission-9128 h3.field-header,
#submission-9129 h3.field-header,
#submission-9130 h3.field-header,
#submission-9131 h3.field-header,
#submission-9133 h3.field-header,
#submission-9134 h3.field-header,
#submission-9135 h3.field-header,
#submission-9137 h3.field-header,
#submission-9138 h3.field-header,
#submission-9139 h3.field-header,
#submission-9141 h3.field-header,
#submission-9142 h3.field-header,
#submission-9143 h3.field-header,
#submission-9144 h3.field-header,
#submission-9145 h3.field-header,
#submission-9147 h3.field-header,
#submission-9149 h3.field-header,
#submission-9150 h3.field-header,
#submission-9151 h3.field-header,
#submission-9152 h3.field-header,
#submission-9154 h3.field-header,
#submission-9155 h3.field-header,
#submission-9157 h3.field-header,
#submission-9158 h3.field-header,
#submission-9159 h3.field-header,
#submission-9161 h3.field-header,
#submission-9162 h3.field-header,
#submission-9163 h3.field-header,
#submission-9164 h3.field-header,
#submission-9165 h3.field-header,
#submission-9117 h3.field-header,
#submission-9208 h3.field-header,
#submission-9217 h3.field-header,
#submission-9223 h3.field-header,
#submission-9233 h3.field-header,
#submission-9239 h3.field-header,
#submission-9244 h3.field-header,
#submission-9246 h3.field-header{
     width: 100%;
}



#submission-9058 div.field-values,
#submission-9122 div.field-values,
#submission-9123 div.field-values,
#submission-9124 div.field-values,
#submission-9125 div.field-values,
#submission-9127 div.field-values,
#submission-9128 div.field-values,
#submission-9129 div.field-values,
#submission-9130 div.field-values,
#submission-9131 div.field-values,
#submission-9133 div.field-values,
#submission-9134 div.field-values,
#submission-9135 div.field-values,
#submission-9137 div.field-values,
#submission-9138 div.field-values,
#submission-9139 div.field-values,
#submission-9141 div.field-values,
#submission-9142 div.field-values,
#submission-9143 div.field-values,
#submission-9144 div.field-values,
#submission-9145 div.field-values,
#submission-9147 div.field-values,
#submission-9149 div.field-values,
#submission-9150 div.field-values,
#submission-9151 div.field-values,
#submission-9152 div.field-values,
#submission-9154 div.field-values,
#submission-9155 div.field-values,
#submission-9157 div.field-values,
#submission-9158 div.field-values,
#submission-9159 div.field-values,
#submission-9161 div.field-values,
#submission-9162 div.field-values,
#submission-9163 div.field-values,
#submission-9164 div.field-values,
#submission-9165 div.field-values,
#submission-9120 .field-body,
#submission-9120 .field-body table,
#submission-9161 .field-body,
#submission-9058 .field-body,
#submission-9151 .field-body,
#submission-9163 .field-body,
#submission-9164 .field-body,
#submission-9117 div.field-values,
#submission-9167 .field-body,
#submission-9168 .field-header,
#submission-9197 .field-header,
#submission-9187 .field-header,
#submission-9176 .field-header,
#submission-9168 .field-body,
#submission-9148 .field-body,
#submission-9132 .field-body,
#submission-9153 .field-body,
#submission-9156 .field-body,
#submission-9160 .field-body{
     width:100%;
}
     */
h3.field-header .required-dynamic {
     display: none;
}

.field-values p span.required {
     float: left;
     padding-right: 15px;
}

.field-footer p {
     color: #19164e;
     background-color: rgba(16, 138, 165, 0.1);
     padding: 15px;
     margin-bottom: 20px;
     border: 1px solid #bce8f1;
     border-radius: 4px;
}

/*
#submission-9058 h3,
#submission-9127 h3,
#submission-9132 h3,
#submission-9136 h3,
#submission-9140 h3,
#submission-9146 h3,
#submission-9148 h3,
#submission-9153 h3,
#submission-9156 h3,
#submission-9160 h3,
#submission-9168 h3,
#submission-9175 h3,
#submission-9186 h3,
#submission-9196 h3,
#submission-9207 h3,
#submission-9216 h3,
#submission-9232 h3,
#submission-9238 h3,
#submission-9245 h3,
#submission-9222 h3{
     font-weight: 300;
     font-size: 22px;
     line-height: 1.333;
     margin-top: 20px;
     margin-bottom: 10px;
     display:block;
     color: #19164e;
     width: 100%;
     position: relative;
}
#submission-9058 h3:before,
#submission-9127 h3:before,
#submission-9132 h3:before,
#submission-9136 h3:before,
#submission-9140 h3:before,
#submission-9146 h3:before,
#submission-9148 h3:before,
#submission-9153 h3:before,
#submission-9156 h3:before,
#submission-9160 h3:before,
#submission-9168 h3:before,
#submission-9171 h3:before,
#submission-9175 h3:before,
#submission-9184 h3:before,
#submission-9186 h3:before,
#submission-9191 h3:before,
#submission-9196 h3:before,
#submission-9204 h3:before,
#submission-9207 h3:before,
#submission-9214 h3:before,
#submission-9216 h3:before,
#submission-9220 h3:before,
#submission-9222 h3:before,
#submission-9228 h3:before,
#submission-9232 h3:before,
#submission-9238 h3:before,
#submission-9244 h3:before,
#submission-9245 h3:before,
#submission-9249 h3:before{
     display: inline;
     content: "";
     position: absolute;
     left: -19px;
     top: 9px;
     color: #3DD8A3;
     font-size: 3rem;
     z-index: 1;
     width: 10px;
     height: 10px;
     background: #3DD8A3;
}
     */
#systemForm {
     padding-left: 15px;
     height: 100%;
     overflow: visible;
}

ul {
     list-style-type: disc;
     margin-left: 0px;
}

ul li {
     margin-left: 2%;
     margin-top: 12px;
     margin-bottom: 0px;
     display: list-item;
     list-style: none;
     position: relative;
}

ul li:before {
     width: 7px;
     height: 7px;
     background: #3DD8A3;
     border-radius: 50%;
     display: inline;
     content: "";
     position: absolute;
     left: -15px;
     top: 7px;
}

ul.main-nav li:before,
#AuthorSubMenu ul li:before,
.breadcrumb li:before {
     display: none;
}

table.MsoTableGrid tr td {
     padding: 15px;
     color: #3a87ad;
     background-color: #d9edf7;
     border: 1px solid #bce8f1;
     border-radius: 0px;
     font-weight: normal;
     width: 100% !important;
}

table.MsoTableGrid tr td p {
     margin: 0px;
}

table.MsoTableGrid {
     margin: 15px;
     display: block;
     clear: both;
     width: auto;
}

div.btn-group {
     float: right;
}

#submission-9122 h3 {
     font-weight: bold;
}

h3.field-header {
     width: 90%;
     line-height: 1.5rem;
}

/*
#submission-9169 div.field-values,
#submission-9170 div.field-values,
#submission-9171 div.field-values,
#submission-9173 div.field-values,
#submission-9177 div.field-values,
#submission-9178 div.field-values,
#submission-9179 div.field-values,
#submission-9180 div.field-values,
#submission-9181 div.field-values,
#submission-9172 div.field-values,
#submission-9174 div.field-values,
#submission-9182 div.field-values,
#submission-9183 div.field-values,
#submission-9185 div.field-values,
#submission-9188 div.field-values,
#submission-9189 div.field-values,
#submission-9192 div.field-values,
#submission-9193 div.field-values,
#submission-9194 div.field-values,
#submission-9195 div.field-values,
#submission-9198 div.field-values,
#submission-9199 div.field-values,
#submission-9200 div.field-values,
#submission-9201 div.field-values,
#submission-9202 div.field-values,
#submission-9203 div.field-values,
#submission-9205 div.field-values,
#submission-9206 div.field-values,
#submission-9253 div.field-values,
#submission-9209 div.field-values,
#submission-9210 div.field-values,
#submission-9211 div.field-values,
#submission-9212 div.field-values,
#submission-9213 div.field-values,
#submission-9215 div.field-values,
#submission-9218 div.field-values,
#submission-9219 div.field-values,
#submission-9221 div.field-values,
#submission-9224 div.field-values,
#submission-9225 div.field-values,
#submission-9226 div.field-values,
#submission-9227 div.field-values,
#submission-9229 div.field-values,
#submission-9230 div.field-values,
#submission-9231 div.field-values,
#submission-9234 div.field-values,
#submission-9235 div.field-values,
#submission-9236 div.field-values,
#submission-9237 div.field-values,
#submission-9240 div.field-values,
#submission-9241 div.field-values,
#submission-9242 div.field-values,
#submission-9243 div.field-values,
#submission-9255 div.field-values,
#submission-9247 div.field-values,
#submission-9248 div.field-values,
#submission-9250 div.field-values,
#submission-9251 div.field-values,
#submission-9252 div.field-values{
     width:80%;
     float:none !important;
}
     */
.breadcrumb li {
     margin-right: 15px !important;
}

.breadcrumb li a {
     font-size: 0.8rem;
}

.breadcrumb li:after {
     content: "";
     width: 0;
     height: 0;
     border-top: 6px solid transparent;
     border-bottom: 6px solid transparent;
     border-left: 6px solid rgba(14, 25, 31, 1.0);
     display: block;
     position: absolute;
     right: -13px;
     top: 2px;
}

.breadcrumb li a:before,
#user li a:before {
     display: none;
}

.breadcrumb li:last-of-type:after {
     display: none;
}

div[role="status"] {
     font-size: 0.9rem;
     font-style: italic;
     padding: 7px 8px;
     background: #efefef;
     margin: 3px 0px;
     border-radius: 4px;
     border: 1px solid rgba(00, 00, 00, 0.1);
}

#content-login {
     width: 30%;
     margin: 0 auto;
}

#content-login #content {
     width: 100%;
}

#loginFormTitle {
     margin-bottom: 25px !important;
}

p.lostPassword,
p.createAccount {
     margin: 15px 0px !important;
     display: block;
}

p.lostPassword a,
p.createAccount a {
     color: #19164e !important;
}

p.lostPassword a:hover,
p.lostPassword a:focus,
p.createAccount a:hover,
p.createAccount a:focus {
     color: #073375 !important;
}

#submitHldr input[type="submit"],
#register input[type="submit"],
#retrieve input[type="submit"] {
     color: #ffffff;
     background-color: #5cb85c;
     border-color: #4cae4c;
}

#submitHldr input[type="submit"]:hover,
#submitHldr input[type="submit"]:focus,
#register input[type="submit"]:hover,
#register input[type="submit"]:focus,
#retrieve input[type="submit"]:hover,
#retrieve input[type="submit"]:focus {
     color: #ffffff;
     background-color: #47a447;
     border-color: #398439;
}

#loginAdmin label,
#register label {
     color: #19164e;
     font-weight: 500;
     margin-bottom: 8px;
     display: inline-block;
}

#content-register h2 {
     width: 39%;
     margin: 0 auto;
}

#register p,
#retrieve p {
     margin: 0 !important;
}

.form-control {
     font-size: 1rem !important;
     height: auto;
     line-height: 1.5rem;
}

h4.loggedOut {
     text-align: center;
     font-size: 2rem;
     color: #073375;
     border-bottom: 1px solid #19164e;
     padding: 15px 0px;
     width: 50%;
     margin: 15px auto;
}

#footLinks li {
     float: left;
     display: inline-block;
     list-style: none;
     margin: 0px;
}

#footLinks li:before {
     display: none;
}

#main form li {
     margin-left: 2%;
}

@media (min-width: 240px) and (max-width: 900px) {

     #header,
     #navigation {
          position: relative;
     }

     .field-body p,
     .field-footer p {
          margin: 15px 0px !important;
     }

     #navigation {
          width: 100%;
          margin: 0px;
          top: auto;
          float: none;
     }

     #navigation .main-nav {
          margin-left: 0px;
     }

     #navigation .main-nav {
          margin-left: 0px;
     }

     #navigation ul.main-nav li div.panel-heading a {
          margin-left: 0px;
     }

     #pa {
          padding-top: 15px;
          width: 100%;
          margin: 0px;
          padding: 15px;
     }

     div.field {
          padding: 0px !important;
     }

     table.MsoTableGrid {
          width: auto !important;
     }

     .field-header,
     .field-values {
          width: 100% !important;
     }

     #header h1,
     #header h2 {
          display: none;
     }

     #submission-9058 h3,
     #submission-9127 h3,
     #submission-9132 h3,
     #submission-9136 h3,
     #submission-9140 h3,
     #submission-9146 h3,
     #submission-9148 h3,
     #submission-9153 h3,
     #submission-9156 h3,
     #submission-9160 h3,
     #submission-9168 h3,
     #submission-9175 h3,
     #submission-9186 h3,
     #submission-9196 h3,
     #submission-9207 h3,
     #submission-9216 h3,
     #submission-9232 h3,
     #submission-9238 h3,
     #submission-9245 h3,
     #submission-9222 h3 {
          font-weight: 600;
          font-size: 1.2rem;
          line-height: normal;
     }
}

div[data-group=File] label {
     width: 100% !important;
     padding: 0px;
     position: relative;

     margin: 15px 0px;
     display: block;
}

div[data-group=File] label:before {
     content: "Upload";
     position: absolute;
     top: 0px;
     right: 0;
     display: inline-block;
     height: 47px;
     background: #4daf7c;
     color: #fff;
     font-weight: normal;
     z-index: 9;
     font-size: 1rem;
     line-height: 40px;
     padding: 4px 10px;
     text-transform: uppercase;
     pointer-events: none;
     border-radius: 0 5px 5px 0;
}

div[data-group=File] label:after {
     content: attr(data-text);
     font-size: 18px;
     position: absolute;
     top: 0px;
     left: 0;
     background: #fff;
     padding: 10px 15px;
     display: block;
     width: calc(100% - 40px);
     pointer-events: none;
     z-index: 8;
     height: 47px;
     line-height: 27px;
     color: #999;
     border-radius: 5px 10px 10px 5px;
     font-weight: 300;
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

div[data-group=File] input {
     position: relative;
     top: 0px;
     right: 0;
     bottom: 0;
     left: 0px;
     z-index: 99;
     height: 47px;
     margin: 0;
     padding: 0;
     display: block;
     cursor: pointer;
     width: 100%;
     opacity: 0;
}

div[data-group=File] .field-values {
     position: relative;
}

div[data-group=File] h3.field-header {
     width: 25%;
     margin: 0px;
     font-size: 1rem !important;
     top: 10px;
     position: relative;
}

div[data-group=File] {
     margin-bottom: 0px;
     margin-top: 0px;
}

div[data-group=File] .field-values p {
     margin: 0px 15px !important;
}

#submission-9117 .field-values,
#submission-9117 fieldset {
     width: 100%;
     float: none;
}

#authorDetails a.btn {
     margin: 6px 0px;
     padding: 11px 21px;
     background: #108aa5;
     border: 1px solid #108aa5;
     font-size: 1.1rem !important;
     display: inline-block;
     width: auto;
}

#authorDetails a.btn:hover,
#authorDetails a.btn:focus {
     background: #223872;
     border-color: #223872;
}

div.image-input input {
     display: inline-block;
}

#submission-9432 .field-footer,
#submission-9452 .field-footer {
     display: none;
}

a.file-upload {
     background: rgba(46, 204, 113, 1.0);
     color: #ffffff !important;
     width: auto !important;
     display: inline-block;
     padding: 12px 52px 12px 24px;
     font-size: 1.1rem;
     font-weight: bold;
     position: relative;
     text-shadow: 0px 0px 3px rgba(00, 00, 00, 0.2);
}

a.file-upload:hover,
a.file-upload:focus {
     background: rgba(46, 204, 113, 0.9);
     border-color: rgba(46, 204, 113, 1.0);
}

a.file-upload:after {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     content: "\f0ee";
     margin-left: 10px;
     font-size: 2rem;
     position: absolute;
     right: 11px;
     text-shadow: 0px 0px 3px rgba(00, 00, 00, 0.2);
}

a.file-upload:hover:after,
a.file-upload:focus:after {
     text-shadow: none;
}

/*
.field h3.field-header {
     width: 30%;
     float: left;
     margin: 15px;
}
*/
.field .field-values p {
     margin: 0px 15px 15px 15px !important;
}

p.currentFile {
     background: #fcf8e3;
     padding: 15px;
     border-radius: 6px;
     margin: 0px 15px 15px 0px !important;
}

#submitDraft {
     margin-left: 15px;
}

.field-information-display {
     border: 1px solid rgba(00, 137, 163, 0.3);
     padding: 10px;
     background: rgba(00, 137, 163, 0.3);
     border-radius: 25px;
     box-shadow: 0px 3px 10px rgba(00, 00, 00, 0.2);
     font-weight: normal;
}

label {
     font-weight: normal !important;
}

.field-popup-information {
     width: 30px;
     position: relative;
     text-indent: -9999px;
     display: inline-flex;
     height: 30px;
     align-items: center;
     justify-content: space-evenly;
     gap: 1rem;
}

.author-name-display {
     display: flex;
     gap: 0.5rem;
}

.author-name-display:before {
     display: inline-block;
     font-family: "Font Awesome 7 Free";
     font-weight: 900;
     content: "\f4fc";
     color: rgba(52, 152, 219, 0.8);
     font-size: 1.3rem;
     transition: all 0.3s ease;
     transform: scale(1);
     text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
}

.field-popup-information:before {
     display: inline-block;
     font-family: "Font Awesome 7 Free";
     font-weight: 900;
     content: "\f05a";
     text-indent: 0px;
     position: relative;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     font-size: 1.3rem;
     transition: all 0.3s ease;
     transform: scale(1);
     text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
     color: rgba(52, 152, 219, 0.8);
     border-radius: 50%;
}

.field-popup-information:hover {
     text-decoration: none;
}

.field-popup-information:hover:after {
     color: rgba(52, 152, 219, 1);
     transition: all 0.3s ease;
     transform: scale(1.05);
     text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
     text-decoration: none;
}

.newAuthor p,
.authorToPaperDisplay p{
     display: none;
}

#main ul.author-option,
#main ul.author-option li.dropdown ul {
     margin: 0;
     list-style: none;
     float: none;
     float: none;
}

#main ul.author-option li.dropdown,
#main ul.author-option li.dropdown ul li {
     margin: 0px;
     list-style: none;
}

#main ul.author-option li:before,
#main ul.author-option li.dropdown ul li:before {
     display: none;
}

#main ul.author-option li.dropdown ul li a {
     margin: 0px;
     padding: 10px;
     background: transparent;
     border: none;
     border-radius: 0;
     color: #333333 !important;
     box-shadow: none;
}

#main ul.author-option li.dropdown ul li a:hover{
     transform: scale(1);
     box-shadow: none;
}

.newAuthor p.author-information,
.authorToPaperDisplay p.author-information{
     display: inline-flex !important;
     width: 90%;
     margin: 0 !important;
     align-items: center;
     height: 100%;
}

#authorDetail div.field {
     grid-template-columns: 28% 70%;
     gap: 1rem;
     padding: 0;
}

#authorDetail h3.field-header {
     width: 100%;
     float: none;
}

#authorDetail div[data-id="4210"] .field-body {
     display: none !important;
}

#authorDetail div[data-id="4210"] .field-values p {
     display: grid;
}

#authorDetail div[data-id="4210"] .field-values p:after {
     content: "(RN, BScN)";
     display: inline-block;
}

#authorDetail .field-values p {
     display: flex;
     gap: 1rem;
}

#authorDetail .field-values p span.blank_space {
     display: none;
}

div.systemMsg legend {
     display: grid !important;
     margin: 25px 0px !important;
     background: rgba(241, 196, 15, 0.8);
     border: 2px solid rgba(241, 196, 15, 1.0);
     padding: 15px;
     border-radius: 10px;
     box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.1);
     text-align: center;
     color: #444444;
}

div.systemMsg fieldset,
div.field.message div.fieldBody {
     margin: 15px;
     padding: 0px;
}

div.systemMsg ul {
     display: flex;
     gap: 1rem;
     background: rgba(52, 152, 219, 0.1) !important;
     margin: 0 !important;
     padding: 20px !important;
     border-radius: 10px;
     justify-content: center;
}

div.systemMsg ul li {
     display: flex;
     align-items: center;
     list-style: none;
     margin: 0 !important;
     padding: 0 !important;
     gap: 0.5rem;
}

div.systemMsg ul li:before {
     display: inline-block;
     font-family: "Font Awesome 7 Free";
     font-weight: 900;
     position: relative;
     content: "\f06a";
     top: 0;
     left: 0;
     background: transparent;
     width: auto;
     height: auto;
     border-radius: 0;
     font-size: 1.3rem;
     color: rgba(243, 156, 18, 1.0);
}

.modal-content{
     border-radius: 25px;
    box-shadow: 0px 0px 20px rgba(00, 00, 00, 0.2);
    border: none;
    padding: 25px;
}

.required-top{
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(243, 156, 18, 0.5);
    padding: 15px;
    margin: 0 !important;
    border-radius: 13px;
    border: 2px solid rgba(243, 156, 18, 1);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}


.modal-dialog.modal-lg {
     height: 100%;
     width: 100%;
     background: rgba(255, 255, 255, 0.1);
     opacity: 1;
     backdrop-filter: blur(20px);
}

#alertModalContent {
     font-weight: bold;
     font-size: 1.3rem;
     display: flex;
     align-items: center;
     gap: 0.5rem;
     padding: 25px 0;
     justify-content: center;
}

#alertModalContent:before {
     display: inline-block;
     font-family: "Font Awesome 7 Free";
     font-weight: 900;
     position: relative;
     content: "\f06a";
     font-size: 1.7rem;
}

#alertModal div.alert {
     padding: 25px;
     margin: 20px auto;
     border: 2px solid #ebccd1;
     color: #b94a48;
     background-color: #f2dede;
     border-radius: 25px;
     box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2) !important;
     overflow: visible;
     width: 51%;
     top: 25%;
     position: absolute;
     left: 0;
     right: 0;
     bottom: auto;
     opacity: 1;
}

#alertModalHeader {
     font-size: 1.7rem;
     font-weight: bold;
     padding: 0px;
     text-align: center;
}

#alertModal div.alert .modal-footer {
     display: none;
}

#alertModal div.alert .close {
     float: right;
     font-size: 1.6rem;
     font-weight: bold;
     line-height: normal;
     color: #ffffff;
     text-shadow: none;
     opacity: 1;
     width: 35px;
     height: 35px;
     display: grid;
     align-items: center;
     border-radius: 50px;
     box-shadow: 0px 1px 7px rgba(00, 00, 00, 0.1);
     text-align: center;
     color: rgba(192, 57, 43, 1.0);
     background: rgba(255, 255, 255, 0.8);
     padding: 0;
     transition: all 0.3s ease;
     transform: scale(1);
}

#alertModal div.alert .close:hover {
     box-shadow: 0px 4px 14px rgba(00, 00, 00, 0.2);
     transition: all 0.3s ease;
     transform: scale(1.05);
}

#authorDetails a.btn {
     box-shadow: 0px 1px 7px rgba(00, 00, 00, 0.1);
     transition: all 0.3s ease;
     transform: scale(1);
}

#authorDetails a.btn:hover {
     box-shadow: 0px 4px 14px rgba(00, 00, 00, 0.2);
     transition: all 0.3s ease;
     transform: scale(1.05);
}

div.ui-sortable div.sortable{
    position: relative;
     border: none !important;
    transition: all 0.3s  ease;
    transform: scale(1);
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    margin: 10px 0px 26px 0;
    z-index: 777;
}
div.ui-sortable div.sortable:hover{
     box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
     transition: all 0.3s ease;
     transform: scale(1.05);
     z-index: 888;
}

#loading {
     background: rgba(255, 255, 255, 0.1);
     opacity: 1;
     backdrop-filter: blur(20px);
}

#spinner {
     background: url('../image/grey-20064_512.gif') no-repeat center center / contain;
     width: 100px;
     height: 100px;
     text-indent: -999px;
     overflow: hidden;
}

.modal-backdrop {
     background: rgba(255, 255, 255, 0.1);
     opacity: 1 !important;
     backdrop-filter: blur(20px);
}

.modal-footer,
.required-bottom {
     display: none;
}

.authorDetail .btn-group {
     float: none;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 15px 0;
}