@import url('https://fonts.googleapis.com/css?family=Roboto');
/* ALL SETTINGS */
body {
    padding-top: 140px;
    color: #000;
    line-height: 1.5;
}

body.imagesoff img, body.imagesoff img.img-responsive {
    opacity: 0 !important;
}

body.imagesoff a.logo img {
    opacity: 100 !important;
}

hr.hr-xs {
    border: 0;
    margin: 10px 0;
}

hr.hr-sm {
    border: 0;
    margin: 15px 0;
}

h1 {
    font-size: 30px;
}

.row.rb {
    border-bottom: 1px #000 solid;
    padding: 10px;
}

/* TEXT SETTINGS */
body.text-xs {
    font-size: 14px;
}

body.text-xs a {
    font-size: 14px;
}

body.text-sm {
    font-size: 18px;
}

body.text-sm a {
    font-size: 18px;
}

body.text-lg {
    font-size: 24px;
}

body.text-lg a {
    font-size: 24px;
}

body.text-tnm {
    font-family: "Times New Roman", sans-serif;
}

body.text-roboto {
    font-family: "Roboto", sans-serif;
}

body.kerning-xs {
}

body.kerning-sm {
    letter-spacing: 2px;
}

body.kerning-lg {
    letter-spacing: 5px;
}

a.logo img {
    border-radius: 5px;
}

/* SETTINGS PANEL */
.navbar-settings {
    background: #FFF;
    box-shadow: 0px 3px 5px 0 #8c8c8c;
}

.navbar-settings .header-text {
    border-bottom: 2px #000 solid;
}

.row-settings {
    background: #fafafa;
    padding: 5px 0 0 0;
    box-shadow: inset 0px 30px 0 0 #000;
    line-height: 24px !important;
}

.row-settings .font-size {
    font-size: 40px;
    line-height: 40px;
}

.row-settings a.text-xs {
    color: #000 !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px !important;
}

.row-settings a.text-sm {
    color: #000 !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 30px !important;
}

.row-settings a.text-lg {
    color: #000 !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 40px !important;
}

.row-settings a.text-xs.active, a.text-sm.active, a.text-lg.active, a.text-xs:hover, a.text-sm:hover, a.text-lg:hover {
    color: #008000 !important;
}

ul.nav.nav-pills.nav-justified {
    background: #fafafa;
    margin-top: 30px;
    padding: 5px;
    border-radius: 5px;
    border: 2px #000 solid;
}

ul.nav.nav-pills.nav-justified > li > a {
    border-radius: 0;
}

/* SETTINGS HEADER */
.row-settings span.header-uppercase {
    display: block;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    color: #f9f9f9;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 8px;
}

a.unspecial-link {
    display: block;
    text-align: center;
    background: #000;
    color: #FFF !important;
    text-decoration: none;
    padding: 15px 0px;
    font-size: 22px !important;
    border-radius: 8px;
}

/* settings schemes */
.row-settings .set-themes {
    box-shadow: 0px 0px 0px 1px #000;
    float: left;
    display: block;
    width: 100%;
    margin-top: 5px;
}

.row-settings .set-default, .row-settings .set-black, .row-settings .set-blue, .row-settings .set-green {
    width: 25%;
    height: 35px;
    display: block;
    cursor: pointer;
    float: left;
}

/* settings images */
.row-settings label.btn.btn-black {
    background: #606060;
    color: #fff;
    font-weight: 600;
}

.row-settings label.btn.btn-black.active {
    background: #008000;
}

/* settings text */
.row-settings ul.set-list {
    padding: 0;
}

.row-settings ul.set-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 13px !important;
    display: block;
}

.row-settings ul.set-list li a {
    color: #000;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.row-settings ul.set-list li a span {
    margin-right: 8px;
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    border-radius: 12px;
    margin-top: 1px;
    margin-bottom: 0px;
    line-height: 1.2 !important;
}

.row-settings ul.set-list li.active a span {
    background: #008000;
}

a.unspecial-link {
    display: block;
    text-align: center;
    background: #000;
    color: #FFF !important;
    text-decoration: none;
    padding: 15px 0px;
    font-size: 22px !important;
    border-radius: 8px;
}

