/*==========================================================================================================================
   Master Page Styles Remove this Styles while Adding to Dashboard Since this styles are in Master Page which may
                                                             cause overwrite
     ========================================================================================================================
*/
/*
==========================================================================================
 Start of Top Header Style with Box Shadow
==========================================================================================
*/
.topHeader{
    line-height:24px;
    font-size:12px;
    background:#fff;
    background:rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    /*position:relative;*/
    box-shadow:1px 0px 7px rgba(0,0,0,0.2);
}
.topHeader:before,
.topHeader:after{
    content:" ";
    display:table;
}
.topHeader:after{
    clear:both;
}
.topHeader a {
    padding:0px 10px;
    letter-spacing:1px;
    color:#333;
    display:inline-block;
}
                   
   strong{
    font-weight:500;
}
   .right a{
    color:#000;
    text-decoration:none;
}
.topHeader a:hover {
    background-color:#a1a1a1;
}
.topHeader a>img:hover {
    background-color:none;
}
.right a:hover{
    color:#fff;
}
.topHeader span.right{
    float:right;
}
.topHeader span.right a{
    float:left;
    display:block;
}
.oeds_userName_title{
    color:#777;
    font-size:18px;
}
.oeds_user_name{
    color:#c52229;
    font-size:18px;
}

/*
=========================================================================================
Start of Logo Header Style Which makes the Logo as Responsive after 767px and above that 
    Logo will be static. 1. Media Quary activates at less than 435Px and other 
    2.Media Query activates at screen size between 436px and 767px.
==========================================================================================
*/

img{
    /*width:auto;*/
    /*height:auto;*/
   text-align:center;
   position:relative;
   vertical-align:middle;
   padding-top:5px;
   outline: 0;

}


@media only all and (max-width:435px){
img.logo
{
	position: center;
	max-width: 80%;
	top: 30%;
	left: 10%;
    
}

img.logo:empty
{
	top: 50%;
	left: 13%;
    right:15%
	
}   
}

@media only all and (min-width:436px) and (max-width:767px){
img.logo
{
	position: center;
	max-width: 100%;
	top: 30%;
	left: 10%;
    
}

img.logo:empty
{
	top: 50%;
	left: 30%;
    right:20%;
}   
}

/*
==========================================================================================
 Start of UserName Style on the Header
==========================================================================================
*/

userName{
    padding-top:5px;
    text-align:center;
   
 
}
.oeds_userName_title{
    color:#777;
    font-size:18px;
}
.userName h2{
    font-size: 18px;
  margin-top:10px;
  color:#990000;
   padding-bottom:0px;
   font-weight:bold;
}
.userName h3 {
  font-size: 15px;
  margin-top:5px;
  margin-bottom:5px;
  color:#006dcc;
   padding-bottom:0px;

}
.printer-friendly-btn {
    text-align:center;
   font-size:20px;
   padding-left:10px;
   padding-right:5px;
   color:#5dc0de;
   float:right;

}
#SessionTimerDiv{
  font-size: 15px;  
  color:#006dcc;
  padding-top:0px;
  padding-bottom:0px;
}
/*
  ========================================
  Buttons
  ========================================
*/

.topButton{
    padding-top:10px;
    text-align:center;
    padding-bottom:10px;
   
   }
.topButton h3{
    color:#006dcc;
    margin:5px 0px 0px 0px;
    font-size:16px;
}

.btn {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  letter-spacing: .7px;
  margin: 0;
   padding-left:10px;
   padding-top:3px;
   padding-bottom:3px;
  margin:10px 10px 0 0;
  }

button,
button:active,
button:focus, 
button:hover,
.btn,
.btn:active, 
.btn:focus, 
.btn:hover{   
    outline:none !important;
}

.glyphicon{
    padding-right:2px;
}

@media only all and (max-width:767px) {
    .topButton{
    padding-top:0px;
    text-align:center;
    padding-bottom:7px;
   
   }
    
}

@media only all and (max-width:766px) {
    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 5px;
    }
    p{
        margin-bottom:2px;
    }
}
/*
  ========================================
 BreadCrumb
  ========================================*/


 .breadcrumb{
    background-color:#fff;
    margin-bottom:0px;
    padding-left:5%;
      padding-bottom:0px;
      padding-top:0px;
}
.breadcrumb>li>a{
    color:#006dcc;
    margin-bottom:0px;
    font-size:16px;
}

.breadcrumb>li>a:hover{
    color:#c52229;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #5cb85c;
    content: "\2192";
    font-weight: 600;
    font-size:20px;
}
/*
==========================================================================================
Start of Footer Section
==========================================================================================
*/
@media only all and (min-width:1691px) {
    .footer-inner {
        padding-left: 25%;
        padding-right: 25%;
    }
}
@media only all and (min-width:1320px) and (max-width:1690px) {
    .footer-inner {
        padding-left: 18%;
        padding-right: 18%;
    }
}
@media only all and (min-width:1185px) and (max-width:1319px) {
    .footer-inner {
        padding-left: 12%;
        padding-right: 12%;
    }
}
@media only all and (min-width:1047px) and (max-width:1184px) {
    .footer-inner {
        padding-left: 7%;
        padding-right: 7%;
    }
}
@media only all and (min-width:768px) and (max-width:1046px) {
    .footer-inner {
        padding-left: 2%;
        padding-right: 2%;
    }
}
.footer-inner{
background-color:#f2f2f2;

width: 100%;
text-align: center;
 margin-top:0px;
 border-top: 1px solid rgba(0,0,0,0.2);
   box-shadow:1px 0px 7px rgba(0,0,0,0.2);
}
.footer-contacts{
   padding-top:1%;
   padding-bottom:1%;
	vertical-align: top;
    text-align:center;
    font:14px "Open Sans", Arial, sans-serif;
}

