/*.panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(top, #1AA897 0%, #158778 100%);
    background-image: -o-linear-gradient(top, #1AA897 0%, #158778 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1AA897), to(#158778));
    background-image: linear-gradient(to bottom, #1AA897 0%, #158778 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1AA897', endColorstr='#158778', GradientType=0);
    background-repeat: repeat-x;
}*/

.table-scrollable{
    overflow: auto;
}

.panel-primary > .panel-heading {
    background-color:#001B70;
    font-weight:bold;
   
}

.modal-lg{width:90%}



body {
    padding-top: 50px;
    padding-bottom: 143px;
}

.selectedrow {
    background-color:#E0EEE0;
    font-weight:bold;
}

.hoverMenu {
    background-color:#D8D8D8;
    font-weight: bold;
}
.selectedMenu {
    background-color:#001B70;
    font-weight: bold;
    color: #ffffff;
}

.lnk {
    font-weight: bold;

}


.lnk:hover {
    color: blue;

}






.navbar-default {
    border-color: #e7e7e7;
    background-image: url("../images/logo_bottom_black_redo.png");
}

.spin {
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    /*   display: none;
    background-color: black;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5; also -moz-opacity, etc. */
}

.padding_bs_grid input, select {
    margin-top: 6px;
}

.row_padding_btm {
    margin-bottom: 20px;
}

.gridsquare {
    position: relative;
    padding: 10px;
    width: 270px;
    /*height: 700px;*/
    border: 1px solid gray;
    float: left;
    box-shadow: 10px 10px 5px #888888;
    margin: 10px;
    text-align: center;
}

.panel-txt-right {
    text-align: right;
    padding-right: 15px;
    padding-bottom: 15px;
}

.panel-txt-left {
    text-align: left;
    padding-right: 15px;
    padding-bottom: 15px;
}

.sub-header {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.navbar-fixed-top {
    border: 0 none;
}

.sidebar {
    display: none;
}

.bs-glyphicons {
    margin-right: 0;
    margin-left: 0;
}

    .bs-glyphicons li {
        font-size: 12px;
        text-align: center;
        /*width: 15%;*/
    }

    .bs-glyphicons .glyphicon {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 24px;
    }

    .bs-glyphicons .glyphicon-class {
        display: block;
        text-align: center;
        word-wrap: break-word;
    }





@media (max-width:480px) {

    .navbar-brand {
        
        float: left;
        font-size: 9pt;
        font-weight: bold;
        height: 50px;
        padding: 15px 15px 50px;
        width: 275px;
    }

}

@media (min-width: 768px) {
    .main {
        padding-left: 40px;
        padding-right: 40px;
    }
}


@media (min-width: 768px) {

    .navbar-brand {
        float: left;
        font-size: 18px;
        height: 50px;
        line-height: 20px;
        padding: 15px;
    }

    .sidebar {
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
        bottom: 103px;
        display: block;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 20px;
        position: fixed;
        top: 51px;
        z-index: 1000;
    }

    .hide_nav {
        display: none;
    }
}

.nav-sidebar {
    margin-bottom: 20px;
    margin-left: -20px;
    margin-right: -21px;
}

    .nav-sidebar > li > a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
        background-color: #428bca;
        color: #fff;
    }

.main {
    padding: 20px;
}


.placeholders {
    margin-bottom: 30px;
    text-align: center;
}

    .placeholders h4 {
        margin-bottom: 0;
    }

.placeholder {
    margin-bottom: 20px;
}

    .placeholder img {
        border-radius: 50%;
        display: inline-block;
    }

.txtRight {
    text-align: right;
}

.txtCenter {
    text-align: center;
}