.row-settings a:focus, .row-settings a:hover, .row-settings a:active {
    box-shadow: 0px 0px 0px 4px #008000;
}

/* :link { */

/* -moz-outline: 3px solid #008000 !important; */
/* outline: 3px solid #008000 !important; */

/* } */

.row-settings .set-default {
    background: #FFF;
}

.row-settings .set-black {
    background: #000;
}

.row-settings .set-blue {
    background: #0058FF;
}

.row-settings .set-green {
    background: #a9dd38;
}

.row-settings .navbar-settings ul.set-list li a, .row-settings .navbar-settings ul.set-list li a, .row-settings .navbar-settings .btn, #main-header a {
    letter-spacing: 1px !important;
}

.row-settings {
    font-family: "Arial" !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
}

.row-settings .btn-group {
    margin-top: 4px;
    border: 1px #000 solid;
}

.row-settings .btn-group > .btn {
    border-radius: 0 !important;
    padding: 7px 10px 6px 10px;
    box-shadow: none;
}

/* DEFAULT SETTINGS */
a {
    color: #0058FF;
    text-decoration: underline;
}

/* TABS */
.nav-tabs-special {
    margin-top: 30px;
    border-bottom: 2px solid #000;
}

.nav-tabs-special > li {
    margin-bottom: -2px;
}

.nav-tabs-special > li > a {
    margin-right: 0px;
    font-size: 18px;
    padding: 15px 30px;
    color: #000;
    font-weight: 600;
}

.nav-tabs-special > li.active > a,
.nav-tabs-special > li.active > a:focus,
.nav-tabs-special > li.active > a:hover {
    color: #000;
    border: 2px solid #000;
    border-bottom-color: transparent;
}

.nav > li > a:focus,
.nav > li > a:hover {
    text-decoration: none;
    background-color: #000;
    color: #FFF;
}

.nav-tabs > li > a:hover {
    border-color: #000;
}

/* FOOTER */
.row-footer {
    background: #FFF;
    font-weight: 600;
    margin-top: 30px;
    padding: 20px 0;
    color: #222;
    box-shadow: inset 0px 3px 0px 0px #000;
}

.row-footer .text-uppercase {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;
    margin: 0px 0;
}

.row-footer .social-links > a > img {
    margin-right: 5px;
}

