/* * Globals */
 body {
     font-family: 'Roboto', sans-serif;
     color: #555;
    /* background:url(../image/bg.png) left bottom no-repeat;
     */
     background-color: #f6f6f6;
     background-attachment: fixed;
}
 h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
     margin-top: 0;
     font-family: 'Roboto', sans-serif;
     font-weight: normal;
     color: #3d5061;
}
/* * Override Bootstrap's default container. */
/* @media (min-width: 1200px) {
     .container {
         width: 970px;
    }
}
 */
/* * Masthead for nav */
 .blog-masthead {
     background-color: #ffffff;
     -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
     box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
     height: 50px;
     padding: 7px;
}
/* Nav links */
 .blog-nav-item {
     position: relative;
     display: inline-block;
     padding: 10px;
     font-weight: 500;
     color: #cdddeb;
}
 .blog-nav-item:hover, .blog-nav-item:focus {
     color: #fff;
     text-decoration: none;
}
/* Active state gets a caret at the bottom */
 .blog-nav .active {
     color: #fff;
}
 .blog-nav .active:after {
     position: absolute;
     bottom: 0;
     left: 50%;
     width: 0;
     height: 0;
     margin-left: -5px;
     vertical-align: middle;
     content: " ";
     border-right: 5px solid transparent;
     border-bottom: 5px solid;
     border-left: 5px solid transparent;
}
/* * Blog name and description */
 .blog-header {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .blog-title {
     margin-top: 30px;
     margin-bottom: 0;
     font-size: 60px;
     font-weight: normal;
}
 .blog-description {
     font-size: 20px;
     color: #999;
}
/* * Main column and sidebar layout */
 .blog-main {
     font-size: 18px;
     line-height: 1.5;
}
/* Sidebar modules for boxing content */
 .sidebar-module {
     padding: 15px;
     margin: 0 -15px 15px;
}
 .sidebar-module-inset {
     padding: 15px;
     background-color: #f5f5f5;
     border-radius: 4px;
}
 .sidebar-module-inset p:last-child, .sidebar-module-inset ul:last-child, .sidebar-module-inset ol:last-child {
     margin-bottom: 0;
}
/* Pagination */
 .pager {
     margin-bottom: 60px;
     text-align: left;
}
 .pager > li > a {
     width: 140px;
     padding: 10px 20px;
     text-align: center;
     border-radius: 30px;
}
/* * Blog posts */
 .blog-post {
     margin-bottom: 60px;
}
 .blog-post-title {
     margin-bottom: 5px;
     font-size: 40px;
}
 .blog-post-meta {
     margin-bottom: 20px;
     color: #999;
}
/* * Footer */
 .blog-footer {
     padding: 40px 0;
     color: #999;
     text-align: center;
     background-color: #f9f9f9;
     border-top: 1px solid #e5e5e5;
}
 .blog-footer p:last-child {
     margin-bottom: 0;
}
 .customnavbar {
     background-color: #ffffff;
     border-color: #ececec;
    /*-webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
     box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
    */
     padding: 10px;
}
 .footer {
     position: relative;
     bottom: 0;
     width: 100%;
     height: 70px;
     background-color:#FFEB84 ;
     color:#3d556e;
     padding: 10px;
}
 .breadcrumb>li>a {
     color:#58caff;
}
 .breadcrumb>li.active {
     color:#4ba04b;
}
 .btn-school {
     color: #fff;
     background-color: #58caff;
     border-color: #58caff;
}
 .btn-school.focus, .btn-school:focus {
     color: #fff;
     background-color: #37ffab;
     border-color: #255625;
}
 .btn-school:hover {
     color: #fff;
     background-color: #1b1b1b;
     border-color: #1b1b1b;
}
 .btn-school.active, .btn-school:active, .open>.dropdown-toggle.btn-school {
     color: #fff;
     background-color: #449d44;
     border-color: #398439;
}
 .btn-school.active.focus, .btn-school.active:focus, .btn-school.active:hover, .btn-school:active.focus, .btn-school:active:focus, .btn-school:active:hover, .open>.dropdown-toggle.btn-school.focus, .open>.dropdown-toggle.btn-school:focus, .open>.dropdown-toggle.btn-school:hover {
     color: #fff;
     background-color: #398439;
     border-color: #255625;
}
 .btn-school.active, .btn-school:active, .open>.dropdown-toggle.btn-school {
     background-image: none;
}
 .btn-school.disabled.focus, .btn-school.disabled:focus, .btn-school.disabled:hover, .btn-school[disabled].focus, .btn-school[disabled]:focus, .btn-school[disabled]:hover, fieldset[disabled] .btn-school.focus, fieldset[disabled] .btn-school:focus, fieldset[disabled] .btn-school:hover {
     background-color: #5cb85c;
     border-color: #4cae4c;
}
 .btn-success .badge {
     color: #5cb85c;
     background-color: #fff;
}
 .contact h3 {
     display: block;
     font-size: 30px;
     font-weight: 300;
     margin-bottom: 10px;
}
 .contact h4 {
     margin: 5px 0 15px;
     display: block;
     font-size: 13px;
     font-weight: 400;
}
 .action-column {
     width: 10%;
}
 .nomarginx {
     margin:15px 0px;
}
 .fieldeditrow {
     display: none;
}
 .whitebg {
     background-color: white;
     padding: 5px;
     border-radius: 6px;
     border: solid 2px #f6f6f6;
     margin: 1px;
     width: 33%;
}
 .listh4 {
     color: #4b4b4b;
     margin-top: 25px;
     font-size: 14px;
     font-weight: bold;
     margin-bottom: 5px;
}
 .listspan {
     color: #9b9b9b;
     font-size: 12px;
}
 .parentdiv {
     background-color: #e8e8e8;
     padding: 5px;
     margin: 5px 0px;
}
 .parentnamespan {
     font-size: .8em;
     font-weight: 500;
}
 .parentnumberspan {
     font-size: 11px;
}
 .ownpadig{
    padding:5px !important
}
 .cls{
     color: #b5b5b5;
}
 .contdet{
     padding: 0;
     margin: 0;
}
 .contdet li{
     padding: 0;
     list-style:none;
}
 .przdetails{
     background-color: #e8e8e8;
     border: none;
     border-radius: 0;
     min-height: 70px;
     padding: 8px 0px;
}
 .view{
    padding: 0;
     margin: 0;
}
 .view li{
    padding: 0;
     list-style:none;
}
 .c-list {
     padding: 0px;
     min-height: 44px;
}
 .title {
     display: inline-block;
     font-size: 1.7em;
     font-weight: bold;
     padding: 5px 15px;
}
 ul.c-controls {
     list-style: none;
     margin: 0px;
     min-height: 44px;
}
 ul.c-controls li {
     margin-top: 8px;
     float: left;
}
 ul.c-controls li a {
     font-size: 1.7em;
     padding: 11px 10px 6px;
}
 ul.c-controls li a i {
     min-width: 24px;
     text-align: center;
}
 ul.c-controls li a:hover {
     background-color: rgba(51, 51, 51, 0.2);
}
 .c-toggle {
     font-size: 1.7em;
}
 .name {
     font-size: 1em;
     font-weight: 700;
}
 .c-info {
     padding: 5px 10px;
     font-size: 1.25em;
}
 .padding10x {
     padding-top: 5px;
     padding-bottom: 5px;
}
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
     color: #ffffff;
     background-color: #58caff;
     border: solid 1px #82d7ff;
     border-radius: 5px;
     margin: 0px 1px;
}
 .navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
     color: #6f6f6f;
     background-color: #ffffff;
     border-radius: 5px;
     margin: 0px 1px;
}
 .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
     color: #fff;
     text-decoration: none;
     background-color: #58caff;
     outline: 0;
     padding: 10px;
}
 .dropdown-menu .divider {
     height: 1px;
     margin: 1px 0;
     overflow: hidden;
     background-color: #e5e5e5;
}
 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
     color: #fff;
     text-decoration: none;
     background-color: #58caff;
}
 .dropdown-menu>li>a {
     display: block;
     clear: both;
     font-weight: 600;
     line-height: 1.42857143;
     color: #6f6f6f;
     white-space: nowrap;
     padding: 5px;
     background-color: #f6f6f6;
     font-size: 12px;
     padding-left: 10px;
}
/** karthik */
 .wrap {
     background: -webkit-linear-gradient(bottom, #4687d6, #094ea3)!important;
}
 #box{
     width: 50%;
     padding-top: 100px;
     margin-left: 115px;
     margin: 0 auto;
     position: relative;
     border-radius: 10px;
     border: solid 1px #cbe9f7;
     color: #3d5061;
     padding: 20px;
     background-color: rgba(177, 255, 225, 0.32);
}
 .btn-search {
     color: #fff;
     background-color: #84ce21;
     border-color: #70ad1f;
}
 .btn-search.focus, .btn-search:focus {
     color: #fff;
     background-color: #70ad1f;
     border-color: #70ad1f;
}
 .btn-search:hover {
     color: #fff;
     background-color: #70ad1f;
     border-color: #70ad1f;
}
 .btn-search.active, .btn-search:active, .open>.dropdown-toggle.btn-search {
     color: #fff;
     background-color: #70ad1f;
     border-color: #70ad1f;
}
 .searchtabs {
     background-color: white;
}
 .customnavbar {
     margin-bottom:0px;
     background: #FFEB84 !important;
}
 .customfluid {
     margin: 0px;
     background-color: #efefef;
     padding: 5px 20px;
}
 .normargin {
     margin: 0px;
}
 .nopadding {
     padding: 0px;
}
 .nav-search {
     border-bottom: 1px solid #ddd;
}
 .nav-search>li {
     float: left;
     margin-bottom: -1px;
}
 .nav-search>li>a {
     margin-right: 2px;
     line-height: 1.42857143;
     border: 1px solid transparent;
     padding: 10px 20px;
}
 .nav-search>li.active>a, .nav-search>li.active>a:focus, .nav-search>li.active>a:hover,.nav-search>li>a:hover, .nav-search>li>a:focus {
     color: #fff;
     background-color: #67bdee;
     padding: 10px 20px;
}
 .nav-search>li.active img, .nav-search>li img {
     margin: 0px 5px;
}
 .nav-search.nav-justified {
     width: 100%;
     border-bottom: 0;
}
 .nav-search.nav-justified>li {
     float: none;
}
 .nav-search.nav-justified>li>a {
     margin-bottom: 5px;
     text-align: center;
}
 .nav-search.nav-justified>.dropdown .dropdown-menu {
     top: auto;
     left: auto;
}
 .panel-student {
     border: 3px solid #4ebffe;
     border-radius: 10px;
}
 .panel-student>.panel-heading {
     color: #fff;
     background-color: #4ebffe;
     border-color: #4ebffe;
}
 .panel-student>.panel-heading h4 {
     color:#fff;
     margin-top: 10px;
     margin-bottom: 10px;
}
 .panel-student>.panel-heading+.panel-collapse>.panel-body {
     border-top-color: #4ebffe;
}
 .panel-student>.panel-heading .badge {
     color: #dff0d8;
     background-color: #4ebffe;
}
 .panel-student>.panel-footer+.panel-collapse>.panel-body {
     border-bottom-color: #d6e9c6;
}
 .panel-parent {
     border: 3px solid #84ce21;
     border-radius: 10px;
}
 .panel-parent>.panel-heading {
     color: #fff;
     background-color: #84ce21;
     border-color: #84ce21;
}
 .panel-parent>.panel-heading h4 {
     color:#fff;
     margin-top: 10px;
     margin-bottom: 10px;
}
 .panel-parent>.panel-heading+.panel-collapse>.panel-body {
     border-top-color: #84ce21;
}
 .panel-student>.panel-heading .badge {
     color: #dff0d8;
     background-color: #84ce21;
}
 .panel-parent>.panel-footer+.panel-collapse>.panel-body {
     border-bottom-color: #84ce21;
}
 .tablefont {
     font-weight: 700;
     line-height: 25px;
     font-size: 12px;
}
 .tablefont td {
     border-top: 1px solid rgba(221, 221, 221, 0.33) !important;
     padding: 10px !important;
}
 .innerbox {
     border: solid 1px #cbe9f7;
     color: #3d5061;
     padding: 20px;
    /* background-color: rgba(191, 239, 236, 0.49);
     */
     background-color:#ffffee;
     border-radius: 10px;
}
 .innerbox h1::first-letter {
     font-weight: 700;
     color: #58caff;
}
 hr {
     margin-top: 5px;
     margin-bottom: 5px;
     border: 0;
     border-top: 2px solid rgba(155, 155, 155, 0.21);
}
 .parenticon {
     float: left;
     width: 20px;
}
 .dropdown-menu li {
     padding: 5px;
}
 .imgheight {
     height: 70px;
}
 .siteinnerbox {
     border: solid 1px #cbe9f7;
     color: #3d5061;
     padding: 20px;
     background-color: #fff;
     border-radius: 10px;
     min-height: 50%;
}
 .grid-view,.detail-view {
     background-color: #fff;
     border-radius: 10px;
     padding: 10px;
     border: solid 1px #dbf2f1;
}
 .pagination li span, .pagination li a {
     text-transform: capitalize;
}
/* customize */
.customnavbar {
     margin-bottom: 0px;
     background: #fff!important;
     border-bottom: 5px solid #003b64;
     padding: 25px;
}
.navbar-nav li a{
     color:#292A2E !important;
}
.school__wrap {
     background-color: #fff !important;
     background: -webkit-linear-gradient(bottom, #ffffff, #ffffff)!important;
}
.eventlist {
     overflow: hidden;
     margin-bottom: 10px;
     border: 1px solid #dcdcdc;
     border-radius: 4px;
     padding: 20px;
     margin-bottom: 15px;
}
.innerbox {
     border: solid 1px transparent;
     color: #3d5061;
     padding: 10px;
    /* background-color: rgba(191, 239, 236, 0.49);
     */
     background-color: transparent;
     border-radius: 10px;
}
.event-name h3{
     color:#003b64;
}
.event-name p{
     color: #292A2E !important;
}
.register__btn {
    border: 0;
     padding: 8px;
     padding-left: 32px;
     padding-right: 32px;
     background: #003b64;
     color: #fff !important;
     border-radius: 30px;
     outline:none;
}
.register__btn a {
     color: #fff !important;
}
.breadcrumb {
     padding: 8px 15px;
     margin-bottom: 20px;
     list-style: none;
     background-color: rgba(255, 255, 255, 0.32);
     border-radius: 4px;
     border: solid 1px #e0e0e0;
}
.breadcrumb>li>a {
     color: #003b64;
}
.breadcrumb>li.active {
     color: #58caff;
}
label.control-label {
     font-weight: 400;
}
.panel-primary {
     border-color: #dcdcdc;
}
.event__name{
     padding: 17px;
     padding-bottom: 0;
}
.event__body_img{
     width: 100%;
     float: left;
     padding: 8px;
     background: #ffffff;
     border: 1px solid #dcdcdc;
     border-radius: 5px;
}
.panel-parent {
     border: 1px solid #dcdcdc;
     border-radius: 10px;
     padding: 15px;
}
.footer {
     position: relative;
     bottom: 0;
     width: 100%;
     height: auto;
     background-color: #ffffff;
     color: #292A2E !important;
     padding: 20px !important;
     border-top: 1px solid #003b64;
     overflow: hidden;
     padding-bottom: 0 !important;
}
#box {
     width: 50%;
     padding-top: 100px;
     margin-left: 115px;
     margin: 0 auto;
     position: relative;
     border-radius: 10px;
     border: solid 1px #dcdcdc;
     color: #3d5061;
     padding: 30px;
     background-color: transparent;
     margin-top: 20px;
     margin-bottom: 20px;
}

