.container, .tck-container { padding: 0px 20px 0px 20px; background: #1e1e1e; /* dark mode login box */ border-radius: 12px; border: 1px solid #333; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.6), 0 0 6px rgba(255, 255, 255, 0.05);} body { margin: 10px; padding: 0; background-color: #242424 !important; /* Set the desired background color */ } h2, div.contentheading {font-size: 16px !important; font-weight: bold; background-color: #9f5050 !important; padding: 12px 20px 10px 20px !important; border-radius: 5px; display: inline-block;} .btn-primary {font-weight: bold;} {font-size: 12px;} joomla-alert[type="danger"] {line-height: 30px;} #block3copy > .inner { position: relative; width: 100vw; left: 50%; transform: translateX(-50%); } body.contentpane, #adminForm, body.contentpane h1, body.contentpane h2, body.contentpane h3, body.contentpane h4, .ckboxmodal-body h4, #adminForm, #adminForm h1, #adminForm h2, #adminForm h3, #adminForm h4 {background: #242424;} /* BOOTSTRAP CSS */ .table > :not(caption) > * > * {background-color: #444444 !important} /* CONVERT FORMS CSS */ #cf_1 {border: 1px solid #666;} .cb_template .navbar-expand .navbar-nav {max-height: 40px;} .cb_template .cbNavBar > .cbNavBarContainer > .cbNavBarMenu > .cbNavBarOverflow {display: none; height: 50px;} .cb_template .cbNavBar > .cbNavBarContainer > .cbNavBarMenu > .cbNavBarItem > .cbNavBarLink {margin-top: -20px;} /* MEMBERSHIP PRO CSS */ .osm-container {color: #ddd;} .osm-container .osm-item-heading-box {background: #556e88; color: #ddd; border: 1px solid #666; padding: 5px 0 0 0;} .osm-container .osm-item-description {border-bottom: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #666; background: transparent;} .table-bordered th, .table-bordered td {border: 1px solid #666; color: #ddd;} h1.osm-page-title {font-weight: bold;padding: 10px 20px 10px 20px !important; background: #556e88 !important;} ul, ol {margin: 0;} form.form-horizontal ul{line-height: 30px;} joomla-tab {margin-top: 15px; margin-bottom: 15px;} joomla-tab > joomla-tab-element {background-color: transparent; border: 1px solid #666;} joomla-tab[view="tabs"] > div[role="tablist"] {background-color: transparent; box-shadow: none;} joomla-tab button[role="tab"] {color: #ddd;} joomla-tab button[aria-expanded="true"]::after {background-color: #5bbbe8; height: 2px;} .form-actions {margin-bottom: 20px;} joomla-tab[view="tabs"] > div[role="tablist"] {border: 1px solid #666;} .table thead th {border-bottom: 2px solid #386d86;} joomla-tab[view="accordion"] [active] {background-color: transparent;} joomla-tab[view="accordion"] > button {color: #ddd; background-color: #4e7556;} joomla-tab[view="accordion"] button {border: 1px solid #666;} joomla-tab[view="accordion"] joomla-tab-element[active] {border-bottom: 1px solid #666;} input.inputbox, .registration input, .login input, .contact input, .contact textarea, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background: #444; color: #ddd; } .membership-status.os {background-color: brown;} .table {margin-top: 20px;} .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {border-top-left-radius: 0px;} .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child {border-top-right-radius: 0px;} .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {border-bottom-left-radius: 0px;} .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child {border-bottom-right-radius: 0px;} .table-bordered {border: 1px solid #000;} .osm-page-title {background-color:#4e7556 !important;} .form-control:disabled, .form-control[readonly] {background-color: #444;} .osm-container-j4 {border: 1px solid #666; padding: 15px;} /* JCE PDF ICON */ .wf-icon-zoom-link > svg {display: none;} body .cb_template .btn-primary {font-size: 18px !important; font-weight: 500; font-family: Arial, sans-serif; background-color: #508e3c !important; margin-top: 0px; margin-bottom: 15px; font-size: 15px; border-color: transparent;} .osm-container .osm-item-description {background: transparent;} /* SELECT AVATAR CSS */ .cb_template .img-thumbnail:hover {background: #76bc58; box-shadow: 1px 1px 12px #ccc; -webkit-box-shadow: 1px 1px 12px #ccc; -moz-box-shadow: 1px 1px 12px #ccc;} .cb_template .img-thumbnail:active {background: #586fbc; box-shadow: 1px 1px 12px #ccc; -webkit-box-shadow: 1px 1px 12px #ccc; -moz-box-shadow: 1px 1px 12px #ccc;} .cb_template .img-thumbnail:focus {background: #76bc58; box-shadow: 1px 1px 12px #ccc; -webkit-box-shadow: 1px 1px 12px #ccc; -moz-box-shadow: 1px 1px 12px #ccc;} .popover {max-width: 500px; min-width: 180px; min-height: 70px;} .popover-header {color: #222;} .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {margin-left: 10px; padding-left: 10px; margin-top: 0px;} .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .cbLoginForm {font-size: 20px; text-align: center;} .cbLoginForm input[type="text"], .cbLoginForm input[type="password"] {font-size: 24px; width: 30%; margin: 10px 0 20px 354px;} .cb_template .col-form-label {line-height: 1.9;} .cb_template .form-auto .form-control {padding-left: 10px;} .cb_template textarea { border: 1px solid rgba(160, 160, 160, 0.2); padding-left: 10px; } .cb_template .bg-light {background-color: #333 !important;} .cb_template .border {border: 1px solid dimgray !important} .cb_template .cbCanvasHomeLayout > .cbCanvasHomeLayoutMain > .cbCanvasHomeLayoutLeft > .cbCanvasHomeLayoutStats > .cb_tab_content > .cbFieldsContentsTab > .cb_form_line {border: 1px solid dimgray;} .cb_template .cbCanvasHomeLayout > .cbCanvasHomeLayoutMain > .cbCanvasHomeLayoutLeft > .cbCanvasHomeLayoutStats > .cb_tab_content > .cbFieldsContentsTab > .cb_form_line > .col-form-label {background-color: #444;} .cb_template .navbar-light .navbar-nav .show > .nav-link, .cb_template .navbar-light .navbar-nav .active > .nav-link, .cb_template .navbar-light .navbar-nav .nav-link.show, .cb_template .navbar-light .navbar-nav .nav-link.active {color: #fff;} .cb_template .navbar-light .navbar-nav .nav-link {color: #999;} .cb_template h3, .cb_template .h3 {font-size: 18px;} .cb_template textarea:focus { border: 1px solid rgba(160, 160, 160, 0.2); } .cb_template .btn {background-color: #0074D9;} .cb_template .btn-sm, .cb_template .btn-group-sm > .btn {background-color: #0074D9; padding: 15px 10px 15px 10px;} .cb_template .btn:hover, .cb_template .btn:active:hover, .cb_template .btn:focus {background-color: #0074D9;} .cb_template .input-group > .form-control.flex-grow-0, .cb_template .input-group > .form-control-plaintext.flex-grow-0, .cb_template .input-group > .custom-select.flex-grow-0, .cb_template .input-group > .custom-file.flex-grow-0 {margin-top: 21px;} .cb_template label {margin-top: 0px; padding: 0px 6px 0 5px;} .cb_template .cbFieldIcons {margin-left: 0.40rem;} .cb_template.qtip .qtip-titlebar {background-color: #444;} .cb_template .qtip-titlebar .qtip-close > span {color: #ccc;} .cb_template .form-check-label {color: #ccc;} .cb_template .form-control-plaintext {padding: 3px 0 0 0; color: #ccc;} .cb_template .table {color: #ccc;} .cbLogoutForm {text-align: center; font-size: 20px;} .cb_template .btn {margin: 0px 30px 0 0; color: #ccc !important; padding: 7px 15px 7px 15px !important; font-size: 15px; margin-bottom: 10px !important;} .cb_template .nav-tabs .nav-link.active, .cb_template .nav-tabs .nav-item.show .nav-link {background-color: #ccc;} .cb_template .no-gutters > .col, .cb_template .no-gutters > [class*="col-"] {padding-left: 0px; padding-top: 0px;} .cb_template .no-gutters {margin-right: 10px; margin-left: 10px;} .blockquote-footer {margin-top: 0rem;} .cb_template {line-height: 2.0; font-size: 1.1rem;} .cb_template .col-form-label {margin-bottom: 0px;} .cb_template h1, .cb_template h2, .cb_template h3, .cb_template h4, .cb_template h5, .cb_template h6, .cb_template .h1, .cb_template .h2, .cb_template .h3, .cb_template .h4, .cb_template .h5, .cb_template .h6 {margin-bottom: 2.5rem;} .cb_template .jf_check > i {display: none;} input.inputbox, .registration input, .login input, .contact input, .contact textarea, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {color: #ddd;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {border-radius: 3px;} .cbConnectButtons > .cbConnectButton:not(.btn-block) {background: #2677ad !important; padding: 20px !important; border-radius: 10px !important;} .cb_template input[type="text"], .cb_template input[type="title"], .cb_template input[type="password"], .cb_template input[type="datetime"], .cb_template input[type="datetime-local"], .cb_template input[type="date"], .cb_template input[type="month"], .cb_template input[type="time"], .cb_template input[type="week"], .cb_template input[type="number"], .cb_template input[type="email"], .cb_template input[type="url"], .cb_template input[type="search"], .cb_template input[type="tel"], .cb_template input[type="color"], .cb_template .uneditable-input {border: 1px solid #ccc;} .cb_template .jf_check {padding-left: 0px; padding-top: 3px; padding-right: 10px;} .cb_template .jf_check input {opacity: 1;} .form-check-input:checked {background-color: #2554b0;} .mb-2, .my-2 {margin-bottom: 2.0rem !important;} body {color: #ddd;} h5 { width: 100%; color: #666; text-align: center; border-top: 1px solid #666; line-height: 0.1em; margin: 10px 0 20px; } h5 span { background:#242424; padding:0 10px; } .jf_cb_mobtool_wrap .jf_cb_mobtool ul li.jf_cb_mt_avatar_btn .jf_cb_mt_notycount {visibility: collapse;} .jf_cb_mobtool_wrap .jf_cb_mobtool {background: #444444;} .jf_cb_mobtool_wrap .jf_cb_mobtool_backout .jf_cb_mobtool_backout_drawer {background: #444444;} .jf_cb_mobtool_wrap .jf_cb_mobtool_backout .jf_cb_mobtool_backout_drawer .jf_cb_mt_c_menu li a {color: #FFF;} .jf_cb_mobtool_wrap .jf_cb_mobtool_backout .jf_cb_mobtool_backout_drawer .jf_cb_mt_c_avatar img {border: 0px solid #FFFFFF;} .jf_cb_mobtool_wrap .jf_cb_mobtool ul li a span {margin: 5px 10px 0 10px;} .pager {margin: 18px 0 42px 0; list-style: none; text-align: center;} .pager li > a, .pager li > span {background-color: #444444; border: 1px solid #444444; padding: 14px 35px; border-radius: 15px;} .pager li > a:hover, .pager li > a:focus {background-color: #444444; border: 1px solid #444444; color: #FFFFFF;} /* KOMENTO CSS */ #kt .kt-title-bar__title {font-size: 18px;} #kt .kt-ratings-title {font-size: 18px;} #kt .kt-ratings-stars .fa-star--off {font-size: 18px !important;} #kt .g-list-inline>li {font-size: 18px;} #kt .btn {font-size: 18px;} #kt {font-size: 18px;} #kt .o-empty__icon {font-size: 60px;} #kt .kt-form-editor__smiley-toggle {top: -61px; font-size: 40px;} #kt .markItUpHeader__bg-select-txt {font-size: 16px; margin-left: 12px;} #kt .fa {font-size: 32px;} .well {background-color:#222222;} .button, button, button.btn, input.btn, .btn, .btn-group > .btn.active {padding: 10px 20px 10px 20px; font-size: 16px; text-transform: uppercase; font-weight: bold; background: #0074D9; margin-bottom: 15px; margin-left: 0px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; letter-spacing: 0;} .button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover {background: #0074D9;} .button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover, .button:focus, button:focus, button.btn:focus, input.btn:focus, .btn:focus {background: #0074D9; box-shadow: 1px 1px 12px #ccc; -webkit-box-shadow: 1px 1px 12px #ccc; -moz-box-shadow: 1px 1px 12px #ccc;} .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {background-color: #0074D9; border-color: #0074D9;} .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {box-shadow: none;} #pwrapper {background: #444;} #pwrapper #dropbox .message {color: #ccc;} #pwrapper #preview {background-color: #202020;} #pwrapper #dropbox #upload_button.btn-primary {background-color: #444; border: 1px solid #202020; color: #ccc;} /* JCE DARK THEME CSS */ @media (min-width: 1200px) @media (max-width: 524px)#oscampus.osc-container .osc-course-image img, #oscampus.osc-container .osc-pathway-image img {max-width: 356px !important;} @media (max-width: 767px) #oscampus.osc-container .osc-course-image img, #oscampus.osc-container .osc-pathway-image img {max-width: 417px !important; } @media screen and (max-width: 768px) { h2, div.contentheading {display: block;}