/*
//============================================================+
// File name   : default.css
// Begin       : 2004-04-27
// Last Update : 2012-07-25
//
// Description : Default CSS for public area.
//
// Author: Nicola Asuni
//
// (c) Copyright:
//               Nicola Asuni
//               Tecnick.com LTD
//               www.tecnick.com
//               info@tecnick.com
//
// License:
//    Copyright (C) 2004-2011 Nicola Asuni - Tecnick.com LTD
//    See LICENSE.TXT file for more information.
//============================================================+
*/
/*html {height:100%}*/
* {font-family:helvetica,sans-serif;font-size:0.97em}
body{background:#f5f5f5}
/*body{background:#f5f5f5;position: relative;min-height: 100%}*/
div.header{background:#263238}
div.right{height:0}
/**div.header div.left {
	background-color: #263238;
	background-image: url(../../images/logo_tcexam_118x25.png);
	background-position: bottom;
	background-repeat: no-repeat;
	border: 0px none;
	height: 50px;
}**/
label.timerlabel {
    display: none;
    width: auto;
}
input[type=checkbox]#show_graph,label[for=show_graph]{display:inline-block;width:auto}
input#timer {
    display: inline-block;
    width: 11em;
    background: unset;
    border: none;
    color: #ffffffd9;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0.5em;
    height: 53px;
    text-align: right;
    font-size: 1.2em;
}
div.container{/*padding:1em;*/overflow:hidden}
.hidden,#timersection,#menusection,#topofdoc,div.minibutton a.white{display:none}
div#scrollayer{text-transform:capitalize;color:#fff;background: #263238; height: 100%; width: 17em; margin: 0 !important;position:fixed;left:-300px;top:0;margin:0;padding:0;z-index:9;box-shadow:5px 0px 0px 3px rgba(0,0,0,0.15)}
div#scrollayer ul {list-style-type:none;margin:0;padding:0}
div#scrollayer ul li {color:#fff;margin:1em 0 1em 1em}
div#scrollayer ul li span.active{background:#009688;padding:0.5em 0.75em;display:block;font-weight:bold}
div#scrollayer ul li a{display: block;color: #ffffff80;padding-bottom: 1em}
div#scrollayer ul li a:hover{font-weight:bold;color:#fff}
p#menu_close {text-align: right;padding: 0;font-weight: bold;font-size: x-large;cursor: pointer;color: #ffffff9e;line-height: 1;margin-right: 1em;display: block}
div#menu_open {
    background: #263238 url(../../images/patkarlogo.png), url(../../images/logo_tcexam_118x25.png);
    font-size: x-large;
    background-repeat: no-repeat;
    background-position: 47px;
    padding: 0.4em 0 0.4em 0.4em;
    border-bottom: 1px solid #455A64;
    color: #ffcc00;
}
div.btn-action{text-align:center}
div#menu_open span {cursor:pointer}
form#form_resultallusers{overflow:hidden;padding: 1em}
form#form_resultallusers div.rowl{overflow:auto}
.gsoformbox,.tceformbox,.popupcontainer,form#testform,table.testlist,table.userselect{background:#fff;box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.15);/*border-top: 1px solid #7593bb;*/border-bottom: 1px solid #d2d2d2}
form#testform{padding:0;border-top: 1px solid #455A64}
form#testform div div.tcecontentbox {padding:1em 1.3em}
form#testform div input#terminatetest {display:block !important; }
div.navlink{padding:0.5em 1em;padding-top: 32px;}
div.navlink input{margin-left: 75px;}
div.navlink input[type=submit]{box-shadow: 0 0 0 2px #fff, 0 0 0px 4px rgb(238, 241, 243);margin-bottom: 20px;margin-left: 75px;}
span.testcomment {
	height:107px;
    padding: 1em 1.3em;
    display: block;
    border-bottom: 1px solid #CFD8DC;
    position: fixed;
    top: -147px;
    right: 0;
    background: #fff;
	box-shadow:-7px 7px 17px 0px rgba(0,0,0,0.15)
}
div#forceterminateCont{padding:0 1em}
div.row{margin:0.1em 0}
div#nosoalCont{background:#263238;padding: 0.45em 1em 0.75em}
span#commentShow, span#qlistShow, span#information, span#nosoal{text-transform:capitalize;background: #fff;color: #263238;font-weight: bold;padding: 0.35em 0.65em}
span#commentShow, span#qlistShow, span#information{margin-left:1em;cursor:pointer;background: #2196F3;color: #fff;box-shadow: 0 0 0 3px #263238, 0 0 0px 4px rgba(255, 255, 255, 0.38)}
span#commentShow,span#information {background:#263238}
.qlistCont{overflow:hidden !important;position:fixed;right:-350px;top:0;background:#fff;padding:0 !important;border: 1px solid #CFD8DC;box-shadow: -7px 7px 17px 0px rgba(0,0,0,0.15);height:100%;width:275px}
ol.qlist{list-style:none;padding:0;overflow: auto;height:83%;border-bottom: 1px solid #CFD8DC}
div#qlistTitle {
    border-bottom: 1px solid #ECEFF1;
}
div#qlistTitle p {
    padding: 0.25em 1.5em;
    display: inline-block;
    text-transform: capitalize;
    font-weight: bold;
}
div#nosoalCont div#ns1 {
    display: inline-block;
    width: 10%;
}
div#nosoalCont div#ns2 {
    display: inline-block;
    width: 90%;
}
div#ns2 {
    text-align: right;
}
span#nosoal {
    font-size: large;
    padding: 0.25em 0.35em;
	color: #fff;
    background: unset;
}
span#commentClose,span#qlistClose {float: right;margin: 10px 11px 0 0;color: #777;text-align: center;font-weight: bold;font-size: large;border-radius: 100px;display: inline-block;width: 23px;height: 23px;border: 1px solid #eee;cursor:pointer}
span#commentClose{float:unset;margin:unset;position: absolute;top: 12px;right: 16px}
div.pagehelp{background:#f56f6f;border:1px solid #90CAF9;padding:0.5em;margin-top:1em}
/*div.pagehelp:before{content:"i";background:#90caf9;padding:0.3em 0.7em;font-family:serif;font-style:italic;margin:0 0.5em 0 0;font-weight:bold;font-size:large;color:#fff}*/
h1{color:#ffffffc2;text-align:center;padding:0.3em 0;margin:0;background:#263238;font-size: 1.15em}
a{text-decoration:none;color:#2196f3}
label{text-transform:capitalize}
label,input{display:block;width:100%;border:none}
select,input[type=text],input[type=password]{padding:0.65em 1em; border:1px solid #CFD8DC;box-sizing: border-box;border-radius: .35rem;padding: 0.80em;}
input#install,input[type=submit],input#wclose{background:#4CAF50;border:none;padding:0.75em;color:#fff;text-transform:uppercase;font-weight:bold;margin-top:1em;cursor:pointer;border-radius: 4px;}
input[type=submit]#prevquestion{background: #ffffff;color: #444;border: 1px solid #aaa;border-radius: 4px;margin-left: 70px;}
input#install,input[type=submit]#nextquestion{background:#2196f3;border-radius: 4px;margin-left: 75px;width: 155px;}
input[type=submit]#terminatetest,input#wclose{background:#ff5722;border-radius: 4px;width: 155px;float: right;margin-right: 170px;}
ol.qlist li {margin:0.5em 0.95em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
ol.qlist li input[type=submit],ol.qlist li input[type=button][disabled=disabled]{background:#78909C;display:inline-block;width:auto;padding:0.5em 0.8em;margin:0}
ol.qlist li acronym{text-decoration:none;padding:0.475em 0.675em}
ol.qlist li acronym.onbox{padding:0.50em 0.775em}
ol.qlist li acronym.offbox{background:unset;padding:0.40em 0.775em}
ol.qlist li input[type=button][disabled=disabled]{background:#4CAF50;color:#fff;font-weight:bold}
ol.qlist li.selected{background:#CFD8DC}
div.minibutton{text-align:center}
div.minibutton span {color:#ECEFF1 !important}
div.minibutton span.langselector{background:#fff;display:block;padding:0 0.5em;text-align:center;border:1px solid #CFD8DC;color:rgb(85, 85, 85) !important;line-height:2}
.langselector a{display:inline-block;background:unset;margin:0;padding:0 0.5em;border:none;font-size:x-small;color:#000 !important}
.langselector a:hover{background:#4CAF50;color:#fff !important}
.langselector span.selected{background:#4CAF50;padding:0.3em 0.5em;color:#fff;font-weight:bold;font-size:x-small;color:#fff !important}
div.minibutton span.copyright {color:#333 !important;display:block;padding:1.1em 0 0 0;font-size:0.80em}
div.minibutton span.copyright a {display:inline}
div.minibutton a span {color:#fff !important;background:#2196f3;padding:0.3em 0.5em;font-size:0.75em}
.userbar{background:#263238;padding:0.5em 1em;color:#fff;text-align:right}
.userbar span{color:#ffffffc7}
.userbar a{margin-left:0.5em;background:#fff;padding:0.2em 0.5em;color:#263238;font-weight:bold}
.message, .error, .warning {
    background: #FFC107;
    text-align: center;
    color: #fff;
    padding: 2.5em 1em;
    position: fixed;
    width: 22em;
    z-index: 999;
    top: 0.5em;
    right: 0.5em;
    box-sizing: border-box;
    margin: auto;
	border-left: 8px solid #c79601;
    box-shadow: -4px 2px 10px 4px rgba(0,0,0,0.15);
	text-overflow: ellipsis;
    overflow: hidden
}
.error{background:#FF5722;border-left-color: #BF360C}.message{background:#2196f3;border-left-color: #0D47A1;}
div.tcecontentbox{overflow:auto}
div.question-block *{text-transform:unset}
/*a.buttongreen,a.buttonblue,textarea,.gsoformbox,.tceformbox,input,.userbar a,.langselector span.selected,div.minibutton a span,.langselector a:hover,.tcecontentbox,.popupcontainer,.xmlbutton,table.testlist,table.userselect,ol.qlist li acronym,ol.qlist li,div.rowl ol.answer li span,div.popupcontainer div.tceformbox div.row,div.test_result div.row,form#form_test_terminate{border-radius:0.25em}*/
div#scrollayer ul li span.active {border-right: 5px solid #ffffff5e;}
a.buttongreen,a.buttonblue,.xmlbutton{display:block;text-align:center;text-transform:uppercase;padding:0.5em;background:#607D8B;color:#fff;margin:0.5em 0;border-radius: 4px;}
a.buttongreen,a.buttonblue{display:inline-block}
form#form_test_terminate {border-top:3px solid #B0BEC5;background:#fff;padding:1em 1.5em 1em 1.5em;text-align:center;margin:1em;box-shadow:0px 3px 13px 0px rgba(0,0,0,0.15)}
form#form_test_terminate div input#forceterminate,.popupcontainer .row a:nth-child(1){background:#4CAF50;border-radius: 4px;}
form#form_test_terminate div input#cancel,.popupcontainer .row a:nth-child(2){background: #ffffff;color: #F44336;border: 1px solid #F44336;border-radius: 4px;}
div.popupcontainer div.tceformbox div.row {border:1px solid #eee;line-height:1}
div.popupcontainer div.tceformbox div.row span.label,div.popupcontainer div.tceformbox div.row span.value {text-transform: uppercase;display: block;background: #607D8B;color: #ffffff;padding: 0.5em 0.75em;font-weight: bold}
div.popupcontainer div.tceformbox div.row span.value{background:unset;color:unset;text-transform:unset;font-weight:unset}
div.popupcontainer div.tcecontentbox{border-left: 1px solid #CFD8DC;
    border-bottom: 1px solid #CFD8DC;
    border-right: 1px solid #CFD8DC;
    border-top: none;
    padding: 0.5em 1em}
div.popupcontainer h1 {
    background: #2196f3;
    color: #fff;
}
a.buttongreen{background:#4CAF50;border-radius: 4px;}
a.buttonblue{background:#FF9800;border-radius: 4px;color: black;font-weight: bold;}
textarea{width:100%;background:#E3F2FD;border:1px solid #2196f3;box-sizing:border-box}
table.testlist,table.userselect {
        width: 95%;
    text-align: center;
    margin: 1em auto;
}
table.testlist, table.userselect {border-collapse:collapse}
table.testlist th, table.userselect th {text-transform:uppercase}
table.testlist tr td{width: 7em;padding: 0.75em}
table.testlist tr td, table.userselect tr td{border:1px solid #ddd;height:3.75em}
table.testlist tr td a, table.userselect tr td a{display:inline-block}
/* table.testlist tbody tr th, table.userselect tbody tr th{box-shadow:0px 5px 0px 0px rgba(33, 150, 243, 0.17);background:#fff;padding:0.75em 1em;border: 1px solid #ddd;border-bottom: 2px solid #2196F3} */
table.testlist tbody tr:nth-child(odd), table.userselect tbody tr:nth-child(odd){background:#fafafa}
table.userselect tbody tr td input[type=checkbox]{display:none}

table.userselect tbody tr:nth-last-child(1),table.userselect tbody tr:nth-last-child(2),table.userselect tbody tr:nth-last-child(3),table.userselect tbody tr:nth-last-child(4),table.userselect tbody tr:nth-last-child(5),table.userselect tbody tr:nth-last-child(6){border-bottom:1px solid #555}

table.userselect tbody tr:nth-last-child(1) th,table.userselect tbody tr:nth-last-child(2) th,table.userselect tbody tr:nth-last-child(3) th,table.userselect tbody tr:nth-last-child(4) th,table.userselect tbody tr:nth-last-child(5) th,table.userselect tbody tr:nth-last-child(6) th{padding-right:1em}

div.rowl ol.answer {padding-left:0}
div.rowl ol.answer li span label,div.rowl ol.answer li span input,div.rowl ol.answer li input,div.rowl ol.answer li label {display:inline-block;width:auto}
div.rowl ol.answer li span{padding:0.5em}
div.rowl ol.answer li{margin:1em 0;list-style-type:none}
div#infolinkCont{background:#263238;text-align:center}
span.infolink a{color: #ffffff;font-style: italic;margin-bottom:1em;display: inline-block;background:#4CAF50;padding:0.35em 1em;border-radius:100px}

div.container div.tceformbox div.row span.label,div.container div.tceformbox div.row span.formw {display:block;padding:0.5em 1em}
div.container div.tceformbox div.row span.label {background:#607d8b;color:#fff;font-weight:bold}
div.container div.tceformbox div.row span.formw {margin-bottom:1em}

div.container form#form_login div.row span.label {display:unset !important;padding:0 !important;background:unset !important;color:unset !important}
div.container form#form_login div.row span.formw {padding:0 !important}

form#form_resultallusers div.row span.label {color:unset;background:unset}

div.test_result div.row{border:1px solid #CFD8DC; padding:0.3em}

div.test_result div.rowl ol.question li ol.answer {padding-left:1em}
div.test_result div.rowl ol.question li ol.answer li{list-style-type:upper-alpha !important}
div.test_result div.rowl ol.question li ol.answer li acronym{padding:0.2em;width:1.3em;display:inline-block;text-align:center;text-decoration:none;color:#fff;font-weight:bold}
div.test_result div.rowl ol.question li ol.answer li acronym.okbox{background:#4CAF50}
div.test_result div.rowl ol.question li ol.answer li acronym.nobox{background:#FF5722}
div.test_result div.rowl ol.question li ol.answer li acronym.onbox{background:#2196f3}
div.test_result div.rowl ol.question li ol.answer li acronym.offbox{background:#ddd}
span#close_btn {
    display: inline-block;
    position: absolute;
    top: 0.5em;
    right: 0.6em;
    font-weight: bold;
    background: #00000073;
    color: #fff;
    font-size: unset;
    padding: 0px 7px;
    z-index: 9999999;
    cursor: pointer;
}
.mamans86{margin:0 !important;padding:0 !important;color:#eee}
span.active.admin {background: unset !important;border: 1px solid #ffffff40;border-right:unset !important}
#txtComment,#txtQuestion{display:none}
.login_box,.gsoformbox,.popupcontainer{border: 1px solid #CFD8DC;padding: 1em 1.5em}
.popupcontainer .tceformbox {border:none;box-shadow:none}
#userreg_link{display:block;text-align:center;margin:1em}

/*div#footer{position: absolute;right: 0;left: 0;bottom:0}*/
div#footer{margin-bottom:1em/*;height:134px;position:absolute;left:0;right:0;bottom:0*/}
span#txtInfo,h1#h1_testpage,div#infolinkCont{display:none}
i#i_qnotdisplayed{color:#ddd}
i#i_qdisplayed{font-weight:unset}
input.q_notdisplayed{background:#fff !important;color:#333 !important;border:1px solid #90A4AE}
input.q_displayed{background:#78909C !important}
input.q_answered{background:#000 !important}

div#insCont {
    padding: 1em 0;
    border-top: 1px solid #ffffff40;
    border-bottom: 1px solid #ffffff40;
}

div#insName p {
    border-right: 5px solid #FFEB3B;
    border-left: 5px solid #FFEB3B;
}

input#addobject,input[type=button] {
    /* border: 2px solid #fff; */
    color: #ffffff;
    background: #FF5722;
    /* box-shadow: 0px 0px 0px 1px #f8602385; */
    cursor: pointer;
    border-radius: 4px;
  }
  img{
      width: 100%;
      height: auto;
  }

  /* select_userphoto upload image */
  div.contentbox {
    width: 100%;
    box-sizing: border-box;
}
div.content form {
    margin-top: 2em;
}
  div.content {
    text-align: center;
    box-sizing: border-box;
}

 input[type=submit]#sendfile,input[type=submit]#rename,input[type=submit]#hapus{
    /* border: 2px solid #fff; */
    color: #ffffff;
    background: #4CAF50;
    /* box-shadow: 0px 0px 0px 1px #4caf5085; */
    cursor: pointer;
    border-radius: 4px;
}

input[type=submit]#newdir {
    border: 2px solid #fff;
    color: #ffffff;
    background: #2196F3;
    box-shadow: 0px 0px 0px 1px #2196F385;
    cursor: pointer;
}
  
  fieldset {
    padding: 0.5em 1.2em 0.5em 1.2em;
}

fieldset {
    border: 1px solid #ddd;
    background: #fafafa;
}

.p-5 {
    padding: 5px 10px;
}
.d-flex {
    display: flex !important;
}

div.row fieldset {
	display:inline;
	position:relative;
    border:none;
    margin:0;
    padding:0;
    width: 100%;
}

div.row fieldset span.label {
	float: left;
	text-align: right;
	width: 30%;
}

div.row fieldset span.formw {
	float: right;
	text-align: left;
	width: 69%;
}


  #form_filemanager legend,#form_testeditor legend{text-transform: uppercase;font-weight: bold;padding: 0.25em 0.75em;background:#009688;color: #fff;}

  button, input, optgroup, select, textarea {
    box-sizing: border-box;
    border: 1px solid #BDBDBD;
    border-bottom-width: 2px;
    border-bottom-color: #BDBDBD;
    padding: 0.45em;
    width: 100%;
    background:#fff;
    border-radius: .35rem;
}

table {
    border-collapse: collapse;
    width: 95%;
    text-align: center;
    margin: 1em auto;
    background: #fff;
}

table th {
    text-transform: uppercase;
    background: #263238;
    color: #fff;
    padding: 0.75em 1em;
}  
table th a{color:#fff}
table tr td{width: 7em;padding: 0.55em; border:1px solid #ddd;height:0.75em}

input[type=submit]#viewmodev, input[type=submit]#viewmodet{
    /* border: 2px solid #fff; */
    color: #ffffff;
    background: #FF9800;
    /* box-shadow: 0px 0px 0px 1px #FF980085; */
    border-radius: 4px;
}    

div#notest,div#broken_testpage{display:block;background:#F44336;color:#fff;padding:1em 1.5em;border-left:5px solid red;border-left:8px solid #D32F2F}
div#broken_testpage p a{background: #FFCDD2;color: #C62828;padding: 3px 7px;border-radius: 3px}

.c-gray1{color:#aaa !important}

.ta-center{text-align:center !important}
.ft-bold{font-weight:bold !important}

.txt-small{font-size:small !important}
.txt-xsmall{font-size:x-small !important}
.txt-lg{font-size:large !important}

.p-0{padding:0 !important}
.px-5{padding-left:5px !important;padding-right:5px !important}
.px-10{padding-left:10px !important;padding-right:10px !important}

.m-0{margin:0 !important}
.mt-5{margin-top:5px !important}.mt-10{margin-top:10px !important}

@media (min-width: 768px) {
	/* div.navlink input{margin-right: 260px;} */
	form#form_resultallusers div.row span.label {color:unset;background:unset;text-align:right}
	form#form_TCExam_installer div.row span.label, form#form_TCExam_installer div.row span.formw, div.test_result div.row span.label, div.test_result div.row span.formw{display:inline-block !important;vertical-align:top}
	form#form_TCExam_installer div.row span.label,div.test_result div.row span.label{width:7em}
	form#form_TCExam_installer div.row span.label{width:15em}
	form#form_TCExam_installer div.row span.formw,div.test_result div.row span.formw{width:auto}
	form#form_resultallusers div.row span.label{width:10em}
	form#form_TCExam_installer div.row span.label, form#form_TCExam_installer div.row span.formw,form#form_resultallusers div.row span.label,form#form_resultallusers div.row span.formw {display:inline-block;vertical-align:top;width: 35em;}
	form#form_TCExam_installer div.row span.formw{padding:0}
	form#form_TCExam_installer div.row span.formw input[type=checkbox]{width:unset;display:inline-block}
	form#form_TCExam_installer div.row span.label{text-align:right} 
	input#install,a.buttongreen, a.buttonblue, .xmlbutton, input[type=submit], input#wclose{display:inline-block !important; width:auto; margin-right:1em}
    .login_box{width:25em;margin:auto}
    .gsoformbox{width: 30em;margin: auto;margin-top: 15px;}
	input#login{display:block !important; width:10em; margin:2em auto 0 auto}
	div.popupcontainer div.tceformbox div.row span.label {display:inline-block;width:16em}
	div.popupcontainer div.tceformbox div.row span.value {display:inline-block;width:auto}
	#txtComment,#txtQuestion,span#txtInfo{display:unset}
	form#form_test_terminate input{margin-top:0 !important}
}

@media (min-width: 992px) {
	/***/
}

@media (min-width: 1200px) {
	/***/
}