.bg-class{
	background: url('../img/banner.png') fixed 50% / cover;
	width:100%;
	height:100%;
}
.block-body{
	display:inline-block;
	width:100%;
}
.navbar-right .dropdown-toggle{
	height:50px;
}
.hd-link{
	float: right;
	display: inline-flex;
	text-align: center;
	padding: 2px;
}
.hd-link a{
	display:inline-block;
	margin:5px;
}
.preview-image{
	height:200px;
	width:150px;
}
label.required:after,span.required:after{
	content:"*";
	color:Red;
	margin-left:2px;
}

/**************************************/
/*************MENU-STYLE***************/
/**************************************/
.nav-item{
	display:inline-block;
	width:100%;
	position:relative;
}


.log-dt{
	background: none repeat scroll 0% 0% #FFF;
	color: #444;
	padding: 40px 20px 10px;
}

/**************************************/
/*************Check Box Pop Up***************/
/**************************************/

.search-content-pop {
    width: 25%;
    float: left;
    padding: 5px 15px;
    position: fixed;
    left: 7%;
    top: 50%;
    display: none;
    margin: 10px 0px;
    background-color: #FFF;
    border: 1px solid #EDF1F2;
    box-shadow: 10px 5px 30px #888;
}
.search-label {
    margin-top: 6px;
    font-size: 14px;
    font-weight: bold;
    color: #494949;
}
input[type="checkbox"] {
    margin-bottom: 0px;
    margin-right: 5px;
    float: left;
    clear: left;
}
/**************************************/
/*************WIZARD***************/
/**************************************/
.wiz-table{
	width:100%;
}
.wiz-table tr td{
	width:100%;
	padding-bottom: 20px;
}
#wizHeader li .prevStep
{
    background-color: #669966;
}
#wizHeader li .prevStep:after
{
    border-left-color:#669966 !important;
}
#wizHeader li .currentStep
{
    background-color: #3C8DBC;
}
#wizHeader li .currentStep:after
{
    border-left-color: #3C8DBC !important;
}
#wizHeader li .nextStep
{
    background-color:#C2C2C2;
}
#wizHeader li .nextStep:after
{
    border-left-color:#C2C2C2 !important;
}
#wizHeader{
    list-style: none;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
#wizHeader li
{
    float: left;
}
#wizHeader li a
{
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 55px;
    background: brown; /* fallback color */
    background: hsla(34,85%,35%,1);
    position: relative;
    display: block;
    float: left;
    width:100%;
}
#wizHeader li a:after
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsla(34,85%,35%,1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
#wizHeader li a:before
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
}        
#wizHeader li:first-child a
{
    padding-left: 10px;
}
#wizHeader li:last-child 
{
    padding-right: 50px;
}
#wizHeader li a:hover
{
    background: #3C8DBC;
}
#wizHeader li a:hover:after
{
    border-left-color: #3C8DBC !important;
}        
.content
{
	height: 150px;
	background-color: #F9F9F9;
}
#wizHeader li a.prevStep:hover:after{
	border-left-color: #696 !important;
}
#wizHeader li a.prevStep:hover{
	background:#696 !important;
}


.wiz-table-three-column #wizHeader li{
	width:33%;
}
.inner-titleSmall{
	width:100%;
	display:inline-block;
	background: #F2F2F2;
	padding: 0px 5px;
	margin:15px auto;
	height:10px;
}

.inner-title{
	width:100%;
	display:inline-block;
	background: #F2F2F2;
	padding: 0px 5px;
	margin:15px auto;
}

