/**
 * plugins/themes/arc/arc.css
 *
 * Copyright (c) 2017 Ronnie Arc STAHN-TP Palangka Raya
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Arc theme.
 *
 */
#body {
    background: #fff;
    color: #444;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    font-family: Helvetica, sans-serif;
    padding-bottom: 0px;
}
#header {
	background-color: #FF6600;
	color:#FFFFFF;
	font-size:13px;
}
/* The navigation bar */
#navbar a {
    letter-spacing: 0.05em;
    border-right: 1px solid #bcbebf;
    margin: 0;
    color: #2B3036;
    display: block;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 18px;
    text-decoration: none;
    text-transform: capitalize;
	text-align:justify;
}
#navbar a:hover {
    color: #FFF;
    background: #FF6600;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF6600), to(#FF6600)); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #FF6600, #FF6600);
    background: -moz-linear-gradient(top, #FF6600, #FF6600); 
    background: -ms-linear-gradient(top, #FF6600, #FF6600); 
    background: -o-linear-gradient(top, #FF6600, #FF6600);
	transition: all 0.2s; -webkit-transition: all 0.2s;
}

#navbar {
	display: inline-block;
	width: 100%; 
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
    background-color: white;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKklEQVQYV2P8/v37fwYkwMnJyciILAgSAPHhgjABkCawILIAWBBEoJsLANvuH5aEdQN7AAAAAElFTkSuQmCC) ;
    background-repeat: repeat;
	padding: 0px;
    border: 1px solid rgba(0,0,0,0.1);
}

#content {
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	font-size: 0.7em;
	border-top: 1px dotted #000;
}
#content input.button{margin-top: 10px; margin-bottom: 10px; 
    border:1px solid #cccccc; color:#000000;background: #f4f4f4;
    transition: all 0.2s; -webkit-transition: all 0.2s;}
#content input.button:hover{color:#f4f4f4;background-color: #FF6600}



#sidebar input.button{margin-top: 10px; margin-bottom: 10px; border:1px solid #cccccc; color:#000000;background: #f4f4f4;
transition: all 0.2s; -webkit-transition: all 0.2s;}
#sidebar input.button:hover{color:#f4f4f4;background-color: #FF6600}

#rightSidebar .block, #leftSidebar .block{
    background-color: white;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKklEQVQYV2P8/v37fwYkwMnJyciILAgSAPHhgjABkCawILIAWBBEoJsLANvuH5aEdQN7AAAAAElFTkSuQmCC) ;
    background-repeat: repeat;
    padding: 3px 10px 10px 10px;
    display: inline-block;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1);
    margin: .5em 0;
}
#rightSidebar .block ul , #leftSidebar .block ul {  margin: 0px; padding-bottom: 0px; padding-left: 0px;
    font-size: 12px;
    line-height: 120%;
	text-decoration:none;
    background-color: white;
    padding: 3px 10px 10px 10px;
    display: inline-block;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1);
    margin: .5em 0;
}
#rightSidebar .block ul a:before, #leftSidebar .block ul a:before{ content: '\00BB'; margin-right: 2px;}
#rightSidebar .block ul a, #leftSidebar .block ul a{ padding: 5px 5px; transition: all 0.2s; -webkit-transition: all 0.2s;display: block;text-decoration:none;}
#rightSidebar .block ul li , #leftSidebar .block ul li { display: block;} 
#rightSidebar .block ul li:hover a , #leftSidebar .block ul li:hover a {    background-color: #CCCCCC;} 


	#sidebar-username{width: auto;}
	#sidebar-password{width: auto;}
	#sidebarUser label{ display: inline-block;}
*{  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-webkit-box-sizing:border-box;}

#leftSidebar div.block:empty, #rightSidebar div.block:empty{display: none;}
#leftSidebar div.block span.blockTitle, #rightSidebar div.block span.blockTitle {
    color: #000;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-indent: 8px;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding: 4px 5px;
    border-bottom: 2px solid #CCCCCC;
	background:#f4f4f4;
}

#rightSidebar select, #leftSidebar select{padding: 5px;}


