@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import "bootstrap.css";
@import "dataTables.bootstrap4.min.css";
@import "font-awesome.css";
@import "owl.carousel.css";
@import "loader.css";
@import "global.css";
@import "calendar.css";
@import "main.css";

/*==========main section Start=========*/
/*=====Nav Profile============*/

.profile-sec {
    padding: 20px;
    border-top: 2px solid #1b1f24;
    margin-top: 20px;
}
.profile-sec figure {
    text-align: center;
}
.profile-sec figure img {
    width: 130px;
    height: 130px;
    text-align: center;
    border-radius: 20px;
    border: 2px solid #fff;
}
.profile-sec span {
    color: #fff;
    margin: 10px 0 5px;
    display: block;
}
.profile-sec strong {
    color: #fff;
}
/*=====Events============*/

.bg-white {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}
.timeline {
    position: relative;
    padding: 0;
    min-height: auto;
}
.timeline .timeline-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.timeline .timeline-list li {
    position: relative;
    padding: 15px 0;
    margin: 0;
    -webkit-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.timeline .timeline-list li:hover {
    background-color: #f9fafa;
}
.timeline .timeline-list li .timeline-time {
    float: left;
    width: 65px;
    text-align: right;
}
.timeline .timeline-list li .timeline-icon {
    background: #e4e9eb;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    width: 42px;
    height: 42px;
    line-height: 28px;
    font-size: 16px;
    text-align: center;
    left: 75px;
    top: 5px;
    z-index: 100;
    padding: 2px;
}
.timeline .timeline-list li .timeline-content {
    margin-left: 125px;
}
.timeline .timeline-list li:after {
    content: "";
    background-color:#066BB5;
    position: absolute;
    display: block;
    width: 1px;
    top: 0;
    left: 95px;
    bottom: 0;
    z-index: 1;
}
.timeline-content .event-img {
    border: 3px solid #894550;
    overflow: hidden;
    position: relative;
}
.like-btn {
    float: right;
    position: relative;
    cursor: pointer;
}
.like-btn i {
    font-size: 22px;
    color: #FF6600;
}
.like-btn .like-option {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding-left: 0;
    padding: 5px 0;
    position: absolute;
    top: 0;
    right: -160px;
    z-index: 9;
    background: #fff;
    width: 160px;
    display: none;
}
.like-btn .like-option li {
    padding: 0;
}
.like-btn .like-option li:after {
    content: "";
    background: none;
}
.like-btn .like-option li a {
    padding: 5px 15px;
    display: block;
    color: #727272;
}
.like-btn .like-option li a:hover {
    background: rgba(0, 0, 0, 0.085);
}
.like-btn:hover .like-option {
    display: block;
}
.event-content {
    background: #fff;
    padding: 10px;
}
.event-content p {
    border-left: 3px solid #066BB5;
    padding-left: 10px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}
.timeline-icon span {
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
}
.timeline-content .event-title strong {
    color:#ED226B;
    text-transform: uppercase;
}
.timeline-content .event-title {
    padding-bottom: 10px;
    display: inline-block;
}
/*--------Notices section-----------*/

.notices .notice-title {
    display: block;
    color:#ED226B;
    font-weight: 700;
    font-size: 14px;
}
.notices ul {
    padding-left: 0;
}
.notices ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding: 15px 20px;
    font-size: 13px;
    padding-left: 45px;
}
.notices ul li:before {
    content: "\f044";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 26px;
    color: #ffa500;
    position: absolute;
    left: 25px;
}
/*--------Payment section-----------*/

.main-box {
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    margin-bottom: 16px;
    border-radius: 3px;
    background-clip: padding-box;
}

.main-box-header {
    padding: 0 16px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.main-box-header h2 {
    font: 500 22px/50px Roboto, sans-serif;
    color: #212121;
    margin: 0;
}
.main-box-header .filter-block {
    margin-top: 12px;
}
.main-box .main-box-body {
    padding: 0 20px 20px 20px;
}
.table thead>tr>th>a span {
    color: #212121;
}
.table thead>tr>th>a span:after {
    content: "\f0dc";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left: 5px;
    font-size: 0.75em;
}
span.label.label-warning {
    background-color: #ffc107 !important;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    font-size: 13px;
}
.payment-info .label-success {
    background:#009900;
}
.payment-info .label-danger {
    background: #ff0000;
}
/*========header========*/
.header-tag {
     display: block;
    font-size: 22px;
    color:#056AB4;
    padding: 9px 0;
    width: 80%;
    float: left;
    text-align: center;
	font-weight:700;
}

/*=====Photo Gallery============*/
.photo_gallery {
/*    overflow: hidden;
    padding: 0 20px;*/
}
.photo_gallery h5{
padding-left:12px;	
}
.photo_gallery ul {         
          padding:0 0 0 0;
          margin:0 0 0 0;
      }
.photo_gallery  ul li {     
          list-style:none;
          margin-bottom:25px; 
		  position:relative;          
      }
.photo_gallery ul li img {
          cursor: pointer;
      }
	  
#myModal .modal-body {
          padding:15px !important;
      }
