@import url('https://fonts.googleapis.com/css?family=Roboto');
/* ALL SETTINGS */
body {padding-top:130px;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;
}