/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
html, body {overflow-x: hidden;overflow-y: scroll;background-color:#f8f8f8;}
body {font-weight:300;font-size:90%;font-family:"Open Sans";letter-spacing: normal;color:#000;}
b {font-weight:400;}
h1, h2, h3, h4, h5 {font-weight:600;}
a, a:hover {text-decoration:none;outline:none !important;color:#0C70F2;}
h1 {font-size:200%;}
h2 {font-size:180%}
h3 {font-size:150%}
h4 {font-size:130%;}
ul {list-style:none;padding:0;margin:0;}
b {font-weight:600;}

/*font size*/
.fs-75 {font-size:75% !important;}
.fs-80 {font-size:80% !important;}
.fs-90 {font-size:90%;}
.fs-95 {font-size:95% !important;}
.fs-100 {font-size:100%;}
.fs-110 {font-size:110%;}
.fs-120 {font-size:120%;}
.fs-130 {font-size:130%;}
.fs-140 {font-size:140%;}
.fs-150 {font-size:150%;}
.fs-160 {font-size:160%;}
.fs-170 {font-size:170%;}
.fs-180 {font-size:180%;}
.fs-190 {font-size:190%;}
.fs-200 {font-size:200%;}
.fs-240 {font-size:240%;}
.fs-270 {font-size:270%;}
.fs-300 {font-size:300%;}
.fs-400 {font-size:400%;}

/*line-height*/
.lh-38 {line-height:38px;}
.lh-40 {line-height:40px;}
.lh-100 {line-height:100%;}
.lh-110 {line-height:110%;}
.lh-120 {line-height:120%;}
.lh-130 {line-height:130%;}
.lh-140 {line-height:140%;}
.lh-150 {line-height:150%;}

/*font-weight*/
.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}

/*other formatting*/
.strikethrough {text-decoration:line-through;}

/*colors*/
.text-green {color:#04BFAD;}
.text-brown {color:#664d03;}
.bg-gray {background-color:#f8f8f8;}
.bg-gray-alt {background-color:rgba(0, 0, 0, 0.01)}
.bdr-color-green {border-color:#04BFAD !important;}

/*buttons*/
.btn {padding-left:20px;padding-right:20px;}
/*.btn {border:0;border-radius:2rem;padding-left:25px;padding-right:25px;}
.btn.btn-default {background-color:none;border:2px solid #000;color:#000;}
.btn.btn-white {background-color:#fff;}
.btn-primary, .btn-primary:hover, .btn-primary.disabled, .btn-primary:disabled {color:#0C70F2;background-color:transparent;border:2px solid #0C70F2;}*/

/*margin*/
.mb-0 {margin-bottom: 0 !important;}
.mb-025 {margin-bottom: .25rem !important;}
.mb-05 {margin-bottom: .5rem !important;}
.mb-075 {margin-bottom: .75rem !important;}
.mb-1 {margin-bottom: 1rem !important;}
.mb-2 {margin-bottom: 2rem !important;}
.mb-3 {margin-bottom: 3rem !important;}
.mb-4 {margin-bottom: 4rem !important;}
.mb-5 {margin-bottom: 5rem !important;}
.mb-6 {margin-bottom: 6rem !important;}
.mb-7 {margin-bottom: 7rem !important;}
.mt-0 {margin-top: 0 !important;}
.mt-025 {margin-top: .25rem !important;}
.mt-05 {margin-top: .5rem !important;}
.mt-075 {margin-top: .75rem !important;}
.mt-1 {margin-top: 1rem !important;}
.mt-2 {margin-top: 2rem !important;}
.mt-3 {margin-top: 3rem !important;}
.mt-4 {margin-top: 4rem !important;}
.mt-5 {margin-top: 5rem !important;}
.mt-6 {margin-top: 6rem !important;}
.mt-7 {margin-top: 7rem !important;}
.ml-0 {margin-left: 0 !important;}
.ml-025 {margin-left: .25rem !important;}
.ml-05 {margin-left: .5rem !important;}
.ml-075 {margin-left: .75rem !important;}
.ml-1 {margin-left: 1rem !important;}
.ml-2 {margin-left: 2rem !important;}
.ml-3 {margin-left: 3rem !important;}
.ml-4 {margin-left: 4rem !important;}
.ml-5 {margin-left: 5rem !important;}
.mr-0 {margin-right: 0 !important;}
.mr-025 {margin-right: .25rem !important;}
.mr-05 {margin-right: .5rem !important;}
.mr-075 {margin-right: .75rem !important;}
.mr-1 {margin-right: 1rem !important;}
.mr-2 {margin-right: 2rem !important;}
.mr-3 {margin-right: 3rem !important;}
.mr-4 {margin-right: 4rem !important;}
.mr-5 {margin-right: 5rem !important;}

/*padding*/
.pl-0 {padding-left:0}
.pl-025 {padding-left:.25rem}
.pl-05 {padding-left:.5rem}
.pl-075 {padding-left:.75rem}
.pl-1 {padding-left:1rem}
.pl-2 {padding-left:2rem}
.pl-3 {padding-left:3rem}
.pr-0 {padding-right:0}
.pr-025 {padding-right:.25rem}
.pr-05 {padding-right:.5rem}
.pr-075 {padding-right:.75rem}
.pr-1 {padding-right:1rem}
.pr-2 {padding-right:2rem}
.pr-3 {padding-right:3rem}
.pt-25 {padding-top:25px}
.pt-90 {padding-top:90px}
.pb-90 {padding-bottom:90px}
.pb-0 {padding-bottom: 0 !important;}
.pb-015 {padding-bottom: .15rem !important;}
.pb-025 {padding-bottom: .25rem !important;}
.pb-05 {padding-bottom: .5rem !important;}
.pb-075 {padding-bottom: .75rem !important;}
.pb-1 {padding-bottom: 1rem !important;}
.pb-2 {padding-bottom: 2rem !important;}
.pt-0 {padding-top: 0 !important;}
.pt-015 {padding-top: .15rem !important;}
.pt-025 {padding-top: .25rem !important;}
.pt-05 {padding-top: .5rem !important;}
.pt-075 {padding-top: .75rem !important;}
.pt-1 {padding-top: 1rem !important;}
.pt-2 {padding-top: 2rem !important;}

/*borders*/
.separator-top {border-top:1px solid #e8e8e8;padding-top:30px;margin-top:30px;}
.bdr-gray {border:1px solid #e8e8e8;}
.bdr-gray-light {border:1px solid #f8f8f8;}
.bdr-b-0 {border-bottom:0 !important}
.bdr-gray-l {border-left:1px solid #e8e8e8;}
.bdr-gray-r {border-right:1px solid #e8e8e8;}
.bdr-gray-t {border-top:1px solid #e8e8e8;}
.bdr-gray-b {border-bottom:1px solid #e8e8e8;}

#application-summary .separator-top {padding-top:20px;}
#application-summary .separator-top + .separator-top {margin-top:20px;}

.separator {display:flex;align-items:center;text-align:center;color:#ddd}
.separator::before,.separator::after {content: '';flex:1;border-bottom:1px solid #f1f1f1;}
.separator:not(:empty)::before {margin-right:.75em;}
.separator:not(:empty)::after {margin-left: .75em;}

/*radius*/
.rad-5 {border-radius:5px;}
.rad-10 {border-radius:10px;}
.rad-20 {border-radius:20px;}
.rad-30 {border-radius:30px;}

/*float*/
.fl {float:left;}
.fr {float:right;}

/*logo*/
.logo_40 {max-width:40px}
.logo_48 {max-width:48px}
.logo_60 {max-width:60px}

/*list*/
.list-style-disc {list-style: disc;padding-left: 15px;}
.list-docs .item {padding-top:5px;margin-top:5px;}
.list-docs .item + .item {border-top:1px solid #e8e8e8;}
.list-docs .item:first-child {margin-top:0;}

.list-items .item {padding-top:5px;margin-top:5px;}
.list-items .item + .item {border-top:1px solid #e8e8e8;}
.list-items .item:first-child {margin-top:0;}

/*form*/
input.error {outline-color:#DB2C2F !important;border-color:#DB2C2F;}
input.error::-webkit-input-placeholder {color:#DB2C2F !important;}
.form-check-input {cursor:pointer}

/*width/height*/
.mxw-40 {width:100vw;max-width:40px}
.mxw-50 {width:100vw;max-width:50px}
.mxw-60 {width:100vw;max-width:60px}
.mxw-70 {width:100vw;max-width:70px}
.mxw-80 {width:100vw;max-width:80px}
.mxw-90 {width:100vw;max-width:90px}
.mxw-100 {width:100vw;max-width:100px}
.mxw-960 {width:100vw;max-width:960px;}
.mxw-768 {width:100vw;max-width:768px;}
.mxw-664 {width:100vw;max-width:664px;}
.mxw-568 {width:100vw;max-width:568px;}
.mxw-558 {width:100vw;max-width:558px;}
.mxw-464 {width:100vw;max-width:464px;}
.mxw-300 {width:100vw;max-width:300px;}
.mxh-50 {max-height:50px !important;}
.mxh-75 {max-height:75px !important;}
.mxh-100 {max-height:100px !important;}
.mh-144 {min-height:144px !important;}

.w-90 {width:90%}
.w-30 {width:30%}

/*accordion*/
.accordion-button:not(.collapsed) {color:#000000;background-color:#f8f8f8;}
.accordion-body .nav a {padding-top:0;padding-bottom:0}
.accordion-body .nav a:last-child {padding-right:0}

.accordion-body .sub-nav {border-bottom: 1px solid #f8f8f8;margin-bottom:1rem;padding-bottom:.5rem}

/*navigation*/
nav.navbar.static-top {background-color:#ffffff;height:90px;}
nav.navbar.static-top .navbar-brand {padding-top:0;padding-bottom:0;margin-right:0}
nav.navbar.static-top li + li {margin-left:25px}
nav.navbar.static-top a.nav-link {color:#000;font-weight:700;}
nav.navbar.static-top a.nav-link:hover, nav.navbar.static-top a.btn:hover {color:#0C70F2}
nav.navbar.static-top a.btn:hover {border-color:#0C70F2}
nav.navbar.static-top .navbar-toggler {padding: 0;border: 0;line-height: 100%;font-size: 100%;}
nav.navbar.static-top .navbar-toggler .fa-bars {color:#000}
nav.navbar.static-top .link-void, .link-void:hover {cursor:text;}

/*form*/
input.error {outline-color:#DB2C2F !important;border-color:#DB2C2F;}
input.error::-webkit-input-placeholder {color:#DB2C2F !important;}
.search-input {position:relative;}
.search-input input {padding-left:32px;position:relative;z-index:0 !important}
.search-input::before {font-family: "Font Awesome 6 Free";font-weight: 900;content: "\f002";position: absolute;left:12px;color: rgba(0,0,0,0.3);z-index:1;top:10px;}
.list-filters .btn-outline-secondary, .btn-outline-secondary.btn-white:hover {color: #6c757d;}
.list-filters .btn[class*="btn-outline-"] {border:1px solid #ced4da;border-radius:.25rem;}
.select-chevron-down {position:relative;background-color:#ffffff;}
.select-chevron-down::before {z-index:0;content:"\f078";font-size:80%;font-family:"Font Awesome 6 Free";font-weight: 900;position:absolute;left:auto;top:1px;right:1px;padding:.55rem .5rem;color:rgba(0,0,0,0.3)}
.select-chevron-down .form-control, .select-chevron-down .form-control:focus {z-index:1;position:relative;background-color:transparent;padding-right:25px;color:#6c757d;}
.input-group .select-chevron-down .form-control {border-radius:0;}
.input-group .select-chevron-down:first-child .form-control {border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;}
.input-group .select-chevron-down:last-child .form-control {border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;}
.input-group .input-group-prepend .input-group-text, .input-group .input-group-append .input-group-text {border-radius:0;}
.input-group .input-group-prepend:first-child .input-group-text {border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;}
.input-group .input-group-append:last-child .input-group-text {border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;}
.daterangepicker .ranges li, .daterangepicker .ranges li:hover {font-size:.875em !important;font-weight: 400 !important;color: #212529 !important;text-align: inherit;white-space: nowrap;}
.daterangepicker .ranges li.active {color: #212529 !important;background-color:transparent !important}
.daterangepicker .ranges li.active:hover {background-color: #e9ecef !important;color: #1e2125 !important;}

/*drag and drop*/
#upload .drag-and-drop {min-height: 176px;border:1px solid #ced4da;width: 100%;background-color:rgba(249,249,249,0.5);font-size:90%;font-weight:700;line-height:110%;color:rgba(0,0,0,0.2);cursor:pointer;border-radius:.25rem}
#upload .drag-and-drop .upload-info {margin:0 auto;line-height:100%;color:rgba(0,0,0,0.2);padding-left:30px;position:relative;width:80%}
#upload .drag-and-drop .upload-info h3 {font-size:100%;font-weight:700;margin:0;padding:0;line-height: 100%;}
#upload .drag-and-drop .upload-info small {font-size:90%;font-weight:300;color:rgba(0,0,0,0.4)}
#upload .drag-and-drop .upload-info::before {font-family: "Font Awesome 6 Free";font-weight: 900;content: "\e09a";font-size:180%;position:absolute;left:0;top:9px;}
#upload .upload-spinner {text-align: center;width: 100%;}
#upload .btn-group {margin: 0 auto;}
#upload .preview {position:relative;width:100%;border:1px solid #ced4da;border-radius: 0.25rem;overflow: hidden;}
#upload a {position: absolute;top:1px;left:1px;font-size: 90%;background-color: rgba(255,255,255,0.75);line-height: 20px;padding: 3px 6px 0 6px;box-shadow: 1px 1px 5px rgba(0,0,0,0.05);}

form#application-instructions #upload .drag-and-drop {font-size:100%}
form#application-instructions #upload .drag-and-drop .upload-info {text-align:center;font-size:100%}
form#application-instructions #upload .drag-and-drop .upload-info h3 {margin-top:7px;margin-bottom:3px}
form#application-instructions #upload .drag-and-drop .upload-info::before {font-family: "Font Awesome 6 Free";font-weight: 900;content: "\e09a";font-size:200%;position:relative;left:auto;right:auto;top:0;}


/*home: row */
body#home .wrapper h2 {padding:0;margin:0;font-size:250%;font-weight:700;line-height: 100%;}
body#home .wrapper p {margin:0;padding:0;}
body#home .wrapper p + p {margin-top:20px;}
body#home .wrapper h2 + p, body#home .wrapper p + .btn {margin-top:30px;}
body#home .wrapper p + .btn {font-weight:bold;}

/*slidehow*/
#slideshow {background-color:#04BFAD;padding-top:90px;padding-bottom:90px;color:#fff;}
#slideshow h1 {padding:0;margin:0;max-width:960px;font-size:350%;font-weight:700;line-height: 100%;}
#slideshow p {padding:0;margin:0;}
#slideshow p.lead {max-width:768px;font-weight:400;font-size:150%;line-height: 120%;margin-top:20px;margin-bottom:30px}
#slideshow .btn {font-size:140%;padding: 10px 30px 5px 30px;}
#slideshow .btn.text-green:hover {color:#04BFAD;}
#slideshow .btn.btn-transparent {color:#fff;cursor:pointer;font-weight:400;}

/*create ad*/
body#home #create-ad h2 {margin-bottom:30px;}
#create-ad {padding-top: 90px;}
body#advert #create-ad {padding-top:0;}
#create-ad .rad-30 {border:3px solid #E0E1E3;padding:40px;}
#create-ad .option + .option {margin-top:25px}
#create-ad .option a {float: left;width:100%;color:#000;}
#create-ad .option a b {font-size:140%;}
#create-ad .option.active a {color:#04BFAD;}
#create-ad .option.active a span {color:#000;}
#create-ad .option a i {float: left;font-size: 36px;padding: 12px;border: 2px solid #000;border-radius: 10px;}
#create-ad .option.active a i {border-color:#04BFAD;}
#create-ad .option a p {float: left;margin-left:20px;line-height:130%;padding-top:25px;}
#create-ad .option.active a p {padding-top:15px;}
#create-ad .option a span, #create-ad .option a + div {display:none;}
#create-ad .option.active a span {display:block;}
#create-ad .option.active a + div {display:flex;}
#create-ad .option.active a + div {padding:15px 0 25px 84px;}
#create-ad .option.active a + div a {width:auto;}
#create-ad #template.option.active a + div {border-bottom:1px solid rgba(0,0,0,0.05);}
#create-ad #template.option.active a + div a {float:left;width:12%;font-weight:bold;color:#000;text-align:center;}
#create-ad #template.option.active a + div a img {margin-bottom:15px;border:1px solid rgba(0,0,0,0.1)}
#create-ad #template.option.active a + div a + a {margin-left:2%;}
#create-ad #template.option.active a + div a span {float:left;text-align:center;}
#create-ad #template.option.active a + div a:hover span {color:#0C70F2;}
#create-ad #template.option.active a + div a span i {width:100px;margin-bottom:10px;line-height:70px;color:rgba(102,120,138,0.75);background-color:#f3f3f3;border: 1px solid rgba(102,120,138,0.2);}
#create-ad #template.option.active a + div a:hover i {background-color:#0C70F2;border-color:#0C70F2;color:#fff;}
#create-ad #blank.option.active a + div a {color:#0C70F2}
#create-ad #blank.option.active a + div {border-bottom:0;padding-bottom:0;}
body#advert #create-ad #upload .drag-and-drop {background-color:#ffffff;}



/*home: other*/
#why-incentivad {padding-top: 90px;padding-bottom: 90px;}
#how-it-works, #partners {background-color:#f8f8f8;padding-top:90px;padding-bottom:90px;}
#pricing, #potential-reach {padding-top:90px;padding-bottom:90px;}

/*partners*/
#partners img {border:1px solid rgba(0,0,0,0.1)}

/*footer*/
#footer {background-color:#f8f8f8;padding-top:90px;padding-bottom:90px;font-size:90%;border-top: 1px solid #e8e8e8;}
#footer .row + .row {margin-top:90px;}
#footer ul, #footer ul li {padding:0;margin:0;list-style:none;}
#footer ul li a {color:#444;}
#footer ul li a:hover {color:#000;}

/*modal*/
#modal {position:fixed;width:100vw;height:100vh;z-index:4;left:0;top:0;opacity:0;display:none;background:rgba(0,0,0,0.75);}
#modal .inner {position:absolute;right:0;top:0;min-width:568px;height:100vh;padding-left:35px;}
.spinner {position: absolute;top: 50%;left: 50%;}
.spinner .fa-spin {color:#04BFAD}
#modal a.btn-close {font-size: 120%;position: absolute;left: -15px;top: 25px;background: #ffffff;line-height: 100%;padding: 7px;text-align: center;color: #000000;border-radius: 50%;opacity:1}
#modal .content {width:auto;max-width:1070px;padding:30px 15px;height:100vh;overflow-x: scroll;background-color: #fff;}
#modal .row.title + .row {margin-top:30px;}
#modal .row.title h3 {font-size:180%;line-height:120%;margin:0;}
#modal .row.title h3 + p {line-height:120%;margin:0;}
#modal .inner.full-screen {width:100%;padding:0;}
#modal .inner.full-screen .content {padding:0;max-width:100%;}
#modal .inner.full-screen .btn-close {display:none;}
#modal .title {position:relative;}
#modal .title .icon {padding-left:40px}
#modal .title .icon::before {left:0;}

#modal .inner.ninety-screen {width:90%;padding:0;}
#modal .inner.ninety-screen .content {max-width:100%;}
#modal .inner.ninety-screen .btn-close {left: -45px;}

/*Account: sidebar navigation*/
#page-navigation {min-height:100vh;background:#fff;border-right: 1px solid #e8e8e8;}
#page-navigation a.navbar-brand img {width:100%;max-width:200px;}
#page-navigation .navbar {display: block !important;padding: 0;margin: 25px 0;}
#page-navigation .navbar .container {padding: 0 10px;}
#page-navigation .collapse {margin-top:25px;border-top:1px solid rgba(0,0,0,0.05);padding:30px 10px;}
#page-navigation .collapse ul.navbar-nav {display:block;}
#page-navigation ul.navbar-nav, #page-navigation .navbar-nav ul li {list-style:none;padding:0;margin:0;}
#page-navigation ul.navbar-nav li {position:relative;}
#page-navigation ul.navbar-nav li + li {margin-left:0;margin-top:17px;}
#page-navigation ul.navbar-nav li a {font-weight:400;color:#66788A}
#page-navigation ul.navbar-nav li a.dropdown-toggle::after {display:none;}
#page-navigation ul.navbar-nav li a + ul.dropdown-menu {display:none;position:relative;border:0;padding:0;margin:0;background:transparent}
#page-navigation ul.navbar-nav li a + ul.dropdown-menu li {padding:0;margin:0;padding-left:26px;}
#page-navigation ul.navbar-nav li a + ul.dropdown-menu li a {padding:0;margin-top:3px;font-size: 90%;color: rgba(0,0,0,0.6)}
#page-navigation ul.navbar-nav li a + ul.dropdown-menu li a:hover {background:transparent;}
#page-navigation ul.navbar-nav li a i {width:27px}
#page-navigation ul.navbar-nav li a.active, #page-navigation ul.navbar-nav li a.open {color:#0a9396}
#page-navigation ul.navbar-nav li a.active + ul.dropdown-menu, #page-navigation ul.navbar-nav li a.open + ul.dropdown-menu {display:block;z-index:0;margin-top:3px;}
/*Account: admin*/
body.admin #page-navigation {background:#264653;}
body.admin #page-navigation ul.navbar-nav li a {color:#ffffff;}
body.admin #page-navigation ul.navbar-nav li a + ul.dropdown-menu li a {color: rgba(255,255,255,0.6)}
body.admin #page-navigation ul.navbar-nav li a.active, body.admin #page-navigation ul.navbar-nav li a:hover {color:#d9ed92 !important;}
body.admin #page-navigation .collapse {border-top:1px solid rgba(255,255,255,0.1)}
body.admin #footer {display:none;}

/*Account: user navigation*/
#user-account {position:absolute;z-index:2;top:30px;right:30px;width:auto;height:auto;padding:0}
#user-account .btn-group button, #user-account .btn-group button:hover {color:#66788A;border:0;padding:0;background:transparent;position:relative;}
#user-account .btn-group .link-void, #user-account .btn-group .link-void:hover {background:transparent;}
#user-account .btn-group .dropdown-toggle .fa-circle-user {font-size:180%;margin-top: 2px;margin-left: 2px;}
#user-account .btn-group .dropdown-toggle::after {font-family: "Font Awesome 6 Free";font-weight: 900;content: "\f078";font-size:70%;line-height: 30px;margin-left:7px;vertical-align:top;border-top:0;border-right: 0;border-bottom: 0;border-left:0;}
#user-account .btn-group .dropdown-menu li a {font-weight:400;color:#66788A;}
#user-account .btn-group .dropdown-menu li a:hover {background:transparent;color:#000;}
#user-account .btn-group .dropdown-menu li a b {color:#000;}
/*Account: user navigation: frontend
ul#public.navbar-nav #user-account .btn-group .dropdown-menu {left:-114px}
ul#public.navbar-nav #user-account .btn-group .dropdown-menu li + li {margin-left:0;}*/

/*Account: page-content*/
#page-content {padding:26px;}

/*Account: page-header*/
#page-content #page-header {min-height:66px;}
#page-content #page-header h1 {font-size:170%;line-height:130%;margin:0;padding:0;}
#page-content #page-header h1 + p {margin:0;padding:0;line-height:120%;}
#page-content #page-header + section {/*margin-top:25px;*/}
#page-content #page-header .icon {padding-left:60px;position:relative;}
#page-content .container-white {padding:30px 35px;background-color: #fff;border-radius:10px;border:1px solid #e8e8e8}
#page-content #page-header .row div[class*="col-lg-"] + div[class*="col-lg-"] {padding-right:calc(var(--bs-gutter-x) * 3.3)}
/*#page-content #page-header .row div[class*="col-lg-"] + div[class*="col-lg-"] .btn {padding-left:calc(var(--bs-gutter-x) * .5);padding-right:calc(var(--bs-gutter-x) * .5)}*/

/*account: page title icons*/
.icon::before {font-family: "Font Awesome 6 Free";font-weight: 900;line-height: 30px;vertical-align:top;position: absolute;left: 15px;font-size: 140%;width: 34px;text-align: center;top: 7px;}
.icon.circled::before {border-width:2px;border-style:solid;border-radius: 50%;font-size: 110%;}
.success::before {content: "\f00c";border-color:#04BFAD;color: #04BFAD;}
.exclamation::before {content: "\21";border-color: #ffc107;color: #ffc107;}
.paper-plane::before {content: "\f1d8";border-color: #04BFAD;color: #04BFAD;}
.rocket::before {content: "\f135";border-color: #04BFAD;color: #04BFAD;}

/*User: sign in*/
body#user {background-color:#ffffff;}
body#user #form-signin {height:100vh;display:flex;align-items:center;}
body#user #footer {display:none;}
body#user #form-signin .container {max-width: 450px;border: 1px solid #DADCE0;border-radius: 10px;padding: 60px 45px;position: relative;}
body#user #form-signin .logo_40 {margin-bottom:25px}
body#user #form-signin h1 {font-weight:300;font-size:180%;line-height:100%;margin-bottom:25px;}
body#user #form-signin .sign-footer {font-size:80%;position: absolute;right: 15px;bottom: -30px;color:#5F6368;width:100%}
body#user #form-signin .sign-footer a {color:#5F6368;}

#redirect {min-height:100vh;}

.disabled {pointer-events: none;}

.dropdown-menu {font-size:100%}

#page-navigation .navbar .container {position:relative}
#page-navigation .navbar .container .panel-admin {position: absolute;z-index: 2;color:rgba(255,255,255,0.6) /*#bee3db*/;bottom: -30px;left: 31px;font-size: 90%;font-weight: 400;background: rgba(255,255,255,0.1);padding: 3px 15px;}

/*editor*/
.tiny-mh-60 .tox-tinymce {height:100%;min-height:60vh}
.tiny-mh-75 .tox-tinymce {height:100%;min-height:75vh}

select[class*="icon-"] {padding-right:25px;position:relative;}
select[class*="icon-"]::after {font-family:"Font Awesome 6 Free";font-weight:900;display:inline-block;box-sizing: border-box;}
select.icon-check::after {content: "\f00c";}

@media (max-width:991px) {
	#user-account {top:20px;right:15px;}
	.navbar .navbar-toggler {margin-right:50px;color: #fff;border:0;outline: 0;}
	.navbar .navbar-toggler:hover, .navbar .navbar-toggler:focus, .navbar .navbar-toggler:focus:not(:focus-visible) {border:0;outline: 0;}
	body.admin #page-navigation {min-height:auto}
	#page-navigation .navbar {margin: 15px 0;}
	#page-navigation .navbar .container {padding:0;margin-left:0;margin-right:0;max-width:100%}
	#page-content {padding:25px 15px;}
	#page-content .container-white {padding:15px;}
	#page-content #page-header .row div[class*="col-lg-"] + div[class*="col-lg-"] {padding-right:calc(var(--bs-gutter-x) * .5);margin-bottom:15px}
}

#messages .list-item {cursor:pointer;}
#messages .list-item div[class*="col-"] {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#messages .messages-container {min-height:80vh}
#messages textarea#message { border: none;overflow: auto;outline: none;-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow: none;resize: none;max-height:110px;border-right: 1px solid rgba(0,0,0,0.075);margin:7px 0;height:auto;font-size:90%;padding-left: 7px;}
.mailbox.count {border-radius: 50%;padding: 0 4px;color: #ffffff !important;font-size: 70%;font-weight: bold;line-height: 18px;margin-top: 2px;text-align: center;min-width: 18px;float: right;}
.mailbox.notification {position: absolute;font-size: 75%;top: 0px;right: 14px;}

#ordinal-buttons .btn {padding: 0.75rem;line-height: .45rem;border-color:#ced4da}

.form-control:disabled, .form-control[readonly], .form-control[disabled] {background-color: #e9ecef !important;opacity: 1;pointer-events: none;}