.search-advanced legend, .search-results h2, .form-horizontal legend{padding-bottom: 10px; margin-bottom: 20px; 
font-size: 16px; padding-top: 20px;     border-bottom: 1px solid #e5e5e5;}
.search-results h2{padding-bottom: 5px; font-weight: 300;}
.search-advanced select{padding: 5px;}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary{background: #ed3733}
.button, .action, .toggleExtras-inactive, .toggleExtras-active, #setup .options {
    padding: 5px 10px;
    border-radius: 0px;
    border: 1px solid rgba(0, 126, 55, 0);
    background-color: #FF3300;
    font-weight: 300;
    margin-right: 1px;
    text-transform: uppercase;
	text-decoration:none;
}
.btn-group{margin-top: 10px; margin-bottom: 10px; }
a.action, .button, .action, .toggleExtras-inactive, .toggleExtras-active, #setup .options, .options a {background-color:#FF6600;border:1px solid #cccccc;font-weight:bold;}
.btn-primary:hover, .btn-primary:visited:hover{background-color:#FF0000; color: #fff;}
.button:hover, .action:hover, .toggleExtras-inactive:hover, .toggleExtras-active:hover, #setup .options:hover, .button:focus, .action:focus, .toggleExtras-inactive:focus, .toggleExtras-active:focus, #setup .options:focus {
    background-color: #FF9900; color: #fff;
	transition: all 0.2s; -webkit-transition: all 0.2s;
}

.selectMenu{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    font-family:'Open Sans', sans-serif;
    margin: 0 .05em 0 0;
    font-size: 1em;
    line-height: 1.5em;
}
.roundedborder, input, select, textarea, a.file {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #cccccc;
}
input, select, textarea, button {   vertical-align: middle;}
input, select, textarea {
    font-family:'Open Sans', sans-serif;
    margin: 0 .05em 0 0;
    font-size: 1em;
    line-height: 1.5em;
}
input, textarea, button{
   border-radius: 0px;
   }
   input {
    padding: 4px;
    border-radius: 0px;
}
a.action, .button, .action, .toggleExtras-inactive, .toggleExtras-active, #setup .options, .options a {
    color: #fff;
}
#sizer{padding: 10px; display: inline-block;width: 100%;}
#pageFooter {
    background-color: #000;
	font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    font-style: normal;
    font-family: Helvetica, sans-serif;
    padding-bottom: 0px;
	display:block;
	width:100%;
	color: #fff; 
	padding: 10px; 
	clear: both;
	text-align:center;
	padding:20px;
}
#pageFooter p{
    padding: 3px 10px 10px 10px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.1);
    margin: .5em 0;
	color:#000;
	width:100%;
	color: #fff; 
	
}
#pageFooter p h2{ color:#fff;}

#pageFooter h5{display: inline-block; width: 100%; margin-top: 0px; margin-bottom: 5px;}
h2{ 
    background: transparent;
    color: #000;
    display: block;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding: 4px 5px;
}
pre {
    background-color: #f0f0e8;
    color: #000;
    font-size: 1.25em;
}
table.listing tr.highlight {
    background: yellow none repeat scroll 0 0;
}
table.listing tr.fastTracked {
    background-color: #aba;
}
table.listing tr.data td {
    border-bottom: 1px dotted #ddddd0;
    border-top: 1px dotted #ddddd0;
}
table.listing tr.data td.drag {
    cursor: move;
}
div.progressbar {
    background-image: url("http://jurnal.stahntp.ac.id/plugins/themes/templates/images/progbg.gif");
    background-repeat: no-repeat;
    height: 27px;
    width: 505px;
    z-index: 1;
}
td.notificationContent {
    padding-left: 5px;
    padding-right: 5px;
}
td.notificationFunction {
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}


.hide{display: none;}
img {max-width: 100%; height: auto;}
label[for="resp"]{display: none;}
#resp{display: none;}


@media screen and (max-width: 1024px){ 
#navbar a{color: #333;min-width: 100% !important;}
#container{min-width: 100% !important;}
#resp{display: inline-block; opacity: 0; visibility: hidden; position: fixed; left: -200px;}
#body{display: block; height: auto; width: 100%}
#sidebar, #rightSidebar, #leftSidebar, #main{display: block; width: 100%; clear: both;}
body, html{background: #fff}
#header {margin-top: 0}
#header h1{margin: auto 0; padding: 0.4em 0 0.2em 0.1em; margin-left:60px; }
#resp:checked{}
#main{width: 100% !important; margin: 0px !important; height: inherit; 
    min-height: inherit; border:0px;}
#container{margin-top: 0px; min-width: auto !important; box-shadow: none;  border-bottom: 0px; margin-bottom: 0px; padding-left:5px; padding-right:5px;	}
label[for="resp"]{font-size: 24px; padding: 10px; border-radius: 0%; background: #fff; color: #d20000; display: inline-block; }
.respClose, #sidebar .sideOnTopClose{ transition:all 0.2s; -webkit-transition:all 0.2s;box-shadow: 0px 0px 10px rgba(0,0,0,0.5); position: fixed;  
top: 0px; background: #fff; color: #d20000 !important; padding: 10px; font-size: 20px !important; }
.respClose{left: -200px;  color: #d20000 !important;}
#navbar{position: fixed; top: 10px; left: 10px; z-index: 2; background: transparent; box-shadow: none; border:none;width:100%;}
#navbar ul{background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); position: fixed; left: -200px; top: 0px; bottom: 0px; z-index: 999; visibility: hidden; width:200px; transition:all 0.2s; -webkit-transition:all 0.2s; }
#resp:checked ~ ul.menu{display: block; left:0px; visibility: visible; overflow: auto;}
#resp:checked ~ label[for="resp"].respClose{left: 200px;}
#navbar li{display: block; border-bottom: 1px solid #ccc; border-right: 0px; width: 100%; }
#navbar li:last-child{}
#navbar li a{width: 100%; float: none; border:none; border-right:none; }
#leftSidebar,  #rightSidebar{position: relative;  margin: 0px; width: 100%; min-height: inherit; border-top: 1px solid #ccc; }
#pageFooter{margin-left: 0px ; margin-right: 0px;}
#pageFooter p{	width:100%;}
#hideonmobile {display:none;}
}

@media only screen and (max-device-width: 480px) {
    
    
    
    
    
    
    
}/*responsive*/