.odeContact p{
    margin-bottom:5px;
}
@media only all and (min-width:768px) {
    .odeContact {
        border-right: 1px solid #CCC;
        border-left: 1px solid #CCC;
    }
}

@media only all and (max-width:767px) {
    .odeContact {
    padding-top: 4%;
    padding-bottom:4%;
}
    .superintendent {
    padding-bottom:2%;
    }
}

.footer-extlinks{
    padding-bottom:10px;
}
.footer-extlinks p>a{
  
    padding-bottom:20px;
   padding-left:2px;
   padding-right:2px;
    font:14px/21px "Open Sans", Arial, sans-serif;
    color:#333;
   line-height: 20px;
}
.footer-extlinks p>a:hover{
    color:#000;
}
.footer-title-bottom{
    background:#4d4d4d;
   color:#fff;
   text-align:center;
   padding-bottom:0.5%;
    padding-top:0.5%;
     font-size:13px !important;
}
.footer-inner .contactEmail p>a{
    text-transform:lowercase;
    color:#2d81c2;
   
}
.external-links-dividers{
    color: #CCC;
}
.link-nav-diff-tab{
    color:#c52229;
    font-size:16px;
    font-weight:bold;
 
}
@media only all and (max-width:900px) {
    .link-nav-diff-tab{
    font-size:13px;
}
}
@media only all and (min-width:768px) {
    .superintendentLinkName {
        text-align: left;
    }
    .superintendentTitle{
         text-align: left;
    }
    .PresidentTitleLink{
         text-align: left;
    }
    .PresidentName{
          text-align: left;
    }
}
.link-nav-diff-tab:hover{
     color:#c52229;
}
.Contactemaillink{
    color:#2d81c2;
}
.Contactemaillink:hover{
    color:#2d81c2;
}

.footerExtImages{
     text-decoration:none !important;
  
 }
.footerExtImages img{
    padding-top:0px;
}



/*============================================================================================================================
                                                Copy only this Section --- Parent Dashboard Styles 
==============================================================================================================================
*/
/*---------------------------------------------------------------------------------------------------------------------------
                          Dashboard Common Styles, Include Panels Text Styles, Spinners, Modal Styles, Buttons
    ----------------------------------------------------------------------------------------------------------------------
*/

@font-face {
    src: url(https://fonts.googleapis.com/css?family=Signika:400,700);
}
.container-fluid{
    width:100%;
    position:relative;
    padding-left:0px;
    padding-right:0px;
}

.row{
    margin-left:0px;
    margin-right:0px;
}

.body-wrapper{
    transition:transform .3s
}
.slide-menu,
.body-wrapper{
 -webkit-transition:-webkit-transform .3s
}
hr{
    margin-bottom:0px;
    margin-top:0px;
   border-color: rgba(0,0,0,0.2);
 margin-left:15px;
   margin-right:15px;
}

.btn-primary{
    padding-top:3px;
    padding-bottom:3px;
}
hr{
    margin-bottom:0px;
    margin-top:0px;
   border-color: rgba(0,0,0,0.2);
 margin-left:15px;
   margin-right:15px;

}

/*-----Scroll to Top Button----*/

#dashboard_return_to_top {
    opacity: 0.7;
    position: fixed;
    bottom: 25px;
    right: 20px;
    background:rgba(0,0,0,0.3);
    width: 50px;
    height: 50px;
   z-index: 1000;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#dashboard_return_to_top span {
    color: #c52229;
    margin: 0;
    position: absolute;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#dashboard_return_to_top:hover {
    background: rgba(0, 0, 0, 0.6);
}
#dashboard_return_to_top:hover span {
    color: #fff;
    top: 5px;
}

/*----Custom DropDown for Orgnization Selection------*/
.dash_parentSelectDropdown {
  position: relative;
  overflow: hidden;
  position: relative;
  display: inline-block;
  height: 40px;
    width:100%;
  background-color: #337ab7;
  border: 0.1rem solid #337ab7;
  border-radius: 0;
  font-size: 14px;
  color:#fff;
  padding-left:10px;
  padding-right:10px;
}
.dash_parentSelectDropdown:hover, .dash_parentSelectDropdown:focus {
  background-color: #337ab7;
}

.dash_parentSelectDropdown:after {
  position: absolute;
  top: 50%;
  right: 1.4rem;
  content: " ";
  display: block;
  height: 0;
  width: 0;
  margin-top: -0.3rem;
  border-top: 0.6rem solid #0088ce;
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  pointer-events: none;
}
.is-ie8 .dash_parentSelectDropdown:after, .is-ie9 .dash_parentSelectDropdown:after {
  display: none;
}