.inner-title h5{
	width:50%;
	float:left;
}
.focus{
	background:red;
}
.small-edit{
	font-size:12px;
	cursor:default;
	margin-left:10px;
}
.editable,.p-edit{
	padding: 10px;
}
.editable{
	cursor:text;
	display: none;
}
.editableNew{
	display: block;
}
.nav-tab-custom-li{
	float: left;
	width: 100%;
}
.nav-tab-custom-li-pane{
	margin-top:20px;
}
.full-width-group{
	width:100%;
}
.full-width-group .static-addon{
	width:100px;
}
.dataTables_filter label{
	width: 100%;
	text-align: right;
}
.dataTables_filter input[type="text"]{
	width: 50%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
	vertical-align: middle;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
}
.dataTables_paginate .pagination{
	float:right;
}
.show-div{
	max-height: 200px;
	overflow-y: auto;
	width: 80%;
}
.show{
	height: 200px;
	overflow: auto;
	width: 80%;
}
.show label,.genere label,.genere span,.genere input[type="radio"],.genere input[type="checkbox"]{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.new-link{
	color:#fff !important;
}
.login-log{
text-align: center;
margin: 10px;
}
.adit-menu h5{
	margin:5px;
	font-size:16px;
}
.adit-menu-list a{
	padding:2px;
	display:inline-block;
}
.adit-menu-list a:hover{
	text-decoration:underline;
}
.lg-height{
	height:40px !important;
}
.form-box .footer{
	padding:20px !important;
}
.width10{
	width:10%;
}
.simple-header{
	width: 100%;
	display: inline-block;
	padding: 5px;
	border-bottom: solid 2px #DDD;
	margin-bottom: 5px;
	font-weight:bold;
}
.simple-header-equal{
	width: 100%;
	display: inline-block;
	padding: 15px;
	margin-bottom: 5px;
}
.error-ct{
	position: absolute;
	right: 0;
	top: -20px;
	border: solid 1px #D9534F;
	color:#fff;
	background:#D9534F;
	border-radius:2px;
	padding:3px;
}
  .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 35%;
    width: 30%;
    padding: 25px 0px;
    color: #000;
    background: url('../img/load.gif') no-repeat scroll center center #FFF;
    box-shadow: 10px 5px 30px #888;
}
.hide{display:none;}
.selected{
	background:#47A3DA !important;
	color:#fff;
}
.selected a{
	color:#fff;
}
.search-block{
	display:inline-block;
	width:100%;
}
.search-block .btn{
	margin-top: 5px;
}
.ds-details label{
	float:left;
	clear:left;
	width:100%;
}

#MenuList li{
	list-style:none;
}
#MenuList li.seperate-div{
	margin: 10px;
	width: 44%;
	background:#DDD;
	border: 1px solid #CFDEE3;
	/*max-height: 600px !important;*/
	display: inline-block;
	position: relative;
	float: left;
    /*min-height: 500px !important;*/

}
#chkParent{
	display: inline-block;
	width: 100%;
	padding: 5px 0px;
	background: #EEE;
	height: 30px;
	border-bottom: solid 1px #DDD;
}
#MenuList li ul{
	background:#fff;
	/*max-height: 500px !important;
	overflow-x: auto;
	min-height: 500px !important;*/
}
#MenuList li label{
	Color:#008D4C;
}
#MenuList li ul li label{
	Color:#D8413E;
}
#MenuList li ul li ul li label{
	Color:#0D1104;
}

#MenuList input[type=checkbox] {
	position:absolute; 
	z-index:-1000; 
	left:-1000px; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px;
	 margin:-1px; 
	 padding:0; 
	 border:0;
}

#MenuList input[type=checkbox] + label 
{
	width:100%;
	padding-left: 20px;
	height: 15px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
	margin: 4px;

}