.row-footer .text-header {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.row-footer-white {
    color: #8b8b8b;
    padding: 20px 0;
    font-size: 14px;
    font-weight: 400;
}

.ugsGroups {
    padding: 15px 0;
}

.nav-spec li.rb {
    color: #000;
    border-bottom: 1px #000 solid;
    padding: 0px 10px;
    cursor: pointer;
}

.nav-spec li.rb.active {
    color: #FFF;
    background: #000;
}

.librarymenu {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.lbtn {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    text-decoration: none;
    padding: 8px 0;
    margin-bottom: 10px;
    background: #000;
}

.lbtn:focus, .lbtn:hover {
    color: #FFF;
    text-decoration: none;
}

.lbtn.active {
    background: #00a21d;
    color: #FFF;
}

.lbtn.active::before, .lbtn:hover::before {
    content: '';
    display: block;
    width: 17px;
    height: 12px;
    position: absolute;
    left: 12px;
    top: 12px;
}

.form-control-special {
    width: 100%;
    border-radius: 0;
}

/* jquery UI */
.ui-widget-content {
    border: 1px solid #000000 !important;
    background: #FFF !important;
    color: #000;
}

.ui-menu .ui-menu-item a {
    padding: 4px 5px !important;
    line-height: 1.5;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #000000 !important;
    background: #000 !important;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

h3.h3.h3-bordered {
    border-bottom: 3px #000 solid;
    padding-bottom: 5px;
}

.pagination > li > a, .pagination > li > span {
    color: #0058FF;
    border: 1px solid #000;
    font-size: 15px;
    font-weight: bold;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #000000;
    background-color: #fff;
    border-color: #000;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #000000;
    border-color: #000000;
}

.form-control {
    border: 3px solid #000;
}

input[type="text"] {
    border: 3px solid #000;
    color: #000;
    width: 100%;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #000;
}

/* BLACK SETTINGS */
body.black {
    background: #000;
    color: #FFF;
}

.black a {
    color: #FFF;
}

body.black ul.nav.nav-pills.nav-justified {
    background: #333333;
}

.black .navbar-settings {
    border-bottom: 3px #FFF solid;
    box-shadow: none;
}

/* TABS */
.black .nav-tabs-special {
    margin-top: 30px;
    border-bottom: 2px solid #FFF;
}

.black .nav-tabs-special > li > a {
    color: #FFF;
}

.black .nav-tabs-special > li.active > a, .black .nav-tabs-special > li.active > a:focus, .black .nav-tabs-special > li.active > a:hover {
    color: #000;
    border: 2px solid #FFF;
}

.black .nav > li > a:focus, .black .nav > li > a:hover {
    background-color: #FFF;
    color: #000;
}

.black .nav-tabs > li > a:hover {
    border-color: #FFF;
}

/* FOOTER */
.black .row-footer {
    background: #000;
    color: #FFF;
    box-shadow: inset 0px 3px 0px 0px #FFF;
}

.black .row-footer .text-header {
    color: #FFF;
}

.black .nav-spec li.rb {
    color: #FFF;
    border-bottom: 1px #FFF solid;
    padding: 0px 10px;
    cursor: pointer;
}

.black .nav-spec li.rb.active {
    color: #000;
    background: #FFF;
}

.black .lbtn {
    color: #000;
    background: #FFF;
}

.black .lbtn:focus, .lbtn:hover {
    color: #000;
}

.black .lbtn.active {
    background: #FFF;
    color: #0600ff;
}

.black .ui-widget-content {
    border: 1px solid #FFF !important;
    background: #000 !important;
    color: #FFF;
}

.black .ui-state-hover, .black .ui-widget-content .ui-state-hover, .black .ui-widget-header .ui-state-hover, .black .ui-state-focus, .black .ui-widget-content .ui-state-focus, .black .ui-widget-header .ui-state-focus {
    border: 1px solid #FFF !important;
    background: #000 !important;
    color: #FFF;
}

.black .ui-widget-content a {
    color: #FFF;
}

.black h3.h3.h3-bordered {
    border-bottom: 3px #FFF solid;
}

.black .pagination > li > a, .black .pagination > li > span {
    color: #000;
    border: 1px solid #000;
}

.black .pagination > li > a:focus, .black .pagination > li > a:hover, .black .pagination > li > span:focus, .black .pagination > li > span:hover {
    color: #FFF;
    background-color: #000;
    border-color: #FFF;
}

.black .pagination > .active > a, .black .pagination > .active > a:focus, .black .pagination > .active > a:hover, .black .pagination > .active > span, .black .pagination > .active > span:focus, .black .pagination > .active > span:hover {
    background-color: #000;
    border-color: #FFF;
    color: #FFF;
}

.black .form-control {
    border: 3px solid #FFF;
    color: #000;
}

.black input[type="text"] {
    border: 3px solid #FFF;
    color: #000;
}

.black .modal-content {
    background-color: #000;
    border: 4px solid #FFF;
}

.black .table-hover > tbody > tr:hover {
    background-color: #555;
}

.black .nav-pills > li.active > a, .black .nav-pills > li.active > a:focus, .black .nav-pills > li.active > a:hover {
    color: #000;
    background-color: #FFF;
}

.black .row.rb {
    border-bottom: 1px #FFF solid;
}

/* BLUE SETTINGS */
body.blue {
    background: #9dd1ff;
    color: #063462;
}

.blue a {
    color: #063462;
}

.blue .navbar-settings {
    box-shadow: 0px 3px 5px 0 #063462;
}

/* TABS */
.blue .nav-tabs-special {
    margin-top: 30px;
    border-bottom: 2px solid #063462;
}

.blue .nav-tabs-special > li > a {
    color: #063462;
}

.blue .nav-tabs-special > li.active > a, .blue .nav-tabs-special > li.active > a:focus, .blue .nav-tabs-special > li.active > a:hover {
    color: #9dd1ff;
    border: 2px solid #063462;
    background: #063462;
}

.blue .nav > li > a:focus, .blue .nav > li > a:hover {
    background-color: #063462;
    color: #9dd1ff;
}

.blue .nav-tabs > li > a:hover {
    border-color: #063462;
}

.blue .nav-spec li.rb.active {
    color: #FFF;
    background: #063462;
}

/* FOOTER */
.blue .row-footer {
    background: #9dd1ff;
    color: #063462;
    box-shadow: inset 0px 3px 0px 0px #063462;
}

.blue .row-footer .text-header {
    color: #063462;
}

.blue .form-control-special {
    width: 100%;
    border-radius: 0;
}

/* jquery UI */
.blue .ui-widget-content {
    border: 1px solid #000000 !important;
    background: #063462 !important;
    color: #FFF;
}

.blue .ui-state-hover, .blue .ui-widget-content .ui-state-hover, .blue .ui-widget-header .ui-state-hover, .blue .ui-state-focus, .blue .ui-widget-content .ui-state-focus, .blue .ui-widget-header .ui-state-focus {
    border: 1px solid #FFF !important;
    background: #063462 !important;
    color: #FFF;
    border-radius: 0;
}

.blue .ui-widget-content a {
    color: #FFF;
}

.blue h3.h3.h3-bordered {
    border-bottom: 3px #063462 solid;
}

.blue .pagination > li > a, .blue .pagination > li > span {
    color: #063462;
    border: 1px solid #063462;
}

.blue .pagination > li > a:focus, .blue .pagination > li > a:hover, .blue .pagination > li > span:focus, .blue .pagination > li > span:hover {
    color: #063462;
    background-color: #063462;
    border-color: #063462;
}

.blue .pagination > .active > a, .blue .pagination > .active > a:focus, .blue .pagination > .active > a:hover, .blue .pagination > .active > span, .blue .pagination > .active > span:focus, .blue .pagination > .active > span:hover {
    background-color: #063462;
    border-color: #FFF;
    color: #FFF;
}

.blue .form-control {
    border: 3px solid #FFF;
    color: #063462;
}

.blue input[type="text"] {
    border: 3px solid #063462;
    color: #063462;
}

.blue .lbtn {
    color: #000;
    background: #FFF;
}

.blue .lbtn:focus, .lbtn:hover {
    color: #000;
}

.blue .lbtn.active {
    background: #063462;
    color: #FFF;
}

.blue .modal-content {
    background-color: #9dd1ff;
    border: 4px solid #063462;
}

.blue .table-hover > tbody > tr:hover {
    background-color: #f1f1f1;
}

.blue .nav-pills > li.active > a, .blue .nav-pills > li.active > a:focus, .blue .nav-pills > li.active > a:hover {
    color: #9dd1ff;
    background-color: #063462;
}

.blue .row.rb {
    border-bottom: 1px #063462 solid;
}

.blue ul.nav.nav-pills.nav-justified {
    background: #dbeeff;
}

/* GREEN SETTINGS */
body.green {
    background: #3b2716;
    color: #a9dd38;
}

.green a {
    color: #a9dd38;
}

.green .navbar-settings {
    box-shadow: 0px 3px 5px 0 #a9dd38;
}

.green ul.nav.nav-pills.nav-justified {
    background: #694a30;
}

/* TABS */
.green .nav-tabs-special {
    border-bottom: 2px solid #a9dd38;
}

.green .nav-tabs-special > li > a {
    color: #a9dd38;
}

.green .nav-tabs-special > li.active > a, .green .nav-tabs-special > li.active > a:focus, .green .nav-tabs-special > li.active > a:hover {
    color: #3b2716;
    border: 2px solid #a9dd38;
    background: #a9dd38;
}

.green .nav > li > a:focus, .green .nav > li > a:hover {
    background-color: #a9dd38;
    color: #3b2716;
}

.green .nav-tabs > li > a:hover {
    border-color: #a9dd38;
}

/* FOOTER */
.green .row-footer {
    background: #3b2716;
    color: #a9dd38;
    box-shadow: inset 0px 3px 0px 0px #a9dd38;
}

.green .row-footer .text-header {
    color: #a9dd38;
}

/* jquery UI */
.green .ui-widget-content {
    border: 1px solid #000000 !important;
    background: #a9dd38 !important;
    color: #a9dd38;
}

.green .ui-state-hover, .green .ui-widget-content .ui-state-hover, .green .ui-widget-header .ui-state-hover, .green .ui-state-focus, .green .ui-widget-content .ui-state-focus, .green .ui-widget-header .ui-state-focus {
    border: 1px solid #a9dd38 !important;
    background: #a9dd38 !important;
    color: #3b2716;
}

.green h3.h3.h3-bordered {
    border-bottom: 3px #a9dd38 solid;
}

.green .pagination > li > a, .green .pagination > li > span {
    color: #3b2716;
    border: 1px solid #3b2716;
}

.green .pagination > li > a:focus, .green .pagination > li > a:hover, .green .pagination > li > span:focus, .green .pagination > li > span:hover {
    color: #3b2716;
    background-color: #a9dd38;
    border-color: #a9dd38;
}

.green .pagination > .active > a, .green .pagination > .active > a:focus, .green .pagination > .active > a:hover, .green .pagination > .active > span, .green .pagination > .active > span:focus, .green .pagination > .active > span:hover {
    background-color: #3b2716;
    border-color: #a9dd38;
    color: #FFF;
}

.green .form-control {
    border: 3px solid #a9dd38;
    color: #3b2716;
}

.green input[type="text"] {
    border: 3px solid #a9dd38;
    color: #3b2716;
}

.green .nav-spec li.rb {
    color: #a9dd38;
    border-bottom: 1px #a9dd38 solid;
}

.green .nav-spec li.rb.active {
    color: #FFF;
    background: #a9dd38;
}

.green .lbtn {
    color: #000;
    background: #FFF;
}

.green .lbtn:focus, .lbtn:hover {
    color: #000;
}

.green .lbtn.active {
    background: #a9dd38;
    color: #FFF;
}

.green .modal-content {
    background-color: #3b2716;
    border: 4px solid #a9dd34;
}

.green .table-hover > tbody > tr:hover {
    background-color: #000;
}

.green .nav-pills > li.active > a, .green .nav-pills > li.active > a:focus, .green .nav-pills > li.active > a:hover {
    color: #3b2716;
    background-color: #a9dd38;
}

.green .row.rb {
    border-bottom: 1px #a9dd38 solid;
}

form .bootstrap-select.btn-group .btn {
    border-radius: 0 !important;
    border: 2px #000 solid !important;
}

form .bootstrap-select.btn-group .btn .filter-option {
    font-size: 16px !important;
    font-weight: bold;
}

.bootstrap-select.btn-group .dropdown-menu li > a {
    cursor: pointer;
    font-size: 16px !important;
    text-decoration: none;
    font-weight: 700;
}

.bootstrap-select.btn-group .dropdown-menu li > a {
    cursor: pointer;
    font-size: 16px !important;
    text-decoration: none;
    line-height: 24px !important;
    border-bottom: 1px #000 solid !important;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #00a21d;
}

.modal-backdrop.in {
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.black .modal-backdrop.in {
    background: #FFF;
}

.blue .modal-backdrop.in {
    background: #04203c;
}

.green .modal-backdrop.in {
    background: #231509;
}

.btn {
    text-decoration: none;
}

.black .btn-success {
    background: #1bb700;
}

.black .btn-default {
    color: #000;
}

.black .btn-warning, .green .btn-warning {
    color: #fff;
    background-color: #e49422;
    border-color: #eea236;
}

.black .btn-danger {
    color: #fff;
    background-color: #c7100b;
    border-color: #ff0800;
}

.blue .btn-success {
    color: #fff;
    background-color: #0017ff;
    border-color: #0038e6;
}

.blue .btn-warning {
    color: #fff;
}

.green .btn-success {
    color: #fff;
    background-color: #009400;
    border-color: #ffffff;
}

h1.header.header-orange {
    border-bottom: 4px #000 solid;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.form-control {
    width: 100% !important;
    display: block;
    padding: 10px;
}

.form-control {
    width: 100% !important;
    display: block !important;
    padding: 20px !important;
    font-size: 18px;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    padding: 17px;
    line-height: normal;
    height: 20px;
    width: 20px;
}

.auth-alert {
    background: #ffdbdb;
    color: #520000;
    border: 2px #ec9e9e solid;
    display: block;
    margin-bottom: 15px;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 600;
}

.nav-text {
    overflow: auto;
    height: 600px;
}