@import 'fontawesome.min.css';
@import 'fonts/Digital-dream-fontfacekit/init.css';
@import 'bootstrap.min.css';
@import 'fonts/teutonicno1/init.css';
@import 'fonts/archistico/init.css';
@import 'fonts/belligerent/init.css';
@import 'fonts/jackport/init.css';

html,
body
{
   background:#FFFFFF;
   background-attachment:fixed;
   height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

.footer, .push {
	height: 4em;
}

/* menu */
.accordion h3{
	margin:0;
	padding:0;
	font-size:14px;
}
.side_menu
{
    background-color: #2BA6CB;
    color: #fff;
    text-align: center;
    border:1px  solid #2285A2;
    border-bottom:none;
    cursor:pointer;   
}

.accordion h3.head a
{
    color: #fff;
    display: inline;
    position: relative;
	font-size:15px;
}

/*new*/
.accordion.side-nav ul li
{
	margin:0;
	padding:0;
	list-style:none;
	background: #F2F2F2;
	border:1px solid #9E9E9E;
	border-bottom:none;
	border-top:none;
}
.accordion.side-nav ul li a
{
	padding-left: 5px;
}
.accordion.side-nav ul li a,.accordion.side-nav ul li i
{
	display: inline-block;
}


.accordion.side-nav ul li:last-child
{
	border-bottom:1px solid #9E9E9E;
}
.accordion.side-nav ul li:hover
{
	background:#2386A3;
}
.accordion.side-nav ul li:hover a
{
	color:#fff;
	text-decoration: underline;
}
/*new*/
.accordion div p a
{
    color: #6f9bdc;
    display: inline;
    position: relative;
}

.accordion h3.head2 a
{
    color: #fff;
    display: inline;
    position: relative;
	font-size:15px;
}

/*header*/

.school-header p{
	font-family: Arial;
	word-spacing:2px;
	letter-spacing:2px;
}


.school-header h1{
	word-spacing:3px;
	letter-spacing:2px;
	margin:0;
	padding: 15px 0px 0px 0px;
	font-family:jackport;
}

.login-box{
	padding:20px;
	min-height:369px;
	background:url('../img/logo.png')no-repeat -75px 95%;
	border:3px dashed #c0c0c0;
}
div.shadow{
		-moz-box-shadow: 10px 10px 5px #888;
		-webkit-box-shadow: 10px 10px 5px #888;
		box-shadow: 10px 10px 5px #888;
		
		border:1px solid #666;
}


.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

fieldset{
	border:2px solid #C0C0C0;
}

.content-views-bg{
	/*background:#EAEAEA url('../img/paper.png');
	border:2px solid #c0c0c0;*/
	padding:20px;
}

.content-views{
	background:#FFFFFF;
	padding:20px;
}

.content-menus{
	background:#EAEAEA url('../img/paper.png');
	border:2px solid #c0c0c0;
	padding:10px 5px 10px 10px;
}
table.data-table{
	width:100%;
}

footer.footer{
	border-top:2px solid #000;
	margin-top:2%;
	padding-top:10px;
	background:#2F2F2F;
	height:50px;
}
footer div.footer-contents
{

}

#amount_money
{
	font-family: 'DigitaldreamFatRegular';
}
.row.full-width { width: 100%; max-width: 100%; }
.row.semi-full-width { width: 95%; max-width: 95%; }
.row.accounting { width: 100%; max-width: 100%; margin-top: 0}


/* For system biday Calendar*/
table.birthday_calendar,table.payment_calendar{
	width:100%;
	border:1px #DDDDDD solid;
}
table.birthday_calendar .highlight{
	font-weight:bold;
	min-width:128px;
	min-height:128px;
	background:url('../img/birthday_cake.png')no-repeat;
}

table.birthday_calendar tr th
{
	border:1px #DDDDDD solid;
}

table.birthday_calendar tr td.week
{
	border:1px #DDDDDD solid;
}

table.birthday_calendar tr td.day-format,
table.payment_calendar tr td.day-format
{
	/*border:1px solid #93C0FF;*/
	border:1px #DDDDDD solid;
	height:100px;
	min-width:100px;
	text-wrap: normal;
}

/* For system biday Calendar*/
table.calendar,table.payment_calendar
{
	width:100%;
}

table.calendar .highlight{
	min-width:128px;
	min-height:128px;
	background: #DFE3E6;
}

table.calendar .highlight.current
{
	font-weight:bold;
	min-width:128px;
	min-height:128px;
	background: #C5CCCF;
}

table.calendar tr td:hover
{
	background: #c0c0c0;
}

table.calendar tr td.day-format
{
	padding:0;
	border:1px #DDDDDD solid;
	height:100px;
	min-width:100px;
	vertical-align: top;
  	text-align: left;
}
table.calendar tr td.day-format a
{
	display:block;
}
/* End For system biday Calendar*/

div.btn-group button.current{
	text-decoration:underline;
	color:#f00;
}

tr.bordered{
	border:2px solid #000;
}

span.complogo_name1{
	font-size:14px;
	font-weight:bold;
}
span.complogo_name2{
	font-size:14px;
	font-weight:bold;
	color:#f00;
	font-style:italic;
}
span.benchmark{
	font-weight:bold;
}

.login-modal
{
	background:#2C2C2C url('../img/login-icon.png') no-repeat 80px 90px;
	border:2px solid #000;
}

.heading-details
{
	margin:0 auto;
	font-weight:bold;
	font-family:jackport;
}

.school_name{
	margin:-1px;
	font-size: 25px;
	font-family:jackport;
}
span.iinfo{
	font-weight:bold;
	font-size:11px;
}
.label-good{
	font-weight:bold;
	font-size:12px;
	background:#E9E9E9;
	padding:4px;
	color:#000;
}

.nav.nav-tabs a.current{
	background:#2BA6CB;
	color:#fff;
	border:1px solid #1F7994;
}
.nav.nav-tabs a{
	color:#000;
	border:1px solid #c0c0c0;
}
.nav.nav-tabs a.printer{
	background:#292929;
	color:#fff;
	border:1px solid #c0c0c0;
}
.nav.nav-tabs a.printer.current{
	background:#03303D;
	color:#fff;
	border:1px solid #c0c0c0;
}
.nav.nav-tabs li.current a{
	background:#03303D;
	color:#fff;
	border:1px solid #c0c0c0;
}
.error{
	display:none !important;
}
small.custom-error {
    display: block;
    padding: 0.375em 0.25em;
    margin-top: -1.3125em;
    margin-bottom: 1em;
    font-size: 0.75em;
    font-weight: bold;
    background: #c60f13;
    color: #fff;
}
.items-list{
	font-size:12px;
	font-weight:bold;
	color:#444444;
	padding-left:20%;
}
.noborder-top{
	border-bottom:2px solid #000;
	border-top:none;
	border-right:2px solid #000;
	border-left:2px solid #000;
}
.noborder-btm{
	border-top:2px solid #000;
	border-bottom:none;
	border-right:2px solid #000;
	border-left:2px solid #000;
}

.ui-menu-item a {
	font-size:12px;
}

/*input[type=radio].css-checkbox
{
	display:none;
}

input[type=radio].css-checkbox + label.css-label
{
	padding-left:33px;
	height:26px; 
	display:inline-block;
	line-height:26px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:26px;
	vertical-align:middle;
	cursor:pointer;

}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -26px;
}
label.css-label {
	background:url(../img/forcheckbox2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}*/

input[type=radio].style-radio {
	display:none;
}

input[type=radio].style-radio + label.style-label {
	padding-left:39px;
	height:34px; 
	display:inline-block;
	line-height:34px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:34px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=radio].style-radio:checked + label.style-label {
	background-position: 0 -34px;
}

label.style-label {
	background:url(../img/forcheckbox3.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=checkbox].css-checkbox {
	display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:24px;
	height:19px; 
	display:inline-block;
	line-height:19px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:19px;
	vertical-align:middle;
	cursor:pointer;

}

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


/*
	checkbox 2
*/
input[type=checkbox].checkboxstyle2 {
display:none;
}

input[type=checkbox].checkboxstyle2 + label.labelstyle2 {
	padding-left:39px;
	height:34px; 
	display:inline-block;
	line-height:34px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:34px;
	vertical-align:middle;
	cursor:pointer;

}

input[type=checkbox].checkboxstyle2:checked + label.labelstyle2 {
background-position: 0 -34px;
}
label.labelstyle2 {
background-image:url(../img/forcheckbox3.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.outline{
	border: 0;
	border-bottom: 1px solid #000;
	outline:0;
	width:40px;
	display:inline-block;
	font-size: 12px;
	font-weight: bold;
	margin:0;
	text-align: center;
}

select{
	padding:9px 4px;
	font-weight: bold;
}

.error-small{
	font-size: 10px;
	background: #B94A48;
	border:1px solid #6B2C29 ;
	color:#fff;
}

ul.table-ul
{
	list-style-type: none;
	margin:0;
	padding:0;
}
ul.table-ul li:nth-child(odd){
	background:#999999;
	padding-left: 10px;
	color:#fff;
}
ul.table-ul li a{
	color:#fff;
}
ul.table-ul li:nth-child(even){
	background:#CECECE;
	padding-left: 10px;
	color:#fff;
}
ul.table-ul li:hover
{
	background: #000;
	color:#f00;
}




td.table-ul ul li a{
	color:#fff;
}
td.table-ul ul li a:hover{
	color:#f00;
}

td.table-ul ul li
{
	background:#999999;
	padding-left: 10px;
	color:#fff;
}



td.table-ul ul li.title
{
	background:#000;
	padding-left: 10px;
	color:#fff;
}


.lead-title{
	font-weight: bold;
	font-size: 20px;
	text-indent: 10px;
	color:#494949;
	border-bottom:2px solid #494949;
}

.lead-title *{
	text-indent: 0;
}

tr.thead td{
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}

.allign-center{text-align: center;}
.allign-left{text-align: left;}
.allign-right{text-align: right;}

td.allign-center{text-align: center;}
td.allign-left{text-align: left;}
td.allign-right{text-align: right;}


/*sidebar hide show*/
ul#followthrough{
	margin-top: -1px
	z-index:999;
}

span.divhider{
	background: #4f4e4c;
	padding:10px 10px 18px 10px;
	z-index:998;
	position:fixed;
	left:-66px;
	top:100px;
	border:2px solid #302f2e;

	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */

	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

span.divhider:hover{
	left:-42px;
}

span.divhider a{
	color:#fff;
	font-weight: bold;
}

.ui-autocomplete-loading { 
	background:url('../img/load.gif') no-repeat 10px;
	display: absolute;
}

/* CUSTOMIZE BOOTSTRAP BUTTONS */
	.btn-facebook {
	    background-color:#3b5998;
	    border-color:#3b5998;
	    color:#fff;
	}
	.btn-google {
	    background-color:#dd4b39;
	    border-color:#dd4b39;
	    color:#fff;
	}
	.btn-twitter {
	    background-color:#2ba9e1;
	    border-color:#2ba9e1;
	    color:#fff;
	}
	.btn-pinterest {
	    background-color:#cb2027;
	    border-color:#cb2027;
	    color:#fff;
	}
	.btn-tumblr {
	    background-color:#2c4762;
	    border-color:#2c4762;
	    color:#fff;
	}
	.btn-sylver {
	    background-color:#222222;
	    border-color:#222222;
	    color:#fff;
	}
	.btn-apple {
	    background-color:#636363;
	    border-color:#636363;
	    color:#fff;
	}

	.btn-purple {
	    background: #9b59b6;
	    border-color: #9b59b6;
	}

	.btn-purple:hover {
	    background: #8e44ad;
	    border-color: #8e44ad;
	}

	.btn-teal {
	    background: #1abc9c;
	    border-color: #1abc9c;
	}

	.btn-teal:hover {
	    background: #16a085;
	    border-color: #16a085;
	 }


	.btn-xxs{
		padding: 4px 6px !important;
		font-size: 10px;
		line-height: .5;
		border-radius: 0;
	}
/* CUSTOMIZE BOOTSTRAP BUTTONS */

.panel{
		padding:4px 4px !important;
}

.clickable{
    cursor: pointer;   
}

.panel-heading span {
	margin-top: -20px;
	font-size: 15px;
}

#accordion .glyphicon { margin-right:10px; }
      .panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
      .panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
      .panel-collapse>.list-group {margin-bottom: 0;}
      .panel-collapse .list-group-item {border-radius:0;}

      .panel-collapse .list-group .list-group {margin: 0;margin-top: 10px;}
      .panel-collapse .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd;border-bottom: 0;padding-left: 30px;}
      .panel-collapse .list-group-item li.list-group-item:last-child {padding-bottom: 0;}

      .panel-collapse div.list-group div.list-group{margin: 0;}
      .panel-collapse div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd;border-bottom: 0;padding-left: 30px;}

.ui-datepicker-month, .ui-datepicker-year{
	font-size: 8pt !important;
}

.color-danger{
	color:#d43f3a;
}

.color-success{
	color:#47a447;
}

.color-info{
	color:#269abc;
}

.color-primary{
	color:#285e8e;
}

.color-primary{
	color:#d58512;
}

.color-primary{
	color:#adadad;
}

.text-bold{
	font-weight: bold;
}

.top-bar, .name > h1 > a, .top-bar-section {
	font-family: jackport !important;
}

/* Custom Text Colors*/

.txt-bitbucket{color:#205081 !important;}

.txt-dropbox{color:#1087dd !important;}

.txt-facebook{color:#3b5998 !important;}

.txt-flickr{color:#ff0084 !important;}

.txt-github{ff;color:#444 !important;}

.txt-google-plus{color:#dd4b39 !important;}

.txt-instagram{color:#517fa4 !important;}

.txt-linkedin{color:#007bb6 !important;}

.txt-pinterest{color:#cb2027 !important;}

.txt-tumblr{color:#2c4762 !important;}

.txt-twitter{color:#2ba9e1 !important;}

.txt-vk{color:#587ea3 !important;}

.txt-important{color:#b94a48 !important;}
.txt-warning{color:#f89406 !important;}
.txt-success{color:#468847 !important;}
.txt-info{color:#3a87ad !important;}
.txt-inverse{color:#333333 !important;}

.underline{
	text-decoration: underline !important;
}

.bold{
	font-weight: bold !important;
}

.italic{
	font-style: italic !important;
}

.text-bold, .txt-bold{
	font-weight:bold !important;
}

.text-right, .txt-right{
	text-align:right !important;
}

.text-left, .txt-left{
	text-align:left !important;
}

.text-center, .txt-center{
	text-align:center !important;
}

.change-img-hover {
    display: block;
    width: 150px;
    height: 150px;
    /*margin: 0em auto;*/
    margin-top: -10px;
    margin-left: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 2px solid gray;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
.change-img-hover:hover {
    /*opacity:0.5;*/
}

.change-img-hover:hover::before{
    content: 'Click to change';
    position: relative;
    font-size: 11px;
    top: 40%;
    left: 20px;
    width: 100px;
    height: 20px;
    color: white;
    text-align: center;
    display: inline-block;
    background-color:#333;
}

/*Custom header*/
.panel {
	/*background: #000944 !important;*/
}

img.logo_top_nav {
	margin-top: -5px !important; 
}