#MenuList input[type=checkbox]:checked + label {
	background-position: 0px -15px;
}
#MenuList label {
	background-image:url(../img/small-check.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tree{
	display: inline-block;
	width: 100%;
	margin: 10px 0px;
}
.list-st{
	display: inline-block;
	width: 100%;
	margin: 3px 0px;
	margin-left:-20px;
}
.title-col{display:inline-block;float:none;margin:10px 0px;}
.iframe{
	margin: 0px auto;
	display: none;
	position: fixed;
	top: 0px;
	z-index: 9999;
	height: 100%;
	border: 0px none;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.iframe-in{
	display:block;
}
.bg-drop{
	background:#000;
	position:fixed;
	display:block;
	z-index:1030;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.6;
}
.pop-block-ul{
	display:inline-block;
	width:100%;
	margin-left:-20px;
}
.pop-block-ul li{
	width:30%;
	float:left;
	list-style:none;
	display:inline;
	margin-right:1px;
}

.block-table-ctn{
	display: inline-block;
	width: 100%;
	position:relative;
}

/*PLAYER*/
.player{
	display: block;
	width: 30%;
	height: 200px;
	margin:20px 5px auto;
	float:left;
}
.players{
	display: inline-block;
	width:100%;
}
.players li{
	list-style:none;
	display:inline-block;
	width:100%;
	float:left;
}
.vid-dlte{
	display: block;
	background: #FC850F;
	position: absolute;
	right: 20px;
	top: 0px;
	bottom: 0px;
	padding: 8px 20px;
	cursor:pointer;
}
.blk-div{
	padding:10px 5px;
	background:#888;
	color:#fff;
	margin:5px;
	position:relative;
	box-shadow: 3px 3px 5px #888888;
	width:95%;
	-webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
    transition: all 1s;
}
.blk-div a{color:#fff;}
.blk-div:before{
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	border-width: 0px 16px 16px 0px;
	border-style: solid;
	border-color: #FFF #FFF #658E15 #658E15;
	background: none repeat scroll 0% 0% #658E15;
	display: block;
	width: 0px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
}
.p-head{
	float: left;
	width: 60%;
	margin-top: 60px;
}
.p-head h5{
	font-size:16px;
}
.p-head p{
	margin-left:10px;
	text-align:justify;
}
.pop-table tr td{
	border:none !important;
}
.chr-div,.div-block{
	display:inline-block;
	width:100%;
}
.chr-div .chr-title{
	width:100%;
	padding:3px 10px;
	background:#EEE;
	margin-top:2px;
}
.chr-div .chr-title h4{
	font-size:18px;
}
.inner-load{
	text-align:center;
	margin:30px auto;
	width:50%;
}
.reptable p{
	margin-left: 10px;
}
#ulOptions ul{
text-align: center;
margin:0px auto;
}
#ulOptions ul li{
	display:inline;
	margin:5px 10px;
	}
#ulOptions ul li label{
	margin-left:5px;
}
#divPreview{
	width:100%;
	display:none;
	padding:5px;
	margin:10px auto;
	background:#FFE5B1;
}
.abv-block{
	margin-top:30px;
	margin-bottom:40px;
	float:left;
}
.pt-hd{padding-left:55px;}
.pt-ct{
	padding-left:22px;
}
.lst0-bl li{
	list-style:none;
	display:inline;
	float:left;
}
.pt-div{
	border:solid 1px #E2E2E2;
	background:transparent url('../img/pin.png') no-repeat 0px 10px;
	border-radius:3px;
	margin:5px;
}
.list li{
	list-style:none;
	display:inline;
}
.list li span {
    padding: 5px 10px;
    background: none repeat scroll 0% 0% #000;
    margin-right: 3px;
}
.list li span.wrong-ans {
    background-color: #F16F5C;
}
.list li span.not-ans {
    background-color: #CEDCE7;
}
.list li span.correct-ans {
    background-color: #9DD53A;
}
 .rpt-table td,.rpt-table > tbody > tr > th{
 vertical-align: middle !important;
 padding:2px !important;
 border: 1px solid #DDD;
}
.rpt-table td p{
 text-align:justify;
}
/*AUTO COMPLETE*/
.ui-helper-hidden-accessible{display:none;}
.ui-autocomplete{
	position:absolute;
	width:auto;
	border-left:solid 1px #DDD;
	border-top:solid 1px #DDD;
	border-right:solid 1px #DDD;
	background:#F9F9F9;
	box-shadow: 2px 2px 2px #888;
	border-radius:3px;
 }
.ui-autocomplete .ui-menu-item{
	padding:5px;
	border-bottom:solid 1px #DDD;
	list-style:none;
}
.ui-autocomplete .ui-menu-item a{color:#333;}
.ui-autocomplete .ui-menu-item:hover{
	background:#DDD;
}
.set-ui li{display:inline-block; !important;}
.set-ui li.ui-tabs-active{background: #3C7FB9 !important;}
.set-ui .ui-tabs-active,.set-ui .ui-tabs-active:hover{
background:#3C7FB9 !important;
}


.dash-div{
	border: 1px solid #EAEEF1;
	padding: 0px;
	overflow: hidden;
	max-height: 350px;
	min-height: 350px;
	margin:2px 13px;
}
.dash-div-ForDashBoardAttendance{
	border: 1px solid #EAEEF1;
	padding: 0px;
	overflow: hidden;
	max-height: 580px;
	min-height: 350px;
	margin:2px 13px;
}
.dash-inner-div{
	box-shadow:none;
}
.dash-inner-div .tab-content,.scroll-content {
	min-height: 230px;
	max-height: 230px;
	overflow-y: auto;
}
.list-dtl{
	display:inline;
}
.list-dtl li{
	border-top:solid 1px #EEE;
	margin-top:5px;
}
.dash-inner-div > .tab-content{
	padding:5px 0px;
}
.dash-inner-div > .tab-content table{
	border-radius:0;
}
.inner-dash-title{
	width:100%;
	display:inline-block;
	background: #F9FAFC;
	padding: 0px 5px;
	border-bottom:solid 1px #DDD;
}
.todo-list .tools a{
	cursor:pointer;
}

/* Status abbreviations in grid view pages */

.StatusAbr{
		border:solid 1px #cccccc;
		width:98%;
		margin:0 auto;
	}
	.StatusAbr tr td:first-child{
		width:10%;
		padding:10px 5px;
		border:solid 0px #cccccc;
	}
	.StatusAbr td
	{
		width:10%;
		
	}