.dash_parentSelectDropdown select {
  padding: 0 1.4rem 0 1.4rem;
  width: 100%;
  height: 100%;
  color: #337ab7;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.dash_parentSelectDropdown select:focus {
  outline: none;
}
                            /*--------------Content Alignment Styles--------------*/
 .paddingZero {
        padding-left: 0px;
        padding-right: 0px;
    }
.paddingLeftZero{
    padding-left:0px;
}
.paddingRightZero{
    padding-right:0px;
}
.parentDash_parentDetailsSection{
    padding-right:0px;

}
.parentDash_studentDetailsSection{
     padding-left:0px;
}
@media only all and (max-width:767px) {
    .parentDash_parentDetailsSection{
    padding-right:0px;
    padding-left:0px;

}
.parentDash_studentDetailsSection{
     padding-left:0px;
     padding-right:0px;
}
}

/*===============================================================================================================================================================================
                                       Square Buttons for Dashboard styles, 
    ============================================================================================================================================================================
*/
/*---Default--*/
.default_btn {
  background-color:#777;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.26);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
padding:3px 8px 3px 8px; 
  position: relative;
  overflow: hidden;
  -webkit-transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.default_btn:hover, .button:focus, .button:active {
  color:#fff;
  background-color:#777;
}
.default_btn:focus {
  outline: 0;
}
/*---Info----*/
.info_btn {
  background-color:#5dc0de;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.26);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
padding:3px 8px 3px 8px; 
  position: relative;
  overflow: hidden;
  -webkit-transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.info_btn:hover, .button:focus, .button:active {
  color:#fff;
}
.info_btn:focus {
  outline: 0;
}
/*-------------*/
.primary_btn {
  background-color:#337ab7;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.26);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
padding:3px 8px 3px 8px; 
  position: relative;
  overflow: hidden;
  -webkit-transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.primary_btn:hover, .primary:focus, .primary:active {
  color:#fff;
}
.primary_btn:focus {
  outline: 0;
}

/*----------------*/
.reset_btn {
  background-color:#f0ad4e;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.26);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
padding:3px 8px 3px 8px;  
  position: relative;
  overflow: hidden;
    -webkit-transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.reset_btn:hover, .reset:focus, .reset:active {
  color:#fff;
}
.reset_btn:focus {
  outline: 0;
}
/*----------------*/
.success_btn {
  background-color:#5cb85c;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.26);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
padding:3px 8px 3px 8px; 
  position: relative;
  -webkit-transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.success_btn:hover, .success_btn:focus, .success_btn:active {
  color:#fff;
}
.success_btn:focus {
  outline: 0;
}
/*----------------*/
.danger_btn {
  background-color:#d9534f;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.26);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
    padding:3px 8px 3px 8px; 
  position: relative;
  -webkit-transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.danger_btn:hover, .danger_btn:focus, .danger_btn:active {
  color:#fff;
}
.danger_btn:focus {
  outline: 0;
}
/*----------------*/
.warning_btn {
  background-color:#f0ad4e;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.26);
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
padding:3px 8px 3px 8px; 
  position: relative;
  -webkit-transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: box-shadow 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.warning_btn:hover, .warning_btn:focus, .warning_btn:active {
  color:#fff;
}
.warning_btn:focus {
  outline: 0;
}
/*==========================================================================================================================================
                                                                 Parent Dashboard Navbar
===========================================================================================================================================
*/

.link {
  position: relative;
     border-left:1px solid #4c91cd;
}

.links > li {
  list-style: none;
  position: relative;
  margin: 10px;
  display: inline-block;
}

@media all and (min-width:768px) {
    .dash_navbar_topRight_btns{
    margin-top:-50px; 
    padding:5px 15px 5px 15px;
}
}
@media all and (min-width:650px) and (max-width:767px) {
        .dash_navbar_topRight_btns{
    margin-top:-45px; 
    padding:5px 15px 5px 15px;
}
        .dash_navbar_topRight_btns .btn-primary {
            padding-left:10px;
            padding-right:7px;
        }
}
@media all and (max-width:649px) {
        .dash_navbar_topRight_btns{
    margin-top:0px; 
    padding:5px 15px 5px 15px;
}
       
}

.dashboard_navbar .navbar {
   background:#337ab7;
   border:0px;
}
.dashboard_navbar .navbar{
    margin-bottom:0px;
}
                                /*-----------Dashboard Select Program Menu Icon Styles---------*/
  .dash_selectProgMenuIcon span {
                display: block;
                float: left;
                clear: both;
                height: 3px;
                width: 30px;
                border-radius: 40px;
                background-color: #fff;
                position: absolute;
                left: 10px;
                top: 3px;
                padding-right:10px;
                overflow: hidden;
                -webkit-transition: all 0.4s ease;
                transition: all 0.4s ease;
                z-index:100;
            }
             .dash_selectProgMenuIcon span:nth-child(1) {
                    margin-top: 12px;
                    z-index: 9;
                }

                .dash_selectProgMenuIcon span:nth-child(2) {
                    margin-top: 21px;
                }

                .dash_selectProgMenuIcon span:nth-child(3) {
                    margin-top: 30px;
                }
                a.dash_Menu_selectProgName{
                    color:#fff;
                    font-size:18px;
                    margin-top:11px;
                    -webkit-margin-before: -5px;
                    padding-left:45px;
                    text-decoration:none !important;
                    position:absolute;
                }
                .dash_selectProgMenuIcon a:focus, .dash_selectProgMenuIcon a:hover{
                    color:#fff;
                    text-decoration:none !important;
                }
                         /*-------Dashboard Navbar Brand-------*/
.dashboard_navbar .navbar .brand {
 width:650px;
 padding:10px 10px 5px 10px;
 color: #fff;
 text-decoration:none;
 font-size:24px;
 text-align: center;
}
@media only all and (min-width:650px) and (max-width:767px) {
 .dashboard_navbar .navbar .brand {
 font-size:18px !important;
 padding-top:18px;
}
}
@media only all and (max-width:649px) {
.dashboard_navbar .navbar .brand {
display:none !important;
}
}
.brand .glyphicon-tasks{
    margin-top:5px;
    margin-right:10px;
    font-size:24px;
}

.taskMang_navbar .navbar{
    margin-bottom:0px;
}

/*==========================================================================================================================
                                                    Announcement Section
    ========================================================================================================================
*/
  /*---------------------------------------Announcement Card Style----------------------------------------------------------*/
  .dash-announcment-badge {
  position: absolute;
  min-width: 25px;
  min-height: 25px;
  line-height: 25px;
  font-weight: 500;
  color: white;
  border-radius: 100%;
  font-size: 13px;
  background: #E94B3B;
  box-shadow: 0.5px 0.2px 1px rgba(0, 0, 0, 0.5);
  display: inline-block;
  text-align: center;
  z-index: 1;
   top: -10px;
}
.lg-text {
  font-size: 13px;
  font-weight: 600;
  color: #777;
}

.sm-text {
  font-size: 11px;
  color: #c6c6c6;
}

.md-text {
  font-size: 13px;
  color: #c6c6c6;
}

.dashTopAnnouncement_card {
  background-size: contain;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
  flex: 1 1 380px;
  margin: 10px;
  position: relative;
  transition: box-shadow .2s;
  cursor: default;
  background-color:#fff;
  border-top: 4px solid #538cc6;
}
.dashTopAnnouncement_card:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
}
.dashTopAnnouncement_card .glyphicon{
    font-size:80px;
    opacity:0.08;
   position:absolute;
   margin:15px;
   float:right !important;
}

.dashTopCard_content h3{
  text-align:center !important;
 color:#5b748b;
 font-weight:600;
 font-size:16px;
 text-transform:uppercase;
 margin-top:5px;
 margin-bottom:5px;
}
.dashTopCard_content h4{
  text-align:center !important;
 color:#777;
 font-weight:500;
 font-size:17px;
 margin-top:5px;
 margin-bottom:5px;
}

.dashTopCard_contentChild h3{
  text-align:center !important;
 color:#777;
 font-weight:500;
 font-size:15px;
 text-transform:uppercase;
 margin-top:5px;
 margin-bottom:5px;
}

.dashTopCard_contentChild h4{
  text-align:center !important;
 color:#333;
 font-weight:600;
 font-size:15px;
 text-transform:uppercase;
 margin-top:5px;
 margin-bottom:5px;
}
.dash_announ_accordion, .dash_announ_accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
.dash_announ_accordion {
    overflow:hidden;
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;
    background:#f8f8f8;
}
.adv_filter_body{
    padding:0px 0px 15px 0px !important;
}
/*----- Section Titles -----*/
.dash_announ_accordion_section_title {
    width:100%;
    padding:5px 5px 5px 15px;
    display:inline-block;
     cursor: pointer;
    border-bottom:1px solid rgba(0,0,0,0.2);
    background:#fff;
    transition:all linear 0.15s;
    font-size:14px;
    color:#333;
    font-weight:bold;
    text-decoration:none !important;
}
.dash_announ_accordion_section_title:hover {
      font-size:14px;
    color:#333;
    font-weight:bold;
}
.dash_announ_accordion_section_title:focus{
    border:0 !important;
     outline:0 !important;
  color:#777;
  font-weight:bold;
}

.dash_announ_accordion_section_title:after{
     content: '\02795';
    font-size: 13px;
    background-color:#777;
    border-radius:50%;
    height:25px;
    width:25px;
    color: #fff;
    font-weight:500 !important;
    padding-top:4px;
  
    float: right;
  text-decoration:none !important;
    text-align:center !important;
}
.dash_announ_accordion_section_title:after:hover{
     background-color:#fff;
     border-color:#777;
    font-weight:500;
    color:#fff;
      font-weight:500 !important;
}
.dash_announ_accordion_section_title.active:after{
    content: "\2796";
}
.dash_announ_accordion_section:last-child .dash_announ_accordion_section_title {
    border-bottom:none;
}
/*----- Section Content -----*/
.dash_announ_accordion_section_content {
    padding:5px;
    display:none;
    max-height:440px;
    overflow-y:auto;
}
.dash_announ_accordion_section_content{
    scrollbar-track-color:#f2f2f2;
     scrollbar-highlight-color:#777;
     scrollbar-arrow-color:#f2f2f2;
     scrollbar-face-color:#777;
}

.dash_announ_accordion_section_content::-webkit-scrollbar{
    width: 7px;
}
 
.dash_announ_accordion_section_content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.dash_announ_accordion_section_content::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.dash_annModuleTitle{
    color:#777;
    font-weight:500;
    text-transform:uppercase;
    font-size:15px;
    margin-right:15px;
}
.dash_annDescription_title{
    font-weight:500;
    text-align:center;
    color:#09ad7e;
    font-size:15px;
    text-transform:uppercase;
    margin-top:3px;
    margin-bottom:3px;
}
.dash_annDescription{
     font-weight:600;
    color:#777;
    padding: 0px 15px 5px 22px;
    font-size:15px;
    margin-top:3px;
    margin-bottom:3px;
    background: url("/Enterprise/v4.0/Mvc/RedMobile/Images/red-arrows.gif") no-repeat left 0px;
}


/*
===============================================================================================================================================
                                           Bootsrap Modal Styles includes Header, Footer, Body & Buttons 
===============================================================================================================================================
*/
/*Modal Styles*/
.close-modal-btn{
    color:#C52229;
    font-size:35px;
    font-weight:500;
    opacity:1;
}
.modal-header{
    padding-bottom:7px;
  
    border-bottom:1px solid #C52229;
     background-color:#f2f2f2;
     color:#C52229;
     font-weight:500 !important;
}
.modal-footer{
    padding:10px;
    border-top:1px solid #C52229;
    background-color:#f2f2f2;
}
.modal-footer btn{
    margin-top:0px;
}
.modal .modal-body {
    max-height: 650px;
    overflow-y: auto;
}

.modal .modal-body{
    scrollbar-track-color:#f2f2f2;
     scrollbar-highlight-color:#777;
     scrollbar-arrow-color:#f2f2f2;
     scrollbar-face-color:#777;
}

.modal .modal-body::-webkit-scrollbar{
    width: 7px;
}
 
.modal .modal-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.modal .modal-body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

@media only all and (min-width:501) and (max-width:767) {
.modal .modal-body {
    max-height: 480px;
    overflow-y: auto;
}

}

@media only all and (min-width:360px) and (max-width:500px) {
.modal .modal-body {
    max-height: 380px;
    overflow-y: auto;
}

}
@media only all and (max-width:359px) {
.modal .modal-body {
    max-height: 280px;
    overflow-y: auto;
}

}
  .modal-draggable .modal-backdrop {
  position: fixed;
}

.modal.modal-draggable {
    overflow: overflow-y;
}

.modal-draggable .modal-header:hover {
  cursor: move;
}

.modal-body .thumbnail{
    background-color:#f5f5f5;
    padding:0px 0px 15px 0px;
    margin-bottom:0px;

}
.parentDash_previousAddLink{
    color:#006dcc;
    font-size:15px;
    padding-top:15px;
}
.parentDash_previousAddLink:hover{
    color:#c52229;
  
}
.parentDash_previousAddLink:focus{
    outline:none;
    color:#c52229;
}
.modal_thumbnail_heading{
    background-color:#5b748b;
    font-size:18px;
    padding-top:7px;
    padding-bottom:7px;
    margin-top:0px;
    margin-bottom:0px;
    color:#fff;
    text-align:center;
}
.modal-body label{
    color:#5b748b;
    font-size:16px;
    margin-top:5px;
}


/*---------------------------------------------------------------------------------------------------------------------------
                                                 Dashboard Slide from Left Menu Styles
    -------------------------------------------------------------------------------------------------------------------------
*/

/*----text and Icon Styles---*/
  .dash_selectProgMenuIcon span {
                display: block;
                float: left;
                clear: both;
                height: 3px;
                width: 30px;
                border-radius: 40px;
                background-color: #fff;
                position: absolute;
                left: 10px;
                top: 3px;
                padding-right:10px;
                overflow: hidden;
                -webkit-transition: all 0.4s ease;
                transition: all 0.4s ease;
                z-index:100;
            }
             .dash_selectProgMenuIcon span:nth-child(1) {
                    margin-top: 12px;
                    z-index: 9;
                }

                .dash_selectProgMenuIcon span:nth-child(2) {
                    margin-top: 21px;
                }

                .dash_selectProgMenuIcon span:nth-child(3) {
                    margin-top: 30px;
                }
 .dash_Menu_selectProgName{
                      color:#fff;
                    font-size:18px;
                    margin-top:11px;
                    -webkit-margin-before: -5px;
                    padding-left:45px;
                    text-decoration:none !important;
                    position:absolute;
                }
  .dash_Menu_selectProgName:hover{
                    color:#fff;
                }
@media all and (max-width:767px) {
     .dash_Menu_selectProgName{
               
                    margin-top:45px;
    
                }
}
  .slide-menu span i{
                display: block;
                clear: both;
                height: 3px;
                width: 30px;
                border-radius: 40px;
                background-color: #fff;
                position: absolute;
                right: 10px;
                top: 3px;
                padding-left:10px;
                overflow: hidden;
                -webkit-transition: all 0.4s ease;
                transition: all 0.4s ease;
                z-index:100;
               cursor:pointer;
            }
  .slide-menu span i:nth-child(1) {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
    margin-top: 14px;
    background-color:#fff;
}

  .slide-menu span i:nth-child(2) {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
   margin-top: 30px;
    background-color:#fff;
}
.dash-mask,
.slide-menu{
    position:fixed
}
.body-wrapper{
    transition:transform .3s
}
.slide-menu,
.body-wrapper{
 -webkit-transition:-webkit-transform .3s
}

.slide-menu{
    z-index:200;
    background-color:#f5f5f5;
    transition:transform .3s
}

 .dash_filter_slideLeft_menu{
 width:100%;
 height:100%;
}
 .dash_filter_slideLeft_menu{
    scrollbar-track-color:#f2f2f2;
     scrollbar-highlight-color:#777;
     scrollbar-arrow-color:#f2f2f2;
     scrollbar-face-color:#777;
}

.dash_filter_slideLeft_menu::-webkit-scrollbar{
    width: 7px;
}
 
.dash_filter_slideLeft_menu::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.dash_filter_slideLeft_menu::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

@media all and (min-width:460px){
.dash_filter_slideLeft_menu{
    width:420px
}
}
@media all and (min-width:320px) and (max-width:459px) {
.dash_filter_slideLeft_menu{
    width:320px
}
}
.dash_filter_slideLeft_menu{
                    top:0;
                    left:0;
					-webkit-transform:translateX(-100%);
					-ms-transform:translateX(-100%);
					transform:translateX(-100%)
				}

@media all and (min-width:460px){
.dash_filter_slideLeft_menu{
 -webkit-transform:translateX(-420px);
-ms-transform:translateX(-420px);
transform:translateX(-420px)}
}

@media all and (min-width:320px) and (max-width:459px) {
.dash_filter_slideLeft_menu{
 -webkit-transform:translateX(-320px);
-ms-transform:translateX(-320px);
transform:translateX(-320px)}
}

.dash_filter_slideLeft_menu.is-active{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
	.dash-mask,
    body.has-active-menu{
        overflow:hidden
	}
     .dash_sideNavLeftFixedPosition{
      display:block;
    padding:20px 24px;
    width:100%;
     color:#fff;
    background-color:#354864;
	border:none;
    /*margin-bottom:-10px !important;*/
    bottom:0px;
    cursor:default;
    font-size:18px;
 }
     .dash_filter_slideLeft_menu 
.Dash_SideNav_scrollEnableArea{
 width:100%;
 height:92%;
 overflow-y:scroll
}
@media all and (max-width:374px){
   .dash_filter_slideLeft_menu .Dash_SideNav_scrollEnableArea{
 height:85%;
 overflow-y:scroll
}
}
.slide-menu h3{
    background-color:#354864;
    border-top:4px solid #09ad7e;
    color:#fff;
    padding-top:12px;
    padding-bottom:12px;
    font-size:20px;
    text-align:center;
    width:100%;
    margin-top:0px;
    margin-bottom:0px;
    cursor:pointer;
}
.dash-mask{
z-index:100;
top:0;
left:0;
width:0;
height:0;
background-color:#000;
opacity:0;
-webkit-transition:opacity .3s,
width 0s .3s,height 0s .3s;
transition:opacity .3s,
width 0s .3s,height 0s .3s
}
	.dash-mask.is-active{
        width:100%;
        height:100%;
        opacity:.7;
		-webkit-transition:opacity .3s;
        transition:opacity .3s
	}


    .slide-menu ul{
        list-style:none !important;
        padding-left:0px;
    }
        .slide-menu ul li{
            padding-top:10px;
            padding-bottom:10px;
            font-weight:500;
            box-shadow:0px 0px 2px #c5c5c5;
        text-decoration:none !important;
       border-bottom:1px solid rgba(0,0,0,0.2);
    }
   .slide-menu li a{
       padding:15px;
       padding-left:25px;
   font-size:16px;
       color:#333;
   }
     .slide-menu li a:hover{
     text-decoration:dashed;
     color:#006dcc;
     cursor:pointer;
   }
        .slide-menu li a:focus,.slide-menu li a:active{
     text-decoration:dashed;
     color:#006dcc;
   }
/*===========================================================================================================================
                                            Panel Styles for Parent Detail Section and Student Details Section
    =========================================================================================================================
*/
.parentDash_contentSection{
    background-color:#f7f7f7;
}
.parentDash_card,.studentDash_card {
  background-size: contain;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
  flex: 1 1 180px;
  margin: 10px 10px 15px 10px;
  position: relative;
  transition: box-shadow .2s;
  cursor: pointer;
  background-color:#fff;
}
.parentDash_card:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
}

/*--------------------------------------------- Panel Styles------------------------------------------*/
.parentDash_card .panel {
  border-radius: 0 !important;
  position: relative;
  -webkit-transition: all .2s linear;
  border:0px !important;
  margin-bottom:0px;
}
.parentDash_card .panel-heading {
  background: #5b748b !important;
  border-color: rgba(0,0,0,0.2);
  border-radius: 0;
  padding: 8px 15px 8px 15px;
}

.parentDash_card .panel-heading .panel-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  text-align:center !important;
}
.parentDash_panelFooter{
    background-color:#f2f2f2;
    border-top:1px solid rgba(0,0,0,0.2);
    box-shadow:1px 0px 7px rgba(0,0,0,0.2);
    padding-bottom:10px;
}
.parentDash_textContent{
      margin-top:5px;
    margin-bottom:5px;
    padding-left:5px;
}
.parentdash_texttitle{
    font-size:14px !important;
    text-transform:uppercase;
    margin-top:5px !important;
    margin-bottom:5px !important;
    color:#777 !important;
    padding-left:10px;
     display:inline-block;
}
.parentdash_textdata{
    font-size:14px !important;
    margin-top:5px;
    margin-bottom:5px;
    color:#333 !important;
    font-weight:600 !important;
    padding-left:10px;
    display:inline-block;
    text-transform:none !important;
}
.parentDash_modalLink{
    color:#006dcc;
    font-size:14px;
    text-transform:uppercase;
    text-align:center;
    display:inline-block;
}
.parentDash_modalLink:hover{
    color:#c52229;
    font-size:14px;
    text-transform:uppercase;
    text-align:center;
    display:inline-block;
}



                                        /*-----------Student Panels Content Styles-----*/
.studentDash_card .panel {
 margin-top:15px;
  border-radius: 0 !important;
  position: relative;
  -webkit-transition: all .2s linear;
  border:0px !important;
  margin-bottom:0px;
}
.studentDash_card .panel-heading {
  background: #777 !important;
  border-color: rgba(0,0,0,0.2);
  border-radius: 0;
  padding: 0px 15px 8px 15px;
}

.studentDash_card .panel-heading .panel-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  text-align:left !important;
}
.parentDash_studentDeatils {
  background-size: contain;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
  flex: 1 1 380px;
  margin: 10px;
  position: relative;
  transition: box-shadow .2s;
  cursor: default;
  background-color:#337ab7;
  border-top: 4px solid #538cc6;
}
.parentDash_OrgDetails_title{
    color:#777;
    font-size:16px;
    font-weight:600;
    text-shadow: 1px 2px 6px #c6c6c6;
    text-transform:uppercase;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:0px;
    padding-right:10px;
    display:inline-block;
}
.parentDash_OrgDetails_data{
    color:#006dcc !important;
    font-size:20px;
    margin-top:5px;
    text-shadow: 1px 2px 6px #c6c6c6;
    margin-bottom:5px;
    padding-left:0px;
      display:inline-block;
}
.parentDash_StudentAcct_section{
    padding:0px 10px;
}
.parentDash_ProgTypDetails_title{
color:#777;
    font-size:16px;
    font-weight:600;
    text-shadow: 1px 2px 6px #c6c6c6;
    text-transform:uppercase;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:0px;
    padding-right:10px;
    display:inline-block;
}
.parentDash_ProgTypDetails_data{
    color:#c52229 !important;
    font-size:20px;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:0px;
    display:inline-block;
    text-shadow: 1px 2px 6px #c6c6c6;
}

.studentDash_card .well{
    margin-bottom:0px;
    border-radius:0px;
}
.parentDash_OrgDetails_selectLabel{
    color:#fff;
     font-size:18px;
    margin-top:5px;
    margin-bottom:5px;
      float:right;
}
.studentDash_card .parentDash_studentName{
    color:#fff;
    font-size:18px;
    padding-top:7px;
    margin-top:0px;
    margin-bottom:0px;
    float:right;
}
.parentDash_studentDetailsStatus{
  background-size: contain;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
  flex: 1 1 380px;
  margin: 10px;
  position: relative;
  transition: box-shadow .2s;
  cursor: default;
  background-color:#fff;
  border-top: 4px solid #5cb85c;
}
.parentDash_studentDetailsStatus:hover{
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
}

.parentDash_studentApplicationStatus{
  background-size: contain;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
  flex: 1 1 380px;
  margin: 10px;
  position: relative;
  transition: box-shadow .2s;
  cursor: default;
  background-color:#f5f5f5;
  border-top: 4px solid #5cb85c;
}
.parentDash_studentApplicationStatus:hover{
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
}

.parentDash_studentAccountSummary_widget,
.parentDash_studentAssesment {
  background-size: contain;
  box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.20);
  position: relative;
  transition: box-shadow .2s;
  cursor: pointer;
  background-color:#fff;
  padding:0px !important;
  margin-top:-5px !important;
}
.parentDash_studentAccountSummary_widget:hover,
 .parentDash_studentTabContent:hover {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2),
       0 6px 10px 0 rgba(0, 0, 0, 0.3);
}
.parentDash_studentAccountSummary_widget .panel,
.parentDash_studentTabContent .panel {
     border-radius: 0 !important;
     border:0;
}
.parentDash_studentAccountSummary_widget .panel-default>.panel-heading,
.parentDash_studentTabContent .panel-default>.panel-heading{
  border-radius: 0 !important;
  border:none !important;
  text-align:center;
  outline: 0;
   position:relative;
   position:relative;
   line-height:24px; 
   color:#fff;
   text-decoration:none !important;
   padding-top:7px;
   padding-bottom:7px;
   font-size:18px;
   background-color:#5b748b  !important;
    border-bottom: 4px solid #5cb85c !important;
}
.parentDash_studentAccountSummary_widget .panel-default>.panel-body,
.parentDash_studentTabContent .panel-default>.panel-body{
padding:0px;
}
.parentDash_studentAccountSummary_widget .well-sm{
    border: 5px solid rgba(0,0,0,0.2);
    padding:5px 10px;
}
/*-----------------Parent Dash Nav Tabs Styles----*/
.parentDash_tabsStyle .nav-tabs{
    margin-top:5px;
       text-align:center !important;
}

.parentDash_tabsStyle ul li a{
     border:4px;
    border-radius:0px;
    margin-right:0px;
    text-transform:uppercase;
    font-weight:500;
    font-size:16px;
    color:#777;
      border-bottom:4px solid #337ab7;
}
/*----Media Quaries for Navbar on Parent Student Dashboard*/
@media only all and (min-width:850px) and (max-width:1000px) {
.parentDash_tabsStyle ul li a{
    font-size:15px;
}
    .parentDash_tabsStyle ul li a {
        padding-left:8px;
        padding-right:8px;
    }
}
@media only all and (min-width:887px) and (max-width:849px) {
.parentDash_tabsStyle ul li a{
    font-size:13px;
}
    .parentDash_tabsStyle ul li a {
        padding-left:10px;
        padding-right:10px;
    }
}
@media only all and (min-width:768px) and (max-width:886px) {
.parentDash_tabsStyle ul li a{
    font-size:13px;
}
    .parentDash_tabsStyle ul li a {
        padding-left:6px;
        padding-right:6px;
    }
}
@media only all and (min-width:476px) and (max-width:650px) {
.parentDash_tabsStyle ul li a{
    font-size:13px;
}
    .parentDash_tabsStyle ul li a {
        padding-left:5px;
        padding-right:5px;
    }
}
@media only all and (min-width:412px) and (max-width:475px) {
.parentDash_tabsStyle ul li a{
    font-size:11px;
}
    .parentDash_tabsStyle ul li a {
        padding-left:4px;
        padding-right:4px;
    }
}
@media only all and (min-width:320px) and (max-width:411px) {
.parentDash_tabsStyle ul li a{
    font-size:13px;
}
    .parentDash_tabsStyle ul li a {
        padding-left:5px;
        padding-right:5px;
    }
}
.parentDash_tabsStyle .nav-tabs > li > a:hover {
    border-color: #337ab7;
    color: #337ab7;
    border-bottom: 4px solid #337ab7;
    background-color:#337ab7;
    color:#fff;
}
.parentDash_tabsStyle .nav-tabs>li.active>a{
    border-color:#337ab7;
     color:#337ab7;
     border-top:4px solid #337ab7;
     border-bottom:0px !important;
}
.parentDash_tabsStyle .nav-tabs>li.active>a:hover{
     color:#fff;
     border-bottom:4px solid #337ab7 !important;
     border-top:0px;
}
/*-----New Styles for Parent Dashboard 2------*/
.parentDash_studentDetailsStatus_new{
  background-size: contain;
  /*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);*/
  flex: 1 1 200px;
  margin: 10px;
  position: relative;
  transition: box-shadow .2s;
  cursor: default;
  background-color:#fff;
  border-top: 4px solid #5b748b;
  padding-bottom:10px;

}
.parentDash_studentDetailsStatus_new:hover{
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
}
.dashCard_ChildContent h3{
    color:#5b748b;
    font-size:16px;
}
.dashCard_ChildContent h4{
    color:#777;
    font-size:15px;
}
@media only all and (min-width:767px) {
      .parentDash_studentStatus_cardsGroup {
        display: flex;
        flex-wrap: wrap;
    }

        .parentDash_studentStatus_cardsGroup > div[class*='col-'] {
            display: flex;
            flex-direction: column;
        }
}
/*-----------------Spinner on Page Loading Common for All Projects--------------*/
     
 #dashboard_loadwrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:2000;
}
 
#dashboard_spinner {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border-radius: 50%; /*Indicates the Length of the Spinner now it is half the Circle*/
    border: 4px solid transparent;
    border-top-color: #f0ad4e;
    -webkit-animation: spin 2s linear infinite; 
    animation: spin 0.7s linear infinite; 
    z-index:2000;
}
   /*--Text Size of the Spinner---*/
 #dashboard_loadwrapper p{
    font-size:23px;
    text-transform:uppercase;
    color:#fff;
    margin-top:20%;
     z-index:2000;
     font-weight:500;
}
        /*--Spinner Color Based on Ajax call Danger while Deleting, Info on Updating, Adding on Success -----*/
#dashboard_spinner_delete {
  display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: #C52229;
    -webkit-animation: spin 2s linear infinite; 
    animation: spin 0.7s linear infinite; 
}
 #dashboard_spinner_edit {
  display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: #5dc0de;
    -webkit-animation: spin 2s linear infinite; 
    animation: spin 0.7s linear infinite; 
}
 #dashboard_spinner_add {
  display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top-color: #5cb85c;
    -webkit-animation: spin 2s linear infinite; 
    animation: spin 0.7s linear infinite; 
} 

                                    /*---Key Frames to Acivate the Spinning Effect---*/
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg); 
        -ms-transform: rotate(0deg); 
        transform: rotate(0deg);  
    }
    100% {
        -webkit-transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg); 
        -ms-transform: rotate(0deg); 
        transform: rotate(0deg); 
    }
    100% {
        -webkit-transform: rotate(360deg); 
        -ms-transform: rotate(360deg); 
        transform: rotate(360deg); 
    }
}