/*
    Rabih Kaddour
    http://kaddour-es.de/
    August, 2016.
*/

/**************************************** Controls *****************************************************************/

.default-cursor {
    cursor: default;
}

.input-clt-a {
    background-color:#fff;
    text-align:center; 
    font-size:35px; 
    font-weight:100; 
    margin-top:3px;
    visibility:visible;
}

.hr-cls {
    display: block;
    background-color:#000000;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

.div-cls {
    color:#0044cc;
    border: 2px solid #353535;
    border-color:#000000;
    text-align:center;
}

.form-txt {
    color:#0044cc;
    font-weight:bold;
    font-size:16pt;
    font-family: "Times New Roman", Times, serif;
    /*font-family:'Times New Roman', Times, serif;*/
}

.big-txt {
    font-weight: 300;
    /*font-size: 2.625rem;*/
    font-size: 2.25rem;
    line-height: 3.875rem;
}

.big-txt2 {
    font-weight: 300;
    /*font-size: 2.625rem;*/
    font-size: 1.85rem;
    line-height: 2.875rem;
}

.large-MonoTxt {
    font: 1.57rem "Courier New",Courier,monospace;
    font-weight: 300;
    line-height: 2.875rem;
}

.small-txt {
    font-weight: 300;
    font-size: 1.375rem;
    line-height: 1.6rem;
}

.td-txt {
    font: 300 42px/46px 'Source Sans Pro',sans-serif;
    vertical-align: top;
}

.inpt-style {
    margin-left:7px; 
    width:70px; 
    height:50px; 
    color:#008000; 
    border:solid 1px #008000; 
    text-align:center;
}

.result_text_div {
	float:right;
	width:75%;
	height:100%;
	background-color:transparent;
	/*border-bottom-right-radius: 1em;*/
}

.spn-cls {
    color:#0044cc;
    font-weight:bold;
    font-size:16pt;
    font-family: "Times New Roman", Times, serif;
    /*font-family:'Times New Roman', Times, serif;*/
}

.spn-task-cl {
    color:#0044cc;
}

.txtTable {
    /*text-align:center;*/
    font-size:23px;
    font-weight:bold;
    color:#000000;
}

.answer-navi {
    position:relative;
    width: 100px;
    height: 64px;
    font-size: 32px;
    line-height: 64px; 
    border: 3px solid #f1fafe;
    text-align: center;
    display: inline-block;
    background-color: #f1fafe;
}

/**************************************** Tabs *****************************************************************/

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*border: 1px solid #ccc;*/
    border:none;
    /*background-color: #f1f1f1;*/
    background-color: #fff;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;

    background-color: #ddd;
}

/* Style the tab content */
.tabcontent {
    /*display: none;*/
    padding: 13px 7px; /* top,left*/
    border: 2px solid #ccc;
    /*border-top: none;*/
    background-color: #fff;
}

.tabcontent-10 {
    padding: 0px 0px; /* top,left*/
    /*border: 2px solid #ccc;*/
    /*border: 2px solid #000000;*/
    background-color: #fff;
}

.tab-border-solid {
    border: 2px solid #000000;
}

.topright {
	float: right;
	cursor: pointer;
	font-size: 20px;
}