/********************************************  =GENRAL CSS    ****************************************/
body{
  margin: 0;
}
.right{
  float: right;
}
.left{
  float: right;
}
.center {
    text-align: center;
}
.border{border: 1px solid;}
.border_top{border-top: 1px solid;}
.border_bottom{border-bottom: 1px solid;}
#admin_logo{
    font-family: 'Rubik Mono One', sans-serif;
    position: relative;
    color: blue;
    font-size: 35px;
    font-weight: bold;
    margin-left: 80px;
    display: block;
    margin-top: -29px;
}
.header_middle {
    padding: 0px 20px;
    /*background: hsla(233, 56%, 31%, 0.95);*/
    color: #fff;
    line-height: 3;
}
.header_right span{
    text-transform: capitalize;
    color: gray; 
    font-size: 14px;
}
.header_right span a{
    text-transform: initial;
    text-decoration: none;
    /*color: #fff;*/
    /*float: right;*/
    font-size: 14px;
}
#admin_pannel {
    font-size: 1.7em;
    margin: 0;
    line-height: 1.5;
}
.page_heading h4 {
    
    background: #387ed1;
    color: #fff;
    display: inline-block;
    margin: 0px;
    padding: 6px 20px;
    font-size: 20px;
    border: 1px solid transparent !important;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.simple_table {
    margin: 0;
    text-align: left;
}
.simple_table td {
    border-bottom: none;
    text-align: left;
}
.simple_table th {
    text-align: left;
}

.responce {
    position: absolute;
    top: 62px;
    left: 500px;
    width: 500px;
    border: 1px solid transparent !important;
    
}
.responce span {
    position: absolute;
    padding: 6px 20px;
    color: white;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}
.status_green{ background: #217b21; }
.status_pink{ background: #c33bb3; }
.status_red{  background: #ff3434; }
.genral_info li{
    list-style-type: disc;
    /* margin-left: 15px; */
    list-style-position: inside;
}

.loginbox {
    width: 425px;
    margin: auto;
    margin-top: 3em;
}
/************************************************ =MENU  ***********************************/
.site-nav ul {display: block; list-style: none; margin: 0; padding-left: 0;}
.site-nav li { float: left; position: relative; margin-bottom: 0px;}
.site-nav li:first-child{margin-left: 0;}
.site-nav a { display: block; text-decoration: none; padding: 0px 20px; color: #666666; font-weight: 400; 
              font-size: 0.9rem; transition: color 0.3s; letter-spacing: 0.5px;}
.site-nav ul ul { float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; background: #387ed1;}
.site-nav ul ul ul {left: -999em; top: 0;}
.site-nav ul ul a { width: 150px; line-height: 2.3; color: white;}
.site-nav ul ul li {margin: 0; float: none; display: block;}

.site-nav li:hover > a,
.site-nav li.focus > a { color: #6666ff;}

.site-nav ul ul a:hover,
.site-nav ul ul a.focus {  background: #2d62a0; color: #fff;}

.site-nav ul li:hover > ul,
.site-nav ul li.focus > ul { left: auto;}

.site-nav ul ul li:hover > ul,
.site-nav ul ul li.focus > ul { left: auto; right: 100%;}

/*******************************  =BLOCKS   ****************************************/

.blocks { padding: 1em .7em;}
.blocks span { font-size: 14px;}
.blocks strong{ font-size: 14px;}
.dashboard-block {
    min-height: 300px;
    padding: .3em .7em;
    border: 1px solid transparent;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px 1px #9a9696;
}

.fancy_box{
    min-height: 200px;
    padding: .3em .7em;
    border: 1px solid transparent;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px 1px #9a9696;
    margin-bottom: 1em;
}
.fancy_box_auto{
    padding: 1.3em .7em 1em .7em;
    border: 1px solid transparent;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px 1px #9a9696;
    margin-bottom: 1em;
}
.box_heading  {
    color: #387ed1;
    text-align: center;
    margin: 0px;
    padding: 1px;
    font-size: 14px;
    border: 1px solid transparent !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: .7em;
}
.block_title,
.block_content {
    text-align: center;
}
.block_title {
    background: #F44336;
    color: #fff;
    display: inline-block;
    margin: 0px;
    padding: 4px 14px;
    font-size: 17px;
    border: 1px solid transparent !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 3px;
}

.block_content table th, td {
    font-size: 14px;
    padding: 8px 8px;
    text-align: center;
    border-bottom: 1px solid #3773b94d;
}
.warning_delete_subject {
    display: none;
    /*width: 700px;
    margin: auto;*/
    
}
.warning{
    background: #ffcaca;
}
/********************************************  =STUDENT Register   ****************************************/

.register_student {
    font-size: 14px;
}
 .error {
    color: #d44949;
}
.form_row {
    margin-bottom: 0.7em;
}

/********************************************  =STUDENT Search   ****************************************/
.blocks th, td {
    text-align: center;
    font-size: 14px;
}
.blocks label {
    font-size: 14px;
}
/********************************************  =COURSE ADD SUBJECT   ****************************************/

.delete-symbole{
  text-decoration: none;
  color: black;
}

/********************************************  = STUDENT PROFILE   ****************************************/

.action_center strong {
    display: block;
    background: tomato;
    color: #fff;
    text-align: center;
    margin: 0px;
    padding: 1px;
    font-size: 14px;
    border: 1px solid transparent !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: .7em;
}
.action_center li {
    margin-bottom: .4em;
    padding: 0px 0px 4px 0px;
}
.action_center a {
    display: block;
    text-decoration: none;
    /* padding: 0px 20px; */
    color: #666666;
    font-weight: 400;
    font-size: 0.9rem;
    transition: color 0.3s;
    letter-spacing: 0.5px;
}
.action_center li:hover {
    
}
.action_center li a:hover {
    background: #2d62a0;
    color: white;
    /*text-align: center;*/
}
.clearfix::after{
  content: "";
  display: table;
  clear: both;
}
.school-details {
    

}
.school-details .item {
    margin-left: 0;
}
.school-details .item strong {
    float: left;
    width: 120px;
    font-size: 14px;
}
.school-details .item label {
    margin: 0;
    font-weight: normal;
    font-size: 13px;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}
body:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../images/logo.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.05;
    z-index: -1;
}