.search_btn{
   border: 0;
   padding: 5px;
   padding-left: 30px;
   padding-right: 30px;
   background: #003b64;
   color: #fff !important;
   border-radius: 30px;
   outline: none;
   margin-right: 35px;
}

.input-sm {
   float: left;
   width: 200px;
}


input#dynamicmodel-firstname {
    width: 30%;
}
input#dynamicmodel-lastname {
    width: 30%;
}
input#dynamicmodel-email {
    width: 30%;
}

.panel-default {
    border-color: #ddd;
    padding: 12px;
}




@media only screen and (max-width: 992px) {
	input#dynamicmodel-firstname {
		width: 40%;
	}
	input#dynamicmodel-lastname {
		width: 40%;
	}
	input#dynamicmodel-email {
		width: 40%;
	}
}
@media only screen and (max-width: 767px) {
     img.event__image {
         height: 100%;
         width: 100%;
         margin-bottom: 20px;
    }
	input#dynamicmodel-firstname {
		width: 50%;
	}
	input#dynamicmodel-lastname {
		width: 50%;
	}
	input#dynamicmodel-email {
		width: 50%;
	}
}
@media only screen and (max-width: 600px) {

	input#dynamicmodel-firstname {
		width: 100%;
	}
	input#dynamicmodel-lastname {
		width: 100%;
	}
	input#dynamicmodel-email {
		width: 100%;
	}
}