#myModal .modal-content {
          border-radius:0;
      }
#myModal .modal-dialog img {
          text-align:center;
          margin:0 auto;
      }
 #myModal .controls{          
        width:50px;
        display:block;
        font-size:11px;
        padding-top:8px;
        font-weight:bold;
        background: #066BB5;
		margin-top: 10px;
		padding: 3px 5px;
		border-radius: 2px;
		color: #fff;
		text-transform: capitalize;          
    }
	#myModal .controls:hover{
		color:#fff; 
	 }
#myModal .next {
        float:right;
        text-align:right;
    }
      /*override modal for demo only*/
#myModal .modal-dialog {
          max-width:600px;
          padding-top: 90px;
      }


/*.modal-open.sidebar_main_active #myModal{
  padding-left: 240px;
}
 .sidebar_main_swipe.modal-open #myModal{
	  padding-left:0px;  
  }*/
.sidebar_main_open.sidebar_main_swipe.modal-open #myModal,.sidebar_main_swipe.modal-open.sidebar_main_active #myModal {
  padding-left:240px !important;
}
.sidebar_main_swipe.modal-open #myModal{
 padding-left:0px !important;	
}
button.close{
    position: absolute;
    right: -22px;
    top: -21px;
    color: #fff;
    cursor: default;
    width: 30px;
    height: 30px;
    background: #056AB4;
    opacity: 1;
    border-radius: 50%;
    border: 4px solid #fff;
}

/*=====video Gallery============*/

.video-gallery iframe {
    border: 0;
    width: 100%;
    height: 269px;
	
}
.video-gallery .video-sec{
 margin-bottom:15px;	
}
.video-btm {
    padding: 15px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	min-height: 142px;
}
.video-btm h3{
 font-size: 18px;
 margin-top: 0;
 color: #056AB4;	
}
/*===Happening-Page=====*/
.happenings-page {
    margin: 0 15px;
}
.tiles.grey {
    background-color: #e9ecee;
}
.tiles.white {
    background-color: #ffffff;
    color: #8b91a0;
}
.b-grey {
    border-color: #e5e9ec;
}
.b-b {
    border-bottom: 1px solid;
}
.p-t-20 {
    padding-top: 20px;
}
.p-b-15 {
    padding-bottom: 15px;
}
.post {
    display: block;
}
.overlap-left-10 {
    position: relative;
    left: -10px;
}
.post .user-profile-pic-wrapper {
    display: inline-block;
    float: left;
    margin-right: 16px;
}
.post .info-wrapper.small-width {
    width: 70%;
}
.post .info-wrapper {
    display: inline-block;
    float: left;
    width: 80%;
}
.inline {
    display: inline-block!important;
}
.tiles {
    background-color: #bcbcbc;
    color: #ffffff;
    position: relative;
}
.post .info {
    display: block;
}
.text-black {
    color: #1b1e24!important;
}
.tiles p {
    margin: 0 0 5px;
}
.muted {
    color: #b6bfc5;
}
.small-text {
    font-size: 12px!important;
}
.post {
    display: block;
}
.post .info-wrapper {
    display: inline-block;
    float: left;
    width: 80%;
}
.post .info-wrapper.small-width {
    width:92%;
}
.post .username {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}
.post .info {
    display: block;
}
.post .info span{
 color: #737373;
 padding-left: 10px;	
}
.post .user-profile-pic-wrapper {
    display: inline-block;
    float: left;
    margin-right: 16px;
}
.post .more-details {
    display: block;
    float: left;
}
.post .post-links {
    margin: 4px 0 0;
    list-style: none;
    font-size: 11px;
    padding: 0;
}
.post .post-links li {
    display: inline;
    float: left;
    position: relative;
    padding-left: 0px;
    padding-right: 8px;
}
.post .post-links li:after {
    color: #999999;
    content: "•";
    padding-left: 8px;
}
.post .post-links li:last-child:after {
    content: "";
}
.post .dark-text {
    color: #2a2e36;
}
.post .action-bar {
    display: block;
    list-style: none;
    margin: 13px 0 37px;
    font-size: 12px;
    padding: 0;
}
.post .action-bar li {
    display: inline;
    float: left;
    position: relative;
    padding-right: 8px;
}
.user-profile-pic-2x {
    border-radius: 100px 100px 100px 100px;
    height: 50px;
    overflow: hidden;
    width: 50px;
}
.user-profile-pic-2x.white-border {
    border: 5px solid #ffffff;
}
.text-grey {
    color: #8b91a0!important;
}
.user-profile-pic-2x i{
 line-height:43px;
 font-size: 20px;
    color: #066AB4;	
}
.b-b {
    border-bottom:1px solid #e5e9ec;
}
.info-wrapper h3 {
    margin-top: 0;
    font-size: 18px;
    border-bottom:1px solid #000;
    display: inline-block;
	    color: #737373;
}
/*--------Profile Info-----------*/
.user-profile .top-section{
background:#1976D2;
padding:24px;	
	
}
.user-profile .top-section img{
width:100px;
height:100px;
border-radius:50%;
border:3px solid #fff;	
}
.profile-txt{
   
}
.profile-txt .main-title{
  border:none;
  margin: 10px 0;	
}
.profile-txt .main-title h2{
    font-size: 22px;
    color: #fff;
	margin:0;
  
}
.user-profile .main-title span{
text-align:center;
color:#fff;
font-size:22px;
display:inline-block;	
}
.user-profile .profile-list{
    color:#fff;
    padding-left: 0;
    text-align: center;	
}
.user-profile .profile-list li{
display:inline-block;
margin-right:20px;
text-align:center;	
}
.user-profile .profile-list li strong{
	display:block;
}
.user-profile .profile-btm{
padding:24px;	
}
.user-profile .profile-btm .main-title{
 border-bottom:1px solid #ccc;	
}
.user-profile .profile-btm .main-title h3{
font-size:18px;
margin:0;	
}
.user-profile .profile-btm ul{
padding-left:0;
padding-top:10px;	
}
.user-profile .profile-btm ul li strong{
    min-width: 120px;
    display: inline-block;
}
.user-profile .profile-btm ul li{
border-bottom:1px solid #ccc;
padding:5px 0;
overflow:hidden;	
}
.profile-btm .main-title{
 padding-left:0;
 padding-bottom:10px;
 height:auto;
 	
}
.profile-btm address{
    width: 48%;	
	margin: 0;
}
.parent-btm{
padding:15px;	
}
.parent-info .main-title h2{
 font-weight:400;	
}
.usr-title{
font-size: 18px;
position: relative;
color: #000;
font-weight: 500;	
}
.usr-title:after{
width:20px;
height:2px;
content:"";
position:absolute;
top: 11px;
right: -27px;
background: #000;	
}
.parent-btm i{
 margin-right:10px;
 color: #727272;
 font-weight: 700;	
}
.parent-btm ul li{
 margin-bottom:5px;	
}
.parent-info .btn.pull-right {
    margin-top: 12px;
}
/* Login Form */
.form-title {
    background: #2196f3;
    padding: 20px;
    margin-bottom: 15px;
	border-top-right-radius: 10px;
 
}
.login-form {
    background: #fff;
	border-top-right-radius: 10px;

}
.form-title h2{
color:#fff;	
	
}
.login-form .form-group {
    padding: 0 30px;
}
.login-form label{
font-weight:bold;	
}
.user-icons {
    position: relative;
}
.user-icons .form-control.input-sm{
padding-right:30px;	
}
.user-icons:after{
    content: "\f007";
    font: normal normal normal 18px/1 FontAwesome;
    position: absolute;
    top: 0px;
    right: 12px;
    border-left: 2px solid #ccc;
    padding-left: 10px;
    line-height: 38px;
	color:#E26920;	
}
.user-icons.pwd-icons:after{
    content: "\f13e";	 
 }