._paddingBottom {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.v_padding_rt_10 {
    padding-right: 10px;
}

.v_padding_rt_5 {
    padding-right: 5px;
}

.v_list_style_none {
    list-style: none;
    padding-left: 1px;
}

.v_flt-right {
    float: right;
}

.v_flt_left {
    float: left;
}

.v_list_items li {
    float: left;
    padding-left: 10px;
    width: 45px;
}

.v_span {
    padding-left: 10px;
}

.v_profile div {
    text-align: justify;
}

.v_goals div {
    text-align: justify;
}

.v_header_blue {
    color: #001b71;
    text-decoration: underline;
}

.v_header_yellow {
    color: #DBA900;
}

.v_header_red {
    color: #AB162B;
}

.table-striped_blue > tbody > tr:nth-child(2n+1) > td, .table-striped_blue > tbody > tr:nth-child(2n+1) > th {
    background-color: #337ab7;
    color: #FFFFFF;
}

.table-striped_grey > tbody > tr:nth-child(2n+1) > td, .table-striped_grey > tbody > tr:nth-child(2n+1) > th {
    background-color: #D2D2D2;
    color: #000000;
}

.selected-class-name {
  background-color: #FDF5E6;
}

.notification_white{

    color:#fff;
}

.active
{
    color:green;
}

.inactive
{
    color: red;
}

.green
{
    color:green;
}
.lightgreen
{
    color:lightgreen;
}

.red
{
    color: red;
}
.lightred
{
    color: lightsalmon;
}

.gray
{
    color: lightgray;
}

.black
{
    color: black;
}
.blue
{
    color: blue;
}

.bg-green
{
    background-color:#BCED91;
}
.bg-red
{
     background-color:#FDD7E4;
}

.yisd-blue {
color:#001B70;}

.cursor {
cursor:pointer;
}

.txt-right {
text-align:right;
}

.txt-center {
text-align:center;
}

.txt-left {
text-align:left;
}

.nowrap {
white-space:nowrap;
}

.hover-green:hover {
background-color:green;
color:lightgray;
}

.hover-red:hover {
background-color:red;
color:lightgray;
}



.repeat-animation.ng-leave {
    -webkit-transition: 1700ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 1700ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 1700ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 1700ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 1700ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    
    position:relative;
     
}

.repeat-animation.ng-enter {
    -webkit-transition: 1700ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 1700ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
   -ms-transition: 1700ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 1700ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 1700ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    
    position:relative;
     
}
.repeat-animation.ng-enter {
  left: 100%;
  opacity: 0;
}
.repeat-animation.ng-enter.ng-enter-active {
  left: 0;
  opacity: 1;
}
.repeat-animation.ng-leave {
   left: 0;
   opacity: 1;
}
.repeat-animation.ng-leave.ng-leave-active {
  left: -100%;
  opacity: 0;
}

.grad {
    background: -webkit-linear-gradient(#001B70,white 30%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#001B70,white 30%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#001B70,white 30%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#001B70,white 30%); /* Standard syntax (must be last) */
    
     border-radius: 25px;
}

.grad-bottom {
    background: -webkit-linear-gradient(white 30%,#001B70); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white 30%,#001B70); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white 30%,#001B70); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white 30%,#001B70); /* Standard syntax (must be last) */
    
     border-bottom-right-radius: 25px;
     border-bottom-left-radius: 25px;
}

.yisd-clear {
    border:0px;

}
.yisd-border {
    border:1.5px;
     border-top-right-radius: 25px;
     border-top-left-radius: 25px;
     border-color:#001B70;

}

.large-glyph {
font-size:18px;
padding:15px;
}


.large-glyph:hover {
color:#001B70;
background-color:lightgrey;
}
.btn-glyph {
font-size:18px;
}
.yisd-bold {
font-weight:bold;
font-size:16px;

}

.UnselectedSchoolDetailRow {
    background-color:#F5F5F5;
}

.UnselectedSchoolDetailRow:hover {
    background-color:white!important;
}


.SchoolDetailRow {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
  background-color:white;
}
.SchoolDetailRow.ng-hide {
  opacity:0;
  background-color:white;
}


.SchoolDetailRow:hover{
  background-color:white!important;
}

.selectedRowDetail {
font-weight:bold;
font-size:16px;


}
.selectedRowDetail:hover {
  background-color:white;


}

.ChartFooter{
    font-size:12px;
    font-weight: bold;
    text-align:center;

}


/*LOADER*/
#fountainTextG{
	width:690px;
	margin:auto;
}

.fountainTextG{
	color:rgb(0,0,0);
	font-family:Arial;
	font-size:72px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	float:left;
	animation-name:bounce_fountainTextG;
		-o-animation-name:bounce_fountainTextG;
		-ms-animation-name:bounce_fountainTextG;
		-webkit-animation-name:bounce_fountainTextG;
		-moz-animation-name:bounce_fountainTextG;
	animation-duration:2.09s;
		-o-animation-duration:2.09s;
		-ms-animation-duration:2.09s;
		-webkit-animation-duration:2.09s;
		-moz-animation-duration:2.09s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.5);
		-o-transform:scale(.5);
		-ms-transform:scale(.5);
		-webkit-transform:scale(.5);
		-moz-transform:scale(.5);
}#fountainTextG_1{
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}
#fountainTextG_2{
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}
#fountainTextG_3{
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}
#fountainTextG_4{
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}
#fountainTextG_5{
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}
#fountainTextG_6{
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}
#fountainTextG_7{
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}
#fountainTextG_8{
	animation-delay:1.79s;
		-o-animation-delay:1.79s;
		-ms-animation-delay:1.79s;
		-webkit-animation-delay:1.79s;
		-moz-animation-delay:1.79s;
}
#fountainTextG_9{
	animation-delay:1.94s;
		-o-animation-delay:1.94s;
		-ms-animation-delay:1.94s;
		-webkit-animation-delay:1.94s;
		-moz-animation-delay:1.94s;
}
#fountainTextG_10{
	animation-delay:2.09s;
		-o-animation-delay:2.09s;
		-ms-animation-delay:2.09s;
		-webkit-animation-delay:2.09s;
		-moz-animation-delay:2.09s;
}




@keyframes bounce_fountainTextG{
	0%{
		transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_fountainTextG{
	0%{
		-o-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-o-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_fountainTextG{
	0%{
		-ms-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-ms-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_fountainTextG{
	0%{
		-webkit-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-webkit-transform:scale(.5);
		color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_fountainTextG{
	0%{
		-moz-transform:scale(1);
		color:rgb(0,0,0);
	}

	100%{
		-moz-transform:scale(.5);
		color:rgb(255,255,255);
	}
}