body {
    font-family: 'Roboto', sans-serif;
}
body.login{padding-top:3em;}
body.login .img-responsive{margin-bottom:20px;}


.ui.pageHeader {
	padding-top: 30px;
	padding-bottom: 30px;
}
.ui.main {
	margin-top: 30px;
}

#exam-loading{position:fixed;top:50%;left:50%;margin-top:-50px;margin-left:-50px;z-index:999; }
.instructions {    font-size: 1.7em;
    line-height: 1.5;
    color: #777;}
    .instructions2 { }
	
.ui.statistics.is-countdown  > .statistic{margin-bottom:0!important;}	
.legends .item{margin-bottom:5px}
.legends .item span{vertical-align: middle;}
.legends .item strong{    display: inline-block;
    vertical-align: middle;}

/* Text color */
.text.red	{color: #db2828;}
.text-muted{color: #777;}
	
/* ------------ kiran --- */	
/* rewrite 
*{
 border-radius:0!important;
}
*/

.dropzone {
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
    text-align: center;
    position: relative;
}
.dropzone .dz-message {
    top:28%;
}




.ui.statistics.nano > .statistic {  
    margin-left: .5em;margin-right: 0.5em;
}




.ui.form .field > label {
    font-weight: 400;
}


/* */

.correct-answer {
    display: flex;
    flex-direction: column;
}
.answer-header {
    color:#fff; font-weight: bold; text-align: center; background:#1678c2;
}

.answer-field {
    border:1px #ddd solid;  text-align: center; padding: 3px 0 0 4px;
}
/* layout */

.main{
	flex-grow:1; background:#f8f8f8;
}

.sidepanel {
	   
	   width:210px;flex-grow:0;
	   border-radius:0;    background-color: #175690;
}
.sidepanel .ui.menu{background-color: #175690; border-radius:0;border:0;color:#fff; }
.sidepanel .ui.menu .item{
	color:#fff;
}

.ui.vertical.menu .item > .menu {
background-color:#1470ad;
}

.ui.menu .item.has-child{padding-bottom:0}

.ui.vertical.menu .menu .item {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #e5e3e3;
    font-size: 0.857143em;
    padding: 1em 1.33333em; border-bottom:1px #175690 solid; }


/*
.ui.dimmer{
	position:absolute;top:0;bottom:0;
}*/

.ui.modal {
    border-radius: 0;
    min-height: 100%;
    float:right;
    left: auto;
    margin: 0!important;
    position: static;
    right: 0;
    top: 0;
    width: 80%;
}
.modals.dimmer .ui.scrolling.modal{
	margin:0!important;
}
.ui.modal i.close {
    color: rgba(0, 0, 0, 0.87);
    right: 1rem;
    top: 1.0535rem;


cursor: pointer;
position: absolute;
 
z-index: 1;
opacity: .8;
font-size: 1.25em;
 
width: 2.25rem;
height: 2.25rem;
padding: .625rem 0 0 0;

}
.ui.message {margin:1em;}
	.wrapper{
	display: flex;margin-top:46px;min-height:100%;
}

/* --- */

.content .inner{
	/*display:flex;  align-items: center;*/
}




/* layout*/
.ui.block.header {margin-bottom:0; margin-top:0; border: 0; border-bottom:1px solid #d4d4d5;
    border-radius: 0; }
	
.ui.block.header + .ui.menu{
margin-top:0; border-top:0; border-left:0;border-right:0;  border-radius: 0; 
margin-bottom: 0;
}











/* attendance */




/* attendance */

.trow{
	display:flex;
}
.trow:nth-child(even){
	background:#f2f2f2;
}

 .atcell{
	border-left:1px #ccc solid;border-bottom:1px #ccc solid;width:60px;height:65px;display: flex;
 
justify-content: center;align-items:center; cursor: pointer;
}
.atcell.cell-disabled {
    cursor: default; 
}
.atcell.cell-disabled i{
background:#cecece;
}

.atcell-group{
	display:flex;
}

.atcell-group .atcell{
	background:#fff;
}

.at-header{
	display:flex; border-right:1px #ccc solid;margin:20px 0 0;flex-direction:column;
}

.at-header .atcell{
	height:35px; border-bottom:0;
}

.at-current{
	 border-right: 1px solid #ccc;
    border-top: 4px solid red;
    flex-grow: 1;justify-content: center;align-items:center;display: flex;
    height: 65px;
    margin: -30px -1px 0 0;border-left:1px #ccc solid;  background:#fff;
}
.at-name{
	width:225px;display:flex; align-items:center; padding:0 10px; border-bottom:1px #ccc solid; flex-grow:1;
}
.at-icons {
	margin-left:225px
}
.at-icons .atcell{
	background:transparent; 
}




/**/
.ui.question-report > .item > .content {
	 padding: 0.5em 1em 1.5em;
	 max-width:75%;
}

.ui.question-report > .item > .mark-report {
	max-width: 25%
}


.dg-icon {width: 100%;height: 240px;background: url('../images/guidelines.en.png') -5px 0 no-repeat;}
.dg-icon.step-1{background-position: -5px 0;}
.dg-icon.step-2{background-position: -5px -240px;}
.dg-icon.step-3{background-position: -5px -480px;}
.dg-icon.step-4 {background-position: -5px -720px;}











/*   */
.editor {
	border:1px #ddd solid; padding:10px;min-height: 60px;
}




.item .ui.floating.label {
    top: 10px;
    left: 80%; }
	
	
.ui.right.dropdown.button,.delete-exam-item ,.add-item ,.delete-item{max-height:37px;}
	
	
	.ui.dimmer.alert {
background-color:rgba(255, 0, 0, 0.85);
}
	
.ui.modal.center {
    border-radius: 0;
    min-height: auto;
    float:none;
    left: auto;
    margin: 3.5rem auto!important;
    position: static;
    right: auto;
    top: 0;
    width: 700px;
}



blockquote{
	border-left:5px solid #eee;
	margin:0 0 20px;
	padding:10px 20px;
	
}






.profileinfo{
	margin-bottom:20px;
}
.profileinfo label{
	font-size: 0.85em;color:#777;
}



.card .meta{text-overflow: ellipsis;
max-width: 100%;
overflow: hidden;}

.calendar-field {display: flex;}
.calendar-field .button{ margin-right: 0;padding: .78571429em .5em; flex:1;}
.calendar-field .button .icon {margin: 0!important;} 

.calendar-field .button:first-child{ border-top-right-radius: 0; border-bottom-right-radius: 0;}
.calendar-field .button:last-child{ border-top-left-radius: 0; border-bottom-left-radius: 0;}

.calendar-field .ui.input input { border-radius: 0;}







.jscroll-added {position: absolute; bottom: 20px; margin-left: -30px;left: 50%; background:#fff;padding: 10px;}



.timing-info{position: relative; padding:8px;  margin:-.78571429em ; margin-bottom: 0;}
.timing-info + .timing-info { border-top:1px dotted #000000; margin-top: 0; margin-bottom:-.78571429em; }
.timing-info span{display: block;}
.edit-timing {position:absolute;bottom:0;right:20px}

.delete-timing {position:absolute;bottom:0;right:0}


.calendar-floated-time{text-align:center;font-size:18px; border-bottom:1px #ccc  solid;padding:0 0 4px 0;cursor:pointer;color:#2fa3e6;}
.cal-hours{display:flex;text-align:center}
.cal-hours div{ padding:0 10px; }
.cal-hours div:first-child{ border-right:1px #ccc solid; }





.time-icon {cursor: pointer;}




#password_container input {
padding: 5px 14px;
border: 1px solid #d5d9da;
box-shadow: 0 0 9px #0E34F5 inset;
width: 272px;
font-size: 1em;
height: 25px;
}
#password_container .short{
font-weight:bold;
color:#FF0000;
font-size:larger;
}
#password_container .weak{
font-weight:bold;
color:orange;
font-size:larger;
}
#password_container .good{
font-weight:bold;
color:#2D98F3;
font-size:larger;
}
#password_container .strong{
font-weight:bold;
color: limegreen;
font-size:larger;
}





/* top bar dropdown selection */

.top-bar .dropdown.selection {
    border-radius:0;
    background: transparent;
    color: #fff;
}



.ui.inverted.menu { 
    background: #0063c6; 
}

.ui.dividing.header .icon {
    font-size: 2em;
top: -3px;
position: relative;
 
}


.bg_white {
  background: #fff!important;
}

.no-msg {
    background: #fff;
     width:100%;
     min-height: 300px;
     display: flex;
     justify-content: center;
    align-items: center;
    padding: 1.5em;
    text-align: center;
 }


.question-item .count {
    font-size: 1.3rem;
    margin-right: 10px;
}

.sub-head {
    border-radius: 0 !important;
    border-right: 0 !important;
border-left: 0 !important;

}


.ui.modal   .header {

    display: block;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    background: #fff;
    margin: 0;
    padding: 1.25rem 1.5rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0,0,0,.85);
    border-bottom: 1px solid rgba(34,36,38,.15);

}
.ui.modal  .header:not(.ui) {

    font-size: 1.42857143rem;
    line-height: 1.28571429em;
    font-weight: 700;

}
.ui.modal .content {

    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    padding: 1.5rem;
    background: #fff;

}

.ui.modal  .actions {

    background: #f9fafb;
    padding: 1rem 1rem;
    border-top: 1px solid rgba(34,36,38,.15);
    text-align: right;


}
.ui.modal .scrolling.content {
    max-height: none;
    height: calc(100vh - 130px);
    overflow: auto;

}

.ui.modals { padding: 0;}



.ui.modal .content .dividing.header {
    padding: 0;
    margin-bottom: 10px;
    margin-top:1.5rem;
}

.ui.modal .content  .ui.header:first-child {
    margin-top: 0
}

.ui.list .list > .item > .content, .ui.list > .item > .content {
    padding: 0;
}




.ui.modal .sub.header {
    font-size: 1rem;
    border-bottom: 0;
    margin-bottom: 0;
}





.no-result {
    padding: 20px;
}


.error  {
    color: #9f3a38 !important;
font-weight: 700 !important;
}