/* result analysis */
#sidebar_main .menu_section > ul > li > a {
    padding: 8px 7px;

}
#sidebar_main .sidebar_main_header {
    height: 150px;
    background: #fff;
}
#sidebar_main .menu_section > ul > li > a:hover{
     background: #ff6600;	
}
#sidebar_main .menu_section > ul > li.active  a{
     background: #ff6600;	
}
.widget-header {
    padding: 0 16px;
    background: #00aba9;
}
.widget-header h2 {
    padding: 5px 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
}

.result-analysis table{
margin-bottom:0;	
}

.result-analysis .table {
    width: 100%;
    color: #800000;
    font-weight: 700;

}
.result-analysis .table thead{
background:#999966;	
}
.result-analysis thead th {
    text-align: left;
    color: #fff;
}
.page-title strong{
    background: #ff6600;
    color: #fff;
    padding: 5px 15px;
    font-size: 16px;
    border-radius: 20px;	
}

.select-box:after{
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f13a";
}
.select-box {
    position: relative;
}

.select-box:after {
    font: normal normal normal 22px/1 FontAwesome;
    content: "\f13a";
    position: absolute;
    right: 15px;
    top: 10px;
    color: #00aba9;
}

.avg_subject{
    display: inline-block;
    background: #77b300;
    color: #fff;
    border-radius: 20px;
    padding: 5px 20px;
}
.left-sec{
width:50%;	
float:left;
text-align: center;
min-height: 369px;
    background: #33cccc;
padding:20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;

}
.login-form{
width:50%;
float:left;		
}
.login-wrapper{
margin-top:90px;
border-radius:10px;	
}

.headertext span{
    font-size: 47px;
    color: #fff;
    font-weight: bold;
}

.left-sec-border{
border:2px solid #fff;	
    padding: 10px;
}

.page-title span{
    background: #056AB4;
    color: #fff;
    font-size: 20px;
    padding: 4px 30px;
    font-weight: bold;
    border-radius: 18px;	
}
.dataTables_wrapper{
padding:15px;	
}
div.dataTables_wrapper div.dataTables_paginate {
    float: right;
}

table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting:after {
    display:none;
}
.widget-body{
    width: 60%;
    margin: 0 auto;
    margin-top: 12px;	
	
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-weight: bold;
}